.top_bj,.top{ display:none;}
.m_top{
	background-color:#fff;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
.m_top .logo{
	float: left;
	width: 30%;
}
.m_top .logo img{
	width: 100%;
}
.m_top .menu{
	float: right;
	max-width:53px;
	width:9%;

}
.m_top .menu img{width: 100%;}

.m_menu{
	position:absolute;
	z-index:999;
	background-color:#fff;
	right: 0;
	top:0;
	width:94%;
	height:100%;
	-webkit-transform: translate(0%, 0%);
	-webkit-transition-duration: .6s, .6s, .6s;
	display:none;
	padding-top: 25px;
	padding-right: 3%;
	padding-bottom: 25px;
	padding-left: 3%;
}
.m_menu .mlogo{float: left;
	width: 35%;
	max-width:200px;}
.m_menu .mlogo img{
	width: 100%;
}	
.m_menu .gb{ text-align:right; width: 7%; float:right;}
.m_menu .gb img{ width:100%;}
.m_menu ul{ margin-top:30px; margin-left:10%;}
.m_menu li{ font-size:18px; text-align:left; line-height:45px;}
.m_menu li a{ color:#919191;}
.m_menu.on{
	display:block;
	-webkit-transform: translate(0%, 0%);
	-webkit-transition-duration: .6s, .6s, .6s;}
	
.banner{height:200px;}
.banner a{ display:block; width:100%; height:200px;}
.banner .swiper-container{
      width: 100%;
    }

.banner .swiper-button-next,.banner .swiper-button-prev{ display:none!important;}	
	
.main{ width:100%;}
.main_t h2{font-size: 24px;}
.main_t p{ width: 90%;margin-top:10px; font-size: 14px;}

.con1{
	width:96%;
	padding-top: 30px;
	padding-bottom: 20px;
}
.con1 .con1_t{ margin-top: 35px;}
.con1 .con1_t ul{ width: 100%;}
.con1 .con1_t li{width:25%;  font-size: 14px; margin-top: 5px;}
.con1 .con1_con{ margin-top:25px;}
.con1 .con1_con li{

	width: 48%;
	height:auto;
	 margin-right: 1%;
	 margin-left: 1%;
	 margin-top: 10px;
}
.con1 .con1_con li:last-child{margin-right: 1%;}
.con1 .con1_con li img{width: 100%;height:auto;}
.con1 .con1_con .sub{ width: 30%; margin-top: 25px; }


.con2{
	width:96%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.con2 .con2_t{ margin-top: 25px;}
.con2 .con2_t ul{ width: 100%;}
.con2 .con2_t li{ width: 50%; border:0px; font-size: 14px; line-height: 35px;}
.con2 .con2_t li:hover,.con2 .con2_t .active{ background-color: #244b8e; color: #fff;border:0px;}
.con2 .con2_t li:last-child{border-right:0px;}
.con2 .con2_con{ margin-top:25px;}
.con2 .con2_l{ float: none; width: 100%; height: auto;}
.con2 .con2_l img{width: 100%; height: auto;}
.con2 .con2_l h3{ width: 100%; height: 50px; line-height: 35px; font-size: 14px; }
.con2 .con2_r{ width: 100%; float: none;}
.con2 .con2_r h3{ font-size: 18px; margin-top: 15px; line-height: 38px;}
.con2 .con2_r p{ font-size: 14px; }
.con2 .con2_r .sub{ width: 30%; margin-left: auto; margin-right: auto;}

.con2 .con2_r ul{ margin-top: 20px;}
.con2 .con2_r li{
	float: left;
	cursor:pointer;
	width: 30%;
	height:auto;
	 margin-right:1%;
	 margin-left: 1%;
	 margin-top: 10px;
}
.con2 .con2_r li img{width: 100%;height:auto;}




.bg1{ background-image: url(../images/bjj1.jpg); background-repeat: no-repeat; background-position: center top; background-size:cover ;}
.con3{	width:96%;	padding-top: 30px;	padding-bottom: 30px;	height: auto;}

.con3 .con3_con{ margin-top: 20px;}
.con3 .con3_l{width: 100%;  margin-left:0px; float: none;}
.con3 .con3_l video{ width: 100%; height: auto;}
.con3 .con3_r { width: 100%; float: none; margin-left: 0px;}
.con3 .con3_r p{ font-size: 14px; line-height: 26px; margin-top: 20px;}
.con3 .con3_r .sub{ width: 30%; margin-top: 50px;  height: 32px; line-height: 32px; margin-left: auto; margin-right: auto; }


.con4{
	width:96%;
	padding-top: 30px;
	padding-bottom: 30px;	
}
.con4 .con4_con{ margin-top: 25px;}
.con4 .con4_l{ width: 100%; padding-left:0px; padding-top:0px; float: none;}
.con4 .con4_l b{ display:none;}
.con4 .con4_l h3{ font-size: 16px; font-weight: normal; line-height: 30px; margin-top:0px;}
.con4 .con4_l p{font-size: 14px; color:#888989; line-height: 24px; margin-top: 5px; height: auto; overflow: hidden;}
.con4 .con4_l .box_img{ width: 100%; height: auto; margin-top: 10px;}
.con4 .con4_r{ width: 100%; float: none;}
.con4 .con4_r li{ height: 85px; padding-top: 10px; padding-bottom:10px;}
.con4 .con4_r .li1{ width: 75%; padding-left: 0px; float: left;}
.con4 .con4_r .li2{ width: 23%; float: right;}
.con4 .con4_r h3{ font-size: 16px; line-height: 30px; height:30px; overflow: hidden; font-weight: normal; background-image:none; padding-left:0px;}

.bg2{ background-image:none; background-color:#033280;}
.con5{
	width:96%;
	padding-top: 30px;
	padding-bottom: 30px;
	height: auto;
}

.con5 .con5_con{width: 100%; float: none; position: relative; height:140px; margin-top: 30px;}
.con5 .con5_con .swiper-container{width: 80%;height: auto; margin-left: auto; margin-right: auto;}
.con5 .con5_con li{
	width: 80%;height: auto;
}
.con5 .con5_con li img{width: 100%;height: auto;}
.con5 .con5_con h3{ font-size:16px;width: 40%; left:50%; top:40%; margin-left: -20%; }
.con5 .con5_con .btn_l{
	width:8%;
	margin-top:-8px;
	background-image:url(../images/left_yl.png);
	background-size:15px 15px;
	height: 15px;
}
.con5 .con5_con .btn_r{
	width:8%;
	margin-top:-8px;
	background-image:url(../images/left_yr.png);
	background-size:15px 15px;
	height: 15px;
	
	 
}

.con6{
	width:96%;
	padding-top: 40px;
	padding-bottom: 40px;	
}
.con6 .con6_con{ margin-top: 25px;}
.con6 .con6_con h3{ font-size: 16px; line-height: 30px; }
.con6 .con6_con ul{ margin-top: 10px;}
.con6 .con6_con li{ width: 30%; height: auto; margin-top: 10px; margin-left:1.5%; margin-right:1.5%;}
.con6 .con6_con li img{ max-width: 100%; width: 100%; height: auto;}


.flash{ background-position: center top; height: 100px; background-repeat: no-repeat; background-size:cover ;}

.main_tit{ width: 100%; text-align: center; height: 48px; padding-top:22px; }
.main_tit span{ font-size: 14px;  margin-left: 5px; color: #000; margin-right:5px;}
.main_tit .active,.main_tit span:hover{ padding-bottom:16px;}
.main_tit .gudie{ width:96%;font-size: 14px; }

.main_tit1{ width: 100%; text-align: center; height: auto; padding-top: 10px; background-image:none; }
.main_tit1 span{ display:block; font-size: 14px; line-height: 35px; width:30%; margin-left:1.5%; margin-top:10px; background-color:#f0f0f0; text-align:center; height:35px; color: #000; margin-right:1.5%;  float:left;}
.main_tit1 .active,.main_tit1 span:hover{ color: #fff; background-color:#6196e7; border-bottom: 0px; padding-bottom:0px;}
.main_tit1 .active a,.main_tit1 span:hover a{color: #fff; }
.main_tit1 .l_w{width:47%; margin-left:1.5%;margin-right:1.5%; }

.main_con{ width:96%;padding-top: 10px;	padding-bottom: 10px;	}
.main_con span{ font-size: 14px; line-height: 25px; margin-left:6px; margin-right: 6px;}

.about{width:96%;	padding-top: 10px;	padding-bottom:40px;}
.about h2{ font-size: 24px; line-height: 35px;  margin-top: 50px; }
.about h4{font-size: 16px; margin-top: 10px;}
.about .text{ padding:10px; font-size: 14px; line-height: 24px;}
.about .text img{ width: 100%;}
.about .fwys{ margin-top: 30px; width: 90%; margin-left: auto; margin-right: auto;}
.about .fwys ul{}
.about .fwys li{ width:100%; float: none; margin-right:0px; margin-top: 15px; }
.about .fwys li:last-child{ margin-right: 0px;}
.about .fwys .box_img{width: 100%;	height:auto;}
.about .fwys .box_img img{width: 100%;	height:auto;}
.about .fwys h3{	 font-size:18px; }

.about .wh{ margin-top: 30px; position: relative; height: auto;}
.about .wh ul{}
.about .wh li{ position: relative; width:48%; float: left; margin-left: 1%; margin-right: 1%; height: auto; margin-top: 20px;}
.about .wh .wh_img{ position: relative;}
.about .wh .wh_img img{width:100%; height: auto;}
.about .wh .wh_con{position: absolute; z-index: 50;top:25px; width: 100%;}
.about .wh li h3{ font-size: 20px; line-height: 35px; }
.about .wh li p{ font-size: 12px; line-height: 16px; margin-left: 16px; margin-right: 16px;}
.about .wh .li1,.about .wh .li2,.about .wh .li3,.about .wh .li4,.about .wh .li5{ left: 0px; top: 0px;}


.jjfa{width:96%;
	margin-left:auto;
	margin-right:auto;
}
.jjfa .text{padding:5px;}
.jjfa .text img{max-width:100%!important; height: auto!important;}
.jjfa .fa_con{ margin-top: 30px;}
.jjfa .fa_con li{ width: 48%; float: left; margin-right:1%;  margin-left: 1%;}
.jjfa .fa_con li:last-child{ margin-right: 1%;}
.jjfa .fa_con li img{ width: 100%; height:auto;}


.case{width:96%;}
.case li{ width: 48%; float: left; margin-right:1%;  margin-left: 1%;margin-top: 15px;}
.case li:nth-child(4),.case li:nth-child(8),.case li:nth-child(12),.case li:nth-child(16),.case li:nth-child(20){ margin-right: 1%;}
.case li img{ width: 100%; height:auto; }
.case li .box_img{	 width: 100%; height:auto;}
          
.product{width:96%;}
.product li{width: 48%; float: left; margin-right:1%;  margin-left: 1%;margin-top: 15px;}
.product li:nth-child(4),.product li:nth-child(8),.product li:nth-child(12),.product li:nth-child(16),.product li:nth-child(20){ margin-right: 1%;}
.product li .box_img{	position: relative;	overflow: hidden;width: 100%; height:auto;}
.product li .box_img img{width: 100%; height:auto;}

.newslist{width:96%;}

.newslist li{margin-top: 20px;}
.newslist .img1{float: none;height: auto;width: 100%;}
.newslist .text{float: none;width: 100%;margin-left: 0px;position:relative;}
.newslist h3{	font-size: 16px; line-height: 25px;}
.newslist .rq{
position:absolute;
z-index:10;
right:10px;
bottom:0px;
}

.news{
	width: 96%;
	padding-bottom: 30px;
	padding-top: 10px;
}
.news h2{
	font-size: 20px;
	line-height:35px;
	margin-top: 20px;
}
.news .lable{
	padding-bottom: 10px;
}

.news .text p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 15px;

}
.news .text img{
	margin-top: 15px;
	max-width:100%!important;
	height:auto!important;
}


.lxwm{
	width:95%;
	padding:0px;
}
#dituContent{
	height: 260px;
	width: 100%;
}

.page{width:96%;margin-top:20px; margin-bottom:20px;}


.foot .foot_con{ width:95%; padding-top: 15px;  padding-bottom: 15px;}
.foot .foot_con h3{ font-size: 16px;}
.foot .foot_con1{width:95%; padding-top:10px; padding-bottom:10px;}
.foot p{ font-size:14px; color:#fff; line-height:24px;}
