@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family: "Arial"; font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none; color: #2185f0;}
img{border:none; max-width:100%; display:block;}
.clear{clear:both; display:block; position:relative; }
.fl{float:left;}
.fr{float:right;}
.clear:after{ content:""; clear:both; display:block;}
.wrap{width: 1280px; margin:0 auto;}

.top{ width:100%; position: fixed; top:0; left:0; background:#fff; z-index:9999; height:80px;}
.top .logo{ display:block; padding-top:8px;}
.top ul li{ float:left;}
.top ul li a{ font-size:20px; padding-left:44px; display:block; line-height:80px;}
.top ul li a:hover,.t-ri a:hover{ color:#0051a0}
.slideBox {
	width: 100%;
	overflow: hidden;
	margin: 0 auto; position:relative
}
.slideBox .bd {
	position: relative;
	width:100%;
}
.slideBox .bd ul {
	width:100%;
}
.slideBox .bd li {
	vertical-align: middle;
	position: relative;
	height: 100%;
	width:100%;
}
.slideBox .hd {
	overflow: hidden;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 31px;
	z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	color: #fff;	width: 100%;
	text-align: center;
}
.slideBox .hd ul li {
	display: inline-block;
	margin-right: 6px;
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 100%;
	cursor: pointer;
}
.slideBox .hd ul li.on {
	background: #0551a7;
	width:32px;
	border-radius:20px;
}
.ne-ab-img{ margin-top:40px;}
.img-le { width:47.9%; overflow:hidden; background:#000;}
.img-le img,.img-ri li img{ transition-duration:3s; width:100%; height:100%;}
.img-le:hover img,.img-ri li:hover img{ transform:scale(1.2,1.2)}
.img-ri{ width:52.1%; }
.img-ri li{ position:relative;overflow:hidden}
.img-ri li .img-wb{ position:absolute; width:50%; height:100%; top:0; right:0; background:rgba(1,82,164,0.9); color:#fff; text-align:center;}
.img-ri li .img-wb dl{ position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center;}
.img-ri li .img-wb dl dt{ font-size:18px;}
.img-ri li .img-wb dl dd{ font-size:15px; padding:0 10px;}
.in-ti{ text-align:center; color:#0451a9; font-size:48px; padding-bottom:32px; font-weight:bold;}
.in-box1{ padding:78px 0 90px 0;}

#pn
 {
  height: auto;
  margin: 0 auto;
 }
 
 .content
 {
  display: none;
 }
 
.ab-zi{ font-size:16px; line-height:1.7; padding-bottom:30px;}
.zk-btn,.btn{ display:block; width:191px; height:46px; border:1px solid #0451a9; line-height:46px; color:#0451a9; font-size:18px; text-transform:uppercase; background:url(../images/x.png) no-repeat 90% center; padding-left:16px; margin:40px auto 0;}
 .btn{background:url(../images/s.png) no-repeat 90% center;}

.fixed_bg{width: 100%; 
  height: 100%; 
  position: fixed; 
  left: 0; 
  top: 0; 
  display: none; 
  background: rgba(0,0,0,0.5); 
  z-index:9999;
}

.menu1{
  display: none;
  width: 40px;
  height: 40px;
  background: #0451a9;
  position: absolute;
  top:20px;
  right:20px;
  text-align: center;
  box-sizing: border-box;
  padding:13px 5px;
}
.menu1 span{
    width: 30px;
    height: 1px;
    display: block;
    background: #fff;
    position: relative;
    top: 0;
}
.menu1 span:nth-child(2){
  top:5px;
}
.menu1 span:nth-child(3){
  top:10px;
}
.in-box2{ width:100%; background:url(../images/logo1.png) no-repeat left center #f5f5f5; padding:112px 0;}
.in-box2 ul li{ float:left; width:19%; margin:0 0.5%; position:relative; overflow:hidden; background:#000;}
.in-box2 ul li img{ width:100%; height:100%; transition-duration:2s;}
.in-box2 ul li:hover img{ transform:scale(1.2,1.2)}
.in-box2 ul li p{ position:absolute; color:#fff; font-size:17px; line-height:1.3; bottom:20px; left:0; width:100%; text-align:center;}
.in-box3{ width:100%; background:url(../images/bg.jpg) no-repeat center; padding:100px 0;}
.Menubox li{ color:#fff; position:relative; width:22%; border:1px solid #fff; height:73px; float:left; margin-right:1%; cursor:pointer }
.Menubox li p{ width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); font-size:18px;}
.Menubox li:nth-child(3){ width:31%;}
.Menubox li:last-child{ margin-right:0;}
.Menubox li.hover{ color:#0451a9; background:#fff;}
.CbContainer{ margin-top:36px;}
.CbContainer h1{ color:#fff; background:#71bf46; font-size:22px; line-height:60px; padding-left:18px;}
.CbContainer ul{ border:1px solid #cecece; background:#fff; border-bottom:none;}
.CbContainer ul li{ float:left; width:50%; border-bottom:1px solid #cecece; border-right:1px solid #cecece; padding-left:32px; position:relative; font-size:15px; height:81px;}
.CbContainer ul li:nth-child(2n){ border-right:0;}
.CbContainer ul li:before{ content:""; position:absolute; width:5px; height:5px; background:#0451a9; top:32px; left:15px;}
.CbContainer ul li p{position:absolute; top:50%; transform:translateY(-50%); font-size:18px;}
.in-box4{ padding:90px 0 80px 0; position:relative;}
.in-box4-le{ width:50%; padding-right:35px;}
.in-box4-ri{ width:50%; padding-left:35px;}
.in-box4-ri h1{ font-size:24px; padding-left:20px;}
.in-box4-ri p{ border-top:1px solid #cecece; margin-top:15px; padding-top:15px; font-size:18px; padding-left:62px; line-height:51px;}
.in-box4-ri .add{ background:url(../images/icon01.png) no-repeat left 15px; line-height:1.7}
.in-box4-ri .tel{ background:url(../images/icon02.png) no-repeat left 13px;}
.in-box4-ri .fax{ background:url(../images/icon03.png) no-repeat left 13px;}
.in-box4-ri .email{ background:url(../images/icon04.png) no-repeat left 13px;}
.in-box4-ri .add span{ padding-left:40px;}
.in-box4:after{ content:""; width:50%; height:100%; background:#f2f6fb; position:absolute; right:0; top:0; z-index:-1;}
.footer{ width:100%; background:#333333;}
.banquan{ color:#fff; opacity:0.5; border-top:1px solid #fff; font-size:18px; padding:30px 0; text-align:center;}
.footer ul{ width:100%; text-align:center; padding:50px 0 25px 0; color:#717171;}
.footer ul li{ display:inline-block; padding:0 50px; vertical-align:middle}
.footer ul li a{ color:#fff; font-size:20px; opacity:0.5;}


@media only screen and (max-width: 1445px){
	
	}
@media only screen and (min-width: 1500px){
	  .wrap{width: 1400px; margin:0 auto;}
	}
@media only screen and (max-width: 1445px){
	  
	}
@media only screen and (max-width: 1240px){
}
@media only screen and (max-width: 992px){}

@media only screen and (max-width: 760px){
.wrap{ width:100%; padding:20px 2%;}
.menu1{
  display: block;
  z-index: 9998;
}


.top {
    background: #0451a9;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    width: 200px;
    position: fixed;
    left: -200px;
    top: 0;
    height: 100%;
    z-index: 9999;
}
.left_active{left: 0;}
.top>.wrap{ padding:0;}
.top .logo{ background:#fff; width:100%; text-align:center; padding:10px 0;}
.top .logo img{ display:inline;}
.top ul li a{ color:#fff; line-height:45px; font-size:15px;}
.top ul li{ border-bottom:1px solid #1a69c4;}
.top ul li,.top ul,.img-le,.img-ri{ width:100%; float:none !important;}
.in-ti{ font-size:20px; padding-bottom:12px;}
.ab-zi{ font-size:14px; line-height:1.5; padding-bottom:10px;}
.img-ri li .img-wb dl dd{ font-size:15px;}
.in-box2{ padding:30px 0;}
.in-box2 ul li{ width:48%; margin:0 1% 15px;}
.in-box2 ul li p{ font-size:13px;}
.in-box3,.in-box4{ padding:20px 0; background-size:cover}
.Menubox li,.Menubox li:nth-child(3){ width:49%; margin:0 0.5% 10px;}
.Menubox li p,.CbContainer ul li p{ font-size:14px;}
.CbContainer{ margin-top:0;}
.CbContainer h1{ font-size:18px; line-height:24px; padding:10px;}
.CbContainer ul li{ width:100%;}
.CbContainer ul li:nth-child(2n){ border-right: 1px solid #cecece;}
.in-box4-le,.in-box4-ri{ width:100%; padding:0;}
.in-box4:after{ display:none;}
.in-box4-ri{ margin-top:20px;}
.in-box4-ri h1{ font-size:18px;}
.in-box4-ri p{ font-size:14px;}
.footer ul{ padding:20px 0 10px 0;}
.footer ul li{ padding:0 10px; margin-bottom:10px;}
.footer ul li a,.banquan{ font-size:14px;}
.banquan{ padding:15px 0;}
}


@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}

@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}