@import url("animate.css");
@charset "utf-8";
/* CSS Document */

/* ====================
     公共样式
==================== */ 
body{background:#fff; font-size:14px; font-family:Verdana,Arial; line-height:150%; margin:0; padding:0; color:#4d4d4d;}

div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
em, i {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1,h2,p,h3,ol,form,label,dl,dd{ margin:0px; padding:0px; font-size:100%; border:none; vertical-align:baseline; outline:none;}
ul,li{ list-style:none; margin:0px; padding:0px; border:0px; outline:none; font-size:100%; }
a{ color:#4c4c4c; text-decoration: none; outline: none; }
a:hover{color:#073589}
.block {width:1200px; }

.fl{float:left;}
.fr{float:right;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
.clear{
	width:100%;
	clear:both;
}
.index-banner_m,.m_header{display: none;}
.header{float: left;width: 100%;  background:#f5f5f5;height:115px; }
.index-banner{width: 100%; float: left;}
.menu{float: left;width: 100%; height: 100%;}
.logo{ float: left; width: 122px; height:101px; margin-top: 3px; display:flex; justify-content:center;align-items:center;}
.logo img{ width:100%;}
.nav{float: left; margin-left:4%; margin-top: 45px;width: 85%;}
.nav li{padding-left: 12px; padding-right: 20px; margin-left: 1%; text-align: center; font-size: 16px; float: left;font-weight: 700;}
.nav li a{color: #414141;}
.nav li.curr span{border-bottom:2px solid #073589;width: 100%; display: block; margin-top: 10px; }
.nav li.curr a{color: #073589;}
.nav li a:hover{color: #073589;}
.nav li a.curr:hover{color: #fff;}
.nav li:last-child{padding-right: 0;}
.about-bg{float: left;  width: 100%; margin-top: 20px;}
.index-tt{float: left; width: 100%; height: 72px; line-height: 72px; border-bottom: 1px solid #c5c5c5;}
.index-tt h1{font-size: 30px; color: #073589; border-bottom: 2px solid #073589; float: left;}
.index-tt a{ float: right;font-size: 16px; color: #4c4c4c;}
.about-con {float: left; width: 100%; margin-top: 30px;}
.about-con .about-wz{float: left; width: 55%;}
.about-con .about-wz p{float: left; width: 100%; text-indent: 2em; line-height: 28px;}
.about-con .img{float: right;}
.ico{float: left; width: 100%; margin-top: 10px;}
.ico .about-ico{float: left; width: 33.3%; text-align: center; margin-top: 20px; line-height: 60px;}
.ico .about-ico p{float: left; width: 100%;}
.ico .about-ico p span{font-size: 40px;}
.about-wz a.more{width:100px; height: 32px; line-height: 32px; float:left; text-align: center; border: 1px solid #7f7f7f; color: #666; font-size: 14px; display: block; margin-top: 10px;}

.news-main{float: left; width: 100%;  margin-top:70px; background: #f3f3f3; padding-top: 40px; padding-bottom: 40px;}
.index-news {float: left; width: 100%; margin-top: 30px;}
.index-news li{float: left; width: 100%; height: 30px; line-height: 30px; border-bottom: 1px dashed #969696; padding-bottom: 10px;}
.index-news li i{float:left; margin-top:12px; margin-right:10px;background: url(../img/yd.png) no-repeat; width: 7px; height: 7px; display: block; background-size: cover;}
.index-news li a{width: 88%; height: 30px; overflow: hidden; display: block; float: left;}
.index-news li span{float: right; display: block;}

.footer{float: left; width: 100%; background: #dcdcdc; padding-top: 20px; padding-bottom:10px; }
.footer p{font-size: 12px; color: #3c3c3c;}

.right_78{position:fixed; background:url(../img/ewm.png) no-repeat; width:133px; height: 173px;  left:10px; top:50%; margin-top:-177px; z-index:530}
.close{background: url(../img/close.png) no-repeat; width: 26px; height: 26px; position: absolute; top:-15px; right: -5px; cursor: pointer;}

@media only screen and (max-width : 1000px){
.m_header,.index-banner_m{display: block;}
.index-banner_m{float: left; width: 100%;margin-top: 60px;}
.header,.index-banner{display: none;}
.right_78{display: none;}
.index-tt{height: 36px; line-height: 36px;}
.index-tt h1{font-size: 16px;}
.about-bg{margin-top: 60px;}
.index-tt a{width: 12px; width: 20%; display: block;}
.block{width: 95%;}
.about-con .img{float: left; width: 100%; text-align: center;}
.about-con .img img{width: 80%;}
.about-con .about-wz{width: 100%; margin-top: 20px; line-height: 22px;}
.ico .about-ico p span{font-size: 20px;}
.ico .about-ico p{text-indent: 0;}
.ico .about-ico img{width: 20%;}
.index-news li{width: 100%; margin-right: 0; font-size: 12px;}
.index-news li a{width: 100%;}
.index-news li span{display: none;}
.footer p{float: left; width: 100%;}
}
.pages{ 
	width:100%;
	padding:20px 0px;
	text-align:center;
	clear:both;
}
.pages li{
	list-style-type:none;
	display:inline; border: 0;
}
.pages a{
	padding:5px 10px;
	border:1px solid #c8c8c8;
	font-weight:bold;
	margin-right:10px;
}
.pages .current{padding:5px 10px;margin-right:10px;}
.pages #fenye{
	background:#656563;
	border-color:#656563;
	color:#FFF;
	font-weight:700;
}
#banner{float: left; width: 100%; width: 100%;}
#banner img{width: 100%;}
.er_nav{float: left; width: 100%; height:45px; line-height:45px; color: #404040; border-bottom: 1px solid #e2e2e2;}
.er_nav .fl{color: #073589; border-bottom: 2px solid #073589; font-weight: bold;}
.er_nav .fr{background: url(../images/home.jpg) no-repeat 0 15px; padding-left: 20px;}
.nav_er{float: left; width: 100%;}
.nav_er ul{ margin: auto; display: table;}
.nav_er ul li{font-size: 16px; text-align: center; border-radius: 6px;  height:43px;line-height:43px;float: left; background:#e9e9e9 ;min-width: 160px; margin:20px 10px 0; padding:0 15px;}
.nav_er ul li.curr{ background: #073589; }
.nav_er ul li.curr a{color: #ffffff; display: block; width: 100%; }
.nav_er ul li a{color: #414141;display: block; width: 100%;}
#li11{width: 250px;}
.news_list{float: left;width: 100%; margin-top: 50px }

.news_list ul li{float: left; border-bottom:1px  dashed #969696; width: 100%; margin-bottom: 50px; padding-bottom: 30px;}
.news_list ul li .time{float: left;width: 81px; height: 81px; border: 1px solid #8e8e8e; border-radius: 10px; text-align: center;}
.news_list ul li .time .date{ font-size: 14px; color: #073589; line-height: 40px; float: left; width: 100%;}
.news_list ul li .time .day{float: left; width: 100%; line-height: 30px; font-size: 40px; font-weight: 400; color: #073589;}
.news_list ul li .desc{float: left; width: 91%; margin-left: 2%;}
.case_con{float: left; width: 100%;}
.news_list ul li .desc h1{font-size: 16px; font-weight: normal; float: left; width: 100%;color: #444444;  line-height: 30px; margin-bottom:10px;}
.news_list ul li .desc p{float: left; width: 100%;line-height: 24px; font-size: 14px; color:#a1a1a1 ;}
.content_tt{float: left; width: 100%; padding-top: 20px; padding-bottom: 20px;border: 1px solid #d2d2d2; margin-top: 50px;}
.content_tt h1{font-weight:normal; font-size: 24px; color: #4d4d4d;float: left; width: 100%;  line-height: 30px; text-align: center; border-bottom: 1px dashed #a9a9a9; padding-bottom: 20px;}
.content_tt .wzinfo{width:50%; text-align: center; color: #7d7d7d; padding-top: 20px;}
.content_tt .wzinfo span{float: left; margin-right: 20px; margin-top: 15px; display:block;}
.content_tt .wzinfo span.time{margin-top: 20px;}
.content_tt .wzinfo span.click{margin-top: 20px;}
.aricel_con{float: left;width: 100%; margin-top: 50px; padding-bottom: 100px; line-height: 30px; text-align: left;}
.aricel_con p{text-align: left;}
.soild{border-top:1px dashed #969696; padding-top: 20px;}
.soild p{background: url(../images/yd2.jpg) no-repeat 0 14px;}
@media only screen and (max-width : 1000px){
	.er_nav .fr{display: none;}
	.news_list ul li .time{width: 61px; height: 61px;}
	.news_list ul li .time .date{font-size: 12px; line-height: 30px;}
	.news_list ul li .time .day{font-size: 20px; line-height: 20px;}
    .news_list ul li .desc{width:80%;}
   .news_list ul li .desc h1{font-size: 14px; line-height: 20px;}
.news_list ul li .desc p{font-size: 12px; line-height: 18px;}
.content_tt{border:0; margin-top: 10px; padding: 0;}
.content_tt h1{font-size: 16px;}
.content_tt .wzinfo{width: 100%;}
.aricel_con{line-height: 20px;}
.case_con{margin-top: 30px;}
#banner{margin-top: 60px;}
#banner img{height: 120px;}
.er_nav .fl{font-size: 14px;}
.er_nav span,.er_nav a{font-size: 12px;}
}
.about-con,.design-con,.lxwm-con{float: left; width: 100%; margin-top: 20px;}
.about-con .fl{width: 50%; line-height: 30px;}
.about-con h1{font-size: 16px; color:#073589 ; margin-bottom: 20px;}
.design-con h1,.lxwm-con h1,.fw-con h1{font-size: 18px; color: #000000;margin-bottom: 20px;}
.about-con p{text-indent: 2em;margin-bottom: 30px; line-height: 30px;}
.about-img{float: left; width: 100%;margin-top: 30px;  }
.about-img img{float: left; margin-right: 15px;}
.about-img img:last-child{float: right;margin-right: 0;}
.design-con div{float: left; width: 100%;margin-bottom: 20px; line-height: 28px;}
.design-con div i{margin-top:10px;float: left; background: url(../images/jt.png) no-repeat; width: 16px; height: 11px; display: block; margin-right: 15px;}
.design-con div p span{color: #073589; font-size: 16px; font-weight: bold;}
.design-con div.img{float: left; width: 50%;}
.design-con div.img-fl{float: left; width: 50%;}
.design-con div.img-fl .img2{margin-bottom: 10px;}
.lxwm-con p{float: left; width: 100%; line-height: 30px;}
.lxwm-con p img{margin-right: 20px; margin-top: 3px;}
.dt{float: left; width: 100%; margin-top: 30px; text-align: center;}
.design-con div p span.num{font-size: 30px; color: #049a35;}
.f-img{float: left; width: 100%; margin-bottom: 30px;}
.f-img .img{width: 50%; float: left;}
.f-img .img img{margin-bottom: 8px;}
.f-img .img2{width: 100%; float: left;text-align: center;}
.f-img .img3{width: 33.3%; float: left;}
.pro_tt{float: left; text-align: center; background: url(../img/pro-tt.jpg) no-repeat; height: 103px; line-height: 103px; width: 100%; margin-top: 30px; background-size: cover;}
.pro_tt h1{font-size: 30px; color: #fff;}
.news_list ul.pro_con{float: left; width: 100%;}
.news_list ul.pro_con li{float: left; width: 32%;border:1px solid #e2e2e2; text-align: center;  padding-bottom: 0; margin-bottom: 20px;margin-right:1%}
.news_list ul.pro_con li img{width: 95%;}
.news_list ul.ry_con li{float: left; width: 50%; text-align: center; border: 0; padding-bottom: 0; margin-bottom: 20px;}
.news_list ul.ry_con li img{width: 95%;}
.fw-con{float: left; width: 100%; margin-top: 50px;  margin-bottom: 50px;}
.fw-con .fr{float: right;width: 50%; text-align: center;}
.fw-con .fl{float: right;width: 50%; line-height: 28px;}
@media only screen and (max-width : 1000px){
.nav_er ul{width: 100%;}
.nav_er ul li{font-size:12px;float: left;width: 35%;margin-right:2%; height: 40px; line-height:40px; font-size: 14px;}
.dt{width: 100%; text-align: center;}
.dt img{width: 90%;}
.about-con .fr{float: left; width: 100%; text-align: center;c}
.about-con .fr img{width: 90%;}
.about-con .fl{float: left; width: 100%;}
.design-con div.img,.design-con div.img-fl{width: 100%; text-align: center}
.design-con div.img img{width: 90%;}
.design-con div.img-fl .img2 {width: 50%; float: left; text-align: center;}
.design-con div.img-fl .img2  img{width: 95%;}
.f-img .img{width: 100%; text-align: center;}
.f-img .img img{width: 90%; }
.f-img .img8 img{width: 49%; float: left; margin-right: 2%;}
.f-img .img8 img:last-child{margin-right: 0;}
.f-img .img3{width: 100%; text-align: center;}
.f-img .img3 img{width: 90%;}
.f-img .img2 img{width: 100%; }
.news_list ul.pro_con li{width: 48%;}
.news_list ul.pro_con li img{width: 95%;}
.fw-con{margin-top: 20px;}
.fw-con .fl{width: 100%;float: left;}
.fw-con .fr{width: 100%;float: left; margin-bottom: 30px;}
.fw-con .fr img{width: 95%;}
}