a:link          { color: #999; text-decoration: none }
a:visited       { color: #999; text-decoration: none }
a:active        { color: #999; text-decoration: none }
a:hover         { text-decoration: none; position: relative}

html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body{
	font-family: Helvetica,'Microsoft YaHei', Arial, sans-serif;
	font-size: 12px;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

img{
	outline: none;
	border: none;
	max-width: 100%;
}



a{
	outline: none;
	text-decoration: none;
}

p{
	margin: 10px 0;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* atom */
.t-l p{
	text-align: left;
	text-indent: 2em;
}

.t-l h2{
	text-align: left;
	font-size: 16px;
	font-weight: 700;
}

.h15{
	height: 15px;
}

.g-hr{
	border-top: 1px solid #eee;
	margin: 35px 0;
}

.content{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#header{
	height: 222px;
	background: #09529e url(../../images/pc/banner.jpg) 68% 0 no-repeat;
}

#logo{
	width: 50px;
	height: 50px;
	background-color: #999;
	position: absolute;
	top: 25px;
	left: 0px;
}

.c-head{
	position: relative;
	top: -6px;
}

.c-head #h2Title{
	position: relative;
    text-align: center;
    font-size: 16px;
    color: #333;
    margin: 7px 0;
    font-weight: 400;
}

.c-head .time{
	text-align: center;
    font-size: 12px;
    color: #aaa;
    letter-spacing: 0.1em;
}
    

#nav{
	height: 30px;
	background-color: #004261;
}

#nav-list{
	position: absolute;
	top: -60px;
	left: -15px;
}

#nav-list li{
	float: left;
	padding: 10px 15px;
	font-size: 18px;
}

#nav-list li.active,
#nav-list li:hover{
	border-bottom: 3px solid #EEB80E;
}

#nav-list a{
	color: #fff;
}

#subnav {
	line-height: 30px;
}

#subnav span{
	color: #EEB80E;
}

#subnav li{
	float: left;
	font-size: 14px;
	margin-right: 15px;
}

#subnav li:hover a,
#subnav li.active a{
	color: #ccc;
}

#subnav a{
	color: #EEB80E;
}

/* main */
#main{
	min-height: 350px;
	padding-bottom: 25px;
}

.title-bar{
	padding-top: 25px;
	padding-bottom: 20px;
}

.title-bar .name{
	font-size: 16px;
	color: #004261;
	padding-bottom: 10px;
	border-bottom: 1px solid #004261
}
/*.title-bar .name,
.title-bar .ename,
.title-bar .hr{
	position: relative;
}

.title-bar .name{
	font-size: 16px;
	line-height: 1.8
}

.title-bar .ename{
	font-size: 14px;
	color: #ccc;
}

.title-bar .hr{
	display: inline-block;
	border-top: 2px solid #247797;
	width: 30px;
	height: 2px;
}*/

.c-content{
	margin: 0 auto;
	/*width: 70%;*/
	text-align: center;
	color: #666;
	line-height: 1.7
}

/* news */
.news li{
	float: left;
}

.news:after,
.news:before{
	content: '.';
	height: 0;
	visibility: hidden;
	display: block;
	overflow: hidden;
	clear: both;
}

.news li{
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	width: 49%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	position: relative;
	padding-left: 43px;
}

.news li.active a,
.news li:hover a{
	color: #247797;
}

.news li a{
	color: #666;
}

.news li:before{
	content: '·';
	font-size: 36px;
	position: absolute;
	left: 28px;
    top: -20px;
}

/* img-list */
.J-loop{
	width: 100%;
	overflow: hidden;
}

.img-list{
	position: relative;
	margin-right: -15px;
}

.img-list:after{
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
}

.img-list li{
	display: table;
	width: 245px;
	overflow: hidden;
	float: left;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 7px;
}

.img-list li a{
	display: table-cell;
	vertical-align: middle;
	cursor: default;
}

.img-list li a img{
vertical-align: middle;
}

.img-list li .img,
.img-list li .title,
.img-list li .text{
	display: block;
	text-align: center;
}

.img-list li .img{}
.img-list li .title{
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	color: #666;
	font-weight: 700;
}
.img-list li .text{
	height: 40px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}

/* product */
.product{
	position: relative;
}

.product:before,
.product:after{
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.product .p-side{
	width: 235px;
	float: left;
	margin-left: -100%;
}

.product .p-side .item-box{
	position: relative;
	line-height: 35px;
	padding: 10px 0;
}

.product .p-side .item-box:after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: ' ';
	border-top: 1px solid #eee;
	height: 0;
	width: 80%;
}

.product .p-side .item-box .title{
	font-size: 16px;
	color: #333;
}

.product .p-side .item-box .title:after{
	content: ' >';
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.product .p-side .item-box .title:hover{
	color: #247797;
}

.product .p-side .item-box .title:hover::after{
	-webkit-animation: moveon 0.8s infinite;
	animation: moveon 1s infinite;
}

.product .p-side .item-box .subtitle li{
	position: relative;
	padding-left: 21px;
}

.product .p-side .item-box .subtitle li.active a,
.product .p-side .item-box .subtitle li:hover a{
	color: #247797;
}

.product .p-side .item-box .subtitle li a{
	color: #666;
}

.product .p-side .item-box .subtitle li:before{
	content: '·';
	font-size: 36px;
	position: absolute;
	left: 6px;
    top: -2px;
}

.product .p-content{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 250px;
	width: 100%;
}

.product .p-content ul{
	margin-right: -50px;
}

.product .p-content li{
	width: 215px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	overflow: hidden;
	border: 1px solid #ccc;
	vertical-align: middle;
	cursor: pointer;
}

.product .p-content.about li{
	width: 233px;
	height: 163px;
}


.product .p-content li a{
	display: table-cell;
	width: 215px;
	height: 150px;
	vertical-align: middle;
}

.product .p-content.about li a{
	width: 233px;
	height: 163px;
}

.product .p-content li a img{
	vertical-align: middle;
	width: 100%;
}

/* contact */
.contact-list{
	position: relative;
	display: inline-block;
	line-height: 60px;
	width: 70%;
	border-left: 10px solid #247797;
	border-right: 10px solid #247797;
	background-color: #eee;
	color: #666
}

.contact-list span{
	margin: 0 10px;
}

.contact-list i{
	font-style: normal;
	margin-right: 3px;
}

.contact-list .email .iconfont{
	font-size: 18px;
}

/* footer */
#footer{
    background-color: rgb(51, 51, 51);
    color: rgb(136, 136, 136);
    padding: 15px 0;
    font-size: 13px;
}

#footer a{
	color: rgb(136, 136, 136);
	text-decoration: underline;
}

#f-logo{
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #666;
	margin-bottom: 15px;
}

#footer p{
	text-align:  center;
	line-height: 1;
}

#footer .email,
#footer .phone{
	margin-right: 15px;
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/* map */
#chuangxing-map{
	width: 100%;height: 500px;overflow: hidden;margin:0;font-family:"微软雅黑"
}

/* header animation */
.header-animation{
	position: absolute;
	top: 80px;
	right: 154px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.header-animation li{
	position: absolute;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	letter-spacing: 0.15em;
	/*-webkit-animation: flash 3.5s ease-in-out infinite;*/
	/*animation: flash 3.5s ease-in-out infinite;*/
}

.header-animation .ha-1{
	top: 0;
	right: 0;
	/*-webkit-animation-delay: 1s;*/
	/*animation-delay: 1s;*/
}

.header-animation .ha-2{
	top: 35px;
	right: 109px;
	/*-webkit-animation-delay: 2.5s;*/
	/*animation-delay: 2.5s;*/
}

.header-animation .ha-3{
	top: 47px;
	right: -100px;
	/*-webkit-animation-duration: 5s;*/
	/*animation-duration: 5s;*/

}

.header-animation .ha-4{
	top: 73px;
	right: 69px;
	/*-webkit-animation-delay: 2s;*/
	/*animation-delay: 2s;*/
}
/* animation */
@keyframes moveon {
	from {
		-webkit-transform: translate3D(-5px,0,0);
		transform: translate3D(-5px,0,0) ;
	}
	to {
		-webkit-transform: translate3D(5px,0,0); 
		transform: translate3D(5px,0,0); 
		opacity: 0;
	}
}

@-webkit-keyframes moveon {
	from {
		-webkit-transform: translate3D(-5px,0,0);
		transform: translate3D(-5px,0,0);
	}
	to {
		-webkit-transform: translate3D(5px,0,0); 
		transform: translate3D(5px,0,0); 
		opacity: 0;
	}
}

/*@-webkit-keyframes 'flash' {
     0% {
     	opacity: 0;
     }
     50% {
     	opacity: 0.6;
     }
     100% {
     	opacity: 0;
     }
  }

@keyframes 'flash' {
     0% {
     	opacity: 0;
     }
     50% {
     	opacity: 0.6;
     }
     100% {
     	opacity: 0;
     }
  }*/
/* icon */
@font-face {font-family: 'iconfont';
    src: url('fonts/iconfont.eot'); /* IE9*/
    src: url('../../fonts/pc/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/pc/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../../fonts/pc/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../../fonts/pc/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}