@charset "utf-8";
/*--------------------------head-wrapper---------------------------*/
.head-wrapper {
	position: relative;
	width: 100%;
	z-index: 10000;
}
.head-top {
	position: relative;
 /*height: .95rem;*/
	background: #fffbee;
	z-index: 9999;
}
.logo, .language, .head-search-form, .nav-bar .nav {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	text-align: left;
}
.logo {
	position: relative;
	float: left;
}
.logo img {
	position: relative;
}
.tasking {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #dcb842;
	overflow: hidden;
	display: none;
	z-index: 1;
}
.change-language {
 /*margin: .35rem 0 0 0;*/
	float: right;
}
.head-top .head-contact {
	display: inline-block;
	float: right;
	/*margin-top: 22px;*/
}
.head-top .head-contact, .head-top .head-contact a {
	color: #111;
}
.head-top .head-contact a:hover {
	color: #dcb842;
}
.head-top .head-contact b {
	font-weight: normal;
}
.head-top .head-contact .head-phone, .head-top .head-contact .head-email {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	line-height: 32px;
	padding: 0 40px 0 0;
	;
	float: right;
}
.head-top .head-contact .head-email:before {
	content: "\e619";
	font-family: 'icomoon';
	font-size: 16px;
	color: #111;
	padding: 10px;
}
.head-top .head-contact .head-phone:before {
	content: "\e942";
	font-family: 'icomoon';
	font-size: 16px;
	color: #111;
	padding: 10px;
}
.head-search-form {
	position: relative;
	right: 0;
	width: 230px;
	height: 30px;
	border: 1px solid #d7d8d8;
	overflow: hidden;
	z-index: 1;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background-color: #f3f4f5;
	float: right;
	margin-top: 20px;
}
.head-search-form .search-ipt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	background: none;
	border: none;
	color: #9a9a9a;
	padding-left: 10px;
}
.head-search-form .search-btn {
	font-family: 'fontawesome';
}
.head-search-form .search-btn {
	position: absolute;
	display: block;
	right: 0;
	top: -1px;
	border: none;
	background: none;
	color: #667071;
 font-size: .16rem;
	width: 40px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.head-search .search-toggle {
	background-color: #494949;
}
.head-search .search-toggle:before {
	font-family: 'fontawesome';
	content: "\f002";
}
.head-search-show.head-search .head-search-form {
	width: 100%;
}
.nav-bar {
	position: relative;
 height:.68rem;
	background-color: #fff;
	text-align: left;
	z-index: 99;
}
.nav-bar .nav {
}
.nav-bar .nav li {
	position: relative;
	display: block;
}
.nav-bar .nav > li {
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
 padding: 0 .15rem;
}
.nav-bar .nav > li.nav-current > a {
}
.nav-bar .nav > li.nav-current > a:after, .nav-bar .nav > li > a:after, .nav-bar .nav > li.nav-current > a:before, .nav-bar .nav > li > a:before {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #dcb842;
	visibility: visible;
	display: block;
	opacity: 1;
}
.nav-bar .nav > li.nav-current > a:before, .nav-bar .nav > li > a:before {
	bottom: 4px;
}
.nav-bar .nav > li:hover > a:after, .nav-bar .nav > li.nav-current > a:after {
	width: 100%;
}
.nav-bar .nav > li:hover > a:before, .nav-bar .nav > li.nav-current > a:before {
	width: 50%;
}
.nav-bar .nav > li > a {
	position: relative;
	display: inline-block;
 height: .6rem;
 line-height: .7rem;
	text-transform: uppercase;
	color: #494949;
	font-weight: bold;
 font-size:16px;
}
.nav-bar .nav li li {
	display: block;
 *display:block;
 line-height: .35rem;
}
.nav-bar .nav li li a {
 padding: 0 .15rem;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0);
}
.nav-bar .nav ul {
	width: 3.1rem;
	position: absolute;
 top: .6rem;
	background: #fffbee;
	text-align: left;
	display: none;
	z-index: 999;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.nav-bar .nav ul ul, .fixed-nav.nav-bar .nav ul ul {
	top: 0;
	left: 3rem;
}
.nav-bar .nav ul li:hover >a {
	color: #dcb842;
}
.nav-bar .nav li .nav-ico {
	font-size: 12px;
	margin: 0 0 0 5px;
}
.nav-bar .nav li .nav-ico:after {
	content: '\f0d7';
}
.nav-bar .nav li li .nav-ico {
	position: absolute;
	top: 0;
 right: .1rem;
 line-height: .35rem;
}
.nav-bar .nav li li .nav-ico:after {
	content: '\f0da';
}
.fixed-nav {
	position: fixed;
	width: 100%;
	top: 0;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	transition: top .5s;
	z-index: 10009;
}
/*--------------------------footer---------------------------*/	

.ewmBody{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.ewmBody li{
    width:49%;
}

.ewmBody li img{
    width:100%;
}


.foot-wrapper {
	position: relative;
	width: 100%;
	background: #dcb842;
	overflow: hidden;
}
.foot-wrapper, .foot-wrapper a {
	color: #fff;
	/*font-family: 'GT-Walsheim-Pro-Regular';*/
	font-size: 16px;
 line-height: .26rem;
}
.foot-wrapper, .foot-wrapper a:hover{
    color:#fff;
    text-decoration: underline;
}
.foot-items {
 padding: .7rem 0;
 line-height: .23rem;
}
.foot-items .foot-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}

.foot-cont li{
    margin-bottom: 10px;
}
.foot-items .foot-item .foot-tit {
	position: relative;
 padding: 0 0 .15rem;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
 margin: 0 0 .15rem;
	font-family: 'GT-Pressura-Regular';
	text-transform: uppercase;
	letter-spacing: .024em;
}
.foot-items .foot-item.foot-item-contact {
	width: 30%;
	padding: 0 40px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: left;
}
.foot-items .foot-item.foot-item-inquiry {
	width: 25%;
	padding-left: 50px;
}
.foot-item-inquiry .subscribe span {
	font-size: 15px;
	line-height: 24px;
	font-family: 'Plantin MT Light Italic';
}
.foot-items .foot-item.foot-item-information {
	width: 20%;
	padding: 0;
	padding-right: 50px;
	text-transform: uppercase;
}
.foot-items .foot-logo {
	padding-bottom: 25px;
}
.foot-item.foot-item-contact li {
	position: relative;
 padding: 0 0 0 .1rem;
	margin-bottom: 10px;
}
.foot-item.foot-item-contact li:before {
	position: absolute;
	left: 0;
	top: 0;
 font-size: .16rem;
	display: none;
}
.foot-item.foot-item-contact li.foot_addr:before {
	content: "\f0f7";
}
.foot-item.foot-item-contact li.foot_phone:before {
	content: "\f095"
}
.foot-item.foot-item-contact li.foot_email:before {
	content: "\f003"
}
.foot-item.foot-item-contact li.foot_fax:before {
	content: "\f1ac"
}
.foot-item.foot-item-contact li.foot_skype:before {
	content: "\f17e"
}
.foot-social {
	position: relative;
 margin: .4rem 0 0;
}
.foot-social li {
	position: relative;
	display: inline-block;
	vertical-align: top;
 margin: 0 .15rem 0 0;
}
.foot-social li img {
}
.subscribe span {
	display: block;
}
.subscribe .button {
	display: inline-block;
 line-height:.32rem;
	padding: 0 1rem;
	border-bottom: 1px solid #fff;
	color: #FFF;
 margin: .2rem 0;
	cursor: pointer;
}
.subscribe .button:before {
	font-family: "fontawesome";
	content: "\f003";
 margin: 0 .05rem 0 0;
}
.copyright {
	color: #fff;
 line-height: .35rem;
	text-align: right;
	margin-top: 1.8rem;
}
/*-------------------------------------------------------- 
													page: index
																	------------------------------------------------------*/

.index-title-bar {
	position: relative;
	text-align: center;
}
.index-title-bar .title, .index-title-bar .title a {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
 font-size: .34rem;
 line-height: .36rem;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'SourceSansProSemibold';
	color: #dcb842;
}
.index-title-bar .sub-title {
	width: 40%;
	margin: auto;
 margin-top: .3rem;
}
.index-title-bar .sub-title a {
    font-weight: 400;
    margin-top: 18px;
    line-height: 24px;
    /*color: #333;*/
        text-decoration: underline;
}
.main_content.index-layout {
	padding-bottom: 0;
}
/*company-synopses*/
.company-synopses {
	position: relative;
	width: 100%;
 padding: .8rem 0 .6rem 0;
}
.company-synopses ul {
	z-index: 999;
	margin-top:0.4rem;
	
}
.synopsis-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 25%;
	text-align: center;
	    margin-bottom: 3%;
}
.synopsis-item .item-wrap {
	position: relative;
	padding: 0 5%;
}
.synopsis-item .item-img {
}
.synopsis-item .item-img:hover img {
}
.synopsis-item .item-img img {
        width: 100%;
}
.synopsis-item .item-title a {
    font-size: 20px;
     font-family: 'SourceSansProLight'; 
    line-height: .18rem;
    color: #000;
    /* width: 70%; */
    display: block;
    margin: auto;
    padding: .25rem 0;
    font-weight: bold;
}
/*about-us*/
.about-us {
	position: relative;
	width: 100%;
	overflow: hidden;
 padding: .7rem 0 0;
}
.about-us .about-img {
	position: relative;
	width: 49.42%;
	float: left;
	    z-index: 99999;
}
@media screen and (min-width:981px){
.about-us .about-img{
    height: 417px;
}

.about-info-wrap{
    height: 417px;
}
.video{
    height: 417px;
}
}


.about-us .about-img .item, .about-us .about-img .item img {
	position: relative;
	width: 100%
}
.about-info-wrap {
	position: relative;
	width: 50.58%;
	float: right;
 font-size: .16rem;
	/*line-height: 2.5;*/
	border: 2px solid #dcb842;
	padding: 40px 50px;
	margin-left: 0%;
	z-index: 999;
 /*margin-top: .25rem;*/
	text-align: center;
}
.about-info-wrap .index-title-bar .title a {
	color: #dcb842;
}
.about-us .about-detail {
 margin-top: 20px;
	/*font-family: 'SourceSansProLight';*/
 /*line-height: 1.7;*/
	font-weight: normal;
	color: #333;
	font-size: 16px;
}

.p1 a{
    text-decoration: underline;
}
.about-us .about-more {
 margin: .2rem 0 0;
}
.about-us .about-more a {
    display: inline-block;
    line-height: .35rem;
    background-color: #dcb842;
    font-size: .18rem;
    position: relative;
    color: #fff;
    padding: 5px 35px;
}
.about-us .about-more a:after {
	content: "\f178";
	font-size: 16px;
	right: 30px;
	top: 5px;
	position: absolute;
	opacity: 0;
}
.about-us .about-more a:hover:after {
	opacity: 1;
}
.about-us .about-more a:hover {
	padding-right: 55px;
}
.about-us .about-img .flex-control-nav {
	text-align: right;
	width: 97%;
}
.about-us .about-img .flex-control-paging li a {
 width: .12rem;
 height: .12rem;
}
.about-us .about-img .flex-control-paging li a:hover, .about-us .about-img .flex-control-paging li a.flex-active {
 width: .15rem;
 height: .15rem;
}
.about-us .about-img .flex-direction-nav {
	display: none;
}

.numbody{
    display: flex;
    justify-content: space-between;
    flex-flow:row wrap;
 margin-top: 0.6rem;
}
.numbody li{
    width:22%;
    text-align: center;
    box-shadow: 0px 5px 0px 7px #dcb842;
    padding: 30px;
        border-radius: 3px;
        transition: .5s ease;
         margin-bottom: 20px;
}
.numbody li:hover{
        transform: translateY(-40px);
}

.numbody li img{
    width:28%;
}

.numbody li h3{
    font-size: 24px;
    padding: 10px 0;
    color: #6f6f6f;
    text-shadow: 0 2px #333;
}

.item_information{
    padding:10px;
        min-height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.item_information h3{
    font-weight: normal;
    font-size: 16px;
}

@media screen and (max-width:981px){
    .page_title{
        font-size: 22px;
        margin-bottom: 25px;
    }
    .item_information h3{
        overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    }
        .web_head {
        padding: 25px 0 0;
        height: auto;
    }
    .numbody li{
        width:48%;
       
    }
    .numbody2 li{
        width:48%!important;
       
    }
    .numbody2{
        margin-top:0.2rem!important;
    }
    .newbody{
         margin-top:0.2rem!important;
    }
        .index-client-wrap {
        padding: .3rem 0 .4rem 0!important;
    }

    .foot-item-information,.foot-item-contact{
     display: none!important;   
    }
    
    
    .index-title-bar .title, .index-title-bar .title a{
        font-size: 22px;
    }
    
    .product-items .items-content{
        margin-top:0.2rem!important;
    }
    
    .synopsis-item .item-title a{
        font-size:16px;
    }
    .video{
        height:280px!important;
    }
   .about-us .about-more a{
       font-size: 16px!important;
   }
   .numbody{
       margin:0 0 0.2rem;
   }
   .index-title-bar .title{
       font-size: 22px!important;
   }
   .newbody li{
       width:100%!important;
   }
}




.numbody2{
    display: flex;
    justify-content: space-between;
    flex-flow:row wrap;
 margin-top: 0.6rem;
}
.numbody2 li{
    width:22%;
    margin-bottom: 2%;
   
}
.numbody2 li:hover img{
      transform: translateY(-20px) scale(1.1);
          box-shadow: 28px 28px 0 -8px #dcb842;
}
.numbody2 li img{
    width:100%;
     transition:.5s ease;
}
.newbody img{
    width:100%;
}
.newbody{
    display: flex;
    justify-content: space-between;
    flex-flow:row wrap;
 margin-top: 0.6rem;
}
.newbody li{
      width:32%;
}

.newbody{
     text-align: center;
}
.newbody h3{
   
    margin:5px 0;
}

.newbody p{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.foot_sns{
        float: left;
    display: flex
}
.foot_sns li{
    margin-right:10px;
}
.foot_sns li img{
    width:30px;
}

@media screen and (max-width:981px){
    .foot_sns li img{
        width:20px!important;
    }
    .conbody li{
        width:100%!important;
    }
    .lt{
            padding: 20px;
    }
    .lt h2{
        font-size: 28px!important;
    }
    .lt p{
        font-size: 20px!important;
    }
    
    .foot-ewm{
        width: 51%!important;
    }
}

@media screen and (min-width:981px){
    .logo2{
        display: none!important;
    }
}


.conbody{
        display: flex;
    align-items: center;
    flex-flow: row wrap;
    background: #ece6dc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 22px 0 #e3e3e3;
}

.conbody li{
    width:50%;
}

.lt{
       display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; 
}
.lt h2{
        font-size: 44px;
    line-height: 1.2;
        color: #6d6d6d;
}
.lt p{
          font-size: 28px;
    line-height: 1.3;
    margin: 20px auto;
    background: linear-gradient(to top, #dcb842 50%, transparent 50%);
    display: inline;
    padding: 2px 0;
    width: fit-content;
}

.conbody li img{
    width: 100%;
}
.btn{
        background: #b1a7a0;
    color: #fff;
    width: 220px;
    margin: 20px auto;
    padding: 10px 30px;
    font-size: 22px;
    font-weight: bold;
    transition:.5s ease;
}
.btn:hover{
    background:#dcb842;
    color:#fff!important;
}
/*------------product-items --------------*/
 
.product-items {
	position: relative;
	width: 100%;
	overflow: hidden;
 padding: .7rem 0;
	background-color: #ffffff;
}
.product-items .items-content {
	width: 1230px;
 margin: .4rem 0 0 -15px;
}
.product-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 33.333%;
 margin: 0 0 .22rem;
}
.product-items .product-item, .goods-items .product-item {
	width: 100%;
	margin: 0;
	padding-bottom: 1px;
}
.product-item .item-wrap {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin: 0 22px 0 0;
}
.product-items .product-item .item-wrap {
	margin: 0 15px;
}
.product-item .item-img {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.product-item .item-img img {
	position: relative;
	width: 100%;
	-moz-transition: 1.5s all ease;
	-o-transition: 1.5s all ease;
	-webkit-transition: 1.5s all ease;
	transition: 1.5s all ease;
}
.product-item .item-img:hover img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}
.product-item .item-info .item-title {
 padding: .1rem .4rem;
	text-transform: capitalize;
 font-size: .18rem;
}
.product-item .item-info .item-title, .product-item .item-info .item-title a {
	color: #000;
	font-family: 'SourceSansProRegular';
	font-weight: normal;
	font-size: 16px;
}
/*----------------------------------product-items nav---------------------------------*/

.product-items .owl-carousel .owl-controls .owl-nav .owl-prev, .product-items .owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
}
.product-items .owl-carousel .owl-controls .owl-nav {
	top: 50%;
	margin-top: -15px;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-prev {
 left: 10px;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-next {
 right: -10px;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-prev:before, .product-items .owl-carousel .owl-controls .owl-nav .owl-next:before {
	content: "";
	background-image: url(img/demo/nav-arr.png);
 width: .4rem;
 height: .4rem;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-prev:before {
	background-position: 0 -41px;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-next:before {
	background-position: 40px -41px;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-prev:hover:before {
	background-position: 0 0;
}
.product-items .owl-carousel .owl-controls .owl-nav .owl-next:hover:before {
	background-position: 40px 0;
}
/*index-most-popular*/
.index-most-popular {
	position: relative;
	padding: 0.6rem 0 0.8rem 0;
}
/*.index-most-popular .index-title-bar:before {*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	top: -90px;*/
/*	background-image: url(img/demo/maisonette-most-popular.jpg);*/
/*	border-radius: 50%;*/
/*	content: "";*/
/*	visibility: visible;*/
/*	margin-left: -25px;*/
/*}*/
.product-items.index-product-wrap .product-item .item-img img {
	width: 100%;
}
/*-------------index-client-wrap------------*/
.index-client-wrap {
	position: relative;
 padding: .5rem 0;
	background-color: #fff;
}
.index-client-wrap .items-content {
 padding-top: .4rem;
}
.index-client-wrap .owl-carousel .owl-controls .owl-nav {
	top: 0;
	opacity: 0;
}
.index-client-wrap:hover .owl-carousel .owl-controls .owl-nav {
	opacity: 1;
}
/*----------------------------------page nav---------------------------------*/
	
.path-bar {
	position: relative;
	background: #ebebeb;
 line-height: .33rem;
 margin: .25rem 0;
	margin-top: 0;
}
.path-bar li {
	display: inline-bloc!important;
	vertical-align: top;
	position: relative;
 font-size: .16rem;
}
.path-bar li:after {
	content: "/";
 margin: 0 .1rem;
 font-size: .18rem;
}
.path-bar li a {
	color: #2f2f2d;
	font-style: italic;
	font-weight: 100;
	font-family: Arial;
	font-size: 14px;
}
.path-bar li.current a {
	color: #111;
}
.path-bar li:last-child:after {
	display: none;
}
.page-bar {
}
.pages {
	position: relative;
	text-align: center;
 margin: .4rem 0 .15rem;
}
.pages a {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	border: 1px solid rgba(0,89,139,.2);
	line-height: 25px;
	min-width: 26px;
	padding: 0 8px;
	margin: 0 0 0 5px;
}
.pages a.current, .pages a:hover {
	background: #333333;
	color: #FFF;
}
.pages span {
        margin-left: 10px;
}
.main_content {
 padding-bottom: .7rem;
}
/*----------------------------------aside---------------------------------*/	
.aside {
	float: left;
	width: 225px;
}
.side-tit-bar {
	position: relative;
}
.side-tit-bar .side-tit {
	position: relative;
 font-size: .18rem;
 line-height: .37rem;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	background: #dcb842;
 padding: 0 .1rem;
	font-family: 'SourceSansProSemibold';
}
.side-widget {
	position: relative;
 margin: 0 0 .2rem;
}
.side-cate {
 padding: .2rem 0;
}
.side-cate li {
	position: relative;
	line-height: 33px;
}
.side-cate li {
 margin: 0 .15rem;
}
.side-cate > li {
	border-bottom: 1px #d6d6d6 solid;
}
.side-cate ul {
	display: none;
}
.side-cate li a {
	position: relative;
	display: block;
}
.side-cate li .icon-cate {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 12px;
	cursor: pointer;
	color: #99abb7;
}
.side-cate li .icon-cate.icon-cate-down:before {
	content: '\f067';
}
.side-cate li .icon-cate.icon-cate-up:before {
	content: '\f068';
}
.side-cate li.nav-current > a, .side-cate li:hover > a, li.show_li >a {
	color: #dcb842;
}
.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate {
	color: #dcb842;
}
.side-product-items {
	position: relative;
 padding: .4rem .08rem;
}
.side-product-items .items_content {
	position: relative;
}
.side-product-items .items_content {
}
.side_product-item {
	position: relative;
	display: block;
	width: 100%;
 padding: .12rem 0;
	overflow: hidden;
}
.side_product-item figure {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.side_product-item .item-img {
	position: relative;
 width: .85rem;
	display: table-cell;
	vertical-align: middle;
 padding: 0 .2rem 0 0;
}
.side_product-item .item-img img {
	position: relative;
	width: 100%;
	border: 1px solid #eee;
}
.side_product-item figcaption {
	display: table-cell;
	vertical-align: middle;
}
.side-product-items .btn-prev, .side-product-items .btn-next {
	position: absolute;
	left: 0;
	width: 100%;
	height: 15px;
	display: block;
	cursor: pointer;
	opacity: .25;
}
.side-product-items .btn-prev {
 top: .2rem;
	background: url(img/side_product_up.png) no-repeat center center;
}
.side-product-items .btn-next {
 bottom: .2rem;
	background: url(img/side_product_down.png) no-repeat center center;
}
.aside .side-bn {
	max-width: 100%;
	margin: 0 0 25px 0;
}
.aside .side-bn img {
	max-width: 100%
}
/*----------------------------------main---------------------------------*/
.main {
	position: relative;
	width: 78.3%;
	float: right;
}
.main-tit-bar {
	border-bottom: 1px solid rgba(0,89,139,.2);
 margin: 0 0 .12rem;
	overflow: hidden;
}
.main-tit-bar .title {
	color: #dcb842;
 font-size: .22rem;
	text-transform: uppercase;
	float: left;
}
.main-tit-bar .share-this {
	float: right;
}
.main-banner {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0,89,139,.2);
}
.main-banner .item, .main-banner .item img {
	position: relative;
	width: 100%;
}
.main-banner .flex-direction-nav, .main-banner .flex-control-nav {
	display: none;
}
.goods-summary {
 margin: .17rem 0 .25rem;
}
.items_list .page_title {
    text-transform: capitalize;
    
}
.items_list ul {
	width: 100%;
	margin-top:15px;
	
}
.items_list ul .item-wrap {
	border: 1px solid #c6c6c6;
}
/*-------------------------------------------------------- 
													page: single Product
																	------------------------------------------------------*/
/*product photos*/
.product-intro {
	position: relative;
	overflow: hidden;
}
.cloud-zoom-lens {
	border: 1px solid #eee;
	cursor: move;
}
.cloud-zoom-title {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute !important;
	background-color: #000;
	color: #fff;
	padding: 3px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	top: 0px;
}
.cloud-zoom-big {
	border: 1px solid #eee;
	overflow: hidden;
	padding: 0px;
}
.cloud-zoom-loading {
	color: white;
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}
.product-view .product-image.zoom_remove:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 999;
}
.product-view {
	position: relative;
	width: 38%;
	float: left;
}
.product-view .product-image {
	position: relative;
	padding: 3px;
	border: 1px solid rgba(0,89,139,.2);
}
.product-view .product-image img {
	position: relative;
	width: 100%;
}
.product-view .image-additional {
	position: relative;
	width: 100%;
	margin: 20px 0;
}
.product-view .image-additional ul {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.product-view .image-additional li {
	position: relative;
	width: 100%;
	margin: 0 23px 0 0;
}
.product-view .image-additional li.single {
	display: none;
}
.product-view .image-additional li img {
	position: relative;
	width: 100%;
	padding: 3px;
	border: 1px solid #c2c2c2;
}
.product-view .image-additional li a {
	position: relative;
	display: block;
 padding: 0 .1rem;
}
.product-view .image-additional li.current img {
	border: 2px solid #dcb842;
}
.product-view .image-additional img.popup {
	display: none;
}
.image-additional .owl-carousel .owl-controls .owl-nav {
	top: 50%;
 margin: -.1rem 0 0;
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	margin: 0;
	padding: 0;
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover {
	background: none;
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev {
	left: -5%;
}
.image-additional .owl-carousel .owl-controls .owl-nav .owl-next {
	right: -5%;
}
/*product summary*/
.product-summary {
	position: relative;
	width: 58%;
	float: right;
}
.product-summary .product-meta {
	line-height: 25px;
}
.product-summary .product-meta h3 {
	font-family: 'SourceSansProSemibold';
	margin: 0 0 10px;
	font-size: 16px;
}
.product-btn-wrap {
	position: relative;
	margin: 20px 0 0;
}
.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	background: #dcb842;
	border: 1px solid #dcb842;
	color: #FFF;
	margin: 0 20px 0 0;
}
.product-btn-wrap .buy {
	text-transform: uppercase;
	font-size: 18px;
	padding: 0 30px;
}
.product-btn-wrap .email:before {
	content: "\f0e0";
	padding: 0 3px 0 0;
}
.product-btn-wrap .pdf:before {
	content: "\f1c1";
	padding: 0 3px 0 0;
}
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover {
	background: none;
	color: #dcb842;
}
.product-summary .share-this {
 margin: .3rem 0 0;
}
/* product detail */
.product-detail {
	position: relative;
	overflow: visible;
}
.detail-tabs {
	position: relative;
}
.detail-tabs .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	line-height: 33px;
	cursor: pointer;
 font-size: .16rem;
 margin: 0 .03rem 0 0;
 padding: 0 .18rem;
	text-transform: uppercase;
	font-weight: normal;
	color: #dcb842;
	border: 1px solid #dcb842;
	font-family: 'SourceSansProSemibold';
}
.detail-tabs .title.current {
	color: #fff;
	background: #dcb842;
	border-color: #dcb842;
}
.product-detail .tab-panel-content {
 padding: .3rem 0;
	display: block;
	overflow: hidden
}
.product-detail .disabled {
	display: none;
}
/*like product*/
.goods-may-like {
	position: relative;
 margin: .5rem 0 0;
}
.goods-title-bar {
	background-color: #dcb842;
 line-height: .35rem;
	padding-left: 20px;
}
.goods-title-bar .title {
 font-size: .18rem;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'SourceSansProSemibold';
}
.goods-title-bar .title, .goods-title-bar .title a {
	color: #fff;
}
.goods-items {
	width: 102.45%;
 margin: .2rem 0 0;
}
.goods-items .item-wrap {
	border: 1px solid #c6c6c6;
}
.goods-items.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .goods-items.owl-carousel .owl-controls .owl-nav .owl-next:hover {
	color: #fff;
}
/*-------------------------------------------------------- 
													page: blog list
																	------------------------------------------------------*/
.blog_list {
	position: relative;
	width: 100%;
}
.blog-item {
	position: relative;
	width: 100%;
	overflow: hidden;
 padding: .2rem 0;
}
.blog-item:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.blog-item .item-wrap {
}
.blog-item .item-img {
	position: relative;
	display: block;
	max-width: 2rem;
 margin: 0 .2rem 0 0;
	float: left;
}
.blog-item .item-img img {
	position: relative;
	width: 100%;
}
.blog-item .item-info {
}
.blog-item .item-info .item-title {
 font-size: .16rem;
}
.blog-item .item-info time {
	display: block;
	font-style: italic;
 margin: .08rem 0;
}
.blog-item .item-info .item-detail {
}
.blog-item .item-info .item-more {
	float: right;
	color: #dcb842;
}
/*-------------------------------------------------------- 
													page: download list
																	------------------------------------------------------*/
.download_list {
	position: relative;
	width: 100%;
}
.download-item {
	position: relative;
	overflow: hidden;
 padding: .15rem 0;
 margin: 0 0 .1rem;
 line-height: .3rem;
	border-bottom: 1px solid #eee;
}
.download-item .item-img {
	max-width: 25px;
}
.download-item .item-title {
	position: relative;
	display: inline-block;
 *display:inline;
	vertical-align: top;
 *zoom:1;
 margin: 0 .1rem;
 font-size: .16rem;
	font-weight: bold;
}
.download-item .item-button {
	position: relative;
	display: inline-block;
 *display:inline;
	vertical-align: top;
 *zoom:1;
	float: right;
 line-height: .3rem;
 padding: 0 .15rem;
	border: 1px solid #ccc;
	background: #eee;
 border-radius: .05rem;
	cursor: pointer;
}
.download-item .item-button:before {
	content: "\f019";
 margin: 0 .1rem 0 0;
}
/*-------------------------------------------------------- 
													page: faq list
																	------------------------------------------------------*/
.faq_list {
	position: relative;
	width: 100%;
}
.faq-item {
	position: relative;
	width: 100%;
	overflow: hidden;
 padding: 0 .35rem;
	border-bottom: 1px solid #eee;
}
.faq-item .faq-title {
	position: relative;
 font-size: .16rem;
 /*line-height/: .rem;*/
 padding: .15rem 0;
	cursor: pointer;
}
.faq-item .faq-title:before {
	position: absolute;
	content: "\f067";
 left: -.35rem;
	top: 50%;
 margin: -.13rem 0 0;
	border: 1px solid #000;
	border-radius: 50%;
 width: .2rem;
 height: .2rem;
	text-align: center;
 line-height: .2rem;
	font-size: 12px;
	font-weight: normal;
}
.faq-item .faq-title.show-title:before {
	content: '\f068';
}
.faq-item .faq-cont {
 margin: 0 0 .25rem;
	display: none;
}
.faq-item:first-child .faq-cont {
	display: block;
}
 @media only screen and (max-width: 1600px) {
}
 @media only screen and (max-width: 1550px) {
}
 @media only screen and (max-width: 1366px) {
html {
	font-size: 600%;
}
.side-tit-bar .side-tit {
 font-size: .15rem;
}
}
 @media only screen and (max-width: 1280px) {
html {
	font-size: 570%;
}
.layout, .nav-bar .nav-wrap, .path-bar .path-nav, .top-wrap {
	width: 95%!important;
}
body {
	min-width: 100%;
}
.scrollsidebar, .bottomsidebar {
	display: none;
}
.logo img {
 height: .8rem;
}
.nav-bar .nav {
}
.change-language {
}
.head-search {
 margin: -.05rem 0 0;
}
.nav-bar .nav > li > a {
}
.index-title-bar .title {
 font-size: .33rem;
}
.product-items .items-content {
	width: 100%;
	margin-left: 0;
}
.foot-items .foot-item {
	padding: 0 0rem 0 0;
}
.items_list ul, .goods-items {
	width: 100%;
}
.product-item .item-wrap {
 margin: 0 .11rem;
}
}
 @media only screen and (max-width: 1200px) {
.aside {
	width: 200px;
}
.index-client-wrap {
 padding: .4rem 0 .5rem 0;
}
.index-client-wrap .items-content {
 padding-top: .3rem;
}
.synopsis-item .item-img img {
	/*width: auto;*/
}
}
 @media only screen and (max-width: 1000px) {
.main {
	width: 76%;
}
}
 @media only screen and (max-width: 1024px) {
html {
	font-size: 550%;
}
.company-synopses {
 padding: .5rem 0;
}
}
 @media only screen and (max-width: 950px) {
html {
	font-size: 550%;
}
.z10000 {
	position: relative;
	z-index: 100000;
}
.mobile-body-mask {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
.mobile-ico-close {
	width: 30px;
	height: 30px;
	background: #fff url(img/mobile_close.png) center center no-repeat;
	background-size: 50% auto;
	position: absolute;
	right: -35px;
	top: 0;
}
img {
	max-width: 100%;
}
.sub-content {
	position: relative;
	display: block;
	right: auto;
	border-radius: 0;
	border: none;
	box-shadow: none;
	z-index: 99999;
}
.lang-more {
	display: none !important
}
.mobile-head-items {
	position: fixed;
	top: 0;
	left: 0;
	background: #161622;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	display: block;
	z-index: 999999;
}
.mobile-head-item {
	float: left;
	width: 45px;
}
.mobile-head-item.mobile-head-aside {
	float: right
}
.mobile-head-item .title {
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-align: center;
	color: #FFF;
}
.mobile-head-item .title a {
	position: relative;
	display: block;
	color: #FFF;
}
.mobile-head-item.mobile-head-home .title a:before {
	content: '\f015';
}
.mobile-head-item.mobile-head-nav .title:before {
	content: '\f0c9';
}
.mobile-head-item.mobile-head-language .title:before {
	content: "\f1ab";
}
.mobile-head-item.mobile-head-search .title:before {
	content: "\f002";
}
.mobile-head-item.mobile-head-social .title:before {
	content: "\f007";
}
.mobile-head-item.mobile-head-aside .title:before {
	content: "\f060";
}
.mobile-head-item .main-content-wrap {
	background: #FFF;
	top: 0;
	display: block;
	z-index: 99999;
}
.mobile-head-item .main-content-wrap .content-wrap {
	overflow-y: scroll;
	height: 100%;
	padding: 15px 10px;
}
.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
	overflow-y: hidden;
}
.mobile-head-item .side-content-wrap {
	position: fixed;
	display: block;
	left: -70%;
	width: 70%;
	height: 100%;
}
.mobile-head-item .middle-content-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	height: auto;
	padding: 20px 0;
	opacity: 0;
	visibility: hidden;
}
.mobile-head-item .middle-show-content-wrap {
	top: 30px;
	visibility: visible;
	opacity: 1;
}
.nav-bar .nav, .change-language, .head-search, .nav-bar, .head-top .head-contact {
	display: none !important;
}
.head-wrapper {
	/*padding-top: 25px;*/
}
.nav-bar {
	padding: 25px 0 0 0;
	height: auto;
}
.logo {
	display: block;
	text-align: center;
	/*width: 100%;*/
}
.head-search-form {
	position: relative;
	width: 100%;
 height: .35rem;
	border: 1px solid #000;
	margin-top: 0;
}
.head-search-form .search-ipt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
 height: .35rem;
	background: none;
	border: none;
 padding: 0 .1rem;
}
.head-search-form .search-btn {
	position: absolute;
	top: 0;
	right: 0;
 width: .35rem;
 height: .35rem;
	background: none;
	border: none;
}
/*nav */

.nav li {
	position: relative;
	display: block;
	width: 100%;
	font-size: 16px;
}
.nav > li {
	border-bottom: 1px solid #eee;
	line-height: 35px;
}
.nav > li:after {
	content: '\f105';
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
	font-size: 12px;
}
.nav li ul {
	display: block;
	width: 100%;
}
.nav li ul li {
	width: auto;
	padding: 0 10px;
	font-size: 14px;
	/*text-transform: lowercase;*/
	line-height: 30px;
}
.nav li ul li:before {
	content: "";
	width: 3px;
	height: 3px;
	background: #999;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 15px;
}
.nav li ul li li {
	line-height: 25px;
	font-family: 'SourceSansProLight';
}
.nav li ul li li:before {
	display: none;
}
.company-synopses ul {
	width: 100%;
	margin-top: 0.2rem;
}
.product-items .items-content {
 padding: 0 0 .2rem;
}
.foot-items .foot-item {
	padding: 0;
}
.foot-items .foot-item.foot-item-contact, .foot-items .foot-item.foot-item-inquiry, .foot-items .foot-item.foot-item-information {
	width: 50%;
 margin: 0 0 .2rem;
}
.foot-items .foot-item.foot-item-contact {
 padding: 0 .2rem 0 0;
	border-right: none;
}
.foot-items .foot-item.foot-item-inquiry {
 /*padding-top: .5rem;*/
	padding-left: 0;
	text-align: left;
	width: 100%;
}
.foot-items .foot-item.foot-item-information {
	padding-right: 5%;
	text-align: center;
}
.copyright {
	text-align: center;
 margin-top: .5rem;
}
/* aside */

.aside {
	display: none;
}
.side-product-items .btn-prev, .side-product-items .btn-next {
	display: none;
}
.side_product-item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
/* main */

.main {
	width: 98%;
	float: none;
	margin: 0 auto;
}
/* product intro */

.product-view {
	width: 50%;
	float: none;
	margin: 0 auto;
}
.product-view .product-image {
	display: none
}
.product-view .image-additional {
	width: 100%;
	margin: 0;
}
.product-view .image-additional ul {
	width: 100%;
}
.product-view .image-additional li {
	width: 100%;
	margin: 0;
}
.product-view .image-additional li a {
	padding: 0;
}
.product-view .image-additional li.current img {
	border-color: inherit;
}
.product-view .image-additional li.single {
	display: block
}
/* product summary */
.product-summary {
	position: relative;
	width: 100%;
	float: none;
}
.product-summary .share-this {
	float: none;
	margin: 30px 0;
}
/* product detail  */

.tab-content-wrap .tab-title-bar, .tab-content-wrap .tab-panel-wrap {
	display: none;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-item {
	margin: 0 0 30px;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-title {
	font-family: 'SourceSansProSemibold';
	margin: 0 0 15px;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-panel {
}
/* Customers Also Bought */

 
}
 @media only screen and (max-width: 768px) {
.company-synopses {
 padding: .3rem 0;
}
.about-us {
	padding: 0;
}
.about-us .about-img {
	float: none;
	width: 80%;
 margin: .3rem auto 0;
}
.about-info-wrap {
	float: none;
	width: 100%;
	margin: 0;
	border: none;
 padding: .3rem;
}
.about-us .about-more a {
	padding-right: 60px;
}
.about-us .about-more a:after {
	opacity: 1;
}
.about-us .about-detail {
 margin-top: .2rem;
	text-align: center;
}
.product-items {
 padding: .3rem 0 .3rem 0px;
}
.index-most-popular.product-items .product-item .item-wrap {
	margin: 0 10px;
	border: 1px solid #bcbcbc;
}
.product-item .item-info .item-title {
 padding: .1rem;
}
.index-product-wrap .index-title-bar:before {
	top: -20px;
}
.index-product-wrap.product-items {
 padding: .3rem 0 .3rem 0px;
}
.product-items .owl-carousel .owl-controls .owl-dots {
	display: block !important;
}
}
 @media only screen and (max-width: 500px) {
.logo img {
 height: .7rem;
}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
	display: none;
}
.flex-control-paging li a {
 width: .1rem;
 height: .1rem;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
 width: .12rem;
 height: .12rem;
}
.about-us .about-img {
	width: 100%;
}
.blog-item .item-img {

 width: auto;
        max-width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.synopsis-item, .product-item {
	width: 50%;
	border-top: none;
}
.foot-items .foot-item.foot-item-contact {
	border-left: none;
}
.foot-items .foot-item.foot-item-contact, .foot-items .foot-item.foot-item-inquiry, .foot-items .foot-item.foot-item-information {
	width: 100%;
}
.foot-items .foot-item.foot-item-contact {
	padding: 0;
}
.side_product-item {
	width: 100%;
}
.product-view {
	width: 100%;
}
.inquiry-form {
 padding: .2rem .1rem;
}
.inquiry-form .inquiry-form-ico {
 width: .6rem;
 right: .1rem;
 top: .rem;
}
.inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text {
	width: 80%;
}
.inquiry-form textarea.form-text {
	width: 100%;
}
.download-item .item-title {
	display: block;
 margin: .1rem 0;
}
.download-item .item-button {
	float: none;
}
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 320px) {
.product-item {
	width: 100%
}
}
 @media only screen and (max-width: 950px) {
.foot-items .foot-item .foot-tit {
	margin: 0;
}
.index-title-bar .sub-title {
	width: 80%;
}
.change-language-cont {
	top: auto !important;
 *top: auto !important;
	padding: 0 !important;
	width: 100% !important;
	text-align: left !important;
}
.sub-content {
	position: relative !important;
	display: block !important;
	right: auto !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 99999 !important;
}
.change-language-title {
	display: none !important;
}
.change-language-cont ul li {
	width: 25% !important;
	margin: 0 !important;
	border: none !important;
	;
}
}
 @media only screen and (max-width: 768px) {
.change-language-cont ul li {
	width: 33.33333% !important;
}
.index-title-bar .sub-title {
	width: 98%;
}
}
 @media only screen and (max-width: 640px) {
.change-language-cont ul li {
	width: 50% !important;
}
.synopsis-item {
	padding: 0;
	width: 50%;
	float: none;
}
.synopsis-item .item-img img {
	width: auto;
}
}
 @media only screen and (max-width: 320px) {
.change-language-cont ul li {
	width: 50% !important;
}
}
.none {
	display: none;
}