@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {
margin: 0;
padding: 0;
border: none;
outline: 0;
/*font-size:100%;*/
font: inherit;
vertical-align: baseline;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
font-size: 14px;
color: #5a5a5a;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
background: #fff;
}
a {
color: #444;
text-decoration: none;
}
.ln {
text-align: left;
}
.cn {
text-align: center;
}
.rn {
text-align: right;
}
.left {
float: left;
}
.right {
float: right;
}
.p5 {
padding: 5px;
}
.p10 {
padding: 10px;
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt20 {
padding-top: 20px;
}
.pt30 {
padding-top: 30px;
}
.pt33 {
padding-top: 33px;
}
.pt35 {
padding-top: 35px;
}
.pt40 {
padding-top: 40px;
}
.pt45 {
padding-top: 45px;
}
.pt50 {
padding-top: 50px;
}
.pt68 {
padding-top: 68px;
}
.pt80 {
padding-top: 80px;
}
.pt100 {
padding-top: 100px;
}
.pt120 {
padding-top: 120px;
}
.pb5 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb20 {
padding-bottom: 20px;
}
.pb30 {
padding-bottom: 30px;
}
.pbl30 {
padding-left: 30px;
}
.mr10 {
margin-right: 10px;
}
.ml10 {
margin-left: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
input[type=button], input[type=submit], input[type=reset], button, input[type=text] {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.cclear:after, .cclear .after {
content: "";
display: block;
clear: both;
}
.clear {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
overflow: hidden;
}
button {
padding: 0px;
outline: none;
border: none;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
.img img {
width: 100%;
}
/* 公共版心 */
.pub_wrap {
width: 1200px;
/*height: 100%;*/
margin: 0 auto;
position: relative;
}
/* 头部logo */
.header {
width: 100%;
height: 100px;
color: rgb(67, 67, 67);
}
.header img {
height: 55px;
margin-top: 22.5px;
}
.header .company_name {
font-size: 26px;
height: 26px;
line-height: 26px;
margin-top: 37px;
margin-left: 10px;
}
/* 导航 */
.nav_con {
height: 100px;
position: absolute;
right: 0;
}
.nav_li {
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
float: left;
}
.nav_li a {
display: block;
padding: 0 15px;
}
.nav_li a span {
display: block;
font-size: 16px;
/*font-weight: bold;*/
}
.nav_li:hover span {
color: #CD2B2B;
}
.nav_li.li_hover span {
color: #CD2B2B;
}
/* 首页轮播 */
.banner {
width: 1920px;
width: 100%;
height: calc(100vw / 1920 * 600);
overflow: hidden;
min-width: 1200px;
min-height: 375px;
position: relative;
}
.banner .pic li img {
width: 100%;
height: calc(100vw / 1920 * 600);
min-width: 1200px;
min-height: 375px;
}
.banner .hd {
position: absolute;
z-index: 25;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
}
.banner .hd li {
display: inline-block;
zoom: 1;
width: 20px;
height: 6px;
overflow: hidden;
margin: 0 6px;
opacity: 0.7;
border-radius: 5px;
cursor: pointer;
background: #fff;
}
.banner .hd .on {
background-color: #CD2B2B;
}
.profile_con {
height: 300px;
overflow: hidden;
}
.profile_con .profile_txt {
width: 700px;
padding-right: 30px;
box-sizing: border-box;
}
.profile_con .pro_txt .cstlayer {
width: 650px;
height: 230px;
}
.profile_con .pro_txt .cstlayer .content {
overflow-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 230px;
width: 650px;
display: block;
border-style: solid;
}
.profile_con .pro_txt .cstlayer .content .tit {
font-size: 18px;
line-height: 200%;
color: #333;
font-weight: bold;
}
.profile_con .pro_txt .cstlayer .content .cont {
text-indent: 2em;
font-size: 16px;
line-height: 1.5em;
}
.module_tit {
color: #CD2B2B;
margin: 0 auto;
padding: 50px 0;
}
.module_tit strong {
font-size: 24px;
}
.module_tit strong span {
font-size: 18px;
}
.module_tit .en span {
font-size: 14px;
text-transform: uppercase;
line-height: 140%;
color: #CD2B2B;
}
.module_con .pro_txt {
position: relative;
min-height: 300px;
}
.module_con .pro_txt .btnarea {
position: absolute;
bottom: 0;
cursor: pointer;
text-align: center;
color: #fff;
width:200px;
left:0px;
height:40px;
line-height:40px;
font-size: 14px;
color: #fff;
background-color: #CD2B2B;
/* border: 1px solid #CD2B2B; */
/* box-sizing: border-box; */
}
.module_con .pro_txt .btnarea .button_btndefault-label {
font-size: 14px;
}
.pro_bot {
margin-top: 50px;
height: 100px;
color: #fff;
}
.pro_bot .item {
height: 100%;
}
.pro_bot .item>div {
height: 100%;
}
.pro_bot .item .left {
width: 100px;
background-color: #f58a8a;
font-size: 38px;
font-weight: bold;
line-height: 100px;
text-align: center;
}
.pro_bot .item .right {
width: 300px;
background-color: #CD2B2B;
position: relative;
}
.pro_bot .item .right .top {
font-size: 16px;
height: 16px;
line-height: 16px;
font-weight: bold;
position: absolute;
left: 16px;
top: 30px;
}
.pro_bot .item .right .bot {
font-size: 12px;
height: 12px;
line-height: 12px;
position: absolute;
left: 16px;
bottom: 30px;
}
.pros_con {
margin-bottom: 60px;
}
.pros_con ul {
margin-bottom: 10px;
}
.pros_con ul li {
width: 285px;
margin: 0 20px 20px 0;
cursor: pointer;
}
.pros_con ul li:nth-child(4n) {
margin-right: 0;
}
.pros_con ul li .img {
width: 285px;
height: 285px;
position: relative;
border: 1px solid #ddd;
}
.pros_con ul li .img:hover::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
/*background-color: rgba(0, 0, 0, 0.6);*/
left: 0;
top: 0;
/*background-image: url(/pic46.websiteonline.cn/upload/psyq.png);*/
/*background-size: 42px 42px;*/
/*background-position: 121px 121px;*/
/*background-repeat: no-repeat;*/
border: 1px solid #f30a0a;
}
.pros_con ul li a {
display: block;
width: 285px;
height: 285px;
}
.pros_con ul li a img {
width: 285px;
}
.pros_con ul li .tit {
text-align: center;
margin-top: 10px;
color: #434343;
}
.btnbox {
width: 100%;
height: 40px;
position: relative;
}
.module_con .more_btn {
display: block;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
cursor: pointer;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width:200px;
/* border: 1px solid #CD2B2B;
box-sizing: border-box; */
color: #fff;
background-color: #CD2B2B;
}
/*.module_con .more_btn:hover {*/
/* background-color: #CD2B2B;*/
/*}*/
.quality {
height: 464px;
background-color: rgb(204, 204, 204);
background-image: url(/views/default/images/jm.jpg);
background-position: left center;
background-attachment: fixed;
color: #fff;
text-align: center;
}
.quality .title {
font-size: 60px;
height: 60px;
line-height: 60px;
font-weight: bolder;
top: 140px;
position: absolute;
width: 100%;
}
.quality .line0 {
width: 516px;
top: 237px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.quality .horizontal-solid {
border: none;
border-top: 1px solid #ffffff;
height: 0;
}
.quality .line1 {
width: 516px;
top: 290px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.quality .en {
text-transform: uppercase;
font-size: 26px;
height: 26px;
line-height: 26px;
top: 252px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.quality .tips {
font-size: 18px;
height: 18px;
line-height: 18px;
top: 317px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.quality .tips .s0 {
margin-right: 72px;
}
.news_con .news_item {
width: 600px;
height: 120px;
margin-bottom: 50px;
}
.news_con .news_item .news_img {
width: 160px;
height: 120px;
margin-right: 28px;
vertical-align: baseline;
position: relative;
}
.news_con .news_item .news_img:hover::after {
/*content: '';*/
/*width: 100%;*/
/*height: 100%;*/
/*position: absolute;*/
/*background-color: rgba(0, 0, 0, 0.6);*/
/*left: 0;*/
/*top: 0;*/
/*background-image: url(/pic46.websiteonline.cn/upload/psyq.png);*/
/*background-size: 40px 40px;*/
/*background-position: 60px 40px;*/
/*background-repeat: no-repeat;*/
}
.news_con .news_item .news_img img {
width: 100%;
height: 100%;
}
.news_con .news_item .news_info {
width: 385px;
height: 112px;
}
.news_con .news_item .news_info .news_tit {
font-size: 22px;
color: #434343;
line-height: 30px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_con .news_item .news_info .news_tit:hover {
color: #CD2B2B;
}
.news_con .news_item .news_info .news_date {
font-size: 14px;
color: #cccccc;
}
.news_con .news_item .news_info .news_brif {
font-size: 14px;
height: 44px;
line-height: 22px;
padding-top: 9px;
color: #999999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.topbg {
width: 100%;
height: 320px;
position: relative;
overflow: hidden;
}
.topbg .title {
position: absolute;
top: 120px;
line-height: 45px;
font-size: 34px;
color: #000;
width: 100%;
text-align: center;
}
.crumb {
width: 100%;
height: 54px;
line-height: 54px;
background-color: rgb(244, 244, 244);
}
.crumb .left {
font-size: 14px;
}
.crumb .right {
padding-left: 10px;
}
.crumb .right li {
padding: 0 5px;
}
.crumb .right li a {
padding: 0 10px;
height: 54px;
display: block;
font-size: 15px;
}
.crumb .right li:hover a {
color: #CD2B2B;
border-bottom: 2px solid #CD2B2B;
box-sizing: border-box;
}
.crumb .right li.cur a {
color: #CD2B2B;
border-bottom: 2px solid #CD2B2B;
box-sizing: border-box;
}
/*.profile_con {*/
/* padding-bottom: 50px;*/
/*}*/
.profile_con .profile_txt {
width: 700px;
padding-right: 30px;
box-sizing: border-box;
}
.sur_con {
margin-bottom: 50px;
}
.culture_module {
background-image: url(/views/default/images/wh.jpg);
height: 580px;
}
.culture_module .module_tit {
color: #fff;
}
.culture_module .module_tit .en span {
color: #bbb;
}
.culture_module .module_con .content {
word-wrap: break-word;
padding: 0px;
border-color: transparent;
border-width: 0px;
height: 245px;
width: 1046px;
display: block;
}
.culture_module .module_con .title {
font-size: 20px;
color: rgb(255, 255, 255);
line-height: 230%;
}
.culture_module .module_con .info {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 230%;
}
.pub_wrap .elegant {
position: relative;
z-index: 15;
height: auto;
overflow: hidden;
/*margin: 25px auto 0;*/
}
.pub_wrap .elegant ul {
overflow: hidden;
zoom: 1;
}
.pub_wrap .elegant ul li {
float: left;
width: 286px;
height: auto;
overflow: hidden;
margin: 0 18.5px 20px 0;
background: #fff;
}
.pub_wrap .elegant ul li a {
display: block;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.pub_wrap .elegant ul li a .img {
height: 220px;
line-height: 220px;
text-align: center;
overflow: hidden;
margin: 0 auto;
}
.pub_wrap .elegant ul li a .img img {
height: 100%;
vertical-align: top;
}
.pub_wrap .elegant ul li a p {
height: 45px;
line-height: 45px;
text-align: center;
overflow: hidden;
margin: 0 auto;
font-size: 14px;
color: #4D4D4D;
}
.pub_wrap .elegant ul li:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.pub_wrap .elegant ul li:hover a p {
color: #CD2B2B;
}
.pub_wrap .elegant .itemcon .abbimg {
display: block;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.pub_wrap .elegant .itemcon .abbimg .img {
height: 220px;
line-height: 220px;
text-align: center;
overflow: hidden;
margin: 0 auto;
}
.pub_wrap .elegant .itemcon .abbimg .img img {
height: 100%;
vertical-align: top;
}
.pub_wrap .elegant .itemcon .abbimg p {
height: 45px;
line-height: 45px;
text-align: center;
overflow: hidden;
margin: 0 auto;
font-size: 14px;
color: #4D4D4D;
}
.pub_wrap .elegant .itemcon:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.pub_wrap .elegant .item:hover .abbimg p {
color: #CD2B2B;
}
.products_con {
padding-top: 50px;
}
.news_cont {
padding-top: 50px;
}
.news_cont .news_item {
padding: 30px 0 30px;
border-bottom: 1px dotted #dbd4cd;
width: 100%;
height: 80px;
}
.news_cont .news_item .time {
background: #f4f4f4;
width: 78px;
height: 80px;
color: #838383;
margin-left: 30px;
text-align: center;
}
.news_cont .news_item .time .date {
font-size: 33px;
height: 33px;
line-height: 33px;
padding-top: 15px;
padding-bottom: 3px;
}
.news_cont .news_item .content {
margin-left: 44px;
height: 100%;
width: 850px;
margin-right: 25px;
}
.news_cont .news_item .content .title {
font-size: 20px;
line-height: 30px;
}
.news_cont .news_item .content .title:hover {
color: #CD2B2B;
}
.news_cont .news_item .content .conts {
font-size: 14px;
line-height: 24px;
color: #999;
padding-top: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news_cont .news_item .img {
width: 150px;
height: 110px;
margin-top: -15px;
position: relative;
}
.news_cont .news_item .img img {
width: 100%;
height: 100%;
display: block;
}
/* .news_cont .news_item .img:hover::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
left: 0;
top: 0;
background-image: url(/pic46.websiteonline.cn/upload/psyq.png);
background-size: 40px 40px;
background-position: 55px 35px;
background-repeat: no-repeat;
} */
.news_det_con {
padding-top: 50px;
}
.news_det_con .title {
width: 100%;
text-align: center;
color: #000;
font-size: 32px;
font-weight: bold;
line-height: 60px;
}
.news_det_con .info {
text-align: center;
padding: 10px 0 15px;
font-size: 14px;
line-height: 21px;
}
.news_det_con .info span {
margin-right: 34px;
}
.news_det_con .info span:last-child {
margin-right: 0;
}
.contact_con {
padding-top: 90px;
}
.contact_con .main {
width: 100%;
height: 340px;
background-color: #6A89D9;
color: #fff;
padding: 80px 50px;
box-sizing: border-box;
position: relative;
}
.contact_con .main .info .tit {
font-size: 28px;
font-weight: bold;
line-height: 40px;
margin-bottom: 30px;
}
.contact_con .main .info p {
font-size: 16px;
line-height: 30px;
}
.contact_con .main .info p span {
text-align-last:justify;
min-width: 64px;
display: inline-block;
}
.contact_con .main .img {
width: 356px;
position: absolute;
right: 0px;
top: 0;
}
#allmap {
width: 100%;
height: 300px;
}
.pro_det_con {
padding-top: 50px;
}
.pro_det_con .pic {
margin-right: 50px;
}
.pro_det_con .pic .img {
width: 300px;
height: 300px;
}
.pro_det_con .info .tit {
font-size: 32px;
}
.pro_det_con .info .cont {
margin-top: 30px;
font-size: 16px;
line-height: 30px;
}
.talent_con {
padding-top: 50px;
}
.employ_con {
padding-top: 50px;
}
.salary_con {
padding-top: 50px;
}
.promotion_con {
padding-top: 50px;
}
.pub_wrap .module_con {
position: relative;
}
.pub_wrap .module_con .elegant .item:last-child {
margin-right: 0;
}
.arrows {
width: 1299px;
position: absolute;
left: -50px;
height: 50px;
top: 97px;
}
.arrows .al {
width: 50px;
height: 50px;
background-image: url(/views/default/images/left.png);
background-size: 50px;
cursor: pointer;
}
.arrows .ar {
width: 50px;
height: 50px;
background-image: url(/views/default/images/right.png);
background-size: 50px;
cursor: pointer;
}
.arrows .dis {
opacity: 0.2;
}
/*页码*/
.but-mt { width:1200px; height:auto; overflow:hidden; margin:0 auto 30px; text-align:center; font-weight:500;}
.but-mt a {margin:0 3px; display:inline-block; width:20px; height:20px; line-height:20px; border:1px solid #eee;}
.but-mt a.sign { color:#fff; background:#CD2B2B;}
.product_details { height:auto; overflow:hidden; margin:20px auto; text-align:center; font-weight:500;}
.product_details a{display: inline-block;}
.product_details img { display:block; max-width:100%; max-height:100%; margin:0 auto;}
.but-mt a.pre,a.next,.but-mt a.total{
width: 50px;
}
.but-mt a.total{
border:none;
}
body {
position: relative;
/*padding-bottom: 215px;*/
}
/*页码*/
.footdiv {
height: auto;
overflow: hidden;
margin: 0 auto;
font-family: "Microsoft Yahei";
font-weight: 500;
background: #434343;
clear: both;
/*position: absolute;*/
/*width: 100%;*/
/*bottom: 0;*/
}
.footdiv .wp .links {
height: 40px;
text-align: center;
margin: 30px 0 20px;
}
.footdiv .wp .links img{
height: 37px;
vertical-align: middle;
margin-right: 15px;
}
.footdiv .wp .links p{
display: inline;
color: #fff;
}
.footdiv .wp .links a {
display: inline-block;
height: 40px;
line-height: 40px;
overflow: hidden;
text-align: center;
margin: 0 10px;
font-size: 14px;
color: #fff;
}
.footdiv .wp .cps {
height: auto;
overflow: hidden;
margin: 0 auto 15px;
}
.footdiv .wp .cps p {
height: 25px;
line-height: 25px;
text-align: center;
overflow: hidden;
margin: 0 auto;
font-size: 12px;
color: #fff;
}
.footdiv .wp .cps p a {
color: #fff;
}
/*招商中心*/
.mcont { height:auto; overflow:hidden; margin:0 auto;}
.mcont .fw { height:auto; overflow:hidden; margin:0 auto 40px; line-height:21px; font-weight:bold; font-size:16px; color:#5A5A5A;}
.mcont .lista { height:auto; overflow:hidden; margin:0 auto;}
.mcont .lista .item { height:auto; overflow:hidden; margin:0 auto;}
.mcont .lista .item .tit { height:24px; overflow:hidden; margin:0 auto 15px; line-height:24px; font-weight:bold; font-size:18px; color:#5A5A5A;}
.mcont .lista .item .tit i { display:block; float:left; width:3px; height:18px; overflow:hidden; margin:3px 8px 0 0; background:#CD2B2B;}
.mcont .lista .item .txts { height:auto; overflow:hidden; margin:0 auto 40px; line-height:24px; font-size:16px; color:#5A5A5A;}
.mcont .listb { height:auto; overflow:hidden; margin:0 auto;}
.mcont .listb .item { float:left; width:380px; height:164px; overflow:hidden; margin:0 30px 40px 0; border-radius:5px; background:#F7F7F7;}
.mcont .listb .item:nth-child(3n) { margin:0 0 40px 0;}
.mcont .listb .item .tit { position:relative; height:30px; overflow:hidden; margin:20px;}
.mcont .listb .item .tit .num { position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; text-align:center; overflow:hidden; border-radius:30px; font-size:16px; color:#fff; background:#CD2B2B;}
.mcont .listb .item .tit .line { width:260px; height:8px; overflow:hidden; margin-top:11px; margin-left:25px; background:linear-gradient(90deg, #CD2B2B 0%, rgba(205, 43, 43, 0) 100%);}
.mcont .listb .item .pps { height:auto; overflow:hidden; margin:0 20px; line-height:24px; font-size:16px; color:#5A5A5A;}
.mcont .imgtxt { position:relative; height:219px; overflow:hidden; margin:0 auto 47px; background:url(/views/default/images/icon_imgtxt_01.png) no-repeat top center; background-size:100%;}
.mcont .imgtxt .img { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.mcont .imgtxt .img img { width:100%;}
.mcont .imgtxt .txts { position:absolute; left:0; top:0; margin:40px; height:auto; overflow:hidden; line-height:26px; font-size:16px; color:#fff;}
@media screen and (max-width: 1199px) {
body {
width: 100%;
position: relative;
}
body.mask {
width: 100vw;
height: 100vh;
overflow: hidden;
}
body.mask::after {
content: '';
display: block;
position: absolute;
top: 64px;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9999;
}
.pub_wrap {
width: 100%;
}
.header {
height: 64px;
}
.header img {
height: 40px;
margin-top: 12px;
margin-left: 10px;
}
.header .company_name {
font-size: 16px;
height: 16px;
line-height: 16px;
margin-top: 24px;
margin-left: 0px;
}
.header .menu_btn {
content: '';
display: block;
width: 64px;
height: 64px;
background-image: url(/views/default/images/menu.png);
background-size: 40px;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0px;
right: 0px;
}
.header .menu_btn.act {
background-color: #CD2B2B;
background-image: url(/views/default/images/close.png);
background-size: 30px;
}
.header .nav_con {
display: none;
}
.header .nav_con {
position: absolute;
top: 64px;
width: 100vw;
background-color: #fff;
height: auto;
z-index: 99999;
}
.header .nav_li {
float: none;
width: 100%;
height: 50px;
line-height: 50px;
text-align: left;
border-bottom: 1px solid #dbd4cd;
}
.banner {
min-width: auto;
min-height: auto;
height: 50vw;
}
.banner .pic li img {
min-width: auto;
min-height: auto;
height: 50vw;
width: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.banner .hd {
display: none;
}
.module_tit {
padding: 20px 0;
}
.module_tit strong {
font-size: 18px;
}
.module_tit strong span {
font-size: 12px;
}
.module_con {
padding: 0px calc(15 / 414 * 100vw);
}
.pros_con {
padding-top: 0;
margin-bottom: calc(30 / 414 * 100vw);
}
.profile_con {
padding: 0px calc(15 / 414 * 100vw);
height: auto;
box-sizing: border-box;
}
.profile_con>div {
float: none;
width: 100%;
}
.profile_con .pro_img img {
width: 100%;
}
.profile_con .pro_txt .cstlayer {
width: 100%;
margin-top: 10px;
height: auto;
}
.profile_con .pro_txt .cstlayer .content {
width: 100%;
height: auto;
}
.profile_con .pro_txt .cstlayer .content .tit {
text-align: center;
}
.module_con .pro_txt .btnarea {
display: block;
margin: 10px auto;
position: relative;
}
.pro_bot {
margin-top: calc(100vw / 414 * 20);
height: calc(100vw / 414 * 276);
}
.pro_bot .item {
height: calc(100vw / 414 * 72);
border-top: 15px solid #CD2B2B;
}
.pro_bot .item:last-child {
border-bottom: 15px solid #CD2B2B;
}
.pro_bot .item .left {
width: calc(100vw / 414 * 72);
font-size: 22px;
line-height: calc(100vw / 414 * 72);
border-left: 15px solid #CD2B2B;
/*background-color: #fff;*/
/*color: #CD2B2B;*/
}
.pro_bot .item .right {
width: calc(100vw - 100vw / 414 * 90);
}
.pro_bot .item .right .top {
top: calc(12 / 414 * 100vw);
font-size: calc(18 / 414 * 100vw);
}
.pro_bot .item .right .bot {
bottom: calc(12 / 414 * 100vw);
font-size: calc(14 / 414 * 100vw);
}
.pro_bot .item .right .bot:last-child {
height: 30px;
line-height: 15px;
bottom: 0;
padding-right: 15px;
}
.pros_con ul {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: calc(10 / 414 * 100vw);
}
.pros_con ul li {
width: calc(183 / 414 * 100vw);
margin: 0;
}
.pros_con ul li .img {
width: calc(183 / 414 * 100vw);
height: calc(183 / 414 * 100vw);
}
.pros_con ul li a {
width: calc(183 / 414 * 100vw);
height: calc(183 / 414 * 100vw);
}
.pros_con ul li a img {
width: calc(183 / 414 * 100vw);
}
.pros_con ul li .img:hover::after {
display: none;
}
.pros_con ul li .tit {
margin-bottom: 10px;
}
.quality {
height: calc(210 / 414 * 100vw);
background-size: 100vw;
}
.quality .title {
font-size: calc(22 / 414 * 100vw);
height: calc(22 / 414 * 100vw);
line-height: calc(22 / 414 * 100vw);
font-weight: bold;
top: calc(60 / 414 * 100vw);
}
.quality .horizontal-solid {
display: none;
}
.quality .en {
font-size: calc(16 / 414 * 100vw);
height: calc(16 / 414 * 100vw);
line-height: calc(16 / 414 * 100vw);
top: calc(102 / 414 * 100vw);
width: 100%;
}
.quality .tips {
top: calc(130 / 414 * 100vw);
width: 100%;
}
.quality .tips .s0 {
margin-right: calc(22 / 414 * 100vw);
}
.news_con .news_item {
width: calc(100vw - 30 / 414 * 100vw);
height: calc(100 / 414 * 100vw);
padding-bottom: calc(15 / 414 * 100vw);
margin-bottom: calc(20 / 414 * 100vw);
border-bottom: 2px solid #e2e2e2;
}
.news_con .news_item .news_img {
width: calc(118 / 414 * 100vw);
height: calc(98 / 414 * 100vw);
margin-right: calc(10 / 414 * 100vw);
}
.news_con .news_item .news_info {
width: calc(100vw - 158 / 414 * 100vw);
height: auto;
}
.news_con .news_item .news_info .news_tit {
font-size: 20px;
line-height: 20px;
margin-bottom: 10px;
}
.topbg {
height: calc(140 / 414 * 100vw);
background-size: 120vw calc(140 / 414 * 100vw);
background-position: -10vw 0;
position: relative;
}
.topbg img {
height: 100%;
/*width: 100%;*/
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.topbg .title {
top: calc(50 / 414 * 100vw);
line-height: calc(24 / 414 * 100vw);
font-size: calc(24 / 414 * 100vw);
}
.crumb .left {
padding: 0 calc(15 / 414 * 100vw);
}
.profile_con .profile_txt {
width: calc(100vw - 30 / 414 * 100vw);
padding: 0;
}
.sur_con {
margin-bottom: 0px;
}
.pub_wrap .elegant {
margin: 0;
}
.pub_wrap .elegant ul li {
width: calc(100vw - 30 / 414 * 100vw);
}
.pub_wrap .elegant .itemcon .abbimg .img {
height: auto;
line-height: 0;
}
.culture_module {
height: 500px;
background-position: -717px -91px;
}
.culture_module .module_con {
padding: 0 calc(30 / 414 * 100vw);
}
.culture_module .module_con .content {
width: 100%;
}
.arrows {
/*width: 100%;*/
display: none;
}
.honor_con {
margin-bottom: calc(15 / 414 * 100vw);
}
.honor_con .itemcon {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.honor_con .itemcon .item {
margin: 0;
width: calc(184 / 414 * 100vw);
}
.crumb .right {
float: none;
width: 100%;
box-sizing: border-box;
padding: 0 calc(15 / 414 * 100vw);
overflow-y: hidden;
overflow-x: scroll;
}
.crumb .right li {
padding: 0 5px;
margin-bottom: 5px;
}
.crumb .right li a {
padding: 0 15px;
font-size: 18px;
}
.crumb .right li:hover a {
border: 0 none;
color: #000;
}
.products_con, .news_cont, .talent_con {
margin-top: 74px;
}
.news_cont .news_item .time {
display: none;
}
.news_cont .news_item {
padding: 20px 0 20px;
height: auto;
}
.news_cont .news_item a {
display: block;
position: relative;
}
.news_cont .news_item .content {
margin-left: calc(128 / 414 * 100vw);
width: calc(256 / 414 * 100vw);
}
.news_cont .news_item .content .itime {
display: block;
color: #cccccc;
margin-top: 5px;
}
.news_cont .news_item .content .title {
font-size: 16px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_cont .news_item .img {
width: calc(118 / 414 * 100vw);
height: calc(98 / 414 * 100vw);
position: absolute;
left: 0;
top: 11px;
}
.contact_con, .pro_det_con {
padding-top: calc(30 / 414 * 100vw);
}
.contact_con .main {
padding: 15% 10% 10%;
height: auto;
}
.contact_con .main .img {
width: 100%;
position: relative;
margin-top: 20px;
}
.but-mt {
display: none;
}
.pro_det_con .pic {
margin: 0;
}
.pro_det_con .info {
width: 100%;
}
.footdiv .wp {
width: 100%;
height: auto;
overflow: hidden;
margin: 10px auto 20px;
text-align: center;
}
.footdiv .wp .links {
position: relative;
margin: calc(30 / 414 * 100vw) 0;
height: calc(60 / 414 * 100vw);
}
.footdiv .wp .links img {
margin: 0;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.footdiv .wp .links p {
width: 100%;
text-align: center;
position: absolute;
top: calc(50 / 414 * 100vw);
display: block;
left: 0;
}
.footdiv .wp .cps p {
height: auto;
}
.footdiv .wp .cps p span {
display: block;
}
.news_det_con .title {
width: 100%;
color: #000;
font-size: 22px;
line-height: 40px;
}
.news_det_con .content img {
width: 100%;
}
/*招商中心*/
.mcont { padding:0px calc(15 / 414 * 100vw); box-sizing:border-box;}
.mcont .imgtxt .txts { margin:15px; line-height:20px; font-size:14px;}
}
/*当页面宽度大于690px小于790px的时候执行下面的CSS*/
@media screen and (min-width:690px) and (max-width:790px) {
.mcont .imgtxt { height:179px; background-size:140%;}
.mcont .imgtxt .txts { margin:20px; line-height:22px;}
}
@media screen and (min-width:590px) and (max-width:690px) {
.mcont .imgtxt { height:159px; background-size:140%;}
.mcont .imgtxt .txts { margin:20px; line-height:22px;}
}
@media screen and (min-width:490px) and (max-width:590px) {
.mcont .imgtxt { height:169px; background-size:210%; background-position-x: 70%;}
.mcont .imgtxt .txts { margin:20px; line-height:22px; font-size:13px;}
}
@media screen and (min-width:320px) and (max-width:490px) {
.mcont .imgtxt { height:149px; background-size:250%; background-position-x: 70%;}
.mcont .imgtxt .txts { margin:15px; line-height:19px; font-size:calc(13 / 414 * 100vw);}
}
.fixfootdiv { position:fixed; left:0; right:0; bottom:0; z-index:99;}
/*
FILE ARCHIVED ON 16:41:04 Dec 16, 2021 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 18:54:52 Apr 28, 2024.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.778
exclusion.robots: 0.197
exclusion.robots.policy: 0.185
cdx.remote: 0.078
esindex: 0.012
LoadShardBlock: 192.018 (3)
PetaboxLoader3.datanode: 84.951 (4)
PetaboxLoader3.resolve: 419.933 (2)
load_resource: 334.899
*/