@charset "utf-8";

/* CSS Document */

/**************************************************************/

#main {

	background: url(../images/bg.jpg) center top repeat;

	padding-top: 30px;

	position: relative;

	z-index:1;

	padding:20px 10px 0 10px;

}

/**************************************************************/

#iabout_box{

	max-width:1280px;

	margin:0 auto;

	padding:8px;

	background:rgba(255,255,255,0.3);

	margin-bottom:30px;

}

#iabout{

	background:#FFF;

}

#iabout .info{

	width:calc(100% - 810px);

	padding:35px 0px 0px 40px;

	float:left;

}

#iabout .title{

	height:27px;

	line-height:27px;

	font-size: 24px;

	font-family: 'Raleway', sans-serif;

	text-decoration:underline;

	margin-bottom:20px;

}

#iabout .title span{

	font-weight: bold;

}

#iabout .title:before{

	content:'';

	background: url(../images/about_icon.png) no-repeat;

	width: 38px;

	height: 38px;

	display:inline-block;

	margin-bottom:-10px;

	margin-right:10px;

}

#iabout .con{

	font-size: 13px;

	line-height:1.4;

	color:#777777;

}

#iabout .con .box{

	margin-bottom:25px;

}

#iabout .con h1{

	color:#334090;

	font-size: 21px;

	font-weight: normal;

	font-family: 'Raleway', sans-serif;

	margin-bottom:10px;

}

#iabout .con h1 span{

	font-weight: bold;

}

#iabout .con li{

	list-style:none;

	margin-bottom:5px;

	border-bottom:#EEE 1px solid;

	padding-left:20px;

	position: relative;

}

#iabout .con li:before{

	content:'';

	width: 5px;

	height: 5px;

	position: absolute;

	background:#344190;

	left:5px;

	top:6px;

}

#iabout .photo{

	float:right;

	position: relative;

}

#iabout .photo .more{

	position: absolute;

	right:0px;

	bottom:0px;

	width: 76px;

	height: 76px;

}

#iabout .photo .more a{

	width: 100%;

	height: 100%;

	display:block;

	background: url(../images/about_more.png) no-repeat;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#iabout .photo .more a:hover{

	background: url(../images/about_more_.png) no-repeat;

}

/**************************************************************/

#inews {

	max-width:1280px;

	position: relative;

	margin: 0 auto;

	font-size: 0px;

	overflow: hidden;

	margin-bottom:50px;

}

#inews ul {

	display: block;

	margin: 0 -40px;

	overflow: hidden;

}

#inews li {

	width: 33.3333%;

	list-style: none;

	display: inline-block;

	padding: 0 40px;

	position: relative;

}

#inews li:after_ {

	content:'';

	display:block;

	position: absolute;

	right:0px;

	top:0px;

	width:1px;

	height:205px;

	background:#BBBBBB;

	border-right:#FFF 1px solid;

}

#inews .list:hover .name {

	color: #B20000;

}

#inews .list:hover .more {

	color:#FFF;

	background:#344190;

}

#inews .list {

	position: relative;

	vertical-align: top;

}

#inews .list .name {

	height:50px;

	line-height:1.2;

	vertical-align: middle;

	font-weight: bold;

	text-decoration:none;

	color:#333333;

	font-size: 20px;

	font-weight: bold;

	overflow:hidden;

	position: relative;

	margin-bottom:10px;

}

#inews .list .date:before {

	content:'';

	position: absolute;

	width:40px;

	line-height: 1;

	text-decoration: none;

	top:-5px;

	left:0px;

	border-bottom:#FFF 1px solid;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#inews .list .date{

	color:#344190;

	font-size: 13px;

	font-weight: bold;

	line-height:2.5;

	position: relative;

}

#inews .list .con{

	color:#777777;

	font-size: 13px;

	margin-bottom:15px;

	line-height:1.4;

	height:50px;

	overflow:hidden;

}

#inews .list .more{

	width: 100px;

	background:#FFF;

	color:#666666;

	font-size: 13px;

	line-height:35px;

	height:35px;

	text-align:center;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

/**************************************************************/

#iproducts_box {

	background:url(../images/bg2.jpg) center top repeat;

	position: relative;

	padding:0 10px;

	padding-top:30px;

	padding-bottom:30px;

}

#iproducts_box:before {

	content:'';

	width: 60px;

	height: 23px;

	display:inline-block;

	position: absolute;

	margin-left:-30px;

	left:50%;

	top:-23px;

	background: url(../images/bg_icon.png) no-repeat;

}

#iproducts {

	max-width: 1280px;

	position: relative;

	margin: 0 auto;

	font-size: 0px;

	overflow: hidden;

}

#iproducts .title {

	position: relative;

	display: block;

	font-size: 38px;

	line-height:1;

	font-weight:200;

	color: #DDDDDD;

	text-align:center;

	position: relative;

	font-family: 'Raleway', sans-serif;

	margin-bottom:50px;

}

#iproducts .title span {

	font-weight: bold;

}

#iproducts .title:before {

	content:'';

	display:block;

	position: absolute;

	width:100%;

	max-width:310px;

	left:50%;

	margin-left:-155px;

	bottom:-15px;

	border-bottom:#444444 1px solid;

}

#iproducts .title:after {

	content:'';

	left:50%;

	margin-left:-7px;

	width: 14px;

	height: 14px;

	background:#B20000;

	position: absolute;

	bottom:-22px;

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

#iproducts ul {

	display: block;

	margin: 0 -5px;

	overflow: hidden;

	margin-bottom:15px;

}

#iproducts li {

	width: 25%;

	list-style: none;

	display: inline-block;

	padding: 0 5px;

	margin-bottom:15px;

}

#iproducts .list:hover .photo:before {

	opacity: 1;

}

#iproducts .list:hover .more {

	color: #AAAAAA;

}

#iproducts .list {

	position: relative;

	vertical-align: top;

	text-align: center;

}

#iproducts .list .photo:before {

	content: '';

	background:url(../images/zoom.png) center center no-repeat, rgba(255,255,255,0.5);

	display: block;

	position: absolute;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

	opacity: 0;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#iproducts .list .photo {

	text-align: center;

	position: relative;

	vertical-align: middle;

	margin-bottom:10px;

}

#iproducts .list .photo img {

	max-width: 100%;

	height: auto !important;

}

#iproducts .list .txt_box {
	height:80px;}


#iproducts .list .txt_box:hover{
	background-color:#0059B2;
	}
	
#iproducts .list .txt_box:hover .name{
	color: #fff;
	}	

#iproducts .list .txt_box:hover .con{

color:#000000;

}



#iproducts .list .name {

	font-size: 17px;

	color: #0075EA;

	height: 33px;

	font-weight: bold;

	line-height: 1.2;

	overflow: hidden;

	text-align:left;

	margin-bottom:3px;
	padding:10px 10px;

}




#iproducts .list .con {

	color:#AAAAAA;

	height:20px;

	font-size: 13px;

	line-height: 20px;

	overflow: hidden;

	text-decoration: none;

	position: relative;

	text-align:left;
	padding: 0px 10px;
	


}

#iproducts .more{

	position: relative;

	text-align:center;

	line-height:1;

}

#iproducts .more a{

	width: 100%;

	height: 100%;

	display:block;

	color:#777777;

	font-size: 14px;

	text-decoration:none;

	border:#484848 1px solid;

	padding:10px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#iproducts .more a:hover{

	background:rgba(255,255,255,0.2);

}

#iproducts .more a:after{

	content:'';

	width: 16px;

	height: 16px;

	background:url(../images/more.png) no-repeat;

	display:inline-block;

	margin-bottom:-3px;

	margin-left:10px;

}

/**************************************************************/

#keyword{

	background:#038FB8;

	border:#FFF 1px solid;

	padding: 15px 20px;

}

#keyword .title:before{

	content:'';

	width: 17px;

	height: 17px;

	background:url(../images/keyword.png) no-repeat;

	margin-right:5%;

}

#keyword .title{

	width:20%;

	display: inline-block;

	font-size: 18px;

	font-weight: bold;

	color:#FFFFFF;

	margin-right:5%;

	padding-right:5%;

	border-right:#FFF 1px solid;

}

#keyword .con{

	width:78%;

	display: inline-block;

	font-size: 16px;

	color:#B4E5ED;

}

/**************************************************************/

@media all and (max-width: 1410px) {

#iproducts .owl-buttons div {

	top:-40px;

	margin-top:0;

}

#iproducts .owl-buttons .owl-prev {

	left:50%;

	margin-left:-80px;

}

#iproducts .owl-buttons .owl-next {

	right:50%;

	margin-right:-80px;

}

}

@media all and (max-width: 1170px) {

#iabout .photo{

	display:none;

}

#iabout .info{

	padding:25px 25px 0px 25px;

	width: 100%;

}

}

@media all and (max-width: 770px) {

#inews li {

	width: 50%;

}

#inews li:nth-child(3) {

	display:none;

}

#iproducts li {

	width: 33.3333333333333%;

}

}

@media all and (max-width: 550px) {

#main{

	padding-top:15px;

}

}

@media all and (max-width: 450px) {

#iproducts li {

	width: 50%;

}

}