.in-about{
    padding: .5rem 0;
}
.in-about .in-about-wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
}
.in-about .imgwr{
    width: 6rem;
}
.in-about .conwr{
    width: 5.5rem;
}
.in-about .title h2{
    font-size: .38rem;
    line-height: .55rem;
    color: #333;
}
.in-about .title b{
    font-size: .42rem;
    font-weight: 900;
    color: #a10101;
}
.in-about .title span{
    display: block;
    font-size: .2rem;
    line-height: 1.2;
}
.in-about .desc{
    padding: .2rem 0;
    line-height: 1.5;
}
.in-about .in-about-gc{
    padding-right: .22rem;
    display: flex;
    justify-content: space-between;
}
.in-about-gc li{
    font-size: .2rem;
    text-align: center;
}
.in-about-gc li span{
    position: relative;
    display: inline-block;
    font-size: .26rem;
}
.in-about-gc li b{
    font-size: 900;
}
.in-about-gc li i{
    position: absolute;
    display: block;
    width: .22rem;
    height: .22rem;
    font-size: .14rem;
    color: #fff;
    background: #0891e1;
    border-radius: 50%;
    right: -.25rem;
    bottom: 0;
}
.in-about-gc li p{
    padding-top: .08rem;
    font-size: .16rem;
}

.in-product-lst{
	padding: 0.10rem;
	width: 9.3rem;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(0,0,0,.1);
	border: 1px solid #f3f3f3;
}
.in-product-lst ul{
    /* width: 100%; */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-bottom: .2rem;
}
.in-product-lst li{
	width: 33.333333%;
    padding: .05rem;
}
.in-product-lst li a{
	position: relative;
	display: block;
	padding: .08rem;
	border: .01rem solid #e6e6e6;
}
.in-product-lst li .tp{
	text-align: center;
}
.in-product-lst li .t{
	line-height: .3rem;
	text-align: center;
}
.in-product-lst li:hover a{
    font-weight: 700;
	border: .01rem solid #008cd7;
}

.in-product{
    background: #f5f5f5;
}
.in-product-box{
    padding-bottom: .2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: .3rem;
}
.in-product-menu{
    position: relative;
    width: 2.45rem;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
    background: #fff;
    border-radius: .1rem;
    overflow: hidden;
}
.in-product-menu .line{
    position: absolute;
    width: 100%;
    height: .1rem;
    bottom: 0;
    left: 0;
    background: #008cd7;
}
.in-product-menu .tit{
    padding: .15rem 0 .15rem .25rem;
    font-size: .20rem;
    color: #fff;
    background: #008cd7;
}
.in-product-menu ul{
    padding: .15rem 0;
}
.in-product-menu li{
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
}
.in-product-menu li:first-child{
    border-top: 1px solid #f3f3f3;
}
.in-product-menu li a{
    display: block;
    height: 0.5rem;
    line-height: .5rem;
    text-indent: 0.25rem;
}
.in-product-menu li:hover a{
    text-indent: 0.35rem;
    color: #fff;
    background: #008cd7;
}

.in-case{
    padding-bottom: .5rem;
}
.in-case .case-lst{
    padding-bottom: 0;
}
.caseItems{
    padding: .15rem;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.1);
    border: 1px solid #f3f3f3;
}
.caseMenuUl{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: .3rem;
}
.caseMenuUl li{
    position: relative;
    width: 1.8rem;
    height: .4rem;
    line-height: .38rem;
    font-size: .18rem;
    color: #222;
    text-align: center;
    border: .01rem solid #d9d9d9;
    border-left: 0;
    background: #fff;
    cursor: pointer;
}
.caseMenuUl li:first-child{
    border-left: .01rem solid #d9d9d9;
}
.caseMenuUl li:before{
    -webkit-transition: width .3s;
    transition: width .3s;
    content: "";
    width: 0;
    height: .02rem;
    background: #0891e1;
    position: absolute;
    left: 0;
    bottom: 0;
}
.caseMenuUl li:hover:before,
.caseMenuUl li.cur:before{
    width: 100%;
}
.caseMenuUl::before{
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: .01rem;
    background: #d9d9d9;
    left: 0;
    top: 50%;
}

.in-ys{
	color: #fff;
	background: #0344a5;
}
.in-ys-1{
	padding: .6rem 0;
	display: flex;
	height: 5.33rem;
	flex-wrap: wrap;
	justify-content: center;
	background: url(../images/in-ys-bg.jpg) no-repeat top center;
}
.in-ys-1 .line{
	width: 3.15rem;
}
.in-ys-1 ul{
	display: flex;
	width: 3.3rem;
	font-size: .28rem;
	flex-direction: column;
	justify-content: space-between;
}
.in-ys-1 .ul1{
	text-align: right;
}
.in-ys-1 li{
	display: flex;
	width: 100%;
	height: 1rem;
	align-items: center;
}
.in-ys-1 .ul1 li{
	justify-content: flex-end;
}
.in-ys-1 .ul1 li:nth-child(2){
	padding-right: .7rem;
}
.in-ys-1 .ul2 li:nth-child(2){
	padding-left: .5rem;
}
.in-ys-2{
	padding-bottom: .5rem;
	font-size: .3rem;
}
.in-ys-2 .t{
	font-size: .5rem;
	text-align: center;
}
.in-ys-2 ul{
	padding: .3rem 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.in-ys-2 li{
	position: relative;
	padding-left: .3rem;
	width: 4.5rem;
	line-height: 2;
}
.in-ys-2 li::before{
	position: absolute;
	display: block;
	content: '';
	width: .12rem;
	height: .12rem;
	background: #fff;
	border-radius: .12rem;
	left: 0;
	top: 50%;
	margin-top: -.06rem;
}

.in-news{
	padding: .5rem 0;
}
.in-news-wrap{
	padding: .38rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.in-news-le{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.newsMenuUl{
	margin-right: .18rem;
	width: 1.55rem;
}
.newsMenuUl li{
	padding: .3rem 0 0 .3rem;
	width: 100%;
	height: 2.05rem;
	color: #fff;
	background: #333;
}
.newsMenuUl li+li{
	border-top: .01rem solid #fff;
}
.newsMenuUl li.cur{
	background: #008cd7;
}
.newsMenuUl li p{
	margin: .2rem 0 .1rem;
	display: block;
	font-size: .18rem;
	line-height: .18rem;
	font-weight: 700;
}
.newsMenuUl li span{
	display: block;
	font-size: .12rem;
	line-height: .12rem;
	text-transform: uppercase;
}
.newsMenuUl li .more{
	position: relative;
	margin: .2rem auto 0;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: .8rem;
	height: .24rem;
	line-height: .2rem;
	text-align: center;
	border: .01rem solid #fff;
	text-transform: uppercase;
	font-size: .14rem;
}
.newsMenuUl li .more:hover{
	color: #000;
}
.newsCont{
	width: 5.3rem;
	height: 4.1rem;
	overflow: hidden;
}

.newsItems dt{
	padding: .08rem;
	height: 1.86rem;
	overflow: hidden;
	background: #f5f5f5;
}
.newsItems dt a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 100%;

	overflow: hidden;
}
.newsItems dt .imgwr{
	width: 2.4rem;
	height: 100%;
}
.newsItems .imgwr img{
	width: 100%;
	height: 100%;
}
.newsItems dt .conwr{
	width: 2.6rem;
}
.newsItems .conwr time{
	font-size: .2rem;
	font-weight: 600;
	color: #008cd7;
}
.newsItems .conwr p{
	padding: .08rem 0;
	font-size: .18rem;
}
.newsItems .conwr .desc{
	font-size: .12rem;
}
.newsItems dd{
	position: relative;
	padding: .1rem 0;
	border-bottom: .01rem dashed #d8d8d8;
}
.newsItems dd::before,
.newsItems dd::after{
	position: absolute;
	display: block;
	content: '';
	width: .04rem;
	height: .04rem;
	background: #008cd7;
	top: 50%;
	margin-top: -.02rem;
}
.newsItems dd a{
	padding-left: .15rem;
	display: block;
	font-size: .16rem;
	height: .24rem;
	line-height: .24rem;
}
.newsItems dd a:hover{
	padding-left: .2rem;
	color: #008cd7;
}
.newsItems dd span{
	font-size: 14px;
	color: #666;
	line-height: 14px;
	float: right;
	margin: 5px 0 0 0;
}

.in-news-ri{
	width: 4.7rem;
}
.in-news-ri .hd{
	margin-bottom: .15rem;
	padding-right: .2rem;
	height: .3rem;
}
.in-news-ri .hd span{
	font-size: .18rem;
	font-weight: 600;
	color: #008cd7;
}
.in-news-ri .hd i{
	color: #666;
}
.in-news-ri .hd a{
	float: right;
	padding: 0 .1rem;
	margin-top: .05rem;
	position: relative;
	display: block;
	/* width: .8rem; */
	height: .2rem;
	font-size: .12rem;
	color: #fff;
	background: #008cd7;
}
.in-news-ri .hd a::after{
	position: absolute;
	display: block;
	content: '+';
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	font-size: .15rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #333;
	right: -.2rem;
	top: 0;
}
.in-news-wd li{
	padding: .1rem 0;
	border-bottom: .01rem dashed #ccc;
}
.in-news-wd .w{
	position: relative;
	display: block;
	padding-left: .3rem;
	height: .3rem;
	line-height: .3rem;
	font-size: .16rem;
}
.in-news-wd li:hover .w{
	padding-left: .35rem;
	color: #008cd7;
}
.in-news-wd .d{
	position: relative;
	padding-left: .3rem;
}
.in-news-wd .d a{
	width: 100%;
	font-size: .13rem;
	line-height: .2rem;
}
.in-news-wd .w::before,
.in-news-wd .d::before{
	position: absolute;
	display: block;
	width: .2rem;
	height: .3rem;
	line-height: .3rem;
	font-size: .12rem;
	text-align: center;
	color: #fff;
	background: #008cd7;
	left: 0;
	top: 0;
}
.in-news-wd .w::before{
	content: '问';
}
.in-news-wd .d::before{
	content: '答';
	background: #333;
}


.in-tit{
	padding: .3rem 0;
	font-size: .30rem;
	text-align: center;
	line-height: 1;
}
.in-tit span{
	position: relative;
	display: inline-block;
	padding: 0 .1rem;
	height: .2rem;
	font-size: .16rem;
	font-weight: 400;
	line-height: .2rem;
	/* background: #fff; */
}
.in-tit P{
	padding-bottom: .08rem;
}
.in-tit span::before,
.in-tit span::after{
	position: absolute;
	display: block;
	content: '';
	width: .28rem;
	height: .02rem;
	background: #008cd7;
	top: .1rem;
}
.in-tit span::before{
	left: -.3rem;
}
.in-tit span::after{
	right: -.3rem;
}