/* banner start */
.apple-banner { width: 100%;overflow: hidden;}
.apple-banner .swiper-container { width: 100%;}
.apple-banner .swiper-container .swiper-slide img{ width:100%;}
.apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width: 15%; height: 100%; top:0; background:none; margin:0;}
.apple-banner .swiper-container .swiper-button-prev { left:0;}	
.apple-banner .swiper-container .swiper-button-next { right:0;}
.apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top:-32px; border-radius: 100%; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.apple-banner .swiper-button-prev span { background: rgba(0,0,0,0.3) url(../images/arrows1.png) center center no-repeat; left: 20px;}
.apple-banner .swiper-button-next span { background: rgba(0,0,0,0.3) url(../images/arrows2.png) center center no-repeat; right:20px;}
.apple-banner .swiper-button-prev:hover span, .apple-banner .swiper-button-next:hover span{ opacity: .7;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:40px !important;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.apple-banner .swiper-pagination-bullet { display: inline-block; width:40px; height:10px; border-radius: 10px; margin: 0 6px; cursor: pointer; background:#fff; opacity: 1;transition: all .4s ease;}
.apple-banner .autoplay .swiper-pagination-bullet-active{background:#2e89ff;}
@media screen and (max-width:767px){
	.apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { width:44px; height:44px; background-size:44px 44px;}
	.apple-banner .swiper-button-prev span { left:10px;}
	.apple-banner .swiper-pagination { bottom:20px !important;}
	.apple-banner .swiper-pagination-bullet {width:28px; height:7px; margin: 0 3px;}
}
@media screen and (max-width:600px){
	.apple-banner .swiper-container .swiper-slide { height:219px; overflow:hidden;}
	.apple-banner .swiper-container .swiper-slide img{ width:700px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
}
@media screen and (max-width:520px){
	.apple-banner .swiper-container .swiper-slide { height:180px;}
	.apple-banner .swiper-container .swiper-slide img{ width:576px;}
}
@media screen and (max-width:414px){
	.apple-banner .swiper-container .swiper-slide { height:140px;}
	.apple-banner .swiper-container .swiper-slide img{ width:448px;}
}
@media screen and (max-width:375px){
	.apple-banner .swiper-container .swiper-slide { height:120px;}
	.apple-banner .swiper-container .swiper-slide img{ width:384px;}
}
/* banner end */

/*Home推荐产品*/
.indtjpro{ background:#edf0f7; min-height:630px; margin-top:90px; position:relative;}
.indbigbt{ text-align:center; position:absolute; top:-34px; left:50%; transform:translateX(-50%);}
.indbigbt p{color:#e7eaf1; font-size:76px; line-height:78px;font-family:impact; text-transform:uppercase;margin-bottom: -36px;}
.indbigbt span{ font-size:34px; font-weight:bold;}
.indtjpro:before{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat; margin:0 auto;}
.indtjpro:after{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat;position:absolute; bottom:0; left:50%; transform:translateX(-50%) rotate(180deg);}
.indtjpro .swiper-container2{ margin:65px 0 0; position:relative; z-index:9; overflow:hidden;}
.indtjpro ul{}
.indtjpro ul li{ background:#fff; width:23.5%;  padding:16px; float:left; transition: all .4s ease;}
.indtjpro ul li .pic{ display:block; width:100%; height:236px; position:relative; background:#fff;}
.indtjpro ul li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.indtjpro ul li .name{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; border-top:1px solid #eee; padding-top:5px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.indtjpro ul li .yctext{ height:0; overflow:hidden; transition: all .4s ease;}
.indtjpro ul li .yctext p{ width:100%; height:48px; line-height:24px;color:#fff; font-size:15px; text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.indtjpro ul li .more{ display:block; width:34px; height:34px; margin:10px auto 0; border-radius:50%; background:#fff url(../images/morejt.png) center no-repeat; font-size:0;}
.indtjpro ul li:hover{ background:#2e89ff;background: linear-gradient(139deg, #5bbaf0 10%, #2e89ff);}
.indtjpro ul li:hover .name{ color:#fff; font-weight:bold;}
.indtjpro ul li:hover .yctext{ height:100px;}
@media screen and (max-width:1399px) {
	.indtjpro{ min-height:532px;}
	.indbigbt p{ font-size:66px;}
	.indbigbt span{ font-size:30px;}
	.indtjpro .swiper-container2{ margin:45px 0 0;}
	.indtjpro ul li .pic{ height:210px;}
	.indtjpro:before,.indtjpro:after{ width:800px; height:75px; background-size:100%;}
}
@media screen and (max-width:1199px) {
	.indtjpro{min-height: 490px;}
	.indtjpro .indbigbt{ top:-44px;}
	.indbigbt p{ font-size:60px;}
	.indtjpro .swiper-container2{margin: 30px 0 0;}
	.indtjpro ul li .pic{ height:200px;}
	.indtjpro:before,.indtjpro:after{ width:700px;}
}
@media screen and (max-width:1079px) {
	.indtjpro {min-height: 480px;}
	.indtjpro ul li{ padding:10px;}
	.indtjpro ul li .yctext{ display:none;}
}
@media screen and (max-width:767px) {
	.indtjpro{ min-height:300px; margin-top:0; padding:25px 0; overflow:hidden;}
	.indbigbt { position:static; transform:none;}
	.indbigbt p{ font-size:44px; line-height:44px; margin-bottom:0;}
	.indbigbt span{ font-size:20px;}
	.indtjpro .swiper-container2{ margin:20px 0 0;}
	.indtjpro ul li .name{ font-size:15px; height:40px; line-height:40px;}
	.indtjpro:before,.indtjpro:after{ display:none;}
}
@media screen and (max-width:500px) {
	.indtjpro ul li .pic{ height:150px;}
}
/*Home产品展示*/
.indprobox{ position:relative;}
.indprobox .martop{ margin:97px 0 50px; overflow:hidden;}
.indprobox .proright{width: calc(100% - 345px); float:right;}
.indprobox .proright ul li{ width:48.8%; margin-right:2.4%; float:left; box-shadow: inset 0 0 0 5px #f7f6f6; background: #fff; padding:24px; margin-bottom:24px; overflow:hidden;position:relative;transition: all .4s ease;}
.indprobox .proright ul li:nth-child(2n){ margin-right:0;}
.indprobox .proright ul li::before, .indprobox .proright ul li::after { box-sizing: inherit; content: '';position: absolute;width: 100%; height: 100%;top: 0;left: 0;}
.indprobox .proright ul li::before { border-top: 5px solid #2e89ff; border-bottom: 5px solid #2e89ff;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin:left; transform-origin:left;}
.indprobox .proright ul li::after {border-left: 5px solid #2e89ff;border-right: 5px solid #2e89ff; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin:bottom; transform-origin:bottom;}
.indprobox .proright ul li:hover::before, .indprobox .proright ul li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.indprobox .proright ul li .text{ width:40%; float:left;position:relative; z-index:2;}
.indprobox .proright ul li .text .name{ font-size:20px; height:60px; line-height:30px; margin:10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease;}
.indprobox .proright ul li:hover .text .name{ color:#2e89ff;}
.indprobox .proright ul li .text p{ font-size:14px; color:#999; line-height:24px; height:72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.indprobox .proright ul li .text .more{ display:block; width:108px; height:32px;line-height:32px; border-radius:20px;background:#2e89ff;background: linear-gradient(155deg, #5bbaf0 10%, #2e89ff); text-align:center; color:#fff; margin-top:20px;transition: all .4s ease;}
.indprobox .proright ul li:hover .text .more{background:#2e89ff;background: linear-gradient(-155deg, #5bbaf0 10%, #2e89ff); }
.indprobox .proright ul li .pic{ display:block;width:56%; height:220px; float:right; position:relative; z-index:2; overflow:hidden;}
.indprobox .proright ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%;transition: all .4s ease;}
.indprobox .proright ul li:hover .pic img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
@media screen and (max-width:1399px){
	.indprobox .indbigbt {top: -24px;}
	.indprobox .martop {margin: 97px 0 35px;}
	.indprobox .proright{width: calc(100% - 285px);}	
}
@media screen and (max-width:1079px){
	.indprobox .martop{ margin:87px 0 15px;}
	.indprobox .proright{width:100%; margin-top:25px;}
}
@media screen and (max-width:767px) {
	.indprobox{ padding:25px 0 0;}
	.indprobox .martop { margin:20px 0 10px;}
	.indprobox .proright{margin-top:20px;}
	.indprobox .proright ul li{ width:100%; margin-right:0; margin-bottom:10px;}
}
@media screen and (max-width:500px) {
	.indprobox .proright ul li{ width:48.5%; margin-right:3%; padding:10px;}
	.indprobox .proright ul li .pic{ width:100%; height:130px;}
	.indprobox .proright ul li .text{width:100%;}
	.indprobox .proright ul li .text .name{ font-size:15px; line-height:24px; height:24px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; margin:10px 0 0; text-align:center; display:block;}
	.indprobox .proright ul li .text p,.indprobox .proright ul li .text .more{ display:none;}
}
/*产品分类 start*/
.proleft { width:305px; overflow:hidden; float:left;}
.proleft .cp_type{background-color:#2e89ff; padding:26px 0 0;}
.cp_type .hd { width:100%; height:auto; margin:0 auto 26px; padding:0 30px;text-align:center;position:relative;}
.proleft .cp_type .hd:before{ content:""; display: block; background:url(../images/flbtbg1.png) left no-repeat; width:89px; height:165px; position:absolute; left:0; top:-26px;}
.proleft .cp_type .hd:after{content:""; display: block; background:url(../images/flbtbg2.png) left no-repeat; width:119px; height:179px; position:absolute; right:0; bottom:-25px;}
.cp_type .hd p { width:100%; color:#fff; font-size:40px; font-weight:bold; text-transform:uppercase;}
.cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.cp_type .hd span { display:block;color:#fff; font-size:24px;}
.cp_type .hd i { display:none;}
.cp_type .hd em{ display:block; width:30px; height:5px; background:rgba(255,255,255,.3);margin:5px auto;}

.cp_type .bd{ position:relative; z-index:2;}
.cp_type .bd ul{background:#222; overflow:hidden;min-height: 200px;}
.cp_type .bd ul li {border-bottom:0px solid rgba(255,255,255,.3); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.cp_type .bd ul li p { height:74px;width: 88%; margin: 0 auto;position:relative; border-bottom:1px solid rgba(255,255,255,.3);}
.cp_type .bd ul li:last-child p{ border-bottom:0;}
.cp_type .bd ul li.on:last-child p{ border-bottom:1px solid rgba(255,255,255,.3);}
.cp_type .bd ul li p a { display:block;width: calc(100% - 40px); line-height:74px; padding:0; overflow: hidden;color:#fff; font-size:17px; white-space:nowrap; text-overflow: ellipsis; float:left;}
.cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:-5px;}
.cp_type .bd ul li div { display:none;}
.cp_type .bd ul li div a { display:block; height:40px; line-height:40px; color:rgba(255,255,255,.5); font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;width: 88%;margin: 0 auto; padding:0 10px;}
.cp_type .bd ul li div a:first-child { margin-top:15px;}
.cp_type .bd ul li:last-child div a:last-child { margin-bottom:15px;}
.cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;}
.cp_type .bd ul li div a:hover i { border:1px solid #2e89ff;}
.cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#2e89ff;}
.cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;}
.cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;}
.cp_type .bd ul li div a:hover { color:#2e89ff;}
.cp_type .bd ul li div a:hover:before{ background-position:0 -10px;}
.cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd ul a.ckqb:hover { background:#2e89ff; color:#fff;}

.ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;}
.ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;}
.ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;}
.ProAll a:hover { background:#2e89ff; color:#fff;}
.ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;}

.cp_type .mlphone{ width:100%; background:#2e89ff; text-align:center; padding:30px 0 40px;}
.cp_type .mlphone span{ color:#fff; font-size:20px; text-transform:uppercase;}
.cp_type .mlphone p{color:#fff; font-size:30px; font-weight:bold; margin:2px 0 16px;}
.cp_type .mlphone .allpro{ display:block; width:112px; height:37px; margin:0 auto;line-height:37px; text-align:center; color:#fff; font-size:15px; background:#222; transition: all .4s ease;}
.cp_type .mlphone .allpro:hover{background: #ffd542; color:#333;}

@media screen and (max-width:1399px){
	.proleft{ width:255px;}
	.cp_type .hd{margin: 0 auto 20px; padding:0 20px;}
	.cp_type .hd p{font-size:30px;}
	.cp_type .hd span{font-size:20px;}
	.cp_type .bd ul li p{ height:68px;}
	.cp_type .bd ul li p a{ line-height:68px;}
	.cp_type .bd ul li div a{height: 40px;line-height: 40px;}
	.ProAll a{font-size: 15px; padding: 0 20px;}
	.ProAll a i{ right:5px;}
}
@media screen and (max-width:1079px){
	.proleft{ width:100%;}
	.proleft .cp_type{ padding:10px 0 1px;}
	.cp_type .hd{ position:relative; padding:0 30px; text-align:left;margin: 0 auto 6px;}
	.proleft .cp_type .hd:before,.proleft .cp_type .hd:after{ display:none;}
	.cp_type .hd i{ display:block;  width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(255,255,255,0.3) url(../images/mulu3.png) center center no-repeat; position: absolute;top:-3px;right:30px;}
	.cp_type .hd.on i{background: rgba(255,255,255,0.3) url(../images/mulu4.png) center center no-repeat;}
	.cp_type .hd p{ font-size:24px;}
	.cp_type .hd em{ display:none;}
	.cp_type .hd span{ font-size:22px; font-weight:bold;}
	.cp_type .bd {display: none;}
	.cp_type .bd ul li p a{font-size: 16px;}
	.cp_type .bd ul li p span{}
	.ProAll a{font-size: 16px; padding: 0 30px;}
	.ProAll a i{ right:15px;}
	.cp_type .mlphone{ display:none;}
}
@media screen and (max-width:767px){
	.cp_type .hd{padding:0 20px;}
	.cp_type .hd p,.NyXgwz_Title p{ font-size:20px;}
	.cp_type .hd i{ right:20px;width: 34px;height: 34px;top:-3px;}
	.cp_type .hd span{ font-size:20px;}
	.cp_type .bd ul li p{ height:58px;}
	.cp_type .bd ul li p a{ line-height:58px;}
}
/*产品分类 end*/

/*Home横幅*/
.ind_heng{ width:100%; position:relative;}
.ind_heng img.hf{ width:100%;}
.ind_heng .cont{ width:1130px; max-width:90%;position:absolute; margin:auto; top:50%; transform:translateY(-50%);left:0; right:0;}
.ind_heng .cont p{ font-size:50px; font-weight:bold; color:#fff; float:left; max-width:70%;}
.ind_heng .cont span{font-size:16px;color:#fff; text-transform:uppercase;float:left;max-width:70%;}
.ind_heng .cont .zxzx{ display:block; width:198px; height:64px; background: url(../images/zxbtn.png) center no-repeat; float:right; font-size:18px; line-height:64px; padding-left:40px;margin-top: -54px;transition: all .4s ease;}
.ind_heng .cont .zxzx:hover{ color:#2e89ff;}
@media screen and (max-width:1399px){
	.ind_heng .cont p{ font-size:34px;}
	.ind_heng .cont span{ display:none;}
	.ind_heng .cont .zxzx{ margin-top:0;}
}
@media screen and (max-width:1079px){
	.ind_heng .cont .zxzx{width:150px; height:48px; line-height:48px; background-size:cover;font-size: 16px;padding-left: 30px;}
}
@media screen and (max-width:767px){
	.ind_heng{ display:none;}
}

/*Home关于我们*/
.indabout{ padding:70px 0 90px; overflow:hidden;}
.indabout .indbigbt{ position:static; transform:none;}
.indabout .abcont{ margin-top:30px; min-height:200px;}
.indabout .abcont,.indabout .abcont p,.indabout .abcont span{ font-size:16px; color:#666; line-height:30px;}
.indabout .abmore{ display:block; width:184px; height:50px; margin:40px auto 60px;line-height:50px; background:#e7eaf1; border-radius:30px; font-size:18px; position:relative; padding-left:27px;transition: all .4s ease;}
.indabout .abmore:after{ content:''; display:block; width:40px; height:40px; border-radius:50%; background:#fff url(../images/morejt.png) center no-repeat;position:absolute; right:5px; top:5px;}
.indabout .abmore:hover{ color:#fff; background:#2e89ff;}
.indabout ul.data{overflow:hidden; display:none;}
.indabout ul.data li{ width:33.3333%; float:left; border-right:1px solid #eee; text-align:center; font-size:20px; color:#999;}
.indabout ul.data li:last-child{ border-right:0;}
.indabout ul.data li em{ font-size:56px;font-family:impact; position:relative; color:#333;}
.indabout ul.data li span{ font-size:22px; position:absolute;color:#333; width:38px; height:38px; border-radius:50%; text-align:center; line-height:38px; background:#ffd542;}
@media screen and (max-width:1399px){
	.indabout { padding: 50px 0 80px;}
	.indabout .abcont{ margin-top:20px;}
	.indabout .abmore{margin: 30px auto 40px;}
	.indabout ul.data li{ font-size:18px;}
	.indabout ul.data li em{ font-size:46px;}
	.indabout ul.data li span{ font-size:16px;}
	
}
@media screen and (max-width:1079px){
	.indabout {padding: 30px 0 70px;}
	.indabout .abcont{ margin-top:15px;}
	.indabout .abmore{ width:144px; height:40px; line-height:40px; font-size:14px;padding-left: 22px;}
	.indabout .abmore:after{ width:30px; height:30px;}
	.indabout ul.data li{font-size:16px;}
	.indabout ul.data li em{ font-size:40px;}
}
@media screen and (max-width:900px){
    .ind_heng .cont p {font-size: 28px;}
}
@media screen and (max-width:767px){
	.indabout {padding:0;}
	.indabout .abcont { margin-top: 10px; max-height:312px; overflow-y:scroll;}
	.indabout .abcont, .indabout .abcont p, .indabout .abcont span{ font-size:15px; line-height:24px;}
	.indabout .abmore{margin:15px auto 25px;}
	.indabout ul.data{ display:none;}
}

/*Home新闻*/
.indnew{ background:url(../images/indnew_bg.jpg) center no-repeat; min-height:500px; position:relative;background-size: cover;}
.indnew:before{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat; margin:0 auto;}
.indnew:after{ content:""; display:block; width:1100px; height:92px; background:url(../images/indbkbg.png) center top no-repeat;position:absolute; bottom:0; left:50%; transform:translateX(-50%) rotate(180deg);}
.indnew ul{ width:100%; overflow:hidden; margin-top:68px;min-height: 200px;}
.indnew ul li{ width:48.8%; background:#fff; padding:34px; float:left; margin-right:2.4%; margin-bottom:30px;transition: all .4s ease;}
.indnew ul li:nth-child(2n){ margin-right:0;}
.indnew ul li:hover{background:#2e89ff;}
.indnew ul li .left{ width:116px; float:left;border-right:1px solid #eee;}
.indnew ul li .left span{ font-size:34px; line-height:36px; font-weight:bold; color:#000;transition: all .4s ease;}
.indnew ul li:hover .left span{ color:#fff;}
.indnew ul li .left p{ width:84px; height:30px; line-height:30px; color:#fff; text-align:center; font-size:16px; background:#2e89ff; margin:7px 0;transition: all .4s ease;}
.indnew ul li:hover .left p{ color:#fff; background:#ffd542;}
.indnew ul li .right{width: calc(100% - 148px); float:right;}
.indnew ul li .right a{ display:block; font-size:20px; margin-bottom:5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;}
.indnew ul li:hover .right a{color:#fff;}
.indnew ul li .right .ms{ font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;transition: all .4s ease;}
.indnew ul li:hover .right .ms{color:rgba(255,255,255,.5);}

.indnew .abmore{ display:block; width:184px; height:50px; margin:20px auto 160px;line-height:50px; background:#fff; border-radius:30px; font-size:18px; position:relative; z-index:9; padding-left:27px;transition: all .4s ease;}
.indnew .abmore:after{ content:''; display:block; width:40px; height:40px; border-radius:50%; background:#2e89ff url(../images/morejt2.png) center no-repeat;position:absolute; right:5px; top:5px;transition: all .4s ease;}
.indnew .abmore:hover:after{ background:#ffd542 url(../images/morejt.png) center no-repeat;}
.indnew .height{ height:1px;}
@media screen and (max-width:1399px) {
	.indnew .indbigbt {top: -44px;}
	.indnew:before,.indnew:after{ width:800px; height:75px; background-size:100%;}
	.indnew ul{ margin-top:50px;}
	.indnew .abmore{margin: 10px auto 120px;}
}
@media screen and (max-width:1199px) {
	.indnew:before,.indnew:after{ width:700px;}
	.indnew ul{ margin-top:30px;}
	.indnew ul li{ padding:20px; margin-bottom:20px;}
	.indnew ul li .left{ width:106px;}
	.indnew ul li .right{width:calc(100% - 128px);}
	.indnew .abmore{margin: 10px auto 100px;}
}
@media screen and (max-width:1079px) {
	.indnew{min-height:300px;}
	.indnew ul li{ padding:15px;}
	.indnew ul li .left{ width:90px;}
	.indnew ul li .left span{ font-size:30px;}
	.indnew ul li .left p{ width:74px; font-size:15px;margin:3px 0 7px;}
	.indnew ul li .right { width: calc(100% - 106px);}
	.indnew ul li .right a{font-size:17px;}
	.indnew .abmore{ width:144px; height:40px; line-height:40px; font-size:14px; padding-left:38px;padding-left: 22px;}
	.indnew .abmore:after{ width:30px; height:30px;}
}
@media screen and (max-width:767px) {
	.indnew{ padding:25px 0; overflow:hidden;}
	.indnew:before,.indnew:after{ display:none;}
	.indnew .indbigbt p{ color:rgba(255,255,255,.1);}
	.indnew .indbigbt span{ color:#fff;}
	.indnew ul{ margin-top:23px;}
	.indnew ul li{ padding:20px; width:100%; margin-right:0; margin-bottom:10px;}	
	.indnew .abmore{margin: 10px auto 15px;width:144px; height:40px; line-height:40px;}
	.indnew .abmore:after{ width:30px; height:30px;}
}
@media screen and (max-width:500px) {
	.indnew ul li{ padding:15px;}
	.indnew ul li .left{ width:75px;}
	.indnew ul li .left span{ font-size:24px;}
	.indnew ul li .left p{width:64px; font-size:14px;margin:0 0 7px;}
	.indnew ul li .right { width: calc(100% - 86px);}
	.indnew ul li .right a{ font-size:16px;}
	.indnew ul li .right .ms{ font-size:14px; line-height:20px; height:40px;}
}

/*Home技术文章*/
.ind_article{ background:#fff; position:relative; margin-bottom:70px;}
.ind_article .swiper-container3{ padding-top:100px; overflow:hidden;min-height: 200px;}
.ind_article ul li{ width:31%;float:left; padding:20px;box-shadow: inset 0 0 0 4px #f7f6f6;overflow:hidden; position:relative;transition: all .4s ease;}
.ind_article ul li:nth-child(3n){margin-right:0;}
.ind_article ul li::before, .ind_article ul li::after { box-sizing: inherit; content: '';position: absolute;width: 100%; height: 100%;top: 0;left: 0;}
.ind_article ul li::before { border-top: 4px solid #2e89ff; border-bottom: 4px solid #2e89ff;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);-webkit-transform-origin:left; transform-origin:left;}
.ind_article ul li::after {border-left: 4px solid #2e89ff;border-right: 4px solid #2e89ff; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);-webkit-transform-origin:bottom; transform-origin:bottom;}
.ind_article ul li:hover::before, .ind_article ul li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
 
.ind_article ul li .name{ margin:0 0 25px; overflow:hidden; position:relative; z-index:2;}
.ind_article ul li a{ display:block;width: calc(100% - 28px); float:left; font-size:20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.ind_article ul li:hover a{ color:#2e89ff;}
.ind_article ul li i{ display:block; width:20px; height:20px; border-radius:50%; background:#333 url(../images/morejt2.png) center no-repeat; float:right; background-size:70%;margin-top: 5px;}
.ind_article ul li:hover i{background:#2e89ff url(../images/morejt2.png) center no-repeat;background-size:70%;}
.ind_article ul li .ms{ font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.ind_article ul li .artfot{ width:100%; height:30px; line-height:30px; text-align:right; font-size:16px; color:#999; margin-top:35px; background:url(../images/artico.png) left center no-repeat;}
.ind_article .abmore{ display:block; width:184px; height:50px;line-height:50px;  margin:50px auto 0;background:#e7eaf1; border-radius:30px; font-size:18px; position:relative; padding-left:27px;transition: all .4s ease;}
.ind_article .abmore:after{ content:''; display:block; width:40px; height:40px; border-radius:50%; background:#2e89ff url(../images/morejt2.png) center no-repeat;position:absolute; right:5px; top:5px;transition: all .4s ease;}
.ind_article .abmore:hover{ color:#fff; background:#2e89ff;}
.ind_article .abmore:hover:after{background:#fff url(../images/morejt.png) center no-repeat;}
@media screen and (max-width:1399px){
	.ind_article{margin-bottom:60px;}
	.ind_article .indbigbt{top: -24px}
	.ind_article .swiper-container3{ padding-top:95px;}
	.ind_article  .abmore{margin: 30px auto 0;}
	
}
@media screen and (max-width:1199px){
	.ind_article .indbigbt{top: -34px}
	.ind_article .swiper-container3{ padding-top:85px;}
}
@media screen and (max-width:1079px){
	.ind_article{margin-bottom:40px;}
	.ind_article .swiper-container3{ padding-top:77px;}
	.ind_article ul li .name{ margin:0 0 15px;}
	.ind_article ul li .artfot{ margin-top:25px; font-size:15px; background-size:20px;}
	.ind_article  .abmore{ width:144px; height:40px; line-height:40px; font-size:14px;padding-left:22px;}
	.ind_article  .abmore:after{ width:30px; height:30px;}
}
@media screen and (max-width:767px){
	.ind_article{margin-bottom:25px; padding-top:25px;}
	.ind_article .swiper-container3{ padding-top:22px;}
	.ind_article ul li .name{ margin:0 0 10px;}
	.ind_article ul li a{font-size:17px;}
	.ind_article .abmore{ margin-top:20px;}
}

/*友情链接*/
.link{ width:100%; background:#2e89ff;}
.link .w1400{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.link .left{ width:168px;line-height:80px; float:left; background:#ffd542; color:#000; font-size:20px; font-weight:bold;display:flex; display: -webkit-flex;justify-content: center; align-items: center;}
.link .left img{ margin-right:5px;}
.link .right{width: calc(100% - 168px); float:left; padding:26px 0;}
.link .right a{ color:#fff; float:left; padding:0 20px; font-size:16px; line-height:28px;}
@media screen and (max-width:767px){
	.link{ padding:20px 0 15px; overflow:hidden;}
	.link .w1400{display:block !important;}
	.link .left{ width:100%; height:45px; font-size:16px;}
	.link .left img{ width:26px;}
	.link .right{ width:100%; padding:10px 0 0;}
	.link .right a{ font-size:15px; line-height:28px; padding:0 5px;}
}