@charset "utf-8";
/*--------------------------------------------------------------------------------head-wrapper-------------------------------------------------------------------------*/
a {color: #ffffff;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;color: #ffffff;}
a:active {text-decoration: none;}
.head-wrapper { position: relative; width: 100%; z-index: 10000; background: #040404; height: 75px; }
.logo, .head-contact, .head-contact .head-phone, .head-contact .head-email, .nav-wrap, .change-language, .head-search { position: relative; display: inline-block; *display: inline;
*zoom: 1;
vertical-align: top; text-align: left; }
/*============================================================
					change-language
============================================================*/
.change-language { margin: 25px 0 0 20px; text-align: right; float: right !important; }
.change-language-info .language-icon:before { font-size: 12px; }
.change-language-title span, .change-language-info .language-icon:before { color: #FFFFFF !important; }
.change-language-info:hover .change-language-title span, .change-language-info:hover .language-icon:before { color: #666666 !important; }
.head-wrapper.page-header .change-language-title span, .head-wrapper.page-header .change-language-info .language-icon:before { color: #666666 !important; }
.language-flag a {color: #666666;}
.language-flag a:hover {color: #666666;}
.language-flag a:active {color: #666666;}
/*============================================================
					head-contact
============================================================*/
.head-contact { font-size: 14px; line-height: 80px; float: right; }
.head-contact, .head-contact a { color: #c60714; }
.head-contact .head-phone, .head-contact .head-email { padding: 0 0 0 34px; margin: 0 15px 0 0; }
.head-contact .head-phone:before, .head-contact .head-email:before { content: ""; position: absolute; left: 0; top: 4; width: 30px; height: 40px; font-size: 20px; line-height: 80px; }
.head-contact .head-phone:before { content: "\f095"; /*content: "\f2a0";*/ }
.head-contact .head-email:before { content: "\f003"; }
/*============================================================
					nav-bar
============================================================*/
.nav-bar { position: relative; }
.nav-wrap { position: relative; width: 1200px; margin: auto; display: block; }
.logo { position: relative; float: left; padding: 0 30px 0 0; }
.logo img { position: relative; max-height: 75px; }
.nav-bar .nav { position: relative; float: left; display: block; }
.nav-bar .nav li, .nav-bar .nav li a { position: relative; display: block; text-align: left; color: #FFFFFF;  }
.nav-bar .nav > li { display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
padding: 20px 0 15px 0; }
.nav-bar .nav > li > a { line-height: 39px; font-size: 14px; z-index: 1; text-transform: uppercase; letter-spacing: 0.8px; padding: 0 30px 0 30px; }
.nav-bar .nav > li > a:after { content: "|"; display: block; position: absolute; top: 0; right: 0; color: #4d4d4d; font-size: 39px; }
.nav-bar .nav > li.nav-current > a:after, .nav-bar .nav > li:last-child > a:after { display: none; }
.nav-bar .nav > li.nav-current { background: #BF0715; }
.nav-bar .nav > li.nav-current:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 74px; background-image: url(../img/demo/icon007.png); background-position: 0 0; }
.nav-bar .nav > li.nav-current:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 74px; background-image: url(../img/demo/icon007.png); background-position: -29px 0; }
.nav-bar .nav li .nav-ico { position: absolute; top: 2px; line-height: 74px; right: 10px; font-size: 16px; z-index: 10 }
.nav-bar .nav li .nav-ico:after { content: '\f0d7'; color: #c60714; }
.nav-bar .nav li li { display: block; *display: block;
line-height: 40px; }
.nav-bar .nav ul { width: 288px; position: absolute; top: 72px; left: -45px; background: #353434; border: 1px solid #4D4D4D; border-top: 3px solid #c60714; text-align: left; display: none; z-index: 9; }
.nav-bar .nav> li>ul:before { content: ""; position: absolute; top: -15px; left: 50%; border: 6px solid #c60714; border-color: transparent transparent #c60714 transparent; }
.nav-bar .nav li li a { padding: 0 30px; color: #FFFFFF; font-size: 14px; letter-spacing: .5px; }
.nav-bar .nav ul ul, .fixed-nav.nav-bar .nav ul ul { top: 0; left: 290px; }
.nav-bar .nav ul li:hover > a { color: #c60714; }
.nav-bar .nav li li .nav-ico { right: 10px; line-height: 40px; }
.nav-bar .nav li li .nav-ico:after { content: '\f0da'; }
.fixed-nav.nav-bar .nav-wrap { display: block; text-align: center; }
.nav-bar.fixed-nav { position: fixed; top: 0; left: 0; width: 100%; background: #121116; }
/*============================================================
					head-search
============================================================*/



.head-search-wrap { position: absolute; right: 120px; top: 29px; }
.head-search-wrap .search-title { width: 30px; height: 30px; background-position: -360px 8px; cursor: pointer; border-radius: 5px; position: absolute; right: 0; top: 0; }
.head-search-wrap.wrap-hide .search-title { background-position: -239px 2px; }
.head-search { position: relative; width: 1000px; height: 30px; display: none; float: left; margin: 5px 0 0; border-bottom: 2px solid #999; }
.head-search .search-ipt { position: absolute; left: 40px; top: 0; width: 500px; height: 30px; background: none; border: none; font-size: 16px; }
.head-search .search-btn { position: absolute; left: 0; top: 4px; width: 30px; height: 30px; border: none; background-color: transparent; background-position: -305px 2px; }
.head-search .search-ipt::-webkit-input-placeholder {
color:#fff;
}
.head-search .search-ipt:-moz-placeholder {
color:#fff;
}
.head-search .search-ipt::-moz-placeholder {
color:#fff;
}
.head-search .search-ipt:-ms-input-placeholder {
color:#fff;
}
/*---------------------------------------------------------------------------------------------footer-----------------------------------------------------------------------*/

.foot-wrapper { position: relative; width: 100%; color: #D5D5D5; font-size: 14px; background-image: url(../img/demo/map.png); background-repeat: no-repeat; background-position: 1100px 200px; }
.foot-wrapper .foot-items { width: 1200px; margin: auto; }
.foot-item.foot-item-Company ul li a, .foot-items { }
.foot-blog-item .blog-cont-title a, .foot-item.foot-item-Company ul li a, .foot-item.foot-item-contact ul li { color: #FFF; font-size: 13px; }
.foot-item { position: relative; display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
}
.foot-item .foot-tit { font-size: 30px; color: #FFF; font-weight: 400; padding: 32px 0px 40px 0px; position: relative; }
.foot-item .foot-tit:after { content: ""; display: block; width: 60px; height: 1px; background-color: #c60714; position: absolute; left: 0px; bottom: 18px; }
.foot-item.foot-item-Company { width: 390px; float: left; }
.foot-item.foot-item-Company ul li { position: relative; line-height: 32px; margin: 0 14px 0 0; width: 180px; display: block; float: left; }
.foot-item.foot-item-contact { width: 290px; float: left; }
.foot-item.foot-item-contact ul li { position: relative; line-height: 28px; margin: 0 20px 0 0; }
.foot-item.foot-item-inquiry { width: 100%; margin: auto; display: block; padding: 28px 0; background-image: url(../img/demo/signup-bg.jpg); }
.foot-item.foot-item-inquiry .inquiry-text:before { content: ""; width: 53px; height: 43px; background-image: url(../img/demo/signup-email.png); display: inline-block; position: absolute; top: 0; left: 0; }
.foot-item.foot-item-inquiry .inquiry-text { color: #bbb; font-size: 24px; line-height: 48px; text-indent: 70px; display: inline-block; }
.subscribe { display: inline-block; float: right; }
.foot-item.foot-item-inquiry .subscribe-form { position: relative; }
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt { position: relative; width: 590px; height: 43px; line-height: 43px; background: #FFFFFF; color: #BDBDBD; font-style: italic; border: none; ; padding: 0 0 0 10px; }
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn { position: relative; font-size: 16px; height43px;
color: #FFFFFF; border: none; background-color: #161616; padding: 12px 30px; letter-spacing: 2px; text-transform: uppercase; margin-left: 5px; }
.foot-send-ipt { cursor: pointer; float: right; margin-top: 38px; }
.foot-send-ipt img { display: inline-block; }
.foot-blog { position: relative; width: 240px; float: left; margin: 0 150px 0 120px; }
.blog-slides { position: relative; z-index: 0; }
.blog-slides ul { position: relative; display: block; overflow: hidden; }
.blog-slides ul li { position: relative; display: block; overflow: hidden; margin: 0 0 15px; }
.foot-blog-item .blog-title { display: block; position: relative; font-style: italic; line-height: 1.3; font-size: 13px; padding-bottom: 3px; }
.foot-blog-item .blog-cont-title { height: 54px; line-height: 18px; overflow: hidden; font-weight: normal; font-size: 14px; margin-top: 8px; }
.blog-slides .owl-dots { width: 100%; position: absolute; left: 0; bottom: 20px; position: static; text-align: left; }
.blog-slides .owl-dots .owl-dot { display: inline-block; width: 6px; height: 6px; background: none; cursor: pointer; text-indent: -9999px; margin: 0 4px 0 0; background: #737D82; }
.blog-slides .owl-dots .active { background: #FFFFFF; }
.blog-slides .blog-cont-text { margin-top: 12px; line-height: 18px; color: #FFFFFF; }
.blog-slides .owl-carousel .owl-controls { height: auto; text-align: left; clear: both; ; }
.foot-social { float: right; margin-top: 5px; }
.sccial-cont { display: inline; }
.foot-social .sccial-tit { font-size: 20px; text-transform: capitalize; margin: 0; }
.foot-social li { position: relative; display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
margin: 0 10px 10px 0; padding: 10px; background: #3b3b3b; }
.foot-social li:hover { background: #c60714; }
.foot-social li a { display: block; }
.foot-social li img { max-width: 18px; }
.footer { position: relative; line-height: 30px; padding-bottom: 30px; }
.footer .layout { padding: 7px 0; }
.copyright { text-align: left; float: left; line-height: 70px; }

/*--------------------------------------------------------------------------------------------index-----------------------------------------------------------------------------*/
.index-layout { position: relative; width: 100%; }
.page-end { position: absolute; width: 216px; height: 26px; left: 50%; bottom: 0; margin: 0 0 0 -108px; background: url(../img/btn-opener.png) no-repeat center center; z-index: 999; }
/*============================================================
				company-synopses-wrap
============================================================*/
.company-synopses-wrap { position: relative; padding: 5px 0 70px 0; width: 100%; background-image: url(../img/demo/home-solution-bg.jpg); background-repeat: no-repeat; background-position: top; background-size: 100%; }
.company-synopses-wrap .synop-main-title { margin-top: 120px; }
.company-synopses-wrap .synop-title {  font-size: 35px; display: table; height: 45px; line-height: 45px; background-color: #000; color: #f9a003; margin-left: 645px; padding: 0 3px; }
.company-synopses-wrap .synop-sub-title { height: 40px; line-height: 40px; display: inline-block; background-color: #000; font-size: 19px; margin-left: 569px; padding: 0 3px; color: #FFF; }
.company-synopses { position: relative; width: 100%; }
.company-synopses-wrap .main-title {  font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 800; display: inline-block; background-image: -webkit-linear-gradient(left, #383643, #bcbbc3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #f7f7f8; line-height: 57px; padding-bottom: 38px; padding-right: 10px; margin-left: 50%; margin-top: 250px; }
.synopsis-item { position: relative; display: inline-block; vertical-align: middle; *display: inline;
*zoom: 1;
width: 280px; margin: 0 118px 0 0; z-index: 1; vertical-align: top; }
.company-synopses .synopsis-item img { max-width:300px; max-height:300px; }
.synopsis-item:hover img { -webkit-animation: ad_img 1s ease-in-out; animation: ad_img 1s ease-in-out; }
.synopsis-item .item-wrap { position: relative; overflow: hidden; }
.synopsis-item .item-info { position: relative; width: 80%; margin: auto; }
.item-img{text-align:center;}
.synopsis-item .item-info .campaign-title { margin: 0 auto; color: #FFF; position: relative; padding: 24px 0px 44px 0px; }
.synopsis-item .item-info .campaign-title:after { display: block; content: ""; width: 60px; height: 3px; background-color: #c60714; position: absolute; left: 0px; bottom: 18px; }
.synopsis-item .item-info .campaign-sub-title { width: 246px; margin: 0 auto; color: #8b8b8b; }
/*==================================================================================
				            		about us
=================================================================================*/
.slides{text-align:center;}
.about-us-wrap { position: relative; width: 100%; padding: 40px 0 70px 0; background-image: url(../img/demo/home-about-bg.jpg); background-repeat: no-repeat; background-position: bottom; background-size: 100%; }
.about-us .about-ad img { display: block; }
.about-us .about-img { position: relative; display: inline-block; vertical-align: top; width: 570px; float: right; }
.about-us .about-img:before { content: ""; width: 212px; height: 48px; display: block; position: relative; background-image: url(../img/demo/about-before-bg.png); }
.about-us .about-img .item img { position: relative; max-width:512px; max-height:420px; }
.about-us .main-title { position: relative; font-size: 32px; text-transform: capitalize; color: #FFF; font-size: 36px; padding: 40px 0px 68px 0px; position: relative; line-height: 47px; }
.about-us .main-title span { color: red; }
.about-us .about-detail { position: relative; display: block; vertical-align: top; *display:inline;
 *zoom:1;
width: 600px; float: left; padding: 0 0 30px; }
.about-us .about-detail p { font-size: 16px; line-height: 30px; color: #D5D5D5; }
.about-us .main-title:after { content: ""; display: block; width: 60px; height: 3px; background-color: #c60714; position: absolute; left: 0px; bottom: 48px; }
.about-us .about-detail .read-more { display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #FFF; background-color: #c60714; border-radius: 10px; font-size: 12px; margin-top: 30px; }
.about-us .about-detail .read-more:hover { color: #3e2a01; background: #FFFFFF; border-radius: 30px; }
.flex-control-nav { width: 100%; position: absolute; right: 0; bottom: 5px; text-align: right; z-index: 99; margin-right: 30px; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline;
vertical-align: top; }
.flex-control-paging li a { width: 8px; height: 8px; display: block; background: #fff; cursor: pointer; text-indent: 9999px; border-radius: 50%; }
.flex-control-paging li a.flex-active { background: #3e2a01; }
/*==================================================================================
							trusted-partners-wrap
=================================================================================*/

.trusted-partners-wrap { position: relative; }
.trusted-partners-wrap .main-title { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 800; display: inline-block; background-image: -webkit-linear-gradient(left, #383643, #bcbbc3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #f7f7f8; line-height: 57px; padding-right: 10px; }
.trusted-partners-info { padding: 28px 0 70px 0;     width: 100%;
    padding-left: 20px;}
.trusted-partners-info li { overflow: hidden; margin: auto; width: 195px;  height: 104px; border: 1px solid #5d5d5d; border-radius: 5px; display: table-cell; vertical-align: middle; text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box; 	}

.trusted-partners-info li img { vertical-align: middle; max-width: 100%; }
.trusted-partners-info li:hover { border: 1px solid red; }
.truster-side .owl-nav, .product-slides .owl-nav { display: inline; }
.trusted-partners-wrap .layout { position: relative; }
.truster-side .owl-prev, .truster-side .owl-next { position: absolute; overflow: hidden; z-index: 999; display: none; font-size: 20px; margin: 0 0 0 7px; line-height: 100px; width: 33px; text-align: center; }
.truster-side .owl-prev:before, .truster-side .owl-prev:before { content: "\f104"; color: #b4b4b4; }
.truster-side .owl-prev { top: -50%; left: -30px; }
.truster-side .owl-next { top: -50%; right: -30px; }
.truster-side .owl-next:before, .truster-side .owl-next:before { content: "\f105"; color: #b4b4b4; }

/*==================================================================================
								main-product-wrap
=================================================================================*/
.product-item .pd-img{

	width:350px;
	height:289px;

	}

.product-item .pd-img img { position: relative; max-width: 100%; max-height: 100%; }
.product-item .pd-img { position: relative; overflow: hidden; display: block;  display: table-cell; vertical-align: middle; text-align: center; }
.product-item .item-wrap { position: relative; width: 100%; overflow: hidden; text-align: center }
.main-product-wrap { position: relative; width: 100%; padding: 60px 0 0; }
.main-product-wrap .main-title {  font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 800; display: inline-block; background-image: -webkit-linear-gradient(left, #383643, #bcbbc3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #f7f7f8; line-height: 57px; padding-bottom: 38px; padding-right: 10px; }
.main-product-wrap .product-item { position: relative; display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
width: 285px; box-sizing: border-box; float: left; margin-right: 20px; margin-bottom: 20px; }
.main-product-wrap .product-item:nth-child(4n) { margin-right: 0; }
.product-items { margin: 80px 0 0 0; }


/*--------------------------------------------------------------------------------------------page------------------------------------------------------------------------------------*/
.head-wrapper.page-header { background: #F8F8F8; }
.head-wrapper.page-header .nav-bar .nav > li > a { color: #000000; }
.head-wrapper.page-header .head-search-wrap.wrap-hide .search-title { background-position: -160px 2px; }
.head-wrapper.page-header .head-search-wrap .search-title { background-position: -412px 8px; }
.head-wrapper.page-header .nav-bar.fixed-nav { background: #F8F8F8; }
/*==============================================================
							path-bar
============================================================*/
.path-bar { position: relative; width: 100%; line-height: 35px; margin: 0 0 35px 0; background: #000000; border-top:#2F2F2F 1px solid;border-bottom:#2F2F2F 1px solid; }
.path-bar li:after { content: "/"; position: absolute; display: block; overflow: hidden; right: 0; top: 0; line-height: 35px; font-size: 22px; color: #ffffff; }
.path-bar .path-nav { }
.path-bar li { display: inline-block; vertical-align: top; position: relative; color: #ffffff; font-size: 16px; text-transform: uppercase; }
.path-bar li a { display: block; padding: 0 25px; color: #ffffff; }
.path-bar li:hover a, .path-bar li.current a { color: #ffffff; }
.path-bar li:last-child:after { content: ''; }
/*===============================================================
							aside
================================================================*/
.aside {
	float: left;
	width: 235px;
}
.side-tit-bar {
	position: relative;
}
.side-tit-bar .side-tit {
    position: relative;
    font-size: 16px;
    line-height: 37px;
    color: #ffffff;
    background: #c60714;
    padding: 0 0 0 10px;
}

.side-tit-bar .side-tit:after{
	content:""; width:64px; height:2px; display:block; background:#333333; position:absolute; left:0;}
.side-widget {
	position: relative;
}
.side-widget .side-hide {
	padding: 15px 0;
}
.side-cate ul li {
	position: relative;
	line-height: 30px;
}
.side-cate ul li li {
	margin: 0 18px;
}
.side-cate ul li a {
    position: relative;
    display: block;
    padding: 0 13px;
    color: #D5D5D5;
}
.side-cate ul li li a {
	border-bottom: 1px solid #e8e9eb;
	padding: 0 15px;
}
.side-cate ul li li a:before {
	display: none;
}
.side-cate-menu li .side-ico {
	position: absolute;
	right: 0;
	top: 5px;
	color: #99abb7;
	font-size: 12px;
	cursor:pointer;
}
.side-cate ul li>ul{ display:none;}
.side-cate ul li>ul{ }
.side-cate-menu li .icon-cate-down:before {
	content: '\f067';
}
.side-cate-menu li .icon-cate-up:before {
	content: '\f068';
}
.products-scroll-list-wrap { position: relative; }
.products-scroll-list { position: relative; padding: 15px 0 0; }
.products-scroll-list li { padding: 0 0 25px; display: block; overflow: hidden; }
.products-scroll-list li img { width: 60px; 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-next:before, .products-scroll-btn-prev:before { content: ""; width: 20px; height: 20px; display: block; position: absolute; top: -10px; left: 50%; color: #5d5d5d; font-size: 40px; margin-left: -10px; }
.products-scroll-btn-next:before { content: "\f107"; }
.products-scroll-btn-prev:before { content: "\f106"; }
.side-bn { max-width: 100%; margin: 0 0 25px 0; }
.side-bn img { max-width: 100% }
/*===========================================================*/
.main { position: relative; width: 933px; display: block; float: right; margin-bottom: 50px; }
.main-tit-bar { overflow: hidden; line-height: 45px; }
.main-tit-bar .title { position: relative; display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
font-weight: 800; font-size: 22px; text-transform: uppercase; }
.main-tit-bar .title, .main-tit-bar .title a { color: #ffffff; }
.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%; }

.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;
height: 23px; line-height: 23px; padding: 0 9px; margin: 0 4px; vertical-align: middle; background: #FFFFFF; border-radius: 3px; }
.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: #333333; color: #FFFFFF; }
.pages a:hover { text-decoration: none; }
.blog-list { background: #FFFFFF; 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: #AAAAAA; }
.blog-list .blog-item .blog-meta span { display: inline; padding: 0 15px 0 0; }
.blog-list .blog-item .blog-summary { padding: 8px 0; color: #999999; }
.blog-list .blog-item .readmore { display: block; text-align: right; font-size: 14px; }
.blog-list .blog-item .readmore:hover a { color: #3d3c42; }
.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 #2F2F2F; border-bottom: 1px double #2F2F2F; ; 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: #ffffff; }
.cloud-zoom-lens { border: 1px solid #EEEEEE; cursor: move; }
.cloud-zoom-title {  position: absolute !important; background-color: #000000; color: #FFFFFF; padding: 3px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; top: 0px; }
.cloud-zoom-big { border: 1px solid #EEEEEE; overflow: hidden; padding: 0px; }
.cloud-zoom-loading { color: white; background: #222222; padding: 3px; border: 1px solid #000000; }
.product-view { position: relative; width: 319px; float: left; }
.product-view .product-image { border: 1px solid #EEEEEE; }
.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: 99%; border: 1px solid #EEEEEE; }
.product-view .image-additional li a { position: relative; display: block; padding: 0 8px; }
.product-view .image-additional li.current img { border-color: #2F2F2F; }
.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: 580px; 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: #c60714; color: #FFFFFF; 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: #7F7F7F; }
.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:before { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #D5D5D5; }
.detail-tabs .title { position: relative; display: inline-block; vertical-align: top; *display: inline;
*zoom: 1;
font-size: 16px; padding: 0 25px; line-height: 30px; cursor: pointer; overflow: hidden; font-size: 16px; margin: 0 3px 0 0; background: #c60714; color: #FFFFFF; }
.detail-tabs .title.current { color: #c60714; background: #fff; }
.product-detail .detail-panel { padding: 20px 0; display: block; overflow: hidden }
.product-detail .disabled { display: none; }
.goods-tbar { }
.goods-tbar .title { position: relative; font-size: 16px; line-height: 45px; line-height: 37px; color: #fff; padding-left: 10px; background: #c60714; }
.goods-may-like { position: relative; margin: 40px 0 0; }
.goods-items-wrap { position: relative; width: 100%; }
.goods-items { position: relative; width: 954px; margin: 20px 0 0; }
.goods-items .owl-nav { display: inline; position: absolute; top: -53px; right: 18px }
.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: 20px; }
.goods-items .owl-prev:before { content: "\f104"; }
.goods-items .owl-next:before { content: "\f105"; }
/*--------------------------------------------------------------------@media screen and (max-width: 769px)-----------------------------------------------------------------------*/
@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: #FFFFFF url(../img/mobile_close.png) center center no-repeat; background-size: 50% auto; position: absolute; right: -35px; top: 0; }
img { max-width: 100%; }
a:visited { color: #333333; }
.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; }
.sub-content { position: relative; display: block; right: auto; border-radius: 0; border: none; box-shadow: none; z-index: 99999; }
.scrollsidebar, .bottomsidebar { display: none; }
.gotop { display: none; visibility: hidden; }
/* ===================================================

 * header

 * --------------------------------------------------- */
.mobile-head-items { position: fixed; top: 0; left: 0; background: #172622; 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: #FFFFFF; }
.mobile-head-item .title a { position: relative; display: block; color: #FFFFFF; }
.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: #FFFFFF; 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 .change-language, .nav-bar .nav, .topbar .head-contact, .topbar .change-language, .nav-bar .head-search, .foot-wrapper .foot-social, .head-search-wrap.wrap-hide { display: none; }
.head-wrapper { position: relative; top: auto; }
/*logo*/
.logo { display: block; text-align: center; padding: 0; float: none; margin-top: 25px; }
.logo img { max-width: 50%; max-height: 60px; }
/*head-search*/
.head-search .search-ipt { width: 100%; display: block; left: 0; }
.head-search { width: 90%; display: block; margin: auto; position: relative; border-bottom: 1px solid #333333; }
.head-search .search-btn { z-index: 9; height: 31px; left: 90%; top: 0; }
/*nav */
.nav li { position: relative; display: block; width: 100%; color:#666666; }
.nav li ul { display: block; width: 100%; color:#666666; }
.nav li ul li { width: auto; padding: 0 10px; display: inline-block; color:#666666; }
.nav li ul img { display: block; display: none; }
.nav li a{color:#666666; }
.nav li a:visited {color:#666666;}
.nav li a:hover {color:#666666;}
.nav li a:active {color:#666666;}
/* foot-social */
.foot-social { margin-top: 0; width: 100%; }
.foot-social li a { height: auto; }
.mobile-head-item .foot-social { text-align: center }
/* translate */
.transall { display: block; width: 100%; float: none; }
/*head-wrapper*/
.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

 * --------------------------------------------------- */
.layout { width: 98%; margin: 0 auto; }
.rev_slider_wrapper { height: auto !important; }
.foot-wrapper { }
.foot-wrapper .foot-items { width: 100%; }
.foot-item.foot-item.foot-blog, .foot-item.foot-item-contact, .foot-item.foot-item-Company { float: none; width: 96%; float: none; margin-left: 2%; }
.foot-item .foot-tit { margin: 0 0 1%; }
.foot-blog-item .blog-cont-title { margin-top: 0; }
.company { width: 100%; }
.foot-item.foot-item-Company ul li { width: 31%; margin: 1%; }
.blog-slides ul li { margin: 0; }
.foot-items { padding: 3% 0 0; }
.foot-item.foot-item-contact .foot-phone:before { left: 15%; }
.footer { padding: 2%px 0 5%px; }
.foot-item.foot-item-contact .foot-cont { margin-top: 0; }
.foot-item.foot-item-inquiry { width: 100%; padding: 2%; }
.foot-item.foot-item-inquiry .subscribe { display: block; float: none; width: 100%; margin-top: 2%; }
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt { width: 100%; }
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn { right: 0; height: 43px; position: absolute; }
.mobile-contact { position: fixed; bottom: 0; left: 0; width: 100%; height: auto; z-index: 9999; height: 38px; line-height: 38px; background: #172622; }
.mobile-contact, .mobile-contact a { color: #FFFFFF }
.head-contact { display: block; width: 100%; margin: 0; }
.head-contact .head-phone, .head-contact .head-email { display: inline-block; vertical-align: top; width: 50%; margin: 0; text-align: center; line-height: 38px; color: #FFFFFF; padding: 0; }
.head-contact .head-phone:before, .head-contact .head-email:before { display: none; }
.head-contact .head-phone { background: #FF6600; }
/* ===================================================

 * for:homepage

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

.company-synopses-wrap .main-title, .trusted-partners-wrap .main-title { font-size: 30px; line-height: 2em; padding-bottom: 5%; margin-left: 0; margin-top: 8%; }
.trusted-partners-wrap .main-title { font-size: 30x; line-height: 2em; padding-bottom: 0; margin-left: 0; margin-top: 3%; }
.main-product-wrap .main-title { font-size: 30px; line-height: 2em; padding-bottom: 2%; margin-left: 0; margin-top: 0; }
.trusted-partners-info { padding: 2% 0 8% 0; width: 100%; }
/*company-synopses-wrap*/
.company-synopses-wrap { padding: 3% 0 0 0; }
.company-synopses-wrap .synop-sub-title, .company-synopses-wrap .synop-title { margin-left: 0; font-size:22px; }

.synopsis-item { width: 31%; margin: 1%; }
.synopsis-item .item-info .campaign-title { font-size: 14px; }
.synopsis-item .item-info .campaign-sub-title { font-size: 12px; }
/*company-synopses-wrap*/
.company-synopses-wrap .synop-main-title { margin-top: 5%; }
/* about-us-wrap*/
.about-us-wrap { padding-bottom: 0; }
.about-us .about-img { position: relative; display: inline-block; vertical-align: top; width: 100%; float: none; }
.about-us .main-title { padding: 3% 0 4% 0; font-size: 30px; line-height: 1.5em; }
.about-us .about-ad { display: none; }
.about-us { position: relative; width: 100%; }
.about-us .title,.about-us .title p { font-size: 22px; }

.about-us .about-detail { display: block; width: auto; float: none; font-size: 16px; }
/*product-item .pd-info*/
.main-product-wrap .product-item { width: 24%; margin-right: .5%; margin-bottom: .5%; }
.main-product-wrap { padding-top: 2%; }
.product-item .pd-info { position: relative; display: block; height: auto; opacity: 1; visibility: visible; }
.product-item .pd-info .pd-name { display: block; height: auto; padding: 10px; font-size: 16px; }
.product-item .item-wrap, .product-item .pd-img, .product-slides .product-item .item-wrap, .product-wrap .product-item .item-wrap, .product-slides .product-item .pd-img, .product-wrap .product-item .pd-img { display: block; width: 100%; height: auto; }

.product-item .pd-info, .product-item .pd-info .pd-name, .product-slides .product-item .pd-info, .product-wrap .product-item .pd-info, .product-slides .product-item .pd-info .pd-name, .product-wrap .product-item .pd-info .pd-name { height: auto; }
 .trusted-partners-info .owl-dots { bottom: -20px; }
/*.product-list*/
.product-list .product-item { width: 31%; margin: 1%; }
.product-list .product-item:nth-child(4n), .product-list .product-item:nth-child(3n) { margin: 1%; }
/* ===================================================

 * 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%; }
.goods-may-like { position: relative; margin: 40px 0 3%; }
/*goods-items-wrap*/
.goods-items-wrap .product-item, .goods-items-wrap .product-item, .product-wrap .product-item { width: 98%; }
/* ===================================================

 * for:blog

 * --------------------------------------------------- */
.blog-list .blog-item { padding: 15px; border-bottom: 1px solid #DDDDDD; }
.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; }
.product-item .pd-img {

	width: 200px;
	height: 200px;
	display: table-cell;
	


}
.company-synopses .synopsis-item img { max-width:200px; max-height:200px; }
}
/*-----------------------------------------------------------------------@media screen and (max-width: 641px)---------------------------------------------------------------------*/
@media screen and (max-width: 641px) {
	.trusted-partners-info li{ width: 42%;
padding: 2%;}
.company-synopses-wrap .main-title,.main-product-wrap .main-title , .trusted-partners-wrap .main-title{ font-size: 24px;  }

.foot-social, .copyright { float: none; }
.synopsis-item{ width:100%;}
.synopsis-item .item-info .campaign-title { font-size: 16px; }
.synopsis-item .item-info .campaign-sub-title { font-size: 14px; }
.about-us .about-detail .title { font-size: 20px; }
.about-us .about-detail .title:after { display: none; }
.main-product-title .title, .product-slides-title .title { font-size: 20px; }
.main-product-wrap .product-item { width: 49%; }
.product-item, .product-wrap .product-item, .product-list .product-item, .product-wrap .product-ite { width: 48%; }
.product-item .pd-info .pd-name, .product-wrap .product-item .pd-info .pd-name { font-size: 12px }
.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-list*/
.product-list .product-item { width: 48%; margin: 1%; }
.product-item .pd-img {

	width: 257px;
	height: 257px;
	display: table-cell;
	


}
.product-item .pd-img img{
	position:relative;
	max-width:218px;
	max-height:220px;	 
	}
.company-synopses .synopsis-item img { max-width:300px; max-height:300px; }
}
/*-----------------------------------------------------------------------------------other--------------------------------------------------------------------------------------------*/
.bottomsidebar .bottomcontent { background: #c60714 !important; }



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


.product-item .pd-img{
	height:200px;
	width:200px;
	}
.product-item .pd-img img{

	max-width:160px;
	max-height:160px;	 
	}
	}

@media screen and (max-width: 360px) {
/*.product-list*/

.prolist-list .product-item .pd-img{
	position:relative;
	overflow:hidden;
	display:block;

	height:120px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
.prolist-list .product-item .pd-img img{
	position:relative;
	max-width:200px;
	max-height:200px;	 
	}


}
@media screen and (max-width: 281px) {
/*.product-list*/
.product-list .product-item .pd-img{
	position:relative;
	overflow:hidden;
	display:block;
	width:280px;
	height:200px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
.product-list .product-item .pd-img img{
	position:relative;
	max-width:250px;
	max-height:250px;	 
	}
.product-list .product-item {
	width: 100%;
	margin: 1%;
}
.product-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:220px;

	}	
.product-item .item-wrap{
	position:relative;


	overflow:hidden;
	text-align:center;
	
	
	}
.product-item .pd-img{
	position:relative;
	overflow:hidden;
	display:block;

	height:120px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
.product-item .pd-img img{
	position:relative;
	max-width:120px;
	max-height:120px;	 
	}


}

/*内页左侧参数开始*/
.cpfldlcolor{ COLOR: #C60714; font-weight:bold}
.cpflxlcolor{ COLOR: #C60714;font-weight:bold}	
/*内页左侧参数结束*/	
.product-detail .detail-panel{padding:20px 0;display:block;overflow:hidden}
.product-detail .disabled{display:none;}