@media screen and (min-width:320px) and (max-width:800px) {
    
    
    .contactbox{
        padding:.5rem 0 1rem;
    }
    
    .contactbox .wrap{
            background: #EEEEEE;
           padding:.5rem .3rem;
    }
    .contactbox .fl,.contactbox .fr{
        width:100%;
        
    }
    .contactbox .fl{
        
    }
    .contactbox .fr .map{
        width:100%;
        height:6rem;
    }
    .contactbox .fl .ch{
        font-size:.28rem;
        color:#333;
        display:block;
        margin-bottom:.2rem;
        font-weight:bold;
    }
    .contactbox .fl h2,
    .contactbox .ly h2{
        color:#0090FF;
        font-size:.32rem;
        margin-bottom:.2rem;
        font-weight:bold;
    }
    .contactbox .ly .list{
        width:100%;
        margin-bottom:.2rem;
    }
    .contactbox .ly .list span,
    .contactbox .ly .lists span{
        font-size:.24rem;
        color:#333;
        margin-right:.2rem;
    }
    .contactbox .ly .lists span{
         margin-right:.2rem;
    }
    .contactbox .ly .list input{
        background:#fff;
        width:85%;
        height:.6rem;
        line-height:.6rem;
        padding-left:.1rem;
        box-sizing: border-box;
    }
    .contactbox .ly  button{
        background-color: #0090FF;
        color:#fff;
        width:2rem;
        display:block;
        margin:0 auto;
        border-radius:.2rem;
        font-size:.26rem;
       height:.6rem;
       line-height:.6rem;
        text-align:center;
    }
    .contactbox .ly form{
        display:flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .contactbox .ly .lists{
        width: 100%;
        margin-bottom:.2rem;
        display:flex;
       
        align-items:flex-start;
    }
    .contactbox .ly .lists textarea{
           width: 85%;
           height: 2rem;
           resize: none;
           border: none;
           padding: 10px 0 0 10px;
           box-sizing: border-box;
           margin-left: 4px;
       
    }
    .contactbox .fl p{
        font-size:.24rem;
        line-height:.4rem;
        color:#666;
    }
    .contactbox .fl p em{
        margin-right:5px;
        color:#333;
    }
    .contactbox .fl .code{
        display:block;
        margin:.2rem 0;
        align-items:center;
        justify-content: center;
    }
    .contactbox  .ly{
        margin-top:.4rem;
    }
    .contactbox .fl .code .tab{
        margin-right:2%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: .3rem;
        width:48%;
        text-align:center;
    }
    .contactbox .fl .code .tab:nth-of-type(2n){
    	margin-right: 0;
    }
    .contactbox .fl .code .tab img{
        width:100%;
    }
    .contactbox .fl .code .tab p{
        font-size:.24rem;
        line-height:25px;
         color:#333;
    }



	.header,

	.banner {

		display: none;

	}



	.phoneheader {

		padding: 0 .3rem;

		height: 1rem;

		line-height: 1rem;

		display: block;

		position: fixed;

		top: 0;

		width: 100%;

		z-index: 999;

		background: #eee;

		box-shadow: 0 0 .2rem #ccc;

		display: flex;

		justify-content: space-between;

		align-items: center;

	}



	.wrap {

		width: 94%;

		margin: 0 auto;

	}

.layer{

	position: fixed;

	top:0;

	left: 0;

	background:rgba(0,0,0,0.5);

	height: 100%;

	width: 100%;

	z-index: 999;

	display: none;

	}

	

	.telphones{

		position: fixed;

		top:50%;

		left: 50%;

		width: 80%;

		background:#fff;

		z-index: 9999;

		padding:.3rem;

		transform: translate(-50%,-50%);

		display: none;

	}

	.telphones h2{

		text-align: center;

		font-size: .35rem;

		color:#333;

		margin-bottom: .3rem;

	}

	.telphones li{

		line-height: .5rem;

		font-size: .3rem;

		color:#666;

	}

	.phoneheader .fr {

		position: absolute;

		right: .3rem;

	}



	.phoneheader .fl img {

		height: .52rem;

	}



	.phoneheader .fr span {

		font-size: .5rem;

		margin: 0 .1rem;

	}



	.phoneheader .fr img {

		width: .48rem;

		margin-left: .2rem;

		vertical-align: middle;

		margin-top: -.2rem;

	}



	.mobile-container {

		position: fixed;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: rgba(0, 0, 0, 0.5);

		display: none;

		z-index: 99999;

	}



	.mobile_nav {

		position: fixed;

		top: 0;

		right: 0;

		left: auto;

		width: 100%;

		height: 100%;

		    background: rgba(0,0,0,0.9);

		padding: 0 0.4rem;

		overflow-y: scroll;

	}

	.mobile_nav img.del{

		    position: absolute;

		    top: .3rem;

		    right: .5rem;

		    width: .4rem;

	}



	.mobile_nav .top {





		padding: 20px 0 35px;



	}



	.mobile_nav form {



		width: 200px;

		height: 30px;

		line-height: 30px;

		border: 1px solid #eee;

		margin-right: 30px;

		display: flex;

		margin: 20px auto;

	}



	.mobile_nav form button {

		height: 30px;

		line-height: 30px;

		width: 30px;

		background: url(../images/search3.png) no-repeat center center;

	}



	.mobile_nav form input {

		width: 160px;

		padding-left: 10px;

	}



	.mobile_nav .top img {



		width: 130px;

		display: block;

		margin: 0 auto;

	}



	.mobile-container li {



		line-height: .8rem;

		text-align: left;

		

	}



	.mobile-container li ul.sub,

	.mobile-container li ul.three {

		display: none;

	}

.mobile_nav>ul{

	margin-top:1.1rem;

}

.mobile-container .sub li{

	display: inline-block;

	width: 49%;

	vertical-align: top;

}

.mobile-container .three li{

	width: 100%;

	height:.4rem;

	line-height: .4rem;

}

.mobile-container .three li a{

	font-size: .26rem !important;

	text-align: right;

	padding-right: .5rem;

	font-weight: normal !important;

	height:.4rem;

	line-height: .4rem;

}

.mobile-container .three{

	line-height: .5rem;

	padding:.2rem 0;

}

.mobile-container .sub >li:nth-of-type(odd) >a{

	display: block;

	text-align: right;

	

	font-size: .28rem;

	font-family: PingFang;

	font-weight: 500;

	color: #999999;

	padding-right:.2rem;

}

.mobile-container .sub>li:nth-of-type(even) >a{

	display: block;

	text-align: left;

	

	font-size: .28rem;

	font-family: PingFang;

	font-weight: 500;

	color: #999999;

	padding-left: .2rem;

}

	.mobile-container li a {

		font-size: .36rem;

		

		display: block;

		

		

		font-weight: bold;

		color: #CCCCCC;

		text-align: center;

	}





	.mobile_nav>ul>li {

		border-bottom: 1px solid #434343;

		background: url(../images/xl2.png) no-repeat right .2rem top .45rem/.22rem;

		line-height: 1rem;

	}



	.mobile_nav>ul>li:nth-of-type(1),

	.mobile_nav>ul>li:nth-of-type(7),

	.mobile_nav>ul>li:last-child {

		background: none;

	}



	.mobile-container li ul.sub li a {

		font-size: .3rem;

		line-height: .4rem;

	}



	.footer {

		padding: .6rem 0 1.4rem;

		position: relative;

	}



	.footer .code img {

		display: block;

		margin: 0 auto .3rem;

		width: 2.4rem;

	}



	.footer .code p,

	.footer .text p {



		font-size: .24rem;

		font-family: Microsoft YaHei;

		font-weight: 400;

		color: #858995;

		text-align: center;

		line-height: .5rem;

	}



	.footer .copy {

		border-top: 1px solid rgba(255, 255, 255, 0.1);

		padding-top: .4rem;

		margin-top: .45rem;

	}



	.footer .copy img {

		width: 2rem;

		display: block;

		margin: 0 auto .2rem;

	}



	.footer .copy p {



		font-size: .2rem;

		font-family: PingFang;

		font-weight: 500;

		color: #999999;

		margin-top: .2rem;

		opacity: 0.3;

	}



	.phonebanner {

		display: block;

		position: relative;

		margin-top: 1rem;

	}



	.phonebanner img {

		width: 100%;

	}



	.phonebanner .swiper-pagination {

		position: absolute;

		bottom: 10px;

	}



	.phonebanner .swiper-pagination-bullet {

		width: 15px;

		height: 15px;

	}



	.phonebanner .swiper-pagination-bullet-active {

		background-color: #0090FF;

	}



	.phonebanner p {

		position: absolute;

		top: 50%;

		width: 100%;

		text-align: center;



		font-size: .45rem;

		font-family: Microsoft YaHei;

		font-weight: 400;

		color: #FFFFFF;



	}



	.productlist,

	.commonbox,

	.newslist {

		padding: 0 0 .6rem;

	}



	.indexbox1,

	.partner {

		padding: .4rem 0 .6rem;

	}



	.menus {

		padding: 0;

		text-align: center;

	}



	.menus select {

		width: 100%;



		height: .66rem;

		background: #FFFFFF;

		border: 1px solid #D2D2D2;

		background: url(../images/xl.png) no-repeat right .3rem center/.22rem;

		box-sizing: border-box;

		font-size: .24rem;

		padding-left: .3rem;

		font-family: PingFang;

		font-weight: 400;

		color: #333333;

		margin-bottom: .4rem;

	}



	.menus li {

		width: auto;

		padding: 0 .2rem;

		height: auto;

	}



	.menus li a {

		line-height: .5rem;

		height: .5rem;

		font-size: .3rem;

	}



	.menus ul {

		align-items: center;

		margin: 0 auto .3rem;

	}



	.productlist .wrap>ul>li,

	.commonbox .right .honor li {

		width: 49%;

		margin: 0 2% .3rem 0;

	}



	.indexbox8 li {

		width: 100%;

		margin: 0 0 .4rem 0;



	}



	.indexbox8 li p {

		bottom: 0;

		left: 0;

		margin: .2rem 0 0 .2rem;

		color: #333333;

		font-size: .28rem;

		position: relative;

	}



	.case .indexbox8 ul {

		margin: 0 0 .4rem;

	}



	.case .indexbox8 {

		padding: 0;

	}



	.commonbox .right .honor.environment li {

		width: 48.4%;

		margin: 0 2% .3rem 0;

	}



	.commonbox .right .environment li {

		width: 100%;

		margin: 0 0% .3rem 0;

	}



	.commonbox .right .honor li p {

		font-size: .26rem;

	}



	.productlist .wrap>ul>li:nth-of-type(2n),

	.commonbox .right .honor li:nth-of-type(2n),

	.indexbox8 li:nth-of-type(2n),

	.commonbox .right .environment li:nth-of-type(2n) {

		margin-right: 0;

	}

	.searchmenu{

		position: fixed;

		top:0;

		width: 100%;

		height:100%;

		background:rgba(0,0,0,0.9);

		z-index: 999;

		display: none;

	}

	.searchmenu .search{

		position: absolute;

		top:40%;

		width: 100%;

	}

	.searchmenu .search form{

		width: 80%;

		margin:0 auto;

		height: .8rem;

		background: #313131;

		border-radius: .4rem;

		line-height: .8rem;

		display: flex;

		justify-content: space-between;

	}

	.searchmenu .search form input{

		background:none;

		padding-left: 10px;

		font-size: .28rem;

		color:#fff;

	}

	.searchmenu .search form button{

		background:url(../images/sea.png) no-repeat center center/.7rem;

		width: .7rem;

		border-radius: 50%;

	}

	.searchmenu img.del{

		position: absolute;

		top:.3rem;

		right:.5rem;

		width: .4rem;

	}



	.commonbox .right .environment li:nth-of-type(3n) {

		margin-right: 2%;

	}



	.commonbox .right .environment li:nth-of-type(6n) {

		margin-right: 0;

	}



	.productlist .wrap>ul li p {

		font-size: .32rem;

		margin-top: .1rem;

	}



	.commonitem span.en {

		font-size: .48rem;



		font-family: HelveticaInseratLT;

	}



	.commonitem span.ch {

		font-size: .4rem;

		margin-top: -.4rem;

	}



	.commonitem p {

		font-size: .2rem;

		margin-top: .1rem;

	}



	.indexbox1 {

		padding-bottom: 5rem;

	}



	.indexbox1 .content,

	.partner ul,

	

	.casebox2 {

		margin-top: .4rem;

	}

		

	.casebox1{

		margin-top:0;

	}



	.indexbox1 .content li .tab {

		padding: .2rem 0;

		display: block;

		width: 100%;

	}



	.indexbox1 .content li .tab img {

		width: .6rem;



		display: block;

		margin: 0 auto;

	}



	.indexbox1 .content li .tab div span {

		font-size: .24rem;

		text-align: center;

		display: block;

	}



	.indexbox1 .content li .tab div {

		flex: 1;

	}



	.indexbox1 .content li .tab div p {

		font-size: .2rem;

		text-align: center;

	}



	.indexbox1 .content li {

		width: 33%;

		box-sizing: border-box;

	}



	.indexbox1 .content ul {

	 flex-wrap: wrap;

	}



	



	.indexbox1 .content li .text {

		top: 4.3rem;

		padding: .3rem;

		background: none;

		background-color: rgba(89, 87, 116, 0.1);

	}



	.indexbox1 .content li .text span.ch {

		font-size: .32rem;

	}



	.indexbox1 .content li .text p {

		font-size: .28rem;

		line-height: .5rem;

		margin-top: .2rem;

	}



	.partner li {

		width: 33%;

		height: 1.4rem;

	}



	.commonbox .left,

	.commonbox .right,

	.detailbox1 .fl,

	.detailbox1 .fr,

	.producttel ul {

		width: 100%;

	}



	.commonbox .leftmenu {

		display: none;

	}



	.commonbox .left h2 {

		font-size: .28rem;

		margin-bottom: .2rem;

	}



	.commonbox .leftmenu ul,

	.commonbox .leftnews .tab,

	.commonbox .leftcontact .tab {

		padding: .25rem .2rem 0;

	}



	.commonbox .leftmenu,

	.commonbox .leftnews {

		margin-bottom: .4rem;

	}





	.detailbox3,

	.detailbox2 {

		margin-top: .4rem;

	}



	.commonbox .right {

		margin-top: 0;

		padding: 0;

		border: none;

	}





	.detailbox1 .fl .small li img {

		height: 1.3rem;

	}

	.detailbox1 .fl .small li{

		width: 19%;

		margin-right: 1%;

	}



	.detailbox1 .fr {

		margin-top: .3rem;

	}



	.detailbox1 .fr p.title {

		font-size: .4rem;

		line-height: .7rem;

		border: none;

	}



	.detailbox1 .fr .con {

		padding-top: .2rem;

	}



	.detailbox1 .fr .con p {

		font-size: .28rem;

		line-height: .5rem;

	}



	.producttel div span {

		font-size: .24rem;

		margin-left: .2rem;

	}



	.producttel {

		background: none;

		border: none;

	}



	.producttel>div {

		text-align: center;

		margin-bottom: .3rem;

		background: #000000;

		line-height: .88rem;

	}



	.producttel>div img {

		width: .52rem;

	}



	.producttel {

		padding: .2rem;

		display: block;

	}



	.detailbox2 h2,

	.detailbox3 h2,

	.casebox1 .item h2,

	.casebox2 .item h2 {

		font-size: .36rem;

		margin-bottom: .2rem;

		height: .5rem;

		padding-left: 0rem;

	}



	.casebox1 .item a,

	.casebox2 .item a {

		font-size: .3rem;

	}



	.casebox2 .tab .list>p {

		padding: 0;

	}



	.casebox1 .item,

	.casebox2 .item {

		margin: 0;

	}



	.detailbox2 .con p {

		font-size: .26rem;

		margin-bottom: .2rem;

	}



	.producttel li {

		float: none;

		display: inline-block;

		vertical-align: top;

		width: 49%;

		background: url(../images/kf.png) no-repeat left .3rem center/.45rem;

		padding-left: 1rem;

		font-size: .28rem;

		height: .5rem;

		color: #333333;

	}





	.casebox2 .tab .list {

		width: 49%;

		margin: 0;

	}



	.detailbox3 li {

		width: 49%;

		margin: 0 2% .2rem 0;

	}







	.casebox2 .tab .list:nth-of-type(2n) {

		margin-right: 0;

	}



	.detailbox3 li:nth-of-type(2n) {

		margin-right: 0;

	}



	

	.casebox2 .list  .tablist{

		



position: absolute;

width: 210%;



display: none;

    left: -60%;

	margin-top:.4rem;


	}

	.casebox2 .list  .tablist>div{

		background: #EEEFF1;

		box-sizing: border-box;

		padding:.3rem ;

	}

	.casebox2 .list  .tablist a.more,.casebox1 a.more{

		    width: 2.4rem;

		    height: .6rem;

		    line-height: .6rem;

		    font-size: .24rem;

		    padding-left: .45rem;

		    box-sizing: border-box;

		    background: url(../images/arrow3.png) no-repeat right .3rem center/.3rem;

		    background-color: #0090FF;

		    margin: .2rem auto 0;

			border-radius: 22px;

			color:#fff;

		    display: block;

		

	}

	.casebox2  .swiper-container{

		height: 8.5rem;

		margin-top:.4rem;

	}

	

	.casebox2 .swiper-slide-active .tablist{

		display: block

	}

	.casebox2 .list  .tablist p{

		

		font-size: .24rem;

		font-family: PingFang;

		font-weight: 400;

		color: #333333;

	}



	.detailbox3 li p,

	.casebox2 .tab .list>p {

		font-size: .28rem;

		margin: .2rem 0 0;

	}

	.newslist li .photo{

		width: 45%;

	}

.newslist li>a>div:last-child{

	width: 50%;

}

	.indexbox3 .content .tableft,

	.indexbox3 .content .tabright {

		width: 100%;

	}



	.indexbox3 .content .wrap {

		display: block;

		padding: 0;

	}



	.indexbox3 .content .wrap ul {

		padding: .2rem;



		background: #E5E5E5;

	}



	.indexbox3 .content .tableft li {

		display: inline-block;

		line-height: .8rem;

		font-size: .26rem;



		margin: 0 1% .1rem 0;

		width: 48%;

	}



	.indexbox3 .content .tableft ul {

		display: flex;

		align-items: center;

		justify-content: center;

		flex-wrap: wrap

	}



	.indexbox3 .content .tabright {

		margin: .4rem 0 0;

		padding: 0 .2rem;

	}



	.indexbox3 .content .tabright .box>img {

		height: 1rem;

		display: none;

	}



	.indexbox3 .content .tabright .box h2,

	.helpcenter h2 {

		font-size: .36rem;

		margin: .2rem 0;

	}



	.indexbox3 .content .tabright .box>p {

		font-size: .2rem;

		padding-bottom: .3rem;

	}



	.indexbox3 .content .tabright .box .photo {

		padding-top: 0;

	}



	.indexbox3 .content .tabright .box .photo p {



		font-size: .36rem;

		margin-bottom: .4rem;

		font-family: Microsoft YaHei;

		font-weight: 400;

		color: #25314A;

	}



	.indexbox3 .content .tabright .box .swiper-slide img {

		height: auto;

	}

.indexbox3 .content .tabright .box .swiper-slide p{

	text-align: center;

	font-size: .26rem;

	margin:.2rem 0 0;

}

	.indexbox3 .content .swiper-button-next {

		right: 0%;

		width: .4rem;

		height: .4rem;

	}



	.indexbox3 .content .swiper-button-prev {

		right: 12%;

		width: .4rem;

		height: .4rem;

	}



	.casebox1 li {

		    width: 48%;

		    display: inline-block;

		    vertical-align: top;

		    margin: 0 2% .4rem 0;

	}

	



	.casebox1 li a {

		display: block;

	}



	.casebox1 li span {

		font-size: .28rem;

		height: .4rem;

		line-height: .4rem;

		overflow: hidden;

		margin-top:.2rem;

		display: block;

	}

	.casebox1 ul{

		margin-top:.4rem;

	}



	.casebox1 li div p.font {

		font-size: .25rem;

		line-height: .4rem;

		max-height: 2rem;

		overflow: hidden;

	}

	

	.casebox2 .commontab p,

	.xq_box .content p {

		font-size: .25rem;

		line-height: .45rem;

	}



	.casebox2 .commontab span {

		font-size: .3rem;

	}



	.casebox2 .tab .list .text {

		padding-top: .3rem;

		border: none;

	}



	.xq_box .xq_title .title_p {

		padding-bottom: .2rem;

		font-size: .38rem;

		margin: 0;

	}



	.xq_box .xq_title .time span:last-child {

		margin-top: .2rem;



	}



	.xq_box .xq_title .time,

	.relate li p.time {

		font-size: .24rem;

	}



	.xq_box .content {

		padding-top: .4rem;

	}





	.relate li {

		width: 50%;

		padding: .2rem;

		margin-bottom: .3rem;

	}



	.newslist .wrap>ul>li {

		width: 100%;

		margin-bottom: .3rem;

		padding: 0;

	}



	.newslist .wrap>ul>li>a {

		display: flex;

		justify-content: space-between;

	}



	.newslist .wrap>ul>li p.title,

	.relate li p.title {

		font-size: .24rem;

		margin: .1rem 0;

		overflow: hidden;

		max-height: .7rem;

		line-height: .35rem;

	}

	.newslist .wrap>ul>li p.font,

	.relate li p.font{

		max-height: .9rem;

		overflow: hidden;

	}



	.newslist .wrap>ul>li span,

	.relate li span {

		font-size: .2rem;

	}



	.newslist .wrap>ul>li p.font,

	.relate li p.font {

		font-size: .2rem;

		line-height: .3rem;

		margin: 0;

	}



	.newslist .wrap>ul>li span,

	.relate li span {

		font-size: .2rem;

		margin-top: .1rem;

	}



	.relate {

		padding-top: .2rem;

		margin-top: .3rem;

	}



	.relate h2 {

		font-size: .38rem;

		margin-bottom: .2rem;

	}



	.page {

		text-align: center;

		margin: .2rem 0;

	}



	.page form {

		display: flex;

	}



	.page a,

	.page span {

		flex: 1;

		padding: 0;

		display: inline-block;

		font-size: .28rem;

		text-align: center;

		font-family: PingFang;

		font-weight: 400;

		color: #333333;

		background: #EEEEEE;

		height: .8rem;

		line-height: .8rem;

		border: none;

	}



	.case {

		padding: 0 0 .6rem;

	}



	.commonbox .right .licheng .history {

		width: 100%;

		border: none;

		padding: 0;

	}



	.commonbox .right .licheng {

		display: block;

	}



	.commonbox .right .licheng .history span.ch {

		font-size: .32rem;

	}



	.indexbox10 ul,

	.commonbox .right .licheng .history ul {

		margin-top: .4rem;



	}



	.about1 li {

		padding: .3rem 0;

		display: block;

	}



	.about1 li .text,

	.about1 li img,

	.about1 li:nth-of-type(2n) .text,

	.about1 li:nth-of-type(2n) img {

		width: 100%;

	}



	.about1 li:nth-of-type(2n) .text {

		position: relative;

	}



	.about1 li .text p {

		font-size: .28rem;

		line-height: .5rem;

		margin-bottom: .2rem;

	}



	.about1 li .text p.font2 {

		font-size: .48rem;

		line-height: .55rem;

	}



	.about1 li .text p.font {

		font-size: .3rem;

	}



	.about2 {

		padding: .4rem 0 .6rem;

	}



	.about2 h2,

	.contactbox1 h2 {

		font-size: .48rem;

		margin-bottom: .2rem;

	}



	.about2 .tab li {

		width: 33%;

		margin: 0;

	}



	.about2 .tab li img {

		max-width: 80%;

	}



	.about2 .swiper-container {

		width: 100%;



	}



	.contactbox1 {

		padding: .4rem 0 .6rem;

	}



	.contactbox2 {

		padding: 0rem 0 .6rem;

	}



	.contactbox1 .style {

		flex-wrap: wrap;

		justify-content: flex-start;

		padding: 0;

	}



	.contactbox1 .style .tab {

		width: 46%;

		margin: 0 7% .3rem 0;

		padding: .2rem;



	}



	.contactbox1 .style .tab:nth-of-type(2n) {

		margin-right: 0;

	}



	.contactbox2 {

		background: none;

	}



	.contactbox2 .ico li {

		width: 100%;

		margin: 0 0 .2rem 0;

		background: #F2F2F2;

		display: flex;

		padding: .3rem;

		align-items: center;



	}



	.contactbox2 .ico li .circle {

		width: .8rem;



		margin: 0 .4rem 0 0;

	}



	.contactbox1 .style .tab p.title {

		font-size: .3rem;

		word-break: break-all;

		margin: .2rem 0;

	}



	.contactbox2 .ico li p {

		font-size: .24rem;

	}



	.contactbox1 h2 {

		margin-bottom: .7rem;

	}



	.contactbox2 .map {

		margin-top: .5rem;

		height: 5rem;

	}



	.contactbox2 .map img {

		height: 5rem;

	}



	.contactbox1 .style .tab p {

		font-size: .24rem;

	}



	.indexbox2,

	.indexbox5 {

		padding: .4rem 0 .6rem;

	}



	.indexbox2 .content {

		margin-top: .8rem;

	}



	.indexbox2 .content li {

		width: 49%;

		margin: 0 2% .2rem 0;

	}



	.indexbox2 .content li:nth-of-type(2n) {

		margin-right: 0;

	}



	.indexbox2 .content li p {

		font-size: .28rem;

		margin-top: .2rem;

	}



	.indexbox2 .content a.more,

	.indexbox8 a.more,

	.indexbox10 a.more,

	.indexbox3 a.more {

		width: 2.4rem;

		height: .6rem;

		line-height: .6rem;

		font-size: .24rem;

		padding-left: .45rem;

		box-sizing: border-box;

		background: url(../images/arrow3.png) no-repeat right .3rem center/.3rem;

		background-color: #0090FF;

		margin: .2rem auto 0;

		display: block;

	}



	.indexbox3 {

		padding-bottom: .6rem;

		background: #eeeff1;

	}



	.indexbox5 .content,

	.indexbox4 .content,

	.indexbox6 ul,

	.indexbox8 ul {

		margin-top: .4rem;

	}



	.indexbox5 .content img {

		max-width: 100%;

	}



	.indexbox4 li>span {

		font-size: .4rem;

	}

.indexbox4 li span.year{

	

	font-size: .4rem;

	font-family: Arial;

	font-weight: bold;

	color: #111111;

}

	.indexbox4 li div span {

		font-size: .3rem;

		margin-bottom: .2rem;

		color:#111;

		display: block;

		margin-bottom: .15rem;

	}

	 .indexbox4 .content li:nth-of-type(odd) div span{

		width: 70%;

	}



	.indexbox4 li div p {

		height: auto;

		font-size: .28rem;

	}



	.indexbox4,

	.indexbox6,

	.indexbox8 {

		padding: .4rem 0 1rem;

	}



	.indexbox7 {

		padding: .4rem 0 0;

	}

	.commonbox .right .licheng .history li{

		padding-bottom: 50px;

		border:none !important
;
	}

	.commonbox .right .licheng .history .tab{

		position: relative;

	}

	

	.commonbox .right .licheng .history .tab .lines{

		position: absolute;

		top: 0;

		height: 100%;

		width: 1px;

		left: 49%;

		background-color: #BFBFBF;

	}

	   



	.indexbox9 {

		padding: .4rem 0 .6rem;

	}



	.indexbox9 .con img {

		display: inline-block;

		margin: 0;

		width: .65rem;

		margin-right: .3rem;

	}



	.indexbox6 li,

	.indexbox6 li:last-child {

		width: 100%;

		font-size: .28rem;

		line-height: 1.2rem;

		margin-bottom: .2rem;

		padding: 0 .2rem;

	}



	.indexbox7 .wrap {

		width: 94%;

	}



	.indexbox7 .content {

		margin-top: .3rem;

		display: block;

	}



	.indexbox7 .content ul {

		display: flex;

		justify-content: space-between;

		width: 80%;

		margin: 0 auto;

		padding-bottom: .4rem;

	}



	.indexbox7 .content #main {

		width: 100%;

		margin: 0;

		height: 300px;

	}



	.indexbox7 .text li {

		margin-bottom: .2rem;

	}



	.indexbox7 .text li span {

		font-size: .4rem;

	}



	.indexbox7 .text li p {

		font-size: .25rem;

	}



	.indexbox10 .tab .list {

		width: 100%;

		padding-top: .4rem;

	}



	.indexbox10 .tab .list>a>div:first-child span,

	.indexbox10 .tab .list>a>div.text p.title,

	.indexbox10 .tab .list>a>div.text p.font {

		font-size: .3rem;

	}



	.indexbox10 .tab .list>a>div:first-child span.year {

		font-size: .28rem;

	}



	.indexbox9 .con {

		margin-top: .3rem;

	}



	.indexbox9 li {

		width: 100%;



		background: #EEEFF1;

		padding: .3rem .2rem;

		margin-bottom: .2rem;

	}



	.indexbox9 li span {

		font-size: .24rem;

		color: #333;

	}



	.indexbox9 li p {

		font-size: .2rem;

		text-align: left;

	}

.indexbox10 li .photo{

	width: 100%;

}

.indexbox10 .wrap>ul> li p.title{

	max-height: .7rem;

	height: auto;

}

.indexbox10 li .photo img{

	height: 2.2rem;

}

	#dialog_large_image {

		width: 70%;

		margin-left: -35%;

	}



	.layer2 .close {

		top: 10%;

	}



	.helpcenter .search form {

		width: 80%;

		height: .7rem;

		line-height: .7rem;

		margin: 0 auto .4rem;

	}



	.helpcenter ul {

		margin: 0 auto .4rem;

	}



	.helpcenter .search input {

		width: 80%;

		height: .7rem;

		line-height: .7rem;

	}



	.helpcenter .search button {

		width: 15%;

		height: .7rem;

		line-height: .7rem;

		background: url(../images/search2.png) no-repeat center center/.35rem;

	}



	.helpcenter .qus span {

		font-size: .2rem;



	}



	.helpcenter .qus p {

		font-size: .24rem;

	}



	.helpcenter .ans {

		margin-top: .2rem;

		display: none;

	}



	.helpcenter .qus {

		height: auto;

		line-height: .4em;

		padding: .2rem 0;

	}



	.helpcenter .ans span,

	.helpcenter .qus span {

		margin: 0 .2rem 0 .1rem;

	}



	.helpcenter .ans p,

	.helpcenter .ans span {

		font-size: .2rem;

		line-height: .26rem;

	}



	.helpcenter .ans span {

		width: .24rem;

		height: .24rem;

	}



	.commonbox .right .licheng .history li,

	.indexbox4 .content li {

		width: 49%;

		

		border-right: 1px solid #BFBFBF;

		display: inline-block;

		vertical-align: top;

	}



	.commonbox .right .licheng .history li:nth-of-type(2n),

	.indexbox4 .content li:nth-of-type(2n) {

		/* margin: 0 0 0 50%; */

		border-left: 1px solid #BFBFBF;

		border-right: none;

		margin-top:2rem;

	}



	.commonbox .right .licheng .history li div,

	.indexbox4 .content li div {

		padding-bottom: 0;

		background: none;



		margin: 0;

	}

	.commonbox .right .licheng .history li:nth-of-type(2n)  p{

		

		padding-left: 1rem;

		

		}



	.commonbox .right .licheng .history span.year,

	.indexbox4 .content li span.year {

		background: none;

		font-size: .38rem;

		writing-mode: tb-rl;

		text-align: center;

		width: 40px;

		display: inline-flex;

		align-items: center;

	}



	.commonbox .right .licheng .item {

		display: flex;

		margin-bottom: .5rem;

	}



	.commonbox .right .licheng .item span {

		flex: 1;

		text-align: center;



		font-size: .42rem;

		font-family: Microsoft YaHei;

		font-weight: bold;

		color: #333333;

	}



	.commonbox .right .licheng .item span.active {



		color: #0090FF;

	}



	.commonbox .right .licheng .history li p,

	.indexbox4 .content li p {



		font-size: .2rem;

		font-family: PingFang;

		font-weight: 500;

		color: #555555;

		line-height: .28rem;

	}



	.commonbox .right .licheng .history li:nth-of-type(odd) span.year,

	.indexbox4 .content li:nth-of-type(odd) span.year {

		position: absolute;

		right: 46%;

		background: url(../images/line4.png) no-repeat right center/.65rem;

		padding-right: 1.1rem;

	}

	.commonbox .right .licheng .history li:nth-of-type(odd) span.year{

		background: url(../images/line4.png) no-repeat left center/.65rem;

	}

	.commonbox .right .licheng .history li:nth-of-type(2n){

		margin-top:1rem;

	}



	.indexbox4 .content li:nth-of-type(odd) span.year {

		right: 0%;

		width: 1.5rem;

		padding-right: 0;

	}



	.commonbox .right .licheng .history li:nth-of-type(odd) p,

	.indexbox4 .content li:nth-of-type(odd) p {

		width: 70%;

	}



	.commonbox .right .licheng .history li:nth-of-type(2n) span.year,

	.indexbox4 .content li:nth-of-type(2n) span.year {

		background: url(../images/line5.png) no-repeat top .3rem left/.65rem;

		left: -4%;

		position: absolute;

		padding-left:0;

		width: 1.6rem;

	}



	



	.commonbox .right .licheng .history li:nth-of-type(2n) div,

	.indexbox4 .content li:nth-of-type(2n) div{

		width: 70%;

		margin-left: 30%;

	}

	.commonbox .right .licheng .history li:nth-of-type(2n) div{

		    margin-left: 10%;

	}

	.indexbox4 .content li{

		border:none !important;

	}

	.indexbox4 .content li:nth-of-type(2n){

		margin-top:2rem;

	}

	.indexbox4 .content .swiper-containers{

		position: relative;

	}

	.indexbox4 .content .lines{

		position: absolute;

		top:0;

		height: 100%;

		width: 1px;

		left: 49%;

		background-color:#BFBFBF;

	}



	.footerside {

		position: fixed;

		bottom: 0;

		z-index: 99;

		width: 100%;

		height: 1rem;

		padding-top: .15rem;

		box-sizing: border-box;



		background: #FFFFFF;

		box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);

	}



	.footerside ul {

		display: flex;

	}



	.footerside li {

		flex: 1;

		text-align: center;

	}



	.footerside li img {

		display: block;

		margin: 0 auto .1rem;

		height: .4rem;

	}



	.footerside li span {

		display: block;



		font-size: .2rem;

		text-align: center;

		font-family: PingFang;

		font-weight: bold;

		color: #333333;

	}

}





@media screen and (min-width:800px) and (max-width:1600px) {



	.header {

		padding: 0 20px;

	}



	.header .fr>ul>li {

		margin-left: 3%;

	}



	.header .fr .search form {

		width: 200px;

	}



	.header .fn-clear {

		display: flex;

	}



	.header a.fl img {

		height: 40px;

		margin-top: 30px;

	}



	.header .fr .search form input {

		width: 80%;

	}



	.indexbox7 .content #main {

		width: 55%;

		height: 400px;



	}



}



@media screen and (min-width:800px) and (max-width:1500px) {

	.header .fr>ul>li {

		margin-left: 2.5%;

	}



	.header .fr .search form {

		width: 180px;

	}



	.header .fr li a {

		font-size: 16px;

	}



	.indexbox1 .content li .tab {

		padding: 20px 10px;

	}



	.indexbox1 .content li .tab img {

		margin-right: 10px;

		width: 30px;

	}



	.indexbox1 .content li .tab div span,

	.indexbox6 li {

		font-size: 18px;

	}



	.indexbox1 .content li .tab div p {

		font-size: 14px;

	}



	.footer dl {

		margin-right: 3%;

	}



	.footer .left {

		width: 80%;

		margin-right: 2%;

	}



	.footer dt {

		font-size: 20px;

	}



	.footer dl:last-child {

		width: 20%;

	}



	.header .subs {

		padding: 0 8%;

	}

}



@media screen and (min-width:800px) and (max-width:1350px) {

	.header .fr>ul>li {

		margin-left: 2%;

	}



	.header .fr .search form {

		width: 160px;

	}



	.header .fr li a {

		font-size: 14px;

	}



}





@media screen and (min-width:800px) and (max-width:1650px) {



	.indexbox7 .wrap {

		width: 85%;

	}



	.indexbox7 .content #main {

		height: 700px;

		margin-left: 0%;

		width: 74%;

		margin-top: -100px;

	}

}