/* CSS Document */

* {
	box-sizing: border-box;
} * , blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
LI, UL { list-style-type:none;}
body {font-family: "Helvetica Neue", Arial, "Noto Sans", 'Microsoft YaHei', sans-serif; background:#fff; font-size:14px; color:#000;}
IMG {
	BORDER - TOP - WIDTH: 0;
	BORDER - LEFT - WIDTH: 0;
	BORDER - BOTTOM - WIDTH: 0;
	BORDER - RIGHT - WIDTH: 0
}

@font-face {font-family: HarmonyOS Sans SC; src:url("../font/HarmonyOS_Sans_SC_Regular.ttf"); font-weight:normal; font-style:normal;}
@font-face {font-family: HarmonyOS Sans SC1; src:url("../font/HarmonyOS_Sans_SC_Black.ttf"); font-weight:normal; font-style:normal;}
@font-face {font-family: HarmonyOS Sans SC2; src:url("../font/HarmonyOS_Sans_SC_Bold.ttf"); font-weight:normal; font-style:normal;}
@font-face {font-family: HarmonyOS Sans SC3; src:url("../font/HarmonyOS_Sans_SC_Light.ttf"); font-weight:normal; font-style:normal;}
@font-face {font-family: HarmonyOS Sans SC4; src:url("../font/HarmonyOS_Sans_SC_Medium.ttf"); font-weight:normal; font-style:normal;}
@font-face {font-family: HarmonyOS Sans SC5; src:url("../font/HarmonyOS_Sans_SC_Thin.ttf"); font-weight:normal; font-style:normal;}
@font-face {font-family: Jonapp Black; src: url("../font/Jonapp Black.ttf");}
@font-face {font-family: Jonapp Light; src: url("../font/Jonapp Light.ttf");}

 
.fz { margin:0 auto; width:94%; max-width:1500px;}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
a { text-decoration:none;color:#333333;}
img { border:0;}






/* 导航 */
.navbox { display:flex;-webkit-box-pack: justify;justify-content: space-between;    align-items: center;}
.index_logo{ width:20%;z-index:8888888888888; display:flex; padding:20px 0;}
.index_logo a{ display:block;}
.index_logo img{ max-width:100%;}
.head{width:100%;z-index: 9999;  position:relative;display:flex; height:75px;}
.head .nav{ width:calc(80%); width:-webkit-calc(80%); width: -moz-calc(80%);display:flex;    justify-content: flex-end;}
.head .nav .nav_pc{ width:70%; float:right; }
.head .nav ul li .s_navbox .s_a { text-align:left; }
.head .nav ul li{float:left;box-sizing: border-box; text-align:center;z-index: 999; width:20% !important; position:relative;}
.head .nav ul li .f_a{display:block;font-size:17px;color:rgba(51, 51, 51, 1);width:100%; position:relative; padding:20px 0;}
.head .nav ul li .f_a p { position:absolute; left:0; top:0;   width:100%;  }
.head .nav ul li:hover .f_a{background-color: rgba(255, 255, 255, 0.16); transition:all .3s; color:rgba(17, 69, 155, 1); }
.head .nav ul li .s_navbox{     padding: 10px 20px 20px;display:none;position: absolute;left: 0;width:135px; z-index: 9999;box-sizing: border-box;background: #fff;
    border-radius: 4px;
    border-bottom: none;
    box-shadow: 0px 0px 24px 0px rgba(75, 76, 79, 0.1);}
.head .nav ul li .s_navbox .s_a a{ position:relative;color:#fff;font-size:15px;text-transform:uppercase;display:block;padding:0  10px; height:45px; line-height:45px;     color:#353535;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -transition: all 0.6s;
    -webkit-transition: all 0.6s;border-bottom: #e3e9ee 1px dashed;}
.head .nav ul li .s_navbox .s_a a i { width: 0;display: block;position: absolute;left: 0;top: 21px;height: 3px;background: rgba(17, 69, 155, 1);;margin-left: 0;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-transition: all 0.6s;-webkit-transition: all 0.6s;}	
.head .nav ul li .s_navbox .s_a a:hover i {width:20px; margin-right:15px;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -transition:all 0.6s; -webkit-transition:all 0.6s; }	
.head .nav ul li .s_navbox .s_a a:hover{ color: rgba(17, 69, 155, 1); padding-left:25px;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.head_con{ float:right; vertical-align:middle; height:34px; padding:0 20px; border-radius:5px;  margin:40px 0; line-height:34px; background:#fff; font-size:16px;} 
.head_con a{color: rgba(17, 69, 155, 1);}
.head_con:hover{background-color: rgba(255, 255, 255, 0.16);}
.head_con:hover a{ color:#fff; }

/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer; width:14%;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;}
.icon1{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.icon2{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.icon3{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.icon4{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.icon5{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.icon6{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.icon7{background: url(https://www.blueo.cn/themes/default/images/sideIcon1.png) no-repeat;}
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px;background: url(https://www.blueo.cn/themes/default/images/img_public.png) no-repeat;vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;}

/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top; display:block;} 



/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .nav ul li .s_navbox .s_a{width:100%}
    
}

@media screen and (max-width: 1200px) and (min-width:1024px) {
   
   .head .nav ul li:last-child { padding-left:0;transition:all 0.6s;}
}



/*移动端导航*/
.m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;}
.m_navList ul li .c_logo{ width:65%;}
.m_tel { display:none}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .head{display:none}
   .m_img{display:block;height:80px;background:rgba(255, 255, 255, 1);width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{  position:absolute; left:0; top:0; height:90px; padding-left:20px;z-index:9 ;}
   .m_img .headlf .m_logo{height:25px;display:inline-block;margin-top:25px;}
   .m_img .headlf a{ display:block;}
   .m_img .headrg{padding-top:25px;padding-right:20px; position:absolute; right:0; top:0; z-index:999;}
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_tel { display:block;  position:absolute; right:0; top:0;   width:25%; text-align:right;z-index:9999 ; height:90px;   padding-right:15px; }
   .m_tel img { height:38px; padding-top:28px;padding-right:15px;}
   .m_tel a { color:#7b7b7b; font-weight:bold; font-size:18px; display:block ; margin-top:23px;  height:40px; text-align:center; line-height:40px; float:right; width:40px; border-radius:50px; border:1px solid #dedede}
   
   .m_tel a:hover{ color: rgba(17, 69, 155, 1); }
.headrg .a_js span{display:block;height:3px;background:rgba(17, 69, 155, 1);margin-bottom:8px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.headrg .a_js span:nth-child(1){ width:35px; }
.headrg .a_js span:nth-child(2){ width:45px;}
.headrg .a_js span:nth-child(3){margin-bottom:0;width:35px;}
.container .navTrigger-on span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
.container .navTrigger-on span:nth-child(2){opacity:0; width:45px !important;}
.container .navTrigger-on span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}
   
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:100000000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:3%;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#f2f2f2;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #ccc}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; height:45px; position:relative;}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 100%;height:35px;box-sizing: border-box; padding:0 5px; display: block; position:absolute; left:0; top:0;}
   .icon{ background:url(https://www.blueo.cn/themes/default/images/plus.png) 100% no-repeat;background-position: right 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(https://www.blueo.cn/themes/default/images/reduce.png) 100% no-repeat!important;background-position: right 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}






/*=====banner=====*/
.banner {margin: 0 auto;width: 100%; }
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; position:relative; }
.flexslider .slides > li div { background-position: center; background-repeat: no-repeat; background-size: cover; }
.flexslider .slides > li div a { display:block; width:100%; }

.flexslider .slides > li .img img{display:block;width:100%;    width: 100%;height: calc(100vh - 75px);object-fit: cover;  }

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.banner ul li .li_video{ background:#000;}
.banner #video { width:100%; }
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;} 
.pro-switch {overflow: hidden;position: relative;width:100%;}
.no-js .slides > li:first-child {display: block;}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {height: 0;}
.flex-direction-nav a {width:60px;height:60px; border-radius:5px;margin: -58px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background:rgba(0,0,0,0.2) url(../images/b_r.png) no-repeat center center;right: 2%;  }
.flex-direction-nav .flex-next:hover {background: rgba(17, 69, 155, 1) url(../images/b_r.png) no-repeat center center;}
.flex-direction-nav .flex-prev {background:rgba(0,0,0,0.2) url(../images/b_l.png) no-repeat center center;left: 2%;}
.flex-direction-nav .flex-prev:hover {background:rgba(17, 69, 155, 1) url(../images/b_l.png) no-repeat center center;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}

.flex-control-nav {width: 100%;position: absolute;bottom:2%;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display:block;height:6px;overflow: hidden;text-indent:-99em;width:90px; border-radius:10px; background: rgba(204, 204, 204, 1);cursor: pointer;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.flex-control-paging li a.flex-active {background: rgba(17, 69, 155, 1);width:90px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

 
 
/*--------------------page------------------*/

.page { text-align:center;margin:30px auto 60px;clear: both;padding-top:10px;}
.page span.page_list {overflow:hidden;}
.page span.page_list a {background:#fff;margin-right:5px;border:1px solid #eaeaea;padding: 5px 10px 5px 10px;font-size:12px;}
.page span.page_rows {background:#fff;border:1px solid #eaeaea;font-size:12px;margin-right:5px;padding: 5px 10px 5px 10px;}
.page span.page_list a.selected {background:rgba(17, 69, 155, 1);border:1px solid rgba(17, 69, 155, 1);color: #fff;}
.nodata{ width:100%; padding:90px 0;color: rgba(102, 102, 102, 1);}
 
.brand_p{ background:url(../images/bj.jpg) repeat-y 63%;} 
.brand_pro{ display:flex; flex-wrap:wrap;}
.brand_pro .brand_proli{ width:50%;}
.brand_proli:nth-child(1){ background:#11459b;}
.brand_proli:nth-child(2){ background:#303030;}
.brand_prolinr{ padding:50px 0;}
.brand_prolinr_b{ color:#fff; font-size:40px; font-weight:bold;text-transform: capitalize; margin:60px 0; font-family:HarmonyOS_Sans_SC_Bold; text-transform:uppercase; line-height:35px; letter-spacing:-1px;}
.brand_pro .brand_proli:nth-child(1){ background-image:url(../images/bj00.jpg); background-position-x: right;background-position-y: top;background-repeat: no-repeat;}
.brand_pro .brand_proli:nth-child(2){ background-image:url(../images/bj01.jpg); background-position-x:left;background-position-y: top;background-repeat: no-repeat;}
.brand_pro .brand_proli:nth-child(2) .brand_prolinr{ padding:50px;}

.brand_prolinr_c{ font-size: 20px;line-height: 35px;display: inline-block;margin: 0 auto; font-family:Arial, Helvetica, sans-serif;border-style: solid;border-color:#fff;border-width: 1px 1px 1px 1px;border-radius:10px;padding: 0% 1% 0% 1%;vertical-align:middle; color:#fff;}
.brand_prolinr_c01{ display:inline-block;color:#fff; padding:0 10px;}
.brand_prolinr_c02{ display:inline-block; padding:5px;}
.brand_prolinr_c02 img{ height:15px;}
.brand_prolinr_b i{ display:block; background:#fff; width:30px; height:5px; margin-top:20px;}


.foot_con{display:flex;  flex-wrap: wrap;}
.foot{ background:#18191e; color:#fff; overflow:hidden;}
.foot_con { padding:60px 0;}
.foot_conleft{ width:60%; padding-right:5%;}
.foot_conright{ width:35%; }

.foot_conrightli{display:flex;  flex-wrap: wrap;    align-items: center;}
.foot_conleft01{ margin-bottom:30px; margin-top:20px;}
.foot_conleft01 ul{ display:flex;  flex-wrap: wrap;justify-content:space-between; font-size:24px; margin-bottom:20px;}
.foot_conleft01 a{ color:#fff;}
.foot_conleft01  li:hover a{ color:#133b81;}
.foot_conleft01 { border-bottom:1px solid #404040;}

.foot_conleft02{ display:flex; flex-wrap: wrap;vertical-align: middle;    align-items: center;}
.foot_conleft02_a{display: inline-block;}
.foot_conleft02_b{display: inline-block;color: #fff;padding: 0 10px; font-size:46px;}

.foot_conleft03{ margin-top:15px;}
.foot_conleft03 p{ color:#999999; font-size:16px; line-height:1.6;}
.foot_conright01{ flex:0 0 25%;text-align: center;}
.foot_conright01_b a{ display:flex; padding:5px 0 10px;align-items: center;    justify-content: center;gap: 5px;}
.foot_conright01_a{ padding:5px ; border:1px solid #404040; border-radius:5px; display:inline-block;}
.foot_conright01_a img{ display:block; max-width:105px;}
.foot_conright01_b_c{position: relative;height: 25px;overflow: hidden;    width:25px;}
.foot_conright01_b_c01{position: absolute;left: 0;transition: all 0s;}
.foot_conright01_b_c img{height: 25px;vertical-align: middle;display: inline-block;}
.foot_conright01_b_c02{    position: absolute;left: -200%;transition: all 0.2s;}
.foot_conright .foot_conright01:hover .foot_conright01_b_c02{ left:0;}
.foot_conright .foot_conright01:hover .foot_conright01_b_c01{ display:none;}
.foot_conright .foot_conright01:hover .foot_conright01_b_d{ color:rgba(17, 69, 155, 1)}
.foot_conrightli .foot_conright01:last-child{flex-basis: 50%;}
.foot_conright01_e{ text-align:left;color:#999; font-size:14px;     align-items: center; }
.foot_conright01_d{ padding:0 5px;}
.foot_conright01_d img{ display:inline-block;}
.foot_conrightli .foot_conright01:nth-child(1) .foot_conright01_b_c{ width:30px;}
.foot_conrightli .foot_conright01:nth-child(5) .foot_conright01_b_c{ width:37px;}
.copyright{ border-top:1px solid #404040; font-size:20px;  padding:20px 0; text-align:center; color:#4c4c4c;}
.copyright a{ color:#4c4c4c;}
.copyright a:hover{ color:rgba(17, 69, 155, 1);}
.foot_conright01_b_d{ color:#fff;}

.foot_conright{ display:flex; flex-wrap:wrap;}

.inner_banner{ text-align:center;}
.inner_banner img{ max-width:100%; display:block;}

.blueo{ margin-top:70px;}
.blueo01{ background:#edf0f5; padding:50px; margin-bottom:50px;font-family:HarmonyOS Sans SC;}
.blueo01_a{ color:#134190; font-family:Jonapp Black; font-size:80px; line-height:0.8; margin-bottom:60px;}
.blueo01_b{ color:#595a59; font-size:24px;}
.blueo01_c{ display:flex; justify-content: space-between;align-items: flex-end; margin-top:30px;flex-wrap: wrap;}
.blueo01_c_a{ display:flex;align-items: flex-end; color:#5a5a5a;   }
.blueo01_c_a2{ padding-left:20px;}
.blueo01_c_a22{ color:#0f3f89; font-size:24px; font-weight:bold; padding:10px 0; margin-bottom:20px;font-family:HarmonyOS Sans SC1;}
.blueo02_b{ display:flex; flex-wrap:wrap; max-width:40%;}
.blueo02_b img{ display:block; max-width:100%;}

.blueo02_b .blueo02_b_img{flex-basis:calc(50% - 20px); margin:10px; box-shadow:8px 4px 10px #999; border-radius:20px; overflow:hidden;}
.blueo02_b .blueo02_b_img:nth-child(1){ box-shadow:none }

.blueo01_bnr{ padding-top:80px; font-size:20px; line-height:1.6;}
.blueo01_bnr p{ margin-bottom:20px;}
.blueo01_b_wz img{ max-width:65%; margin:-100px 0 0 -150px; float:right; display:inline-block; }
.blueo01_bnr0{ padding:0px 0 20px;}
.blueo01_d ul{ width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.blueo01_d li{width:calc(15.83333%); margin:10px 0 10px 1%;overflow:hidden;text-align: center;box-shadow: 8px 4px 10px #999;    border-radius: 20px; padding:20px; background:#fff;}
.blueo01_d li:nth-child(6n+1){ margin-left:0;}
.blueo01_f li img,.blueo01_d li img,.blueo01_h li img{ display:block; max-width:100%;}

.blueo01_g{display:flex;flex-wrap: wrap;justify-content: space-between;}
.blueo01_f ul{ width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.blueo01_f li{flex-basis:calc(23%); margin:10px auto;overflow:hidden;text-align: center;box-shadow: 8px 4px 10px #999;    border-radius: 20px; padding:20px; background:#fff;}
.blueo01_g_l{ width:55%;}
.blueo01_g_l ul{ width:100%; display:flex;flex-wrap: wrap;justify-content: space-between;}
.blueo01_g_r{ width:40%; }
.blueo01_g_l li{flex-basis:calc(33%); margin:10px auto;overflow:hidden;text-align: center;}
.blueo01_g_l li img{ display:block; max-width:100%;}
.blueo01_g_r01{font-size: 20px;line-height: 1.6;color: #595a59; }
.blueo01_g_r02 img{ max-width:100%;}
.blueo01_g_r03{ background:#12418f; border-radius:10px; color:#fff; padding:20px; font-size:16px;}

.blueo01_h ul{ width:100%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.blueo01_h li{width:calc(24.25%); margin:10px 0 10px 1%;}
.blueo01_h li:nth-child(6n+1){ margin-left:0;}
.blueo01_a span{ display:block;}
.blueo01_a span img{ max-width:100%;}
.blueo01_bj{ background-image:url(../images/BL-08.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:75%;}
.blueo01_bj_wz{ width:50%; padding-bottom:150px;}


.blueo01_i{ position:relative; padding:30px 0;}
.blueo01_i img{ max-width:100%;}
.blueo01_i1{ background:#12418f;border-radius:25px;  padding:50px;  }
.blueo01_i1_im{width:60%;}
.blueo01_i1 img{ max-width:80%;}
.blueo01_i2{ position:absolute; right:-2%; bottom:-5px; width:48%;}
.blueo01_i2 img{ max-width:100%;}


.blueo01_att{ background:#134190; color:#fff; font-size:40px; display:inline-block; padding:20px 10px; margin-top:10px;}
.blueo01_at{ display:block;}
.blueo01_j ul,.blueo01_j1 ul{justify-content: space-between; width:100%;display:flex;flex-wrap:wrap;}
.blueo01_j p,.blueo01_j1 .p_nr{ display:block; text-align:center; background:#134190; color:#fff; font-family:Jonapp Black; padding:10px 0; font-size:26px; overflow:hidden;}
.blueo01_j li img,.blueo01_j1 li img{ display:block; max-width:100%;}
.blueo01_j li,.blueo01_j1 li{display:inline-block; }
.blueo01_j li:nth-child(1){ width:25.5%;}
.blueo01_j li:nth-child(2){ width:27%;}
.blueo01_j li:nth-child(3){ width:45.5%;}

.blueo01_k ul,.blueo01_l ul,.blueo01_M ul{ display:flex; width:100%; flex-wrap:wrap;justify-content: center;}
.blueo01_k li{flex: 0 0 32%; margin-left:2%; margin-bottom:30px; overflow:hidden; border-radius:20px;box-shadow: 8px 4px 10px #999;}
.blueo01_k li:nth-child(3n+1){ margin-left:0;}
.blueo01_k li img,.blueo01_l li img,.blueo01_M li  img{ display:block; max-width:100%;}


.blueo01_l li{flex: 0 0 23.25%; margin-left:1%;margin-bottom:30px; overflow:hidden; border-radius:20px;box-shadow: 8px 4px 10px #999; }
.blueo01_l li:nth-child(4n+1){ margin-left:0;}

.blueo01_a_13{ font-family:HarmonyOS Sans SC1; font-size:50px; text-align:center; display:block; color:#134190; font-style:italic; font-weight:bold; line-height:1.2;}
.blueo01_M{ padding:50px 50px 30px; background:#fff;border-radius: 20px;
    box-shadow: 8px 4px 10px #999;}
.blueo01_M li{flex: 0 0 19.2%; margin-left:1%; margin-bottom:30px; overflow:hidden; border-radius:20px;box-shadow: 8px 4px 10px #999;}
.blueo01_M li:nth-child(1){ margin-left:0;}
.blueo01_M li p{ display:block; padding:10px; border-radius:10px; background:#134190; color:#fff; text-align:center; font-family:Jonapp Black; font-size:14px; height:100%;} 


.blueo01_bj2_1{ position:relative; margin-bottom:100px;}
.blueo01_bj2_1 .blueo01_bj2_1_p{ width:100%; }
.blueo01_bj2_1 .blueo01_bj2_2{ position:absolute;left:0; right:0; top:30%; text-align:center; color:#fff; font-family:Jonapp Black; font-size:50px; line-height:1; font-weight:bold; margin:0 auto 0; width:80%;}
.blueo01_bj2_2_b{ margin-top:50px;}
.blueo01_bj2_1 .blueo01_bj2_2 img{ max-width:150px;}


.gl .blueo01{ background:#f6f4f5;}
.gl .blueo01 .blueo01_a,.gl .blueo01_a_13,.gl .blueo01_bj2_2_b{ color:#130806;}
.gl .blueo01 .blueo01_c_a22{ color:#130806;}
.gl .blueo02_b .blueo02_b_img:nth-child(1){box-shadow: 8px 4px 10px #999;}
.gl .blueo01_c{ margin-top:160px;}
.gl .blueo01 .blueo01_g_r03{ background:#747474;}
.gl .blueo01_bj{background-image:url(../images/TG-08.jpg);    background-position: right bottom;    background-repeat: no-repeat;    background-size: 70%;}
.gl .blueo01_j1 .p_nr,.gl .blueo01_att,.gl .blueo01_M li p{ background:#747474;}
.gl .blueo01_gl01{ background-image:url(../images/tg01.jpg); background-position:right bottom; background-repeat:no-repeat;background-size:70% ; }
.gl .blueo01_d{ width:70%; margin:50px auto;}
.gl .blueo01_d li{ width: calc(24.25%); margin-left:1%;}
.gl .blueo01_d li:nth-child(4n+1){ margin-left:0;}
.gl .blueo01_f{width:90%; margin:50px auto;}

.oem01{ margin:70px auto 30px; font-size:20px; font-family:HarmonyOS Sans SC;}
.oem01_a1_im{ display:block;}
.oem01_a1{display:flex;width:100%; flex-wrap:wrap;align-items: flex-start; margin-top:-50px;justify-content: space-between;}
.oem01_a1_wz{ text-transform:uppercase; color:#11459b; width:38%; padding-right:2%;}
.oem01_a2{ width:60%; padding-top:20px;}
.oem01_a2 p{ margin-bottom:20px;}
.oem01_a1_a{ font-family:"Jonapp Black"; font-size:78px; }
.oem01_a1_b{font-family:"Jonapp Light"; font-size:100px;}
.oem01_b{ margin-top:50px;counter-reset: section; display:flex; flex-wrap:wrap;align-items: flex-start; }
.oem01_b li:before{counter-increment: section;content:"0" counter(section);  font-family:Jonapp Black; font-size:156px;     color: #11459b; display:block;}
.oem01_b li{flex: 0 0 31.333%; margin-left:3%; }
.oem01_b li:nth-child(1){ margin-left:0;}
.culture01{ font-size:26px; margin-bottom:10px;}
.culture02{ color:#808080; font-size:16px;}


.oem03_bj{ position:relative; }
.oem03_bj dl{display:flex;width:100%; flex-wrap:wrap;}
.oem03_bj dt{flex: 0 0 19.6%; margin-left:0.5%;}
.oem03_bj dt:nth-of-type(n+6){ margin-top:0.5%;}
.oem03_bj dt:nth-child(5n+1){ margin-left:0;}
.oem03_bj dt img{ display:block;width:100%;}
.oem03_bj:before{ width:100%; background:rgba(25,25,25,0.85); height:100%; content:""; position:absolute;}

.oem02{ position:relative; margin-top:50px;}
.oem04{ position:absolute; left:0; right:0; top:2%;}
.oem04{ color:#fff; font-size:20px; font-family:HarmonyOS Sans SC;}
.oem04_2 ul{counter-reset: section; display:flex; flex-wrap:wrap;align-items: flex-start;}
.oem04_2 li:before{counter-increment: section;content:"0" counter(section);  font-family:Jonapp Black; font-size:156px; color:#666; display:block;}
.oem04_2  .culture{ width:80%;}
.oem04_2  .culture02{ color:#fff;}
.oem04_2 li{ display:flex;align-items: flex-start;flex: 0 0 47%; margin-left:6%;align-items: center;justify-content: space-between; }
.oem04_2 li:nth-child(2n+1){ margin-left:0;}
.oem04_1,.oem04_3{ text-align:center; padding:50px 0; width:60%; margin:0 auto; font-size:20px;}
.oem04{ line-height:1.2;}


.connect { margin:50px auto;}
.connect .conswiper{position: relative; overflow: hidden;}
.connect .conswiper .swiper-slide img{width: 100%;}
.connect .conswiper .swiper-slide .title{font-size: 18px; line-height: 2em;}

.connect .conswiper .swiper-button-prev,
.connect .conswiper .swiper-button-next{width:60px;height:60px; border-radius:5px;margin-top: -58px;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.connect .conswiper .swiper-button-next {background:rgba(0,0,0,0.2) url(../images/b_r.png) no-repeat center center;right: 1%;}
.connect .conswiper .swiper-button-next:hover {background: rgba(17, 69, 155, 1) url(../images/b_r.png) no-repeat center center;}
.connect .conswiper .swiper-button-prev {background:rgba(0,0,0,0.2) url(../images/b_l.png) no-repeat center center;left: 1%;}
.connect .conswiper .swiper-button-prev:hover {background:rgba(17, 69, 155, 1) url(../images/b_l.png) no-repeat center center;}
.connect .conswiper:hover .swiper-button-next {opacity: 0.8;filter:alpha(opacity=25);}
.connect .conswiper:hover .swiper-button-prev {opacity: 0.8;filter:alpha(opacity=25);}
.connect .conswiper:hover .swiper-button-next:hover, .connect .conswiper:hover .swiper-button-prev:hover {opacity: 1;filter:alpha(opacity=50);}

.connectnr{ background:#e6e6e6; padding:5%; margin-top: 30px;}
.connectnr li{display:flex; font-size:20px;}
.connectnr02_a img{max-height:28px; display:block; padding-right:10px;}

.connectnr02_01 li{ display:flex;flex-wrap: wrap;align-items: center;}
.connectnr02_01 li{ margin-bottom:20px;}
.connectnr02_02{ border-top:1px solid #c6cacc; margin-top:30px; padding-top:30px; line-height:1.6; font-size: 16px;}
.connectnr02_02 h4{font-size: 18px;}


.blueo01_j1 li{ flex:0 0 24.25%; margin-left:1%; overflow:hidden;}

.blueo01_j1 li:nth-child(1){ margin-left:0;}
.blueo01_j1 li dt:nth-child(2){ margin-top:3%;}
.blueo01_j1 li dt:nth-child(2) .p_nr{ padding:5% 0;}


@media screen and (max-width:4804px) and (min-width:1920px) {
    .head .nav ul li .s_navbox {   width: 100%;}
	.scale_info {  top:-123px;}
	.flex-control-nav {   bottom:3%;}
	.flex-control-paging li{ margin:0 5px;}
	.fz { max-width:2000px;  }
	#home_banner{ max-width:2000px; margin:40px auto  }
	.head .nav .nav_pc { width:calc(80% - 214px); width:-webkit-calc(80% - 214px); width: -moz-calc(80% - 214px); }
	.head .nav ul li:first-child+li .s_navbox { width: 100%;}
	.flex-direction-nav a { width:70px;  height:70px; background-size:20% !important}
	.blueo01_g_r01{margin-bottom:50px; margin-top:30px;}
	.blueo01_bj2_1 .blueo01_bj2_2{font-size:70px;}
	.blueo01_bj2_1 .blueo01_bj2_2 img{ max-width:200px;}
	.oem04{ top:5%;}
}
@media screen and (max-width: 2100px)  and (min-width:2000px) {
	
	.oem04{ top:0%;}
	.oem04_1, .oem04_3{ padding:20px 0;}
}

@media screen and (max-width: 2000px)  and (min-width:1920px) {
	
	.oem04{ top:5%;}
}
@media screen and (max-width: 1920px) and (min-width:1600px) {
   .head .nav ul li .s_navbox {   width: 100%;}
   .fz { width: 89%;}

	.blueo01_g_r01{margin-bottom:50px; margin-top:30px;}
	.blueo01_bj{ background-image:url(../images/BL-08.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:80%;}
	.blueo01_bj_wz{ width:50%; padding-bottom:100px;}
	.blueo01_j p{ font-size:20px;}
	.oem04{ line-height:1;}
	.oem04_1, .oem04_3{ padding:20px 0;}
}



@media only screen and (max-width: 1680px){
	.foot_conleft{ width:50%;}
	.foot_conright{ width:45%;}
	.foot_conleft02_b{ font-size:40px;}
	.blueo01_bj_wz{ width:50%; padding-bottom:0px;}
	.blueo01_M li{flex: 0 0 32.6667%;}
	.blueo01_M li:nth-child(3n+1){ margin-left:0;}
	.oem01_a1_a{ font-size:60px;}
	.oem01_a1_b{ font-size:80px;}
	
	}

@media only screen and (max-width: 1600px){	
   .fz {   max-width: 1400px;}
   .head .nav ul li .f_a {  font-size: 16px;}
   .head .nav .nav_pc{ width:80%;}
   .blueo01_c_a1 img{ max-width:100px;}
   .brand_pro .brand_proli:nth-child(2){background-position-x: 40%;}
   .blueo01_b_wz img{ max-width:65%; margin:-50px 0 0 -50px; }
   .blueo01_j p{ font-size:16px;}
   .oem03_bj dt{ flex:0 0 33%;}
   .oem03_bj dt:nth-child(3n+1){ margin-left:0;}
   .oem03_bj dt:nth-child(n+7){ display:none;}
   .oem03_bj dt:nth-child(n+4){ margin-top:0.5%;}
   .oem04_2 dt{flex: 0 0 47%;margin-left: 6%;}
   .oem04{ top:8%;}
    .oem04_1, .oem04_3{ width:100%;}
	  .oem04_2 .culture{ width:75%;}
	  .gl .blueo01_d,.gl .blueo01_f{    width:100%;margin:20px auto;}
}


@media only screen and (max-width: 1400px){	
   .fz {   max-width: 1200px;}
   .brand_prolinr_b{ font-size:32px;}
   .blueo01_b_wz img{ max-width:65%; margin:0 0 0 0px; }
   .blueo01_a{ font-size:60px;}
   .blueo01_bj{background-size:90%;}
   .blueo01_bj{background-position:150% bottom;}
	.blueo01_bj2_1 .blueo01_bj2_2 img{ max-width:120px;}
	.blueo01_bj2_2_b{ margin-top:30px; font-size:40px;}
	 .oem04{ top:5%;}
	 .foot_conleft02_b{ font-size:30px;}
	 .foot_conleft02_a img{ max-height:45px;}
}
@media only screen and (max-width: 1300px){	
 .blueo01_bj_wz{ width:100%;}
  .blueo01_bj{ background-image:none;}
  .oem01_a2{ width:55%;}
  .oem01_a1_wz{ font-size:43%;}
  .oem04_2 .culture{ width:70%;}
  .oem04_1, .oem04_3{ padding:25px 0;}
  .gl .blueo01_bj{ background-image:none;}
  .blueo01{ padding:20px;}
   }


@media only screen and (max-width: 1200px){	
.head .nav ul li .s_navbox{ width:130%;}
.foot_conleft{ width:100%; padding-right:0;}
.foot_conright{ width:100%; margin:30px auto;}
.foot_conright01{flex:0 0 25%;}
.brand_pro .brand_proli:nth-child(2){background-position-x: 100%;}
.foot_conrightli .foot_conright01:last-child{     flex-basis:25%;}
.foot_conleft01 ul{ font-size:20px;}
.foot_conleft02_a img{ height:40px;}
.foot_conleft02_b{ font-size:26px;}
.foot_conleft02{ margin-bottom:10px;}
.copyright{ font-size:16px;}
.brand_p  .fz{ width:auto;}
.brand_prolinr{ padding:50px;}
.brand_pro .brand_proli{ width:100%;}
.blueo01_a{ font-size:40px;}
.blueo01_att{ font-size:30px;}
.blueo01_d li{ width:calc(24.25%);}
.blueo01_d li:nth-child(6n+1){ margin-left:1%;}
.blueo01_d li:nth-child(4n+1){ margin-left:0;}
.blueo01_g_l,.blueo01_g_r{ width:100%;}
.blueo01_j li:nth-child(1){ width:47.2%;}
.blueo01_j li:nth-child(2){ width:50%;}
.blueo01_j li:nth-child(3){ width:100%; margin-top:10px;}
.blueo01_M{ padding:20px;}
.blueo01_M li{flex: 0 0 49%; margin-left:2%; margin-bottom:30px; overflow:hidden; border-radius:20px;box-shadow: 8px 4px 10px #999;}
.blueo01_M li:nth-child(1),.blueo01_M li:nth-child(3n+1){ margin-left:2%;}
.blueo01_M li:nth-child(2n+1){ margin-left:0;}
.blueo01_a_13{ font-size:40px;}
.oem01_a1_wz,.oem01_a2{ width:100%;}
.oem01_a1_wz{ padding-right:0;}
.oem03_bj dt:nth-child(n+7){ display:block;}
.oem03_bj dt:nth-child(n+10){ display:none;}
.oem04_2 li{ margin-bottom:1%;}
.oem04{ top:10%;}

.blueo01_j1 li{ flex:0 0 49%;} 
.blueo01_j1 li:nth-child(2n+1){ margin-left:0; margin-bottom:2%;}
}
@media only screen and (max-width: 1024px){	

.flexslider .slides > li .img img{ max-height:650px;}
.flex-control-paging li a.flex-active ,.flex-control-paging li a {width:30px; }
 .foot_conright01{flex:0 0 25%;}
.foot_conrightli .foot_conright01:last-child{     flex-basis:50%;}
.inner_banner img{min-height:300px;object-fit: cover;}

.blueo01_c_a,.blueo02_b{ width:100%; max-width:100%;}
.blueo02_b .blueo02_b_img{ flex-basis:calc(33.3% - 20px);}
.blueo02_b .blueo02_b_img:nth-child(1){ display:none;}
.blueo01_h li{width: calc(49%);}
.blueo01_h li:nth-child(2n+1){ margin-left:0}
.blueo01_i2{right:-5%; bottom:-10px; width:55%;}
.blueo01_bj2_1 .blueo01_bj2_2{ top:20%;}
.blueo01_bj2_1 .blueo01_bj2_2 img{ max-width:100px;}
.culture01{ font-size:22px;}

 .oem04{ top:5%; }
 .oem04_1, .oem04_3{ padding:20px 0;}
 .oem04_2 li{    flex: 0 0 49.5%; margin-left:1%;}
 .oem04_2 li:before{ font-size:120px;}
 .connectnr01,.connectnr02{ width:100%;}
 .connectnr02_b{ font-size:20px;}
 .connectnr02_a img{ max-height:25px;}
.gl .blueo02_b .blueo02_b_img:nth-child(1){ display:block;}
}

@media only screen and (max-width: 860px){	
.flexslider .slides > li .img img{  max-height:550px;}
.blueo01_a_13{ font-size:36px;}
.oem04_2 li,.oem01_b li{flex: 0 0 100%; margin-left:0; margin-bottom:10px;}
.oem01_b li:before{ font-size:100px;}
.oem04_2 li:before{font-size: 100px;}
.oem04_2 .culture{ width:85%;}
.oem03_bj dt{ flex: 0 0 49.5%;}
.oem03_bj dt:nth-child(2n+1){ margin-left:0;}
.oem03_bj dt:nth-child(n+2){ margin-top:0.5%;}
.oem03_bj dt:nth-child(n+7){ display:none;}
.oem04{ top:10%;}
.blueo01_j1 li dt:nth-child(2) .p_nr{ padding:4% 0;}
}

@media only screen and (max-width: 720px){	
.blueo01_b_wz img{ max-width:100%; float:none; margin-top:20px;}
.blueo01_bnr { padding-top:10px;}
.brand_pro .brand_proli:nth-child(1) .brand_prolinr{ padding:50px;}
.brand_pro .brand_proli:nth-child(1){background-position-x:-50%;}
.flexslider .slides > li .img img{  max-height:450px;}
.blueo01{ padding:40px 15px;}
.blueo01_a{ font-size:60px;}
.blueo01_d li{ width:calc(32.66%);}
.blueo01_d li:nth-child(6n+1),.blueo01_d li:nth-child(4n+1){ margin-left:1%;}
.blueo01_d li:nth-child(3n+1){ margin-left:0;}
.blueo01_d li{ margin:5px 0 5px 1%;}
.blueo01_f li{ flex-basis:calc(49%); margin-left:2%;}
.blueo01_f li:nth-child(2n+1){ margin-left:0;}
.blueo01_i2{ display:none;}
.blueo01_i1_im{ width:100%; text-align:center;}
.blueo01_i1{ padding:20px 10px;}
.blueo01_i{ padding:5px 0;}

.blueo01_k li,.blueo01_l li{ flex: 0 0 48%; margin-bottom:10px;}
.blueo01_l li{ margin-left:2%;}
.blueo01_k li:nth-child(2n+1),.blueo01_l li:nth-child(2n+1){ margin-left:0;}
.blueo01_k li:nth-child(3n+1){     margin-left:2%;}
.blueo01_bj2_1 .blueo01_bj2_2 img{ max-width:80px;}
.blueo01_bj2_2_b,.blueo01_a_13{ font-size:30px;}
.oem04{ top:0%;}
.blueo01_j1 li .p_nr { font-size:18px;}


.gl .blueo01_d li{ width:calc(49%); margin-left:2%;}
.gl .blueo01_d li:nth-child(2n+1){ margin-left:0;}
.gl .blueo01_c{ margin-top:30px;}
.blueo{ margin-top:30px;}

}


@media only screen and (max-width: 670px){	.brand_pro .brand_proli:nth-child(1){background-position-x:50%;}
.inner_banner img{min-height:280px;}

.blueo01_M li  p{ min-height:50px;}
.oem04{ top:1%;}
.culture01{ margin-bottom:5px;}
.oem01_b li:before,.oem04_2 li:before{ font-size:65px;}
.oem03_bj dt:nth-child(n+7){ display:block;}
.oem03_bj dt:nth-child(n+9){ display:none;}
.oem04{ top:10%;}
}

@media only screen and (max-width: 600px){	
 .foot_conright01{flex:0 0 33.3%;}
 .foot_conrightli .foot_conright01:nth-child(6){ flex-basis:34%;}
.foot_conrightli .foot_conright01:last-child{     flex-basis:66%;}
.foot_conleft01 li{ flex-basis: 50%; text-align:center;}
.brand_pro .brand_proli:nth-child(1) .brand_prolinr,.brand_pro .brand_proli:nth-child(2) .brand_prolinr{ padding:50px 10px;}
.flexslider .slides > li .img img{  max-height:350px;}
.inner_banner img{min-height:230px;}
.blueo01_j li:nth-child(1) p,.blueo01_j li:nth-child(2) p{ min-height:60px;}
.blueo01_bj2_1 .blueo01_bj2_2 img{ max-width:60px;}
.blueo01_bj2_2_b,.blueo01_a_13{ font-size:24px;}
.blueo01_bj2_2_b{ margin-top:20px;}
.blueo01_bj2_1{ margin-bottom:50px;}
.oem04{ top:3%;}

}
@media only screen and (max-width:550px){
	
		.oem03_bj dt:nth-child(n+9){ display:block;}
	
	}
@media only screen and (max-width:500px){	

.brand_pro .brand_proli:nth-child(1){background-position-x:70%;}
.flexslider .slides > li .img img{  max-height:250px;}
.m_img .headlf .m_logo{ height:20px}
.m_img .headlf{ padding-left:5px;}
.m_img .headrg{ padding-right:5px;}
.inner_banner img{min-height:180px;}
.blueo01_a{ font-size:30px; margin-bottom:10px;}
.blueo01_att{ font-size:24px;}
.blueo01_a_13{ font-size:26px;}
.blueo01_bj2_1 .blueo01_bj2_2{ top:15%;}
.blueo01_bj2_2_b{ margin-top:5px; font-size:20px;}

	.oem01_a1_a{ font-size:50px;}
	.oem01_a1_b{ font-size:60px;}

.oem03_bj dt{ flex:0 0 100%; margin-left:0;}
	.oem03_bj dt:nth-child(n+2){ margin-top:0.5%;}
	.oem03_bj dt:nth-child(n+4){display:none;}
	.oem04{ top:5%;}

.blueo01_j1 li dt:nth-child(2) .p_nr{ padding:2.5% 0;}
}

@media only screen and (max-width:450px){
	
	.oem03_bj dt:nth-child(n+4){display:block;}
.oem03_bj dt:nth-child(n+5){display:none;}
.oem04{ top:10%;}

.blueo01_j1 li .p_nr{ font-size:14px;}
}



@media only screen and (max-width: 420px){	

.oem04{ top:4%;}
}
@media only screen and (max-width: 380px){	
.foot_conright01{flex:0 0 50%;}
 .foot_conrightli .foot_conright01:nth-child(6){ flex-basis:51%;}
.foot_conrightli .foot_conright01:last-child{     flex-basis:49%;}
.foot_conleft02_a img{ height:30px;}
.foot_conleft02_b{ font-size:20px;}
.m_img .headlf .m_logo{ height:15px;}
.flexslider .slides > li .img img{  max-height:200px;}
.inner_banner img{min-height:140px;}
.blueo01_a{ font-size:45px;}
.blueo01_c_a{ flex-wrap: wrap;}
.blueo01_c_a2{ padding-left:0;}
.blueo01_d li{ width:calc(49%); margin-left:2%;}
.blueo01_d li:nth-child(6n+1),.blueo01_d li:nth-child(4n+1),.blueo01_d li:nth-child(3n+1){ margin-left:2%;}
.blueo01_d li:nth-child(2n+1){ margin-left:0;}
.blueo01_a_13{ font-size:22px;}

	.oem01_a1_a{ font-size:40px;}
	.oem01_a1_b{ font-size:50px;}
	.oem03_bj dt:nth-child(n+5){display:block;}
.oem03_bj dt:nth-child(n+6){display:none;}
.oem04_2 li, .oem01_b li{flex-direction: column;    align-items: flex-start;}
.oem04_2 .culture{ width:100%;}
.oem03_bj dt:nth-child(n+6){display:block;}
.oem03_bj dt:nth-child(n+7){display:none;}
.oem04{ top:2%;}

.blueo02_b .blueo02_b_img{flex-basis:calc(100% - 20px)}
}

@media only screen and (max-width: 330px){	
.blueo01_j li:nth-child(1) p,.blueo01_j li:nth-child(2) p{ min-height:80px;}
.blueo01_bj2_1 .blueo01_bj2_2{ width:90%;}
.blueo01_bj2_2_b{ margin-top:5px; font-size:14px;}

	.oem01_a1_a{ font-size:30px;}
	.oem01_a1_b{ font-size:40px;}
	.oem01_a1_im img{ max-height:80px;}
	
	.oem03_bj dt:nth-child(n+7){display:block;}
.oem03_bj dt:nth-child(n+8){display:none;}
 .connectnr02_b{ font-size:18px;}
 .connectnr02_a img{ max-height:20px;}
.connectnr02_01 li{ margin-bottom:10px;}
.blueo01_j1 li{ flex:0 0 100%; margin-left:0; margin-bottom:1%;}
.blueo01_j1 li dt:nth-child(2){ margin-top:1%;}
}
.foot_conright .foot_conright01:nth-child(4) .foot_conright01_b_c{ display:none;}