/* Banner Slider */
.single_slide_slider{margin-top:60px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{--swiper-navigation-color: #d6d6d6;}
.swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{--swiper-navigation-color: #0facf3;}
.swiper-container-initialized .swiper-button-next, .swiper-container-initialized .swiper-container-rtl, .swiper-container-initialized .swiper-button-prev{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #d6d6d6;}
.swiper-container-initialized .swiper-button-next:hover, .swiper-container-initialized .swiper-container-rtl:hover, .swiper-container-initialized .swiper-button-prev:hover{padding: 10px;-webkit-border-radius: 100%; border-radius: 100%;border:1px solid #0facf3;}
.title{ width:100%; text-align:left; color:#fff; font-size:45px; padding-top:15%; font-weight:bold}
.title2{ width:100%; text-align:left; color:#fff; font-size:25px; line-height:50px;}
.banner-pages .swiper-pagination-bullet {width:50px;height:4px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius:0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.banner-pages .swiper-pagination-bullet-active {opacity:1;background:#ffffff}
/*about*/
.indexTit {padding: 52px 0 42px;position: relative;text-align: center;}
.indexTit .en {font-size: 36px; color: #1a2858;font-weight: bold;text-transform: uppercase;}
.indexTit .en span {color: #d70c18;}
.indexTit h3 {font-size: 30px;padding: 12px 0 0; font-weight:bold}
/*.indexTit h3:after {display: block; content: ''; width:60px; height: 4px; margin: 10px auto 0; background-color: #d70c18;}*/
.indexTit p {font-size: 18px;padding-top: 5px;color: #666666;}
/*index about*/
.index-aboutbg{ width:100%; padding-bottom:50px; overflow:hidden; background:url(/images/about_bg.jpg) no-repeat center;}
.inaboutL{ float:left; width:527px; padding:10px; background:#dedede; height:342px;}
.inaboutL video{ width:527px; height:342px;}
.inaboutR{ float:right; width:630px; overflow:hidden;}
.inaboutR h1{ float:left; width:100%; line-height:50px; font-size:30px; color:#333333;}
.inaboutR p{ float:left; width:100%; line-height:30px;}
/*数字*/
.number_box{ margin:auto; width:1220px;color: #999; position: relative; z-index:2; background:#fff; height:130px; margin-top:25px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#dfdfdf,direction=200 strength=1);/*ie*/-moz-box-shadow: 0px 0px 5px #dfdfdf;/*firefox*/-webkit-box-shadow: 0px 0px 5px #dfdfdf;}
.number_box:before,
.number_box:after{content: ""; display: table;}
.number_box:after{clear: both;}
.number_box > .number_box_table{display: table; width: 100%; height: 43px; table-layout: fixed; margin-top: 42px;}
.number_box > .number_box_table > ul{display: table-row;}
.number_box > .number_box_table > ul > li{display: table-cell; border-left: 1px solid #ddd; text-align: center; font-size: 14px;}
.number_box > .number_box_table > ul > li:first-child{border-left: none;}
.number_box > .number_box_table > ul > li > div{position: relative; top: -10px; height: 40px;}
.number_box > .number_box_table > ul > li > div > span{font-size: 40px; font-family: Georgia, "Times New Roman", Times, serif; color:#c00;}
.number_box > .number_box_table > ul > li > div > sup{font-size: 13px; vertical-align: top; position: relative; top: -1px; color:#c00;}
.number_box > .number_box_table > ul > li > div > p{ padding-top:10px;}
/*客户案例*/
.nyprobox{ width:100%; overflow:hidden; padding-top:10px;}
.nyprobox ul{margin-left:-1%; width:100%;}
.nyprobox li{width:24%; float: left; margin-right:1%; background: #fff; margin-bottom: 30px;}
.nyprobox li p{ width:100%; float:left; line-height:35px; text-align:center; font-size:14px;}
.nyprobox li:nth-child(4n){ margin-right:0px;}
.fangdapic{ overflow:hidden; position:relative;}
.fangdapic>img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic>img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.ca-m a{display: inline-block;width: 220px;height: 43px;text-align: center;line-height: 43px;color: #fff;
    border-radius: 23px; background-image:linear-gradient(to right, #d70c18 , #b70611);}
.ca-m a:hover{box-shadow: 1px 1px 8px rgba(0,0,0,0.3)}
.tc{text-align:center;}
/*honor*/
.icon {background-image: url("/images/icon.png");display: inline-block;vertical-align: middle;}
.honor-bg{ width:100%; background:url(/images/honor_bg.jpg) no-repeat center; padding:30px 0; height:556px; margin-top:40px;}
.honorTit {padding:30px 0 42px;position: relative;text-align: center;}
.honorTit h3 {font-size: 30px;padding: 12px 0 0; font-weight:bold; color:#fff;}
.honorTit p{ font-size:15px; text-align:center; line-height:35px; color:#c4c4c4;}
.m-imgtxt01{ width:1220px; margin:auto;position: relative;}
.m-imgtxt01 .slider{padding:10px 0 90px;}
.m-imgtxt01 .slick-arrow{position: absolute;bottom: 0;overflow: hidden;cursor: pointer;width: 40px;height: 40px;font-size: 0;line-height: 0;z-index: 9; background-repeat: no-repeat;background-position: center center;
-o-background-size: auto 30px;-ms-background-size: auto 30px;-moz-background-size: auto 30px;-webkit-background-size: auto 30px;background-size: auto 30px;background-color: transparent;border: 0;outline: 0;padding: 0;}
.m-imgtxt01 .slick-prev{left: 44%;background-image: url(/images/prev.png);background-position: left center;}
.m-imgtxt01 .slick-prev:hover{background-image: url(/images/prev.png);}
.m-imgtxt01 .slick-next{right: 44%;background-image: url(/images/next.png);background-position: right center;}
.m-imgtxt01 .slick-next:hover{background-image: url(/images/next.png);}
.m-imgtxt01 a.more{position: absolute;bottom: 0;left: 50%;margin-left: -20px;display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-image: url(/images/icon15-hover.png);
transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.m-imgtxt01 a.more:hover{background-image: url(/images/icon15-hover.png);}
.mobile{ display:none}
.cplist { width:100%;display: flex;flex-wrap: wrap;overflow:hidden; margin-top:20px; }
.cplist li {width:291px; margin-right:15px;cursor: pointer;border-bottom:0; margin-bottom:15px;}
.cplist li span{ float:left; width:100%; line-height:30px; text-align:center; font-size:15px; color:#fff}
.cplist li .img{ overflow:hidden;}
.cplist li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.cplist li .img img:hover{ transform: scale(1.1);-webkit-transform:scale(1.1)}
/*产品应用*/
.floor_4_main {height:800px;background: url("../images/j1_02.jpg") no-repeat center center;width: 100%;}
.floor_4 {position: relative;}
.index_title1 {width: 20%;float: left;padding-top: 18%;}
.index_title1 .subtit {font-size:35px;color: #333;line-height: 40px;font-family: "Arial";text-transform: uppercase;font-weight: bold;}
.index_title1 .tit {font-size: 30px;color: #333;line-height: 80px;}
.index .index_title1 .menu_right a { border: #c5c5c5 solid 1px;}
.index .index_title1 .menu_right {float: left;height: 34px;line-height: 34px;margin-top: 30px;}
.floor_4_1 {float: right; width: 75%; position: relative;}
.floor_4_1 .bd { width: 100%;padding-top: 19%;}
.floor_4_1 .bd ul {display: inline-block;}
.floor_4_1 .bd ul li {width: 330px; height: 622px;margin-right: 30px;}
.floor_4_1 .bd ul li a {display: block;width: 100%; height: 536px; background-color: #fff;transition: all ease 0.36s;position: relative;}
.floor_4_1 .bd ul li b {display: block;width: 100%;height: 86px; background: url("../images/j4_03.png") no-repeat center center;}
.floor_4_1 .bd ul li .t_top { display: inline-block;width: 100%; padding-top: 8.6%;}
.floor_4_1 .bd ul li .t_top .tit {display: inline-block;padding-left: 13.3%;}
.floor_4_1 .bd ul li .t_top .tit span {display: block;float: left;font-size: 34px;color: #0b0c1a; line-height: 34px;}

.floor_4_1 .bd ul li:hover a {transform: translateY(-5px);}
.floor_4_1 .bd ul li .t_top .desc {height: 56px;padding: 0 13.3%;font-size: 14px;color: #999;line-height: 24px;margin-top: 20px; height:72px;-webkit-line-clamp: 3;line-clamp:3;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.floor_4_1 .bd ul li .img {margin-top:100px;}
.floor_4_1 .bd ul li .img img {display: block;width: 100%;}
.floor_4_1 .bd ul li .txtBox {position: absolute; right: 7%;bottom: 10%;}
.floor_4_1 .bd ul li .txtBox i {display: block;width: 1px;height: 134px;background-color: #ddd;margin-left: 14px;}
.floor_4_1 .bd ul li .txtBox p {font-size: 30px;color: #999;line-height: 30px;font-family: "Arial";margin-top: 20px;}
.floor_4_1 .hd {position: absolute;left: -340px;top: 80%;}
.floor_4_1 .prev {display: block;width: 68px;height: 68px;background-position: 0px -317px;float: left;margin-right: 20px;transition: all ease 0.36s;cursor: pointer;}
.floor_4_1 .next {display: block;width: 68px;height: 68px;background-position: -88px -317px;float: left;transition: all ease 0.36s;cursor: pointer;}
.floor_4_1 .prev:hover {background-position: 0px -396px;}
.floor_4_1 .next:hover {background-position: -88px -396px;}
.links{ width:100%; overflow:hidden; line-height:25px; border-left:5px solid #d30d1a; padding-left:10px; box-sizing:border-box; margin-bottom:5px;}
@media (max-width: 1366px) {
  .floor_4_1 .bd ul li { width: 280px;height: 552px;margin-right: 30px;}
  .floor_4_1 .bd ul li a { height: 466px;}
  .floor_4_1 .bd ul li .img {margin-top: 30px;}
  .floor_4_1 .bd ul li .t_top .tit span {font-size: 28px;}
  .floor_4_main { height: 800px;background-size: 100% 100%;}
  .floor_4_1 .hd { position: absolute;left: -300px;top: 80%;}
}
/*news*/
.news-bg{ width:100%; background:#f7f7f7; padding:10px 0 30px 0; overflow:hidden;}
.newslist{ width:100%; margin-top:10px;}
.newslist .left{width:32%; float:left;}
.newslist .rect-86{ width:384px; height:330px;}
.newslist .rect-86 img{ width:384px; height:330px;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#fff; width:100%}
.newslist .left .intro .box{padding:25px 53px 35px 35px;}
.newslist .left .intro .box .t{font-size:20px; color:#1c1c1c; margin-bottom:3px;}
.newslist .left .intro .box .c{font-size:14px; color:#7b7b7b; margin-bottom:15px;}
.newslist .left .intro .box .date{font-size:14px; color:#9d9d9d; font-family:Arial; position:relative;}
.newslist .left .intro .box .icon{width:32px; height:9px; background:url(../images/ipart03_2.png) no-repeat center; position:absolute; right:0; bottom:2px;}
.newslist .left:hover .intro .box .t{color:#bf1b1d}
.newslist .center{width:66%; float:left; margin-left:2%;}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:48%; margin-left:2%; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:40px 42px 25px;}
.newslist .center .item_box .t{font-size:20px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.newslist .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(../images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}

.newslist .center .item:hover{box-shadow:0 0 20px rgba(0,0,0,.1)}
.newslist .center .item:hover .item_box .t{color:#bf1b1d}
.newslist .center .item:hover .item_box .c{color:#bf1b1d}
.newslist .center .item:hover .item_box .date{color:#bf1b1d}
.newslist .center .item:hover .item_box .date .icon{background:url(../images/ipart03_2.png) no-repeat center;}
/*wenhua*/
.hexin{ width:100%; margin:auto; overflow:hidden; margin-bottom:80px;}
.hexin .hexinL{ float:left; width:560px; height:405px; position:relative; background:url(../images/js1.jpg) no-repeat center}
.hexin .hexinL .test{ width:560px; bottom:0px; height:88px; background:url(../images/js_t.png); position:absolute;}
.hexin .hexinL .test p{ float:left; width:520px; padding-left:20px; line-height:45px; font-size:19px; color:#fff;}
.hexin .hexinL .test span{ float: left; width:520px; line-height:25px; font-size:17px; color:#fff; padding-left:20px;}
.hexin .hexinC{float:left; width:330px; overflow:hidden; background:#f4f4f4; height:405px; }
.hexin .hexinC p{ width:330px; padding-left:40px; padding-top:50px; line-height:40px; font-size:19px;}
.hexin .hexinC span{ float:left; margin:auto; width:260px; margin-left:40px; line-height:30px; font-size:17px;}
.hexin .hexinR{float:left; width:330px; overflow:hidden; background:#f4f4f4; height:405px; }
.hexin .hexinR p{ width:330px; padding-left:40px; padding-top:50px; line-height:40px; font-size:19px;}
.hexin .hexinR span{ float:left; margin:auto; width:260px; margin-left:40px; line-height:30px; font-size:17px; padding-bottom:83px;}
@media only screen and (max-width: 959px) {
 .indexTit {padding:32px 0 22px;position: relative;text-align: center;}
 .indexTit .en {font-size:24px; color: #1a2858;font-weight: bold;text-transform: uppercase;}
 .indexTit .en span {color: #d70c18;}
 .indexTit h3 {font-size:20px;padding: 2px 0 0; font-weight:bold}
 .indexTit p {font-size: 18px;padding-top: 5px;color: #666666;}
 /*about*/
 .index-aboutbg{padding-bottom:20px;}
 .inaboutL{ float:left; width:100%; padding:0; background:#fff; height:auto;}
 .inaboutL img{ width:100%;}
 .inaboutR{ float:left; width:100%; overflow:hidden;}
 .inaboutR h1{ float:left; width:100%; line-height:40px; text-align:center; font-size:22px; color:#333333;}
 .inaboutR p{ float:left; width:100%; line-height:27px;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
 .number_box{ display:none}
 /*case*/
 .nyprobox li{width:49%; float: left; margin-right:2%; background: #fff; margin-bottom:20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
 .nyprobox li p{ width:100%; float:left; line-height:22px; text-align:center; font-size:13px; height:44px;}
 .nyprobox li:nth-child(2n){ margin-right:0px}
 /*honor*/
 .honor-bg{ width:100%; background:url(/images/honor_bg.jpg) no-repeat center; padding:30px 0; height:auto; margin-top:40px;}
 .honorTit {padding:1px 0 12px;position: relative;text-align: center;}
 .honorTit h3 {font-size:24px;padding: 12px 0 0; font-weight:bold; color:#fff;}
 .honorTit p{ font-size:13px; text-align:center; line-height:25px; color:#c4c4c4;}
 .m-imgtxt01{ display:none}
 .mobile{ display:block; width:98%; margin:auto;}
 .cplist li { float:left;width:48%; margin-right:2%;cursor: pointer;border-bottom:0; margin-bottom:15px;}
 .cplist li:nth-child(2n){ margin-right:0px;}
 .cplist li img{width:100%}
 .cplist li:nth-child(5){ display:none}
 .cplist li:nth-child(6){ display:none}
 .floor_4_main{ display:none}
.newslist .left{width:100%; float:left;}
.newslist .rect-86{ width:100%;}
.newslist .rect-86 img{ width:100%;}
.newslist .left a{display:block;}
.newslist .left .intro{background:#fff; width:100%}
.newslist .left .intro .box{padding:10px;}
.newslist .left .intro .box .t{font-size:17px; color:#1c1c1c; margin-bottom:3px;}
.newslist .center{width:100%; float:left; margin-left:0px; margin-top:20px;}
.newslist .center .item{ float:left;background:#fff; transition:all 0.5s ease; width:100%; margin-left:0px; margin-bottom:2%;}
.newslist .center .item01{margin-bottom:20px;}
.newslist .center .item_box{display:block; padding:10px;}
.newslist .center .item_box .t{font-size:17px; color:#242424; transition:all 0.5s ease;}
.newslist .center .item_box .c{font-size:14px; color:#686868; line-height:23px; height:46px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:15px; transition:all 0.5s ease;}
.newslist .center .item_box .date{color:#9d9d9d; position:relative; font-family:Arial; border-top:1px solid #d8d8d8; transition:all 0.5s ease; margin-top:20px; padding-top:20px;}
.newslist .center .item_box .date .day{font-size:37px; line-height:37px; font-weight:bold;}
.newslist .center .item_box .date .year{font-size:14px; line-height:20px; margin-top:3px;}
.newslist .center .item_box .date .icon{width:32px; height:9px; background:url(../images/ipart03_3.png) no-repeat center; position:absolute; right:25px; bottom:15px; transition:all 0.5s ease;}
.hexin{ display:none}
.sj{ display:none}
}
