/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}
.m_bd{
		display: none;
	}
a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}

.htmleaf-container{
		display: none;
	}
.headtop{
	width: 100%;
	height: 5px;
	background-color: #e3e3e3;
}
.headdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.headlogo img,.headtel img{
	display: block;
}
.headnav ul{
	display: flex;
	justify-content: center;
}
.headnav ul li{
	position: relative;
}
.headnav ul li dl{
	position: absolute;
	top: 100px;
	left: 0px;
	display: none;
	width: 200%;z-index: 99;
	background-color: #fff;
}
.headnav ul li dl a{
	line-height:45px;font-size: 14px;
	height: 45px;overflow: hidden;
}
.headnav ul li:hover dl{
	display: block;
}
.headnav ul li a{
	padding: 0px 20px;
	display: block;
	height: 100px;
	line-height: 100px;
	color: #333333;
	font-size: 16px;
	transition: all .5s;
}
.headnav ul li:hover a{
	background: url(/template/pc/skin/img/images/navbg_03.jpg) center repeat-x;
	color: #fff;
}
.headnav ul li dl dd a:hover{
	background: url(/template/pc/skin/img/images/navbg_03.jpg) center repeat-x;
	color: #fff;
}
.headnav ul li:hover dl a{
	background:none;
	color: #333;
}
.headnav ul li a.active{
	background: url(/template/pc/skin/img/images/navbg_03.jpg) center repeat-x;
	color: #fff;
}
.banner img{
	display: block;
	width: 100%;
}
.index_gjc{
	width: 100%;
	height: 65px;
	background-color: #f0f1f2;
}
.index_gjcdv {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_gjcdv div{
	display: flex;
	justify-content: flex-start;
}
.index_gjcdv div i{
	color: #333333;
	font-weight: bold;
	font-size: 14px;
	line-height: 65px;
}
.index_gjcdv div a{
	display: flex;
	justify-content: flex-start;
	line-height: 65px;
	color: #838383;
	font-size: 14px;
	margin-left: 15px;
}
.index_gjcdv div a:hover{
	color: #287dc5;
}
.index_gjcdv section{
	width: 360px;
	height: 40px;
	border: 1px solid #dcdcdc;
	border-radius: 50px;
	overflow: hidden;
}
.index_gjcdv section form{
	display: flex;
	justify-content: space-between;
}
.index_gjcdv section input:first-child{
	text-indent: 15px;
	border: none;
	height:40px;
	background-color: transparent;
	outline: none;
	width: 200px;
}
.index_gjcdv section input:nth-child(2){
	width: 26px;
    height: 26px;
	margin: 7px;
	border:none;
	background: url(/template/pc/skin/img/images/ss.png) center no-repeat;
	background-size: cover;outline: none;
}
.headnav ul li.active a{
	background: url(/template/pc/skin/img/images/navbg_03.jpg) center repeat-x;
    color: #fff;
}
.banner{
	position: relative;
}
.banner section{
	width: 620px;
	height: 60px;
	
	overflow: hidden;
	position: absolute;
    left: 50%;
    top: 42%;
    margin-left: -310px;
    
}
.banner section form{
	display: flex;
	justify-content: space-between;
}
.banner section input:first-child{
	text-indent: 15px;
	border: none;
	height:60px;
	background-color: transparent;
	outline: none;
	    width: 545px;
	background-color: rgba(255,255,255,0.4);
}
.banner section input::-webkit-input-placeholder {
        color: #fff;
      }
.banner section  input::-moz-input-placeholder {
        color: #fff;
      }
.banner section input::-ms-input-placeholder {
        color: #fff;
      }
.banner section input:nth-child(2){
	width:60px;
    height: 60px;
	
	border:none;
	background: url(/template/pc/skin/images/sss.png) center no-repeat;
	background-size: cover;outline: none;
	background-color: #79cb15;
	background-size: 80%;
}

.index_pro{
	width: 1400px;
	margin: 50px auto;
}
.Mb_protop{
	display: flex;
	justify-content: space-between;
	height: 70px;
	align-items: center;
}
.Mb_protopbt{
	display: flex;
	justify-content: space-between;
	width:1025px ;
}
.Mb_protopbt h1{
	width: 145px;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
}
.Mb_protopbt p{
	width: 860px;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
.Mb_protop a{
	display: block;
	width: 145px;
	height: 38px;
	border: 1px dashed #0b5198; 
	text-align: center;
	border-radius: 40px;
	line-height: 38px;
	color: #0b5198;
	font-size: 14px;
}
.index_pro ul{
	display: flex;
	flex-flow: wrap;
}
.index_pro ul li{
	width: 450px;
	height: 330px;
	position: relative;
	margin: 8px;
	overflow: hidden;
}
.index_pro ul li img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
.index_pro ul li p{
	position: absolute;
	left: 25px;
	top: 40px;
	color: #fff;
	font-size: 28px;
}
.index_pro ul li:nth-child(4){
	width: 916px;
}
.index_pro ul li:last-child p{
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	width: 100%;
	left: 0;top: 45%;
}
.index_pro ul li:hover img{
	transform: scale(1.1);
}
.MB_about{
	width: 100%;
	height: 750px;
	background: url(/template/pc/skin/img/images/ia_02.jpg) center no-repeat;
	background-attachment:fixed;
	background-size: cover;
}
.Mb_aboutdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.Mb_aboutleft{
	width: 800px;
	margin-top: 145px;
}
.Mb_aboutleft ul{
	display: flex;
}
.Mb_aboutleft ul li{
	width: 260px;
	height: 230px;
	background-color: #fff;
}
.Mb_aboutleft ul li h1{
	color: #287dc5;
	font-size: 48px;
	font-family: "Impact";
	text-align: center;
	margin-top: 60px;
}
.Mb_aboutleft ul li p{
	color: #333333;
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}
.Mb_aboutleftul1{
	justify-content: flex-start;
}
.Mb_aboutleftul1 li{
	margin-right: 10px;
}
.Mb_aboutleftul1 li:last-child{
	background-color: transparent;
	border: 1px solid #fff;
	width: 258px;
	height: 228px;
}
.Mb_aboutleftul1 li:last-child:hover i{
	transform: rotate3d(0,1,0,360deg);
}
.Mb_aboutleftul1 i{
	display: block;
	margin-top: 50px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #fff;
	transition: all 1s;
	font-size: 35px;
}
.Mb_aboutleftul1 h2{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-top: 20px;
}
.Mb_aboutleftul1 section{
	font-size: 14px;
	color: #ffffff;
	margin-top: 15px;
	text-align: center;
}
.Mb_aboutleftul2{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.Mb_aboutleftul2 li{
	width: 260px;
	height: 230px;
	margin: 0;
}
.Mb_aboutleftul2 li:first-child i{
	color: #0d5299;
	text-align: center;
	font-size: 35px;line-height: 60px;
}
.Mb_aboutleftul2 li:first-child h2{
	color: #333333;
}
.Mb_aboutleftul2 li:first-child section{
	color: #333333;
}
.Mb_aboutleftul2 li:nth-child(2){
	background-color: #287dc5;
}
.Mb_aboutleftul2 i{
	display: block;
	margin-top: 30px;
	height: 60px;
	text-align: center;
	font-size: 35px;line-height: 60px;
	color: #fff;
	transition: all 1s;
}
.Mb_aboutleftul2 li:hover i{
	transform: rotate3d(0,1,0,360deg);
}
.Mb_aboutleftul2 h2{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-top: 20px;
}
.Mb_aboutleftul2 section{
	font-size: 14px;
	color: #ffffff;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
	width: 78%;
	line-height: 25px;
}
.Mb_aboutright{
	width: 550px;
	margin-top: 145px;
}
.Mb_aboutright h1{
	font-size: 32px;
	color: #ffffff;
	text-align: right;
	margin-bottom: 10px;
}
.Mb_aboutright p{
	line-height: 30px;
	font-size: 16px;
	color: #fff;
}
.Mb_aboutright a{
	display: block;
	width: 180px;
	height: 45px;
	margin-top: 50px;
	float: right;
	border: 1px dashed #fff;
	border-radius: 50px;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	color: #fff;
}
.index_news{
	width: 1400px;
	margin: 90px auto;
}
.index_newtop{
	width: 1400px;
	margin: 0 auto;
}
.index_newtop h1{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}
.index_newtop p{
	line-height: 35px;
	color: #333333;
	font-size: 16px;
}
.tabBox .hd{ height:45px; line-height:45px;  font-size:14px; position:relative;color: #fff;  }
.tabBox .hd ul{ display: flex; height:45px;justify-content: flex-end; }
.tabBox .hd ul li{ width: 140px;height: 45px; background-color: #287dc5; text-align: center;margin-left: 15px;}
.tabBox .hd ul li a{color: #fff;}
.tabBox .hd ul .on{ background-color: #79cb15; }
.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器目今样色无效果bug */  }
.index_newslist{
	margin-top: -50px;
}
.tabBox .bd ul .index_ndv{
	width: 1400px;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.index_ndvleft{
	width: 790px;
	background-color: #f0f1f2;
}
.index_ndvleftdv .swiper-slide{
	display: flex;
	justify-content: space-between;
}
.index_ndvleftdvleft{
	width: 50%;
}
.index_ndvleftdvright{
	width: 50%;
	padding: 35px;
}
.index_ndvleftdvright span{
	font-size: 16px;
	color: #333333;
}
.index_ndvleftdvright h1{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin: 25px auto;
	margin-bottom: 30px;
}
.index_ndvleftdvright p{
	color: #666666;
	font-size: 14px;
	line-height: 35px;
}
.index_ndvleftdvright a{
	display: block;
	width: 140px;
	height: 45px;
	background-color: #287dc5;
	font-size: 14px;
	color: #fff;
	line-height: 45px;
	text-align: center;
	margin-top: 30px;
}
.index_news .swiper-button-prev,.index_news .swiper-button-next{
	width: 40px;
	height: 40px;
	opacity: 1;
	background: url(/template/pc/skin/img/images/btn_03.jpg) center no-repeat;
	top: 80%;
	left: 50%;
}
.index_news .swiper-button-prev.swiper-button-disabled,.index_news .swiper-button-next.swiper-button-disabled{
	opacity: 1;
}
.index_news .swiper-button-next{
	background: url(/template/pc/skin/img/images/btn_04.jpg) center no-repeat;
}
.index_news .swiper-button-prev{
	left: 45%;
}
.index_ndvright{
	width: 590px;
}
.index_ndvright ul{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
}
.index_ndvright ul li{
	width: 100%;
	height: 280px;
	position: relative;
	overflow: hidden;
}
.index_ndvright ul li img{
	display: block;
	width: 100%;
	transition: all .5s;
	height: 100%;
}
.index_ndvright ul li a{
	padding: 30px;
	display: block;
	width: 530px;
	height: 220px;
	position: absolute;
	top: 0;
	left: 0;
}
.index_ndvright ul li a span{
	color: #ffffff;
	font-size: 14px;
}
.index_ndvright ul li a p{
	line-height: 35px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}
.index_ndvright ul li:hover img{
	transform: scale(1.1);
}
.MB_solution{
	width: 100%;
	background-color: #f0f1f2;
	padding-top: 80px ;
}
.MB_solutiontop{
	width: 1300px;
	margin: 0 auto;
}
.MB_solutiontop h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.MB_solutiontop p{
	text-align: center;
	font-size: 16px;
	color: #666666;
	margin-bottom: 45px;
}
.MB_solutionlist{
	background: url(/template/pc/skin/img/images/yingyong_02.jpg) center no-repeat;
	background-size:cover ;
	height: 760px;
}
.MB_solutionlist ul{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.MB_solutionlist ul li{
	width: 20%;
	height: 760px;
	
	overflow: hidden;
}
.MB_solutionsection {
	width: 1400px;
	margin: 0 auto;
}
.MB_solutionlist ul li:first-child a{
	border-left: 1px solid rgba(255,255,255,.3);
	width:calc(100% - 2px);
}
.MB_solutionlist li a{
	height: 100%;
	width:calc(100% - 1px);
	display: block;
	position: relative;
	border-right: 1px solid rgba(255,255,255,.3);
}
.MB_solutionlist li i{
	height: 55px;
	text-align: center;
	color: #fff;
	line-height: 55px;
	text-align: center;
	display: block;
	font-size: 35px;
}
.MB_solutionlist li h1{
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	margin-top: 5px;
}
.MB_solutionlist li div{
	position: absolute;
	top: 80%;
	width: 100%;
	z-index: 2;
	animation: MBDV .5s;
}
.MB_solutionlist li em{
	width: 20%;
	display: block;
	height: 1px;
	border-top: 2px solid #fff;
	position: absolute;
    top: 95%;
    left: 40%;z-index: 9;transition: all .5s;
}
.MB_solutionlist li span{
	display: block;
	font-size: 16px;
	color: #f5f5f5;
	text-align: center;
	width: 80%;
	left: 10%;
	position: absolute;
	top: 57%;
	z-index: 2;
	opacity: 0;
}
.MB_solutionlist li section{
	width: 100%;
	height: 100%;
	background-color: rgba(40,125,197,0.4);
	position: absolute;
	top: 100%;
	left: 0;
}
.MB_solutionlist li:hover span{
	opacity: 1;
	transition: all 1s;
	animation: H_MBspan 1s;
}
.MB_solutionlist li:hover section{
	top: 0;transition: all .8s;
}
.MB_solutionlist li:hover div{
	top: 40%;
	animation: H_MBdv 1s;
	transition: all 1s;
}
.MB_solutionlist li:hover em{
	top: 55%;
	transition: all 1s;
}
@keyframes H_MBdv
{
from {top: 35%;}
to {top: 40%;}
}
@keyframes MBDV
{
from {top: 90%;}
to {top: 80%;}
}
@keyframes H_MBspan
{
from {top: 50%;}
to {top: 57%;}
}
.index_fw{
	width: 100%;
	padding: 70px 0px;
	background: url(/template/pc/skin/img/images/awq_02.jpg) center no-repeat;
	background-size: cover;
}
.index_fwdv{
	width: 1400px;
	margin: 0 auto;
}
.index_fwdv h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.index_fwdv p{
	color: #666666;
	font-size: 14px;
	text-align: center;
	margin-bottom: 60px;
}
.idex_ryy{
	width: 1400px;
	margin: 40px auto;
}
.idex_ryydv{
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 36px;
	margin: 35px auto;
	font-weight: bold;
}
.idex_ryy ul{
	display: flex;justify-content: space-between;
}
.idex_ryy ul li div{
	
	overflow: hidden;
}

.idex_ryy ul li div img{
	transition: all .5s;
	width: 100%;
	display: block
}
.idex_ryy ul li:hover div img{
	transform: scale(1.05);
}
.idex_ryy ul li{
	border:1px solid #e5e5e5;padding: 5px;
}
.index_hzkh{
	padding: 70px 0px;
	background-color: #f0f1f2;
}
.index_hzkh h1{
	text-align: center;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 40px;
}
.index_hzkh ul{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.index_hzkh ul li{
	width: 278px;
	height: 129px;
	overflow: hidden;
	margin-bottom: 3px;
}
.index_hzkh ul li .img1{
	display: block;
	width: 100%;
	transition: all .5s;
}
.index_hzkh ul li .img2{
	width: 100%;
	transition: all .5s;
	opacity: 0;
}
.index_hzkh ul li:hover .img1{
	transform: scale(1.1);
	display: none;
}
.index_hzkh ul li:hover .img2{
	transform: scale(1.1);
	display: block;
	opacity: 1;
}
.foot{
	width: 100%;
	background-color: #17609d;
}
.footdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footdv dl{
	padding-top: 80px;
}
.footdv dl dt a{
	font-size: 16px;
	color: #ffffff;
	line-height: 35px;
}
.footdv dl dd a{
	font-size: 14px;
	color: #b0d9fc;
	line-height: 35px;
}
.footdv div{
	width: 325px;
	height: 390px;
	background-color: #10528a;
}
.footdv div img{
	padding-top: 90px;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.footdv div p{
	text-align: center;
	color: #b0d9fc;
	font-size: 14px;
	line-height: 45px;
}
.wdl{
	background: #125893;
	width: 100%;
}
.wdl div{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	line-height: 80px;
}
.wdl div p{
	color: #b0d9fc;
	font-size: 14px;
	line-height: 85px;
}
.wdl div p a{
	color: #b0d9fc;
	font-size: 14px;
}


.show_nav{
	width: 100%;
	background-color: #f2f4f1;
}
.show_nav ul{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.show_nav ul li a{
	padding: 0 30px;
	line-height: 75px;
	color: #333333;
	font-size: 20px;
	display: block;
}
.show_nav ul li a:hover{
	background-color: #287dc5;
	color: #fff;
}
.show_nav ul li.active a{
	background-color: #287dc5;
	color: #fff;
}
.news_top{
	width: 1400px;
	margin: 40px auto;
}
.news_topdv .swiper-slide{
	display: flex;
	justify-content: space-between;
}
.news_topdvimg{
	width: 930px;
}
.news_topdvimg img{
	width: 100%;
	display: block;
}
.news_topdvtext{
	width: 420px;
	padding: 25px;
	background-color: #f2f4f1;
}
.news_topdvtext span{
	color: #333333;
	font-size: 16px;
	line-height: 50px;
}
.news_topdvtext h1{
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	line-height: 35px;
}
.news_topdvtext p{
	margin-top: 30px;
	line-height: 35px;
	color: #666666;
	font-size: 14px;
}
.news_topdvtext a{
	width: 150px;
	height: 40px;
	border: 1px solid #d2d2d2;
	line-height: 40px;
	display: block;
	margin-top: 40px;
	text-align: center;
	color: #666666;
	font-size: 14px;
}
.news_topdv .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	border-radius: 0px;
	opacity:1;
	background: #fff;
}
.news_topdv .swiper-pagination-bullet-active{
	    background: #007aff;
}
.newlist{
	width: 1400px;
	margin: 0 auto;
}
.newlist ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.newlist li{
	width: 615px;
	height: 200px;
	background-color: #f6f7f6;
	padding:25px;
	padding-right: 50px;
	margin-bottom: 20px;
}
.newlist li span{
	color: #7e7e7e;
	font-size: 14px;
	display: block;
	margin-top: 20px;
	line-height: 25px;
}
.newlist li h1{
	line-height: 35px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
}
.newlist li p{
	line-height: 30px;
	color: #7e7e7e;
	font-size: 14px;
}
.newlist li i{
	display: block;
	color: #7e7e7e;
	font-size: 14px;
	text-align: right;
	margin-top: 15px;
}
.newlist li:hover span{
	color: #badefc;
}
.newlist li:hover h1{
	color: #fff;
}
.newlist li:hover p{
	color: #badefc;
}
.newlist li:hover i{
	color: #fff;
}
.newlist li:hover {
	background-color: #287dc5;
}
.proyd{
	width: 1400px;
	margin: 40px auto;
}
.proyddv{
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.proydleft {
	width: 350px;
	height: 470px;
	position: relative;
}
.proydleft img{
	display: block;
	width: 100%;
}
.proydleft h1{
	color: #ffffff;
	font-size: 28px;
	position: absolute;
	top: 50px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	width: 95%;
	margin: 0 auto;
	left: 2.5%;
}
.proydleft div{
	display: flex;
	justify-content: space-around;
	position: absolute;
	bottom: 40px;
	width: 100%;
}
.proydleft div a{
	width: 145px;
	height: 45px;
	background-color: #287dc5;
	display: block;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
}
.proydleft div a:last-child{
	background-color: #79cb15;
}
.proydright ul{
	height: 100%;
	display: flex;
	justify-content: flex-start;
	width: 1040px;
}
.proydright ul li{
	width:210px ;
	padding: 25px;
	border: 1px solid #e5e5e5;
	border-right: none;
}
.proydright ul li span{
	font-size: 14px;
	color: #919090;
	line-height: 25px;
}
.proydright ul li h1{
	color: #333333;
	font-size: 28px;
	line-height: 50px;
	font-family: "Impact";
}
.proydright ul li div{
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px
}
.proydright ul li div img{
	display: block;
	width: 100%;
}
.proydright ul li p{
	color: #333333;
	font-size: 14px;
	line-height: 30px;
}
.proydright ul li p i{
	font-weight: bold;
}
.proydright ul li a{
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	display: block;
	background-color: #287dc5;
	margin-top: 15px;
}
.proydright ul li:last-child{
	border-right:1px solid #e5e5e5;
}
.showpronav{
	width: 1400px;
	margin: 0 auto;
	margin-top: 55px;
}
.showpronav{
	display: flex;
	justify-content: space-between;
}
.showpronav h1{
	width: 210px;
	line-height: 50px;
	color: #333333;
	font-size: 20px;
}
.showpronav ul {
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	width:100%;
}
.showpronav ul li{
	width: 200px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.showpronav ul li a{
	display: block;
	width: 200px;
	line-height: 50px;
	text-align: center;
	background-color: #efefef;
	color: #666666;
	font-size: 14px;
}

.showpronav ul li a:hover{
	background-color: #287dc5;
	color: #fff;
}
.showpronav ul li a.active{
	background-color: #287dc5;
	color: #fff;
}
.prolist{
	width: 1400px;
	margin: 45px auto;
}
.prolist ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.prolist ul li{
	padding: 20px;
	width: 290px;
	border: 1px solid #e5e5e5;
	margin: 9px;
}
.prolist ul li span{
	color: #919090;
	font-size: 14px;
	line-height: 25px;
}
.prolist ul li h1{
	color: #333333;
	font-size: 28px;
	font-family: "Impact";
	line-height: 50px;
}
.prolist ul li p{
	font-size: 14px;
	line-height: 30px;
	color: #333;
}
.prolist ul li p i{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.prolist ul li div{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.prolist ul li div a{
	display: block;
	width: 125px;
	height: 45px;
	border: 1px solid #eeeeee;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	color: #bcbdbd;
}
.prolist ul li div a:hover{
	background-color: #79cb15;
	color: #fff;
}
.prolist ul li div a:last-child:hover{
	background-color: #287dc5;
	color: #fff;
}
.prolist ul li section{
	width: 100%;
	overflow: hidden;
}
.prolist ul li section img{
	width: 100%;display: block;
	transition: all .5s;
}
.prolist li:hover img{
	transform: scale(1.1);
}

.shownavdv{
	width: 100%;
	background-color: #f2f4f1;
	line-height: 80px;
}
.shownavdv ul {
	justify-content: center;
	display: flex;
}
.shownavdv ul li{
	width: 140px;
	height: 80px;
	background-color: #287dc5;
	color: #FFFDEF;
}
.shownavdv ul li a{
	display: block;
	text-align: center;
	line-height: 80px;
	color: #fff;
	font-size: 20px;
}
.anlilist{
	width: 1400px;
	margin: 60px auto;
}
.anlilist ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.anlilist ul li{
	width: 448px;
	margin: 9px;
}
.anlilist ul li div{
	width: 100%;
	overflow: hidden;
}
.anlilist ul li div img{
	display: block;
	width: 100%;
	transition: all .5s; 
}
.anlilist ul li:hover div img{
	transform: scale(1.1);
}
.anlilist ul li p{
	line-height: 60px;
	text-align: center;
	color: #333333;
	font-size: 20px;
	background-color: #f2f4f1;
}
.anlilist ul li:hover p{
	background-color: #287dc5;
	color: #fff;
}
.lxwmdv{
	width: 1398px;
	border: 1px solid #e5e5e5;
	display: flex;
	justify-content: space-between;
	margin: 60px auto;
}
.xlwmdvleft{
	width: 520px;
	border-right: 1px solid #e5e5e5;
}
.xlwmdvleft p{
	font-size: 16px;
	color: #333333;
	border-bottom: 1px solid #e5e5e5;
	height: 63px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-indent: 20px;
}
.xlwmdvleft p span{
	width: 80px;
}
.xlwmdvleft p:last-child{
	border-bottom: none;
}
.xlwmdvright{
	width: 840px;
	padding: 20px;
}
.xlwmdvright img{
	width: 100%;
	display: block;
}
.zxly {
	width: 1400px;
	margin: 30px auto;
}
.zxly h1{
	color: #333333;
	font-size: 36px;
	text-align: center;
	margin-bottom: 30px;
}
.zxly form div{ 
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.zxly form div input{
	height: 50px;
	width: 32%;
	border: none;
	border: 1px solid #e5e5e5;
	text-indent: 2em;
	outline: none;
}
.zxly form input{
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #e5e5e5;
	text-indent: 2em;
	outline: none;
	margin-bottom: 25px;
}
.zxly form textarea{
	width: 100%;
	height: 170px;
	border: none;
	border: 1px solid #e5e5e5;
	text-indent: 2em;
	outline: none;
	line-height: 35px;
}
.zxly form .submit{
	width: 140px;
	height: 50px;
	background-color: #287dc5;
	color: #fff;
	text-indent: 0em;
	margin-top: 25px;
}

.showpro{
	width: 1400px;
	margin: 50px auto;
	display: flex;
	justify-content: space-between;
}
.showproleft{
	width: 40%;
}
.showproleft img{
	display: block;
	width: 100%;
}
.showproright{
	width: 58%;
}
.showproright h1{
	margin-top: 35px;
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 25px;
}
.showproright ul li{
	line-height: 35px;
	font-size: 16px;
	color: #666666;
}
.showproright p{
	padding-top: 20px;
	margin-top: 25px;
	color: #666666;
	font-size: 14px;
	line-height: 35px;
	border-top:1px solid #efefef;
	padding-bottom: 20px;
	border-bottom:1px solid #efefef;
}
.showproright img{
	max-width: 100%;
	display: block;
	margin: 25px 0px;
}
.showproright div{
	width: 310px;
	display: flex;
	justify-content: space-between;
}
.showproright div a{
	display: block;
	width: 140px;
	height: 50px;
	background-color: #79cb15;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
}
.showproright div a:last-child{
	background-color: #287dc5;
}
.proxq{
	width: 100%;
	margin: 0 auto;
}
.proxqbt{
	line-height: 70px;
	font-size: 24px;
	color: #333333;
	box-shadow: 0px 10px 10px #eeeeee;
	margin-bottom: 50px;
}
.proxqbt h1{
	width: 1400px;
	margin: 0 auto;
}
.protext{
	width: 1400px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.protj{
	border-top: 8px solid #efefef;
}
.protjbt{
	width: 1400px;
	margin: 0 auto;
	margin-top: 50px;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
.gywmtop{
	width: 1400px;
	margin: 45px auto;
}
.gywmtopname h1{
	color: #287dc5;
	font-size: 48px;
}
.gywmtopname h2{
	color: #287dc5;
	font-size: 36px;
	margin-bottom: 25px;
}
.gywmtopname p{
	color: #666666;
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 30px;
}
.gywmtopname ul{
	display: flex;
	justify-content: space-between;
}
.gywmtopname ul li{
	width: 25%;
	overflow: hidden;
}
.gywmtopname ul li img{
	display: block;
	width: 100%;
}
.gywmtopname ul li:first-child img{
	transition: all .5s;
}
.gywmtopname ul li:first-child:hover img{
	transform: scale(1.1);
}
.gywmtopname ul li:nth-child(3) img{
	transition: all .5s;
}
.gywmtopname ul li:nth-child(3):hover img{
	transform: scale(1.1);
}
.jycp {
	padding: 50px 0px;
	background: url(/template/pc/skin/img/images/wmbj_02.jpg) center bottom no-repeat;
	background-size: cover
}
.jycpdv{
	width: 1400px;
	margin: 0 auto;
}
.jycpdv h1{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 30px;
}
.x9{
	width: 100%;
}
.jycpdv ul li{
	font-size: 14px;
	color: #666666;
	line-height: 35px;
	margin-bottom: 30px;
}
.jycpdv dl{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 120px;
}
.jycpdv dl dd{
	width: 25%;
	text-align: center;
}
.jycpdv dl dd h2{
	color: #287dc5;
	font-size: 64px;
	font-family:'Impact';
}
.jycpdv dl dd p{
	line-height: 40px;
	text-align: center;
	color: #287dc5;
	font-size: 18px;
}
.gywmry{
	background-color: #f7f6f6;
	padding: 40px 0px;
}
.xgal {
	margin: 60px auto;
}
.xgal h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.xgal .anlilist{
	margin-top: 20px;
}
.index_fw ul{
	display: flex;
	justify-content: space-between;
	width: 1400px;
	margin: 0 auto;
}
.index_fw ul li {
	width: 348px;
	border: 1px solid #d8e4fd;
	background-color: #fefefe;
	height: 380px;
	position: relative;
	transition: all .5s;
}
.index_fw ul li i{
	display: block;
	width: 70px;
	height: 70px;
	margin:0 auto;
	margin-top: 80px;
	margin-bottom: 30px;transition: all .5s;
	color:#595959 ;
	font-size: 48px;
	text-align: center;
	line-height: 70px;
}
.index_fw ul li h1{
	color: #333333;
	font-size: 26px;
	text-align: center;
	margin-bottom: 75px;
}
.index_fw ul li span{
	width: 50px;
	height: 1px;
	display: block;
	margin: 0 auto;
	border-bottom: 2px solid #287dc5;
	transition: all .5s;
}
.index_fw ul li p{
	opacity: 0;
}
.index_fw ul li div{
	opacity: 0;
}
.index_fw ul li:hover{
	transform: scale(1.1);
	background: url(/template/pc/skin/img/images/grh_03.jpg) center no-repeat;
	box-shadow: 10px 10px 10px #a7c2d9;
	background-size: cover;
	z-index: 2;
}
.index_fw ul li:hover i{
	color: #fff;
}
.index_fw ul li:hover p{
	opacity: 1;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	width: 80%;
	margin: 0 auto;
	transition: all .5s;
}
.index_fw ul li:hover i{
	margin-top: 60px;
}
.index_fw ul li:hover h1{
	color: #FFF;
	margin-bottom: 15px;
}
.index_fw ul li:hover span{
	border-bottom: 2px solid #fff;
	margin-bottom: 20px;
}
.index_fw ul li:hover div{
	text-align: center;
	font-size: 14px;
	color: #fff;
	opacity: 1;
	margin-top: 25px;
	transition: all .5s;
}
.proydright ul li:hover a{
	background-color: #79cb15;
}
.proydright ul li div img{
	transition: all .5s;
}
.proydright ul li:hover div img{
	transform: scale(1.1);
}
.tz{
	width: 100%;
}
.tz img{
	display: block;
	width: 100%;
}
.container{
	width: 1400px;
}
.m_footdv{
	display: none;
}
.m_foot{
	display: none;
}
.m_footdv{
	height: 45px;
	display: none;
}
.m_foot{
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 45px;
	background-color: #287dc5;
	display: none;z-index: 9999;
}
.m_foot ul{
	display: flex;
	justify-content: space-between;
}
.m_foot ul li{
	width: 25%;
	border-right: 1px solid #0c5da0;
}
.m_foot ul li a{
	width: 100%;
	text-align: center;
	line-height: 45px;
	display: block;
	font-size: 14px;
	color: #ffffff;
}
.ljgd{
	display: none;
}
@media only screen and (min-width: 1000px) and (max-width: 1399px){
	.headdv,.index_gjcdv,.index_pro,.Mb_aboutdv,.index_news,.MB_solutiontop,.MB_solutionsection,.index_fwdv,.index_fw ul,.idex_ryy,.lxwmdv,.index_hzkh ul,.zxly,.footdv,.wdl div,.show_nav ul,.news_top,.newlist {
		width: 95%;
	}
	.headtel{
		width: 20%;
	}
	.headnav{
		width: 55%;
	}
	.headnav ul{
		justify-content: space-between;
	}
	.xlwmdvleft p i{width: 80%;text-indent: 0;}
	.headlogo img, .headtel img{
		width: 100%;
	}
	.headdv{
		align-items: center;
	}
	.headnav ul li a{
		padding: 5px
	}
	.index_gjcdv div a:last-child{
		display: none;
	}
	.index_gjcdv div a:nth-child(6){
		display: none;
	}
	.index_gjcdv div a:nth-child(5){
		display: none;
	}
	.Mb_protopbt{
		width: 85%;
	}
	.Mb_protopbt h1{
		width: 20%;
		max-width: 165px;
	}
	.Mb_protopbt p{
		width: 77%;
	}
	.Mb_protopbt{
		justify-content: flex-start;
	}
	.index_pro ul li{
		width: 31%;
		height: auto;
	}
	.index_pro ul li:nth-child(4){
		    width: 63.7%;
		height: auto;
	}
	.index_pro ul li:last-child p{
		top: 43%;
	}
	.Mb_aboutleft{
		width: 60%;
	}
	.Mb_aboutright{
		width: 35%;
	}
	.index_newtop{
		width: 100%;
	}
	.tabBox .bd ul .index_ndv{
		width: 100%;
	}
	
	.MB_solutionlist ul{
		width: 100%;
	}
	.MB_solutionlist li a{
		width: calc(100% - 2px);
	}
	.idex_ryy ul li{
		width: 25%;
	}
	.idex_ryy ul li div{
		width: 100%;
	}
	.idex_ryy ul li div img{
		width: 100%;
		display: block;
	}
	.index_hzkh ul li{
		width: 19.5%;
		height: auto;
		position: relative;
		margin-bottom: .5%;
	}
	.img2{
		position: absolute;
		top: 0;
		left: 0;
	}
	.footdv div{
		width: 30%;
		height: 300px;
	}
	.footdv dl{
		padding-top: 50px;
	}
	.footdv div img{
		padding-top: 60px;
	}
	.index_ndvright ul li a{
		width: auto;
	}
	.tabBox .bd ul .index_ndv{
		width: 100%;
		display: flex;
	}
	.index_ndvleft{
		width: 55%;
	}
	.index_ndvright{
		width: 43%;
	}
	.index_ndvleftdvleft img{
		width: 100%;
	}
	.index_ndvright ul li{
		height: auto;
	}
	.index_ndvleftdvright h1{
		height: 30px;
    	overflow: hidden;
	}
	.index_ndvleftdvright{
		width: 40%;
	}
	.index_ndvleftdvright p{
		height: 105px;
		overflow: hidden;
	}
	.index_news .swiper-button-prev{
		left: calc(50% - 40px);
	}
	.news_topdvtext p{
		margin-top: 0px;
	}
	.news_topdvtext h1{
		height: 35px;
    	overflow: hidden;
	}
	.newlist li{
		width: 45%;
		padding: 2%;
		height: auto;
	}
	.anlilist,.showpronav,.prolist,.gywmtop,.jycpdv,.jycpdv dl,.showpro,.protext,.proxqbt h1,.protjbt,.proyd{
		width: 95%;
	}
	.anlilist ul li{
		width:31%;
	}
	.showpronav h1{
		width: 35%;
	}
	.showpronav{
		justify-content: flex-start;
	}
	.showpronav ul li{
		margin-bottom: 10px;
	}
	.prolist ul li{
		width: 27%;
	}
	.showproleft{
		width: 50%;
	}
	.showproright{
		width: 48%;
	}
	.proydleft{
		width: 30%;
	}
	.proydright{
		width: 68%;
	}
	.proydright ul{
		width: 100%;
	}
	.proydright ul li{
		padding: 10px;
	}
	.proydleft img{
		height: 100%;
	}
	.container{
		width: 100%;
	}
}

@media only screen and (min-width: 765px) and (max-width: 999px){
	.headdv,.index_gjcdv,.index_pro,.Mb_aboutdv,.index_news,.MB_solutiontop,.MB_solutionsection,.index_fwdv,.index_fw ul,.idex_ryy,.index_hzkh ul,.footdv,.wdl div,.show_nav ul,.news_top,.newlist {
		width: 95%;
	}
	.lxwmdv{
		width: 95%;
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.zxly{
		width: 95%;
	}
	.xlwmdvleft{
		width: 100%;
	}
	.headdv{
		display: none;
	}
	.index_gjc{
		display: none;
	}
	.headlogo{
		width: 20%;
	}
	.headlogo img, .headtel img{
		width: 100%;
	}
	.headdv{
		align-items: center;
	}
	.headnav ul li a{
		padding: 5px
	}
	.index_gjcdv div a:last-child{
		display: none;
	}
	.index_gjcdv div a:nth-child(6){
		display: none;
	}
	.index_gjcdv div a:nth-child(5){
		display: none;
	}
	.Mb_protopbt{
		width: 85%;
	}
	.Mb_protopbt h1{
		width: 20%;
		max-width: 165px;
		font-size: 25px;
	}
	.Mb_protopbt p{
		width: 77%;
	}
	.Mb_protopbt{
		justify-content: flex-start;
	}
	.index_pro ul li{
		width: 31%;
		height: auto;
	}
	.index_pro ul li:nth-child(4){
		    width: 63.7%;
		height: auto;
	}
	.index_pro ul li:last-child p{
		top: 43%;
	}
	.Mb_aboutleft{
		width: 60%;
	}
	.Mb_aboutright{
		width: 35%;
	}
	.index_newtop{
		width: 100%;
	}
	.tabBox .bd ul .index_ndv{
		width: 100%;
	}
	
	.MB_solutionlist ul{
		width: 100%;
	}
	.MB_solutionlist li a{
		width: calc(100% - 2px);
	}
	.idex_ryy ul li{
		width: 25%;
	}
	.idex_ryy ul li div{
		width: 100%;
	}
	.idex_ryy ul li div img{
		width: 100%;
		display: block;
	}
	.index_hzkh ul li{
		width: 19.5%;
		height: auto;
		position: relative;
		margin-bottom: .5%;
	}
	.img2{
		position: absolute;
		top: 0;
		left: 0;
	}
	.footdv div{
		width: 30%;
		height: 300px;
	}
	.footdv dl{
		padding-top: 50px;
	}
	.footdv div img{
		padding-top: 60px;
	}
	.index_ndvright ul li a{
		width: auto;
	}
	.tabBox .bd ul .index_ndv{
		width: 100%;
		display: block;
	}
	.index_ndvleft{
		width: 100%;
	}
	.index_ndvright{
		width: 100%;
	}
	.index_ndvleftdvleft img{
		width: 100%;
	}
	.index_ndvright ul li{
		height: auto;
	}
	.index_ndvleftdvright h1{
		height: 30px;
    	overflow: hidden;
	}
	.index_ndvleftdvright{
		width: 40%;
	}
	.index_ndvleftdvright p{
		height: 105px;
		overflow: hidden;
	}
	.index_news .swiper-button-prev{
		left: calc(50% - 40px);
	}
	.news_topdvtext p{
		margin-top: 0px;
	}
	.news_topdvtext h1{
		height: 35px;
    	overflow: hidden;
	}
	.newlist li{
		width: 45%;
		padding: 2%;
		height: auto;
	}
	.anlilist,.showpronav,.prolist,.gywmtop,.jycpdv,.jycpdv dl,.showpro,.protext,.proxqbt h1,.protjbt,.proyd{
		width: 95%;
	}
	.anlilist ul li{
		width:30%;
	}
	.showpronav h1{
		width: 35%;
	}
	.showpronav{
		justify-content: flex-start;
		display: block;
	}
	.showpronav ul{
		width: 100%;
	}
	.showpronav ul li{
		margin-bottom: 10px;
	}
	.prolist ul li{
		width: 26%;
	}
	.showproleft{
		width: 100%;
	}
	.showpro{
		display: block;
	}
	.showproright{
		width: 100%;
	}
	.proydleft{
		width: 100%;
	}
	.proydright ul{
		width: 100%;
	}
	.proydright ul li{
		padding: 10px;
	}
	.proydleft img{
		height: 100%;
	}
	.index_pro ul li p,.index_pro ul li:last-child p{
		font-size: 24px;
	}
	.Mb_aboutleft{
		width: 100%;
	}
	.Mb_aboutdv{
		display: block;
	}
	.MB_about{
		height: auto;
		padding-top: 100px;
		background-size: cover;
		padding-bottom: 50px;
	}
	.Mb_aboutleft{
		margin-top: 0px;
	}
	.Mb_aboutleftul2{
		justify-content: flex-start;
	}
	.Mb_aboutright{
		width:100%;
		margin-top: 50px;
	}
	.Mb_aboutright h1{
		text-align: center;
	}
	.foot,.wdl{
		display: none;
	}
	.MB_solutionlist,.MB_solutionlist ul li{
		height: 600px;
	}
	.MB_solutionlist li:hover em{
		top: 56%;
	}
	.news_topdvimg,.news_topdvtext{
		width: 100%;
	}
	.news_topdv .swiper-slide{
		flex-flow: wrap;
	}
	.prolist ul li{
		padding: 2%;
	}
	.proyd{
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.proyddv{
		display: block;width: 100%;
	}
	.proydleft img,.proydleft div{
		display: none;
	}
	.proydleft{
		height: 100px;
	}
	.proydleft h1{
		color: #333;
	}
	.proydright ul{
		display: flex;
	}
	.proydright ul li{
		width: 22%;
		border-right: 1px solid #e5e5e5;;
	}
	.htmleaf-container{
		display: block;
	}
	.container{
		width: 100%;
	}
	.container{
		width: 100%;
	}
	.m_footdv{
		display: block;
	}
	.m_foot{
		display: block;
	}
}

@media screen and (max-width: 764px){
	.headdv,.index_gjcdv,.index_pro,.Mb_aboutdv,.index_news,.MB_solutiontop,.MB_solutionsection,.index_fwdv,.index_fw ul,.idex_ryy,.index_hzkh ul,.footdv,.wdl div,.show_nav ul,.news_top,.newlist {
		width: 95%;
	}
	.container{
		width: 100%;
	}
	.xlwmdvleft p i{width: 80%;text-indent: 0;}
	.lxwmdv{
		width: 95%;
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.zxly{
		width: 95%;
	}
	.xlwmdvright,.xlwmdvleft{
		width: 100%;
	}
	.xlwmdvright img{
		max-width: 100%;
		display: block;
	}
	.headdv{
		display: none;
	}
	.index_gjc{
		display: none;
	}
	.zxly h1{
		font-size: 24px;
	}
	.headlogo{
		width: 20%;
	}
	.headlogo img, .headtel img{
		width: 100%;
	}
	.headdv{
		align-items: center;
	}
	.headnav ul li a{
		padding: 5px
	}
	.index_gjcdv div a:last-child{
		display: none;
	}
	.index_gjcdv div a:nth-child(6){
		display: none;
	}
	.index_gjcdv div a:nth-child(5){
		display: none;
	}
	.Mb_protopbt{
		width: 95%;
		margin: 0 auto;
		display: block;
	}
	.Mb_protopbt h1{
		width: 100%;
		font-size: 24px;
		text-align: center;
		margin-bottom: 15px;
	}
	.Mb_protopbt p{
		width: 100%;
		margin-bottom: 10px;
	}
	.Mb_protop a{
		display: none;
	}
	.Mb_protopbt{
		justify-content: flex-start;
	}
	.index_pro ul li{
		width: 45%;
		height: auto;
	}
	.index_pro ul li:nth-child(4){
		width: 100%;
		height: auto;
	}
	.index_pro ul li:last-child p{
		top: 43%;
	}
	.Mb_aboutleft{
		width: 60%;
	}
	.Mb_aboutright{
		width: 35%;
	}
	.index_newtop{
		width: 100%;
	}
	.tabBox .bd ul .index_ndv{
		width: 100%;
	}
	.Mb_aboutleftul2 h2{
		font-size: 20px;
	}
	.Mb_aboutright h1,.index_newtop h1{
		font-size: 24px;
	}	
	.index_newtop{
		text-align: center;
	}
	.index_newslist{
		margin-top: 20px;
	}
	.tabBox .hd ul{
		display: flex;
		justify-content: center;
	}
	.Mb_aboutleft ul li{
		height: auto;
		padding-bottom: 20px;
	}
	.MB_solutionlist ul{
		width: 100%;
	}
	.MB_solutionlist li a{
		width: calc(100% - 2px);
	}
	.idex_ryy ul li{
		width: 25%;
	}
	.idex_ryy ul li div{
		width: 100%;
	}
	.idex_ryy ul li div img{
		width: 100%;
		display: block;
	}
	.index_hzkh ul li{
		width: 19.5%;
		height: auto;
		position: relative;
		margin-bottom: .5%;
	}
	.img2{
		position: absolute;
		top: 0;
		left: 0;
	}
	.footdv div{
		width: 30%;
		height: 300px;
	}
	.footdv dl{
		padding-top: 50px;
	}
	.footdv div img{
		padding-top: 60px;
	}
	.index_ndvright ul li a{
		width: auto;
	}
	.tabBox .bd ul .index_ndv{
		width: 100%;
		display: block;
	}
	.index_ndvleft{
		width: 100%;
	}
	.index_ndvright{
		width: 100%;
	}
	.index_ndvleftdvleft img{
		width: 100%;display: none;
	}

	.index_ndvright ul li{
		height: auto;
	}
	.index_ndvleftdvright h1{
		height: 30px;
    	overflow: hidden;
	}
	.index_ndvleftdvright{
		width: 40%;
	}
	.index_ndvleftdvright p{
		height: 105px;
		overflow: hidden;
	}
	.index_news .swiper-button-prev{
		left: calc(50% - 40px);
	}
	.news_topdvtext p{
		margin-top: 0px;
	}
	.news_topdvtext h1{
		height: 35px;
    	overflow: hidden;
	}
	.newlist li{
		width: 45%;
		padding: 2%;
		height: auto;
	}
	.anlilist,.showpronav,.prolist,.gywmtop,.jycpdv,.jycpdv dl,.showpro,.protext,.proxqbt h1,.protjbt,.proyd{
		width: 95%;
	}
	.anlilist ul li{
		    width: 47%;
    margin: 1%;
	}
	.anlilist ul li p{
		font-size: 16px;
	}
	.xgal h1{
		font-size: 24px;
	}
	.xgal{
		margin-top: 20px;
	}
	.showpronav h1{
		width: 35%;
	}
	.showpronav{
		justify-content: flex-start;
		display: block;
		margin-top: 25px;
	}
	.showpronav ul{
		width: 100%;
	}
	.showpronav ul li{
		margin-bottom: 10px;
		width: 48%;
		margin:1%;
	}
	.showpronav ul li a{
		width: 100%;
	}
	.prolist ul li{
		width: 26%;
	}
	.anlilist ul li:last-child{
		display: none;
	}
	.showproleft{
		width: 100%;
	}
	.showpro{
		display: block;
	}
	.showproright{
		width: 100%;
	}
	.proydleft{
		width: 100%;
	}
	.proydright ul{
		width: 100%;
	}
	.proydright ul li{
		padding: 3%;
	}
	.proydleft img{
		height: 100%;
	}
	.index_pro ul li p,.index_pro ul li:last-child p{
		font-size: 16px;
	}
	.Mb_aboutleft{
		width: 100%;
	}
	.index_pro ul li p{
		text-align: center;
		width: 100%;
		left: 0;
	}
	.Mb_aboutdv{
		display: block;
	}
	.MB_about{
		height: auto;
		padding-top: 100px;
		background-size: cover;
		padding-bottom: 50px;
	}
	.Mb_aboutleft{
		margin-top: 0px;
	}
	.Mb_aboutleftul2{
		justify-content: flex-start;
	}
	.Mb_aboutright{
		width:100%;
		margin-top: 50px;
	}
	.Mb_aboutright h1{
		text-align: center;
	}
	.foot,.wdl{
		display: none;
	}
	.MB_solutionlist,.MB_solutionlist ul li{
		height: 500px;
	}
	.MB_solutionlist li:hover em{
		top: 56%;
	}
	.news_topdvimg,.news_topdvtext{
		width: 100%;
	}
	.news_topdv .swiper-slide{
		flex-flow: wrap;
	}
	.prolist ul li{
		padding: 2%;
	}
	.proyd{
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.proydleft h1{
		font-size: 20px;
	}
	.proydleft div a{
		font-size: 14px;
	}
	.showproright h1{
		font-size: 24px;
	}
	.showproright img{
		width: 60%;
	}
	.proxqbt{
		font-size: 20px;
	}
	.prolist{
		margin: 25px auto;
	}
	.prolist ul li{
		width: 44%;
	}
	.gywmtopname h1,.gywmtopname h2,.jycpdv h1{
		font-size: 24px;
	}
	.gywmtopname ul{
		flex-flow: wrap;
	}
	.gywmtopname ul li{
		width: 50%;
	}
	.jycp{
		padding-top: 0;
	}
	.jycpdv dl dd h2{
		font-size: 36px;
	}
	.jycpdv dl dd p{
		font-size: 14px;
	}
	.jycpdv dl{
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
	}
	.jycpdv dl dd{
		width: 50%;
	}
	.prolist ul{
		justify-content: space-between;
	}
	.prolist ul li{
		margin: 0;
		margin-bottom: 10px;
	}
	
	.shownavdv{
		line-height: 45px;
	}
	.shownavdv ul li{
		height: 45px;
		line-height: 45px;
	}
	.shownavdv ul li a{
		line-height: 45px;
	}
	.anlilist ul li p{
		line-height: 45px;
	}
	.anlilist{
		margin: 35px auto;
	}
	.show_nav ul li a{
		line-height: 45px;
	}
	.newlist li{
		width: 100%;
	}
	.newlist li h1{
		height: 35px;
		overflow: hidden;
	}
	.newlist li p{
		height: 60px;
		overflow: hidden;
	}
	.Mb_protop{
		display: block;
		height: auto;
	}
	.index_ndvleftdv .swiper-slide{
		display: block;
	}
	.index_ndvleftdvleft{
		width: 100%;
	}
	.index_ndvleftdvright{
		width: auto;
	}
	.index_news .swiper-button-prev, .index_news .swiper-button-next{
		left: 80%;
	}
	.index_news .swiper-button-prev, .index_news .swiper-button-next{
		top: 84%;
	}
	.index_news .swiper-button-prev{
		left: calc(80% - 40px);
	}
	.index_ndvright ul li a p{
		font-size: 16px;
	}
	.MB_solutiontop h1{
		font-size: 24px;
	}
	.index_fwdv h1,.idex_ryydv ,.index_hzkh h1{
		font-size: 24px;
	}
	.index_fw ul li{
		width: 49%;
		height: auto;
	}
	.index_fw ul{
		flex-flow: wrap;
		justify-content: center;
	}
	.index_fw ul li h1{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.index_hzkh ul li{
		width: 48%;
		margin: 1%;
	}
	.index_hzkh ul li:last-child{
		display: block;
	}
	.MB_solutionlist li h1{
		font-size: 20px;
	}
	.tabBox .bd ul .index_ndv{
		margin-top: 35px;
	}
	.index_ndvleftdvright h1{
		font-size: 20px;
	}
	.newlist li h1{
		font-size: 16px;
	}
	.newlist li i{
		display: none;
	}
	.newlist li{
		padding-bottom: 25px;
	}
	.index_news{
		margin: 35px auto;
	}
	.index_newtop h1{
		text-align: center;
	}
	.Mb_aboutright a{
		float: none;
	}
	.MB_solution{
		padding-top: 35px;
	}
	.MB_solutionlist li div{
		top: 67%;
	}
	.index_pro ul li,.index_pro ul li:nth-child(4){
		width: 48%;
		margin: 1%;
	}
	.idex_ryy ul li{
		width: 44%;
		margin: 0%;
	}
	
	.index_fw{
		padding-bottom: 0px;
	}
	.index_hzkh{
		padding: 30px 0px;
	}
	.proyddv{
		display: block;width: 100%;
		margin-bottom: 0px;
	}
	.ljgd{
		float: right;
    	margin-top: 53px;
    	font-size: 14px;
    	color: #287dc5;
    	z-index: 33;position: relative;
	}
	.proydleft img,.proydleft div{
		display: none;
	}
	.proydleft{
		height: 100px;
	}
	.proydleft h1{
		color: #333;
	}
	.proydright ul{
		display: flex;    justify-content: flex-start;
		flex-flow: wrap;
	}
	.proydright ul li{
		width: 43%;
		border-right: 1px solid #e5e5e5;;
	}
	.htmleaf-container{
		display: block;
	}
	.index_fw ul li i{
		margin-top: 40px;
	}
	.x9{
		width: 100%;
	}
	.article .post h1{
		font-size: 18px;
	}
	.article .padding-large{
		padding: 10px;
	}
	.x2{
		width: auto;
	}
	
	.m_bd{
		display: block;
	}
	.m_bd1{
		display: none;
	}
	.banner{
		overflow: hidden;
	}
	.banner img{
		width: 200%;
		margin-left: -25%;
	}
	.banner section{
		width: 95%;
		margin-left: 0px;
		left: 2.5%;
		height:40px
	}
	.banner section input:first-child{
		width: 70%;
	}
	.banner section form{
		justify-content: center;
	}
	.banner section input:nth-child(2){
		width: 40px;
		height: 40px;
	}
	.banner section input:first-child{
		    height: 40px;
	}
	.m_footdv{
		display: block;
	}
	.m_foot{
		display: block;
	}
	.mobile-inner-img img{
		margin-left: 25px;
	}
	.MB_solutionsection{
		width: 100%;
	}
	.proydright ul{
		justify-content: space-between;
	}
	.proydright ul li{
		margin-bottom: 1%
	}
	.banner section{
		top: 40%;
	}
}
.page{
	display: flex;
	justify-content: center;
	flex-flow: wrap;
}

.page li{
	margin: 5px;
	padding: 0 15px;
	height: 35px;
	border:1px solid #e5e5e5;
	color: #333;
	text-align: center;
	line-height: 35px;
}
.page li.active{
	background-color: #17609d;
	color: #fff;
	border-color: #17609d;
}
.page li.active a{
	
	color: #fff;
	
}<!--耗时1764539890.4424秒-->