@charset "utf-8";
.wml-banner-img{ margin: 0 auto; height: auto; position: relative; }
.wml-banner-img img{ width: 100%; height: auto; display: block; }

/*--------------------------head-wrapper---------------------------*/
.head-wrapper { position: relative; width: 100%; z-index: 10000; padding: 25px 0; }
.logo { position: relative; float: left; }
.logo img { max-height: 75px; display: block; width: auto; }
.logo, .head-social, .head-social li, .change-language, .head-search { position: relative; display: inline-block;  *display:inline;
 *zoom:1;
vertical-align: top; text-align: left; }
.head-social li { margin: 0 3px; }
.head-social li img { max-width: 26px; }
.change-language { margin: 3px 0 0 20px; float: right; }
.change-language-info .change-language-title { border-radius: 5px !important; padding: 8px 25px 8px 5px !important; }
.change-language-info .change-language-title.title-show { border-bottom-color: transparent !important; }
.change-language-info .change-language-title.title-hide { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.change-language-info .language-icon:before { content: "\f107" !important; }
.change-language-info .language-icon { top: 9px !important; font-size: 11px; }
.change-language-cont { top: 33px !important;  *top: 32px;
}
/*============================================================
					head-search
============================================================*/
.head-search-wrap { position: absolute; top: 4px; right: 200px; }
.head-search-wrap .search-title { width: 36px; height: 36px; background-position: 5px -78px; cursor: pointer; position: absolute; right: 0; top: 0; }
.head-search-wrap.wrap-hide .search-title { background-position: 5px -34px; }
.head-search { width: 600px; height: 30px; display: none; position: absolute; top: 0; right: 0; }
.head-search .search-ipt { position: absolute; left: 0; top: 0; width: 600px; height: 36px; background: none; border: 1px #000 solid; font-size: 16px; padding-left: 40px; }
.head-search .search-btn { position: absolute; left: 5px; top: 0; width: 36px; height: 36px; border: none; background-color: transparent; background-position: 5px -34px; }
.nav-bar { position: relative; height: 44px; background: #FFF; text-align: center; }
.nav-bar .nav { position: relative; float: left; margin-left: 50px; }
.nav-bar .nav li { position: relative; display: block; text-align: left; color: #fff; text-align: left }
.nav-bar .nav > li { display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
margin: 0 53px 0 0; }
.nav-bar .nav > li:hover > a, .nav-bar .nav > li.nav-current > a { color: #191c21; }
.nav-bar .nav > li > a { position: relative; display: inline-block; font-family: 'Montserrat'; height: 44px; line-height: 44px; font-size: 14px; text-transform: uppercase; color: #9ea3ab; }
.nav-bar .nav li li { display: block;  *display:block;
line-height: 44px; color: #333; }
.nav-bar .nav li li a { padding: 0 15px; color: #333; display: block; border-bottom: 1px solid #eee; }
.nav-bar .nav ul { width: 225px; position: absolute; top: 44px; left: 0; background: rgba(255, 255, 255, .9); text-align: left; display: none; z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.nav-bar .nav ul ul, .fixed-nav.nav-bar .nav ul ul { top: 0; left: 227px; }
.nav-bar .nav ul li:hover >a { color: #191c21; }
.nav-bar .nav li .nav-ico { font-size: 12px; z-index: 10; margin: 0 0 0 3px; }
.nav-bar .nav li .nav-ico:after { content: '\f107'; }
.nav-bar .nav li li .nav-ico { position: absolute; top: 0; right: 10px; line-height: 35px; }
.nav-bar .nav li li .nav-ico:after { content: '\f105'; font-size: 12px; }
.fixed-nav { position: fixed; width: 100%; top: 0; left: 0; margin: 0; -webkit-transition: top .5s; -moz-transition: top .5s; -o-transition: top .5s; transition: top .5s; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1); box-shadow: 0 2px 2px rgba(0, 0, 0, .1); z-index: 10009; text-align: center; height: auto; padding: 10px 0; }
.fixed-nav-appear { top: 0; }
.fixed-nav .nav-wrap { width: 1200px; margin: 0 auto; position: relative; }
/*--------------------------footer---------------------------*/	
.foot-wrapper { position: relative; width: 100%; font-family: 'SourceSansProLight'; font-size: 16px; padding-bottom: 30px; border-top: 10px solid #191c21; }
.foot-wrapper, .foot-wrapper a { color: #9ea3ab; font-family: 'Montserrat'; }
.foot-items { padding: 50px 0; }
.foot-items .layout {  }
.foot-items, .foot-items a { }
.foot-item { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
width: 27%; }
.foot-item.foot-item-nav { width: 55%; float: left; }
.foot-item.foot-item-nav .logo { float: none; margin-bottom: 20px; }
.foot-item.foot-item-nav li { display: inline-block; margin-right: 30px; }
.foot-item.foot-item-nav li a { color: #9ea3ab; font-family: 'Montserrat'; font-size: 14px; }
.foot-item.foot-item-contact { width: 40%; text-align: right; float: right; }
.foot-item-contact li { position: relative; line-height: 25px; }
.foot-item-contact li:before { padding: 0 10px 0 0; font-size: 14px; }
.foot-item-contact li.foot-addr { font-family: 'Raleway'; color: #191c21; padding-bottom: 35px; font-size: 16px; line-height: 29px; }
.foot-item-contact li.foot-phone { color: #191c21; font-size: 20px; text-transform: uppercase; }
.foot-item-contact li.foot-email, .foot-item-contact li.foot-email a { font-family: 'Raleway'; color: #9ea3ab; padding-bottom: 35px; font-size: 12px; line-height: 29px; }
/*.foot-item-contact li.foot-company:before {
	content:"\f0f7";
}
.foot-item-contact li.foot-phone:before {
	content:"\f095";
}
.foot-item-contact li.foot-email:before {
	content:"\f003";
}
.foot-item-contact li.foot-fax:before {
	content:"\f1ac";
}
.foot-item-contact li.foot-sky:before {
	content:"\f17e";
}*/
.footer, .footer a { color: #FFF }
.copyright { margin: 0; padding: 0 14px; display: inline-block; }
.head-social { float: right; }
/*--------------------------index---------------------------*/	
 
.index-layout { position: relative; width: 100%; }
.index-title-bar { position: relative; margin: 0 0 50px; }
.index-title-bar .title { font-family: 'Montserrat Bold'; font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 1.2307; letter-spacing: 0.06em; }
.index-title-bar .title, .index-title-bar .title a { color: #fff; margin-bottom: 25px; }
.index-title-bar h6 { font-family: 'Raleway'; font-size: 16px; line-height: 29px; color: #9ea3ab; }
/*============================================================
			index-head-product-wrap
============================================================*/

.index-head-product-wrap { position: relative; background: #191c21; padding-top: 100px; padding-bottom: 80px; }
.index-head-product-wrap .index-title-bar .title, .index-head-product-wrap .index-title-bar .title a { ;
}
.index-head-product-wrap .index-title-bar .title span { display: block; }
.company-synopses-wrap { position: relative; width: 100%; }
.company-synopses { position: relative; width: 100%; padding: 130px 0; }
.synopsis-item { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
width: 33.333333%; }
.synopsis-item .item-wrap { position: relative; padding: 0 50px; }
.synopsis-item .item-img { position: relative; width: 100%; padding-bottom: 40px; }
.synopsis-item .item-img img { position: relative; max-width: 50%; }
.synopsis-item .item-info { }
.synopsis-item .item-title { font-size: 24px; padding: 20px 0 0; position: relative; font-family: 'Montserrat Bold'; font-weight: 700; text-transform: uppercase; color: #191c21; margin-bottom: 20px; }
.synopsis-item .item-title:before { content: ""; width: 34px; height: 3px; background: #191c21; visibility: visible; position: absolute; top: 0; left: 0; }
.synopsis-item .item-info .item-detail { font-family: 'Raleway'; font-size: 16px; line-height: 29px; color: #9ea3ab; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.index-product-wrap { position: relative; padding: 145px 0 80px 0; background: #191c21; }
.product-items { position: relative; }
.product-item { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
text-align: center; width: 25%; margin: 0 0 20px; }
.index-product-wrap .product-item, .goods-items-wrap .product-item { display: block;  *display:block;
width: 100%; margin: 0;visibility: visible !important; }
.product-item .item-wrap { padding: 0 5px; }
.index-product-wrap .product-item .item-wrap { padding: 0; }
.product-item .item-img { position: relative; width: 100%; overflow: hidden; }
.product-item .item-img img { position: relative; width: 100%; }
.product-item:hover .item-img img { -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.product-item .item-img:hover:before {  }
.product-item .item-info { position: relative; padding: 10px 0; }
.product-item .item-info .item-name { font-family: 'SourceSansProbold'; font-size: 18px; }
.index-product-wrap .product-item .item-info .item-name, .index-product-wrap .product-item .item-info .item-name a { font-family: 'Montserrat Bold'; font-size: 21px; color: #fff; text-transform: uppercase; font-weight: 700; }
.index-product-wrap .product-item .item-info .item-name a{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.index-product-wrap .product-item .item-info { padding: 20px 0 10px; width: 90%; text-align: left; line-height: 2.25em; }
.index-product-wrap .swiper-button-next:before, .index-product-wrap { color: #fff; }
.index-product-wrap .swiper-button-next, .index-product-wrap .swiper-button-prev { display: none; top: -75px; }
.index-product-wrap:hover .swiper-button-next, .index-product-wrap:hover .swiper-button-prev { display: block; }

 /* about us */
.about-us {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: .9rem 0;
    background-color: #f9f9f9;
}
.about-us .about-img .flex-control-nav {
    text-align: center;
    width: 100%;
    left: 0;
    bottom: .12rem;
}
.about-us .about-img .flex-control-paging li a {
    width:.1rem;
    height:.1rem;
    background: none;
    border: 2px solid #fde230;
    background-color: #fde230;
}
.about-us .about-img .flex-control-paging li a.flex-active {
	background-color: transparent;
}
.about-us .about-img .flex-direction-nav {
    display: none;
}
.about-us .layer-body{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	flex-direction:row;
}
.about-us .about-img{
	width: 50%;
	position: relative;
}
.about-us .about-img .item,
.about-us .about-img .item img {
    position: relative;
    width: 100%
}
.about-us .about-detail{
	font-size:.2rem;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
    padding-right: .5rem;
}
.about-us .about-detail,
.about-us .about-detail a{
}
.about-us .about-detail .about-title{
    font-size: .4rem;
    padding-bottom: .25rem;
    line-height: 1.1;
}
.about-us .about-detail .about-title,
.about-us .about-detail .about-title a{
    color: #333;
}
.about-us .about-detail .about-lead{
    font-size: .21rem;
    line-height: 1.3;
    margin-bottom: .2rem;
}
.about-us .about-detail .about-lead,
.about-us .about-detail .about-lead a{
    color: #fde230;
}
.about-us .about-more {
    margin: .3rem 0 0;
}
.about-us .about-more a {
	display: inline-block;
    border: .02rem solid #666;
	font-size: .16rem;
	padding: .06rem .15rem;
	color: #666;
    text-transform: uppercase;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.about-us .about-more a:hover {
    background-color: #fad216;
    border-color: #fad216;
    color: #1a2733;
}
.about-us .about-more a i{
	font-weight: bold;
	padding-left: .05rem;
}

/*----------------------------------page---------------------------------*/
.page-banner { position: relative; }
.page-banner img { position: absolute; width: 100%; height: 100%; }
.page-banner .title { font-family: 'SourceSansProSemibold'; font-size: 50px; color: #FFF; text-transform: uppercase; width: 100%; height: 255px; line-height: 255px; text-align: right; }
.path-bar { position: relative; width: 100%; line-height: 52px; background: #f5f5f5; border-top: 1px solid #e5e5e5; margin: 0 0 40px; text-transform: uppercase; }
.path-bar li:after { content: "|"; margin: 0 5px; }
.path-bar .path-nav { }
.path-bar li { display: inline-block; vertical-align: top; position: relative; font-size: 16px; color: #999; }
.path-bar li a { color: #999; }
.path-bar li.current a { color: #191c21; }
.path-bar li:last-child:after { content: ''; }
.page-layout { padding: 0 0 65px; }
/*----------------------------------aside---------------------------------*/	
.aside { float: left; width: 225px; }
.side-tit-bar { position: relative; }
.side-tit-bar .side-tit { position: relative; font-size: 20px; padding: 0 0 10px; font-family: 'SourceSansProBold'; text-transform: uppercase; border-bottom: 1px solid #bbbdc4; }
.side-tit-bar .side-tit:before { content: ""; position: absolute; left: 0; bottom: 0; width: 63px; height: 2px; background: #323237; }
.side-widget { position: relative; margin: 0 0 20px; }
.side-widget .side-hide { padding: 15px 0; }
.side-cate ul li { position: relative; line-height: 35px; }
.side-cate ul li { padding: 0 13px; }
.side-cate ul  { display: none; }
.side-cate ul li a { position: relative; display: block; }
.side-cate > ul > li:before { content: ""; position: absolute; left: 0; top: 15px; width: 3px; height: 3px; background: #242533; }
.side-cate ul li li a:before { display: none; }
.side-cate ul li .icon-cate { position: absolute; right: 0; top: 10px; color: #666; font-size: 12px; cursor: pointer; }
.side-cate ul li .icon-cate.icon-cate-down:before { content: '\f067'; }
.side-cate ul li .icon-cate.icon-cate-up:before { content: '\f068'; }
.side-cate .nav-current > a { color: #191c21; }
.products-scroll-list-wrap { position: relative; }
.products-scroll-list { position: relative; padding: 15px 0 0; }
.products-scroll-list li { margin: 0 0 20px; display: block; overflow: hidden; overflow: hidden; }
.products-scroll-list li img { width: 70px; border: 1px solid #eeeeee; float: left; margin: 0 12px 0 0; border-radius: 2px; }
.products-scroll-btn-prev, .products-scroll-btn-next { position: relative; width: 100%; height: 19px; display: block; z-index: 999 }
.products-scroll-btn-prev { background: url(../images/icons-prev.png) no-repeat center center; margin: 10px 0 0; }
.products-scroll-btn-next { background: url(../images/icons-next.png) no-repeat center center; margin: 10px 0 20px; }
.side-bn { max-width: 100%; margin: 0 0 25px 0; }
.side-bn img { max-width: 100% }
.main { position: relative; width: 942px; display: block; float: right; padding-bottom: 36px; }
.main-tit-bar { overflow: hidden; border-bottom: 1px solid #d2d2d2; padding: 0 0 5px; margin: -6px 0 10px; }
.main-tit-bar .title { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
font-size: 30px; text-transform: uppercase; }
.main-tit-bar .share-this { display: inline; float: right; margin: 10px 10px 0 0; }
.main-banner { position: relative; display: block; }
.main-banner img { position: relative; width: 100%; }
.goods-summary { margin: 15px 0; }
.product-title-bar { position: relative; text-align: center; background: #eeeeee; }
.product-title-bar li { position: relative; display: inline-block; vertical-align: middle; font-family: 'SourceSansProSemibold'; font-size: 26px; }
.product-title-bar li a { position: relative; line-height: 78px; padding: 0 142px; display: block; }
.product-title-bar li.nav-current a:after, .product-title-bar li:hover a:after { content: ""; position: absolute; width: 17px; height: 11px; bottom: -11px; left: 50%; margin: 0 0 0 8.5px; background: url(../images/pre02.png) no-repeat center center; }
.product-title-bar li, .product-title-bar li a { color: #7d7d7d }
.product-title-bar li.nav-current a, .product-title-bar li:hover a { color: #FFF; background: #191c21 }
.product-sub-title-bar { position: relative; text-align: center; padding: 50px 0 40px; }
.product-sub-title-bar li { position: relative; display: inline-block; vertical-align: middle; font-family: 'SourceSansProSemibold'; font-size: 20px; }
.product-sub-title-bar li a { position: relative; line-height: 45px; padding: 0 43px; display: block; }
.product-sub-title-bar li, .product-sub-title-bar li a { color: #000000 }
.product-sub-title-bar li.nav-current a, .product-sub-title-bar li:hover a { color: #191c21 }
.product-list, .certificate-list, .video-list, .download-list, .faq-list { position: relative; }
.product-list ul { padding: 50px 0 20px; }
.product-list ul, .certificate-list ul, .video-list ul { position: relative; }
.download-list ul { }
.download-list ul li { position: relative; display: block; overflow: hidden; line-height: 30px; padding: 30px 0 10px; border-bottom: 1px solid #E9E9E9; }
.download-list ul li .download-cont { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
float: left; }
.download-list ul li .download-cont .download-pic { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
width: 25px; height: 25px; overflow: hidden; }
.download-list ul li .download-cont .download-pic img { max-width: 25px; max-height: 25px; }
.download-list ul li .download-cont .download-detail { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
margin: 0 15px; font-size: 18px; font-family: 'SourceSansProSemibold'; }
.download-list ul li .download-button { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
float: right; height: 30px; line-height: 30px; font-size: 14px; border-width: 1px; border-style: solid; border-left-color: #C1C1C1; border-right-color: #C1C1C1; border-top-color: #C9C9C9; border-bottom-color: #A5A5A5; border-radius: 5px;  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
background: -moz-linear-gradient(top, #F1F1F1, #DADADA); background: -o-linear-gradient(top, #F1F1F1, #DADADA); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA)); }
.download-list ul li .download-button a { position: relative; display: block; padding: 0 12px 0 40px; color: #0A0A0A; background-image: url(../images/icons08.png); background-repeat: no-repeat; background-position: 15px 8px; }
.faq-list ul { }
.faq-list ul li { position: relative; display: block; overflow: hidden; line-height: 24px; border-bottom: 1px solid #E9E9E9; color: #3D3D3D; }
.faq-list ul li .faq-title { position: relative; padding: 20px 0 16px 42px; height: 24px; line-height: 24px; cursor: pointer; }
.faq-list ul li .faq-title b { position: absolute; left: 1px; top: 20px; width: 24px; height: 24px; display: block; overflow: hidden; }
.faq-list ul li .faq-title b.faq-down { background: url(../images/icons10.png) no-repeat center center; }
.faq-list ul li .faq-title b.faq-up { background: url(../images/icons09.png) no-repeat center center; }
.faq-list ul li .faq-title h2 { font-weight: normal; font-size: 18px; font-family: 'SourceSansProSemibold'; }
.faq-list ul li .faq-cont { position: relative; padding: 0 0 30px 42px; font-size: 14px; }
.page-bar .pages { display: block; margin: 30px 0 0; text-align: right; }
.pages a, .pages span { display: inline-block; border: 1px solid #CFCFCF; line-height: 25px; padding: 0 9px; margin: 0 4px; vertical-align: middle; }
.pages span, .pages span a { text-transform: uppercase; }
.pages span { margin: 0 10px; }
.page-count { }
.pages .page-prev { margin: 0 10px 0 10px; }
.pages .page-next { margin: 0 0 0 15px; }
.pages a.current, .pages a:hover { border: 1px solid #191c21; background: #191c21; color: #FFF; }
.pages a:hover { text-decoration: none; }
.blog-list { background: #fff; padding: 0 0 80px; margin: 0 auto 15px; }
.blog-list .blog-item { padding: 20px 0; position: relative; margin: 0 auto 3px; }
.blog-list .blog-item .blog-img { float: left; width: 200px; height: auto; margin: 0 20px 8px 0; }
.blog-list .blog-item .blog-tit { font-size: 16px; }
.blog-list .blog-item .blog-meta { display: block; color: #aaa; }
.blog-list .blog-item .blog-meta span { display: inline; padding: 0 15px 0 0; }
.blog-list .blog-item .blog-summary { padding: 8px 0; color: #999; }
.blog-list .blog-item .readmore { display: block; text-align: right; font-size: 14px; }
.blog-list .blog-item .readmore:hover a { color: #1F5792; }
.blog-list .blog-item .readmore i { font-size: 14px; }
.blog-list .blog-item:hover { background: #fafafa; }
.blog-list .blog-item:hover img { opacity: 0.8; }
.blog-list .blog-item:before { content: ""; height: 1px; font-size: 1px; overflow: hidden; border-top: 1px double #191c21; border-bottom: 1px double #191c21; ; position: absolute; left: 0; right: 0; bottom: -3px; }
/* product photos */
.product-intro { position: relative; display: block; }
.product-title { font-size: 26px; border-bottom: 1px solid #dcdcdc; padding: 0 0 15px 0; margin: 0 0 20px; font-family: 'SourceSansProSemibold'; font-weight: normal; line-height: 28px; color: #1a1926; }
.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 { position: relative; width: 445px; float: left; }
.product-view .product-image.zoom_remove:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 999; }
.product-view .product-image { position: relative; border: 1px solid #eeeeee; }
.product-view .product-image img { position: relative; width: 100%; }
.product-view .image-additional { position: relative; width: 94%; margin: 20px auto 0; }
.product-view .image-additional .swiper-container { padding: 0; }
.product-view .image-additional.image-additional-hide { display: none; }
.product-view .image-additional .image-item img { position: relative; width: 100%; border: 1px solid #eee; }
.product-view .image-additional .image-item a { position: relative; display: block; padding: 0 10px; }
.product-view .image-additional .image-item.current img { border-color: #191c21; border-width: 2px; }
.product-view .image-additional .swiper-button-next, .product-view .image-additional .swiper-button-prev { top: 50%; margin: -8px 0 0; font-size: 14px; }
.product-view .image-additional .swiper-button-prev { right: auto; left: -4%; }
.product-view .image-additional .swiper-button-next { right: -4%; }
/* product summary */
.product-summary { position: relative; width: 460px; 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: #191c21; border: 1px solid #191c21; color: #FFF; margin: 0 20px 10px 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: #191c21; }
.product-summary .share-this { margin: 30px 0 0; }
.product-detail { position: relative; overflow: visible; margin: 50px 0 0; }
.detail-tabs { position: relative; border-bottom: 1px solid #d5d5d5; }
.detail-tabs .title { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
color: #7f7f7f; padding: 0 0 20px; margin: 0 50px 0 0; cursor: pointer; font-size: 18px; text-transform: uppercase; }
.detail-tabs .title.current { color: #333; font-family: 'SourceSansProSemibold'; }
.detail-tabs .title.current:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #191c21; }
.product-detail .detail-panel { padding: 20px 0; display: block; overflow: hidden }
.product-detail .disabled { display: none; }
.goods-tbar { position: relative; border-bottom: 1px solid #bbbdc4; margin: 0 0 45px; }
.goods-tbar:after { content: ""; position: absolute; left: 0; bottom: 0; width: 63px; height: 2px; background: #323237; }
.goods-tbar .title { position: relative; font-size: 18px; font-family: 'SourceSansProSemibold'; text-transform: uppercase; padding: 0 0 10px; }
.goods-tbar .title, .goods-tbar .title a { }
.goods-may-like { position: relative; margin: 70px 0 0; }
.goods-items-wrap { position: relative; width: 100%; }
.goods-items-wrap .swiper-button-next, .goods-items-wrap .swiper-button-prev { position: absolute; top: -75px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; font-size: 14px; }
.goods-items-wrap .swiper-button-prev { right: 30px; }
.goods-items-wrap .swiper-button-next { right: 0; }
/*----------------------------page-about
							---------------------------------------------------*/
.page-about-pic { position: relativ; width: 100%; }
.page-about-pic img { position: relativ; width: 100%; }
.page-tit-bar { position: relative; text-align: center; overflow: hidden; }
.page-tit-bar .title { position: relative; display: inline-block; vertical-align: middle; margin: 0 8px 16px; }
.page-tit-bar .title a { position: relative; display: block; line-height: 45px; padding: 0 26px; font-size: 18px; background: #e0e0e0; color: #000000; }
.page-tit-bar .title:hover a, .page-tit-bar .title.current a { background: #191c21; color: #FFF; }
.page-content { position: relative; margin: 70px 0 0; }
.page-content .title { position: relative; font-family: "SourceSansProSemibold"; font-size: 24px; }
.page-content .title, .page-content .title a { color: #000; }
.page-content .page-ser { position: relative; margin: 25px 0; }
.page-content .page-ser li { position: relative; display: inline-block; vertical-align: top;  *display:inline;
 *zoom:1;
padding: 0 15px; line-height: 40px; background: #efefef; margin: 0 10px 10px 0; text-transform: uppercase; color: #9b9999; font-family: 'SourceSansProSemibold'; }
.page-content .page-ser li img { margin: 0 10px 0 0; }
.page-content .text { font-size: 18px; color: #9b9999; border-bottom: 1px solid #cccccc; }
.page-content .text p { margin: 0 0 20px; }
.page-content .share-this { margin: 30px 0 0; }
.mobile-head-items { display: none; }

@media only screen and (max-width: 1366px) {
.layout, .path-bar .path-nav, .nav-bar .nav-wrap { width: 1024px; }
body, .container { min-width: 1024px; }
.foot-item .foot-tit { font-size: 26px; }
.synopsis-item .item-title { font-size: 30px; }
.index-title-bar { margin: 0 0 5%; }
.company-synopses, .index-product-wrap, .index-head-product-wrap { padding: 7% 0 5%; }
.aside { width: 18.75%; }
.main { width: 78.5% }
.side-tit-bar .side-tit { font-size: 18px; }
.main-tit-bar .title { font-size: 26px; }
.product-view { width: 380px; }
.product-summary { width: 400px; }
.head-search-wrap{ right: 20px; }
}

@media only screen and (max-width: 1024px) {
.path-bar .path-nav, .nav-bar .nav-wrap { width: 100%; }
body, .container { min-width: 100%; }
.layout { width: 98%; margin: 0 auto; }
.tp-leftarrow, .tp-rightarrow { display: none; visibility: hidden }
.head-search { width: 550px; height: 40px; }
.head-search .search-ipt { height: 40px; }
.head-search .search-btn { width: 40px; height: 40px; background: url(../images/page-ico.png) no-repeat 15px 13px; }
.nav-bar .nav > li { margin: 0 40px 0 0; }
.foot-item .foot-tit { font-size: 24px; }
.synopsis-item .item-wrap { padding: 0 35px; }
.synopsis-item .item-title { font-size: 26px; }
.product-view { width: 47%; }
.product-summary { width: 50%; }
}

@media only screen and (max-width: 840px) {
.head-search { width: 450px; height: 40px; }
.synopsis-item { width: 33.333%; margin: 0 0 25px; }
.synopsis-item .item-wrap { padding: 0 20px; }
.product-title { font-size: 22px; }
/* ===================================================

 * footer 

 * --------------------------------------------------- */
.foot-item { width: 50%; padding: 0 50px 0 0; }
.foot-item.foot-item-news { width: 100%; padding: 0; margin: 0 0 30px; }
.foot-item.foot-item-contact { width: 50%; padding: 0; }
.product-item { }
.about-us .about-detail{
        font-size: .15rem;
    }
}

@media only screen and (max-width: 768px) {
/* layout */
.synopsis-item .item-img img{ max-width: 100%; }
.mobile-head-items { display: block; }
.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(../images/mobile_close.png) center center no-repeat; background-size: 50% auto; position: absolute; right: -35px; top: 0; }
img { max-width: 100%; }
.owl-carousel { padding: 0 0 30px; }
/* box sizing */

.nav-bar{ height: 0; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.owl-carousel { padding: 0 0 30px; }
.sub-content { position: relative; display: block; right: auto; border-radius: 0; border: none; box-shadow: none; z-index: 99999; }
.scrollsidebar, .bottomsidebar { display: none; }
.gotop, .lang-more { display: none; visibility: hidden; }
.swiper-pagination { display: block; }
.swiper-button-next, .swiper-button-prev { display: none; }
/* ===================================================

 * header 

 * --------------------------------------------------- */
.about-us .layer-body{
    display: block;
}
.about-us .about-tit-ico{
    display: block;
    width: 100%;
    float: none;
    padding-bottom: .3rem;
    text-align: center;
}
.about-us .about-tit-ico img{
    width: auto;
    max-width: 50%;
}
.about-us .about-detail{
    padding-right: 0;
    width: 100%;
}
.about-us .about-img {
    float: none;
    width: 100%;
    margin: 0 auto .3rem;
}
.about-us .about-tit-ico + .about-detail,
.about-us .about-img{
    width: 100%;
    padding-left: 0;
}
.about-us .about-detail {
    padding-bottom: .4rem;
}
 
.mobile-head-items { position: fixed; top: 0; left: 0; background: #161622; width: 100%; height: 25px; line-height: 25px; text-align: left }
.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 .head-search-wrap, .foot-wrapper .head-social, .nav-bar .nav, .nav-bar .change-language { display: none; }
.foot-wrapper .head-social { float: none; text-align: center; display: block; }
.foot-wrapper .copyright { margin: 0; display: block; text-align: center; }
/*============================================================
				mobile-head-search
============================================================*/

.mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap .head-search-wrap { position: relative; float: none; height: 36px; width: 100%; margin: 0; top: auto; right: auto; }
.head-search-wrap.search-hide .search-wrap { position: relative; float: none; height: 36px; width: 100%; margin: 0; top: auto; right: auto; }
.head-search { display: block; position: relative; top: auto; right: auto; width: 100%; }
.head-search-wrap .search-ipt { display: block; left: auto; position: relative; width: 100%; top: auto; padding-left: 10px; }
.head-search .search-btn { right: 5px; top: -1px; left: auto; }
.head-search-wrap .search-title { display: none; }
.logo { float: none; text-align: center; width: 100%; }
.logo img { height: auto; margin: auto; max-width: 100%; }
/*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; }
/* translate */

.transall { display: block; width: 100%; float: none; }
.head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body, .head-wrapper .prisna-wp-translate-dropdown-body:hover { background: none!important; border: 0!important; box-shadow: none!important; }
.head-wrapper .prisna-wp-translate-dropdown-container, .head-wrapper .prisna-wp-translate-dropdown-sub-container, .head-wrapper .prisna-wp-translate-dropdown-body { height: auto!important; }
.head-wrapper .prisna-wp-translate-dropdown-body { float: none!important; }
.head-wrapper .prisna-wp-translate-dropdown-body .prisna-wp-translate-dropdown-body>p.prisna-wp-translate-dropdown-current-language, .head-wrapper .transall .prisna-wp-translate-dropdown-current-language-arrow { display: none!important; }
.head-wrapper .prisna-wp-translate-dropdown-languages-list-scroll { display: block!important; height: auto!important; }
.head-wrapper .prisna-wp-translate-dropdown-languages-list p { width: 50%; display: inline!important; ; float: left!important; }
.head-wrapper .prisna-wp-translate-dropdown-languages-list { display: block!important; }
.transall .prisna-wp-translate-dropdown-current-language { display: none!important; }
/* ===================================================

 * footer 

 * --------------------------------------------------- */
.foot-item.foot-item-nav { width: 48%; float: left; }
/* ===================================================

 * for:homepage 

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



/* ===================================================

 * for:product list 

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

.path-bar { display: none; }
.promote-bar { display: none; }
/* aside */

.aside { display: none; }
.side-head-search { width: 100%; }
.side-head-search .search-ipt { width: 100%; }
.side-tit-bar { position: relative; }
.side-tit-bar .side-tit { font-size: 16px; line-height: 30px; }
.side-widget { margin: 0 0 30px; }
.side-cate ul li { line-height: 30px; }
.products-scroll-btn-prev, .products-scroll-btn-next { display: none; }
.products-scroll-list li { display: inline-block; vertical-align: top; width: 48%; margin: 0 1%; }
.products-scroll-list li img { width: 100%; float: none; margin: 0; }
/* main */

.main { width: 98%; float: none; padding: 0; margin: 0 auto; }
.main-tit-bar { margin: 30px 0 10px; }
.main-tit-bar .title { font-size: 20px; }
.product-list ul, .certificate-list ul, .video-list ul { position: relative; width: 100%; }
.page-bar .pages { display: block; float: none; text-align: center }
.pages a, .pages span { height: 25px; line-height: 25px; padding: 0 10px; border-radius: 2px; font-size: 12px; }
/* ===================================================

 * for:product detail 

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

/* product intro */

.product-title { font-size: 20px; margin: 30px 0 10px 0; }
.product-view { width: 100%; float: none; }
.product-view .product-image { display: none }
.product-view .image-additional { width: 100%; margin: 0; }
.product-view .image-additional { width: 100%; margin: 0 }
.product-view .image-additional .swiper-container { padding: 0 0 25px; }
.product-view .image-additional .image-item a { padding: 0 5px; }
.product-view .image-additional .image-item.current img { border-color: #eee; border-width: 1px; }
.product-view .image-additional.image-additional-hide { display: block }
/* product summary */
.product-summary { position: relative; width: 100%; float: none; }
.product-summary .share-this { float: none; margin: 30px 0; }
/* 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 */

.goods-items { width: 100%; }
.product-title-bar li { font-size: 22px; }
.product-title-bar li a { line-height: 48px; padding: 0 52px; }
.product-sub-title-bar { padding: 35px 0 25px; }
.product-sub-title-bar li { font-size: 18px; }
.product-sub-title-bar li a { padding: 0 20px; }
/* ===================================================

 * for:blog 

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

.blog-list .blog-item { padding: 15px; border-bottom: 1px solid #ddd; }
.blog-list .blog-item:last-child { border: 0; }
.blog-list .blog-item:hover { background: none; }
.blog-list .blog-item:before { left: 15px; right: 15px; display: none; }
.blog-list .blog-item .blog-img { display: block; max-width: 100%; float: none; }
.blog-list .blog-item .blog-tit { font-size: 16px; line-height: 1.3em; padding: 6px 0 0; font-weight: normal; }
.blog-list .blog-item .blog-meta { padding: 6px 0 0; }
.blog-list .blog-item .blog-summary { padding: 0; margin: 8px 0; height: 80px; line-height: 20px; overflow: hidden; }
.blog-list .blog-item .readmore { display: none; }
.main .blog-article { padding: 5px 10px; }
/*----------------inquiry-form--------------------------*/

.inquiry-form { padding: 15px; }
.inquiry-form input[type="text"].form-input, .inquiry-form textarea.form-text { width: 100%; }
.faq-list ul li .faq-cont { font-size: 14px; padding-bottom: 15px; }
.faq-list ul li .faq-title { padding-bottom: 30px; }
.inquiry-form-wrap { width: 100%; }
}

@media screen and (max-width: 640px) {
.logo img { max-width: 100%; }
.swiper-pagination-bullet { width: 4px; height: 4px; }
.index-title-bar .title { font-size: 24px; }
.company-synopses { padding: 30px 0; }
.synopsis-item { width: 100%; margin: 0 0 15px; text-align: center; }
.synopsis-item .item-title::before { left: 47%; }
.synopsis-item .item-wrap { padding: 0 10px; }
.synopsis-item .item-title { font-size: 20px; }
.index-head-product-wrap { }
.index-head-product-wrap .product-item { width: 95%; margin: auto; margin-bottom: 1%; border-radius: 15px; overflow: hidden; }
.foot-items { padding: 3% 0 }
.foot-item, .foot-item.foot-item-contact { width: 100%; padding: 0 10px; text-align: left; margin-top: 2%; }
.foot-item .foot-tit { font-size: 20px; }
.foot-item.foot-item-nav { width: 100%; float: none; margin-top: 0; }
.foot-item.foot-item-nav .logo img { max-width: 100%; margin: 0; display: block; }
.product-item { width: 48%; }
.product-item .item-info .item-name { font-size: 16px; }
.products-scroll-list li { display: block; width: 100%; margin: 0 0 20px; }
.products-scroll-list li img { max-width: 65px; float: left; margin: 0 15px 0 0; }
.download-list ul li { border-bottom: none; }
.download-list ul li .download-cont { display: block; float: none; margin: 0 0 20px; }
.download-list ul li .download-button { float: none; }
.product-view .image-additional .image-item a { padding: 0 }
}

@media screen and (max-width: 320px) {
.synopsis-item, .product-item { width: 100%; }
}
.bottomsidebar .bottomcontent { background: #191c21 !important; }
/* 新增样式 */
.head-social a {
  display: block;
  float: left;
}
.tp-revslider-slidesli a {
  display: block;
  width: 100%;
  height: 100%;
}
.tp-simpleresponsive img {
  width: 100%;
  height: 100%;
}
.synopsis-item .item-info {
  /* padding: 8%; */
}
/*.synopsis-item .item-title {
  padding-top: 5%;
  padding-bottom: 5%;
}*/
.synopsis-item .item-title a {
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.synopsis-item .item-title a:hover {
  color: #3a3a3a;
  transition: all 0.6s;
}
.item-info > span > p {
  padding-top: 10%;
}
.product-item .item-info .item-name a {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.subscribe .button {
  display: inline-block;
  font-family: 'Berkshire Swash';
  line-height: 0.4rem;
  padding: 0 0.3rem;
  border: none;
  color: #ffffff;
  background: #3a3a3a;
  cursor: pointer;
  font-size: 18px;
  margin: 0.15rem 0 0;
  border-radius: 10px;
}
.subscribe .button:hover {
  border: 1px solid #3a3a3a;
  background-color: transparent;
  color: #3a3a3a;
  transition: all 0.6s;
}
.side-cate {
  padding: 0.2rem 0;
}
.side-cate > li {
  position: relative;
  padding: 0 0.15rem;
  line-height: 33px;
}
.side-cate > li:before {
  width: 3px;
  height: 3px;
  background: #000;
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
}
.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 a {
  position: relative;
  display: block;
}
.side-cate li.nav-current > a,
.side-cate li:hover > a,
li.show_li > a {
  color: #3a3a3a;
}
.side-cate li.nav-current > .icon-cate,
.side-cate li:hover > .icon-cate,
li.show_li > .icon-cate {
  color: #3a3a3a;
}
.side-cate li .icon-cate.icon-cate-up:before {
  content: '\f068';
}
.side-product-items {
  position: relative;
  padding: 0.4rem 0.08rem;
}

.side-product-items .items_content {
  position: relative;
}

.side_product_item {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.12rem 0;
  overflow: hidden;
}

.side_product_item figure {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.side_product_item .item-img {
  position: relative;
  width: 0.85rem;
  display: table-cell;
  vertical-align: middle;
  padding: 0 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: 0.25;
}

.side-product-items .btn-prev {
  top: 0.2rem;
  background: url(../images/icons-prev.png) no-repeat center center;
}

.side-product-items .btn-next {
  bottom: 0.2rem;
  background: url(../images/icons-next.png) no-repeat center center;
}
.items_list {
  padding-bottom: 30px;
}
.main .product-title {
  line-height: 30px;
  font-size: 0.2rem;
  padding-bottom: 7px;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #ccc;
}
.sk-contact-p {
  background-color: #3a3a3a;
}
.goods-title-bar .title {
  background-color: #3a3a3a;
  color: #fff;
  padding: 5px;
  margin-bottom: 20px;
}
.blog_list {
  position: relative;
  width: 100%;
}
.blog-item {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0.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:after {
  content: '';
  display: block;
  width: 0%;
  height: 3px;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #3a3a3a;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-item .item-wrap {
}
.blog-item .item-img {
  position: relative;
  display: block;
  max-width: 2rem;
  margin: 0 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: 0.16rem;
}
.blog-item .item-info time {
  display: block;
  font-style: italic;
  margin: 0.08rem 0;
}
.blog-item .item-info .item-detail {
  margin-bottom: 0.2rem;
}
.blog-item .item-info .item-more {
  float: right;
  color: #000;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0.04rem 0.15rem;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.blog-item .item-info .item-more:hover {
  background-color: #3a3a3a;
  border-color: #3a3a3a;
  color: #fff !important;
}
.blog-item:hover:after {
  width: 100%;
}
.blog-item:hover .item-info .item-more {
  color: #3a3a3a;
  border-color: #3a3a3a;
}
@media only screen and (max-width: 500px) {
  .layout,
  .path-bar .path-nav {
    width: auto;
    max-width: inherit;
  }

  .head-layout {
    padding-bottom: 0.2rem;
  }
  .flex-direction-nav .flex-prev,
  .flex-direction-nav .flex-next {
    display: none;
  }
  .flex-control-paging li a {
    width: 0.1rem;
    height: 0.1rem;
  }
  .flex-control-paging li a:hover,
  .flex-control-paging li a.flex-active {
    width: 0.12rem;
    height: 0.12rem;
  }

  /* index */
  .gd-layer {
    padding: 0.5rem .1rem;
  }
  .index-title-bar {
    margin-bottom: 0.25rem;
  }
  .index-title-bar .index-title {
    padding-top: 0.1rem;
  }
  .index-title-bar .index-title,

  .index-title-bar .tit-more {
    float: right;
  }
  .index-title-bar .title-desc {
    width: 100%;
    max-width: inherit;
  }
  .gd-btn {
    border-radius: 0.03rem;
  }
  .gd-btn:before {
    display: none;
  }
  .synopsis-item {
    width: 100%;
    float: none;
  }
  .synopsis-item .item-more {
    display: none;
  }
  .synopsis-item .item-info .item-desc {
    margin-bottom: 0;
  }

  .featured-list {
    margin: 0 -0.05rem;
  }
  .featured-item {
    width: 50%;
    padding: 0.05rem;
  }
  .product-item {
    padding: 0.05rem;
  }
  .product-items .items-content {
    margin: 0 -0.05rem;
    padding-bottom: 0;
  }
  .product-items .layer-body {
    margin: 0 -0.05rem;
  }
  .product-items .learn-more-bar {
    padding-top: 0.2rem;
  }
  .product-items .gd-btn {
    padding: 0.08rem 0.2rem;
  }
  .product-items .product-item .item-img:before,
  .product-items .product-item .item-img:after {
    display: none;
  }
  .product-items .product-item {
    width: 48%;
  }
  .product-items .product-item:nth-child(n) {
    clear: none;
  }
  .product-items .product-item:nth-child(2n + 1) {
    clear: left;
  }
  .product-items .owl-carousel .owl-controls .owl-prev,
  .product-items .owl-carousel .owl-controls .owl-next {
    display: none;
  }
  .product-items .owl-carousel .owl-controls .owl-dot {
    display: inline-block;
  }
  .items_list .product-item {
    width: 50%;
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
  }
  .items_list .product-item:nth-child(n) {
    clear: none;
  }
  .items_list .product-item:nth-child(2n + 1) {
    clear: left;
  }
  .promote-banners {
    padding: 0.2rem 0;
  }
  .new-products .product-item {
    width: 50%;
  }
  .banner-list .banner-item {
    width: 50%;
  }
  .banner-list .banner-item .banner-img:before {
    display: none;
    visibility: hidden;
  }

  .topbar {
    display: block;
    margin: 32px 0;
  }
  .topbar .logo a {
    display: block;
  } 
  /* footer */
  .foot-wrapper {
    /* width: 98%; */
  }
  .foot-items {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  .foot-items .foot-item.foot-item-intro,
  .foot-items .foot-item.foot-item-contact,
  .foot-items .foot-item.foot-item-news,
  .foot-items .foot-item.foot-item-inquiry {
    width: 100%;
  }
  .foot-items .foot-item.foot-item-contact {
    padding: 0;
  }
  .foot-items .foot-item .foot-tit {
    padding-bottom: 0.1rem;
    margin-bottom: 0.15rem;
  }
  .blog-news-item .news-info {
    padding-bottom: 0.3rem;
  }
  .foot-items .foot-item-inquiry .button {
    margin-top: 0.2rem;
    font-size: 0.16rem;
    display: block;
    width: 120px;
    margin-left: 5px;
  }
  .copyright {
    float: none;
    font-size: 0.1rem;
  }
  .foot-social {
    font-weight: bold;
    float: none;
    text-align: left;
    padding: 0.15rem 0 0;
  }
  .foot-social li {
    padding: 0 0.15rem 0 0;
  }

  /* product */
  .side_product_item {
    width: 100%;
  }
  .product-view {
    width: 100%;
    border-color: #e5e5e5;
    border-width: 1px;
  }
  .inquiry-form {
    padding: 0.2rem 0.1rem;
  }
  .inquiry-form .inquiry-form-ico {
    width: 0.6rem;
    right: 0.1rem;
    top: 0.1rem;
  }
  .inquiry-form input[type='text'].form-input,
  .inquiry-form textarea.form-text {
    width: 80%;
  }
  .inquiry-form textarea.form-text {
    width: 100%;
  }
  .goods-may-like .goods-items {
    /* margin: 0 -0.075rem; */
  }
  .goods-may-like .owl-carousel .owl-item {
    overflow: visible;
  }
  .goods-may-like .product-item {
    overflow: visible;
  }
  .goods-may-like .product-item .item-wrap {
    position: relative;
  }

  /* download */
  .download-item .item-title {
    display: block;
    margin: 0.1rem 0;
  }
  .download-item .item-button {
    float: none;
  }
}
.copy-rights {
  text-align: center;
  color: #a8a8a8;
  margin-top: 10px;
}
.module-img a {
  display: block;
}
.gm-sep .item-wrap a {
  display: block;
}
.gm-sep .item-wrap .item-info .item-title {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gm-sep .item-wrap .item-info .item-title a{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; padding: 0 10px; }
.nav-wrap .logo a {
  display: block;
}
@media(max-width:768px) {
  .fullscreen-container {
    margin-top: 60px;
  }
  .wml-banner-img {
    margin-top: 60px;
  }
  .foot-wrapper {
    padding: 15px 0px;
  }
  .index-title-bar .title{ font-size: 32px; }
}