@font-face{font-family: homeNumFont;src: url(templets/default/font/GOTHAMEXLIGHT.OTF);}

/* 首页内容 */
/* 数字 */
.num_box{width:1200px;margin:65px auto;height:140px;overflow:hidden;}
.num_box .nbox{width:25%;text-align:center;display:inline-block; float:left }
.num_box .nbox .txt{color:#a0a0a0;font-size:16px;}
.num_box .nbox .num{color:#00558B;font-size:60px;margin:8px 0px;font-family:homeNumFont; line-height:60px;}
/* 更多 */
.more_link{width:1200px;height:40px;border-bottom:1px solid #f0f0f0;position:relative;margin:30px auto 60px auto;}
.more_link .ssbox{position:absolute;left:50%;top:19px;z-index:2;height:38px;width:200px; margin-left:-100px; background-color:#fff;}
.more_link a{color:#fff;font-size:18px;background-color:#00558B;width:168px;text-align:center;height:100%;line-height:38px;display:block;border-radius:19px;margin:0px auto;}
.more_link span{font-size:17px;}

/*关于我们*/
.aboutbox { margin-bottom:80px }
.aboutbox_l { width:570px; float:left; position:relative }
.aboutbox_l i { display:block; width:64px; height:64px; position:absolute; left:244px; top:40%; background:url(../images/videobtn.png) no-repeat center center;}
.aboutbox_l img { width:100%; height:360px;}
.aboutbox_r { width:600px; height:360px; float: right }
.aboutbox_r h3.h3 { font-size:20px; margin-bottom:20px;}
.aboutbox_r h3.h3 i { display:block; width:30px; height:2px; background:#00558B; margin-top:20px }
.aboutbox_r a.more { border:1px solid #999; display:block; border-radius:20px; overflow:hidden; height:40px; line-height:40px; width:120px; text-align:center; margin-top:30px }

#div_showmore{
	position: fixed; width: 100%; height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	z-index: 9998;
	display: none;
}
.fixed_inner{
	position: relative;
	width: 100%;
	height: 100%;
}
#picshowmore{
	position: absolute;
	text-align: center;
	width: 90%;
	left: 5%;
	top: 10%;
}
#closeshowmore{
  position: fixed;
  background-color: #000;
  z-index: 9999;
  width:43px;
  height: 43px;
  top: 20px;
  right: 20px;
}
@media (min-width: 768px){
#picshowmore{
position: absolute;
text-align: center;
width: 70%;
left: 15%;
top: 12%;
}
}	


/* 首页产品轮播 */
/**tabs**/
.protab ul{ height:20px; margin:40px auto }
.protab ul li{ float:left;  height:48px;line-height:48px;width:15%;text-align:center;cursor:pointer; font-size:18px; }
.protab .hit a { border-bottom:2px solid #00558B; color:#00558B; padding:10px 0 }
.propane{ display:none; }
.propane img { width:100%; height:auto }


/*新闻中心*/
.newsbox { margin-bottom:80px }
.newsbox_l { width:600px; height:400px; float:left; position:relative }
.newsbox_l h3 { display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#fff; position:absolute; left:0; bottom:0px; background:url(../images/blackbg.png);}
.newsbox_l img { width:100%; height:400px;}
.newsbox_r { width:560px; height:400px; float: right }

.newsbox_r_t { margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #ddd}
.newsbox_r_t h3.h3 { font-size:17px; margin-bottom:10px;}
.newsbox_r_t a.more { display:block; text-align:right }



/* scrolltop */
.scrolltop{width:100%;height:235px;overflow:hidden; }
.scrolltop li { height:30px;overflow:hidden; line-height:30px; padding-left:22px; background:url(../images/news_icon.png) no-repeat center left;}
.scrolltop li span { float:right }





/* 案例展示 */
/**tabs**/
.casetab ul.casetab_ul { height:50px; margin:40px 10%; }
.casetab ul.casetab_ul li{ float:left;  height:48px;line-height:48px;width:25%;text-align:center;cursor:pointer; font-size:16px; }
.casetab .hit a { background-color: #00558B; color: #fff; border-radius: 30px; padding:8px 20px }
.casepane{ display:none; }
.casepane img { width:100%; height:auto }





.slide_back_music{animation:back_music_tran 0.8s linear 0s 1;-webkit-animation:back_music_tran 0.8s linear 0s 1;-o-animation:back_music_tran 0.8s linear 0s 1;-moz-animation:back_music_tran 0.8s linear 0s 1;}
@-webkit-keyframes back_music_tran{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes back_music_tran{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-o-keyframes back_music_tran{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(360deg);}}
@keyframes back_music_tran{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.slide_back_music2{animation:back_music_tran2 0.8s linear 0s 1;-webkit-animation:back_music_tran2 0.8s linear 0s 1;-o-animation:back_music_tran2 0.8s linear 0s 1;-moz-animation:back_music_tran2 0.8s linear 0s 1;}
@-webkit-keyframes back_music_tran2{0%{-webkit-transform:rotateY(0deg);}100%{-webkit-transform:rotateY(360deg);}}
@-moz-keyframes back_music_tran2{0%{-moz-transform:rotateY(0deg);}100%{-moz-transform:rotateY(360deg);}}
@-o-keyframes back_music_tran2{0%{-o-transform:rotateY(0deg);}100%{-o-transform:rotateY(360deg);}}
@keyframes back_music_tran2{0%{transform:rotateY(0deg);}100%{transform:rotateY(360deg);}}




/*-------------- 产品中心 ---------------*/
.pro_list { width:100%;}
.pro_list ul li {
	float: left;
	text-align:center;
    margin: 15px;
    width: 368px;
    height: 365px;
    background-color: #fff;
    position: relative;
	border:1px solid #eee; 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	 }
.pro_list ul li a.pro_pic { display: table-cell; width:368px; height:300px; position:relative; overflow:hidden; text-align:center; vertical-align:middle; background:#fff }
.pro_list ul li a img { max-width:368px; max-height: 300px;  vertical-align:middle; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }
.pro_list ul li:hover a img { transform:scale(1.1,1.1); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.pro_list ul li h3 { height:65px; line-height:65px; font-weight:normal; font-size:17px;border-top:1px solid #ddd; }
.pro_list ul li:hover h3 { background:#00558B; color:#fff;  }

/*商品详情相关样式*/
#showbox { background:#eee; border:1px solid #eee}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:20px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #00558B;}

.showpage { width:600px; position:relative;}
.showpage a { display:block; width:20px; border:1px solid #fff; height:80px; line-height:80px; background:#fff; text-align:center; font-size:26px; position:absolute; left:0; top:-82px; text-decoration:none; color:#888; font-family:"宋体"}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { color:#00558B;}

.pro_msg { float:left; width:450px; margin-left:20px }
.pro_title { font-size:24px; margin:20px 0; color:#00558B; padding-bottom:20px; border-bottom:1px solid #ddd }
.pro_pp p { font-size:16px; color:#666; line-height:34px; }
.pro_phone { margin:20px auto; padding:20px 0; border-top:1px solid #ddd }
.pro_phone em { font-style:italic}
.pro_phone h3 { font-size:30px; color:#00558B; line-height:32px; }
.pro_aa { margin:20px auto}
.pro_aa a {display: block; width: 180px; height: 46px; text-align: center; line-height: 46px; font-size: 14px; color: #fff; float: left; margin-right:20px; border-radius:23px; overflow:hidden; background:#F90;}
.pro_aa a.probuy { background:#00558B }

.probodyh3 {border-bottom:1px solid #ddd; height:40px; line-height:32px; font-size:22px; color:#00558B; margin:20px auto}
.probodyh3 span { border-bottom:3px solid #00558B; padding:0px 80px 7px 0px }






/* 新闻中心 */
.news_div{max-width:1320px;min-width:1200px;margin:39px auto 0px;}
.news_div .news_title{color:#4d4d4d;font-size:23px;margin:0px 20px;}
.news_div .news_list{width:100%;margin-top:38px;}
.news_div .news_list .items{height:308px;position:relative;float:left;margin-bottom:40px;}
.news_div .news_list .items .back{width:100%;height:266px;background-color:#00558B;position:absolute;left:0px;bottom:0px;z-index:0;display:none;}
.news_div .news_list .items .link{display:none;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:3;background:url(../images/detailico.png) no-repeat center center;background-size:62px;background-color:transparent;background-color:rgba(0,0,0,0.4);}
.news_div .news_list .items .link.video{background:url(../images/videobtn.png) no-repeat center center;background-size:62px;background-color:transparent;background-color:rgba(0,0,0,0.4);}
.news_div .news_list .items .box{width:100%;position:absolute;left:0px;top:0px;z-index:1;}
.news_div .news_list .items .box .img{margin:0px 20px;height:184px;overflow:hidden;position:relative; background:#eee }
.news_div .news_list .items .box .img img{width:100%;}
.news_div .news_list .items .box .tit{margin:20px 20px 10px 20px;color:#373737;font-size:17px; height:50px; line-height:26px; overflow:hidden;  }
.news_div .news_list .items .box .time{margin:0px 20px;color:#b9b9b9;font-size:16px; }
.news_div .news_list .items:hover .back{display:block;}
.news_div .news_list .items:hover .box .tit{color:#fff;}
.news_div .news_list .items:hover .box .time{color:#fff;}
.news_div .news_list .items:hover .link{display:block;}


/* 详情 */
.con_content{width:1200px;margin:auto;}
.con_content .con_title{padding:0px 130px;color:#434343;font-size:25px;line-height:36px;text-align:center;margin-top:20px;}
.con_content .con_mark{color:#666;font-size:16px;text-align:center;margin-top:20px;border-bottom:1px solid #DDD;padding-bottom:40px;}
.con_content .con_html{padding:0px 130px;overflow:hidden;color:#434343;font-size:16px;line-height:30px;margin-top:50px;}
.con_content .con_html img{max-width:100%;display:block;margin:auto;}

.news_link{height:70px;width:100%; margin:40px auto 50px auto}
.news_link .txt{background-color:#f7f7f7;line-height:70px;color:#373737;font-size:16px;width:580px;}
.news_link .txt .ico{width:42px;height:22px;margin-top:24px;}

.news_link .txt:hover{background-color:#00558B;color:#fff;}
.news_link .txt:hover a {color:#fff;}
.news_link .txt.left .ico{background:url(../images/news_prev.png) no-repeat center center;background-size:42px;float:left;margin-left:24px;}
.news_link .txt.right .ico{background:url(../images/news_next.png) no-repeat center center;background-size:42px;float:right;margin-right:24px;}
.news_link .txt.left span{float:left;margin-left:20px;display:block;width:489px;}
.news_link .txt.right span{float:right;margin-right:20px;display:block;width:489px;text-align:right;}
.news_link .txt.left:hover .ico{background:#00558B url(../images/news_prevon.png) no-repeat center center;background-size:42px;}
.news_link .txt.right:hover .ico{background:#00558B url(../images/news_nexton.png) no-repeat center center;background-size:42px;}
.news_line{width:100%;height:0px;border-bottom:1px solid #f4f4f4;margin-top:100px;}
.news_hover_ani{animation:news_hover_ani 0.5s linear 0s 1;-webkit-animation:news_hover_ani 0.5s linear 0s 1;-o-animation:news_hover_ani 0.5s linear 0s 1;-moz-animation:news_hover_ani 0.5s linear 0s 1;}
@-webkit-keyframes news_hover_ani{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes news_hover_ani{0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes news_hover_ani{0%{opacity:0;}100%{opacity:1;}}
@keyframes news_hover_ani{0%{opacity:0;}100%{opacity:1;}}


.news_l { float:left; width:900px; }
.news_l .news_link .txt{ width:49%;}
.news_l .news_link .txt.left span{ width:329px;}
.news_l .news_link .txt.right span{ width:329px;text-align:right;}

.news_r { float: right; width:220px; padding:20px; background:#f6f6f6; }
.news_r h2 { font-size:22px; height:30px; margin-bottom:10px;}
.news_r ul li { border-bottom:1px solid #ccc; padding:0 0 20px 0; line-height:22px; color:#666}
.news_r ul li h3 { font-size:16px;  margin-bottom:5px; line-height:24px; }
.news_r ul li h3 a { color:#000 }
.news_r ul li p.date { color:#999; font-size:12px; text-align:right }


/* 招募英才*/
.join {width:100%; margin:25px auto;}
.join table { text-align:center }
.join table th { background:#ccc; padding:8px;}
.joinnav { cursor:pointer; line-height:48px; height:48px;  }
.joinnav span {   } 
.currentDt { }
.jobcontent { display: none; padding:20px; background:#f7f7f7 }
#jobon { display:block }





/*影音*/
#content{margin-top:20px;background:#fff;border:1px solid #e7e7e7;margin-bottom:20px;padding:20px;min-height: 500px}
#content #carousel-slide .item img{width:100%;}
#content #carousel-slide .carousel-indicators{bottom:70px;}

.videobox .category-title { font-size:20px; color:#00558B; height:40px; }
.vedio-con{position:relative;overflow:hidden;}
.vedio-con img{width:100%;}
.vedio-con .video-js{position:absolute;width:100%;height:100%;top:0;left:0;}
.vedio-con .vjs-big-play-button{border-radius:50%;width:78px;height:78px;background:none !important;border:5px solid #fff;top:50%;left:50%;margin:-39px 0 0 -39px;display:none !important;}
.vedio-con .vjs-big-play-button:before{line-height:78px;left:2px;color:#fff;text-shadow:none;display:none;}
.vedio-slide{position:relative;}
.vedio-slide .arrow{position:absolute;top:50%;height:40px;width:40px;background:#069538;display:block;margin-top:-20px;text-align:center;line-height:40px;cursor:pointer;}
.vedio-slide .arrow span{color:#fff}
.vedio-slide .arrow.prev{left:-20px;}
.vedio-slide .arrow.next{right:-20px;}
.vedio-bar{position:relative;overflow:hidden;margin:50px 40px 40px 40px;text-align:center;}
.vedio-bar p{margin:5px 0 0 0;}
.vedio-bar p a{color:#000;}
.vedio-bar .bar-move{position:absolute;left:0;top:0;}
.vedio-bar .con{float:left;margin:0 10px;position:relative;overflow:hidden;cursor:pointer;}
.vedio-bar .con .img img{width:100%;}
.vedio-bar .con.on .img{border:5px solid #069538;}
.vedio-bar .con.on p,.vedio-bar .con.on p a{color:#069538;}

.right-bar {position:relative;padding:0 5px;}
.right-bar a.arrow{cursor:pointer;display:block;text-align:center;line-height:25px;font-size:20px;color:#4cb370;width:100%;border:1px solid #e3e3e3;}
.right-bar a.arrow:hover{background:#4cb370;color:#fff;}
.right-bar a.arrow .glyphicon-menu-up:before { display:none}
.right-bar a.arrow .glyphicon-menu-down:before {display:none}
.right-bar .right-bar-con{position:relative;overflow:hidden;}
.right-bar .con{padding:5px 0;width:50%;float:left;padding:5px;}
.right-bar .con img{width:100%;}
.right-bar .con .img{width:210px;height:121px;position:relative;overflow:hidden;}
.right-bar .con p,.right-bar .con p a{text-align:center;margin:0;color:#888888;font-size:12px;}
.right-bar .con.on{}
.right-bar .con.on p,.right-bar .con.on p a{color:#069538;}
.right-bar .con.on .img{border:5px solid #069538;}
.right-bar .con.on .img img{}


/* 发展历程日历 */
.time_title{width:100%;padding-top:20px;background-color:#fff;}
.time_title .txt{width:844px;margin:auto;line-height:26px;color:#a0a0a0;font-size:18px;text-align:center;}
.time_list{width:100%;background-color:#fff;padding-top:60px;padding-bottom:60px;}
.time_list .ul{width:844px;margin:0px auto;}
.time_list .ul .li{padding-bottom:60px;position:relative;}
.time_list .ul .li .imgbox{width:50%;padding-top:40px;}
.time_list .ul .li .imgbox img{margin-bottom:20px;width:360px;}
.time_list .ul .li .xian{width:1px;position:absolute;top:0px;left:50%;height:100%;background-color:#e8e8e8;float:left;}
.time_list .ul .li .info{position:relative;width:360px;
color:#a0a0a0;font-size:15px;line-height:28px;margin-top:5px;text-align:justify; }
.time_list .ul .li .info .month{color:#4c4c4c;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:-12px 0 15px 0  }
.time_list .ul .li .info .month .quan{width:10px;height:10px;border:4px solid #00558B;border-radius:10px;background-color:#fff;}
.time_list .ul .li .info .date{ }
.time_list .ul .li .info .txt{}
.time_list .ul .li.l .imgbox{float:right;text-align:right;}
.time_list .ul .li.r .imgbox{float:left;}
.time_list .ul .li.l .info{text-align:right;padding-right:60px;float:right;}
.time_list .ul .li.r .info{padding-left:60px;float:left;}
.time_list .ul .li.r .info .month span{ }
.time_list .ul .li.r .info .month .quan{position:absolute;left:-10px;top:-10px;z-index:3;}
.time_list .ul .li.r .info .month .line{width:48px;border-bottom:1px solid #e8e8e8;position:absolute;left:0px;top:0px;z-index:2;}
.time_list .ul .li.l .info .month span{ }
.time_list .ul .li.l .info .month .quan{position:absolute;right:-10px;top:-10px;z-index:3;}
.time_list .ul .li.l .info .month .line{width:48px;border-bottom:1px solid #e8e8e8;position:absolute;right:0px;top:0px;z-index:2;}





/*搜索页面*/
.resultbar{
	height:32px;
	line-height:32px; margin-bottom:30px;
	background:transparent url(../images/search-top-bg.gif) repeat-x scroll;
	color:#428C5B;
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
 }
.resultbar a { float:right }

.sidebar{
  float:right;
  width:320px;
  word-wrap:break-word;
}
.sidebar h2{
  font-size:14px;
  line-height:25px;
 }
.sidebar  ul {
  padding:4px 8px;
 }
.sidebar  ul li{
  line-height:24px;
  background:url(../images/ico-3.gif) 4px 9px no-repeat;
 }
.resultlist{
  overflow:hidden; border-right:1px solid #dadada; width:820px; float:left; min-height:200px;
}

.resultlist ul li{
  padding-top:15px;
 }
.resultlist ul li h3{
  line-height:30px;
  font-size:16px;
  font-weight:normal;
 }
.resultlist ul li h3 a{
  text-decoration:underline;
 }
.resultlist ul li p{
  line-height:22px;
  color:#333;
  font-size:14px;
  width:650px;
 }
.resultlist ul li span small{
  line-height:22px;
  font-size:12px;
  margin-left:5px;
  color:#999;
 }
.resultlist ul li span a{
  color:#008400;
 }
/*-----------搜索页面 end------------*/