html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, legend, img, a, video, figure, source {
margin: 0;
padding: 0;
font-family: "Microsoft YaHei";
}
/*
111111 ：自改 没提问题
*/
ul, li, ol {
list-style: none;
}
a {
text-decoration: none;
}
body {
background-color: #f5f5f5;
}
body,html{
overflow-x: auto!important;
min-width: 930px!important;
}
.box {
width: 100%;
}
.box .logo {
z-index: 1000;
width: 275px;
height: 80px;
position: absolute;
top: 0;
left: 0;
background: url("../img/static/logo.png") no-repeat top left;
}
.box .logo a {
width: 100%;
height: 100%;
display: block;
}
.box .close {
background: url("../img/static/close.png");
position: absolute;
top: 35px;
right: 32px;
width: 33px;
height: 33px;
z-index: 121;
cursor: pointer;
}
.box .close:hover {
background: url("../img/static/close-pink.png");
}
.box .bg-pic {
max-width: 100%;
display: block;
z-index: 2;
}
.box .nav {
position: relative;
-moz-box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.3);
-webkit-box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.3);
box-shadow: 2px 3px 3px rgba(102, 102, 102, 0.3);
background-color: #ffffff;
width: 80%;
height: 62px;
border: 1px;
overflow: hidden;
margin: 0 auto;
margin: -1.5% auto 5%;
border-radius: 12px;
z-index: 1000;
}
.box .nav li {
float: left;
height: 62px;
width: 25%;
border-right: 1px solid #e9e9e9;
text-align: center;
box-sizing: border-box;
cursor: pointer;
overflow: hidden;
}
.box .nav li .last {
border-right: 0px;
}
.box .nav li a {
display: inline-block;
font-size: 20px;
width: 120px;
height: 57px;
line-height: 62px;
color: #222222;
text-align: center;
}
.box .nav li a:hover {
border-bottom: 5px solid #e4006e;
}
.box .subnav {
width: 80%;
margin: 0 auto;
}
.box .subnav ol {
width: 60%;
/*width: 50%; 111111*/
height: 55px;
display: none;
}
.box .subnav ol li {
width: 18%;
height: 55px;
float: left;
margin-right: 2%;
background: #e8e8e8;
color: #717171;
text-align: center;
line-height: 55px;
border-radius: 15px 15px 0 0;
cursor: pointer;
}
.box .subnav ol li.cur {
background: #fff;
color: #000;
}
.box .subnav ol.product {
width: 75%;
}
.box .subnav ol.product li {
width: 14%;
}
.box .content {
display: block;
-moz-box-shadow: 1px 1px 5px #666;
-webkit-box-shadow: 1px 1px 5px #666;
box-shadow: 2px 3px 5px #666;
box-sizing: border-box;
padding: 95px 105px;
width: 80%;
background-color: #fff;
text-align: center;
overflow: hidden;
margin: 0 auto;
/* margin-top: 5%; */
vertical-align: middle;
}
.box .content .hide {
width: 100%;
overflow: hidden;
}
.box .content .hide .subcont {
text-align: left;
}
.box .content .hide .subcont .introcont, .box .content .hide .subcont .productcont {
display: none;
font-size: 18px;
line-height: 2em;
}
.box .content .hide .subcont p.loadmore {
padding-bottom: 0;
font-size: 14px;
}
.box .content .hide .subcont .productcont {
display: none;
}
.box .content .hide .subcont .productcont div {
text-align: center;
padding-bottom: 30px;
}
.box .content .hide .subcont .productcont p {
text-indent: 36px;
padding-bottom: 10px;
}
.box .content .hide .subcont s {
color: #e4006e;
font-size: 20px;
text-decoration: none;
font-weight: bold;
margin-right: 10px;
}
.box .content .hide .subcont h2 {
font-size: 24px;
font-weight: 100;
padding-bottom: 20px;
}
.box .content .hide .subcont h3 {
font-size: 20px;
line-height: 50px;
position: relative;
padding-left: 20px;
padding-bottom: 10px;
}
.box .content .hide .subcont h3 s {
position: absolute;
left: 0;
top: 0;
color: #e4006e;
font-size: 30px;
text-decoration: none;
}
.box .content .hide .subcont p {
padding-bottom: 0;
}
.box .content .hide .subcont p a {
color: #2e3993;
}
.box .content .hide .subcont ol {
margin: 10px 0 45px;
}
.box .content .hide .subcont ul {
padding: 5% 0 0 40%;
}
.box .content .hide .subcont ul li {
line-height: 2em;
}
.box .content .hide .subcont dl dt {
display: inline-block;
/*width: 10%;111111*/
width: 12%;
line-height: 30px;
vertical-align: top;
font-weight: bold;
}
.box .content .hide .subcont dl dd {
display: inline-block;
width: 80%;
}
.box .content .hide .subcont .teletext {
overflow: hidden;
width: 100%;
clear: both;
}
.box .content .hide .subcont .teletext img {
width: 20%;
float: left;
}
.box .content .hide .subcont .teletext div {
width: 75%;
float: right;
}
.box .content .hide .subcont .teletext p {
text-indent: 2em;
padding-bottom: 10px;
}
.box .content .hide .subcont .intro2 h2 {
text-align: center;
}
.box .content .hide .subcont .intro2 img {
display: block;
margin: 0 auto;
}
.box .content .hide .subcont .intro3 dl dd {
padding-bottom: 30px;
}
.box .content .hide .subcont .intro3 dl dd p {
padding-bottom: 10px;
}
.box .content .hide .subcont .intro4 p {
padding-bottom: 10px;
}
.box .content .hide .subcont .intro5 ol {
display: flex;
width: 110%;
flex-flow: row wrap;
justify-content: flex-start;
margin: 0;
}
.box .content .hide .subcont .intro5 ol li {
width: 396px;
height: 290px;
position: relative;
margin: 0 55px 50px 0;
cursor: pointer;
}
.box .content .hide .subcont .intro5 ol li p {
color: #fff;
font-size: 18px;
width: 376px;
min-height: 58px;
line-height: 58px;
padding: 0 10px;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.box .content .hide .subcont .intro5 ol li p.mask {
width: 376px;
height: 58px;
background: #24318f;
opacity: 0.5;
z-index: 1;
}
.box .content .hide .subcont .aboutuscont h2 span {
font-size: 16px;
font-weight: bold;
padding-left: 10px;
}
.box .content .hide .subcont .aboutuscont .joblist p {
display: flex;
flex-direction: row;
color: #929292;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
}
.box .content .hide .subcont .aboutuscont .joblist p a, .box .content .hide .subcont .aboutuscont .joblist p span {
text-align: center;
width: 25%;
display: inline-block;
}
.box .content .hide .subcont .aboutuscont .joblist p a {
color: #2e3993;
}
.box .content .hide .subcont .aboutuscont .joblist p.joblist-title {
color: #000;
border-bottom: 2px solid #ccc;
}
.box .news-page {
display: none;
width: 80%;
margin: 0 auto;
margin-top: 5%;
margin-bottom: 20px;
}
.box .news-page li {
-moz-box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.3);
-webkit-box-shadow: 1px 1px 5px rgba(102, 102, 102, 0.3);
box-shadow: 2px 3px 5px rgba(102, 102, 102, 0.3);
box-sizing: border-box;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
width: 100%;
/*height: 220px; 1111111*/
background-color: #fff;
padding: 38px 40px;
display: inline-block;
margin-bottom: 22px;
}
.box .news-page li .new-imgs {
float: left;
display: inline-block;
width: 17%;
color: #2e3993;
font-size: 24px;
/*margin-right: 50px; 11111*/
padding-top: 4%;
text-align: center;
}
.box .news-page li .thumbnail {
float: right;
height: 63.6%;
width: 75%;
font-size: 16px;
line-height: 24px;
}
.box .news-page li .thumbnail .news-title {
font-size: 24px;
color: #000;
}
.box .news-page li .thumbnail #details {
color: #e4006e;
display: inline-block;
font-size: 16px;
}
.box .news-page li .thumbnail .news-text {
display: block;
margin: 12px 0 32px 0;
color: #929292;
font-size: 16px;
}
.box .news-page li .thumbnail .news-time {
font-family: "Microsoft YaHei";
color: #bbbbbb;
font-size: 16px;
line-height: 16px;
color: #a3a3a3;
background: url("../img/static/time.png") no-repeat;
text-indent: 2em;
}
.box .paged {
display: none;
overflow: hidden;
width: 248px;
margin: 0 auto;
margin-top: 45px;
}
.box .paged li {
float: left;
margin-right: 26px;
text-align: center;
line-height: 42px;
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 16px;
color: #888888;
background-color: #fff;
}
.box .paged .left, .box .paged .right {
font-size: 24px;
}
.box .paged .right {
margin-right: 0px;
}
.box .paged li:active {
color: #ffffff;
background-color: #e4006e;
}
.box .news-details-page, .box .mien-cont {
display: none;
-moz-box-shadow: 1px 1px 5px #666;
-webkit-box-shadow: 1px 1px 5px #666;
box-shadow: 2px 3px 5px #666;
box-sizing: border-box;
padding: 98px 145px;
width: 80%;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
overflow: hidden;
margin: 0 auto;
margin-top: 60px;
}
.box .news-details-page .details-title, .box .mien-cont .details-title {
display: inline-block;
font-size: 38px;
}
.box .news-details-page .details-time, .box .mien-cont .details-time {
margin: 25px auto;
width: 205px;
font-family: "Microsoft YaHei";
font-size: 16px;
line-height: 16px;
color: #a3a3a3;
background: url("../img/static/time.png") no-repeat;
text-indent: 1em;
}
.box .news-details-page .line, .box .mien-cont .line {
border-bottom: 2px solid #a6a6a6;
margin-bottom: 20px;
}
.box .news-details-page .details-conetxt, .box .mien-cont .details-conetxt {
text-align: left;
font-size: 16px;
color: #333333;
/* text-indent: 2em; */
}
.box .news-details-page .details-conetxt img, .box .mien-cont .details-conetxt img {
display: block;
margin: 0 auto;
width: 400px;
}
.box .mien-cont {
box-shadow: none;
padding: 0;
}
.box .mien-cont .back {
cursor: pointer;
}
.box .mien-cont .back span img {
vertical-align: middle;
}
.box .jobdetail {
text-align: left;
line-height: 2em;
}
.box .jobdetail h2 span {
font-size: 16px;
padding-left: 10px;
}
.box .details-control {
display: block;
overflow: hidden;
width: 80%;
height: 40px;
margin: 0 auto;
margin-top: 45px;
}
.box .details-control ul {
float: left;
}
.box .details-control ul li {
font-size: 14px;
color: #222222;
}
.box .details-control .back {
float: right;
font-size: 16px;
line-height: 40px;
}
.box .details-control .back a {
color: #9a9a9a;
}
.box .details-control .back span {
display: inline-block;
width: 40px;
height: 41px;
line-height: 44px;
margin-right: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
text-align: center;
}
.box .loadmore {
color: #929292;
text-align: center;
}
.box .footer {
width: 100%;
height: 250px;
margin-top: 80px;
background: url("../img/static/footer_bg.png");
background-size: cover;
text-align: center;
}
.box .footer .qujulogo {
display: inline-block;
width: 235px;
height: 40px;
margin-top: 55px;
background: url("../img/static/logo_03.png") no-repeat;
}
.box .footer p {
color: #fff;
line-height: 25px;
font-size: 14px;
}
.box .footer p a {
padding-left: 10px;
color: #fff;
}
.box .footer p a:hover {
text-decoration: underline;
}
.box .footer p ._a {
display: block;
}
.box .footer p ._a img {
vertical-align: middle;
}
.box .footer p .bottoma {
border-right: 1px solid #fff;
padding: 0 10px;
height: 14px;
}
.box .footer p ._bot {
border-right: 0;
}
.qywenhDiv{
}
.qywenhDiv p{
text-align: center;
padding-bottom:0;
line-height: 50px;
}