@charset "utf-8";
/* CSS Document */
* {
	list-style:none;
	MARGIN: 0px auto;
}
/* 网站公共样式 */
body {FONT-FAMILY: "Microsoft Yahei", 宋体, Arial; margin:0;padding:0;font-size:14px; font-weight:400;color:#333333; background-color:#FFFFFF}
form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
li,dl{list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
em { font-style: normal; }
input{vertical-align: middle;margin:0;padding:0;}

A:link {COLOR:#000000; TEXT-DECORATION: none}
A:visited {COLOR: #020202; TEXT-DECORATION: none}
A:hover {CURSOR: hand; COLOR: #FF0000; TEXT-DECORATION:none}
A:active {COLOR: #00518a; TEXT-DECORATION: none}

a:hover img{opacity:0.9;filter:alpha(opacity=90);}

.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

.fl{ float: left; }
.fr{ float: right;}
.mt20{margin-top:20px}
.p10{padding:10px}

.main{width:1200px; height:auto; min-width:1200px; margin:0 auto; margin-top:25px; overflow:hidden}
.logo{width:1200px; height:50px; min-width:1200px; overflow:hidden}
.logo h1{ line-height:70px; font-size:26px;}
.logo h6{line-height:70px; font-size:20px; font-weight:100; color:#FF0000; background:url(../images/ihtml_tel.png) left center no-repeat; padding-left:45px}

.menu{ height:50px; min-width:1200px; background-color:#317aed}
.navigation {
	display:table;
	margin: auto;
	padding:0px;
}
.navigation li {
	float:left;
	line-height:49px;
	text-align:center;
	border-left:1px solid #0160a5;
}
.navigation li:first-child{ border-left:none}
.navigation li a {
	display:block;
	padding-top:1px;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	padding-left:25px;
	padding-right:25px;
	transition-duration:500ms;
}
.navigation li a:hover {
	text-decoration:none;
	background-color:#ff6700;
	color:#FFFFFF;
}

/*右侧*/
.ileft{float:left; width:880px; height:auto; overflow:hidden}
.l_box{ width:100%; height:auto; padding-bottom:10px; border-bottom:1px solid #CCCCCC; line-height:26px; margin-bottom:20px}
.l_box h2{ height:40px; font-size:24px; border-bottom:1px solid #CCCCCC; margin-bottom:20px}
/*产品*/
.product_zili{height:auto; overflow:hidden; margin-bottom:20px}
.product_zili dl{float:left; width:286px; height:245px; margin-bottom:15px; margin-right:11px; background-color:#fff}
.product_zili dl dt{width:286px; height:215px; position: relative; overflow:hidden}
.product_zili dl dt div{ position:absolute; width:100%; height:100%; border:1px solid white; z-index:3333; transition: transform ease-in-out 0.5s; cursor:pointer; opacity:0;}
.product_zili dl dt img{width:100%; height:100%; -webkit-transition:transform ease-in-out 0.5s;}
.product_zili dl dd{ text-align:center; line-height:35px; color:#fff; font-size:14px; position: relative; z-index:666; background-color:#b1d8fe; }
.product_zili dl dd p{position:relative; z-index:5; transition: color 1s; margin:0 auto}
.product_zili dl dd span{ width:0% ;  display:block; height:35px; position:absolute; background-color:#317aed; z-index:1; transition: width 0.6s;}
.product_zili dl:hover span{ width:100%;}
.product_zili dl:hover p{color:#fff;}
.product_zili dl:hover img{ transform:scale(1.1,1.1);}
.product_zili dt:hover div{opacity:1; transform:scale(0.9,0.85)}
.product_zili dl:nth-of-type(3n+0){margin-right:0px;}
.product_zili dl dd a{ text-decoration:none}
/*产品*/

/*新闻*/
.news{ height:auto; overflow:hidden; margin-bottom:25px}
.news li{line-height:32px; border-bottom:1px dotted #CCCCCC; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; transition:all .5s;}
.news li span{ font-family:"宋体"; color:#999999; font-size:16px;}
.news li a{display:block}
.news li a:hover{ color:#FF0000; text-decoration:none}
.news li:hover{transform:translate3d(5px,0,0);-webkit-transform:translate3d(5px,0,0);}
/*新闻*/

/*左侧*/
.iright{ float:right; width:280px; height:auto; overflow:hidden}
.r_box{width:100%; height:auto}
.r_box h5{ height:40px; line-height:40px; color:#333333; font-size:16px; background:#b1d8fe url(../images/ihtml_list.png) 10px center no-repeat; padding-left:50px}
.r_box .box{ width:268px; height:auto; border:1px solid #e6e8eb; padding:5px}
.r_box .box li{ line-height:27px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; transition:all .5s;}
.r_box .box li span{ font-family:"宋体"; color:#999999; font-size:16px;}
.r_box .box li a{ display:block}
.r_box .box li a:hover{ color:#FF0000; text-decoration:none}
.r_box .box li:hover{transform:translate3d(5px,0,0);-webkit-transform:translate3d(5px,0,0);}

/*foot*/
.foot{ width:100%; min-width:1200px; height:auto; margin-top:30px; border-top:1px solid #E3E3E3; background-color:#EFEFEF; padding-top:15px; padding-bottom:10px;}
.foot p{ height:30px; line-height:30px; text-align:center}