/*样式初始化*/

html{overflow:auto;overflow-y:scroll;height:100%; }

body{font-size:14px; color:#333;background:#fff;font-family:microsoft yahei;}

*{-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-padding-start:0px;}

a{text-decoration:none;}

a:hover{text-decoration:none;color: #1951ae}

ul,li{list-style:none;margin:0;}

h1,h2,h3,h4,h5,h6,p{margin:0;font-family:microsoft yahei;}

img{max-width: 100%;}

input{ outline:none;}

.clear{clear: both;}



.navbar{background:none;margin:0; }

.navbar-default{border:none;}

.navbar-collapse{max-height: 100%!important;}

.container-fluid{padding:0;}

 .tz-gallery{padding:0;}

/*header*/

.header{overflow: hidden;position: fixed;z-index: 999;width:100%;}

.header .navbar{float: left;}

.header .navbar-toggle{margin-top: 12px;}

.h-top{background: #f4f4f4;float: left;width:100%;color: #8f8f8f;}



.h-top span{float: left;color: #8f8f8f;}

.h-top .tel{display: none;float: right;}

.h-top .tel1{display: none;float: right;}

.h-mid{width:100%;float: left;background: #ffffff;}

.h-tel{display: none;}

.h-logo{float: left;width:auto;margin:8px 0;}

#h-nav{width:100%;background: #333333;line-height: 50px;}

#h-nav li a{color: #ffffff;text-align: center;display: block;height: 50px;padding:0;border-bottom: dashed 1px #8f8f8f;width:100%;float: left;}

#h-nav li a:hover{color: #ff9900;}



@media(min-width: 768px){

	.header{position: relative;}

	.h-logo{display: block;margin:15px 0;}

	.h-tel{display: block;float: right;margin:10px 0;}

	.h-top{line-height: 30px;}

	.h-top .tel1{display: block;}

	#h-nav{width:100%;float: left;background: #1951ae;font-size: 16px;overflow: hidden;display: block;opacity: .9;}

	#h-nav li a{color: #ffffff;text-align: center;border:none;line-height: 50px;width:10%;}

	#h-nav li a:hover{color: #ffffff;background: url(../Image/h-nav-hover.jpg) center 0px no-repeat;background-size: 100% 100%;}

}



@media (min-width: 992px){

	.h-top{height: 35px;line-height: 35px;}

	.h-top span{width:500px;}

	.h-top .tel{color: #8f8f8f;display: block;}

	.h-top .tel1{display:none;}

	.h-top a{color: #8f8f8f;width:100%;}

	.h-top a:hover{color: #8f8f8f;color: #ff9900}

	.h-logo{margin:20px 0}

	.h-tel{float: right;display: block;margin:35px 0;}

	#h-nav li a{line-height: 60px;height: 60px;}

}



/*banner*/

.banner{width:100%;float: left;overflow: hidden;margin-top: 100px;}

.banner .swiper-slide img{width:100%;height: auto;}



@media(min-width:768px){

	.banner{margin-top:-60px }

}



/*m-search*/

.m-search{width:100%;background: #f2f2f2;overflow: hidden;}

.m-keywords{float: left;width:100%;overflow: hidden;color: #555555;line-height: 30px;margin:12px 0;height: 30px;}

.m-keywords span{color: #555555;font-weight: bold;}

.search{ width: 100%; margin: 12px auto; overflow: hidden;height: 30px;background: #ffffff;}

#input_search{ width:85%; border:none; float: left; background-color: #f0f0f0; height:30px;text-indent:15px; color: #adb2b2; background: #ffffff;}

#btn_search{ width:15%; height:30px; float: right; border:none; background:url(../Image/search_btn.jpg) center no-repeat; text-indent:-9999px; }





/*m-pro*/

.m-pro{width:100%;margin-top: 45px;overflow: hidden;}

.m-pro-hd{width:100%;overflow: hidden;text-align: center;}

.m-pro-hd h1{width:100%;overflow: hidden;color: #0b63c8;font-size: 30px;font-weight: bold;}

.m-pro-hd h2{width:100%;overflow: hidden;color: #333333;font-size: 20px;font-weight: bold;line-height: 40px;}

.m-pro-mid{overflow: hidden;text-align: center;padding:12px 0;}

.m-pro-mid li{margin-bottom: 15px;display: inline-block;float: none;}

.m-pro-mid li a{width:100%;display: block;padding:10px 0; color: #ffffff;font-size: 16px;background: #c1c1c1;border-radius: 50px;}

.m-pro-mid li a:hover{background: #3488ea;}

.m-pro-bd{padding:0px 0 15px;width:100%;overflow: hidden;text-align: center;}

.m-pro-bd li{margin:15px 0;overflow: hidden;text-align: center;position: relative;}

.m-pro-bd li img{border:solid 1px #eeeeee;}

.m-pro-bd li .txt{width:100%;overflow: hidden;position: absolute;bottom: 15px;z-index: 999;text-align: center;box-sizing: content-box;transition:all .5s;}

.m-pro-bd li .txt h1{float: left;width:100%;font-size: 18px;color: #fff;overflow: hidden;}

.m-pro-bd li .txt a{width:115px;height: 40px;text-align: center;line-height: 40px;color: #ffffff;background: #3488ea;display: none;overflow: hidden;margin:15px auto 0;}

.m-pro-bd li .box-content{position: relative;}

.m-pro-bd li .box-content:before{

	content: "";

		width:100%;height: 100%;

		/*background: #000;*/

		opacity: .25;

		position: absolute;

		top: 0;

		left: 0;

		box-sizing: content-box;

	}



.m-pro-bd li:hover .txt{bottom:25%;}

.m-pro-bd li:hover .txt h1{color: #fff;}

.m-pro-bd li:hover .txt a{display: block;}

@media(min-width: 992px){

	.m-pro-bd li:hover .txt{bottom:30%;}

}

@media(min-width: 1200px){

	.m-pro-bd li:hover .txt{bottom:35%;}

}



/*m-box*/

.m-box{width:100%;overflow: hidden;background: url(../Image/m-com-bg.jpg) center top no-repeat #f6f6f6;padding-top: 110px;}

.m-box .box{width:100%;float: left;background: #ffffff;}

/*m-com*/

.m-com{float: left;overflow: hidden;padding:30px;width:100%;}

.m-com-hd{float: left;overflow: hidden;background: url(../Image/m-com-hd.jpg) left bottom no-repeat;width:100%;}

.m-com-hd .left{width:90%;float: left;}

.m-com-hd .left h1{float: left;font-size: 24px;font-weight: bold;color: #0b63c8;margin:15px 0;width:100%;}

.m-com-hd .left h2{float: left;font-size: 20px;font-weight: bold;color: #333333;margin:0px 0 30px;width:100%;}

.m-com-hd .right{width:36px;height: 55px;float: right;text-align: center;line-height: 55px;border:solid 1px #eaeaea;display: block;font-family: 宋体;font-size: 30px;color:#eaeaea;margin-top: 15px;}

.m-com-hd .right:hover{background: #0b63c8;color: #ffffff;}

.m-com-mid{text-align: center;float: left;margin: 20px 0;width:100%;}

.m-com-bd{float: left;overflow: hidden;line-height: 36px;color: #555555;}

@media(min-width: 1200px){

	.com{padding:30px 0 30px 30px;}

}

/*m-con*/

.m-con{float: left;overflow: hidden;padding:30px;width:100%;background:url(../Image/m-con-bg.jpg) center bottom no-repeat #f12c3e;background-size: 100% 20px;}

.m-con-hd{float: left;overflow: hidden;width:100%;}

.m-con-hd .left{width:60%;float: left;}

.m-con-hd .left h1{float: left;font-size: 24px;font-weight: bold;color: #ffffff;margin:15px 0;width:100%;}

.m-con-hd .left h2{float: left;font-size: 20px;font-weight: bold;color: #ffffff;margin:0px 0 25px;width:100%;}

.m-con-hd .left span{width:42px;height: 5px;background: #ffffff;float: left;display: block;}

.m-con-hd .right{float: right;width:40%;margin-top: 20px;text-align: right;}

.m-con-mid{width:100%;float: left;color: #ffffff;line-height: 36px;margin-top: 22px;}

.m-con-bd{width:230px;height: 63px;background: #fdc36f;line-height: 63px;text-align: center;font-size: 24px;color: #ffffff;display: block;margin:45px auto 0;}

@media(min-width: 1200px){

	.m-con{height: 372px;}

}



/*m-news*/

.m-news{width:100%;overflow: hidden;background: #f6f6f6;padding-top: 30px;}

.m-news-hd{width:100%;overflow: hidden;text-align: center;padding-bottom: 20px;}

.m-news-hd h1{width:100%;overflow: hidden;color: #0b63c8;font-size: 30px;font-weight: bold;}

.m-news-hd h2{width:100%;overflow: hidden;color: #333333;font-size: 20px;font-weight: bold;line-height: 40px;}

.m-news-bd{float: left;width:100%;overflow: hidden;background: #ffffff;}

.m-news-bd li{border:solid 1px #f3f3f3;overflow: hidden;padding:30px;}

.m-news-bd li .left{float: left;color: #9a9a9a;text-align: right;width:100%;}

.m-news-bd li .left h1{float: left;width:100%;font-size: 72px;}

.m-news-bd li .left h2{float: left;width:100%;font-size: 18px;}

.m-news-bd li .right{float: right;width:100%;color: #555555;overflow: hidden;}

.m-news-bd li .right h1{float: left;width:100%;font-weight: bold;font-size: 16px;height: 17px;overflow: hidden;}

.m-news-bd li .right span{float: left;width:30px;height: 2px;background: #b2b2b2;display: block;margin:15px 0 20px;}

.m-news-bd li .right p{float: left;width:100%;line-height: 26px;max-height: 104px;overflow: hidden;}

.m-news-bd li .right a{padding:10px 25px;border:solid 1px #9a9a9a;font-size: 16px;border-radius: 5px;display: block;float: left;margin-top: 25px;color: #555555;}

.m-news-bd li:hover{background: #3488ea;}

.m-news-bd li:hover .left{color: #ffffff;}

.m-news-bd li:hover .right{color: #ffffff;}

.m-news-bd li:hover .right span{background: #ffffff;}

.m-news-bd li:hover .right a{border-color: #ffffff;color: #ffffff;}

/*@media(min-width: 1200px){

.m-news-bd li .left{width:35%;}

.m-news-bd li .right{width:60%;}

}*/



/*m-liuyan*/

.m-liuyan{width:100%;overflow: hidden;background: #373737;padding: 40px 0;}

.m-liuyan-hd{width:100%;overflow: hidden;text-align: center;padding-bottom: 20px;color: #ffffff;}

.m-liuyan-hd h1{width:100%;overflow: hidden;font-size: 30px;font-weight: bold;}

.m-liuyan-hd h2{width:100%;overflow: hidden;font-size: 20px;font-weight: bold;line-height: 40px;}

.m-liuyan-bd{width:100%;float: left;}

.m-liuyan-bd li{margin-top: 15px;}

.m-liuyan-bd li input{font-size: 16px;padding:15px;border-radius: 5px;background: #ffffff;border:none;width:100%;}

.m-liuyan-bd li textarea{width:100%;padding:15px;border-radius: 5px;background: #ffffff;}

.m-liuyan-bd li #submit{background: #f12c3e;color: #ffffff;}



/*footer*/

.footer{width:100%;background: #373737;float: left;}

.footer h1{width:100%;float: left;text-align: center;font-size: 30px;color: #9d9c9c;font-weight: bold;}

.footer ul{width:100%;float: left;margin:15px 0;text-align: center;color:#9d9c9c;}

.footer ul a{display: inline-block;padding: 0 4px;color:#9d9c9c; font-size:14px;}

.footer ul a:hover{color: #ffffff;}

.footer p{text-align: center;color: #b4b4b4;margin:20px 0 80px;}



.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block;}

.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px;}

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}

@media(min-width: 768px){

	.footer p{text-align: center;color: #b4b4b4;margin:20px 0 40px;}

	.down{display: none;}

}



/*sidebar*/

.sidebar{width:100%;overflow: hidden;}

.s-hd{width:100%;float: left;background: #2b7ae8;color: #ffffff;font-size: 20px;padding:20px 30px;}

.s-bd{width:100%;float: left;background: #ffffff;padding:15px 15px 30px;box-sizing: border-box;border-left:solid 1px #2b7ae8;border-right:solid 1px #2b7ae8;}

.s-bd li{width:100%;float: left;border: solid 1px #cecece;border-radius: 20px;padding:8px 10px;margin-top:5px;}

.s-bd li a{width:95%;float: left;display: block;;overflow: hidden;color: #666666;text-indent: 20px;font-size: 16px;}

.s-bd li span{width:5%;float: right;font-weight: bold;font-family: 宋体;color: #dfdfdf;}

.s-bd li:hover{background: #2b7ae8;color: #ffffff;}

.s-bd li:hover a{color: #ffffff;}

.s-bd li:hover span{color: #ffffff;}

.s-con{width:100%;float: left;padding:25px;background: #2b7ae8;color: #ffffff;}

.s-con h1{width:100%;float: left;font-size: 14px;}

.s-con h2{width:100%;float: left;font-size: 24px;font-weight: bold;margin-top: 5px;}

.s-con h3{width:100%;float: left;font-size: 24px;font-weight: bold;margin-top: 5px;letter-spacing:1px;}







/*list*/

.list{width:100%;float: left;padding:24px 0;overflow: hidden;}

.l-hd{width:100%;float: left;overflow: hidden;margin:30px 0;}

.l-hd li{float: left;overflow: hidden;}

.l-hd li a{overflow: hidden;width:100%;padding:5px 0;display: inline-block;border:solid 1px #2b7ae8;color: #2b7ae8;font-size: 16px;border-radius: 5px;text-align: center;}

.l-hd li a:hover{background: #2b7ae8;color: #ffffff;}

.l-right{overflow: hidden;line-height: 260%}

.page{float: left;border-top:solid 1px #cccccc;width:100%;text-align: right;margin-top: 30px;}

.tz-gallery{padding:0;}





@media(min-width:768px){

	.l-com{font-size: 18px;}

}



/*产品内页样式*/

.l-right-hd{width:100%;float: left;overflow: hidden;}

.l-right-hd .lt{text-align: center;width:100%;float: left;overflow: hidden;}

.l-right-hd .lt img{width:100%;height: }

.l-right-hd .rt{width:100%;float: left;overflow: hidden;color: #555555;}

.l-right-hd .rt h1{width:100%;float: left;overflow: hidden;font-size: 24px;font-weight: bold;border-bottom:solid 1px #555555;padding:15px 0;text-align: center;}

.l-right-hd .rt p{line-height: 30px;margin: 15px 0 30px;float: left;overflow: hidden;height: 150px;display: none;width:100%;}

.l-right-hd .rt a{color: #ffffff;font-size: 24px;padding:10px 30px;display: none;background: #df354f;float: left;}

@media(min-width: 768px){

	

	.l-right-hd .rt h1{text-align:left;}

	.l-right-hd .rt p{display: block;}

}

@media(min-width: 992px){

	/*.l-right-hd .lt img{height: 296px;object-fit: cover;}*/

	

}

@media(min-width: 1200px){

	.l-right-hd .rt a{display: block;}

	.l-right-hd .rt a:hover{border:solid 1px #df354f;color: #df354f;background: none;}

}

.l-right-bd{width: 100%;float: left;overflow: hidden;}

.l-right-bd .title{width: 100%;float: left;overflow: hidden;background: #f0f1f2;margin:15px 0;}

.l-right-bd .title span{padding:3px 5%;display: block;font-size: 16px;color: #ffffff;background: #2b7ae8;float: left;}

.l-right-bd .content{line-height: 260%;padding:15px;min-height: 400px;}

.l-right-bd .content .pro-xg li h1{text-align: center;font-size: 14px;color: #555555;line-height: 40px;}







/*新闻首页样式*/

.list-news{min-height: 100px;height: auto; }

.list-news li{height:50px; line-height: 50px; border-bottom: 1px dotted #bbb; padding:0 1%; width:100%;}

.list-news li span{float: right;}

.list-news li a{color: #595959;width:65%;height: 50px;overflow: hidden;display: block;float: left;}

.list-news li:hover{background-color: #eee;}



/*产品列表页*/

.pro{overflow: hidden;float: left;width:100%;}

.pro li{margin-bottom: 15px;text-align: center;}

.pro li img{border:solid 1px #cccccc;}

.pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;height: 40px;overflow: hidden;width:100%;}

.pro li h1{font-size: 16px;line-height: 40px;text-align: center;color: #333333;}

.pro li:hover h1{color: #1b5da8;}

.pro li:hover img{border:solid 1px #1b5da8;}



/*产品内容页样式*/

.p-img{ width: 100%; padding: 5px 0 15px 0; text-align: center; color:#888787; font-size: 14px; }

.p-img h1{ font-size: 27px; color: #5f5f5f;margin-bottom: 15px;}

.p-fgx{width: 100%; border-bottom:dotted 1px #868686;margin-top: 5px;}

.p-content{ width: 100%; margin: 0 auto;  overflow: hidden;}

.p-content .title{ width: 100%; height:30px;  overflow: hidden; background-color: #f0f0f0;}

.p-content .title h2{ width: 100px; text-align: center; height: 30px;  overflow: hidden; color: #fff; font-size: 15px; line-height: 30px; font-weight: 700; background: #2f6db2;}

.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 50px 0; overflow: hidden;}



/* message styles */

.message{width:100%;float: left;overflow: hidden;}

.message ul{

	overflow: hidden;

}

.message li{

	float: left;

	margin:10px 0;

}

.message input {

	position: relative;

	display: block;

	float: left;

	padding:.5em;

	width: 100%;

	border: solid 1px #cccccc;

	border-radius: 0;

	background: #fff;

	color: #0075c5;

	font-weight: bold;

}

.message textarea {

	position: relative;

	display: block;

	float: left;

	padding:.5em;

	width: 100%;

	border: solid 1px #cccccc;

	border-radius: 0;

	background: #fff;

	color: #0075c5;

	font-weight: bold;

	resize:none;

}

.message textarea:focus {

	outline: none;

}

.message input:focus {

	outline: none;

}

.message #submit{

	

	height: 35px;

	line-height: 35px;

	padding:0;

    color: #fff;

    background: #1b5da8;

    cursor: pointer;

    -webkit-transition: background 0.3s;

	transition: background 0.3s;

}

.message #submit:hover{

	background: #0075c5;

}