@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {  margin:0;   padding:0; font-family:"Microsoft Yahei","宋体"; /*font-family:"FZZHUNYSK","微软雅黑","宋体";*/  font-size:14px; color:#333;}
table {  border-collapse:collapse;    border-spacing:0;}
fieldset,img,button {  border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  
  /* font-weight:normal; */
}
ol,ul { list-style:none;}
caption,th {  text-align:left;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a { text-decoration:none; color:#555;  }


html { 
  font-family: "Microsoft Yahei","宋体";    
}
body { 
  font-family: "Microsoft Yahei"; 
  font-size:14px;
  background: #fff; 
  color: #333; 
  margin:0;
  padding:0;
}
a:hover,a:focus {
  color: #c7223a;
  text-decoration: none;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.mc { margin:0 auto;}
.w1200 {  width: 1200px;}
.fl { float:left}
.fr { float:right}
.cl { clear:both; 
  /* color: #931f32; */
}


/* ------------------------------------------------------首页-------------------------------------------------------- */
.topWrap {
  width: 100%;
  height: 30px;
  background-color: #0c3061;
}
.topWrap .top {
  height: 100%;
  line-height: 30px;
}

.topWrap .top p {
  float: left;  
  font-size: 13px;
  color: #fff;
}
.topWrap .En_cn{
  width: 176px;
  height: 100%;
}
.topWrap .En_cn .enLi{
  float: left;
  width: 68px;
  height: 20px;
  text-align: center;
  margin-top: 5px;
  margin-left: 20px;  
}
.topWrap .En_cn .enLi a{
  display: block;
  color: #fff;
  width: 66px;
  height: 18px;  
  line-height: 18px;
  border: #dcdcdc 1px solid;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;    
}
.topWrap .En_cn .on a{
  width: 68px;
  height: 20px;
  background-color: #c7223a;
  border:none
}
.topWrap .En_cn .enLi a:hover{
border-radius: 20px;
}

/* --------------logo tel add -------------*/
.container{
  height: 72px;
  padding-top: 28px;
}
.container .logobox{
  width: 442px;
}
.container .logobox img{
  width: 100%;
}
.container .contact{
   width: 533px;
}
.container .contact .top-info{
  padding-left: 13px;
  display: flex;
  align-items: center;
}
.container .contact .top-info .icon-box{
  height: 31px;
  position: relative;
}
.container .contact .top-info .icon-box img{
  width: 37px;
  height: 100%;  
  padding-left: 13px;
}
.container .contact .top-info .be::before{
  content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 1px;
    height: 30px;
    background-color:#b0b0b0;
}
.container .contact .top-info .content-box p{
  display: inline-block;
  font-size: 15px;
  color: #9692a0;
  margin: 0px;
  line-height: 26px;
}
/* --------------导航  开始 -------------*/
.navWrap{ 
  width: 100%;
  height: 41px;
  background-color: #0a2e5d;
}
#nav { 
  width:1200px; }
.nav{   
  height:100%; 
  line-height: 41px;
  position:relative; 
  z-index:6;  
}
.nav a{ 
  color:#fff; 
 }
.nav .nLi{ 
  float:left;  
  position:relative; 
  display:inline;  
}
.nav .nLi h3{ 
  float:left;
}
.nav .nLi h3 a{ 
  display:block; 
  font-size:15px; 
  padding:0 34.7px; 
  text-decoration:none;
}
.nav .nLi h3 a:hover{   
  background: #c7223a;
  }
.nav .nLi h3 i{
    display: inline-block;
    width: 8px;
    height: 5px;
    margin-left: 3px;
    overflow: hidden;
    vertical-align: middle;
    background: url(../images/icon.png) center no-repeat;
 }
.nav .on h3 a{
  background: #c7223a;
}
 .nav .sub{ 
  display:none; 
  width:160px;     
  left:0px; 
  top:48px;  
  position:absolute; 
  background-color:#fff;
  line-height:26px;  
  border-radius: 0 0 5px 5px;
}
.nav .sub::before {
  content: '';
  position: relative;
  top: -7px;
  left: 110px;
  display: block;
  width: 15px;
  height: 8px;
  background: url(../images/nav_arrow.png) no-repeat;}
.nav .sub li{ 
  zoom:1;
 }
.nav .sub a{     
  display:block; 
  padding:6px 20px; 
  font-size:14px;  
  color:#333;
}
.nav .sub a:hover{ 
  background: #e4e8f0;
  color:#c7223a;  
}
/*--------------banner开始----------------*/
.fullSlide{ 
  width:100%;  
  position:relative; 
  z-index:1; 
  height:454px; 
  background:#fff; 
  /* top: 109px; */
 }
.fullSlide .bd{ 
  margin:0 auto; 
  position:relative; 
  z-index:0; 
  overflow:hidden; 
}
.fullSlide .bd ul{ 
  width:100% !important;
}
.fullSlide .bd li{ 
  width:100% !important; 
  height:454px; 
  overflow:hidden; 
  text-align:center; 
}
.fullSlide .bd li a {
  display: block;
  width:100%;  
  height:454px;
}
.fullSlide .hd{
  width:100%; 
  position:absolute; 
  z-index:1; 
  bottom:0; 
  left:0; 
  height:30px; 
  line-height:30px;     
  text-align:center; _background:#000;
   _filter:alpha(opacity=60); 
  }
.fullSlide .hd ul{ 
  text-align:center;
  /* background-color: rgba(0, 0, 0, 0.52); */
}
.fullSlide .hd ul li{ 
  cursor:pointer; 
  display:inline-block; 
  *display:inline; 
  zoom:1; 
  width:12px; 
  height:12px; 
  margin:0 10px;
  background: url(../images/iconall.png) no-repeat 0 -305px;
   overflow:hidden; 
   line-height:9999px; 
}
.fullSlide .hd ul .on{ 
  background-position:0 -289px; 
}
.fullSlide .prev,  
.fullSlide .next { 
  width: 48px;
  height: 50px;
  margin: -45px 0 0;
  display: none;
  background: url(../images/iconall.png) no-repeat 0 -332px;
  position: absolute;
  top: 53%;
  z-index: 10;
  cursor: pointer;
  text-indent: 999;
  filter: alpha(opacity=60);
  opacity: 0.8;
}
.fullSlide .prev { 
  left: 30px;
}
.fullSlide .next { 
  background-position: -58px -332px;
  right: 30px; 
}
.fullSlide .prev:hover,
.fullSlide .next:hover { 
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;}
/*------------------- 简介开始 -----------*/
.main_one{
  width: 1200px;
  height: 334px;
  padding-top: 50px;  
}
/* 通用标题 */
.column_tit{
  text-align: center;
  height: 76px;
  padding-bottom: 31px;
}
.column_tit h3{
  font-size: 36px;
  font-weight: bold;
  color: #c7223a;
}
.column_tit .ser_title{
  font-size: 20px;
  line-height: 33px;
    color: #999999;
    position: relative;
    margin: 0 auto;
    display: inline-block;
}
.column_tit .ser_title:before,.column_tit .ser_title:after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid #8d8d8d;
  width: 43px;
  position: absolute;
  left: calc(100% + 20px);
  top: 50%;
}
.column_tit .ser_title::after {
  left: unset;
  right: calc(100% + 20px);
}
.aboutleft{
  width: 539px;
  height: 227px;  
  text-align: center;
  background: url(../images/aboutimg.jpg) center no-repeat;  
}
.aboutleft a img{ 
  width: 49px; 
  height: 50px;
  margin-top: 63px;
  vertical-align: middle;
  transition: all .6s ease; 
  -moz-transition: all .6s ease; 
  -webkit-transition: all .6s ease;
}
.aboutleft a:hover img{
  transform:rotate(120deg); 
  transition:1s ease; 
  -ms-transform:rotate(120deg);/* Internet Explorer */ 
  -moz-transform:rotate(120deg);/* Firefox */ 
  -webkit-transform:rotate(120deg); /* Safari 和 Chrome */ 
  -o-transform:rotate(120deg); /* Opera */
}

.aboutleft p{
  font-size: 18px;
  color: #fff;
  line-height: 68px;
  text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.6);
}
.aboutright{
  width: 600px;
  height: 227px;;
}
.aboutright p{
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
  text-justify: inter-ideograph;
}
/* -------------- 第二部分 开始---------- */
.main_two{
  width: 1165px;
  height: 165px;  
  padding: 54px 0;
  overflow: hidden;
}
.main_two ul li{
  float: left;
  width: 117px;
  height: 100%;
  padding: 0 58px;
  text-align: center;
}
.main_two ul li .pic{
  width: 100%;
  height: 100%;
}
.main_two ul li img{
  width: 117px;
  height: 117px;
}
.main_two ul li h2{  
  padding-top: 20px;
  font-size: 20px;
  color: #343434;
}
.main_two ul li:hover h2{
  color: #c7223a;
}
/*----------- 产品中心 开始 ---------------*/
.main_three{
  width: 100%;
  height: 503px;
  padding: 58px 0;
  overflow: hidden;
  background-color: #e6eaee;
}
.productslis{ 
  width: 1218px;
  height: 399px;
}
.tabBox{ 
  width: 100%;
	height:100%;
}
.tabBox .hd{ 
  width: 1200px;
	height:38px;
	line-height:38px;
  background: url(../images/pro_hd.png) repeat-x center;
}
.tabBox .hd ul{    
	/* position:absolute;  */
	width:546px; 
  margin: 0 auto;
	overflow:hidden;  
}
.tabBox .hd li{ 
  float:left; 
	width:180px; 
  height: 36px;
	border:1px solid #bfbfbf; 
	background:#e6eaee;	
	border-radius:3px;
	text-align:center; 	
  color:#666;
  cursor: pointer;
}
.tabBox .hd li.on{ 	
  background:#244775; 
  border:1px solid #244775; 
  color:#fff;	 
}
.tabBox .bd{
  width: 100%;
  padding-top: 50px;
}
.tabBox .bd ul{ 
  overflow:hidden; 
}
.tabBox .bd ul li{ 
	width:388px; 
	height:235px;
  margin: 0 9px;
	float:left; 
	overflow:hidden;
	display:inline;  
}
.img_wrap {   
  width:100%; 
	height:100%;
	position:relative; 
	z-index:1; 
}
  .img_wrap img {
    width: 100%;
    height: 100%;	
}
.zhezao { 
	width:293px; 
	height:179px; 
  background-color: rgb(36, 71, 117, 0.8);
  position:absolute; 
  top:28px; 
  left:47.5px; 
  display:none;  	
	text-align: center;
}
.zhezao img{
	width: 37px;
	height: 37px;	
	margin: 0 auto;
	padding: 48px 128px 26px 128px;
}
.zhezao p{
	text-align: center;
	/* line-height: 79px; */
	font-size: 18px;
  color: #fff; 
}
.more{
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;  
  padding-top: 33px; 
}
.more a{
  width: 238px;  
  color: #fff;
  display: block;
  background-color: #2f3132;
  border-radius: 3px;
  margin: 0 auto;
}
.more a:hover{
  background-color: #244775;
}
/* -----------------第四部分 新闻---------------- */
.main_four{ 
  height: 238px;
  padding: 58px 0;
  overflow: hidden;
}
.newsleft{
  width: 297px;
  padding-top: 25px;
}
.newsleft .newstitl{
  width: 100%;
  height: 59px;
  background: url(../images/newline.jpg) bottom no-repeat;
  color: #c7223a;
  font-size: 30px;
  font-weight: bold;
}
.newsleft ul li{
  float: left;
  width: 100%;
  height: 68px;
  line-height: 68px;
  border-bottom: 1px #d3d3d4 solid;
}
.newsleft ul li a{
  background: url(../images/news_r.png) left no-repeat;
  padding-left: 20px;
}
.newsright{
  width: 903px;
  height: 100%;
}
.newsright ul{
  margin-top: -45px;
}
.newsright ul li{
  width: 356px;
  height: 96px;
  float: left;
  margin-left: 95px;
  margin-top: 45px;
}
.newsright ul li .time{
  width: 100%;
  height: 30px;  
}
.newsright ul li .time span{
  font-size: 23px;
  color: #c7223a;
  padding-right: 3px;
}
.newsright ul li .time p{
  color: #666;
  display: inline-block;
}
.newsright ul li .time h6{
  display: inline-block;
  padding-left: 16px;
  color: #666;
}
.newsright ul li a{
  float: left;
  padding-top: 16px;
  font-size: 15px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line{
  height: 5px;
  background: url(../images/line.jpg) no-repeat center;  
}

/*------------------- 第五部分 设备 -----------------*/
.main_five{
  width: 1218px;
  height: 680px;
  overflow: hidden;
  margin-top: 58px;
}
.main_five ul{
  margin-top: -22px;
}
.main_five ul li{ 
	width:388px; 
	height:235px;
  margin: 22px 9px 0 9px;
	float:left; 
	overflow:hidden;
	display:inline;  
}
/*-------------------- 底部开始 -------------------*/
.footerWrap{
  width: 100%;
  height: 286px;
  padding: 46px 0;
  background-color: #0a2e5d; 
  margin-top: 58px;
}
.footer {  
  height: 100%;
}
.footer .footnav{
  width: 393px;
  height: 100%;
}
.footer .foottitl{
  width: 100%;
  height: 53px;    
}
.footer .foottitl h6{
  display: block;
  width: 72px;
  color: #fff;  
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 17px;
  border-bottom: 1px #fff solid;
}
.footer .footnav ul{
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.footer .footnav ul h3{
  float: left;
  display: inline-block;
  font-weight: 600;  
}
.footer .footnav ul li{
  float: left;
  margin-left: 17px;
}
.footer a{
  color: #ccc;
}
.footer a:hover{
  color: #fff;
}
.footer .link{
  width: 139px;
  height: 100%;
}
.footer .ewm{
  width: 193px;
  height: 100%;
}
.footer .ewm img{
  width: 135px;
}
.footer p{
  color: #ccc;
  padding-top: 11px;
}
.footer .copy{
  width: 305px;
  height: 100%;
}
.footer .tel{
  width: 170px;
  height: 100%;
  padding-top: 42px;
}
.foot_tech{
  width: 100%;
  height: 38px;
  background-color: #222;
  text-align: center;
  line-height: 38px;
  color: #ccc;
}

#gotoTop {
	background: url("../images/top1.png");
	width: 50px;
	height: 50px;
	right: 30px;
	bottom: 50px;
	margin-top: -50px;
	margin-left: 520px;
	display: none;
	position: fixed;
	cursor: pointer;
}
#gotoTop {
	_position: absolute;
}
.hover#gotoTop {
	background: url("../images/top2.png");
}