@charset "utf-8";
.header-main{ margin-top:100px; min-height:400px;}
.top_content .info_bar {
    margin: auto;
    padding: 85px 0 30px; max-width:1700px;
   
}
.info_bar .heading h1{ color:#0081cc;}
.info_bar {
    display: block;
}
    /* sections of the info bar */
    .info_bar .heading {
        width: 95%;

        padding: 10px 0; text-align:center
    }

.elementor-button-wrapper{ text-align:center; width:95%; margin-top:30px;}
.elementor-button {
    font-family: "Open Sans", Helvetica, Arial,Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1em;
    letter-spacing: 0px;
    color: #fff;
    background-color: #0081cc;
    border-radius: 8px 8px 8px 8px;
    padding: 22px 35px 22px 35px; 
}
.elementor-button:hover{ background:#046aa6; color:#fff;}
.heading h2 {
    display: inline-block;
}

.info_bar .breadcrumb { display:block;
    width: 95%; text-align:center
    
}

#mold-manufacturing:target {
  padding-top: 150px;  
}
#project-management:target {
  padding-top: 150px;  
}
#dfm-and-mold-design:target {
  padding-top: 150px;  
}
#Trial:target {
  padding-top: 150px;  
}
#quality-control:target {
  padding-top: 150px;  
}
#injection-molding:target {
  padding-top: 150px;  
}
#assembly-and-secondary-operations:target {
  padding-top: 150px;  
}
#Deliver:target {
  padding-top: 150px;  
}

.breadcrumb, .breadcrumb * {
    color: #fff;
    font-size: .8rem; 
}
.breadcrumb a{ padding:0 5px; color:#fff; font-size:16px;}
.top_content .breadcrumb {
    margin-top: 5px;
    line-height: 100%; padding:0
}

    .top_content .breadcrumb a, .top_content .breadcrumb span {
        text-decoration: none;
    }

        .top_content .breadcrumb span.icon-angle-right {
            padding: 0 5px;
        }

        .top_content .breadcrumb a:hover, .top_content .breadcrumb a:hover span {
            text-decoration: none;
            text-shadow: none;
        }

.breadcrumb a.icon-home:before {
    margin-right: 5px;
    line-height: 100%;
}

.breadcrumb {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    color: #666;
}


.sitewidget-prodCategory-20170810170238 {
    border-left: 0 dashed #666;
    border-right: 0 dashed #666;
    border-top: 0 dashed #666;
    border-bottom: 0 dashed #666;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    box-shadow: 0
}

.sitewidget-prodCategory-20170810170238 .sitewidget-hd {
    display: block;
    background-color: #0081cc;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.sitewidget-prodCategory-20170810170238 .sitewidget-hd>h2 {
    font-family: Arial;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 2.2em;
    text-align:center; margin-bottom:0
}

.sitewidget-prodCategory-20170810170238 .sitewidget-hd>h2:hover {
    font-weight: normal
}

.sitewidget-prodCategory-20170810170238 .sitewidget-bd {
    background-color: #eee;
    border-left: 0 solid #545454;
    border-right: 0 solid #545454;
    border-top: 0 solid #545454;
    border-bottom: 0 solid #545454;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
 
    padding-right: 0;
    padding-bottom: 0; padding-top:0;
    padding-left: 0
}

.sitewidget-hd1{
    display: block;
    background-color: #0081cc;
    border-left: 0 solid #000;
    border-right: 0 solid #000;
    border-top: 0 solid #000;
    border-bottom: 0 solid #000;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 25px;
}
.sitewidget-hd1 {
    position: relative;
}
.sitewidget-hd1 h2 {
    font-family: Arial;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 2.4em;
    text-align: left;
}

.opacity-no-show {
    transform: translateY(50px);
    opacity: 0
}

.transition1 {
    transition: transform 500ms,opacity 500ms
}

.sitewidget-follow-20180125100711 .hover-effect-border-color-choose {
    border: 2px solid transparent;
    border-radius: 50%
}

.sitewidget-follow-20180125100711 .hover-effect-border-color-choose:hover {
    border: 2px solid
}

.sitewidget-follow-20180125100711 .sitewidget-bd {
    text-align: right
}

.sitewidget-follow-20180125100711 .follow-a {
    margin: px px px 0
}

.sitewidget-follow-20180125100711 .svg-box {
    padding: 0
}
.category-default-simple ul{ margin-left:0; padding-left:0}


.category-default-simple li {
    padding-left:30px; border-bottom:1px #fff solid;
}
.category-default-simple li:hover{ background:#0081cc; color:#fff;}
.category-default-simple li:hover a{ color:#fff;}
.category-default-simple li::marker {
content:""
}

.category-default-simple .submenu-default-simple li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px
}

.category-default-simple .sitewidget-bd>ul>li>a {
   
    color: #868585;
    font-size: 16px;
    line-height: 46px
}

.category-default-simple .sitewidget-bd>ul>li>a:hover {
    color: #fff
}

.sitewidget-prodCategory-20170810170238.category-default-simple .sitewidget-bd li.on>a {
    color: #0081cc !important;
}



/* ================ The Timeline  ================ */

.timeline {
  position: relative;
  width:100%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left:2%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: rgb(80,80,80);
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  
  z-index: 5;
}

.timeline li {
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 300px;
  float: left;
  text-align: right;
}

.direction-r {
  position: relative;
  width: 90%;
/*  float: right;*/
margin-left: 45px;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  
  text-align: center;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(248,248,248);
  padding: 6px 10px;
  border-radius: 5px;
  font-size:20px;
  font-weight: 600;
  text-align: left;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -40px;
  content: ' ';
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 4px solid rgb(255,80,80);
  z-index: 10;
}

.direction-r .flag:before {
  left: -40px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  margin: 1em 0.75em 0 0;
  
  font-size: 16px;
  font-style: italic;
  line-height: 1.5em;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

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

.timeline {
 	width: 100%;
	padding: 4em 0 1em 0;
}

.timeline li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
	left: 50%;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid rgb(255,80,80);
	z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	height: 0;
	width: 0;
	margin-left: -8px;
	border: solid transparent;
	border-bottom-color: rgb(255,255,255);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 1em 0 0 0;
	padding: 1em;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);
	
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 1em 1em 0 1em;
	padding: 1em;
	
  z-index: 15;
}

}

@media screen and (min-width: 400px ?? max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 1em 4em 0 4em;
}

}

.service-block-four .pd-box h5{
	font-weight: 600 !important;
	font-size: 15px !important;
}

.red{
	color:#e10000 !important;
}

.lower-content ul{
	list-style: disc;
	margin-left: 25px;
}

.lower-content ul li{
	font-size: 16px;
	color: #2c2b2b;
	line-height:32px;
	    list-style: disc;
}

.accordion-outer ul{
	margin-left:0px !important;
}

.accordion-outer ul li{
	list-style: none !important;
}

.quote-today {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--white-color);
    font-size: var(--font-16);
    text-transform: capitalize;
    padding: 4px 15px !important;
    background: var(--color-fourtyone);
    background: linear-gradient(to right, rgb(198 167 5) 0%, rgb(170 143 3) 100%);
    font-family: var(--font-family-Poppins);
    margin-left: 22px;
    margin-top: 5px;
}

.quote-today:hover {
    background: linear-gradient(to right, rgb(72 72 72) 0%, rgb(38 38 38) 100%);
    color: var(--white-color);
}

.sticky-header .quote-today{
	margin-top:15px;
    }
    
.main-slider-two .content-column .inner-column {
    position: relative;
    background:#020022ab;
    width: fit-content;
    padding: 40px;
    border-radius: 10px;
}

.elementor-77{ padding-top:50px; background:#f6f6f6; line-height:30px;}

.elementor-heading-title {
    color: #2B2819;
    font-family: "rig-sans", Sans-serif;
    font-size: 1.1em;
    line-height: 1.3em; font-weight:bold; margin-bottom:1rem;
}
.elementor-element-4b449b1{ margin-bottom:20px;}
.elementor-element-9b3a270{ margin-bottom:20px;}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
}
.elementor-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.elementor-77 .elementor-element.elementor-element-855ffa3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-widget-container h6{
color: #2B2819;
    font-family: "rig-sans", Sans-serif;
    font-size: 18px;
}
.elementor-widget-container{ line-height:30px;}
.elementor-element-18674f7{ margin-top:50px;}

.a-case {
	min-width: 1024px;
	height: 42.5rem;
	box-sizing: border-box;
	padding: 0 10%; margin:30px 0;
}

.a-case .box {
	max-width: 1400px;
	margin: auto;
	display: table;
	padding-top: 5.5rem;
}

.a-case .box .tbox {
	width: 35%;
	float: left;
}

.a-case .box .tbox .t1 {
	font-size: 2.9rem;
	font-family: 'ProximaNova-Bold';
	color: #fff;
	line-height: 3.6rem;
}

.a-case .box .tbox .t2 {
	font-size: 1rem;
	line-height: 1.5;
	color: #fff;
	margin-top: 1.5rem;
}

.a-case .box .tbox .t3 {
	width: 11.5rem;
	height: 3.1rem;
	background: #4489ec;
	color: #fff;
	text-align: center;
	line-height: 3.1rem;
	font-size: 1.1rem;
	display: block;
	margin-top: 9.9rem;
}

.a-case .box .list {
	width: 65%;
	float: right;
}

.a-case .box .list ul {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.a-case .box .list li {
	width: 100%;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	font-size: 1.1rem;
	line-height: 1.6rem;
	list-style: none;
	margin-left: 1.5rem;
	padding: 0.3rem 0 0.7rem 2.5rem;
	color: #fff;
}

.a-case .box .list li span {
	display: inline-block;
	width: 24px;
	color: #fff;
	vertical-align: top;
}

.a-case .box .list li {
	color: #fff;
	display: inline-block;
	width: 26.6rem;
}



.a-use {
	min-width: 1024px;
	box-sizing: border-box;
	padding: 0 10%;
}

.a-use .box {
	max-width: 1400px;
	margin: auto;
	text-align: center;
	padding: 2.6rem 0;
}

.a-use .box .title {
	font-size: 2.9rem;
	line-height: 3.9rem;
	font-family: 'ProximaNova-Bold';
	color: #000; font-weight:bold
}

.a-use .box .txt {
	max-width: 1024px;
	margin: 1.6rem auto 2.4rem;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #000;
}

.a-use .box .list {
	width: 100%;
	display: table;
}

.a-use .box .list li {
	width: calc(25% - 9px);
	margin-right: 12px;
	margin-bottom: 9px;
	float: left;
	position: relative;
	list-style: none;
	overflow: hidden;
}
.a-use .box .list li img{ height:240px; width:100%;filter: brightness(50%)}

.a-use .box .list li:nth-child(4n) {
	margin-right: 0;
}

.a-use .box .list li span {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	left: 0;
	font-size: 1.4rem;
	font-family: 'ProximaNova-Bold';
	color: #fff; font-weight:bold
}

.single_product .nlist {
	width: 100%;
	background: #f5f5f5;
	padding: 5.6rem 0;
}

.single_product .nlist ul {
	width: 80%;
	margin: auto;
	display: table;
}

.single_product .nlist li {
	width: 48.8%;
	float: left;
	margin-right: 2.4%;
	position: relative;
	list-style: none;
	margin-bottom: 1.9rem;
}

.single_product .nlist li:nth-child(2n) {
	margin-right: 0;
}

.single_product .nlist li:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

.single_product .nlist li .img {
	width: 100%;
}

.single_product .nlist li .tbox {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	text-align: center;
	color: #000;
	padding-top: 2.5rem;
}

.single_product .nlist li .tbox .t1 {
	width: 78%;
	font-size: 1.8rem;
	font-family: 'ProximaNova-Bold';
	line-height: 1.2;
	margin-left: 11%;
	text-align: center;
}

.single_product .nlist li .tbox .t2 {
	font-size: 1rem;
	width: 78%;
	margin: 0.6rem auto 0;
	line-height: 1.2;
}

.single_product .nlist li .tbox .t3 {
	font-size: 1rem;
	color: #4489ec;
	margin-top: 1.2rem;
}



.contactbox{padding-top: 10vh;padding-bottom: 5vh;}
.contactbox .txtbox{padding:3%;padding-bottom: 1%; text-align: center;}
.txtbox h3{font-size: 40px;font-weight: bold;color:#333;margin-bottom:3%;}
.col-md-4 h4{font-size: 30px;font-weight: bold;color:#333;margin-bottom: 3%;}
.col-md-4 p{font-size: 16px;color:#666;line-height: 30px;}
.contactbox .txtbox p{font-size: 16px;color:#666;line-height: 30px;width: 70%;margin:auto;}
.contactbox .col-md-4 span{color:#0976af;font-weight: bold;display: block;}
.contactbox .col-md-4{padding:2% 3%;text-align: center;}
.contactbox .col-md-4 p img{width: 24%;margin:auto;}
.contactbox a{text-decoration: none;cursor: pointer;font-size: 18px;text-transform: uppercase;}
.contactbox a i{margin-right: 10px;transition: all 0.4s;}
.contactbox a:hover i{margin-right: 15px;transition: all 0.4s;}
.contactbox .row .col-md-4 .a-btn{display: block;width: 60%;margin:auto; padding:10px;background: #000;color:#fff;border:4px solid #000;transition: all 0.4s;}
.contactbox .row .col-md-4 .a-btn:hover{background: #fff;color:#000;transition: all 0.4s;}
.inquiry{background: linear-gradient(to bottom,#f9f9f9,#ffffff);}
.inquiry .col-md-6{padding:1% 5%;}
.inquiry h4{font-size: 22px;font-weight: bold;margin-bottom: 2%;}
.inquiry .mescon .col-md-12{margin-bottom: 3%;}
.inquiry ul{list-style: none;padding:0;}
.inquiry ul li{margin-bottom: 2%;color:#0976af;font-size: 18px;}
.inquiry ul li a{color:#0976af;font-size: 18px;}
.inquiry ul li a i{color:#0976af;margin-right: 10px;}
.inquiry .a-btn{padding: 8px 30px;border:2px solid #0976af;}
.inquiry .a-btn i{font-size: 14px;margin-right: 10px;}
.inquiry .a-btn:hover{border:2px solid #0976af;}

.py-5{padding:4% 0;}
.mescon input{font-size: 15px;background: #fff;border: 1px solid #ccc;border-radius: 0;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder{color:#ccc;font-size: 13px;}

.article-all .lm-banner .ofhidden{position: relative;}
.article-all .lm-banner .ofhidden .banzz{position: absolute;top: 0;left: 0;width: 100%;height: -webkit-fill-available;background: rgba(0, 0, 0, 0);}
.article-all .lm-banner .ofhidden .lmtextbox{position: absolute;bottom:30%;text-align: left;list-style: none;}
.article-all .lm-banner .ofhidden .lmtextbox h3{text-transform: capitalize;color: #fff;font-weight: initial;text-transform: uppercase;font-size: 30px;margin-bottom: 5px;}
.article-all .lm-banner .ofhidden .lmtextbox p{margin-bottom: 0px;font-size: 18px;font-family: initial;color:#fff;}
.lm-banner ul li a{color:#999;font-size: 18px;display: block;padding: 5px 10px;}
.lm-banner ul li .active{color:#fff;}
.lmtextbox li a span{color:#fff;margin-left: 15px;}
.lmtextbox li a .ga29{display: none;}



.cprolist .col-md-3{padding: 1%;}
.cprolist .col-md-4{padding:1%;}
.cprolist .hvr-float{text-decoration: none;color:#333;text-align:center;background: #fff;padding: 10px;cursor: pointer;width: 100%;}
.cprolist .hvr-float img{width: 90%;margin:auto;}
.cprolist .hvr-float p{font-size: 16px;color:#333;margin-top: 2%;}

.map{background:url(../../../ups/images/contact-map.png) center center;}
.contact-bottom{box-shadow: 13px 15px 40px 0 rgba(50,26,9,.08);}
.contact-bottom .contact-bottom-yy{padding: 2%;}
.pagination li{font-size:13px !important;}
.pagination li .page-link{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #ec1717;background-color: #fff;border: 1px solid #ec1717;}
.pagination .active .page-link{background: #ec1717;border-color:#ec1717;color:#fff;font-weight: initial;}
.pagination li .pageinfo{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;}
.article-all .modal .btn{background-color: #875d3e !important;border:none;color:#fff;cursor: pointer;}
.article-all .modal .btn:hover{background-color: #bfa95f !important;}
.pagination li.disabled .page-link{color: #ec1717;pointer-events: none;cursor: auto;background-color: #fff;border-color: #ec1717;}



.container-tosinn { max-width:1400px;
    margin: auto;
}

.download_title .title {
 
 font-size: 2.9rem;
    line-height: 3.9rem;
    font-family: 'ProximaNova-Bold';
    color: #000;
    font-weight: bold; margin:0 auto; text-align:center
}
}
.download_title p{ text-indent:2em;
}


.companybox{background: #f5f5f5;}
.py-5{padding:4% 0;}
.col-md-6{padding:3% 4%;}
.txtbox h3,h3{font-size: 40px;font-weight: bold;color:#333;margin-bottom: 5%;}
h4{font-size: 30px;font-weight: bold;color:#333;margin-bottom: 3%;}
.txtbox p{font-size: 16px;color:#666;line-height: 27px; text-indent:2em;}
#carouselAbout{position: relative;}
#carouselAbout button{background: rgb(219 88 62 / 0.3);color:#fff;font-size: 25px;border: none;font-family: cursive;padding: 12px 24px;transition: all 0.4s;height: 100%;}
#carouselAbout button:hover{background: rgb(219 88 62 / 0.5);transition: all 0.4s;}
#carouselAbout button:nth-child(2){position: absolute;left: 0;bottom:0;}
#carouselAbout button:nth-child(3){position: absolute;right: 0;bottom:0;}
#carouselPacking{position: relative;}
#carouselPacking button{background: rgb(219 88 62 / 0.5);color:#fff;font-size: 25px;border: none;font-family: cursive;padding: 12px 24px;transition: all 0.4s;}
#carouselPacking button:hover{background: #db583e;transition: all 0.4s;}
#carouselPacking button:nth-child(2){position: absolute;left: 0;bottom:0;}
#carouselPacking button:nth-child(3){position: absolute;right: 0;bottom:0;}
.companybox4 .col-md-4{padding: 2%;text-align: center;}
.companybox4 .col-md-4 img{width: 70%;margin: auto;box-shadow: 0px 4px 9px 0px rgb(204 204 204 / 0.2);padding: 10px;transition: all 0.4s;}
.companybox4 .col-md-4:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}




.about_list {
	padding: 0;
	text-transform: capitalize;
}

.about_list li {
	font-size: 24px;
	position: relative;
	float: left;
	width: 23.5%;
	
	margin: 0 2% 25px 0;
	color: #333333;
	transition: all 0.5s;
	overflow: hidden; height:200px;
}
.about_list li:hover img{transform: scale(1.1);}

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

.about_list li:hover {
	color: #ffffff;
}

.about_list .picture {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
.about_list .picture img{ height:200px;}

.about_list li:before {
	content: '';
	background: url("../images/c0.png");
	width: 102%;
	height: 102%;
	background-size: 100% 100%;
	position: absolute;
	top: 61%;
	left: 51%;
	transform: translate(-50.5%, -61.5%);
	-webkit-transform: translate(-50.5%, -61.5%);
	z-index: 3;
	transition: all .7s;
	-webkit-transition: all .7s;
}

.about_list li:after {
	content: '';
	background: url("../images/c0_on.png");
	width: 0;
	height: 0;
	background-size: 100% 100%;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -60%);
	-webkit-transform: translate(-50%, -60%);
	z-index: 3;
	opacity: 0;
	transition: all .56s;
	-webkit-transition: all .56s;
}



.about_list .lans {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	padding: 40px 10px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	font-weight: bold;
}

@media screen and (max-width: 1600px) {
	.about_list {
		padding: 35px 0 65px;
	}

	.about_list li {
		font-size: 20px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1440px) {
	.about_list {
		padding: 25px 0 45px;
	}

	.about_list li {
		font-size: 17px;
		margin-bottom: 25px;
	}
}

.quan{ width:100%;}
.quan li{width:32.686%; float: left;margin-right:0.723%;margin-bottom:8px;position: relative;max-height: 270px; list-style:none}
.quan li:nth-child(3){margin-right: 0;}
.quan  ul{clear: both;overflow: hidden; margin-left:0; padding-left:0}
.quan li img{transition: all 0.5s;}
.quan li:hover img{transition: all 0.5s;transform: scale(1.1);}

.fa_left1{width:30.357%;max-height:548px;position: relative; float: left;margin-right: 0.5%;}
.fa_left1 img{ height:548px;transition: all 0.5s;}
.fa_left1:hover img{ transform: scale(1.1);}
.fa_left1 h4{ font-size: 1.5625vw;color:#1a1a1a; line-height: 2.239vw;font-weight: normal;width: 100%;top:52px;left:0;position: absolute;text-align: center;}
.fa_left1 h4 b{font-weight: bold;display: block;}
.fa_right1{width:69.142%;float: left;max-width: 968px;}
.fa_right1 ul{clear: both;overflow: hidden;margin-left:0; padding-left:0; margin-bottom:0.3%}
.fa_right1 li{width:49.586%; float: left;margin-right:0.723%;margin-bottom:8px;position: relative;max-height: 270px; list-style:none}
.fa_right1 li img{ max-height:270px; width:100%;transition: all 0.5s;}
.fa_right1 li:hover img{transform: scale(1.1);}
.fa_right1 li:nth-child(2n){margin-right: 0;}


.news{
	padding: 50px 0px 75px;
}
.new-tab{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: url(../images/img214.png) top 10px center no-repeat;
	/*background-size: 100% auto;*/
}
.new-tab ul{
	display: inline-block;
}
.new-tab ul li{
	float: left;
	width: 220px;
	margin-right: 30px;
	text-align: center;
}
.new-tab ul li:last-child{
	margin-right: 0;
}
.new-tab ul li a{
	display: inline-block;
	width: 100%;
	text-align: center;
}
.new-tab ul li .point{
	margin: 0px auto 10px;
}
.new-tab ul li .point i{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: #c4c4c4 solid 2px;
	background-color: #c4c4c4;
}
.new-tab ul li.on .point, .new-tab ul li:hover .point{
	background: url(../images/img215.png) center no-repeat;
}
.new-tab ul li.on .point i, .new-tab ul li:hover .point i{
	background-color: #FFFFFF;
	border: #89b60c solid 2px;
}
.new-tab ul li .txt{
	color: #666666;
	font-size: 18px;
	font-family: 'SourceHanSansCN-Regular';
}
.new-tab ul li.on .txt, .new-tab ul li:hover .txt{
	color: #89b60c;
	font-family: 'SourceHanSansCN-Medium';
}
.newbox{
	margin-top: 40px;
	border-top: #e5e5e5 solid 1px;
}
.newbox ul{
	margin-bottom: 90px;
}
.newbox ul li{
	position: relative;
	float: left;
	width: 33.33%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	/*width: calc(100% / 3);*/
	padding: 2.8% 4% 3%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; list-style:none
}
.newbox ul li a{
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 100%;
}
.newbox ul li::before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-right: #e5e5e5 solid 1px;
	border-bottom: #e5e5e5 solid 1px;
}
.newbox ul li:nth-child(3n)::before{
	border-right: none;
}
.newbox ul li .time{
	color: #8b8b8b;
	font-size: 20px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 25px;
}
.newbox ul li .time .date{
	display: inline-block;
	margin-right: 10px;
	font-size: 42px;
}
.newbox ul li .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.newbox ul li .imgbox img{
	width: 100%;
}
.newbox ul li .txtbox{
	text-align: left;
	margin-top: 25px;
}
.newbox ul li .txtbox .t1{
	color: #333333;
	font-size: 20px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newbox ul li:hover .txtbox .t1{
	color: #0976af;
}
.newbox ul li .txtbox .t2{
	color: #8b8b8b;
	font-size: 16px;
	line-height: 1.7;
	height: 55px;
	margin-bottom: 30px;
	font-family: 'SourceHanSansCN-light';
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newbox ul li .txtbox .t3{
	position: relative;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #0976af;
	font-size: 16px;
	font-family: 'SourceHanSansCN-light';
	background-color: #f7f7f7;
	/*border-left: #0976af solid 3px;*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.newbox ul li .txtbox .t3 span{
	position: relative;
	z-index: 2;
}
.newbox ul li:hover .txtbox .t3 span{
	color: #ffffff;
}
.newbox ul li .txtbox .t3::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 3px;
	height: 100%;
	background-color: #0976af;
	 -o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.newbox ul li:hover .txtbox .t3::before{
	width: 100%;
}
/*新闻详情*/
.new-details{
	padding: 75px 0px 65px;
}
.new-details .box{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.new-details .box .left{
	float: left;
	width: 63%;
}
.new-details .box .left .content{
	/*padding: 5% 0 0;*/
}
.new-details .box .left .title{
	padding-bottom: 35px;
	border-bottom: #eeeeee solid 1px;
}
.new-details .box .left .title .t1{
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 40px;
	margin-bottom: 15px;
}
.new-details .box .left .title .t2{
	color: #8b8b8b;
	font-size: 16px;
	font-family: 'SourceHanSansCN-Regular';
	line-height: 1.5;
}
.new-details .box .left .title .t2 .sp{
	display: inline-block;
	vertical-align: middle;
	margin-right: 80px;
}
.new-details .box .left .title .t2 .sp:last-child{
	margin-right: 0;
}
.d-share{
	display: inline-block;
	vertical-align: text-bottom;
}
.new-details .box .left .title .t2 .sp img{
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 10px;
}
.new-details .box .left .details{
	padding-bottom: 25px;
	border-bottom: #eeeeee solid 1px;
}
.new-details .box .left .txtbox{
	padding: 20px 0px 30px;
	color: #333333;
	font-size: 16px;
	font-family: 'SourceHanSansCN-light';
	line-height: 2;
}

.new-details .box .right{
	float: right;
	width: 25%;
	overflow: hidden;
}
.new-details .box .right .title{
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 26px;
	padding-bottom: 15px;
}
.prevnext{
	margin-top: 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
}
.prevnext .prev{
	float: left;
	width: 48%;
	overflow: hidden;
	text-align: left;
}
.prevnext .next{
	float: right;
	width: 48%;
	overflow: hidden;
	text-align: right;
}
.prevnext .next a, .prevnext .prev a{
	display: inline-block;
	width: 100%;
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.prevnext .next a:hover, .prevnext .prev a:hover{
	color: #89b60c;
}


.new-details{
	padding: 75px 0px 65px;
}
.new-details .box{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.new-details .box .left{
	float: left;
	width: 63%;
}
.new-details .box .left .content{
	/*padding: 5% 0 0;*/
}
.new-details .box .left .title{
	padding-bottom: 35px;
	border-bottom: #eeeeee solid 1px;
}
.new-details .box .left .title .t1{
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 40px;
	margin-bottom: 15px;
}
.new-details .box .left .title .t2{
	color: #8b8b8b;
	font-size: 16px;
	font-family: 'SourceHanSansCN-Regular';
	line-height: 1.5;
}
.new-details .box .left .title .t2 .sp{
	display: inline-block;
	vertical-align: middle;
	margin-right: 80px;
}
.new-details .box .left .title .t2 .sp:last-child{
	margin-right: 0;
}
.d-share{
	display: inline-block;
	vertical-align: text-bottom;
}
.new-details .box .left .title .t2 .sp img{
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 10px;
}
.new-details .box .left .details{
	padding-bottom: 25px;
	border-bottom: #eeeeee solid 1px;
}
.new-details .box .left .txtbox{
	padding: 20px 0px 30px;
	color: #333333;
	font-size: 16px;
	font-family: 'SourceHanSansCN-light';
	line-height: 2;
}

.new-details .box .right{
	float: right;
	width: 25%;
	overflow: hidden;
}
.new-details .box .right .title{
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 26px;
	padding-bottom: 15px;
}
.prevnext{
	margin-top: 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
}
.prevnext .prev{
	float: left;
	width: 48%;
	overflow: hidden;
	text-align: left;
}
.prevnext .next{
	float: right;
	width: 48%;
	overflow: hidden;
	text-align: right;
}
.prevnext .next a, .prevnext .prev a{
	display: inline-block;
	width: 100%;
	font-family: 'SourceHanSansCN-Regular';
	color: #333333;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.prevnext .next a:hover, .prevnext .prev a:hover{
	color: #89b60c;
}

/*more-recommend*/
.more-recommend .title{
	font-family: 'SourceHanSansCN-Bold';
	color: #333333;
	font-size: 26px;
	/*line-height: 60px;*/
	border-bottom: #dcdcdc solid 1px;
}
.more-recommend ul li{
	margin-top: 30px;
	padding-bottom: 25px;
}
.more-recommend ul li a{
	display: inline-block;
	width: 100%;
}
.more-recommend ul li .imgbox{
	width: 100%;
	overflow: hidden;
	margin-bottom: 18px;
}
.more-recommend ul li .imgbox img{
	width: 100%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.more-recommend ul li:hover .imgbox img{
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.more-recommend ul li .txtbox{

}
.more-recommend ul li .txtbox .t1{
	color: #8b8b8b;
	font-size: 14px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 10px;
}
.more-recommend ul li .txtbox .t2{
	color: #333333;
	font-size: 20px;
	font-family: 'SourceHanSansCN-Regular';
	margin-bottom: 6px;
}
.more-recommend ul li .txtbox .t3{
	color: #8b8b8b;
	font-size: 16px;
	line-height: 1.7;
	font-family: 'SourceHanSansCN-light';
}