*{ margin:0 auto; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
body{ font-family:'微软雅黑'; font-size:14px; color:#333; background:#fff;overflow-x: hidden;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#0056a2;}
.none {display:none;}
.clear{ *zoom: 1; *clear: both;}
.clear:before, .clear:after{clear:both; content:''; display:table;}
.l{ float:left;}
.r{ float:right;}
@font-face {font-family: 'iconfont';
    src: url(''); 
    src: url('') format('embedded-opentype'), 
    url('../font/iconfont.woff') format('woff'), 
    url('') format('truetype'), 
    url('') format('svg'); 
}
.iconfont,section.ourGaess dl dt:before{
    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;
}

#banner { width: 100%; height: 560px;  position: relative; }
.banner{ width:100%; height:100%; position:relative;}
.banner .bannerImg{ width:100%; height:100%; position:absolute; top:0; left:0;}
.banner .bannerImg li{width:100%; height:100%; float:left;transition:1s ease;transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;position: relative;}
.banner .bannerImg li img{ width:100%;}
.banner .bannerDian{ height:12px; width:260px; position:absolute; bottom:30px; left:50%; margin-left:-90px;}
.banner .bannerDian li{ width:45px; height:10px; float:left; margin-right:10px;  cursor:pointer; border-bottom: 2px solid #FFFFFF; position: relative;}
.banner .bannerDian li .dotImg{ width: 44px; height: 33px; position: absolute; top: -30px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);}
.banner .bannerDian li.on{border-bottom: 2px solid #0056a2;}
.banner .bannerDian li.on .dotImg{ opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.banner .bannerDian li:hover{border-bottom: 2px solid #0056a2;}
.banner .bannerDian.cur{ opacity:0; filter:alpha(opacity=0);-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2);}

.boxa{ padding:30px 0;}
.about{ width:1200px;}
.about dt{ float:left; width:384px;}
.about dt img{ width:100%; height:100%;}
.about dd{ float:right; width: 685px;}
.about dd h3{ font-size:34px; color:#333; margin-bottom:30px;}
.about dd h3 span{ display:inline-block;}
.about dd h3 .l_bt{ color:#0056a2;}
.about dd h3 .s_bt{ font-size:14px; margin-left:25px; font-weight:normal;}
.about dd h3:after{ width:21px; height:3px; background:#1c1c1c; content:''; display:table; margin-top:19px;}
.about dd .ab_li li{ float:left;}
.about dd .ab_xq{ line-height:30px;height:182px; overflow:hidden;}
.about dd .ab_xq p{text-indent:24px;}
.about dd .ab_li{ margin-top:30px;}
.about dd .ab_li li{ width:100px; height:33px; line-height:33px; text-align:center; border:1px solid #0056a2; margin-right:35px; }
.about dd .ab_li li a{ display:block;transition:all 0.3s;}
.about dd .ab_li li a:hover{background:#0056a2; color:#fff;}
.about dd .ab_li .on a{ background:#0056a2; color:#fff;}

.newsYoseist{ width: 1200px; margin:0 auto;}
.newsYoseist li{ display: inline-block; vertical-align: top; width: 368px; height:258px; margin-right:40px; position: relative;background-color: #000;}
.newsYoseist li:last-child{ margin-right: 0;}
.newsYoseist li .imgs{width: 100%; height: 100%;} 
.newsYoseist li .imgs img{ width: 100%; height: 258px;opacity: 0.6;transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;}
.newsYoseist li .texgs{ position: absolute; left: 0; top: 0;width: 100%; height: 100%;box-sizing: border-box;-moz-box-sizing: border-box;border: 11px solid #EFEFEF;bottom: 10%;transition: all .5s ease 0s;}
.newsYoseist li .texgs .txt{  margin: 8px 0 0 8px;} 
.newsYoseist li .texgs .txt font,.newsYoseist li .texgs .txt span{ color: #fff;}
.newsYoseist li .texgs .txt font{ height: 0px; font-size: 20px; text-transform: capitalize; font-family: 'arial';transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.newsYoseist li .texgs .txt span{ font-size: 18px; display:block;}
.newsYoseist li .subnei{width: 80%;height: 60%;background-color: #D3242D;background-color: rgba(0,86,162,0.8);position: absolute;left: 50%;margin-left: -40%;top: 20%;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;padding-top: 30px;	transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transition: all .8s ease .4s;-webkit-transition: all .8s ease .4s;-moz-transition: all .8s ease .4s;opacity: 0;	}
.newsYoseist li .subnei strong{ display:block; font-size: 30px; font-weight: bold; color: #fff;padding-bottom: 10px;}
.newsYoseist li .subnei small{ display: inline-block; font-size: 12px; font-family: arial;text-transform: capitalize;letter-spacing: 5px;color: #fff;border-top: 1px solid #0781a4;border-bottom: 3px solid #0781a4;margin-top: 10px;padding-top: 10px;padding-bottom: 10px;width: 123px;box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 5px;}
.newsYoseist li.ne2 .texgs .txt font{height: auto;}
.newsYoseist li.ne2 .subnei small,.newsYoseist li:hover img{opacity: 1;}
.newsYoseist li:hover .texgs{transform: scale(0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);opacity: 0;}
.newsYoseist li:hover .subnei{transform: scale(1.0);-webkit-transform: scale(1.0);-moz-transform: scale(1.0);opacity: 1;}
.tit{ text-align:center; margin-bottom:30px;}
.tit h3{ font-size:37px; letter-spacing:5px;}
.tit h3:after{ display:block; content:''; width:43px; height:3px; background:#0056a2; margin:15px auto;}
.tit p{letter-spacing:5px; color:#666; font-size:14px; }

.boxc{ background:#f6f6f6; padding:30px 0;}
.news{ background:#f6f6f6; padding:30px 0;}
.picScroll-left{ width:1340px;  overflow:hidden; position:relative;  }
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{position:absolute;  width: 50px; height: 50px; border-radius: 50%; background-color: #0056a2; text-align: center; line-height: 50px; font-size: 24px; color: #fff;opacity: 0.5; cursor:pointer; }
.picScroll-left .hd .next{ right:20px; top:45%; }
.picScroll-left .hd .prev{  left:0px; top:45%;}
.picScroll-left .hd .next:hover{ opacity: 1;}
.picScroll-left .hd .prev:hover{opacity: 1;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; margin-right:25px; width:274px;  }
.new_li img{ display: block; width: 100%; height: 140px; }
.new_li .textg{ width: 100%; height: 160px; background-color: #fff; padding: 15px 20px;box-sizing: border-box;-moz-box-sizing: border-box;}
.new_li .textg h4{ font-size: 16px; color: #333; font-weight:normal; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
.new_li .textg p{ font-size: 12px; color: #666; margin-top: 5px; line-height: 1.8;}
.new_li .textg span{ display: table; width: 100%; padding-top:8px; }
.new_li .textg span font{ float: left; display: inline-block; color: #666; font-size:12px;}
.new_li .textg span i{ float: right; display: inline-block; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; font-size: 20px; color: #fff; background-color: #0056a2;
	opacity: 0; 
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}
.new_li:hover .textg span i{
	opacity: 1; 
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);	
}
.boxb{ background:url(../image/bg1.jpg) no-repeat center; padding:30px 0;}
.titb{ color:#fff;}
.titb h3:after{ background:#FFF;}
.titb p{ color:#fff;}
.product{ width:1200px;  overflow:hidden; position:relative;  }
.product .bd{ overflow:hidden; zoom:1; }
.product .bd li{ margin-right:20px; float:left; _display:inline; overflow:hidden; text-align:center; width:283px; height:247px; position:relative; border:1px solid #f6f6f6;}
.product .bd  li .pic{ 
  text-align:center;width:100%; height:100%; 
  background-color: #fff;
  line-height: 100%;
}
.product .bd li .pic img{ display:block;max-width:100%; max-height:100%; }
.product .bd li .title{ line-height:24px; background:rgba(0,0,0,0.7); color:#fff; position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; transition:all .5s; left:-100%;}
.product .bd li:hover .title{opacity:1; left:0}
.product .bd li .title p{ text-align:center; vertical-align:middle; font-size:22px; margin-top:40%;}
.product .hd{ overflow:hidden;}
.product .hd ul{  overflow:hidden; zoom:1; margin-left:43%; margin-top:30px;}
.product .hd ul li{ float:left;  width:16px; height:16px; overflow:hidden; margin-right:20px; text-indent:-999px; cursor:pointer; background:#fff; border-radius:50%;}
.product .hd ul li.on{ background:#ed920f;}
.links{ width:1200px; padding:25px 0;}
.links a{ margin-right:15px;}
.footer{ background:#3a3a3a; color:#fff;}
.foota{ width:1200px; padding:20px 0;}
.foota dl{ float:left; margin-right:140px;color:#fff; }
.foota dt{ font-size:18px; margin-bottom:8px;}
.foota dd{ line-height:30px;}
.foota dd a{color:#9b9b9b;}
.foota dd img{ vertical-align:middle; }
.foota dd a{ display:block;}
.footb{ background:#202020; height:45px; line-height:45px; text-align:center;}
.foota dd em{ width:23px; display:inline-block; margin-right:12px;}
.ewm{ width:114px; text-align:center; float:right; margin-top:15px;}
.ewm img{ margin-bottom:10px;width: 110px;}
@media (min-width:768px) and ( max-width:992px){
#banner{ margin-top:60px; height:224px;}
.banner{ height:224px;}
.boxa{ width:95%;}
.about{ width:100%;}
.about dt{ width:40%;}
.about dt img{ width:100%;}
.about dd{ width:55%;}
.about dd .ab_xq{ height:92px;}
.about dd .ab_li li{ width:23%; margin-right:2%;}
.about dd .ab_li li:last-child{ margin-right:0;}
.product{ width:95%;}
.product .hd{ display:none;}
.product .bd li{ width:50%; height:317px;}
.newsYoseist{ width:100%;}
.picScroll-left{ width:95%;}
.newsYoseist li{ width:31.6%; margin-right:2%;}	
.picScroll-left .hd{ display:none;}
.picScroll-left .bd ul li{ width:50%;}
.links{ width:95%;}
.foota{ width:95%;}
.footb{ width:100%;}
.ewm{ display:none;}
.foota dl{ margin-right:63px;}
.foota dl:last-child{ margin-right:0px;}
	}
@media screen and (max-width:767px ){  
#banner{ margin-top:60px; height:100px;}
.banner{ height:100px;}
.banner .bannerDian{ display:none;}
.boxa{ width:95%;}
.about{ width:100%;}
.about dt{ display:none;}
 .about dd{ width:100%; float:none;}
 .about dd .ab_li{ width:100%; margin-top:15px;}
 .about dd .ab_li li{ width:23%; margin-right:1%;}
 .tit{ margin-bottom:20px;}
 .tit h3{ font-size:24px;}
 .newsYoseist{ width:100%;}
 .newsYoseist li{ margin-bottom:20px; width:100%}
  .newsYoseist li:nth-child(3){ margin-bottom:0px;}
  .picScroll-left{ width:100%;}
  .links{ width:95%;}
  .foota{ display:none;}
  .footb{ height:auto; line-height:24px; padding:10px;}
  .picScroll-left .hd .prev, .picScroll-left .hd .next{ width:25px; height:25px; line-height:25px; font-size:14px;}
  .new_li{ }
  .picScroll-left .hd{ display:none;}
  .picScroll-left .bd ul li{ margin-left:25px; width:85%}
  .picScroll-left .hd .next{ right:0;}
  .product{ width:95%;}
  .product .bd li{ width:100%; height:247px;}
  .product .hd{ display:none;}
}