*{font-family: Helvetica, “PingFangSC”, ‘Microsoft Yahei’,  Arial, sans-serif;}
.container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px\9;
  }
input{ border-radius: 0}
li{ list-style:none}  
a {color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
.fr{float: right;}
.fl{ float: left;}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
.clearfix{display:block} 
/*头部开始=========================================================================  */
.lang{ background: url(../images/lang-bg.png) no-repeat top center; width: 110px; margin-top: 20px;}
.lang ul{ margin: 0; padding: 0;}
.lang li{ width: 50%; float:left; color: #666; font-size: 15px; line-height: 25px; text-align: center; color: #004a96;}
.blue a{ color: #fff;}
.logo{  float:left; margin-right: 20px;}
.hamburger {
  padding: 8px 6px;
  cursor: pointer;
    display: none;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: 3px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px;
  height: 4px;
  background-color: #ccc;
  border-radius: 4px;
  position: absolute;
    left:0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner{
    width: 40px;
    height: 4px;
    -webkit-animation: line2 1s linear infinite alternate;
    animation: line2 1s linear infinite alternate;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
    -webkit-animation: line1 1s linear infinite alternate;
    animation: line1 1s linear infinite alternate;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.2s 0.25s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
  transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
@keyframes line1{
    0%{
        width: 20px;
        height: 4px;
    }
    100%{
        width: 40px;
        height: 4px;
    }
}
@keyframes line2{
    0%{
        width: 40px;
        height: 4px;
    }
    100%{
        width: 20px;
        height: 4px;
    }
}
.hamburger--emphatic-r.is-active .hamburger-inner {
    width: 40px;
    -webkit-animation: line2 0;
    animation: line2 0;
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
    width: 40px;
    -webkit-animation: line1 0;
    animation: line1 0;
	left: -80px;
	top: 80px;
	-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transform: translate3d(80px, -80px, 0) rotate(-45deg);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
    width: 40px;
    -webkit-animation: line1 0;
    animation: line1 0;
	right: -80px;
	top: 80px;
    left:auto;
	-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transform: translate3d(-80px, -80px, 0) rotate(45deg);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.nav-box {width: 100%;height: 50px;background: #0f0f0f;}
/*banner开始=======================================================================================*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  width: 100%;
  }

.slide {
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
max-width: 100%;
    height: auto;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.slides li{ width: 950px; margin: 0 auto;}
	   
	   .sj-banner{display: none;}
	   
	   
/*首页*/
.products-content{margin-top: 165px; margin-bottom: 125px;}

#focus_Box{position:relative;width:80%;height:571px;margin:0px auto;}
#focus_Box ul{position:relative;width:100%;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:18px;height:35px;top:131px;}
#focus_Box .prev{background:url(../images/btn1.png) no-repeat center top;left:-198px;top: 300px;}
#focus_Box .next{background:url(../images/btn.png) no-repeat center top;right:-198px;top: 300px;}
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}
.focus_text{overflow: hidden;}
.more_text{font-size: 13px;}
.focus_Box ul li .focus_text{padding-left: 20px;}
.focus_Box ul li:nth-child(2) .focus_text{background: #255d93;}
.focus_Box ul li:nth-child(2) .more_text{display: none;}
.focus_Box ul li:first-child .focus_text, .focus_Box ul li:nth-child(3) .focus_text{background: #2c70b1;padding-right: 20px;padding-bottom:27px;}
.focus_Box ul li:first-child .focus_text .products-more img, .focus_Box ul li:nth-child(3) .focus_text .products-more img{display: none;}
.focus_Box ul li:first-child .focus_text .more_text, .focus_Box ul li:nth-child(3) .focus_text .more_text{display:block; color: #FFFFff;}
.focus_Box ul li:first-child .focus_text .products-more, .focus_Box ul li:nth-child(3) .focus_text .products-more{width: 85px;height:28px;background: #e4293b; }
.focus_Box ul li:first-child .focus_text .products-title, .focus_Box ul li:nth-child(3) .focus_text .products-title{font-size: 20px;font-weight: normal;}
.focus_Box ul li:first-child .focus_text .products-content, .focus_Box ul li:nth-child(3) .focus_text .products-content{width: 175px;height: 41px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.focus_Box ul li:first-child .focus_text .products-more{float: left;position: relative;top:115px;left: -168px;}
.focus_Box ul li:nth-child(3) .products-title{float: right;position:relative;  left: -79px;  text-align: right;}
.focus_Box ul li:nth-child(3) .products-top{width: 267px;}
.focus_Box ul li:nth-child(3) .focus_text .products-more{position: relative;top:115px; left: 80px;}
.focus_Box ul li:nth-child(3) .products-line{float: right;}
.focus_Box ul li:nth-child(3) .focus_text{width: 180px;float: right;}
.focus_Box ul li:nth-child(3) .focus_text .products-content{position: relative;left: 21px;}
/*footer开始====================================================================================*/
#copyright{ width: 100%; background:#343434; /*padding-top: 50px;*/}
.foot-ks{ width: 45%; height: 60px; background: url(../images/foot-list.jpg) no-repeat bottom left; }
.foot-ks li{ width: 27%; float: left; line-height: 60px; text-align: center; }
.foot-ks li a{color: #fff; font-size: 18px;}
.foot-lx{ height: 130px; margin-top: 25px;}
.ma{margin-top: 100px;}
.ma li{width: 50%; float: left; text-align: center;}
#copyright .banq{ color: #fff;line-height: 30px; text-align: center;padding: 10px 0;background: #0c5299;font-size: 1rem;}
.ma li p{font-size: 14px; line-height: 55px; text-align: center; color: #fff;}
.foot-lx li{ font-size: 14px; color: #fff; line-height: 40px;}
/*内页开始====================================================================================*/
/*内页*/
.body-content-about{/*background: url(../images/ny-about.jpg) no-repeat;background-position:top center;*/margin: 7vh 0;}
/*.body-content-cp{background: url(../images/ny-cp.jpg) no-repeat;background-position:top center;}
.body-content-ry{background: url(../images/ny-ry.jpg) no-repeat;background-position:top center;}
.body-content-xw{background: url(../images/ny-xw.jpg) no-repeat;background-position:top center;}*/
.dbgdw{position: relative;width: 100%;padding-top:12%;padding-bottom:8%;}
.ny-title{width: 100%;text-align: center;margin-bottom:5%;}
.ny-bt{color: #222;font-size:40px;}
.ny-bt p,.ny-bt a{font-size:20px;color: #222;}
.ny-bt-wap{display:none;}
/*.dbg{background: #f8f9fa;padding-bottom: 70px;}*/
.dbg-bg{background: #fff;/*min-height:1000px;*/padding:4%;background: #fff;box-shadow: 0px 5px 20px #f0f0f0;position: relative;border-radius: 10px;}
/*.dbg-bg:after{content:'';width: 70px;height:70px;position: absolute;top:-35px;left:50%;transform: translateX(-50%);background: url(../images/home.png) no-repeat;background-size:cover;}*/
/*内页导航*/
.ny-daohang>ul{display: flex;-webkit-box-align: center;align-items: center;margin:0px auto 40px;}
.ny-daohang>ul ul{display: none;}
.ny-daohang ul li{float: left; flex-grow: 1;margin: 0px 1px;text-align: center;line-height:55px;cursor: pointer;transition: all 0.6s;background:#f5f5f5;}
.ny-daohang ul li a{display:block;}
.ny-daohang ul li a span{font-size:16px;}
.ny-daohang ul li:hover{background:#0c5299;}
.ny-daohang ul li:hover span{color: #fff;}
.ny-daohang>ul>li.lihover>.ahover{background:#0c5299;}
.ny-daohang ul li.lihover a span{ color: #fff;}
/*内页合作客户*/
.ny-hzkh-title{text-align: center;margin-top: 20px;}
.hzkh-bt{font-size: 45px;color: #000;letter-spacing:5px;}
.hzkh-bt p{color: #b0b0b0;font-size: 13px;text-transform:uppercase;letter-spacing:2px;}
.hzkh-bt:after{display: block;content: "";margin:20px auto;width:50px;height: 2px;background: #979797;}
.hzkh-by{color: #2f2f2f;font-size: 18px;line-height:30px;}
.hzkh-by P{margin-top: 10px;}
.ny-hzkh-nav ul{width:85%;display: flex;-webkit-box-align: center;align-items: center;margin: 0px auto;}
.ny-hzkh-nav li{text-align: center;float: left;margin-top: 60px; flex-grow: 1;cursor: pointer;transition: all 0.6s;padding: 0px 10px;box-sizing: border-box;}
.ny-hzkh-nav li:hover{transform: scale(1.05);}
/*内页公司简介*/
.about-nynr{margin-top: 30px;}
.gsjj-nr{width:50%;margin-top: 20px;}
.gsjj-bt p{color: #000;font-size:34px;margin-bottom:20px;}
.gsjj-tu{width: 48%;}
.gsjj-gd{text-align: center;width: 170px;line-height: 40px;border: 1px solid #ccc;border-radius: 50px;margin-top:40px}
.gsjj-gd a{color: #ccc;font-size: 15px;}
.gsjj-gd:hover{background: #0c5299;}
.gsjj-gd:hover a{color: #fff;}
.gsjj-bt2{text-align: center;width: 90%;margin:70px auto 0px;color: #8a8a8a;font-size:16px;line-height: 30px;}
.gsjj-bt2 P{color: #000;font-size:34px;margin-bottom:10px;}
.gsjj-bt2 P:after{display: block;content: "";background: #0c5299;width:50px;height:3px;margin:35px auto 20px;}
.gsjj-tupian li{float: left;text-align: center;padding: 5% 0.4%;box-sizing: border-box;overflow: hidden;width: 25%;}
.gsjj-tupian li img{cursor: pointer;transition: all 0.6s;width: 100%;}
.gsjj-tupian li img:hover{transform: scale(1.03);}
/*企业文化*/
.pic-img li{float: left;width:25%;text-align: center;box-sizing: border-box;padding: 0.5%;}
.pic-img li p{font-size: 16px;line-height:70px;text-transform: uppercase;}
/*发展历程*/
/*.fzlc>ul>li{margin-bottom: 2%;}*/
.fzlc-tu{width: 40%;border-right: 1px solid #eee;box-sizing: border-box;padding:0 4% 2% 0;}
.fzlc-nr{width:60%;padding-left:4%;box-sizing: border-box;}
.fzlc-nr li{line-height:30px;font-size:15px;color:#838383;margin-bottom:10px;}
.fzlc-nr p{color: #0c5299;font-family: "times new roman";font-size:50px;font-style: italic;font-weight: bold;background: url(../images/dian.png) no-repeat left center;padding-left:30px;}
/*专利证书*/
.zlzs-nav{width:18%;}
.zlzs-nav li{border-bottom: 1px dashed #ddd;background: url(../images/pro-more3.png) no-repeat left center;line-height:80px;font-size: 16px;padding-left:15%;box-sizing: border-box;}
.zlzs-nav li:hover{background: url(../images/pro-more4.png) no-repeat left center;color: #0c5299;}
.zlzs-nr{width: 80%;padding-left:2%;box-sizing: border-box;}
.zlzs-nr li{display:none;}
.zs-nr{width: 25%;float: left;text-align: center;border: 1px solid #eee;box-sizing: border-box; cursor: pointer;transition: all 0.6s;}
.zs-nr9{width: 25%;float: left;text-align: center;border: 1px solid #eee;box-sizing: border-box; cursor: pointer;transition: all 0.6s;padding: 1% 1% 0;}
.zx-bt{display: -webkit-box;-webkit-line-clamp:1;overflow: hidden;-webkit-box-orient: vertical;line-height:60px;}
.zx-bt a{font-size: 15px;}
.zs-nr:hover{border: 1px solid #0c5299;}
.zs-nr:hover .zx-bt a{color: #0c5299;}
/*合作客户*/
.pic-img9 li{float: left;width:20%;text-align: center;box-sizing: border-box;border:1px solid #eee;cursor: pointer;transition: all 0.6s;}
.pic-img9 li:hover{border:1px solid #0c5299;}
/*新闻中心*/
.ny-gsxw li{border:1px solid #ddd;margin-bottom:10px;padding:1%;cursor: pointer;transition: all 0.6s;box-sizing: border-box;}
.nyxw-nrbox{
	width: 80%;
	padding: 2vh 0;
}
.nyxw-img{
	width: 15%;
}
.ny-gsxw li:hover{background: #f3f3f3;border: 1px solid #e9e9e9;}
.ny-gsxw li .xw-img{ padding: 0; overflow: hidden;width:100%;}
.ny-gsxw li .xw-img img{cursor: pointer;transition: all 0.6s;}
.ny-gsxw li .xw-img img:hover{transform: scale(1.05);}
.ny-gsxw li .xw-bt{display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient: vertical;margin-bottom: 2vh;}
.ny-gsxw li .xw-bt a{font-size:22px;color: #222;}
.ny-gsxw li:hover .xw-bt a{color: #0c5299;}
.ny-gsxw li .xw-nr{color: #959595;line-height:26px;font-size: 15px;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;-webkit-box-orient: vertical;}
/*人才招聘*//*手风琴效果*/
.join{/*margin-top:2%;border-top: 1px solid #E0E0E0;*/padding-top: 3%;}
.ny-lxl-list{padding:2%;overflow: hidden;cursor: pointer;margin-bottom: 1%;background: #f9f9f9;}
.ny-lxll-text{/*display: flex;justify-content: space-between;*/align-items: center;}
.ny-lxl-list-active{display: block;}
.zz-title{font-size:22px;color: #000;font-weight: 700;}
.zz-title span{font-size:16px;color: #ccc;text-transform:uppercase;font-weight: normal;}
.zz-number{color: #0c5299;font-weight: bold;font-size: 24px;background: url(../images/zz-more.png) no-repeat right center;padding-right: 40px;}
.ny-lxll-con{background: #fff;margin-top:2%;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;padding:2% 0;display: none;overflow: hidden;}
.ny-lxllc-list{float: left;width:95%;margin:0 1.5%;}
.zz-nycon{line-height: 28px;color: #888;font-size:15px;}
.zz-nycon p{font-size:18px;margin-bottom:1%;color: #0c5299;font-weight: bold;}
.zhaopin-tu{width: 90%;}
.page-guestbook{/*width:60%;*/padding-left: 5%;box-sizing: border-box;}
/*联系我们*/
.ny-lxnr{
	font-size: 16px;
	color: #222;
	line-height: 36px;
	text-align: left;
	width: 95%;
	margin: 4vh auto;
}
.ny-lxfs{margin-bottom: 30px;}
.ny-lxfs ul{padding: 0;/*display: flex; */margin: 0px auto;-webkit-box-align: center;align-items: center;}
.ny-lxfs li{padding:2%;float: left;margin:0.6%;color: #999;font-size:16px;border: 1px solid #eee;width:32%;box-sizing: border-box;}
.ny-lxicon{
	width: 14%;
	line-height: 5.5vh;
	background: #0c5299;
	text-align: center;
	border-radius: 60px;
	margin-right: 5%;
}
.ny-lxtext{
	width: 81%;
	font-size: 16px;
	color: #646464;
}
.ny-lxtext p{
	font-size: 20px;
	color: #222;
}








.t_width{ width:90% !important;}
.productsroll{position:relative;width:1200px;}
/* productsroll Start */
/*#LeftArr1,#RightArr1{background-image:url(../images/product_arrow.gif);width:25px;height:130px;cursor:pointer;position:absolute;top:0px;z-index:1}
#LeftArr1{background-position:-25px 0px;float:left;left:-50px; top: 50px;}
#RightArr1{background-position:-50px 0px;float:right;right:-50px; top: 50px;}
#ScrollBox{width:1000px; overflow:hidden; float: left;}*/
#page_main{padding: 60px 0; background: #f7f7f7;}
.page-container{ background: #fff;    min-height: 500px;}
.page-products .text img{max-width: 80%;}
/*.page-about,.page-content{ padding: 50px 30px;}*/
.page-top-bg{ background: #fff; height: 70px; margin-bottom: 25px;}
.back{ margin-top: 10px; font-size: 14px; text-align: left; line-height: 32px; }
.back:before{display: block; content: ""; width: 1px; height: 11px; background: #000; float: left; margin-top: 10px;}
.back img{ float: left; margin-top: 10px; margin-left: 15px; margin-right: 14px; }
.page_list {
    text-align: center;
    padding-top:50px;
    padding-bottom: 20px;
}
.page_list span.current {
    border: #ddd 1px solid;
    padding: 4px 5px;
    font-weight: bold;
    margin-right: 2px;
    color: #FFF;
    background-color: #0c5299;
}	
.page_list a {
    border: #ddd 1px solid;
    font-size: 13px;
    color: #0c5299;
    padding: 4px 3px;
    margin-right: 2px;
}
.page_list select{
	width: 35px; 
	line-height:29px;
	height:29px;
	margin-bottom:3px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.page {
	margin-top:20px;
    padding-top: 10px;
    line-height: 35px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}
.page span{ display: inline-block; width: 49%;}
.page-job{ padding: 30px 10px;}
/*.page-news .text p{text-align: center;margin: 0 auto;}
.page-news .news-tops .newsList{display: flex;flex-wrap: wrap;}*/

.page-news9 li{border-bottom:1px solid #ccc;line-height: 60px;padding: 60px 60px 20px;cursor: pointer;transition: all 0.6s;}
.page-news li:hover{transform: scale(1.04);box-shadow: 0px 5px 20px #f0f0f0;}
.page-news10 li{border-bottom:1px dashed #ccc;line-height: 60px;padding: 20px;font-size: 16px;}

.proNav li{text-align: center;position: relative;}
.proNav li a{ display: block;padding:10px;border:#efefef 1px solid;background: #fff;cursor: pointer;transition: all 0.6s;}
.proNav li:hover a{border:#0c5299 1px solid;}
.proNav li span{ position:relative; display:block; overflow: hidden; width:100%; margin:0 auto;/*height:280px;*/height:auto;}
.proNav li span img{ display: inline-block; width: 100%; /*max-height: 100%;*/}
.proNav li span .lhsp{ position: absolute; width:100%;  height:280px; z-index: 10; left: 0; top: 0; display: none; background: url(../images/lh616.png)  center center;}
.proNav li:hover a{text-decoration: none;}
.proNav li:hover span .lhsp{ display: block;}
.proNav li p{ font-weight:100; display: block; width: 80%; line-height: 30px; border: 1px solid #0c5299; margin: 0 auto 20px; color:#0c5299;}
.proNav li label{ line-height: 30px; color: #333; padding: 20px 0;font-weight: bold; font-size:16px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display: block !important;cursor: pointer;}
.proNav .ckgd{display:block; width:130px; height:203px; float:left; margin-top:10px;}   
.jptj-header{ position:relative; text-align:center;}
.jptj-header .span6{height:1px; background:#666; padding:0; margin:0; margin-top:50px; margin-bottom:50px;}
.jptj-header p{ position:absolute; z-index:111; text-align:center; width:100%; padding-top:37px; font-size:14px; }	
.popover-banner{  max-width: 500px; margin: 0 auto; position: relative;}
.popover-banner .flex-direction-nav{ display: block;}
.popover-banner .flex-prev,.popover-banner .flex-next{ position: absolute; display: block; width: 45px; height: 100px; background: url(../images/sprite.jpg) no-repeat 0 top; top: 50%; margin-top: -50px; }
.popover-banner .flex-prev{ left:-50px;}
.popover-banner .flex-next{background: url(../images/sprite.jpg) no-repeat -55px top; right: -50px;}
.lhgw{ display: block;margin-left: 40px;}
#shop_cart{ width: 170px; float: left; }
#shopjg span{  text-align: center; display: block; width:140px ; height: 36px; margin: 20px 10px;background: #fe6a12;  line-height: 36px; font-size:16px ; color: #fff;}
#shopjg {  width:150px ; float: left; overflow: hidden ;}
.lhcppg{background: #f5f5f5;padding-left: 20px;}
.lhcppg span{ display: inline-block;  padding-left: 0.5%;}
#inhert_cart{ margin: 20px 10px; height: 36px;  line-height: 36px;}
#shop_cart #btn_buy{ display:none;}
.jptj-header b{ display:inline-block;   font-size: 25px;line-height: 25px;color: #002e79;padding: 0 20px 10px;background:#f7f7f7}
.photos span{display: block; text-align:center;width:290px; overflow: hidden;}
.photos p{white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; line-height: 60px; padding: 0 1px; text-align: center; }
.picMarquee-left{ overflow:hidden;}
.picMarquee-left .bd ul{ padding:15px;  zoom:1;  }
.picMarquee-left .bd li{  float:left; height: 230px; width: 20%;overflow: hidden;text-align: center;line-height: 20px;margin-left: 15px; margin-bottom: 5px;}
.picMarquee-left .bd li img{ border: 1px solid #ccc;}
.picMarquee-left .bd li:hover img{ border: 1px solid #000;}
.picMarquee-left .bd li img{ width:95%; display:block;}
.picScroll-left	{position: relative;}
.picScroll-left .bd li{  float:left; width:23%; background:#e8e8e8;overflow: hidden;text-align: center;line-height: 20px;margin-left: 14px;padding:3px;height: 300px;line-height: 300px;position: relative;}
.pro-box li .xq{position: absolute;width: 100%; overflow: hidden;height: 100%;left: 0;top: 0;display: none;background: url(../images/about-bottom-bg.png); z-index: 99;}
.pro-box li .xq .heng{position: absolute;display: block;width: 100%;text-align: center;font-size: 18px;font-weight: bold;color: #fff;}
.pro-box li .xq .shu {position: absolute;display: block;text-align: center;}
.picScroll-left .bd li a{display: block; height: 300px; background: #fff; }
.picScroll-left .bd li img{ max-width: 100%;  display:block;display: inline-block; vertical-align: middle;}
.picScroll-left>.hd>.next{position: absolute; top: 0; left: 0; background: url(../images/next.jpg) no-repeat top center; width: 41px; height: 100px; left: -70px; top: 95px;}
.picScroll-left>.hd>.prev{position: absolute; top: 0; background: url(../images/prev.jpg) no-repeat top center; width: 41px; height: 100px; right: -70px; top: 95px;}
.span-name{width: auto; display: block;height: 100px;margin: 0 auto;padding:0 15px;line-height: 100px;text-align: center;font-size: 14px;background: #d6d6d6;color: #000;}
.span-name:hover{background: #28a84b;}
.span-name:hover a{ color: #fff;}
.span-name a{ font-size: 16px;}
.p-more{width: 90px; display:inline-block;float: right;height: 25px;margin: 20px auto;border: #c2c2c2 solid 1px;line-height: 25px;font-size: 15px;text-align: center;color: #000;}	 
.related-list li{ display: inline-block; width: 49%;}
#shownews .title{text-align: center; line-height: 35px; margin-bottom: 20px; font-weight: bold; font-size: 24px;}
#shownews .related {font-weight: bold;height: 40px;line-height: 30px;font-size: 13px;margin-top: 15px;background: url(../images/bg_news.gif) repeat-x;color: #fff;}
.related_cp ul {width: 100%;height: auto; padding-top: 6px;overflow: hidden;padding-bottom: 20px;}
.related_cp ul li {text-align: center;float: left;margin-right: 20px;}	
.related_cp ul li img {border: 1px solid #e4e4e4;height: 176px; padding: 5px;}
.related_cp ul li a:hover img {border: 1px solid #0c5299;}
.related_cp{margin-top: 50px;}
#piclist li{ height:155px; background:none; border:1px solid #ddd;}	
#piclist li .ph_hover {top: 0;left: 0;width: 100%;height: 100%;display: block;position: absolute;}
.jobList li{ width:20%; float:left; text-align:center; line-height:40px; border-bottom:1px dashed #ccc; }
.jobList li span{ display: block; width: 100%; height: 100%;  display: block;  color: #f7f7f7;background: #004a96; padding: 10px 0;}
.page-guestbook b{ line-height:30px;  display:inline-block; width:80px; text-align:right;}
.page-guestbook dt{width: 100%;}
.page-guestbook b span{ padding-left:10px;}
.showjobList li{ border: 1px solid #ccc; border-top:none ; height: 40px; width:100%; line-height: 40px;}
.showjobList li div{ width: 50%; float: left;}
.showjobList li b{ color: #468847;  display: block; font-weight: 500; text-align: center;}
.showjobList li span{ width: 120px;  height:100%; display: inline-block; text-align: center;color: #468847; margin-right: 10px; border-right: 1px solid #ccc;} 
.showjobList {border-top:1px solid #ccc;  margin-bottom: 0;}
.lhms{ width: 100%;border: 1px solid #ccc; border-top:none ;}
.lhms b{ font-weight: 100;width: 120px;   min-height: 80px; display: inline-block;float: left; text-align: center;color: #468847;  }
.lhms span{ display: inline-block; height: auto; min-height: 80px; border-left: 1px solid #ccc; padding-left: 10px;}
.lh616{ width: 150px; line-height: 40px; margin: 5px auto ; border: 1px solid #006EC7;}
.downloadtimes{ padding: 0 5%;}
.downloadtimes i img{ margin-right: 5px; width: 14px;}
#guestbook  dt{ display: inline-block; width: 50%;}
#guestbook input[type="text"]{width:60%; padding: 0 2.5%;border-radius:5px; border:1px solid #C7E2F6;line-height:40px;}
.page-guestbook #guestbook  dt{width: 100%; padding: 5px 0;font-size: 16px;}
.page-guestbook #guestbook  textarea{ width:65%;border: 1px solid #C7E2F6;}
.lh68{ position: absolute; top: 0; z-index: -1;}
.lhbd label,.gzjl{display:inline-block;margin-bottom: 0px;font-size: 16px;/*width: 28%;*/}
.gzjl{width: 100%;}
.gzjl textarea{width:83%; padding:2.5%;border-radius:5px; border:1px solid #C7E2F6;line-height:40px;box-sizing: border-box;}
.lhbd dt{ padding: 3px 0; width: 100%;}
.lhbdfr{ float: right;width:50%;}
.lhbdfl{ float: left;width:50%;}
/*.lhbdfr > dt:first-child{display: flex !important;align-items: center;}*/
.bbbbb{width:10%!important;}
/*.lhbdfr label{width: 100%;}*/
.lhbd input{ width: 57%;}
.lhbdfl input{ width: 67%;}
.lhbd span{font-weight: 100;}
.lhbd .Content{ width: 84%;}
.clear{ clear: both;}
.lhbd .Content{ height:155px;}
.submit{ background: #0c5299; color: #fff; display: block; width: 80px; line-height:40px; margin:45px auto 0px; text-align: center; border: none;font-size: 16px;}
.lh615{  line-height:40px;margin:45px auto 0px;text-align: center; border: none;font-size: 16px;}
.BMapLib_SearchInfoWindow img{height: auto;}



/*内页产品*/
.ny-products ul li{
	margin-bottom: 40px;
}
.ny-products ul li a img{
	width: 100%;
}


/*内页企业文化*/
.ny-qywh{
	margin-bottom: 6vh;
}
.ny-qywh ul li .wh-border{
	border: solid 1px #f6f6f6;
	padding: 4vh 3vw;
	font-size: 15px;
	color: #222;
}
.ny-qywh ul li:hover .wh-border{
	border: solid 1px #0c5299;
}
.ny-qywh ul li .wh-border p{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 2vh;
	border-bottom: solid 1px #0c5299;
	padding-bottom: 2vh;
}

/*公司简介*/
.ny-jjwz{
	width: 50%;
}
.ny-jjtu{
	width: 50%;
}
.ny-jjtu img{
	width: 100%;
}
.nyjj-nr{
	padding: 4vh 4vw;
	font-size: 18px;
	line-height: 40px;
}
.nyjj-nr ul li{
	text-indent: 2rem;
}
.mt50{
	margin-top: 40px;
}
.ny-aboutal{
	margin-top: 4vh;
}
.ny-jjbg{
	background: #eee;
	padding: 4vh 3vw;
	margin: 3vh 0;
}



/* 大屏幕 */
@media (min-width: 1728px) {

}

@media (min-width: 1440px) and (max-width:1727px) {
	.ny-lxdz{
	font-size: 12px;
}


}

@media (min-width: 1280px) and (max-width:1439px) {
	.ny-lxfs li {
    width: 100%;
}
.ny-lxicon {
    width: 6%;
    line-height: 7vh;
}
	.nyxw-img {
    width: 19%;
}
	

}

@media (min-width: 980px) and (max-width: 1279px) {
	.ny-lxfs li {
    width: 100%;
}
.ny-lxicon {
    width: 8%;
    line-height: 7vh;
}
.nyxw-img {
    width: 24%;
}
.nyxw-nrbox {
    width: 74%;
}


	


}
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	.sj-banner{display: block;}
	.banner{
		display: none;
	}
	.ny-lxfs li {
    width: 100%;
}
.ny-lxicon {
    width: 10%;
    line-height: 7vh;
}
.nyxw-img {
    display: none;
}
.nyxw-nrbox {
    width: 100%;
    padding: 0;
}
.ny-gsxw li {
    padding: 4%;
}
	




}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (min-width: 481px) and (max-width:767px) {
	.sj-banner{display: block;}
	.banner{
		display: none;
	}
	.ny-lxfs li {
    width: 100%;
}
.ny-lxicon {
    width: 13%;
    line-height: 7vh;
}
.ny-lxnr {
    width: 100%;
}
.nyxw-img {
    display: none;
}
.nyxw-nrbox {
    width: 100%;
    padding: 0;
}
.ny-gsxw li {
    padding: 4%;
}
	
	




}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	.sj-banner{display: block;}
	.banner{
		display: none;
	}
	.ny-daohang ul li a span {
    font-size: 14px;
}
	.ny-lxfs li {
    width: 100%;
}
.ny-lxicon {
    width: 19%;
    line-height: 7vh;
}
.ny-lxtext {
    width: 76%;
}
.ny-lxnr {
    width: 100%;
}
.nyxw-img {
    display: none;
}
.nyxw-nrbox {
    width: 100%;
    padding: 0;
}
.ny-gsxw li {
    padding: 4%;
}
.ny-bt p, .ny-bt a {
    font-size: 14px;
}
	
	
		



}