<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.index-con { width: 100%; overflow: hidden;}

.index-con .index-banner { width: 100%; position: relative; }

.index-con .index-banner .swiper-slide { position: relative; }

.index-con .index-banner .swiper-slide .mobile{display: none;}

.index-con .index-banner .swiper-slide img { display: block; width: 100%; }

.index-con .index-banner .swiper-slide .slide-con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.index-con .index-banner .swiper-slide .slide-con .slide-txt { max-width: 1400px; margin: 18% auto 0; }

.index-con .index-banner .swiper-slide .slide-con .slide-txt h1 { font-size: 48px; color: #fff; }

.index-con .index-banner .swiper-slide .slide-con .slide-txt p { margin-top: 3%; }

.index-con .index-banner .swiper-slide .slide-con .slide-txt p span { display: inline-block; font-size: 20px; color: #fff; margin-right: 20px; line-height: 40px;}
@media screen and (max-width: 800px) {
	.index-con .index-banner .swiper-slide .slide-con .slide-txt p span {line-height: 20px}
 }
.index-con .index-banner .swiper-slide .slide-con .slide-txt a { display: inline-block; font-size: 14px; color: #fff; width: 140px; height: 50px; line-height: 50px; text-align: center; background: #327bec; margin-top: 4%; }

.index-con .index-banner .swiper-slide .slide-con .slide-txt a i { display: inline-block; width: 0; height: 13px; background: url("../images/index-icon01.png") no-repeat center; margin-left: 10px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.index-con .index-banner .swiper-slide .slide-con .slide-txt a:hover i { width: 26px; }

.index-con .index-banner .swiper-pagination { 
    position: absolute; 
    left: 0; 
    bottom: 40px; 
    width: 100%; 
    text-align: center; 
    z-index:9;
}

.index-con .index-banner .swiper-pagination span { 
    width: 60px; 
    height: 6px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    background: #fff; 
    margin: 0 10px; 
}

.index-con .index-banner .swiper-pagination span.swiper-pagination-switch { opacity: 0.5; }

.index-con .index-banner .swiper-pagination span.swiper-active-switch { opacity: 1; }

.index-con .index-product { width: 100%; margin-top: 120px; overflow: hidden;}

.index-con .index-product .index-product-swiper { max-width: 1200px; margin: 40px auto; position: relative; }

.index-con .index-product .index-product-swiper .bg-d { display: inline-block; width: 304px; height: 105px; background: url("../images/index-icon02.png") no-repeat center; position: absolute; top: -50px; left: -140px; }

.index-con .index-product .index-product-swiper .swiper-container { overflow: visible; }

.index-con .index-product .index-product-swiper .swiper-slide { 
    max-width: 1200px; height: 546px; /*background: #f8f9f9;*/ 
}

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide { 
    width: 96%;
    height: 100%; 
    margin: 0 2%;
    background: #f8f9f9;
}

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt { float: left; width: 38%; height: 76%; padding: 5%; margin: 0 1%; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt h2 { font-size: 34px; color: #333; font-weight: normal; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt p { height: 62%; font-size: 18px; color: #666; line-height: 32px; margin-top: 40px; overflow: hidden; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt a { display: inline-block; font-size: 14px; color: #2857a1; width: 108px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #2857a1; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt a:hover { color: #fff; background: #2857a1; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img { float: left; width: 43%; height: 90%; padding-right: 5%; margin: 0 1%; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img .pro-img-wrap { height: 100%; display: table; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img .pro-img-wrap span { display: table-cell; vertical-align: middle; }

.index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img .pro-img-wrap span img { width: 100%; }

.index-con .index-product .index-product-swiper .arrow-left { 
    width: 49px; 
    height: 49px; 
    background: url("../images/index-icon03.png") no-repeat center; 
    position:absolute;
    top:50%;
    left: -25px; 
    z-index:8;
    margin-top:-24px;
}

.index-con .index-product .index-product-swiper .arrow-right { 
    width: 49px; 
    height: 49px; 
    background: url("../images/index-icon04.png") no-repeat center; 
    position:absolute;
    top:50%;
    right: -25px; 
    z-index:8;
    margin-top:-24px;
}

.index-con .index-product .index-product-swiper .swiper-pagination { width: 100%; text-align: center; margin-top: 20px; }

.index-con .index-product .index-product-swiper .swiper-pagination span { 
    width: 12px; 
    height: 12px; 
    margin: 20px 6px 0; 
    border-radius: 100%;
}
.index-con .index-product .index-product-swiper .swiper-pagination span.swiper-pagination-switch{
    opacity: 0.5;
    background: #000;
}
.index-con .index-product .index-product-swiper .swiper-pagination span.swiper-active-switch { 
    opacity: 1; 
    background: #007aff;
}

.index-con .index-solution { width: 100%; margin-top: 120px; background: #f7f7f7; padding-top: 10px; padding-bottom: 60px; }

.index-con .index-solution .index-solution-swiper { position: relative; }

.index-con .index-solution .index-solution-swiper span.bg-d { display: inline-block; width: 304px; height: 105px; background: url("../images/index-icon02.png") no-repeat center; position: absolute; top: -50px; right: 160px; }

.index-con .index-solution .index-solution-swiper .swiper-slide { background: #fff; height: 480px; overflow: hidden; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-img { width: 100%; position: relative; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-img &gt; img { display: block; width: 100%; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-img .solu-img-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-img .solu-img-txt span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../images/opacity-bg02.png") repeat; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-img .solu-img-txt img { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt { padding: 30px 20px; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt h1 { line-height: 26px; font-weight: normal; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt h1 a { font-size: 24px; color: #333; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt p { margin-top: 10px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt p a { font-size: 14px; color: #999; }

.index-con .index-solution .index-solution-swiper .swiper-slide:hover .solu-img-txt &gt; span { background: url("../images/opacity-bg01.png") repeat; }

.index-con .index-solution .index-solution-swiper .swiper-slide:hover .solu-txt h1 a { color: #007aff; }

.index-con .index-solution .index-solution-swiper .swiper-pagination { display: none; width: 100%; text-align: center; margin-top: 10px; }

.index-con .index-solution .index-solution-swiper .swiper-pagination span { width: 12px; height: 12px; margin: 0 6px; }

.index-con .index-solution .index-solution-swiper .swiper-button-prev { width: 19.21%; height: 480px; left: 0; top: 0; margin-top: 0; background: #d2d2d2 url("../images/index-icon03.png") no-repeat right 20px center; opacity: 0.9; }

.index-con .index-solution .index-solution-swiper .swiper-button-next { width: 19.21%; height: 480px; left: inherit; right: 0; top: 0; margin-top: 0; background: #d2d2d2 url("../images/index-icon04.png") no-repeat left 20px center; opacity: 0.9; }

.index-con .index-solution2 { width: 100%; margin-top: 120px; background: #f7f7f7;overflow: hidden; padding-top: 10px; padding-bottom: 60px; }

.index-con .index-solution2 .index-title { margin-bottom: 10px; }

.index-con .index-solution2 .arrow-left, 
.index-con .index-solution2 .arrow-right { 
    position: absolute; 
    top:50%;
    margin-top:-25px;
}

.index-con .index-solution2 .arrow-left { width: 49px; height: 49px; background: url("../images/index-icon03.png") no-repeat center; left: -65px; }

.index-con .index-solution2 .arrow-right { width: 49px; height: 49px; background: url("../images/index-icon04.png") no-repeat center; right: -65px; }

.index-con .index-solution2 .pic img { width: 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

.index-con .index-solution2 .index-solution2-swiper { 
    position: relative; 
    max-width: 1200px; 
    height:auto !important;
    margin: 0 auto; 
}

.index-con .index-solution2 .index-solution2-swiper .wrap { 
    padding: 40px 0; 
    /*overflow: hidden; */
    position:relative;
}

.index-con .index-solution2 .swiper-container { 
    height:auto !important;
    overflow: hidden;
}

.index-con .index-solution2 .swiper-slide { 
    height:auto !important;
    /*-webkit-transition: all 0.5s ease-in-out; 
    -o-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out; 
    transition: all 0.5s ease-in-out; */
    overflow: hidden;
    position:relative; 
}
.index-con .index-solution2 .swiper-slide a{
    display:block;
    width:95%;
    margin:0 auto;
    overflow:hidden;
}

.index-con .index-solution2 .swiper-slide:hover .pic img { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-box-shadow: 2px 2px 3px #aaaaaa; -moz-box-shadow: 2px 2px 3px #aaaaaa; box-shadow: 2px 2px 3px #aaaaaa; }

.index-con .index-solution2 .text { position: absolute; bottom: 40px; padding-left: 20px; padding-right: 20px; border-left: 10px solid #2857a1; }

.index-con .index-solution2 .text .t { font-size: 20px; color: #ffffff; padding-bottom: 15px; }

.index-con .index-solution2 .text .d { font-size: 14px; color: #ffffff; opacity: 0.6; line-height: 2; }

.index-con .index-newsCenter { width: 100%; padding: 10px 0 60px; }

.index-newsCenter .btn{position: absolute;bottom: 0px;overflow: hidden;z-index: 2;}

.index-newsCenter .btn .arrow-left , 
.index-newsCenter .btn .arrow-right{
    width: 31px;
    height: 31px;
    background-size: 100%;
    top: 0;
    margin-top: 0;
    position: static;
    float: left;
}

.index-newsCenter .btn .arrow-left{
    background: url("../images/f-prev.png") no-repeat;
}

.index-newsCenter .btn .arrow-left:hover{
    background: url("../images/f-prev-hover.png") no-repeat;
}

.index-newsCenter .btn .arrow-right{
    background: url("../images/f-next.png") no-repeat;
    margin-left: 15px;
}

.index-newsCenter .btn .arrow-right:hover{
    background: url("../images/f-next-hover.png") no-repeat;
}

.index-con .index-newsCenter .index-newsCon { max-width: 1200px; margin: 40px auto 0; position: relative; }

.index-con .index-newsCenter .index-newsCon span.bg-d { display: inline-block; width: 304px; height: 105px; background: url("../images/index-icon02.png") no-repeat center; position: absolute; top: -50px; left: -100px; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper { float: left; width: 46%; padding-right: 4%; position: relative; }

.index-con .index-newsCenter .swiper-container{/*z-index: 3;*/}

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide { position: relative; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide &gt; img { width: 93%; padding-bottom: 40px; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt {
    width:75%;
    padding: 30px 5%;
    background: rgba(40,87,161,0.8);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt span { display: block; font-size: 14px; color: #fff; opacity: 0.9; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt h2 { font-weight: normal; margin-top: 10px; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt h2 a {
	font-size: 16px;
	color: #fff;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt p { margin-top: 10px; opacity: 0.9; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt p a {
	font-size: 14px;
	color: #fff;
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-pagination { bottom: 10px; }

.index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-pagination span { width: 12px; height: 12px; margin-right: 6px; }

.index-con .index-newsCenter .index-newsCon .index-newsList { float: left; width: 48%; margin-left: 2%; padding: 0 0; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item { width: 100%; margin-bottom: 38px; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .time { float: left; width: 54px; border: 1px solid #2857a1; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .time span { display: block; margin: 6px 0; text-align: center; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .time span.day { font-size: 26px; color: #2857a1; font-weight: bold; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .time span.years { font-size: 12px; color: #2857a1; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt { float: left; width: 82%; padding-left: 4%; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt h1 { font-weight: normal; line-height: 1;height: 1em; overflow: hidden;}

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt h1 a { font-size: 16px; color: #333;line-height: 1;}

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt h1 a:hover { color: #2857a1; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt p { margin-top: 6px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.index-con .index-newsCenter .index-newsCon .index-newsList .index-news-item .newTxt p a { font-size: 14px; color: #999; }

.index-con .index-newsCenter .index-newsCon .news-moreBtn { float: left; margin-top: 40px; width: 100%; text-align: center; }

.index-con .index-newsCenter .index-newsCon .news-moreBtn a { display: inline-block; font-size: 14px; color: #fff; width: 140px; height: 50px; line-height: 50px; text-align: center; background: url("../images/nav-bg.png") repeat-y; -moz-background-size: 100%; background-size: 100%; }

/*.index-con .index-newsCenter .index-newsCon .news-moreBtn a i { display: inline-block; width: 0; height: 13px; background: url("../images/index-icon01.png") no-repeat center; margin-left: 10px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }*/

/*.index-con .index-newsCenter .index-newsCon .news-moreBtn a:hover i { width: 26px; }*/

.index-con .index-contact { width: 100%; background: url("../images/nav-bg.png") repeat-y; -moz-background-size: 100%; background-size: 100%; padding: 80px 0 60px; position: relative; }

.index-con .index-contact .bg-d { display: inline-block; width: 304px; height: 105px; background: url("../images/index-icon02.png") no-repeat center; position: absolute; top: 50px; right: 200px; z-index: 0; opacity: 0.4; }

.index-con .index-contact .bg-b { display: inline-block; width: 304px; height: 105px; background: url("../images/index-icon02.png") no-repeat center; position: absolute; bottom: 60px; left: 200px; z-index: 0; opacity: 0.4; }

.index-con .index-contact .index-contact-con { max-width: 1200px; margin: 0 auto; padding: 10px 0 40px; background: #fff; position: relative; z-index: 2; }

.index-con .index-contact .index-contact-con .index-contact-form { padding: 0 5%; z-index: 9; }

.index-con .index-contact .index-contact-con .index-contact-form .label { margin-bottom: 20px; position: relative; }

.index-con .index-contact .index-contact-con .index-contact-form .even p { width: 48%; float: left; line-height: 60px; background: #f7f7f7; }

.index-con .index-contact .index-contact-con .index-contact-form .even p span { float: left; font-size: 16px; color: #000; width: 88px; padding-right: 20px; text-align: right; background: #fff; }

.index-con .index-contact .index-contact-con .index-contact-form .even p span i { display: inline-block; color: #f51b1b; margin-right: 6px; }

.index-con .index-contact .index-contact-con .index-contact-form .even p input { float: left; width: 400px; height: 60px; line-height: 60px; border: none; background: #f7f7f7; text-indent: 20px; outline: none; }

.index-con .index-contact .index-contact-con .index-contact-form .even p:first-child { float: left; }

.index-con .index-contact .index-contact-con .index-contact-form .even p:last-child { float: right; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p { width: 100%; line-height: 60px; background: #f7f7f7; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p.area { height: 120px; background: #f7f7f7; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p.area span { height: 120px; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p span { float: left; font-size: 16px; color: #000; width: 88px; padding-right: 20px; text-align: right; background: #fff; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p span i { display: inline-block; color: #f51b1b; margin-right: 6px; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p input { float: left; width: 930px; height: 60px; line-height: 60px; border: none; background: #f7f7f7; text-indent: 20px; outline: none; }

.index-con .index-contact .index-contact-con .index-contact-form .odd p textarea { width: 930px; height: 100px; background: none; border: none; outline: none; padding: 19px 20px; }

.index-con .index-contact .index-contact-con .labelBtn { margin-top: 40px; text-align: center; }

.index-con .index-contact .index-contact-con .labelBtn button { display: inline-block; font-size: 14px; color: #fff; width: 140px; height: 50px; line-height: 50px; text-align: center; background: url("../images/nav-bg.png") repeat-y; -moz-background-size: 100%; background-size: 100%; outline: none;border: none;}

.index-con .index-contact .index-contact-con .labelBtn button:hover i { width: 26px; }

.index-con .index-contact .index-contact-con .labelBtn button i { display: inline-block; width: 0; height: 13px; background: url("../images/index-icon01.png") no-repeat center; margin-left: 10px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.index-con .index-contact .index-contact-con .labelBtn input { display: inline-block; font-size: 14px; color: #fff; width: 140px; height: 50px; line-height: 50px; text-align: center; background: url("../images/nav-bg.png") repeat-y; border: none; cursor: pointer; }

@media screen and (max-width: 1600px) { .index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt h1 { line-height: 18px; }
  .index-con .index-solution .index-solution-swiper .swiper-slide .solu-txt h1 a { font-size: 18px; } }

@media screen and (max-width: 1366px) { .index-con .index-solution .index-solution-swiper .swiper-slide { height: 410px; }
  .index-con .index-solution .index-solution-swiper .swiper-button-prev { height: 410px; }
  .index-con .index-solution .index-solution-swiper .swiper-button-next { height: 410px; } }

@media screen and (max-width: 768px) {
  .index-newsCenter .btn{display: none;}
  .index-con .index-banner .swiper-slide .mobile{display: block;}
  .index-con .index-banner .swiper-slide .pc{display: none;}
  .index-con .index-contact .index-contact-con .index-contact-form { padding: 0 10px !important; }
  .index-con .index-contact .index-contact-con .index-contact-form .even p input { font-size: 14px; width: 60% !important; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p input { font-size: 14px; width: 60% !important; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p textarea { font-size: 14px; width: 58% !important; } }

@media screen and (max-width: 1440px) { .index-con .index-banner .swiper-slide .slide-con .slide-txt { max-width: 1200px; }
  .index-con .index-product { margin-top: 80px; }
  .index-con .index-product .index-product-swiper { max-width: 1200px; }
  .index-con .index-solution .index-solution-swiper .swiper-button-next { width: 18.91%; }
  .index-con .index-solution .index-solution-swiper .swiper-button-prev { width: 18.91%; }
  .index-con .index-newsCenter .index-newsCon { max-width: 1200px; }
  .index-con .index-contact .index-contact-con { max-width: 1200px; }
  .index-con .index-contact .index-contact-con .index-contact-form { max-width: 1200px; padding: 0 40px; margin: 0 auto; }
  .index-con .index-contact .index-contact-con .index-contact-form .even p input { width: 420px; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p input { width: 1000px; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p textarea { width: 972px; } }

@media screen and (max-width: 1200px) { .index-con .index-banner .swiper-slide { overflow: hidden; }
  .index-con .index-banner .swiper-slide img { width: 1200px; position: relative; left: 50%; margin-left: -600px; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt { padding: 0 10px; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt h1 { font-size: 36px; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt p span { font-size: 16px; }
  .index-con .index-contact .index-contact-con .index-contact-form .label { overflow: hidden; }
  .index-con .index-contact .index-contact-con .index-contact-form .even p input { width: 70%; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p input { width: 86%; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p textarea { width: 83.55%; } }

@media screen and (max-width: 1024px) {
	.index-title h2 { font-size: 32px; }
  .index-con .index-banner .swiper-slide { overflow: hidden; }
  .index-con .index-banner .swiper-slide img { width: 1024px; position: relative; left: 50%; margin-left: -512px; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt { padding: 0 10px; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt h1 { font-size: 36px; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt p span { font-size: 14px; }
  .index-con .index-product { margin-top: 60px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt { padding: 3%; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt h2 { font-size: 28px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt p { font-size: 14px; margin-top: 20px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img { width: 47%; }
  .index-con .index-solution { margin-top: 100px; }
  .index-con .index-solution .index-solution-swiper span.bg-d { display: none; }
  .index-con .index-solution .index-solution-swiper .swiper-pagination { display: block; }
  .index-con .index-solution .index-solution-swiper .swiper-button-prev { display: none; }
  .index-con .index-solution .index-solution-swiper .swiper-button-next { display: none; } }

@media screen and (max-width: 768px) {
	.index-con{
		margin-top: 60px;
	}
	.index-title h2 { font-size: 24px; }
  .index-con .index-solution2 .swiper-slide:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  .index-con .index-banner .swiper-slide img {
  	width: 100%;
  	margin-left: inherit;
  	left: inherit;
  }
  .index-con .index-banner .swiper-pagination{
  	bottom: 10px;
  }
  .index-con .index-banner .swiper-pagination span{
  	width: 30px;
  }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt { margin: 30px auto 0; }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt h1 {
  	font-size: 18px;
  	font-weight: normal;
  }
  .index-con .index-banner .swiper-slide .slide-con .slide-txt a { width: 100px; height: 40px; line-height: 40px; }
  .index-con .index-product .index-product-swiper .swiper-slide { height: auto; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt { float: none; width: auto; height: auto; padding: 20px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt h2 { font-size: 24px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt p { height: auto; line-height: 24px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-txt a { margin-top: 20px; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img { width: auto; float: none; height: auto; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img .pro-img-wrap { width: 100%; }
  .index-con .index-product .index-product-swiper .swiper-slide .pro-slide .pro-slide-img .pro-img-wrap span img { width: 80%; margin: 0 auto; }
  .index-con .index-solution .index-solution-swiper .swiper-slide { height: auto; }
  .index-con .index-newsCenter .index-newsCon .index-newsSwiper { float: none; width: auto; padding-right: 0; }
  .index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide &gt; img { width: 100%; padding-bottom: 0; }
  .index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-slide .newsSlideTxt { width: auto; padding: 20px; position: inherit; right: inherit; bottom: inherit; }
  .index-con .index-newsCenter .index-newsCon .index-newsSwiper .swiper-pagination {position: inherit; bottom: inherit; margin-top: 10px; }
  .index-con .index-newsCenter .index-newsCon .index-newsList { float: none; width: auto; margin-left: 0; padding: 20px; }
  .index-con .index-newsCenter .index-newsCon .news-moreBtn { margin-top: 20px; }
  .index-con .index-contact .index-contact-con .index-contact-form .label { margin-bottom: 0; }
  .index-con .index-contact .index-contact-con .index-contact-form .even p { width: 100%; line-height: 40px; margin-bottom: 10px; }
  .index-con .index-contact .index-contact-con .index-contact-form .even p span { 
    width: 80px; 
    height: 40px;
    line-height: initial;
    font-size: 14px; 

}
  .index-con .index-contact .index-contact-con .index-contact-form .even p input { width: 70%; height: 40px; line-height: 40px; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p { width: 100%; line-height: 40px; margin-bottom: 10px; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p span { 
    width: 80px; 
    height: 40px;
    font-size: 14px; 
    line-height: initial;
}
  .index-con .index-contact .index-contact-con .index-contact-form .odd p input { width: 70%; height: 40px; line-height: 40px; }
  .index-con .index-contact .index-contact-con .index-contact-form .odd p textarea { width: 72.79%; padding-top:10px;padding-left:20px;padding-bottom:0;} }
</pre></body></html>