@media screen and (min-width:1200px){
	.main{
		width: 1200px;
		margin: 0 auto;
	}
	.banner-inside{
		position: relative;
		width: 100%;
		height: 270px;
		overflow: hidden;
	}
	.inside{
		position: absolute;
		left: 50%;
		top: 0;
		width: 1920px;
		height: 270px;
		margin-left: -960px;
	}
	.banner-inside img{
		width: 100%;
	}
    .banner-searchImg,
    .banner-searchImg .inside{
        height: 224px;
    }
	.banner-inside .mobile{
		display: none;
	}
	.banner-inside .ban-box{
		width: 1200px;
		position: absolute;
		left: 50%;
		top: 40px;
		padding-left: 17px;
		margin-left: -600px;
	}
	.banner-inside .cn-tit{
		font-size: 60px;
		/* font-weight: bold; */
		color: #FFFFFF;
	}
	.banner-inside .en-tit{
		font-size: 40px;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: -4px;
	}
	.nav-box-out{
		width: 1200px;
		position: absolute;
		left: 50%;
		bottom: 26px;
		padding-left: 17px;
		margin-left: -600px;
		display: flex;
	}
	.nav-box-out a,
	.nav-box-out{
		font-size: 16px;
		color: #FFFFFF;
	}
	.pages{
		padding: 90px 0;
		font-size: 16px;
	}
    .pages.pb-down{
        padding: 40px 0;
    }
	.pages li{
		list-style: none;
	}
	.pages a{
		min-width: 35px;
		padding: 0 12px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
		color: #666666;
		border: 1px solid #666666;
		margin: 0 14px;
		display: inline-block;
	}
	.pages .ellipsis{
		display: none;
	}
	.pages a.on,
	.pages a:hover{
		border: 1px solid #67D1FB;
		background: #67D1FB;
		color: #FFFFFF;
	}
	.pages a.give,
	.pages span{
		color: #999999;
		cursor: auto;
	}
	.pages span{
		margin: 0 14px;
		display: inline-block;
	}
	/* .pages a:first-child,
	.pages a:last-child{
		border: 0;
	} */
	.nav-top-box{
		border-bottom: 1px solid #103ED8;
		display: flex;
		margin: 38px 0 31px;
	}
	.nav-top-box a{
		padding: 0 23px;
		height: 48px;
		line-height: 48px;
		font-size: 18px;
		color: #000000;
		text-align: center;
		white-space: nowrap;
	}
	.nav-top-box a.on{
		background: #103ED8;
		color: #FFFFFF;
	}
	.m-b-20{
		margin-bottom: 50px;
	}
	.imgs{
		overflow: hidden;
	}
	.single-line-ellipsis {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.multi-line-ellipsis {
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.returnTop{
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 20;
		width: 45px;
		height: 63px;
		background: url(../images/returnTop.png) no-repeat center center #103ED8;
		background-size:28px 16px;
		display: none;
	}
	/* .returnTop.show{
		position: absolute;
		bottom: 447px;
	} */
    .member_popup{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1100;
        display: none;
    }
    .member_popup .box{
        width: 522px;
        height: 456px;
        background: #FFFFFF;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .member_popup .mclose{
        width: 21px;
        height: 21px;
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        background: url(../images/mclose.png) no-repeat center/cover;
    }
    .member_popup .title{
        font-size: 24px;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 0.05em;
        color: #3D3D3D;
        text-align: center;
        padding: 40px 0 32px;
    }
    .member_popup p{
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.05em;
        color: #3D3D3D;
        text-align: center;
        padding-bottom: 11px;
    }
    .member_popup .unit,
    .member_popup .person{
        display: flex;
        align-items: center;
        width: 274px;
        height: 80px;
        box-sizing: border-box;
        margin: 40px auto 0;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        padding-left: 60px;
    }
    .member_popup .unit:before,
    .member_popup .unit:after,
    .member_popup .person:before,
    .member_popup .person:after{
        content: "";
        display: block;
        position: absolute;
        top: 52%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .member_popup .unit:before{
        width: 20px;
        height: 16.79px;
        left: 28px;
        background: url(../images/icon-unit.png) no-repeat center/cover;
    }
    .member_popup .unit:after{
        width: 8px;
        height: 14.1px;
        right: 25px;
        background: url(../images/icon-unit-arrow.png) no-repeat center/cover;
    }
    .member_popup .person:before{
        width: 15px;
        height: 16.79px;
        left: 28px;
        background: url(../images/icon-person.png) no-repeat center/cover;
    }
    .member_popup .person:after{
        width: 8px;
        height: 14.1px;
        right: 25px;
        background: url(../images/icon-person-arrow.png) no-repeat center/cover;
    }
    .member_popup .unit{
        background: #103ED8;
        color: #FFFFFF;
    }
    .member_popup .person{
        border: 1px solid #103ED8;
        color: #3662EC;
    }
}

@media screen and (max-width:1199px){
	.banner-inside .pc,
	.nav-box-out,
	.nav-top-box{
		display: none;
	}
	.banner-inside{
		position: relative;
		overflow: hidden;
	}
	.banner-inside .mobile{
		display: block;
		width: 7.5rem;
		height: 3.01rem;
	}
	.banner-inside .ban-box{
		width: 100%;
		position: absolute;
		left: .76rem;
		top: 50%;
		/* bottom: .48rem; */
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		z-index: 2;
	}
	.banner-inside .cn-tit{
		font-size: .6rem;
		color: #FFFFFF;
	}
	.banner-inside .en-tit{
		font-size: .4rem;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: .02rem;
	}
	.main{
		width: 100%;
		padding: 0 .3rem;
	}
	.pages{
		padding: .69rem 0 1rem;
        font-size: 0;
	}
    .pages.reset{
    	padding: .5rem 0;
    }
	.pages a,
    .pages span{
		/* min-width: .3rem; */
		height: .6rem;
		line-height: .6rem;
		font-size: .28rem;
		color: #103ED8;
		border: 1px solid #103ED8;
		margin: 0 .05rem;
        padding: 0 .2rem;
		text-align: center;
		white-space: nowrap;
		display: inline-block;
	}
    .pages span{
        border: 0;
        margin: 0;
    }
	.pages a.on{
		border: 0;
		background: #103ED8;
		color: #FFFFFF;
	}
	.pages a.give{
		color: #999999;
		cursor: auto;
	}
	.pages li:nth-child(-n+4) a{
		/* border: 0; */
	}
	/* .pages a:first-child,
	.pages a:last-child{
		border: 0;
	} */
	.pages .ellipsis{
		display: block;
		border: 0;
		margin: 0;
		line-height: .5rem;
		min-width:.22rem;
	}
	.pages a:nth-child(4)~a{
		display: none;
	}
	.pages a:nth-child(9)~a{
		display: block;
	}
    .member_popup{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1100;
        display: none;
    }
    .member_popup .box{
        width: 5.4rem;
        height: 4.6rem;
        background: #FFFFFF;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
    }
    .member_popup .mclose{
        width: .25rem;
        height: .25rem;
        display: block;
        position: absolute;
        top: .2rem;
        right: .2rem;
        background: url(../images/mclose.png) no-repeat center/cover;
    }
    .member_popup .title{
        font-size: .28rem;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: 0.05em;
        color: #3D3D3D;
        text-align: center;
        padding: .4rem 0 .32rem;
    }
    .member_popup p{
        font-size: .22rem;
        line-height: 1.5;
        letter-spacing: 0.05em;
        color: #3D3D3D;
        text-align: center;
        padding-bottom: .11rem;
    }
    .member_popup .unit,
    .member_popup .person{
        display: flex;
        align-items: center;
        width: 3.1rem;
        height: .8rem;
        box-sizing: border-box;
        margin: .37rem auto 0;
        font-size: .24rem;
        font-weight: bold;
        position: relative;
        padding-left: .7rem;
    }
    .member_popup .unit:before,
    .member_popup .unit:after,
    .member_popup .person:before,
    .member_popup .person:after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .member_popup .unit:before{
        width: .25rem;
        height: .21rem;
        left: .28rem;
        background: url(../images/icon-unit.png) no-repeat center/cover;
    }
    .member_popup .unit:after{
        width: .08rem;
        height: .15rem;
        right: .25rem;
        background: url(../images/icon-unit-arrow.png) no-repeat center/cover;
    }
    .member_popup .person:before{
        width: .2rem;
        height: .23rem;
        left: .28rem;
        background: url(../images/icon-person.png) no-repeat center/cover;
    }
    .member_popup .person:after{
        width: .08rem;
        height: .15rem;
        right: .25rem;
        background: url(../images/icon-person-arrow.png) no-repeat center/cover;
    }
    .member_popup .unit{
        background: #103ED8;
        color: #FFFFFF;
    }
    .member_popup .person{
        border: 1px solid #103ED8;
        color: #3662EC;
    }
}

.header .right-box a,
.news-img-box .tit a,
.news-list li .tit a,
.header .navigation>li .r-box li a,
.index-title .more,
.footer .foot-nav a,
.nav-top-box a,
.news-list li a .title,
.detail-bom a,
.paging a,
.local-society li,
.zywyh-container .swiper-slide .slide,
.pages a,
.summary li .sm-box a,
.tit-link>a,
.xhsk-tabs .show-cont .check{
	transition: all .1s linear;
}
.news-img-box .tit a:hover,
.news-list li .tit a:hover,
.header .navigation>li .r-box li a:hover,
.footer .foot-nav a:hover,
.news-list li a .title:hover,
.paging a:hover,
.tit-link>a:hover,
.xhsk-tabs .show-cont .check:hover{
	color: #103ED8;
}
.nav-top-box a:hover{
	background: #103ED8;
	color: #FFFFFF;
}
.imgs{
	overflow: hidden;
}
.imgs img{
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
.imgs img:hover{
	transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
}
.header .right-box .member-login:hover{
	background: url(../images/icon-member-login-act.png) no-repeat 21px center #103ED8;
	background-size: 19px 18px;
	color: #ffffff;
}
.header .right-box .universal:hover{
	background: url(../images/icon-universal-act.png) no-repeat 21px center #103ED8;
	background-size: 17px 18px;
	color: #ffffff;
}

.news-container .box a:hover,
.xshy-list li .tit a:hover,
.nav-box-out a:hover,
.index-member .member .paragraph .more:hover,
.technologyOutClear .detail-box~.detail-box .websiteUrl:hover,
.thoroughfare:hover{
	text-decoration: underline;
}
.index-title .more:hover,
.news-list li .cont span:hover,
.detail-bom a:hover,
.summary li .sm-box a:hover,
.tit-link .tit-flex a:hover,
.news-container-out .more:hover{
	font-weight: bold;
}