@charset "utf-8";


/*--------------------------head-wrapper---------------------------*/
.head-wrapper{
	position:relative;
	width:100%;
	z-index:10000;
	background:#ffffff;
	}
.head-social,.head-social li,.head-contact,.head-contact .head-phone,.head-contact .head-email,.logo,.nav-wrap .nav,.head-search-wrap{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	text-align:left;
	}
.topbar{
	position:relative;
	width:100%;
	line-height:43px;
	background:#145ea7
	}
.head-social{
	}
.head-social li{
	margin:0 28px 0 0;
	}
.head-social li img{
	-moz-opacity:35;
	filter:alpha(opacity=35);
	opacity:.35;
	max-height:30px;
	}
.head-social li:hover img{
	-moz-opacity:100;
	filter:alpha(opacity=100);
	opacity:1;
	}
.change-language{
	float:right;
	margin:9px 0 0;
	}

.change-language-info .change-language-title,.change-language-info .change-language-title a,.change-language-info .change-language-title span,.change-language-info .language-icon{ color:#FFF}
.change-language-info .language-icon:before{
	content:"\f107" !important;
	font-size:12px !important;
	}
.header{
	text-align:right;
	height:98px;
	border-bottom:1px solid #e3e4e4;
	}
.head-contact{
	}
.head-contact .head-phone,.head-contact .head-email{
	padding:0 0 0 48px;
	margin:32px 80px 0 0;
	font-size:20px;
	font-family:"SourceSansProBold";
	color:#616262;
	}
.head-contact a{
	color:#616262;
	}
.head-contact span{
	display:block;
	font-family:"Arial";
	color:#a0a0a0;
	font-size:16px;
	letter-spacing:2px;
	}
.head-contact .head-phone:before,.head-contact .head-email:before{
	position:absolute;
	left:0;
	top:5px;
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
	border:1px solid #145ea7;
	color:#145ea7;
	border-radius:50%;
	}
.head-contact .head-phone:hover:before,.head-contact .head-email:hover:before{
	background:#145ea7;
	color:#FFF;
	}
.head-contact .head-phone:before{
	content:"\f095";
	}
.head-contact .head-email:before{
	content:"\f0e0";
	font-size:16px;
	}

.logo{
	position:relative;
	float:left;
	}
.logo img{
	position:relative;

	}



.head-search-wrap{
	position:absolute;
	right:0;
	top:10px;
	}

.head-search-wrap .search-title{
	width:30px;
	height:30px;
	background-position:-360px 8px;
	cursor:pointer;
	border-radius:5px;
	position:absolute;
	right:0;
	top:7px;
	}
.head-search-wrap.wrap-hide .search-title{
	background-position:-299px 5px;
	}
.head-search{
	position:relative;
	width:1190px;
	height:30px;
	display:none;
	float:left;
	margin:5px 0 0;
	}
.head-search .search-ipt{
	position:absolute;
	left:40px;
	top:0;
	width:1090px;
	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;
	}


.nav-bar{
	position:relative;
	text-align:right;
	height:62px;
	}
.nav-bar .nav{
	position:relative;
	text-align:right;
	float:left;

	}
.nav-bar .nav  li{
	position:relative;
	display:block;
	text-align:left;
	color:#fff;
	}
.nav-bar .nav > li{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}

.nav-bar .nav > li:hover > a,.nav-bar .nav > li.nav-current > a{ color:#616262}

.nav-bar .nav > li > a{
	height:62px;
	line-height:62px;
	font-size:18px;
	padding:0 60px 0 0;
	color:#145ea7;

	}
.nav-bar .nav  li li{
	display:block;
	*display:block;
	line-height:35px;
	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:62px;
	left:0;
	background:rgba(255,255,255,.8);
	text-align:left;
	display:none;
	z-index:999;
	border-radius:5px;
	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{
	background:#FFF;
	color:#145ea7;
	}
.nav-bar  .nav  li .nav-ico{
	position:absolute;
	top:21px;

	right:32px;
	font-size:12px;
	z-index:10;
	color:#616262;
	}
 .nav-bar .nav li  .nav-ico:after{
	content:'\f107';
	font-size:20px;

	}
.nav-bar  .nav  li li .nav-ico{
	top:0;
	right:10px;
	line-height:35px;
	}
 .nav-bar .nav li li .nav-ico:after{
	content:'\f0da';
	font-size:12px;
	}


.fixed-nav{
		position: fixed;
		width:100%;
		top:-225px;
		-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;
		background:#FFF
	}
.fixed-nav-appear{top:0;}
/*--------------------------footer---------------------------*/
.foot-wrapper{
	position:relative;
	width:100%;
	background:#373838;
	margin:50px 0 0;
	font-size:15px;
	}
.foot-wrapper,.foot-wrapper a{ color:#a0a0a0;}
.foot-items{
	padding:90px 0;
	}
.foot-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	}
.foot-item.foot-item-contact{
	width:290px;
	}
.foot-item.foot-item-inquiry{
	width:280px;
	margin:0 140px;
	}
.foot-item.foot-item-news{
	width:330px;
	float:left;
	}

.foot-item .foot-tit{
	font-family:'SourceSansProBold';
	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;
	font-family:"Arial";
	padding:0 0 0 50px;

	margin:0 0 20px;
	}
.foot-item.foot-item-contact ul li:before{
	position:absolute;
	left:0;
	top:0;
	width:36px;
	height:36px;
	line-height:35px;
	border:1px solid #145ea7;
	color:#145ea7;
	border-radius:50%;
	font-size:20px;

	}
.foot-item.foot-item-contact ul li.foot-addr:before{
	content:"\f041";

	}
.foot-item.foot-item-contact ul li.foot-phone:before{
	content:"\f095";

	}
.foot-item.foot-item-contact ul li.foot-email:before{
	content:"\f0e0";

	}

.foot-item.foot-item-inquiry .subscribe{
	}
.foot-item.foot-item-inquiry .subscribe p{
	color:#145ea7;
	font-size:18px;
	line-height:28px
	}
.foot-item.foot-item-inquiry .subscribe-form{
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt{
	position:relative;
	width:260px;
	padding:0 10px;
	height:30px;
	line-height:30px;
	border:none;
	background:#eeeeee;
	color:#999;
	font-style:italic;
	margin:15px 0 10px;
	border-radius:3px;
	}
.foot-item.foot-item-inquiry .subscribe-form .subscribe-btn	{

    position: relative;
    color: #fff;
	padding:0 17px;
	height:30px;

	background:#145ea7;
	border:none;
	text-transform:uppercase;
	border-radius:3px;
	}
.news-slides{ padding:0 0 20px;}
.news-slides .owl-dots {
	text-align:left;

}
.news-slides .owl-dots .owl-dot {
	border-radius:50%;
	width:5px;
	height:5px;
	margin:0 8px 0 0;
	}
.foot-news-item{
	position:relative;
	display:block;
	overflow:hidden;
	margin:0 0 10px ;
	}
.foot-news-item .item-wrap{
	}
.foot-news-item .news-cont-pic{
	position:relative;
	width:77px;
	float:left;
	margin:0 15px 10px 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-family:'SourceSansProSemibold';
	font-size:14px;
	}
.foot-news-item .news-cont-info .news-cont-time{
	color:#145ea7;
	font-family:"MV Boli";

	}
.foot-news-item .news-cont-info .news-cont-text{
	font-size:18px;
	line-height:28px;
	padding:5px 0  ;
	}
.footer{
	position:relative;
	width:100%;
	background:#2c2d2d;
	line-height:35px;
	padding:10px 0;
	text-align:right;
	}

/*--------------------------index---------------------------*/
.index-layout{
	position:relative;
	width:100%;
	}
.index-title-bar{
	position:relative;
	text-align:center;
	margin:0 0 35px;
	}
.index-title-bar .title{
	position:relative;
	font-family:'SourceSansProBold';
	font-size:48px;
	}
.index-title-bar .title,.index-title-bar .title a{ color:#145ea7;}
.company-synopses-wrap{
	position:relative;
	width:100%;
	padding:70px 0 50px;
	background:#145ea7;
	}

.company-synopses-wrap,.company-synopses-wrap a{ color:#FFF !important;}
.company-synopses-wrap .index-title-bar .title, .company-synopses-wrap .index-title-bar .title a {color:#FFF !important;}

.company-synopses{
	position:relative;
	width:100%;
	margin:35px 0 0;
	}
.synopsis-item{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:25%;
	text-align:center;
	}
.synopsis-item .item-wrap{
	position:relative;
	padding:0 25px;
	z-index:1;
	-webkit-transition:0.4s ease;
	-moz-transition:0.4s ease;
	-o-transition:0.4s ease;
	transition:0.4s ease;
	}

.synopsis-item .item-img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:138px;
	height:138px;
	line-height:138px;
	text-align:center;
	border:2px solid #FFF;
	border-radius:50%;
	}

.synopsis-item .item-img img{
	max-width:138px;
	max-height:138px;
	}
.synopsis-item:hover .item-img,.synopsis-item.current .item-img{

	box-shadow:0 0 45px rgba(255,255,255,.5);

}

.synopsis-item .item-info{
	position:relative;
	}
.synopsis-item .item-info .item-title{
    font-size: 28px;
	margin:20px 0 10px;
	}


.synopsis-item .item-info .item-detail{
    font-size: 18px ;
	line-height:30px;
	}
.synopsis-item  .item-more{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	background-color: #373d43;
	line-height:37px;
    padding:0 16px;
    font-size: 16px;
	color:#FFF
	}
.synopsis-item .item-info .item-title,.synopsis-item .item-info .item-title a{ }

.about-us-wrap{
	position:relative;
	width:100%;
	padding:80px 0 150px;
	}
.about-us{
	position:relative;
	width:100%;
	}
.about-us .about-img{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:550px;
	}

.about-us .about-img .item{
	}
.about-us .about-img .item img{
	position:relative;
	width:100%;
	}
.about-us .about-detail{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:600px;
	float:right;
	}

.about-us .about-detail .title{
	position:relative;
	font-family:'SourceSansProSemibold';
	font-size:50px;

	}
.about-us .about-detail .title,.about-us .about-detail .title a{color:#145ea7;}
.about-us .about-detail .sub-title{
	position:relative;
	font-size:30px;
	color:#145ea7;
	}
.about-us .about-detail .text{
	position:relative;
	font-size:18px;
	color:#666;
	line-height:25px;
	padding:25px 0;
	}

.about-us .about-detail .read-more,.index-product-more .read-more{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	font-family:'SourceSansProBold';
	font-size:16px;
	padding:0 55px;
	height:40px;
	line-height:40px;
	background:#145ea7;
	border-radius:6px;
	border:1px solid #145ea7;
	color:#FFF;
	}
.about-us .about-detail .read-more:after,.index-product-more .read-more:after{
	content:"\f105";
	}
.about-us .about-detail .read-more:hover,.index-product-more .read-more:hover{
	color:#328fff;
	background:none;
	border-radius:16px;
	}

.flex-control-nav {width: 100%; position: absolute; left:0; 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: 8px; height: 8px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; border-radius:50%;}
.flex-control-paging li a.flex-active{ background:#275275}

.main-product-wrap{
	position:relative;
	width:100%;
	padding:70px 0;
	}
.product-wrap{
	position:relative;
	width:110%;

	}
.index-product-more{ text-align:center; margin:30px 0 0}
.product-slides-wrap{
	position:relative;
	width:100%;
	}

.product-slides-cont{
	position:relative;
	width:1232px;
	}
.product-slides{
	position:relative;
	width:100%;
	padding:0 0 50px;
	}

.product-slides .owl-dots .owl-dot{
	width:42px;
	height:2px;
	}
.product-slides .owl-nav {
	display: inline;
    position: absolute;
    width: 1200px;
    top: 0;
    left: 0; }

.product-slides .owl-prev,.product-slides .owl-next{ position:absolute;overflow:hidden; z-index:999;display:inline-block; vertical-align:top; *display:inline; *zoom:1;background-repeat:no-repeat; color:#FFF; background:rgba(0,149,229,.15); height:276px;line-height:276px; font-size:40px; text-align:center}
.product-slides .owl-prev{
	left:0;
	}
.product-slides .owl-next{
	right:0
	}
.product-slides .owl-prev:before{
	content:"\f104";
	}
.product-slides .owl-next:before{
	content:"\f105";
	}
.product-slides .owl-prev:hover,.product-slides .owl-next:hover{
	background:#145ea7;
	}
.product-item{
	position:relative;
	font-size:24px;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	width:270px;
	margin:0 40px 20px 0;
	overflow:hidden;
	text-align:center;
	}
.product-item .item-wrap{
	position:relative;
	}
.product-item .pd-img{
	position:relative;
	overflow:hidden;
	}
.product-item .pd-img:before{
	  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
	}
.product-item .pd-img:hover:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
.product-item .pd-img img{
	position:relative;
	width:100%;
	overflow:hidden;
	}
.product-item .pd-info .pd-name{
	padding:15px 0;
	font-size:14px;
	}
.product-slides .product-item,.product-wrap .product-item{
	width:276px;
	margin:0 32px 0 0;
	}
.product-slides .product-item .pd-info .pd-name,.product-wrap .product-item .pd-info .pd-name{
	font-size:22px;
	font-family:Arial;
	}
.product-slides .product-item .pd-info .pd-name,.product-wrap .product-item .pd-info .pd-name,.product-slides .product-item .pd-info .pd-name a,.product-wrap .product-item .pd-info .pd-name a{ color:#145ea7}
/*----------------------------------feature-box-container---------------------------------*/

.feature-box-container{position: relative;
text-align: center;
padding: 70px 0;}
.feature-box-container .heading-block{margin-bottom: 80px; position: relative;}
.feature-box-container .heading-block:after{ content: ""; width: 40px; height: 2px ; background-color: #444; position:absolute; bottom: -30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.feature-box-container .heading-block h3{color: #333333; font-size: 26px; line-height: 36px; text-transform: uppercase; font-family: 'Roboto-Bold'; letter-spacing: 1px;}
.feature-box-container .heading-block h3 span{color: #145ea7;  }
.feature-box-container .heading-block .heading-info{color: #777;
font-family: 'Roboto-Light';
font-size: 20px;
line-height: 30px;
width: 60%;
text-align: center;
margin: auto;
    margin-top: auto;
margin-top: 10px;}
.feature-box-container .feature-box-items{}
.feature-box-container .feature-box-items .feature-box-item{
width: 48%;height: auto;
vertical-align: top;
text-align: left;
margin-bottom: 50px;
display: inline-block;
position: relative;
}
.feature-box-container .feature-box-items .feature-box-item:nth-child(even){/* float:right;*/}
.feature-box-item .feature-box{}
.feature-box-item .fbox-icon{border: 2px solid #dedede;float:left;
background-color: #fdfdfd;
border-radius: 50%;
display: table;
padding: 2px;float: left;
max-width: 20%;}
.feature-box-item .fbox-icon a{}
.feature-box-item .fbox-icon img{}
.feature-box-item:hover .fbox-icon{ background: rgba(26,117,207,.2); border: 2px solid #1a75cf;  transform: scale(1.1); -webkit-transform: scale(1.1);}
.feature-box-del{ width: 76%;
float: right;min-height: 120px;}
.feature-box-item .feature-box-tit{}
.feature-box-item .feature-box-tit a{ font-family: 'Roboto-Bold';

border-bottom: 1px dashed #a7a7a7;

color: #1a75cf;

line-height: 25px;

font-size: 18px;

text-transform: uppercase;

margin-bottom: 10px;

display: table;}
.feature-box-item .iconlist{}
.feature-box-item .iconlist li{margin-bottom: 4px;

position: relative;padding-left: 25px;}
.feature-box-item .iconlist li a{color: #5f5f5f;

line-height: 24px;

font-size: 16px;font-family: 'Roboto-Regular';border-bottom: 1px dashed #a7a7a7;}

.feature-box-item .iconlist li:before{content: ">";
color: #5f5f5f;
position: absolute;

left: 0;

top: 0;

display: block;

visibility: visible;

line-height: 24px;

font-weight: bold;

font-size: 18px;}
.feature-box-item .iconlist li:hover a ,.feature-box-item .iconlist li:hover:before{  color: #545558;}
/*----------------------------------page---------------------------------*/

.path-bar{
	position:relative;
	width:100%;
	line-height:35px;
	margin:15px 0 20px;
	}
.path-bar li:after{
	content:"|";

	}
.path-bar .path-nav{
	}
.path-bar li{
	display:inline-block;
	vertical-align:top;
	position:relative;
	font-size:16px;
	}
.path-bar li a{

	padding:0 10px 0 5px;

	}
.path-bar li.current a{ color:#145ea7}
.path-bar li:last-child:after{
	content:'';
	}



/*----------------------------------aside---------------------------------*/
.aside{
	float:left;
	width:270px;
	}

.side-tit-bar{
	position:relative;
	}

.side-tit-bar .side-tit{
	position:relative;
	font-size:16px;
	line-height:32px;
	padding:0 0 0 20px;
	font-family:'SourceSansProSemibold';
	color:#fff;
	background:#145ea7;
	}

.side-widget{
	position:relative;
	margin:0 0 20px;
	border:1px solid #eeeeee;

	}
.side-widget .side-hide{
	padding:15px  20px  ;
	}
.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;
	}
.side-cate ul li a:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin:-1px 0 0;
	width:3px;
	height:3px;
	background:#145ea7;
	}
.side-cate ul li li a{
	border-bottom:1px solid #cfd0d3;
	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:#e5493a;
	font-size:12px;
 cursor: pointer;
	}
.side-cate ul li>ul{ display:none;}
.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:65px;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(img/icons-prev.png) no-repeat center center;
	margin:10px 0 0;
	}
.products-scroll-btn-next{
	background:url(img/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:890px;
	display:block;
	float:right;
	}

.main-tit-bar{
	overflow:hidden;
	border-bottom:1px solid #c0c0c0;
	line-height:45px;
	margin:0 0 15px;
	}
.main-tit-bar .title{
	position:relative;
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;

	font-size:22px;
	}
.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;
	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(img/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(img/icons10.png) no-repeat center center;
	}
.faq-list ul li .faq-title b.faq-up{
	background:url(img/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{
	position:relative;
	display:block;
	margin:20px 0;
	text-align:right;
	}

.page-bar .pages{display:inline-block;}
.pages  a,.pages span{
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	border:1px solid #cfcfcf;
	height:33px;
	line-height:33px;
	padding:0 13px;
	margin:0 4px;
	vertical-align:middle;
	border-radius:4px;
	}
.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:#145ea7;
	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 #145ea7 ;border-bottom:1px double #145ea7; ;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-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:372px;
	float:left;

	}
.product-view .product-image{
	position:relative;
	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 #eee;
	}
.product-view .image-additional li a{
	position:relative;
	display:block;
	padding:0 10px;

	}
 .product-view .image-additional li.current img{
	border-color:#145ea7;
	}
.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:"\f104";
	}
.image-additional .owl-next:before{
	content:"\f105";
	}

/* product summary */
.product-summary{ position:relative;width:475px;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{
	position:relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	line-height:30px;
	padding:0 15px;
	border-radius:3px;
	background:#7f7f7f;
	border:1px solid #7f7f7f;
	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:#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:#ebfbf4;
	color:#7f7f7f;
	}

.detail-tabs .title.current{
	font-family:'SourceSansProSemibold';
	color:#FFF;
	background:#61dead

	}
.product-detail .detail-panel{
	padding:20px 0;
	display:block;
	overflow:hidden
	}
.product-detail .disabled{ display:none;}

.inquiry-form-wrap .inquiry-form-title{ background:#61dead !important;}



.goods-tbar{

	}

.goods-tbar .title{
	position:relative;
	font-size:16px;
	font-family:'SourceSansProSemibold';
	background:#145ea7;
	line-height:30px;
	padding:0  20px;
	text-transform:uppercase;
	}
.goods-tbar .title,.goods-tbar .title a{ color:#fff;}
.goods-may-like{
	position:relative;
	margin:40px 0 0;
	}

.goods-items-wrap{
	position:relative;
	width:100%;
	}
.goods-items{
	position:relative;
	width:930px;
	margin:20px 0 0;
	}

.goods-items .owl-nav {display:inline;position:absolute;top:-50px; right:40px }

.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:22px; color:#FFF;  }

.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(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:#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,.bottomsidebar{ 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,.topbar,.header .head-contact,.head-search-wrap{
	display:none;
}
.head-wrapper{
	padding:0;
	}
.head-search,.head-search .search-ipt{
	width:100%;
	}
.head-search{ background-color:#CCC; display:block}
.head-search .search-btn{ left:10px;}
.logo{
	float:none;
	line-height:normal;
	text-align:center;
	width:100%;
	padding:35px 0 10px;
	}
.logo img{
	max-height:none;
	max-width:30%;
	}
.head-social{
	text-align:center;
	}
.head-social li{
	margin:0 10px;
	padding:5px 10px;
	background:#CCC;
	}
/*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;
	}

.nav > li > ul > li > a:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #aaa;
    position: absolute;
    left: 0;
    top:1.35em;
}
.nav>li{ border-bottom:1px solid #eee; line-height:2.75em;}
.nav>li:after {
    content: '\f105';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2.75em;
}
.nav > li > ul > li > a{
    display: block;
    position: relative;
    padding-left: 1em;
    float: none;
    font-weight: bold;
}
.nav > li > ul > li{ display:block;}
.nav>li>ul>li>ul{ margin-left:5%;}
/* 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

 * --------------------------------------------------- */
.layout{
	width:98%;
	margin:0 auto;
	}
.foot-wrapper{
	font-size:14px;
	}
.foot-items{
	padding:50px 0 20px;
	}

.foot-item.foot-item-contact,.foot-item.foot-item-inquiry,.foot-item.foot-item-news{
	width:50%;
	float:none;
	margin:0 0 20px;
	}



.foot-item.foot-item-inquiry .subscribe-form .subscribe-ipt{
	width:95%;
	}

 .footer{
	line-height:25px;
	padding:10px 0 45px;
	text-align:left
	}

.mobile-contact{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	z-index:9999;
	height:38px;
	line-height:38px;
	background:#161622;
	}
.mobile-contact,.mobile-contact a{color:#FFF}
.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:#FFF;
	font-size:14px;
	padding:0;
	}
.head-contact .head-phone{ background:#ff6600;  }
 .head-contact span{ display:inline; font-size:14px; color:#FFF}
 .head-contact .head-phone:before,.head-contact .head-email:before{ display:none;}

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

 * for:homepage

 * --------------------------------------------------- */
.company-synopses{
	width:100%;
	}
.synopsis-item .item-wrap{
	padding:0 20px;
	}
.synopsis-item{
	width:50%;
	}

.about-us-wrap{
	padding:30px 0  50px;
	}

.about-us .about-img{
	width:auto;
	max-width:100%;
	float:none;
	}

.about-us .about-detail{
	width:100%;
	float:none;
	}

.about-us .about-detail .title{
	font-size:30px;
	margin:30px 0 0
	}
.about-us .about-detail .sub-title{
	font-size:20px;
	}
.about-us .about-detail .text{
	font-size:16px;
	}


.main-product-wrap{
	padding:30px 0;
	}
.product-wrap,.product-slides-cont{
	width:100%;
	}



.product-item,.product-wrap .product-item{
	width:33.333%;
	height:auto;
	margin:0 0 15px;
	}
.product-item .item-wrap,.product-wrap .product-item .item-wrap{
	width:96%;
	height:auto;
	margin:0 auto;
	}

.product-slides .product-item,.goods-items .product-item{
	width:100%;
	}



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

 * 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-view .image-additional li.single{ display:block}
/* product summary */
.product-summary{ position:relative;width:100%;float:none;}

.product-summary .share-this{
	float:none;
	margin:30px  0;
	}
/* 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%;
	}


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

 * 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;
	}
}


@media screen and (max-width: 641px){
.index-title-bar{ margin:0 0 15px;}
	.index-title-bar .title{ font-size:22px;}
.tp-bullets.simplebullets .bullet{
	width:8px ;
	height:8px;
	}
	.feature-box-container .feature-box-items .feature-box-item {
	    width: 100%;
	    float: none;
	     margin-bottom:30px;
	 }

.foot-item.foot-item-contact,.foot-item.foot-item-inquiry,.foot-item.foot-item-news{
	width:100%;
	padding:0 20px 0 0;
	margin:0 0 20px;
	}
.foot-nav li{
	font-size:14px;
	padding:0 5px;
	}


.company-synopses-wrap{
	padding: 20px 0;
	margin:20px 0 0
	}
.company-synopses{
	margin:0
	}
.synopsis-item,.synopsis-item .item-wrap{
	width:100%;
	}
.synopsis-item .item-wrap{

	padding:10px;
	}
.synopsis-item .item-img{

	width:98px;
	height:98px;
	line-height:98px;
	}
.synopsis-item .item-info .item-title{
	font-size:20px;
	}
 .synopsis-item .item-info .item-detail{
	 font-size:16px;
	 }
.about-us-wrap {

    padding: 20px 0;
}
 .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;
	}
.product-item,.product-wrap .product-item{
	width:50%;
	}
.product-slides .product-item .pd-info .pd-name, .product-wrap .product-item .pd-info .pd-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;
	}
	}

.bottomsidebar .bottomcontent{
	background:#145ea7 !important;
	}
.bottom_whatsapp{position:fixed;bottom:100px;left:10px;z-index:9999;}
.bottom_whatsapp img{width:auto;}


#rev_slider_3_1 > ul > li.tp-revslider-slidesli.dark.active-revslide.current-sr-slide-visible > div > div.kenburnimg > img{transform:translate3d(0px,0px, 0px) !important;}








/* index_product */
.product_item{width:33.33333333%;float:left;}
.product_item figure{margin:0;}
.product_item .item_img{display:block;position:relative;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;}
.product_item .item_img{*display:inline;}
.product_item .item_img a{display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.product_item .item_img img{width:100%;}
.product_item  figcaption{padding:15px 10px;}
.product_item .item_title{font-weight:normal; font-size:15px;text-align:center;}
.product_item .item_title a{display:block;height:2.4em;line-height:1.2em;/*overflow:hidden;*/padding:0 10%;}
.product_item:hover .item_img a:before{width:100%;left:0;}
.product_item figure{background-color: #fff;position: relative;}
.product_item figcaption{padding: 30px 20px 110px;}
.product_item .item_title{font-size: 18px;text-transform: uppercase;font-weight: normal;text-align: left;}
.product_item .item_title,.product_item .item_title a{color: #145ea7;}
.product_item .item_title a{height: 1.2em;padding: 0;}
.product_item .item_title a:hover{color: #e00024;}
.product_item .item_desc{height: 4.5em;line-height: 1.5em;overflow: hidden;font-size: 16px;margin-top: 25px;}
.product_item .item_more{width: 100%;position: absolute;left: 0;bottom: 0;}
.product_item .item_more a{display: block;font-size: 16px;text-transform: capitalize;}
.product_item .sys_btn{padding-left: 0;padding-right: 0;text-align: center;}
.product_item figure:hover{box-shadow: 0 15px 15px -10px rgba(0,0,0,.2);}
.product_item figure:hover .sys_btn{background-color: #abde35;color: #fff!important;}
.index_product{padding-top: 80px;padding-bottom: 80px;background-color: #f8f8f8;background-repeat: no-repeat;background-position: center 0;-webkit-background-size: 100% auto;background-size: 100% auto;}
.index_product .product_items{margin: -1.5%;}
.index_product .product_item{padding:10px;-webkit-box-flex:0 0 23%;-webkit-flex:0 0 23%;-ms-flex:0 0 23%;flex:0 0 23%;max-width: 23%;width: 23%;}
.index_product .product_item .item_img a:before,.index_product .product_item .item_img a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease;transition: all .4s ease;}
.index_product .product_item .item_img a:before{-webkit-transform: scale(0);transform: scale(0);}
.index_product .product_item .item_img a:after{display: block;width: 60px;height: 60px;line-height:60px;background-position: center;background-repeat:no-repeat;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(.5);transform: scale(.5);content: '\f067';font-family: 'fontawesome';font-size: 30px;color:#fff;text-align: center;}
.index_product .product_item figure:hover .item_img a:before{-webkit-transform: scale(1);transform: scale(1);background-color: #000;opacity: .5;filter: alpha(opacity=50);}
.index_product .product_item figure:hover .item_img a:after{opacity: 1;filter: alpha(opacity=100);-webkit-transform: none;transform: none;-webkit-transition-delay: .3s;transition-delay: .3s;}
.index_product .product_item figure:hover .item_img img{-webkit-transform: scale(1.2) rotate(8deg);-ms-transform: scale(1.2) rotate(8deg);-o-transform: scale(1.2) rotate(8deg);transform: scale(1.2) rotate(8deg);-webkit-transition: all 1s ease;
-o-transition: all 1s ease;transition: all 1s ease;}

/* button */
.sys_btn {
    display: inline-block;
    padding: 10px 28px;
    text-transform: uppercase;
    background-color: #145ea7;
    color: #fff!important;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

/* title */
.index_hd {
    padding-bottom: 60px;
    line-height: 1.1;
    text-align: center;
    /*text-transform: uppercase;*/
}

.index_hd .hd_title {
    display: inline-block;
    text-align: left;
}

.index_hd .hd_title h4 {
    font-weight: normal;
    color: #145ea7;
    font-size: 16px;
    font-weight: normal;
}

.index_hd .hd_title h2 {
    font-size: 48px;
    font-weight: normal;
}

@media only screen and (max-width:1024px){
    
    .index_product .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%}
}

@media only screen and (max-width:768px){
    .index_product .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
}

@media only screen and (max-width:480px){
    
    .sys_btn{padding: .4em 1.2em;}
    .index_hd{padding-bottom: 25px;}
    .index_hd .hd_title h4{font-size: 11px;}
    .index_hd .hd_title h2{font-size: 28px;}
    .product_item figcaption{padding: 20px 10px 60px;}
.product_item .item_title{font-size: 16px;}
.product_item .item_desc{font-size: 12px;margin-top: 15px;}
.product_item .item_more a{font-size: 12px;}
.product_item .item_more .sys_btn{padding: .6em;}
.index_product{padding-top: 50px;padding-bottom: 50px;}
.index_product .product_items{margin: -1px;}
.index_product .product_item{padding: 1px;}
}