@charset "utf-8";
/* CSS Document */
img.res{background-color:#fff;}
.banner{background-color: #fff;}
.banner .pager-next,.banner .pager-prev{border-radius:0;width:45px;height:76px;line-height:76px;border:0;background-color:hsla(0,0%,100%,.45);color:#fff;margin-top:-38px;font-size:3pc}
.pager-next:hover,.pager-prev:hover{background-color:rgba(0,0,0,.45)}
.banner{position:relative;width:100%;overflow:hidden}
.pointer li{border-radius:0;width:20px;height:4px;background-color:hsla(0,0%,100%,.45);border:0;margin:0}
.pointer li.active{background-color:#fff;width:20px;height:4px}
.swiper-container .swiper-paginations-new3 span{width: 20px;height: 20px;background: #fff;opacity: 1;filter: alpha(opacity=100);border-radius: 30px;}
.swiper-container .swiper-paginations-new3 span.swiper-pagination-bullet-active{background:#008e3f;height:20px;border-radius: 20px;animation:myfisrt 3s;}
#swiper1 .swiper-slide{overflow: hidden;}
#swiper1 .swiper-slide .big_img{width: 100%;position: relative;}
#swiper1 .swiper-button-prev{background: url(../images/img_145.png) no-repeat center center;}
#swiper1 .swiper-button-next{background: url(../images/img_144.png) no-repeat center center;}
#swiper2 .swiper-button-prev{background: url(../images/img_145.png) no-repeat center center;margin-top: 10px;}
#swiper2 .swiper-button-next{background: url(../images/img_144.png) no-repeat center center;margin-top: 10px;}
#swiper1 { padding-top:115px;}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
#swiper1 { padding-top:40px;}
}
.index_pro{ background-color:#fafafa;}
.index_pro_list{position: relative;overflow: hidden;height: 200px;}
.index_pro_list li{float: left;position: relative;overflow: hidden;margin-top: 42px;transition: all 0.5s;}
.index_pro_list li:first-child{margin-left: 0px;}
.index_pro_list_img{overflow: hidden;}
.index_pro_list_img img{width: 100%;transition: all 0.5s;}
.index_pro_list li:hover .index_pro_list_img img{transform: scale(1.1);}
.index_pro_list li:hover .index_pro_list_con{display: block;}
.index_pro_list_con{position: absolute;top: 0px;left: 0px;z-index: 2;overflow: hidden;width: 100%;height: 100%;display: none;transition: all 0.5s;}
.index_pro_list_tet{width: 100%;height: 32px;line-height: 32px; margin-top: 40px;text-align: center;color: #fff;font-size: 20px;overflow: hidden;position: relative;z-index: 2;}
.index_pro_list_tenr{width: 100%;height: 20px;line-height: 20px;text-align: center;color: #aaa;font-size: 12px;overflow: hidden;font-family: "Arial";position: relative;z-index: 2;}
.index_pro_list_bg{background: #000;opacity: .74;filter: alpha(opacity=74);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.index_pro_list{position: relative;overflow: hidden;height: 180px;}
.index_pro_list li{margin-top: 10px;}
.index_pro_list_tet{margin-top: 20px;height: 28px;line-height: 28px;text-align: center;color: #fff;font-size: 18px;overflow: hidden;position: relative;z-index: 2;}

}
/*通用*/
.index_tit{ width:100%;max-width:1200px; clear:both; text-align:center; margin:25px auto 10px; overflow:hidden;}
.index_tit h2{ font-size:36px; text-align:center; font-weight:normal; margin-bottom:15px; overflow:hidden;}
.index_tit h2 hr{width:30px; display:none;}
.index_tit h2 strong{ padding:0 10px;line-height:42px;color:#0094DB;}
.index_tit h2 a{color:#333;}
.index_tit h2 a:hover{color:#00A0E9;}
.index_tit h2 img{ vertical-align:middle;}

.index_tit1{width:100%; text-align:center; margin:35px auto 0px; overflow:hidden;}
.index_tit1 h2{ font-size:36px;line-height:1.5em;font-weight:normal; margin-bottom:20px; color:#fff; }
.index_tit1 h2 a{color:#fff;}
.index_tit1 h2 span{ display:inherit;}
.index_tit1 p{ font-size:20px; color:#fff; text-align:center; line-height:1.3em;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.index_tit h2{ font-size:18px; margin-bottom:10px;}
.index_tit h2 strong{ line-height:32px;}
.index_tit1{width:100%; text-align:center; margin:25px auto 0px; overflow:hidden;}
.index_tit1 h2{ font-size:18px;line-height:32px;font-weight:normal; margin-bottom:10px; color:#fff; }
.index_tit1 p{ font-size:16px; color:#fff; text-align:center; line-height:1em;}


}
/*热门产品推荐*/
.index_hot{ padding:20px 0 40px;}
.index_hot_pj{ padding-bottom:10px;}
.index_hot_pj_mid img{float:left; width:100%;transition: all 0.5s;}
.swiper-slide:hover .index_hot_pj_mid img{transform: scale(1.1);}
.index_hot_pj_mid{position:relative;overflow:hidden; padding-bottom:60px;}
.index_hot_pj_mid_footer{position:absolute; left:0; bottom:0; z-index:1; height:60px; background-image:url(../images/15.jpg);}
.index_hot_pj_mid:hover .index_hot_pj_mid_footer{height:auto; background-image:url(../images/11.png); color:#fff;}
.index_hot_pj_mid_jj{ display:none;padding:3% 5%; width:90%;}
.index_hot_pj_mid:hover .index_hot_pro_img_mid_name{display:none}
.index_hot_pj_mid:hover .index_hot_pj_mid_jj{display:block;}
.index_hot_pj_mid_jj_1{line-height:25px;}
.index_hot_pj_mid_jj_2{font-size:16px; padding-top:15px;}
.swiper-pagination-2{ margin-top:30px;}
.swiper-pagination-2 .swiper-pagination-bullet{ border:none; background-color:#666;width:8px; height:8px;-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius:100%; }
.swiper-pagination-2 .swiper-pagination-bullet-active{background-color:#094992;}
.index_fsjj_case_img_mid_img img{float:left; width:100%;}
.index_hot_pro_img_mid_name{ line-height:23px;text-align:center; color:#999; font-size:12px;}
.index_hot_pro_img_mid_name span{color:#333; font-size:16px; line-height:60px}
.index_fsjj_case_img_mid_img{overflow:hidden;}
.index_fsjj_case_img_mid:hover .index_hot_pro_img_mid_name{background-color:#303030;}
.index_fsjj_case_img_mid:hover .index_hot_pro_img_mid_name span{color:#fff;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; margin:0px; overflow:hidden; clear:both;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.index_hot{ padding:10px 0 20PX;}
}
/*优势*/
.index_advantage{ width:100%; padding:10px 0 50px; background:url(../images/bg.jpg) center 0 no-repeat;overflow:hidden;}
.s1-row{margin:10px auto 0 ;}
.s1-item{float:left;width:50%;}
.s1-item a{position:relative;display:block;text-decoration: none;}
.s1-img{width:50%;float:left;height:210px; overflow:hidden;}
.s1-text{width:50%;float:left;height:210px;position:relative;z-index:3; background:#FFFFFF;}
.s1-item .s1-img img{ margin:0 auto; text-align:center;transition: all 0.5s; overflow:hidden;}
.s1-item .bg1{ background:#EAE8F5;}
.s1-item .bg2{ background:#D2DDEF;}
.s1-item .bg3{ background:#D5EDEF;}
.s1-item .bg4{ background:#E9E8ED;}
.s1-item a:hover .s1-img img{transform: scale(1.1);}
.s1-row .s1-item:nth-child(4n+3) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+3) .s1-text{float:right;}
.s1-row .s1-item:nth-child(4n+4) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+4) .s1-text{float:right;}
.s1-text p{font-size:12px;color:#635f76;}
.s1-text h4{font-size:22px;color:#29213b;margin:5px 0 20px;}
.s1-text span{font-size:18px;display:inline-block;height:1px;width:2em;background:#999; margin-bottom:16px;}
.s1-item a:hover .s1-text h4{ color:#00A0E9}
.div-table{display:table;height:100%;width:100%;}
.div-cell{display:table-cell;vertical-align:middle;}
.div-center{text-align:center;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.s1-item{float:none;width:100%;}
.s1-text p{ display:none;}
.s1-text h88{ display:none;}
.s1-img{width:50%;float:left;height:118px; overflow:hidden;}
.s1-item .s1-img img{width: 100%; height:100%;}
.s1-text{width:50%;float:left;height:118px;position:relative;z-index:3; background:#FFFFFF;}
.s1-row .s1-item:nth-child(4n+2) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+2) .s1-text{float:right;}
.s1-row .s1-item:nth-child(4n+3) .s1-img{float:left;}
.s1-row .s1-item:nth-child(4n+3) .s1-text{float:left;}
.s1-text h4{font-size:16px;color:#29213b;margin:15px 0 10px;}

}

/*关于我们*/
.index_about{margin-top:40px;margin-bottom:40px}
.index_about_l{width:48%;float:left;}
.index_about_l img{width:100%;height:auto;} 
.index_about_l .l1{width:100%;margin-bottom:1%;}
.index_about_l .l2{width:49%;margin-right:1%;float:left;background:#ebdb2d;padding:7.5% 7%}
.index_about_l .l3{width:50%;float:right}
.index_about_l h4{font-size:20px;color:#111;line-height:20px;margin-bottom: 15px;}
.index_about_l p{line-height:21px;color:#222}
.index_about_r{width:49.5%;float:right;padding:35px 28px 30px;background:#f5f5f5}
.index_about_r h3{font-size:34px;line-height:34px;margin-bottom:20px}
.index_about_r h3 a{color:#111;}
.index_about_r p{line-height:26px;}
.index_about_r ul{margin-top:25px;}
.index_about_r ul li{background:#00A0E9; padding:8px;}
.index_about_r ul li div{width: 75%;float: right; padding-right:15px;}
.index_about_r ul li .img {width: 53px;height: 53px;}
.index_about_r ul li img{display: block;float: left;}
.index_about_r ul li img{  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.index_about_r ul li:hover img{ -webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.index_about_r ul li .ltt{ color:#FFFFFF; margin-top:8px;}
.index_about_r ul li .len{ color:#FFFFFF;}
@media screen and (max-width: 1024px) and (min-width:680px) {/* 移动端的尺寸 */
.index_about_l .l2{width:49%;margin-right:1%;float:left;background:#ebdb2d;padding:11.6% 2%}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.index_about_l{width:100%;float:none;}
.index_about_r{width:100%;float:none;padding:35px 28px 35px;background:#f5f5f5; clear:both;}
.index_about_l h4{font-size:16px;color:#111;line-height:20px;margin-bottom: 8px;}
.index_about_r h3{font-size:20px;line-height:34px;margin-bottom:20px}
.index_about_r ul li{ margin-bottom:8px;}

}
@media screen and (max-width: 679px) and (min-width:580px) {/* 移动端的尺寸 */
.index_about_l .l2{width:49%;margin-right:1%;float:left;background:#ebdb2d;padding:9% 2%}
}
@media screen and (max-width: 579px) and (min-width:461px) {/* 移动端的尺寸 */
.index_about_l .l2{width:49%;margin-right:1%;float:left;background:#ebdb2d;padding:6.5% 2%}
}

@media screen and (max-width: 460px) and (min-width:0px) {/* 移动端的尺寸 */
.index_about_l .l2{width:49%;margin-right:1%;float:left;background:#ebdb2d;padding:5% 2%}
}
@media screen and (max-width: 369px) and (min-width:0px) {/* 移动端的尺寸 */
.index_about_l h4{font-size:14px;color:#111;line-height:20px;margin-bottom: 5px;}
.index_about_l p{line-height:18px;color:#222; font-size:12px;}

}
/*新闻*/
.index-news {margin-top:40px; padding-top:20px; padding-bottom:40px; background-color:#fafafa; }
.index-news .title {width: 100%;height: auto;font-size: 24px;line-height: 24px;color: #000; }
.index-news .title .tits {font-weight: bold; }
.index-news .title .tit {font-family: HEB;text-transform: uppercase;margin-top: 4px; }
.index-news .list {width: 100%;height: auto;margin-top: 20px;overflow: hidden; }
.index-news .list ul {width: 110%;height: auto; }
.index-news .list ul li {width: 29%;height: auto;margin-right: 1.9%;float: left;background: #fff; }
.index-news .list ul li a {width: 100%;height: auto; }
.index-news .list ul li a .pic {width: 100%;height: 280px;overflow: hidden;position: relative; }
.index-news .list ul li a .pic img {transition: all .5s; }
.index-news .list ul li a .con {width: 100%;height: auto;border: 1px solid #f2f2f2;box-sizing: border-box; }
.index-news .list ul li a .con .con-new {width: 89.6%;height: auto;margin: 0 auto;padding-bottom: 20px; }
.index-news .list ul li a .con .con-new .tits {font-size: 18px;line-height: 18px;height: 18px;color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 28px; }
.index-news .list ul li a .con .con-new .tit {width: 100%;height: 60px;font-size: 14px;line-height: 30px;color: #616161;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 17px; }
.index-news .list ul li a .con .con-new .time {height: 32px;font-size: 14px;line-height: 32px;color: #828282;margin-top: 36px; }
.index-news .list ul li a .con .con-new .more {width: 100px;height: 32px;border-radius: 3px;background: #00A0E9;text-align: center;font-size: 12px;line-height: 32px;color: #fff;margin-top: 36px;display: none; }
.index-news .list ul li:hover {box-shadow: 0 0 15px rgba(117, 72, 0, 0.14); }
.index-news .list ul li:hover a .pic img {transform: scale(1.1); }
.index-news .list ul li:hover a .con .con-new .time {display: none; }
.index-news .list ul li:hover a .con .con-new .more {display: block; }
@media (max-width: 755px) {
.index-news .list ul li a .con .con-new .tits {margin-top: 10px; }
.index-news .list ul li a .con .con-new .tit {margin-top: 10px; }
.index-news .list ul li a .con .con-new .time {margin-top: 15px; } }
@media (max-width: 540px) {
.index-news .list ul {width: 100%; }
.index-news .list ul li {width: 100%;float: none;margin-right: 0;margin-bottom: 20px; }
.index-news .list ul li a .con .con-new .tit {height: 50px; line-height:24px;}
.index-news .list ul li a .con .con-new .time {height: 32px;font-size: 14px;line-height: 32px;color: #828282;margin-top: 16px; }
 }

/*行业应用*/
.b{position:relative;}
.b .b-bg{background-position:center;background-repeat:no-repeat;-webkit-transition:all .3s ease;transition:all .3s ease;height:500px;position:relative;overflow: hidden;display: none}
.b .b-bg-r{position:absolute;top:0;right:0; text-align:left;height:100%;width:100%;background-color:rgba(0,0,0,.65);padding:30px 15px}
.b .b-bg-r h3{color:#fff;font-size:2.4286em; padding-top:30px; width:500px; padding-left:40px;}
.b .b-bg-r h4{font-size:1.57143em;padding:14px 0 20px;border-bottom:3px solid #fff;width:500px; color:#fff; margin-left:40px;margin-bottom:14px}
.b .b-bg-r p{line-height:28px; font-size:16px; width:530px; padding-left:40px; color:#fff; }
.b-b{position:absolute;bottom:5%;color:#7f7f7f;font-size:54px; height:75px;color:#00A0E9; background-color:rgba(255,255,255,.95);}
.b-b i{margin:0 20px; cursor:pointer}
@media (min-width:450px){
.b-b{left:34px}
}
@media (min-width:760px){.b .b-bg-r p{font-size:13px}
.b .b-bg-r{width:48.5%;}
.b-b{left:48%}
}
@media (min-width:1000px){.b-b{left:48%}
.b .b-bg-r h3{color:#fff;font-size:2.4286em; padding-top:30px; width:400px; padding-left:40px;}
.b .b-bg-r h4{font-size:1.4em;padding:14px 0 20px;border-bottom:3px solid #fff;width:400px; color:#fff; margin-left:40px;margin-bottom:14px}
.b .b-bg-r p{line-height:28px; font-size:13px; width:430px; padding-left:40px; color:#fff; }

}
@media (min-width:1200px){.b-b{left:47%}.b .b-bg-r p{font-size:15px}
}
@media (min-width:300px) and (max-width:759px){.b {display:none }
}
/*首页合作*/
.product .box2 {width: 100%;height: auto;padding-top:20px;padding-bottom:40px;background-size: cover !important; }
.product .box2 .index_tit h2 {color: #d8d8d8;}
.product .box2 .box-pro .list {width: 100%;height: auto;margin-top:23px;position: relative; }
.product .box2 .box-pro .list .list-pro {width: 100%;height: auto;overflow: hidden; }
.product .box2 .box-pro .list .list-pro ul {width: 100%;height: auto; }
.product .box2 .box-pro .list .list-pro ul li {width:18.66666667%;height: auto;background: #fafafa;float: left;margin-right:25px;transition: all 0.5s; }
.product .box2 .box-pro .list .list-pro ul li a {width: 100%;height: auto;display: block;padding-bottom: 20px; }
.product .box2 .box-pro .list .list-pro ul li a .pic {width: 100%;height: auto;overflow: hidden; }
.product .box2 .box-pro .list .list-pro ul li a .pic img {transition: all .5s; }
.product .box2 .box-pro .list .list-pro ul li a .con {width: 88.9%;height: auto;margin: 0 auto; }
.product .box2 .box-pro .list .list-pro ul li a .con .tits {font-size: 16px;line-height: 16px;height: 16px; text-align:center;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 15px; }
.product .box2 .box-pro .list .a {width: 50px;height: 50px;position: absolute;top: 50%;margin-top: -25px;display: block; }
.product .box2 .box-pro .list .a.prev {left: -80px;background: url(../images/btn05.png) no-repeat; }
.product .box2 .box-pro .list .a.next {background: url(../images/btn06.png) no-repeat;right: -80px; }
.product .box2 .box-pro .list .a.prev:hover {left: -80px;background: url(../images/btn05_h.png) no-repeat; }
.product .box2 .box-pro .list .a.next:hover {background: url(../images/btn06_h.png) no-repeat;right: -80px; }
.product .box2 .box-pro .list .swiper-button-disabled {
opacity: 0.2; }
@media (max-width: 1600px) {
.product .box2 .box-pro .list .a {z-index: 10; }
.product .box2 .box-pro .list .a.prev {left: 0; }
.product .box2 .box-pro .list .a.next {right: 0; }
.product .box2 .box-pro .list .list-pro ul li {width:18.66666667%;height: auto;background: #fafafa;float: left;margin-right:25px;transition: all 0.5s; }
 }
@media (max-width: 1024px) {
.product .box2{padding-top: 50px;padding-bottom:40px; }
.product .box2 .title .t {font-size: 80px;line-height: 80px; }
.product .box2 .title .t1 {font-size: 26px;line-height: 80px; }
.product .box2 .box-pro .list .list-pro ul li:hover {background: #3072c4; }
.product .box2 .box-pro .list .list-pro ul li:hover a .pic img {transform: scale(1.1); }
.product .box2 .box-pro .list .list-pro ul li:hover a .con .tits {color: #fff; }
}
@media (max-width: 800px) {
.product .box2 .box-pro .list {margin-top: 20px; } 
}
@media (max-width: 710px) {
.product .box2{padding-top: 30px;padding-bottom: 50px; }
.product .box2 .title .t {font-size: 50px;line-height: 60px; }
.product .box2 .title .t1 {font-size: 20px;line-height: 60px; }
}
@media (max-width: 450px) {
.product .box2{padding-top: 20px;padding-bottom: 30px; }
}