/* 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:"Microsoft YaHei","Helvetica Neue", Helvetica, Arial, sans-serif;
    background: none;
    width: 100%;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}
.banner1{
	display: none;
}
a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.xqxq table{
	border-collapse: collapse;
	width: 100%;
}
.xqxq table td p{
	margin: 0 10px;
}
@font-face{
	font-family: 'Tungsten';
	src:url('../font/TUNGSTEN-SEMIBOLD.OTF');
}

.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
}
.head_top{
	width: 100%;
    position: fixed;
    z-index: 9999;
    background-color: #fff;
}
.head_dv{
	display: flex;
	justify-content: space-between;
}
.head_dvleft {
  padding: 0 30px;
}
.head_dvleft img{
	display: block;
}
.head_dvright{
	display: flex;
	justify-content: space-between;
}
.head_dvright ul{
	display: flex;
	justify-content: space-between;
}
.head_dvright ul li a{
	color: #333333;
	font-size: 16px;
	display: block;
	line-height: 100px;
}
.head_dvright ul li{
	padding: 0 20px;
	margin: 0 7px;
	height: 98px;
}
.head_dvright ul li:hover a{
	color: #0e6fb8;
}

.head_dvright .ss{
	width: 300px;
	height: 100px;
	display: block;
	background-color: #0e6fb8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.head_dvright .ss:hover{
	background-color: #29aad7;
}
.head_dvright ul li:hover .zilb li{
	height: auto;
	border-bottom: none;
}
.head_dvright ul li:hover .zilb{
	display: block;
}
.head_dvright div a i{
	color: #fff;
	display: block;
	width: 25px;
	font-size: 24px;
}
.head_dvright ul li:hover .zilb{
	display: block;
}
.head_dvright .zilb{
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 999;
	background-color: #f3f3f3;
	padding: 20px 0px;
	display: none;
}
.head_dvright .zilbdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;	
}
.zilbdv ol{
	min-width: 190px;
}
.zilbdv ol li{
	padding: 0;
}
.head_dvright .zilbdv ol li a{
	line-height: 40px;
	font-size: 14px;
	color: #8c9095;
}
.head_dvright .zilbdv ol li a:hover{
	color: #415668;
	font-weight: bold;
}
.head_dvright .zilbdv div{
	width: 25%;
	display: block;
	padding-left: 3%;
	border-left: 1px #cdced4 solid;
	margin-right: 2%;
}
.head_dvright .zilbdv div h1{
	font-size: 24px;
    color: #353a58;
    font-weight: inherit;
    padding-bottom: 15px;
    padding-top: 20px;
}
.head_dvright .zilbdv div i{
	display: block;
	width: 40px;
	height: 5px;
	border-bottom: 3px solid #353a58;
	margin-bottom: 20px;
	
}
.head_dvright .zilbdv div p{
	font-size: 14px;
    color: #7c7e8a;
    line-height: 30px;
}




.lan i{
	font-size: 20px;
	margin-left: 15px;
}
.xqxq{
	width: 1320px;
	margin: 0 auto;
	background-color: #fff;
	padding: 40px;
}
.head_dvright div.lan{
	width: auto;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-left: 50px;
}
.banner img{
	display: block;
	width: 100%;
}
.index_about{
	width: 1400px;
	margin: 95px auto;
	display: flex;
	justify-content: space-between;
}
.index_aboutleft{
	width: 440px;
}
.index_aboutleft h1{
	color: #0e6fb8;
	font-size: 48px;
	margin-top: 40px;
	margin-bottom: 35px;
}
.index_aboutleft h2{
	font-size: 30px;
	color: #595959;
}
.index_aboutleft p{
	color: #666666;
	font-size: 14px;
	line-height: 35px;
	margin-top: 20px;
	    text-align: justify;
}
.index_aboutleft a{
	display: block;
	width: 180px;
	height: 50px;
	border: 1px solid #0e6fb8;
	font-size: 14px;
	text-align: center;
	color: #0e6fb8;
	line-height: 50px;
	margin-top: 95px;
	transition: all .5s;
}
.index_aboutleft a:hover{
	color: #fff;
	background-color: #0e6fb8;
	border-color: #0e6fb8;
}
.index_aboutright{
	width: 880px;
}
.index_aboutright ul{
	display: flex;
	justify-content: space-between;
}
.index_aboutright ul li{
	position: relative;
	width: 280px;
}
.index_aboutright ul li div{
	width: 100%;overflow: hidden;
}
.index_aboutright ul li div img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.yuyuan{
	    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.index_aboutright ul li section{
	position: absolute;
	bottom: 0;
	width: 90%;
	left: 5%;
}
.index_aboutright ul li section{
	font-size: 20px;
	color: #fffefe;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 65px;
}
.index_aboutright ul li:hover div img{
	transform: scale(1.05);
}
.index_aboutright ul li section  p{
	transform: rotate(0deg);
	transition: all .5s;
	    width: 65px;
	    text-align: center;
	    font-size: 32px;
}
.index_aboutright ul li:hover section  P{
	transform: rotate(360deg);
}

.nslist{
	width: 100%;
	background: url(../img/images/liarw_02.png) center top no-repeat;
	height: 260px;background-size: cover;
}
.nslistdv{
	width: 1400px;
	margin: 0 auto;
	padding-top: 75px;
}
.nslistdv ul{
	display: flex;
	justify-content: space-between;
}
.nslistdv ul li h3 span{
	font-weight: bold;
	color: #ffffff;
	font-size: 60px;
	margin-bottom: 15px;
}
.nslistdv ul li p{
	font-size: 16px;
	color: #ffffff;
}

.yflytop h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	margin-top: 80px;
	text-align: center;
	margin-bottom: 25px;
}
.yflytop p{
	width: 530px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	margin: 0 auto;
	line-height: 35px;
}
.yflist{
	width: 1400px;
	margin: 0 auto;
	margin-top: 70px;
	overflow: hidden;
}
.swiper-pointer-events{
	    width: 100%;
    overflow: hidden;
    position: relative;
}


.zcsb{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 45px;
}
.zcsbleft{
	width: 50%;
	background: url(../images/zcsbleft_02.png) center no-repeat;
}
.zcsbleft img{
	display: block;
	width: 100%;
}
.zcsbright{
	width: 50%;
	background-color: #0e6fb8;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.zcsbright ul{
	width: 100%;
}
.zcsbright li div{
	width: 590px;
	display: flex;
	justify-content: flex-start;
	margin-left: 110px;
}
.zcsbright li div h2{
	position: relative;
	width: 90px;
	height: 100px;
	border-bottom: 1px solid #fff;
}
.zcsbright li div h2 img{
	max-width: 100%;
	display: block;
	position:absolute ;
	left: 0;
	top: 25px;
	width: 48px;
	transition: all .3s;
}
.zcsbright li div h2 img:last-child{
	opacity: 0;
}
.zcsbright li div section h1{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 25px;transition: all .3s;
}
.zcsbright li div section  p{
	color: #fff;
	font-size: 14px;transition: all .3s;
}
.zcsbright li{
	transition: all .3s;
	position: relative;
}
.zcsbright li:hover{
	background-color: #e7f1f8;
}
.zcsbright li:hover div h2 img{
	opacity: 0;
}
.zcsbright li:hover div h2 img:last-child{
	opacity:1;
}
.zcsbright li:hover section h1{
	color: #0e6fb8;
}
.zcsbright li:hover section p{
	color: #0e6fb8;
}
.zcsbright li:after{
	content: "";
	width: 100px;
	height: 101px;
	background: url(../images/jia.png) center no-repeat;
	position: absolute;
	left: -100px;
	top: 0;
	opacity: 0;
	transition: all .3s;
	background-color: #e7f1f8;
}
.zcsbright li:hover:after{
	opacity: 1;
}
.mySwiper2 {
	width: 100%;
	overflow: hidden;
}
.mySwiper {
	width: 100%;
	overflow: hidden;
}
.mySwiper .swiper-slide{
	position: relative;
}
.mySwiper .swiper-slide p{
	color: #666666;
	margin-bottom: 15px;
	font-size: 16px;text-align: center;
}
.ml{
	display: flex;
	justify-content: space-between;
}
.mlleft{
	width: calc(50% - 120px);
	padding: 60px;
	background-color: #f7f7f7;
}
.mlright{
	width: 50%;
}
.mlright img{
	display: block;
	width:100%;
}
.mlleft h1{
	color: #4c4c4c;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.mlleft p{
	line-height: 30px;
	color: #808080;
	text-align: justify;
	font-size: 14px;
	margin-bottom: 25px;

}
.mlleft h2 span{
	color: #0e6fb8;
	font-size: 22px;
	margin-right: 10px;
}
.mlleft h2 {
	color: #4c4c4c;
	font-size: 16px;line-height: 40px;
}
.mlleft a{
	display: block;
    width: 180px;
    height: 50px;
    border: 1px solid #0e6fb8;
    font-size: 14px;
    text-align: center;
    color:#0e6fb8;
    line-height: 50px;
    margin-top: 30px;
    transition: all .5s;
}
.mlleft a:hover{
	color: #fff;
    background-color: #0e6fb8;
    border-color: #0e6fb8;
}
.mySwiper .swiper-slide h1{
	position: relative;
	text-align: center;
}
.mySwiper .swiper-slide h1 img{
	margin: 0 auto;
	margin-bottom: 15px;
}
.mySwiper .swiper-slide h1 img:last-child{
	display: none;
}
.mySwiper .swiper-slide span{
	display: block;
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    margin: 0 auto;
}
.mySwiper{
	margin-bottom: 30px;
}
.mySwiper .swiper-slide-thumb-active span{
	border-top: 5px solid #0e6fb8;
}
.mySwiper .swiper-slide-thumb-active h1 img:first-child{
	display: none;
}
.mySwiper .swiper-slide-thumb-active h1 img:last-child{
	display: block;
}
.mySwiper .swiper-slide-thumb-active p{
	color: #0e6fb8;
}









.index_news{
	width: 1400px;
	margin: 90px auto;
}
.index_news .index_probt {
	width: 650px;
	margin: 0 auto;
}
.index_news .index_probt h1{
	font-size: 46px;
	font-weight: bold;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.index_news .index_probt h1 i{
	color: #0e6fb8;
}
.index_news .index_probt p{
	color: #666666;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 65px;
}
.index_newsdvright{
	width: 740px;
}
.index_newsdvright ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}	
.index_newsdvright ul li{
	width: 300px;
	height: 160px;
	padding: 35px;
	overflow: hidden;
}
.index_newsdvright ul li img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.index_newsdvright ul li:hover img{
	transform: scale(1.05);
}
.index_newsdvright ul li:first-child{
	padding: 0;
	width: 370px;
	height: 230px;
}
.index_newsdvright ul li:last-child{
	padding: 0;
	width: 370px;
	height: 230px;
}
.index_newsdvright ul li{
	background-color: #f7f7f7;
}
.index_newsdvright ul li span{
	font-size: 16px;
	color: #666666;
}
.index_newsdvright ul li h1{
	color: #333333;
	font-size: 24px;
	margin: 20px auto;
}
.index_newsdvright ul li p{
	color: #666666;
	font-size: 14px;
	line-height: 25px;
}
.index_newsdvright ul li:hover{
	background-color: #0b876f;
}
.index_newsdvright ul li:hover span{
	color: #fff;
}
.index_newsdvright ul li:hover h1{
	color: #fff;
}
.index_newsdvright ul li:hover p{
	color: #fff;
}

.indexnewsdv{
	width: 1400px;
	margin: 0 auto;
	margin-top: 40px;
}

	.indexnewsdv .tabBox .hd{ height:45px; line-height:45px; position:relative;  }
	.indexnewsdv .tabBox .hd ul{ display:flex ;overflow:hidden;justify-content: center;  }
	.indexnewsdv .tabBox .hd ul li{margin: 0 10px;  }
	.indexnewsdv .tabBox .hd ul li a{width:160px ; height: 45px;border: 1px solid #fff;border-radius: 50px;line-height: 45px;text-align: center;display: block;color: #4c4c4c;font-size: 16px;}
	.indexnewsdv .tabBox .hd ul .on{ }
	.indexnewsdv .tabBox .hd ul .on a{border: 1px solid #0e6fb8; color: #0e6fb8; }
	.indexnewsdv .tabBox .bd ul{margin-top: 60px;}
	
.indexnewsdv .tabBox .bd .innewdv{
	width: 100%;
	display: block;
}
.innewdv dl{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	margin-top: 70px;
}
.innewdv dl dd{
	margin-bottom: 80px;
}
.innewdv dl a{
	display: flex;
	justify-content: flex-start;
}
.innewdv dl h3{
	width: 70px;
}
.innewdv dl h3 span{
	color: #0e6fb8;
	font-size: 60px;
	display: block;
	transition: all .5s;
}
.innewdv dl h3 i{
	color: #0e6fb8;
	font-size: 16px;transition: all .5s;
}
.innewdv dl h2{
	margin: 0 20px;
	width: 210px;
	overflow: hidden;
}
.innewdv dl h2 img{
	width: 100%;
	display: block;transition: all .5s;
}
.innewdv dl section{
	width: 325px;
}
.innewdv dl section h1{
	font-size: 18px;
	color: #333333;
	line-height: 40px;transition: all .5s;
	margin-bottom: 10px;
}
.innewdv dl section p{
	color: #808080;
	font-size: 14px;
	line-height: 30px;
}
.innewdv dl dd:hover h3 span,.innewdv dl dd:hover h3 i{
	color: #f39800;
}
.innewdv dl dd:hover section h1{
	color: #0e6fb8;
}
.innewdv dl dd:hover h2 img{
	transform: scale(1.03);
}





.index_newsdv{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;	
}
.index_newsdvleft{
	width: 660px;
	position: relative;
	overflow: hidden;	
}
.index_newsdvleft img {
	width: 100%;
	display: block;
	transition: all .5s;
}
.index_newsdvleft section{
	overflow: hidden;
	width: 100%;
}
.news_tj .index_newsdvleft div p i{
	    display: block;
    font-size: 14px;
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    line-height: 25px;
    height: 25px;
}
.index_newsdvleft div{
	display: flex;
	width: 100%;
	background-color: #ffffff;
}
.index_newsdvleft div h1{
	width: 140px;
	height: 120px;
}
.index_newsdvleft div h1 i{
	display: block;
	color: #4c4c4c;
	font-size: 40px;
	font-family: arial;
	text-align: center;
	margin-top: 20px;
}
.index_newsdvleft div h1 em{
	display: block;
	font-size: 14px;
	color: #4c4c4c;
	font-family: arial;
	text-align: center;
}
.index_newsdvleft div p{
	padding: 30px;
	width:460px;
	color: #ffffff;
	font-size: 20px;
}
.index_newsdvleft div p span{
	color: #333333;
    font-size: 20px;
    line-height: 35px;
    overflow: hidden;
    height: 35px;
    display: block;
}
.news_tj .index_newsdvleft div h1 i{
	border-right: 1px solid #cccccc;
}
.news_tj .index_newsdvleft div h1 em{
	border-right: 1px solid #cccccc;
}
.index_newsdvleft:hover div{
	background-color: #0e6fb8;
}
.index_newsdvleft:hover div h1 i{
	color: #fff;
	border-right-color: #fff;
}
.index_newsdvleft:hover div h1 em{
	color: #fff;
	border-right-color: #fff;
}
.index_newsdvleft:hover div p span{
	color: #fff;
}
.index_newsdvleft:hover div p i{
	color: #fff;
}
.index_caidan{
	width: 100%;
	height: 218px;
	background: url(../img/images/cai_11.png) center no-repeat;
	background-size: cover;
}
.index_caidan ul{
	width: 1400px;
	margin: 0 auto;
	display: flex;
}
.index_caidan ul li{
	width: 25%;
	border-left: 1px solid rgba(255,255,255,0.3);
	height: 218px;
	text-align: center;
}
.index_caidan ul li:last-child{
	border-right: 1px solid rgba(255,255,255,0.3);
}
.index_caidan ul li i{
	display: block;
	margin-top: 55px;
	font-size: 40px;
	color: #fff;
	transition: all .5s;
}
.index_caidan ul li:hover i{
	transform: rotate3d(0,1,0,360deg);
}
.index_caidan ul li h1{
	font-size: 24px;
	color: #ffffff;
	margin-top: 5px;
	margin-top: 20px;
}
.index_caidan ul li p{
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
}
.foot{
	width: 100%;
	padding: 90px 0px;
	
	background-color: #f2f2f2;
}
.footdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footdvleft h1{
	color: #808080;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footdvleft p{
	line-height: 30px;
	color: #999999;
	font-size: 14px;
}
.footdvcenter{
	display: flex;
	width: 600px;
	justify-content: space-between;
}
.footdvcenter dl dt a{
	color: #666666;
	font-size: 16px;
	line-height: 35px;
}
.footdvcenter dl dd a{
	color: #999999;
	font-size: 14px;
	line-height: 35px;
}
.footdvright {
	text-align: right;
}
.footdvright h2{
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}
.footdvright h1{
	color: #0e6fb8;
	font-size: 24px;
	font-weight: bold;
}
.wdl{
	width: 100%;
	height: 80px;
	line-height: 80px;
	background-color: #04649e;
}
.wdldv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.wdldv p{
	color: #fff;
	font-size: 14px;
}
.wdldv p a{
	color: #fff;
}
.show_nav{
	width: 100%;
}
.show_nav ul{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
}
.swiper-wrapper img{
	max-width: 100%;
	display: block;
}
.show_nav ul li{
	width: 200px;
	line-height: 80px;
}
.show_nav ul li a{
	display: block;
	width: 100%;
	line-height: 80px;
	text-align: center;
	font-size: 18px;
	color: #333333;
}
.show_nav ul li a:hover{
	background-color: #0e6fb8;
	color: #fff;
}
.show_news{
	width: 100%;
	background-color: #f7f7f7;
	padding: 50px 0px;
}
.news_tj{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.news_tj .index_newsdvleft{
	width: 440px;overflow: hidden;
}
.news_tj .index_newsdvleft img{
	transition: all .5s;
}
.news_tj .index_newsdvleft div h1 i{
	margin-top: 16px;    font-size: 32px;
}
.index_newsdvleft:hover img{
	transform: scale(1.05);
}
.news_tj .index_newsdvleft div h1{
	height: 90px;
}
.news_tj .index_newsdvleft div p{
	padding: 15px;
}
.news_tj .index_newsdvleft div h1 i{
	margin-top: 16px;
}
.newslist{
	width: 1400px;
	margin: 0 auto;
}
.newslist ul li{
	padding: 40px 45px;
	background-color: #ffffff;
	margin-bottom: 35px;
}
.newslist ul li a{
	display: flex;
	justify-content: space-between;
}
.newslistleft{
	width: 100px;
	text-align: center;
	padding: 25px 45px;    padding-left: 0;

}
.newslistleft i{
	color: #333333;
	font-size: 42px;
	display: block;
	text-align: center;
}
.newslistleft em{
	display: block;
	color: #333333;
	font-size: 14px;
	text-align: center;	
}
.newslistleft {
	border-right: 1px solid #e6e6e6;
}
.newslistright{
	width: 1100px;
}
.newslistright h1{
	color: #4c4c4c;
	font-size: 20px;
	font-weight: bold;
}
.newslistright p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
	margin-top: 20px;
}
.newslistright i{
	text-align: right;
	color: #666666;
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
.newslist ul li:hover{
	background-color: #0e6fb8;
}
.newslist ul li:hover .newslistleft{
	border-right: 1px solid #fff;
}
.newslist ul li:hover .newslistleft i{
	color: #fff;
}
.newslist ul li:hover .newslistleft em{
	color: #fff;
}
.newslist ul li:hover .newslistright h1{
	color: #fff;
}
.newslist ul li:hover .newslistright p{
	color: #fff;
}
.newslist ul li:hover .newslistright i{
	color: #fff;
}
.shownews{
	width: 1400px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.shownews h1{
	color: #4c4c4c;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.shownews p{
	color: #808080;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
.shownewstext{
	width: 1340px;
	padding: 30px;
	background-color: #fff;
	margin: 0 auto;
}
.zr{
	width: 1400px;
	margin: 0 auto;
	display: flex;justify-content: flex-end;
	margin-top: 50px;
}
.zr a{
	display: block;
	width: 45px;
	height: 45px;
	border:1px solid #a1a1a1;
	border-radius: 50px;
	margin-left: 20px;
	transition: all .5s; 
	text-align: center;
}
.zr a span{
	display: none;
}
.zr a:hover{
	width: auto;
	padding: 0 15px;
	background-color:#0e6fb8 ;
	border-color: #0e6fb8 ;
} 
.zr a:hover i{
	display: none;
}
.zr a:hover span{
	display: block;
	line-height: 45px;
	color: #ffffff;
	font-size: 14px;
}
.zr i{
	line-height: 45px;
	color: #a1a1a1;
}
.lxwm{
	width: 100%;
	background-color: #f7f7f7;
	padding: 70px 0px;
}
.lxwmdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.lxwmleft{
	width: 430px;
	height: 480px;
	background-color: #0e6fb8;
	padding: 60px 50px;
}
.lxwmleft h1{
	color: #ffffff;
	font-size: 38px;
	margin-bottom: 20px;
}
.lxwmleft h2{
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 20px;
}
.lxwmleft h3{
	color: #ffffff;
	font-size: 14px;
	height: 20px;
	border-top: 1px solid #fff;
	max-width: 200px;
}
.lxwmleft em{
	width: 25px;
	height: 5px;
	background-color: #fff;
	display: block;
	margin-top: -23px;
}

.lxwmleft section{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.lxwmleft section p{
	display: flex;
	justify-content: flex-start;
}
.lxwmleft p{
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	display: flex;
	align-items: center;
	width: 50%;
	margin-top: 25px;
}
.lxwmleft p span{
	display: block;
}
.lxwmleft p span a{
	color: #fff;
}
.lxwmleft p i{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 20px;
	margin-right: 10px;
	background: url(../images/lxqqw_06.png) center no-repeat;    background-size: contain;
}
.lxwmleft p:nth-child(1){

}
.lxwmleft p:nth-child(2) i{
	background: url(../images/lxqqw_08.png) center no-repeat;    background-size: contain;
}
.lxwmleft p:nth-child(3) i{
	background: url(../images/lxqqw_12.png) center no-repeat;    background-size: contain;
}
.lxwmleft p:nth-child(4) i{
	background: url(../images/lxqqw_13.png) center no-repeat;    background-size: contain;
}
.lxwmleft p:nth-child(5) i{
	background: url(../images/lxqqw_16.png) center no-repeat;
	width: 54px;
	height: 54px;    background-size: contain;
}
.lxwmleft p:nth-child(6) i{
	background: url(../images/lxqqw_19.png) center no-repeat;
	width: 54px;
	height: 54px;    background-size: contain;
}
.lxwmleft p:nth-child(5){
	width: 100%;
}
.lxwmleft p:nth-child(6){
	width: 100%;
}
.lxwmright{
	width: 870px;
}
.lxwmright img{
	display: block;
	max-width: 100%;
}
.zxly{
	width: 1400px;
	margin: 0 auto;
	margin-top: 90px;
}
.zxly h1{
	text-align: center;
	color: #4c4c4c;
	font-size: 40px;
}
.zxly p{
	text-align: center;
	line-height: 45px;
	color: #666666;
	font-size: 14px;
}
.prolist{
	width: 100%;
	margin: 0 auto;
	background: #f7f7f7;
	padding: 70px 0px;
}
.prolist ul{
	display: flex;
	justify-content: flex-start;
	width: 1400px;
	margin: 0 auto;
	flex-flow: wrap;
}
.prolist ul li{
	width: 330px;
	
	margin: 10px;
}
.prolist ul li div{
	overflow: hidden;
	width: 100%;
}
.prolist ul li div img{
	display: block;
	transition: all .5s;
	width: 100%;
}
.prolist ul li h1{
	line-height: 60px;
	text-align: center;
	color: #333333;transition: all .5s;
	font-size: 16px;
	background-color: #fff;
}
.prolist ul li:hover img{
	transform: scale(1.05);
}
.prolist ul li:hover h1{
	background-color: #0e6fb8;
	color: #fff	;
}
.zyml{
	width: 100%;
	background-color: #f7f7f7;
	padding: 70px 0px;
}
.zyml table{
	width: 1400px;
	text-align: center;
	margin: 0 auto;
}
.zyml table th{
	background-color: #d9d9d9;
	font-size: 18px;
	color: #1a1a1a;
	font-weight: normal;
	line-height: 75px;
}
.zyml table th:first-child{
	background-color: #0e6fb8;
	color: #fff;
}
.zyml table td{
	color: #333333;
	font-size: 16px;
	line-height: 60px;
	background-color: #f2f2f2;
}
.zyml table td:first-child{
	background-color: #e0f1ef;
}
.zyml table tr:nth-child(even) td{
	background-color: #e6e6e6;
}
.zyml table tr:nth-child(even) td:first-child{
	background-color: #c1eae6;
}


#timeline {
  list-style: none;
  margin: 50px 0 30px 240px;
  padding-left: 30px;
  border-left: 1px solid #cccccc;
}
#timeline li {
  margin: 40px 0;
  position: relative;
}
#timeline p {
  margin: 0 0 15px;
}

.date {
      margin-top: -10px;
    top: 15%;
    left: -200px;
    font-size: 34px;
    line-height: 20px;
    position: absolute;
    font-weight: bold;
    color: #4c4c4c;
    height: 90px;
    line-height: 90px;
    width: 167px;
}

.circle {
    margin-top: -10px;
    top: 50%;
    left: -37px;
    width: 10px;
    height: 10px;
    background: #f7f7f7;
    border: 1px solid #0e6fb8;
    border-radius: 50%;
    display: block;
    position: absolute;
}
#timeline li:hover label{
	color: #0e6fb8;
}
#timeline li:hover .relative .date{
	color: #0e6fb8;
    border-right: 5px solid #0e6fb8;
}
#timeline li:hover .circle{
	background: #f7f7f7;
}
.content {
  max-height: 20px;
  padding: 50px 20px 0;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
  background: #fff;
  max-height: 180px;
    background-color: #ffffff;
    margin-right: 20px;
    transform: translateX(20px);
    transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.content:before, .content:after {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.content:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.content:after {
  border-right-color: #fff;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}
.content p {
      max-height: 200px;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;max-height: 200px;
  color: #666666;
  font-size: 16px;
  transition: color 0.3s linear 0.3s;
}
.fotdv{
		display: none;
	}
	.footer{
		display: none;
	}
label {
  font-size: 20px;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 20px;
  color: #4c4c4c;
  transition: transform 0.2s linear;cursor: auto;
  transform: translateX(42px);
}

.radio {
  display: none;
}

.radio:checked + .relative label {
  color: #0e6fb8;
}
.radio:checked + .relative .circle {
  background: #f7f7f7;
}

.radio:checked ~ .relative .date{
	color: #0e6fb8;
	border-right: 5px solid #0e6fb8;
}
.radio:checked ~ .content p {
  max-height: 200px;
  color: #666666;
  font-size: 16px;
  transition: color 0.3s linear 0.3s;
}

/* -------------------------------------
 * mobile phones (vertical version only)
 * ------------------------------------- */
@media screen and (max-width: 767px) {
  #timeline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  #timeline li {
    margin: 50px 0;
  }

  label {
    width: 85%;
    font-size: 1.1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transform: translateX(18px);
  }

  .content {
    padding-top: 45px;
    border-color: #eee9dc;
  }
  .content:before, .content:after {
    border: solid transparent;
    bottom: 100%;
  }
  .content:before {
    border-bottom-color: inherit;
    border-width: 17px;
    top: -16px;
    left: 50px;
    margin-left: -17px;
  }
  .content:after {
    border-bottom-color: #48b379;
    border-width: 20px;
    top: -20px;
    left: 50px;
    margin-left: -20px;
  }
  .content p {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .circle, .date {
    display: none;
  }
}

.sjz{
	width: 100%;
	margin: 0 auto;
	background-color: #f7f7f7;
	padding: 70px 0px;
}
.sjzdv{
	width:1400px ;margin: 0 auto;
}
.about{
	width: 100%;
	padding: 70px 0px;
	background-color:#f7f7f7 ;
}
.aboutdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.aboutdvleft{
	width: 750px;
	background-color: #fff;
	padding: 60px;
}
.aboutdvleft i{
	color: #0e6fb8;
	font-family: "Impact";
	font-size: 60px;
	text-transform: uppercase;
}
.aboutdvleft h2{
	color: #4c4c4c;
	font-size: 36px;
}
.aboutdvleft p{
	color: #666666;
	font-size: 14px;
	line-height: 35px;
	text-indent: 2em;
	margin-top: 30px
	    text-align: justify;
}
.aboutdvright{
	width: 450px;
	background: url(../img/images/lx_03.png) center no-repeat;
	padding: 40px;
}
.aboutdvright h1{
	font-size: 34px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 15px;
}
.aboutdvright p{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	    text-align: justify;
}
.aboutdvright  ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin-top: 30px;
}
.aboutdvright ul li{
	width: 48%;
	text-align: left;
}
.aboutdvright ul li h3 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.aboutdvright ul li h3 span{
	
	color: #fff;
	font-size: 50px;
}
.aboutdvright ul li h3 i{
	color: #fff;
	font-size: 16px;
	margin-left: 15px;
	margin-top: 15px;
}
.aboutdvright ul li h2{
	font-size: 16px;
	color: #fff;
}
.xqxq table thead{
	height: 35px;
}
.xqxq table thead tr th{
	line-height: 35px !important;
}
.lxyy{
	display: flex;
	background-color: #0e6fb8;
	padding-bottom: 50px;margin: 60px auto;
}
.lxyyleft,.lxyyright{
	width: 50%;
}
.lxyyleft img{
	display: block;
	width: 100%;
}
.lxyyright div{
	width: 70%;
	margin-left: 5%;
}
.lxyyright div h1{
	color: #ffffff;
	font-size: 20px;
	margin-top: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.lxyyright div h1 i{
	margin-left: 20px;
}
.lxyyright div h2{
	font-size: 42px;
	color: #fff;
	margin-bottom: 30px;
}
.lxyyright div p{
	color: #ffffff;
	font-size: 14px;
	text-indent: 2em;
	line-height: 35px;
    text-align: justify;	
}
.qywh{
	width: 1400px;
	margin: 0 auto;
	margin-top: 70px;
}
.qywh ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.qywh ul li{
	width: 450px;
	overflow: hidden;
}
.qywh ul li:first-child h1{
	font-size: 20px;
	color: #0e6fb8;
	text-transform: uppercase;
	margin-top: 10px;
}
.qywh ul li:first-child h2{
	color: #333333;
	font-size: 42px;
}
.qywh ul li:nth-child(2){
	background-color: #287dc5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 500px;
}
.qywh ul li:nth-child(2) div h3{
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.qywh ul li:nth-child(2) div p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}
.qywh ul li img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.qywh ul li:hover img{
	transform: scale(1.05);
}
.qywh ul li:nth-child(4){
	background-color: #014199;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 450px;
}
.qywh ul li:nth-child(4) div h3{
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.qywh ul li:nth-child(4) div p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}
.qywh ul li:nth-child(5){
	width: 500px;
}
.qywh ul li:last-child{
	width: 450px;
	background-color: #014199;
}
.qywh ul li:last-child{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 450px;
}
.qywh ul li:last-child div h3{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.qywh ul li:last-child div p{
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}
.gbhj{
	width: 100%;
	background-color: #f7f7f7;
	padding: 70px 0px;
}
.gbhjtop h1{
	text-align: center;
	color: #333333;
	font-size: 36px;
	margin-bottom: 20px;
}
.kh{
	width: 1400px;
	margin: 0 auto;
}
.kh ul {
	margin-top: 40px;
}
.kh ul li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
.khleft{
	position: relative;
	width: 370px;
	height: 160px;
	background-color: #0e6fb8;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: wrap;
	transition: all .5s;
}
.khleft i{
	display: block;
	height: 40px;
	color: #fff;
}
.khleft span{
	display: block;width: 100%;
	text-align: center;
	font-size: 18px;
	color: #1a1a1a;
	color: #fff;
}
.khleft:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0; 
	height: 0; 
	border-top: 80px solid #f7f7f7; 
	border-left: 20px solid transparent; 
}
.khleft:before{
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	width: 0; 
	height: 0; 
	border-bottom: 80px solid #f7f7f7; 
	border-left: 20px solid transparent;
}
.khright{
	width: 1030px;
	background-color: #fff;
	height: 160px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #333333;
	font-size: 16px;
	transition: all .5s;
}
.khright p{
	width: 80%;
	margin: 0 auto;
}
.khright:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width:0;
    height:0;
    border-top:80px solid transparent;
    border-bottom:80px solid transparent;
    border-left:20px solid #f7f7f7;
}
.khleft i{
	text-align: center;
	font-size: 32px;
}
.kh ul li:hover .khright{
	background-color: #0e6fb8;
	color: #fff;
}
.kh ul li:hover .khleft span{
	color: #fff;
}
.kh ul li:hover .khleft i{
	color: #fff;
}
.kh ul li:hover .khleft {
	background: url(../img/images/ra1.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(2):hover .khleft{
	background: url(../img/images/ra.png) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(3):hover .khleft{
	background: url(../img/images/ra2.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(4):hover .khleft{
	background: url(../img/images/ra3.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(5):hover .khleft{
	background: url(../img/images/ra4.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(6):hover .khleft{
	background: url(../img/images/ra5.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(7):hover .khleft{
	background: url(../img/images/ra6.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(8):hover .khleft{
	background: url(../img/images/ra7.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(9):hover .khleft{
	background: url(../img/images/ra8.jpg) center right no-repeat;
	background-size:cover ;
}
.kh ul li:nth-child(even){
	flex-direction: row-reverse;
}
.kh ul li:nth-child(even) .khleft:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0; 
	height: 0; 
	border-top: 80px solid #f7f7f7; 
	border-right: 20px solid transparent; 
	border-left:none;
}
.kh ul li:nth-child(even) .khleft:before{
	content: "";
	position: absolute;
	top: 80px;
	left: 0;
	width: 0; 
	height: 0; 
	border-bottom: 80px solid #f7f7f7; 
	border-right: 20px solid transparent;
	border-left:none;
}
.kh ul li:nth-child(even) .khright:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width:0;
    height:0;
    border-top:80px solid transparent;
    border-bottom:80px solid transparent;
    border-right:20px solid #f7f7f7;border-left:none;
}
.gbhj_lxwm{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.gbhj_lxwmleft{
	width: 57%;
}
.gbhj_lxwmright{
	width: 43%;
	background-color: #0e6fb8;
}
.gbhj_lxwmleft img{
	width: 100%;
	display: block;
}
.gbhj_lxwmright{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gbhj_lxwmright div h1{
	color: #ffffff;
	font-size: 34px;
	text-align: center;
}
.gbhj_lxwmright div span{
	display: block;
	margin: 20px auto;
	width: 50px;
	border-bottom: 1px solid #fff;
}
.gbhj_lxwmright div p{
	line-height: 35px;
	color: #fff;
	width: 375px;
	text-align: center;
	font-size: 16px;
}
.gbhj_lxwmright div h3{
	text-align: center;
	font-size: 24px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gbhj_lxwmright div i{
	margin-right: 15px;
	font-size:32px;
	margin-top: 5px;
}
.htmleaf-container{
	display: none;
}
.zxly div {
	margin-top: 40px;
}
.zxly div form{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;flex-flow: wrap;
}
.zxly div .ol1{
	width: 100%;
}
.zxly div .ol3{
	width: 100%;
}
.zxly div input{
	border: none;
	background-color: transparent;
}
.zxly div .ol1,.zxly div .ol3 {
	border: 1px solid #e5e5e5;
	line-height:45px;
	margin-bottom:25px;outline: none;
	text-indent: 2em;
}
.zxly div textarea{
	border: none;
	border-bottom: 1px solid #e5e5e5;
	line-height:35px;
	margin-bottom:15px;outline: none;
	background-color: transparent;
}
.zxly div .ol2{
	width: 100%;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	background-color: #0e6fb8;
	margin-bottom:40px;
}
.sideMenu{  }
		.sideMenu h3{display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center; height:60px; line-height:60px; border-bottom:1px solid #e3e3e3;cursor:pointer;
			font:normal 16px/32px "Microsoft YaHei";color: #333;padding-left: 20px;
		}
		.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:20px; color:#999; display:none; /* 默认都隐藏 */  border-bottom:1px solid #e3e3e3;}
.zpxx{
	width: 1400px;
	margin: 0px auto;
	background-color: #fff;
}		
.zpxxdv h1{
	color: #333333;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}
.zpxxdv div{
	font-size: 14px;
	color: #9f9f9f;
	line-height: 35px;
}
.zpxxdv section{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
}
.zpxxdv section i{
	color: #0e6fb8;
	font-size: 28px;
	font-family: arial;
	font-weight: bold;
}
.zpxxdv section a{
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background-color: #0e6fb8;
	margin-left: 25px;
}
.zpxxdv section a:hover{
	background-color: #f39800;
}
.sideMenu h3 em{
	display: block;
	width: 100px;
	height: 60px;
	background-color: #0e6fb8;
	text-align: center;
	line-height: 60px;
	color: #fff;
	font-size: 14px;
}
.sideMenu h3.on{
	background-color:#0e6fb8;
	color: #fff;
}
.sideMenu h3.on em{
	background-color: #f39800;
}
.banner .swiper-slide div{
	position: absolute;
	top: 35%;width: 100%;
}
.banner .swiper-slide div h1{
	text-align: center;
	width: 100%;
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
}
.banner .swiper-slide div p{
	text-align: center;
	width: 800px;
	margin: 35px auto;
	color: #ffffff;
	font-size: 20px;
	line-height: 35px;
	margin-top: 25px;
}
.banner3 .swiper-slide div{
	position: absolute;
	top: 35%;width: 100%;
}
.banner3 .swiper-slide div h1{
	text-align: center;
	width: 100%;
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
}
.banner3 .swiper-slide div p{
	text-align: center;
	width: 800px;
	margin: 35px auto;
	color: #ffffff;
	font-size: 20px;
	line-height: 35px;
	margin-top: 25px;
}
.banner3 img{
	display: block;
	width: 100%;
}

.head_dvright div.ssall{
	width: 100%;
    position: absolute;
    top: 95px;
    left: 0;
    background-color: #fff;
    padding: 15px 0px;z-index: 9999;
    display: none;
    height: auto;
}
.head_dvright div.ssall form{
	    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.head_dvright div.ssall form input{
	line-height: 35px;    line-height: 35px;
    text-indent: 1em;
    border-radius: 5px;border: 1px solid #e3e3e3;
    width: 65%;outline: none;
    margin-right: 15px;
}
.head_dvright div.ssall form button{
	width: 85px;
	line-height: 35px;
	border-radius: 5px;border: 1px solid #e3e3e3;
	font-size: 14px;
	outline: none;
}
@media (min-width: 1400px) and (max-width: 1620px){
	.head_dvright ul li {
		padding:0 7px;
	}
}
@media (min-width: 1000px) and (max-width: 1330px){
	.index_aboutleft h1{
		font-size: 32px;
	}
	.index_aboutleft h2{
		font-size: 24px;
	}
	.index_aboutright ul li{
		width:  auto;
	}
	.index_aboutleft ul{
		justify-content: space-between;
	}
	.index_aboutleft ul li{
		margin: 0;
	}
}
.lan{
	position: relative;
}
.lan p{
	position: absolute;
    background-color: #fff;
    /* padding: 15px; */
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}
.lan p a{
	font-size: 14px;
	color: #333;
}
.lan p a:hover{
	color: #0e6fb8;
}
.lan:hover p{
	height: 40px;
}
.banner .swiper-slide div{
	width: 1400px;
	margin-left: -700px;
	left: 50%;
}
.banner .swiper-slide div h1{
	text-align: left;
	font-size: 48px;
	margin-bottom: 30px;
}
.banner .swiper-slide div h2{
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 50px;
	text-transform: uppercase;
}
.banner .swiper-slide div p{
	width: 530px;
	text-align: left;
	line-height: 35px;
	font-size: 16px;
	margin-left: 0;
}
.zxly div form div{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.zxly div .ol1{
	width: 32%;
}
.zxly div .ol3{
	min-height: 250px;
}
.mobile-inner-yuyan{
	position: absolute;
    top: 25%;
    right: 20%;
    z-index: 999;

}
.mobile-inner-yuyan .yuyuan{
	color: #1064a3; font-size: 16px;
}
.mobile-inner-yuyan .yuyuan i{
	 font-size: 24px;
}
.gd{
	width: 100%;
	height: 100px;
}
@media (min-width: 1000px) and (max-width: 1400px){
	.banner .swiper-slide div{
		width: 90%;
		margin-left: 0px;
		left: 10%;
		top: 20%;
	}
	.index_aboutleft{
		width: 35%;
	}
	.index_aboutright{
		width: 62%;
	}
	.banner .swiper-slide div h1{
		font-size: 32px;
	}
	.lxwmleft section p{
		width: 100%;font-size: 14px;
	}
	.head_dvright .clkp{
		display: none;
	}
	.head_dvleft img{
		display: block;
   		max-height: 100px;
	}
	.head_dvright div.lan{
		margin-left: 0px;
	}
	.head_dvright{
		width: 80%;
	}
	.head_dvright ul li{
		padding: 0;
	}
	.head_dvright ul{
		width: 95%;
	}
	.head_dvright ul li{
		height: calc(100% - 3px);margin: 0 6px;	
	}
	.head_dvright ul li a{
		line-height: 97px;
		font-size: 15px;
	}
	.head_dvright .ss{
		width: 100px;
	}
	.index_about{
		width: 95%;
	}
	.index_prodv{
		width: 95%;
	}
	.index_prodv ul li{
		width: 49%;
	}
	.index_prodv ul li section{
		width: 96%;
		left: 2%;
		height: 94%;
	}
	.index_prodv ul li:hover section{
		top: 3%;
	}
	.index_prodv ul li section .proa{
		display: none;
	}
	.index_news{
		width: 95%;
	}
	.index_newsdvright ul li{
		width: 46%;
		padding: 2%;
		height: auto;    display: flex;
    	align-items: center;
    	background-color: #f7f7f7;
	}
	.index_newsdvright ul li:first-child,.index_newsdvright ul li:last-child{
		width: 50%;height: auto;
	}
	.index_newsdvright ul li h1{
		font-size: 22px;
		line-height: 35px;
		height: 35px;
		overflow: hidden;
		margin: 10px 0px;
	}
	.index_caidan ul{
		width: 100%;
	}
	.footdv,.wdldv{
		width: 95%;
	}
	.footdvcenter{
		width: 40%;
	}
	.show_nav ul{
		width: 100%;
	}
	.kh{
		width: 95%;
	}
	.gbhj_lxwm,.shownews,.zr,.lxwmdv,.zxly,.aboutdv{
		width: 95%;
	}
	.shownewstext{
		width: 91%;
		padding: 2%;
	}
	.lxwmleft{
		height: auto;padding: 20px;
	}
	.aboutdvleft,.aboutdvright{
		padding: 2%;
	}
	.lxyyleft{
		background: url(../img/images/uasw_02.png) center no-repeat;
	}
	.lxyyleft img{
		display: none;
	}
	.qywh{
		width: 95%;
	}
	.qywh ul li,.qywh ul li:nth-child(4),.qywh ul li:last-child{
		width: 30%;
	}
	.qywh ul li:nth-child(2),.qywh ul li:nth-child(5){
		width: 40%;
	}
	.sjzdv,.news_tj,.newslist{
		width: 95%;
	}
	.news_tj .index_newsdvleft{
		width: 32%;
	}
	.newslist ul li{
		padding: 3%;
	}
	.newslistright{
		width: 80%;
	}
	.newslistright p{
		height: 60px;
		overflow: hidden;
	}
	.newslistleft{
		padding-left: 0;
	}
	.zyml table{
		width: 95%;
	}
	.prolist ul{
		width: 95%;
	}
	.prolist ul li{
		width: 31%;
		height: auto;
		margin: 1%;
	}
	.xqxq{
		width: 90%;
		padding: 2.5%;
		margin: 0 auto;
		background: #fff;
	}
	.zxly div form{
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;flex-flow: wrap;
	}
	.zpxx{
		width: 95%;
		margin: 70px auto;
	}
	.nslistdv{
		width: 90%;
	}
	.yflist{
		width: 90%;
	}
	.zcsbright li div{
		    width: 85%;
    display: flex;
    justify-content: flex-start;
    margin-left: 10%;
	}
	.zcsbleft img{
		display: none;
	}
	.indexnewsdv{
		width: 90%;
	}
	.mlleft h2{
		font-size: 15px;
	}
	.innewdv dl dd{
		width: 48%;
		margin-bottom: 30px;
	}
	.innewdv dl section h1{
		height: 35px;
		overflow: hidden;
	}
	.innewdv dl section p{
		height: 60px;
		overflow: hidden;
	}
	.innewdv dl{
		margin-top: 35px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 999px){
	.htmleaf-container{
		display: block;
	}
	.gd{
		width: 100%;
		height: 0px;
	}
	.lxwmleft section p {
	    width: 100%;
	    font-size: 14px;
	}
	.head_top{
		display: none;
	}
	.zxly div form{
		width: 95%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;flex-flow: wrap;
	}
	.index_about{
		width: 95%;
		display: block;
		margin: 35px auto;
	}
	.index_aboutleft,.index_aboutright{
		width: 100%;
	}
	.index_aboutleft h1{
		font-size: 24px;
		margin: 15px auto;
	}
	.index_aboutleft h2{
		font-size: 18px;
	}
	.index_aboutleft ul li h3 span{
		font-size: 48px;
	}
	.index_aboutleft ul li h3 sup{
		margin-top: 5px;
	}
	.index_aboutright ul li section{
		font-size: 16px;
	}
	.index_pro{
		padding-top: 50px;
	}
	.index_probt h1{
		font-size: 24px;
	}
	.index_probt,.index_prodv{
		width: 95%;
	}
	.index_prodv ul{
		display: block;
	}
	.index_probt p{
		margin-bottom: 35px;
	}
	.index_prodv{
		margin-top: 0;
	}
	.index_prodv ul li{
		width: 100%;
	}
	.index_prodv ul li section{
		width: 96%;
		left: 2%;
		height: 94%;
	}
	.index_prodv ul li:hover section{
		top: 3%;
	}
	.index_prodv ul li section dl{
		display: none;
	}
	.index_prodv ul li:hover div{
		bottom: 48%;
	}
	.index_news{
		width: 95%;
	}
	.index_prodv ul li div h3{
		font-size: 20px;
	}
	.index_news .index_probt{
		width: 100%;
		margin: 0 auto;
	}
	.index_news .index_probt h1{
		font-size: 24px;
	}
	.index_newsdv{
		display: block;
	}
	.index_newsdvleft{
		width: 100%;
	}
	.index_newsdvleft div p{
		overflow: hidden;
		line-height:100px;
		width: 100%;
		font-size: 20px;
		padding: 0;
		height: 100px;
		text-indent: 1em;
	}
	.index_newsdvleft div h1{
		width: 100px;
    	height: 100px;
	}
	.index_newsdvright{
		width: 100%;
	}
	.index_newsdvright ul{
		display: block;
	}
	.index_newsdvright ul li:first-child,.index_newsdvright ul li:last-child{
		width: 100%;height: auto;
	}
	.index_newsdvright ul li{
		width: 94%;
		padding: 3%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.index_newsdvright ul li h1{
		font-size: 20px;
		margin: 10px auto;
	}
	.index_caidan ul{
		width: 100%;
		flex-flow: wrap;
	}
	.index_caidan ul li{
		width: 50%;
		border: none;
	}
	.zpxx{
		width: 95%;
		margin: 30px auto;
	}
	.index_caidan{
		height: auto;
		background-size: cover;
	}
	.foot,.wdl{
		display: none;
	}
	.show_nav ul{
		width: 100%;
	}
	.show_news{
		padding: 20px 0px;
	}
	.shownews{
		width: 95%;
		margin-bottom: 20px;
	}
	.shownewstext{
		width: 91%;
		padding: 2%;
	}
	.shownews h1{
		font-size: 18px;
	}
	.zr{
		width: 95%;
		margin-top: 30px;
	}
	.lxwmdv{
		width: 100%;
		display: block;
	}
	.lxwmleft{
		width: 90%;
		height: auto;
		padding: 5%;
	}
	.lxwmleft h1{
		font-size: 24px;
		margin: 10px auto;
	}
	.lxwmleft p{
		line-height: 35px;
	}
	.lxwmright{
		width: 100%;
	}
	.zxly{
		width: 95%;
		margin-top: 45px;
	}
	.zxly h1{
		font-size: 24px;
	}
	.zxly p{
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.lxwm{
		padding: 35px 0px;
	}
	.gbhj{
		padding: 35px 0px;
	}
	.gbhjtop h1{
		font-size: 20px;
	}
	.kh,.gbhj_lxwm{
		width: 95%;
	}
	.khright p{
		width: 70%;
	}
	.gbhj_lxwm{
		flex-flow: wrap;
	}
	.gbhj_lxwmleft,.gbhj_lxwmright{
		width: 100%;
	}
	.gbhj_lxwmright{
		padding: 25px 0px;
	}
	.gbhj_lxwmright div h1{
		font-size: 24px;
	}
	.gbhj_lxwmright div p{
		width: 85%;
		margin: 0 auto;
	}
	.aboutdv{
		width: 95%;display: block;
	}
	.aboutdvleft{
		width: 90%;padding: 5%;
	}
	.aboutdvleft i{
		font-size: 36px;
	}
	.aboutdvleft h2{
		font-size: 24px;
	}
	.about{
		padding: 35px 0;
	}
	.aboutdvright{
		width: 90%;padding: 5%;
	}
	.aboutdvright h1{
		font-size: 20px;
	}
	.aboutdvright ul li h3 span{
		font-size: 48px;
	}
	.lxyy{
		display: block;
	}
	.lxyyleft, .lxyyright{
		width: 100%;
	}
	.lxyyright div h1{
		margin-top: 25px;
	}
	.lxyyright div h2{
		font-size: 24px;
	}
	.lxyyright div{
		width: 95%;
		margin: 0 auto;
	}
	.qywh{
		width: 95%;
		margin: 0 auto;
	}
	.qywh ul li{
		width: 100%;
		height: 160px;
	}
	.qywh ul li:nth-child(2) div h3,.qywh ul li:nth-child(4) div h3,.qywh ul li:last-child div h3{
		font-size: 20px;
	}
	.qywh ul li:first-child h1{
		text-align: center;
		margin-top: 35px;
	}
	.qywh ul li:first-child h2{
		text-align: center;font-size: 24px;
	}
	.sjz{
		padding: 35px 0px;
	}
	.sjzdv{
		width: 95%;
	}
	.date{
		display: block;
		top: -33%;
		height: auto;
		line-height: normal;
		left: auto;
		font-size: 18px;
	}
	label{
		left: 20px;
	}
	.radio:checked ~ .relative .date{
		    color: #0e6fb8;
    	border-right: none;
	}
	.content:after{
		    border-bottom-color: #fff;
	}
	.news_tj{
		display: none;
	}
	.newslist{
		width: 95%;
	}
	.newslist ul li{
		width: 95%;
		padding: 2.5%;
	}
	.newslistright{
		width: 70%;
	}
	.newslistleft{
		width: 20%;
		padding: 2.5%;
	}
	.newslistright h1{
		font-size: 18px;
		height: 30px;
		overflow: hidden;
		line-height: 40px;
	}
	.newslistright p{
		line-height: 25px;
		height: 50px;
		overflow: hidden;
		margin-top: 10px;
	}
	.newslistright i{
		display: none;
	}
	.prolist{
		padding: 35px 0px;
	}
	.prolist ul {
		width: 95%;
	}
	.prolist ul li{
		width: 48%;
		margin: 1%;
		height: auto;
	}
	.xqxq{
		width: 90%;
		padding: 2.5%;
		margin: 0 auto;
		background: #fff;    overflow-x: auto;
	}
	.index_newsdvright ul li:last-child{
		display: none;
	}
	.index_news{
		margin: 35px auto;
	}
	.index_caidan ul li i{
		font-size: 32px;
		margin-top: 25px;
	}
	.index_caidan ul li h1{
		font-size: 18px;
		margin-top: 10px;
	}
	.index_caidan ul li{
		height: auto;
		padding-bottom: 25px;
	}
	.fotdv{
		display: block;
	}
	.footer{
		display: block;
	}
	.fotdv{
		width: 100%;
		height: 50px;
	}
	.footer{
		width: 100%;
		position: fixed;
		height: 50px;bottom: 0;
		background-color: #0e6fb8;z-index: 999;
	}
	.footer ul{
		display: flex;
	}
	.footer li{
		width: 25%;
		text-align: center;
		line-height: 50px;
		border-right: 1px solid #1064a3;
	}
	.footer li a{color: #fafafa;}
	.show_nav ul li a{
		font-size: 14px;
		line-height: 45px;
	}
	.gbhj_lxwmright div h3{
		font-size: 18px;
	}
	.newslistright h1{
		font-size: 16px;
	}
	.newslistleft i{
		font-size: 36px;
	}
	.newslist ul li{
		margin-bottom: 10px;
	}
	.banner3{
		width: 100%;
		overflow: hidden;
	}	
	
	.banner3 .swiper-slide{
		overflow: hidden;
	}
	.swiper-wrapper img{
		max-width: none;
	}
	.xqxq table{
		 width: max-content;
	}
	.banner1{
		display: block;position: relative;
	}
	.index_aboutleft a{
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.nslistdv{
		width: 95%;
		padding-top: 30px;

	}
	.yflytop h1{
		font-size: 24px;
		margin-top: 25px;
	}
	.yflytop p{
		width: 90%;
	}
	.yflist{
		width: 95%;
		margin-top: 30px;
	}
	.index_aboutright ul li section p{
		transform: rotate(0deg);
	    transition: all .5s;
	    width: 35px;
	    text-align: center;
	    font-size: 17px;
	}
	.nslistdv ul{
		flex-flow: wrap;
	}
	.nslistdv ul li{
		width: 50%;
		margin-bottom: 10px;
	}
	.nslistdv ul li h3 {
		text-align: center;
	}
	.ml{
		display: block;
	}
	.nslistdv ul li h3 span{
		font-size: 36px;
	}
	.nslistdv ul li p{
		text-align: center;
		font-size: 14px;
		line-height: 25px;
	}
	.banner{
		display: none;
	}
	.mlleft {
		width: 90%;
		padding: 5%;
	}
	.mlright{
		width: 100%;
	}
	.mlleft h1{
		font-size: 20px;
	}
	.mlleft h2{
		color: #4c4c4c;
    font-size: 14px;
    line-height: 35px;
	}
	.zcsbleft{
		width: 100%;
	}
	.zcsbright{
		width: 100%;
		padding-bottom: 25px;
	}
	.zcsb{
		display: block;
	}
	.banner1 .swiper-slide div{
		position: absolute;
		top: 25%;width: 100%;
	}
	.banner1 .swiper-slide div h1{
		text-align: center;
		width: 100%;
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
	}
	.banner1 .swiper-slide div p{
		text-align: center;
		width: 80%;
		margin: 35px auto;
		color: #ffffff;
		font-size: 16px;
		line-height: 35px;
		margin-top: 25px;
	}

	.banner3 .swiper-slide div{
		position: absolute;
		top: 13%;width: 100%;
	}
	.banner3 .swiper-slide div h1{
		text-align: center;
		width: 100%;
		font-size: 24px;
		color: #ffffff;
		font-weight: bold;
	}
	.banner3 .swiper-slide div p{
		    text-align: center;
		    width: 80%;
		    margin: 35px auto;
		    color: #ffffff;
		    font-size: 16px;
		    line-height: 25px;
		    margin-top: 10px;
	}
	.index_caidan ul li:last-child{
		border: none;
	}
	.zcsbright li div{
		width: 100%;
		margin-left: 0px;
		justify-content: space-between;
	}
	.zcsbright li div h2{
		width: 10%;display: none;
	}
	.zcsbright li div section{
		width: 95%;
    	margin: 0 auto;
	}
	.zcsb{
		margin-top: 25px;
	}
	.indexnewsdv{
		width: 95%;
		margin-top: 20px;
	}
	.indexnewsdv .tabBox .hd ul li a{
		width: 80px;
	}
	.indexnewsdv .tabBox .bd ul{
		margin-top: 30px;
	}
	.innewdv dl h3{
		display: none;
	}
	.innewdv dl dd{
		width: 100%;
	}
	.banner1{
		width: 100%;
		overflow: hidden;
	}
	.indexnewsdv .tabBox .hd ul li a{
		height: 35px;
		line-height: 35px;
	}
	.innewdv dl{
		margin-top: 35px;
	}
	.innewdv dl h2{
		width: 30%;
		margin: 0;
	}
	.innewdv dl section{
		width: 68%;
	}
	.innewdv dl a{
		display: flex;
		justify-content: space-between;
	}
	.innewdv dl section h1{
		font-size: 16px;
		height: 25px;
		line-height: 25px;
		margin-bottom: 5px;
	}
	.innewdv dl section p{
		line-height: 25px;
		height: 50px;
		overflow: hidden;
	}
	.innewdv dl dd{
		margin-bottom: 15px;
	}
}
.xqxq img{
	max-width: 100%;
}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #0e6fb8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #0e6fb8;
	border-color: #0e6fb8;
}
.page-num-current:hover {
	color: #fff;
}
.head_dvright ul li.active a{
	color: #0e6fb8;
}
.head_dvright ul li .zilbdv ol li a{
	    color: #8c9095;
}
.head_dvright ul li.active .zilbdv ol li a{
	    color: #8c9095;
}
.head_dvright ul li .zilbdv ol li a:hover{
   	color: #0e6fb8; 
}
.show_nav ul li a.hover{
	background-color: #0e6fb8;
    color: #fff;
}