.linkt {
	width: 160px;
	margin-left: 20px;
	position: relative;
	align-self: center;
}
.pro_case dd {
    overflow: hidden;
}
.header .search em {
	align-self: center;
}
.foot {
    left: 0;
}
.linkt span {
	display: flex;
	color: #6b6b6b;
	align-self: center;
}
.home_three p{
	text-align:center;
	color:#666666;
	font-size:14px;
	line-height:26px;
	margin-bottom:10px
}
.linkt span i {
	display: block;
	width: 17px;
	height: 10px;
	background: url(../img/down.png) no-repeat right center;
	background-size: 17px 10px;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	align-self: center;
	margin-left: 10px;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
}

.linkt span img {
	width: 18px;
	height: 18px;
	align-self: center;
	margin-right: 6px
}

.linkt p {
	position: absolute;
	left: -13%;
	top: 36px;
	z-index: 2;
	width: 90%;
	background-color: #343a40;
/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
	background-color: rgba(52,58,64,0.3);
 /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
	display: none;
	font-size: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.linkt p a {
	display: block;
	line-height: 32px;
	height: 32px;
	text-align: center;
	color: #fff;
	font-size: 15px;
}

.header {
	padding: 12px
}

.header .logo {
	width: 33%
}

.header .search {
	align-self: center;
	width: 40%
}

.haoe.linkt span i {
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.side-nav ul {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	width:70%;
	height: 100%;
	background: #ffffff;
	transition: left .4s ease-in-out;
	overflow-y: scroll;
	display: none;
	box-shadow: 0 0 10px rgba(222, 227, 230, 1);
}

.side-nav.aa ul {
	display: block;
}

.side-nav a {
	display: block;
	padding: 15px 0;
	color: #6b6b6b;
	font-size: 15px;
}

.side-nav li {
	overflow: hidden;
	border-bottom:1px #e6e6e6 solid
}

.side-nav dl {
	margin: 0;
	padding: 5px 0 0 0;
}
.side-nav dl dt a{
	padding: 15px
}
.side-nav dl dd{
	border-bottom:1px #e6e6e6 solid
}
.side-nav dl dt {
	position: relative;
	font-size: 16px;
	color: #6b6b6b;
	font-weight: 400;
	cursor: pointer;
}
.auto-close img {
	width: 1.5rem
}

.side-nav dl dd {
	display: none;
}

.side-nav dl dd a {
	padding-left:15px;
	font-size:13px
}
.side-nav dl dd:last-child{
	border:0
}
.side-nav li.show dl dd {
	display: block;
	background:#f5f5f5
}
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    display: none;
    z-index: 99999998;
}

#mcovers {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    display: none;
    z-index: 99999998;
	background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
  background-color:rgba(0,0,0,0.2); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}
.side-nav.aa ul {
    display: block;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  margin: 0 auto;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap div {
  float:left;
  width:100%;
  position: relative;
}
#pager em,#pager1 em,#pager2 em,#pager3 em{
	display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 14px;
    background: #a6afba;
	margin:0 4px;
}

#pager1 em{
	background:#4090c8
}
#pager em.on,#pager1 em.on,#pager2 em.on,#pager3 em.on{
	background:#4090c8;
}
#pager,#pager1,#pager2,#pager2{
	text-align:center;
	position:relative;
	z-index:88;
	bottom:30px
}
.pub_tit p{
	color:#919191;
	font-size:13px;
	margin-top:10px
}
.pub_tit .flex{
	 justify-content:center
}
.pub_tit {
	margin:0.5rem auto
}
.pub_tit h2{
	font-size:0.45rem
}
.pub_tit h2 em{
	height:2px;
	width:1rem;
	background:#c5eb73;
	display:block;
	align-self: center;
}
.pub_tit h2 b{
	margin:0 10px
}
.myp{
	margin-top:-10px
}
.pub_tit.myp{
	padding-top:0.45rem
}
.box{
	width:94%;
	margin:0 auto
}
.home_one dl{
	width:48%;
	margin-bottom:4%
}
.home_one dd{
	background:#227fc0;
	color:#fff;
	text-align:center;
	padding:10px 0
}
.home_one dl:hover dd{
	background:#c5eb73;
	color:#1c1c1c
}
 a.more{
	color:#555555;
	border:1px #555555 solid;
	-moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  display:block;
  margin:0.3rem auto;
  width:25%;
  text-align:center;
  padding:0.15rem 0;
  font-size:14px
}
.myi{
	padding-top:0.25rem
}
.home_tow{
     display: -webkit-box;
    overflow-x: scroll;
}
.home_tow dl{
	width:40%;
	position:relative
}
.home_tow dl dt p{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-color: rgba(0,0,0,0.33);
}
.home_tow dl  dd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 99;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.home_tow dl  dd  img{
	width:25px;
	display:block;
	margin:0 auto
}
.home_tow dl  dd  h2{
	color:#e5e6e8;
	font-size:13px;
	margin-top:8px
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;

}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -70px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer
}



.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer
}



.banner-box {
	width: 100%;
	position: relative;
	overflow: hidden;
	background:url(../img/bg_1.jpg) repeat-y;
	width:100%;
	background-size:100% auto;
	padding:1rem 0 0.8rem 0
}

.swiper-container {
	width: 100%;
	margin: 12px 0
}

.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	-webkit-transform: scale(1);
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.swiper-slide img {
	width: 100%;
	display: block
}

.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
	display:none
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8)
}

@media screen and (max-width:668px) {
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px
	}

	.swiper-pagination-bullet-active {
		opacity: 1;
		background: rgba(0,0,0,.8)
	}
}
.swiper-slide-prev {
    position: relative;
    left: -84%;
}
.swiper-slide-next {
    position: relative;
    right: -84%;
}
.swiper-slide h2, .swiper-slide p {
    display: none;
}
.swiper-slide.swiper-slide-active h2, .swiper-slide.swiper-slide-active p {
    display: block;
	margin-left: -70%;
	width:200%;
	color:#fff;
	font-size:12px;
	margin-top:0.25rem
}
.swiper-slide.swiper-slide-active p{
	line-height:20px
}
.swiper-slide.swiper-slide-active h2{
	font-size:16px;
	margin-top:20px
}
.home_nav{
	background:#227fc0;
	padding:0.35rem 0
}
.home_nav a{
	width:25%;
	text-align:center;
	border-left:1px #97c3e1 solid;
	color:#ffffff;
	font-size:15px
}
.home_nav a:nth-child(1){
	border-left:0
}
.home_three a.more,.home_four a.more{
	margin-top:0.65rem
}
.home_about {
	margin:0.85rem auto 0.35rem auto
}
.home_about dl{
	width:25%;
	background:#f4f4f4;
	padding:0.25rem 0;
	text-align:center;
	height:2.4rem
}
.home_about dt{
	color:#333333;
	font-size:15px
}
.home_about dd b{
	display:block;
	color:#333333;
	font-size:0.65rem;
	color:#227fc0;
	font-family:Arial, Helvetica, sans-serif;
	margin:0.15rem auto 0 auto
}
.home_about dd b em{
	font-size:0.35rem;
}
.home_about dd i{
	font-size:0.35rem;
}
.home_about dl:nth-child(1){
	background:#227fc0;
	height:2.8rem;
	margin-top:-0.2rem;
	padding-top:0.6rem
}
.home_about dl:nth-child(1) dd b,.home_about dl:nth-child(1) dt,.home_about dl:nth-child(1) dd i{
	color:#fff
}
.home_four ul{
	border:1px #eaeaea solid;
	border-bottom:0
}
.home_four li{
	border-bottom:1px #eaeaea solid;
	border-left:1px #eaeaea solid;
	width:25%;

}
.home_four li:nth-child(4n+1){
	border-left:0
}
.home_four li:nth-child(1),.home_four li:nth-child(2),.home_four li:nth-child(3),.home_four li:nth-child(4),.home_four li:nth-child(5),.home_four li:nth-child(6),.home_four li:nth-child(7),.home_four li:nth-child(8),.home_four li:nth-child(9),.home_four li:nth-child(10),.home_four li:nth-child(11),.home_four li:nth-child(12){
	display:block
}
.marqueeleft{overflow:hidden; background:#eaeaea; padding:20px 0}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:148px;height:133px;overflow:hidden;}
.marqueeleft li .pic{display:block;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px; font-size:12px;}
.marqueeleft li img{
	width:100%
}
.home_news a,.home_list a{
	display:flex
}
.home_news .img{
	width:36%
}
.home_news .txt{
	width:60%;
	margin-left:4%;
	align-self: center;
}
.home_news .txt h2,.home_list .text h2{
	font-weight:bold;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap
}
.home_news .txt p ,.home_list .text p{
	color:#717171;
	line-height:22px;
	font-size:13px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-top:8px
}
.home_list .text p{
	-webkit-line-clamp: 2;
}
.home_news{
	border-bottom:1px #eeeeee solid;
	padding-bottom:15px
}
.home_list .one{
	padding:15px 0;
	border-bottom:1px #eeeeee solid;
}
.home_list .time{
	width:20%;
	background:#227fc0;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:18px;
	padding-bottom:20px
}
.home_list .time b,.home_list .time em{
	display:block
}
.home_list .text{
	width:76%;
	margin-left:4%
}
.home_list .time b{
	font-size:20px
}
.footer{
	background:#eaeaea;
	border-top:6px #c5eb73 solid;
	padding:0.5rem 0;
	color:#5f5f5f;
	text-align:center;
	line-height:28px;
	font-size:15px;
	padding-bottom:1.45rem
}
.footer a{
	color:#5f5f5f
}
.footer h2{
	margin-top:0.2rem
}
.foot{
	background:#227fc0;
	padding:0.35rem 0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:999999999999
}
.foot dl {
	width:25%;
	text-align:center;
	border-left:1px #93c0e0 solid
}
.foot dl a{
	display:flex;
	color:#fff;
	font-size:13px;
	 justify-content: center
}
.foot dl  img{
	width:0.4rem;
	align-self: center;
	margin-right:6px
}
.core{
	position:fixed;
	bottom:1.1rem;
	left:50%;
	display:none;
	z-index:999999999999
}
.core img{
	width:2.5rem
}
.where{
	background:#f5f5f5;
	padding:0.35rem 0;
	font-size:14px;
	border-top:1px #e6e6e6 solid;
	border-bottom:1px #e6e6e6 solid;
}
.where .pub_chose{
	background:#2280c0;
	color:#fff;
	  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding:7px 8px;
  font-size:13px;
}
.where .pub_chose img{
	width:10px;
	margin-left:4px;
	margin-top:-2px
}
.where  .pub_nav{
	align-self: center;
	color:#808080
}
.where  .pub_nav a{
   color:#808080
}
.where  .pub_nav i{
	margin:0 10px
}
#home_one dl{
	border:1px #e2e2e2  solid
}
.home_one dd:nth-child(3){
	background:#fff;
	color:#888888;
	font-size:14px
}
.home_one dd:nth-child(3) p{
	line-height:24px
}
.page{
	text-align:center;
	margin:0.5rem auto 1rem auto
}
.page a,.page b,.page span{
	background:#fafafa;
	border:1px #d9d9d9 solid;
	color:#323232;
	font-size:13px;
	text-align:center;
	padding:7px 12px
}
.page b{
	background:#c5eb73;
	border:1px #c5eb73 solid;
}
.nav_nmav{
	position:absolute;
	background:#fff;
	border:1px #e6e6e6 solid;
	left:3%;
	top:100%;
	border-top:0;
	display:none;
	    z-index: 99;
}
.banner img{
	height:3.25rem;
	width:100%;
	object-fit: cover;
}
.nav_nmav .one h2{
	padding:0.3rem ;
	font-weight:bold;
	font-size:15px;
	border-top:1px #e6e6e6  solid;
	display:flex
}
.nav_nmav .one h2 a{
	display:flex
}
.nav_nmav .one h2 i{
	background:url(../img/add.png) no-repeat;
	width:15px;
	height:15px;
	display:block;
	background-size:15px 15px;
	align-self: center;
	margin-right:8px
}
.pub_tip{
	padding-bottom:0.35rem;
	text-align:right;
    color:#227fc0;
    font-size: 15px;
}
.nav_nmav .click a{
	color:#686868;
	font-size:14px;
	padding:0.25rem;
	padding-left:0.45rem
}
.nav_nmav .click dd{
	padding:0.25rem
}
.nav_nmav .click dd{
	background:url(../img/dian.png) no-repeat 0.25rem; 0.25rem;
}
.nav_nmav .click dd:hover{
	background:#c5eb73 url(../img/dian.png) no-repeat 0.25rem; 0.25rem;
}
.nav_nmav .click{
	display:none
}
.nav_nmav .show h2{
	border-bottom:1px #e6e6e6  solid;
}
.nav_nmav .show .click{
	display:block
}
.product #mySwipe{
	width:80%;
	margin:10% auto
}

.product #pager, #pager1, #pager2, #pager2 {
 
    bottom: 60px;
}
.pro_cont .tit h2{
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}
.pro_cont .tit img{
	width:130px
}
.pro_cont .tit {
	margin:0.5rem 0
}
.pro_cont .con_cont p{
	line-height:24px;
	color:#7a7a7a;
	line-height:24px;
	font-size:15px;
	margin-bottom:5px
}
.pro_cont .con_cont h2{
	font-weight:bold;
	font-size:16px;
	margin-top:0.5rem
}
.pro_cont .dl dl{
	background:#f9f9f9;
	padding:0.35rem;
	margin-bottom:0.35rem;
	  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  display:flex
}
.pro_cont .dl dt{
	width:28%
}
.pro_cont .dl dd{
	width:68%;
	margin-left:4%;
	align-self: center;
}
.pro_cont .dl dd h4{
	font-weight:bold;
	font-size:16px;
	margin-bottom:0.5rem
}
.pro_cont .dl dd p{
	color:#666666;
}
.pro_cont .dl dl:hover{
	background:#227fc0
}
.pro_cont .dl dl:hover h4,.pro_cont .dl dl:hover p{
	color:#fff
}
.pro_case{
	
}
.pro_case dl{
	display:flex;
	margin-bottom:4%;
	background:#f9f9f9;
}
.pro_case dt {
	width:38%
}
.pro_case dd{
	width:58%;
	margin:0 5%
}
.pro_case dt img{
    height: 3.2rem;object-fit: cover;
}
.pro_case dd h3{
	font-weight:bold;
	font-size:16px;
	margin-bottom:0.35rem;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap
}
.pro_case dd p{
	    color: #7a7a7a;
    line-height: 24px;
    font-size: 14px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pro_case dd h4{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	display:flex;
	 justify-content:space-between ;
	 margin-top:0.35rem
}
.pro_case dd h4 img{
	width:13px;
	margin-right:5px;
	margin-top:-4px
}
.pro_case dd h4 a{
	color:#227fc0;
	border:1px #227fc0 solid;
	padding:2px 8px;
	font-size:13px;
}
.pro_case dd h4 span{
	align-self: center;
}

.pro_case dd h4 p{
	color:#227fc0;
	border:1px #227fc0 solid;
	padding:2px 8px;
	font-size:13px;
}

#home_one.overs{
	display: -webkit-box;
    overflow-x: scroll;
}
#home_one.overs dl{
	margin-right:15px;
}
.scroll{
	display: -webkit-box;
    overflow-x: scroll;
}
 table.gridtable {
  font-family: verdana,arial,sans-serif;
  font-size:12px;
  color:#333333;
  border-width: 1px;
  border-color: #d3d3d3;
  border-collapse: collapse;
  width:220%;
	margin:0.1rem 0;
}
 table.gridtable tr{
	 
 }

table.gridtable th {
  border-width: 1px;
  padding: 8px ;
  border-style: solid;
  border-color: #d3d3d3;
  background-color: #2280c0;
  color:#fff;
  width:20%
}
table.gridtable th:nth-child(1),table.gridtable th:nth-child(2),table.gridtable th:nth-child(3),table.gridtable th:nth-child(4),table.gridtable th:nth-child(5),
table.gridtable th:nth-child(6),table.gridtable th:nth-child(7),table.gridtable th:nth-child(8),table.gridtable th:nth-child(9){
 width:10%	
}
table.gridtable td {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #d3d3d3;
  background-color: #ffffff;
  text-align:center
}
.myis{
	    padding: 0.45rem 0 0.15rem 0;
}
#cont_pub{
	padding:0.5rem 0
}
#cont_pub .title{
	text-align:center;
	font-weight:bold
}
#cont_pub .time{
	text-align:center;
	color:#949494;
	font-size:13px;
	margin-top:0.25rem
}
#cont_pub .time em{
	margin:0 8px
}
#cont_pubs{
	border-top:1px #e6e6e6 solid;
	margin-top:0.5rem;
	padding-top:0.5rem
}
#cont_pubs p{
	color:#717171;
	font-size:14px;
	line-height:24px;
	margin-bottom:0.25rem
}
.per_net a{
	color:#949494;
	font-size:13px;
	display:block;
	margin-top:0.25rem
}
.ab_ab .img_pic{
    margin: 0.25rem 0;
}
.per_net {
	border-bottom:1px #e6e6e6 solid;
	padding:0.35rem 0
}
#about .tit h2{
	font-weight:bold;
	color:#000;
	font-size:20px
}
.ab p,.ab{
	color:#818181;
	font-size:15px;
	line-height:28px;
	margin-bottom:10px;
	text-indent:2em
}
.ab_tow .dl{
	background:#2280c0;
	padding:0.35rem 0;
	color:#fff;
	text-align:center
}
.ab_tow .dl dl{
	width:25%;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px #4794ca solid;
	position:relative
}
.ab_tow .dl dt i{
	font-size:12px}
.ab_tow .dl dd{
	font-size:12px
}
.ab_tow .dl dd img{
	width:9px;
	position:absolute;
	top:10px;
	right:10px
}
.ab_th dl{
	background:#f8f9fb;
	width:31.33%;
	text-align:center;
	padding:25px 0;
	font-size:14px
}
.ab_th dd h2{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px
}
.ab_th dd p:nth-child(2){
	margin-bottom:3px
}
.ab_th dt img{
	width:45px;
	margin-bottom:10px
}
.ab_ab i{
	color:#227fc0
}
.ab_ab{
	margin:0.25rem 0;
	color:#868686;
	font-size:14px;
	line-height:24px;
}
.home_tow dl dd em{
	background:#fafafa;
	display:block;
	width:20px;
	height:2px;
	margin:5px auto
	
}
#about .img_pic .one.flex{
	display:none
}
#about .img_pic .one.flex.fadeIn{
	display:flex
}
#about .img_pic .one .img p{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:#227fc0;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
  background-color:rgba(34,127,192,0.3); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}
#about .img_pic .one .text{
	 position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	color:#fff;
	text-align:center;
	width:90%;
	height:90%;
	border:1px #fff solid
}
#about .img_pic .one .text img{
	width:25px;
	    margin-top: 14%;
}
#about  .ck_ck{
	text-align:center;
	margin:0.25rem auto
}
#about  .ck_ck em{
	display:inline-block;
	height:3px;
	background:#d7e7f4;
	width:20px;
	margin:0 3px
}
#about  .ck_ck em.on{
	background:#2280c0;
}
#about .img_pic .one .all.on .img p{
	background-color:#227fc0;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
  background-color:rgba(34,127,192,0.84); 
}
.ab_four{
	background:#f6f6f6;
	padding:0.15rem 0
}
.sc_line{
	height:2px;
	background:#227fc0;
	width:95%;
	position: absolute;
    top: 6.3rem;
}
.ab_four .scroll .one{
	width:85%;
	position:relative;
	height:3rem
}
.ab_four .scroll .one .txt{
	background:#fff;
	padding:10px;
	position:relative;
	top:-0.8rem
}
.ab_four .scroll .one:nth-child(even) .img{
	position: absolute;
    top: -1.5rem;
    left: 50%;
}
.ab_four .scroll .one:nth-child(even) .img img{
	-webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.ab_four .scroll .one:nth-child(even) .txt{
	background:#fff;
	padding:10px;
	position:relative;
	top:0.4rem
}

.ab_four .scroll .one .txt h2{
	color:#227fc2;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:8px
}
.ab_four .scroll .one .img img{
	width:35px;
	display:block;
	margin:0 auto
}
.ab_four .scroll .one .txt p{
	color:#5c5c5c;
	font-size:13px
}
.ab_four .scroll .one:nth-child(odd){
	    position: relative;
    bottom: -1.5rem;
}
.ab_four .scroll .one:nth-child(even){
	margin-top:5rem
}
.p_p img{
	width:100%;
	display:block;
	margin:0.15rem auto
}
#contact .one{
	background:#f9f9f9;
	padding:0.25rem;
	margin-bottom:0.25rem
}
#contact .one h2 img{
	width:18px;
	position:relative;
	margin-right:5px;
	margin-top:-2px
}
#contact .one h2 {
	font-size:18px;
	font-weight:bold
}
#contact .one p img{
	width:20px;
	margin-right:10px;
	height:20px;
	align-self: center;
}
#contact .one p{
	font-size:13px;
	margin-top:15px;
	display:flex;
	line-height:24px
}
.cont_map .ck{
	text-align:center
}
.cont_map .ck em{
	background:#f3f3f3;
	color:#4e4e4e;
	display:inline-block;
	padding:5px 10px;
	margin:0 5px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.cont_map .ck em.on{
	background:#227fc0;
	color:#fff
}
.cont_map .map{
	height:7rem;
	width:100%;
	margin:0.5rem auto;
	display:none
}
.cont_map .map.on{
	display:block
}
.cont_form p{
	display:flex;
	margin-bottom:10px
}
.cont_form p em{
	width:25%;
	align-self: center;
	color:#c6c6c6
}
.cont_form p .text{
	width:75%;
	border:1px #e6e6e6 solid;
	padding:10px;
	  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.cont_form p .cltextarea{
	width:75%;
	border:1px #e6e6e6 solid;
	padding:10px;
	  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family:微软雅黑;
  height:3rem
}

.buttons,.button{
	background:#227fc0;
	  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color:#fff;
  text-align:center;
  padding:0.2rem 0.35rem;
  display:inline-block;
  border:0;
  margin:0.5rem 0;
  float:right;
  font-size:15px
  
}
.ssd p{
	border:1px #f5f5f5 solid;
	margin:0.5rem auto
}
.ssd p .text_text{
	width:90%;
	border:0;
	padding:10px;
	  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.ssd p .button_button{
	font-size:0;
	background:url(../img/ss.png) no-repeat;
	width:22px;
	height:22px;
	background-size:22px 22px;
	cursor:pointer;
	border:0;
	align-self: center;
	position:relative;
	top:5px
}