.index_banner { height: 550px; position: relative; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .more{ z-index: 33;opacity: 0; position: absolute;left: 50%; width: 1300px; margin-left: -650px; top: 480px; text-align: left;transition: 0.5s;  transition-delay: 1.2s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ display: block; border-radius: 90px; height: 40px; width: 40px; border:#fff solid 1px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 300px; }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 370px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 490px; }
.index_banner .swiper-slide .link a{  color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-pagination{  bottom: 5%!important;}
.index_banner .swiper-pagination-bullet{  opacity: 0.5; width: 10px; height: 10px; margin:0px 4px!important; background: #fff; border-radius: 40px; border:none; }
.index_banner .swiper-pagination-bullet-active{ background: #ff1b23;opacity: 1; border:none;}


.index_product{ padding-top: 70px; padding-bottom: 70px; }
.index_product .title{ text-align: left;margin-bottom: 20px; }
.index_product .title h3{ font-size: 30px; color: #333333; margin-bottom: 10px;}
.index_product .title p{ font-size: 20px; color: #555555; font-weight: bold;}
.index_product .title p strong{ color: #ff1b23; font-size: 16px; padding-left: 10px; }
.index_product .title span{  float: right; }
.index_product .title span a{ color: #999; background: url(../images/more.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 
.index_product .title a:hover{ color: #333; }
.index_product .content{ overflow: hidden; }
.index_product .content ul{ width: 105%; }
.index_product .content ul li{ float: left; width: 310px; margin-right: 20px; text-align: center; margin-bottom: 20px;}
.index_product .content ul li img{ width: 100%; display: block; }
.index_product .content ul li p{ padding-top: 10px; }
.index_product .content ul li p a{ color: #333; font-weight: bold; font-size: 16px; }
.index_product .content ul li p a:hover{ color: #ff1b23 }
 

.index_news{ padding-top: 70px; padding-bottom: 70px; background: #f8f8f8; }
.index_news .title{ text-align: left;margin-bottom: 20px; }
.index_news .title h3{ font-size: 30px; color: #333333; margin-bottom: 10px;}
.index_news .title span{  float: right; }
.index_news .title span a{ color: #999; background: url(../images/more.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 
.index_news .title a:hover{ color: #333; }
.index_news .left{float: left; width: 38%;}
.index_news .left .img { overflow: hidden; height: 260px; }
.index_news .left .img img{ width: 100%; display: block; }
.index_news .left .info{ background: #999999; color: #fff; padding: 25px; }
.index_news .left .info h4{ margin-bottom: 10px; }
.index_news .left .info h4 a{ color: #ffffff; }
.index_news .left .info p{ color: #ffffff; font-size: 14px;line-height: 1.6em; }
.index_news .right{float: right; width: 58%;}
.index_news .right ul li .number{ float: left; width:10%; color: #999; font-size: 24px; }
.index_news .right ul li .info{ float: left; width: 90%;}
.index_news .right ul li .info span{  float: right; font-size: 14px; color: #999; font-weight: normal; }
.index_news .right ul li .info h4 { margin-bottom: 10px; }
.index_news .right ul li .info h4 a{ color: #333333; font-size:16px; font-weight: normal;  }
.index_news .right ul li .info p.description{ color: #999999; font-size:14px; font-weight: normal; line-height: 1.6em; }
.index_news .right ul li{ border-bottom: #ececec solid 1px; padding-top: 20px; padding-bottom: 20px;}
.index_news .right ul li:last-child{ border:none; }
.index_news .right ul li:hover .info h4 a{ color: #ff1b23; }
.index_news .right ul li:hover .info p{ color: #666; }

.index_case{ padding-top: 70px; padding-bottom: 70px; }
.index_case .title{ text-align: left;margin-bottom: 20px; }
.index_case .title h3{ font-size: 30px; color: #333333; margin-bottom: 10px;}
.index_case .title span{  float: right; }
.index_case .title span a{ color: #999; background: url(../images/more.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 
.index_case .title a:hover{ color: #333; }
.index_case .content {  }
.index_case .content ul{ width: 105% }
.index_case .content ul li{ width: 407px; margin-right: 40px; float: left; text-align: center; background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.08) }
.index_case .content ul li img{ width: 100%; display: block; }
.index_case .content ul li h4{ padding-top: 20px; padding-bottom: 20px; }
.index_case .content ul li h4 a{ color: #333; }
.index_case .content ul li:hover h4 a{ color: #ff1b23; }


.index_about .box{ line-height: 1.8em; float: right; width: 530px; background: rgba(0,0,0,0.5); padding-top:100px; padding-bottom: 100px; color: #fff; padding-left: 35px ;padding-right: 35px; }
.index_about .title{ text-align: left;margin-bottom: 20px; }
.index_about .title{ font-weight: bold;   font-size: 30px; color: #fff; margin-bottom: 30px;}
.index_about .content{ margin-bottom: 20px; }
.index_about .more a{ color: #fff; background: url(../images/more_white.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 



.detailbanner{ height: 200px; position: relative; }
.detailbanner .more a{ border-radius: 90px; height: 40px; width: 40px; border:#fff solid 1px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; }
.detailbanner .menu{ position: absolute; height: 45px; -webkit-backdrop-filter:blur(3px); backdrop-filter: blur(3px);background: rgba(255,255,255,0.3); line-height: 45px; left: 0px; right: 0px; bottom: 0px; }
.detailbanner .menu .position{ float: right; color: #fff; font-size: 14px;opacity: 0.7;  }
.detailbanner .menu .position a{ color: #fff; }
.detailbanner .menu .position a:hover{ color: #ff1b23;}
.detailbanner .menu .position i{ margin-right:4px; margin-left:4px;}
.detailbanner .menu ul{ float: left; }
.detailbanner .menu ul li{ float: left; margin-right: 32px; }
.detailbanner .menu ul li a{ color: #fff; font-size: 16px; }
.detailbanner .menu ul li a.active{ color: #ff1b23; font-weight: bold; }
.detailbanner .menu h1{ font-size: 16px; color: #ff1b23; font-weight: bold; }

.about_about{padding-top: 60px; padding-bottom: 60px; }
.about_about .title{ text-align: center; position: relative; height: 90px; margin-bottom: 30px; }
.about_about .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 50%; margin-left: -20px; bottom: 0px; }
.about_about .title h2{ color: #333; font-size: 30px; }
.about_about .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }
.about_about .content{ margin-bottom: 50px; }
.about_about .content p{ line-height: 2em;  text-indent: 2em; color: #333; font-size: 16px;text-align: justify;}
.about_about .number{ overflow: hidden; }
.about_about .number ul{ width: 105%; }
.about_about .number ul li{ float: left; width:285px; border-radius: 5px; border:#ececec solid 1px; margin-right: 50px; text-align: center; padding-top: 30px; padding-bottom: 30px; }
.about_about .number ul li strong{ color: #ff1b23; font-size: 36px;font-family: "AlibabaSans-Bold"; margin-bottom: 6px;  display: block;}
.about_about .number ul li p{ color: #666; font-size: 14px; }
.about_business{ background: #f7f7f7; }
.about_business .left{ width: 50%; float: left; height: 500px; }
.about_business .left .box{ width: 650px; float: right; padding-top: 80px; }
.about_business .left .box .title{ text-align: left; position: relative; height: 90px; margin-bottom: 20px; }
.about_business .left .box .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 0px; bottom: 0px; }
.about_business .left .box .title h2{ color: #333; font-size: 30px; }
.about_business .left .box .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }
.about_business .left .box .content { padding-right: 50px; }
.about_business .left .box .content p{ line-height: 2em;  text-indent: 2em; color: #333; font-size: 16px;text-align: justify;}
.about_business .right{ width: 50%; float: left; height: 500px; }
.about_listed{ padding-top: 160px; padding-bottom: 160px; text-align: left; font-size: 24px; color: #fff; line-height: 1.8em; }
.about_listed strong{ color: #ff1b23;}
.about_power{padding-top: 60px; padding-bottom: 60px; }
.about_power .title{ text-align: center; position: relative; height: 90px; margin-bottom: 30px; }
.about_power .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 50%; margin-left: -20px; bottom: 0px; }
.about_power .title h2{ color: #333; font-size: 30px; }
.about_power .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }
.about_power .content{  }
.about_power .content p{ line-height: 2em;  text-indent: 2em; color: #333; font-size: 16px;text-align: justify;}

.dealerscontent .search_box{  position: relative; width: 600px; margin: 0 auto; height: 100px; }
.dealerscontent .search_box .input_text{width:596px; font-weight:bold; font-size: 18px; position: absolute; left: 0px; top: 0px; text-indent: 20px; border-radius: 54px; border:#dadada solid 2px; height: 54px; line-height: 54px; }
.dealerscontent .search_box .input_submit{  position: absolute; top: 15px; right: 15px; height: 28px; text-indent: -999em; width: 28px;border-radius: 28px;  border: none; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjE5MS45NHB4IiB2aWV3Qm94PSIwIDAgMTA2NyAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgxNC44NjUyNjEgNzY5LjYxODQ5MmwxNDIuNjc0NjY3IDE0OC45NDI0NTVjMjQuOTA2MjE0IDI0Ljc0MTI3MiAyNC45MDYyMTQgNjguMjg1OTEgMCA5My4wMjcxODJsNi4yNjc3ODktNi4yNjc3ODljLTI0LjkwNjIxNCAyNC45MDYyMTQtNjIuMDE4MTIxIDI0LjkwNjIxNC04Ni45MjQzMzUgMGwtMTQ4Ljk0MjQ1NS0xNTUuMjEwMjQ1Yy03NC4zODg3NTcgNDkuNjQ3NDg1LTE2Ny41ODA4OCA4MC42NTY1NDYtMjYwLjYwODA2MiA4MC42NTY1NDYtMjU0LjUwNTIxNSAwLjE2NDk0Mi00NjUuNDY1NzkxLTIxMC43OTU2MzUtNDY1LjQ2NTc5MS00NjUuMzAwODVDMS44NjcwNzQgMjExLjEyNTUxOCAyMDYuNzI0ODAzIDAgNDYxLjA2NTA3NiAwYzI1NC41MDUyMTUgMCA0NjUuNDY1NzkxIDIxMS4xMjU1MTggNDY1LjQ2NTc5MiA0NjUuNDY1NzkxIDAgMTE3LjkzMzM5NS00My4zNzk2OTYgMjIzLjQ5NjE1NC0xMTEuNjY1NjA3IDMwNC4xNTI3MDF6TTQ2Ny4zMzI4NjUgODM3LjkwNDQwMUM2NzIuMDI1NjUzIDgzNy45MDQ0MDEgODM5LjYwNjUzMyA2NzAuMzIzNTIxIDgzOS42MDY1MzMgNDY1LjQ2NTc5MSA4MzkuNjA2NTMzIDI2MC42MDgwNjIgNjcyLjAyNTY1MyA5My4wMjcxODIgNDY3LjE2NzkyMyA5My4wMjcxODIgMjYyLjMxMDE5NCA5My4wMjcxODIgOTQuNzI5MzEzIDI2MC42MDgwNjIgOTQuNzI5MzEzIDQ2NS40NjU3OTEgOTQuODk0MjU1IDY3MC4zMjM1MjEgMjYyLjQ3NTEzNSA4MzcuOTA0NDAxIDQ2Ny4zMzI4NjUgODM3LjkwNDQwMXogbTAgMCIgZmlsbD0iI2ZmMWIyMyIgLz48L3N2Zz4=') no-repeat center #fff; background-size: 24px 24px  }
.dealerscontent{ padding-bottom: 100px; }
.dealerscontent h1{ text-align: center; font-size: 30px; color: #ff1b23; padding-top: 50px; margin-bottom: 40px;  }
.dealerscontent h4{ text-align: left; font-size: 16px; color: #999999; font-weight: normal; margin-bottom: 10px;  }
.dealerscontent .pagewidth{width: 1000px; margin: 0 auto;}
.dealerscontent .result{ border-radius: 6px; padding: 100px; text-align: center; font-size: 18px; color: #333; border:#dadada solid 1px; margin-bottom: 30px; }
.dealerscontent .result strong{ color: #ff1b23 }
.dealerscontent .sample{ border-radius: 6px; padding:60px 100px; text-align: center; font-size: 18px; color: #333; border:#dadada solid 1px;}
.dealerscontent .sample img{ width: 100%; }




.case_list{ padding-top: 40px; padding-bottom: 40px;}
.case_list .pagewidth{ overflow: hidden; }
.case_list ul{ width: 105%; }
.case_list ul li{ width:270px; float: left; margin-right: 30px; border:#ececec solid 1px; background: #fff; padding: 15px; margin-bottom: 30px; }
.case_list ul li .img{ height: 180px;  overflow: hidden; }
.case_list ul li .img img{ width: 100%; height: 100%; object-fit: cover;}
.case_list ul li .name{ color: #333; padding-top: 15px; }
.case_list ul li .name i{ float: right; position: relative; top:4px; }
.case_list ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.case_list ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}


.product_list{ margin-bottom: 40px;padding-top: 40px; }
.product_list .data{ padding-top: 0px; padding-bottom: 20px; font-size: 16px; color: #666; }
.product_list .pagewidth{ overflow: hidden; }
.product_list ul { width: 105%; }
.product_list ul li{ float: left; width: 300px; margin-right: 30px; margin-bottom: 30px;  border:#ececec solid 1px;}
.product_list ul li:nth-child(4n + 1) {
    clear: both;
}
.product_list ul li .img {overflow: hidden; padding:20px;}
.product_list ul li .img img { display: block; width: 100%; transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.product_list ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}
.product_list .text{ padding: 10px 20px; padding-bottom: 30px; text-align: center;  color: #333333; line-height: 1.1em}
.product_list .text h2 a{ font-weight: normal; color: #333; font-size: 16px; }
.product_detail{ padding-bottom:40px;padding-top: 40px; }
.product_detail .content{ }
.product_detail .content .top .photo{  float: left; width: 50%; }
.product_detail .content .top .info{  float: right; width: 49%; }
.product_detail .content .top .info h1{ font-size: 30px; color: #ff1b23; font-family: "AlibabaSans-Bold"; margin-bottom: 20px;}
.product_detail .content .top .info .description{ line-height: 2em; font-size: 16px; color: #444444;  margin-bottom: 30px;}
.product_detail .content .top .info .down a{ display: inline-block; background: #999999;color: #fff; font-size: 14px; padding: 8px 25px; border-radius: 4px; margin-bottom: 10px;  }
.product_detail .content .bottom{ padding-top: 30px; }
.product_detail .content .bottom h2.title{ color: #999; font-size: 16px; padding:10px 15px; background: #f7f7f7; }
.product_detail .content .bottom .html{ padding: 15px; font-size: 16px; color: #333; line-height: 2em; }

.master-slider{ border:#ececec solid 1px; }
.ms-thumb-frame{ border:#ececec solid 1px; }


.pagecontent{ padding-top: 40px; padding-bottom: 40px; }
.pagecontent .html{ line-height: 2em; font-size: 16px; color: #333; }



.contactdetailbanner{ height: 250px; position: relative;  }
.contactdetailbanner h2{ color: #f4ba1d; font-size: 18px;  font-family: "Gotham-book"; font-weight: normal; text-align: center; padding-top: 80px; }
.contactdetailbanner h1{ color: #333; font-size: 30px; text-align: center; padding-top: 10px;  }
.contactdetailbanner p{ color: #999; font-size: 14px; text-align: center; padding-top: 5px;}

.contactsupport{ position: relative; }
.contactsupport h2{ color: #f4ba1d; font-size: 18px;  font-family: "Gotham-book"; font-weight: normal; text-align: center; padding-top: 80px; }
.contactsupport h1{ color: #333; font-size: 30px; text-align: center; padding-top: 10px;  }
.contactsupport p{ color: #999; font-size: 14px; text-align: center; padding-top: 5px;}
.contactsupport .content{ text-align: center; padding-top: 50px;padding-bottom: 100px; }
.contactsupport .content span{ display: inline-table; margin-left: 50px; margin-right: 50px;  color: #666666; font-size: 18px; }
.contactsupport .content strong{font-family: "Gotham-Medium"; color: #f90000 }
.contactsupport .content span i{ margin-right:15px; }
.contactsupport .content span a{ color: #12b7f4 }

.detailtwomenu{ height: 70px; line-height: 70px; border-bottom: #ececec solid 1px;}
.detailtwomenu ul{ display: -webkit-flex;  -webkit-flex-flow: row-reverse wrap; display: flex; flex-flow: row-reverse wrap; justify-content:center; flex-direction: row;}
.detailtwomenu ul li{font-size: 16px; font-weight: bold;}
.detailtwomenu ul li a{ color: #333; display: block; text-align: center; font-weight: normal; margin-left: 25px; margin-right: 25px; }
.detailtwomenu ul li a.active{ color: #f90000; border-bottom:#f90000 solid 2px; font-weight: bold; }







.down_list{ padding-top: 40px; padding-bottom: 40px;}
.down_list .pagewidth{ overflow: hidden; position: relative; }
.down_list .title{ background: #f5f5f5; height: 40px; line-height: 40px; }
.down_list .title li{ float: left; }
.down_list .title li.name{ width: 60%; font-size: 12px; color: #999; text-indent: 20px; }
.down_list .title li.size{ width: 10%; font-size: 12px; color: #999; }
.down_list .title li.date{ width: 20%; font-size: 12px; color: #999; }
.down_list .title li.down{ width: 10%; font-size: 12px; color: #999; }

.down_list .content li{ float: left; padding-top: 18px; padding-bottom: 18px; border-bottom: #ececec solid 1px;}
.down_list .content li.name{ width: 60%; font-size: 16px; color: #333; text-indent: 20px; }
.down_list .content li.name a{ color: #333; font-weight: bold; transition-duration: 0.3s }
.down_list .content li.size{ width: 10%; font-size: 16px; color: #666; }
.down_list .content li.date{ width: 20%; font-size: 16px; color: #666; }
.down_list .content li.down{ width: 10%;  }
.down_list .content li.down a{ color: #fff; background: #cccccc; border-radius: 4px; padding: 5px 20px; transition-duration: 0.3s}
.down_list .content:hover li.name a{  color: #ff1b23 }
.down_list .content:hover li.down a{  background: #ff1b23 }

.Collapsing{ border-top: #e6e6e6 solid 1px;color: #666666; font-size: 16px; font-weight: bold; padding-top: 15px; display: block; padding-bottom: 15px; }
.Collapsing i{ float: right; transition-duration: 0.3s; position: relative;top: 3px; }
.coll_body{display: none; padding-bottom: 10px; padding-left: 20px; }
.coll_body li a{ display: block; color: #666666; font-size: 14px; line-height: 36px; }
.coll_body li a:hover{ color: #3b5e9f }
.Collapsing.current{ color: #333 }
.Collapsing.current i{transform:rotate(180deg);}





.solution_list{ padding-top: 80px;padding-bottom: 40px; }
.solution_list .title { margin-bottom: 30px }
.solution_list .title h2{text-align: center;font-size: 30px; color: #333; margin-bottom: 10px;}
.solution_list .title p{text-align: center;font-size: 14px; color: #999; width: 40%; margin: 0 auto; line-height: 1.8em;}
.solution_list ul{width: 105%;}
.solution_list ul li{ background: #fff; float: left; width: 314px; border:#ececec solid 1px; padding: 30px;  text-align: center; border-radius: 3px; margin-bottom:36px;   margin-right:36px; box-shadow: 0px 0px 15px rgba(0,0,0,0.05)  }
.solution_list ul li .img{ float: left; width: 30%; text-align: left;}
.solution_list ul li .img img{ width: 64px; height: 64px; }
.solution_list ul li .text{ float: left; width: 70%; text-align: left;}
.solution_list ul li .text h2 { margin-bottom: 5px; }
.solution_list ul li .text h2 a{ font-size: 22px; color: #333; font-weight: normal;}
.solution_list ul li .text p{ font-size: 14px; color: #999999; font-weight: normal; line-height: 1.8em; text-align: justify;}



.expo_list{ padding-top: 30px; padding-bottom: 50px; background: #f7f7f7; }
.expo_list ul li{ margin-bottom: 30px;background: #fff; border-radius: 3px; box-shadow: 0px 0px 15px rgba(0,0,0,0.05) }
.expo_list ul li a{ display:block; }
.expo_list ul li a .img{ float: left; width: 500px; }
.expo_list ul li a .img img{ width: 100%; height: 300px; }
.expo_list ul li a .info{ float: left; width: 700px; position: relative;  height: 130px; }
.expo_list ul li a .info .text{ padding: 40px 30px; }
.expo_list ul li a .info .text .date{ font-size: 18px; color: #333333; margin-bottom: 5px; }
.expo_list ul li a .info .text .add{ font-size: 18px; color: #333333; margin-bottom: 15px;}
.expo_list ul li a .info .text .title{ font-size: 26px; color: #3b5e9f; margin-bottom:15px; }
.expo_list ul li a .info .text .description{ color: #333333; line-height: 1.6em;  font-size: 16px; }



.news_list{ padding-top: 40px; padding-bottom: 40px; background: #f9f9f9; }
.news_list ul li{ margin-bottom: 20px; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 15px rgba(0,0,0,0); transition-duration: 0.3s}
.news_list ul li:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.08) }
.news_list ul li a{ display:block; }
.news_list ul li a .date{ float: left; width: 100px; text-align: center; height: 150px; border-right:#ececec solid 1px; margin-right: 30px; }
.news_list ul li a .date strong{ font-size: 36px; color: #333; font-family: "AlibabaSans-Bold"; padding-top: 25px; display: block; }
.news_list ul li a .date p{ font-size: 18px; color: #333;  font-family: "AlibabaSans-Bold"; }
.news_list ul li a .img{ float: left; width: 220px; margin-right: 30px; }
.news_list ul li a .img img{ width: 220px; height: 150px; background: url(../images/noimg.png) no-repeat; background-size: 220px 150px }
.news_list ul li a .info{ float: left; width: 860px; position: relative;  height:150px; }
.news_list ul li a .info h2{ font-size: 24px; color: #333; margin-bottom: 10px; line-height: 1.4em; }
.news_list ul li a .info p{ font-size: 16px; color: #666; line-height: 1.8em; margin-bottom: 15px;}
.news_list ul li a .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: absolute; text-align: left; bottom: 0px;left: 0px;	}
.news_list ul li.noimg .info{ width: 100%;float: none;height: auto; padding-bottom: 24px; }


.news_detail{ padding-top: 60px;  padding-bottom:60px; }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.news_detail .title h1{text-align: center; font-size: 30px; line-height: 2em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .html{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .html *{ font-size: 16px!important; color: #222!important; line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }
.news_detail .html img{ display: block; margin: 0 auto; margin-top: 20px; }
.news_detail .other{ padding-top: 30px; padding-bottom: 0px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 

.news_detail .video_content{ width:900px; margin: 0 auto; padding-top: 30px; }
.news_detail .video_content video{ height: 500px; }

.faq_list { padding-top: 30px; padding-bottom: 50px; background: #f7f7f7 }
.faq_list ul li { padding: 20px; border-radius: 3px; background: #fff; margin-bottom: 20px;box-shadow: 0px 0px 15px rgba(0,0,0,0.05)}
.faq_list ul li h3{ font-size: 20px; color: #333;  position: relative; padding-left: 28px; margin-bottom: 10px; }
.faq_list ul li h3 span{ content: ""; position: absolute; left: 0px; top: 4px; height: 20px; width: 20px; border-radius: 18px; background: #da5455; color: #fff;text-align: center; line-height: 20px; border-radius: 20px; font-size: 12px; font-weight: bold; }
.faq_list ul li p{ font-size: 14px; color: #666; position: relative; padding-left: 28px; font-size: 14px; line-height: 1.8em;}
.faq_list ul li p span{ content: ""; position: absolute; left: 0px; top: 2px; height: 20px; width: 20px; border-radius: 18px; background: #6fb44b; color: #fff;text-align: center; line-height: 20px; border-radius: 20px; font-size: 12px; font-weight: bold; }



.aboutcontent .about3{ padding-top: 80px; padding-bottom: 80px; }
.aboutcontent .about3 h2{ text-align: center; line-height: 1.5em; font-size: 30px; color: #333; }
.aboutcontent .about3 ul { padding-top: 30px; }
.aboutcontent .about3 ul li{ width: 25%; float: left; text-align: center; position: relative; }
.aboutcontent .about3 ul li:after{ position: absolute; content: "";  right: 0px; top: 0px;bottom: 0px; width: 1px; height: 100%; background: #ddd  }
.aboutcontent .about3 ul li strong{ font-size: 50px; color: #f90000;font-family: "Gotham-Bold"; }
.aboutcontent .about3 ul li:last-child:after{display:none;} 

.environment_list2{ background: #f7f7f7; }
.environment_list4{ background: #f7f7f7; }
.environment_list{ padding-top: 60px; padding-bottom: 50px; }
.environment_list .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 30px; font-weight: bold; }
.environment_list .content{ position: relative; }
.environment_list .swiper-container{ padding-bottom: 50px;}
.environment_list .swiper-slide{ width: auto; }
.environment_list .swiper-slide img{ height: 300px; }
.environment_list .swiper-pagination-bullet{  opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; background: none; border-radius: 40px; border:#f90000 solid 1.5px; }
.environment_list .swiper-pagination-bullet-active{ background: #f90000;opacity: 1}
.environment_list .swiper-button-next{ top: 42%; right: -60px; width: 44px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #f90000 no-repeat center!important; background-size: 12px 24px!important }
.environment_list .swiper-button-prev{ top: 42%; left: -60px; width: 44px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #f90000 no-repeat center!important; background-size: 12px 24px!important}




.join_box1{ padding-top: 60px; padding-bottom: 50px; }
.join_box1 .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 30px; font-weight: bold; }
.join_box1 .content{ overflow: hidden; }
.join_box1 .content ul{ width: 105%; }
.join_box1 .content ul li{ width: 404px; float: left; margin-right: 40px; border-radius: 6px; overflow: hidden; border:#ececec solid 1px; }
.join_box1 .content ul li img{ width: 100%; display: block; }
.join_box1 .content ul li .info{ padding: 30px; }
.join_box1 .content ul li .info .name{ font-size: 20px; color: #333; margin-bottom: 10px; font-weight: bold; }
.join_box1 .content ul li .info .description{ font-size: 15px; color: #666; line-height: 1.8em }
.join_box1 .content ul li .img { overflow: hidden; }
.join_box1 .content ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.join_box1 .content ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}




.join_box2{ padding-top: 60px; padding-bottom: 50px; background: #f7f7f7}
.join_box2 .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 50px; font-weight: bold; }
.join_box2 .content{ overflow: hidden; }
.join_box2 .content ul{ width: 105%; }
.join_box2 .content ul li{ width: 25%; float: left; }
.join_box2 .content ul li img{ width: 64px; margin: 0 auto; display: block; }
.join_box2 .content ul li .info{ text-align: center;padding: 30px; }
.join_box2 .content ul li .info .name{ font-size: 20px; color: #333; margin-bottom: 20px; font-weight: bold; }
.join_box2 .content ul li .info .description{ font-size: 15px; color: #666; text-align: left; line-height: 1.8em }
.join_box2 .content ul li:hover .info .name{  color: #f90000; }
.join_box2 .content ul li:hover .info .description{  color: #333; }


.join_box3{ padding-top: 60px; padding-bottom: 50px;}
.join_box3 .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 50px; font-weight: bold; }
.join_box3 .content{ overflow: hidden; }
.join_box3 .content ul li{ width: 185px; float: left; text-align: center; position: relative; }
.join_box3 .content ul li img{ width: 44px; margin: 0 auto; display: block; }
.join_box3 .content ul li .info{ text-align: center;padding: 30px; }
.join_box3 .content ul li .name{ font-size: 18px; color: #333; margin-bottom: 20px; font-weight: bold; padding-top: 20px; }
.join_box3 .content ul li i{  position: absolute; right: 0px; top: 10%; font-size:24px; }
.join_box3 .content ul li:last-child i{  display: none; }


.pagecontact { padding-bottom: 50px; }
.pagecontact .contact { padding-top: 70px; padding-bottom: 70px }
.pagecontact .contact ul li{ width: 25%; float: left;text-align: center; }
.pagecontact .contact ul li img{ width: 44px; margin: 0 auto; }
.pagecontact .contact ul li p{ font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 5px;}
.pagecontact .contact ul li h2{ font-size: 18px; }

.history_list{  padding-top: 50px; padding-bottom: 100px; background: #fff;position: relative; }
.history_list:after{ position: absolute;content: ""; left: 50%; width:1px; margin-left: -0.5px; top: 0px; bottom: 0px; background: #cccccc }
.history_list ul{  }
.history_list ul li:nth-child(2n) .year{ float: left; width: calc(50% - 30px); text-align: right; padding-right: 30px; font-weight: bold; line-height: 1.4em; font-size: 22px; color: #3b5e9f }
.history_list ul li:nth-child(2n) .description{ float: right;width: calc(50% - 30px); padding-left: 30px; color: #555; font-size: 15px; line-height: 1.6em; text-align: justify; }
.history_list ul li:nth-child(2n-1) .year{ float: right;  width: calc(50% - 30px);  padding-left: 30px; font-weight: bold; line-height: 1.4em; font-size: 22px; color: #3b5e9f}
.history_list ul li:nth-child(2n-1) .description{ float: left;  width: calc(50% - 30px); padding-right: 30px; color: #555; font-size: 15px; line-height: 1.6em; text-align: justify;}
.history_list ul li{ padding-top: 20px; padding-bottom: 20px; position: relative; }
.history_list ul li .pagewidth{ width: 1000px; }
.history_list ul li:before{ position: absolute; width: 9px; height:9px; border-radius: 9px; content: ""; left: 50%; margin-left: -4.5px; background: #cccccc; top: 28px; z-index: 3  }
.history_list ul li:hover{background: #f7f7f7;}
.history_list ul li:hover:before{background: #3b5e9f;}

.contactcontent{ padding-top: 80px; padding-bottom: 60px;}
.contactcontent ul{ padding-bottom: 60px; }
.contactcontent ul li{ width: 50%; float: left; text-align: center; }
.contactcontent ul li img{ width: 90px; margin: 0 auto; }
.contactcontent ul li p{ font-size: 16px; color: #333; padding-top: 20px; font-weight: bold; }
.contactcontent ul li h2{ font-size: 25px; color: #ff1b23;font-weight: bold; font-family: "AlibabaSans-Bold";  }
.contactcontent .map img{ width: 100%; }
.contactcontent .map .left{ float: left; width: 48% }
.contactcontent .map .right{ float: right; width: 48% }
.contactcontent .map h4{ font-size: 24px; color: #ff1b23; padding-top: 20px; margin-bottom: 10px; }
.contactcontent .map{ font-size: 16px; color: #333; line-height: 2em; }



.honorcontent{ padding-top: 40px; padding-bottom: 40px;}
.honorcontent .pagewidth{ overflow: hidden; }
.honorcontent ul{ width: 105%; }
.honorcontent ul li{ width:270px; float: left; margin-right: 30px; border:#ececec solid 1px; background: #fff; padding: 15px; margin-bottom: 30px; }
.honorcontent ul li .img{ height: 200px; margin-bottom: 20px; overflow: hidden; }
.honorcontent ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.honorcontent ul li .name{ color: #333; text-align:center}
.honorcontent ul li .name i{ float: right; position: relative; top:4px; display: none }
.honorcontent ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.honorcontent ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}

.teamlist{ padding-top: 60px; padding-bottom: 60px;}
.teamlist .pagewidth{ overflow: hidden; }
.teamlist ul{ width: 105%; }
.teamlist ul li{ width:280px; float: left; margin-right: 30px; border:#ececec solid 1px; background: #fff; padding: 10px; margin-bottom: 30px; }
.teamlist ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.teamlist ul li .name{  color: #333; padding-top: 15px; padding-bottom: 5px; text-align: center; }
.teamlist ul li .img { overflow: h }
.teamlist ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.teamlist ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}


.join_contact{padding-top: 60px; }
.join_contact .contact{float: left;width: 48%;}
.join_contact .message{float: right;width: 48%;}
.join_contact .contact .title{ text-align: left; position: relative; height: 60px; margin-bottom: 20px; }
.join_contact .contact .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 0; bottom: 0px; }
.join_contact .contact .title h2{ color: #333; font-size: 24px; }
.join_contact .contact .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }
.join_contact .contact .content{line-height: 2em;color: #333; font-size: 16px;}

.join_contact .message .title{ text-align: left; position: relative; height: 60px; margin-bottom: 20px; }
.join_contact .message .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 0; bottom: 0px; }
.join_contact .message .title h2{ color: #333; font-size: 24px; }
.join_contact .message .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }

.layui-input-block{margin-left: 0!important;}
.layui-input, .layui-select, .layui-textarea{font-size: 14px;}
.layui-btn{background: #ff1b23!important;}
.list_join{ padding-bottom: 60px; padding-top: 60px; }
.list_join .email{ text-align: center;font-size: 20px;color: #666;padding-top: 30px;padding-bottom: 30px; }
.list_join .email a{color: #ff1b23;}



.accordion li {padding: 30px; background: #f5f6f7; border-radius: 4px; margin-bottom: 20px;}

.accordion .link {
  cursor: pointer;
  display: block;
  color: #333333;
  font-size: 20px; font-weight: bold;
  position: relative;
}
.accordion .link p{ font-size: 14px; font-weight: normal; color: #666; padding-top: 10px; }
.accordion .link p span{ }
.accordion .link p em{padding-left: 20px;padding-right: 20px; color: #aaa; font-style: normal;}
.accordion li:last-child .link {
  border-bottom: 0;
}

.accordion li i {
  position: absolute;
  top: 16px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: 12px;
  font-size: 14px;color: #ff1b23; 
}


.accordion li.open{ background: #f5f6f7; }
.accordion li.open .link {
  color: #ff1b23;
}

.accordion li.open i {
  color: #ff1b23;
}
.accordion li.open i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

 .subcontent {
  display: none; padding-top: 10px;
  font-size: 14px;line-height:1.8em; 
 }

.accordion li.open .link{ color: #ff1b23; }

.solution_detail_menu{ height: 70px; line-height: 70px; border-top: #ececec solid 1px;border-bottom: #ececec solid 1px; position: fixed; top: 118px; z-index: 1; transition-duration: 0.3s; left: 0px; right: 0px;background: #fff; }
.solution_detail_menu h1{ float: left; font-size: 18px; color: #333; }
.solution_detail_menu ul{ float: right; }
.solution_detail_menu ul li{ float: left; margin-left: 50px;}
.solution_detail_menu ul li a{ color: #333; font-size: 16px; display: block; }
.solution_detail_menu ul li a.active{ color: #3b5e9f; font-size: 16px; font-weight: bold; position: relative; }
.solution_detail_menu ul li a.active:after{ position: absolute; left: 0px; right: 0px;bottom: 0px; height: 2px; width: 100%; content: ""; background: #3b5e9f }
.solution_detail_menu.fixed{ position: fixed; left: 0px; top: 0px; right: 0px; z-index: 999 }
.solution_detail_menu.height50{height: 50px;line-height: 50px; position: fixed; left: 0px; top: 0px; right: 0px; }

.solution_detail_overview{ padding-top: 180px; padding-bottom: 180px; position: relative; }
.solution_detail_overview h2{ font-weight: bold; font-size:30px; margin-bottom: 15px; text-align: left;  color: #fff; }
.solution_detail_overview .html{ width: 60%; font-size: 16px; line-height: 1.8em; color: #fff; text-align: justify; }
.solution_detail_overview .mouse{  position: absolute; height: 30px; width: 30px; left: 50%; margin-left: -15px; bottom: 40px; -webkit-animation:mouse 1.5s infinite linear ;}
.solution_detail_overview .mouse img{ width: 100%; display: block; }
@-webkit-keyframes mouse {
    0%{
    	bottom: 25px;
    }
    50%{
    	bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}
.solution_detail_application .html{ font-size: 16px; line-height: 1.8em; color: #333; }


.solution_detail_application{  padding-top: 80px; padding-bottom: 80px; background: #f7f7f7;  }
.solution_detail_application h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_application .html{ font-size: 16px; line-height: 1.8em; color: #333; }
.solution_detail_description{  padding-top: 80px; padding-bottom: 80px;  }
.solution_detail_description h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_description .html{ font-size: 16px; line-height: 1.8em; color: #333; }

.solution_detail_features{  padding-top: 80px; padding-bottom: 80px; background: #f7f7f7;  }
.solution_detail_features h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_features .html{ font-size: 16px; line-height: 1.8em; color: #333; }
.solution_detail_case{  padding-top: 80px; padding-bottom: 80px;  }
.solution_detail_case h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_case .swiper-slide .img{}
.solution_detail_case .swiper-slide img{ width: 100%; display: block; }
.solution_detail_case .swiper-slide .box{ border-radius: 3px;}
.solution_detail_case .swiper-slide .box p { padding-left: 30px; padding-right: 30px; text-align: center; padding-top: 10px; padding-bottom: 20px; line-height: 1.6em; }
.solution_detail_case .swiper-slide .box p a{ color: #333; font-size: 16px;  font-weight: normal; }


.solution_detail_product{  padding-top: 80px; padding-bottom: 80px; background: #f7f7f7;  }
.solution_detail_product h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_product .swiper-slide .img{padding: 10px;}
.solution_detail_product .swiper-slide img{ width: 100%; display: block; }
.solution_detail_product .swiper-slide .box{ border:#ececec solid 1px; border-radius: 3px; background: #fff; height: 360px; }
.solution_detail_product .swiper-slide .box p { padding-left: 30px; padding-right: 30px; text-align: center; padding-top: 10px; padding-bottom: 20px; line-height: 1.6em; }
.solution_detail_product .swiper-slide .box p a{ color: #333; font-size: 16px;  font-weight: normal; }

.search_logo{ width: 260px; margin: 40px auto; margin-bottom: 0px;}
.search_logo img{ width: 100%; display: block; }






























































@media screen and (max-width: 1920px) {} 
@media screen and (max-width: 1112px) {} 
@media screen and (max-width: 768px) {

.index_banner { height: 200px; position: relative; }
.index_banner .swiper-pagination-bullet{ border:#fff solid 1px; opacity: 1; background: none;  width: 8px; height: 8px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; }
.index_banner .swiper-container{ height: 100%; }
.index_banner .swiper-slide{ position: relative; }
.index_banner .swiper-slide .more{ z-index: 33;opacity: 0; position: absolute;left: 50%; width: 1300px; margin-left: -650px; top: 480px; text-align: left;transition: 0.5s;  transition-delay: 1.2s;transition-timing-function: linear; }
.index_banner .swiper-slide .more a{ display: block; border-radius: 90px; height: 40px; width: 40px; border:#fff solid 1px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; }
.index_banner .swiper-slide-active .h1{opacity: 1; top: 300px; }
.index_banner .swiper-slide-active .h2{opacity: 1; top: 370px; }
.index_banner .swiper-slide-active .more{opacity: 1; top: 490px; }
.index_banner .swiper-slide .link a{  color: #fff; font-size: 14px; background: #b3dc76; padding: 8px 15px; }
.index_banner .swiper-slide { height: 100%; }
.index_banner .swiper-pagination{  bottom: 5%!important;}
.index_banner .swiper-pagination-bullet{  opacity: 0.5; width: 10px; height: 10px; margin:0px 4px!important; background: #fff; border-radius: 40px; border:none; }
.index_banner .swiper-pagination-bullet-active{ background: #ff1b23;opacity: 1; border:none;}


.index_product{ padding-top: 30px; padding-bottom: 30px; }
.index_product .title{ text-align: left;margin-bottom: 20px; }
.index_product .title h3{ font-size: 24px; color: #333333; margin-bottom: 10px;}
.index_product .title p{ font-size: 16px; color: #555555; font-weight: bold;}
.index_product .title p strong{ color: #ff1b23; font-size: 16px; padding-left: 10px; }
.index_product .title span{  float: right; position: relative; top: -43px;}
.index_product .title span a{ color: #999; background: url(../images/more.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 
.index_product .title a:hover{ color: #333; }
.index_product .content{ overflow: hidden; }
.index_product .content ul{ width: 100%; }
.index_product .content ul li{ float: none; width: 100%; margin-right: 0px; text-align: center; margin-bottom: 20px;}
.index_product .content ul li img{ width: 100%; display: block; }
.index_product .content ul li p{ padding-top: 10px; }
.index_product .content ul li p a{ color: #333; font-weight: bold; font-size: 16px; }
.index_product .content ul li p a:hover{ color: #ff1b23 }
 

.index_news{ padding-top: 30px; padding-bottom: 30px; background: #f8f8f8; }
.index_news .title{ text-align: left;margin-bottom: 20px; }
.index_news .title h3{ font-size: 24px; color: #333333; margin-bottom: 10px;}
.index_news .title span{  float: right; }
.index_news .title span a{ color: #999; background: url(../images/more.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 
.index_news .title a:hover{ color: #333; }
.index_news .left{float: none; width: 100%;}
.index_news .left .img { overflow: hidden; height: auto; }
.index_news .left .img img{ width: 100%; display: block; }
.index_news .left .info{ background: #999999; color: #fff; padding: 25px; }
.index_news .left .info h4{ margin-bottom: 10px; }
.index_news .left .info h4 a{ color: #ffffff; }
.index_news .left .info p{ color: #ffffff; font-size: 14px;line-height: 1.6em; }
.index_news .right{float: none; width: 100%;}
.index_news .right ul li .number{ float: left; width:10%; color: #999; font-size: 24px; display: none; }
.index_news .right ul li .info{ float: none; width: 100%;}
.index_news .right ul li .info span{  float: none; display: block; padding-bottom: 5px; font-size: 14px; color: #999; font-weight: normal; }
.index_news .right ul li .info h4 { margin-bottom: 5px; }
.index_news .right ul li .info h4 a{ color: #333333; font-size:16px; font-weight: normal;  }
.index_news .right ul li .info p.description{ color: #999999; font-size:14px; font-weight: normal; line-height: 1.6em; }
.index_news .right ul li{ border-bottom: #ececec solid 1px; padding-top: 10px; padding-bottom: 10px;}
.index_news .right ul li:last-child{ border:none; }
.index_news .right ul li:hover .info h4 a{ color: #ff1b23; }
.index_news .right ul li:hover .info p{ color: #666; }

.index_case{ padding-top: 30px; padding-bottom: 30px; }
.index_case .title{ text-align: left;margin-bottom: 20px; }
.index_case .title h3{ font-size: 24px; color: #333333; margin-bottom: 10px;}
.index_case .title span{  float: right; }
.index_case .title span a{ color: #999; background: url(../images/more.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 
.index_case .title a:hover{ color: #333; }
.index_case .content {  }
.index_case .content ul{ width: 100% }
.index_case .content ul li{ width: 100%; margin-right: 0px; float: none; text-align: center; background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.08) }
.index_case .content ul li img{ width: 100%; display: block; }
.index_case .content ul li h4{ padding-top: 20px; padding-bottom: 20px; }
.index_case .content ul li h4 a{ color: #333; }
.index_case .content ul li:hover h4 a{ color: #ff1b23; }

.index_about{  background-position: right; }
.index_about .box{ line-height: 1.8em; float: none; width: auto; background: rgba(0,0,0,0.5); padding: 35px; }
.index_about .title{ text-align: left;margin-bottom: 20px; }
.index_about .title{ font-weight: bold;   font-size: 30px; color: #fff; margin-bottom: 30px;}
.index_about .content{ margin-bottom: 20px; }
.index_about .more a{ color: #fff; background: url(../images/more_white.png) no-repeat center right; background-size:16px 16px; font-weight: normal; font-size: 16px; padding-right: 20px; } 


.detailbanner{ height: 120px; }
.detailbanner .menu{ display: none; }


.about_about{padding-top: 30px; padding-bottom: 30px; }
.about_about .title{ text-align: center; position: relative; height: 90px; margin-bottom: 30px; }
.about_about .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 50%; margin-left: -20px; bottom: 0px; }
.about_about .title h2{ color: #333; font-size: 24px; }
.about_about .title p{ color: #999; font-size: 14px;text-transform: uppercase; font-weight: bold; }
.about_about .content{ margin-bottom: 50px; }
.about_about .content p{ line-height: 2em;  text-indent: 2em; color: #333; font-size: 16px;text-align: justify;}
.about_about .number{ overflow: hidden; }
.about_about .number ul{ width: 105%; }
.about_about .number ul li{ float: left; width:calc(50% - 12px); border-radius: 5px; border:#ececec solid 1px; margin-right: 5px; margin-left: 5px; text-align: center; padding-top: 30px; padding-bottom: 30px; }
.about_about .number ul li strong{ color: #ff1b23; font-size: 36px;font-family: "AlibabaSans-Bold"; margin-bottom: 6px;  display: block;}
.about_about .number ul li p{ color: #666; font-size: 12px; height: 30px; }
.about_business{ background: #f7f7f7; }
.about_business .left{ width: auto; float: none; height: auto; padding: 15px; }
.about_business .left .box{ width: 100%; float: none; padding-top: 30px; }
.about_business .left .box .title{ text-align: center; position: relative; height: 90px; margin-bottom: 20px; }
.about_business .left .box .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 50%; margin-left: -20px; bottom: 0px; }
.about_business .left .box .title h2{ color: #333; font-size: 30px; }
.about_business .left .box .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }
.about_business .left .box .content { padding-right: 0px; }
.about_business .left .box .content p{ line-height: 2em;  text-indent: 2em; color: #333; font-size: 16px;text-align: justify;}
.about_business .right{ width: 100%; float: none; height: 300px; }
.about_listed{ padding-top: 120px; padding-bottom: 120px; text-align: left; font-size: 22px; color: #fff; line-height: 1.8em; }
.about_listed strong{ color: #ff1b23;}
.about_power{padding-top: 30px; padding-bottom: 30px; }
.about_power .title{ text-align: center; position: relative; height: 90px; margin-bottom: 30px; }
.about_power .title:after{ content: ""; position: absolute; background:#ff1b23; width: 40px; height: 2px; left: 50%; margin-left: -20px; bottom: 0px; }
.about_power .title h2{ color: #333; font-size: 30px; }
.about_power .title p{ color: #999; font-size: 16px;text-transform: uppercase; font-weight: bold; }
.about_power .content{  }
.about_power .content p{ line-height: 2em;  text-indent: 2em; color: #333; font-size: 16px;text-align: justify;}

.dealerscontent{ padding: 15px; }
.dealerscontent .search_box{  position: relative; width: auto; margin: 0 auto; height: 100px;  }
.dealerscontent .search_box .input_text{width:calc(100% - 2px);font-weight:bold; font-size: 18px; position: absolute; left: 0px; top: 0px; text-indent: 20px; border-radius: 54px; border:#dadada solid 2px; height: 54px; line-height: 54px; }
.dealerscontent .search_box .input_submit{  position: absolute; top: 15px; right: 15px; height: 28px; text-indent: -999em; width: 28px;border-radius: 28px;  border: none; background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjE5MS45NHB4IiB2aWV3Qm94PSIwIDAgMTA2NyAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgxNC44NjUyNjEgNzY5LjYxODQ5MmwxNDIuNjc0NjY3IDE0OC45NDI0NTVjMjQuOTA2MjE0IDI0Ljc0MTI3MiAyNC45MDYyMTQgNjguMjg1OTEgMCA5My4wMjcxODJsNi4yNjc3ODktNi4yNjc3ODljLTI0LjkwNjIxNCAyNC45MDYyMTQtNjIuMDE4MTIxIDI0LjkwNjIxNC04Ni45MjQzMzUgMGwtMTQ4Ljk0MjQ1NS0xNTUuMjEwMjQ1Yy03NC4zODg3NTcgNDkuNjQ3NDg1LTE2Ny41ODA4OCA4MC42NTY1NDYtMjYwLjYwODA2MiA4MC42NTY1NDYtMjU0LjUwNTIxNSAwLjE2NDk0Mi00NjUuNDY1NzkxLTIxMC43OTU2MzUtNDY1LjQ2NTc5MS00NjUuMzAwODVDMS44NjcwNzQgMjExLjEyNTUxOCAyMDYuNzI0ODAzIDAgNDYxLjA2NTA3NiAwYzI1NC41MDUyMTUgMCA0NjUuNDY1NzkxIDIxMS4xMjU1MTggNDY1LjQ2NTc5MiA0NjUuNDY1NzkxIDAgMTE3LjkzMzM5NS00My4zNzk2OTYgMjIzLjQ5NjE1NC0xMTEuNjY1NjA3IDMwNC4xNTI3MDF6TTQ2Ny4zMzI4NjUgODM3LjkwNDQwMUM2NzIuMDI1NjUzIDgzNy45MDQ0MDEgODM5LjYwNjUzMyA2NzAuMzIzNTIxIDgzOS42MDY1MzMgNDY1LjQ2NTc5MSA4MzkuNjA2NTMzIDI2MC42MDgwNjIgNjcyLjAyNTY1MyA5My4wMjcxODIgNDY3LjE2NzkyMyA5My4wMjcxODIgMjYyLjMxMDE5NCA5My4wMjcxODIgOTQuNzI5MzEzIDI2MC42MDgwNjIgOTQuNzI5MzEzIDQ2NS40NjU3OTEgOTQuODk0MjU1IDY3MC4zMjM1MjEgMjYyLjQ3NTEzNSA4MzcuOTA0NDAxIDQ2Ny4zMzI4NjUgODM3LjkwNDQwMXogbTAgMCIgZmlsbD0iI2ZmMWIyMyIgLz48L3N2Zz4=') no-repeat center #fff; background-size: 24px 24px  }
.dealerscontent{ padding-bottom: 40px; }
.dealerscontent h1{ text-align: center; font-size: 24px; color: #ff1b23; padding-top: 30px; margin-bottom: 30px;  }
.dealerscontent h4{ text-align: left; font-size: 16px; color: #999999; font-weight: normal; margin-bottom: 10px;  }
.dealerscontent .pagewidth{width: auto; margin: 0 auto;}
.dealerscontent .result{ border-radius: 6px; padding: 40px; text-align: center; font-size: 16px; color: #333; border:#dadada solid 1px; margin-bottom: 30px; }
.dealerscontent .result strong{ color: #ff1b23 }
.dealerscontent .sample{ border-radius: 6px; padding:10px; text-align: center; font-size: 18px; color: #333; border:#dadada solid 1px;}
.dealerscontent .sample img{ width: 100%; }




.case_list{ padding-top: 30px; padding-bottom: 30px;}
.case_list .pagewidth{ overflow: hidden; }
.case_list ul{ width:auto; }
.case_list ul li{ width:calc(100% - 32px); float: none; margin-right: 0px; border:#ececec solid 1px; background: #fff; padding: 15px; margin-bottom: 30px; }
.case_list ul li .img{ height: auto;  overflow: hidden; }
.case_list ul li .img img{ width: 100%; height: 100%; object-fit: cover;}
.case_list ul li .name{ color: #333; padding-top: 15px; }
.case_list ul li .name i{ float: right; position: relative; top:4px; }
.case_list ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.case_list ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}


.product_list{ margin-bottom: 30px;padding-top: 30px; }
.product_list .data{ padding-top: 0px; padding-bottom: 20px; font-size: 16px; color: #666; }
.product_list .pagewidth{ overflow: hidden; }
.product_list ul { width: auto; }
.product_list ul li{ float: left; width: calc(50% - 12px); margin-right: 5px; margin-left: 5px; margin-bottom: 20px;  border:#ececec solid 1px;}
.product_list ul li .img {overflow: hidden; padding:20px;}
.product_list ul li .img img { display: block; width: 100%; transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.product_list ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}
.product_list .text{ padding: 10px 	0px; padding-bottom: 30px; text-align: center;  color: #333333; line-height: 1.1em}
.product_list .text h2 a{ font-weight: normal; color: #333; font-size: 14px; }
.product_detail{ padding-bottom:30px;padding-top: 30px; }
.product_detail .content{}
.product_detail .content .top .photo{  float: none; width: 100%; }
.product_detail .content .top .info{  float: none; width: 100%;padding-top: 20px; }
.product_detail .content .top .info h1{ font-size: 24px; color: #ff1b23; font-family: "AlibabaSans-Bold"; margin-bottom: 10px;}
.product_detail .content .top .info .description{ line-height: 2em; font-size: 16px; color: #444444;  margin-bottom: 30px;}
.product_detail .content .top .info .down a{ display: inline-block; background: #999999;color: #fff; font-size: 14px; padding: 8px 25px; border-radius: 4px; margin-bottom: 10px;  }
.product_detail .content .bottom{ padding-top: 10px; }
.product_detail .content .bottom h2.title{ color: #999; font-size: 16px; padding:10px 15px; background: #f7f7f7; }
.product_detail .content .bottom .html{ padding: 15px 0px; font-size: 16px; color: #333; line-height: 2em; }

.master-slider{ border:#ececec solid 1px; }
.ms-thumb-frame{ border:#ececec solid 1px; }


.pagecontent{ padding-top: 30px; padding-bottom: 30px; }
.pagecontent .html{ line-height: 2em; font-size: 16px; color: #333; }



.contactdetailbanner{ height: 250px; position: relative;  }
.contactdetailbanner h2{ color: #f4ba1d; font-size: 18px;  font-family: "Gotham-book"; font-weight: normal; text-align: center; padding-top: 80px; }
.contactdetailbanner h1{ color: #333; font-size: 30px; text-align: center; padding-top: 10px;  }
.contactdetailbanner p{ color: #999; font-size: 14px; text-align: center; padding-top: 5px;}

.contactsupport{ position: relative; }
.contactsupport h2{ color: #f4ba1d; font-size: 18px;  font-family: "Gotham-book"; font-weight: normal; text-align: center; padding-top: 80px; }
.contactsupport h1{ color: #333; font-size: 30px; text-align: center; padding-top: 10px;  }
.contactsupport p{ color: #999; font-size: 14px; text-align: center; padding-top: 5px;}
.contactsupport .content{ text-align: center; padding-top: 50px;padding-bottom: 100px; }
.contactsupport .content span{ display: inline-table; margin-left: 50px; margin-right: 50px;  color: #666666; font-size: 18px; }
.contactsupport .content strong{font-family: "Gotham-Medium"; color: #f90000 }
.contactsupport .content span i{ margin-right:15px; }
.contactsupport .content span a{ color: #12b7f4 }

.detailtwomenu{ height: 70px; line-height: 70px; border-bottom: #ececec solid 1px;}
.detailtwomenu ul{ display: -webkit-flex;  -webkit-flex-flow: row-reverse wrap; display: flex; flex-flow: row-reverse wrap; justify-content:center; flex-direction: row;}
.detailtwomenu ul li{font-size: 16px; font-weight: bold;}
.detailtwomenu ul li a{ color: #333; display: block; text-align: center; font-weight: normal; margin-left: 25px; margin-right: 25px; }
.detailtwomenu ul li a.active{ color: #f90000; border-bottom:#f90000 solid 2px; font-weight: bold; }







.down_list{ padding-top: 30px; padding-bottom: 30px;}
.down_list .pagewidth{ overflow: hidden; position: relative; }
.down_list .title{ background: #f5f5f5; height: 40px; line-height: 40px; display: none; }
.down_list .title li{ float: left; }
.down_list .title li.name{ width: 60%; font-size: 12px; color: #999; text-indent: 20px; }
.down_list .title li.size{ width: 10%; font-size: 12px; color: #999; }
.down_list .title li.date{ width: 20%; font-size: 12px; color: #999; }
.down_list .title li.down{ width: 10%; font-size: 12px; color: #999; }

.down_list .content li{ float: left; padding-top: 18px; padding-bottom: 18px; border-bottom: #ececec solid 1px;}
.down_list .content li.name{ width: 60%; font-size: 16px; color: #333; text-indent: 0px; }
.down_list .content li.name a{ color: #333; font-weight: bold; transition-duration: 0.3s }
.down_list .content li.size{ width: 10%; font-size: 16px; color: #666; display: none; }
.down_list .content li.date{ width: 20%; font-size: 16px; color: #666; display: none; }
.down_list .content li.down{ width: 40%;  float: right; text-align: right;  }
.down_list .content li.down a{ color: #fff; background: #cccccc; border-radius: 4px; padding: 5px 20px; transition-duration: 0.3s}
.down_list .content:hover li.name a{  color: #ff1b23 }
.down_list .content:hover li.down a{  background: #ff1b23 }

.Collapsing{ border-top: #e6e6e6 solid 1px;color: #666666; font-size: 16px; font-weight: bold; padding-top: 15px; display: block; padding-bottom: 15px; }
.Collapsing i{ float: right; transition-duration: 0.3s; position: relative;top: 3px; }
.coll_body{display: none; padding-bottom: 10px; padding-left: 20px; }
.coll_body li a{ display: block; color: #666666; font-size: 14px; line-height: 36px; }
.coll_body li a:hover{ color: #3b5e9f }
.Collapsing.current{ color: #333 }
.Collapsing.current i{transform:rotate(180deg);}





.solution_list{ padding-top: 30px;padding-bottom: 30px; }
.solution_list .title { margin-bottom: 30px }
.solution_list .title h2{text-align: center;font-size: 30px; color: #333; margin-bottom: 10px;}
.solution_list .title p{text-align: center;font-size: 14px; color: #999; width: 40%; margin: 0 auto; line-height: 1.8em;}
.solution_list ul{width: 105%;}
.solution_list ul li{ background: #fff; float: left; width: 314px; border:#ececec solid 1px; padding: 30px;  text-align: center; border-radius: 3px; margin-bottom:36px;   margin-right:36px; box-shadow: 0px 0px 15px rgba(0,0,0,0.05)  }
.solution_list ul li .img{ float: left; width: 30%; text-align: left;}
.solution_list ul li .img img{ width: 64px; height: 64px; }
.solution_list ul li .text{ float: left; width: 70%; text-align: left;}
.solution_list ul li .text h2 { margin-bottom: 5px; }
.solution_list ul li .text h2 a{ font-size: 22px; color: #333; font-weight: normal;}
.solution_list ul li .text p{ font-size: 14px; color: #999999; font-weight: normal; line-height: 1.8em; text-align: justify;}



.expo_list{ padding-top: 30px; padding-bottom: 50px; background: #f7f7f7; }
.expo_list ul li{ margin-bottom: 30px;background: #fff; border-radius: 3px; box-shadow: 0px 0px 15px rgba(0,0,0,0.05) }
.expo_list ul li a{ display:block; }
.expo_list ul li a .img{ float: left; width: 500px; }
.expo_list ul li a .img img{ width: 100%; height: 300px; }
.expo_list ul li a .info{ float: left; width: 700px; position: relative;  height: 130px; }
.expo_list ul li a .info .text{ padding: 40px 30px; }
.expo_list ul li a .info .text .date{ font-size: 18px; color: #333333; margin-bottom: 5px; }
.expo_list ul li a .info .text .add{ font-size: 18px; color: #333333; margin-bottom: 15px;}
.expo_list ul li a .info .text .title{ font-size: 26px; color: #3b5e9f; margin-bottom:15px; }
.expo_list ul li a .info .text .description{ color: #333333; line-height: 1.6em;  font-size: 16px; }



.news_list{ padding-top: 30px; padding-bottom: 30px; background: #f9f9f9; }
.news_list ul li{ margin-bottom: 20px; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0px 0px 15px rgba(0,0,0,0); transition-duration: 0.3s}
.news_list ul li:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.08) }
.news_list ul li a{ display:block; }
.news_list ul li a .date{ float: none; width: auto; text-align: left; height: auto; border-right:none; margin-right: 0px; }
.news_list ul li a .date strong{ font-size: 16px; color: #333; font-family: "AlibabaSans-Bold"; padding-top: 0px; display: inline; }
.news_list ul li a .date p{ font-size: 16px; color: #333;  font-family: "AlibabaSans-Bold"; display: inline; float: left;}
.news_list ul li a .img{ float: none; width: 100%; margin-right: 0px; padding-top: 10px; }
.news_list ul li a .img img{ width: 100%; height: auto; }
.news_list ul li a .info{ float:none; width: auto; position: relative;  height:auto;  }
.news_list ul li a .info h2{ font-size: 18px; color: #333; margin-bottom: 10px; line-height: 1.4em; padding-top: 20px;}
.news_list ul li a .info p{ font-size: 16px; color: #666; line-height: 1.8em; margin-bottom: 15px;}
.news_list ul li a .info .time{ font-size: 14px; color: #999; line-height: 1.6em; position: absolute; text-align: left; bottom: 0px;left: 0px;	}
.news_list ul li.noimg .info{ width: 100%;float: none;height: auto; padding-bottom: 24px; }


.news_detail{ padding-top: 30px;  padding-bottom:30px; }
.news_detail .title { border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.news_detail .title h1{text-align: center; font-size: 24px; line-height: 1.5em;}
.news_detail .title p{text-align: center; font-size: 14px; line-height: 2em;}
.news_detail .html{ padding-top: 30px; padding-bottom: 30px; font-size: 16px; color: #222; line-height: 2em; padding-bottom: 30px; border-bottom: #ececec solid 1px; }
.news_detail .html *{ font-size: 16px!important; color: #222!important; line-height: 2em!important;font-family:"微软雅黑",helvetica,"黑体",arial,verdana,sans-serif!important; }
.news_detail .html img{ display: block; margin: 0 auto; margin-top: 20px; }
.news_detail .other{ padding-top: 30px; padding-bottom: 0px; font-size: 14px;}
.news_detail .other .left{float: left;}
.news_detail .other .right{float: right;}
.news_detail .other a{ color: #222; font-size: 14px; } 

.news_detail .video_content{ width:900px; margin: 0 auto; padding-top: 30px; }
.news_detail .video_content video{ height: 500px; }

.faq_list { padding-top: 30px; padding-bottom: 50px; background: #f7f7f7 }
.faq_list ul li { padding: 20px; border-radius: 3px; background: #fff; margin-bottom: 20px;box-shadow: 0px 0px 15px rgba(0,0,0,0.05)}
.faq_list ul li h3{ font-size: 20px; color: #333;  position: relative; padding-left: 28px; margin-bottom: 10px; }
.faq_list ul li h3 span{ content: ""; position: absolute; left: 0px; top: 4px; height: 20px; width: 20px; border-radius: 18px; background: #da5455; color: #fff;text-align: center; line-height: 20px; border-radius: 20px; font-size: 12px; font-weight: bold; }
.faq_list ul li p{ font-size: 14px; color: #666; position: relative; padding-left: 28px; font-size: 14px; line-height: 1.8em;}
.faq_list ul li p span{ content: ""; position: absolute; left: 0px; top: 2px; height: 20px; width: 20px; border-radius: 18px; background: #6fb44b; color: #fff;text-align: center; line-height: 20px; border-radius: 20px; font-size: 12px; font-weight: bold; }



.aboutcontent .about3{ padding-top: 30px; padding-bottom: 30px; }
.aboutcontent .about3 h2{ text-align: center; line-height: 1.5em; font-size: 30px; color: #333; }
.aboutcontent .about3 ul { padding-top: 30px; }
.aboutcontent .about3 ul li{ width: 25%; float: left; text-align: center; position: relative; }
.aboutcontent .about3 ul li:after{ position: absolute; content: "";  right: 0px; top: 0px;bottom: 0px; width: 1px; height: 100%; background: #ddd  }
.aboutcontent .about3 ul li strong{ font-size: 50px; color: #f90000;font-family: "Gotham-Bold"; }
.aboutcontent .about3 ul li:last-child:after{display:none;} 

.environment_list2{ background: #f7f7f7; }
.environment_list4{ background: #f7f7f7; }
.environment_list{ padding-top: 60px; padding-bottom: 50px; }
.environment_list .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 30px; font-weight: bold; }
.environment_list .content{ position: relative; }
.environment_list .swiper-container{ padding-bottom: 50px;}
.environment_list .swiper-slide{ width: auto; }
.environment_list .swiper-slide img{ height: 300px; }
.environment_list .swiper-pagination-bullet{  opacity: 1; width: 8px; height: 8px; margin:0px 5px!important; background: none; border-radius: 40px; border:#f90000 solid 1.5px; }
.environment_list .swiper-pagination-bullet-active{ background: #f90000;opacity: 1}
.environment_list .swiper-button-next{ top: 42%; right: -60px; width: 44px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #f90000 no-repeat center!important; background-size: 12px 24px!important }
.environment_list .swiper-button-prev{ top: 42%; left: -60px; width: 44px; background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #f90000 no-repeat center!important; background-size: 12px 24px!important}




.join_box1{ padding-top: 30px; padding-bottom: 30px; }
.join_box1 .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 30px; font-weight: bold; }
.join_box1 .content{ overflow: hidden; }
.join_box1 .content ul{ width: 105%; }
.join_box1 .content ul li{ width: 404px; float: left; margin-right: 40px; border-radius: 6px; overflow: hidden; border:#ececec solid 1px; }
.join_box1 .content ul li img{ width: 100%; display: block; }
.join_box1 .content ul li .info{ padding: 30px; }
.join_box1 .content ul li .info .name{ font-size: 20px; color: #333; margin-bottom: 10px; font-weight: bold; }
.join_box1 .content ul li .info .description{ font-size: 15px; color: #666; line-height: 1.8em }
.join_box1 .content ul li .img { overflow: hidden; }
.join_box1 .content ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.join_box1 .content ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}




.join_box2{ padding-top: 30px; padding-bottom: 30px; background: #f7f7f7}
.join_box2 .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 50px; font-weight: bold; }
.join_box2 .content{ overflow: hidden; }
.join_box2 .content ul{ width: 105%; }
.join_box2 .content ul li{ width: 25%; float: left; }
.join_box2 .content ul li img{ width: 64px; margin: 0 auto; display: block; }
.join_box2 .content ul li .info{ text-align: center;padding: 30px; }
.join_box2 .content ul li .info .name{ font-size: 20px; color: #333; margin-bottom: 20px; font-weight: bold; }
.join_box2 .content ul li .info .description{ font-size: 15px; color: #666; text-align: left; line-height: 1.8em }
.join_box2 .content ul li:hover .info .name{  color: #f90000; }
.join_box2 .content ul li:hover .info .description{  color: #333; }


.join_box3{ padding-top: 30px; padding-bottom: 30px;}
.join_box3 .title{ text-align: center; font-size: 30px; color: #333; padding-bottom: 50px; font-weight: bold; }
.join_box3 .content{ overflow: hidden; }
.join_box3 .content ul li{ width: 185px; float: left; text-align: center; position: relative; }
.join_box3 .content ul li img{ width: 44px; margin: 0 auto; display: block; }
.join_box3 .content ul li .info{ text-align: center;padding: 30px; }
.join_box3 .content ul li .name{ font-size: 18px; color: #333; margin-bottom: 20px; font-weight: bold; padding-top: 20px; }
.join_box3 .content ul li i{  position: absolute; right: 0px; top: 10%; font-size:24px; }
.join_box3 .content ul li:last-child i{  display: none; }


.pagecontact { padding-bottom: 50px; }
.pagecontact .contact { padding-top: 70px; padding-bottom: 70px }
.pagecontact .contact ul li{ width: 25%; float: left;text-align: center; }
.pagecontact .contact ul li img{ width: 44px; margin: 0 auto; }
.pagecontact .contact ul li p{ font-size: 14px; color: #999; padding-top: 5px; padding-bottom: 5px;}
.pagecontact .contact ul li h2{ font-size: 18px; }

.history_list{  padding-top: 30px; padding-bottom: 30px; background: #fff;position: relative; }
.history_list:after{ position: absolute;content: ""; left: 50%; width:1px; margin-left: -0.5px; top: 0px; bottom: 0px; background: #cccccc }
.history_list ul{  }
.history_list ul li:nth-child(2n) .year{ float: left; width: calc(50% - 30px); text-align: right; padding-right: 30px; font-weight: bold; line-height: 1.4em; font-size: 22px; color: #3b5e9f }
.history_list ul li:nth-child(2n) .description{ float: right;width: calc(50% - 30px); padding-left: 30px; color: #555; font-size: 15px; line-height: 1.6em; text-align: justify; }
.history_list ul li:nth-child(2n-1) .year{ float: right;  width: calc(50% - 30px);  padding-left: 30px; font-weight: bold; line-height: 1.4em; font-size: 22px; color: #3b5e9f}
.history_list ul li:nth-child(2n-1) .description{ float: left;  width: calc(50% - 30px); padding-right: 30px; color: #555; font-size: 15px; line-height: 1.6em; text-align: justify;}
.history_list ul li{ padding-top: 20px; padding-bottom: 20px; position: relative; }
.history_list ul li .pagewidth{ width: 1000px; }
.history_list ul li:before{ position: absolute; width: 9px; height:9px; border-radius: 9px; content: ""; left: 50%; margin-left: -4.5px; background: #cccccc; top: 28px; z-index: 3  }
.history_list ul li:hover{background: #f7f7f7;}
.history_list ul li:hover:before{background: #3b5e9f;}

.contactcontent{ padding-top: 30px; padding-bottom: 30px;}
.contactcontent ul{ padding-bottom: 60px; }
.contactcontent ul li{ width: 50%; float: left; text-align: center; margin-bottom: 30px; }
.contactcontent ul li img{ width: 90px; margin: 0 auto; }
.contactcontent ul li p{ font-size: 14px; color: #666; padding-top: 20px; font-weight: bold; }
.contactcontent ul li h2{ font-size: 18px; color: #ff1b23;font-weight: bold; font-family: "AlibabaSans-Bold";  }
.contactcontent ul li h2 a{ color: #ff1b23 }
.contactcontent .map img{ width: 100%; }
.contactcontent .map .left{ float: none; width: 100%; margin-bottom: 40px; }
.contactcontent .map .right{ float: none; width: 100% }
.contactcontent .map h4{ font-size: 18px; color: #ff1b23; padding-top: 20px; margin-bottom: 10px; }
.contactcontent .map{ font-size: 16px; color: #333; line-height: 2em; }



.honorcontent{ padding-top: 30px; padding-bottom: 30px;}
.honorcontent .pagewidth{ overflow: hidden; }
.honorcontent ul{ width: auto; }
.honorcontent ul li{ width:calc(100% - 32px); float: none; margin-right: 0px; border:#ececec solid 1px; background: #fff; padding: 15px; margin-bottom:15px; }
.honorcontent ul li .img{ height: 200px; margin-bottom: 20px; overflow: hidden; }
.honorcontent ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.honorcontent ul li .name{ color: #333; }
.honorcontent ul li .name i{ float: right; position: relative; top:4px; }
.honorcontent ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.honorcontent ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}

.teamlist{ padding-top: 30px; padding-bottom: 30px;}
.teamlist .pagewidth{ overflow: hidden; }
.teamlist ul{ width: 105%; }
.teamlist ul li{ width:280px; float: left; margin-right: 30px; border:#ececec solid 1px; background: #fff; padding: 10px; margin-bottom: 30px; }
.teamlist ul li .img img{ width: 100%; height: 100%; object-fit: contain;}
.teamlist ul li .name{  color: #333; padding-top: 15px; padding-bottom: 5px; text-align: center; }
.teamlist ul li .img { overflow: h }
.teamlist ul li .img img { transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}
.teamlist ul li .img:hover img {transform: scale(1.1) translateZ(0); transition-duration: 0.3s;}


.job_list{ padding-top: 30px; padding-bottom: 30px;}
.job_list .pagewidth{ overflow: hidden; }
.job_list .list ol{ background: #f5f5f5; line-height: 50px; height: 50px; font-size: 14px; color: #999; }
.job_list .list ol li.name{ float: left; width: 30%; text-indent: 30px; }
.job_list .list ol li.zhineng{ float: left; width: 15%;}
.job_list .list ol li.renshu{ float: left; width: 15%;}
.job_list .list ol li.didian{ float: left; width: 15%;}
.job_list .list ol li.shijian{ float: left;width: 15%; }
.job_list .list ol li.button{ float: left; width: 10%;}
.job_list ul{ border-bottom: #ececec solid 1px; }
.job_list ul li{ padding: 30px; border: #ececec solid 1px; border-top: none; border-bottom: none; }
.job_list ul li .name{ float: left;  width: 30%;}
.job_list ul li .zhineng{ float: left; width: 15%; }
.job_list ul li .renshu{ float: left; width: 15%;  }
.job_list ul li .didian{ float: left; width: 15%;  }
.job_list ul li .shijian{ float: left; width: 15%;  }
.job_list ul li .button{ float: right; width: 10%;  text-align: right; }
.job_list ul li.content{ padding-top: 0px; line-height: 1.8em; font-size: 15px; color: #333; }
.job_list ul li.content .left{ width: 50%; float: left; border-top:#ececec solid 1px; padding-top:30px;}
.job_list ul li.content .right{ width: 50%; float: left; border-top:#ececec solid 1px; padding-top:30px;}

.solution_detail_menu{ height: 70px; line-height: 70px; border-top: #ececec solid 1px;border-bottom: #ececec solid 1px; position: fixed; top: 118px; z-index: 1; transition-duration: 0.3s; left: 0px; right: 0px;background: #fff; }
.solution_detail_menu h1{ float: left; font-size: 18px; color: #333; }
.solution_detail_menu ul{ float: right; }
.solution_detail_menu ul li{ float: left; margin-left: 50px;}
.solution_detail_menu ul li a{ color: #333; font-size: 16px; display: block; }
.solution_detail_menu ul li a.active{ color: #3b5e9f; font-size: 16px; font-weight: bold; position: relative; }
.solution_detail_menu ul li a.active:after{ position: absolute; left: 0px; right: 0px;bottom: 0px; height: 2px; width: 100%; content: ""; background: #3b5e9f }
.solution_detail_menu.fixed{ position: fixed; left: 0px; top: 0px; right: 0px; z-index: 999 }
.solution_detail_menu.height50{height: 50px;line-height: 50px; position: fixed; left: 0px; top: 0px; right: 0px; }

.solution_detail_overview{ padding-top: 180px; padding-bottom: 180px; position: relative; }
.solution_detail_overview h2{ font-weight: bold; font-size:30px; margin-bottom: 15px; text-align: left;  color: #fff; }
.solution_detail_overview .html{ width: 60%; font-size: 16px; line-height: 1.8em; color: #fff; text-align: justify; }
.solution_detail_overview .mouse{  position: absolute; height: 30px; width: 30px; left: 50%; margin-left: -15px; bottom: 40px; -webkit-animation:mouse 1.5s infinite linear ;}
.solution_detail_overview .mouse img{ width: 100%; display: block; }
@-webkit-keyframes mouse {
    0%{
    	bottom: 25px;
    }
    50%{
    	bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}
.solution_detail_application .html{ font-size: 16px; line-height: 1.8em; color: #333; }


.solution_detail_application{  padding-top: 80px; padding-bottom: 80px; background: #f7f7f7;  }
.solution_detail_application h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_application .html{ font-size: 16px; line-height: 1.8em; color: #333; }
.solution_detail_description{  padding-top: 80px; padding-bottom: 80px;  }
.solution_detail_description h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_description .html{ font-size: 16px; line-height: 1.8em; color: #333; }

.solution_detail_features{  padding-top: 80px; padding-bottom: 80px; background: #f7f7f7;  }
.solution_detail_features h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_features .html{ font-size: 16px; line-height: 1.8em; color: #333; }
.solution_detail_case{  padding-top: 80px; padding-bottom: 80px;  }
.solution_detail_case h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_case .swiper-slide .img{}
.solution_detail_case .swiper-slide img{ width: 100%; display: block; }
.solution_detail_case .swiper-slide .box{ border-radius: 3px;}
.solution_detail_case .swiper-slide .box p { padding-left: 30px; padding-right: 30px; text-align: center; padding-top: 10px; padding-bottom: 20px; line-height: 1.6em; }
.solution_detail_case .swiper-slide .box p a{ color: #333; font-size: 16px;  font-weight: normal; }


.solution_detail_product{  padding-top: 80px; padding-bottom: 80px; background: #f7f7f7;  }
.solution_detail_product h2{ font-weight: bold; font-size:30px; margin-bottom: 25px; text-align: center; }
.solution_detail_product .swiper-slide .img{padding: 10px;}
.solution_detail_product .swiper-slide img{ width: 100%; display: block; }
.solution_detail_product .swiper-slide .box{ border:#ececec solid 1px; border-radius: 3px; background: #fff; height: 360px; }
.solution_detail_product .swiper-slide .box p { padding-left: 30px; padding-right: 30px; text-align: center; padding-top: 10px; padding-bottom: 20px; line-height: 1.6em; }
.solution_detail_product .swiper-slide .box p a{ color: #333; font-size: 16px;  font-weight: normal; }

.search_logo{ width: 260px; margin: 40px auto; margin-bottom: 0px;}
.search_logo img{ width: 100%; display: block; }



}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 320px) {}