@import url(jquery.bxslider.css);
@import url(pscroll.css);

/*mg4355电子线路*/

.i_product_bg {
 background-color: #f5f5f5;
 overflow: hidden;
 padding-bottom: 2.5%;
}

.i_title {
 margin: 3.9% 0;
 overflow: hidden;
 text-align: center;
}

.i_title h2 {
 position: relative;
 font-family: PingFangSC-Medium;
 font-size: 36px;
 color: #000000;
 letter-spacing: 0;
 font-weight: 500;
 display: inline-block;
 margin-bottom: 16px;
}

.i_title h2:before {
 position: absolute;
 bottom: -5px;
 left: 0;
 content: '';
 width: 100%;
 height: 10px;
 background: #3A84CB;
 opacity: 0.5;
 display: inline-block;
}

.i_title p {
 font-family: PingFangSC-Regular;
 font-size: 24px;
 color: #666666;
 letter-spacing: 0;
 line-height: 24px;
 font-weight: 400;
}

.nproduct_list2 {
 display: flex;
 justify-content: center;
 overflow: hidden;
 padding-top: 8px;
 padding-bottom: 20px;
}

.nproduct_list2 ul {
 width: 1300px;
}

.nproduct_list2 ul li {
 float: left;
 overflow: hidden;
 margin: 0 20px 20px 0;
 background-color: #fff;
 width: 420px;
 height: 260px;
}

.nproduct_list2 ul li:nth-child(3n+0) {
 margin-right: 0;
}

.nproduct_list2 ul li img {
 display: inline-block;
 width: 100%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s;
 -o-transition: all 0.3s ease-out 0s;
 transition: all 0.3s ease-out 0s;
}

.nproduct_list2 ul li .imgs {
 width: 280px;
 overflow: hidden;
 float: left;
 display: flex;
 justify-content: center;
 align-items: center;
}

.nproduct_list2 ul li .text {
 flex-shrink: 1;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 padding: 0 24px;
 overflow: hidden;
}

.nproduct_list2 ul li h2 {
 font-family: PingFangSC-Regular;
 font-size: 20px;
 color: #333333;
 letter-spacing: 0;
 text-align: justify;
 font-weight: 400;
 padding-top: 32px;
 margin-bottom: 14px;
}

.nproduct_list2 ul li p {
 font-family: PingFangSC-Regular;
 font-size: 16px;
 color: #999999;
 letter-spacing: 0;
 text-align: justify;
 font-weight: 400;
}

.nproduct_list2 ul li em {
 display: block;
 color: #ee697e;
 font-size: 14px;
 margin-top: 10px;
 line-height: 20px;
 height: 20px;
 overflow: hidden;
}

.nproduct_list2 ul li label {
 display: block;
 color: #333;
 font-size: 14px;
 line-height: 20px;
 height: 20px;
 overflow: hidden;
 margin-top: 5px;
}

.nproduct_list2 ul li:hover img {
 -webkit-transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);
}

.nproduct_list2 ul li:hover {
 -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 -webkit-transform: translate3d(0, -2px, 0);
 transform: translate3d(0, -2px, 0);
 transition: all 0.3s;
}

.nproduct_list2 ul li:hover h2 {
 color: #00a1e9;
}

.i_solution {
 overflow: hidden;
 padding-bottom: 4%;
 padding-top: 8px;
}

.i_solution ul li {
 float: left;
 width: 32.3%;
 margin-right: 1.5%;
 overflow: hidden;
 margin-bottom: 1.5%;
 text-align: center;
}

.i_solution ul li:nth-child(3n+0) {
 margin-right: 0;
}

.i_solution ul li img {
 display: block;
 width: 56.5%;
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s;
 -o-transition: all 0.3s ease-out 0s;
 transition: all 0.3s ease-out 0s;
 vertical-align: middle;
 margin: 0% auto -0%;
}

.i_solution ul li .imgs {
 margin: 0 auto;
 overflow: hidden;
}

.i_solution ul li .txts {
 position: absolute;
 width: 100%;
 height: 100%;
 overflow: hidden;
 background: rgba(0, 0, 0, 0.5);
 top: 0;
 left: 0;
}

.i_solution ul li h2 {
 font-family: PingFangSC-Medium;
 color: #FFFFFF;
 letter-spacing: 0;
 font-weight: 500;
 font-size: 26px;
 text-align: left;
 overflow: hidden;
 padding: 0 7.6% 3.3%;
 white-space: nowrap;
 text-overflow: ellipsis;
 transition: all 0.3s;
 margin-bottom: 3.3%;
 margin-top: 6%;
 position: relative;
}

.i_solution ul li h2::after {
 bottom: 0;
 position: absolute;
 content: '';
 width: 23.8%;
 height: 2px;
 background: #FFFFFF;
 display: block;
}

.i_solution ul li p {
 font-family: PingFangSC-Regular;
 /*font-size: 24px;*/
 color: #FFFFFF;
 letter-spacing: 0;
 text-align: justify;
 font-weight: 400;
 /*line-height: 28px;*/
 overflow: hidden;
 color: #FFF;
 padding: 0 7.6%;
 margin: 0 auto;
}

.i_solution ul li:hover img {
 -webkit-transform: scale(1.2, 1.2);
 -moz-transform: scale(1.2, 1.2);
 -o-transform: scale(1.2, 1.2);
 -ms-transform: scale(1.2, 1.2);
 transform: scale(1.2, 1.2);
}

.i_case_bg {
 background: url(../images/i_bg2.jpg) center center no-repeat;
 background-size: cover;
 overflow: hidden;
 padding-bottom: 4%;
}

.i_case_bg .i_title h2 {
 color: #fff;
}

.i_case_bg .i_title p {
 color: #fff;
 background: url(../images/i_bg3.png) center bottom no-repeat;
}

.i_link {
 overflow: hidden;
 margin-bottom: 3%;
}

.i_link ul li {
 float: left;
 width: 15.8%;
 margin-right: 1%;
 margin-bottom: 1%;
 overflow: hidden;
}

.i_link ul li:nth-child(6n+0) {
 margin-right: 0;
}

.i_link ul li .imgs {
 overflow: hidden;
 border: 1px solid #f0f0f0;
}

.i_link ul li .imgs img {
 display: block;
 width: 100%;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s;
 -o-transition: all 0.3s ease-out 0s;
 transition: all 0.3s ease-out 0s;
}

.i_link ul li .imgs:hover img {
 -webkit-transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);
}

.banner_pos {
 overflow: hidden;
 position: absolute;
 width: 100%;
 height: 100%;
 bottom: 0;
 left: 0;
}

.banner_pos .banner_div {
 /* display:table; vertical-align:bottom; */
 height: 100%;
 width: 100%;
 position: relative;
}


/*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/


/*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/

.banner_pos .img001 {
 height: 100%;
 width: 57.6%;
 vertical-align: bottom;
 position: absolute;
 bottom: 0;
 right: 0%;
}

.banner_pos .img001 img {
 height: 100%;
 filter: Alpha(Opacity=0);
 opacity: 0;
}

.banner_pos .txtsbox {
 float: left;
 width: 50%;
}

.banner_pos .txts {
 float: right;
 margin-right: 3%;
 margin-top: 20%;
 width: 94%;
 max-width: 536px;
 text-align: left;
}

.banner_pos .txts h2 {
 color: #00a1e9;
}

.banner_pos .txts p {
 color: #767676;
 margin-top: 6%;
}

.banner_pos .txts a {
 margin-top: 6%;
 width: 220px;
 display: block;
 height: 48px;
 line-height: 48px;
 border: 1px solid #606060;
 text-align: center;
 font-size: 12px;
 color: #a2a2a2;
}

.banner_pos .txts a em {
 float: right;
 margin-right: 7%;
 font-style: normal;
 font-family: "宋体";
 font-size: 18px;
}

.banner_pos .txts a:hover {
 border: 1px solid #00a1e9;
}

.banner_pos .txts a:hover {
 color: #00a1e9;
}

.solution {
 width: 100%;
 margin-bottom: 60px;
}

.solution-products {
 position: relative;
 border-top: 1px solid #DFDFDF;
 border-bottom: 1px solid #DFDFDF;
 display: flex;
 justify-content: center;
 align-items: center;
}


/*.solution-products:after{
  position: absolute;
  top: 550px;
  content: '';
  width: 100%;
  height: 1px;
  background: #DFDFDF;
  display: block;
}*/

.solution-products ul {
 width: 1302px;
}

.solution-products ul:after {
 content: '';
 display: table;
 clear: both;
}

.solution-products-item {
 width: 434px;
 height: 550px;
 border-right: 1px solid #DFDFDF;
 float: left;
 background: #FFFFFF;
 flex-direction: column;
 align-items: center;
 padding: 32px;
 box-sizing: border-box;
 cursor: pointer;
}
.solution-products-item a{
 display: flex;
 flex-direction: column;
 align-items: center;
}

.solution-products-item:nth-child(n+4) {
 border-top: 1px solid #DFDFDF;
}

.solution-products-item:nth-child(3n) {
 border-right: none;
}

.solution-products-item:hover {
 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.solution-products-item:hover.solution-products-item span {
 color: #FFFFFF;
 background: #3A84CB;
 border-radius: 3px;
}

.solution-products-item:nth-child(3n) {
 border-right: none;
}

.solution-products-item h2 {
 line-height: 28px;
 font-family: PingFangSC-Medium;
 font-size: 20px;
 color: #333333;
 letter-spacing: 0;
 font-weight: 500;
 margin-bottom: 16px;
}

.solution-products-item p {
 line-height: 22px;
 font-family: PingFangSC-Regular;
 font-size: 16px;
 color: #666666;
 letter-spacing: 0;
 text-align: justify;
 font-weight: 400;
 margin-bottom: 32px;
}

.solution-products-item .picture {
 width: 370px;
 height: 240px;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
 margin-bottom: 32px;
}

.solution-products-item .picture img {
 width: 370px;
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s;
 -o-transition: all 0.3s ease-out 0s;
 transition: all 0.3s ease-out 0s;
}

.solution-products-item:hover.solution-products-item .picture img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -ms-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
}

.solution-products-item span {
 width: 144px;
 height: 50px;
 line-height: 50px;
 font-family: PingFangSC-Regular;
 font-size: 20px;
 color: #3A84CB;
 letter-spacing: 0;
 text-align: center;
 font-weight: 400;
 background: #FFFFFF;
 border: 1px solid rgba(58, 132, 203, 1);
 border-radius: 3px;
 display: block;
}

/*动画*/

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

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

@media screen and (max-width:1340px) {
 .nproduct_list2 ul {
  width: 860px;
 }
 .nproduct_list2 ul li:nth-child(3n) {
  margin-right: 20px;
 }
 .nproduct_list2 ul li:nth-child(2n) {
  margin-right: 0;
 }
 .solution-products ul {
  width: 868px;
 }
 .solution-products-item:nth-child(2n) {
  border-right: none;
 }
 .solution-products-item:nth-child(odd) {
  border-right: 1px solid #DFDFDF;
 }
 .solution-products-item:nth-child(n+3) {
  border-top: 1px solid #DFDFDF;
 }
}

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

@media screen and (max-width:1000px) {
 .i_link ul li {
  width: 19%;
 }
 .i_link ul li:nth-child(6n+0) {
  margin-right: 1.1%;
 }
 .i_link ul li:nth-child(5n+0) {
  margin-right: 0;
 }
}

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

@media screen and (max-width:902px) {
 .nproduct_list2 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }
 /*.nproduct_list2 ul li {
  width: 80%;
 }
 .nproduct_list2 ul li a {
  flex-shrink: 1;
 }*/
 .nproduct_list2 ul li:nth-child(n) {
  margin-right: 0;
 }
 .solution-products ul {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }
 .solution-products ul li {
  width: 100%;
  height: auto;
 }
 .solution-products .picture {
  width: 100%;
  height: auto;
 }
 .solution-products-item:nth-child(n) {
  border-right: none;
 }
 .solution-products-item:nth-child(n+2) {
  border-top: 1px solid #DFDFDF;
 }
}

@media screen and (max-width:830px) {
 /*轮显*/
 #slider {
  display: none;
 }
 .flash_div {
  display: block;
 }
 .i_link ul li {
  width: 24%;
 }
 .i_link ul li:nth-child(5n+0) {
  margin-right: 1.1%;
 }
 .i_link ul li:nth-child(4n+0) {
  margin-right: 0;
 }
}

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

@media screen and (max-width: 640px) {
 .i_link ul li {
  width: 32.5%;
 }
 .i_link ul li:nth-child(4n+0) {
  margin-right: 1.1%;
 }
 .i_link ul li:nth-child(3n+0) {
  margin-right: 0;
 }
}

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

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