@charset "utf-8";
/* CSS Document */

.oem{  background:url(oem.jpg) no-repeat center center; background-size:cover; display:flex; justify-content:center; align-items:center }
.oem a{ font-size:100px; color:#fff; font-weight:bold; line-height:100px; transition:all 0.5s}
.oem a:first-child{ margin-right:150px}
.oem a:hover{ transform:scale(1.18); }

.oem_top{ margin:100px auto 20px; }

.oem_10{ width:1300px; padding:0;transition:all 0.5s; margin-bottom:80px}
.oem_h1{ width:100%; overflow:hidden; line-height:130px; font-size:100px; color:#5f5d5d; text-align:center}
.oem_h1a{ font-size:90px; line-height:110px; margin-bottom:60px}

.oem_11{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:50px; transition:all 0.5s}
.oem_11 dl{ width:20%; margin-bottom:50px; position:relative; padding-bottom:110px; }
.oem_11 dl a{ width:120%; background:rgba(0,78,162,.5); border-radius:50%; display:block; display:flex;align-items:center ;flex-direction:column; justify-content:center;transition:all 0.5s}
.oem_11 dl:nth-of-type(2) a{background:rgba(0,78,162,.6);}
.oem_11 dl:nth-of-type(3) a{background:rgba(0,78,162,.7);}
.oem_11 dl:nth-of-type(4) a{background:rgba(0,78,162,.8);}
.oem_11 dl:nth-of-type(5) a{background:rgba(0,78,162,.9);}

.oem_11 dl:nth-of-type(6) a{background:rgba(0,78,162,.9);}
.oem_11 dl:nth-of-type(7) a{background:rgba(0,78,162,.8);}
.oem_11 dl:nth-of-type(8) a{background:rgba(0,78,162,.7);}
.oem_11 dl:nth-of-type(9) a{background:rgba(0,78,162,.6);}
.oem_11 dl:nth-of-type(10) a{background:rgba(0,78,162,.5);}

.oem_11 dl dd{ width:100%; text-align:center; float:left; overflow:hidden;}
.oem_11 dl dt{ width:100%; text-align:center; float:left; font-weight:bold; font-size:35px; color:#fff; line-height:45px;}
.oem_11 dl h6{ position:absolute; left:0; z-index:9; width:100%; line-height:42px; text-align:center; overflow:hidden; padding-top:50px; background:url(line01.gif) no-repeat center 0; display:flex;justify-content:center; transition:all 0.5s; }
.oem_11 dl h6 span{ color:#fff; background:#004ea2;  font-size:23px; font-weight:normal; border-radius:26px; height:42px; line-height:42px; padding:0 25px;}

.oem_11 dl:hover a{ transform:scale(1.11)}
.oem_11 dl:hover h6{ top:270px}

.oem_p1{ width:100%; text-align:right}
.oem_p1 img{ margin-right:50px; max-width:90%}


.odm_10{ width:940px; margin:0 auto}
.odm_11{transition:all 0.5s}
.odm_11 dl{ width:25%}
.oem_11 dl:nth-of-type(5) a{background:rgba(0,78,162,.8);}
.oem_11 dl:nth-of-type(6) a{background:rgba(0,78,162,.7);}
.oem_11 dl:nth-of-type(7) a{background:rgba(0,78,162,.6);}
.oem_11 dl:nth-of-type(8) a{background:rgba(0,78,162,.5);}

.oem_hz{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-bottom:80px }
.oem_hz li{ width:25%; text-align:center; margin:30px 0}
.oem_hz li:nth-child(n+5){ width:33.33%;}
.oem_hz li:nth-child(n+8){ width:25%;}
.oem_hz li img{ max-width:90%; transition:all 0.5s}
.oem_hz li span{ display:none}
.oem_hz li:hover img{ transform:scale(1.11)}

.oem_hz li:nth-child(n+8) img{ display:none}
.oem_hz li:nth-child(n+8) span{ display:block; font-size:55px; color:#5f5d5d; font-weight:bold; transition:all 0.3s}
.oem_hz li:nth-child(n+8):hover span{ transform:scale(1.1)}



/******** 手机版 ********/
@media (max-width:767px){
.oem_top{ margin:30px auto 0px; }
	
.oem a{ font-size:80px; line-height:90px}
.oem a:first-child{ margin-right:100px}


.oem_hz{ margin-bottom:30px }
.oem_hz li{ width:50%; margin-bottom:10px; }
.oem_hz li img{ max-width:60%; }
.oem_hz li:nth-child(n+5){ width:50%;}
.oem_hz li:nth-child(n+8){ width:50%;}
.oem_hz li:nth-child(n+8) span{ font-size:30px; }

/* oem */
.oem_10{ width:100%; margin-bottom:0px}
.oem_h1{ line-height:55px; font-size:50px; }
.oem_11{ width:96%; margin-top:30px}
.oem_11 dl{ padding-bottom:30px;}
.oem_11 dl dd{ max-height:50%}
.oem_11 dl dd img{ height:40px}
.oem_11 dl dt{  font-size:12px; line-height:18px;}
.oem_11 dl h6{ line-height:30px; padding-top:30px; margin-top:10px !important  }
.oem_11 dl h6 span{ font-size:12px;height:26px; line-height:26px; padding:0 10px;}
.oem_p1{ text-align:center}
.oem_p1 img{ margin-right:0px; max-width:90%}

.oem_h1a{ font-size:35px; line-height:40px; margin-bottom:0px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.oem_top{ margin:50px auto 0px; }
	
.oem a{ font-size:80px; line-height:90px}
.oem a:first-child{ margin-right:100px}

.oem_h1a{ font-size:50px; line-height:60px; margin-bottom:30px}
.oem_hz{ margin-bottom:30px }
.oem_hz li{ width:33.33%; margin-bottom:20px; }
.oem_hz li img{ max-width:60%; }
.oem_hz li:nth-child(n+5){ width:33.33%;}
.oem_hz li:nth-child(n+8){ width:33.33%;}
.oem_hz li:nth-child(n+8) span{ font-size:40px; }

/* oem */
.oem_10{ width:100%; margin-bottom:0px}
.oem_h1{ line-height:90px; font-size:80px; }
.oem_11 dl{ padding-bottom:80px;}
.oem_11 dl dd{ max-height:50%}
.oem_11 dl dd img{ max-height:100%}
.oem_11 dl dt{  font-size:20px; line-height:25px;}
.oem_11 dl h6{ line-height:36px;  }
.oem_11 dl h6 span{ font-size:18px;height:36px; line-height:36px; padding:0 25px;}
.oem_p1{ text-align:center}
.oem_p1 img{ margin-right:0px; max-width:90%}

.oem_h1a{ font-size:60px; line-height:70px; margin-bottom:30px}

}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.ty02{width:90%; padding:0 7% 0 3%; }
.oem_top{ margin:70px auto 30px; }
.oem a{ font-size:90px;}
.oem a:first-child{ margin-right:130px}

.oem_h1a{ font-size:60px; line-height:70px; margin-bottom:20px}
.oem_hz{ margin-bottom:30px }
.oem_hz li{margin-bottom:50px}
.oem_hz li:nth-child(n+8) span{ font-size:45px; }

/* oem */
.oem_10{ width:100%; margin-bottom:30px}
.oem_h1{ line-height:100px; font-size:90px; }
.oem_11 dl dt{  font-size:28px; color:#fff; line-height:30px;}
.oem_11 dl h6{ line-height:42px;  }
.oem_11 dl h6 span{ font-size:20px}

.oem_h1a{ font-size:70px; line-height:80px; margin-bottom:30px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.ty02{width:90%; padding:0 7% 0 3%; }
.oem_top{ margin:80px auto 30px; }
.oem a{ font-size:90px;}
.oem_h1a{ font-size:80px; line-height:100px; margin-bottom:30px}

/* oem */
.oem_10{ width:100%; margin-bottom:0px}
.oem_h1a{ font-size:80px; line-height:90px; margin-bottom:30px}
}

/******** 1400px ********/
@media (min-width:1440px){
	
}