@charset "utf-8";
/* CSS Document */
body{ font:14px/1.5 Microsoft YaHei, \5b8b\4f53, tahoma, arial, Hiragino Sans GB, sans-serif; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0;}
ul,ol,li{ list-style-type:none;}
img{ border:0;}
a{ text-decoration:none; color:#202020; }
a:hover{ text-decoration:none; color:#288BCE; }
.c{ clear:both;}
i { font-style:normal; }
/***  hack  ***/
body{ height:100%; width:100%; max-width:100%;}
.wrap{ width:1180px; margin:0 auto; min-width:1180px; }

/*头部*/
.header { background:url(../image/main/bg.png) no-repeat center center;height: 400px; width:100%; color:white; padding-top:10px; }
.header .main { margin-left:50px; margin-top:50px; }
.header .catename { font-size:25px; }
.header span { border-bottom:2px solid white; width:25px; display:block; margin:20px 0; }
.header p { font-size:18px;  }
.header .num { margin-top:30px; color:white; overflow:hidden; width:25px; height:25px; line-height:25px; border:1px solid white; border-radius:60px; text-align:center; }
.header .num a { color:white; }
.header .num i { position:relative; top:0px; animation:smove2 0.9s infinite linear; -webkit-animation:smove2 0.9s infinite linear; animation-fill-mode:forwards; animation-direction:alternate;}
/*大图元素2飘入*/
@keyframes smove2
{
  from {top:-100%;}
  to {top:85%;}
}
@-webkit-keyframes smove2
{
  from {top:-100%;}
  to {top:85%;}
}
.nav { background:rgba(9,9,9,0.6); height:50px; margin-top:68px; }
.nav li { line-height:50px; width:12.42%; color:white; text-align:center; font-size:17px; float:left; }
.nav .check { background:#1C6CC3; opacity:1; }
.nav li a { color:white; }
.nav li:hover{
	 background:#1C6CC3; opacity:1; 
}
/*list*/
.list-main { margin-top:20px; }
.list-main .wrap li { width:358px; margin-right:50px; float:left; overflow:hidden; margin-bottom:10px; }
.list-main .wrap li .imgk { height:235px; overflow:hidden; }
.list-main .wrap li .imgk img {width:356px;height:235px;}
.list-main .wrap li h4 { overflow:hidden; text-overflow:ellipsis;height: 40px; color:#4D4D4D; font-size:16px; line-height:40px; margin-top:5px; font-weight:normal; }
.list-main .wrap li .time { color:#AEAEAE; font-size:12px; }
.list-main .wrap li p { color:#555555; margin-top:5px; font-size:13px; line-height:25px; height: 50px}
.list-main .wrap li p a { color:#2C8FFF; }
.list-main .pagination{
	width: 1180px;margin: 0px auto;padding-bottom: 18px;text-align: center;
}
.list-main .pagination li{
	display: inline-block;
	
	background:#1C6CC3;
	margin: 0px 5px;
	line-height: 25px;
	color: #fff;
}
.list-main .pagination .disabled span{padding:10px 10px 10px 10px}
.list-main .pagination li.active{
	background: #aaa;
}
.list-main .pagination .active span{padding:10px 10px 10px 10px}
.list-main .pagination li a{color:#fff;padding:10px 10px 10px 10px}
/*分页*/
/* .page { margin-top:50px; text-align:center; } */
/* .page i { margin:0 10px; } */
/* .page span { background:#1C6CC3; color:white; padding:5px 10px; font-size:13px; }
.page a { color:white; } */

/*底部*/
.foot { margin-top:40px; padding:40px 0 50px 0; background:#404143; color:#C8C8C8; }
.foot .left { float:left; margin-left:40px; font-size:19px; }
.foot .main { float:left; margin-left:150px;  }
.foot .main h4 { font-size:19px; font-weight:normal; margin-bottom:5px; }
.foot .main li { line-height:25px; }
.foot .right { float:right; margin-right:40px; margin-top:10px; }
.foot .right img { width:145px; height:145px; }
.bq { line-height:40px; font-size:12px; text-align:center; background:#404143; color:#C8C8C8; }

/*******  关于我们  **********/
.about-main { margin-top:45px;width: 1180px;margin: 0px auto;line-height:30px; color:#5D5D5D;padding:0px 0px;font-size:16px;}
.about-main img{width:100%;}

/**********  荣誉中心  ***********/
.honor-main .mbt { height:70px; background:url('../image/rongyu/bt.png') center no-repeat; margin:20px 0 50px 0px; }  
.honor-main .mbt .main { text-align:right; }
.honor-main .mbt .main span { margin-right:25px; position:relative; bottom:10px; padding:5px 15px; border:1px solid #E2E2E2; color:#464646; border-radius:8px; }
.honor-main .mbt .main .check { color:#1B7EC4; border:1px solid #1B7EC4;  }
.honor-main .list{width:1180px;}
.honor-main .list ul { width:1230px; }
.honor-main .list ul li{
	width:360px;
	float:left;
	margin-right: 50px;
	margin-bottom: 16px;
	
}

.honor-main .list ul li .imgk img{
	width: 319px;
	height: 215px;
	border: 1px solid #ccc;
	cursor: pointer;
	transition: all 0.6s;
}
.honor-main .list ul li:hover .imgk img{
	/* box-shadow: 1px 1px 5px #ccc; */
	/* border: 1px solid #1C6CC3; */
}
.honor-main .list ul li .imgk{
	border: 1px solid #ccc;
	padding: 18px;
	transition: all 0.6s;
}
.honor-main .list ul li:hover .imgk{
	box-shadow: 1px 1px 5px #ccc;
	border: 1px solid #1C6CC3;
}
.honor-main .list ul li p{
	text-align: center;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* .honor-main .list li { float:left; margin-right:20px; margin-top:15px;width:254px; }
.honor-main .list li h4 { line-height:45px; font-size:16px; text-align:center; font-weight:normal; width:100%; }
.honor-main .list .imgk { border:1px solid #DADADA; width:277px; text-align:center; box-shadow:3px 3px 3px #DADADA; margin-bottom:5px; }
.honor-main .list .imgk span { margin:10px; width:254px; height:222px; display:block; border:1px solid #F2F2F2; overflow:hidden; } */


/*************  企业文化  *************/
.culture-main { margin-top:35px; }
.culture-main h4 { font-weight:normal; font-size:17px; }
.culture-main p { margin-top:15px; width:100%; }
.culture-list { text-align:center; margin-top:60px; }
.culture-list .mbt { font-size:17px; margin-bottom:25px; }

/*****************  视频中心  *****************/
.media-main { margin-top:0px;margin-bottom:25px;}
.media-main .list img {width:355px;height: 240px;}
.media-main .list ul { width:1250px; }
.media-main .list li {transition: all 0.5s; float:left; margin-right:50px; margin-top:15px; border:1px solid #DADADA; float:left; width:355px; text-align:center; box-shadow:3px 3px 3px #DADADA; margin-bottom:5px; }
.media-main .list li:hover{transform: translateY(-15px)}
.media-main .list li h4 { line-height:50px; color:#434343; font-size:16px; text-align:left; margin-left:10px; font-weight:normal; }
.media-main .list .imgk span { width:100%; height:240px; display:block;  overflow:hidden; }
.media-main .list .imgk { position:relative; }
.media-main .play { width:60px !important; display:none; height:60px !important; position:absolute; top:93px; left:145px; }
.media-main .list li:hover .play { display:block; }

/*****************  总经理寄语  **********************/
.remarks-main { margin-top:0px;  }
.remarks-main h4 { font-weight:normal; font-size:22px; color:#474747; }
.remarks-main .left { width:910px; float:left; }
.remarks-main p { margin-top:10px; line-height:30px; font-size:16px; color:#828282; }
.remarks-main .right { float:right; margin-top:10px; }

.about{width:1180px;margin:0 auto;height:auto;padding-top:20px;padding-bottom:20px}
.about1{margin-left:150px;float:left}
.flip-container {
   width: 112px; height: 129px;
    display: inline-block;
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px); /*重要*/
    transform-style: preserve-3d; /*重要*/
}
.flipper {
    position: relative;
   width: 112px; height: 129px;
    transition: 0.6s;
    transform-style: preserve-3d; /*重要*/
}
/* 触发翻转 */
.flip-container:hover .flipper{
    transform: rotateY(180deg);

}
.front ,.back{
    position: absolute;
    left: 0;
    top: 0;
    backface-visibility: hidden;  /*重要*/
    width: 112px; height: 129px;
}
.front {
    transform: rotateY(0deg);
    z-index: 2;
    
}
.back {
    transform: rotateY(-180deg);
  
}
.about2{width:1180px;margin:0 auto;height:195px;overflow:hidden}
.about2 img{float:left;width:295px;height:auto}
.about3{width:1180px;height:190px;border:1px solid #2689f4;margin:0 auto;border-radius:10px}
.about4{width:293px;height:150px;border-right:1px solid #137cec;margin-top:18px;float:left}
.about5{color:#137cec;font-size:32px;text-align:center;font-weight:bold;line-height:85px}
.about5 span{color:#137cec;font-size:22px;margin-left:3px}
.about6{color:#585858;font-size:20px;text-align:center;line-height:25px}