@charset "utf-8";
*,
body,
html {
padding: 0;
margin: 0;
font-family: "Microsoft YaHei", Arial, sans-serif, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB";
}
.product-wrap p img{width: 100%;}
ul,
li,
dl {
list-style: none;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #333;
}
.container {
overflow: hidden;
background-color: #FFF;
}
.header {
width: 1200px;
height: 130px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.header .logo {
margin-top: 40px;
}
.header .logo img {
width: 229px;
height: 65px;
}
.header .navBox {
/* width: 760px; */
}
.header .navBox .search {
float: right;
margin: 14px 0 35px 0;
width: 212px;
height: 30px;
position: relative;
}
.header .navBox .search input {
width: 212px;
height: 30px;
position: absolute;
top: 0;
left: 0;
text-indent: 10px;
color: #142a4e;
border: 1px solid #142a4e;
}
.header .navBox .search input::-moz-placeholder {
color: #142a4e;
}
.header .navBox .search input::-webkit-input-placeholder {
color: #142a4e;
}
.header .navBox .search input:-ms-input-placeholder {
color: #142a4e;
}
.header .navBox .search a {
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/icon_search.png")no-repeat center center;
position: absolute;
top: 5px;
right: 5px;
z-index: 999;
}
.header .navBox ul {
clear: both;
}
.header .navBox>ul>li {
float: left;
position: relative;
}
.header .navBox>ul>li>a {
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 0 20px;
}
.header .navBox>ul>li>a:hover,
.header .navBox>ul>li>a.active {
background-color: #142A4E;
border-radius: 32px;
color: #FFF;
}
.header .navBox li.switch a {
width: 29px;
height: 29px;
line-height: 29px;
color: #FFF;
background-color: #142A4E;
border-radius: 29px;
font-weight: 400;
padding: 0;
}
.header .navBox li.switch a:first-child {
margin-right: 6px;
}
#pages{clear:both;width:600px;margin:0 auto;margin-top:0px;overflow: hidden;text-align:center;}
.pagination{margin:30px 0;}
.pagination li{display:inline-block;border:1px solid #E2E2E2;margin-left:-1px;}
.pagination li a,.pagination li span{display:inline-block;padding:8px 12px;}
.pagination li.disabled{pointer-events: none;color:#e2e2e2;}
.pagination li.active{background-color:#385587;color:#FFF;border:1px solid #385587;}
.pagination li a:hover{color:#385587;}
.partners {
height: 60px;
background-color: #325389;
}
.partners ul {
width: 1200px;
display: flex;
flex-direction: row;
margin: 0 auto;
}
.partners ul li {
margin: 9px 16px 9px 0;
}
.partners ul li img {
width: 42px;
height: 42px;
}
.jrPageinfo {
padding: 20px 0;
}
.jrPageinfo h1 {
font-size: 36px;
font-weight: 400;
text-align: center;
}
.jrPageinfo .content {
width: 1200px;
margin: 60px auto;
}
.jrPageinfo .content img {
max-width: 1200px;
}
/*底部*/
.footer {
padding: 43px 0;
background-color: #142A4E;
color: #FFF;
}
.footer .inside {
width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
}
.footer dl {
width: 196px;
margin-right: 55px;
}
.footer dt {
line-height: 66px;
height: 66px;
border-bottom: 1px #4d5e79 solid;
font-size: 18px;
font-weight: bold;
margin-bottom: 23px;
}
.footer dd a {
display: block;
font-size: 14px;
text-indent: 12px;
line-height: 33px;
height: 33px;
overflow: hidden;
background: url("../images/icon_right.png")no-repeat left center;
color: #828da1;
}
.copyright {
height: 59px;
line-height: 59px;
color: #828da1;
background-color: #081A37;
font-size: 12px;
}
.copyright .inside {
width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.copyright .inside img{vertical-align: middle;margin: 0 5px;}
.hide {
display: none;
z-index: 4;
}
.hide.detail {
position: absolute;
background: rgba(255, 255, 255, 1);
top: 30px;
padding: 10px;
text-align: center;
}
.hide.detail li a {
display: block;
height: 20px;
padding: 6px 20px;
line-height: 20px;
text-align: left;
font-weight: 600;
font-size: 13px;
font-family: MicrosoftYaHei;
color: rgba(0, 0, 0, 1);
white-space: nowrap;
}
.header .navBox ul li .title:hover+.detail {
display: block;
}
.header .navBox ul li .detail:hover {
display: block;
}
.hide.detail li a:hover {
color: #FFA507;
}
.clearify {
content: "";
display: table;
clear: both;
}
.footer dd a:hover {
color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
.header {
width: 980px;
height: 106.2px;
margin: 0 auto;
}
.header .logo {
margin-top: 32.67px;
}
.header .logo img {
width: 187px;
height: 53.1px;
}
.header .navBox {
/* width: 534.1px; */
}
.header .navBox .search {
margin: 11.4px 0 28.6px 0;
width: 180.5px;
height: 24.5px;
}
.header .navBox .search input {
width: 173.1px;
height: 24.5px;
text-indent: 9px;
}
.header .navBox .search input::-moz-placeholder {
color: #142a4e;
}
.header .navBox .search input::-webkit-input-placeholder {
color: #142a4e;
}
.header .navBox .search input:-ms-input-placeholder {
color: #142a4e;
}
.header .navBox .search a {
width: 16.3px;
height: 16.3px;
top: 7px;
right: 11px;
}
.header .navBox>ul>li>a {
display: inline-block;
/* width: 80px; */
height: 26px;
line-height: 26px;
font-size: 13.1px;
}
.header .navBox>ul>li>a:hover {
border-radius: 26.1px;
}
.header .navBox li.switch a {
width: 23.7px;
height: 23.7px;
line-height: 23.7px;
border-radius: 23.7px;
}
.header .navBox li.switch a:first-child {
margin-right: 4.9px;
}
.partners {
height: 49px;
}
.partners ul {
width: 980px;
}
.partners ul li {
margin: 7.35px 13.1px 7.35px 0;
}
.partners ul li img {
width: 34.3px;
height: 34.4px;
}
/*底部*/
.footer .inside {
width: 980px;
}
.footer dl {
width: 160.1px;
margin-right: 45px;
}
.footer dt {
line-height: 54px;
height: 54px;
font-size: 14.7px;
margin-bottom: 18.8px;
}
.footer dd a {
font-size: 11.4px;
text-indent: 9.8px;
line-height: 27px;
height: 27px;
}
.footer dl .dd1{height: 30px;}
.copyright {
height: 48.2px;
line-height: 48.2px;
font-size: 9.8px;
}
.copyright .inside {
width: 980px;
}
.hide.detail {
top: 24.5px;
padding: 8px;
}
.hide.detail li a {
height: 16px;
padding: 4.9px;
line-height: 16.3px;
font-size: 10.6px;
}
.product-wrap video{
display: block;
}