@charset "utf-8";
@media (min-width: 1200px) {
  .container {
    width: 360px;
  }
}

/* CSS Document */
@font-face {      font-family: 'DIN-Bold';      
src: url('DIN-Bold.eot'); /* IE9 Compat Modes */      
src: url('DIN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('DIN-Bold.woff') format('woff'), /* Modern Browsers */              
url('DIN-Bold.otf')  format('truetype'), /* Safari, Android, iOS */              url('DIN-Bold.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 

@font-face {      font-family: 'Helvetica Narrow';      
src: url('Helvetica Narrow.eot'); /* IE9 Compat Modes */      
src: url('Helvetica Narrow.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('Helvetica Narrow.woff') format('woff'), /* Modern Browsers */              
url('Helvetica Narrow.ttf')  format('truetype'), /* Safari, Android, iOS */              url('Helvetica Narrow.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    } 

a {
    color: #000000;
    text-decoration: none;
}

a:hover { 
    text-decoration:none;
	transition: all 300ms ease-in 0ms;
	}

body{  color:#666; line-height:24px; font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}


.hover a {
    background-color: #e60012;
    color: #FFFFFF;
} 



.dingbu {
    background-color: #e32129;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    color: #FFFFFF;
	padding-left:10px; padding-right:10px;
}

.ctt {
    text-align: center;
    padding-top: 10px;
    padding-right: 20px;
    cursor: pointer;
}

#toggle-sidebar {
    cursor: pointer;
}

.cha {
    color: #000000;
    font-size: 20px;
}
   
.dhw-aa {
    width: 50%;
    float: left;
}  

.dhw-bb {
    width: 50%;
    float: right;
    text-align: right;
}
   
.tb-aa {
   margin-top:8px;
   }
      
.tb-aa a {
    display: block;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    background: -webkit-linear-gradient(left, #0255ab, #02977c);
    background: -o-linear-gradient(right, #0255ab, #02977c);
    background: -moz-linear-gradient(right, #0255ab, #02977c);
    background: linear-gradient(to right, #0255ab, #02977c);
    border-radius: 20px;
}

.tb-aa a:hover {
       background: -webkit-linear-gradient(left, #0255ab, #fbca0c); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0255ab, #fbca0c); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0255ab, #fbca0c); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0255ab, #fbca0c); /* ��׼���﷨ */
}
   
.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    opacity: .7;
}

.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFF;
}

.lanmu {
   height:auto; overflow:hidden;
   padding:15px;
   }
   
.sousuo {
   height:auto; overflow:hidden;
   border:1px solid #b6b6b6;
   border-radius: 20px;
   }
   
.sousuo form {
    display: flex;
}

.sousuo .search {
    border: 0;
    height: 30px;
    font-size: 14px;
    padding-left: 10px;
    width: 82%;
    border-radius: 8px 0 0 8px;
}   

.sousuo .btn {
    height: 30px;
    margin: 0;
	padding:0px;
    background: #FFFFFF;
    border-radius: 0 8px 8px 0;
    color: #494949;
    text-align: center;
    width: 18%;
}

.lmbj {
   position:relative;
   height:auto; overflow:hidden;
   padding-top:10px;
   margin-top:10px;
   }
   
.lmzz {
   position:absolute;
   width:100%;
   left:0px;
   top:105px;
   color:#FFFFFF;
   }
   
.lmzz li {
   list-style-type:none;
   width:33.3%;
   float:left;
   text-align:center;
   margin-bottom:15px;
   }
   
.lmzz li a {
   color:#FFFFFF;
   }   
   
.lmzz li p {
      height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   margin-top:3px;
   margin-bottom:0px;
   }
   
   
.lmzz2 {
   position:absolute;
   width:100%;
   left:0px;
   top:25px;
   color:#FFFFFF;
   }
   
.lmzz2 li {
   list-style-type:none;
   width:50%;
   float:left;
   text-align:center;
   margin-bottom:15px;
   }
   
.lmzz2 li a {
   color:#FFFFFF;
   }   
   
.lmzz2 li p {
   margin-top:3px;
   margin-bottom:0px;
   }   
   
.xinwen {
   height:auto; overflow:hidden;
   }
   
.xw-lan {
    height:auto; overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	line-height:40px;
	border-bottom:10px solid #efefef;
	} 

.xw-lan-aa {
   width:75%;
   float:left;
   font-size:16px;
   font-weight:bold;
   } 
   
.xw-lan-bb {
   width:25%;
   float:right;
   text-align:right;
   }
   
#slidingBlock {
	height:auto; overflow:hidden;
}

#slidingBlock span {
    height:40px;line-height:40px;
}
#slidingBlock span.menuNo {
    font-weight:normal; height:40px;line-height:40px; color:#575757; font-weight:bold;
}
#slidingBlock span.menuOn {
    font-weight:normal; height:40px;line-height:40px; color:#038770; font-weight:bold;
}
#slidingBlock DIV.slidingList_none {
    display:none
}
#slidingBlock DIV.slidingList {
    width:100%;
    margin:0px; padding:0px; height:auto; overflow:hidden;
}
   
.xw-nei {
   padding:15px;
   padding-top:0px;
   height:auto; overflow:hidden;
   }  
   
.xw-nei li {
   list-style-type:none;
   float:left;
   height:auto; overflow:hidden;
   padding-top:15px;
   padding-bottom:15px;
   border-bottom:1px solid #d3d3d3;
   } 
   
.xw-nei-aa {
   width:70%;
   float:left;
   line-height:30px;
   color:#575757;
   }
   
.xw-nei-bb {
   font-family: 'DIN-Bold', Helvetica, Arial, sans-serif;
   width:30%;
   float:right;
   text-align:right;
   color:#a7a7a7;
   }
   
.zbnn {
   margin:15px;
   height:auto; overflow:hidden;
   background-color:#f5f5f5;
   box-shadow: 0px 0px 10px rgba(0,0,0,.4);
   border-radius: 20px;
   }
   
.zbnn li {
   list-style-type:none;
   height:auto; overflow:hidden;
   line-height:45px;
   padding-left:5px;
   padding-right:5px;
   border-bottom:1px solid #FFFFFF;
   }
   
.zbnn-aa {
   width:75%;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   float:left;
   color:#2d2d2d;
   }
   
.zbnn-bb {
   width:25%;
   float:right;
   text-align:right;
   color:#9d9d9d;
   }  
   
.yeji {
   height:auto; overflow:hidden;
   }
   
.yeji-lan {
    height:auto; overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	line-height:40px;
	border-bottom:10px solid #efefef;
	} 

.yeji-lan-aa {
   width:75%;
   float:left;
   font-size:16px;
   color:#575757;
   font-weight:bold;
   } 
   
.yeji-lan-bb {
   width:25%;
   float:right;
   text-align:right;
   } 
   
.yeji-nei {
   padding:15px;
   height:auto; overflow:hidden;
   }
   
.yjkuai {
   height:auto; overflow:hidden;
   margin-top:15px;
   } 
   
.yjkuai p {
   height:45px;
   overflow:hidden;
   margin-top:3px;
   margin-bottom:0px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   } 
   
.bgbj {
   height:auto; overflow:hidden;
   padding:15px;
   background:url(../images/bgbj.jpg) center;
   color:#FFFFFF;
   margin-top:10px;
   } 
   
.biao {
   height:auto; overflow:hidden;
   margin-bottom:15px;
   }
   
.kk {
    height: 36px;
    border: 1px solid rgba(255,255,255,.28);
	background-color:rgba(255,255,255,.28);
    color: #ffffff;
    font-size: 14px;
    border-radius: 0;
}

.kk2 {
    height:auto; overflow:hidden;
    border: 1px solid rgba(255,255,255,.28);
	background-color:rgba(255,255,255,.28);
    color: #ffffff;
    font-size: 14px;
    border-radius: 0;
}

.bgbj .form-control:-moz-placeholder {
  color: #ffffff;
}

.bgbj .form-control::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.bgbj .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.bgbj .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.anniu {
   width:100%;
   height:40px;
    border: 1px solid rgba(255,255,255,.28);
	background-color:rgba(255,255,255,.28);
	border-radius: 0;
   }
   
   
/* 单页 */
.huibj {
   padding:15px;
   background-color:#eaeaeb;
   height:auto; overflow:hidden;
   }
   
   
.biaoti {
    overflow: hidden;
    height: 56px;
    line-height: 56px;
    background: #fff;
}


.biaoti .left {
    width: 14%;
    float: left;
    background: url(../images/a_01.jpg) no-repeat center;
}

.biaoti .center {
    width: auto;
    float: left;
    color: #054293;
    font-size: 18px;
    padding-left: 3%;
}

.biaoti .right {
    width: auto;
    float: right;
    margin-right: 4%;
    color: #898989;
    font-size: 14px;
    background: url(../images/home.jpg) no-repeat center left;
    padding-left: 25px;
}

.class {
    height: auto;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}

.class li {
    width: 32.3%;
    margin-right: 1%;
    line-height: 32px;
    float: left;
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
	list-style-type:none;
	   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
}


.class li.hover a {
    color: #fff;
    background: #054293;
}

.class li a:hover {
    color: #fff;
    background: #054293;
}

.class li a {
    width: 100%;
    height: 32px;
    display: block;
    color: #848484;
    background: #fff;
    transition: all 300ms ease-in 0ms;
}

.bd {
   border:1px solid #e70012;
   }


.abcd {
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 5%;
    line-height: 26px;
    font-size: 12px;
    color: #717071;
}

.abcd img {
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
   }
   
.abcd h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   text-align:center;
   margin-top:0px;
   margin-bottom:15px;
   }


/* 新闻列表 */
.news {
    width: 100%;
    overflow: hidden;
    padding: 2%;
    background: #fff;
    margin-bottom: 10px;
}

.news a {
    display: block;
    background: #fff;
}

.news a .pic {
    width: 25%;
    float: left;
    margin-right: 3%;
}

.news a .cont {
    width: 70%;
    float: left;
    color: #717071;
}

.news a .tit {
    width: 100%;
    height: 22px;
    color: #717071;
    font-size: 14px;
    overflow: hidden;
    line-height: 22px;
    margin-bottom: 10px;
    float: left;
}

.news a .time {
    width: 100%;
    height: 20px;
    color: #717071;
    font-size: 12px;
    overflow: hidden;
    line-height: 20px;
    float: left;
}

.news a .more {
    width: 25%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #1055b3;
    border-radius: 5px;
    float: right;
}

/* 产品列表 */

.tp {margin-top:10px;}

.cpx-zi {
    padding: 10px;
    height: auto;
    overflow: hidden;
}

.cpx-zi h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   color:#000000;
      height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   text-align:center;
   margin-top:5px; margin-bottom:5px;
   }
   
.ztt {
   height:auto; overflow:hidden;
    font-size: 14px;
    line-height: 30px;
    color: #3f3f3f;
}

.ztt h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
	text-align:left;
	color:#000000;
    margin-top: 0px;
    margin-bottom: 8px;
}

.ztt h3 {
    font-family: 'Helvetica Narrow', Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    color: #7f7f7f;
    background: url(../images/ywhua.jpg) left bottom;
        background-repeat: repeat;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.ztt h4 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
	color:#000000;
    margin-top: 20px;
    margin-bottom: 10px;
}

.anli h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-top: 0px;
	color:#000000;
    margin-bottom: 20px;
}

/* 产品内页 */
.datu {
   width:80%;
   margin:0 auto;
   }
.datuzi {
   text-align:center;
   font-weight:bold;
   margin-top:5px;
   font-size:18px;
   }


.fanhui {
    height: auto;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #757472;
}

.fenye {
    width: 100%;
    height: 60px;
}

.fenye-aa {
    width: 50%;
    float: left;
}

.fenye-aa a {
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    background-color: #ff6101;
    font-size: 18px;
}

.fenye-bb {
    width: 50%;
    float: right;
}

.fenye-bb a {
    display: block;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: #FFFFFF;
    background-color: #ffb601;
    font-size: 18px;
}


.daohang ul { padding:0px; margin:0px;}
.daohang ul li {
   width:33.3%;
   height:45px;
   line-height:45px;
   float:left;
   text-align:center;
   list-style-type:none;
   background-color:#e70012;
   border-bottom: 1px solid #c50f1d;
   }
.daohang ul li a {
    display: block;
    color: #FFFFFF;
    font-weight: bold;
	border-left: 1px solid #c50f1d;
    border-right: 1px solid #c50f1d;
	font-size:16px;
}

.daohang ul li a:hover {
    background-color:#c50f1d;
	color:#FFFFFF;
}  

.lanmore {
   margin-top:5px;
   text-align:center;
   height:auto; overflow:hidden;
   }
 
.lanmore a {
   color:#555555;
   }

/* 招聘 */

.zplieb{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	border-bottom:1px rgba(0,0,0,.1) solid;
}
.zplieb span{
	display:block;
	font-weight:bold;
	text-align:center;
	font-size:1.5rem;
	line-height:30px;
	padding:15px 0px;
	overflow:hidden;
}
.zplieb span:nth-of-type(1){
	width:10%;
}
.zplieb span:nth-of-type(2){
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	width:35%;
}
.zplieb span:nth-of-type(3){
	width:15%;
}
.zplieb span:nth-of-type(4){
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	width:25%;
}
.zplieb span:nth-of-type(5){
	width:15%;
}
.zplieb span:nth-of-type(2):after{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}
.zplieb span:nth-of-type(2):before{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}
.zplieb span:nth-of-type(4):after{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}
.zplieb span:nth-of-type(4):before{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}

.zplb{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	border-bottom:1px rgba(0,0,0,.1) solid;
	transition:.5s;
	cursor:pointer;
}
.bse{
	background:#fff;
}
.jobct-ct section:hover .zplb{
	background:#fff;
}
.zplb span{
	display:block;
	text-align:center;
	font-size:1.5rem;
	line-height:30px;
	padding:15px 0px;
	overflow:hidden;
}
.zplb span font:after{
	content:"+";
	font-size:2.4rem;
	color:#7eb112;
}
.bse span font:after{



	content:"-";
	font-size:2.4rem;
	color:#7eb112;
}
.zplb span:nth-of-type(1){
	width:10%;
}
.zplb span:nth-of-type(2){
	width:35%;
}
.zplb span:nth-of-type(3){
	width:15%;
}
.zplb span:nth-of-type(4){
	width:25%;
}
.zplb span:nth-of-type(5){
	width:15%;
}
.zkzpxq{
	display:none;
	background:#f9f9f9;
	padding-bottom:30px;
}
.zpxq{
	justify-content:center;
	-webkit-justify-content:center;
	background:#f9f9f9;
}
.zpxq .yaoqiu{
	width:100%;
}
.zpxq .zhize{
	width:100%;
}
.zpxq .daiyu{
	width:100%;
}
.zpxq>div{
	padding:15px;
	color:rgba(0,0,0,.7);
}
.zpxq>div>big{
	display:block;
	font-weight:bold;
	font-size:1.6rem;
	line-height:30px;
	padding-bottom:5px;
}
.zpxq>div>span{
	display:block;
	line-height:24px;
	font-size:1.4rem;
}
.zkzpxq>a{
	background:#7eb112;
	color:#fff;
	line-height:38px;
	width:120px;
	text-align:center;
	font-size:1.4rem;
	margin:0px 0px 0px 4%;
	display:block;
}
.zkzpxq>a:hover{
	color:#fff;
}  

/* 联系我们 */
.lxnn {
    height: auto;
    overflow: hidden;
    background-color: #f9f9f9;
    padding-top: 30px;
    padding-bottom: 35px;
}

.lxtu {
    text-align: center;
    height: auto;
    overflow: hidden;
}

.lxtu p {
    text-align: center;
    margin-top: 10px;
	margin-bottom:10px;
    color: #353535;
    font-size: 14px;
}

.dtxx {
   height:auto; overflow:hidden;
}

.anniuk {
    width: 100%;
    height: 36px;
    color: #FFFFFF;
    background: -webkit-linear-gradient(left, #0255ab, #02977c);
    background: -o-linear-gradient(right, #0255ab, #02977c);
    background: -moz-linear-gradient(right, #0255ab, #02977c);
    background: linear-gradient(to right, #0255ab, #02977c);
	border:1px solid #02977c;
    border-radius: 0;
    font-size: 14px;
}


/* 固定底 */

   
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
	background-color:#054293;
}

.fygnav {
    padding-top: 8px;
	height:60px;
	background-color:#054293;
}


.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 20%;
    text-align: center;
    float: left;	
}
.fygnav li a { color:#FFFFFF;}

.bottom {
    margin-bottom: 50px;
}

#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 20001;
}

#mcover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    display: none;
	}