/**全局样式**/

.disn{

	display: none;

}

.disbl{

	display: block !important;

}

.gray{

	background: #f3f3f3;

}

.gray2{

	background: #f6f8f8;

}

.line{

	border-bottom: #ccc solid 1px;

	height: 40px;

}

.line2{

	border-bottom:#056b9c solid 3px;

	height: 40px;

}

.mt_30{

	margin-top: 30px !important;

}

@media (max-width: 768px) {

	.mt_30{

	margin-top: 15px !important;

	}

}

.mb_30{

	margin-bottom: 30px !important;

}

.ml_10{

	margin-left: 10px !important;

}

.paddt_30{

	padding-top: 30px !important;

}

.paddb_30{

	padding-bottom: 30px !important;

}

/*全局h2样式*/

.about h2,.product h2,.case h2,.cooper h2{

	width: 15%;

	text-align: center;

	margin:0 auto;

}

@media (max-width: 768px) {

  .about h2,.product h2,.case h2,.cooper h2{

	width: 40%;

	font-size: 30px;

	}

}

/*tophead*/



.tophead{

	height: 24px;

	line-height: 24px;

	color: #7b7a7a;

	font-size: 12px;

}

.tophead p{

	margin-bottom: 0px;

}

.tophead a{

	color:  #7b7a7a;

	margin:0px 5px;

	line-height: 24px;

}

.tophead a:hover{

	text-decoration: underline;

}



/*header*/

header{

    color: #3e3d3d;

    background-color: #fff;

    padding:0px;

}

.navbar-fixed-top{

	position: relative;

}

.logo{

    float: left;

    margin:10px 10px 0px 0;

	position: relative;

	z-index: 9999;

}

.logo a{

	display: block;

}

@media (max-width: 768px) {

  	.logo img{

  	transform: scale(0.8);

  	margin-left:-20px;

	}

}

.navbar{

	margin-top: 20px;

}

@media (max-width: 768px) {

  	.navbar{

		margin-top: 35px;

		margin-bottom: 0;

	}

}

.navbar-default{

    background-color: transparent;

    border: none;

}

.navbar-default .navbar-nav>li>a {

    color: #3e3d3d;

    font-size: 16px;



}

.navbar-default .navbar-nav>li.active>a:hover,

.navbar-default .navbar-nav>li>a:hover {

	font-weight: bold;

    color: #056b9c;

    border-bottom:#056b9c solid 2px;



}

.navbar-default .navbar-nav>li.active>a {

	font-weight: bold;

    background-color: transparent;

    color: #056b9c;

     border-bottom:#056b9c solid 2px;



}

.navbar-default .navbar-nav>li.active>a:hover {

	font-weight: bold;

    background-color: transparent;

}

.navbar-toggle {



  margin-top: 0px;

  padding:5px 5px;



}

/*Home---about*/

.about h4{

	color: #056b9c;

	line-height: 30px;

}

.about p{

	font-size: 16px;

	color: #555;

	line-height: 1.6;

	width: 95%;

	margin:0px auto 20px;

}

.about .btn-default{

	width: 150px;

	margin:0px auto;

	border:#056b9c solid 1px;

	border-radius: 100px;

	padding:8px 10px;

	color: #056b9c;

}

.about .btn-default:hover{

	background: #056b9c;

	color: #fff;

	transition: all 0.2s linear;

}



/*Home---product*/

.product .col-md-2{

	width: 20%;

}

@media (min-width: 992px) {

	.product .col-md-10 {

	    width: 79.33333333%;

	}

}

@media (max-width: 768px) {

	.product .col-xs-12 {

	    width: 100%;

	}

}

.product .prolist{

	border: 1px solid #bfbfbf;

}

.product .prolist dt{

	background: #056b9c;

	padding:10px 20px;

	color: #fff;

}

.product .prolist dt h3{

	font-size: 30px;

	line-height: 20px;

}

.product .prolist dt small{

	text-transform: uppercase;

	font-size: 24px;

	font-weight: normal;

} 

.product .prolist dd{

	height: 40px;

	line-height: 40px;

	overflow: hidden;

}

.product .prolist dd a{

	width:80%;

    background: #f8f7f7;

    padding-left: 10px;

    text-align: left;

    color: #333;

    font-size: 14px;

    display: block;

    float: left;

}

.product .prolist dd:hover{

	background: #056b9c;

	display: block;

}

.product .prolist dd:hover a,.product .prolist dd:hover span{

	background: #056b9c;

	color: #fff;

}

@media (max-width: 768px){

.product_con a span{

    height: 55px;	

}	

}

.product_con a span{

    line-height: 30px;

    font-size: 14px;

    color: #575757;

    text-align: center;

    display: block;

}

.product_con a.thumbnail:hover,

.product_con a.thumbnail:focus,

.product_con a.thumbnail.active {

  border-color: #056b9c;

}



/*Home---通栏广告1*/

.tladv{

	background: url(../images/tong1.png) no-repeat center center;

	position: relative;

	height: 200px;

}

.tladv h3{

	color: #fff;

	font-size: 36px;

	position: absolute;

	top: 60px;

	right: 177px;

}

.tlbtn{

	position: absolute;

	top: 134px;

	right: 259px;

}

.tlbtn .btn{

	background: #056b9c;

	border:#056b9c solid 1px;

	padding:8px 20px;

	color: #fff;

}

.tlbtn .btn-default:hover{

	background: #056b9c;

	color: #fff;

	transition: all 0.2s linear;

}



/*Home---advantage*/

.advantage{

	background: url(../images/youshi-di.jpg) no-repeat center center;

	height: 1489px;

	position: relative;

}

.advantage h2{

	padding-top: 10px;

	color: #fff;

}

.youshi01,.youshi03{

	width: 65%;

	float: right;

	position: relative;

}

.youshi01 dl {

	position: absolute;

	top: 146px;

    right: 23px;

	width: 450px;

}

.advantage dl dt h4{

	background: url(../images/you01.png) no-repeat left;

	color: #333;

	font-size: 24px;

	text-align: left;

	padding-left: 45px;

	margin-bottom: 5px;

}

.advantage dl dt span{

	text-align: left;

	text-transform: uppercase;

	color: #a1a1a1;

	font-size: 15px;

	font-weight: normal;

	line-height: 20px;

	font-family: "Arial";

}

.advantage p{

	margin-top: 10px;

	line-height: 30px;

	color: #454545;

	font-size: 15px;

}

.youshi02,.youshi04{

	width: 65%;

	float: left;

	position: relative;

}

.youshi02 dl {

	position: absolute;

	top: 469px;

	left: 0;

	width: 450px;

}



.youshi03 dl {

	position: absolute;

	top: 782px;

    right: 11px;

	width: 450px;

}

.youshi04 dl {

	position: absolute;

	top: 1095px;

	left: 0;

	width: 450px;

}

/*Home---tladv2*/

.tladv2{

	background: url(../images/t2.png) no-repeat center center;

	height: 200px;

}



/*Home---case*/

.casecon a{

	position: relative;

	display: block;

	

}

.casecon a img{

	display: block;

	position: relative;

	z-index: 2;

	width:360px;

	height:254px;

}

@media (max-width: 768px) {

	.casecon a img{

		height: 100%;

		max-height:112px;

		height: 111px;

	}

}

.casebg{

	background: rgba(0,0,0,0.5);

	z-index: 3;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

}

.casecon a span{

	margin-top: 30%;

	display: block;

	text-align: center;

	font-size: 16px;

	color: #fff;

	

}

.casecon .thumbnail{

	border:none;

	padding:0;

}

.casecon02{

	background: #056b9c;

	height: 254px;

	text-align: center;

}

@media (max-width: 768px) {

	.casecon02{

        height: 111px;

    	width: auto;

    	margin-left: 15px;

	}

}

.casecon02 a{

	color: #fff;

}

.casecon02 a p{

	font-size: 16px;

	text-align: center;

	padding-top: 94px;

}

@media (max-width: 768px) {

	.casecon02 a p{

	   padding-top: 24px;

	}

}

.casecon02 .btn{

	background: none;

	border:#fff solid 1px;

	padding:8px 20px;

	color: #fff;

}

.casecon02 .btn-default:hover{

	background: #ccc;

	color: #333;

	transition: all 0.2s linear;

}



/*Home---news*/

.news{

	background: url(../images/zixun-bg.jpg) no-repeat center center;

}

.newswrap{

	padding:20px 30px;

}

.newswrap .col-md-4{

	padding:0;

	width:32%;

}

.newsbg{

	background: rgba(255,255,255,0.9);

	padding:10px;

	min-height: 380px;

}

@media (max-width: 768px) {

	.newsbg{

		min-height: 130px;

	}

}

.newstit {

	padding:0px 15px;

}

.newstit a h4{

	color: #333333;

    font-size: 18px;

    float: left;

    border-left: #056b9c solid 2px;

    height:20px;

    line-height: 20px;

    padding-left: 10px;



}

.newstit a h4 em{

	color: #555555;

    font-size: 12px;

    font-weight: normal;

    text-transform: uppercase;

    display: inline-block;

    padding-left: 5px;

}

.newstit a span{

	cursor: pointer;

    font-size: 14px;

    line-height: 45px;

    color: #666;

    font-weight: normal;

    float: right;

}

.newstit a:hover span{

	text-decoration: underline;

}

.newscon{

	margin-top: 45px;

}

.newscon img{

	max-width: 100%

}

.newscon ul,.contact{

	padding-left: 20px;

}

.newscon li {

	height: 40px;

	line-height: 40px;

	padding-left: 18px;

	background: url(../images/dtico.png) no-repeat 6px center;

	overflow: hidden;

}

.newscon li a {

	color: #555555;

	font-size: 13px

}

.newscon li a:hover{

	color:#056b9c;

}

.contact{

	margin-top: 15px;

}

.contact p{

	text-align: left;

	color: #555555;

	line-height: 25px;

}

@media (min-width: 992px) {

	.newswrap .col-md-4{

		width: 32%;

		margin-right:8px;

	}

	.newswrap .col-md-4:nth-child(3n){

		margin-right: 0;

	}

	.newswrap .col-md-4:nth-child(1){

		margin-left: 8px;

	}

}

@media (max-width: 768px) {

	.newswrap .col-xs-12 {

	    width: 100%;

	    margin-left: 0 !important;

	}

}

/*Home---cooper*/

.picMarquee-left{ width:1140px;  overflow:hidden; position:relative;}

.picMarquee-left .bd{ padding:0px 0;   }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1;padding-left: 0; }

.picMarquee-left .bd ul li{ margin:0 10px 0px 18px;float:left; _display:inline; overflow:hidden; text-align:center;  }

.picMarquee-left .bd ul li .pic{ text-align:center; }

.picMarquee-left .bd ul li .pic img{ width:198px; height:auto; display:block; padding:2px; border:1px solid #ccc; }

.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }



/*footer*/

.footer{

	background: #353636;

	padding: 25px 0px;

}

.footer dl dt h5{

    font-size: 16px;

    text-align: left;

    color: #fff;

    font-weight: normal;

    line-height: 30px;

}

.footer dl dd{

	height: 24px;

	overflow: hidden;

	display: block;

}

.footer dl dd a{

	color: #ccc;

    font-size: 12px;

}

.footer dl dd p{

	color: #fff;

	line-height: 20px;

}

.footer h5{

    font-size: 16px;

    text-align: left;

    color: #fff;

    font-weight: normal;

    line-height: 30px;

}

.footcontact p{

	line-height: 24px;

	color: #ccc;

}

.footewm{

	float: right;

}

@media (max-width: 768px) {

	.footer{

		padding: 0px;

	}

}

.mfootcopy{

	color: #ccc;

	padding:10px 50px;

	line-height: 22px;

}



/**************page--html******************/

/*Page---aside*/

/*quinav*/

.quinav dl{

	border:#bfbfbf 1px solid;

	margin-bottom: 20px;

	overflow: hidden;

}

.quinav dl dt h5,.asidecontact h5{

	background-color: #056b9c;

    height: 50px;

    line-height: 50px;

    font-weight: bold;

    text-indent: 16px;

    font-size: 16px;

    color: #fff;

    margin:0;

}

.quinav dl dd {

    position: relative;

}

.quinav dl dd span{

	position:absolute;

	right:10px;

	top:12px;

}

.quinav dl dd>a {

    color: #333;

    font-size: 14px;

    display: block;

   	width: 100%;

   	overflow: hidden; 

   	line-height: 40px;

    height: 40px;

    box-sizing: border-box;

    padding-left:15px;

}

.quinav dl dd:hover>ul{

	display: block;

}

.quinav dl dd>ul{

	display: none;

	padding:0;

	margin:0;

	background-color:#dedede;

}

.quinav dl dd>ul>li{

	list-style: none;

	padding:0;

	margin:0;

}

.quinav dl dd>ul>li>a{

	display: block;

	padding:8px 20px;

	text-decoration:none;

}

.quinav dl dd a:hover{

	display: block;

	background-color: #056b9c;

	cursor: pointer;

}



/*asidecontact*/

.asidecontact{

	border:#bfbfbf 1px solid;

	margin-bottom: 20px;

}

.asidecontact p{

	padding:10px;

	color: #333;

    font-size: 14px;

}



/*Page---main-right*/

.breadcrumb img{

	margin-top: -4px;

}

.content p{

	font-size: 14px;

	color: #333;

	line-height: 24px;

}

.content img{

	max-width: 100%;

	height:auto;

	display: block;

	margin:auto;

}



/*手机端列表分类*/

.masidelist{

	width: 100%;

	margin:0 auto;

	padding:0;

}

.masidelist ul{

	margin-left: 0;

	padding-left: 0;

}

.masidelist ul li{

	list-style: none;

}

.masidelist>ul>li{

	height: 30px;

	line-height: 30px;

	border:0;

	margin:5px 0px;

	font-weight: bold;

	border-bottom: 1px solid #056b9c;

}

.masidelist>ul>ul>li{

	display: inline-block;

	height: 30px;

	line-height: 30px;

	background: #f0f0f0;

	margin:5px 0px;

}

.masidelist li a{

	color: #333;

	text-align: center;

	padding:5px 13px;

}

.masidelist li a:hover{

	background: #056b9c;

	color: #fff;

}

.masidelist li.active a{

	background: #056b9c;

	color: #fff;

}



/**************product--html******************/

/**************news--html******************/

.pagenews dl{

	height: 98px;

	overflow: hidden;

	padding:10px 10px;

	margin-bottom: 10px;

}

@media (max-width: 768px) {

	.pagenews{

		margin-bottom: 20px;

	}

	.pagenews dl{

		height: auto;

		margin-bottom: 0;

		padding:0;

	}

}

.pagenews dl dt{

	height: 30px;

	line-height: 30px;

	overflow: hidden;

}

.pagenews dl dt h5{

	float: left;

}

.pagenews dl dt h5 a{

	text-align: left;

	font-size: 14px;

    color: #333;

    padding:0;

}



.pagenews dl dt span{

	float: right;

	font-weight: normal;

	color: #056b9c;

	line-height: 38px;

}

.pagenews dl dd p{

	color: #666;

	height: 50px;

	line-height: 22px;

	overflow: hidden;

	text-align: left;

	font-size: 12px;

}



.pagenews dl dd a{

	color: #056b9c;

}

.pagenews dl:hover{

	background: #f0f0f0;

	cursor: pointer;

}

.pagenews dl:hover a{ 

	text-decoration: underline;

}	

/**************details--html******************/

.newsbts {

    color: #191919;

    font-size: 20px;

    text-align: center;

    font-weight: normal;

    margin-top: 20px;

}

.newstime {

    text-align: center;

    color: #9f9f9f;

    border: 1px solid #e8e8e8;

    border-left: 0;

    border-right: 0;

    height: 33px;

    line-height: 33px;

    margin: 10px 0;

}

.newstime a {

    color: #9f9f9f;

}

.detailimg .img-responsive{

		margin:0 auto;

	}

@media (max-width: 768px) {

	.newstime {

	   height: auto;

	}	

	.newstime a {

   font-size: 14px;

	}

}

.turn {

    margin-top: 56px;

    position: relative;

    color: #666;

    border-top: 1px solid #e8e8e8;

    padding-top: 20px;

}

.turn p {

    margin: 0 0 10px 0;

}

.turn p span {

    background: #056b9c;

    padding: 5px 10px;

    color: #fff;

    margin-right: 10px;

}

.turn a {

    color: #666;

}

.turn a.back {

    display: inline-block;

    position: absolute;

    right: 0;

    top: 20px;

}

/**************message--html******************/

.message .btn{

	background: #056b9c;

	color: #fff;

	padding:10px 30px;

}

 .modal-backdrop {

  position: fixed;

   top: 0;

   right: 0;

   left: 0;

   bottom: 0;

   background-color: #000;

 }

@media (max-width: 768px) {

	.modal {

		 position: fixed;

   top: 100px;

	}

}	

/*分页*/

.pagination > li > a, .pagination > li > span{

	color: #056b9c;

}



/*分页*/

.pagess{

	clear:both;

	margin:20px;

	overflow:hidden;

	text-align:center;

	font-size:12px

}

.pagess ul li{

	display:inline-block;

	border:1px solid #056b9c;

	padding:2px 9px;

	margin:0 3px;

	line-height:20px;

	background:#fff;

	color:#056b9c

}

.pagess ul li:hover{

	background:#056b9c;

	color:#fff;

	border:1px solid #056b9c

}

.pagess ul li:hover a{

	color:#fff

}

.pagess ul li.thisclass{

	display:inline-block;

	border:1px solid #056b9c;

	padding:2px 9px;

	margin:0 3px;

	background:#056b9c;

	color:#fff

}

.pagess ul li.thisclass a{color:#fff}

.pagess ul li a{display:block;color:#056b9c}

.pagess ul li a:hover{color:#fff}