html {
font-size: 100px;
}
.tab {
}
.tab > .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
line-height: 35px;
}
.tab .content {
width: 100%;
height: 290px;
padding: 20px 0 0 0;
background: #fff;
position: relative;
}
.about-add .tab .content {
height: 1190px;
}
.tab .content .ifr {
height: 1050px !important;
}
.tab .content > li {
position: absolute;
width: 100%;
display: none;
height: 330px;
background: #fff;
}
.tab .content>.active {
z-index: 1;
display: block;
}
.tab .title > li {
margin: 0 1px;
width: 100%;
font-weight: 800;
font-size: 16px;
text-align: center;
background: #f7f7f7;
}
.tab .title > li:hover {
background: #206bd1 !important;
color: #fff;
cursor: pointer;
}
.tab .title .active {
color: #fff;
background: #206bd1 !important;
}
body {
font-size: 0.14rem;
line-height: 1.7;
color: #444;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img,
video {
max-width: 100%;
}
section,
section div,
span,
h4,
h3,
h2,
a,
dd,
img,
p,
li {
/* transition: 0.3s; */
}
.zh-box .subnav {
width: 520px !important;
margin-left: 440px;
font-size: 16px;
}
.zh-box .subnav > div > div {
position: static;
float: left;
width: 130px;
}
.zh-box .subnav > div > div:nth-child(4)>.p_articlesB {
left: 370px;
flex-flow: wrap;
background: transparent;
}
.pagebox .zh-box .subnav > div > div:nth-child(4)>.p_articlesB:before {
display: none;
}
#fullpage .zh-box .subnav > div > div:nth-child(2)>.p_articlesB {
left: 120px;
flex-flow: wrap;
width: 100px!important;
background: transparent;
}
.pagebox .zh-box .subnav > div > div:nth-child(2)>.p_articlesB:before {
display: none;
}
.zh-box .subnav > div > div>div {
width: 100%;
}
.zh-box .subnav .font {
line-height: 35px !important;
}
.zh-box .subnav .font:hover {
color: #206bd1 !important;
}
.zh-box .r {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* flex-flow: wrap; */
width: 150px;
margin-left: -20px;
}
.zh-box .r .item {
width: 33%;
position: relative;
}
body .zh-box .r .txt {
position: absolute;
background: #fff;
display: none;
width: 220px;
right: 0px;
text-align: center;
padding: 10px;
}
body .zh-box .r .item:hover .txt {
display: block;
}
.zh-box .r .item .ico {
width: 30px;
height: 30px;
-webkit-background-size: 15px 15px !important;
background-size: 15px !important;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.zh-box .r .item:nth-child(1) .ico {
background: url(/img/tel.png) 50% no-repeat #206bd1;
}
.zh-box .r .item:nth-child(2) .ico {
background: url(/img/qq.png) 50% no-repeat #206bd1;
}
.zh-box .r .item:nth-child(3) .ico {
background: url(/img/mail.png) 50% no-repeat #206bd1;
}
.s5 .zh-box {
margin-bottom: 120px;
}
div,
a,
img {
-webkit-tap-highlight-color: transparent;
}
header .r {
max-width: 1050px;
}
.s2 .c_news_list-02001 .p_thumbnail img {
height: 320px !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
body,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
margin: 0;
}
.ryzz {
margin: -190px 0 0 -50px;
background: #fafafa;
}
.ryzz header,
.ryzz footer {
display: none;
}
ol,
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
color: #206bd1;
}
/*fullpage*/
body .fp-slidesNav {
text-align: center;
}
body .fp-slidesNav ul li a span,
body #fp-nav ul li a span {
background: #206bd1;
}
body .fp-controlArrow .fp-next {
border-color: transparent transparent transparent rgba(255, 255, 255, 0.2);
}
body .fp-controlArrow .fp-prev {
border-color: transparent rgba(255, 255, 255, 0.2) transparent transparent;
}
/*home*/
.home [class*="banner"] {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
max-width: 100% !important;
}
.home [class*="banner"] img {
-o-object-fit: cover;
object-fit: cover;
}
/*subpage*/
.subpage .banner-box {
background: #f5f5f5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
/* height: 250px; */
}
.subpage .banner-box img {
-o-object-fit: cover;
object-fit: cover;
}
.subpage footer {
margin: 50px 0 0 0;
}
.subpage [class*="c_public_htmlCode"] {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
}
.subpage [class*="c_member"],
.subpage [class*="_category"],
.subpage [class^="c_intro_list"] {
padding: 40px 0 0;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.pagebox {
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: auto !important;
/*msg*/
}
.pagebox > [class^="c_search_result"],
.pagebox > [class*="Form"],
.pagebox > [class*="form"],
.pagebox > [class*="_list"],
.pagebox > [class*="_detail"],
.pagebox > [class^="c_companyplace_network"],
.pagebox > [class^="c_member_register"] {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
padding: 15px !important;
}
.pagebox .InputText {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
border-color: #ddd !important;
}
.pagebox .e_title {
/* font-size: 0.16rem !important; */
background: transparent;
padding: 0;
border: 0;
font-size: inherit;
color: #333 !important;
}
.pagebox .e_btn {
background-color: #206bd1 !important;
color: #fff;
width: auto;
margin: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.pagebox .e_btn:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.pagebox .e_btn:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.pagebox .e_box {
border: 0;
font-size: inherit;
background: none;
padding: 0;
min-height: auto;
}
.zh-box .subnav > .item_hide {
/* display: -webkit-box !important; */
/* display: -webkit-flex !important; */
/* display: -ms-flexbox !important; */
display: block !important;
}
.zh-box .subnav > .p_articlesB {
/* display: flex; */
width: 100%!important;
}
.zh-box .subnav > .p_articlesB > div:hover > .p_articlesB {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: auto!important;
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB {position: absolute;background: #fff;left: 0px;/* width: 130px !important; *//* display: flex !important; *//* padding-top: 10px; *//* padding-left: 10px; */}
.zh-box .subnav > .p_articlesB > div > .p_articlesB:before {
content: '';
display: block;
background: #f5f5f5;
width: 100%;
z-index: 0;
height: 320px;
position: absolute;
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB > div {
background: hsla(0, 0%, 94%, 1);
width: 130px;
}
.zh-box .subnav .p_articlesB {
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB > div:hover .p_articlesB {
display: block !important;
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB .p_articlesB {
position: absolute;
background: #f5f5f5;
display: block !important;
left: 0px;
width: 130px !important;
top: 35px;
border-right: 1px dashed #c7c7c7;
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB>div>.p_articlesB {
/* height: 140px; */
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB .font {
color: #333;
font-size: 14px;
/* padding: 0 10px; */
text-indent: 10px;
font-weight: 800;
}
.zh-box .subnav > .p_articlesB > div > .p_articlesB .p_articlesB .font {
font-weight: 400;
color: #666;
}
.zh-box .subnav > .p_articlesB .font:after {
content: '>';
display: none;
}
.zh-box .subnav > .p_articlesB .font:hover:after {
display: inline-block;
}
.s2 .c_news_list-02001 .p_images {
padding-bottom: 330px !important;
height: 0;
}
.pagebox a,
.pagebox li,
.pagebox p,
.pagebox .e_HtmlEditor {
font-size: inherit;
line-height: inherit;
}
.pagebox .font {
line-height: inherit !important;
}
.pagebox [class^="c_public_htmlCode"],
.pagebox [class^="c_bread"] {
max-width: 100% !important;
}
.pagebox [class^="c_message_form"] .font {
text-align: left;
}
.pagebox [class^="c_message_form"] .stylebox_top {
display: none;
}
.pagebox [class^="c_message_form"] > div {
max-width: 870px !important;
}
.pagebox [class^="c_message_form"] .p_content {
width: 100%;
}
.pagebox [class^="c_message_form"] .e_btn:hover {
/* box-shadow: 0 4px 20px rgba(#000, 0.2); */
-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
}
.pagebox [class^="c_message_form"] .e_btn .font {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagebox [class^="c_member_register"] {
background: #fff;
}
.pagebox [class^="c_member_register"] .p_articlesA > .e_box > .e_box {
width: 100px;
}
.pagebox > [class*="_message"] .e_btn,
.pagebox > [class*="_message"] .e_input,
.pagebox > [class*="_message"] .e_box {
width: 100% !important;
-webkit-border-radius: 0;
border-radius: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
margin: 5px 0 !important;
}
/*other*/
.p_CommonBtnA,
.p_btn,
.p_SaveWBtn,
.p_SubmitBtn {
width: 100% !important;
}
[class^="c_companyFile_list"] .p_about,
[class^="c_companyFile_list"] .p_header {
pointer-events: none;
}
.pagebox .e_WButton {
background: transparent;
float: none;
line-height: 40px;
height: 100%;
}
.pagebox .e_box .e_box .e_box .InputText:hover {
border-color: rgba(0, 0, 0, 0.1);
}
.pagebox .p_articles:hover {
background-color: transparent;
}
.e_box [class*="c_product"] {
padding: 0 !important;
}
.e_image:hover:after {
background-color: transparent;
}
.pagebox .p_TimeBox {
overflow: initial;
}
/*subpage*/
.nav2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.nav2 li {
width: 33%;
}
.p_content {
margin-top: 10px;
width: 100%;
}
.p_content .p_TitleBox {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.subpage .pagebox {
background: #f7f7f7;
}
.p_image img {
position: static !important;
-webkit-transform: translate(0) !important;
-ms-transform: translate(0) !important;
transform: translate(0) !important;
-o-object-fit: cover;
object-fit: cover;
width: auto !important;
}
[class*="_intro_list"] .e_box,
[class*="_category"] .e_box {
margin: 0 !important;
width: 100%;
}
[class*="_intro_list"] .e_title,
[class*="_category"] .e_title {
padding: 0;
}
.pagebox .e_title {
color: inherit;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
/*/subpage*/
/*category*/
.pagebox [class*="result"],
.pagebox > [class*="_detail"],
.subpage [class*="_list"],
.subpage [class*="_form"],
.subpage [class*="_category"] {
background: #fafafa;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.news .p_category > div > div > div:nth-child(1) {
display: none;
}
.pagebox > [class*="c_intro_detail"],
.pagebox > [class*="_list"],
.pagebox > [class*="c_message_form"] {
width: 950px !important;
padding-left: 50px !important;
}
.pagebox > [class*="_category"] {
width: 250px !important;
padding-top: 0;
}
.pagebox [class*="_category"] .p_articlesC {
/* left: 100%; */
/* display: block !important; */
/* top: 0; */
/* box-shadow: 0 4px 20px rgba(#000, 0.2); */
/* position: static; */
/* -webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(221, 221, 221, 0.46); */
/* box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(221, 221, 221, 0.46); */
background: hsla(0, 0%, 94%, 1);
}
.pagebox [class*="_category"] .p_articlesC .font {
font-size: 12px;
text-align: left;
text-indent: 110px;
}
.pagebox [class*="_category"] .p_image {
display: none;
}
.pagebox [class*="_category"] .stylebox_top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 1px 0;
background: #206bd1;
height: 60px;
}
.pagebox [class*="_category"] .title_main {
color: #fff;
font-weight: 400;
font-size: 0.24rem;
}
.pagebox [class*="_category"] .title_main:after {
content: "";
width: 70px;
height: 1px;
display: none;
margin: 5px auto;
background: currentColor;
}
.pagebox [class*="_category"] .p_articlesBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.pagebox [class*="_category"] .p_articlesBox > .p_articles {
width: 100%;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
border-bottom: 1px solid #ddd;
}
.pagebox [class*="_category"] .p_articlesBox .last-child {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.pagebox [class*="_category"] .font {
border-bottom: 1px solid transparent;
width: 100% !important;
}
.pagebox [class*="_category"] .e_title .active {
color: #206bd1;
border-bottom-color: #206bd1;
}
.pagebox [class*="_category"] .font:hover {
background: #fff;
color: #206bd1 !important;
border-bottom: 1px solid #206bd1;
}
[class^="c_"] {
position: static !important;
width: 100% !important;
height: auto !important;
max-width: 1200px !important;
font-size: inherit !important;
z-index: inherit !important;
-webkit-transition: 0s !important;
-o-transition: 0s !important;
transition: 0s !important;
}
body .c_nav_main-01001 {
height: 50px!important;
}
.subpage [class*="c_ads_banner"] {
max-width: 100% !important;
}
.pagebox .c_complaintPage_detail-01001 {
/* display: none; */
}
[class*="_intro_list"] .font,
[class*="_category"] .font {
line-height: 40px !important;
/* text-align: center; */
width: 100%;
text-indent: 30px;
}
/*/category*/
/*detail*/
.p_nextBox .p_MinorLink .font:hover,
.p_nextBox .p_nextlink .font:hover {
color: #206bd1;
cursor: pointer;
}
.resetHtmlCssStyle {
border: 0 !important;
}
.resetHtmlCssStyle .reset_style a {
color: inherit;
}
.resetHtmlCssStyle * {
line-height: 1.7;
font-size: 0.14rem;
}
.resetHtmlCssStyle * {
background: transparent !important;
}
.c_enquiry_submitForm-01001 .p_sub:active,
.c_enquiry_submitForm-01001 .p_add:active {
background: transparent;
color: inherit;
}
[class^="c_news_detail"] .e_box .p_content {
min-height: 500px;
}
[class^="c_news_detail"] .p_head {
color: #333;
}
[class^="c_news_detail"] .p_head .font {
overflow: hidden;
width: 600px;
white-space: nowrap;
font-size: 18px;
font-weight: 800;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: center;
display: block;
}
[class^="c_news_detail"] .p_header {
/* border-bottom: 1px #ddd dashed; */
/* padding: 0 0 15px 0; */
margin: 20px 0 10px 0;
}
[class^="c_product_detail"] .e_switchbtn {
display: none;
}
[class^="c_product_detail"] .p_images {
width: 640px !important;
pointer-events: none;
}
[class^="c_product_detail"] .p_ThumbnailBox {
padding-left: 20px;
width: 130px !important;
}
[class^="c_product_detail"] table {
width: 100% !important;
}
[class^="c_product_detail"] tbody {
font-size: 0.16rem;
width: 100%;
}
[class^="c_product_category"] .p_articlesC {
left: 0;
top: 40px;
background: #fff !important;
}
[class^="c_enquiry_submitForm"] .p_GuideBox {
width: 100px !important;
}
[class^="c_enquiry_submitForm"] .e_WButton {
background: #206bd1;
color: #fff;
margin: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
[class^="c_enquiry_submitForm"] .e_WButton:hover {
/* box-shadow: 0 4px 20px rgba(#000, 0.2); */
-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
}
/*/detail*/
/*next*/
.pagebox .p_PreviewTitle:hover {
color: #206bd1;
}
.pagebox .p_PrevAndNext {
margin: 0;
border-top: 1px dashed #ddd;
padding: 10px 0 0 0;
}
/*/next*/
/*mobile*/
.p_IntroList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.p_IntroList a:first-child .p_Intro {
border: 0;
}
[class*="c_product_category"] .p_category,
[class*="c_news_category"] .p_news {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.pagebox .mobile-inner-header {
background-color: transparent;
}
.pagebox .mobile-inner-header-icon span {
background-color: #333;
}
.pagebox [class^="c_news_list"] .p_articles {
border: 0;
}
.home .pagebox [class^="c_news_list"] .p_articles {
padding: 0;
margin: 0 !important;
}
.pagebox .mobile-inner-nav {
background-color: #fff;
}
.pagebox .mobile-inner-nav a {
color: #333;
height: auto;
line-height: 2.5;
}
.pagebox .mobile-inner-nav a:hover {
color: #333;
}
/*/mobile*/
/*mobile-nav*/
.mobile-inner-header-icon {
color: #ffffff;
height: 7vh;
font-size: 18px;
text-align: center;
float: right;
width: 7vh;
position: relative;
-webkit-transition: background 0.5s;
-o-transition: background 0.5s;
transition: background 0.5s;
}
.mobile-inner-header-icon:hover {
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
}
.mobile-inner-header-icon span {
position: absolute;
left: -webkit-calc((100% - 25px) / 2);
left: calc((100% - 25px) / 2);
top: -webkit-calc((100% - 1px) / 2);
top: calc((100% - 1px) / 2);
width: 25px;
height: 1px;
background-color: white;
}
.mobile-inner-header-icon span:nth-child(1) {
-webkit-transform: translateY(4px) rotate(0deg);
-ms-transform: translateY(4px) rotate(0deg);
transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2) {
-webkit-transform: translateY(-4px) rotate(0deg);
-ms-transform: translateY(-4px) rotate(0deg);
transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-nav {
width: 100%;
position: absolute;
top: 90px;
left: 0px;
z-index: 2;
padding-top: 30px;
padding-bottom: 30px;
display: none;
}
.mobile-inner-nav li {
width: 50%;
float: left;
}
.mobile-inner-nav a {
display: inline-block;
line-height: 50px;
text-decoration: none;
width: 80%;
font-size: 0.16rem;
height: 50px;
margin-left: 10%;
color: #ffffff;
border-bottom: solid 1px #ddd;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/*/mobile-nav*/
.p_videoslist {
display: none;
}
/*hide*/
[class^="c_intro_detail"] .p_ViewBox, [class*="c_member"] .stylebox_top, [class^="c_bread"] .p_content, .home .stylebox_top, .stylebox_link, .c_search_total-01001 .p_select, #pagenavi, [class*="_category"] .p_summary, [class*="_detail-"] .stylebox_top, .p_KeywordsBox, .d_keywordBox, .iconfont, .p_Icon, .e_Hline, [class*="_category"] .p_images, .d_KeywordBox, .p_KeywordBox, .c_intro_list-01001 .p_image, .c_product_categorylay-01001 .p_SummaryBox, .title_icon, .stylebox_top_line, .stylebox_bottom_line, .p_line, .home1 .p_OccupyBox, .c_enquiry_submitForm-01001 .p_addBtn, .p_PrevAndNext .iconfont, .p_QRCode, [class*="_detail-"] .p_SummaryBox, [class*="_detail-"] .p_Atlas, .p_AssistNameA, [class*="_list-"] .d_NomBox, .e_icon, .e_line, .c_news_category-02001 .p_articlesBox > div:nth-child(1), [class^="c_intro_detail"] .p_header, .p_CommentBox, [class*="_category"] .p_PromptNoneData, .p_numA, [class*="_category"] .e_image {
display: none !important;
}
/*/hide*/
/*job*/
.c_employ_detail-01001 .p_about > div {
width: 100%;
}
/*video*/
[class^="c_video_list"] .p_ContentA {
display: none;
}
[class^="c_video_list"] #vide_show {
height: 420px;
}
/*map*/
.c_companyplace_network-03001 .p_IconRelationBtnBarBoxA {
display: none;
}
.amap-marker-label {
border: 0;
padding: 5px 15px !important;
font-size: 14px;
}
.contact-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
#container {
height: 300px;
max-width: 100%;
width: 100%;
margin: 0 30px 0 0;
}
/*stylebox*/
body .e_stylebox .stylebox_top {
background: transparent;
border-bottom: 1px solid #ddd;
color: #206bd1;
/* display: none; */
}
.ryzz .e_stylebox .stylebox_top h2 {
display: none;
}
.e_stylebox .stylebox_top .stylebox_title {
background: transparent !important;
text-indent: 0;
padding: 0 !important;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.e_stylebox .title_main {
color: inherit;
text-transform: capitalize;
}
.e_stylebox .stylebox_content {
border: 0 !important;
}
/*search*/
[class^="c_search_total"] .e_btn {
height: 35px;
padding: 0 10px;
width: 50px;
text-indent: -9999px;
background: url(/img/search.png) 50% no-repeat #206bd1;
-webkit-background-size: initial initial;
background-size: initial;
}
[class^="c_search_total"] .p_headbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
[class^="c_search_total"] .p_searchBox .p_input {
width: 100%;
}
[class^="c_search_total"] #search_keyword {
border: 0;
color: #666;
width: 150px;
border: 1px solid #ddd;
height: 35px;
}
/*bread*/
[class^="c_bread"] {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin: 0 0 40px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #ddd;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 50px !important;
}
[class^="c_bread"] .p_breadcrumbList {
max-width: 1230px;
width: 100%;
padding: 0 15px;
}
[class^="c_bread"] .p_breadcrumbList .font {
color: #666;
border: 0 !important;
height: auto;
}
[class^="c_bread"] .p_breadcrumbCurrent span {
width: 300px;
overflow: hidden;
display: block;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
height: 30px;
white-space: nowrap;
line-height: 30px;
}
/*page*/
.e_pagebox {
right: 0 !important;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
border-top: 1px solid #ddd;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
width: 100% !important;
}
.s2 .e_pagebox {
margin-top: -5px;
background: #f5f5f5;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.e_pagebox * {
background: none !important;
color: inherit !important;
}
.e_pagebox .ItemBox {
border: 0 !important;
}
.e_pagebox > div {
margin: 0 10px;
border: 0 !important;
}
.e_pagebox > div:hover {
cursor: pointer;
color: #206bd1 !important;
}
.pagebox .more {
line-height: 40px;
display: block;
width: 1.5rem;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
height: 40px;
color: #fff;
text-transform: uppercase;
/* margin: 40px 0 0 0; */
background: #206bd1;
/* border-radius: 20px; */
}
.pagebox .more:hover {
/* background: $c;
color: #fff; */
border-color: transparent;
/* box-shadow: 0 4px 20px rgba(#000, 0.2); */
-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
text-indent: 1em;
}
.container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1230px;
width: 100%;
padding: 0 15px;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
section {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 70px 0;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
section .titlebar {
padding: 10px 0;
margin: 20px auto;
text-transform: uppercase;
text-align: center;
}
section .titlebar a {
opacity: 0.6;
font-size: 0.14rem;
}
section .titlebar .title {
font-size: 0.24rem;
line-height: 1.4;
text-align: center;
color: #206bd1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
section .titlebar .title span {
color: #206bd1;
}
section .titlebar .line {
width: 50px;
height: 1px;
background: #ddd;
margin: 10px auto;
}
section .titlebar .subtitle {
font-size: 0.3rem;
font-weight: 800;
color: #ddd;
margin: 5px 0 0 0px;
line-height: 1.2;
}
section .titlebar p {
margin: 20px 0;
}
/* header */
header {
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
min-height: 90px;
background: #fff;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.subpage header {
position: fixed;
top: 0;
z-index: 3;
}
.home header {
position: absolute;
top: 0;
}
header .search-box {
width: 200px;
}
header .logo {
min-width: 160px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 20px 0;
}
header .container {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 1300px;
}
header .t {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 10px;
}
header .box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
header .box .inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 10px 0;
}
header .top {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
header .tel {
background: url(/img/tel.png) transparent;
background-position: 0px 50%;
background-repeat: no-repeat;
padding: 0 0 0 30px;
margin-right: 20px;
}
header .tel a {
color: #206bd1;
font-weight: 800;
}
header .lang {
background: url(/img/map.png) transparent;
background-position: 0 50%;
background-repeat: no-repeat;
/* padding: 0 0 0 40px; */
/* margin-right: 30px; */
}
header nav {
text-transform: capitalize;
margin-top: 5px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
width: 938px;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
header .navbtn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 30px;
top: 30px;
width: 40px;
height: 40px;
}
header .navbtn:hover {
cursor: pointer;
}
header .navbtn span {
display: block;
height: 2px;
width: 40px;
background: #206bd1;
margin: 5px 0;
}
header .nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
header .nav .subnav {
/* visibility: hidden; */
background: #f5f5f5;
position: absolute;
/* opacity: 0; */
display: none;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
/* width: 700px; */
/* left: 50%; */
/* margin-left: -50px; */
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
header .nav .subnav3 a {
color: #999;
text-indent: 0;
}
header .nav .subnav > li > a {
/* font-weight: 800; */
/* color: #206bd1; */
font-size: 14px;
}
header .nav .subnav > li:hover .subnav2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
header .nav .subnav > li .subnav2 {
position: absolute;
left: 100%;
display: none;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
-webkit-box-pack: start;
justify-content: flex-start;
/* display: flex; */
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
top: 0;
background: #f8f8f8;
width: 670px;
height: 380px;
}
header .nav .subnav2 > li {
width: 25%;
}
header .nav .subnav2 > li:hover .subnav3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
header .nav .subnav2 > li > a {
color: #333;
/* font-weight: 800; */
font-size: 14px;
}
header .nav .subnav3 {
background: #f9f9f9;
/* display: none; */
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
width: -webkit-calc(670px / 4);
width: calc(670px / 4);
font-size: 14px;
position: absolute;
}
header .nav .subnav3 > li {
width: 100%;
text-align: left;
text-indent: 10px;
}
header .nav .subnav > li {
/* position: relative; */
width: 100%;
}
header .nav > li {
position: relative;
/* flex: 1; */
text-align: center;
}
header .nav > li:hover .subnav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
header .nav > li:nth-child(1)::after {
display: none;
}
header .nav > li:after {
content: "|";
top: 4px;
display: none;
left: 0;
color: #ddd;
position: absolute;
}
header .nav > li span {
font-size: 0.12rem;
opacity: 0.5;
}
header .nav > li a {
/* margin: 0 10px; */
padding: 5px 10px;
display: block;
color: #666;
/* border-bottom: 2px solid transparent; */
}
header .nav > li a:hover {
color: #fff;
background: #206bd1;
/* box-shadow: 0 4px 20px rgba(#000, 0.2); */
-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
}
/* footer */
footer {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
overflow: hidden;
/* position: relative; */
width: 100%;
color: rgba(255, 255, 255, 0.5);
bottom: 50px;
}
.home footer {
position: relative;
}
footer > .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 8px auto 0;
}
footer > .container a:hover {
color: inherit;
}
footer .footerbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: fixed;
bottom: 0;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
background: #206bd1;
color: #fff;
height: 90px;
max-width: 640px;
width: 100%;
z-index: 1;
padding: 5px 0;
}
footer .footerbar .fa {
font-size: 0.18rem;
display: block;
}
footer .footerbar a {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.6);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
footer .footerbar a:hover {
color: inherit;
}
footer .footerbar a:nth-child(1) {
border: 0;
}
footer .titlebar {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin: 0 0 10px 0;
text-align-last: auto;
}
footer .nav {
text-transform: capitalize;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: flex;
min-width: auto;
}
footer .nav li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
footer .copyright {
width: 100%;
padding: 0px 0;
/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
}
footer .copyright .container {
text-align: center;
display: block;
}
/*list*/
.link {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.news-box,
.product-box {
width: 100%;
}
body .s2 .summary {
display: none;
}
.list {
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.list .img-box {
font-size: 0;
position: relative;
overflow: hidden;
height: 0;
padding-top: -webkit-calc(100% * 0.6);
padding-top: calc(100% * 0.6);
background: #fff;
border: 1px solid #f5f5f5;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.list .img-box img {
position: absolute;
left: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
top: 0;
width: 100%;
height: 100%;
}
.list .fa {
display: none;
}
.list .txt-box {
width: 100%;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.list .title {
font-weight: 400;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #333;
line-height: 30px;
}
.list .summary {
display: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
opacity: 0.6;
height: 40px;
width: 100%;
margin-bottom: 10px;
font-size: 0.12rem;
}
.list .date {
opacity: 0.6;
width: 80px;
font-size: 0.12rem;
display: none;
height: 20px;
overflow: hidden;
}
.s2 .date {
display: block;
}
.list li {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.list li:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*product*/
.home .product-list li:nth-child(4) ~ li {
display: none;
}
.product-list li {
width: -webkit-calc((100% - (2 - 1) * 20px) / 2);
width: calc((100% - (2 - 1) * 20px) / 2);
margin: 10px 20px 10px 0;
text-align: center;
}
.product-list li:nth-child(2n) {
margin-right: 0;
}
.product-list li:hover {
/* box-shadow: 0 4px 20px rgba(#000, 0.2); */
-webkit-box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14),
0 7px 12px -5px rgba(32, 107, 209, 0.46);
}
.product-list li:hover .txt-box:after {
width: 100%;
}
.product-list .img-box {
width: 100%;
}
.product-list .summary {
display: none;
}
.product-list .date {
display: none;
}
.product-list .txt-box {
padding: 10px;
background: #fff;
}
.product-list .txt-box:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
height: 1px;
background: #206bd1;
}
.product-list .more {
background: #206bd1;
margin: 10px auto;
width: 90px;
line-height: 30px;
}
/*news*/
.home .news-list li:nth-child(8) ~ li {
display: none;
}
.news-list li {
border-bottom: 1px dashed #ddd;
margin: 0 0 5px 0;
padding: 0;
width: -webkit-calc(100% / 2 - 20px);
width: -webkit-calc(100% / 1 - 20px);
width: calc(100% / 1 - 20px);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.xw .news-list li {
width: 100%;
padding-bottom: 10px;
margin-bottom: 5px;
}
.xw .news-list .date {
display: block;
}
.news-list .txt-box {
width: -webkit-calc(100% - 0px);
width: calc(100% - 0px);
}
.news-list .title {
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
}
.news-list .title a {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-list .title a:before {
content: "";
background: #206bd1;
height: 4px;
width: 4px;
margin: 0 4px 0 0;
}
.news-list .img-box {
width: 160px;
display: none;
padding-top: -webkit-calc(180px * 0.6);
padding-top: calc(180px * 0.6);
}
.news-list .img-box img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
/*ico*/
.ico-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #fff;
}
.ico-box .ico {
width: 110px;
height: 110px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
border: 1px solid #fff;
}
.ico-box h3 {
color: #206bd1;
}
.ico-box li {
text-align: center;
}
.ico-box li:nth-child(1) .ico {
background: url(/img/s2_ico1.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.ico-box li:nth-child(2) .ico {
background: url(/img/s2_ico2.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.ico-box li:nth-child(3) .ico {
background: url(/img/s2_ico3.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.ico-box li:nth-child(4) .ico {
background: url(/img/s2_ico4.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.ico-box li:nth-child(5) .ico {
background: url(/img/s2_ico5.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
/*home*/
.container {
margin: 0 auto;
}
section {
padding: 0;
-webkit-background-size: cover !important;
background-size: cover !important;
}
section .container {
max-width: 1280px;
}
.s2 .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
}
.s1 {
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.s2 {
background: url(/img/news_bg.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s3 {
background: url(/img/s3_bg.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s3_2 {
background: url(/img/s3_2_bg.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s4 {
background: url(/img/s4_bg.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s4_2 {
background: url(/img/s4_2_bg.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s2 .box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.s2 .item {
width: -webkit-calc((100% - 20px) / 2);
width: calc((100% - 20px) / 2);
}
.s2 .item .lantern {
margin: 0 !important;
}
.s2 .item1 > h3 {
font-size: 24px;
-webkit-transform: translate(0, -15px);
-ms-transform: translate(0, -15px);
transform: translate(0, -15px);
color: #206bd1;
text-transform: uppercase;
}
.s2 .item1 h4 {
font-size: 0.24rem;
font-weight: 400;
}
.s2 .item2 {
/* background: #fff; */
padding: 0 20px;
/* -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); */
/* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15); */
-webkit-transform: translate(0, -43px);
-ms-transform: translate(0, -43px);
transform: translate(0, -43px);
}
.s2 .item2 .top {
margin-bottom: 10px;
}
.s2 .item2 .img-box {
display: none;
}
.s2 .item2 .txt-box {
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.s2 .item2 .top a {
/* width: 120px; */
line-height: 35px;
margin: 0 1px;
font-size: 18px;
padding: 0 20px;
display: inline-block;
background: #f7f7f7;
text-align: center;
}
.s2 .item2 .top a:nth-child(1) {
background: #206bd1;
color: #fff;
}
.s2 .item2 .top a:hover {
background: #206bd1;
color: #fff;
}
.s2 .item2 .list > li {
/* width: 100%; */
padding: 0 10px;
}
.s2 .list {
display: block;
background: #fff;
padding-bottom: 16px;
height: 301px;
}
.s2 .item2 li:nth-child(8) ~ li {
display: none;
}
.zh-box .item {
}
.zh-box .item:nth-child(2) {
position: relative;
z-index: 0;
}
section .subnav {
/* display: -webkit-box; */
/* display: -webkit-flex; */
/* display: -ms-flexbox; */
/* display: flex; */
}
section .subnav > li {
position: relative;
z-index: 3;
width: 25%;
margin-right: 20px;
}
section .subnav > li > a {
font-size: 16px;
}
section .subnav > li:hover .subnav2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* min-width: 680px; */
width: auto;
}
section .subnav > li:nth-child(2):hover .subnav2 {
display: block;
}
section .subnav > li:hover .subnav3 {
display: block;
}
section .item .subnav2 .subnav3 a {
font-size: 12px;
color: #666;
font-weight: 400;
}
section .subnav2 {
position: absolute;
top: 35px;
left: 0;
width: 300px;
display: none;
z-index: 999;
}
section .subnav3 {
display: none;
}
.zh-box .subnav2 {
display: none;
background: #fff;
padding: 10px;
}
.s3 .subnav li {
/* width: 25%; */
}
.s3 .subnav3 {
/* display: none; */
}
.zh-box .item > div {
/* width: 640px; */
}
.zh-box .item .txt {
/* background: #f7f7f7; */
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding: 20px 0;
/* justify-content: space-between; */
}
.zh-box .item .txt:hover {
/* background-color: #206bd1; */
}
.zh-box .item .subnav2 {
/* color: #333; */
font-weight: 800;
}
.zh-box .item .subnav2 > li {
margin-right: 10px;
width: 200px;
}
.zh-box .item .txt > h3 {
/* border-bottom: 1px solid #ddd; */
/* padding-bottom: 5px; */
font-size: 24px;
/* margin-right: 20px; */
display: block;
width: 190px;
color: #206bd1;
/* margin-bottom: 5px; */
}
.zh-box .item .txt p {
margin-bottom: 50px;
opacity: 0.7;
width: 580px;
}
.zh-box .item .img {
font-size: 0;
overflow: hidden;
/* display: -webkit-box; */
/* display: -webkit-flex; */
/* display: -ms-flexbox; */
display: flex;
height: 300px;
}
.zh-box .item .img img {
float: left;
width: 630px;
}
.zh-box .item:nth-child(2) .img {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
body .pagebox .item .txt1 {
}
body .pagebox .item .txt2 {
}
body .pagebox .item .txt3 {
}
body .pagebox .item .txt4 {
}
.s5 {
background: url(/img/case_bg.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s5 .list li:nth-child(4) ~ li {
display: none;
}
.s5 .content {
margin-top: -210px;
}
.s5 .casebox {
height: 500px;
width: 350px;
background: url(/img/case_img.png) transparent;
background-position: 50%;
background-repeat: no-repeat;
}
.s5 .product-box {
width: 660px;
margin-left: 150px;
}
.s5 .more {
/* margin: 350px 0 0 250px; */
}
.home footer {
position: absolute;
bottom: 0;
}
footer {
bottom: -180px;
background: #222;
}
footer .tel {
color: #206bd1;
padding-left: 30px;
background: url(/img/tel.png) transparent;
background-position: 70px 50%;
background-repeat: no-repeat;
display: block;
width: 100%;
text-align: center;
font-size: 0.18rem;
margin-bottom: 5px;
}
footer .titlebar {
color: #fff;
padding: 5px 0;
margin: 5px 0;
}
footer .titlebar h3 {
text-align: left;
}
footer .box1 {
width: 240px;
}
footer .box2 {
/* height: 130px; */
width: 530px;
}
footer .box2 .con {
color: #666;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
footer .box2 .con .select {
width: -webkit-calc(100% / 2 - 20px);
width: calc(100% / 2 - 20px);
margin: 5px 10px 0 0;
}
footer .box2 .con .select select {
width: 100%;
}
footer .box2 .con .select h3 {
color: #fff;
font-size: 14px;
}
footer .box1 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
footer .box1 ul li {
width: 50%;
}
footer .box3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
width: 336px!important;
}
footer .box3 .con {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
transform: translate(0, 10px);
}
footer .box3 .footeritem {
margin-right: 10px;
text-align: center;
}