body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dt,
dd,
input {
    margin: 0;
    padding: 0;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

body,
html {
    font-size: 12px;
    background: #fafafa;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border: none;
    display: inline-block;
}

li {
    list-style: none;
}

input,
select,
textarea {
    outline: none;
    border: none/*-webkit-appearance: none;*/
}

input::-webkit-input-placeholder {
    color: #9c9c9c;
    font-size: 0.22rem;
}

input:-moz-placeholder {
    color: #9c9c9c;
    font-size: 0.22rem;
}

input::-moz-placeholder {
    color: #9c9c9c;
    font-size: 0.22rem;
}

input:-ms-input-placeholder {
    color: #9c9c9c;
    font-size: 0.22rem;
}

textarea {
    resize: none;
}

a {
    text-decoration: none;
    color: #333
}

i,
em,
strong,
b,
h1,
h2,
h3,
h4,
h5 {
    font-style: normal;
    font-weight: normal;
}

img {
    width: 100%
}

.main {
    width: 95%;
    margin: 0px 2.5%;
}

.index_top {
    width: 100%;
    padding: 0px 2%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .9rem;
    position: fixed;
    top: 0px;
    z-index: 6
}

.index_top p img {
    width: 2.5rem;
}

.index_top span img {
    width: .5rem;
    margin-right: 20px;
}

.index_top p.fr_search {
    float: right;
    margin: 0px;
    margin-right: .4rem;
    display: none;
}

.index_top p.fr_search img {
    width: .25rem;
}

.drawer-toggle img {
    width: .25rem;
    margin-right: 20px;
}

.page_search {
    margin-right: 0px;
}

.mask {
    width: calc(100% - 5rem);
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 99;
    overflow: hidden;
}

.mask_nav {
    height: 100%;
    display: none;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 5rem;
    z-index: 999;
    background: #333;
}

.nav {
    position: relative;
    overflow: scroll;
    width: 100%;
    height: 100%;
}

.mui-fullscreen {
    background: #fff
}



.nav_con {
    position: relative;
    overflow: scroll; 
	/*overflow-x: auto; */
    width: 100%;
    height: 100%;z-index: 999;
}
.nav_con .close{
	position: fixed;
	top: 5rem;
	right:5rem;
	width: 40px;
	height: 40px;
	border-radius: 5px 0px 0px 5px;
	background: #0089E1;
	
}
.nav_con .close img {
	width: 20px;
	height: 20px;;
}
.nav_con  p{
	width: 100%;
	display: flex;
	flex-direction: row;
	height: 1rem;
	line-height: 1rem;
	align-items: center;
	justify-content: center;
}
.nav_con  p b{
	/*display: flex;
	flex-direction: row;*/
	align-items: center;
	height: 1rem;
	line-height: 1rem;
	font-size: 14px;
	margin-right: .4rem;
	color:#FFFFFF;
}
.nav_con  p b img {
	vertical-align: middle;
}

.nav_con a {
    width: 100%;
    line-height: .3rem;
    color: #fff;
    font-size: .2rem;
	font-size: 14px;
}

.nav_con>ul>li {
    color: white;
    width: 100%;
    line-height: .7rem;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.nav_con>ul>li>a {
    width: 100%;
    float: left;
    display: inline-block;
    line-height: .7rem;
    font-size: .32rem;
    float: left;
		padding-left: .3rem;
		margin-left: .3rem;
	color: #fff;
	position: relative;
}
.nav_con>ul>li>a::after{
	position: absolute;
	content: '';
	background: url(../image/arrow1.png) center center no-repeat;
	background-size: 10px;
	width: 10px;
	height: 10px;
	left: 3.5rem;
	top: .2rem;
	
}
.nav_con>ul>li.open>a {
    background: #0089E1;
	border-radius: 3px 0px 0px 3px;;
	color: #fff;

}
.nav_con>ul>li.open>a::after{
	position: absolute;
	content: '';
	background: url(../image/arrow.png) center center no-repeat;
	background-size: 10px;
	width: 10px;
	height: 10px;
	left: 3.5rem;
		top: .2rem;
	
}

.nav_con ul li dl {
    display: none;
    font-size: 0.24rem;
    width: 100%;
    float: left;
}

.nav_con ul li>dl>dt>a,.nav_con ul li>dl>dd>a {
    font-size: .28rem;
    /* border-bottom: 1px dashed #64b0ff; */
    width: 100%;
    display: inline-block;
    text-indent: .7rem;
    height: .45rem;
	color: #fff;
	position: relative;
}
.nav_con ul li>dl>dd>a{
	text-indent: .9rem;
}
.nav_con ul li>dl>dd{
	display: none;
}
.nav_con ul li>dl>dt>a::before{
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	left:.5rem;
	top: .1rem;
	background: #0089E1;
}
.nav_con ul li>dl>dd>a::before{
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	left:.7rem;
	top: .1rem;
	background: #0089E1;
}
.nav_con ul li>dl>dd>ol {
    display: none;
}

.nav_con ul li>dl>dd>ol>li>a {
    text-indent: .9rem;
    width: 100%;
    display: inline-block;
    border-bottom: 1px dashed #008CEA;
    height: .45rem;
}

.nav_con ul li dl dd:last-child a {
    border-bottom: none;
}


/*banner切换*/

.banner {
    width: 100%;
    position: relative;
    font-size: 0;
    margin-top: .9rem;
    height: 3.1rem;
    overflow: hidden;
}

.b-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.b-img a,
.b-img a img {
    display: block;
    float: left;
    width: 100%
}

.b-list {
    height: .1rem;
    position: absolute;
    z-index: 4;
    left: calc((100% - 70px)/2);
    bottom: .3rem;
    width: 70px
}

.b-list span {
    display: block;
    cursor: pointer;
    width: .1rem;
    height: .1rem;
    float: left;
    margin: 0 5px;
    background: #fff;
    border-radius: .1rem;
	opacity: .5;
}

.b-list .spcss {
    background: #fff;
	opacity: 1;
    width: .1rem;
}

.index {
    width: 100%;
    float: left;
    background: #fff;
}

.index1 {
    background: #fff;
    padding-bottom: .3rem;
    /* border-bottom: 1px solid #ececec; */
}

.index_tit {
    width: 100%;
    text-align: center;
    padding-top: .5rem;
    padding-bottom:.1rem;
}
.index_tit p{
    padding-bottom: 5px;
    font-size:.40rem;
    color: #0089E1;
}
.index_tit p b {
	font-weight: bold;
	
}
.index_tit span i {
    width: 100%;
    display: inline-block;
    color: #666;
    font-size: .2rem;
}
.index_tit strong{
    width: .4rem;
    height: 2px;
    background: #0089E1;
    margin-top:.1rem;
    display: inline-block;
}
.swiper-container1 {
	width: 7.13rem;
height: 5.7rem;
	overflow: hidden;
}
.swiper-container1  b{
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: .3rem;
	color: #666666;
	padding-bottom: .2rem;
}

.swiper-container1 img{
	width: 7rem;
	border: 1px solid #f0f0f0;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	/* bottom: -30px; */
}
.swiper-pagination-bullet{
	width: 20px;
	height: 4px;
	border-radius: 0px;
	background: #999999;
}
.swiper-pagination-bullet-active{
	background: #0089E1;
}

.index1 p a {
    width: 3rem;
    text-align: center;
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    border-radius: 2px;
    margin: 10px calc((100% - 3rem)/2) 0px;
    /* border: solid 2px #3f388a; */
    color: #666;
    font-size: .28rem;
	background: #f3f4f5;
}
.index1 p a b{
	color: #0089E1;
}

.index2 {
	/* padding-bottom: 90px; */
}
.index2_con{
	width: calc(100% - 2px);
	height: 300px;

}
.index2_con ol {
	width: 100%;
	justify-content: space-between;
	display: flex;
	flex-direction: row;
}
.index2_con ol li {
	margin-right: .3rem;
	align-items: center;
	
	width: 2.5rem;
	color: #fff;
	margin-bottom: .3rem;
	
}
.index2_con ol li a{
	color: #fff;
	width: 100%;
	align-items: center;
	text-align: center;
	height: .6rem;
	background: #0089E1;
	line-height: .6rem;
	border-radius: 4px;
	display: inline-block;
	font-size:16px;
}
.index2_con ol li.hover a{
	background: #007a5e;
}
.index2_con ol li:last-child{
	margin-right: 0px;;
}
.index2_con ul li {
	width: 7rem;
	margin: 0px calc((100% - 7rem)/2));
	border: 1px solid #d9d9d9;
	float: left;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fafafa;
	cursor: pointer;
	margin-bottom: .3rem;
}
.index2_con ul li a{
	width: 6rem;
		padding:0.3rem .5rem .3rem .5rem;display: inline-flex;
	justify-content: center;
	align-items: center;
	float: left;
	flex-direction: row;
	text-align: left;
}
.index2_con ul li p{
	width: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}
.index2_con ul li b{
	font-size: 18px;
	font-weight:bold;
}
.index2_con ul li span{
	/* height: 100px; */
	word-break: break-all;
	overflow:hidden; 
	text-overflow:ellipsis; 
	display:-webkit-box; 
	 -webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	margin-bottom: 10px;
	}
.index2_con ul li img {
	text-align: center;
	width: 140px;
	margin-left: 30px;
	display: flex;
}
.index2_con ul li b {
	font-size: 20px;
	color: #0089E1;
	/* padding-bottom: 10px; */
}
.index2_con ul li  i{display:inline-block;width:21px;height:21px;background: url('../image/arr_pro.png') no-repeat -21px center;transition:all .3s;}
.index2_con ul li:hover{background:#0089E1;}
.index2_con ul li:hover i{background-position: 0 0;}
.index2_con ul li:hover b,.index2_con ul li:hover span{color: #fff;}


.index3{
    width: 100%;
    float: left;
    background: url(../image/index3.png) top center repeat-x;
	background-size: 100% 100%;
    height: 12rem;
}


.index3_con_bj{
    /* position: absolute; */
/*    left: -20px;
    top: -20px; */
    height: 12rem;
      width: 7rem;
    margin:-15px calc((100% - 7rem)/2) 0px calc((100% - 7rem)/2);
    background: #fff;

}
.index3_con_l{
    width: 6.6rem; margin:10px calc((100% - 6.6rem)/2) 0px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    float: left;
}

.index3_con_l i{
	font-size: 28px;
	color: #0089E1;
	padding-bottom: 10px;
	font-weight:bold;
}
.index3_con_l span {
    width: 100%;
    float: left;
    display: inline-block;
	font-size: 15px;
	line-height: 26px;
	padding-top: 10px;
}
.index3_con_r{
       width:6.6rem; margin:15px calc((100% - 6.6rem)/2) 0px;
    float: left;
}
.index3_con_r img {
	width: 100%;
}


.index3_con_l a{
    width: 130px;
	margin: 0px calc((100% - 130px)/2);
    margin-top: 20px;
    height:.8rem;
    line-height: .8rem;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    background: #0089E1;
    color: #fff;
    font-size: 16px;
    border-radius:5px;
}
.index3_con_l a:hover{
	background: #333;
}


.index4_con{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding-bottom: .5rem;
}
.index4_con ol {
	width: 4.5rem;
	margin: 0px calc((100% - 4.5rem)/2);
	justify-content: space-between;
	display: flex;
	flex-direction: row;
}
.index4_con ol li {
	margin-right: .5rem;
	align-items: center;
	
	width: 2rem;
	color: #fff;
	margin-bottom: .3rem;
	
}
.index4_con ol li a{
	color: #fff;
	width: 100%;
	align-items: center;
	text-align: center;
	height: .6rem;
	background: #0089E1;
	line-height: .6rem;
	border-radius: 4px;
	display: inline-block;
	font-size:16px;
}
.index4_con ol li.hover a{
	background: #007a5e;
}
.index4_con ol li:last-child{
	margin-right: 0px;;
}

.index4 .index4_con {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.index4_r{
	width:100%;
	display: flex;justify-content:flex-start;
	flex-direction: column;
}
.index4_r ul {
	display: flex;
	flex-direction: column;
	
	flex-direction: row;
	flex-warp:warp; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.index4_r ul li {
	margin-bottom: 15px;
	padding: 10px 0px;
	border: 1px solid #e1e1e1;
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #666666;
	align-items: center;
	height: 60px;
	cursor: pointer;
	
	
}

.index4_r ul li p{
	width:1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #9a9a9a;
	font-size: .3rem;
	border-right:.01rem solid #e1e1e1;
}
.index4_r ul li p i{
	font-size: 24px;
	line-height: 40px;
}
.index4_r ul li p b{
	font-size: 14px;
	line-height: 20px;
}
.index4_r ul li span{
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-left: 10px;
	padding-right:15px;
	color: #999;
	/* width: calc(100% -  150px); */
}
.index4_r ul li span i{
	font-size: 16px;

	/* padding-bottom: 5px; */
}
.index4_r ul li span i a{
	font-size: 14px;
	color: #666;
	line-height: 20px;;
	/* padding-bottom: 5px; */
	height:40px;
	overflow:hidden;
	display: inline-block;
		font-size: 16px;
}
.index4_r ul li:Hover span i a{

	color: #0089E1;
	/* padding-bottom: 5px; */
}
.index4_r ul li span b{
	font-size: 14px;
	color:#666666;
}

.news {
    width: 100%;
    float: left;
    margin-top: .1rem;
    background: #fff;
    /* border-top: 0.01rem solid #e9e9e9;
    border-bottom: 0.01rem solid #e9e9e9; */
}
.news ul li,.news ul li a{
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: .1rem;
}
.news ul li img {
    width: 3.2rem;
    float: left;
    margin-right: .2rem;
}
.news ul li p{
    width: calc(100% - 3.5rem);
    float: left;
}
.news ul li i,.news ul li span,.news ul li strong {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: .1rem;
    line-height: .3rem;
    color: #666666;
    font-size: .2rem;
}
.news ul li span{
    font-size: .24rem;
    color: #333333;
    line-height: .45rem;
    margin-bottom: .1rem;
}
.news ul li strong{
    font-size: .22rem;
}
/*首页--icon*/

.indexicon_index {
    height: 1.2rem;
    line-height: 20px;
    background: transparent;
    width: 100%;
    float: left;
    bottom: 0px;
    z-index: 9;
    position: relative;
}

.indexicon_index p {
    width: 100%;
    display: inline-block;
    background: #363a3f;
    float: left;
    text-align: center;
    border-top: 0.01rem solid #686b6e;
    height: .3rem;
    line-height: .3rem;
    color: #fff;
    position: fixed;
    bottom: 0px
}

.indexicon {
    height: 50px;
    background: #0089E1;
    width: 100%;
    float: left;
    position: fixed;
    bottom: 0px;
    z-index: 9
}

.index_icon {
    background: #0089E1;
    width: 100%;
    float: left;
    bottom: 0px;
    z-index: 999;
    position: relative;
}

.index_icon ul {
    height: 60px;
    background: #333;
    width: 100%;
    float: left;
    position: fixed;
    bottom: 0px;
}

.index_icon ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 8px;
    height: 40px;
    background: #333;
}

.index_icon ul li:last-child {
    border: none;
}

.index_icon ul li img {
    width: .5rem;
}

.index_icon ul li span {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #ededed;
    line-height: 20px;
    float: left;
}

.page_content {
    width: 100%;
    float: left;
    padding-bottom: .5rem;
    background-color: #FFFFFF;
}

.page_nav {
    width: 95%;
    float: left;
    line-height: 40px;
    height: 40px;
    padding: 0px 2.5%;
    border-bottom: 0.01rem solid #d2d2d2;
    font-size: 14px;
    color: #666;
	background: #f4f4f4;
}

.page_nav a {
    color: #666;
    padding: 0px .05rem;
}

.aboutcon {
    width: 95%;
    padding: 0px 2.5%;
    float: left;
    font-size: 14px;
    line-height: 24px;
}

.aboutcon p {
    width: 100%;
    padding: 0.1rem 0px .4rem 0px;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}


.about_bot{
	width: 100%;
	float: left;
}
.about_botcon ul {
	width: 100%;
	float: left;
}
.about_botcon ul li{
	width: 7rem;
	margin: 0px calc((100% - 7rem)/2);
	height: 2.5rem;
	float: left;
	margin-bottom: 10px;
	background: #f0f0f0;
}

.about_botcon ul li a {
	width: 100%;
	height: 2.5rem;
		background: #f0f0f0;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		color: #666666;
		font-size: 16px;
		line-height: 30px;
		text-align:center;

}
.about_botcon ul li:hover a{
	background: #0089E1;
	color: #fff;
}
.about_botcon ul li:hover a b {
	color: #fff;
}
.about_botcon ul li a b{
	font-size: 20px;
	color: #0089E1;
	margin-bottom: 5px;
}
.about_botcon>p{
	width: 410px;
	float: left;
}



.contact_bot{
    width: 95%;
    padding: .3rem 0%;
    float: left;
	/* border-top: 1px solid #eee; */
}
.contact_bot p.p_tit{
    width:100%;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.contactcon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c;
    padding-top: 5px;
}
.contact_botcon {
    width: 100%;
	float: left;
}
.contact_botcon ul{
    width: 100%;
    float: left;
}
.contact_botcon ul li{
    /* height: 43px; */
    /* line-height: 43px; */
    border: 1px solid #e1e6eb;
    margin-top: .2rem;
    background: #fff;
}

.contact_botcon ul li.wid100 {
    width: 100%;
    float: left;
}
.contact_botcon ul li b{
    width: .5rem;

    float: left;
     text-align: center;
   /* display: inline-block;
    vertical-align: middle; */
}
.contact_botcon ul li b img {
    margin-top: .1rem;
    float: left;
    margin-left: .1rem;
	width: .3rem;
}
.contact_botcon ul li input{
    width: calc(100% - .7rem);
	height:.5rem;
    padding-left: .1rem;
    border-left: 1px solid #e1e6eb;
    color: #666;

}
.contact_botcon ul li select{
    width: calc(100% - .8rem);
    height: .5rem;
    padding-left: .1rem;
    border-left: 1px solid #e1e6eb;color: #999;
	font-size:16px;


}
.contact_botcon ul li textarea{
    height: 1.2rem;
    width: calc(100% - .8rem);
    color: #666;
    float: left;
    padding: .05rem;font-size: 14px;
    border-left: 1px solid #e1e6eb;

}
.contact_botcon p.p_bot {
	display: table;
	margin: 0px auto;padding-top: .3rem;
}
.contact_botcon p input{
    width: 1.3rem;
    height: .5rem;
    line-height:.5rem;
    text-align: center;
    display: inline-block;
    margin-right: .3rem;
    border-radius: 5px;
    color: #fff;
}



.downloadcon {
    width: 95%;
    padding: .2rem 2.5%;
    float: left;
}

.downloadcon ul li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    float: left;
    background: #f9f9f9;
    margin-bottom: 10px;
    cursor: pointer;
	border: 1px solid #d9d9d9;
}

.downloadcon ul li p {
    position: relative;
    text-indent: 20px;
    width: 70%;
    overflow: hidden;
    float: left;
    color: #707070;
	font-size: 14px;
}

.downloadcon ul li p:before {
    position: absolute;
    left: -.10rem;
    content: '·';
    top: 0px;
	left: -15px;;
    font-size: 40px;
    color: #0089E1;
}

.downloadcon ul li span {
    float: right;
}

.downloadcon ul li span a {
    width: 1rem;
    height: 32px;
    float: left;
/*    background: #0089E1; */
    line-height: 32px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase
}
.downloadcon ul li span a img{width: 20px;vertical-align: middle;}
/* .downloadcon ul li:Hover span a {
    width: 1.5rem;
    height: 32px;
    background: #ff6600;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 12px;
} */

/* .downloadcon ul li:Hover p {
    color: #d81012
} */

.downloadcon ul li.hover {
    color: #009B6C
}

.factorycon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
}

.factorycon ul {
    width: 100%;
    float: left;
    margin-top: .25rem;
}

.factorycon ul li {
    float: left;
    width: calc(50% - .1rem);
    margin-right: .1rem;
    /*border:0.01rem solid #d6d6d6;*/
    text-align: center;
    cursor: pointer;
}

.factorycon ul li a {
    width: 100%;
    display: inline-block
}

.factorycon ul li img {
    width: calc(100% - .1rem);
    padding: 0.05rem;
    border: 0.01rem solid #d6d6d6;
    float: left;
}

.factorycon ul li b {
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #666666
}

.factorycon ul li:nth-child(2n) {
    margin-right: 0px;
    float: right;
}

.factorycon ul li:hover a img,
.factorycon ul li.hover a img {
    border: 0.01rem solid #0089E1
}

.factorycon ul li:hover a b,
.factorycon ul li.hover a b {
    color: #0089E1
}

.honorcon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
}

.honorcon ul {
    width: 100%;
    float: left;
    margin-top: .25rem;
}

.honorcon ul li {
    float: left;
    width: calc(50% - .1rem);
    margin-right: .1rem;
    /*border:0.01rem solid #d6d6d6;*/
    text-align: center;
    cursor: pointer;
}

.honorcon ul li a {
    width: 100%;
    display: inline-block
}

.honorcon ul li img {
    width: calc(100% - .1rem);
    padding: 0.05rem;
    border: 0.01rem solid #d6d6d6;
    float: left;
    /* height:250px; */
}

.honorcon ul li b {
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #666666
}

.honorcon ul li:nth-child(2n) {
    margin-right: 0px;
    float: right;
}

.honorcon ul li:hover a img,
.factorycon ul li.hover a img {
    border: 0.01rem solid #0089E1
}

.honorcon ul li:hover a b,
.factorycon ul li.hover a b {
    color: #0089E1
}

.pages {
    display: table;
    margin: auto;
    padding-top: .6rem;
}

.pages li {
    float: left;
}

.pages li a {
    height: .4rem;
    padding: 0px 10px;
    line-height: .4rem;
    background: #fff;
    border: 1px solid #dbdbdb;
    color: #666;
    display: inline-block;
    margin-right: 10px;
    color: #666;
    text-align: center;
}

.pages li a:hover {
    height: .4rem;
    line-height: .4rem;
    background: #0089E1;
    border: 1px solid #0089E1;
    color: #fff;
    text-align: center;
}

.pages li.active a {
    background: #0089E1;
    color: #fff;
    border: 1px solid #0089E1;
}
.faq{
    width: 95%;
	padding: 0px 2.5%;
    float: left;
	padding-top:25px;
}
.faq dl {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.faq dl dt {
    width: calc(100% - 50px);
    height: 50px;
    line-height: 50px;
    background: #f6f6f6;
    border: 1px solid #f0f0f0;
    padding: 0px 20px 0px 30px ;
}
.faq dl dt p{
    float: left;
    position: relative;
    color: #666666;
    font-size: 14px;
}
.faq dl dt.hover p{
    color: #0089E1;
}
.faq dl dt p::before{
    position: absolute;
    content: '';
    left: -10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #0089E1;
    top: 23px;
}

.faq dl dt span{
    float: right;
}
.faq dl dt span img:nth-child(1){
    display:none;
}
.faq dl dd {
    width: calc(100% - 50px);
    margin-top: 1px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 20px 20px 10px 30px ;
    float: left;
    display: none;
}
.faq dl dd p{
    width: 100%;
    line-height: 24px;
    float: left;
    color: #7d7d7d;
    font-size: 14px;
    /* padding-bottom: 20px; */
}
.faq dl dd span {
    width: 100%;
    float: left;
    padding: 20px 0px 30px ;
    font-size: 14px;
    color: #0089E1;
}



.faqcon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
}

.faqcon dl {
    width: 100%;
    float: left;
    padding: 0.1rem 0px 0.2rem 0px;
    border-bottom: 1px solid #d2d2d2;
    font-size: .14rem;
    color: #7d7d7d;
}

.faqcon dl dt {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #0089E1;
}

.faqcon dl dt a {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #0089E1;
}

.faqcon dl dd p,
.faqcon dl dd span {
    width: 100%;
    float: left;
    line-height: 24px;
    display: inline-block
}

.faqcon dl dd span {
    line-height: 24px;
    font-size: 12px;
}

.faqcon ul {
    width: 100%;
    float: left;
    padding: 0.1rem 0px 0.2rem 0px;
    font-size: .14rem;
    color: #666666;
}

.faqcon ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #ccc;
    line-height: 32px;
}

.faqcon ul li p {
    position: relative;
    text-indent: .2rem;
    width: 70%;
    overflow: hidden;
    float: left;
    color: #666;
    font-size: 14px;
}

.faqcon ul li p:before {
    position: absolute;
    left: -.15rem;
    content: '·';
    top: 0px;
    font-size: 20px;
    color: #666;
}

.faqcon ul li span {
    float: right;
}

.faqcon ul li span a {
    width: 1.5rem;
    height: 32px;
    float: left;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    color: #666;
    font-size: 14px;
    text-transform: uppercase
}

.faqcon ul li:Hover span a {
    width: 1.5rem;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    color: #d81012;
}

.faqcon ul li:Hover p {
    color: #d81012
}

.faqcon ul li.hover {
    color: #d81012
}

.faqshowcon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
}

.faqshowcon h1 {
    text-align: center;
    width: 100%;
    padding: 0.2rem 0px .15rem 0px;
    border-bottom: 1px solid #d2d2d2;
    float: left;
}

.faqshowcon h1 b {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #df3d3d;
    line-height: 32px;
    float: left;
}

.faqshowcon h1 p {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    color: #707070;
    float: left;
}

.faqshowcon dl {
    width: 100%;
    float: left;
    padding: .15rem 0px .22rem;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
}

.faqshowcon dl dt {
    width: 100%;
    float: left;
    line-height: 24px;
    padding: .15rem 0px .22rem;
    font-size: 14px;
}

.faqshowcon dl dd {
    width: 100%;
    float: left;
    line-height: 32px;
}

.faqshowcon dl dd b {
    width: 100%;
    float: left;
    line-height: 24px;
    display: inline-block;
    color: #707070;
}

.faqshowcon dl dd b a {
    color: #707070;
}

.faqshowcon dl dd b:hover a {
    color: #ff0000;
}

.joincon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c;
    padding-top: 5px;
}

.lycon {
    width: 95%;
    padding: 0.2rem 2.5%;
    float: left;
}

.lycon p {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666;
}

.lycon ol li {
    line-height: 40px;
    width: 100%;
    float: left;
    margin-top: .1rem;
}

.lycon ol li span {
    width: 1.5rem;
    text-align: right;
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding-right: .1rem;
    float: left;
}

.lycon ol li input {
    outline: none;
    border: none;
    width: 5.2rem;
    height: 36px;
    line-height: 36px;
    border: 1px solid #d8d8d8;
    float: left;
    padding-left: 5px;
}

.lycon ol li textarea {
    width: 5.2rem;
    height: 1.36rem;
    padding: 5px;
    resize: none;
    outline: none;
    border: 1px solid #d8d8d8
}

.lycon p input {
    width: 1.5rem;
    height: .5rem;
    border: none;
    color: #fff;
    margin: .2rem 0px .4rem 1.5rem;
    cursor: pointer;
    outline: none;
    border-radius: .05rem;
}

.lycon p input:first-child {
    background: #0089E1
}

.lycon p input:last-child {
    background: #666666;
    margin-left: 10px;
}

.newscon{
	width:90%;
	padding: 30px 5% 0px;;
	display: flex;justify-content:flex-start;
	flex-direction: column;
}
.newscon ul {
	display: flex;
	flex-direction: column;
	
	flex-direction: row;
	flex-warp:warp; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.newscon ul li {
	margin-bottom: 15px;
	padding: 10px 0px;
	border: 1px solid #e1e1e1;
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	color: #666666;
	align-items: center;
	height: 60px;
	
	width: 800px;
	cursor: pointer;
	
	
}

.newscon ul li p{
	width:1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #9a9a9a;
	font-size: .3rem;
	border-right:.01rem solid #e1e1e1;
}
.newscon ul li p i{
	font-size: 24px;
	line-height: 40px;
}
.newscon ul li p b{
	font-size: 14px;
	line-height: 20px;
}
.newscon ul li span{
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-left: 10px;
	padding-right:15px;
	color: #999;
	/* width: calc(100% -  150px); */
}
.newscon ul li span i{
	font-size: 16px;

	/* padding-bottom: 5px; */
}
.newscon ul li span i a{
	font-size: 14px;
	color: #666;
	line-height: 20px;;
	/* padding-bottom: 5px; */
	height:40px;
	overflow:hidden;
	display: inline-block;
	font-size: 16px;
}
.newscon ul li:Hover span i a{
	color: #0089E1;
}
.newscon ul li span b{
	font-size: 14px;
	color:#666666;
}


/* .newscon ul li span { 
    float: right; 
}
.newscon ul li span a{
    width: 1.5rem; 
    height: .45rem; 
    float: left;
    line-height:.45rem; 
    text-align: center; 
    display: inline-block;
    color: #666;
    font-size: .14rem;
    text-transform: uppercase
}
.newscon ul li:Hover span a{
    width: 1.5rem; 
    height: .45rem; 
    line-height: .45rem; 
    text-align: center; 
    display: inline-block;
    color: #0089E1;
} */

.newscon ul li:Hover p {
    color: #0089E1
}

.newscon ul li.hover {
    color: #0089E1
}

.newsshowcon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
}

.newsshowcon h1 {
    text-align: center;
    width: 100%;
    padding: 0.2rem 0px .15rem 0px;
    border-bottom: 1px solid #d2d2d2;
    float: left;
}

.newsshowcon h1 b {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #0089E1;
    line-height: 32px;
    float: left;
}
.newsshowcon h1 i {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #666;
    line-height: 22px;
    float: left;
}
.newsshowcon h1 p {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    color: #707070;
    float: left;
}

.newsshowcon dl {
    width: 100%;
    float: left;
    padding: .15rem 0px .22rem;
    font-size: 14px;
    line-height: 24px;
    color: #707070;
}

.newsshowcon dl dt {
    width: 100%;
    float: left;
    line-height: 24px;
    padding: .15rem 0px .22rem;
    font-size: 14px;
}

.newsshowcon dl dd {
    width: 100%;
    float: left;
    line-height: 32px;
}

.newsshowcon dl dd b {
    width: 100%;
    float: left;
    line-height: 24px;
    display: inline-block;
    color: #707070;
}

.newsshowcon dl dd b a {
    color: #707070;
}

.newsshowcon dl dd b:hover a {
    color: #ff0000;
}
.products_con{
	width: 95%;
	padding: .3rem 2.5%;
	font-size: 15px;
	float: left;
	color: #666;
	line-height:28px;
}

.productcon {
    width: 95%;
    padding: 0rem 1%;
    float: left;
	padding-bottom:30px;
}

.productcon ul {
    width: 100%;
    float: left;
    margin-top: .25rem;
}

.productcon ul li {
    float: left;
    width: calc(50% - .15rem);
    margin-right: .15rem;
    /*border:0.01rem solid #d6d6d6;*/
    text-align: center;
    cursor: pointer;
}

.productcon ul li a {
    width: 100%;
    display: inline-block;
    font-size: 14px;
}

.productcon ul li img {
    width: 100%;
    padding: 0.05rem;
    border: 0.01rem solid #d6d6d6;
    float: left;
}

.productcon ul li b {
    width: 100%;
    line-height: 32px;
    font-size: 14px;
    color: #666666
}

.productcon ul li:nth-child(2n) {
    margin-right: 0px;
    float: right;
}

.productcon ul li:hover a img,
.productcon ul li.hover a img {
    border: 0.01rem solid #0089E1
}

.productcon ul li:hover a b,
.productcon ul li.hover a b {
    color: #0089E1
}
.productshow{
 width: 95%;
 padding: 0rem 2.5%;
    /* padding-top: 30px; */
    padding-bottom: 40px;
    float: left;
}

.pro_tit {
	width: 7rem;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	float: left;
	background: #f4f4f4;
	font-weight: normal;
	border: 1px solid #cccccc;
}

.pro_tit b {
	width: 50%;
	text-align: center;
	display: inline-block;
	float: left;
	cursor: pointer;
	position: relative;
	top: -1px;
		height: 37px;
		font-size: 14px;;

}

.pro_tit b.hover::before{
	width: 0px;
	height: 0px;
	position: absolute;
	content:'';
	border: 5px solid transparent;
	top: 36px;
	left: 1.7rem;
	border-color:#0089E1  transparent transparent  transparent  
}
.pro_tit b.hover{	background: #0089E1;
	color: #fff;}
.productshow_top,.productshow_bot {
	width: 100%;
	float: left;
	margin-bottom: .5rem;
}
.productshow_l {
	width: 100%;
	float: left;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.productshow_l img {
	/*width: 6.5rem;
	height: 6.5rem;*/
	border: 1px solid #efefef;
box-shadow:    0px -5px 5px 0px #efefef,   /*上边阴影  红色*/

                -5px 0px 5px 0px #efefef,   /*左边阴影  绿色*/

                5px 0px 5px 0px #efefef,    /*右边阴影  蓝色*/

                0px 5px 5px 0px #efefef; }
.productshow_r {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
	}
	.pro_tit1{
		height: 50px;
		line-height: 50px;
		font-size:22px;
		color:#0089E1;
	}
	.pro_tit2{
		height: 45px;
		line-height: 45px;
		display: inline-flex;
		align-items: center;
		justify-items: center;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.pro_tit2 a{
		width:200px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		display: inline-block;
		color: #fff;
		border-radius: 3px;
		margin-right: 35px;
		background: #333;
	}
	.pro_tit2 a:hover{
		background: #0089E1;
	}
	.pro_tit2 img {
		vertical-align: middle;
	}
	.pro_tit2 b {
		margin-right: 10px;
	}
	.pro_tit2 i{
		font-size: 20px;
		color: #666666;
		margin-right: 10px;
	}
	.pro_tit2 strong{
		font-size:24px;
		font-weight: bold;
		color: #0567ab;
	}
	
	.pro_tit3{
		line-height: 28px;
		font-size:14px;
		color:#666;
	}
	.pro_tit3 b {
		line-height: 32px;margin-left: 5px;color: #0567ab;
	}
	.pro_tit4 {
		font-size: 14px;
		color: #0089E1;
		height: 35px;
		line-height: 35px;border-top: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
	}
	.productshow_r dl {
		margin-top: 5px;
	}
	.productshow_r dl dd{
		width: 45%;
		float: left;
		height: 26px;
		line-height: 26px;
	}
	.productshow_r dl dd a{
		text-decoration: underline;font-size: 14px;color: #666666;
	}
	.productshow_r dl dd a:hover{
		color: #0089E1;
	}
	
	.faqshow_tyext{
		width: 100%;
		float: left;
		line-height: 28px;
		font-size:14px;
		color: #666;

	}
	
	




.productshowcon {
    width: 100%;
    float: left;
    font-size: .14rem;
    color: #666666;
}

.productshow_img>p {
    width: 95%;
    margin: 0px 2.5%;
    float: left;
}

.productshowcon dl,
.productshowcon dl dt,
.productshowcon dl dd {
    width: 100%;
    float: left;
    line-height: .4rem
}

.productshowcon dl {
    width: 95%;
    margin: 0.1rem 2.5% .2rem;
    border-bottom: 1px solid #d2d2d2
}

.productshowcon dl:last-child {
    border: none;
}

.productshowcon dl dt {
    font-size: 14px;
    color: #0089E1;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
}

.productshowcon dl dd p {
    font-size: 14px;
    color: #707070;
    padding: 10px 0px 10px 0px;
    line-height: 24px;
}

.productshowcon ol {
    width: 100%;
    float: left;
    padding-top: 5px
}

.productshowcon ol li {
    line-height: 36px;
    width: 100%;
    float: left;
    margin-top: .1rem;
}

.productshowcon ol li span {
    width: 1.7rem;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    color: #666;
    padding-right: 10px;
    float: left;
}

.productshowcon ol li input {
    outline: none;
    border: none;
    width: 5.2rem;
    height: 36px;
    line-height: 36px;
    border: 1px solid #d8d8d8;
    float: left;
    padding-left: 5px;
}

.productshowcon ol li textarea {
    width: 5.2rem;
    height: 1.36rem;
    padding: 5px;
    resize: none;
    outline: none;
    border: 1px solid #d8d8d8
}

.productshowcon p input {
    width: 1.5rem;
    height: .5rem;
    border: none;
    color: #fff;
    margin: .2rem 0px .4rem .5rem;
    cursor: pointer;
    outline: none;
    border-radius: .05rem;
}

.productshowcon p input:first-child {
    background: #0089E1;
}

.productshowcon p input:last-child {
    background: #666666;
    margin-left: 10px;
}

.productshowcon dl dd b {
    width: 100%;
    float: left;
    line-height: 26px;
    display: inline-block;
    color: #666666;
    font-size: 14px;
}

.productshowcon dl dd b a {
    color: #707070;
}


/* 
.fullSlide{width:100%;position:relative;height:7rem; margin: auto;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;width: 100%;position: relative;}
.fullSlide .bd ul{width:100%; margin: auto; float: left; height:7rem; position: absolute;left: 50%;}
.fullSlide .bd li{width:100%;height:540px;text-align:center;margin: auto; }
.fullSlide .bd li a,.fullSlide .bd li a img{display:block;height:540px;width: 100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:7rem;line-height:30px;display: none}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:5.5rem;margin-top:-.3rem;left:15%;z-index:1;width:40px;height:60px;background:url(image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;} */

.Box_con3 {
    position: relative;
}

.Box_con3 .conbox {
    width: calc(100% - 20px);
    padding: 0px 10px;
    float: left;
    overflow: hidden;
    height: 7.5rem;
    ;
}

.Box_con3 .conbox ul {
    position: relative;
    list-style: none;
    left: 0px;
    width: 100%;
    float: left;
}

.Box_con3 .conbox ul li {
    float: left;
    width: calc(100% - 10px);
    margin-top: .2rem;
    margin-right: 10px;
    text-align: center;
    font-size: 0.22rem;
    color: #333;
    line-height: .4rem;
}

.Box_con3 .conbox ul li a {
    width: 100%;
    float: left;
    display: inline-block
}

.Box_con3 .conbox ul li img {
    display: block;
    width: 100%;
    float: left;
}

.Box_con3 .conbox ul li b {
    padding-top: .05rem;
    width: 100%;
    display: inline-block;
}

.Box_con3 .btn3 {
    position: absolute;
    line-height: 7.5rem;
    z-index: 3;
    cursor: pointer;
    display: block;
    font-size: .5rem
}

.Box_con3 .btn_l3 {
    left: .5rem;
}

.Box_con3 .btn_r3 {
    right: .5rem;
}

.faqshow {
    /* padding-bottom: 0px; */
    width: 95%;
	padding: 0px 2.5%;
    float: left;
	/* padding-top:25px; */
}
.faqshow1 {
	font-size:14px;
	line-height:30px;
	padding-top:25px;
	margin-top:25px;
}
.faqshow .tc {
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #0089E1;
	font-weight:bold;
    padding: 10px 0px 0px;
}
.faqshow .tcp{
	text-align: center;
	width: 100%;
	font-size: 14px;
	color: #666;
	
	padding: 10px 0px 10px;
}
.faqshow div {
    line-height: 28px;
    color: #666;
    font-size: 14px;
    padding-bottom: 5px;
    float: left;
	padding-top:20px;
}


.solution{
	width: 100%;
	float: left;
	padding-bottom: 100px;
}
.solution_tit {
	width:7rem;
	margin: 0px calc((100% - 7rem)/2);
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	float: left;
	background: #f4f4f4;
	font-weight: normal;
	border: 1px solid #cccccc;
}

.solution_tit b {
	width:calc((7rem - 3px) / 3);
	text-align: center;
	display: inline-block;
	float: left;
	cursor: pointer;
	height: 37px;
	position: relative;
	border-right: 1px solid #cccccc;
	font-size: 14px;

}
.solution_tit b:last-child{
	border: none;
}
.solution_tit b.hover::before{
	width: 0px;
	height: 0px;
	position: absolute;
	content:'';
	border: 5px solid transparent;
	top: 36px;
	left: 1.1rem;
	border-color:#0089E1  transparent transparent  transparent  
}
.solution_tit b.hover{	background: #0089E1;
	color: #fff;}
	.solution_tabcon{
		width: 95%;
		padding: 0px 2.5%;
		float: left;
		color: #7d7d7d;
		font-size: 13px;
		line-height: 28px;
		padding-top:10px;
	}
	.solution_tabcon p{
		margin-top: 30px;
		color: #0089E1;
		font-size: 18px;
		
	}
	.solutionshow_con{
		width: 100%;
		float: left;
		padding-bottom: 100px;
		display: flex;
		flex-direction: column;
		line-height: 28px;
		font-size:15px;
	}
	.solutionshow_con p{
		margin-top: 30px;
		font-size: 16px;
		color: #666666;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.solutionshow_con{
		width: 95%;
		padding: 20px 2.5%;
		float: left;
		font-size: 14px;
		color: #666;
		line-height: 26px;;
	}