/* 公共标题 */
.com-tit{padding:60px 0px;padding-top:80px;text-align: center;}
.com-tit h2{font-size:36px;line-height:36px;color:#333333;text-align: left;}
.com-tit h2 span{font-size:18px;color:#999999;}
.com-tit .tit-more,.bottom-more{font-size:18px;line-height:25px;text-align: left;}
.com-tit .tit-more:after,.bottom-more:after{content:'';display:inline-block;width:25px;height:25px;background:url(../images/more-icon.png)no-repeat center;
margin-bottom: -6px;margin-left: 10px;transition:all 0.2s;}
.com-tit .tit-more:hover:after,.bottom-more:hover:after{margin-left:4px;}
.col-tit h2 p,.col-tit h2 span{color:#fff;}
.col-tit a.tit-more{color:#ffffff;}
.col-tit a.tit-more:after{background:url(../images/morefff-icon.png)no-repeat center;}
.img-s{width:100%;}
.img-s img{width:100%;}


/* 工艺优势 */
.hxys-row{padding-bottom:10px;}
.ys-list .ys-bd ul{height:465px;}
.ys-list .ys-bd ul .ys-img{width:710px;position: relative;}
.ys-list .ys-bd ul .ys-img img{width:100%;}
.ys-list .ys-bd ul .ys-img .rw{width:148px;position: absolute;bottom:0px;right:-74px;}
.ys-list .ys-bd ul .ys-info{width:540px;position: relative;z-index: 9;    height: 350px;margin-top:10px;}
.ys-list .ys-bd ul .ys-info h3{font-size:50px;line-height:50px;font-weight: bold;margin-bottom:15px;color:#333333;}
.ys-list .ys-bd ul .ys-info span{text-transform: uppercase;font-size: 20px;color: #d4d4d4;font-weight: 100;}
.ys-list .ys-bd ul .ys-info .ys-desc{font-size:16px;line-height:32px;margin-top:30px;}
.ys-list .ys-bd ul .ys-info i{position: absolute;bottom:10px;z-index:-1;right:10px;}

.ys-list .ys-hd{width:100%;border-top:1px solid #dcdcdc;}
.ys-list .ys-hd li{font-size:20px;line-height:20px;margin-bottom: 30px;width:215px;color:#909090;text-align:justify;}
.ys-list .ys-hd li span{display:block;}
.ys-list .ys-hd li:before{content:'';display:block;width:0%;height:3px;background:#327c89;margin-top: -2px;
    margin-bottom: 30px;transition:width 0.6s;}
.ys-list .ys-hd li.on,.ys-list .ys-hd li:hover{color:#327c89;cursor: pointer;font-weight: bold;}
.ys-list .ys-hd li.on:before,.ys-list .ys-hd li:hover:before{width:100%;}

/* 产品中心 */
#in-yingyong{width:100%;background:#f0f1f5;overflow:hidden;padding:100px 0px;}
#in-yingyong .yzjp-list .yz-bd ul{width:1360px;height: 740px;margin-right: -252px;}
#in-yingyong .yzjp-list .yz-bd ul li{width:1360px;height: 740px;overflow:hidden;}
#in-yingyong .yzjp-list .yz-bd ul li img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
#in-yingyong .yzjp-list .yz-bd ul li:hover img{transform: scale(1.2);}
#in-yingyong .yzjp-list .yz-hd ul{width: 215px;}
#in-yingyong .yzjp-list .yz-hd ul li{width: 100%;height:60px;box-sizing: border-box;text-align: center;background:#fff;
margin-bottom:10px;font-size: 18px;line-height:60px;}
#in-yingyong .yzjp-list .yz-hd ul li:hover,#in-yingyong .yzjp-list .yz-hd ul li.on{border:1px solid #327c89;
background: #327c89;color: #fff;font-weight: bold;cursor: pointer;}
#in-yingyong .img{position: absolute;top: 250px;right: 5%;}
#in-yingyong .yzjp-list .com-tit{padding-top:60px;}
#in-yingyong .yzjp-list .bottom-more{margin-top:40px;display: block;}


/* 产品整装 */
.w770{width:770px;margin:0 auto;}
#prozz{padding-bottom:100px;}
#prozz .style-list{position: relative;margin-top: -90px;}
#prozz .style-list .st-hd{margin-bottom:70px;}
#prozz .style-list .st-hd li{font-size:16px;line-height:16px;cursor: pointer;}
#prozz .style-list .st-hd .next,#prozz .style-list .st-hd .prev{width:68px;height:40px;background:#327c89;display: block;
position: absolute;top:53%;cursor: pointer;text-align: center;padding-top: 14px;box-sizing: border-box;}
#prozz .style-list .st-hd .next{left:-100px;}
#prozz .style-list .st-hd .prev{right:-100px;}

#prozz .style-list .st-hd li.on{color:#327c89;}
#prozz .style-list .st-bd ul{gap:15px;}
#prozz .style-list .st-bd ul li{position: relative;}
#prozz .style-list .st-bd ul li:nth-child(1),#prozz .style-list .st-bd ul li:nth-child(4){width:860px;}
#prozz .style-list .st-bd ul li:nth-child(2),#prozz .style-list .st-bd ul li:nth-child(3){width:525px;}
#prozz .style-list .st-bd ul li .style-img{width:100%;height:343px;overflow: hidden;}
#prozz .style-list .st-bd ul li .style-img img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
#prozz .style-list .st-bd ul li:hover .style-img img{transform:scale(1.2);}
#prozz .style-list .st-bd ul li h3{font-size:18px;line-height:78px;height:78px;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));position:absolute;bottom:0px;left:0px;
width:100%;text-align: center;color:#fff;}


/* 产品买点 */
#pro-md{width:100%;background: url(../images/promd-back.jpg)no-repeat center;padding: 195px 0px;}
#pro-md .md-list{width:920px;gap:80px;}
#pro-md .md-list li{font-size:16px;line-height:16px;text-align: center;color:#fff;}
#pro-md .md-list li h3{margin-top:20px;}
#pro-md .com-tit,#in-about .com-tit{padding:0px;}


/* 企业简介 */
.w920{width:920px;}
.mb75{margin-bottom:75px;}
#in-about{box-sizing: border-box;padding:80px 0px;}
#in-about .about-text .about-raw p{font-size:16px;line-height:32px;margin-bottom:10px;color:#666666;}
#in-about .about-list{margin-top:50px;}
#in-about .about-list li{width:50%;font-size:16px;line-height:16px;height:38px;border-left:1px solid #dcdcdc;box-sizing: border-box;
padding:0px 30px;}
.ab-img img{width:100%;}

/* 新闻资讯  */
#in-news{padding-bottom:200px;background:#f0f1f5;}
#in-news .news-list{gap:40px;}
#in-news .news-left{width:440px;height:480px;background:#ffffff;box-sizing: border-box;padding:60px 55px;}
#in-news .news-left .news-tit .news-time{color:#999999;font-size:16px;line-height:16px;margin-bottom:40px;}
#in-news .news-left .news-tit .news-time span{display: block;margin-bottom:15px;font-size:46px;line-height:46px;}
#in-news .news-left h3{font-size:22px;line-height:26px;}
#in-news .news-left .desc{font-size:16px;line-height:32px;margin-top:30px;margin-bottom:50px;}
#in-news .news-left:hover h3{color:#327c89;}
#in-news .news-left .news-tit .icon-more{display: block;width:25px;height:12px;background:url(../images/hui-icon.png)no-repeat center;}
#in-news .news-left:hover .news-tit .icon-more{background:url(../images/blue-icon.png)no-repeat center;}
#in-news .news-left .news-img{width:100%;height:190px;overflow: hidden;}
#in-news .news-left .news-img img{width:100%;height:100%;transition:all 0.6s;}
#in-news .news-left:hover .news-img img{transform:scale(1.2);}


/*缁撴潫*/
.product{ height: 824px; border-bottom: 1px solid #d5cae3; box-sizing: border-box; position: relative;}
.productList{ width: 1003px; height: 475px; padding: 34px 0 0 28px; box-sizing: border-box; background-color: rgba(249,194,123,0.95); position: absolute; right: 0; top: 163px;}
.bor{ width: 924px; height: 16px; background-color: #350868;}
.grey{ width: 1153px; height: 809px; background-color: #2e2e2e;}
.grey img{  float: right;}

.section{ padding: 20px 0 10px;}
.section h2{ text-align: center; margin-bottom: 20px;}
.section h2 p.en{ font-size: 36px; margin-bottom: 0px; font-weight: bold; color: #01a0a6; text-transform: uppercase;}
.section h2 p.zw{ font-size: 44px; margin-top: 0px;font-weight: bold; line-height: 48px; color: #01a0a6;}
.section h2 p.zw2{ font-size: 28px; margin-top: 0px;font-weight: bold; line-height: 48px; color: #01a0a6;}
.line{ width: 100%; height: 1px; display: block; margin: 20px auto; background-color: #01a0a6;}
.marg1{ margin-bottom: 0px;}
.padd0{ padding: 0;}
.news{ background-color: #fff;}
.newsList ul{ width: 980px; margin: 0 auto; display: flex; justify-content: space-between;}
.newsList ul li{}
.newsList ul li a{transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s; display: block; background-color: #bfbfbf; width: 304px; height: 364px; color: #000; line-height: 20px; border: 1px solid #848484; box-sizing: border-box; position: relative;}
.newsList ul li .info{ padding: 21px 38px; text-align: justify;}
.newsList ul li .info h4{ font-size: 16px; margin-bottom: 13px; height:20px; overflow:hidden;}
.newsList ul li .info p{ height:60px; overflow:hidden;}
.newsList ul li .info b{ position: absolute; right: 38px; bottom: 26px; font-weight: normal;}
.newsList ul li a:hover{ background-color: #2e2e2e; color: #fff;}
.newsList ul li a:hover .info h4{ color: #f9c27b;}
.more{ width: 228px; height: 50px; display: block; margin: 38px auto 0; background-color: #2e2e2e; line-height: 50px; text-align: center; font-size: 14px; color: #fff; text-transform: uppercase;transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
a:hover.more{ background-color: #350868;}
.prise{ width: 100%; height: 390px; overflow: hidden; position: relative;}
.prise .title{ text-align: center; line-height: 44px; font-size: 18px; color: #fff;}
.prise .title h3{ font-size: 26px;}
.prise .title p{ text-transform: uppercase;}
.priseList ul{ display: flex; justify-content: space-between; width: 1150px; margin: 40px auto 0;}
.priseList ul li{ width: 189px; height: 189px; border: 1px solid #727476; color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column;transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
.priseList ul li:hover{ background-color: #016a68; color: #fff;}
.priseList ul li p:first-of-type{ margin-bottom: 17px;}
.priseList ul li p span{ font-size: 40px; line-height: 42px;}
.qualityList ul{ display: flex; flex-wrap: wrap;}
.qualityList ul li{ width: 50%; height: 510px; overflow: hidden; background-color: #2a2a2a; color: #fff; position: relative;}
.qualityList ul li >img{ width: 100%; height: 510px; transition:all 0.8s;-webkit-transition:all 1s;;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;}
.qualityList ul li:hover > img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);	/* IE 9 */
    -webkit-transform: scale(1.1);	/* Safari 鍜� Chrome */
    -o-transform: scale(1.1);	/* Opera */
    -moz-transform: scale(1.1);	/* Firefox */
}
.qualityList ul li >img.opacity{ opacity: 0.7;}
.qualityList ul li .info{ position: absolute; top: 113px; width: 522px; font-size: 14px; line-height: 24px; color: #fff;}
.qualityList ul li .ps_r{ right: 47px; }
.qualityList ul li .ps_l{ left: 47px; }
.qualityList ul li .icons{ width: 90px; height: 90px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 999;}
.qualityList ul li .add{ width: 180px; height: 160px; background: url("/images/home/add.png") no-repeat; margin:65px auto 40px; position: relative;}
.fk{ width: 160px; height: 140px; position: absolute; left: 10px;top: 10px; background-color:rgba(255,255,255,0.1); font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;;}
.fk p:first-of-type{ font-size: 30px; line-height: 45px;}
.qualityList ul li .info p.text{ display: none;}
.qualityList ul li:hover .info .fk{ background-color: #f9c27b;}
.qualityList ul li:hover .info p.text{ display: block;}
.smart{ width: 100%; height: 1007px; padding: 0; background: url("/images/home/bg.jpg") no-repeat center center; background-size: cover;}
.smartList{ width: 107px; height: auto; margin: 0 19px; box-sizing: border-box; border: 1px solid #1b7ba5; padding: 5px;}
.smartList li{ width: 96px; height: 29px; background: url("/images/home/btn.png") no-repeat; font-size: 14px; color: #fff; line-height: 29px; text-align: center; font-family: "寰蒋闆呴粦"; margin-bottom: 5px;}
.smartList li:last-of-type{ margin-bottom: 0;}
.smartList li:hover{ background: url("/images/home/btna.png") no-repeat; cursor: pointer;}
.smart .title{ color: #f9c27b; margin-bottom: 40px;}
.smart .title h3,.smart .title p{transition:all 0.5s;-webkit-transition:all 0.5s;;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;}
.smart .title h3.scale,.smart .title p.scale{
    transform: scale(0.1);
    -ms-transform: scale(0.1);	/* IE 9 */
    -webkit-transform: scale(0.1);	/* Safari 鍜� Chrome */
    -o-transform: scale(0.1);	/* Opera */
    -moz-transform: scale(0.1);	/* Firefox */
}
.smart .container{ width: 1150px; position: relative; margin: 0 auto;height: 1007px; padding: 49px 0; box-sizing: border-box;}
.smartDiv{ display: flex; justify-content: center; align-items: center; position: relative; padding: 161px 0;}
.topIcon{ width: 570px; display: flex; justify-content: space-between; text-align: center; color: #fff; font-size: 14px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.smartB{ position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%);}
.smartB.opacity{bottom:-100px;opacity:1;}
.smartT{ position: absolute; top: -7px; left: 50%; transform: translateX(-50%);}
.smartT.opacity{top:-100px;opacity:1;}
.smartL.opacity{left:-100px;opacity:1;}
.smartR.opacity{right:-100px;opacity:1;}
.smartL{ position: absolute; left: 49px; top: 180px;}
.smartR{ position: absolute; right:61px; top: 177px;}
.animate{ transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;}
.priseCont{ position: absolute;top: 45px; left: 50%; transform: translateX(-50%);}
.prise .img-container
{
    position:absolute;
    top:0px;
    left:50%;
    width:100%;
    height: 395px;
    margin-left:-960px;
    animation: myfirst 20s infinite;
    -moz-animation: myfirst 20s infinite;	/* Firefox */
    -webkit-animation: myfirst 20s infinite;	/* Safari 鍜� Chrome */
    -o-animation: myfirst 20s infinite;	/* Opera */
}
.prise .img-container img{ width: 1920px; height: 395px;}
@keyframes myfirst
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}

@-webkit-keyframes myfirst /* Safari 鍜� Chrome */
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}

@-o-keyframes myfirst /* Opera */
{
    0%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
    50%{
        transform:scale(1.1);
        -ms-transform:scale(1.1); /* IE 9 */
        -moz-transform:scale(1.1); /* Firefox */
        -webkit-transform:scale(1.1); /* Safari and Chrome */
        -o-transform:scale(1.1); /* Opera */
    }
    100%  {
        transform:scale(1);
        -ms-transform:scale(1); /* IE 9 */
        -moz-transform:scale(1); /* Firefox */
        -webkit-transform:scale(1); /* Safari and Chrome */
        -o-transform:scale(1); /* Opera */
    }
}





/*关于我们*/
.container{ position:relative; width:1200px; margin:0px auto auto auto; }

.index #floor_5_main {
	background: #f8f8f8;
}

.index .floor_5 {
	padding-bottom: 40px;
}

.index .floor_5 .about .part1 {
	position: relative;
	float: left;
	width: 632px;
}

.index .floor_5 .about .part1 .title {
	padding-top: 20px;
}

.index .floor_5 .about .part1 .title .entit {
	font: normal 40px "Akzidenz-Grotesk BQLight";
	line-height: 50px;
	color: #666;
}

.index .floor_5 .about .part1 .title .tit {
	width: 510px;
	font: bold 30px "Microsoft YaHei";
	color: #016a68;
	background: url("/images/aboutline.png") no-repeat right center;
}

.index .floor_5 .about .part1 .view_detail {
	position: absolute;
	top: 54px;
	right: 0;
	display: block;
	width: 120px;
	height: 30px;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	color: #016a68;
	border: 1px solid #d1e5bf;
	border-radius: 15px;
	transiton: all .5s;
}

.index .floor_5 .about .part1 .view_detail:hover {
	background: #016a68;
	color: #fff;
	transition: all .5s;
}

.index .floor_5 .about .part1 .cont {
	margin-top: 24px;
	margin-bottom: 24px;
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-align: justify;
}

.index .floor_5 .about .part1 .tips {
	width: 630px;
	height: 118px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.index .floor_5 .about .part1 .tips .item {
	float: left;
	margin-top: 30px;
}

.index .floor_5 .about .part1 .tips .item:first-child {
	margin-left: 30px;
	margin-right: 0px;
}

.index .floor_5 .about .part1 .tips .item .img {
	float: left;
	width: 55px;
	height: 55px;
}

.index .floor_5 .about .part1 .tips .item .img img {
	display: block;
	width: 55px;
	height: 55px;
	transition: all ease 600ms;
}

.index .floor_5 .about .part1 .tips .item .stit {
	width: 232px;
	float: left;
	margin-left: 12px;
}

.index .floor_5 .about .part1 .tips .item .stit .tit1 {
	padding-top: 6px;
	font: bold 20px "Microsoft YaHei";
	color: #333;
}

.index .floor_5 .about .part1 .tips .item .stit .cont1 {
	margin-top: -3px;
	font-size: 14px;
	color: #666;
}

.index .floor_5 .about .part2 {
	position: relative;
	float: left;
	width: 500px;
	height: 292px;
	margin-top: 76px;
	background: #f8f8f8;
	margin-left: 68px;
}

.index .floor_5 .about .part2 .video {
	position: absolute;
	top: -20px;
	left: -20px;
}

.index .floor_5 .about .part2 .video img {
	display: block;
	width: 500px;
	height: 400px;
}

.index .floor_5 .about .part1 .tips .item:hover .img img {
	transform: rotate(360deg);
	transition: all ease 600ms;
}




/*新添加样式*/
.wrap_all .section{ padding:0;}
.midCont{width: 1150px; margin: 0 auto; }
.wrap_all .project{ margin-bottom: 2px; padding-top: 44px;}
.wrap_all .model{ padding-top: 70px;}
.wrap_all .all_dingzhi{ padding-top: 0;}
.project_ul{ display: flex;flex-wrap: wrap;}
.project_ul li{ width: 50%; flex: 1 0 auto;   margin-bottom: 3px; cursor: pointer;}
.project_ul li .padd_li{background-color: #000; color: #fff; height: 486px; position: relative; overflow: hidden;}
.project_ul li:nth-child(2n+1) .padd_li{ margin-right: 3px;}
.padd_li img{ position: absolute; left: 0; top: 0; width: auto; height: 486px; opacity: 0.6;}
.project_ul li:hover .padd_li img{ opacity: 1;}
.project_ul li:hover .padd_li .info a{ background-color: #016a68;color:#fff;}
.padd_li .info{
	position: absolute;
	right: 200px;
	top: 80px;
	padding: 1.5em 0 0 2em;
	font-size: 18px;
	box-sizing: border-box;
	width: 374px;
	height: 38%;
	background: url("/images/line_block.png") no-repeat;
	background-size: 100% auto;
}
.padd_li .info h3{ font-size: 1.5em;}
.sm_tit{ font-size: 0.62em; padding: 10px 0;}
.en_txt{ font-size: 1.5em; color: #fff;}
.padd_li .info a{
	width: 12em;
	height: 2.8em;
	position: absolute;
	bottom: -13px;
	left: 49px;
	display: block;
	font-size: 0.8em;
	line-height: 2.8em;
	padding-left: 1.5em;
	box-sizing: border-box;
	border-radius: 27px;
	background-color: #fff;
	color: #000000;
}
.padd_li .info a i{ width: 16px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 1em; display: block; background: url("/images/arrow.png") no-repeat;}
.wrap_all .introduction{ background-color: #efefef; margin-bottom: 8px; padding: 38px 0 67px;}
.introduction_ul{ width: 1088px; margin: 0 auto; display: flex; justify-content: space-between;}
.introduction_ul li p{ font-size: 21px; margin: 20px 0 10px; text-align: center;}
.introduction_ul li .icon{ width: 197px; height: 197px; background:url("/images/intr.png") no-repeat; display: flex; justify-content: center; align-items: center;}
.introduction_ul li:hover .icon{ background:url("/images/intr_h.png") no-repeat; border:none;}
.introduction_ul li .info{ width: 165px; height: 58px; background-color: #016a68;color:#fff; font-size: 16px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.support h2{ width: 100%; height: 300px; box-sizing: border-box; margin-bottom: 5px; padding-top: 70px;}
.support_ul{ display: flex; flex-wrap: wrap; margin-left: -70px;}
.support_ul li{ width: 33.3%; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; font-size: 30px; margin-bottom: 27px; border-right: 1px solid #016a68;}
.support_ul li:nth-child(3n){  border-right: 1px solid #016a68;}
.support_ul li p{ padding-left: 15px;}
.support_ul li:hover p{ color: #016a68;}
.support_ul li img{ padding-left: 70px;}
.xin{ display: block; margin: 5px auto 24px;}

.serive{ display: flex; width:1300px;}
.jszc{ width: 740px; margin: 0 auto;}
.jszc img{ margin: 0 auto 40px; display: block;}
.jszc ul{ display: flex; flex-wrap: wrap;}
.jszc ul li{ width: 153px; height: 97px; cursor: pointer; margin:0 6px 23px 0; background-color: #dcdcdc; color: #000; position: relative;}
.jszc ul li i{ width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: -20px; border-radius: 50%; background-color: #016a68; color: #fff; font-family: Arial; font-size: 23px; font-style: normal;}
.jszc ul li p{ text-align: center; line-height: 97px;}
.jszc ul li:nth-child(2n){ background-color: #ececec;}
.plan ul{ display: flex; justify-content: space-between;}
.plan ul li{ flex: 1;}
.plan img{ margin: 60px 0 29px 0;}
.plan b{ font-size: 50px; font-weight: normal;}
.plan .en{  font-size: 18px; color: #016a68; text-transform: uppercase;}
.t_text{ font-size: 16px;}
.b_text{ font-size: 21px;}
.zj{ font-size: 40px; font-weight: bold; text-align: center; padding: 60px 0 0;}
.support .prise{ height: 300px;}
.supTit{ position: absolute; left: 0; top: 0; width: 100%;}