.j-h{
	height: 90px;
	line-height: 90px;
}

.container{
	width: 100%;

}
.head-h{
	height: 100px;
	overflow: hidden;
}
.j-fa{
	width: 1440px;
	margin: 0 auto;
	overflow: hidden;
}

.color{
	background-color: rgba(0,0,0,0.5);

}
.logo{

	float: left;
}
.logo img{
	 margin-top: 25px;
}

.menu{

	float: right;
}
.menu ul li{

	float: left;
}

.menu ul li a{
  font-size: 16px;
  color: #333333;
  margin-left: 60px;
  text-decoration: none;
}

.menu ul li a:hover{
	color: #0d882a;
}

.mobile-inner-nav a{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes returnToNormal {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.wrapper{
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 150px;
}
.wrapper-inner{
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	 -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
.wrapper-inner-buttons{
	width: 100%;
	float: left;
	margin-top:50px;
	text-align: center;
}
.wrapper-inner-buttons a{
	background-color: #3f8dbf;
	line-height: 35px;
	padding-right: 15px;
	padding-left: 15px;
	margin: 10px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	border-radius: calc(35px / 2);
}
.wrapper-inner-buttons a:hover{
	background-color: #35759F;
}
.mobile{
	height: 60px;
}
.mobile-inner{
	max-width: 100%;
	margin: auto;
	height: 60px;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{

	width: 100%;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.mobile-inner-header-icon{
	color: #00528c;
	height: 60px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: #00528c;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}





.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}



@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);

  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
	z-index: 99999999;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}

.mobile{
	  display: none;
}

.mobile-logo{
	padding: 7px;
}
.mobile-logo img{
	width: 100%;
	max-width: 255px;
	height: auto;
	margin-top: 10px;
}




@media only screen and (max-width:1450px ) {
       .j-fa {
       	width: 100%;
       }
       .menu ul li:last-child{
       	margin-right: 30px;
       }

       .logo img{
	 margin-left: 20px;
}
}

@media only screen and (max-width:1150px ) {
	 .pc{
	 	display: none;
	 }

	 .mobile{
	  display: block;
}

	}

 .banner .swiper-pagination-bullet{
 	 width: 70px;
 	 height: 3px;
 	 background:#fff;
 	 border-radius: 0;
 	 opacity: 1;
 }

 .banner .swiper-pagination-bullet-active
{
	 background:#0d882a!important;
	 opacity: 1;
}

 .banner  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction

{
	bottom: 50px;
}


@media only screen and (max-width:650px ) {
 .banner .swiper-pagination-bullet{
 	 width: 40px;
 	 height: 3px;
 	 background:#fff;
 	 border-radius: 0;
 	 opacity: 1;
 }

 .banner .swiper-pagination-bullet-active
{
	 background:#0d882a!important;
	 opacity: 1;
}

 .banner  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction

{
	bottom: 10px;
}

	}


	.product-fa{
		width: 100%;

	}

 	.product-fa .product{
 		width: 1820px;
 		height: 850px;
 		margin:50px auto ;
 		background-color: #f2f2f2;


 	}


 	 .product .swiper-pagination-bullet{
     width: 23px;
     height: 23px;
     box-sizing: border-box;
 	 background:none;
 	 border-radius: 50%;
 	 margin: 0 22.5px!important;
 	 opacity: 1;
 	 padding: 5px;
 	 position: relative;
 }
 .product .swiper-pagination-bullet:after{
		position: absolute;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		z-index: -1;
		content: '';
		border: 1px solid #053871;
		left: 0;
		bottom: 0;
		top: 0;
		right: 0;
		margin: auto;
 }

  .product .swiper-pagination-bullet:before{
 	    position: absolute;
    width: 40px;
    height: 1px;
    content: '';
    background-color: #d9d9d9;
    top:10px;
   left: 25px;

 }
   .product .swiper-pagination-bullet:last-child:before
   {
   	display: none;
   }

 .product .swiper-slide{

 	width: 100%;
 	height: 605px;
 	display: block;
 	position: relative;
 }

 .product .swiper-pagination-bullet-active
{
     padding: 5px;
     border: 1px solid #053871;
 	 background:#053871;
 	 border-radius: 50%;
	 opacity: 1;
}

 .product  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction

{
	bottom: 10px;
}
.product .box-left{
	float: left;
	margin-top: 63px;
	left: 0;
	position: absolute;
    left: 0;
	z-index: 999;
}

.product .box-left p{
	font-size: 48px;
	color: #333333;
	text-transform: uppercase;
	line-height: 60px;
	font-weight: bold;
}

.product .box-left span{
	display: block;
	font-size: 20px;
	color: #333333;
	margin: 35px 0 65px 0;
}

.product .box-left .btn{
	width: 170px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background-color: #053871;
	cursor: pointer;
	display: block;
}


.product .swiper-container{
	margin-top: 120px;
}


.product .title{
	text-align: center;
	color: #999999;
	font-size: 14px;
	margin-top: 20px;
}

.product .box-right {
	 width: 956px;
	 background: url(../images/probg.jpg)center center no-repeat;
	 position: absolute;
	 right: 240px;
}

.product-son{
	width: 467px;
	height: 467px;
	position: relative;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 auto;
}
.product-son img{
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 margin: auto;

}


.product{

}
.product .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

  background-image: url(../images/left.png);
  background-size:auto;
  top: 96%;
  left: 19.5%;
}
.product .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../images/right.png);
  background-size:auto;
  top: 96%;
  right: 19.5%;
}

@media only screen and (min-width: 1440px ) {
.product-fa .product{
	width: 95%;
}

.product .box-left {
	left: 2%;
}

.product .box-left p{

	font-size: 3rem;
}

}

@media only screen and (max-width:1495px ) {
.product-fa .product{
	width: 100%;
	margin: 0;
	height: auto;
}
.j-fa{
	width: 95%;
	background-color: #f2f2f2;
}
.foot-top .j-fa{
	background-color: #2b3033;
}

.foot-b  .j-fa
{
	background-color: 	#053871;
}




}


@media only screen and (max-width: 800px) {

	.product .swiper-container{
		margin-top: 5%;
	}
	.product .box-left p{
		font-size: 30px;
		line-height: 50px;
	}
	.product .box-left span{
		margin: 5%;
	}
	.product .box-left{
		left: 5%;
	}
	.product .box-right{
		width: 60%;
		right: 3%;
	}
	.product-son{
		width: 100%;
	}
	.product .swiper-slide{
		height: 540px;
	}
	.product .title{
		padding-bottom: 20px;
	}


	 .product .swiper-pagination-bullet:after{
		position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		z-index: -1;
		content: '';
		border: 1px solid #053871;
		left: 0;
		bottom: 0;
		top: 0;
		right: 0;
		margin: auto;
 }

  .product .swiper-pagination-bullet:before{
 	    position: absolute;
    width: 10px;
    height: 1px;
    content: '';
    background-color: #d9d9d9;
    top:10px;
   left: 25px;

 }
 .product .swiper-pagination-bullet {
 	margin: 0!important;
 	width: 15px;
 	height: 15px;
 }

}

@media only screen and (max-width: 450px) {
.product .box-left{
	left: 2%;
	width: 40%;
}
.product .box-left p{
	font-size: 18px;
	line-height: 25px;
}

.product .box-left span{
 font-size: 16px;
 margin: 10% auto;
}
.product .box-left .btn{
	width: 70%;
}
.product-son{
	 height: auto;
	 padding-bottom: 100%;
}
.product .swiper-slide{
	height: 100%;
	padding-bottom: 75%;
}

.product-son img{
	width: 50%;
	height: auto;
}

  .product .swiper-pagination-bullet:before{
   display: none;

 }
 .product .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
 	background-size:45%
 }

 .product .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
 	background-size:45%
 }
 .product .title{
 	padding-bottom: 2%;
 	font-size: 14px;
 	margin-top: 2%;
 }
 .product .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
 	bottom: 2%;
 }

}


.about{
	width: 100%;
    height: 950px;
    overflow: hidden;
	background: url(../images/ab.jpg) no-repeat center center;
}


.news-fa{
	width: 100%;
	max-width: 1920px;
	height: 950px;
	overflow: hidden;
}
a{
	text-decoration: none;
}

.news-left{
	width: 43%;
	position: relative;
	float: left;
	background-color: #f2f2f2;
	height: 950px;
	background: url('../images/news.png') no-repeat center center;
}
.news-title{
	font-size: 48px;
	margin-left: 19%;
	margin-top: 34%;
}
.news-cont{
	max-width: 350px;
	margin: 20% 5% 16% 19%;
	line-height: 25px;
	color: #595959;
}

.news-left .btn{
	 width: 170px;
	 height: 45px;
	 background-color: #053871;
	 display: block;
	 color: #fff;
	 line-height: 45px;
	 text-align: center;
	 margin-left: 19%;
}

.news-right{
	width: 57%;
	float: left;
}
 .news-right .newlist {
	width: 100%;
}

 .news-right .newlist .new-item{
 	 width: 100%;
 	 height: 190px;
 	 background-color: #fff;
 	  border-bottom:  1px solid #d9d9d9;

 }
  .news-right .newlist .new-item:hover{
  	background: url(../images/newhover.png)no-repeat center center;
  	color: #fff;
  }

    .news-right .newlist .new-item:hover .title , .news-right .newlist .new-item:hover .cont{

  	color: #fff;
  }

 .news-right .newlist .new-item .title{
 	 font-size: 18px;
 	 color: #333333;
 	 padding: 40px 40px 4px 90px; 	 line-height: 1.5em;

 }

  .news-right .newlist .new-item .cont{
  	margin: 0 90px;
  	line-height: 25px;
  	font-size: 14px;
  	color: #808080;  	overflow: hidden;  	max-height: 78px;
  }




.foot-top{
	width: 100%;
	height: 265px;
	overflow: hidden;
	padding-top: 85px;
}
.color{
	background-color: #2b3033;
}


.foot-b{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #053871;
	color: #fff;
}
.fl{
	float: left;
}

.foot-top .boxleft{
	  margin-right: 140px;
}
.foot-top .boxleft .tit{
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
}

.foot-top .boxleft  .tel{
	font-size: 27px;
	color: #fff;
}

.foot-top .boxleft p{
	color: #b2b2b2;
	font-size: 14px;
	margin-top: 38px;
	line-height: 25px;
}



 .foot-top  .www{
 	  margin-right: 30px;
 	  width: ;
 }
 .foot-top .www .wt{
 	font-size: 14px;
 	color: #fff;
 	margin-bottom: 30px;
 }

.foot-top .foot-box
{

	float: left;
	margin-right: 60px;
}
.foot-top .foot-box .title{
	font-size: 16px;
	color: #fff;
	margin-bottom: 45px;

                          }

.foot-top .foot-box a{
	color: #b2b2b2;
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}
.fml{
	margin-left: 230px;
}


#pgbanner { height: 419px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; overflow: hidden; }
.pgb1 { background-image: url(../images/pgbanner1.jpg); background-size: auto 100%; }
.pgb2 { background-image: url(../images/pgbanner2.jpg); }
.pgb3 { background-image: url(../images/pgbanner3.jpg); }
.pgb4 { background-image: url(../images/pgbanner4.jpg); }
.pgb5 { background-image: url(../images/pgbanner5.jpg); }
.pgb6 { background-image: url(../images/pgbanner1.jpg); }
 @media only screen and (max-width: 1200px) {
#pgbanner { height: 300px; }
}
 @media only screen and (max-width: 800px) {
#pgbanner { height: 200px; }
}
 @media only screen and (max-width: 600px) {
#pgbanner { height: 150px; }
}

.pgtbar { border-top: 1px solid #eee; border-bottom: 1px solid #e3e3e3; padding: 10px 0 0;  }
.pgnav { float: left; }
.pgnav li { float: left; padding-bottom: 10px; }
.pgnav li a { float: left; display: block; height: 40px; width: 120px; font-size: 14px; text-align: center; line-height: 40px; color: #666; background: #eee; margin-right: 15px; position: relative; }
.pgnav li a::before,
.pgnav li a::after { opacity: 0; position: absolute; width: 110px; height: 30px; top: 5px; left: 5px; }
.pgnav li a::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform: scale(0, 1); }
.pgnav li a::after { border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1, 0); -webkit-transform: scale(1, 0); }
.pgnav li a::before,
.pgnav li a::after { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; content: ''; box-sizing: border-box; }
.pgnav li:hover a::before,
.pgnav li:hover a::after,
.pgnav li.cur a::before,
.pgnav li.cur a::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.pgnav li a:hover,
.pgnav li.cur a { background-color: #044f9f; color: #fff; }
.pgmain { margin: 30px auto; }
.pgmain {
    margin: 30px auto!important;
}
.wrap { max-width: 1280px; margin: 0 auto; }
 @media only screen and (max-width: 1280px) {
.wrap { width: 90%; }
 }




#pg-about { color: #666; padding: 30px 0; }
#pg-about .abo-left { float: left; width: 350px; }
#pg-about .abo-left img { max-width: 100%; }
#pg-about .con p { text-indent: 2em; margin-bottom: 1.2em; line-height: 2em; }
#pg-about .con {   width: -moz-calc(130% - 400px); width: -webkit-calc(130% - 400px); width: calc(130% - 400px); }
 @media only screen and (max-width: 1100px) {
#pg-about .con { margin: 0; }
}
 @media only screen and (max-width: 800px) {
#pg-about .abo-left { width: 200px; }
#pg-about .con { width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: calc(100% - 250px); }
}
 @media only screen and (max-width: 600px) {
#pg-about .abo-left { width: 0; }
#pg-about .con { width: 100%; }
}




@media only screen and (max-width: 1280px){

  .wrap {
      width: 90%;
  }
}


.pgleft { float: left; width: 260px; }
.pgleft .pgltit { height: 40px; line-height: 40px; color: #fff; font-size: 16px; padding-left: 10px; margin-bottom: 2px; background: #074F99; background-size: auto 24px; border-bottom: 3px solid #666; }
.pgleft .pl-menu { font-size: 14px; border-bottom: 2px solid #ddd; }
.prolist_side li { padding: 10px 0px 10px 10px; background-color: #f8f8f8 !important; margin-bottom: 3px !important; }
.prolist_side li a { color: #999; background-image: none !important; }
.prolist_side li a:hover { color: #074F99 !important; }
.prolist_side li a.A { color: #074F99 !important; }
.prolist_side_son li a:hover,
.prolist_side_son li a:active,
.prolist_side_son li a.A { color: #074F99; }

.prolist_side li a.cur{ color: #074F99;}
.pgright { float: right; width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); }
.pgright .prolist { width: 100%; }
.pgright .prolist li { float: left; width: 33.3%; text-align: center; background-color: #fff; }
.pgright .prolist li a { display: block; padding: 15px; text-align: center; border: 1px solid #ddd; margin-left: -1px; margin-top: -1px; background-color: #fff; overflow: hidden; position: relative; }
.pgright .prolist li a span { display: inline-block; width: 100%; text-align: center; overflow: hidden; }
.pgright .prolist li a img { max-width: 100%; }
.pgright .prolist li a p { display: inline-block; width: 90%; color: #777; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pgright .prolist li a:hover { border-color: #074F99; transform: scale(1.02, 1.02); box-shadow: 0px 3px 6px rgba(0,0,0,.3); z-index: 999; }
 @media only screen and (max-width: 1100px) {
.pgleft { display:none; width:0; }
.pgright { width:100%; }
}
 @media only screen and (max-width: 900px) {
.pgright .prolist li { width: 50%;  }
}
 @media only screen and (max-width: 500px) {
.pgright .prolist li { width: 100%;  }
}

.clear {
	clear: both;
}

.pgright .pro-top { position: relative; }
.pgright .pro-img { width: 100%; min-height: 300px; }
.pgright .pro-img img { height: auto;
    margin: 0 auto;
    display: block; }
.pgright .pro-det { float: right; padding: 20px 40px; background-color: rgba(7,79,153,.8); position: absolute; left: 0px; bottom: 0px; }
.pgright .pro-det h3 { font-size: 24px; font-weight: normal; color: #fff; margin: 0; }
.pgright .pro-det a:hover { color: #D90000; }
.pro-ft { margin-top: 30px; }
.pro-ft #tags_title { height: 40px; padding-left: 10px; background: #eee; border-bottom: none !important; overflow: hidden; }
#tags_title a { float: left; height: 40px !important; line-height: 40px; margin: 0px !important; padding: 0 15px !important; border: none !important; color: #666; background-color: #eee !important; }
#tags_content div { padding: 0px !important; }
.pro-ft #tags_content { min-height: 300px; margin-top: 30px !important; }
.pro-ft #tags_content img { max-width: 100%; }
#tags_title a.A { background: #fff !important; color: #074F99 !important; font-weight: normal !important; border-top: 2px solid #eee !important; border-bottom: none !important; box-sizing: border-box !important; }
#pro_btm { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 20px; }
#pro_btm ul li { float: left; width: 50%; height: 52px; line-height: 50px; }
#pro_btm ul li img { width: 50px; height: 50px; border: 1px solid #ddd; }
#pro_btm ul li .img { float: left; display: table-cell; width: 50px; height: 50px; vertical-align: middle; margin-right: 10px; }
 @media only screen and (max-width: 900px) {
.pgright .pro-det h3 { font-size:16px; }
}

 @media only screen and (max-width: 500px) {
.pgright .pro-img img { height: auto; width:100%;
 }
}




.nmain{ background:#fff; padding:30px 0; position:relative; z-index:15;}
.news_left{ width:70%; float:left;}
.NewsList-A9 li { border-bottom: 1px dashed #cccccc; overflow: hidden;  *zoom: 1; padding-bottom:25px; margin-bottom:25px;}
.NewsList-A9 ._img { float: left; height:180px; width:240px; margin-right: 20px; }
.NewsList-A9 ._img img { height: 100%; width:100%; }
.NewsList-A9 ._t { font-size: 16px; margin-bottom: 10px; margin-top:10px; }
.NewsList-A9 ._p { line-height: 1.6em; max-height: 4.8em; overflow: hidden; color: #999999; margin-bottom:40px; }
.NewsList-A9 ._i { overflow: hidden;  *zoom: 1;}
.NewsList-A9 ._i span, .NewsList-A9 ._i a { float: left; line-height: 26px; padding: 0 10px; }
.NewsList-A9 ._i ._more { background: #0068BE; color: #FFF; }
.NewsList-A9 ._i ._date { background: #ededed; color: #999999; }

.news_right{ width:26%; float:right;}
.news_right .nr_lant{ border-bottom:1px solid #ddd; height:44px; line-height:44px; margin-bottom:15px;}
.news_right .nr_lant span{ display:inline-block; border-bottom:1px solid #0068BE; font-size:18px; padding:0 5px; }
.newsr_list li{ line-height:36px; width:100%; background:#fff ;}
.newsr_list li .title{ width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:12px;font-weight:normal; padding-left:3%;}
.newsr_list li:nth-child(odd) {  background-color: #f9f9f9;}


.news-info-box { width: 100%; background: #fff; padding: 102px 0 125px }
.news-info-box .left { width: 64%; padding: 0 3%; background: #fff; float: left }
.news-info-box .left h2 { font-size: 30px; color: #000; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #f2f2f2; padding-right: 85px; position: relative; margin-bottom: 30px }
.news-info-box .left .time { font-size: 14px; color: rgba(51,51,51,.5); line-height: 30px; position: absolute; top: 0; right: 0 }
.news-info-box .left p { font-size: 18px; color: #666; line-height: 36px; margin-bottom: 30px }
.news-info-box .left img { max-width: 100%; margin-bottom: 35px; height: auto!important }
.news-info-box .right { width: 26%; float: right; padding: 0 2% }
.news-info-box .right h2 { font-size: 22px; color: #333; line-height: 22px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px }
.news-info-box .right a { display: block; width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); width: calc(100% - 15px); font-size: 16px; color: #666; line-height: 26px; padding: 7px 0 7px 15px; background: url(../images/case23.png) no-repeat left 17px; transition: background .3s, color .3s }
.news-info-box .right a.link { width: 85%; height: 55px; line-height: 55px; background: #FF8800 url(../images/news04.png) no-repeat 80% center; color: #fff; font-size: 18px; padding: 0 0 0 15%; transition: background .3s, color .3s, padding .3s; margin-top: 30px }
.news-info-box .right a.link:hover { background: #FF8800 url(../images/news04.png) no-repeat 85% center; color: #fff; }
 @media(max-width:1024px) {
.news-info-box { padding: 65px 0 60px }
.news-info-box .left h2 { font-size: 22px; padding-bottom: 15px; margin-bottom: 15px }
.news-info-box .left p { font-size: 15px; line-height: 28px; margin-bottom: 20px }
.news-info-box .left img { margin-bottom: 20px }
.news-info-box .right { width: 24.8% }
.news-info-box .right h2 { font-size: 20px; line-height: 20px; padding-bottom: 15px; margin-bottom: 9px }
.news-info-box .right a { font-size: 14px; line-height: 22px; background: url(../images/case23.png) no-repeat left 15px }
.news-info-box .right a:hover { background: url(../images/case23_h.png) no-repeat left 15px; color: #FF8800 }
.news-info-box .right a.link { font-size: 16px }
}
@media(max-width:768px) {
.news-info-box .left { padding: 0; width: 100% }
.news-info-box .right { width: 100%; padding: 0; margin-top: 30px; }
.news-info-box .left h2 { width: 100%; padding: 0 }
}.w92 {
    position: relative;
    margin: 0 auto;
    width: 70.66666%;
    max-width: 1400px;
}
@media only screen and (max-width: 600px) {
  .news_left{ width:100%; float:none;}
  .NewsList-A9 ._img { display:none;}
  .news_right{ display:none; }
  .NewsDetail-B2 ._head{ padding-bottom:10px;}
}

.info-page { width: 90.8%; float: left; padding: 17px 3.6%; background: #fff; margin-top: 29px; text-align: center }
.info-page.on { box-shadow: 0 0 10px rgba(0,0,0,.2) }
.info-page a { display: inline-block; font-size: 16px; line-height: 36px; color: #666; transition: color .3s }
.info-page a.prev { float: left }
.info-page a.next { float: right }
.info-page a.return { padding: 0 15px 0 45px; background: url(../images/news11.png) no-repeat 15px center; transition: background .3s, color .3s }
.info-page a.return:hover { background: #FF8800 url(../images/news11_h.png) no-repeat 15px center; color: #fff }
/* ======  分页  ====== */
.news-page { width: 100%; height: 40px; text-align: center; padding: 30px 0 50px; }
.news-page a { font-size: 14px; line-height: 40px; width: 40px; height: 40px; display: inline-block; background: #f7f7f7; color: #686868; transition: background .3s, color .3s }
.news-page.new a { background: #fff }
.news-page a.active,
.product-list .news-page a.active,
.news-page.on a.active,
.news-page.new a.active { color: #fff; background: #FF8800 }
.news-page a.btns { font-family: '宋体' }


@media only screen and (max-width: 1450px) {
.foot-top .www{
	margin-right: 2%;
}
.fml{
		margin-left: 5%;
}

.foot-top .foot-box {
    float: left;
    margin-right: 5%;
}

}


@media only screen and (max-width: 1100px) {
.foot-top .foot-box{
	display: none;
}
}


.mobfot{
	display: none;
}


@media only screen and (max-width: 600px) {

	.foot-top {
	    width: 100%;
	    height: auto;
	    overflow: hidden;
	    padding-top: 3%;
	}
	.foot-b {
		display: none;

	}.mobfot{
		display:block;
		text-align: center;
		padding: 2%;
		background-color: #053871;
		color: #fff;
	}

	.foot-top .boxleft{
		padding: 2%;
		margin-right: 0;
	}
	.foot-top .www{
		width: 20%;
		margin-top: 5%;
	}
	.foot-top .www img{
	 margin-right: 1%;
	 width: 100%;
	}


	.news-left{
		display: none;
	}
	.news-right{
		width: 100%;
	}

	.news-right .newlist .new-item .title{
		padding: 5%;
	}

	.news-right .newlist .new-item .cont{
		 margin: 0 5%;
	}

.about{
background: url(../images/abm.jpg) no-repeat center center;
height: 600px;
padding-bottom: 5%;
}
}

.about-title{
	font-size: 24px;
	color: #f2ce85;
  margin: 0 auto;
	text-align: center;
	margin-top: 17.5%;
}



.about-i-cont
{
    width: 1000px;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		line-height: 25px;
		margin-top: 60px;
}



@media only screen and (max-width: 600px)
{
.about-i-cont{

	width: 90%;
}

.about-title{
	  margin-top: 50%;
}


}