img{max-width:100%;} *:focus {outline: none;} body{position:relative;} .wrap{padding:0 7%; width:86%;} /*********header**********/ #header{ -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);width:100%; background-color:#fff; z-index:999; position:relative;transition: transform 0.5s ease 0s;} .header_mid{position:relative; padding-left:33.33%; border-top:0.625em #0057b6 solid;/*background-image:url(../images/Header/header_menu_bg.jpg);*/} .header_mid_left{ text-align:right;position:absolute; left:0; top:0; height:100%; width:30%;} .header_mid_left:after{position:absolute; right:0; top:0; height:100%; width:0px; content:''; background-color:#dedede;} .header_mid_left img{/*max-width:80%;*/ height:4.75em;} .header_mid_right{padding-right:6.81875em;position:absolute; right:0; top:0; height:100%;} .header_mid_mid ul li{ z-index:10;float:left; position:relative; line-height:6.125em; margin-left:3.125em;} .header_mid_mid ul li a.biga{ display:block;font-size:1.25em; position:relative; padding-right:1em;} .header_mid_mid ul li a.biga0{ display:block;font-size:1.25em; position:relative; padding-right:1em;}/*无二级栏目*/ .header_mid_mid ul li a.biga:after{transition: .2s ease-in-out;-webkit-transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;right:0; position:absolute; content:''; width:0.55em; height:0.3em; top:50%; margin-top:-0.15em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/Header/header_menu_img1.png);} .header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);} .header_mid_mid ul li a#m { color: #0057b6; /*font-weight:bold;*/} /*当前页链接颜色*/ .header_mid_mid ul li:nth-child(1) a.biga{padding-right:0;} .header_mid_mid ul li:nth-child(1) a.biga:after{display:none} .header_mid_right_right{ background-color:#0057b6;padding:0; width:6.21875em; text-align:center;font-size:1.25em; color:#fff;line-height:1.25em;position:absolute; right:0; top:0; height:100%; background-position:center; background-repeat:no-repeat;} /*电脑菜单*/ .header_mid_mid ul li dl{ width:190px; line-height:normal; text-align:center; background-repeat:repeat-x; background-position:center 1px; position:absolute; left:-55px; top:6.125em; display:none; z-index:10; /*-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);*/border-radius:0 0 3px 3px; overflow:hidden; background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/Header/header_menu_img3.png); padding-bottom:18px; } .header_mid_mid ul li dl:after{ background-color:#fff;position:absolute; width:154px; height:10px;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); left:18px; top:-9px; content:'';} .header_mid_mid ul li dl dd{padding:0 18px;} .header_mid_mid ul li dl a{ border-bottom:1px #efefef solid;display:block; padding:10px 0; color:#000;} .header_mid_mid ul li dl a:hover{background-color:#e1ecf5; border-color:#e1ecf5} .global-nav-initializer { width: 38px; height: 34px; display:none; margin:0 1em; position: relative; background: white; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .global-nav-initializer .line { width: 22px; height: 2px; background: 2px; left: 8px; position: absolute; background: #333; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .global-nav-initializer .line.top { top: 8px; } .global-nav-initializer .line.mid { top: 16px; } .global-nav-initializer .line.bottom { top: 24px; } .active .global-nav-initializer {background: #cfa972; } .active .global-nav-initializer .line {background-color:#fff;} .global-nav-initializer.active .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); } .global-nav-initializer.active .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .global-nav-initializer.active .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); } /*移动端菜单*/ .mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0;position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 73.15px); z-index:9999; } .mobilemenuon{top:73.15px;opacity:1;} .mobilemenu ul li{text-align:center;border-bottom:1px #dedede solid; } .mobilemenu ul{margin:.5em 0 0 0;} .mobilemenu ul li a.biga{display:block; padding:0.8em 0;font-size:1.250em;} .mobilemenu ul li.on a.biga{color:#fff; background-color:#004ea2} .mobilemenu ul li dl dd{font-size:1.125em; margin:0.8em 0;} .mobilemenu ul li dl{ display:none;padding-bottom:0.0em;} /*********footer**********/ #footer{ color:#fff;background-color:#0057b6; overflow:hidden; } .footer_1_mid{ margin-top:3.75em; padding-bottom:3.75em;position:relative; overflow:hidden; } .footer_1_mid_left{ float:left;/*padding-right:2em;*/} .footer_1_mid_left p{font-size:1.0em; line-height:2.5em;} .footer_1_mid_right{ float:right;} .footer_1_mid_right_mid{ } .footer_1_mid_right ul li{ float:left; } .footer_1_mid_right ul li:nth-child(1){ padding-right:2em; text-align:center;line-height:2.25em; } .footer_1_mid_right ul li:nth-child(2){ padding-left:2em;text-align:center;line-height:2.25em; } .footer_1_mid_right ul li dl dd img{width:12.5em;/*margin-bottom:0.6em;*/} /**********indexbanner*********/ /*1920*1080,1440*900,1280×720,1024*768*/ .swiper-pagination-gh{position:static; margin-top:1em; display:none} #swiper-pagination-index-banner{left:30%; width:40%; bottom:6%;} .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0;} .indexbanner .swiper-pagination-bullet{ background:none; text-align:right; font-size:20px; font-weight:bold; position:relative;height:25px; background-position:bottom; background-repeat:repeat-x; background-image:url(/images/img18.png); opacity:1;border-radius:0; color:#fff;} .indexbanner .swiper-pagination-bullet-active{color:#1a6ec9} .indexbanner .swiper-pagination-bullet:after,.indexbanner .swiper-pagination-bullet i{ bottom:0; left:0; height:1px;background-color:#1a6ec9; width:0;content:""; position: absolute;left:0%;/*transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/} /*.indexbanner .swiper-pagination-bullet-active:after{ width:100%; transition: width 7s ease-out 0s;}*/ .banner_img{/*background-position:center; background-repeat:no-repeat; background-size:cover;height:calc(100vh - 14.0em);*/} @media screen and (max-width:1630px) { .wrap{padding:0 4%; width:92%;} .header_mid{font-size:0.875em;} .header_mid_mid ul li dl{left:-62px;} .footer_1_mid{ margin-top:2.75em; padding-bottom:2.75em;} } @media screen and (max-width:1440px) { /*顶部菜单,englis*/ .header_mid_right{padding-right:6.75em;} /*.banner_img{ height:calc(100vh - 22.0em)}*/ .footer_1_mid_left p{font-size:0.9375em; line-height:2.375em;} .footer_1_mid_right ul li dl dd img{width:11.25em;} } @media screen and (max-width:1280px) { #mid{margin-top:5.07em;} /*移动端菜单*/ .mobilemenu{height:calc(100vh - 5.07125em);} .mobilemenuon{top:5.07125em;} } @media screen and (max-width:1024px) { #mid{margin-top:3.6em;} /*.banner_img{ height:calc(60vh)}*/ .footer_1_mid{ margin-top:2.5em; padding-bottom:2.5em;} .footer_1_mid_right ul li:nth-child(2){ display:none;} } @media screen and (max-width:768px) { /*.banner_img{ height:calc(40vh)}*/ #mid{margin-top:4.1em;} .footer_1_mid{ margin-top:2.0em; padding-bottom:2.0em;} .footer_1_mid_left{width:100%} .footer_1_mid_left p{text-align:center;} .footer_1_mid_right{ display:none;} } @media screen and (max-width:640px) { .header_mid_right{padding-right:4.5em;} .header_mid_mid ul li dl{left:-62px;} .footer_1_mid{ margin-top:1.5em; padding-bottom:1.5em;} .footer_1_mid_left p{font-size:0.75em; line-height:2.0em;} } /**********index*********/ /**********about*************/ /*内页二级菜单*/ .Second_menu{border-bottom:1px #dedede solid; text-align:center;} .Second_menu ul li{display:inline-block;} .Second_menu ul li a{display:block; padding:1.375em 3.5em;} .Second_menu ul li a .Second_nav_mid{position:relative; display:inline-block; padding-left:1.8em;} .Second_menu ul li a.on,.Second_menu ul li a:hover{background-color:#004ea2; color:#fff;} .Second_nav{position:relative;} .Second_nav.on p:after{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);} .Second_nav_mid_left{position:absolute; left:0; top:0; width:1.5em; height:100%;} .Second_nav_mid_left i{ font-size:1.5em;} .Second_nav_mid_right{font-size:1.25em;} /*内页二级菜单_中国新浦金350vip*/ .Second_menu .Products_nav ul li a{display:block; padding:1.375em 1.75em;} .Products_nav .Second_nav_mid_right{font-size:1.125em;} .Ny_Menu{/*about_group_1_1*/margin-top:3.75em; margin-bottom:3.75em;} .Ny_Content{/*about_group_1_2*/ margin-bottom:3.75em;} .Text_Content{font-size:1.125em; line-height:2.0em;border-bottom:1px #dfe7ef solid; padding-bottom:2.5em;} .Ny_com_t_1{ line-height:1; margin-bottom:0.1em;font-size:2.25em;} .Ny_com_t_2{ color:#999;font-size:1.125em;} @media screen and (max-width:1630px) { /*内页二级菜单_中国新浦金350vip*/ .Second_menu .Products_nav ul li a{padding:1.375em 1.5em;} .Products_nav .Second_nav_mid_right{font-size:1.125em;} } @media screen and (max-width:1440px) { /*内页二级菜单_中国新浦金350vip*/ .Second_menu .Products_nav ul li a{padding:1.0em 1.25em;} .Products_nav .Second_nav_mid_left i{ font-size:1.125em;} .Products_nav .Second_nav_mid_right{font-size:1.0em;} } @media screen and (max-width:1280px) { /*内页二级菜单_中国新浦金350vip*/ .Second_menu .Products_nav ul li a{padding:1.0em 0.5em;} .Products_nav .Second_nav_mid_right{font-size:0.875em;} } @media screen and (max-width:1024px) { .Second_nav ul{display:none;} .Ny_Content{margin-bottom:2.5em;} .Ny_Menu{margin:2.5em 0;} .Ny_com_t_1{font-size:1.875em;} .Ny_com_t_2{font-size:0.875em;} } @media screen and (max-width:768px) { .Ny_com_t_1{line-height:1.5;font-size:1.5em;} } @media screen and (max-width:640px) { .Ny_com_t_1{font-size:1.25em;} .Ny_com_t_2{font-size:0.75em} } /*Lg_图片列表型*/ .Lg_Pic_list{margin-top:0em;} .Lg_Pic_list ul li{ margin-right:1.81818181818182%;float:left; width:23.63636363636364%; margin-bottom:2em;} .Lg_Pic_list ul li:nth-child(4n){margin-right:0;} .Lg_Pic_list ul li .Lg_Pic_mid{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;border-radius:0 0 0px 0px;}/*下圆角*/ .Lg_Pic_list ul li:hover .Lg_Pic_mid{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)}/*悬浮阴影*/ .Lg_Pic_mid{border:1px #dbdbdb solid;} .Lg_Pic_picture{overflow:hidden;} .Lg_Pic_picture img{width:100%;} .Lg_Pic_Text{padding:1em; color:#004ea2; text-align:center;} /*Lg_图片列表型End*/ /*2分_图片列表型*/ .Pic2_list{margin-top:0em;} .Pic2_list ul li{ margin-right:3.3939393939394%;float:left; width:48.3030303030303%; margin-bottom:2em;} .Pic2_list ul li:nth-child(2n){margin-right:0;} .Pic2_list ul li .Pic2_mid{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;border-radius:0 0 0px 0px;}/*下圆角*/ .Pic2_list ul li:hover .Pic2_mid{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)}/*悬浮阴影*/ .Pic2_mid{border:1px #dbdbdb solid;} .Pic2_picture{overflow:hidden;} .Pic2_picture img{width:100%;} .Pic2_Text{padding:1em; color:#004ea2; text-align:center;} /*2分_图片列表型End*/ /*Case_图片列表型*/ .Products_Pic_List{ background-color:#f5f5f5;color:#333333;} .Pic2_mid:hover .Products_Pic_List {background: #0351a1!important;} .Pic2_mid:hover .Products_Pic_List{color: #fff!important;} /*3分_图片列表型*/ .Pic3_list{margin-top:0em;} .Pic3_list ul li{ margin-right:1.81818181818182%;float:left; width:32.12121212121212%; margin-bottom:2em;} .Pic3_list ul li:nth-child(3n){margin-right:0;} .Pic3_list ul li .Pic3_mid{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;border-radius:0 0 0px 0px;}/*下圆角*/ .Pic3_list ul li:hover .Pic3_mid{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)}/*悬浮阴影*/ .Pic3_mid{border:1px #dbdbdb solid;} .Pic3_picture{overflow:hidden;} .Pic3_picture img{width:100%;} .Pic3_Text{padding:1em; color:#004ea2; text-align:center;} /*3分_图片列表型End*/ /*Case_图片列表型*/ .Case_Pic_List{ background-color:#f5f5f5;color:#333333;} .Pic3_mid:hover .Case_Pic_List {background: #0351a1!important;} .Pic3_mid:hover .Case_Pic_List{color: #fff!important;} /*新闻列表页*/ .News_List ul li{ margin-bottom:2.5em;float:left; width:48.3030303030303%;} .News_List ul li:nth-child(2n){float:right;} .News_Content{ position:relative;border:1px #cccccc solid;} .News_Content:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;content:''; position:absolute; left:0; bottom:0; width:0; height:0; background-color:#004ea2; opacity:0;} .News_List ul li:hover .News_Content:after{width:100%; height:100%; opacity:1;} .News_Content_mid{ margin:1.6em 4%; z-index:100;position:relative; padding-left:5.2em;} .News_Date_Text{ font-family:Arial, Helvetica, sans-serif;position:absolute; left:0; top:0; height:100%;} .News_Date_DD{ line-height:1; font-weight:bold;color:#004ea2; font-size:3em;} .News_Date_YYMM{font-size:0.875em; color:#666;} .News_List ul li:hover .News_Date_DD,.News_List ul li:hover .News_Title{color:#fff;} .News_List ul li:hover .News_Date_YYMM,.News_List ul li:hover .News_Intro{color:#a6bed7} .News_Text_mid{ padding-left:1.5em;background-position:left center; background-repeat:repeat-y; background-image:url(../images/News/News_line1.jpg);} .News_List ul li:hover .News_Text_mid{background-image:url(../images/News/News_line2.jpg);} .News_Title{font-size:1.5em; margin-bottom:0.3em;} .News_Intro{font-size:1.25em; color:#999; text-align:justify;text-justify:inter-ideograph;line-height:1.6;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:3.2em; overflow: hidden;word-wrap:break-word;word-break:break-all;} /*新闻详细页*/ .News_Detailed_Content{float:left; width:100%;} .News_Detailed_Title{font-size:1.875em; color:#004ea2; text-align:center;} .News_Detailed_Subhead{font-size:1.5em; text-align:center;} .News_Detailed_Attached{margin:2.0em 0; padding:1.5em; background-color:#edf1f7;} .News_Detailed_Attached_Text{width:100%; text-align:center; color:#666666; font-size:1.125em; line-height:2em;} .News_Detailed_Nextpage{margin-top:1.5em;position:relative;line-height:2em;} .Index_01{margin-top:2.625em; margin-bottom:2.625em;} .Index_01_mid{ text-align:center;} .Index_02{margin-bottom:0.625em;} .Index_02_mid{ text-align:center;} .Index_03{margin-bottom:2.625em;} .Index_03_mid{ text-align:center;margin-bottom:2.625em;} .Title_cn_text{font-size:2.25rem; color:#0057b6;} .Title_en_text{font-size:1.5rem; color:#979797; padding:0 0.5em;} /*.index_3_mid*/ .Index_News_mid{margin-top:2.625em;/* margin-bottom:4.375em;*/} .Index_News_mid ul{position:relative; } .Index_News_mid ul li{ margin-right:3.3939393939394%;float:left; width:48.3030303030303%;} .Index_News_mid ul li:nth-child(2n){margin-right:0; position:absolute; right:0; top:0; height:100%;} .Index_News_mid ul li:hover .Index_More span{padding-right:1.5em;} .Index_News_mid ul.haspic li .Index_News_Pic_Content{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;border-radius:0 0 0px 0px;}/*下圆角*/ .Index_News_mid ul.haspic li:hover .Index_News_Pic_Content{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)} /*.index_3_li*/ .Index_News_li {border:1px #dbdbdb solid; position:absolute; left:0; top:0; width:100%; height:100%; border-bottom:none; border-top:none;} .Index_News_li dd{position:relative; height:20%; padding-top:0%;} .Index_News_li a{display:block; overflow:hidden; padding-top:4%;} /*.Index_News_li dd .index_3_mid_mid_2_3{ margin-bottom:0; margin-top:0.3em;} .Index_News_li dd .index_3_mid_mid_2_2{ font-size:1.25em;}*/ .Index_News_li dd:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#dbdbdb;} .Index_News_li dd:nth-child(1):before{content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#dbdbdb;} /*.Index_News_li dd:last-child:after{}*/ .Index_News_li dd dl dd{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;border-radius:0 5px 5px 0px;} .Index_News_li dd:hover{-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)} .Index_News_li_Content_mid{ margin:0em; position:relative; padding-left:5.2em;} .Index_News_Date_Text{ font-family:Arial, Helvetica, sans-serif;position:absolute; left:1em; top:0; text-align:center;height:100%;} .Index_News_Text_mid{ padding:0 1.5em;background-position:left center; background-repeat:repeat-y; background-image:url(../images/News/News_line1.jpg);} .Index_More{padding:1em;} .Index_More span{ padding-right:1em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;background-position:right center; background-repeat:no-repeat; background-image:url(../images/More.png);} .Index_More span{color:#004ea2} .Index_News_Pic_Content{border:1px #dbdbdb solid;} .Index_News_Pic_Img{overflow:hidden;} .Index_News_Pic_Img img{width:100%;} .Index_News_Pic_Content_Text{padding:1em; border-bottom:1px #dbdbdb solid;} .Index_News_Pic_Date{color:#004ea2; font-size:0.875em; margin-bottom:0.3em;} .Index_News_Pic_Title{font-size:1.5em;} .Index_News_Pic_Intro{font-size:1.25em; color:#999;text-align:justify;text-justify:inter-ideograph;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical; margin:.9em 0 0.6em 0;-webkit-line-clamp: 2; line-height:1.5; height:3em; overflow: hidden;word-wrap:break-word;word-break:break-all;} .Index_02_Nav{margin:2.625em 0; text-align:center;} .Index_02_Nav ul li{display:inline-block;} .Index_02_Nav ul li a{ position:relative; z-index:10;display:inline-block; border:1px #adadad solid; font-size:1.125em; padding:0.4em 2.0em;} .Index_02_Nav ul li a:after{content:''; position:absolute; left:0; top:0; width:0%; height:100%; background-color:#004ea2; z-index:-1;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;} .Index_02_Nav ul li a:hover,.Index_02_Nav ul li a.on{ border-color:#004ea2; color:#fff;} .Index_02_Nav ul li a:hover:after,.Index_02_Nav ul li a.on:after{width:100%;} .Index_02_Product ul{position:relative; } .Index_02_Product ul li{ margin-right:3.3939393939394%;float:left; width:48.3030303030303%;} .Index_02_Product ul li:nth-child(2n){margin-right:0; position:absolute; right:0; top:0; height:100%;} .Index_02_Product{display:none;} .Index_02_Product:nth-child(1){display:block} .Index_03_About ul{position:relative; } .Index_03_About ul li{ margin-right:3.3939393939394%;float:left; width:48.3030303030303%;} .Index_03_About ul li:nth-child(2n){margin-right:0; position:absolute; right:0; top:0; height:100%;} .Index_03_About_Text{text-align:justify;text-justify:inter-ideograph;font-size:1.125em;line-height:2.5em; height:17.5em; color:#555;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 6; */word-wrap:break-word;word-break:break-all; /*background-color:#999;*/} .Index_03_About_Icon{ font-size:2.0em; color:#999;} .Index_03_About_Num{line-height:2.5em;font-size:2.5em;color:#0057b6;text-align:center;} .Index_03_About_Content{line-height:1.125em;font-size:1.125em;text-align:center;color:#999;} .Index_03_About_mid{display:flex;flex-wrap:wrap;flex-direction:row;position:relative;margin-top:1em;background_radio:2;display-radio:flex;width:100%; border:solid 1px #ededed; /*background-color:#999*/} .Index_03_About_mid > .p_item{flex:1;max-width:100%;max-height:100%;padding:1em;border-left:solid 1px #ededed;} .Index_03_About_mid > .p_item:nth-child(1){border-left:solid 0px;} @media screen and (max-width:1800px) { .Index_03_About_Text{height:15.75em;} } @media screen and (max-width:1630px) { .Index_03_About_Text{line-height:2.0em;height:15.875em;} .Index_03_About_Num{font-size:2.0em;} } @media screen and (max-width:1440px) { .header_mid_left img{/*max-width:75%;*/height:4.25em;} .Index_03_About_Text{font-size:1.0em;height:14.75em;} .Index_03_About_Num{font-size:1.875em;} .Index_02_Nav ul li a{ font-size:1.125em; padding:0.4em 1.5em;} .Index_News_Pic_Title{font-size:1.375em;} .Index_News_Pic_Intro{font-size:1.125em;} .News_Title{font-size:1.375em;} .News_Intro{font-size:1.125em;} } @media screen and (max-width:1280px) { #header{position:fixed; z-index:9999; left:0; top:0;} .header_mid_left{width:auto; padding:0 1.5em;} .header_mid_right a .header_mid_right_right i{font-size:1.6em;} .header_mid_right:after,.header_mid_left:after{display:none} .header_mid_mid{display:none} .header_mid{height:5.714285714285714em;} .global-nav-initializer{margin:0 2.5em;display:block} .Index_03_About_Text{font-size:0.875em;line-height:1.875em;height:16.0em;} .Index_03_About_Icon{ font-size:1.375em;} .Index_03_About_Num{font-size:1.25em;} .Index_03_About_Content{font-size:0.875em;} .Index_02_Nav ul li a{ font-size:1.0em; padding:0.4em 1.0em;} .Index_News_Pic_Title{font-size:1.25em;} .Index_News_Pic_Intro{font-size:1.0em;} .News_Title{font-size:1.25em;} .News_Intro{font-size:1.0em;} } @media screen and (max-width:1024px) { .Index_03_About_Text{font-size:0.875em;line-height:2.0em;height:21.0em;} .Index_03_About_mid{ display:none;} .Index_02_Nav ul li a{ font-size:0.875em; padding:0.4em 0.625em; margin:0.4em 0;} .News_List ul li{margin-bottom:1.5em;} .News_Content_mid{margin-top:1em; margin-bottom:1em;} .News_Content_mid{padding-left:4em;} .News_Date_Text{font-size:0.9375em;} .News_Text_mid{padding-left:1.1em;} .News_Title{font-size:1.125em;} .News_Intro{font-size:0.875em;} .News_Detailed_Attached{margin:1.5em 0;padding:1em;} .News_Detailed_Attached_Text{font-size:1.0em; line-height:1.5em;} .News_Detailed_Title{font-size:1.5em;} .News_Detailed_Subhead{font-size:1.25em;} .Index_News_Pic_Title{font-size:1.25em;} .Index_News_Pic_Intro{font-size:0.875em;} .Index_02_Nav ul li a{font-size:1em;} } @media screen and (max-width:768px) { .Index_03_About ul li{width:100%;} .Index_03_About ul li:nth-child(2n){position:static; width:100%; margin-top:1em;} .Index_03_About_Text{font-size:1.0em;line-height:2.0em;height:13.0em;} .Index_03_About_mid{ display:none;} .Index_News_mid ul li{margin-right:0; width:100%;} .Index_News_mid ul li:nth-child(2n){position:static; width:100%; margin-top:1em;} .Index_News_li dd{ border-bottom:1px #dbdbdb solid;position:relative; padding-top:0; height:auto; width:100%; float:left; padding:1em 0; overflow:hidden} .Index_News_li{ overflow:hidden; border-bottom:none;position:static; height:auto;} .Index_News_li a{padding-top:0;} .News_Title{font-size:1.125em;} .News_Intro{font-size:1.0em;} .Index_News_Pic_Title{font-size:1.125em;} .Index_News_Pic_Intro{font-size:1.0em;} .Lg_Pic_list ul li{width:49%; margin-right:0;} .Lg_Pic_list ul li:nth-child(2n){float:right;} .Lg_Pic_list ul li:nth-child(4n){margin-right:0;} } @media screen and (max-width:640px) { .header_mid_right a .header_mid_right_right i{font-size:1.375em;} .header_mid_left{padding:0 1em;} .header_mid_left img{height:2.875em;} .header_mid{height:4.5em;} .header_mid_right_right{width:4.5em;} .global-nav-initializer{margin:0 1.5em;} /*.wrap{padding:0 1em; width:auto;}*/ .Index_03_About ul li{width:100%;} .Index_03_About ul li:nth-child(2n){position:static; width:100%; margin-top:1em;} .Index_03_About_Text{font-size:0.875em;line-height:2.0em;height:13.0em;} .Index_03_About_mid{ display:none;} .Title_cn_text{font-size:1.75rem; color:#0057b6;} .Title_en_text{font-size:1.125rem; color:#979797; padding:0 0.5em;} .News_List ul li{width:100%; margin-bottom:1em;} .News_Content_mid{padding-left:3.2em;} .News_Text_mid{padding-left:0.9em;} .News_Date_Text{font-size:0.75em;} .News_Title{font-size:1em;} .News_Detailed_Attached{margin:1.0em 0;padding:0.5em;} .News_Detailed_Attached_Text{font-size:0.875em; line-height:1.5em;} .News_Detailed_Title{font-size:1.125em;} .News_Detailed_Subhead{font-size:1.0em;} .Text_Content{font-size:1.0em;} .News_Detailed_Nextpage{font-size:0.875em;} .Pic3_list ul li{width:100%; margin-bottom:1em;} .Lg_Pic_list ul li{width:100%;margin-bottom:1em;} } @media screen and (max-width:550px) { .Index_03_About ul li{width:100%;} .Index_03_About ul li:nth-child(2n){position:static; width:100%; margin-top:1em;} .Index_03_About_Text{font-size:0.875em;line-height:2.0em;height:20.0em;} .Index_03_About_mid{ display:none;} } /*翻页代码样式pagination */ div.pagination {text-align:center; margin:1.0em 0;} div.pagination a {margin:0 0.2em; margin-bottom:0.5em;display:inline-block; border:1px #b9b9b9 solid; line-height:2.5em; width:2.5em; text-align:center; color:#6a6a6a;} div.pagination a:hover, div.pagination a:active {color:#fff; background-color:#194695; border-color:#194695;} div.pagination a.on{color:#fff; background-color:#194695; border-color:#194695;} @media screen and (max-width:550px) {div.pagination a {margin:0 0.1em;line-height:1.8em; width:1.8em;}} /*翻页代码样式pagination */