html{min-width: 1200px; padding-left: 15px; padding-right: 15px;}
#head{height: 115px; background: url(../img/head.jpg) repeat-x;}
.logo{padding-top: 24px; float: left;}
.nav{float: right; padding-top: 45px;}
.nav ul{float: left; padding-right: 29px;}
.nav ul li.nLi{float: left; font-size: 18px; padding: 0px 15px; position: relative;}
.nav ul li.on{background:#0295cb;  }
.nav ul li.on a{color: #fff}
.nav ul li a{color: #747373;}
.nav ul li ul.sub{position: absolute; width: 460px; display: none; left: 0px; z-index: 999}
.nav ul li ul.sub li{float: left; padding: 0px 10px; background:#0295cb;}
.nav ul li ul.sub li:hover{background:#0769a5; }
.nav .tel{float: right; font-size: 18px; background: url(../img/head_tel.jpg) left no-repeat; padding-left: 22px; color: #747373;}
.fullSlide{ width:100%;  position:relative;  height:454px; background:#000; margin-top: 0px;  }
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;  height:454px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:454px; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../img/touming.png) repeat-x; text-align:center;
		 _background:#000; _filter:alpha(opacity=60); 
	}
	.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; 
	}
	.fullSlide .hd ul .on{ background-position:0 0; }
.m1{height: 472px;}
.title{font-size: 30px; color: #353434; height: 64px; padding-top: 30px;}
.m1_ss{width: 100%; height: 27px; border: 1px solid #e6e3df; border-radius: 3px;}
.m1bd{padding-top: 32px;}
.m1bd ul li{width: 246px; height: 260px; background: #0295cb;  padding-top: 12px; float: left; margin-right: 22px;}
.m1bd ul li .pic{width: 220px; height: 200px; margin: auto; background: #FFFFFF; border-radius: 4px; text-align: center;display: flex; justify-content: center;  }
.m1bd ul li .pic img{height: 196px; align-self: center; }
.m1bd ul li .tit{font-size: 20px; padding-left: 12px; line-height: 50px;}
.m1bd ul li a{color: #fff}
.m1con .hd{height: 266px; width: 148px; float: left; border: 3px solid #0295cb;margin-top: 32px; border-right: 0}
.m1con .hd ul li{ line-height: 45px; text-align: center;}
.m1con .hd ul li.on{background:#0295cb; }
.m1con .hd ul li.on a{color: #fff}
.m1bd{width: 1049px; float: right;}
.m2con{padding-top: 10px;}
.m2con ul{margin-left: -24px;}
.m2con ul li{width: 283px; height: 215px; float: left; position: relative; margin-left: 23px; margin-bottom: 22px; border-radius: 4px;}
.m2con ul li img{width: 283px; height: 215px;}
.m2con ul li span{display: none;}
.m2con ul li h3{width: 273px; height: 44px; background: rgba(2,149,203,0.5); position: absolute; bottom: 0; font-weight: normal; font-size: 14px; color: #FFFFFF; line-height: 44px; padding-left: 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}



.m4{height: 372px; padding-top: 46px;}
.m4l{width: 600px; height: 307px; float: left;}
.m4l img{border-bottom-left-radius: 14px;}
.m4r{width: 520px; height: 307px; float: right; border-top-right-radius: 16px; background: #eeeeee; padding-left: 32px; padding-right: 48px; line-height: 36px;}
.m4r h3{font-size: 24px; font-weight: normal; color: #353434; line-height: 60px; padding-top: 20px;}
.m4r p{font-size: 14px; color: #636363;}
#foot1{height: 247px; border-bottom: 1px solid #4e5157; background: #34373e;}
.foot1l{width: 800px; float: left; }
.foot1t{font-size: 16px; color: #FFFFFF; padding-top: 40px;}
.foot1lcon{color: #FFFFFF; font-size: 14px; line-height: 36px; padding-top: 20px;}
.foot1r{width: 277px; float: right;}
.foot1rcon{font-size: 18px; color: #FFFFFF;}
.foot1r img{padding-top: 80px;}
#foot2{background: #34373e; height: 292px;}
.foot2t{height: 220px;}
.foot2l{padding-top: 60px; width: 318px; float: left;}
.foot2m{float: left; width: 715px;padding-top: 50px;}
.foot2m ul li{float: left; margin-right: 108px; margin-bottom: 30px; width: 64px;}
.foot2m ul li a{color: #FFFFFF;}
.foot2r{float: right; padding-top: 50px;}
.foot2r ul li{float: left; margin-left: 5px;}
.foot2b{text-align: center; color: #FFFFFF; font-size: 14px;}
.tl{float: left;}
.tr{float: right;}



#zybanner{height: 336px; width: 1200px; margin: auto; background: url(../img/zybanner.jpg) center; text-align: center;}
.dqwz{float: right; font-size: 14px;}
.zy{min-height: 700px; padding-top: 20px; padding-bottom: 20px;}
.list-news{padding-top: 20px;}
.list-news li {
    float: left;
    width: 48%;
    margin-right: 4%;
	margin-bottom:4%;
	height: 257px;
}
.list-news li em{font-style: normal;}
.list-news li:nth-child(2n){margin-right: 0;}
.list-news li a {
    display: block;
	position:relative;
	background:#fff;
}
.list-news li a span {
    display: block;
    opacity:0;
}
.list-news li a span img {
    width: 100%;
    height: auto;
}
.list-news li a div {
    padding: 35px;
	
	width:100%;
	height:100%;
	left:0;
	top:0;
	box-sizing:border-box;
	transition:all .3s;
	border:1px solid #ccc;
}
.list-news li:hover a div{
	border:1px solid #d11f3f;
}
.list-news li a div h3 {
    font-size: 18px;
    margin: 20px 0;
    font-weight: bold;
    color: #333;
	transition:all .3s;
}
.list-news li a div p {
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.left{width: 206px; float: left;}
.left_t{
	    margin-top: 10px;
    background: #0295cb;
    color: #fff;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
}
/* 本例子css */
		.sideMenu{  border:1px solid #ddd; width: 204px;   }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
			font:normal 14px/32px "Microsoft YaHei";
		}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
		.sideMenu ul li{font-size: 14px;}


/*------------list-product-------------*/
.list-product{
	padding-top: 20px;
	width: 970px; float: right;
}
.list-product li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 4%;
}
.list-product li:nth-child(3n){margin-right: 0;}
.list-product li a {
    display: block;
    padding: 20px;
    border: 1px solid #eee;
}
.list-product li a span{
	position:relative;
	display:block;
}
.list-product li a span::after
,.list-product li a span::before{
	position:absolute;
	content:"";
	width:100%;
	height:0;
	opacity:0;
	background: #002e73;
	left:0;
	top:0;
	opacity:.8;
	transition:all .3s;
}
.list-product li a span::after{
	top:auto;
	bottom:0;
}
.list-product li:hover a span::after
,.list-product li:hover a span::before{
	opacity:.8;
	height:50%;
}
.list-product li a span ins {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    position: absolute;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	width: 100%;
	opacity:0;
	transition:all .3s;
}
.list-product li:hover a span ins {
	opacity:1;
}
.list-product li a img{
	width:100%;
	
	
}
.list-product li a h3 {
    text-align: center;
    font-size: 16px;
    margin: 30px 0 10px;
}
.list-conatct {
    border: 1px solid #eee;
    margin: 100px auto;
    padding: 100px;
}



.zybt{height: 40px; border-bottom: 3px solid  #0295cb;}
.zybt span{display: block; height: 40px; line-height: 40px; padding: 0px 10px; float: left; background: #0295cb; color: #fff}



/*------------list-product-------------*/
.list-product2{
	padding-top: 20px;
}
.list-product2 li {
    float: left;
    width: 23%;
    margin-right: 2.5%;
    margin-bottom: 2%;
}
.list-product2 li:nth-child(4n){margin-right: 0;}
.list-product2 li a {
    display: block;
    padding: 20px;
    border: 1px solid #eee;
}
.list-product2 li a span{
	position:relative;
	display:block;
}
.list-product2 li a span::after
,.list-product2 li a span::before{
	position:absolute;
	content:"";
	width:100%;
	height:0;
	opacity:0;
	background: #002e73;
	left:0;
	top:0;
	opacity:.8;
	transition:all .3s;
}
.list-product2 li a span::after{
	top:auto;
	bottom:0;
}
.list-product2 li:hover a span::after
,.list-product2 li:hover a span::before{
	opacity:.8;
	height:50%;
}
.list-product2 li a span ins {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    position: absolute;
	top:50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	width: 100%;
	opacity:0;
	transition:all .3s;
}
.list-product2 li:hover a span ins {
	opacity:1;
}
.list-product2 li a img{
	width:100%;
	
	
}
.list-product2 li a h3 {
    text-align: center;
    font-size: 16px;
    margin: 10px 0 0px;
}
.list-conatct {
    border: 1px solid #eee;
    margin: 100px auto;
    padding: 100px;
}