@charset "gb2312";
@import url(https://fonts.googleapis.com/css?family=Raleway:200,500,700,800);
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?rretjt');
	src: url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),  url('../fonts/icomoon.woff?rretjt') format('woff'),  url('../fonts/icomoon.ttf?rretjt') format('truetype'),  url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
body, html {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
/* Reset */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
body {
	font-weight: 500;
	font-size: 1.05em;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
a {
	color: #2fa0ec;
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	color: #74777b;
}

/****/
.related {
	color: #fff;
	background: #333;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}
.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}
.related a:hover, .related a:active {
	opacity: 1;
}
.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img, .related a:active img {
	opacity: 1;
}
.related h3 {
	font-family: "Microsoft YaHei", sans-serif;
}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}
.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

/**********************2017/07/11ÐÂÔöÑùʽ************************************/
.prodcunt_main{
  
		}	
#lightgallery{
	width:640px;
	margin:0 auto;
	}
#lightgallery li{
	position:relative;

	}
#lightgallery li h3{
	text-align: center;
    height: 2.5em;
    overflow: hidden;
    font: 1rem/2.5rem "Microsoft YaHei";
    background: #333;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
	}
.pic_main{
    width: 48%;
    height: 446px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
	}
/****¹È¸è******/
@-webkit-keyframes myfirst{
.pic_main{
    width: 48%;
    height: 446px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
	}
	}
.pic_main img{
	width:100% !important;
	}
 @media screen and (max-width: 750px) {
.prodcunt_main{
		 width:100%;
		}	 
#lightgallery{
	margin: 0 auto;
    width: 100%;
	}
#lightgallery li{
	position:relative;
	margin: 0.6rem 2% 0 3% !important;
	}
#lightgallery li h3{
    text-align: center;
    height: 2.4em;
    overflow: hidden;
    font: 0.8rem/2rem "Microsoft YaHei";
    background: #5c5c5c;
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
	}
	
.demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                width: 45%!important;
            }
.pic_main{
    width: 48%;
    height: 100%;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
	text-align:center;
	}
 }