@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:#666;  }


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: #2e61bc;
  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: 34px;
  background-color: #0a3988;
}
.topWrap .top {
  height: 100%;
  line-height: 34px;
}

.topWrap .top p {
  float: left;  
  font-size: 13px;
  color: #fff;
}
.topWrap .top .tel {
  width: 230px;
  height: 100%;
  padding-left: 25px;
  background: url(../images/tel.png) no-repeat left;
}
.topWrap .top .tel span {
  font-weight: 600;
  color: #fff;
}

/* --------------导航  开始 -------------*/
.header{ 
  width: 1200px;
  height: 112px;
}
.header img{
  width: 426px;
  float: left;
  padding-top: 25px;
}

#nav { 
  width:660px; }
.nav{   
  height:100%; 
  position:relative; 
  z-index:1;  
}
.nav a{ color:#666;  }
.nav .nLi{ 
  float:left;  
  padding-top: 36px;
  position:relative; 
  display:inline;  
}
.nav .nLi h3{ 
  float:left;
}
.nav .nLi h3 a{ 
  display:block; 
  padding: 10px 15px;
  font-size:15px; 
  text-decoration:none;   
}
.nav .nLi h3 a{       
    white-space: nowrap;
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;      
   }
.nav .nLi h3 a:hover{    
  color:#2e61bc; 
  background: #e4e8f0;
  border-radius: 20px;
  }
.nav .nLi h3 .on {
    background: #e4e8f0;
    border-radius: 20px;    
  }
.nav .sub{ 
  display:none; 
  width:130px;     
  left:-17px; 
  top:76px;  
  position:absolute; 
  background-color: rgba(255,255,255,0.8);
  line-height:26px;  
  border-radius: 0 0 5px 5px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.36);  
}
.nav .sub li{ zoom:1; }
.nav .sub a{     
  display:block; 
  padding:9px; 
  font-size:14px;  
  color:#333;
  text-align: center;
   }
.nav .sub a:hover{ 
  background: #e4e8f0;
  color:#2e61bc;  }

/*--------------banner开始----------------*/
.fullSlide{ 
  width:100%;  
  position:relative; 
  z-index:0; 
  height:428px; 
  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:428px; 
  overflow:hidden; 
  text-align:center; 
}
.fullSlide .bd li a {
  display: block;
  width:100%;  
  height:428px;
}
.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: 466px;
  padding-top: 58px;  
}
.aboutleft{
  width: 857px;
  height: 100%;
}
.about_summary{
  width: 218px;
  height: 100%;
  background: url(../images/aboutline.jpg) repeat-x;
  overflow: hidden;
}
.summary{
  width: 158px;
  height: 89px;
  padding: 72px 30px;
}
.summary p{
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  line-height: 25px;
}
.summary span{
  display: block;
  width: 38px;
  height: 2px;
  margin-top: 12px;  
}
.one span{
  background-color: #b0c3d7;
}
.two span{
  background-color: #c70007;
}
/* 切换 */
.scrollBox { 
  position: relative; 
  width: 639px; 
  height: 466px; 
  overflow: hidden; 
  text-align: left; 
  background: white; 
  float: left; 
  overflow: hidden;
}
.scrollBox .pic img { 
  width: 639px; 
  height: 466px;  
  display: block;
}
.scrollBox .pic span { 
  display: block; 
  width: 100%; 
  height: 33px; 
  padding-left: 20px; 
  line-height: 33px; 
  background: rgba(0, 0, 0, 0.5);
  position: absolute; 
  z-index: 4; 
  bottom: 0; 
  color: #fff; 
  font-size: 15px;}
.scrollBox .num { 
  position: absolute; 
  z-index: 5; 
  bottom: 12px; 
  right: 15px;
}
.scrollBox .num li { 
  cursor: pointer; 
  float: left; 
  width: 8px; 
  height: 8px; 
  margin-left: 17px; 
  background: url(../images/iconall.png) no-repeat 0 -80px;
}
.scrollBox .num .on { 
  background-position: 0 -70px;
}
.aboutright{
  width: 281px;
  height: 394px;
  padding: 36px 31px;
  background: #eeeff0;
}
.aboutright h1{
  font-size: 22px;
  color: #0a3988;
  font-weight: 600;
  padding-top: 16px;
}
.aboutright span{
  font-size: 13px;
  color: #b7b7b7;
  padding-top: 8px;
}
.aboutright p{
  line-height: 27px;
  padding-top: 30px;
  text-align: justify;
text-justify: inter-ideograph;
}
.more{
  width: 149px;
  height: 38px;
  margin-top: 13px;  
  color: #6e6e6e;  
}
.more a{
  display: block;
  width: 100%;
  float: left;  
  line-height: 38px;
  text-align: center;  
  border-radius: 50px;
  border: 1px #6e6e6e solid;
}
.more:hover a{
  background-color: #0a3988;
  color: #fff;
}
/* -------------- 第二部分 开始---------- */
.main_two{
  height: 239px;  
  padding-top: 58px;
  overflow: hidden;
}
.main_two ul li{
  float: left;
  width: 220px;
  height: 159px;
  padding: 40px;
  background-color: #184fa1;
}
.main_two ul li:nth-child(2n+1) {
  background-color: #2e61bc;
}
.main_two ul li h2{
  width: 76px;
  height: 23px;
  margin: 9px 0 0 65px;
  padding-top: 47px;
  padding-left: 43px;  
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  transform-style: preserve-3d; 
  transition: 2s ease;
}
.main_two ul li:nth-child(1) h2{
  background: url(../images/ico1.png)no-repeat left;
}
.main_two ul li:nth-child(2) h2{
  background: url(../images/ico2.png)no-repeat left;
}
.main_two ul li:nth-child(3) h2{
  background: url(../images/ico3.png)no-repeat left;
}
.main_two ul li:nth-child(4) h2 {
  background: url(../images/ico4.png)no-repeat left;
}
.main_two ul li:hover h2{transform: rotateY(360deg);}
.main_two ul li p{
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  padding-top: 20px;
}


/*----------- 产品中心 开始 ---------------*/
.main_three{
  width: 1216px;
  height: 799px;
  margin-top: 58px;
  overflow: hidden;
}
.common_tit{
  width: 230px;
  height: 76px;
  text-align: center;
  background: url(../images/common_tit.png) no-repeat bottom;
}
.common_tit span{
  color: #0a3988;
}
.common_tit h1{
  font-size: 30px;
  font-weight: 700;
  color: #444;
}
.productslis{
  padding: 20px 0;
}

.list{  float: left; width: 290px; height: 291px; margin:6px; border: 1px #eaeaea solid;}
.grid{ overflow:hidden;margin:0;width:100%;list-style:none;text-align:center;}
.grid figure{ margin: 0 auto; width: 290px; height: 291px; position:relative;z-index:1;text-align:center;}
.grid figure img{ height: 291px; opacity:1;}
.grid figure figcaption{color:#ffffff;text-transform:uppercase;
     -webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::after,.grid figure figcaption::before{pointer-events:none;}
.grid figure a,.grid figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure p{  letter-spacing:1px;position:absolute;top:45%;left:0;width:100%; color: #fff; font-size:20px;}
figure.effect-layla{background:#000;}
figure.effect-layla figcaption::after,figure.effect-layla figcaption::before{position:absolute;content:'';opacity:0;}
figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #0a3988;
      border-top:1px solid;border-bottom:1px solid #0a3988;border-bottom:1px solid;-webkit-transform:scale(0,1);
      transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #0a3988;
       border-right:1px solid;border-left:1px solid #0a3988;border-left:1px solid;-webkit-transform:scale(1,0);
       transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0;}
       
figure.effect-layla p{
  padding: 0 55px;
  width: 180px;
  text-transform:none;
  opacity:0;
  /* -webkit-transform:translate3d(0,-10px,0;); */
     transform:translate3d(0,-10px,0);}

figure.effect-layla figcaption::after,figure.effect-layla figcaption::before,figure.effect-layla p{
     -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
figure.effect-layla:hover img{opacity:.7;}
figure.effect-layla:hover figcaption::after,figure.effect-layla:hover figcaption::before{opacity:1;
      -webkit-transform:scale(1);transform:scale(1);}
figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}


/* -----------------第四部分 新闻---------------- */
.main_four{
  width: 100%;
  height: 570px;
  padding-top: 40px;
  overflow: hidden;
  background-color: #eee;
}
.newsleft{
  width: 888px;
  height: 510px;
}
.newsleft ul li{
  float: left;
  width: 862px;
  height: 134px;
  padding: 13px;
  background-color: #fff;
  margin-bottom: 15px;
}
.newsleft ul li .newsimg{
  width: 219px;
  height: 100%;
  overflow: hidden;
}
.newsleft ul li .newsimg img{
  width: 219px;
  height: 100%;
  transition: all .6s ease;
  -moz-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -o-transition: all .6s ease;
}
.newsleft ul li:hover img {
  transform: scale(1.1);
  transition: 1s ease;
}
.newsleft ul li .newstxt{
  width: 588px;
  height: 100px;
  padding-top: 20px;
  margin-left: 33px;
}
.newsleft ul li .newstxt h3{
  font-size: 18px;
  color: #000;
  overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.newsleft ul li .newstxt p{
  font-size: 13px;
  line-height: 23px;
  color: #999;
  padding-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newsleft ul li .newstxt span{
  float: left;
  font-size: 12px;
  padding-left: 16px;
  background: url(../images/time.png) no-repeat left;
  color: #999;
  margin-top: 6px;
}
.newsleft ul li:hover h3 {
  color: #2e61bc;
}
.newsright{
  width: 273px;
  height: 510px;
  background-color: #333;
}
.newsright .newstitl{
  width: 113px;
  height: 134px;
  padding: 32px 80px;
  text-align: center;
}
.newsright .newstitl p{
  font-size: 27px;
  color: #fff;
  line-height: 41px;
}
.newsright .newstitl span{
  display: block;
  width: 38px;
  height: 2px;
  background-color: #b0c3d7;
  margin: 3px auto;  
}
.newsright .newstitl h3{
  font-size: 25px;
  color: #fff;
  font-weight: 700;
  margin-top: 16px;
}
.newsright .newsmore{
  width: 100%;
  height: 102px;
  padding-top: 210px;
  background: url(../images/newsimg.jpg)no-repeat center;
}
/* 友情链接 */
.linkWrap{
  width: 100%;
  height: 52px;
  line-height: 52px;
  background: #c5d0dc;
}
.link{
  height: 100%;
}
.link img {
  float: left;
  margin-top: 11px;
}

.link p {
  float: left;  
  padding-left: 10px;
}

/* 底部开始 */
.footerWrap{
  width: 100%;
  height: 470px;
  padding-top: 49px;
  background-color: #0a3988; 
  border-bottom: 17px #191919 solid;
}
.footer {  
  height: 100%;
}
.footerleft{
  width: 802px;  
}
.footerleft .footnav{
  width: 100%;
  /*height: 401px;*/
  /*border-bottom: 1px #fff solid;*/
}
.foottitle{
  width: 100%;
  height: 40px;  
  border-bottom: 1px #fff solid;  
}
.foottitle img{
  float: left;
  padding-right: 10px;
}
.foottitle h2{
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.footnav ul{
  width: 100%;
  float: left;
  padding-top: 25px;
}
.footnav h3{
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  padding-bottom: 10px;
}
.footnav li{
  float: left;
  line-height: 38px;
}

.footnav li a {
  color: #ccc;  
  margin-right: 26px;
}

.footer a:hover {
  color: #fff;
}
.copy{
  width: 100%;
  height: 43px;
  padding: 28px 0;
}
.copy p {
  color: #ccc;
  line-height: 25px;
}
.copy a{
  color: #ccc;
}
.footerright{
  width: 302px;
  height: 100%;
}
.footerright p{
  color: #fff;
  line-height: 29px;
}
.footerright a{
  color: #999;
}
.footerright span{
  font-size: 21px;
}
.ewmright {
  width: 130px;
  height: 168px;
  padding-top: 30px;
  text-align: center;
}
.ewmright img {
  width:130px;
}
.ewmright p {
  line-height: 38px;
  color: #eee;
}


#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");
}