.index-tit { width: 100%; height: auto; overflow: hidden; }
.index-tit a { font-size: 40px; color: #01848B; font-weight: bold; }
.index-con { padding-top: 30px; width: 100%; }

/* index-pro */
#index-pro { padding: 60px 0; background: url(../images/index-pro.jpg) no-repeat center; }

.pro-menu { width: 100%; height: auto; text-align: center }
.pro-menu a { display: inline-block; margin: 3px; padding: 0 15px; height: 40px; line-height: 38px; color: #333333; border: 1px solid #CCCCCC; border-radius: 5px; font-size: 16px; transition: all 0.5s; }
.pro-menu a:hover { background-color: #009fa8; color: #fff }

.pro-item { padding: 40px 0; width: 100%; }
.pro-item .pro-swiper { height: 300px; }
.pro-item .pro-swiper .swiper-slide a { display: block; }
.pro-item .pro-swiper .swiper-slide .slide-img { width: 100%; height: 220px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pro-item .pro-swiper .swiper-slide .slide-img img { max-width: 100%; transition: all 0.5s; }
.pro-item .pro-swiper .swiper-slide .slide-info { width: 100%; height: 40px; background: #FFFFFF; color: #434343; transition: all 0.5s; }
.pro-item .pro-swiper .swiper-slide .slide-info p { padding: 0 20px; line-height: 40px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pro-item .pro-swiper .swiper-pagination-bullet-active { background: #01848B; }
.pro-item .pro-swiper .swiper-slide:hover .slide-img img { transform: scale(1.1); }
.pro-item .pro-swiper .swiper-slide:hover .slide-info { background: #01848B; color: #FFFFFF; }
.pro-item .pro-swiper .swiper-pagination-bullets { bottom: 0; }

.pro-contact .p1 { width: 500px; height: 50px; margin: 0 auto; text-align: center; line-height: 48px; font-size: 24px; color: #01848B; font-weight: bold; border: 1px solid #01848B; }
.pro-contact .p2 { width: 500px; height: 50px; margin: 0 auto; margin-top: 15px; line-height: 40px; text-align: center; }
.pro-contact .p2 span { display: inline-block; height: 40px; padding-left: 50px; line-height: 40px; font-size: 28px; color: #222222; background: url(../images/index_ic.png) no-repeat center left; }
.pro-contact .p2 a { display: inline-block; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #FFFFFF; background: #F28500; border-radius: 5px; }

/* index-about */
#index-about { padding: 60px 0; width: 100%; }

.about-con { width: 100%; }
.in-about-info { width: 575px; }
.in-about-info > h1 { line-height: 45px; font-size: 40px; font-weight: bold; color: #333333; }
.in-about-info > h2 { line-height: 40px; font-size: 45px; color: #DDDDDD; font-weight: bold; text-transform: uppercase; }
.in-about-info > .content { width: 100%; padding-top: 30px; line-height: 24px; font-size: 13px; color: #333333; }
.in-about-img, .in-about-img img { width: 625px; }

.in-about-item { margin-top: 40px; width: 100%; height: 248px; }
.item-left, .item-right { width: 50%; height: inherit; }
.in-about-item .left { float: left; padding: 40px 0; width: 50%; height: inherit; text-align: center; }
.in-about-item .left b { display: block; line-height: 50px; font-size: 20px; }
.in-about-item .right { float: right; width: 50%; }
.in-about-item .right img { width: 100%; height: 248px; }
.item-left .left { color: #FFFFFF; background: #00AAAA; }
.item-right .left { color: #333333; background: #F2F2F2; }

/* index-case */
#index-case { padding: 60px 0; background: url(../images/index_case_bg.jpg) no-repeat center; }

.case-swiper .swiper-slide { height: 400px; }
.case-swiper .swiper-slide a { display: block; }
.case-swiper .swiper-slide .slide-img { width: 100%; height: 300px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.case-swiper .swiper-slide .slide-img img { max-width: 100%; transition: all 0.5s; }
.case-swiper .swiper-slide .slide-info { width: 100%; height: 50px; background: #FFFFFF; color: #434343; transition: all 0.5s; }
.case-swiper .swiper-slide .slide-info p { padding: 0 20px; text-align: center; line-height: 50px; font-size: 16px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.case-swiper .swiper-slide:hover .slide-img img { transform: scale(1.1); }
.case-swiper .swiper-pagination-bullet-active { background: #01848B; }
.case-swiper .swiper-pagination-bullets { bottom: 0; }
.case-swiper .case-prev, .case-swiper .case-next { top: 140px; width: 73px; height: 70px; transition: all 0.3s; transition: all 0.3s; }
.case-swiper .case-prev::after, .case-swiper .case-next::after { content: ""; }
.case-swiper .case-prev { left: 0; background: url(../images/i_case_left.png) no-repeat center; }
.case-swiper .case-prev:hover { background: url(../images/i_case_left_on.png) no-repeat center; }
.case-swiper .case-next { right: 0; background: url(../images/i_case_right.png) no-repeat center; }
.case-swiper .case-next:hover { background: url(../images/i_case_right_on.png) no-repeat center; }

/* index-service */
#index-service { padding: 40px 0; width: 100%; }

.xyin-service { width: 100%; height: auto; overflow: hidden; margin-top: 40px; background: #FAFAFA; }
.xyin-service_l { width: 62%; float: left; padding: 2.5% 0 0 2% }
.xyin-service_l h3 { font-size: 36px; color: #383838; font-weight: normal }
.xyin-service_l h4 { background: url(../images/index_se_bg.png) no-repeat center left; margin-top: 20px; line-height: 68px; padding-left: 15px; color: #fff; font-size: 20px }
.xyin-service_r { width: 35%; float: right }
.xyin-service_r a img { width: 100%; height: auto; overflow: hidden }
.xyin-service_l .tel { height: 40px; line-height: 40px; margin-top: 25px; }
.xyin-service_l .tel span { display: inline-block; padding-left: 60px; font-size: 28px; color: #222; font-family: Arial, Helvetica, sans-serif; background: url(../images/index_ic.png) no-repeat left center; }
.xyin-service_l .tel a { display: inline-block; height: 36px; padding: 0 30px; font-size: 14px; color: #fff; background: #20b5b5; border-radius: 2px; vertical-align: top; margin-left: 14px; font-weight: bold; margin-top: 2px; }

/* index-news */
#index-news { padding: 20px 0 40px; width: 100%; }

.xyin-news { width: 100%; height: auto; overflow: hidden; }
.xyin-news_list:nth-of-type(1) { margin-left: 0; }
.xyin-news_list { width: 32%; float: left; margin-left: 2%; background-color: #f4f4f4; }
.xyin-news_top a.img { display: block; width: 100%; padding-top: 50%; position: relative; overflow: hidden; }
.xyin-news_top a.img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.xyin-news_top a.img b { width: 100%; text-align: center; background: rgba(0,0,0,0.7); display: block; font: normal 24px/48px "微软雅黑"; color: #fff; margin-top: -48px; z-index: 9; position: relative; }
.xyin-news_top .info { padding: 5%; width: 100%; }
.xyin-news_top .info h3 { margin-bottom: 2%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.xyin-news_top .info h3 a { font-size: 18px; font-weight: bold; color: #222; }
.xyin-news_top .info span { line-height: 30px; color: #787878; font-family: Arial, Helvetica, sans-serif; }
.xyin-news_top .info p { height: 50px; line-height: 25px; color: #626262; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.xyin-news_b { margin: 0 5%; padding: 5% 0; border-top: 1px solid #d1d1d1; }
.xyin-news_b ul li { width: 100%; line-height: 36px; }
.xyin-news_b ul li a { line-height: 36px; color: #434343; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.xyin-news_b ul li a span { color: #01848b; font-weight: bold; margin-right: 10px; }