 @charset "utf-8";
/*--------------------------head-wrapper---------------------------*/

.head-wrapper {
	position: relative;
	width: 100%;
	z-index: 10000
}
.head-social, .head-social li, .language, .head-search-wrap, .head-search, .head-search-wrap .search-title, .nav-bar .nav {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	text-align: left;
}
.topbar {
	position: relative;
	background: #222222;
	text-align: right;
}
.head-social {
	float: left;
}
.head-social li {
	margin: 0 6px 0 0;
	line-height: 45px;
}
.head-social li img {
	max-width: 22px;
	opacity: .4;
}
.head-social li:hover img {
	opacity: 1;
}
.language {
}
.head-search-wrap {
	margin: 4px 0 0 30px;
}
.head-search-wrap:before {
	content: "/";
	font-size: 24px;
	position: absolute;
	left: -18px;
	top: -6px;
	color: #FFF;
}
.head-search-wrap .search-title {
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	background-position: -362px 4px;
	cursor: pointer;
}
.head-search-wrap.wrap-hide .search-title {
	background-position: -305px 2px;
}
.head-search {
	width: 0;
	height: 25px;
	opacity: 0;
	overflow: hidden;
}
.head-search .search-ipt {
	position: absolute;
	right: 0;
	top: 0;
	width: 265px;
	height: 25px;
	background: none;
	color: #FFF;
	border: none;
}
.head-search .search-btn {
	position: absolute;
	left: 0;
	top: 4px;
	width: 25px;
	height: 25px;
	border: none;
	background-color: transparent;
	background-position: -305px 2px;
}
.logo {
	position: relative;
	float: left;
}
.logo img {
	position: relative;
	max-height: 65px;
}
.nav-bar {
	height: 60px;
	padding: 33px 0;
	padding-bottom:10px;
	text-align: right;
	background: #FFF;
}
.nav-bar .nav {
	position: relative;
}
.nav-bar .nav li, .nav-bar .nav li a {
	position: relative;
	display: block;
}
.nav-bar .nav > li {
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.nav-bar .nav > li > a {
	height: 60px;
	line-height: 60px;
	
	font-size: 18px;
	padding: 0 25px;
}
.nav-bar .nav > li > a:before {
	content: "";
	position: absolute;
	left: 25px;
	top: 10px;
	width: 0;
	height: 2px;
	background: #275275;
}
.nav-bar .nav > li:hover > a:before, .nav-bar .nav > li.nav-current > a:before {
	width: 18px;
}
.nav-bar .nav li li {
	display: block;
 *display:block;
	line-height: 35px;
}
.nav-bar .nav li li a {
	padding: 0 15px;
}
.nav-bar .nav ul {
	width: 225px;
	position: absolute;
	top: 60px;
	left: 0;
	background: rgba(255,255,255,1);
	text-align: left;
	display: none;
	z-index: 999;
	border: 1px solid transparent
}
.nav-bar .nav ul ul {
	top: 0;
	left: 227px;
}
.nav-bar .nav ul li:hover >a {
	background: #FFF;
	color: #e7192d
}
.nav-bar .nav li .nav-ico {
	position: absolute;
	right: 5px;
	top: 0;
	height: 60px;
	line-height: 60px;
	font-size: 12px;
}
.nav-bar .nav li .nav-ico:after {
	content: '\f0d7';
}
.nav-bar .nav li li .nav-ico {
	right: 10px;
	height: 35px;
	line-height: 35px;
	color: inherit;
}
.nav-bar .nav li li .nav-ico:after {
	content: '\f0da';
}
.nav-bar .nav > li:hover >a, .nav-bar .nav > li.nav-current > a {
	color: #275275;
}
 


li.nav-current{  }
li.nav-current a{ color:#c20000; }

li.nav-current a:after{content:" - "}



.nav-bar .nav li:hover > .nav-ico:after, .nav-bar .nav li.nav-current .nav-ico:after {
	color: #275275;
}
.fixed-nav {
	position: fixed;
	width: 100%;
	top: -60px;
	-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;
	padding: 0
}
.fixed-nav-appear {
	top: 0;
}
.fixed-nav .logo img {
	max-height: 40px;
	padding: 10px 0
}
/*--------------------------footer---------------------------*/	

.foot-wrapper {
	position: relative;
	width: 100%;
	background: #222222;
	margin: 50px 0 0;
}
.foot-wrapper, .foot-wrapper a {
	color: #CCC;
}
.foot-items {
	padding: 35px 0 20px;
}
.foot-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.foot-item.foot-item-contact {
	width: 355px;
}
.foot-item.foot-item-inquiry {
	width: 380px;
}
.foot-item.foot-item-news {
	width: 465px;
}
.foot-item.foot-item-contact .foot-cont .foot-tit, .foot-item.foot-item-contact .foot-cont {
	padding: 0 115px 0 0;
}
.foot-item.foot-item-inquiry .foot-cont .foot-tit, .foot-item.foot-item-inquiry .foot-cont {
	padding: 0 85px 0 0;
}
.foot-item .foot-tit {
	color: #FFF;
	font-size: 20px;
	margin: 0 0 30px;
}
.foot-item.foot-item-contact ul li {
	position: relative;
	line-height: 28px;
	padding: 0 0 0 30px;
	margin: 0 0 5px;
}
.foot-item.foot-item-contact ul li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 30px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url(../style/page-ico.png);
}
.foot-item.foot-item-contact ul li.foot-addr:before {
	background-position: -17px -168px;
}
.foot-item.foot-item-contact ul li.foot-phone:before {
	background-position: -17px -228px;
}
.foot-item.foot-item-contact ul li.foot-email:before {
	background-position: -17px -260px;
}
.foot-item.foot-item-contact ul li.foot-fax:before {
	background-position: -17px -295px;
}
.foot-item.foot-item-contact ul li.foot-skype:before {
	background-position: -17px -328px;
}
.foot-item.foot-item-inquiry .subscribe {
}
.foot-item.foot-item-inquiry .subscribe p {
}
.foot-item.foot-item-inquiry .subscribe-form {
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
	position: relative;
	width: 210px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: none;
	background: #FFF;
	color: #999;
	font-style: italic;
	margin: 15px 0 10px;
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn {
	position: relative;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: none;
	border-radius: 3px;
}
.news-slides {
	padding: 0 0 30px;
}
.news-slides .owl-dots {
	text-align: right;
}
.news-slides .owl-dots .owl-dot {
	width: 11px;
	height: 11px;
	margin: 0 6px;
}
.foot-news-item {
}
.foot-news-item .item-wrap {
}
.foot-news-item .news-cont-pic {
	position: relative;
	width: 120px;
	float: left;
	margin: 0 20px 0px 0;
}
.foot-news-item .news-cont-pic img {
}
.foot-news-item .news-cont-info {
}
.foot-news-item .news-cont-info .news-cont-title, .foot-news-item .news-cont-info .news-cont-title a {
	color: #FFF;
	
	font-size: 14px;
}
.foot-news-item .news-cont-info .news-cont-time {
}
.foot-news-item .news-cont-info .news-cont-text {
}
.footer {
	position: relative;
	text-align: center;
	background: #111111;
	padding: 23px 0 10px;
}
.foot-social {
}
.foot-social li {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	margin: 0 8px;
}
.foot-social li img {
	max-width: 25px;
}
.copyright {
	margin: 15px 0 0
}
/*--------------------------index---------------------------*/	

.index-layout {
	position: relative;
	width: 100%;
}
.company-synopses-wrap {
	position: relative;
	width: 100%;
	padding: 50px 0 50px;
}
.company-synopses {
	position: relative;
	width: 110%;
}
.synopsis-item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
 *display:inline;
 *zoom:1;
	text-align: center;
	width: 374px;
	margin: 0 39px 20px 0;
}
.synopsis-item .item-wrap {
	position: relative;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	z-index: 0;
}
.synopsis-item .item-ico {
	position: absolute;
	left: 0;
	top: -49px;
	width: 100%;
	z-index: 1;
}
.synopsis-item .item-ico img {
	border: 10px solid #FFF;
	border-radius: 50%;
	max-width: 88px;
	max-height: 88px;
}
.synopsis-item .item-img {
}
.synopsis-item .item-img img {
}
.synopsis-item .item-info {
	position: relative;
	padding: 10px 30px;
}
.synopsis-item .item-info .item-title {
	font-size: 24px;
	margin: 0 0 10px;
}
.synopsis-item .item-info .item-detail {
	font-size: 16px;
	color: #7c7770;
}
.synopsis-item.current .item-wrap {
	box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.about-us-wrap {
	position: relative;
	width: 100%;
	height: 380px;
	background: #e3e3e3;
}
.about-us {
	position: relative;
	width: 100%;
}
.about-us .about-img {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 735px;
	z-index: 0
}
.about-us .about-img:before {
	z-index: 999;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-bottom: 380px solid #e3e3e3;
	border-left: 130px dashed transparent;
}
.about-us .about-img:after {
	content: '';
	position: absolute;
	left: 143px;
	top: 0;
	width: 41px;
	height: 22px;
	background: url(../style/triangle01.png) no-repeat top center;
	z-index: 999;
}
.about-us .about-img .item {
}
.about-us .about-img .item img {
	position: relative;
	width: 100%;
	height: 380px;
}
.about-us .about-detail {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 465px;
	text-align: right;
	z-index: 1;
}
.about-us .about-detail:after {
	content: '';
	position: absolute;
	right: 65px;
	top: 0;
	width: 41px;
	height: 22px;
	background: url(../style/triangle02.png) no-repeat top center;
}
.about-us .about-detail .title {
	position: relative;
	
	font-size: 40px;
	color: #275275;
	margin: 80px 0 0;
}
.about-us .about-detail .text {
	position: relative;
	
	font-size: 18px;
	padding: 5px 0 40px;
}
.about-us .about-detail .text p {
	margin: 0 0 8px;
}
.about-us .about-detail .read-more {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	font-family: 'SourceSansProBold';
	color: #275275;
	font-size: 19px;
	padding: 0 34px;
	height: 58px;
	line-height: 58px;
	background: #FFF;
	border-radius: 35px;
	border: 1px solid #FFF;
}
.about-us .about-detail .read-more:hover {
	border-color: #275275;
	background: none;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	left: -65px;
	bottom: 5px;
	text-align: center;
	z-index: 99;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
	vertical-align: top;
}
.flex-control-paging li a {
	width: 13px;
	height: 13px;
	display: block;
	background: rgba(0,0,0,.6);
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
}
.flex-control-paging li a.flex-active {
	background: #275275
}
.index-title-bar {
	position: relative;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d2d2d2;
	padding: 40px 0 0;
	z-index: 0;
}
.index-title-bar .ico {
	position: absolute;
	top: -18px;
	left: 50%;
	margin: 0 0 0 -46px;
	width: 92px;
	height: 36px;
	background: url(../style/page-ico.png) no-repeat 12px -88px;
	background-color: #FFF;
	z-index: 1;
}
.index-title-bar .title {
	font-size: 36px;
	text-transform: uppercase;
}
.main-product-wrap {
	margin: 70px 0 0;
}
.product-wrap {
	position: relative;
	width: 110%;
	margin: 25px 0 0;
}
.product-item {
	position: relative;
	font-size: 24px;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 296px;
	margin: 0 26px 26px 0;
	text-align: center;
}
.tjxys .product-item {
	position: relative;
	font-size: 24px;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	width: 170px;
	margin: 0 26px 26px 0;
	text-align: center;
	float: left;
}
.main-product-wrap .product-item {
	width: 282px;
	margin: 0 24px 24px 0;
}
.product-item .item-wrap {
	position: relative;
}
.product-item .pd-img {
	position: relative;
	overflow: hidden;
	border: 2px solid #c0c0c0;
	border-radius: 8px;
	background: #275275;
}
.tjxys .product-item .pd-img {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: #275275;
	border: 2px solid #fff;
}
.product-item .pd-img img {
	position: relative;
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.product-item .pd-img .ico {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	opacity: 0;
	visibility: hidden;
}
.product-item .pd-img:hover img {
	opacity: .5
}
.product-item .pd-img:hover .ico {
	opacity: 1;
	visibility: visible;
}
.product-item .pd-info {
	padding: 10px;
}
.product-item .pd-info .pd-name {
	font-size: 16px;
}
/*----------------------------------page---------------------------------*/

.path-bar {
	position: relative;
	width: 100%;
	line-height: 33px;
	margin: 0 0 26px;
	background: #eeeeee;
}
.path-bar li:after {
	content: "/";
	position: absolute;
	display: block;
	overflow: hidden;
	right: 0;
	top: 0
}
.path-bar .path-nav {
}
.path-bar li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #999;
}
.path-bar li a {
	display: block;
	padding: 0 15px 0 5px;
	color: #999;
}
.path-bar li:hover a, .path-bar li.current a {
}
.path-bar li:last-child:after {
	content: '';
}
/*----------------------------------aside---------------------------------*/	

.aside {
	float: left;
	width: 230px;
}
.side-tit-bar {
	position: relative;
}
.side-tit-bar .side-tit {
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0 0 0 20px;
	font-family: 'SourceSansProBold';
	color: #275275;
}
.side-tit-bar .side-tit:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 100%;
	background: #275275;
}
.side-widget {
	position: relative;
	margin: 0 0 40px;
}
.side-widget .side-cate {
	padding: 0 0 0 20px;
}
.side-cate ul li {
	position: relative;
	line-height: 38px;
}
.side-cate ul li li li {
	padding: 0 10px;
}
.side-cate ul li a {
	position: relative;
	display: block;
}

.tt{ padding:8px 0;}
 
.pronav-current a{color: #c2000a ;}
.pronav-current{color: #c2000a ;}
div.tt a{ line-height:16px;}
div.ttdiv{ line-height:20px !important;}
div.ttdiv a{ line-height:20px !important; padding-left:12px; background:url(../image/point_003.png) no-repeat 0px 4px }	
	
 
.side-cate ul li li a {
	color: #275275;
	margin-left: 10px;
}
.side-cate-menu li .side-ico {
	position: absolute;
	right: 0;
	top: 0;
	color: #275275;
	font-size: 12px;
}
.side-cate-menu li .side-ico:before {
	content: '\f067';
}
.side-cate-menu li.active .side-ico:before {
	content: '\f068';
}
.products-scroll-list-wrap {
	position: relative;
}
.products-scroll-list {
	position: relative;
	padding: 25px 0 0;
}
.products-scroll-list li {
	padding: 0 0 15px;
	display: block;
	overflow: hidden;
}
.products-scroll-list li img {
	width: 65px;
	border: 1px solid #e5e5e5;
	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(../style/icons-prev.png) no-repeat center center;
	margin: 10px 0 0;
}
.products-scroll-btn-next {
	background: url(../style/icons-next.png) no-repeat center center;
	margin: -20px 0 20px;
}
.side-bn {
	max-width: 100%;
	margin: 0 0 25px 0;
}
.side-bn img {
	max-width: 100%
}
.main {
	position: relative;
	width: 940px;
	display: block;
	float: right;
}
.main-tit-bar {
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	padding: 0 0 8px;
	margin: 0 0 10px;
}
.main-tit-bar .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	
	font-size: 24px;
}
.main-tit-bar .share-this {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}
.main-banner {
	position: relative;
	display: block;
	margin: 0 0 10px;
}
.main-banner img {
	position: relative;
	width: 100%;
}
.product-list {
	margin: 40px 0 0;
}
.product-list, .certificate-list, .video-list, .download-list, .faq-list {
	position: relative;
}
.product-list ul, .certificate-list ul, .video-list ul {
	position: relative;
	width: 110%;
}
.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;
	
}
.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(../style/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(../style/icons10.png) no-repeat center center;
}
.faq-list ul li .faq-title b.faq-up {
	background: url(../style/icons09.png) no-repeat center center;
}
.faq-list ul li .faq-title h2 {
	font-weight: normal;
	font-size: 18px;
	
}
.faq-list ul li .faq-cont {
	position: relative;
	padding: 0 0 30px 42px;
	font-size: 14px;
}
.page-bar {
	position: relative;
	display: block;
	margin: 20px 0;
	text-align: center;
}
.page-bar .pages {
	display: inline-block;
}
.pages a, .pages span {
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	border: 1px solid #e5e5e5;
	height: 33px;
	line-height: 33px;
	padding: 0 14px;
	margin: 0 4px;
	vertical-align: middle;
	border-radius: 5px;
}
.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 {
	background: #222222;
	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 #275275;
	border-bottom: 1px double #275275;
	;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
}
/* product photos */

.product-intro {
	position: relative;
	display: block;
}
.product-title {
	font-size: 24px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	
	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: 315px;
	float: left;
}
.product-view .product-image {
	border: 1px solid #eee;
}
.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: 100%;
}
.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%;
	border: 1px solid #CCC;
}
.product-view .image-additional li a {
	position: relative;
	display: block;
	padding: 0 17px;
}
.product-view .image-additional li.current img {
	border-color: #F00;
}
.product-view .image-additional img.popup {
	display: none;
}
.image-additional .owl-nav {
	display: inline;
	position: absolute;
	top: 50%;
	margin: -8px 0 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.image-additional .owl-prev, .image-additional .owl-next {
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 999;
	float: left;
	display: block;
	background-repeat: no-repeat;
}
.image-additional .owl-prev {
	left: -10px;
}
.image-additional .owl-next {
	right: -10px;
}
.image-additional .owl-prev:before {
	content: "\f053";
}
.image-additional .owl-next:before {
	content: "\f054";
}
/* product summary */

.product-summary {
	position: relative;
	width: 590px;
	float: right;
}
.product-summary .product-meta {
	line-height: 25px;
}
.product-summary .product-meta h3 {
	
	margin: 0 0 10px;
	font-size: 16px;
}
.product-btn-wrap {
	position: relative;
	margin: 20px 0 0;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	background: #275275;
	border: 1px solid #275275;
	color: #FFF;
	margin: 0 20px 0 0;
}
.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 {
	background: none;
	color: #275275;
}
.product-summary .share-this {
	float: right;
	margin: 30px 0 0;
}
.product-detail {
	position: relative;
	overflow: visible;
	margin: 50px 0 0;
}
.detail-tabs {
	position: relative;
}
.detail-tabs .title {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	
	font-size: 14px;
	padding: 0 15px;
	line-height: 26px;
	cursor: pointer;
	border-radius: 3px;
	overflow: hidden;
	color: #000;
	font-size: 16px;
	margin: 0 10px 0 0;
}
.detail-tabs .title.current {
	box-shadow: 2px 2px 8px rgba(0,0,0,.3)
}
.product-detail .detail-panel {
	padding: 20px 0;
	display: block;
	overflow: hidden
}
.product-detail .disabled {
	display: none;
}
.goods-tbar {
	position: relative;
}
.goods-tbar .title {
	position: relative;
	
	font-size: 18px;
	color: #000;
}
.goods-may-like {
	position: relative;
	margin: 40px 0 0;
}
.goods-items-wrap {
	position: relative;
	width: 100%;
}
.goods-items {
	position: relative;
	width: 966px;
	margin: 25px 0 0;
}
.goods-items .owl-nav {
	display: inline;
	position: absolute;
	top: -50px;
	right: 15px
}
.goods-items .owl-prev, .goods-items .owl-next {
	position: relative;
	top: 0;
	overflow: hidden;
	z-index: 999;
	float: left;
	display: block;
	background: none;
	font-size: 30px;
	color: #666
}
.goods-items .owl-prev:before {
	content: "\f104";
}
.goods-items .owl-next:before {
	content: "\f105";
}

@media screen and (max-width: 769px) {
/* layout */





body, .container {
	width: 100%;
	min-width: inherit;
}
.layout, .header, .nav-bar .nav-wrap, .banner-list, .bottom-service, .social-layout, .foot-wrapper .foot-img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.head-wrapper, .foot-wrapper, .nav-bar {
	max-width: 100%;
	min-width: inherit;
}
.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(../style/mobile_close.png) center center no-repeat;
	background-size: 50% auto;
	position: absolute;
	right: -35px;
	top: 0;
}
img {
	max-width: 100%;
}
a:visited {
	color: #333;
}
.owl-carousel {
	padding: 0 0 30px;
}
/* box sizing */



* {
	-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 {
	display: none;
}
.gotop {
	display: none;
	visibility: hidden;
}
/* ===================================================



 * header 



 * --------------------------------------------------- */



 

.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 .nav, .topbar {
	display: none;
}
.nav-bar {
	height: auto;
	padding: 33px 0 15px;
}
.logo {
	float: none;
	text-align: center
}
.logo img {
	max-height: none;
	max-width: 100%;
}
.head-search {
	width: 100%;
	opacity: 1;
	background: #ccc;
}
.head-search .search-ipt {
	width: 100%;
	padding: 0 20px;
	border-bottom: 1px solid #CCC
}
.head-social {
	float: none;
	width: 100%;
	text-align: center;
}
.head-social li {
	padding: 0 5px;
}
.head-social li img {
	background: #000;
}
/*nav */



.nav li {
	position: relative;
	display: block;
	width: 100%;
}
.nav li ul {
	display: block;
	width: 100%;
}
.nav li ul li {
	width: auto;
	padding: 0 10px;
	display: inline-block;
}
.nav li ul img {
	display: block;
	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-items {
	width: 98%;
	margin: 0 auto;
}
.foot-item.foot-item-contact, .foot-item.foot-item-inquiry, .foot-item.foot-item-news {
	width: 100%;
	margin: 0 0 20px;
}
.foot-item.foot-item-contact .foot-cont .foot-tit, .foot-item.foot-item-contact .foot-cont, .foot-item.foot-item-inquiry .foot-cont .foot-tit, .foot-item.foot-item-inquiry .foot-cont {
	padding: 0;
}
.foot-item.foot-item-inquiry .subscribe-form {
	position: relative;
	width: 100%
}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt {
	width: 90%;
}
.news-slides .owl-dots {
	text-align: center;
}
.news-slides .owl-dots .owl-dot {
	width: 6px;
	height: 6px;
}
/* ===================================================



 * for:homepage 



 * --------------------------------------------------- */



.company-synopses-wrap {
	position: relative;
	width: 100%;
	padding: 60px 0 0;
}
.company-synopses {
	width: 100%;
}
.synopsis-item {
	width: 50%;
	margin: 0 0 60px;
}
.synopsis-item .item-wrap {
	width: 96%;
	margin: 0 auto;
}
.about-us-wrap {
	height: auto;
	padding: 0 0 30px;
}
.about-us .about-img {
	width: 100%;
}
.about-us .about-img:before {
	display: none;
}
.about-us .about-img:after {
	left: 50%;
	margin: 0 0 0 -20px;
}
.about-us .about-detail {
	width: 98%;
	text-align: left;
	margin: 0 1%;
}
.about-us .about-detail:after {
	right: 50%;
	margin: 0 -20px 0 0;
}
.flex-control-nav {
	left: 0;
}
.product-wrap {
	width: 100%;
}
.product-item, .main-product-wrap .product-item {
	width: 33.33333333%;
	margin: 0 0 20px;
}
.goods-items .product-item {
	width: 100%;
	margin: 0;
}
.product-item .item-wrap {
	width: 96%;
	margin: 0 auto;
}
/* ===================================================



 * 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 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 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 {
	
	margin: 0 0 15px;
}
.tab-content-wrap .mobile-tab-items .mobile-tab-panel {
}
/* Customers Also Bought */



.goods-items {
	width: 100%;
}
/* ===================================================



 * 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 {
	padding: 20px 0 30px 0;
	font-size: 14px;
}
}
 @media screen and (max-width: 641px) {
.synopsis-item {
	width: 100%;
}
.synopsis-item .item-wrap {
	width: 98%;
}
.about-us .about-img:after, .about-us .about-detail:after {
	display: none;
}
.about-us .about-detail .title {
	margin: 40px 0 10px;
}
.product-item, .main-product-wrap .product-item {
	width: 50%;
}
.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;
}
.entry th, .entry td {
	height: 30px;
	border: 1px solid #000;
	text-align: left;
	line-height: 1.5;
	font-size: 12px;
	padding: 0 15px;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	