img{ max-width:100%; } *:focus {outline: none;} /*@font-face { font-family: "SourceHanSansCN"; src: url("fonts/PingHeiLight/SourceHanSansCN.woff2") format("woff2"), url("fonts/PingHeiLight/SourceHanSansCN.woff") format("woff"), url("fonts/PingHeiLight/SourceHanSansCN.ttf") format("truetype"), url("fonts/PingHeiLight/SourceHanSansCN.eot") format("embedded-opentype"), url("fonts/PingHeiLight/SourceHanSansCN.svg") format("svg"), url("fonts/PingHeiLight/SourceHanSansCN.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceHanSansCN"; src: url("fonts/SourceHanSansCN/SourceHanSansCN.woff2") format("woff2"), url("fonts/SourceHanSansCN/SourceHanSansCN.woff") format("woff"), url("fonts/SourceHanSansCN/SourceHanSansCN.ttf") format("truetype"), url("fonts/SourceHanSansCN/SourceHanSansCN.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN/SourceHanSansCN.svg") format("svg"), url("fonts/SourceHanSansCN/SourceHanSansCN.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "SourceHanSansCN"; src: url("fonts/SourceHanSansCN/SourceHanSansCN.woff2") format("woff2"), url("fonts/SourceHanSansCN/SourceHanSansCN.woff") format("woff"), url("fonts/SourceHanSansCN/SourceHanSansCN.ttf") format("truetype"), url("fonts/SourceHanSansCN/SourceHanSansCN.eot") format("embedded-opentype"), url("fonts/SourceHanSansCN/SourceHanSansCN.svg") format("svg"), url("fonts/SourceHanSansCN/SourceHanSansCN.otf") format("opentype"); font-weight: normal; font-style: normal; }*/ body{ position:relative; color:#333; } a:hover{ color:#006ab8;} /*************************************/ #header{font-family: "SourceHanSansCN"; position:fixed; width:100%; top:0; left:0; z-index:999; padding:1.4375em 0;} .header_mid{ margin:0 2%;} .indexbanner_mid{ position:absolute; left:0; top:0; width:100%; text-align:center; height:100%; color:#fff;} .bannermid_jj{ padding:0 1em; max-width:76.25em; margin:0 auto;} .indexbanner_mid_1{text-shadow:0 0 10px rgba(0,0,0,0.8); font-size:4.5em; font-weight:bold; letter-spacing:0.15em;} .indexbanner_mid_2{font-family: "SourceHanSansCN"; font-size:2.25em; letter-spacing:0.15em; margin-top:0.4em;} .header_mid_left{ float:left;} .header_mid_right{ float:right; } .header_mid_right ul li{ z-index:111; display:inline-block; position:relative; margin-right:1.875em;} .header_mid_right ul li .biga{ padding-right:20px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/topimg1.png); color:#fff; line-height:2.944444444444444em; font-size:1.075em; display:inline-block; position:relative;} .header_mid_right ul li dl{ left:-68px; z-index:222; display:none;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); position:absolute; width:225px; z-index:100; top:50.65px; padding-top:15px;} .dl_right_1_1{ color:#098bad; font-size:1.125em; font-weight:bold;} .dl_right_1_2{ position:relative; padding-bottom:1em; color:#979797; font-family: "SourceHanSansCN"; font-size:0.75em; line-height:1;} .dl_right_1_2:after{ content: ""; position: absolute; z-index: 1; background: #d8d8d8; left: 0%; width: 26px; bottom: 0px; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .dl_right_1{ display:none; margin-bottom:1em;} .dl_right p a{ display:block; color:#303030; font-size:0.875em;} .dl_right p{ border-bottom:1px #dedede solid; padding:0.6em 0; text-align:center;} .dl_right p:last-child{ border:none} .dl_left{ display:none; float:left; width:240px;} .dl_right{ background-color:#fff; padding-left:1em; padding-right:1em; } .header_lan{ float:right;} .header_lan{ line-height:3.3125em; padding-left:1.875em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/topimg2.png);} .header_lan a{ font-size:1.25em; color:#fff;} .pcmenu{ float:right;line-height:3.3125em; margin-left:13px;} .pcmenu span{ cursor:pointer; display:inline-block; width:26px; height:14px; position:relative;} .pcmenu span:before { content: ""; position: absolute; z-index: 1; background: #fff; left: 0%; width: 100%; top: 0px; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pcmenu span:after { content: ""; position: absolute; z-index: 1; background: #fff; left: 0%; width: 100%; bottom: 0px; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #info { margin-top: 10px; } #container{ min-width:100%; min-height:550px; } .map_wz{ font-size:16px; color: #1c4799; font-family:Verdana, Geneva, sans-serif; font-weight:bold} .map_wzz{ font-size:14px; font-family:Verdana, Geneva, sans-serif;} .indexbanner{ position:relative;} .banner_left{ top:50%; margin-top:-33.5px; z-index:10; left:4%; background-image:url(../images/img31.png); cursor:pointer; position:absolute; width:67px; height:67px; background-position:center; background-repeat:no-repeat; background-size:cover;} .banner_right{ top:50%; margin-top:-33.5px; z-index:10; right:4%; background-image:url(../images/img32.png); cursor:pointer; position:absolute; width:67px; height:67px; background-position:center; background-repeat:no-repeat; background-size:cover;} .banner_left:hover{ left:3%;} .banner_right:hover{ right:3%;} .go-btn{ opacity:1; webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; -o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; position:absolute;bottom:10px;left:50%; margin-left:-38.5px; z-index:10; width:77px; height:56px; text-align:center; overflow:hidden} .go-btn:hover{ animation-play-state:paused; -webkit-animation-play-state:paused; -ms-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; } @keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-webkit-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-ms-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-moz-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-o-keyframes go-btn{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } .header_mid_right ul li a.biga:before { content: ""; position: absolute; z-index: 1; background-image:url(../images/index/img14.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; left: 50%; right: 0; width: 0%; bottom: 0px; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .header_mid_right ul li a.biga:hover:before,.header_mid_right ul li a.bigaon:before{ width:100%; left:0;} .div1600{ margin:0 auto; max-width:100em; padding:0 1em;} .index_1_mid{ position:relative; z-index:10; margin:0 auto; max-width:76.25em;} .index_1_mid_1_1{ font-size:3em; font-family:Arial, Helvetica, sans-serif; margin-top:1.775em;} .index_1_mid_1_2{ font-family:Arial, Helvetica, sans-serif; font-size:1.125em; color:#545454; margin-top:0.1em;} .index_1_mid_2 ul li{ margin-right:2.29508196721311%; float:left; width:23.2%;} .index_1_mid_2 ul li:nth-child(4n){ margin-right:0;} .index_1_mid_2_mid{ background-position:center top; background-size:cover; min-height:20.8125em; background-repeat:no-repeat; -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); padding:0 1.6875em; overflow:hidden; } .index_1_mid_2_mid_1{ color:#313131; font-size:1.6em; margin-top:2em; min-height:3em;} .index_1_mid_2_mid_2{ min-height:5.6em;} .index_1_mid_2_mid_3{ font-size:0.875em; color:#2f2f2f; line-height:1.8; } .index_1_mid_2 ul li:nth-child(1) .index_1_mid_2_mid{ background-image:url(../images/img6.jpg);} .index_1_mid_2 ul li:nth-child(2) .index_1_mid_2_mid{ background-image:url(../images/img7.jpg);} .index_1_mid_2 ul li:nth-child(3) .index_1_mid_2_mid{ background-image:url(../images/img8.jpg);} .index_1_mid_2 ul li:nth-child(4) .index_1_mid_2_mid{ background-image:url(../images/img9.jpg);} .index_1_mid_2_h{ height:0.875em;} @media screen and (min-width:1090px) { .index_1_mid_2 ul li:hover .index_1_mid_2_h{ height:0; opacity:0;} } .index_1_mid_2{ margin-top:2.5em;} .index_1_bg{ background-image:url(../images/img10.jpg); height:35.125em; position:absolute; left:0; bottom:0; width:100%; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover;} .more-button span { display: block; -webkit-transition: all ease .4s; transition: all ease .4s; } .more-button span.hover { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0,100%); opacity: 0; background-color:#fff; color:#006ab8; } .service_ym{ margin-bottom:10em} @media screen and (min-width:1090px) { .more-button:hover .hover { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .index_1_mid_3_3 a{ text-align:center;font-family: "SourceHanSansCN"; overflow:hidden; display:inline-block; width:10em; height:2.2em; line-height:2.2em; position:relative; font-size:1.25em; color:#fff; border:1px #fff solid;} .index_1_mid_3_1{ font-size:3em; color:#fff; font-weight:bold; margin-top:1.45em;} .index_1_mid_3_2{ margin:1.8em 0 2.2em 0; font-size:1.125em; color:#e0f6ed; line-height:2;} .index_1_mid_3{ padding-bottom:4.5625em;} .index_2{ background-position:center top; background-repeat:no-repeat; background-image:url(../images/img16.jpg);} .index_2_2_mid{ background-color:#fff;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); } .index_2_2_mid_mid{ margin-left:1.875em; margin-right:1.875em; padding-bottom:3.6875em; position:relative; padding-top:3em;} .index_2_2_mid_mid_right_1{ font-family:Arial, Helvetica, sans-serif; color:#525b5a; font-size:0.875em;} .index_2_2_mid_mid_right_2{ height:3.5em; font-size:1.5em; color:#030303; font-weight:bold; position:relative;} .index_2_2_mid_mid_right_2:before { content: ""; position: absolute; z-index: 1; background-image:url(../images/img14.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; width: 3em; bottom: 0px; height: 3px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .index_2_2_mid_mid_left{ height:20em; overflow:hidden; position:absolute; left:0; bottom:3.6875em; width:60%; text-align:center} .index_2_2_mid_mid_right{ float:right; width:40%;} .index_2_2_mid_mid_right_jj{ padding-left:1.5em;} .index_2_2_mid_mid_right_3{ line-height:1.5em; height:3em; overflow:hidden; color:#525b5a;font-family: "SourceHanSansCN"; margin:1em 0 1.5em 0;} .index_2_2_mid_mid_right_4 span{ display:inline-block; border:1px #b0b0b0 solid; width:2.25em; height:2.25em; background-position:center; background-repeat:no-repeat; background-image:url(../images/img11.png);} .div1220{ margin:0 auto; padding:0 1em; max-width:76.25em;} .index_2_1_1{ text-align:center; font-size:3em; color:#000;} .index_2_1_2{font-family: "SourceHanSansCN"; margin:1.5em 0 0 0; font-size:1.25em; text-align:center; color:#666;} .index_2_2 .swiper-slide{ padding: 32px calc((100vw - 709px) * 0.0127604166666667); width: 709px; } @media screen and (min-width:1090px) { .index_2_2 .swiper-slide:hover .index_2_2_mid_mid_left{ -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} .index_2_2 .swiper-slide:hover .index_2_2_mid{ background-color:#5a7183;} .index_2_2 .swiper-slide:hover .index_2_2_mid_mid_right_1{ color:#d5ebf3;} .index_2_2 .swiper-slide:hover .index_2_2_mid_mid_right_2,.index_2_2 .swiper-slide:hover .index_2_2_mid_mid_right_3{ color:#fff;} .index_2_2 .swiper-slide:hover .index_2_2_mid_mid_right_4 span{ border-color:#fff; background-image:url(../images/img12.png);} .index_2_2_mid_mid_right_2:after { content: ""; position: absolute; z-index: 2; background-color:#7b8d9c; background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; width: 0em; opacity:0; bottom: 0px; height: 3px; -webkit-transition: all 1.9s ease-in-out; transition: all 1.9s ease-in-out; } .index_2_2 .swiper-slide:hover .index_2_2_mid_mid_right_2::after{ width:3em;opacity:1;} } .index_2_1{ padding-bottom:5.5em; padding-top:7.9375em;} .index_more_btn{ padding-bottom:7em; text-align:center;} .index_more_btn a{font-family: "SourceHanSansCN"; color:#fff; display:inline-block; font-size:1.25em; width:13.95em; height:2.95em; line-height:2.95em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img17.jpg); position:relative; overflow:hidden;} .index_2 .swiper-pagination-bullet{ width:1.5625em; height:1.5625em; position:relative; background:none;opacity:1;} .index_2 .swiper-pagination-bullet:before { content: ""; position: absolute; z-index: 2; background-image:url(../images/img15.png); background-position:center; background-repeat:no-repeat; left: 50%; margin-left:-4px; width: 8px; opacity:1; top: 50%; margin-top:-4px; height: 8px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .index_2 .swiper-pagination-bullet-active:before{ width:100%; height:100%; top:0; left:0; margin:0;} .swiper-pagination-index_2_2{ position:static; margin-bottom:2.875em; margin-top:2.5em;} .index_3_1 ul li{ margin-right:2.08333333333333%; float:left; width:23.4375%; position:relative;} .index_3_1 ul li:before{ content: ""; position: absolute; z-index: 2; background-size:cover; background-image:url(../images/img14.jpg); background-position:center; background-repeat:no-repeat; left: 0%; width: 0%; opacity:0; top: 0%; height: 4px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .index_3_1 ul li:hover:before{ width:100%; opacity:1;} .index_3_1 ul li:nth-child(4n){ margin-right:0;} .index_3_2{ margin-top:5.875em;} .index_3_1_mid{ padding:0 1.875em; padding-top:1.875em; padding-bottom:1.875em; } .index_3_1_mid_1{ color:#006ab8; font-size:1.875em; font-family:Arial, Helvetica, sans-serif;} .index_3_1_mid_2 span{ display:block; height:3.2em; overflow:hidden; font-size:1.125em; color:#000; line-height:1.6;} .index_3_1_mid_2{ margin-top:0.8em; padding-bottom:2em; margin-bottom:2em; position:relative;} .index_3_1_mid_2:before{ content: ""; position: absolute; z-index: 2; background-color:#006ab8; background-position:center; background-repeat:no-repeat; left: 0%; width: 100%; opacity:1; bottom: 0%; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .index_3_1 ul li:hover .index_3_1_mid_2:before{ background-color:#dae1e6} .index_3_1_mid_3{ color:#666;font-family: "SourceHanSansCN"; line-height:1.5; margin-bottom:2em; position:relative;} .index_3_1_mid_3_mask{opacity:0; position:absolute; left:0; top:0; width:100%;} .index_3_1_mid_3_mask span{ background-image:url(../images/img18.png); position:absolute; width:2.25em; height:2.25em; left:50%; top:50%; margin-left:-1.125em; margin-top:-1.125em;} .index_3_1_mid_3_jj{ height:6em; overflow:hidden;} .index_3_1_mid_3_mask span:before{ content: ""; position: absolute; z-index: 2; background-image:url(../images/img12.png); background-position:center; background-repeat:no-repeat; left: 0%; width: 100%; opacity:1; bottom: 0%; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .index_3_1_mid_4 span{display:inline-block; border:1px #b0b0b0 solid; width:2.25em; height:2.25em; background-position:center; background-repeat:no-repeat; background-image:url(../images/img11.png);} .index_3_1 ul li:hover{ background-color:#f0f4f7;} .index_3_1 ul li:hover .index_3_1_mid_3_mask{ opacity:1;} .index_3_1 ul li:hover .index_3_1_mid_3_jj,.index_3_1 ul li:hover .index_3_1_mid_4{ opacity:0;} .index_4{ background-position: center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img23.jpg);} .index_4_mid{ background-position:left; background-repeat:repeat-y; background-image:url(../images/img38.png); text-align:center; padding:16.5625em 1em;} .index_4_mid_2{ color:#fff;} .index_4_mid_1{ height:7em;} .index_4_mid_2{ font-size:1.875em;} .index_4_mid_3{ margin-bottom:2.5em; font-size:1.125em; color:#fff; margin-top:0.875em;} .index_4_mid_4 span{ display:inline-block; border:1px #006ab8 solid; background-color:#006ab8; width:2.25em; height:2.25em; background-position:center; background-repeat:no-repeat; background-image:url(../images/img12.png);} .swiper-wrapper-index_4 .swiper-slide:nth-child(1) .index_4_mid{ background-image:none} .swiper-wrapper-index_4 .swiper-slide:hover .index_4_mid_4 span{ border-color:#fff; background-color:transparent; } .index_5{ padding-bottom:14.125em; background-position:center top; background-repeat:no-repeat; background-image:url(../images/img30.jpg); background-size:cover;} .index_5_1{ position:relative; padding:0 4.0625em;} .index_5_1_mid_mid_bg{ } .index_5_1_mid_mid_mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; text-align:center;} .index_5_1_mid_mid_mask span{ display:block; background-position:center; background-repeat:no-repeat; background-image:url(../images/img34.png); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;opacity:0;} .index_5_1_mid_mid{ display:inline-block; margin:1.875em; position:relative;border-radius:50%; overflow:hidden; background-color:#fff;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} .index_5_1_mid .swiper-slide h1{ font-weight:normal} .index_5_1_mid .swiper-slide:hover .index_5_1_mid_mid_mask span{ opacity:1;} .index_5_1_mid .swiper-slide{ text-align:center;} .index_5_1_left{ position:absolute; left:0; top:50%; width:3.0625em; height:3.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img24.png); margin-top:-1.53125em; z-index:10; cursor:pointer;} .index_5_1_left:hover{ background-image:url(../images/img27.png);} .index_5_1_right{ position:absolute; right:0; top:50%; width:3.0625em; height:3.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img25.png); margin-top:-1.53125em; z-index:10; cursor:pointer;} .index_5_1_right:hover{ background-image:url(../images/img26.png);} .index_5 .div1220{ max-width:78.25em} #footer{ padding-bottom:7.1875em;padding-top:7.1875em; position:relative; background-color:#27424d; color:#eff5f5;} .copyr{font-family: "SourceHanSansCN"; overflow:hidden; line-height:39px; background-color:#213943;} .copyr_mid_1{ padding-left:5em; position:relative; margin:1.5em 0; margin-top:2.2em;} .copyr_mid_1_left{ position:absolute; left:0; top:0.22em; color:#fff; font-size:0.875em;} .copyr_mid_1 a{ font-size:0.875em; color:#bfd6df; padding:0 1em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img12.png);} .copyr_mid_1 a:hover{ color:#fff;} .copyr_mid_1 a:nth-child(2){ padding-left:0; background-image:none;} .copyr_mid_2{color:#bfd6df; font-size:0.875em; text-align:center;} .copyr_mid_2 a{ color:#bfd6df} .copyr_mid_2 a:hover{ color:#fff;} #footer a{color:#eff5f5;} #footer a:hover{ color:#fff;} .footer_mid_left{ float:left; width:14%;} .footer_mid_right{font-family: "SourceHanSansCN"; float:right; width:22.5%;} .footer_mid_right_mid{ padding-left:2.5em;} .footer_mid_right_mid_1{ font-size:1.175em; margin-bottom:1em; padding-top:0.5em;} .footer_mid_right_mid_2 ul li{ padding-left:1.75em; margin-bottom:0.4em; background-position:left top; background-repeat:no-repeat;} .footer_mid_right_mid_2 ul li:nth-child(1){ background-image:url(../images/fimg7.jpg); background-position:left 0.15em;} .footer_mid_right_mid_2 ul li:nth-child(2){ background-image:url(../images/fimg8.jpg);background-position:left 0.15em;} .footer_mid_right_mid_2 ul li:nth-child(3){ background-image:url(../images/fimg9.png);background-position:left 0.5em;} .footer_mid_right_mid_2 ul li span{ font-size:0.875em;} .footer_mid_right_mid_2{ padding-bottom:0.8em; border-bottom:1px #435760 solid;} .footer_mid_right_mid_3{ margin-top:2.5em;} .footer_mid_right_mid_3 ul li{ float:left; text-align:center;} .footer_mid_right_mid_3 ul li:nth-child(1){ margin-right:1.25em;} .footer_mid_right_mid_3_2{ font-size:0.875em; margin-top:0.8em;} .footer_mid_left_mid{ padding-right:1.875em; border-right: 1px #435760 solid;} .footer_mid_left_mid_2{ margin-top:2.3em;} .footer_mid_left_mid_2 a{ margin-right:2px; position:relative; display:inline-block; width:28px; height:28px; background-position:center; background-repeat:no-repeat; background-size:cover;} .footer_mid_left_mid_2 a img{ display:none; position:absolute; width:112px; height:112px; max-width:none; left:-42px; top:28px;} .footer_mid_left_mid_2 a:hover img{ display:block;} .footer_mid_left_mid_2_link_1{ background-image:url(../images/fimg2.png);} .footer_mid_left_mid_2_link_2{ background-image:url(../images/fimg3.png);} .footer_mid_left_mid_2_link_3{ background-image:url(../images/fimg4.png);} .footer_mid_left_mid_2_link_4{ background-image:url(../images/fimg5.png);} .footer_mid_mid_1{font-family: "SourceHanSansCN"; float:left; width:30.375%;} .footer_mid_mid_1_mid{ padding:0 2.5em;border-left:1px #435760 solid;border-right:1px #435760 solid;} .footer_mid_mid_1_mid_2 .footer_mid_mid_1_mid_2_left{ float:left; width:50%;} .footer_mid_mid_1_mid_2 .footer_mid_mid_1_mid_2_left:nth-child(2){ width:50%;} .footer_mid_mid_1_mid_2_left dl dd div{ padding-right:1em;} .footer_mid_mid_1_mid_2 .footer_mid_mid_1_mid_2_left:nth-child(2) dl dd div{ padding-right:0em;} .footer_mid_mid_1_mid_2_left dl dd{ margin-bottom:0.8em;} .footer_mid_mid_1_mid_2_left dl dd div a{font-family: "SourceHanSansCN-Normal"; font-size:0.875em;} .footer_mid_mid_2{font-family: "SourceHanSansCN"; float:left; width:62%;} .footer_mid_mid_2_mid{padding:0 2.5em;border-right:1px #435760 solid;} .footer_mid_mid_2_mid ul li{ float:left; margin-right:3.5%; margin-left:0%} .footer_mid_mid_2_mid ul li:last-child{ margin-right:0;} .footer_mid_mid_2_mid_1 dl dd a{ font-family: "SourceHanSansCN-Normal"; font-size:0.875em;} .footer_mid_mid_2_mid_1 dl dd{ margin-bottom:0.8em;} .footer_mid_left_mid_1{ margin-top:1em;} .gotops{ position:absolute; left:50%; margin-left:-43px; z-index:10; top:-43px; width:86px; height:86px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/foot_img1.png); cursor:pointer;} .header_mid_left a{ display:block; background-position:center; background-repeat:no-repeat; background-size:cover;} .hidemenu{ position:fixed; left:0; top:-100%;opacity:0; width:100%; height:100%; z-index:888; background-color:#fff;} .hidemenuon{ top:0; opacity:1;} .hidemenu ul li{ float:left; width:12%;} .hidemenu_mid{ padding-right:1em; padding-left:5em; position:relative;} .hidemenu_mid p{ margin-bottom:1.5em; font-weight:bold; font-size:1.25em; color:#000;} .hidemenu_mid dl dd{ margin-bottom:0.9em; line-height:1.6;} .hidemenu_mid span{ font-size:1.5em;font-family: "SourceHanSansCN"; text-align:right; background-position:left center; background-repeat:no-repeat; background-image:url(../images/topimg3.png); text-align:right; position:absolute; left:0; top:-0.1em; width:3.1em;} .div1400{margin:0 auto; padding:0 1em; max-width:87.5em;} .div1500{margin:0 auto; padding:0 1em; max-width:100em;} .bodyon #header{ background-color:#fff; padding:1em 0;} .bodyon .header_mid_right ul li .biga{ color:#333; background-image:url(../images/img1on.png);} .bodyon .header_lan a{ color:#333;} .bodyon .pcmenu span::before{ background-color:#333;} .bodyon .pcmenu span::after{ background-color:#333;} .bodyon .header_mid_left a img{ opacity:0} .bodyon .header_mid_left a{ background-image:url(../images/logo2.png);} .bodyon2 #header{ background-color:#fff; padding:1em 0;} .bodyon2 .header_mid_right ul li .biga{ color:#333; background-image:url(../images/img1on.png);} .bodyon2 .header_lan a{ color:#333;} .bodyon2 .pcmenu span::before{ background-color:#333;} .bodyon2 .pcmenu span::after{ background-color:#333;} .bodyon2 .header_mid_left a img{ opacity:0} .bodyon2 .header_mid_left a{ background-image:url(../images/logo2.png);} .bodyon2 .header_mid_right{ display:none;} .bodyon2 .header_lan{ background-image:none} .pcmenu span.active::before {-webkit-transform: translateY(6px) rotate(-45deg);-moz-transform: translateY(6px) rotate(-45deg);-ms-transform: translateY(6px) rotate(-45deg);-o-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);} .pcmenu span.active::after {-webkit-transform: translateY(-6px) rotate(45deg);-moz-transform: translateY(-6px) rotate(45deg);-ms-transform: translateY(-6px) rotate(45deg);-o-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);} .index_4 .swiper-pagination-bullet{ background-color:#fff;opacity:1;} .index_4 .swiper-pagination-bullet-active{ background-color:#007aff;} .nybanner{ position:relative;} .nybanner_pic img{ width:100%;} .nybanner_footer{ position:absolute; left:0; bottom:0; width:100%; z-index:10;} .nybanner_footer_right{ position:absolute; right:0; bottom:0; background-color:#fff; height:100%; width:81.25%;} .nybanner_footer_left{ width:18.75%;} .nybanner_footer_left_mid{ text-align:center; padding:2.2em 1em;} .nybanner_footer_left_mid span{ padding-bottom:0.35em; font-size:3em; color:#fff; position:relative; display:inline-block; } .nybanner_footer_left_mid span:before{ content: ""; position: absolute; z-index: 2; background-image:url(../images/img14.jpg); background-position:center; background-repeat:no-repeat; bottom: 0%; left:50%; margin-left:-0.65625em; width: 1.3125em; opacity:1; bottom: 0%; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .about_1{ position:relative; overflow:hidden;} .about_1_left{ float:left; position:relative; width:18.75%; z-index:10;} .about_1_bg{ position:absolute; left:0; top:0; width:18.75%; height:100%; background-color:#f3f3f3; z-index:-1;} .about_1_left_menu{ text-align:left; margin-top:2.375em;} .about_1_left_menu ul li a{ position:relative; font-size:1.125em; color:#000; display:block; padding:1.1em 0;} .about_1_left_menu ul li a:before{ content: ""; position: absolute; z-index: 2; background-position:center; background-repeat:no-repeat; bottom: 0%; left:0%; background-color:#e8e8e8; width: 100%; opacity:1; bottom: 0%; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .about_1_left_menu ul li{ background-position:center; background-repeat:no-repeat; background-size:cover; padding:0 2em; } @media screen and (min-width:1090px) { .about_1_left_menu ul li:hover,.about_1_left_menu ul li.on{ background-image:url(../images/img17.jpg);} .about_1_left_menu ul li:hover a,.about_1_left_menu ul li.on a{ color:#fff; } .about_1_left_menu ul li:hover a:before,.about_1_left_menu ul li.on a:before{ display:none} } .pro_box_bt{ width:86%; margin:0 auto; background:#f5f5f5; margin-bottom:50px; overflow:hidden} .pro_box_bt .pro_box_img{ float:left; width:40%;} .pro_box_bt .pro_box_jj{ float:right; width:54%; padding:3%; line-height:35px} .pro_box_xxnr{width:86%; margin:0 auto;} .pro_box_xxnr .pro_img_box{ margin-bottom:30px} .pro_box_xxnr .pro_img_box img{ width:100%} .about_1_right{ width:81.25%; float:right;} .about_1_right_mid{ padding:0 10%;} .about_1_right_mid_1_right{ float:right; width:41.26984126984127%;} .about_1_right_mid_1_right_mid{ padding-top:1.25em; padding-bottom:1.25em; padding-right:1.25em; position:relative;} .about_1_right_mid_1_left{ float:left; width:46%;} .about_1_right_mid_1_right_mid img{ position:relative; z-index:10;} .about_1_right_mid_1_right_mid_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.jpg); position:absolute; right:0; top:0; height:100%; width:55.57692307692308%; z-index:0;} .about_1_right_mid_1_left_2{ font-size:1.875em; color:#000;} .about_1_right_mid_1_left_3{ font-family:Arial, Helvetica, sans-serif; font-size:1.125em; text-transform: uppercase;} .about_1_right_mid_1_left_4 ul li{ background-position:left center; background-image:url(../images/aimg6.jpg); background-repeat:no-repeat; float:left; width:33.3333%; text-align:center;} .about_1_right_mid_1_left_4 i{ font-style:inherit;} .about_1_right_mid_1_left_4_2{ color:#777;font-family: "SourceHanSansCN";} .about_1_right_mid_1_left_4_1 span{ font-family: "SourceHanSansCN"; color:#666; font-size:1.875em; display:inline-block; padding-right:0.6em; position:relative;} .about_1_right_mid_1_left_4_1 span i{font-family: "SourceHanSansCN"; font-size:0.5em; position:absolute; color:#777; right:0; bottom:0.3em;} .about_1_right_mid_1_left_4 ul li:nth-child(2) .about_1_right_mid_1_left_4_1 span i{ bottom:auto; top:-0.3em; font-size:1.25em; color:#666;} .about_1_right_mid_1_left_4 ul li:nth-child(2) .about_1_right_mid_1_left_4_1 span{ padding-right:0.9em;} .about_1_right_mid_1_left_4 ul li b{ font-weight:normal;} .about_1_right_mid_1_left_4_mid{ padding-right:1em; padding-left:1em;} .about_1_right_mid_1_left_4 ul li:nth-child(1){ background-image:none; text-align:left; width:30%;} .about_1_right_mid_1_left_4 ul li:nth-child(2){ width:40%;} .about_1_right_mid_1_left_4 ul li:nth-child(3){ width:30%;} .about_1_right_mid_1_left_1 img{ max-width:74%;} .about_1_right_mid_1_left_1 span{ display:inline-block; position:relative; padding-left:6.5em;} .about_1_right_mid_1_left_1 span i{ font-style:inherit; font-size:1.875em; color:#000; font-family:Arial, Helvetica, sans-serif; position:absolute; left:0; bottom:-0.25em;} .about_1_right_mid_1_left_t{ margin:1.5em 0 2em 0;} .about_1_right_mid_1{ border-bottom:1px #eceded solid; padding-bottom:3em;} .about_1_right_mid_2{ line-height:30px; margin:4em 0;} .about_2_1{padding:4.0625em 0; position:relative;} .about_2_1_left{ float:left; width:43.80952380952381%;} .about_2 ul li:nth-child(2n) .about_2_1_left{ float:right;} .about_2_1_left_mid{ overflow:hidden; padding-left:1.25em; padding-top:1.25em; padding-bottom:1.25em; position:relative;} .about_2_1_left_mid_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.jpg); position:absolute; left:0; top:0; height:100%; z-index:0; width:49.47735191637631%;} .about_2_1_left_mid img{ position:relative; z-index:10; width:100%;} .about_2_1_right{ position:absolute; right:0; top:0; height:100%; width:48.96825396825397%;} .about_2 ul li:nth-child(2n) .about_2_1_right{ left:0; right:auto;} .about_2 ul li{ } .about_2 ul li:nth-child(2n-1){ background-color:#fafafa;} .about_2_1_right_1{ font-size:1.875em; color:#006ab8;word-wrap:break-word; word-break:break-all; } .about_2_1_right_2{ margin-top:0.3em; margin-bottom:1em; font-size:1.125em;; color:#000;word-wrap:break-word; word-break:break-all; } .about_2_1_right_3{ max-height:14.4em; /*overflow-y:auto;*/ font-size:0.9375em; line-height:1.8; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden;word-wrap:break-word; word-break:break-all; } .lc_1{ font-size:2.5em;} .lc_2{ font-family: "SourceHanSansCN"; letter-spacing:1px; color:#9e9e9e; font-size:1.125em; margin-top:0.2em; text-transform: uppercase;} .lc_3{ font-size:1.125em; margin-top:1.2em; color:#3a3a3a;} .lc_4{ margin-top:6.875em;margin-bottom:6.875em;} .his_line{ position:relative; margin-bottom:10.5em;} .his_line_img{ padding:3em 0 0 0; overflow:hidden;} .his_line_img img{ width:100%;} .lc_4_mid{ margin:0 auto; max-width:70.625em; position:relative; padding:0 2.25em;} .lc_4_mid_left{ top:50%; margin-top:-16.5px; z-index:10; cursor:pointer; position:absolute; left:0; width:18px; height:33px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/aimg10.png);} .lc_4_mid_right{ top:50%; margin-top:-16.5px; z-index:10; cursor:pointer; position:absolute; right:0; width:18px; height:33px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/aimg11.png);} .lc_4_mid_mid_mid_left_mid{ position:relative; padding-left:1em; padding-top:1.5em;} .lc_4_mid_mid_mid_left_mid img{ position:relative; z-index:10; } .lc_4_mid_mid_mid_left_mid_left{ background-image:url(../images/img8.png);border-radius:50%; z-index:0; position:absolute; left:0; top:0; width:9.375em; height:9.375em; background-position:center; background-repeat:no-repeat; background-size:cover;} .lc_4_mid_mid_mid_left{ width:37.36479842674533%;} .lc_4_mid_mid_mid_left_mid_right{ background-image:url(../images/img9.png);border-radius:50%; z-index:10; position:absolute; right:1.5em; bottom:1em; width:4.1875em; height:4.1875em; background-position:center; background-repeat:no-repeat; background-size:cover;} .lc_4_mid_mid_mid_right{ position:absolute; right:0; top:0; height:100%; width:56.8338249754179%;} .lc_4_mid_mid_mid_right_1{ font-size:3em; color:#000;font-family: "SourceHanSansCN";} .lc_4_mid_mid_mid_right_2{ color:#1d1d1d; line-height:2; margin-top:1.8em;} .his_line_year{ position:absolute; left:0; top:0; width:100%; height:100%;} .his_line_year ul li{ float:left; width:17%; text-align:right; position:relative;} .his_line_year_mid{ color:#fff; line-height:106px; position:absolute; right:0; top:0; font-family: "SourceHanSansCN"; text-align:center; width:106px; font-size:24px; height:106px; background-position:center; background-repeat:no-repeat; background-image:url(../images/aimg12.png);} .his_line_year ul li:nth-child(1) .his_line_year_mid{ right:-3.2em; } .his_line_year ul li:nth-child(2) .his_line_year_mid{ right:-2.9em; top:34%; } .his_line_year ul li:nth-child(3) .his_line_year_mid{ right:-1.9em; } .his_line_year ul li:nth-child(4) .his_line_year_mid{ right:-2em; top:34%; } .his_line_year ul li:nth-child(5) .his_line_year_mid{ right:-1.7em; } .his_line_year_midon{ background-image:url(../images/aimg13.png); line-height:106px; width:106px; height:106px;} .honor_2 ul li dl dd{ margin-right:2.8290282902829%; float:left; width:22.87822878228782%;} .honor_2 ul li dl dd:nth-child(4n){ margin-right:0;} .honor_2 ul li{ padding:5em 0 2em 0; border-bottom:1px #c9c9c9 solid; display:block; clear:both; width:100%; float:left; overflow:hidden;} .honor_2_pic{ overflow:hidden; padding:7px; overflow:hidden; background-color:#dae0e7;} .honor_2_pic div{ width:100%; overflow:hidden;} .honor_2_name{ margin-bottom:2.7em; font-size:1.125em; margin-top:1.5em; text-align:center;} .honor_2 ul{ margin-top:2.7em;} .honor_2 ul li:nth-child(1){ padding-top:0;} .honor_2 ul li:nth-child(1) .honor_2_pic{ background-color:#3c2c1c} .honor_1{ text-align:right;} .honor_1 a{ padding:0 1.1em; margin-right:7px; display:inline-block; line-height:1.875em; border:1px #cfcfcf solid;border-radius:1.875em; } .honor_1 a:last-child{ margin-right:0;} .honor_1 a.on,.honor_1 a:hover{ background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; background-image:url(../images/aimg15.jpg);} .honor_1{ margin-bottom:2.3125em; margin-top:2.3125em;} .honor_2_pic div img{ width:100%;} .team_list{ margin:6.875em auto; /*max-width:82.5em;*/} .team_list ul li{ overflow:hidden; margin-bottom:2.5em; position:relative; background-color:#fff; display:block;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} .team_list_bg{ position:absolute; right:0; top:0; width:29.39393939393939%;} .team_list_mid_left{ float:left; width:28.8%;} .team_list_mid_right{ float:right; width:71.2%;} .team_list_mid{ padding:2.1875em; overflow:hidden;} .team_list_mid_right_mid{ padding-left:3.4375em;} .team_list_mid_right_1{ color:#0e93ae; font-size:2.25em;} .team_list_mid_right_1_bak{ font-size:1.875em;} .team_list_mid_right_2 span{ color:#414141; font-size:1.25em; margin-right:1em;} .team_list_mid_right_2{ margin-top:0.5em; padding-bottom:1.5em; border-bottom:1px #f2f2f2 solid;} .team_list_mid_right_3{ color:#414141; line-height:1.8; margin-top:1.5em;} .team_list_mid_left div{ width:100%; overflow:hidden;} .team_list_mid_left div img{ width:100%;} .team_list_bg_2{ width:13.63636363636364%; position:absolute; right:0; top:0;} .team_list_mid_right_w{ width:100%;} .team_list_mid_right_w .team_list_mid_right_mid{ padding-left:0;} .cul_list ul li{ position:relative; clear:both; display:block; overflow:hidden; margin-bottom:1em; background-color:#f3f3f3;} .cul_list_left{ overflow:hidden; float:left; width:69.6969696969697%;} .cul_list_left img{ width:100%;} .cul_list_right{ position:absolute; right:0; top:18%; width:30.3030303030303%} .cul_list_right_mid_1{ position:relative; color:#000; font-size:1.875em; padding-bottom:0.4em;} .cul_list_right_mid_1:before { content: ""; position: absolute; z-index: 1; background-color:#000; background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; width: 25px; bottom: 0px; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .cul_list_right_mid_2{ font-size:1.125em; margin-top:0.9em;} .cul_list_right_mid{ padding:0 15.5%;} .cul_list ul li:nth-child(2n) .cul_list_left{ float:right; } .cul_list ul li:nth-child(2n) .cul_list_right{ right:auto; left:0; text-align:right;} .cul_list ul li:nth-child(2n) .cul_list_right_mid_1:before{ left:auto; right:0;} .cul_list{ margin-top:3.75em; margin-bottom:6em;} .about_part ul li{ margin-right:3.08457711442786%; float:left; width:22.6865671641791%; margin-bottom:2.8125em;} .about_part ul li:nth-child(4n){ margin-right:0;} .about_part_mid{ border:1px #bbbbbb solid; padding:0 1em; height:12.1875em; text-align:center;} .about_part{ margin-top:5em; margin-bottom:4em;} .re_1 ul li{ padding:3.75em 0; overflow:hidden; display:block; clear:both; position:relative;} .re_1 ul li:nth-child(2n){ background-color:#fafafa;} .re_1_left{ float:left; width:38.74074074074074%;} .re_1_right{ position:absolute; right:0; top:0; height:100%; width:58.51851851851852%;} .re_1_mid{ position:relative;} .re_1_left_mid{ position:relative; overflow:hidden; padding:0 0.875em 0.875em 0;} .re_1_left_mid img{ position:relative; z-index:10; } .re_1_left_mid_bg{ z-index:0; padding-left:1em; position:absolute; right:0; bottom:0; } .re_1_left_mid_bg img{ width:100%;} .re_1_left_mid_img_1 img{ width:100%;} .re_1_left_mid_img_1{ width:100%; overflow:hidden;} .re_1_right_3{ font-size:0.875em; color:#000; line-height:2; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;word-wrap:break-word; word-break:break-all;} .re_1_right_1{ font-size:1.875em; color:#454545;} .re_1_right_2{font-family: "SourceHanSansCN"; margin-top:0.4em; color:#9e9e9e; font-size:1.125em; margin-bottom:1.6em;} .re_1 ul li:nth-child(2n) .re_1_left{ float:right;} .re_1 ul li:nth-child(2n) .re_1_right{ right:auto; left:0;} .re_1{ margin-top:1.5em;} .re_2{ border:1px #dddddd solid; margin:6em 0 4em 0; position:relative;} .re_2_footer{ position:absolute; left:0; bottom:0; z-index:10; width:100%; background-color:#fff; height:1px;} .re_2 ul li{ border-bottom:1px #ddd solid; height:13.4375em; position:relative; float:left; width:33.3333%; text-align:center;} .re_2 ul li:hover{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} .re_2 ul li:before { content: ""; position: absolute; z-index: 1; background-color:#ddd; background-position:center; background-repeat:no-repeat; background-size:cover; right: 0%; width: 1px; bottom: 0px; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .re_2 ul li:nth-child(3n):before{ display:none;} .re_2_mid{ padding:0 1em;} .re_2_mid_1{ font-family: "SourceHanSansCN"; font-size:3.75em; height:1.45em; color:#18abbc;} .re_2_mid_2{ font-size:1.25em;} .re_3_1{ text-align:center; margin-bottom:5em;} .re_3_2_1{ font-size:1.875em; color:#464646; font-weight:bold;} .re_3_2_2{ color:#464646; line-height:1.6; margin-top:0.5em;} .re_3_2 ul li{ margin-bottom:3em;} .re_3_2{ padding-bottom:2em;} .re_pat ul li{ margin-right:2.71604938271605%; float:left; width:22.96296296296296%; margin-bottom:2em;} .re_pat ul li:nth-child(4n){ margin-right:0;} .re_pat_mid{ padding:7px; overflow:hidden; background-color:#dae0e7;} .re_pat_mid_pic{ width:100%; overflow:hidden;} .re_pat_mid_pic img{ width:100%;} .re_pat ul li:hover .re_pat_mid{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} .re_pat_footer{ text-align:center; font-size:1.125em; margin-top:1.5em; margin-bottom:1.5em;} .re_pat{ margin-top:6em; margin-bottom:2em;} .re_1_left_w{ width:45%;} .re_1_right_w{ width:50%;} .re_1_right_w .re_1_right_3{ -webkit-line-clamp: 8;} .re_man_1 ul li{ min-height:24.6875em; float:left; width:33.33333%; position:relative;} .re_man_1{ border:1px #ddd solid;} .re_man_1 ul li:before{ content: ""; position: absolute; z-index: 1; background-color:#ddd; background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; width: 1px; bottom: 0px; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .re_man_1 ul li:nth-child(1):before{ display:none;} .re_man_1_mid{ padding:0 10%;} .re_man_1_mid_2{ margin-bottom:1em; font-size:1.875em; position:relative; color:#000; padding-bottom:0.5em;} .re_man_1_mid_2:before{ content: ""; position: absolute; z-index: 1; background-color:#000; background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; width: 1.9em; bottom: 0px; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .re_man_1_mid_3{ line-height:1.7;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;word-wrap:break-word; word-break:break-all;} .re_man_1_mid_1{ height:7.3125em; margin-top:2.375em;} .re_man_1 ul li:hover{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} .re_man_2{ background-image:url(../images/rimg11.jpg); margin:6em 0; padding:4.125em 0; background-position:center top; background-repeat:no-repeat; background-size:cover;} .re_man_2_mid{ padding:0 5.625em; position:relative; margin:0 auto; max-width:89.66789667896679%;} .re_man_2_mid_line{ position:absolute; left:0; width:100%; height:1px; background-color:#fff; top:50%; margin-top:-0.5px;} .re_man_2_mid_mid{ position:relative; height:354px; width:100%;} .re_man_2_mid_mid_jj{ background-position:center -100%; background-repeat:no-repeat; position:absolute; width:136px; height:136px; top:0; left:50%; margin-left:-68px; background-color:#fff;border-radius:50%;} .re_man_2_mid_mid_jj_mid{ margin:0 auto; width:83px; text-align:center;} .re_man_2_mid_mid_jj_mid_2{overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; color:#666;font-family: "SourceHanSansCN";} .re_man_2_mid_mid_jj_mid_1 span{ font-size:2.25em; color:#0ca9bb;font-family: "SourceHanSansCN";} .re_man_2_mid_mid_jj_mid_1 i{ font-style:inherit;font-family: "SourceHanSansCN"; margin-left:0.1em;} .re_man_2_mid_mid_line{ width:1px; height:41px; position:absolute; left:50%; top:136px; margin-left:-0.5px; background-color:#fff;} .re_man_2_mid_mid_line:before{ border-radius:50%; content: ""; position: absolute; z-index: 1; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; left: 50%; margin-left:-2.5px; width: 5px; bottom: -2.5px; height: 5px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} @media screen and (min-width:1090px) { .re_man_2_mid .swiper-slide:hover .re_man_2_mid_mid_jj{ background-color:transparent; background-image:url(../images/rimg10.png); background-position:center;} .re_man_2_mid .swiper-slide:hover .re_man_2_mid_mid_jj_mid_1 span,.re_man_2_mid .swiper-slide:hover .re_man_2_mid_mid_jj_mid_1 i,.re_man_2_mid .swiper-slide:hover .re_man_2_mid_mid_jj_mid_2{ color:#fff;} } .re_man_2_mid .swiper-slide:nth-child(2n) .re_man_2_mid_mid_jj{ top:auto; bottom:0;} .re_man_2_mid .swiper-slide:nth-child(2n) .re_man_2_mid_mid_line{ top:auto; bottom:136px;} .re_man_2_mid .swiper-slide:nth-child(2n) .re_man_2_mid_mid_line:before{ bottom:auto; top:-2.5px;} .re_man_2_mid_left{ position:absolute; left:0; top:50%; margin-top:-6px; background-color:#fff; z-index:10; width:12px; height:12px;border-radius:50%; } .re_man_2_mid_right{ position:absolute; right:0; top:50%; margin-top:-6px; background-color:#fff; z-index:10; width:12px; height:12px;border-radius:50%; } .re_man_2_page{ z-index:77; display:none; } .re_man_2_mid .swiper-pagination-bullet{ background-color:#fff; opacity:1;} .re_man_2_mid .swiper-pagination-bullet-active{ background-color:#007aff} .news_list_mid{ min-height:15.125em; position:relative; padding-left:28.9375em;} .news_list_left{ position:absolute; left:0; top:0; height:100%; width:28.9375em; overflow:hidden;} .news_list_left img{ width:100%;} .news_list_right{ padding-top:4em; padding-left:2.75em;} .news_list_right_1{ color:#000; padding-bottom:1.3em; font-size:1.25em; position:relative; padding-right:5.5em; } .news_list_right_1 span{ position:absolute; right:0; top:0; font-size:1.5em;font-family: "SourceHanSansCN";} .news_list_right_2{ width:75%; color:#666; font-family: "SourceHanSansCN"; line-height:1.8;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; } .news_list ul li{ display:block; clear:both; padding:2.125em 0; border-bottom:1px #ddd solid;} .news_list{ margin-top:3em; margin-bottom:4em;} .news_list_page{ margin-bottom:5em;} .news_info_1{ font-size:2.5em; color:#000;} .news_info_2{ font-size:1.125em; color:#000; margin-top:1em; padding-bottom:2.5em; border-bottom:1px #eee solid;} .news_info_3{ padding:3em 0; line-height:2; color:#030303; border-bottom:1px #eee solid;} .news_info_4_mid{ height:15px; margin-top:2.875em; margin-bottom:8.5em; margin-left:auto; margin-right:auto; position:relative; font-size:14px; } .news_info_4_mid_left{ padding-left:17px; color:#666; position:absolute; left:0; top:0; height:100%; background-position:left center; background-repeat:no-repeat; background-image:url(../images/nimg4.png);} .news_info_4_mid_right{ padding-right:17px; color:#666; position:absolute; right:0; top:0; height:100%; background-position:right center; background-repeat:no-repeat; background-image:url(../images/nimg3.png);} .news_info_4_mid_mid{ height:15px; left:50%; margin-left:-25px; position:absolute; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-image:url(../images/nimg2.png); background-image:none;} .news_info_4_mid .news_syp{ float:left;} .news_info_4_mid .news_sfh{ float:right} .news_info_4_mid .news_syp p{ height:35px; line-height:35px; font-size:16px} .news_info_4_mid .news_sfh a{ width:60px; height:35px; line-height:35px; border:1px solid #CCC; display:block; text-align:center; margin-top:20px} .news_info_4_mid .news_sfh a:hover{ background:#006ab8; border:1px solid #006ab8; color:#fff} .news_info_left{ margin:0 9%;} .news_info_left_1{ color:#161616;} .news_info_left_2{ font-size:0.875em; color:#666; line-height:1.7;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; margin-top:0.5em;} .news_info_left_news_mid{ padding-bottom:1.3em; border-bottom:1px #ddd solid; padding-top:1.3em;} .news_info_left_news_mid:hover .news_info_left_1{ color:#1195ba;} .news_info_left a:nth-child(1) .news_info_left_news_mid{ padding-top:0;} .news_info_left a:last-child .news_info_left_news_mid{ border:none;} .down_list ul li{ float:left; border-bottom:1px #e1e1e1 dotted; padding:0.8em 0; width:47%;} .down_list ul li:nth-child(2n){ float:right;} .down_list_mid{ position:relative; padding-left:2.125em; padding-right:2.125em;} .down_list_mid_left{ position:absolute; left:0; top:0;} .down_list_mid_right{ position:absolute; right:0; top:0;} .down_list_mid_mid{ color:#030303; font-size:1.125em;} .down_list{ margin-top:4.125em; margin-bottom:7.5em;} .af_1{ position:relative; padding-right:22.6875em;} .af_1_right{ overflow:hidden; width:21.6875em; position:absolute; right:0; top:1em;} .af_1_right img{ width:100%;} .af_1_1_1{ font-size:1.125em; color:#000;} .af_1_1_2{ font-size:0.875em; line-height:1.8} .af_1_1 ul li{ margin-bottom:1.5em;} .af_1_1{ margin-top:3.5em;} .af_2_1{ padding-top:1.3em; border-top:1px #ddd solid; margin-top:2em;} .af_3 ul li{ margin-right:4.27413411938099%; position:relative; float:left; width:16.58069270449521%; margin-bottom:58px;} .af_3 ul li:nth-child(5n){ margin-right:0;} .af_3_mid{ border:1px #ddd solid; padding:0 1em; height:8.125em; position:relative; text-align:center;} .af_3_mid_1 span{ display:inline-block; position:relative;} .af_3_mid_1 span i{ position:absolute; left:0; top:0; width:100%; z-index:10;opacity:0;} .af_3_mid_2{font-family: "SourceHanSansCN"; font-size:1.125em; margin-top:0.5em;} @media screen and (min-width:1090px) { .af_3 ul li:hover .af_3_mid_1 span i{ opacity:1;} .af_3 ul li:hover .af_3_mid{ background-color:#0ca9bb; border-color:#0ca9bb; color:#fff;} } .af_3_mid_right{ position:absolute; right:0; top:0; height:100%; } .af_3_mid_right_1{ position:absolute; width:90%; left:5%; height:1px; top:50%; margin-top:-0.5px; border-bottom:1px #acacac dotted;} .af_3_mid_right_2{ left:50%; top:50%; z-index:10; margin-left:-9px; margin-top:-10.5px; position:absolute; width:18px; height:21px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/simg13.png);} .af_3_mid_right_2_f{ background-image:url(../images/simg14.png);} .af_3{ position:relative; margin-top:3.9375em; margin-bottom:2em;} .af_3_v{ position:absolute; right:0; top:8.125em;width:16.58069270449521%; height:58px;} .af_3_v_1{position:absolute; height:90%; top:5%; width:1px; left:50%; margin-left:-0.5px; border-left:1px #acacac dotted;} .af_3_v_2{position:absolute; height:18px; top:50%; margin-top:-9px; width:21px; left:50%; margin-left:-10.5px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/simg16.png); z-index:10;} .video_list ul li{ margin-bottom:3.8em; float:left; width:48.14814814814815%;} .video_list ul li:nth-child(2n){ float:right;} .video_list_1{ overflow:hidden; position:relative; width:100%;} .video_list_1 img{ width:100%;} .video_list_1 span{ background-image:url(../images/simg17.png); left:50%; top:50%; margin-left:-2.78125em; margin-top:-2.78125em; position:absolute; z-index:10; width:5.5625em; height:5.5625em; background-position:center; background-repeat:no-repeat; background-size:cover;} .video_list_2{ text-align:center; font-size:1.5em; margin-top:1em; color:#000;} .video_list{ margin-top:6.5em; margin-bottom:3em;} .contact_1 ul li{ margin-right:1.11111111111112%; float:left; text-align:center; width:32.59259259259259%;} .contact_1 ul li:nth-child(3n){ margin-right:0;} .contact_1_mid{ border:1px #ddd solid; padding:0 1em; height:13.5625em;} .contact_1_mid_1{ margin-top:2.5em; height:3.9375em;} .contact_1_mid_2{ color:#080808; font-size:1.25em; font-family: "SourceHanSansCN";} .contact_1_mid_3{ font-size:1.125em; color:#080808; line-height:1.6; margin-top:1em;} .contact_1 ul li:hover{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);} #fbform{ overflow:hidden; padding-top:4.375em; padding-bottom:6em; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img1.jpg);} .contact_1{ margin:5.5em 0 6em 0;} .fbform_1 ul li{ padding-bottom:0.8em; margin-bottom:2em; float:left; width:48%; border-bottom:1px #cecfd1 solid;} .fbform_1 ul li:nth-child(2n){ float:right;} .fbform_1 ul li input{font-family: "SourceHanSansCN-Normal"; border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:1.125em;} .fbform_1 ul li textarea{font-family: "SourceHanSansCN-Normal"; height:6.25em; border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:1.125em;} .fbform_1{ margin-top:4em;} .fbform_2 a{ text-align:center; overflow:hidden; display:inline-block; position:relative; width:13.94444444444444em; color:#fff; line-height:2.611111111111111em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img17.jpg); font-size:1.125em;} .fbform_2{ margin-top:1.8em;} .about_1_left_menu ul li dl{ display:none; padding:1em 0; background-color:#e8e8e8;} #productmenu ul li.on2 dl{ display:block;} #productmenu ul li{ padding-left:0; padding-right:0;} #productmenu ul li:hover{ background-image:none;} #productmenu ul li.on{ background-image:none;} #productmenu ul li a{ padding-left:1.777777777777778em; padding-right:1.777777777777778em;} @media screen and (min-width:1090px) { #productmenu ul li.on a.menu_big,#productmenu ul li:hover a.menu_big{ background-image:url(../images/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;} } #productmenu ul li a:before{ left:9%; width:82%;} .about_1_left_menu ul li dl dd a{ font-size:0.875em; padding:0.4em 0; color:#404040;} .about_1_left_menu ul li:hover dl dd a{ color:#404040;} .about_1_left_menu ul li:hover dl dd a:hover{ color:#098bad} .about_1_left_menu ul li dl dd a span{ display:inline-block; position:relative; padding:0 17px;} .about_1_left_menu ul li dl dd a span:before{ display:none; content: ""; position: absolute; z-index: 1; background-color:#098bad; background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; top:50%; margin-top:-0.5px; width: 11px; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .about_1_left_menu ul li dl dd a span:after{ display:none; content: ""; position: absolute; z-index: 1; background-color:#098bad; background-position:center; background-repeat:no-repeat; background-size:cover; right: 0%; top:50%; margin-top:-0.5px; width: 11px; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .about_1_left_menu ul li dl dd a:hover span:after,.about_1_left_menu ul li dl dd a:hover span:before{ display:block;} .div1300{ padding:0 1em; margin:0 auto; max-width:81.25em;} .nybanner_mid{ position:absolute; left:0; width:100%; text-align:center; z-index:10; top:36%; color:#fff;} .nybanner_mid_1{ position:relative; padding-bottom:0.55em; font-size:2.5em; letter-spacing:0.1em;} .nybanner_mid_1:after{ content: ""; position: absolute; z-index: 1; background-image:url(../images/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; left: 50%; bottom:0%; margin-left:-1.375em; width: 2.75em; height: 0.075em; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .nybanner_mid_2{ font-size:1.25em; margin-top:1em;} .pro_list_1 ul li{ margin-bottom:3.75em; position:relative; float:left; height:35.25em; width:48.17843866171004%;} .pro_list_1_footer{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); position:absolute; left:0; bottom:0; z-index:10; background-color:#fff; width:86.41975308641975%;} .pro_list_1 ul li:nth-child(2n){ float:right;} .pro_list_1_mid{ overflow:hidden; background-color:#e3ebed; text-align:center; height:24em;} .pro_list_1_footer_mid{ padding:2.375em 8.03571428571429% 3.375em 8.03571428571429%;} .pro_list_1_footer_mid_1{ margin-bottom:0.5em; font-family:Arial, Helvetica, sans-serif; color:#525b5a; font-size:0.875em;} .pro_list_1_footer_mid_2{ font-size:1.5em; color:#030303;} .pro_list_1_footer_mid_3{ position:relative;font-family: "SourceHanSansCN"; line-height:1.6; color:#525b5a; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; margin-top:1em; padding-right:4em; } .pro_list_1_footer_mid_3 span{ position:absolute; right:0; top:0;display:inline-block; border:1px #b0b0b0 solid; width:2.25em; height:2.25em; background-position:center; background-repeat:no-repeat; background-image:url(../images/img11.png);} .pro_list_1{ margin-top:5.5em; margin-bottom:5.5em;} .pro_list_2{ margin-bottom:4em; margin-top:1em;} #nybanner_footer_left_pro{ opacity:0;} .pro_info_1_1{ margin-top:1.8em; font-size:2.5em; color:#030303} .pro_info_1_2{ position:relative; padding-bottom:1.5em; color:#7f7f7f; font-size:0.875em;} .pro_info_1_2:before{ content: ""; position: absolute; z-index: 1; background-image:url(../images/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; left: 50%; bottom:0%; margin-left:-2.071428571428571em; width: 4.142857142857143em; height: 0.2142857142857143em; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pro_info_1{ margin-bottom:2.8125em; text-align:center;} .div1400{ margin:0 auto; max-width:87.5em; padding:0 1em;} .pro_info_2{ text-align:center; padding:0 1em;} .pro_info_2 a{ padding:0 1.15em; margin-bottom:5px; background-repeat:no-repeat; background-position:center 100%; background-size:cover; color:#090909; display:inline-block; font-size:1.15em; font-family: "SourceHanSansCN"; line-height:2.15em; border:1px #c2ced1 solid;} .pro_info_2 a:hover,.pro_info_2 a.on,.pro_info_2 a.on2{ color:#fff; background-position:center top; background-image:url(../images/img17.jpg);} .pro_info_3_mid{ position:relative; padding-left:50%;} .pro_info_3_mid_left{ background-color:#e3ebed; z-index:0; position:absolute; left:0; top:0; height:100%; width:50%; text-align:center;} .pro_info_3_mid_right{ position:relative; z-index:100; -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.2); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.2); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.2); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.2); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.2);} .pro_info_3_mid_right_mid{ padding:3.1875em 14.28571428571429%;} .pro_info_3_mid_right_mid_1{ font-family:Arial, Helvetica, sans-serif; font-size:0.875em; color:#525b5a} .pro_info_3_mid_right_mid_2{ margin-top:0.2em; color:#030303; font-size:1.5em; padding-bottom:0.8em; position:relative;} .pro_info_3_mid_right_mid_2:before{ content: ""; position: absolute; z-index: 1; background-image:url(../images/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; left: 0%; bottom:0%; width: 3.5em; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pro_info_3_mid_right_mid_3{ margin-top:1em;font-family: "SourceHanSansCN"; color:#525b5a; line-height:1.8;} .pro_info_3{ margin-top:5.625em; margin-bottom:3.3125em;} .pro_info_4{ margin-bottom:3.3125em;} .pro_info_4_mid ul li{ float:left; width:25%; position:relative;} .pro_info_4_mid_1{ width:100%; overflow:hidden;} .pro_info_4_mid_1 img{ width:100%;} .pro_info_4_mid_2{ color:#fff; left:50%; top:50%; z-index:10; margin-left:-5em; margin-top:-5em; position:absolute; text-align:center; width:10em; height:10em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pimg4.png);} .pro_info_4_mid_2_1{ font-size:1.5em; padding:0 1.5em;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all;} .pro_info_5_mid{ padding:0 1em; margin:0 auto; max-width:97.125em;} .pro_info_5_mid_roll{ position:relative; padding:0 4.8125em;} .pro_info_5_mid_roll_left{ position:absolute; left:0; top:50%; width:3.6875em; height:3.6875em; z-index:10; margin-top:-1.84375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pimg5.png); cursor:pointer;} .pro_info_5_mid_roll_right{ position:absolute; right:0; top:50%; width:3.6875em; height:3.6875em; z-index:10; margin-top:-1.84375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pimg6.png); cursor:pointer;} .pro_info_5_mid_roll_left:hover{ background-image:url(../images/pimg8.png);} .pro_info_5_mid_roll_right:hover{ background-image:url(../images/pimg7.png);} .pro_info_5_mid_roll_mid_mid{ margin:10px; background-color:#fff;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.1); -ms-box-shadow:0 5px 10px rgba(0,0,0,0.1); -o-box-shadow:0 5px 10px rgba(0,0,0,0.1); box-shadow:0 5px 10px rgba(0,0,0,0.1);} .pro_info_5_mid_roll_mid_mid_2{ padding:1.5em 1em; text-align:center} .pro_info_5_mid_roll_mid_mid_2 span{ font-size:1.5em; color:#000; display:inline-block; position:relative; padding-bottom:0.6em;} .pro_info_5_mid_roll_mid_mid_2 span:before{ content: ""; position: absolute; z-index: 1; background: #000; left: 50%; margin-left:-0.8333333333333333em; width: 1.666666666666667em; bottom: 0px; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_5_mid_roll_mid_mid_1{ width:100%; overflow:hidden;} .pro_info_5_mid_roll_mid_mid_1 img{ width:100%;} .pro_info_5{ background-color:#eff3f4; padding-top:3.375em; padding-bottom:4.875em;} .pro_info_5_1{ margin-bottom:3em;} .pro_info_6{ background-color:#fff;} .pro_info_6_1_mid{ overflow:hidden; position:relative; padding-left:31.64285714285714%;} .pro_info_6_1_mid_left{ position:absolute; left:0; top:0; width:31.64285714285714%; height:100%; overflow:hidden;} .pro_info_6_1_mid_left:before{ content: ""; position: absolute; z-index: 10; background: #fff; left: 0%; width: 5px; bottom: 0px; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_6_1_mid_left:after{ content: ""; position: absolute; z-index: 10; background: #fff; right: 0%; width: 5px; bottom: 0px; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_6_1_mid_left_img{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:left center; background-repeat:no-repeat; background-size:cover;} .pro_info_6_1_mid_left_img img{ display:none; width:100%;} .pro_info_6_1_mid_right ul li{ margin-bottom:10px; float:left; width:33.33333%; position:relative; overflow:hidden;} .pro_info_6_1_mid_right_1 img{ width:100%;} .pro_info_6_1_mid_right_1{ overflow:hidden;} .pro_info_6_1_mid_right_2{ color:#fff; width:11.9375em; padding:0.7em 1em; position:absolute; left:5px; bottom:1em; background-image:url(../images/pimg12.png); z-index:10;} .pro_info_6_1_mid_right_2_1{ font-size:1.25em;} .pro_info_6_1_mid_right_2_2{ margin-top:0.2em; font-size:0.875em; color:#b4b4b4;} .pro_info_6_1_mid_right ul li:before{ content: ""; position: absolute; z-index: 10; background: #fff; left: 0%; width: 5px; bottom: 0px; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_6_1_mid_right ul li:after{ content: ""; position: absolute; z-index: 10; background: #fff; right: 0%; width: 5px; bottom: 0px; height: 100%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_6_1_mid_left_footer{ position:absolute; left:0; bottom:0; width:100%; z-index:10; background-color:#fff; height:10px;} .pro_info_7_mid_1{ text-align:center; color:#fff; background-color:#2b98b2; font-size:1.875em; padding:0.5em 0;} .pro_info_7_mid_2 dl dd{ background-color:#fff; float:left; width:25%;} .pro_info_7_mid_2_1{ width:100%; overflow:hidden;} .pro_info_7_mid_2_1 img{ width:100%;} .pro_info_7_mid_2_2{ font-size:1.5em; color:#000; padding:0.7em 1em; text-align:center;} .pro_info_7_mid_2{ margin-top:1em;} .pro_info_7_mid ul li{ margin-top:1.6875em;} .pro_info_7_mid ul li:nth-child(1){ margin-top:0;} .pro_info_8{ background-color:#fff;} .pro_info_9{ background-color:#eff3f4} .pro_info_11{ background-color:#fff;} .pro_info_11_mid_1 ul li{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); margin-bottom:1.6875em; position:relative; padding-left:27.8125em; min-height:14em;} .pro_info_11_mid_1_left{ position:absolute; left:0; top:0; width:27.8125em;} .pro_info_11_mid_1_left img{ width:100%;} .pro_info_11_mid_1_right{ padding-top:1.575em; padding-left:2.1875em; padding-right:3.75em;} .pro_info_11_mid_1_right_mid_1{ font-size:1.5em; color:#000;} .pro_info_11_mid_1_right_mid_2{ margin-top:0.2em; color:#808080; font-size:0.875em;} .pro_info_11_mid_1_right_mid_3{ line-height:2; margin-top:0.9em;overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;word-wrap:break-word; word-break:break-all; } .pro_info_12_mid_left{ float:left; width:32.42857142857143%;} .pro_info_12_mid_left_1{ overflow:hidden; position:relative; height:44.37em;} .pro_info_12_mid_left_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} .pro_info_12_mid_left_img img{ width:100%;} .pro_info_12_mid_left_img{ display:none} .pro_info_12_mid_mid{ margin:0 1.10714285714286%; float:left; width:25.64285714285714%;} .pro_info_12_mid_mid ul li .pro_info_12_mid_mid_1,.pro_info_12_mid_right ul li .pro_info_12_mid_mid_1{ height:19.85em; position:relative; overflow:hidden;} .pro_info_12_mid_right{ float:left; width:39.71428571428571%;} .pro_info_12_mid_mid_2{ font-size:1.5em; color:#000; padding:0.8em 0 1em 0;} .pro_info_13{ background-color:#fff;} .pro_info_13_mid ul li{ margin-bottom:1em; float:left; width:48.57142857142857%;} .pro_info_13_mid ul li:nth-child(2n){ float:right;} .pro_info_13_mid_1{ width:100%; overflow:hidden;} .pro_info_13_mid_1 img{ width:100%;} .pro_info_13_mid_2{ text-align:center; padding:3em 1em 1em 1em;} .pro_info_13_mid_2_1{ padding-bottom:0.6em; position:relative; font-size:1.5em; color:#090909;} .pro_info_13_mid_2_1:after{ content: ""; position: absolute; z-index: 10; background: #000; left:50%; margin-left:-0.5833333333333333em; width: 1.166666666666667em; bottom: 0px; height: 1px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_13_mid_2_2{ font-size:1.125em; color:#666; margin-top:1em; line-height:1.5; height:3em;} .pro_info_14{ background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pimg34.jpg);} .pro_info_14_1{ text-align:center; font-size:1.25em; color:#030303; margin-top:1.2em; line-height:2} .pro_info_14_2_1{ margin-bottom:1.2em; text-align:center; position:relative; font-size:1.875em; padding-bottom:0.5em;} .pro_info_14_2_1:after{ content: ""; position: absolute; z-index: 10; background: #2353a3; left:50%; margin-left:-0.8166666666666667em; width: 1.633333333333333em; bottom: 0px; height: 0.1333333333333333em; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .pro_info_14_2_2 dl dd{ float:left; width:33.33333%; position:relative;} .pro_info_14_2_2_1{ overflow:hidden;} .pro_info_14_2_2_1 img{ width:100%;} .pro_info_14_2_2_2{ left:50%; top:50%; margin-left:-5.21875em; margin-top:-5.21875em; z-index:10; position:absolute; width:10.4375em; height:10.4375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/pimg17.png); color:#fff;} .pro_info_14_2_2_2_1{ text-align:center; padding:0 1.5em;} .pro_info_14_2_2_2_1 span{ font-size:1.5em; display:block; overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all;} .pro_info_14_2 ul li{ margin-bottom:4.5em;} .pro_info_14_2_2 dl dd:nth-child(2) .pro_info_14_2_2_1{ padding:0 2px;} .pro_info_15{ background-color:#fff;} .pro_info_15_1_mid_1{ width:100%; overflow:hidden;} .pro_info_15_1_mid_1 img{ width:100%;} .pro_info_15_1_mid_2{ text-align:center; font-size:1.25em; color:#030303; padding:1.5em 1em;} .pro_info_nav_fix{ background-color:#fff; padding-top:5px; position:fixed; left:0; top:0px; width:100%; z-index:888;} @media screen and (max-width:1600px) { .re_man_2_page{ display:block;} } @media screen and (max-width:1440px) { .af_3_mid_2{ font-size:1em;} .news_list_right{ padding-top:2.5em;} .news_list_mid{ padding-left:22em; min-height:11.4989375em;} .news_list_left{ position:absolute; left:0; top:0; height:100%; width:22em; overflow:hidden;} .re_1_right_w .re_1_right_3{ -webkit-line-clamp: 5;} .cul_list_right_mid{ padding:0 1.8em;} .about_1_right_mid{ padding:0 2em;} .about_1_right_mid_1_left{ width:55%;} } @media screen and (max-width:1366px) { .footer_mid_right_mid{ padding-left:1em;} .footer_mid_left_mid{ padding-right:1em;} .footer_mid_mid_1_mid{ padding-left:1em; padding-right:1em;} .footer_mid_mid_2_mid{ padding-left:1em; padding-right:1em;} .footer_mid_right{ width:19%;} .footer_mid_mid_2{ width:36.625%} .footer_mid_mid_2_mid ul li{ width:25%; margin-right:0;} .footer_mid_mid_2_mid_1 dl{ padding-right:1em;} } @media screen and (max-width:1220px) { .about_1_left_menu,.about_1_right{ margin-top:2em;} .about_1_right_mid_2{ margin:2em 0;} .about_1_right_mid_1_left_2,.about_1_right_mid_1_left_1 span i{ font-size:1.25em;} .about_1_left_menu ul li a{ font-size:1em; padding-top:1em; padding-bottom:1em;} .nybanner_footer_left_mid span{ font-size:2em;} .nybanner_footer_right{ display:none;} .nybanner_footer_left{ width:auto;} .nybanner_footer{ height:100%;} .hidemenu_mid p{ font-size:1.125em;} .hidemenu_mid dl dd a{ font-size:0.875em;} .hidemenu_mid dl dd{ margin-bottom:0.5em;} #footer{ padding-top:4em; padding-bottom:4em;} .footer_mid_left,.footer_mid_right{ display:none;} .footer_mid_mid_1{ width:50%;} .footer_mid_mid_2{ width:50%;} .footer_mid_mid_1_mid{ padding-left:0; padding-right:0; border:none;} .footer_mid_mid_2_mid{ min-height:inherit; padding-left:0; padding-right:0; border:none;} } @media screen and (max-width:1200px) { .indexbanner_mid_1{ font-size:2.5em;} .indexbanner_mid_2{ font-size:1.25em;} .banner_left,.banner_right{ width:40px; height:40px; margin-top:-20px;} } /*************************************************/ .fr{ float:right; display:inline} .ovh { overflow: hidden; } body.ovh #header{ border:none;} #header{/*transition: transform 0.5s ease 0s;*/} #mid{ position:relative; transition: all 0.5s ease 0s; z-index: 1;} .moveleft{ transform: translateX(-66%); } #header .m-btn { float:right; margin-right:0; width: 22px; height: 20px; display: none; cursor: pointer; margin-top: 32.5px; } .footer_mid_right_mid_1{ position:relative} .footer_mid_right_mid_1 i{ display:none; position:absolute; right:0; top:0.3em; font-size:1.125em; font-family:"iconfont" !important;font-style:normal;} .about_1_left_menu p{ display:none; position:relative;} .about_1_left_menu p i{ position:absolute; right:0; top:0.7em; font-size:1.25em; font-family:"iconfont" !important;font-style:normal;} @media screen and (max-width:1090px) { .pro_info_nav_fix,.pro_info_2{ position:fixed; left:0; z-index:888; background-color:#fff; top:auto; bottom:0; padding:1em;white-space:nowrap; overflow-x:auto;} .pro_info_2 a{ font-size:1em;} .pro_info_2::-webkit-scrollbar { width:0; height:0; display: none; } .proinfobody{ margin-bottom:73.4px;} .pro_info_15_1_mid_2{ font-size:1em;} .pro_info_13_mid_2_1{ font-size:1.125em;} .pro_info_13_mid_2_2{ font-size:0.875em;} .pro_info_13_mid_2{ padding:1.5em;} .pro_info_12_mid_left_1{ height:43.2em;} .pro_info_12_mid_mid_2{ font-size:1.125em;} .pro_info_14_2_2 dl dd:nth-child(2) .pro_info_14_2_2_1{ padding:0;} .pro_info_14_2_2 dl dd{ margin-bottom:0.5em; width:49.5%;} .pro_info_14_2_2 dl dd:nth-child(2n){ float:right;} .pro_info_14_2 ul li{ margin-bottom:2em;} .pro_info_14_2_1{ font-size:1.25em;} .pro_info_14_2_2_2_1 span{ font-size:1em;} .pro_info_14_1{ font-size:1em;} .pro_info_11_mid_1_right_mid_1{ font-size:1.125em;} .pro_info_11_mid_1_right_mid_3{ font-size:0.875em;} .pro_info_7_mid_1{ font-size:1.25em;} .pro_info_7_mid_2_2{ font-size:0.875em;} .pro_info_6_1_mid_right_2_1{ font-size:1em;} .pro_info_5_mid_roll_mid_mid_2{ padding:1em;} .pro_info_5_mid_roll_mid_mid_2 span{ font-size:1.125em;} .pro_info_4_mid_2_1{ font-size:1.25em;} .pro_info_4_mid ul li{ width:50%;} .pro_info_3_mid_right_mid{ padding-left:2em; padding-right:2em;} .pro_info_3_mid_right_mid_2{ font-size:1.125em;} .pro_info_3{ margin-top:4em;} .pro_info_1_1{ font-size:1.5em;} .about_1_left_menu ul li dl dd a span:after,.about_1_left_menu ul li dl dd a span:before{ display:block;} .about_1_left_menu ul li a:before{ display:none;} .nybanner_mid_2{ font-size:1em;} .nybanner_mid_1{ font-size:1.5em;} .pro_list_1 ul li{ margin-bottom:2em;} .pro_list_1_footer_mid{ padding-left:1.5em; padding-right:1.5em;} .pro_list_1_footer_mid_2{ font-size:1.125em;} .pro_list_1{ margin-top:4em;} .pro_list_2{ margin-bottom:2em;} .fbform_2{ margin-top:1em;} .fbform_1 ul li{ margin-bottom:1.5em;} #fbform{ padding-top:2em; padding-bottom:3em;} .fbform_1 ul li input,.fbform_1 ul li textarea{ font-size:1em;} .contact_1_mid_2{ font-size:1.125em;} .contact_1_mid_3{ font-size:0.875em;} .contact_1{ margin:4em 0;} .video_list{ margin-top:4em; margin-bottom:2em;} .video_list_2{ font-size:1.125em;} .video_list_1 span{ width:3em; height:3em; margin-left:-1.5em; margin-top:-1.5em;} .video_list ul li{ margin-bottom:2em;} .af_3{ margin-top:2em;} .down_list{ margin-top:2em; margin-bottom:3em;} .down_list_mid_mid{ font-size:1em;} .news_info_3{ padding:2em 0;} .news_info_1{ font-size:1.5em;} .news_info_2{ padding-bottom:2em; font-size:0.875em;} #newsinfo_left{ display:none;} .news_list_page{ margin-bottom:3em;} .news_list{ margin-top:2em; margin-bottom:2em;} .news_list_right{ padding-left:2em;} .news_list_right_1{ font-size:1.125em;} .re_man_2{ margin:4em 0;} .re_man_1_mid_2{ font-size:1.25em;} .re_man_1_mid_3{ font-size:0.875em;} .re_pat{ margin-top:4em;} .re_pat_footer{ font-size:1em;} .re_3_2 ul li{ margin-bottom:2em;} .re_3_2_1{ font-size:1.5em;} .re_3_2_2{ font-size:0.875em;} .re_3_1{ margin-bottom:3em;} .re_2_mid_2{ font-size:1em;} .re_2_mid_1{ font-size:2em;} .re_2_mid_1 img{ width:35px; } .re_2{ margin-top:4em; margin-bottom:2em;} .re_1 ul li{ padding:2em 0;} .re_1_right_1{ font-size:1.25em;} .re_1_right_2{ font-size:0.9375em; margin-bottom:1em;} .about_part{ margin-top:3em; margin-bottom:2em;} .cul_list{ margin-top:2em; margin-bottom:2em;} .cul_list ul li{ margin-bottom:2m;} .cul_list_right_mid_1{ font-size:1.25em;} .cul_list_right_mid_2{ font-size:0.875em;} .team_list{ margin-top:4em; margin-bottom:4em;} .team_list_mid_right_1{ font-size:1.5em;} .team_list_mid_right_2 span{ font-size:1em;} .team_list_mid_right_3{ font-size:0.875em;} .team_list_mid_right_1_bak{ font-size:1.25em;} .honor_2 ul li{ padding-top:2em; padding-bottom:1em;} .honor_2_name{ font-size:1em; margin-bottom:1.5em; margin-top:1em;} .lc_4_mid_mid_mid_right_2{ font-size:0.875em; margin-top:1em;} .his_line{ margin-bottom:6em;} .lc_4{ margin-top:4em; margin-bottom:4em;} .lc_4_mid_mid_mid_right_1{ font-size:1.5em;} .lc_1{ font-size:1.5em;} .lc_2{ font-size:0.875em;} .lc_3{ font-size:0.95em;} .about_1_right_mid_1_left_3{ font-size:1em;} .about_1_right_mid_2{ font-size:0.875em;} .about_2_1{ padding:3em 0;} .about_2_1_right_1{ font-size:1.25em;} .about_2_1_right_2{ font-size:1em;} .about_2_1_right_3{ font-size:0.875em;} .about_1_left_menu ul li a{ font-size:0.875em; padding:0.6em 0;} .about_1_left{ float:none; width:100%;} .about_1_right{ float:none; width:100%;} .about_1_bg{ display:none;} .about_1_left_menu{ z-index:10; margin-top:0; position:relative; margin:0 1em;} .about_1_left_menu p{ display:block; position:relative; padding:1em 0; text-align:left; border-bottom:1px #e8e8e8 solid;} .about_1_left_menu ul li{ padding:0 1em; text-align:left;} .about_1_left_menu ul{ display:none; position:absolute; left:0; top:3.3625em;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); background-color:#fff; box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); width:100%; z-index:10;} .about_1_left_menu.on ul{ display:block;} .hidemenu ul li dl{ display:none;} .hidemenu ul li.on dl{ display:block; margin-top:0.5em;} .hidemenu_mid dl dd{ margin-bottom:0;} .hidemenu_mid p{ border-bottom:1px #dedede solid; font-size:1em; padding-bottom:0.8em; margin-bottom:0em; padding-top:0.8em;} .hidemenu_mid{ padding-left:0; padding-right:0; text-align:center;} .hidemenu_mid span{ display:none;} .hidemenu ul li{ width:100%;} .hidemenu ul li:nth-child(2){ width:100%;} .footer_mid_right_mid_1 i{ display:block;} .copyr_mid_1 a,.copyr_mid_1_left,.copyr_mid_2{ font-size:1em;} .copyr_mid_1{ margin:1em 0; line-height:1.6;} .copyr_mid_2{ margin-bottom:1em;} .gotops{ width:50px; height:50px; top:-25px; margin-left:-25px;} #footer{ padding-top:2em; padding-bottom:2em;} .footer_mid_mid_2_mid_1 dl{ padding-right:0; display:none;} .footer_mid_mid_2_mid ul li.on .footer_mid_mid_2_mid_1 dl{ display:block;} .footer_mid_mid_1_mid_2{ display:none} .footer_mid_mid_1_mid.on .footer_mid_mid_1_mid_2{ display:block;} .footer_mid_mid_2_mid_1 dl dd a{ font-family: "SourceHanSansCN-Normal"; font-size:0.875em;} .footer_mid_mid_1_mid_2_left dl dd div a{ font-size:1em;} .footer_mid_right_mid_1{ margin-bottom:0.5em; font-size:1.125em; border-bottom:1px #435760 solid; padding-bottom:0.5em; position:relative;} .footer_mid_mid_1_mid_2_left dl dd div{ padding-right:0;} .footer_mid_mid_2_mid ul li{ width:100%;} .footer_mid_mid_1_mid_2 .footer_mid_mid_1_mid_2_left{ width:100%;} .footer_mid_mid_1{ width:100%;} .footer_mid_mid_2{ width:100%;} .index_2_2_mid_mid_right_2{ font-size:1.25em;} .index_5{ padding-bottom:8em;} .index_4_mid_2{ font-size:1.25em;} .index_4_mid_3{ font-size:0.875em;} .index_3_2{ margin-top:4em;} .index_more_btn a{ font-size:1em;} .index_more_btn{ padding-bottom:4em;} .index_3_1 ul li{ background-color:#f0f4f7;} .index_3_1 ul li .index_3_1_mid_3_mask{ opacity:1;} .index_3_1 ul li .index_3_1_mid_3_jj{ opacity:0; display:none;} .index_3_1_mid_3_mask{ position:static;} .index_3_1_mid_3_mask img{ width:100%;} .index_3_1 ul li:hover .index_3_1_mid_4{ opacity:1;} .index_3_1 ul li:before{ width:100%; opacity:1;} .index_3_1 ul li{ width:49%; margin-right:0; margin-bottom:1em;} .index_3_1 ul li:nth-child(2n){ float:right;} .index_3_1_mid_1{ font-size:1em;} .index_3_1_mid_2 span{ font-size:1.125em;} .index_2_1{ padding-top:4em; padding-bottom:2em;} .index_2_1_2{ font-size:0.875em;} .index_2_1_1{ font-size:1.5em;} .index_2{ margin-top:4em;} .index_1_mid_3_3 a{ font-size:1em;} .index_1_mid_3_2{ font-size:0.875em;} .index_1_mid_3_1{ font-size:1.5em;} .index_1_mid_2_mid_1{ font-size:1em;} .index_1_mid_1_1{ font-size:1.5em;} .index_1_mid_1_2{ font-size:0.875em;} #header{ background-color:#fff; padding:1em 0;} #mid{ margin-top:5.375em;} .header_mid_right ul li .biga{ color:#333; background-image:url(../images/img1on.png);} .header_lan a{ color:#333;} .pcmenu span::before{ background-color:#333;background-image:url(../images/1img1.jpg);} .pcmenu span::after{ background-image:url(../images/1img1.jpg); background-color:#333;} .header_mid_left a img{ opacity:0} .header_mid_left a{ background-image:url(../images/logo2.png);} .header_mid_right{ display:none;} .header_lan{ background-image:none} } .swiper-pagination-index_4{ display:none;} @media screen and (max-width:980px) { .his_line{ display:none;} } .nss{ display:none;} @media screen and (max-width:950px) { .pro_info_11_mid_1 ul li{ padding-left:0;} .pro_info_11_mid_1_left{ position:static; width:100%;} .pro_info_11_mid_1_right{ padding:1.5em;} .pro_info_8_mid,.pro_info_11_mid_2{ max-width:59.375em; overflow-x:auto;} .pro_info_8_mid::-webkit-scrollbar-track-piece { background-color: #dedede; border-left: 1px solid rgba(0, 0, 0, 0); } .pro_info_8_mid::-webkit-scrollbar { width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pro_info_8_mid::-webkit-scrollbar-thumb { background-color: #0264a3; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5px; } .pro_info_8_mid img,.pro_info_11_mid_2 img{ max-width:68.125em;} .pro_info_11_mid_2::-webkit-scrollbar-track-piece { background-color: #dedede; border-left: 1px solid rgba(0, 0, 0, 0); } .pro_info_11_mid_2::-webkit-scrollbar { width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pro_info_11_mid_2::-webkit-scrollbar-thumb { background-color: #0264a3; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5px; } .pro_info_6_1_mid_left_footer{ display:none} .nss{ display:block; width:100%;} .pro_info_6_1_mid_left{ margin-bottom:10px; position:relative; width:100%;} .pro_info_6_1_mid{ padding-left:0;} .pro_info_6_1_mid_left_img{ display:none;} .af_1_1{ margin-top:2em} .af_1{ padding-right:0;} .af_1_right{ position:static; width:100%;} .about_part ul li{ width:31.27694859038143%} .about_part ul li:nth-child(3n){ margin-right:0} .about_part ul li:nth-child(4n){ margin-right:3.08457711442786%} .proces_part ul{ margin-top: 3.5em !important; margin-bottom: 1.5em !important;} .proces_part ul li{ width:31.27694859038143% !important} .proces_part ul li:nth-child(3n){ margin-right:0} .proces_part ul li:nth-child(4n){ margin-right:3.08457711442786%} .swiper-pagination-index_2_2{ margin-top:1em; margin-bottom:2em;} .index_2_2_mid{ margin-left:1em; margin-right:1em;} .index_2_2 .swiper-slide{ width: auto; padding-left:0; padding-right:0; } .swiper-pagination-index_4{ display:block;} .index_4_mid{ padding:12em 0;} .index_1_mid_2{ margin-top:1.5em;} .index_1_mid_2 ul li{ width:49%; margin-right:0;} .index_1_mid_2 ul li:nth-child(2n){ float:right;} } @media screen and (max-width:900px) { .re_man_1_mid_3{ display:block; height:auto; overflow:visible} .re_man_1 ul li{ text-align:center; min-height:inherit; width:100%; margin-bottom:0em;} .re_man_1_mid_2:before{ left:50%; margin-left:-0.95em;} .re_man_1 ul li:before{ left:0; bottom:0; width:100%; height:1px;} .re_man_1_mid_1{ margin-top:0; height:auto; margin-bottom:1em;} .re_man_1 ul li:nth-child(1):before{ display:block;} .re_man_1 ul li:last-child:before{ display:none;} .re_man_1_mid{ padding:1.5em;} .re_pat ul li{ width:31.52263374485597%; margin-bottom:1.5em;} .re_pat ul li:nth-child(3n){ margin-right:0;} .re_pat ul li:nth-child(4n){ margin-right:2.71604938271605%;} .lc_4_mid_mid_mid_left_mid_left{ width:7em; height:7em;} .lc_4_mid_mid_mid_left_mid_right{ right:3%;} } @media screen and (max-width:850px) { .news_list_right{ padding-top:1.5em;} .news_list_right_1{ padding-right:0; padding-bottom:1em;} .news_list_right_1 span{ position:static; display:block; text-align:left; font-size:1em; margin-top:0.3em;} .re_1_right_3{ overflow:visible; height:auto; display:block;} .re_1_left{ float:none; width:100%; text-align:center;} .re_1_left_mid{ display:inline-block; margin:0 auto;} .re_1_right{ margin-top:1em; position:static; width:100%; height:auto;} .re_1 ul li:nth-child(2n) .re_1_left{ float:none} } @media screen and (max-width:800px) { .pro_info_13_mid ul li{ width:100%;} .pro_info_13_mid_2_2{ height:auto;} .cul_list ul li{ margin-bottom:1.5em;} .cul_list ul li:nth-child(2n) .cul_list_left{ float:none;} .cul_list ul li:nth-child(2n) .cul_list_right{ text-align:left;} .cul_list ul li:nth-child(2n) .cul_list_right_mid_1::before{ right:auto; left:0;} .cul_list_right_mid_1{ font-size:1.125em;} .cul_list_left{ float:none; width:100%;} .cul_list_right{ position:static; width:100%;} .cul_list_right_mid{ padding:1.5em 1.5em 2em 1.5em;} .indexbanner_mid_1{ font-size:1.5em;} .indexbanner_mid_2{ font-size:0.875em;} } @media screen and (max-width:768px) { .pro_info_12_mid_mid{ width:49%; margin-left:0; margin-right:2%;} .pro_info_12_mid_right{ width:49%;} .pro_info_12_mid_left_1{ height:auto;} .pro_info_12_mid_left{ width:100%;} .pro_info_12_mid_left .pro_info_12_mid_left_bg{ display:none;} .pro_info_12_mid_left .pro_info_12_mid_left_img{ display:block;} .pro_info_14_2_2 dl dd{ width:100%; margin-right:0; margin-bottom:1em;} .pro_info_14_2_2 dl dd:last-child{ margin-bottom:0;} .pro_info_7_mid_1{ font-size:1em;} .pro_info_7_mid_2 dl dd{ width:50%;} .pro_info_6_1_mid_right ul li{ width:50%;} .pro_info_5{ padding-top:2em; padding-bottom:2em;} .pro_info_5_1{ margin-bottom:2em;} .pro_info_5_mid_roll{ padding:0 3em;} .pro_info_5_mid_roll_left,.pro_info_5_mid_roll_right{ width:2.4em; height:2.4em;} .pro_info_4_mid_2_1{ font-size:1em;} .pro_info_3{ margin-bottom:2em;} .pro_info_3_mid_right_mid_2{ font-size:1em;} .pro_info_3_mid_right_mid{ padding:1.5em;} .pro_info_3_mid{ padding-left:0;} .pro_info_3_mid_left{ position:static; width:100%; padding:2em;} .pro_info_1_1{ font-size:1.25em;} .pro_info_3{ margin-top:2em;} .pro_list_1_mid{ height:auto; padding:0em;} .pro_list_1 ul li{ width:100%; height:auto;} .pro_list_1_footer{ position:static; width:100%;} .pro_list_1_footer_mid{ padding:1.5em;} .pro_list_1_footer_mid_3{ padding-right:0; height:auto; overflow:visible;} .pro_list_1_footer_mid_3 span{ position:static; margin:0 auto; display:block; margin-top:1em;} .pro_list_1{ margin-top:2em;} .contact_1{ margin:2em 0;} .video_list{ margin-top:2em;} .video_list ul li{ width:100%;} .af_3 ul li{ margin-bottom:32px;} .af_3_v{ height:32px;} .af_3{ margin-bottom:1em;} .af_3_mid_1 span img{ max-width:70%;} .lcroll{ overflow-x:auto;} .lcroll .af_3{ width:1090px;} .lcroll::-webkit-scrollbar-track-piece { background-color: #dedede; border-left: 1px solid rgba(0, 0, 0, 0); } .lcroll::-webkit-scrollbar { width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .lcroll::-webkit-scrollbar-thumb { background-color: #0264a3; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 5px; } .down_list ul li{ width:100%;} .news_info_4_mid{ margin-left:auto; margin-right:auto;} .news_info_1{ font-size:1.125em;} .news_info_3{ font-size:0.875em;} .news_list_right_1{ font-size:1em;} .news_list ul li{ padding:1.5em 0;} .news_list ul li:nth-child(1){ padding-top:0;} .news_list_mid{ padding-left:0;} .news_list_left{ position:static; width:100%;} .news_list_right{ width:100%; padding-left:0;} .re_man_2{ margin:2em 0; padding:2em 0;} .re_man_2_mid{ max-width:none; margin-left:1em; margin-right:1em; padding-left:4em; padding-right:4em;} .re_man_1_mid_2{ font-size:1.125em;} .re_pat{ margin-top:2em;} .re_3_2_1{ font-size:1.25em;} .re_3_1{ margin-bottom:2em;} .re_1_right_1{ font-size:1.125em;} .re_2 ul li{ height:9.5em;} .about_part{ margin-top:2em;} .about_part ul li{ margin-bottom:1em;} .team_list_mid_right_1{ font-size:1.25em;} .team_list_mid_right_2{ margin-bottom:1em;} .team_list_mid_right_1_bak{ font-size:1.125em;} .team_list_mid_right_2 span{ font-size:0.9375em;} .team_list{ margin-top:2em; margin-bottom:2em;} .team_list_mid{ padding:1.5em;} .team_list_mid_right_mid{ padding-left:2em;} .team_list ul li{ margin-bottom:2em;} .honor_1{ text-align:center; margin:2em 0 1.5em 0;} .honor_1 a{ margin:0 4px; margin-bottom:8px;} .honor_1 a:last-child{ margin-right:4px;} .honor_2 ul li dl dd{ width:49%; margin-right:0;} .honor_2 ul li dl dd:nth-child(2n){ float:right;} .lc_4{ margin-top:2em; margin-bottom:3em;} .lc_1{ font-size:1.25em;} .lc_4_mid_mid_mid_right_1{ font-size:1.25em;} .lc_4_mid_mid_mid{ text-align:center;} .lc_4_mid_mid_mid_left{ width:auto; display:inline-block;} .lc_4_mid_mid_mid_right{ text-align:left; position:static; width:auto;} .about_2 ul li:nth-child(2n) .about_2_1_left{ float:none} .about_2_1_right_1{ font-size:1.125em;} .about_2_1_right_2{ font-size:0.9375em;} .about_2_1{ padding:2em 0;} .about_2_1_left{ width:100%; float:none;} .about_2_1_right{ position:static; width:100%; margin-top:1.5em;} .about_2_1_right_3{ min-height:inherit; height:auto;} .about_1_right_mid_1_right_mid img{ width:100%;} .about_1_right_mid_1_left{ width:100%;} .about_1_right_mid_1_right{ width:100%; margin-top:1.5em;} .about_1_right_mid{ padding-left:1em; padding-right:1em;} .index_2_2_mid_mid_left{ width:50%;} .index_2_2_mid_mid_right{ width:50%;} .index_4_mid{ padding:9em 0;} .index_3_2{ margin-top:2em;} .index_more_btn{ padding-bottom:2em;} .index_3_1 ul li{ width:100%;} .index_3_1 ul li:last-child{ margin-bottom:0;} .index_3_1_mid_2 span{ height:auto; font-size:1em;} .index_3_1_mid_2{ margin-bottom:1em; padding-bottom:1em;} .index_3_1_mid{ padding:1.5em;} .index_2_1{ padding-top:2em; padding-bottom:1.5em;} .index_2_1_1{ font-size:1.25em;} .index_2{ margin-top:2em;} .index_1_mid_3_1{ font-size:1.25em;} .index_1_mid_3{ padding-bottom:2em;} .go-btn{ width:40px; height:29px; margin-left:-20px;} .header_mid_left a img{ height:2.5em;} .header_lan,.pcmenu{ line-height:2.5em;} #mid{ margin-top:4.5em;} .header_mid{ margin:0 1em;} .header_lan a{ font-size:1.125em;} } @media screen and (max-width:640px) { .nybanner_mid{ display:none;} #nybanner_footer_left_pro{ opacity:1;} .fbform_1{ margin-top:2em;} .fbform_2 a{ font-size:1em; width:auto; display:block;} .fbform_1 ul li{ width:100%;} .contact_1 ul li{ width:100%; margin-right:0; margin-bottom:1em;} .contact_1 ul li:last-child{ margin-bottom:0;} .contact_1_mid{ height:auto; padding:2em 1em;} .contact_1_mid_1{ height:auto; margin-top:0; margin-bottom:1.5em;} .re_pat_footer{ margin:1em 0;} .re_pat ul li{ width:49%; margin-bottom:1em; margin-right:0;} .re_pat ul li:nth-child(4n){ margin-right:0;} .re_pat ul li:nth-child(2n){ float:right;} .about_part ul li{ width:49%; margin-right:0;} .about_part ul li:nth-child(2n){ float:right;} .about_part ul li:nth-child(4n){ margin-right:0;} .team_list_bg{ display:none} .proces_part ul li{ width:46% !important; margin-right:0;} .proces_part ul li:nth-child(2n){ float:right;} .proces_part ul li:nth-child(4n){ margin-right:0;} .team_list_mid_left div img{ width:auto;} .team_list_mid_right_mid{ padding-left:0;} .team_list_mid_left{ margin-bottom:1em; float:none; width:100%; text-align:center;} .team_list_mid_right{ float:none; width:100%;} .nybanner_footer_left_mid span{ font-size:1.5em;} #footer{ padding-bottom:1.5em;} .copyr_mid_1_left{ position:static; width:100%;} .copyr_mid_1{ padding-left:0;} .index_2 .index_more_btn{ margin-left:1em; margin-right:1em;} .index_5{ padding-bottom:4em;} .index_5_1_mid_mid_mask img{ max-width:75%;} .index_more_btn a{ width:auto; display:block;} .index_1_mid_1_1{ font-size:1.25em;} } @media screen and (max-width:600px) { .index_2_2_mid_mid_left{ position:static; width:100%; height:auto;} .index_2_2_mid_mid_right{ float:none; width:auto;} .index_2_2_mid_mid{ padding:1em; margin-left:0; margin-right:0;} .index_2_2_mid_mid_right_jj{ padding-left:0; margin-top:1em;} .index_2_2_mid_mid_right_2{ font-size:1.125em; height:auto; padding-bottom:1em;} .index_2_2_mid_mid_right_4{ text-align:center;} } @media screen and (max-width:550px) { .re_2 ul li{ width:50%;} .re_2 ul li:nth-child(3n):before{ display:block;} .re_2 ul li:nth-child(2n):before{ display:none;} .index_1_mid_2 ul li{ width:100%;} .index_1_mid_2_mid{ text-align:center; min-height:inherit; padding-bottom:1.5em; padding-left:1em; padding-right:1em;} } .swiper-pagination-index-banner{ display:none;} @media screen and (max-width:480px) { .about_1_right_mid_1_left_4 ul li:nth-child(1),.about_1_right_mid_1_left_4 ul li:nth-child(2),.about_1_right_mid_1_left_4 ul li:nth-child(3){ width:33.3333%;} .pro_info_12_mid_left_bg{ display:none;} .pro_info_12_mid_left_img{ display:block;} .pro_info_12_mid_mid ul li .pro_info_12_mid_mid_1, .pro_info_12_mid_right ul li .pro_info_12_mid_mid_1{ height:auto;} .pro_info_12_mid_mid{ width:100%;} .pro_info_12_mid_right{ width:100%;} .pro_info_7_mid_2 dl dd{ width:100%;} .pro_info_6_1_mid_right ul li{ width:100%;} .pro_info_4_mid ul li{ width:100%;} .re_man_2_mid_mid_line{ top:20%; height:30%;} .re_man_2_mid .swiper-slide:nth-child(2n) .re_man_2_mid_mid_line{ top:auto; bottom:20%;} .re_man_2_mid_mid_jj{transform: scale(0.8, 0.8);} .re_2_mid_2{ font-size:0.875em;} .re_2_mid_1{ font-size:1.5em;} .re_2 ul li:nth-child(5) .re_2_mid_1{ height:auto; padding-bottom:0.4em;} .about_part_mid{ height:8em;} .honor_2_name{ font-size:0.875em;} .lc_4_mid_mid_mid_left_mid_right{ width:3em; height:3em;} .lc_4_mid_mid_mid_left_mid_left{ width:6em; height:6em;} .lc_1{ font-size:1.125em;} .nybanner_footer_left_mid span{ font-size:1.375em;} .about_1_right_mid_1_left_1 span{ padding-left:4.2em;} .about_1_right_mid_1_left_3{ font-size:0.875em;} .about_1_right_mid_1_left_2, .about_1_right_mid_1_left_1 span i{ font-size:1.125em;} .about_1_right_mid_1_left_4_1 span{ font-size:1.25em;} .about_1_right_mid_1_left_4_1 span i{ font-size:0.75em; bottom:0.2em;} .index_5{ padding-bottom:2em;} .index_5_1_left,.index_5_1_right{ width:2em; height:2em; margin-top:-1em;} .index_4_mid{ padding:5em 0;} .index_2_1_1{ font-size:1.125em;} .index_1_mid_3_1{ font-size:1.125em;} .index_1_mid_3_2{ margin-top:1.5em; margin-bottom:2em;} .index_1_mid_3_3 a{ width:auto; display:block;} .go-btn{ display:none;} .swiper-pagination-index-banner{ display:block;} .banner_left,.banner_right{ display:none;} .indexbanner_mid_1{ font-size:1.25em;} .header_mid_left a img{ height:2em;} .header_lan,.pcmenu{ line-height:2em;} #mid{ margin-top:4em;} .pcmenu span{ width:20px;} } @media screen and (max-width:400px) { .re_man_2_mid{ padding-left:1em; padding-right:1em;} } #header .m-btn .box { display: block; width: 100%; height: 100%; position: relative; } #header .m-btn .line { display: block; width: 100%; height: 2px; background-color: #1d1d1d; position: absolute; left: 0; transition: width 0.3s ease 0s; } #header .m-btn .line1 { /* width: 12px;*/ top: 0; } #header .m-btn .line2 { /* width: 22px;*/ top: 6px; } #header .m-btn .line3 { /*width: 16px;*/ top: 13px; } #header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 { width: 100%; } .m-sub-menu.show { right: 0; transition: all 0.44s ease 0s; } .m-sub-menu { position: fixed; right: -100%; width: 66%; top: 0; z-index: 100; height: 100%; background-color: #fff; transition: all 0.64s ease 0s; } .m-sub-menu .top-box { line-height: 60px; background-color: #333; } .m-sub-menu .top-box .stt { display: inline-block; font-size: 16px; color: #acacac; margin-left: 8.2%; font-family: "Base-font"; } .m-sub-menu .top-box .close { display: inline-block; width: 17px; height: 17px; background: url(../images/imgico_37.png) no-repeat center; margin-right: 7.8%; margin-top: 22px; cursor: pointer; } .m-sub-menu .list-wrap ul { width: 100%; } .m-sub-menu .list-wrap li { line-height: 60px; width: 100%; border-bottom: 1px solid #f2f2f2; } .m-sub-menu .list-wrap li .col-box { display: block; padding: 0 7.8% 0 8.2%; } .m-sub-menu .list-wrap .tit { font-size: 16px; color: #666; } .m-sub-menu .list-wrap .point { display: inline-block; width: 8px; height: 12px; background: url(../images/imgico_38.png) no-repeat center; margin-top: 26px; } .m-sub-menu .bot-link { width: 84%; padding: 0 7.8% 0 8.2%; margin-top: 30px; } .m-sub-menu .bot-link a { display: inline-block; width: 36px; height: 50px; margin-right: 20px; float: left; } .m-sub-menu .sec-sub-list { position: absolute; right: -100%; top: 60px; width: 100%; } .m-sub-menu .sec-sub-list .return-fir { display: block; padding: 0 7.8% 0 8.2%; line-height: 60px; background-color: #333; } .m-sub-menu .sec-sub-list .return-fir p { padding-left: 18px; color: #fff; font-size: 18px; background: url(../images/imgico_42.png) no-repeat left center; } .m-sub-menu .sec-sub-list .boxs { width: 100%; position: absolute; left: 0; top: 0; transition: all 0.4s ease 0s; background-color: #fff; } .m-sub-menu .sec-sub-list .boxs.show { left: -100%; } .m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li { width: 100%; } .m-sub-menu .sec-sub-list li { line-height: 60px; border-bottom: 1px solid #f2f2f2; } .m-sub-menu .sec-sub-list li a { display: block; width: 84%; padding: 0 7.8% 0 8.2%; font-size: 16px; color: #666; } .m-sub-menu .sec-sub-list .bot-link { margin-top: 14px; } .search-alert { position: fixed; z-index: 999; background-color: #222222; left: 0; top: 0; width: 100%; height: 100%; display: none; } .search-alert .cent-form { position: absolute; width: 94.8%; left: 2.6%; top: 50%; height: 124px; margin-top: -63px; border-bottom: 1px solid #515151; } .search-alert .cent-form .tex { border: none; font-size: 66px; height: 124px; line-height: 124px; text-align: center; width: 100%; box-sizing: border-box; color: #fff; background: none; padding-left: 88px; padding-right: 80px; background: url(../images/imgico_36.png) no-repeat 35px 60px; } .search-alert .cent-form .sub-butn { border: none; height: 100px; margin-top: 24px; font-size: 24px; line-height: 100px; color: #555; text-align: right; background: none; position: absolute; right: 0; top: 0; width: 80px; text-align: center; } .search-alert .close { display: block; width: 18px; height: 18px; background: url(../images/imgico_37.png) no-repeat center; position: absolute; top: 38px; right: 2.6%; cursor: pointer; transition: transform 0.3s ease 0s; } .ovh { overflow: hidden; } @media screen and (max-width:768px) { .search-alert .cent-form .tex{ height: 60px; line-height: 60px; font-size: 28px; background-position: 30px 20px !important; } .search-alert .cent-form{ height: 60px; margin-top: -30px; } .search-alert .cent-form .sub-butn{ height: 60px; line-height: 60px; margin-top: 0; /*background: url(../img/ico_36.png) no-repeat center;*/ /*font-size: 0;*/ } } .header_mid_right ul li:nth-child(1) .dl_right p{ display:inline-block; width:49%;} .dl_right p a:hover{ color:#006ab8;} @media screen and (min-width:1090px) { .about_1_left_fix{ position:fixed; left:0; z-index:888; top:86px;} } /********201992***********/ .his_line_year_mid{transform: scale(0, 0); z-index:666; cursor:pointer; opacity:0;} .swiper-slide-active .his_line_year_mid{transform: scale(1, 1); opacity:1} .his_line_year ul li:nth-child(1) .his_line_year_mid{ -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .his_line_year ul li:nth-child(2) .his_line_year_mid{ -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .his_line_year ul li:nth-child(3) .his_line_year_mid{ -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .his_line_year ul li:nth-child(4) .his_line_year_mid{ -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; } .his_line_year ul li:nth-child(5) .his_line_year_mid{ -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; } .header_mid_right ul li:nth-child(1) a.biga{ background-image:none; padding-right:0;} @media screen and (max-width:768px) { .news_list_right_2{ width:100%;} } .bodyon .header_mid_right ul li:last-child .biga{ background-image:none} .contact_1_mid_1 span{ display:inline-block; position:relative;} .contact_1_mid_1 span i{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;opacity:0;} .contact_1 ul li:hover .contact_1_mid_1 span i{ opacity:1;} .contact_1 ul li:hover img{ opacity:0;} .contact_1 ul li:hover .contact_1_mid_1 span i img{ opacity:1;} /********20191001***********/ .webright{ position:fixed; right:0; z-index:999; height:254px; top:50%; margin-top:-127px;} .webright ul li{ margin-bottom:2px; text-align:center; position:relative; width:62px;} .webright ul li span{opacity:0; position:absolute; right:62px; top:-15px; width:0px; height:103px; background-position:center; background-repeat:no-repeat; background-image:url(../images/rimg5.png);} .webright ul li:hover span{ width:255px;opacity:1;} .webright ul li b{opacity:0; position:absolute; right:62px; top:-15px; width:0px; height:103px; background-position:center; background-repeat:no-repeat; background-image:url(../images/rimg4.png);} .webright ul li:hover b{ width:145px;opacity:1;} .webright ul li:last-child{ margin-bottom:0;} .webright ul li a{ background-color:#8993a0; position:relative; z-index:100; display:block; height:62px; background-position:center; background-repeat:no-repeat;} .webright ul li a:hover{ background-image:url(../images/rimg6.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} .webright ul li img.qrr{ width:0;opacity:0; max-width:none; right:62px; top:0; position:absolute;} .webright ul li:hover img.qrr{ width:89px; opacity:1;} .xx_1{ margin:0 auto; max-width:32.6875em; margin-top:2em; margin-bottom:2em;} .xx_1_mid{ border:1px #d9d9d9 solid; position:relative; padding-right:2.75em;} .xx_1_mid_right{ position:absolute; right:0; top:0; height:100%; width:2.75em; z-index:10;} .xx_1_mid_right input{ border:none; background-color:transparent; cursor:pointer; position:absolute; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-image:url(../images/ximg1.png);} .xx_1_mid_right input.loading{ background-image:url(../images/xloading.gif);} .xx_1_mid_left{ padding:0.7em 1em;} .xx_1_mid_left input{ border:none; width:100%; background-color:transparent; font-size:1em;} .xx_2{ position:relative; padding-right:11.125em;} .xx_2_right{ position:absolute; right:0; top:0; height:100%; width:11.125em;} .xx_2_right input{ border:none; background:none; font-size:1em; cursor:pointer; background-image:url(../images/img17); text-align:center; position:absolute; right:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;} .xx_2_mid ul li{ float:left; width:32%; margin-left:2%;} .xx_2_mid ul li:nth-child(1){ margin-left:0;} .xx_2_mid ul li .xx_2_mid_div{ z-index:100; border:1px #d9d9d9 solid; position:relative;} .xx_2_mid ul li .xx_2_mid_div p{ padding:0.7em 0; cursor:pointer; margin:0 1em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img1on.png);} .xx_2_mid{ padding-right:7px;} .xx_2_mid ul li .xx_2_mid_div dl{ background-color:#fff; -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); border:1px #d9d9d9 solid; -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); display:none; box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); max-height:14em; overflow-y:auto; position:absolute; left:0; width:100%; z-index:100; top:43.2px;} .xx_2_mid ul li .xx_2_mid_div dl dd{ padding:0.2em 1em;} .xx_3{ position:relative; margin-top:2.6875em; margin-bottom:10em;} .xx_3_mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center;} .xx_3_mask_mid_2{ letter-spacing:0.1em; color:#fff; font-size:1.875em; margin-top:0.9em;} .xx_pop_mask{ width:100%; height:100%; background-image:url(../images/ximg11.png); position:fixed; left:0; top:-100%; z-index:9999;opacity:0;} .xx_pop_maskon{ top:0; opacity:1;} .xx_pop_mid{ max-width:66.125em; margin:0 auto;} .xx_pop_mid_mid{ padding:1.46875em; position:relative; } .xx_pop_mid_close{ position:absolute; right:0; top:0;} .xx_pop_mid_mid_mid{ color:#000; overflow:hidden; background-color:#fff; padding-left:1em; padding-right:1em;} .xx_pop_mid_mid_mid_1{ margin-top:2em; text-align:center; font-size:1.875em;} .xx_pop_mid_mid_mid_2{ text-align:center; margin-top:1em;} .xx_pop_mid_mid_mid_3{ margin:0 auto; max-width:53.75em; margin-top:3.5em;} .xx_pop_mid_mid_mid_3 ul li{ position:relative; float:left; width:49%; margin-bottom:1em;} .xx_pop_mid_mid_mid_3 ul li:nth-child(2n){ float:right;} .xx_pop_mid_mid_mid_3 ul li div{ padding-left:3.125em; padding-top:0.7em; padding-bottom:0.7em; position:relative; border:1px #c7c7c7 solid;} .xx_pop_mid_mid_mid_3 ul li div input.wbk{ font-size:0.9375em; background:none; width:100%; border:none;font-family: "SourceHanSansCN";} .xx_pop_mid_mid_mid_3 ul li div .divtip{ position:absolute; left:0; top:0; height:100%; width:3.125em; background-position:center; background-repeat:no-repeat;} .xx_pop_mid_mid_mid_3 ul li:nth-child(1) div .divtip{ background-image:url(../images/xx/img6.jpg);} .xx_pop_mid_mid_mid_3 ul li:nth-child(2) div .divtip{ background-image:url(../images/xx/img7.jpg);} .xx_pop_mid_mid_mid_3 ul li:nth-child(3) div .divtip{ background-image:url(../images/xx/img8.jpg);} .xx_pop_mid_mid_mid_3 ul li:nth-child(5) div .divtip{ background-image:url(../images/xx/img9.jpg); background-position:center 0.9em;} .xx_pop_mid_mid_mid_3 ul li div textarea{ font-size:0.9375em; height:8.75em; background:none; width:100%; border:none;font-family: "SourceHanSansCN";} .xx_pop_mid_mid_mid_3 ul li:nth-child(5){ width:100%;} .xx_pop_mid_mid_mid_3 ul li.li_yzm div{ padding-left:1em; width:60%;} #btnSendCode1{ border:none; font-size:1em; cursor:pointer; position:absolute; top:-1px; height:45.2px; color:#fff; background-color:#727272; width:38%; right:0%;} .xx_pop_mid_mid_mid_4{ text-align:center; margin-bottom:2.5em; margin-top:1.5em;} .xx_pop_mid_mid_mid_4 input{ margin:0 0.35em; background-color:transparent; font-size:1em; cursor:pointer; display:inline-block; border:1px #555 solid; width:10.5em; line-height:2.3125em; text-align:center;border-radius:5px;} .xx_pop_mid_mid_mid_4 input:hover{ color:#fff; border-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/xx/img3.jpg);} .xx_s_pro_list ul li{ overflow:hidden; position:relative; margin-bottom:2.6875em;} .xx_s_pro_list_left{ background-color:#e8edf1; height:100%; width:43%; position:absolute; left:0; top:0; text-align:center;} .xx_s_pro_list_left_mid{ padding:0 1em;} .xx_s_pro_list_right{ width:52%; margin-left:48%;} .xx_3_def{ position:relative; overflow:hidden;} .xx_s_pro_list{ overflow:hidden} .xx_s_pro_list_right_mid_2{ padding-bottom:0.8em; font-size:1.875em; position:relative; margin-top:0.1em;} .xx_s_pro_list_right_mid_2:after{ content: ""; position: absolute; z-index: 1; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img14.jpg); left: 0%; width: 2.8em; bottom: 0px; height: 2px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .xx_s_pro_list_right_mid_3{ font-size:0.875em; line-height:2; margin:1em 0;} .xx_s_pro_list_right_mid_1{ } .xx_s_pro_list_right_mid_1 a{ background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; background-image:url(../images/img17.jpg); display:inline-block; text-align:center; line-height:3.1875em; padding:0 2em;border-radius:3px;} .xx_s_pro_list_right_mid_1 a span{ padding-left:1.5em; font-size:0.9375em; letter-spacing:0.05em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img16.png);} .xx_s_pro_list_right_mid{ margin:1.5em 0 2em 0;} .xx_pop_mid_mid_mid_3 ul li:nth-child(5).dhhm_phone{ width:49%;} .xx_pop_mid_mid_mid_3 ul li i{ position:absolute; right:-0.5em; top:-0.3em; color:#ff0000;} .xx_fangan_list{ margin:0 auto; max-width:36.875em;} .xx_fangan_list ul li{ position:relative; margin-bottom:1.1em;} .xx_fangan_list ul li p{ position:relative; cursor:pointer; z-index:0; border:1px #c6c6c6 solid; font-size:0.9375em; padding-top:.8em; padding-bottom:.8em; background-position:0.75em center; background-repeat:no-repeat; padding-left:2.25em;} .xx_fangan_list ul li:nth-child(1) p{ background-image:url(../images/img22.png);} .xx_fangan_list ul li:nth-child(3) p{ background-image:url(../images/img23.png);} .xx_fangan_list ul li:nth-child(4) p{ background-image:url(../images/img224.png);} .xx_fangan_list ul li p i{ position:absolute; width:12px; height:6px; right:1em; top:50%; margin-top:-3px; background-position:center; background-repeat:no-repeat; background-image:url(../images/img21.png);transition: .2s ease-in-out; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out;} .xx_fangan_list ul li p.on i{transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg);} .xx_fangan_list_jj{ padding-left:1em; padding-right:1em; padding-top:1em; padding-bottom:1em; font-size:0.9375em; line-height:1.6; background-color:#f1f1f1;} .xx_fangan_list_jj_1{ margin-bottom:0.4em; font-size: 1.125em; font-weight: bold;} .get_price_btn{ font-size:1em; letter-spacing:0.05em; cursor:pointer; padding-top:1em; padding-bottom:1em; display:block; width:100%; color:#fff; border:none; background:none; background-image:url(../images/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} .xx_fangan_list ul li dl{border:1px #c6c6c6 solid; border-top:none; display:none; max-height:14em; overflow-y:auto; position:absolute; left:0; top:45.5px; width:100%; background-color:#fff; z-index:8888;} .xx_fangan_list ul li dl.showdl{ display:block} .small_cate{ display:block; padding:0.6em 1em; font-size:0.9375em;} .small_cate:hover{ background-color:#f1f1f1; color:#098bad} .xx_fangan_list ul li dl dd div{ line-height:1.6; color:#666; display:none; font-size:0.875em; padding:0em 0em; margin:0.4em 0;} .xx_fangan_list ul li dl dd div a{ display:block; padding:0.3em 2em; color:#666;} .xx_fangan_list ul li dl dd div a:hover{ color:#098bad; background-color:#f1f1f1;} .xx_fangan_list ul li dl dd.on .small_cate{ background-color:#f1f1f1; color:#098bad; } #mianliao,#fanghufu{ display:none;} .mianliao_2{ font-size:1.125em; color:#098bad; margin:1em 0;} .xx_fangan_list ul li.loading{ height:2em; background-position:center; background-repeat:no-repeat; background-image:url(../images/loading.gif);} .xx_fangan_list_jj_2 span{ color:#098bad} .xx_2_mid ul li .xx_2_mid_div dl dd a{ color:#333; display:block;} .xx_2_mid ul li .xx_2_mid_div dl dd a:hover{ color:#098bad} @media screen and (max-width:1090px) { .xx_pop_mid_mid_mid_1{ font-size:1.5em;} .xx_s_pro_list_right_mid_2{ font-size:1.5em;} } @media screen and (max-width:950px) { .xx_3_mask_mid_2{ font-size:1.5em;} .xx_2_mid{ padding-right:0;} .xx_2{ padding-right:0;} .xx_2_right{ padding-top:1em; position:static; width:100%; clear:both; overflow:hidden;} .xx_2_right input{ position:static; padding:0.7em 0;} } .shoujide_xx{ height:35vh; display:none; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img5.jpg);} @media screen and (max-width:768px) { .xx_s_pro_list ul li{ margin-bottom:1em;} .xx_s_pro_list_left{ width:100%; position:static; text-align:center; padding:2em 0;} .xx_s_pro_list_right{ width:100%; margin-left:0;} .webright{ display:none} .shoujide_xx{ display:block;} .pcde_xx{ display:none} .xx_2_mid ul li .xx_2_mid_div dl{ top:37.8px;} .xx_1_mid_left input{ font-size:0.875em;} .xx_2{ font-size:0.875em;} } @media screen and (max-width:640px) { #btnSendCode1{ height:40px;} .xx_pop_mid_mid_mid_3 ul li{ width:100%; font-size:0.875em;} .xx_pop_mid_mid_mid_4 input{ font-size:0.875em;} .xx_pop_mid_mid_mid_4{ margin-top:1em;} .xx_pop_mid_mid_mid_3 ul li:nth-child(5).dhhm_phone{ width:100%;} .xx_fangan_list ul li{ font-size:0.875em;} .xx_fangan_list ul li dl{ top:40.0667px;} .xx_fangan_list ul li p{ padding-left:2.8em;} .xx_pop_mid_mid_mid_1{ font-size:1.25em;} .xx_pop_mid_mid_mid_3{ margin-top:1.5em;} .xx_s_pro_list_right_mid_2{ font-size:1.125em; margin-top:0.3em;} .xx_3_mask_mid_2{ font-size:1.25em;} .xx_3{ margin-bottom:4em;} .xx_2_mid ul li .xx_2_mid_div{ z-index:auto} .xx_2_mid ul li{ margin-bottom:1em; width:100%; margin-left:0;} } @media screen and (max-width:480px) { .pro_info_14_2_2_2{ width:10em; height:10em; margin-left:-5em; margin-top:-5em; transform: scale(.8, .8);} .xx_pop_mid_mid_mid_1{ font-size:1.125em;} .xx_pop_mid_mid_mid_4 input{ float:left; width:48%; margin:0; padding-left:0; padding-right:0;} .xx_pop_mid_mid_mid_4 input:nth-child(2){ float:right; margin:0;} .xx_s_pro_list_right_mid_1 a{ display:block; width:auto; line-height:2.875em;} } .xx_2_mid ul li .xx_2_mid_div dl dd:hover{ background-color:#d9d9d9;} .index_4_bg{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;} .index_4_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .index_4_bg div.on{transform: scale(1.08, 1.08); opacity:1; z-index:10;} .shoujibanner_img{ display:none} @media screen and (max-width:768px) { .shoujibanner_img{ display:block} .pcbanner_img{ display:none} } .pro_info_13_mid_2{ position:relative; background-position:center 20px; background-repeat:no-repeat; background-image:url(../images/img2.png);} @media screen and (max-width:768px) { .pro_info_13_mid_2{ background-position:center 10px; background-image:url(../images/img2m.png);} } @media screen and (max-width:640px) { .index_3_1_mid_3_mask span{ display:none} .pro_list_1_footer_mid_3_sm{ overflow:hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word; word-break:break-all; } } @media screen and (max-width:480px) { .footer_mid_right{ display:block; width:100%;} .footer_mid_right .footer_mid_right_mid{ padding-left:0;} .footer_mid_right .footer_mid_right_mid_2{ padding-top:0.8em;} .footer_mid_right .footer_mid_right_mid_3{ margin-top:1.5em;} } .mod-page{padding:0px 0 0px 0;text-align:center;height:35px;zoom:normal;font-size:0} .mod-page a,.mod-page span{font-size:14px;margin:0 2px;vertical-align:middle;border-radius:2px} .mod-page a{display:inline-block; padding:0 16px;height:33px;line-height:33px;background:#fff;border:1px solid #e3e3e3;text-align:center; font-size:14px;} .mod-page a.a1{background:url(/Myapp/Common/images/titleBg001.png) 0 -60px no-repeat;width:56px} .mod-page a:hover{background:#8497a6;color:#fff;text-decoration:none} .mod-page .current{display:inline-block; padding:0 16px; height:33px;line-height:33px;background:#8497a6; border:1px solid #8497a6; color:#fff;text-align:center} .mod-page .noPage{display:inline-block;width:56px;height:22px;line-height:22px;background:url(/Myapp/Common/images/images/titleBg001.png) 0 -60px repeat-x;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4} .mod-page .keng{ display:none} .mod-page .disabled{display: inline-block;padding: 0 16px;height: 33px;line-height: 33px;background: #fff;border: 1px solid #e3e3e3; text-align: center;font-size: 14px;} .pro_box_img{ overflow:hidden; margin-bottom:70px} .pro_box_img li{ margin-top:40px;} .pro_box_img .pro_list_1_footer_mid_1{ font-size:24px; margin-bottom:25px} .pro_box_img li:nth-child(9){ margin-bottom:40px} .pro_box_img .pro_box_img02{ float:left; width:48%; margin-right:1%} .fbform_1 ul{ overflow:hidden} .ui-dialog-grid{ width:300px; height:200px; background:#FFF; text-align:center; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;} .ui-dialog-close{ width:20px; height:20px; font-size:16px; float:right; margin-right:5%} .ui-dialog-title{ font-size:24px; color:#333} .ui-dialog-content{ font-size:16px; color:#666} .ui-dialog-autofocus{ width:50px; height:30px; font-size:16px;} .fbform_1 .more-button {cursor: pointer; border: none; padding: 0 15%; height: 50px; font-size: 14px; color: #fff; background: #006ab8;} .fbform_1 ul li .yzm_box{ float:left; width:80% !important} .fbform_1 ul li .yzm{ float:right} .fbform_1 ul li:nth-child(5){ width:100%} .proces_part ul{ margin-top:5.5em; margin-bottom:5.5em; overflow:hidden} .proces_part ul li{ margin-right:3.08457711442786%; float:left; width:30%; margin-bottom:2.8125em;} .proces_part ul li p{ text-align:center; margin-top:10px; height:20px; overflow:hidden} .contact02{ margin-top:60px; font-size:28px} #maphtml{ width:100%; border-width: 0px; height:500px; margin-bottom:100px} .about_develop{ width:100%; overflow:hidden; margin:50px 0; position:relative; animation-name: fadeInRight;} .about_develop:after {content: ""; display: inline-block; width:1px; height:100%; background-color:#eee; position:absolute; top:0; left:12.5%; z-index:98} .about_develop li{ width:100%; overflow:hidden; margin-bottom:20px; } .about_develop li .time{ display:block; float:left; width:10%; text-align:right; font-size:16px; color:#999; line-height:30px} .about_develop li b{font-size:24px; font-weight:bold; color:#016bb8; display:block} .about_develop li i{font-family:"iconfont" !important; font-size:16px; font-style:normal; color:#016bb8; display:block; float:left; position:relative; z-index:99; width:5%; line-height:60px; text-align:center} .about_develop li .p{ float:right; width:80%; display:block; border:1px solid #eee; padding:2%; border-radius:3px; font-size:14px; line-height:25px; text-indent:0em} @media screen and (max-width:768px) { .about_develop:after {left:14.4%; } .about_develop li .time{width:12%;} .about_develop li .p{ width:78%} } @media screen and (max-width:480px) { .about_develop{margin:30px 0;} .about_develop:after,.about_develop li i{ display:none} .about_develop li .time{width:20%;} .about_develop li. p{ width:72%} .about_develop li b{font-size:20px;} } @media screen and (max-width:375px) { .about_develop li .time{width:22%;} .about_develop li .p{ width:70%} } @media screen and (max-width:320px) { .about_develop li .time{width:25%;} .about_develop li .p{ width:64%} } .ny_wzjs{ overflow:hidden; line-height:30px; margin:20px 0 80px;} .bannerby02{color:#006ab8;font-size:4.5em; font-weight:bold} .bannerby03{color:#999; font-size:1em; text-transform:uppercase } @media screen and (max-width:1024px) { .bannerby02{font-size:3em;} } @media screen and (max-width:768px) { .bannerby02{font-size:2.5em;} .bannerby03{font-size:0.2em;} } @media screen and (max-width:480px) { .ny_wzjs{margin:20px 0 40px;} .bannerby02{font-size:1.5em;} } /*------新闻日期型列表---- */ .news_list02{margin-top:40px;overflow:hidden;} .news_list02 li { width:100%; margin-bottom:0px; border-bottom:1px dashed #ddd; overflow:hidden; cursor: pointer; margin-bottom:25px; padding-bottom:10px} .news_list02 .datetime {width:80px;height:80px; margin-top:5px;text-align:center;display:block; float:left;font-family:Arial, Helvetica, sans-serif; background:#dddddd; padding:3px; margin-right:20px;} .news_list02 .datetime strong{display:block; font-size:36px; line-height:45px; height:40px; color:#004486; font-weight:normal; margin-top:5px;} .news_list02 .datetime b{font-size:12px; line-height:12px; margin-top:5px; display:block; color:#333; font-weight:normal;} .news_list02 .cnt { position:inherit;height:80px; padding-top:5px;} .news_list02 .cnt .bt {font-size:18px; color:#333; height:20px; overflow:hidden; line-height:20px; display:block; font-weight:bold} .news_list02 p.summary {margin-top:5px; color:#666; height:50px; overflow:hidden; line-height:25px; font-size:14px} .news_list02 .cnt .bt:hover{ color:#006ab8;} .news_list02 li:hover .datetime{ background:#006ab8;} .news_list02 li:hover .datetime strong{ color:#fff;} .news_list02 li:hover .datetime b{ color:#fff;} @media screen and (max-width:480px) { .news_list02{margin-top:20px;} .news_list02 li{margin-bottom:15px;} } .cul_ms{ width:90%; background-color:#f3f3f3; padding:5%; margin-bottom:1em; line-height:30px} .cul_ms b{ display:block}