@font-face {
font-family: "YKR";
src: url("../fonts/YanoneKaffeesatz-Regular.woff2") format("woff2"), url("../fonts/YanoneKaffeesatz-Regular.woff") format("woff"), url("../fonts/YanoneKaffeesatz-Regular.ttf") format("truetype"), url("../fonts/YanoneKaffeesatz-Regular.eot") format("embedded-opentype"), url("../fonts/YanoneKaffeesatz-Regular.svg") format("svg"), url("../fonts/YanoneKaffeesatz-Regular.otf") format("opentype"); }
@font-face {
font-family: "ROBR";
src: url("../fonts/ROBOTO-REGULAR.woff2") format("woff2"), url("../fonts/ROBOTO-REGULAR.woff") format("woff"), url("../fonts/ROBOTO-REGULAR.ttf") format("truetype"), url("../fonts/ROBOTO-REGULAR.eot") format("embedded-opentype"), url("../fonts/ROBOTO-REGULAR.svg") format("svg"), url("../fonts/ROBOTO-REGULAR.otf") format("opentype"); }
@font-face {
font-family: "ROBB";
src: url("../fonts/ROBOTO-BOLD.woff2") format("woff2"), url("../fonts/ROBOTO-BOLD.woff") format("woff"), url("../fonts/ROBOTO-BOLD.ttf") format("truetype"), url("../fonts/ROBOTO-BOLD.eot") format("embedded-opentype"), url("../fonts/ROBOTO-BOLD.svg") format("svg"), url("../fonts/ROBOTO-BOLD.otf") format("opentype"); }
input::-webkit-input-placeholder {
color: #999; }
input::-moz-placeholder {
color: #999; }
input:-moz-placeholder {
color: #999; }
input:-ms-input-placeholder {
color: #999; }
.left {
float: left; }
.right {
float: right; }
a{
text-decoration: none !important;
}
.table {
width: 100%;
height: 100%;
display: table; }
.table .table-cell {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle; }
.bg-white{
background-color: #fff !important;
}
.bg-blue{
background-color: #1288cc !important;
}
.bg-f9{
background-color: #f9f9f9 !important;
}
.text-white{
color: #fff !important;
}
.fY {
font-family: YKR; }
.fR {
font-family: ROBR; }
.fRB {
font-family: ROBB; }
.en {
font-size: 42px;
line-height: 42px; }
@media (max-width: 1600px) {
.en {
font-size: 34px;
line-height: 34px; } }
@media (max-width: 1366px) {
.en {
font-size: 30px;
line-height: 30px; } }
@media (max-width: 1024px) {
.en {
font-size: 26px;
line-height: 26px; } }
.cn {
font-size: 42px;
line-height: 42px; }
@media (max-width: 1600px) {
.cn {
font-size: 32px;
line-height: 32px; } }
@media (max-width: 1366px) {
.cn {
font-size: 24px;
line-height: 24px; } }
@media (max-width: 1024px) {
.cn {
font-size: 20px;
line-height: 20px; } }
.w1600 {
width: 1600px;
height: auto;
margin: 0 auto;
max-width: 83.3%; }
@media (max-width: 1024px) {
.w1600 {
max-width: 92%; } }
.main {
width: 100%;
overflow: hidden;
height: auto;
background-color: #f2f2f2; }
.index-banner {
width: 100%;
height: auto;
margin-top: -40px;
position: relative; }
.index-banner ul {
width: 100%;
height: auto; }
.index-banner ul li {
width: 100%;
height: auto; }
.index-banner ul li a{
display:block;}
.index-banner .btns {
width: 100%;
height: auto;
position: absolute;
bottom: 4%;
left: 0;
text-align: center;
z-index: 10; }
.index-banner .btns span {
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #fff;
opacity: 1;
display: inline-block;
margin: 0 5px;
cursor: pointer;
transition: all .5s; }
.index-banner .btns span.swiper-pagination-bullet-active {
width: 40px;
background-color: #1288cc; }
@media (max-width: 1024px) {
.index-banner {
margin-top: 70px; }
.index-banner .btns {
bottom: 15px; }
.index-banner .btns span {
width: 10px;
height: 10px;
border-radius: 10px; }
.index-banner .btns span.swiper-pagination-bullet-active {
width: 24px; } }
@media (max-width: 414px) {
.index-banner {
margin-top: 60px; } }
.header-box {
width: 100%;
height: 100px;
position: absolute;
top: 0;
left: 0;
z-index: 10;
z-index: 10000; }
.header-box .header-pc {
height: 100%;
margin: 0 auto;
background-color: #fff;
position: relative;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.header-box .header-pc .logo {
width: 180px;
height: auto;
display: block;
float: left;
margin-left: 3.875%;
margin-top: 15px; }
.header-box .header-pc .search {
width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
color: #fff;
font-size: 24px;
float: right;
background-color: #1288cc;
/* background-image: url(/static/home/image/search.png); */
/* background-repeat: no-repeat;
background-position: center center; */
cursor: pointer; }
.header-box .header-pc .nav {
float: right;
margin-right: 3.75%; }
.header-box .header-pc .nav ul li {
width: 113px;
height: auto;
float: left; }
.header-box .header-pc .nav ul li .tits {
width: 100%;
height: 100px;
line-height: 100px;
text-align: center;
display: block;
font-size: 16px;
color: #222;
position: relative; }
.header-box .header-pc .nav ul li .tits:after {
width: 11px;
height: 14px;
position: absolute;
background-repeat: no-repeat;
background-image: url(../img/nav_line.png);
content: '';
top: 43px;
right: -5px; }
.header-box .header-pc .nav ul li .tits:before {
width: 0;
height: 4px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: width 0.5s,left 0.5s;
background-color: #1288cc;
content: ""; }
.header-box .header-pc .nav ul li .mnav {
width: 100%;
height: auto;
background-color: #fff;
border-top: 1px solid #e5e5e5;
border-bottom: 2px solid #1288cc;
position: absolute;
top: 100px;
left: 0;
z-index: 10000;
display: none;
padding-top: 3%;
padding-bottom: 2%; }
.header-box .header-pc .nav ul li .mnav .nav-new {
width: 100%;
margin: 0 auto;
height: auto;
position: relative; }
.header-box .header-pc .nav ul li .mnav .nav-new .item {
width: 18.75%;
height: auto;
float: left;
margin: 0 3.125%; }
/*.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .item
{
width: 15%;
margin: 0 2.5%;
}
.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line1{
left:20%;
}
.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line2{
left:40%;
}
.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line3{
left:60%;
}
.header-box .header-pc .nav ul li:nth-child(2) .mnav .nav-new .line.line4{
left:80%;
}*/
.header-box .header-pc .nav ul li .mnav .nav-new .item .tit {
width: 100%;
height: auto;
display: block;
margin-bottom: 11px; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .tit .pic {
width: 100%;
height: auto; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .tit .t {
font-size: 18px;
line-height: 20px;
color: #666;
margin-top: 18px; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .tit .t:hover {
color: #1288cc; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new {
width: 100%;
height: auto;
line-height: 30px; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t {
width: calc(100% - 15px);
padding-left: 15px;
height: auto;
display: block;
font-size: 14px;
color: #666;
position: relative; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t:after {
width: 4px;
height: 4px;
background-color: #1288cc;
position: absolute;
top: 14px;
left: 0;
content: ''; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t.t1 {
width: calc(50% - 15px);
float: left; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t:hover {
color: #1288cc; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it {
width: 100%;
height: auto; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it a {
width: calc(50% - 15px);
padding-left: 15px;
height: auto;
display: block;
font-size: 14px;
line-height: 30px;
color: #666;
float: left;
white-space: nowrap;
position: relative; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it a:after {
width: 5px;
height: 5px;
background-color: #1288cc;
position: absolute;
top: 13px;
left: 0;
content: ''; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it a:hover {
color: #1288cc; }
.header-box .header-pc .nav ul li .mnav .nav-new .line {
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-color: #1288cc; }
.header-box .header-pc .nav ul li .mnav .nav-new .line.line1 {
left: 25%; }
.header-box .header-pc .nav ul li .mnav .nav-new .line.line2 {
left: 50%; }
.header-box .header-pc .nav ul li .mnav .nav-new .line.line3 {
left: 75%; }
@media (max-width: 1580px) {
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t {
width: calc(100% - 10px);
padding-left: 10px; }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it-new .t.t1 {
width: calc(50% - 10px); }
.header-box .header-pc .nav ul li .mnav .nav-new .item .it a {
width: calc(50% - 10px);
padding-left: 10px; } }
@media (max-width: 1400px) {
.header-box .header-pc .nav ul li .mnav .nav-new .item {
width: 22%;
margin: 0 1.5%; } }
.header-box .header-pc .nav ul li:hover .tits {
color: #1288cc; }
.header-box .header-pc .nav ul li:hover .tits:before {
width: 60px; }
.header-box .header-pc .nav ul li:hover .mnav {
display: block; }
.header-box .header-pc .nav ul li:last-child .tits:after {
display: none; }
.header-box .header-pc .nav ul li.on .tits {
color: #1288cc; }
.header-box .header-pc .nav ul li.on .tits:before {
width: 60px; }
.header-box .header-pc .search-box {
width: 400px;
height: auto;
position: absolute;
top: 0;
right: 0;
background-color: #fff;
z-index: -1;
border-top: 1px solid #ccc;
opacity: 0;
transition: all .5s; }
.header-box .header-pc .search-box .search-new {
width: 100%;
height: auto;
margin: 0 auto; }
.header-box .header-pc .search-box .search-new .search-item {
width: 80%;
height: auto;
float: left; }
.header-box .header-pc .search-box .search-new .search-item .text {
width: calc(100% - 80px);
float: left;
height: 80px;
padding-left: 20px;
background: none;
border: none;
font-size: 18px;
line-height: 80px;
color: #999; }
.header-box .header-pc .search-box .search-new .search-item .submit {
width: 40px;
height: 40px;
margin-top: 20px;
background-size: cover;
background-position: center center;
background-image: url(/static/home/image/search_bg.png);
border: none;
background-color: none;
border-radius: 100%;
overflow: hidden;
float: right; }
.header-box .header-pc .search-box .search-new .search-close {
width: 20px;
height: 20px;
float: right;
margin-right: 6.25%;
margin-top: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/static/home/image/search_close.png); }
.header-box .header-pc .search-box.on {
top: 100px;
opacity: 1;
z-index: 9000; }
.header-box .header-m {
width: 100%;
height: 70px;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
display: none; }
.header-box .header-m .logo {
width: 140px;
height: auto;
display: block;
float: left;
margin-left: 3%;
margin-top: 5px; }
.header-box .header-m .nav-click {
width: 30px;
height: 100%;
display: block;
float: right;
margin-right: 3%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/static/home/image/nav_click.png); }
.header-box .header-m .sidebar {
width:0;
height: 100%;
position: fixed;
top: 0;
left: 100%;
transition: all 0.2s;
z-index: 15;
visibility: hidden;
opacity: 0;
}
.header-box .header-m .sidebar .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5); }
.header-box .header-m .sidebar .sidebar-new {
width: 350px;
height: 100%;
background-color: #fff;
float: right;
position: relative;
z-index: 10000;
overflow-x: hidden;
overflow-y: auto; }
.header-box .header-m .sidebar .sidebar-new .logo1 {
width: 234px;
margin-left: 30px;
display: block;
margin-top: 15px; }
.header-box .header-m .sidebar .sidebar-new .nav {
width: calc(100% - 60px);
height: auto;
padding: 30px; }
.header-box .header-m .sidebar .sidebar-new .nav ul {
width: 100%;
height: auto; }
.header-box .header-m .sidebar .sidebar-new .nav ul li {
width: 100%;
height: auto; }
.header-box .header-m .sidebar .sidebar-new .nav ul li .tits {
width: 100%;
height: auto;
font-size: 20px;
line-height: 50px;
color: #333;
display: block; }
.header-box .header-m .sidebar .sidebar-new .nav ul li .tits span {
float: left; }
.header-box .header-m .sidebar .sidebar-new .nav ul li .tits i {
width: 32px;
height: 50px;
float: right;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-image: url(/static/home/image/down.png);
background-size: 24px;
transform: rotate(-90deg); }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl {
width: 100%;
height: auto;
display: none; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd {
font-size: 18px;
line-height: 45px; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit {
width: 100%;
height: auto;
color: #333;
display: block; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit span {
margin-left: 20px;
float: left; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit i {
width: 32px;
height: 45px;
float: right;
display: block;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/down.png);
background-size: 24px; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit.on i {
transform: rotate(-180deg); }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .mnav {
width: 100%;
height: auto;
display: none; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .mnav a {
width: calc(100% - 40px);
padding-left: 40px;
display: block;
font-size: 16px;
line-height: 40px;
color: #333; }
.header-box .header-m .sidebar.on {
left: 0;
visibility: visible;
opacity: 1;
width: 100%;
}
@media (max-width: 1410px) {
.header-box {
height: 70px; }
.header-box .header-pc {
display: none; }
.header-box .header-m {
display: block; }
}
@media (max-width: 414px) {
.header-box {
height: 60px; }
.header-box .header-m {
height: 60px; }
.header-box .header-m .logo {
width: 115px;
}
.header-box .header-m .nav-click {
width: 26px;
background-size: 100% auto; }
.header-box .header-m .sidebar .sidebar-new {
width: 300px; }
.header-box .header-m .sidebar .sidebar-new .logo1 {
width: 170px; }
.header-box .header-m .sidebar .sidebar-new .nav {
padding: 20px 30px; }
.header-box .header-m .sidebar .sidebar-new .nav ul li .tits {
font-size: 18px; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit {
font-size: 16px; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .tit span {
margin-left: 15px; }
.header-box .header-m .sidebar .sidebar-new .nav ul li dl dd .mnav a {
font-size: 14px;
width: calc(100% - 30px);
padding-left: 30px; } }
.index {
width: 100%;
height: auto;
background-color: #f2f2f2;
padding-bottom: 180px; }
.index .index-box1 {
height: auto;
margin: 0 auto;
position: relative; }
.index .index-box1 .con {
width: 68.75%;
float: right;
height: auto;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(/static/home/image/index_bg1.jpg); }
.index .index-box1 .con .con-new {
width: 42%;
float: right;
margin-right: 9%;
padding-bottom: 4%; }
.index .index-box1 .con .con-new .title {
width: 100%;
height: auto;
padding-top: 27%; }
.index .index-box1 .con .con-new .title .en {
font-size: 36px;
line-height: 36px;
color: #878787;
text-transform: uppercase; }
.index .index-box1 .con .con-new .title .cn {
font-size: 36px;
line-height: 36px;
color: #666;
margin-top: 13px; }
.index .index-box1 .con .con-new .title .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 31px; }
.index .index-box1 .con .con-new .conn {
width: 100%;
height: auto;
text-align: justify;
margin-top: 24px; }
.index .index-box1 .con .con-new .conn .t {
font-size: 18px;
line-height: 28px;
color: #666; }
.index .index-box1 .con .con-new .conn .t1 {
font-size: 14px;
line-height: 24px;
color: #999;
margin-top: 8px; }
.index .index-box1 .con .con-new .conn .more-click {
width: 100%;
height: 80px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
display: block;
text-align: center;
font-size: 24px;
line-height: 80px;
color: #999;
display: none;
margin-top: 2%; }
.index .index-box1 .con .con-new .bot {
width: 108%;
height: auto;
margin-top: 40px; }
.index .index-box1 .con .con-new .bot .item {
width: 33.3333333333%;
float: left;
height: auto;
text-align: center;
position: relative; }
.index .index-box1 .con .con-new .bot .item .num {
font-size: 46px;
line-height: 46px;
color: #1288cc; }
.index .index-box1 .con .con-new .bot .item .t {
width: 140px;
height: auto;
margin: 11px auto 0;
max-width: 96%;
font-size: 14px;
line-height: 22px;
color: #222; }
.index .index-box1 .con .con-new .bot .item:nth-child(1) {
width: calc(31.2% - 30px);
padding-right: 30px; }
.index .index-box1 .con .con-new .bot .item:nth-child(2) {
width: 37.2%; }
.index .index-box1 .con .con-new .bot .item:nth-child(3) {
width: 31.6%; }
.index .index-box1 .con .con-new .bot .item:after {
width: 22px;
height: 30px;
position: absolute;
top: 18px;
right: -11px;
content: '';
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(../img/index_line1.png); }
.index .index-box1 .con .con-new .bot .item:last-child:after {
display: none; }
.index .index-box1 .video-box {
width: 60%;
height: auto;
position: absolute;
left: 0;
top: 30%;
cursor: pointer; }
.index .index-box1 .video-box .icon {
width: 60px;
height: 60px;
position: absolute;
bottom: 30px;
right: 30px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../img/index_icon4.png); }
.index .index-box2 {
width: 100%;
height: auto;
position: relative;
margin-top: 10%; }
.index .index-box2 .img {
display: block; }
.index .index-box2 .img3 {
display: none; }
.index .index-box2 .list {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.index .index-box2 .list ul {
width: 100%;
height: 100%; }
.index .index-box2 .list ul li {
width: 25%;
height: 347px;
float: left;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.index .index-box2 .list ul li a {
width: 100%;
height: 100%;
display: block; }
.index .index-box2 .list ul li a .icon {
width: 160px;
height: 160px;
margin: 15% auto 0;
transition: all .5s; }
.index .index-box2 .list ul li a .icon .img1 {
display: block; }
.index .index-box2 .list ul li a .icon .img2 {
display: none; }
.index .index-box2 .list ul li a .en {
width: 100%;
height: auto;
text-align: center;
margin-top: 30px;
font-size: 40px;
line-height: 40px;
color: #fff;
text-transform: uppercase;
opacity: 0;
transition: opacity .5s; }
.index .index-box2 .list ul li a .cn {
text-align: center;
font-size: 30px;
line-height: 30px;
color: #fff;
margin-top: 10px;
opacity: 0;
transition: opacity .5s; }
@media (min-width: 1024px) {
.index .index-box2 .list ul li:hover {
background:rgba(0, 0, 0, 0.2);
}
.index .index-box2 .list ul li:hover a .icon {
margin: 0 auto; }
.index .index-box2 .list ul li:hover a .icon .img1 {
display: none; }
.index .index-box2 .list ul li:hover a .icon .img2 {
display: block; }
.index .index-box2 .list ul li:hover a .en {
opacity: 1; }
.index .index-box2 .list ul li:hover a .cn {
opacity: 1; } }
.index .index-box2 .line {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
top: 50%;
margin-top: -0.5px;
left: 0;
display: none;
position: absolute; }
.index .index-box2 .line1 {
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, 0.3);
left: 50%;
margin-left: -0.5px;
top: 0;
position: absolute;
display: none; }
.index .index-box3 {
height: auto;
margin: 3.5% auto 0; }
.index .index-box3 ul {
width: 100%;
height: auto; }
.index .index-box3 ul li {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
margin-bottom: 4.5%; }
.index .index-box3 ul li .title {
width: 100%;
height: auto; }
.index .index-box3 ul li .title .t {
display: inline-block;
font-size: 18px;
line-height: 20px; }
.index .index-box3 ul li .title .t em {
width: 6px;
height: 16px;
display: block;
float: left;
background-color: #1288cc;
margin-top: 2px; }
.index .index-box3 ul li .title .t span {
color: #222;
display: block;
float: left;
margin-left: 20px; }
.index .index-box3 ul li .title .t i {
text-transform: uppercase;
color: #1288cc;
display: block;
float: left;
margin-left: 22px; }
.index .index-box3 ul li .title .t.right {
margin-right: 30px; }
.index .index-box3 ul li .title .t.right em {
float: right; }
.index .index-box3 ul li .title .t.right span {
float: right;
margin-left: 0;
margin-right: 20px; }
.index .index-box3 ul li .title .t.right i {
float: right;
margin-left: 0;
margin-right: 20px; }
.index .index-box3 ul li .box {
width: 100%;
height: auto;
margin-top: 6.8%;
position: relative; }
.index .index-box3 ul li .box .pic {
width: 50%;
height: auto; }
.index .index-box3 ul li .box .con {
width: 50%;
height: 109.5%;
position: absolute;
bottom: 0;
background-color: #fff;
left: 0; }
.index .index-box3 ul li .box .con .con-new {
width: 70%;
margin-left: 19.625%;
color: #878787; }
.index .index-box3 ul li .box .con .con-new .en {
text-transform: uppercase; }
.index .index-box3 ul li .box .con .con-new .cn {
margin-top: 14px; }
.index .index-box3 ul li .box .con .con-new .line {
width: 40px;
height: 2px;
background-color: #1288cc;
opacity: 0.4;
margin-top: 31px; }
.index .index-box3 ul li .box .con .con-new .tits {
font-size: 22px;
line-height: 48px;
color: #666;
margin-top: 14px; }
.index .index-box3 ul li .box .con .con-new .tits span {
font-size: 26px;
margin: 0 7px; }
.index .index-box3 ul li .box .con .con-new .tag {
width: 100%;
height: auto;
margin-top: 12px; }
.index .index-box3 ul li .box .con .con-new .tag .item {
width: 70px;
height: auto;
float: left;
margin-right: 30px;
margin-bottom: 10px; }
.index .index-box3 ul li .box .con .con-new .tag .item .icon {
width: 68px;
height: 68px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-position: center center;
background-repeat: no-repeat; }
.index .index-box3 ul li .box .con .con-new .tag .item p {
width: 150%;
margin-left: -25%;
font-size: 12px;
line-height: 18px;
color: #999;
text-align: center;
margin-top: 9px; }
.index .index-box3 ul li .box .con .con-new .but {
width: 100%;
margin-top: 67px; }
.index .index-box3 ul li .box .con .con-new .but .video-box {
width: 140px;
height: 45px;
background-color: #1288cc;
display: block;
float: left;
margin-right: 30px;
text-align: center;
font-size: 18px;
line-height: 45px;
color: #fff;
display: none;
float: left; }
.index .index-box3 ul li .box .con .con-new .but .video-box span {
padding-right: 34px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/m_icon1.png);
background-size: 24px; }
.index .index-box3 ul li .box .con .con-new .but .more {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
float: left; }
.index .index-box3 ul li .box .con .con-new .but .more span {
display: inline-block;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/index_icon5.png);
position: relative;
z-index: 5; }
.index .index-box3 ul li .box .con .con-new .but .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.index .index-box3 ul li .box .con .con-new .but .more:hover:after {
animation: hoverAnimation .5s linear; } }
.index .index-box3 ul li .box .con .line-click {
width: 20px;
height: 100%;
position: absolute;
bottom: 0;
cursor: pointer;
background-repeat: no-repeat;
background-position: center center;
z-index: 6;
background-color: #ccc;
transition: left .2s,right .2s; }
.index .index-box3 ul li .box .con .line-click.l1 {
left: 0;
background-image: url(../img/index_i1.png); }
.index .index-box3 ul li .box .con .line-click.l2 {
right: 0;
background-image: url(../img/index_i2.png); }
.index .index-box3 ul li .box .con .conn {
width: 100%;
height: 100%;
top: 0;
transition: all .5s;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
z-index: 5;
position: absolute;
transition: left .5s,right .5s;
cursor: pointer; }
.index .index-box3 ul li .box .con .conn .icon {
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(../img/index_video.png);
margin: 0 auto; }
.index .index-box3 ul li .box .con .conn .t {
text-align: center;
font-size: 30px;
line-height: 48px;
margin-top: 21px;
text-transform: capitalize; }
.index .index-box3 ul li .box .con .conn .t1 {
text-align: center;
font-size: 22px;
line-height: 22px;
margin-top: 6px; }
.index .index-box3 ul li .box .con .conn .conn-close {
width: 20px;
height: 100%;
position: absolute;
top: 0;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer; }
.index .index-box3 ul li .box .con .conn.cc1 {
left: calc(-100% + 20px); }
.index .index-box3 ul li .box .con .conn.cc1 .conn-close {
background-image: url(../img/arrow_01.png);
right: 26px; }
.index .index-box3 ul li .box .con .conn.cc2 {
right: calc(-100% + 20px); }
.index .index-box3 ul li .box .con .conn.cc2 .conn-close {
background-image: url(../img/arrow_02.png);
left: 26px; }
.index .index-box3 ul li .box .con.c1 {
left: auto;
right: 0; }
.index .index-box3 ul li.on .box .con .line-click.l1 {
left: -20px; }
.index .index-box3 ul li.on .box .con .line-click.l2 {
right: -20px; }
.index .index-box3 ul li.on .box .con .conn {
z-index: 6; }
.index .index-box3 ul li.on .box .con .conn.cc1 {
left: 0; }
.index .index-box3 ul li.on .box .con .conn.cc2 {
right: 0; }
.index .index-box4 {
height: auto;
margin: 4.2% auto 0; }
.index .index-box4 .title {
width: 100%;
height: auto; }
.index .index-box4 .title .tits {
float: left;
font-size: 36px;
line-height: 36px;
color: #878787; }
.index .index-box4 .title .tits .t {
text-transform: uppercase; }
.index .index-box4 .title .tits .t1 {
margin-top: 12px; }
.index .index-box4 .title .tits .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 31px; }
.index .index-box4 .title .btn {
width: 104px;
height: auto;
float: right;
margin-top: 34px; }
.index .index-box4 .title .btn a {
width: 44px;
height: 44px;
border: 1px solid #878787;
display: block;
border-radius: 44px;
background-repeat: no-repeat;
background-position: center center;
transition: all .5s; }
.index .index-box4 .title .btn a.prev {
float: left;
background-image: url(../img/index_prev.png); }
.index .index-box4 .title .btn a.next {
float: right;
background-image: url(../img/index_next.png); }
@media (min-width: 1024px) {
.index .index-box4 .title .btn a:hover {
background-color: #1288cc;
border: 1px solid #1288cc; }
.index .index-box4 .title .btn a:hover.prev {
background-image: url(../img/index_prev_h.png); }
.index .index-box4 .title .btn a:hover.next {
background-image: url(../img/index_next_h.png); } }
.index .index-box4 .list {
width: 100%;
height: auto; }
.index .index-box4 .list .item {
width: 100%;
height: auto;
width: 33.3333333333%;
float: left;
padding-bottom: 30px;
padding-top: 30px; }
.index .index-box4 .list .item .list-new {
width: 100%;
height: auto;
position: relative; }
.index .index-box4 .list .item .list-new ul {
width: 100%;
height: auto; }
.index .index-box4 .list .item .list-new ul li {
width: 100%;
height: auto;
float: left;
padding-bottom: 18%;
border-top: 10px solid #f2f2f2; }
.index .index-box4 .list .item .list-new ul li .con {
width: 82.4%;
height: auto;
padding-top: 10%;
margin: 0 auto;
transition: color .5s; }
.index .index-box4 .list .item .list-new ul li .con .time {
font-size: 16px;
line-height: 16px;
color: #878787;
font-weight: bold;
font-family: Arial; }
.index .index-box4 .list .item .list-new ul li .con .time .span {
float: right;
color: #878787; }
.index .index-box4 .list .item .list-new ul li .con .time i {
float: left; }
.index .index-box4 .list .item .list-new ul li .con .tits {
font-size: 24px;
line-height: 40px;
height: 80px;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 9%;
display: block; }
.index .index-box4 .list .item .list-new ul li .con .pic {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 10%;
display: block; }
.index .index-box4 .list .item .list-new ul li .con .pic img {
transition: transform 1.5s; }
.index .index-box4 .list .item .list-new ul li:hover {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
z-index: 10;
border-top: 10px solid #1288cc; }
.index .index-box4 .list .item .list-new ul li:hover .con .time span {
color: #1288cc; }
.index .index-box4 .list .item .list-new ul li:hover .con .tits {
color: #1288cc; }
.index .index-box4 .list .item .list-new ul li:hover .con .pic img {
transform: scale(1.1); }
.index .index-box4 .list .item .list-new ul li.on {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
z-index: 10;
border-top: 10px solid #1288cc; }
.index .index-box4 .list .item .list-new ul li.on .con .time span {
color: #1288cc; }
.index .index-box4 .list .item .list-new ul li.on .con .tits {
color: #1288cc; }
.index .index-box4 .list .item .list-new .btns {
width: 104px;
height: auto;
position: absolute;
bottom: 15px;
left: 50%;
margin-left: -52px;
z-index: 5; }
.index .index-box4 .list .item .list-new .btns a {
width: 44px;
height: 44px;
border: 1px solid #878787;
display: block;
border-radius: 44px;
background-repeat: no-repeat;
background-position: center center;
transition: all .5s; }
.index .index-box4 .list .item .list-new .btns a.prev {
float: left;
background-image: url(/static/home/image/index_prev.png); }
.index .index-box4 .list .item .list-new .btns a.next {
float: right;
background-image: url(/static/home/image/index_next.png); }
@media (max-width: 1830px) {
.index .index-box1 .con .con-new .title {
padding-top: 15%; }
.index .index-box1 .con .con-new .title .line {
margin-top: 20px; }
.index .index-box1 .con .con-new .conn {
margin-top: 12px; }
.index .index-box1 .con .con-new .conn .t {
font-size: 16px;
line-height: 24px; }
.index .index-box1 .con .con-new .bot {
margin-top: 25px; } }
@media (max-width: 1770px) {
.index .index-box3 ul li .box .con .con-new {
width: 80%;
margin-left: 10%; }
.index .index-box3 ul li .box .con .con-new .line {
margin-top: 20px; }
.index .index-box3 ul li .box .con .con-new .tits {
line-height: 30px; }
.index .index-box3 ul li .box .con .con-new .tag .item {
width: 60px; }
.index .index-box3 ul li .box .con .con-new .tag .item .icon {
width: 58px;
height: 58px;
background-size: 34px auto; }
.index .index-box3 ul li .box .con .con-new .but {
margin-top: 30px; } }
@media (max-width: 1600px) {
.index .index-box1 .con .con-new .title .en {
font-size: 30px;
line-height: 30px; }
.index .index-box1 .con .con-new .title .cn {
font-size: 24px;
line-height: 24px; } }
@media (max-width: 1560px) {
.index .index-box1 .con .con-new {
width: 60%; }
.index .index-box1 .con .con-new .title {
padding-top: 12%; }
.index .index-box1 .video-box {
width: 50%; } }
@media (max-width: 1440px) {
.index .index-box4 .list .item .list-new .btns {
height: 36px; }
.index .index-box4 .list .item .list-new .btns .a {
width: 34px;
height: 34px; } }
@media (max-width: 1390px) {
.index .index-box2 .list ul li a .en {
font-size: 30px;
line-height: 30px; }
.index .index-box2 .list ul li a .cn {
font-size: 24px;
line-height: 24px; }
.index .index-box3 ul li .box .con .con-new {
width: 90%;
margin-left: 10%; }
.index .index-box3 ul li .box .con .con-new .line {
margin-top: 20px; }
.index .index-box3 ul li .box .con .con-new .tits {
line-height: 30px; }
.index .index-box3 ul li .box .con .con-new .tag .item {
width: 50px; }
.index .index-box3 ul li .box .con .con-new .tag .item .icon {
width: 48px;
height: 48px;
background-size: 34px auto; }
.index .index-box3 ul li .box .con .con-new .but {
margin-top: 30px; }
.index .index-box4 .title .tits {
font-size: 30px;
line-height: 30px; }
.index .index-box4 .list .item .list-new ul li .con .tits {
font-size: 20px;
line-height: 30px;
height: 60px; } }
@media (max-width: 1366px) {
.index .index-box1 .con .con-new .title .en {
font-size: 30px;
line-height: 30px; }
.index .index-box1 .con .con-new .title .cn {
font-size: 24px;
line-height: 24px; } }
@media (max-width: 1330px) {
.index .index-box2 .list ul li a .icon {
width: 120px;
height: 120px; }
.index .index-box2 .list ul li a .en {
margin-top: 20px; } }
@media (max-width: 1280px) {
.index .index-box1 .con .con-new .title .line {
margin-top: 15px; }
.index .index-box1 .con .con-new .bot {
margin-top: 25px; }
.index .index-box1 .con .con-new .bot .item .num {
font-size: 34px;
line-height: 34px; }
.index .index-box1 .video-box {
overflow: hidden; }
.index .index-box1 .video-box img {
width: 130%;
margin-left: -15%; }
.index .index-box4 .list .item .list-new .btns {
width: 84px;
margin-left: -42px;
bottom: 12px; }
.index .index-box4 .list .item .list-new ul li {
padding-bottom: 60px; } }
@media (max-width: 1250px) {
.index .index-box3 ul li .box .con .con-new .tits {
margin-top: 5px;
font-size: 18px; } }
@media (max-width: 1024px) {
.index .index-box1 {
width: 100%;
max-width: 100%; }
.index .index-box1 .con {
width: 100%;
float: none; }
.index .index-box1 .con .con-new {
width: 92%;
margin: 0 auto;
float: none; }
.index .index-box1 .con .con-new .title {
padding-top: 5%; }
.index .index-box1 .con .con-new .bot {
width: 100%; }
.index .index-box1 .video-box {
width: 92%;
position: relative;
margin: 4% auto 0; }
.index .index-box1 .video-box img {
width: 100%;
margin-left: 0; }
.index .index-box1 .video-box .icon {
width: 50px;
height: 50px;
background-size: cover;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
.index .index-box2 .list ul li a .icon {
width: 90px;
height: 90px;
margin: 0 auto; }
.index .index-box2 .list ul li a .en {
font-size: 26px;
line-height: 26px;
opacity: 1;
margin-top: 15px; }
.index .index-box2 .list ul li a .cn {
opacity: 1;
font-size: 14px;
line-height: 20px;
margin-top: 5px; }
.index .index-box4 .title .tits {
font-size: 26px;
line-height: 26px; }
.index .index-box4 .title .tits .line {
margin-top: 20px; }
.index .index-box4 .list .item .list-new ul li .con {
width: 90%; }
.index .index-box4 .list .item .list-new ul li .con .tits {
font-size: 18px;
line-height: 26px;
height: 26px;
margin-top: 5%; } }
@media (max-width: 960px) {
.index .index-box3 ul li .title .t.right {
float: left; }
.index .index-box3 ul li .title .t.right em {
float: left; }
.index .index-box3 ul li .title .t.right span {
float: left;
margin-left: 10px;
margin-right: 0; }
.index .index-box3 ul li .title .t.right i {
float: left;
margin-left: 10px;
margin-right: 0; }
.index .index-box3 ul li .box .pic {
width: 100%;
float: none; }
.index .index-box3 ul li .box .con {
width: 100%;
height: auto;
position: relative;
padding: 5% 0; }
.index .index-box3 ul li .box .con .con-new {
width: 91.3%;
float: none;
margin: 0 auto; }
.index .index-box3 ul li .box .con .con-new .cn {
margin-top: 5px; }
.index .index-box3 ul li .box .con .con-new .tag {
display: none; }
.index .index-box3 ul li .box .con .con-new .line {
margin-top: 10px; }
.index .index-box3 ul li .box .con .con-new .but .video-box {
display: block; }
.index .index-box3 ul li .box .con .con-new .but .more {
width: 138px;
height: 43px;
border: 1px solid #1288cc;
background-color: rgba(0, 0, 0, 0);
color: #1288cc; }
.index .index-box3 ul li .box .con .con-new .but .more span {
background-image: url(../img/index_icon5_h.png); }
.index .index-box3 ul li .box .con .con-new .but .more:after {
display: none; }
.index .index-box3 ul li .box .con .line-click {
display: none; }
.index .index-box3 ul li .box .con .conn {
display: none; } }
@media (max-width: 830px) {
.index .index-box4 .list .item {
width: 100%;
margin-bottom: 5%; } }
@media (max-width: 768px) {
.index {
padding-bottom: 5%; }
/* .index .index-box2 .img {
display: none; }
.index .index-box2 .img3 {
display: block; } */
.index .index-box2 .list ul li {
width: 25%;
height: 50%;
}
.index .index-box2 .list ul li a .icon {
width: 70px;
height: 70px; }
.index .index-box2 .list ul li a .en {
margin-top: 5px;
display: none;
}
.index .index-box2 .line {
display: block; }
.index .index-box2 .line1 {
display: block; } }
@media (max-width: 600px) {
.index .index-box1 .con .con-new .conn .more-click {
height: 45px;
line-height: 45px;
font-size: 18px; } }
@media (max-width: 550px) {
.index .index-box4 .title .tits .t1 {
font-size: 20px;
line-height: 20px;
margin-top: 5px; }
.index .index-box4 .title .tits .line {
margin-top: 10px; }
.index .index-box4 .title .btn {
width: 88px;
margin-top: 10px; }
.index .index-box4 .title .btn .a {
width: 38px;
height: 38px; }
.index .index-box4 .list .item .list-new ul li {
background-color: #fff;
border-top: 4px solid #1288cc; }
.index .index-box4 .list .item .list-new ul li .con {
padding-top: 6%; }
.index .index-box4 .list .item .list-new ul li .con .time span {
color: #1288cc; }
.index .index-box4 .list .item .list-new ul li .con .tits {
color: #1288cc;
font-size: 16px;
line-height: 24px;
height: 24px; }
.index .index-box4 .list .item .list-new ul li .con .pic {
margin-top: 6%; }
.index .index-box4 .list .item .list-new ul li.on {
border-top: 4px solid #1288cc; } }
@media (max-width: 490px) {
.index {
padding-bottom: 0; }
.index .index-box1 .con .con-new .title .en {
font-size: 26px;
line-height: 26px; }
.index .index-box1 .con .con-new .title .cn {
font-size: 22px;
line-height: 22px;
margin-top: 5px; }
.index .index-box1 .con .con-new .conn {
margin-top: 15px; }
.index .index-box1 .con .con-new .conn .t {
font-size: 16px;
line-height: 26px; }
.index .index-box1 .con .con-new .bot .item .num {
font-size: 28px;
line-height: 28px; }
.index .index-box1 .con .con-new .bot .item .t {
margin-top: 5px; }
.index .index-box2 .img3 {
width: 120%;
margin-left: -10%; }
.index .index-box2 .list ul li a .icon {
width: 60px;
height: 60px; }
.index .index-box2 .list ul li a .en {
margin-top: 5px;
font-size: 20px;
line-height: 20px; }
.index .index-box2 .list ul li a .cn {
font-size: 14px;
line-height: 18px; }
.index .index-box2 .line {
display: block; }
.index .index-box2 .line1 {
display: block; }
.index .index-box3 ul li .box {
margin-top: 3%; }
.index .index-box3 ul li .box .con .con-new .tits {
font-size: 16px;
line-height: 24px; }
.index .index-box3 ul li .box .con .con-new .tits span {
font-size: 20px; }
.index .index-box3 ul li .box .con .con-new .but {
margin-top: 20px; }
.index .index-box3 ul li .box .con .con-new .but .video-box {
width: 120px;
height: 40px;
font-size: 16px;
line-height: 40px; }
.index .index-box3 ul li .box .con .con-new .but .video-box span {
background-size: 20px;
padding-right: 30px; }
.index .index-box3 ul li .box .con .con-new .but .more {
width: 119px !important;
height: 38px !important;
font-size: 16px;
line-height: 38px !important; }
.index .index-box3 ul li .box .con .con-new .but .more span {
padding-right: 20px; } }
.foot {
width: 100%;
height: auto;
position: relative; }
.foot .footer {
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
padding-top: 13.8%;
padding-bottom: 8.8%; }
.foot .footer .foott .tits {
font-size: 22px;
line-height: 22px;
color: #fff; }
.foot .footer .foott .table-box {
width: 100%;
height: auto;
margin-top: 45px; }
.foot .footer .foott .table-box .t {
width: 20%;
height: 65px;
border-bottom: 1px solid #7d7d7d;
float: left;
margin-right: 2.5%;
font-size: 16px;
line-height: 65px;
color: #999; }
.foot .footer .foott .table-box .t span {
float: left; }
.foot .footer .foott .table-box .t span i {
color: #ffc81f;
margin-right: 10px; }
.foot .footer .foott .table-box .t .text {
width: calc(100% - 75px);
float: left;
margin-left: 25px;
height: 65px;
border: none;
background: none;
color: #999;
font-size: 16px;
line-height: 65px; }
.foot .footer .foott .table-box .t .tt {
float: right; }
.foot .footer .foott .table-box .t .tt .it {
float: left;
padding-left: 20px;
font-size: 14px;
line-height: 65px;
color: #999;
margin-left: 18px;
position: relative;
cursor: pointer; }
.foot .footer .foott .table-box .t .tt .it:after {
width: 7px;
height: 7px;
left: 0;
top: 50%;
margin-top: -4.5px;
content: '';
border-radius: 7px;
border: 1px solid #ccc;
display: block;
position: absolute; }
.foot .footer .foott .table-box .t .tt .it.on:after {
border: 2px solid #ffc81f;
margin-top: -5.5px; }
.foot .footer .foott .table-box .t.t1 .text {
width: 30%; }
.foot .footer .foott .table-box .submit {
width: 9.375%;
height: 56px;
float: right;
background-color: #1288cc;
text-align: center;
font-size: 16px;
line-height: 56px;
color: #fff;
border: none;
margin-top: 10px; }
.foot .footer .footer-info {
margin-top: 30px;
text-align: center;
color: #cccccc;
font-size: 16px;
}
.foot .footer .footer-new {
margin: 5% auto 0; }
.foot .footer .footer-new .nav {
width: 285px;
height: auto;
float: left; }
.foot .footer .footer-new .nav .tits {
width: 100%;
height: auto;
font-size: 22px;
line-height: 24px;
color: #fff; }
.foot .footer .footer-new .nav .nav-new {
width: 100%;
height: auto;
position: relative;
margin-top: 32px; }
.foot .footer .footer-new .nav .nav-new ul {
width: 100%;
height: auto; }
.foot .footer .footer-new .nav .nav-new ul li{
width: 50%;
float: left;
}
.foot .footer .footer-new .nav .nav-new ul li .tit {
width: 120px;
font-size: 16px;
line-height: 30px;
color: #fff;
background-repeat: no-repeat;
background-position: right center;
display: block; }
.foot .footer .footer-new .nav .nav-new ul li .mnav {
width: 245px;
height: 145px;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -5px;
right: -35px;
display: none; }
.foot .footer .footer-new .nav .nav-new ul li .mnav dl {
width: 100%;
height: auto;
padding-top: 8px; }
.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd {
width: calc(33.3% - 22px);
float: left;
padding-left: 22px;
height: auto;
font-size: 14px;
line-height: 26px; }
.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd a {
color: #bbb;
display: block; }
.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd a:hover {
color: #1288cc; }
.foot .footer .footer-new .nav .nav-new ul li .mnav dl dd.t {
width: calc(50% - 22px); }
.foot .footer .footer-new .footer-contact {
float: left;
margin-left: 60px; }
.foot .footer .footer-new .footer-contact .tits {
font-size: 22px;
line-height: 24px;
color: #fff; }
.foot .footer .footer-new .footer-contact .tit {
font-size: 16px;
line-height: 18px;
color: #fff;
margin-top: 37px; }
.foot .footer .footer-new .footer-contact .tit1 {
font-size: 30px;
line-height: 30px;
color: #1288cc !important;
margin-top: 17px; }
.foot .footer .footer-new .qr-code {
padding-top: 56px;
float: right;
text-align: center;
color: #fff;
}
.foot .footer .footer-new .footer-right {
width: 385px;
float: left;
max-width: 30%;
margin-left: 60px;
}
.foot .footer .footer-new .footer-right .share a {
width: 25px;
height: 20px;
display: block;
padding: 0;
float: right;
margin: 0 0 0 25px;
background-repeat: no-repeat;
background-position: center center; }
.foot .footer .footer-new .footer-right .share a.bds_tsina {
background-image: url(../img/wb.png); }
.foot .footer .footer-new .footer-right .share a.bds_weixin {
background-image: url(../img/wx.png); }
.foot .footer .footer-new .footer-right .nnav {
font-size: 16px;
line-height: 28px;
color: #bbb;
text-align: right;
margin-top: 56px; }
.foot .footer .footer-new .footer-right .nnav span {
font-size: 12px;
display: inline-block;
float: right;
margin: 0 10px; }
.foot .footer .footer-new .footer-right .nnav a {
color: #bbb;
display: inline-block;
float: right; }
.foot .footer .footer-new .footer-right .nnav a:hover {
color: #fff; }
.foot .footer .footer-new .footer-right .tits {
text-align: left;
font-size: 14px;
line-height: 28px;
color: #bbb;
margin-top: 5px; }
.foot .bottom-wap{
display:none;
}
.foot .bottom {
width: 100%;
height: 220px;
position: absolute;
left: 0;
top: -110px; }
.foot .bottom .bottom-new {
width: 1600px;
height: 100%;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
position: relative; }
.foot .bottom .bottom-new:before {
width: 100%;
height: 8px;
background-color: #1288cc;
position: absolute;
bottom: 0;
left: 0;
content: ''; }
.foot .bottom .bottom-new .item {
width: 33.3333333333%;
height: 100%;
float: left;
position: relative; }
.foot .bottom .bottom-new .item a {
width: 100%;
height: 100%;
display: block; }
.foot .bottom .bottom-new .item a .icon {
width: 58px;
height: 58px;
border: 1px solid #878787;
border-radius: 58px;
background-position: center center;
background-repeat: no-repeat;
margin: 48px auto 0;
transition: margin .5s,background .5s,border .5s; }
.foot .bottom .bottom-new .item a .icon.i1 {
background-image: url(../img/footer_icon2.png); }
.foot .bottom .bottom-new .item a .icon.i2 {
background-image: url(../img/footer_icon3.png); }
.foot .bottom .bottom-new .item a .icon.i3 {
background-image: url(../img/footer_icon4.png); }
.foot .bottom .bottom-new .item a .t {
text-align: center;
font-size: 22px;
line-height: 24px;
color: #666;
margin-top: 18px; }
.foot .bottom .bottom-new .item a .t1 {
text-align: center;
font-size: 14px;
line-height: 26px;
color: #999;
margin-top: 4px; }
.foot .bottom .bottom-new .item:after {
width: 59px;
height: 84px;
position: absolute;
right: -30px;
top: 70px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(../img/footer_line.png);
content: ''; }
.foot .bottom .bottom-new .item:last-child:after {
display: none; }
@media (min-width: 1024px) {
.foot .bottom .bottom-new .item:hover a .icon {
margin: 28px auto 0;
background-color: #1288cc;
border: 1px solid #1288cc; }
.foot .bottom .bottom-new .item:hover a .icon.i1 {
background-image: url(../img/footer_icon2_h.png); }
.foot .bottom .bottom-new .item:hover a .icon.i2 {
background-image: url(../img/footer_icon3_h.png); }
.foot .bottom .bottom-new .item:hover a .icon.i3 {
background-image: url(../img/footer_icon4_h.png); } }
@media (max-width: 1690px) {
.foot .footer .foott .table-box .t .tt .it {
margin-left: 8px;
padding-left: 15px; }
.foot .footer .foott .table-box .t .text {
margin-left: 15px; } }
@media (max-width: 1300px) {
.foot .footer .foott .table-box .t .text {
margin-left: 10px; }
.foot .footer .foott .table-box .t.t1 .text {
width: 20%; } }
@media (max-width: 1160px) {
.foot .footer .footer-new .footer-right .nnav {
margin-top: 15px; } }
@media (max-width: 1024px) {
.foot .footer .foott {
display: none; }
.foot .footer .footer-new {
margin: 0 auto; } }
@media (max-width: 990px) {
.foot .bottom {
height: 160px;
top: -80px; }
.foot .bottom .bottom-new .item a .icon {
margin: 30px auto 0;
width: 48px;
height: 48px;
background-size: 24px; }
.foot .bottom .bottom-new .item a .t {
font-size: 18px;
line-height: 18px;
margin-top: 10px; }
.foot .bottom .bottom-new .item:after {
height: 40px;
top: 55px; }
.foot .footer .footer-new .nav {
display: none; }
.foot .footer .footer-new .footer-contact {
width: 50%;
margin-left: 0; }
.foot .footer .footer-new .footer-right {
width: 50%;
max-width: 100%;
margin-left: 0;
}
.foot .footer .footer-new .qr-code {
display: none;
}
}
@media (max-width: 768px) {
.foot .bottom-pc{
display:none;
}
.foot .bottom-wap{
display:block;
}
.foot .bottom {
position: fixed;
bottom: 0;
left: 0;
height: 70px;
top: auto;
background-color: #f6f6f6;
z-index: 1000; }
.foot .bottom .bottom-new {
width: 100%;
max-width: 100%; }
.foot .bottom .bottom-new .item {
border-right: 1px solid #e5e5e5;
box-sizing: border-box; }
.foot .bottom .bottom-new .item a {
height: calc(100% - 10px);
padding-top: 10px; }
.foot .bottom .bottom-new .item a .icon {
width: 100%;
margin: 0 auto;
height: 30px;
background-size: auto 100%;
border: none; }
.foot .bottom .bottom-new .item a .icon.i1 {
background-image: url(../img/f_icon1.png); }
.foot .bottom .bottom-new .item a .icon.i2 {
background-image: url(../img/f_icon2.png); }
.foot .bottom .bottom-new .item a .icon.i3 {
background-image: url(../img/f_icon3.png); }
.foot .bottom .bottom-new .item a .t {
font-size: 14px;
margin-top: 5px; }
.foot .bottom .bottom-new .item a .t1 {
display: none; }
.foot .bottom .bottom-new .item:after {
display: none; }
.foot .bottom .bottom-new .item:last-child {
border-right: none; }
.foot .bottom .bottom-new:before {
display: none; } }
@media (max-width: 540px) {
.foot .footer .footer-new .footer-contact {
width: 100%;
float: none; }
.foot .footer .footer-new .footer-right {
width: 100%;
float: none;
margin-top: 20px; }
.foot .footer .footer-new .footer-right .share a {
float: left;
margin: 0 20px 0 0; }
.foot .footer .footer-new .footer-right .nnav {
text-align: left; }
.foot .footer .footer-new .footer-right .nnav a {
float: left; }
.foot .footer .footer-new .footer-right .nnav span {
float: left; }
.foot .footer .footer-new .footer-right .tits {
width: 385px;
max-width: 100%;
text-align: left; } }
.banner {
width: 100%;
height: auto;
position: relative;
overflow: hidden; }
.banner .con {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.banner .con .con-new {
width: 1600px;
height: 100%;
max-width: 83.3%;
margin: 0 auto;
position: relative; }
.banner .con .con-new .title {
position: absolute;
bottom: 10%;
left: 0;
color: #fff; }
.banner .con .con-new .title .en {
text-transform: uppercase; }
.banner .con .con-new .title .cn {
margin-top: 5%; }
.banner .con .con-new .title .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 10%; }
@media (max-width: 1200px) {
.banner .con .con-new .title {
bottom: 12%; } }
@media (max-width: 1024px) {
.banner {
margin-top: 70px; }
.banner .con .con-new {
max-width: 94%; } }
@media (max-width: 600px) {
.banner img {
width: 130%;
margin-left: -15%; }
.banner .con .con-new .title {
font-size: 24px;
line-height: 30px; } }
@media (max-width: 414px) {
.banner {
margin-top: 60px; } }
.product {
margin: 4.3% auto 0;
height: auto;
padding-bottom: 210px; }
.product .list {
width: 100%;
height: auto; }
.product .list ul {
width: 100%;
height: auto; }
.product .list ul li {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
margin-bottom: 5.1%; }
.product .list ul li .title {
width: 100%;
height: auto; }
.product .list ul li .title .t {
display: inline-block;
font-size: 18px;
line-height: 20px; }
.product .list ul li .title .t em {
width: 6px;
height: 16px;
display: block;
float: left;
background-color: #1288cc;
margin-top: 2px; }
.product .list ul li .title .t span {
color: #1288cc;
display: block;
float: left;
margin-left: 20px; }
.product .list ul li .title .t i {
display: block;
float: left;
color: #222;
margin-left: 22px;
text-transform: uppercase; }
.product .list ul li .title .t.right {
margin-right: 30px; }
.product .list ul li .title .t.right em {
float: right; }
.product .list ul li .title .t.right span {
float: right;
margin-right: 20px;
margin-left: 0; }
.product .list ul li .title .t.right i {
float: right;
margin-right: 20px;
margin-left: 0; }
.product .list ul li .box {
width: 100%;
height: auto;
margin-top: 6.8%;
position: relative; }
.product .list ul li .box .pic {
width: 50%;
height: auto;
overflow: hidden; }
.product .list ul li .box .pic a img {
transition: transform 1.5s; }
@media (min-width: 1024px) {
.product .list ul li .box .pic:hover a img {
transform: scale(1.1); } }
.product .list ul li .box .con {
width: 50%;
height: 109.5%;
position: absolute;
bottom: 0;
background-color: #fff;
left: 0; }
.product .list ul li .box .con .con-new {
width: 75%;
margin-left: 20%;
color: #878787; }
.product .list ul li .box .con .con-new .en {
text-transform: uppercase; }
.product .list ul li .box .con .con-new .cn {
margin-top: 14px; }
.product .list ul li .box .con .con-new .line {
width: 40px;
height: 2px;
background-color: #1288cc;
opacity: 0.4;
margin-top: 31px; }
.product .list ul li .box .con .con-new .tag {
width: 100%;
height: auto;
margin-top: 70px; }
.product .list ul li .box .con .con-new .tag .item {
width: 20%;
height: auto;
float: left; }
.product .list ul li .box .con .con-new .tag .item .icon {
width: 68px;
height: 68px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-position: center center;
background-repeat: no-repeat;
position: relative; }
.product .list ul li .box .con .con-new .tag .item .icon img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%; }
.product .list ul li .box .con .con-new .tag .item p {
width: 100%;
font-size: 14px;
line-height: 18px;
color: #666;
margin-top: 7px; }
.product .list ul li .box .con .con-new .type {
width: 100%;
height: auto;
margin-top: 44px; }
.product .list ul li .box .con .con-new .type a {
width: calc(40.6% - 2px);
height: 48px;
font-size: 16px;
line-height: 48px;
color: #666;
text-align: center;
display: block;
border: 1px solid #ccc;
float: left;
margin-bottom: 1.6%;
margin-right: 1.6%;
transition: background .5s,border .5s,color .5s; }
@media (min-width: 1024px) {
.product .list ul li .box .con .con-new .type a:hover {
background-color: #1288cc;
border: 1px solid #1288cc;
color: #fff; } }
.product .list ul li .box .con .con-new .more {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
margin-top: 67px; }
.product .list ul li .box .con .con-new .more span {
display: inline-block;
padding-right: 49px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/index_icon5.png);
position: relative;
z-index: 5; }
.product .list ul li .box .con .con-new .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.product .list ul li .box .con .con-new .more:hover:after {
animation: hoverAnimation .5s linear; } }
.product .list ul li .box .con.c1 {
left: auto;
right: 0; }
.product .list ul li:last-child {
margin-bottom: 0; }
.product .list .more-click {
width: 206px;
height: 66px;
border: 2px solid #ccc;
display: block;
margin: 5% auto 0;
text-align: center;
font-size: 16px;
line-height: 66px;
color: #666;
transition: background .5s,border .5s,color .5; }
@media (min-width: 1024px) {
.product .list .more-click:hover {
background-color: #1288cc;
border: 2px solid #1288cc;
color: #fff; } }
@media (max-width: 1390px) {
.product .list ul li .box .con .con-new {
width: 90%;
margin-left: 10%; }
.product .list ul li .box .con .con-new .line {
margin-top: 20px; }
.product .list ul li .box .con .con-new .tag {
margin-top: 20px; }
.product .list ul li .box .con .con-new .more {
margin-top: 30px; } }
@media (max-width: 1250px) {
.product .list ul li .box .con .con-new {
width: 90%;
margin-left: 10%; }
.product .list ul li .box .con .con-new .tag .item {
width: 50px;
margin-right: 30px; }
.product .list ul li .box .con .con-new .tag .item .icon {
width: 48px;
height: 48px;
background-size: 34px auto; }
.product .list ul li .box .con .con-new .tag .item p {
font-size: 12px;
line-height: 18px;
width: 150%;
margin-left: -25%; }
.product .list ul li .box .con .con-new .type {
margin-top: 20px; } }
@media (max-width: 1024px) {
.product {
padding-bottom: 130px; } }
@media (max-width: 960px) {
.product .list ul li .title .t.right {
float: left; }
.product .list ul li .title .t.right em {
float: left; }
.product .list ul li .title .t.right span {
float: left;
margin-right: 0;
margin-left: 10px; }
.product .list ul li .title .t.right i {
float: left;
margin-right: 0;
margin-left: 10px; }
.product .list ul li .box .pic {
width: 100%;
float: none; }
.product .list ul li .box .con {
width: 100%;
height: auto;
position: relative;
padding: 5% 0; }
.product .list ul li .box .con .con-new .type a {
font-size: 14px;
line-height: 38px;
height: 38px; }
.product .list .more-click {
width: 140px;
height: 43px;
line-height: 43px; } }
@media (max-width: 768px) {
.product {
padding-bottom: 8%; } }
.product-list {
width: 100%;
height: auto;
padding-bottom: 210px; }
.product-list .list-top {
width: 100%;
height: 90px;
border-bottom: 1px solid #e5e5e5;
background-color: #fff; }
.product-list .list-top .top-new {
height: auto;
margin: 0 auto; }
.product-list .list-top .top-new .tabs {
width: 218px;
height: auto;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
position: relative;
float: left;
z-index: 100; }
.product-list .list-top .top-new .tabs .tits {
width: 100%;
height: 90px;
cursor: pointer; }
.product-list .list-top .top-new .tabs .tits .icon {
width: 42px;
height: 100%;
float: left;
background-repeat: no-repeat;
background-position: center center;
position: relative;
margin-left: 42px; }
.product-list .list-top .top-new .tabs .tits .icon img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%; }
.product-list .list-top .top-new .tabs .tits span {
float: left;
padding-right: 24px;
font-size: 18px;
line-height: 90px;
color: #333;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/nav_icon4.png);
margin-left: 24px; }
.product-list .list-top .top-new .tabs dl {
width: 100%;
height: auto;
border: 1px solid #e5e5e5;
background-color: #fff;
z-index: 10;
position: absolute;
top: 90px;
left: -1px;
display: none; }
.product-list .list-top .top-new .tabs dl dd {
width: 100%;
border-bottom: 1px solid #e5e5e5;
height: 70px; }
.product-list .list-top .top-new .tabs dl dd a {
width: 100%;
height: 100%;
display: block; }
.product-list .list-top .top-new .tabs dl dd a .icon {
width: 42px;
height: 100%;
float: left;
background-repeat: no-repeat;
background-position: center center;
position: relative;
margin-left: 42px; }
.product-list .list-top .top-new .tabs dl dd a .icon img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%; }
.product-list .list-top .top-new .tabs dl dd a span {
float: left;
padding-right: 24px;
font-size: 18px;
line-height: 70px;
color: #333;
margin-left: 24px; }
.product-list .list-top .top-new .tabs dl dd:last-child {
border-bottom: none; }
.product-list .list-top .top-new .tabs:hover dl {
display: block; }
.product-list .list-top .top-new .search-box {
width: 30.4%;
height: auto;
float: right;
margin-top: 20px; }
.product-list .list-top .top-new .search-box .text {
width: calc(72.1% - 21px);
height: 48px;
border: 1px solid #ccc;
border-right: none;
padding-left: 20px;
font-size: 16px;
line-height: 48px;
color: #999;
float: left; }
.product-list .list-top .top-new .search-box .submit {
width: 27.9%;
height: 50px;
float: left;
background-color: #1288cc;
font-size: 16px;
line-height: 50px;
color: #fff;
border: none;
display: block; }
.product-list .bb {
width: 100%;
position: relative; }
.product-list .tabs-box {
width: 100%;
height: auto;
background-color: #fff;
padding-bottom: 34px; }
.product-list .tabs-box .tabs-new {
height: auto;
margin: 0 auto;
position: relative; }
.product-list .tabs-box .tabs-new .result {
width: 100%;
height: auto;
padding: 30px 0;
border-bottom: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .result .tits {
width: 90px;
padding-left: 20px;
font-size: 14px;
line-height: 36px;
color: #999;
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .result .tags {
width: calc(100% - 110px);
height: auto;
float: left; }
.product-list .tabs-box .tabs-new .result .tags .t {
width: auto;
min-width: 148px;
height: 34px;
display: inline-block;
border: 1px solid #e5e5e5;
margin-right: 25px;
cursor: pointer;
font-size: 0;
margin-bottom: 5px; }
.product-list .tabs-box .tabs-new .result .tags .t .tt {
font-size: 14px;
line-height: 34px;
color: #999;
float: left;
margin-left: 14px;
padding-right: 16px; }
.product-list .tabs-box .tabs-new .result .tags .t .but {
width: 34px;
height: 34px;
float: right;
background-color: none;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/list_icon.png); }
@media (min-width: 1024px) {
.product-list .tabs-box .tabs-new .result .tags .t:hover {
border: 1px solid #1288cc; }
.product-list .tabs-box .tabs-new .result .tags .t:hover .but {
background-color: #1288cc;
background-image: url(../img/list_icon_h.png); }
.product-list .tabs-box .tabs-new .result .tags .t.on:hover {
border: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .result .tags .t.on:hover .but {
background-color: #e5e5e5;
background-image: url(../img/list_icon.png); } }
.product-list .tabs-box .tabs-new .result .tags .t.no {
opacity: 0.5;
cursor: default; }
.product-list .tabs-box .tabs-new .result .tags .t.no a {
cursor: default; }
.product-list .tabs-box .tabs-new .type {
width: 100%;
height: auto;
padding-top: 20px;
border-bottom: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .type .tits {
width: 90px;
padding-left: 20px;
font-size: 14px;
line-height: 50px;
color: #999;
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .type .tags {
width: calc(100% - 110px);
height: auto;
float: left;
font-size: 0; }
.product-list .tabs-box .tabs-new .type .tags .t {
width: auto;
display: inline-block;
min-width: 130px;
height: 48px;
border: 1px solid #aaa;
margin-right: 10px;
cursor: pointer;
margin-bottom: 10px; }
.product-list .tabs-box .tabs-new .type .tags .t .icon {
width: 45px;
height: 100%;
float: left;
position: relative;
margin-left: 7px;
opacity: 0.5; }
.product-list .tabs-box .tabs-new .type .tags .t .icon img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%; }
.product-list .tabs-box .tabs-new .type .tags .t span {
float: left;
font-size: 16px;
line-height: 48px;
color: #aaa;
padding-right: 20px;
margin-left: 8px; }
.product-list .tabs-box .tabs-new .type .tags .t.on {
border: 1px solid #1288cc; }
.product-list .tabs-box .tabs-new .type .tags .t.on .icon {
opacity: 1; }
.product-list .tabs-box .tabs-new .type .tags .t.on span {
color: #1288cc; }
.product-list .tabs-box .tabs-new .type .tags .t.no {
opacity: 0.5;
cursor: default; }
.product-list .tabs-box .tabs-new .type .tags .t.no a {
cursor: default; }
@media (min-width: 1024px) {
.product-list .tabs-box .tabs-new .type .tags .t:hover {
border: 1px solid #1288cc; }
.product-list .tabs-box .tabs-new .type .tags .t:hover .icon {
opacity: 1; }
.product-list .tabs-box .tabs-new .type .tags .t:hover span {
color: #1288cc; }
.product-list .tabs-box .tabs-new .type .tags .t.no:hover {
border: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .type .tags .t.no:hover .icon {
opacity: 0.2; }
.product-list .tabs-box .tabs-new .type .tags .t.no:hover span {
color: #e5e5e5; } }
.product-list .tabs-box .tabs-new .type.none {
border-bottom: none; }
.product-list .tabs-box .tabs-new .type1 {
width: 100%;
height: auto;
background-color: #f8f8f8; }
.product-list .tabs-box .tabs-new .type1 .tits {
width: 90px;
padding-left: 20px;
font-size: 14px;
line-height: 50px;
color: #999;
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .type1 .tags {
width: calc(100% - 110px);
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .type1 .tags .t {
font-size: 14px;
line-height: 50px;
color: #333;
margin-right: 40px;
float: left;
cursor: pointer; }
.product-list .tabs-box .tabs-new .type1 .tags .t a {
color: #333; }
.product-list .tabs-box .tabs-new .type1 .tags .t.on a {
color: #1288cc; }
.product-list .tabs-box .tabs-new .type1 .tags .t.no {
opacity: 0.5;
cursor: default; }
.product-list .tabs-box .tabs-new .type1 .tags .t.no a {
cursor: default; }
@media (min-width: 1024px) {
.product-list .tabs-box .tabs-new .type1 .tags .t:hover a {
color: #1288cc; }
.product-list .tabs-box .tabs-new .type1 .tags .t.no:hover a {
color: #333; } }
.product-list .tabs-box .tabs-new .parameter1 {
width: 100%;
height: auto;
border-bottom: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .parameter1 .tits {
width: 90px;
padding-left: 20px;
font-size: 14px;
line-height: 50px;
color: #999;
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .parameter1 .tags {
width: calc(100% - 162px);
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t {
font-size: 14px;
line-height: 50px;
color: #333;
margin-right: 16px;
float: left;
cursor: pointer;
position: relative; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t:after {
width: 15px;
height: 15px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/xxx.png);
position: absolute;
top: -7.5px;
left: 50%;
margin-left: -7.5px;
content: ''; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t a {
color: #333; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t.no {
opacity: 0.5;
cursor: default; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t.no a {
cursor: default; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t.on {
color: #1288cc; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t.on:after {
background-image: url(../img/xxx_h.png); }
.product-list .tabs-box .tabs-new .parameter1 .tags .t.on a {
color: #1288cc; }
@media (min-width: 1024px) {
.product-list .tabs-box .tabs-new .parameter1 .tags .t:hover a {
color: #1288cc; }
.product-list .tabs-box .tabs-new .parameter1 .tags .t.no:hover a {
color: #333; } }
@media (max-width: 1024px) {
.product-list .tabs-box .tabs-new .parameter1 {
display: none; } }
.product-list .tabs-box .tabs-new .parameter {
width: 100%;
height: auto;
border-bottom: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .parameter .tits {
width: 90px;
padding-left: 20px;
font-size: 14px;
line-height: 50px;
color: #999;
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .parameter .tags {
width: calc(100% - 110px);
float: left;
height: auto; }
.product-list .tabs-box .tabs-new .parameter .tags .t {
font-size: 14px;
line-height: 50px;
color: #333;
margin-right: 35px;
float: left;
cursor: pointer; }
.product-list .tabs-box .tabs-new .parameter .tags .t a {
color: #333; }
.product-list .tabs-box .tabs-new .parameter .tags .t.on a {
color: #1288cc; }
.product-list .tabs-box .tabs-new .parameter .tags .t.no {
opacity: 0.5;
cursor: default; }
.product-list .tabs-box .tabs-new .parameter .tags .t.no a {
cursor: default; }
@media (min-width: 1024px) {
.product-list .tabs-box .tabs-new .parameter .tags .t:hover a {
color: #1288cc; }
.product-list .tabs-box .tabs-new .parameter .tags .t.no:hover a {
color: #333; } }
.product-list .tabs-box .tabs-new .parameter:last-child {
border-bottom: none; }
.product-list .tabs-box .tabs-new .parameter.par {
border-bottom: 1px dotted #e5e5e5; }
.product-list .content {
height: auto;
margin: 1% auto 0; }
.product-list .content .list {
width: 100%;
height: auto; }
.product-list .content .list ul {
width: 100%;
height: auto; }
.product-list .content .list ul li {
width: 23.2%;
height: auto;
float: left;
margin-right: 2.4%;
margin-bottom: 2.4%;
background-color: #fff; }
.product-list .content .list ul li a {
width: 100%;
height: auto;
display: block;
padding-top: 50px;
padding-bottom: 35px; }
.product-list .content .list ul li a .tits {
max-width: 95%;
margin: 0 auto;
text-align: center;
font-size: 18px;
line-height: 18px;
color: #333;
height: 18px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.product-list .content .list ul li a .pic {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 30px; }
.product-list .content .list ul li a .pic img {
transition: transform 1.5s; }
.product-list .content .list ul li a .more {
width: 133px;
height: 35px;
font-size: 14px;
line-height: 35px;
color: #fff;
background-color: #1288cc;
margin: 10px auto 0;
display: block;
text-align: center;
opacity: 0;
transform: translateY(20px);
transition: transform .5s,opacity .5s; }
.product-list .content .list ul li:nth-child(4n) {
margin-right: 0; }
@media (min-width: 1024px) {
.product-list .content .list ul li:hover {
box-shadow: 0 0 32px rgba(204, 204, 204, 0.4); }
.product-list .content .list ul li:hover a .more {
opacity: 1;
transform: translateY(0px); } }
.product-list .content .list.list1 ul li {
margin-bottom: 0; }
.product-list .content .title {
width: 100%;
height: auto;
font-size: 36px;
line-height: 50px;
padding-top: 3.6%;
margin-bottom: 3%; }
.product-list .content .title .en {
text-transform: uppercase;
color: #999; }
.product-list .content .title .cn {
font-size: #666; }
@media (max-width: 1250px) {
.product-list .content .list ul li {
width: 32%;
margin-right: 2%; }
.product-list .content .list ul li:nth-child(4n) {
margin-right: 2%; }
.product-list .content .list ul li:nth-child(3n) {
margin-right: 0; }
.product-list .content .list.list1 ul li {
margin-bottom: 2%; } }
@media (max-width: 1024px) {
.product-list {
padding-bottom: 210px; }
.product-list .list-top {
height: 60px; }
.product-list .list-top .top-new .tabs {
width: 193px; }
.product-list .list-top .top-new .tabs .tits {
height: 60px; }
.product-list .list-top .top-new .tabs .tits .icon {
margin-left: 25px; }
.product-list .list-top .top-new .tabs .tits span {
margin-left: 18px;
line-height: 60px; }
.product-list .list-top .top-new .tabs dl {
top: 60px; }
.product-list .list-top .top-new .tabs dl dd {
height: 50px; }
.product-list .list-top .top-new .tabs dl dd a .icon {
margin-left: 25px; }
.product-list .list-top .top-new .tabs dl dd a span {
line-height: 50px;
font-size: 16px;
margin-left: 18px; }
.product-list .list-top .top-new .search-box {
display: none; }
.product-list .tabs-box .tabs-new {
width: 100%;
max-width: 100%; }
.product-list .tabs-box .tabs-new .result {
padding: 15px 0; }
.product-list .tabs-box .tabs-new .result .tags .t {
min-width: 130px;
margin-right: 10px; }
.product-list .tabs-box .tabs-new .ff {
border-bottom: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .type {
float: left;
width: auto;
padding-top: 0;
border-bottom: none; }
.product-list .tabs-box .tabs-new .type .tits {
width: auto;
margin-left: 0;
line-height: 50px;
text-align: center;
padding: 0 20px; }
.product-list .tabs-box .tabs-new .type .tags {
width: calc(100% - 20px);
position: absolute;
top: 50px;
left: 0;
padding: 20px 10px 15px;
display: none;
background-color: #fff;
z-index: 10;
border-top: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .type .tags .t {
min-width: auto;
height: 34px;
margin-bottom: 5px; }
.product-list .tabs-box .tabs-new .type .tags .t a .icon {
display: none; }
.product-list .tabs-box .tabs-new .type .tags .t a span {
padding: 0 10px;
margin-left: 0;
line-height: 34px;
font-size: 14px; }
.product-list .tabs-box .tabs-new .type1 {
background: none;
float: left;
width: auto;
margin-top: 0;
border-bottom: none; }
.product-list .tabs-box .tabs-new .type1 .tits {
padding: 0 20px;
margin-left: 0;
line-height: 50px;
width: auto;
text-align: center; }
.product-list .tabs-box .tabs-new .type1 .tags {
width: calc(100% - 20px);
position: absolute;
top: 50px;
display: none;
left: 0;
padding: 15px 10px 15px;
background-color: #fff;
z-index: 10;
border-top: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .type1 .tags .t {
line-height: 40px;
margin-right: 0; }
.product-list .tabs-box .tabs-new .type1 .tags .t a {
padding: 0 10px; }
.product-list .tabs-box .tabs-new .parameter {
float: left;
width: auto;
margin-top: 0;
border-bottom: none; }
.product-list .tabs-box .tabs-new .parameter .tits {
padding: 0 20px;
margin-left: 0;
line-height: 50px;
width: auto;
text-align: center; }
.product-list .tabs-box .tabs-new .parameter .tags {
width: calc(100% - 20px);
position: absolute;
top: 50px;
display: none;
left: 0;
padding: 15px 10px 15px;
background-color: #fff;
z-index: 10;
border-top: 1px solid #e5e5e5; }
.product-list .tabs-box .tabs-new .parameter .tags .t {
line-height: 40px;
margin-right: 0; }
.product-list .tabs-box .tabs-new .parameter .tags .t a {
padding: 0 10px; }
.product-list .content .list ul li a {
padding-top: 30px;
padding-bottom: 20px; }
.product-list .content .list ul li a .tits {
font-size: 16px;
line-height: 20px; }
.product-list .content .list ul li a .pic {
margin-top: 10px; }
.product-list .content .list ul li a .more {
opacity: 1;
transform: translateY(0px); }
.product-list .content .title {
font-size: 28px;
line-height: 28px; } }
@media (max-width: 768px) {
.product-list {
padding-bottom: 8%; } }
@media (max-width: 700px) {
.product-list .tabs-box .tabs-new .ff {
width: 100%;
overflow-x: scroll; }
.product-list .tabs-box .tabs-new .pp .tits {
width: 93px;
text-align: center;
padding: 0; } }
@media (max-width: 680px) {
.product-list .content .list ul li {
width: 49%;
margin-right: 2%;
margin-bottom: 2%; }
.product-list .content .list ul li a .more {
width: 120px !important;
height: 36px !important;
line-height: 36px !important; }
.product-list .content .list ul li:nth-child(4n) {
margin-right: 2%; }
.product-list .content .list ul li:nth-child(3n) {
margin-right: 2%; }
.product-list .content .list ul li:nth-child(2n) {
margin-right: 0%; }
.product-list .content .list.list1 ul li {
margin-bottom: 2%; }
.product-list .content .title {
font-size: 28px;
line-height: 28px; } }
@media (max-width: 540px) {
.product-list .tabs-box .tabs-new .result .tits {
width: calc(100% - 10px);
padding-left: 10px;
float: none; }
.product-list .tabs-box .tabs-new .result .tags {
width: calc(100% - 20px);
padding: 0 10px; }
.product-list .tabs-box .tabs-new .result .tags .t {
min-width: auto; }
.product-list .tabs-box .tabs-new .result .tags .t .tt {
padding-right: 10px; }
.product-list .tabs-box .tabs-new .result .tags .t .but {
width: 16px;
margin-right: 5px; }
.product-list .content .title {
font-size: 20px;
line-height: 20px; } }
.product-info {
width: 100%;
padding-bottom: 10%;
height: auto; }
.product-info .info-top {
width: 100%;
height: auto;
background-color: #fff; }
.product-info .info-top .top-new {
height: auto;
padding-top: calc(4% + 100px);
padding-bottom: 4.7%;
margin: 0 auto; }
.product-info .info-top .top-new .top-left {
width: 46.75%;
height: auto;
float: left;
position: relative;
z-index: 1000; }
.product-info .info-top .top-new .top-left .list-small {
width: 90px;
margin-left: 11.6%;
height: auto;
float: left; }
.product-info .info-top .top-new .top-left .list-small ul {
width: 100%;
height: auto; }
.product-info .info-top .top-new .top-left .list-small ul li {
width: calc(100% - 2px);
height: 112px;
position: relative;
border: 1px solid #e5e5e5;
margin-bottom: 32px;
cursor: pointer; }
.product-info .info-top .top-new .top-left .list-small ul li img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%; }
.product-info .info-top .top-new .top-left .list-small ul li.on {
border: 1px solid #f2bc00; }
@media (min-width: 1024px) {
.product-info .info-top .top-new .top-left .list-small ul li:hover {
border: 1px solid #f2bc00; } }
.product-info .info-top .top-new .top-left .list-small ul li:last-child {
margin-bottom: 0; }
.product-info .info-top .top-new .top-left .img-big {
width: calc(88.4% - 110px);
height: 550px;
float: right;
border: 1px solid #e5e5e5;
position: relative; }
.product-info .info-top .top-new .top-left .img-big .img-new {
width: 100%;
height: 100%;
position: relative; }
.product-info .info-top .top-new .top-left .img-big .img-new .img-b {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
.product-info .info-top .top-new .top-left .img-big .video-click {
width: 60px;
height: 60px;
position: absolute;
right: 20px;
bottom: 20px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/info_icon1.png);
cursor: pointer;
display: none;
z-index: 6; }
.product-info .info-top .top-new .top-left .img-big .video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: none;
background-color: #fff; }
.product-info .info-top .top-new .top-right {
width: 50%;
float: right;
height: auto; }
.product-info .info-top .top-new .top-right .tits {
font-size: 40px;
line-height: 40px;
color: #333;
margin-top: 28px; }
.product-info .info-top .top-new .top-right .tit {
font-size: 24px;
line-height: 24px;
color: #878787;
margin-top: 20px; }
.product-info .info-top .top-new .top-right .tit1 {
font-size: 16px;
line-height: 30px;
margin-top: 19px; }
.product-info .info-top .top-new .top-right .tit1 .t {
color: #666; }
.product-info .info-top .top-new .top-right .tit1 .t span {
color: #333; }
.product-info .info-top .top-new .top-right .line {
width: 100%;
height: 1px;
background-color: #ccc;
margin-top: 23px; }
.product-info .info-top .top-new .top-right .tit2 {
font-size: 24px;
line-height: 24px;
color: #333;
margin-top: 30px; }
.product-info .info-top .top-new .top-right .tit3 {
width: 100%;
height: auto;
margin-top: 17px; }
.product-info .info-top .top-new .top-right .tit3 span {
padding-left: 17px;
line-height: 40px;
font-size: 16px;
color: #333;
position: relative;
display: inline-block;
margin-right: 6%; }
.product-info .info-top .top-new .top-right .tit3 span:after {
width: 5px;
height: 5px;
background-color: #f2b100;
position: absolute;
top: 19px;
left: 0;
content: ''; }
.product-info .info-top .top-new .top-right .tit4 {
width: 100%;
height: auto;
margin-top: 18px; }
.product-info .info-top .top-new .top-right .tit4 .t {
width: 48px;
height: 48px;
border: 1px solid #999;
border-radius: 5px;
position: relative;
float: left;
margin-right: 25px; }
.product-info .info-top .top-new .top-right .tit4 .t img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%; }
.product-info .info-top .top-new .top-right .tit5 {
width: 182px;
height: auto;
margin-top: 50px;
position: relative; }
.product-info .info-top .top-new .top-right .tit5 .shop {
width: 200px;
height: 50px;
background-color: #eeb111;
position: relative;
text-align: center;
display: block; }
.product-info .info-top .top-new .top-right .tit5 .shop span {
height: 100%;
z-index: 5;
display: inline-block;
position: relative;
padding-left: 25px;
padding-right: 30px;
font-size: 18px;
line-height: 50px;
color: #fff;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/info_icon7.png); }
.product-info .info-top .top-new .top-right .tit5 .shop span:after {
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 100%;
background-position: left center;
background-repeat: no-repeat;
/*background-image: url(../img/tm.png);*/
content: ''; }
.product-info .info-top .top-new .top-right .tit5 .shop:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #eeb111;
z-index: 4;
content: ''; }
.product-info .info-top .top-new .top-right .tit5 .shop:hover:after {
animation: hoverAnimation .5s linear; }
.product-info .info-top .top-new .top-right .tit5 .shop-list {
width: 182px;
height: 50px;
background-color: #eeb111;
position: relative;
text-align: center;
display: block; }
.product-info .info-top .top-new .top-right .tit5 .shop-list span {
height: 100%;
z-index: 5;
display: inline-block;
position: relative;
padding-left: 25px;
padding-right: 30px;
font-size: 18px;
line-height: 50px;
color: #fff;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/info_icon7.png); }
.product-info .info-top .top-new .top-right .tit5 .shop-list span:after {
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 100%;
background-position: left center;
background-repeat: no-repeat;
/*background-image: url(../img/tm.png);*/
content: ''; }
.product-info .info-top .top-new .top-right .tit5 .shop-list:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #eeb111;
z-index: 4;
content: ''; }
.product-info .info-top .top-new .top-right .tit5 .shop-list:hover:after {
animation: hoverAnimation .5s linear; }
.product-info .info-top .top-new .top-right .tit5 .tt {
width: 100%;
height: auto;
top: 50px;
left: 0;
position: absolute;
display: none; }
.product-info .info-top .top-new .top-right .tit5 .tt a {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 16px;
color: #fff;
display: block;
text-align: center;
background-color: #eeb111;
border-top: 1px solid rgba(255, 255, 255, 0.6); }
@media (min-width: 1024px) {
.product-info .info-top .top-new .top-right .tit5:hover .tt {
display: block; } }
.product-info .content {
width: 100%;
height: auto; }
.product-info .content .top {
width: 100%;
height: 104px;
background-color: #fff;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5; }
.product-info .content .top .top-new {
height: auto;
margin: 0 auto; }
.product-info .content .top .top-new .tits {
font-size: 20px;
line-height: 104px;
color: #333;
padding-left: 77px;
background-repeat: no-repeat;
background-position: left center;
margin-left: 50px;
text-transform: uppercase; }
.product-info .content .top .top-new .tits span {
color: #999;
margin-left: 12px; }
.product-info .content .tabs {
width: 100%;
height: auto;
background: #fff;
font-size: 0;
text-align: center;
padding-top: 16px; }
.product-info .content .tabs a {
color: #333;
width: 150px;
display: inline-block;
text-align: center;
font-size: 22px;
line-height: 66px;
position: relative;
margin: 0 23px; }
.product-info .content .tabs a:after {
width: 0%;
height: 4px;
position: absolute;
bottom: 0;
left: 50%;
content: '';
background-color: #1288cc;
transition: width 0.5s,left .5s; }
.product-info .content .tabs a.on:after {
width: 100%;
left: 0; }
@media (min-width: 1024px) {
.product-info .content .tabs a:hover:after {
width: 100%;
left: 0; } }
.product-info .content .con {
height: auto;
margin: 4.6% auto 0; }
.product-info .content .con .item {
width: 100%;
height: auto;
display: none;
background-color: #fff; }
.product-info .content .con .item img {
max-width: 100%;
height: auto !important; }
.product-info .content .con .item.it1 {
width: 100%;
height: auto;
background-color: #fff;
padding-top: 6%;
padding-bottom: 10%; }
.product-info .content .con .item.it1 .pp {
width: 1400px;
max-width: 94%;
margin: 0 auto; }
.product-info .content .con .item.it1 .pp img {
width: 100%; }
.product-info .content .con .item.it1 .item-new {
width: 1198px;
height: auto;
border: 1px solid #ccc;
margin: 0 auto;
max-width: 92%;
padding-top: 3%;
padding-bottom: 3%; }
.product-info .content .con .item.it1 .item-new .item-left {
width: 34.6%;
height: auto;
float: left;
margin-left: 4.3%; }
.product-info .content .con .item.it1 .item-new .item-left .tits {
font-size: 36px;
line-height: 36px;
color: #666; }
.product-info .content .con .item.it1 .item-new .item-left .tit {
display: inline-block;
padding: 0 20px 0 50px;
background-color: #878787;
font-size: 16px;
line-height: 50px;
background-position: 20px center;
background-repeat: no-repeat;
background-image: url(../img/dd1.png);
color: #fff;
margin-top: 25px; }
.product-info .content .con .item.it1 .item-new .item-right {
width: 53.75%;
height: auto;
float: left; }
.product-info .content .con .item.it1 .item-new .item-right .t {
font-size: 18px;
line-height: 18px;
color: #333; }
.product-info .content .con .item.it1 .item-new .item-right .t1 {
font-size: 14px;
line-height: 22px;
color: #666;
margin-top: 9px; }
.product-info .content .con .item.it1 .item-new .item-right .d {
width: 139px;
height: 50px;
background-color: #eeb111;
position: relative;
text-align: center;
display: block;
margin-top: 45px; }
.product-info .content .con .item.it1 .item-new .item-right .d span {
height: 100%;
z-index: 5;
display: inline-block;
position: relative;
padding-left: 47px;
font-size: 16px;
line-height: 50px;
color: #fff;
background-repeat: no-repeat;
background-position: left center;
background-image: url(../img/dd2.png); }
.product-info .content .con .item.it1 .item-new .item-right .d:after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #eeb111;
z-index: 4;
content: ''; }
@media (min-width: 1024px) {
.product-info .content .con .item.it1 .item-new .item-right .d:hover:after {
animation: hoverAnimation .5s linear; } }
@media (max-width: 1500px) {
.product-info .info-top .top-new .top-left .list-small ul li {
height: 98px;
margin-bottom: 10px; }
.product-info .info-top .top-new .top-left .list-small ul li.on {
height: 96px; }
.product-info .info-top .top-new .top-left .img-big {
height: 428px; } }
@media (max-width: 1450px) {
.product-info .info-top .top-new .top-right .tits {
font-size: 32px;
line-height: 32px;
margin-top: 0; }
.product-info .info-top .top-new .top-right .tit {
font-size: 20px;
line-height: 20px;
margin-top: 10px; }
.product-info .info-top .top-new .top-right .tit5 {
margin-top: 30px; }
.product-info .info-top .top-new .top-right .line {
margin-top: 10px; }
.product-info .info-top .top-new .top-right .tit2 {
margin-top: 15px; }
.product-info .info-top .top-new .top-right .tit3 span {
line-height: 26px; }
.product-info .info-top .top-new .top-left .list-small {
margin-left: 0; }
.product-info .info-top .top-new .top-left .img-big {
width: calc(100% - 110px); }
.product-info .content .top {
height: 80px; }
.product-info .content .top .top-new .tits {
line-height: 80px; }
.product-info .content .con .item.it1 .item-new .item-left .tits {
font-size: 26px;
line-height: 26px; }
.product-info .info-top .top-new .top-right .tit3 span:after {
top: 11px; } }
@media (max-width: 1330px) {
.product-info .content .con .item.it1 .item-new .item-left {
width: 90%;
margin-left: 5%;
float: none; }
.product-info .content .con .item.it1 .item-new .item-right {
width: 90%;
margin-left: 5%;
margin-top: 2%;
float: none; } }
@media (max-width: 1280px) {
.product-info .info-top .top-new .top-right .tits {
font-size: 26px;
line-height: 26px; }
.product-info .info-top .top-new .top-right .tit {
font-size: 18px;
line-height: 18px; }
.product-info .info-top .top-new .top-left {
width: 54%; }
.product-info .info-top .top-new .top-right {
width: 42%; } }
@media (max-width: 1080px) {
.product-info .info-top .top-new .top-left {
width: 56%; } }
@media (max-width: 1024px) {
.product-info .info-top .top-new .top-right .tit5 {
width: 100%;
margin-top: 20px; }
.product-info .info-top .top-new .top-right .tit5 .shop-list {
display: none; }
.product-info .info-top .top-new .top-right .tit5 .tt {
position: relative;
display: block;
top: auto; }
.product-info .info-top .top-new .top-right .tit5 .tt a {
width: 95px;
height: 40px;
text-align: center;
font-size: 16px;
line-height: 40px;
float: left;
margin-right: 10px;
margin-bottom: 10px; } }
@media (max-width: 930px) {
.product-info .info-top .top-new .top-left {
width: 100%;
height: auto;
float: none; }
.product-info .info-top .top-new .top-right {
width: 100%;
float: none;
margin-top: 20px; }
.product-info .info-top .top-new .top-right .tits {
font-size: 20px;
line-height: 20px; }
.product-info .info-top .top-new .top-right .tit {
font-size: 16px;
line-height: 16px; }
.product-info .info-top .top-new .top-right .line {
margin-top: 10px; }
.product-info .info-top .top-new .top-right .tit2 {
margin-top: 15px;
font-size: 20px; }
.product-info .info-top .top-new .top-right .tit3 span {
line-height: 26px;
margin-right: 15px; }
.product-info .info-top .top-new .top-right .tit3 span:after {
top: 11px; }
.product-info .info-top .top-new .top-right .tit4 .t {
margin-right: 10px;
margin-bottom: 5px; }
.product-info .content .top {
height: 55px; }
.product-info .content .top .top-new .tits {
margin-left: 0;
font-size: 14px;
line-height: 55px;
padding-left: 30px;
background-size: 24px; }
.product-info .content .tabs a {
width: 120px;
font-size: 18px;
line-height: 50px;
margin: 0 15px; } }
@media (max-width: 550px) {
.product-info .info-top .top-new .top-left .list-small {
width: 18%; }
.product-info .info-top .top-new .top-left .img-big {
width: 80%; }
.product-info .content .con .item.it1 .item-new .item-left .tits {
font-size: 20px;
line-height: 20px; }
.product-info .content .con .item.it1 .item-new .item-left .tit {
line-height: 40px;
font-size: 14px;
padding-left: 36px;
background-position: 10px center;
margin-top: 15px; }
.product-info .content .con .item.it1 .item-new .item-right .d {
margin-top: 25px;
height: 40px;
width: 120px; }
.product-info .content .con .item.it1 .item-new .item-right .d span {
line-height: 40px;
font-size: 14px;
padding-left: 30px; } }
@media (max-width: 470px) {
.product-info .content .tabs a {
width: 33.3333333333%;
font-size: 18px;
line-height: 50px;
margin: 0; } }
.introduction {
padding-bottom: 210px; }
.introduction .box1 {
width: 100%;
height: auto;
margin-top: 9%; }
.introduction .box1 .title {
float: left; }
.introduction .box1 .title .en {
color: #878787;
text-transform: uppercase; }
.introduction .box1 .title .cn {
color: #666;
margin-top: 13px; }
.introduction .box1 .con {
width: 50.625%;
height: auto;
float: right; }
.introduction .box1 .con .t {
font-size: 20px;
line-height: 24px;
color: #333; }
.introduction .box1 .con .t1 {
font-size: 16px;
color: #666;
line-height: 28px;
margin-top: 13px; }
.introduction .box2 {
width: 100%;
height: auto;
background-color: #fff;
margin-top: 6.2%; }
.introduction .box2 .video-box {
width: 100%;
height: auto;
position: relative;
cursor: pointer; }
.introduction .box2 .video-box .v {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
background-color: #000; }
.introduction .box2 .con {
width: 100%;
height: auto;
padding-top: 5.5%;
padding-bottom: 5.8%; }
.introduction .box2 .con .en {
text-align: center;
color: #878787;
text-transform: uppercase; }
.introduction .box2 .con .cn {
text-align: center;
color: #666;
margin-top: 1%; }
.introduction .box2 .con .txt {
width: 900px;
max-width: 92%;
margin: 37px auto 0;
font-size: 16px;
line-height: 28px;
color: #666;
text-align: center; }
.introduction .box3 {
width: 100%;
height: auto;
margin-top: 6.3%; }
.introduction .box3 ul {
width: 100%;
height: auto; }
.introduction .box3 ul li {
width: 24.5%;
margin-right: 0.6%;
height: auto;
position: relative;
float: left; }
.introduction .box3 ul li .con {
width: calc(100% - 60px);
padding: 0 30px;
left: 0;
bottom: 33px;
position: absolute; }
.introduction .box3 ul li .con .year {
font-size: 36px;
line-height: 36px;
color: #1288cc; }
.introduction .box3 ul li .con .line {
width: 40px;
height: 2px;
background: #1288cc;
margin-top: 22px; }
.introduction .box3 ul li .con .tit {
font-size: 16px;
line-height: 28px;
color: #fff;
height: 112px;
width: 100%;
margin-top: 11px; }
.introduction .box3 ul li:last-child {
margin-right: 0; }
.introduction .box4 {
width: 100%;
height: auto;
margin-top: 8.2%; }
.introduction .box4 .en {
text-align: center;
color: #878787;
text-transform: uppercase; }
.introduction .box4 .cn {
text-align: center;
color: #666;
margin-top: 1%; }
.introduction .box4 .txt {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #333;
margin-top: 46px; }
.introduction .box4 .map {
width: 1484px;
max-width: 96%;
margin: 6% auto 0;
height: auto; }
.introduction .box4 .con {
width: 100%;
height: 253px;
background-color: #fff;
margin-top: 50px; }
.introduction .box4 .con .con-new {
width: 92.5%;
margin: 0 auto;
height: 100%; }
.introduction .box4 .con .con-new .item {
width: 33.3333333333%;
height: 100%;
text-align: center;
float: left;
position: relative; }
.introduction .box4 .con .con-new .item .num {
font-size: 60px;
line-height: 60px;
color: #1288cc;
padding-top: 45px; }
.introduction .box4 .con .con-new .item .t {
font-size: 16px;
line-height: 28px;
color: #333;
max-width: 90%;
margin: 7px auto 0; }
.introduction .box4 .con .con-new .item:after {
width: 59px;
height: 84px;
position: absolute;
right: -30px;
top: 93px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(../img/footer_line.png);
content: ''; }
.introduction .box4 .con .con-new .item:last-child:after {
display: none; }
@media (max-width: 1366px) {
.introduction .box4 .con .con-new .item .num {
font-size: 48px;
line-height: 48px; } }
@media (max-width: 1024px) {
.introduction {
padding-bottom: 130px; }
.introduction .box1 .con .t {
font-size: 18px;
line-height: 22px; }
.introduction .box2 .con .txt {
margin: 20px auto 0; }
.introduction .box3 ul li {
width: 49.5%;
margin-right: 1%;
margin-bottom: 1%; }
.introduction .box3 ul li .con {
width: 94%;
padding: 0 3%; }
.introduction .box3 ul li .con .year {
font-size: 26px;
line-height: 26px; }
.introduction .box3 ul li:nth-child(2n) {
margin-right: 0; } }
@media (max-width: 768px) {
.introduction {
padding-bottom: 8%; } }
@media (max-width: 670px) {
.introduction .box4 .con {
height: auto;
width: 400px;
max-width: 94%;
background: none;
margin: 4% auto 0; }
.introduction .box4 .con .con-new {
width: 100%; }
.introduction .box4 .con .con-new .item {
width: 100%;
background-color: #fff;
padding: 5% 0 8%;
margin-bottom: 10px;
box-shadow: 0 0 20px rgba(102, 102, 102, 0.1); }
.introduction .box4 .con .con-new .item .num {
padding-top: 0;
font-size: 42px;
line-height: 42px; }
.introduction .box4 .con .con-new .item:after {
display: none; } }
@media (max-width: 650px) {
.introduction .box1 .title {
width: 100%;
float: none;
font-size: 24px;
line-height: 24px; }
.introduction .box1 .con {
width: 100%;
float: none;
margin-top: 15px; }
.introduction .box1 .con .t {
font-size: 18px; }
.introduction .box2 .video-box .video-click {
width: 50px;
height: 50px; }
.introduction .box2 .con .txt {
margin: 20px auto 0; }
.introduction .box4 .txt {
margin-top: 20px; } }
@media (max-width: 520px) {
.introduction .box3 ul li .con {
bottom: 10px; }
.introduction .box3 ul li .con .line {
margin-top: 10px; }
.introduction .box3 ul li .con .tit {
line-height: 22px;
height: auto; } }
.duty {
margin: 6.2% auto 210px; }
.duty .con {
width: 100%;
height: 334px;
border-bottom: 5px solid #1288cc;
background-color: #fff; }
.duty .con ul {
width: 100%;
height: 100%; }
.duty .con ul li {
width: 100%;
height: 76%;
display: none;
padding-top: 5%; }
.duty .con ul li img {
display: none; }
.duty .con ul li .tits {
width: 40%;
height: auto;
float: left;
margin-left: 6.25%;
font-size: 42px;
line-height: 50px;
color: #000; }
.duty .con ul li .conn {
width: 43.75%;
margin-right: 6.25%;
float: right; }
.duty .con ul li .conn .t {
width: calc(100% - 22px);
padding-left: 22px;
font-size: 16px;
line-height: 28px;
color: #666;
position: relative;
margin-bottom: 17px; }
.duty .con ul li .conn .t:after {
width: 6px;
height: 6px;
background-color: #ffc81f;
position: absolute;
top: 11px;
left: 0;
content: ''; }
.duty .tabs {
width: 100%;
height: auto; }
.duty .tabs a {
width: 16.6666666667%;
height: 203px;
border: 1px solid #e6e6e6;
box-sizing: border-box;
display: block;
float: left;
position: relative;
border-top: none; }
.duty .tabs a img {
max-width: 90%;
max-height: 90%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.duty .tabs a.on {
background-color: #fff;
border-color: #fff; }
.duty .tabs a.on img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray; }
@media (min-width: 1024px) {
.duty .tabs a:hover {
background-color: #fff;
border-color: #fff; }
.duty .tabs a:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray; } }
@media (max-width: 1500px) {
.duty .con ul li .tits {
font-size: 30px;
line-height: 36px; } }
@media (max-width: 1400px) {
.duty .tabs a {
height: 130px; } }
@media (max-width: 1280px) {
.duty .con ul li .tits {
font-size: 24px;
line-height: 28px; } }
@media (max-width: 1024px) {
.duty {
margin: 6.2% auto 130px; } }
@media (max-width: 768px) {
.duty {
margin: 6.2% auto 8%; } }
@media (max-width: 600px) {
.duty .con {
background: none;
height: auto;
border: none; }
.duty .con ul li {
height: auto;
padding-top: 6%;
padding-bottom: 6%;
background-color: #fff;
border-bottom: 3px solid #1288cc;
margin-bottom: 3%;
display: block; }
.duty .con ul li img {
display: block;
margin-left: 3%; }
.duty .con ul li .tits {
width: 94%;
margin-left: 3%;
float: none;
margin-top: 15px;
font-size: 20px;
line-height: 24px; }
.duty .con ul li .conn {
width: 94%;
margin-left: 3%;
float: none;
margin-top: 15px; }
.duty .con ul li .conn .t {
margin-bottom: 5px; }
.duty .tabs {
display: none; } }
.global {
margin: 5.7% auto 210px; }
.global .box {
width: 100%;
height: auto;
text-align: center; }
.global .box .en {
text-transform: uppercase;
color: #878787; }
.global .box .cn {
color: #666;
margin-top: 1%; }
.global .box .txt {
font-size: 18px;
line-height: 28px;
color: #666;
margin-top: 23px; }
.global .box .map {
width: 100%;
height: auto;
margin-top: 42px; }
.global .box .list {
width: 100%;
height: auto;
margin-top: 50px; }
.global .box .list ul {
width: 100%;
height: auto; }
.global .box .list ul li {
width: 19.5%;
height: 234px;
background-color: #fff;
margin-right: 0.625%;
margin-bottom: 0.625%;
float: left;
position: relative; }
.global .box .list ul li .img {
position: absolute;
max-width: 96%;
max-height: 96%;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
.global .box .list ul li .pic {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: scale(0);
opacity: 0;
transition: transform 0.5s,opacity 0.2s; }
.global .box .list ul li:nth-child(5n) {
margin-right: 0; }
@media (min-width: 1024px) {
.global .box .list ul li:hover .pic {
transform: scale(1);
opacity: 1; } }
.global .box.box1 {
margin-top: 5.4%; }
@media (max-width: 1024px) {
.global {
margin: 5.7% auto 130px; }
.global .box .list ul li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%; }
.global .box .list ul li .img {
max-width: 90%;
max-height: 90%; }
.global .box .list ul li:nth-child(5n) {
margin-right: 2%; }
.global .box .list ul li:nth-child(4n) {
margin-right: 0; } }
@media (max-width: 768px) {
.global {
margin: 5.7% auto 8%; } }
@media (max-width: 540px) {
.global .box .txt {
font-size: 16px;
line-height: 26px; }
.global .box .list ul li {
width: 49%;
margin-right: 2%;
margin-bottom: 2%; }
.global .box .list ul li .img {
max-width: 90%;
max-height: 90%; }
.global .box .list ul li:nth-child(5n) {
margin-right: 2%; }
.global .box .list ul li:nth-child(4n) {
margin-right: 2%; }
.global .box .list ul li:nth-child(2n) {
margin-right: 0; } }
.about {
margin: 0 auto 210px; }
.about .box1 {
width: 100%;
height: auto;
padding-top: 5.7%; }
.about .box1 .title {
float: left;
width: 46%;
height: auto;
font-size: 42px;
line-height: 42px; }
.about .box1 .title .en {
color: #878787;
text-transform: uppercase; }
.about .box1 .title .cn {
color: #666;
margin-top: 17px; }
.about .box1 .con {
width: 43.75%;
float: right;
margin-right: 6.25%; }
.about .box1 .con .year {
font-size: 70px;
line-height: 70px;
color: #1288cc; }
.about .box1 .con .date {
font-size: 20px;
line-height: 20px;
color: #1288cc;
margin-top: 10px; }
.about .box1 .con .tits {
font-size: 18px;
line-height: 26px;
color: #000;
margin-top: 24px; }
.about .box1 .con .tit {
font-size: 16px;
line-height: 30px;
color: #666;
margin-top: 17px; }
.about .box2 {
width: 100%;
height: auto;
position: relative;
margin-top: 5.2%; }
.about .box2 .video-box {
width: 100%;
height: auto;
position: relative;
cursor: pointer; }
.about .box2 .video-box img {
opacity: 1;
position: relative;
z-index: 6; }
.about .box2 .video-box .v {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
background-color: #000; }
.about .box2 .video-box .video-click {
width: 60px;
height: 60px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(../img/about_icon1.png);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 6; }
.about .box2 .video-box.on img {
z-index: 4; }
.about .box2 .video-box.on .video-click {
display: none; }
.about .box2 .con {
width: 100%;
height: auto;
background-color: #fff; }
.about .box2 .con .con-new {
width: 37.8%;
height: auto;
font-size: 16px;
line-height: 30px;
color: #666;
margin-left: 6.25%;
padding-top: 5.6%;
padding-bottom: 9.2%; }
.about .box2 .pic {
width: 50%;
height: auto;
position: absolute;
bottom: 0;
right: 0; }
.about .box3 {
width: 100%;
height: auto;
margin-top: 4.5%;
position: relative; }
.about .box3 .con {
width: 65.625%;
height: auto;
background-color: #fff;
float: right; }
.about .box3 .con .con-new {
width: 41.9%;
float: right;
margin-right: 11%;
padding-top: 17%;
padding-bottom: 9.3%; }
.about .box3 .con .con-new .title {
width: 100%;
font-size: 42px;
line-height: 42px;
color: #666; }
.about .box3 .con .con-new .title .en {
text-transform: uppercase; }
.about .box3 .con .con-new .title .cn {
margin-top: 15px; }
.about .box3 .con .con-new .title .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 28px; }
.about .box3 .con .con-new .conn {
width: 100%;
height: auto;
color: #666;
margin-top: 23px; }
.about .box3 .con .con-new .conn .t {
font-size: 16px;
line-height: 30px;
margin-bottom: 22px; }
.about .box3 .con .con-new .conn .t1 {
font-size: 24px;
line-height: 24px;
margin-bottom: 27px; }
.about .box3 .con .con-new .conn .t1 span {
display: block;
font-size: 16px;
margin-top: 3px; }
.about .box3 .con .con-new .conn .t2 {
font-size: 16px;
line-height: 30px; }
.about .box3 .pic {
width: 59.375%;
position: absolute;
bottom: 0;
left: 0; }
.about .box3.bb .con .con-new {
padding-bottom: 30%;
padding-top: 11%; }
.about .box3.bb .con .con-new .title .en {
color: #878787; }
.about .box3.bb .con .con-new .title .cn {
line-height: 52px; }
.about .box3.bb .con .con-new .conn {
margin-top: 13%; }
.about .box4 {
width: 100%;
height: auto;
margin-top: 9%; }
.about .box4 .title {
width: 100%;
height: auto;
font-size: 42px;
line-height: 42px; }
.about .box4 .title .en {
text-transform: uppercase;
color: #878787; }
.about .box4 .title .cn {
color: #666;
margin-top: 1%; }
.about .box4 ul {
width: 100%;
height: auto;
margin-top: 4.4%; }
.about .box4 ul li {
width: 100%;
height: auto;
background-color: #fff;
margin-bottom: 9%;
position: relative; }
.about .box4 ul li .pic {
width: 35%;
height: auto;
float: right; }
.about .box4 ul li .con {
width: 48.75%;
height: auto;
float: left;
margin-left: 3.75%;
padding-top: 6%; }
.about .box4 ul li .con .tits {
font-size: 24px;
line-height: 24px;
color: #878787; }
.about .box4 ul li .con .tit {
color: #878787;
margin-top: 23px; }
.about .box4 ul li .con .tit span {
display: block;
color: #666;
margin-top: 1.5%; }
.about .box4 ul li .con .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 30px; }
.about .box4 ul li .con .tit1 {
font-size: 18px;
line-height: 28px;
color: #666;
margin-top: 20px;
width: calc(100% - 60px); }
.about .box4 ul li .con .tit2 {
width: 100%;
height: auto;
margin-top: 40px; }
.about .box4 ul li .con .tit2 p {
font-size: 14px;
line-height: 24px;
color: #666; }
.about .box4 ul li .con .tit2 p span {
font-size: 18px; }
.about .box4 ul li .con .tit2 .mCSB_container {
margin-right: 60px; }
.about .box4 ul li.l1 .pic {
float: left; }
.about .box4 ul li.l1 .con {
float: right;
margin-right: 3.75%;
margin-left: 0; }
.about .box4 .img {
width: 100%;
margin-top: 4.4%;
height: auto; }
.about .box4 .img .img2 {
display: none; }
.about .box5 {
width: 100%;
height: auto;
margin-top: 5.6%; }
.about .box5 .title {
font-size: 36px;
line-height: 52px;
color: #333;
text-align: center; }
.about .box5 .box-new {
width: 100%;
height: auto;
background-color: #fff;
margin-top: 3%; }
.about .box5 .box-new .pic {
width: 50%;
height: 780px;
float: right;
position: relative;
overflow: hidden; }
.about .box5 .box-new .pic img {
width: auto;
min-height: 100%;
position: absolute;
left: 50%;
margin-left: -400px; }
.about .box5 .box-new .box-left {
width: 50%;
height: auto;
float: left; }
.about .box5 .box-new .box-left .tits {
text-align: center;
font-size: 30px;
line-height: 30px;
color: #333;
padding-top: 10.2%; }
.about .box5 .box-new .box-left .list {
width: 485px;
height: auto;
margin: 5% auto 0;
max-width: 92%; }
.about .box5 .box-new .box-left .list ul {
width: 100%;
height: auto; }
.about .box5 .box-new .box-left .list ul li {
width: 24.7%;
height: auto;
float: left;
margin-right: 12.95%;
margin-bottom: 12.95%; }
.about .box5 .box-new .box-left .list ul li .icon {
width: calc(100% - 2px);
height: 118px;
border: 1px solid #bfbfbf;
background-position: center;
background-repeat: no-repeat; }
.about .box5 .box-new .box-left .list ul li p {
width: 120%;
margin-left: -10%;
text-align: center;
font-size: 18px;
line-height: 18px;
color: #333;
margin-top: 9px; }
.about .box5 .box-new .box-left .list ul li:nth-child(3n) {
margin-right: 0%; }
.about .box6 {
width: 100%;
height: auto;
margin-top: 5.6%; }
.about .box6 .title .en {
text-transform: uppercase;
color: #878787; }
.about .box6 .title .cn {
margin-top: 1%;
color: #666; }
.about .box6 .tit {
width: 100%;
height: auto;
margin-top: 4%; }
.about .box6 .tit .t {
float: left;
margin-right: 80px; }
.about .box6 .tit .t .tt1 {
font-size: 72px;
line-height: 60px;
color: #1288cc; }
.about .box6 .tit .t .tt1 span {
font-size: 24px; }
.about .box6 .tit .t .tt2 {
font-size: 24px;
line-height: 24px;
color: #666; }
.about .box6 .pic {
width: 100%;
height: auto;
text-align: center; }
.about .box6 .pic img {
max-width: 90%;
margin: 0 auto;
margin-top: -5%;
display: block; }
.about .box6 .pic-m {
display: none; }
@media (max-width: 1740px) {
.about .box4 ul li .con {
width: 53%;
padding-top: 4%; } }
@media (max-width: 1550px) {
.about .box4 ul li .con .tit {
margin-top: 8px; }
.about .box4 ul li .con .line {
margin-top: 15px; }
.about .box4 ul li .con .tit2 {
margin-top: 20px; }
.about .box4 ul li .con .tit1 {
width: 100%;
font-size: 16px;
line-height: 26px; } }
@media (max-width: 1500px) {
.about .box3 .con .con-new {
width: 55%;
margin-right: 3%;
padding-top: 10%;
padding-bottom: 6%; }
.about .box3 .con .con-new .title {
font-size: 30px;
line-height: 30px; } }
@media (max-width: 1450px) {
.about .box2 .con .con-new {
padding: 4% 0 6%;
width: 40%;
margin-left: 5%; } }
@media (max-width: 1366px) {
.about .box1 .con .year {
font-size: 56px;
line-height: 56px; }
.about .box3.bb .con .con-new {
padding-bottom: 25%; }
.about .box3.bb .con .con-new .title .cn {
line-height: 32px; }
.about .box3 .con .con-new .conn .t1 {
font-size: 18px; }
.about .box4 ul li {
height: auto !important;
overflow: hidden; }
.about .box4 ul li .pic {
width: 33%; }
.about .box4 ul li .con {
padding: 3% 0;
width: 61%; }
.about .box4 ul li .con .tit1 {
line-height: 20px;
margin-top: 10px; }
.about .box4 ul li .con .tit2 p {
line-height: 20px; }
.about .box5 .title {
font-size: 24px;
line-height: 32px; }
.about .box5 .box-new .box-left .list ul li {
margin-bottom: 8%; }
.about .box5 .box-new .pic {
height: 695px; }
.about .box6 .tit .t .tt1 {
font-size: 56px;
line-height: 40px; }
.about .box6 .tit .t .tt1 span {
font-size: 20px; }
.about .box6 .tit .t .tt2 {
font-size: 20px;
line-height: 20px; } }
@media (max-width: 1320px) {
.about .box1 .title {
font-size: 30px;
line-height: 30px; }
.about .box1 .con .year {
font-size: 50px;
line-height: 50px; }
.about .box4 .title {
font-size: 30px;
line-height: 30px; }
.about .box4 ul li .con .tit {
font-size: 30px;
line-height: 40px; } }
@media (max-width: 1220px) {
.about .box2 .pic {
overflow: hidden; }
.about .box2 .pic img {
width: 130%;
margin-left: -15%; }
.about .box2 .con .con-new {
width: 46%;
margin-left: 2%; }
.about .box5 .box-new .box-left .tits {
font-size: 22px;
line-height: 22px; }
.about .box5 .box-new .box-left .list ul li .icon {
background-size: 45%; }
.about .box5 .box-new .box-left .list ul li p {
font-size: 16px;
line-height: 16px; }
.about .box5 .box-new .pic {
height: 585px; } }
@media (max-width: 1024px) {
.about {
margin: 0 auto 130px; }
.about .box4 ul li .pic {
width: 100%;
position: relative;
float: none !important; }
.about .box4 ul li .pic img {
width: 100%;
margin-left: 0; }
.about .box4 ul li .con {
width: 94%;
margin: 0 auto !important;
float: none !important; }
.about .box4 ul li .con .tits {
margin-top: 0;
font-size: 20px;
line-height: 20px; } }
@media (max-width: 960px) {
.about .box2 .con .con-new {
width: 90%;
margin-left: 5%; }
.about .box2 .pic {
width: 100%;
position: relative; }
.about .box2 .pic img {
width: 100%;
margin-left: 0; }
.about .box3 .con {
width: 100%;
float: none; }
.about .box3 .con .con-new {
width: 90%;
margin: 0 auto;
float: none; }
.about .box3 .con .con-new .title {
font-size: 22px;
line-height: 22px; }
.about .box3 .con .con-new .title .line {
margin-top: 15px; }
.about .box3 .con .con-new .conn .t1 {
font-size: 18px;
line-height: 18px; }
.about .box3 .pic {
width: 100%;
position: relative; }
.about .box3.bb .con .con-new {
padding-bottom: 6%;
padding-top: 10%; }
.about .box3.bb .con .con-new .conn {
margin-top: 4%; }
.about .box4 .title {
font-size: 22px;
line-height: 22px; }
.about .box4 ul li .con .tit {
font-size: 22px;
line-height: 30px;
margin-top: 10px; }
.about .box5 .box-new .pic {
width: 100%;
height: auto;
float: none; }
.about .box5 .box-new .pic img {
width: 100%;
position: relative;
left: auto;
margin-left: 0; }
.about .box5 .box-new .box-left {
width: 100%;
float: none; }
.about .box5 .box-new .box-left .list {
padding-bottom: 6%; }
.about .box5 .box-new .box-left .list ul li {
width: 28%;
margin-right: 8%; }
.about .box5 .box-new .box-left .list ul li p {
font-size: 14px;
line-height: 14px; }
.about .box6 .tit .t {
margin-right: 20px; }
.about .box6 .tit .t .tt1 {
font-size: 40px;
line-height: 40px; }
.about .box6 .tit .t .tt1 span {
font-size: 16px; }
.about .box6 .tit .t .tt2 {
font-size: 16px;
line-height: 16px; }
.about .box6 .pic {
display: block; }
.about .box6 .pic img {
max-width: 100%; } }
@media (max-width: 920px) {
.about .box1 .title {
font-size: 24px;
line-height: 24px; }
.about .box1 .con {
width: 50%;
margin-right: 0; }
.about .box1 .con .year {
font-size: 40px;
line-height: 40px; }
.about .box1 .con .tits {
margin-top: 15px; }
.about .box1 .con .tit {
margin-top: 10px; } }
@media (max-width: 768px) {
.about {
margin: 0 auto 8%; }
.about .box1 .title {
width: 100%;
float: none; }
.about .box1 .con {
width: 100%;
float: none;
margin-top: 10px; }
.about .box4 .img .img1 {
display: none; }
.about .box4 .img .img2 {
display: block; } }
.culture {
margin: 0 auto 210px; }
.culture .box {
width: 100%;
height: auto;
margin-top: 5.8%;
position: relative; }
.culture .box .box-new {
width: 33.3%;
height: auto; }
.culture .box .box-new .item {
width: 100%;
height: 400px;
background-color: #fff;
margin-bottom: 50px; }
.culture .box .box-new .item .icon {
width: 100%;
height: 50px;
text-align: center;
padding-top: 73px; }
.culture .box .box-new .item .en {
font-size: 30px;
line-height: 40px;
color: #666;
text-transform: uppercase;
text-align: center;
margin-top: 20px; }
.culture .box .box-new .item .cn {
font-size: 30px;
line-height: 40px;
color: #666;
text-align: center; }
.culture .box .box-new .item .txt {
text-align: center;
font-size: 18px;
line-height: 26px;
color: #666;
width: 275px;
max-width: 92%;
margin: 40px auto 0; }
.culture .box .con {
width: 33.4%;
position: absolute;
height: auto;
left: 33.3%;
top: 100px;
text-align: center; }
.culture .box .con .logo {
width: 100%;
height: auto; }
.culture .box .con .tits {
font-size: 36px;
line-height: 36px;
color: #666;
text-transform: uppercase;
margin-top: 44px;
margin-bottom: 35px; }
.culture .box .con .tit {
width: 100%;
height: auto;
color: #666;
margin-bottom: 15px; }
.culture .box .con .tit .t {
font-size: 18px;
line-height: 34px;
text-transform: uppercase; }
.culture .box .con .tit .t1 {
font-size: 14px;
line-height: 24px;
margin-top: 3px; }
.culture .box .con .tit .t1 span {
margin: 0 5px; }
.culture .box .con .tit .t2 {
width: 81.6%;
margin: 8px auto 30px;
height: auto;
position: relative; }
.culture .box .con .tit .t2 .tt {
font-size: 14px;
line-height: 20px;
color: #666;
float: left;
width: 50%;
padding: 10px 0; }
.culture .box .con .tit .t2 .line {
width: 1px;
height: 100%;
background-color: #ccc;
position: absolute;
top: 0;
left: 50%; }
.culture .box .con .tit .t2 .line1 {
width: 100%;
height: 1px;
background-color: #ccc;
position: absolute;
left: 0;
top: 50%; }
@media (max-width: 1600px) {
.culture .box .con .tits {
font-size: 28px;
line-height: 28px; }
.culture .box .box-new .item .en {
font-size: 26px;
line-height: 30px; }
.culture .box .box-new .item .cn {
font-size: 24px;
line-height: 30px; } }
@media (max-width: 1200px) {
.culture .box .box-new .item {
height: 290px; }
.culture .box .box-new .item .icon {
padding-top: 40px; }
.culture .box .box-new .item .en {
margin-top: 10px; }
.culture .box .box-new .item .txt {
font-size: 16px;
line-height: 24px;
margin: 20px auto 0; }
.culture .box .con {
top: 30px; }
.culture .box .con .logo {
height: 60px; }
.culture .box .con .logo img {
max-height: 100%; }
.culture .box .con .tits {
margin-top: 15px;
margin-bottom: 15px;
font-size: 24px;
line-height: 24px; } }
@media (max-width: 1024px) {
.culture {
margin: 0 auto 130px; } }
@media (max-width: 768px) {
.culture {
margin: 0 auto 8%; } }
@media (max-width: 740px) {
.culture .box .box-new {
width: 48%; }
.culture .box .box-new .item {
margin-bottom: 8%; }
.culture .box .con {
width: 100%;
position: relative;
top: auto;
left: auto;
margin-top: 4%; }
.culture .box .box-new .item .icon {
padding-top: 25px;
height: 40px; }
.culture .box .box-new .item .icon img {
width: 40px;
display: block;
margin: 0 auto; }
.culture .box .box-new .item .en {
font-size: 24px;
line-height: 28px; }
.culture .box .box-new .item .cn {
font-size: 20px;
line-height: 26px; }
.culture .box .box-new .item .txt {
font-size: 14px;
line-height: 24px;
margin: 15px auto 0; }
.culture .box .box-new .item {
height: 240px; } }
.honor {
margin: 0 auto 210px; }
.honor .btns {
width: 100%;
height: auto;
margin-top: 6.2%; }
.honor .btns .btns-new {
float: right;
width: 104px;
height: auto; }
.honor .btns .btns-new a {
width: 44px;
height: 44px;
border: 1px solid #878787;
display: block;
border-radius: 44px;
background-repeat: no-repeat;
background-position: center center;
transition: all .5s; }
.honor .btns .btns-new a.prev {
float: left;
background-image: url(../img/index_prev.png); }
.honor .btns .btns-new a.next {
float: right;
background-image: url(../img/index_next.png); }
@media (min-width: 1024px) {
.honor .btns .btns-new a:hover {
background-color: #1288cc;
border: 1px solid #1288cc; }
.honor .btns .btns-new a:hover.prev {
background-image: url(../img/index_prev_h.png); }
.honor .btns .btns-new a:hover.next {
background-image: url(../img/index_next_h.png); } }
.honor .list {
width: 100%;
height: auto;
margin-top: 50px; }
.honor .list ul {
width: 100%;
height: auto; }
.honor .list ul li {
width: 30%;
height: auto;
background-color: #fff;
margin-right: 5%;
float: left;
padding-bottom: 30px;
position: relative; }
.honor .list ul li .con {
width: 87.5%;
height: auto;
margin: 0 auto; }
.honor .list ul li .con .year {
font-weight: bold;
font-size: 50px;
line-height: 50px;
color: #878787;
margin-top: 30px; }
.honor .list ul li .con .txt {
width: 100%;
height: 420px;
overflow: hidden;
margin-top: 14px; }
.honor .list ul li .con .txt p {
font-size: 16px;
line-height: 26px;
color: #333; }
.honor .list ul li .con .txt p span {
color: #999; }
.honor .list ul li:after {
width: 60px;
height: 1px;
position: absolute;
left: calc(100% + 10px);
top: 10%;
content: '';
background-color: #ccc; }
.honor .list ul li:last-child {
margin-right: 0; }
@media (max-width: 1500px) {
.honor .list ul li .con .year {
font-size: 38px;
line-height: 38px; } }
@media (max-width: 1200px) {
.honor .list ul li .con .year {
font-size: 32px;
line-height: 32px;
margin-top: 15px; }
.honor .list ul li:after {
width: 30px;
left: calc(100% + 5px); } }
@media (max-width: 1024px) {
.honor {
margin: 0 auto 130px; } }
@media (max-width: 768px) {
.honor {
margin: 0 auto 8%; } }
@media (max-width: 500px) {
.honor .btns .btns-new {
width: 90px; }
.honor .btns .btns-new .a {
width: 38px;
height: 38px;
border-radius: 38px; }
.honor .list {
margin-top: 20px; }
.honor .list ul li .con .year {
font-size: 22px;
line-height: 22px;
margin-top: 15px; }
.honor .list ul li .con .txt {
height: 400px; }
.honor .list ul li:after {
display: none; } }
.news {
margin: 0 auto 210px; }
.news .tabs {
width: 100%;
height: auto;
margin-top: 50px;
border-bottom: 1px solid #ccc;
font-size: 0; }
.news .tabs a {
font-size: 24px;
line-height: 100px;
color: #333;
margin-right: 6.25%;
display: inline-block;
position: relative; }
.news .tabs a:after {
width: 0;
height: 5px;
bottom: -1px;
left: 50%;
background-color: #1288cc;
position: absolute;
content: '';
transition: width 0.5s,left 0.5s; }
.news .tabs a.on {
color: #1288cc; }
.news .tabs a.on:after {
width: 100%;
left: 0; }
@media (min-width: 1024px) {
.news .tabs a:hover {
color: #1288cc; }
.news .tabs a:hover:after {
width: 100%;
left: 0; } }
.news .box {
width: 100%;
height: auto;
margin-top: 50px; }
.news .box a {
width: 100%;
height: auto;
display: block;
background-color: #fff; }
.news .box a .pic {
width: 50%;
height: auto;
float: right;
overflow: hidden; }
.news .box a .pic img {
transition: transform 1.5s; }
.news .box a .box-left {
width: 50%;
height: auto;
float: left;
padding-top: 6.2%; }
.news .box a .box-left .con {
width: 56.25%;
height: auto;
margin-left: 12.5%; }
.news .box a .box-left .con .time {
font-size: 18px;
line-height: 23px;
padding-left: 39px;
color: #666;
background-repeat: no-repeat;
background-position: left center;
background-image: url(../img/time.png); }
.news .box a .box-left .con .tits {
width: 100%;
font-size: 30px;
line-height: 48px;
color: #333;
height: 48px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 19px; }
.news .box a .box-left .con .txt {
font-size: 16px;
line-height: 26px;
color: #666;
height: 78px;
letter-spacing: -0.5px;
margin-top: 14px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.news .box a .box-left .con .more {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
margin-top: 20%; }
.news .box a .box-left .con .more span {
display: inline-block;
padding-right: 49px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/index_icon5.png);
position: relative;
z-index: 5; }
.news .box a .box-left .con .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.news .box a .box-left .con .more:hover:after {
animation: hoverAnimation .5s linear; } }
@media (min-width: 1024px) {
.news .box:hover a .pic img {
transform: scale(1.1); } }
.news .news-list {
width: 100%; }
@media (max-width: 1500px) {
.news .box a .box-left .con {
width: 80%;
margin-left: 10%; }
.news .box a .box-left .con .tits {
font-size: 24px;
line-height: 30px;
height: 30px; }
.news .box a .box-left .con .more {
margin-top: 15%; } }
@media (max-width: 1370px) {
.news .tabs a {
font-size: 20px;
line-height: 70px; }
.news .box a .box-left {
padding-top: 4%; }
.news .box a .box-left .con {
width: 80%;
margin-left: 10%; }
.news .box a .box-left .con .tits {
font-size: 24px;
line-height: 28px;
height: 28px; }
.news .box a .box-left .con .more {
margin-top: 12%; } }
@media (max-width: 1280px) {
.news .box a .box-left .con .tits {
font-size: 20px;
line-height: 26px;
height: 26px; } }
@media (max-width: 1024px) {
.news {
margin: 0 auto 130px; }
.news .tabs a {
font-size: 18px;
line-height: 60px; }
.news .tabs a:after {
height: 3px; } }
@media (max-width: 900px) {
.news .box a .box-left {
width: 100%;
float: none;
padding-bottom: 5%; }
.news .box a .box-left .con {
width: 90%;
margin: 0 auto; }
.news .box a .box-left .con .more {
margin-top: 3%; }
.news .box a .pic {
width: 100%;
float: none; } }
@media (max-width: 768px) {
.news {
margin: 0 auto 8%; } }
@media (max-width: 550px) {
.news .tabs a {
font-size: 16px;
line-height: 50px; }
.news .tabs a:after {
height: 2px; }
.news .box {
display: none; } }
@media (max-width: 430px) {
.news .tabs a {
width: 25%;
display: block;
float: left;
margin-right: 0; }
.news .tabs a:after {
height: 2px; } }
.news-list {
height: auto;
margin-top: 6.2%; }
.news-list .title {
width: 100%;
height: auto; }
.news-list .title .tits {
float: left;
color: #878787; }
.news-list .title .tits .en {
text-transform: uppercase; }
.news-list .title .tits .cn {
margin-top: 4%; }
.news-list .title .tits .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 13%; }
.news-list ul {
width: 100%;
height: auto; }
.news-list ul li {
width: 33.3333333333%;
height: auto;
float: left;
position: relative; }
.news-list ul li a {
width: 100%;
height: auto;
display: block;
padding-bottom: 12%;
border-top: 10px solid #f2f2f2; }
.news-list ul li a .con {
width: 82.4%;
height: auto;
padding-top: 10%;
margin: 0 auto;
transition: color .5s; }
.news-list ul li a .con .time {
font-size: 16px;
line-height: 16px;
color: #878787;
font-weight: bold;
font-family: Arial; }
.news-list ul li a .con .time span {
float: right; }
.news-list ul li a .con .time i {
float: left; }
.news-list ul li a .con .tits {
font-size: 24px;
line-height: 40px;
height: 80px;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 9%; }
.news-list ul li a .con .pic {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 10%; }
.news-list ul li a .con .pic img {
transition: transform 1.5s; }
@media (min-width: 1024px) {
.news-list ul li:hover {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
z-index: 10; }
.news-list ul li:hover a {
border-top: 10px solid #1288cc; }
.news-list ul li:hover a .con .time span {
color: #1288cc; }
.news-list ul li:hover a .con .tits {
color: #1288cc; }
.news-list ul li:hover a .con .pic img {
transform: scale(1.1); } }
.news-list .more-click {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
margin: 4% auto 0; }
.news-list .more-click span {
display: inline-block;
padding-right: 35px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/news_icon.png);
position: relative;
z-index: 5; }
.news-list .more-click:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.news-list .more-click:hover:after {
animation: hoverAnimation .5s linear; } }
@media (max-width: 1500px) {
.news-list ul li a .con .tits {
font-size: 20px;
line-height: 30px;
height: 60px; } }
@media (max-width: 1024px) {
.news-list ul li {
width: 50%; }
.news-list ul li a .con {
width: 90%; }
.news-list ul li a .con .tits {
font-size: 18px;
line-height: 18px;
height: 18px; } }
@media (max-width: 550px) {
.news-list ul li {
width: 49%;
margin-right: 2%;
margin-bottom: 2%;
background-color: #fff; }
.news-list ul li a {
border-top: none;
padding-bottom: 0; }
.news-list ul li a .con {
width: 100%;
padding: 0; }
.news-list ul li a .con .time {
width: 92%;
margin: 0 auto;
padding-top: 15px;
font-size: 14px;
line-height: 14px; }
.news-list ul li a .con .tits {
width: 92%;
margin: 10px auto 0;
font-size: 16px;
line-height: 24px;
height: 48px; }
.news-list ul li a .con .pic {
margin-top: 15px; }
.news-list ul li:nth-child(2n) {
margin-right: 0; } }
.news-info {
margin: 5.2% auto 210px; }
.news-info .content {
width: 1200px;
max-width: 92%;
margin: auto; }
.news-info .content .title {
width: 100%;
height: auto;
text-align: center; }
.news-info .content .title .t {
font-size: 30px;
line-height: 30px;
color: #666; }
.news-info .content .title .t1 {
font-size: 20px;
line-height: 40px;
color: #999;
margin-top: 20px; }
.news-info .content .title .t1 span {
margin: 0 20px; }
.news-info .content .title .t1 i {
color: #1288cc; }
.news-info .content .con {
font-size: 16px;
line-height: 26px;
color: #666;
margin-top: 4%;
text-align: justify; }
.news-info .content .con img {
max-width: 100%;
width: auto !important;
height: auto !important; }
.news-info .content .paging {
width: 100%;
height: auto;
margin-top: 7%; }
.news-info .content .paging .share {
float: left;
margin-top: 6px; }
.news-info .content .paging .share a {
width: 36px;
height: 36px;
border-radius: 36px;
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #cdcdcd;
margin-right: 10px;
display: block;
float: left; }
.news-info .content .paging .share a.bds_tsina {
background-image: url(../img/info_wb.png); }
.news-info .content .paging .share a.bds_weixin {
background-image: url(../img/info_wx.png); }
.news-info .content .paging .share a.bds_sqq {
background-image: url(../img/info_qq.png); }
.news-info .content .paging .return {
width: 178px;
height: 48px;
border: 1px solid #ccc;
display: block;
float: right;
text-align: center;
font-size: 16px;
line-height: 48px;
color: #666;
transition: all 0.5s; }
@media (min-width: 1024px) {
.news-info .content .paging .return:hover {
background-color: #1288cc;
border-color: #1288cc;
color: #fff; } }
.news-info .content .list {
width: 100%;
height: auto;
margin-top: 5%; }
.news-info .content .list ul {
width: 100%;
height: auto; }
.news-info .content .list ul li {
width: 100%;
height: auto;
border-bottom: 1px solid #ccc;
font-size: 22px;
line-height: 80px; }
.news-info .content .list ul li a {
color: #999; }
.news-info .content .list ul li a .tits {
float: left;
width: 80%;
height: 80px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.news-info .content .list ul li a .tits span {
color: #1288cc; }
.news-info .content .list ul li a .tit {
float: right; }
@media (min-width: 1024px) {
.news-info .content .list ul li:hover a {
color: #1288cc; } }
.news-info .news-list ul {
margin-top: 3%; }
@media (max-width: 1500px) {
.news-info .content .title .t {
font-size: 28px;
line-height: 28px; } }
@media (max-width: 1390px) {
.news-info .content .title .t {
font-size: 24px;
line-height: 24px; } }
@media (max-width: 1024px) {
.news-info {
margin: 5.2% auto 130px; }
.news-info .content .title .t {
font-size: 20px;
line-height: 26px; }
.news-info .content .title .t1 {
font-size: 16px;
line-height: 16px; }
.news-info .content .list ul li {
font-size: 16px;
line-height: 60px; }
.news-info .content .list ul li a .tits {
height: 60px; } }
@media (max-width: 768px) {
.news-info {
margin: 5.2% auto 10%; } }
@media (max-width: 500px) {
.news-info .content .paging .return {
width: 120px;
height: 38px;
line-height: 38px;
font-size: 16px; } }
.join {
margin: 0 auto 210px; }
.join .tabs {
width: 100%;
height: auto;
margin: 6% auto 0;
border-bottom: 1px solid #ccc; }
.join .tabs a {
width: 25%;
height: auto;
display: block;
float: left;
position: relative;
padding-bottom: 40px; }
.join .tabs a .icon {
width: 100%;
height: 60px;
background-position: center center;
background-repeat: no-repeat; }
.join .tabs a .icon.i1 {
background-image: url(../img/join_icon1.png); }
.join .tabs a .icon.i2 {
background-image: url(../img/join_icon2.png); }
.join .tabs a .icon.i3 {
background-image: url(../img/join_icon3.png); }
.join .tabs a .icon.i4 {
background-image: url(../img/join_icon4.png); }
.join .tabs a p {
text-align: center;
font-size: 20px;
line-height: 20px;
color: #333;
margin-top: 28px; }
.join .tabs a:after {
width: 210px;
height: 5px;
content: '';
max-width: 80%;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background-color: #1288cc;
display: none; }
.join .tabs a.on .icon.i1 {
background-image: url(../img/join_icon1.png); }
.join .tabs a.on .icon.i2 {
background-image: url(../img/join_icon2.png); }
.join .tabs a.on .icon.i3 {
background-image: url(../img/join_icon3.png); }
.join .tabs a.on .icon.i4 {
background-image: url(../img/join_icon4.png); }
.join .tabs a.on p {
color: #1288cc; }
.join .tabs a.on:after {
display: block; }
@media (min-width: 1024px) {
.join .tabs a:hover .icon.i1 {
background-image: url(../img/join_icon1.png); }
.join .tabs a:hover .icon.i2 {
background-image: url(../img/join_icon2.png); }
.join .tabs a:hover .icon.i3 {
background-image: url(../img/join_icon3.png); }
.join .tabs a:hover .icon.i4 {
background-image: url(../img/join_icon4.png); }
.join .tabs a:hover p {
color: #1288cc; }
.join .tabs a:hover:after {
display: block; } }
.join .list {
width: 100%;
height: auto;
margin-top: 50px; }
.join .list ul {
width: 100%;
height: auto; }
.join .list ul li {
width: 100%;
height: auto;
background-color: #fff;
display: none; }
.join .list ul li .pic {
width: 60%;
height: auto;
float: left; }
.join .list ul li .con {
width: 40%;
height: auto;
float: left; }
.join .list ul li .con .con-new {
width: 71%;
margin-left: 15.625%;
height: auto;
padding-top: 12.2%; }
.join .list ul li .con .con-new .en {
color: #878787;
text-transform: uppercase; }
.join .list ul li .con .con-new .cn {
color: #666;
margin-top: 3%; }
.join .list ul li .con .con-new .txt {
width: 100%;
min-height: 105px;
height: auto;
font-size: 16px;
line-height: 26px;
color: #666;
text-align: justify;
margin-top: 4%; }
.join .list ul li .con .con-new .more {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
margin-top: 5%; }
.join .list ul li .con .con-new .more span {
display: inline-block;
padding-right: 49px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/index_icon5.png);
position: relative;
z-index: 5; }
.join .list ul li .con .con-new .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.join .list ul li .con .con-new .more:hover:after {
animation: hoverAnimation .5s linear; } }
@media (max-width: 1700px) {
.join .list ul li .con .con-new .cn {
font-size: 36px;
line-height: 36px; }
.join .list ul li .con .con-new .en {
font-size: 36px;
line-height: 36px; } }
@media (max-width: 1600px) {
.join .list ul li .con .con-new .en {
font-size: 30px;
line-height: 30px; }
.join .list ul li .con .con-new .cn {
font-size: 30px;
line-height: 30px; } }
@media (max-width: 1500px) {
.join .list ul li .con .con-new {
width: 85%;
margin-left: 8%;
padding-top: 7%; } }
@media (max-width: 1300px) {
.join .tabs a {
padding-bottom: 20px; }
.join .tabs a p {
margin-top: 10px; } }
@media (max-width: 1180px) {
.join .list ul li .con .con-new .en {
font-size: 20px;
line-height: 20px; }
.join .list ul li .con .con-new .cn {
font-size: 20px;
line-height: 20px; }
.join .list ul li .con .con-new .txt {
font-size: 14px;
line-height: 24px; } }
@media (max-width: 1024px) {
.join {
margin: 0 auto 130px; } }
@media (max-width: 980px) {
.join .list {
margin-top: 30px; }
.join .list ul li .pic {
width: 100%;
height: auto;
float: none; }
.join .list ul li .con {
width: 100%;
float: none; }
.join .list ul li .con .con-new {
width: 92%;
margin: 0 auto;
padding: 5% 0; }
.join .list ul li .con .con-new .cn {
margin-top: 1%; } }
@media (max-width: 768px) {
.join {
margin: 0 auto 8%; } }
@media (max-width: 630px) {
.join .tabs a {
padding-bottom: 20px; }
.join .tabs a .icon {
background-size: 40px auto;
height: 44px; }
.join .tabs a p {
font-size: 16px;
line-height: 16px;
margin-top: 10px; } }
@media (max-width: 550px) {
.join .list ul li .con .con-new .en {
font-size: 20px;
line-height: 20px; }
.join .list ul li .con .con-new .cn {
font-size: 20px;
line-height: 20px; }
.join .list ul li .con .con-new .txt {
margin-top: 10px; }
.join .list ul li .con .con-new .more {
margin-top: 10px; } }
@media (max-width: 460px) {
.join .tabs a .icon {
background-size: 30px auto; }
.join .tabs a p {
font-size: 12px;
line-height: 12px; } }
.work {
margin: 0 auto 210px; }
.work .box1 {
width: 100%;
height: auto;
margin-top: 12.4%;
position: relative; }
.work .box1 .con {
width: 64.7%;
height: auto;
background-color: #fff;
padding-top: 5.8%;
padding-bottom: 5.8%; }
.work .box1 .con .con-new {
width: 55%;
height: auto;
margin-left: 9.7%; }
.work .box1 .con .con-new .title {
color: #666; }
.work .box1 .con .con-new .title .en {
text-transform: uppercase; }
.work .box1 .con .con-new .title .cn {
margin-top: 1.5%; }
.work .box1 .con .con-new .title .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 5%; }
.work .box1 .con .con-new .txt {
font-size: 16px;
line-height: 30px;
color: #666;
margin-top: 40px; }
.work .box1 .pic {
width: 50%;
height: auto;
position: absolute;
right: 0;
top: -9.6%; }
.work .box2 {
width: 100%;
height: auto; }
.work .box2 .btns {
width: 100%;
height: auto;
margin-top: 2.7%; }
.work .box2 .btns .btns-new {
float: right;
width: 104px;
height: auto; }
.work .box2 .btns .btns-new a {
width: 44px;
height: 44px;
border: 1px solid #878787;
display: block;
border-radius: 44px;
background-repeat: no-repeat;
background-position: center center;
transition: all .5s; }
.work .box2 .btns .btns-new a.prev {
float: left;
background-image: url(../img/index_prev.png); }
.work .box2 .btns .btns-new a.next {
float: right;
background-image: url(../img/index_next.png); }
@media (min-width: 1024px) {
.work .box2 .btns .btns-new a:hover {
background-color: #1288cc;
border: 1px solid #1288cc; }
.work .box2 .btns .btns-new a:hover.prev {
background-image: url(../img/index_prev_h.png); }
.work .box2 .btns .btns-new a:hover.next {
background-image: url(../img/index_next_h.png); } }
.work .box2 .list {
width: 100%;
height: auto;
margin-top: 3%; }
.work .box2 .list ul {
width: 100%;
height: auto; }
.work .box2 .list ul li {
width: 24.5%;
float: left;
height: auto;
margin-right: 0.6%; }
.work .box2 .list ul li:last-child {
margin-right: 0; }
@media (max-width: 1420px) {
.work .box1 .con {
padding: 4% 0; }
.work .box1 .con .con-new {
width: 70%;
margin-left: 4%; }
.work .box1 .con .con-new .txt {
line-height: 24px; } }
@media (max-width: 1024px) {
.work {
margin: 0 auto 130px; }
.work .box1 {
margin-top: 6%; }
.work .box1 .pic {
width: 100%;
float: none;
position: relative; }
.work .box1 .con {
width: 100%;
float: none; }
.work .box1 .con .con-new {
width: 94%;
margin: 0 auto; } }
@media (max-width: 768px) {
.work {
margin: 0 auto 8%; } }
@media (max-width: 500px) {
.work .box1 .con {
width: 100%;
float: none; }
.work .box2 .btns .btns-new {
width: 88px; }
.work .box2 .btns .btns-new .a {
width: 36px;
height: 36px;
border-radius: 36px; } }
.life {
margin: 0 auto 210px; }
.life .title {
text-align: center;
width: 100%;
height: auto;
margin-top: 5.8%; }
.life .title .en {
text-transform: uppercase;
color: #878787; }
.life .title .cn {
color: #666;
margin-top: 1%; }
.life .title .tits {
font-size: 16px;
line-height: 26px;
color: #666;
margin-top: 25px; }
.life .list {
width: 100%;
height: auto;
overflow: initial;
margin-top: 45px; }
.life .list ul {
width: 100%;
height: auto; }
.life .list ul li {
width: 31.25%;
height: auto;
float: left;
margin-right: 3.125%;
position: relative; }
.life .list ul li .bg {
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
opacity: 0; }
.life .list ul li .icon {
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/life_icon1.png);
z-index: 6;
opacity: 0;
transform: translateY(20px);
transition: transform .5s,opacity .5s; }
.life .list ul li .t {
width: 100%;
height: auto;
font-size: 24px;
line-height: 30px;
color: #fff;
text-align: center;
position: absolute;
bottom: 23%;
z-index: 6;
opacity: 0;
transform: translateY(20px);
transition: transform .5s,opacity .5s; }
@media (min-width: 1024px) {
.life .list ul li:hover .bg {
opacity: 1; }
.life .list ul li:hover .icon {
opacity: 1;
transform: translateY(0); }
.life .list ul li:hover .t {
opacity: 1;
transform: translateY(0); } }
.life .list ul li:last-child {
margin-right: 0; }
.life .list .swiper-scrollbar {
display: block !important;
width: 100%;
height: 5px;
background: url(../img/life_line.png) repeat-x center;
opacity: 1 !important;
left: 0;
position: relative;
margin-top: 50px; }
.life .list .swiper-scrollbar .swiper-scrollbar-drag {
height: 5px;
background-color: #1288cc; }
@media (max-width: 1024px) {
.life {
margin: 0 auto 130px; } }
@media (max-width: 768px) {
.life {
margin: 0 auto 8%; } }
@media (max-width: 550px) {
.life {
margin: 0 auto 8%; }
.life .title .txt {
margin-top: 15px; }
.life .list .swiper-scrollbar {
margin-top: 20px; } }
.problem {
margin: 0 auto 210px; }
.problem .title {
width: 100%;
height: auto;
margin-top: 5.8%; }
.problem .title .en {
color: #878787;
text-transform: uppercase; }
.problem .title .cn {
color: #666;
margin-top: 14px; }
.problem .content {
width: 100%;
height: auto;
background-color: #fff;
margin-top: 3%;
padding-bottom: 6.2%; }
.problem .content .top {
width: 87.5%;
height: auto;
margin: 0 auto;
padding-top: 3.2%; }
.problem .content .top .top-right {
width: 100%;
height: auto; }
.problem .content .top .top-right .search-box {
width: 35.7%;
height: 50px;
float: right; }
.problem .content .top .top-right .search-box .text {
width: calc(80% - 21px);
border: 1px solid #ccc;
height: 48px;
float: left;
border-right: none;
background: none;
padding-left: 20px;
font-size: 16px;
line-height: 48px;
color: #999; }
.problem .content .top .top-right .search-box .submit {
width: 20%;
height: 100%;
background-color: #1288cc;
float: left;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/problem_icon1.png);
border: none; }
.problem .content .top .nav {
width: 100%;
margin-top: 2%; }
.problem .content .top .nav a {
float: left;
display: block;
padding: 0 30px;
line-height: 50px;
font-size: 18px;
color: #666;
margin-right: 60px;
transition: all .5s; }
.problem .content .top .nav a.on {
background-color: #1288cc;
color: #fff; }
@media (min-width: 1024px) {
.problem .content .top .nav a:hover {
background-color: #1288cc;
color: #fff; } }
.problem .content .list {
width: 87.5%;
height: auto;
margin: 6.1% auto 0; }
.problem .content .list ul {
width: 100%; }
.problem .content .list ul li {
width: 100%;
height: auto;
border-bottom: 1px solid #ccc;
padding-bottom: 45px;
margin-bottom: 50px; }
.problem .content .list ul li .item {
width: 85.8%;
height: auto;
margin: 0 auto; }
.problem .content .list ul li .item .tits {
width: 100%;
height: auto;
cursor: pointer; }
.problem .content .list ul li .item .tits .time {
font-size: 16px;
line-height: 16px;
color: #999; }
.problem .content .list ul li .item .tits .t {
font-size: 20px;
line-height: 36px;
color: #000;
position: relative;
margin-top: 12px; }
.problem .content .list ul li .item .tits .t:after {
width: 18px;
height: 36px;
top: 0;
left: -38px;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/problem_icon2.png);
content: ''; }
.problem .content .list ul li .item .con {
width: 100%;
height: auto;
font-size: 16px;
line-height: 26px;
color: #666;
margin-top: 10px;
display: none; }
.problem .content .list ul li.on .item .tits .t {
color: #1288cc; }
.problem .content .list ul li.on .item .tits .t:after {
background-image: url(../img/problem_icon2_h.png); }
.problem .content .bottom {
width: 100%;
height: auto; }
.problem .content .bottom .tits {
text-align: center;
font-size: 42px;
line-height: 50px;
color: #666;
margin-top: 6%; }
.problem .content .bottom .tit {
width: 100%;
font-size: 0;
width: 762px;
margin: 56px auto 0; }
.problem .content .bottom .tit a {
width: 180px;
height: 50px;
border-radius: 25px;
background-color: #1288cc;
text-align: center;
margin: 0 37px;
font-size: 18px;
line-height: 50px;
float: left; }
.problem .content .bottom .tit a span {
display: inline-block;
padding-left: 36px;
color: #fff;
background-position: left center;
background-repeat: no-repeat; }
.problem .content .bottom .tit a span.s1 {
background-image: url(../img/problem_icon3.png); }
.problem .content .bottom .tit a span.s2 {
background-image: url(../img/problem_icon4.png); }
.problem .content .bottom .tit a span.s3 {
background-image: url(../img/problem_icon5.png);
background-position: left 15px;
line-height: 18px;
text-align: left;
padding-top: 6px; }
.problem .content .bottom .tit a span.s3 i {
font-size: 14px;
line-height: 14px;
display: inline-block;
margin-top: 4px; }
@media (max-width: 1400px) {
.problem .content .list ul li {
padding-bottom: 25px;
margin-bottom: 30px; } }
@media (max-width: 1300px) {
.problem .content .top .nav a {
padding: 0 15px;
margin-right: 20px;
font-size: 16px; } }
@media (max-width: 1024px) {
.problem {
margin: 0 auto 130px; }
.problem .content .list ul li {
padding-bottom: 25px;
margin-bottom: 30px; }
.problem .content .list ul li .item .tits .t {
font-size: 20px; }
.problem .content .bottom .tits {
font-size: 30px;
line-height: 30px; }
.problem .content .bottom .tit {
width: 660px; }
.problem .content .bottom .tit a {
margin: 0 20px; } }
@media (max-width: 820px) {
.problem .content .top {
width: 90%; }
.problem .content .top .top-right .search-box {
width: 80%;
margin: 20px auto 0;
float: none; }
.problem .content .top .nav {
width: 100%;
float: none; }
.problem .content .list {
width: 90%; }
.problem .content .list ul li .item .con {
margin-top: 15px; }
.problem .content .bottom .tit {
width: 495px;
margin-top: 5%; }
.problem .content .bottom .tit a {
width: 145px;
margin: 0 10px; } }
@media (max-width: 768px) {
.problem {
margin: 0 auto 8%; } }
@media (max-width: 550px) {
.problem .content .top .top-right .search-box {
width: 100%; }
.problem .content .top .nav a {
margin-right: 0; }
.problem .content .list ul li {
padding-bottom: 15px;
margin-bottom: 20px; }
.problem .content .list ul li .item .tits .t {
margin-top: 0;
font-size: 16px;
line-height: 26px; }
.problem .content .list ul li .item .tits .t:after {
width: 10px;
height: 26px;
background-size: 100% auto;
left: -24px; }
.problem .content .list ul li .item .con {
font-size: 14px;
line-height: 24px;
margin-top: 10px; }
.problem .content .bottom .tits {
font-size: 20px;
line-height: 20px; }
.problem .content .bottom .tit {
width: 340px; }
.problem .content .bottom .tit a {
width: 95px;
margin-bottom: 10px;
font-size: 14px;
line-height: 40px;
height: 40px;
margin: 0 5px; }
.problem .content .bottom .tit a span {
padding-left: 22px;
background-size: 18px; }
.problem .content .bottom .tit a span.s3 {
padding-top: 2px;
background-position: left 13px; }
.problem .content .bottom .tit a span.s3 i {
font-size: 12px;
line-height: 12px; }
.problem .content .bottom .tit a:nth-child(3) {
width: 120px; } }
@media (max-width: 500px) {
.problem .content .top .top-right .search-box .text {
height: 38px;
line-height: 38px; }
.problem .content .top .top-right .search-box .submit {
height: 40px; }
.problem .content .top .nav a {
width: 50%;
padding: 0;
text-align: center;
height: 40px;
line-height: 40px;
margin-bottom: 5px; } }
video {
width: 100%;
height: 100%; }
.download {
margin: 0 auto 210px; }
.download .top {
width: 100%;
height: auto;
margin-top: 6.5%;
position: relative;
z-index: 10; }
.download .top .tits {
float: left;
font-size: 42px;
line-height: 50px;
color: #666; }
.download .top .top-right {
width: 46.25%;
margin-right: 6.25%;
float: right; }
.download .top .top-right .select {
width: 29.7%;
height: auto;
float: left;
position: relative; }
.download .top .top-right .select .t {
width: calc(100% - 2px);
height: 48px;
font-size: 16px;
line-height: 48px;
color: #999;
border: 1px solid #ccc;
position: relative; }
.download .top .top-right .select .t span {
margin-left: 20px; }
.download .top .top-right .select .t i {
width: 10px;
height: 100%;
display: block;
float: right;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/download_icon.png);
position: absolute;
top: 0;
right: 20px; }
.download .top .top-right .select ul {
width: calc(100% - 2px);
background-color: #f2f2f2;
height: auto;
position: absolute;
top: 49px;
left: 0;
z-index: 1000;
border: 1px solid #ccc;
display: none; }
.download .top .top-right .select ul li {
cursor: pointer;
font-size: 16px;
line-height: 40px;
color: #999;
width: calc(100% - 20px);
padding-left: 20px;
transition: all .5s; }
@media (min-width: 1024px) {
.download .top .top-right .select ul li:hover {
background-color: #1288cc;
color: #fff; } }
.download .top .top-right .select:hover ul {
display: block; }
.download .top .top-right .search-box {
width: 67.6%;
height: 50px;
float: right; }
.download .top .top-right .search-box .text {
width: calc(80% - 21px);
border: 1px solid #ccc;
height: 48px;
float: left;
border-right: none;
background: none;
padding-left: 20px;
font-size: 16px;
line-height: 48px;
color: #999; }
.download .top .top-right .search-box .submit {
width: 20%;
height: 100%;
background-color: #1288cc;
float: left;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/problem_icon1.png);
border: none; }
.download .content {
width: 100%;
height: auto;
background-color: #fff;
padding-top: 6.5%;
margin-top: 5%;
padding-bottom: 6.2%; }
.download .content .tits {
width: calc(87.5% - 100px);
height: auto;
margin: 0 auto;
padding: 0 50px;
background-color: #f8f8f8;
font-size: 18px;
line-height: 60px;
color: #666; }
.download .content .tits .t {
float: left; }
.download .content .tits .t1 {
float: right;
width: 150px; }
.download .content ul {
width: 87.5%;
height: auto;
margin: 0 auto 6%; }
.download .content ul li {
width: calc(100% - 100px);
height: auto;
padding: 0 50px;
border-bottom: 1px solid #ccc;
cursor: pointer; }
.download .content ul li .t {
width: calc(100% - 192px);
padding-left: 42px;
float: left;
font-size: 20px;
color: #333;
height: 109px;
line-height: 109px;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.download .content ul li .t:after {
width: 26px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/download_icon1.png);
content: ''; }
.download .content ul li a {
width: 148px;
height: 48px;
text-align: center;
display: block;
float: right;
font-size: 16px;
line-height: 48px;
color: #666;
border: 1px solid #ccc;
margin-top: 30px; }
@media (min-width: 1024px) {
.download .content ul li:hover {
background-color: #f8f8f8;
border-bottom: 1px solid #f8f8f8; }
.download .content ul li:hover a {
background-color: #1288cc;
border: 1px solid #1288cc;
color: #fff; } }
.download .content ul li.none {
border-bottom: 1px solid #f8f8f8; }
@media (max-width: 1366px) {
.download .top .tits {
font-size: 30px; } }
@media (max-width: 1320px) {
.download .top .top-right {
width: 60%; } }
@media (max-width: 1024px) {
.download {
margin: 0 auto 130px; }
.download .content .tits {
font-size: 24px;
padding: 0 20px;
width: calc(90% - 40px); }
.download .content ul {
width: 90%; }
.download .content ul li {
width: calc(100% - 40px);
padding: 0 20px; }
.download .content ul li .t {
line-height: 80px;
font-size: 18px;
height: 80px; }
.download .content ul li a {
width: 118px;
height: 38px;
line-height: 38px;
margin-top: 20px;
float: left; } }
@media (max-width: 920px) {
.download .top .top-right {
width: 75%;
margin-right: 0; } }
@media (max-width: 768px) {
.download {
margin: 0 auto 8%; }
.download .top .tits {
float: none;
width: 100%; }
.download .top .top-right {
width: 100%;
margin-top: 20px;
float: none; }
.download .top .top-right .select .t span {
margin-left: 10px; }
.download .top .top-right .select .t i {
right: 10px; } }
@media (max-width: 600px) {
.download .top .tits {
font-size: 18px; }
.download .content .tits {
font-size: 18px;
line-height: 40px; }
.download .content .tits .t1 {
width: 15%;
float: right; }
.download .content ul li .t {
width: calc(80% - 30px);
font-size: 16px;
padding-left: 30px;
height: 50px;
line-height: 50px; }
.download .content ul li .t:after {
width: 18px;
background-size: 100% auto; }
.download .content ul li a {
width: 15%;
margin-top: 7px;
line-height: 33px;
border: none;
text-align: left;
float: right; } }
@media (max-width: 460px) {
.download .top .tits {
float: none;
width: 100%;
font-size: 22px;
line-height: 24px; }
.download .top .top-right .select {
width: 100%;
float: none;
margin-right: 0; }
.download .top .top-right .search-box {
width: 100%;
float: none;
margin-top: 10px; } }
.page {
width: 100%;
height: auto;
font-size: 0;
text-align: center; }
.page a, .page span {
width: 48px;
height: 48px;
border: 1px solid #ccc;
text-align: center;
display: inline-block;
font-size: 16px;
line-height: 48px;
color: #999;
margin: 0 5px;
transition: all .5s;
cursor: pointer; }
.page a.current, .page span.current {
background-color: #1288cc;
color: #fff;
border-color: #1288cc; }
.page a.p, .page span.p {
width: 118px; }
@media (min-width: 1024px) {
.page a:hover, .page span:hover {
background-color: #1288cc;
color: #fff;
border-color: #1288cc; } }
@media (max-width: 700px) {
.page a, .page span {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px; }
.page a.p, .page span.p {
width: 68px; } }
.sale {
margin: 0 auto 210px; }
.sale ul {
width: 100%;
height: auto;
margin-top: 6.2%; }
.sale ul li {
width: 20.4%;
height: 200px;
margin-right: 6.1%;
background-color: #fff;
float: left;
transition: all .5s; }
.sale ul li .con {
width: 100%;
height: calc(100% - 22px);
padding-top: 22px;
background-color: #fff;
position: relative; }
.sale ul li .con .icon {
width: 100%;
height: 87px;
position: relative; }
.sale ul li .con .icon img {
max-width: 90%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
.sale ul li .con p {
text-align: center;
font-size: 16px;
line-height: 26px;
color: #333;
margin-top: 9px; }
.sale ul li .con p a {
color: #333; }
.sale ul li .con p a:hover {
color: #1288cc; }
.sale ul li .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
display: none; }
.sale ul li .bg img {
top: 0;
bottom: 0;
right: 0;
left: 0;
max-width: 100%;
max-height: calc(100% - 20px);
margin: auto;
position: absolute; }
.sale ul li:last-child {
margin-right: 0; }
@media (min-width: 1024px) {
.sale ul li:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.sale ul li:hover .bg {
display: block; } }
.sale ul.ul-pc {
display: block; }
.sale ul.ul-m {
display: none; }
@media (max-width: 1200px) {
.sale {
margin: 0 auto 110px; }
.sale ul li {
width: 47%;
margin-right: 6%;
margin-bottom: 6%; }
.sale ul li:nth-child(2n) {
margin-right: 0; } }
@media (max-width: 1024px) {
.sale ul.ul-pc {
display: none; }
.sale ul.ul-m {
display: block; } }
@media (max-width: 768px) {
.sale {
margin: 0 auto 5%; } }
@media (max-width: 480px) {
.sale ul li {
width: 49%;
height: 185px;
margin-right: 2%;
margin-bottom: 2%; }
.sale ul li .con .icon img {
max-width: 90%;
max-height: 90%; }
.sale ul li .con p {
font-size: 14px;
line-height: 16px; } }
.stores {
width: 100%;
height: auto; }
.stores .top {
margin: 5.2% auto 0;
position: relative;
z-index: 100; }
.stores .top .tits {
float: left;
font-size: 42px;
line-height: 50px;
color: #666; }
.stores .top .top-right {
width: 52.5%;
margin-right: 6.25%;
float: right; }
.stores .top .top-right .select {
width: 33.9%;
height: auto;
float: left;
margin-right: 20px;
position: relative; }
.stores .top .top-right .select .t {
width: calc(100% - 2px);
height: 48px;
font-size: 16px;
line-height: 48px;
color: #999;
border: 1px solid #ccc; }
.stores .top .top-right .select .t span {
margin-left: 20px; }
.stores .top .top-right .select .t i {
width: 10px;
height: 100%;
display: block;
float: right;
margin-right: 20px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/download_icon.png); }
.stores .top .top-right .select .select-new {
width: calc(100% - 2px);
background-color: #f2f2f2;
max-height: 200px;
position: absolute;
top: 49px;
left: 0;
z-index: 10;
border: 1px solid #ccc;
display: none;
overflow-y: scroll; }
.stores .top .top-right .select .select-new ul {
width: 100%; }
.stores .top .top-right .select .select-new ul li {
cursor: pointer;
font-size: 16px;
line-height: 40px;
color: #999;
width: calc(100% - 20px);
padding-left: 20px;
transition: all .5s; }
@media (min-width: 1024px) {
.stores .top .top-right .select .select-new ul li:hover {
background-color: #1288cc;
color: #fff; } }
.stores .top .top-right .select:hover .select-new {
display: block !important; }
.stores .top .top-right .submit {
width: 150px;
height: 50px;
background-color: #f2b413;
font-size: 16px;
line-height: 50px;
color: #fff;
display: block;
float: right;
text-align: center; }
.stores .map {
width: 100%;
height: 980px;
margin-top: 95px;
position: relative; }
.stores .map .map-new {
width: 100%;
height: 100%; }
.stores .map .content {
width: 580px;
height: auto;
background-color: #fff;
margin-left: -800px;
left: 50%;
position: absolute;
top: 0;
border-top: 10px solid #f2b413;
padding-bottom: 3%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.stores .map .content .title {
width: 75%;
height: auto;
margin: 0 auto;
padding-top: 6%; }
.stores .map .content .title .t {
font-size: 28px;
line-height: 28px;
color: #333;
position: relative; }
.stores .map .content .title .t span {
width: 46px;
display: inline-block;
position: relative;
height: 42px; }
.stores .map .content .title .t span:after {
width: 8px;
height: 8px;
border-radius: 8px;
display: inline-block;
background-color: #999;
position: absolute;
left: calc(50% - 4px);
top: 26px;
content: ''; }
.stores .map .content .title .t1 {
font-size: 18px;
line-height: 20px;
color: #333;
margin-top: 10px; }
.stores .map .content .list {
width: 100%;
height: auto;
margin-top: 4%; }
.stores .map .content .list ul {
width: 100%;
height: auto; }
.stores .map .content .list ul li {
width: 100%;
height: auto; }
.stores .map .content .list ul li dl {
width: 100%;
height: auto; }
.stores .map .content .list ul li dl dd {
width: 100%;
height: auto; }
.stores .map .content .list ul li dl dd .item {
width: 75%;
height: auto;
border-bottom: 1px dashed #ccc;
color: #333;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 20px; }
.stores .map .content .list ul li dl dd .item .t {
font-size: 18px;
line-height: 20px; }
.stores .map .content .list ul li dl dd .item .t1 {
padding-left: 25px;
font-size: 16px;
line-height: 24px;
width: calc(100% - 25px);
margin-top: 14px;
background-position: left 3px;
background-repeat: no-repeat;
background-image: url(../img/stores_icon.png); }
.stores .map .content .list ul li dl dd .item .t2 {
padding-left: 25px;
font-size: 16px;
line-height: 24px;
width: calc(100% - 25px);
margin-top: 14px;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../img/icon_phone_n.png); }
@media (min-width: 1024px) {
.stores .map .content .list ul li dl dd:hover {
background-color: #f2f2f2; }
.stores .map .content .list ul li dl dd:hover .item {
color: #f2b413;
border-bottom: 1px solid #f2f2f2; }
.stores .map .content .list ul li dl dd:hover .item .t1 {
background-image: url(../img/stores_icon_h.png); }
.stores .map .content .list ul li dl dd:hover .item .t2 {
background-image: url(../img/icon_phone_h.png); } }
.stores .map .content .list .btns {
width: 130px;
height: auto;
margin: 0 auto; }
.stores .map .content .list .btns .a {
width: 55px;
height: 55px;
display: block;
background-size: cover; }
.stores .map .content .list .btns .a.prev {
float: left;
background-image: url(../img/stores_prev.png); }
.stores .map .content .list .btns .a.next {
float: right;
background-image: url(../img/stores_next.png); }
.stores .map .content .list .btns .a:hover.prev {
background-image: url(../img/stores_prev_h.png); }
.stores .map .content .list .btns .a:hover.next {
background-image: url(../img/stores_next_h.png); }
@media (max-width: 1630px) {
.stores .map .content {
left: 3%;
margin-left: 0;
width: 40%; } }
@media (max-width: 1400px) {
.stores .top .tits {
font-size: 30px; }
.stores .map .content .title {
width: 90%; }
.stores .map .content .list ul li dl dd .item {
width: 90%; } }
@media (max-width: 1220px) {
.stores .top .top-right {
width: 65%; }
.stores .top .top-right .select {
width: 38.9%;
margin-right: 1.1%; }
.stores .top .top-right .submit {
width: 20%; } }
@media (max-width: 1024px) {
.stores .top .tits {
font-size: 24px; } }
@media (max-width: 920px) {
.stores .map {
margin-top: 8%;
height: 800px; }
.stores .map .content {
width: 550px;
height: auto;
padding-bottom: 6%; }
.stores .map .content .title {
padding-top: 6%; }
.stores .map .content .list {
margin-top: 20px; }
.stores .map .content .list .btns {
margin: 20px auto 0; } }
@media (max-width: 768px) {
.stores .top .tits {
float: none;
font-size: 22px;
line-height: 30px; }
.stores .top .top-right {
width: 100%;
float: none;
margin-top: 20px;
margin-right: 0; }
.stores .map {
height: auto;
margin-top: 5%; }
.stores .map .map-new {
height: 400px; }
.stores .map .content {
width: 100%;
position: relative;
left: 0;
margin-bottom: 30px; } }
@media (max-width: 490px) {
.stores .top .tits {
font-size: 18px; }
.stores .top .top-right .select {
width: 100%;
float: none;
margin-bottom: 10px; }
.stores .top .top-right .select .t {
line-height: 38px;
height: 38px;
font-size: 16px; }
.stores .top .top-right .select .select-new {
top: 39px; }
.stores .top .top-right .select .select-new ul li {
line-height: 32px;
font-size: 14px; }
.stores .top .top-right .submit {
width: 120px;
height: 40px;
font-size: 16px;
float: none;
line-height: 40px; }
.stores .map .map-new {
height: 250px; }
.stores .map .content .title {
width: 90%; }
.stores .map .content .title .t {
font-size: 22px;
line-height: 22px; }
.stores .map .content .title .t1 {
font-size: 16px;
line-height: 16px; }
.stores .map .content .list ul li dl dd .item {
width: 90%;
padding: 10px 0 15px; }
.stores .map .content .list ul li dl dd .item .t {
font-size: 16px; }
.stores .map .content .list ul li dl dd .item .t1 {
font-size: 14px;
margin-top: 5px; }
.stores .map .content .list ul li dl dd .item .t2 {
font-size: 14px;
margin-top: 5px; }
.stores .map .content .list .btns {
width: 100px;
margin: 0 auto; }
.stores .map .content .list .btns .a {
width: 40px;
height: 40px; } }
.school {
margin: 0 auto 210px; }
.school .box1 {
width: 100%;
margin: 0 auto;
position: relative; }
.school .box1 .con {
width: 68.75%;
float: right;
height: auto;
position: relative;
background-color: #fff; }
.school .box1 .con .con-new {
width: 42%;
float: right;
margin-right: 9%;
padding-bottom: 20%; }
.school .box1 .con .con-new .title {
width: 100%;
height: auto;
padding-top: 29.6%; }
.school .box1 .con .con-new .title .en {
font-size: 36px;
line-height: 36px;
color: #878787;
text-transform: uppercase; }
.school .box1 .con .con-new .title .cn {
font-size: 36px;
line-height: 36px;
color: #666;
margin-top: 13px; }
.school .box1 .con .con-new .title .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 31px; }
.school .box1 .con .con-new .conn {
width: 100%;
height: auto;
text-align: justify;
margin-top: 24px; }
.school .box1 .con .con-new .conn .t1 {
font-size: 16px;
line-height: 30px;
color: #999; }
.school .box1 .con img {
position: absolute;
top: 50px;
left: 50px; }
.school .box1 .video-box {
width: 60%;
height: auto;
position: absolute;
left: 0;
top: 31%;
z-index: 5; }
.school .box2 {
width: 100%;
height: auto;
margin-top: 13.8%; }
.school .box2 .title {
float: left; }
.school .box2 .title .en {
color: #666;
text-transform: uppercase; }
.school .box2 .title .cn {
color: #333;
margin-top: 15px; }
.school .box2 .con {
width: 60%;
float: right; }
.school .box2 .con .txt {
font-size: 16px;
line-height: 30px;
color: #666; }
.school .box2 .con .tits {
width: 100%;
height: auto;
margin-top: 70px; }
.school .box2 .con .tits .t {
font-size: 20px;
line-height: 20px; }
.school .box2 .con .tits .item {
width: 100%;
margin-top: 50px;
height: auot; }
.school .box2 .con .tits .item .ii {
width: 85px;
height: auto;
float: left;
margin-right: 40px; }
.school .box2 .con .tits .item .ii .icon {
width: 100%;
height: 54px;
text-align: center;
position: relative; }
.school .box2 .con .tits .item .ii .icon img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto; }
.school .box2 .con .tits .item .ii p {
text-align: center;
font-size: 16px;
line-height: 18px;
color: #333;
margin-top: 17px; }
.school .box3 {
width: 100%;
height: auto;
position: relative;
margin-top: 5.2%; }
.school .box3 .video-box {
width: 100%;
height: auto;
position: relative; }
.school .box3 .con {
width: 100%;
height: auto;
background-color: #fff; }
.school .box3 .con .con-new {
width: 28.75%;
height: auto;
margin-left: 6.25%;
padding-top: 7%;
padding-bottom: 6%; }
.school .box3 .con .con-new .en {
font-size: 42px;
line-height: 42px;
color: #666;
text-transform: uppercase; }
.school .box3 .con .con-new .cn {
font-size: 42px;
line-height: 42px;
color: #666;
margin-top: 13px; }
.school .box3 .con .con-new .line {
width: 40px;
height: 2px;
background-color: #1288cc;
margin-top: 30px; }
.school .box3 .con .con-new .txt {
font-size: 16px;
line-height: 30px;
color: #666;
margin-top: 20px; }
.school .box3 .pic {
width: 50%;
height: auto;
position: absolute;
bottom: 0;
right: 0; }
.school .box4 {
width: 100%; }
.school .box4 ul {
width: 100%;
height: auto; }
.school .box4 ul li {
width: 100%;
height: auto;
position: relative;
overflow: hidden; }
.school .box4 ul li .box {
width: 100%;
height: auto;
margin-top: 8.2%;
position: relative; }
.school .box4 ul li .box .pic {
width: 50%;
height: auto; }
.school .box4 ul li .box .con {
width: 50%;
height: 109.5%;
position: absolute;
bottom: 0;
background-color: #fff;
left: 0; }
.school .box4 ul li .box .con .con-new {
width: 56.25%;
margin-left: 19.625%;
color: #878787; }
.school .box4 ul li .box .con .con-new .en {
text-transform: uppercase;
font-size: 42px;
line-height: 42px; }
.school .box4 ul li .box .con .con-new .cn {
font-size: 42px;
line-height: 42px;
margin-top: 14px; }
.school .box4 ul li .box .con .con-new .tits {
font-size: 16px;
line-height: 30px;
color: #666;
margin-top: 41px; }
.school .box4 ul li .box .con .con-new .more {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
margin-top: 93px; }
.school .box4 ul li .box .con .con-new .more span {
display: inline-block;
padding-right: 49px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/index_icon5.png);
position: relative;
z-index: 5; }
.school .box4 ul li .box .con .con-new .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.school .box4 ul li .box .con .con-new .more:hover:after {
animation: hoverAnimation .5s linear; } }
.school .box4 ul li .box .con.c1 {
left: auto;
right: 0; }
@media (max-width: 1560px) {
.school .box1 .con .con-new {
width: 60%; }
.school .box1 .con .con-new .title {
padding-top: 12%; }
.school .box1 .video-box {
width: 50%; } }
@media (max-width: 1450px) {
.school .box3 .con .con-new {
padding: 4% 0 6%;
width: 40%;
margin-left: 5%; } }
@media (max-width: 1390px) {
.school .box4 ul li .box .con .con-new .en {
font-size: 30px;
line-height: 30px; }
.school .box4 ul li .box .con .con-new .cn {
font-size: 30px;
line-height: 30px; }
.school .box4 ul li .box .con .con-new .tits {
line-height: 26px;
margin-top: 20px; }
.school .box4 ul li .box .con .con-new .more {
margin-top: 30px; } }
@media (max-width: 1280px) {
.school .box1 .con .con-new .title .en {
font-size: 30px;
line-height: 30px; }
.school .box1 .con .con-new .title .cn {
font-size: 28px;
line-height: 28px; }
.school .box1 .con .con-new .title .line {
margin-top: 15px; }
.school .box1 .con img {
width: 100px; }
.school .box1 .video-box {
overflow: hidden; }
.school .box1 .video-box img {
width: 130%;
margin-left: -15%; }
.school .box2 .con .tits {
margin-top: 50px; }
.school .box2 .con .item {
margin-top: 30px; } }
@media (max-width: 1250px) {
.school .box4 ul li .box .con .con-new {
width: 80%;
margin-left: 10%; }
.school .box4 ul li .box .con .con-new .en {
font-size: 26px;
line-height: 26px; }
.school .box4 ul li .box .con .con-new .cn {
font-size: 26px;
line-height: 26px; } }
@media (max-width: 1220px) {
.school .box3 .pic {
overflow: hidden; }
.school .box3 .pic img {
width: 130%;
margin-left: -15%; }
.school .box3 .con .con-new {
width: 46%;
margin-left: 2%; }
.school .box3 .con .con-new .en {
font-size: 30px;
line-height: 30px; }
.school .box3 .con .con-new .cn {
font-size: 30px;
line-height: 30px; }
.school .box3 .con .con-new .line {
margin-top: 15px; } }
@media (max-width: 1024px) {
.school {
margin: 5.2% auto 130px; }
.school .box1 .con {
width: 100%;
float: none; }
.school .box1 .con .con-new {
width: 94%;
margin-right: 3%;
padding-bottom: 5%;
padding-top: 90px; }
.school .box1 .con .con-new .title {
padding-top: 0; }
.school .box1 .con img {
left: 3%;
top: 20px; }
.school .box1 .video-box {
width: 100%;
position: relative; }
.school .box1 .video-box img {
width: 100%;
margin-left: 0; }
.school .box2 {
margin-top: 6%; }
.school .box2 .title {
width: 100%;
float: none; }
.school .box2 .con {
width: 100%;
float: none;
margin-top: 3%; }
.school .box2 .con .tits {
margin-top: 4%; }
.school .box2 .con .item {
margin-top: 2%; } }
@media (max-width: 960px) {
.school .box3 .con .con-new {
width: 90%;
margin-left: 5%; }
.school .box3 .video-box {
display: none; }
.school .box3 .pic {
width: 100%;
position: relative; }
.school .box3 .pic img {
width: 100%;
margin-left: 0; }
.school .box4 ul li .box .pic {
width: 100%;
float: none; }
.school .box4 ul li .box .con {
width: 100%;
height: auto;
position: relative;
padding: 5% 0; }
.school .box4 ul li .box .con .con-new {
width: 92%;
margin-left: 4%; }
.school .box4 ul li .box .con .con-new .cn {
font-size: 20px;
line-height: 20px;
margin-top: 5px; } }
@media (max-width: 768px) {
.school {
margin: 5.2% auto 8%; } }
@media (max-width: 550px) {
.school .box1 .con .con-new .title .en {
font-size: 20px;
line-height: 20px; }
.school .box1 .con .con-new .title .cn {
font-size: 20px;
line-height: 20px; }
.school .box1 .con .con-new .title .line {
margin-top: 15px; }
.school .box2 .title .cn {
margin-top: 5px; }
.school .box2 .con .txt {
font-size: 16px;
line-height: 26px; }
.school .box2 .con .tits .item .ii {
width: 25%;
margin-right: 0; }
.school .box3 .con .con-new .en {
font-size: 22px;
line-height: 22px; }
.school .box3 .con .con-new .cn {
font-size: 20px;
line-height: 20px; } }
@media (max-width: 490px) {
.school .index-box1 .con .con-new .conn {
margin-top: 15px; }
.school .index-box1 .con .con-new .conn .t1 {
font-size: 16px;
line-height: 26px; } }
.contact {
margin: 0 auto 210px; }
.contact .box1 {
width: 100%;
height: auto;
background-color: #fff;
margin-top: 5.8%; }
.contact .box1 .con {
width: 30%;
margin-left: 3.75%;
height: auto;
float: left; }
.contact .box1 .con .tits {
font-size: 36px;
line-height: 48px;
color: #333;
padding-top: 82px; }
.contact .box1 .con .tit {
width: 100%;
height: 150px;
font-size: 16px;
line-height: 30px;
margin-top: 36px; }
.contact .box1 .con .tit a {
color: #878787;
display: block; }
.contact .box1 .con .tit a:hover {
color: #1288cc; }
.contact .box1 .con .more {
width: 180px;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative;
margin-top: 67px; }
.contact .box1 .con .more span {
display: inline-block;
padding-right: 49px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(../img/index_icon5.png);
position: relative;
z-index: 5; }
.contact .box1 .con .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.contact .box1 .con .more:hover:after {
animation: hoverAnimation .5s linear; } }
.contact .box1 .pic {
width: 50%;
height: auto;
float: right; }
.contact .box2 {
width: 100%;
height: auto;
margin-top: 6.2%;
position: relative; }
.contact .box2 .box-left {
width: calc(46.25% - 43px);
padding-left: 43px;
margin-left: 3.75%;
float: left;
background-image: url(../img/contact_icon1.png);
background-position: left 2px;
background-repeat: no-repeat; }
.contact .box2 .box-left .tits {
width: 100%;
font-size: 24px;
line-height: 42px;
color: #666; }
.contact .box2 .box-left .tits i {
float: left; }
.contact .box2 .box-left .tits span {
float: left;
font-size: 42px;
color: #333;
margin-left: 20px; }
.contact .box2 .box-left .tit {
font-size: 16px;
line-height: 28px;
color: #666;
margin-top: 13px; }
.contact .box2 .box-right {
width: 43.75%;
float: right; }
.contact .box2 .box-right .tits {
padding-left: 48px;
background-image: url(../img/contact_icon2.png);
background-repeat: no-repeat;
background-position: left 0;
font-size: 24px;
line-height: 29px;
color: #666;
float: left; }
.contact .box2 .box-right .tits span {
display: block;
font-size: 16px;
color: #333;
margin-top: 8px; }
.contact .box2 .box-right .ewm {
width: 173px;
float: left;
margin-left: 60px; }
.contact .box2 .line {
width: 1px;
height: 100%;
background-color: #1288cc;
left: 50%;
top: 0;
position: absolute; }
@media (max-width: 1450px) {
.contact .box1 .con .tits {
padding-top: 30px; }
.contact .box1 .con .more {
margin-top: 20px; } }
@media (max-width: 1120px) {
.contact .box1 .con .tits {
font-size: 28px;
line-height: 28px; }
.contact .box1 .con .tit {
margin-top: 15px; } }
@media (max-width: 1024px) {
.contact {
margin: 0 auto 130px; } }
@media (max-width: 990px) {
.contact .box1 .pic {
width: 100%;
float: none; }
.contact .box1 .con {
width: 94%;
margin-left: 3%;
float: none;
padding-bottom: 5%; }
.contact .box2 .box-left {
width: calc(90% - 30px);
float: none;
padding-left: 30px;
background-size: 20px;
margin-left: 5%; }
.contact .box2 .box-left .tits {
font-size: 18px;
line-height: 22px; }
.contact .box2 .box-left .tits span {
font-size: 30px; }
.contact .box2 .box-right {
width: 90%;
float: none;
margin-left: 5%;
margin-top: 5%; }
.contact .box2 .box-right .tits {
font-size: 18px;
padding-left: 30px;
background-size: 24px;
line-height: 22px;
background-position: left 3px; }
.contact .box2 .box-right .tits span {
font-size: 14px; }
.contact .box2 .line {
display: none; } }
@media (max-width: 768px) {
.contact {
margin: 0 auto 8%; } }
@media (max-width: 490px) {
.contact .box2 .box-left .tits i {
float: none; }
.contact .box2 .box-left .tits span {
display: block;
margin-left: 0;
float: none;
margin-top: 10px;
font-size: 22px;
line-height: 22px; }
.contact .box2 .box-right .tits {
float: none; }
.contact .box2 .box-right .tits span {
display: inline-block;
margin-left: 10px; }
.contact .box2 .box-right .ewm {
float: none;
margin-left: 0;
margin-top: 20px; } }
.campus {
width: 100%;
margin: 0 auto 210px; }
.campus .box1 {
width: 100%;
height: auto;
background-color: #fff;
padding-bottom: 100px; }
.campus .box1 .title {
width: 100%;
height: auto;
padding-top: 7%; }
.campus .box1 .title .tits {
font-size: 42px;
line-height: 54px;
text-align: center; }
.campus .box1 .title .tits .en {
color: #878787;
text-transform: uppercase; }
.campus .box1 .title .tits .cn {
color: #666; }
.campus .box1 .title .tit {
font-size: 18px;
line-height: 28px;
color: #666;
text-align: center;
width: 620px;
height: auto;
max-width: 94%;
margin: 20px auto 0; }
.campus .box1 .list {
width: 992px;
height: auto;
margin: 8% auto 0; }
.campus .box1 .list .item {
width: 108px;
height: auto;
float: left; }
.campus .box1 .list .item .it {
margin-top: 20px; }
.campus .box1 .list .item .it.ii {
margin-top: 0; }
.campus .box1 .list .item .it.ii1 .pic {
height: 108px; }
.campus .box1 .list .item .pic {
width: 100%;
height: 192px;
position: relative; }
.campus .box1 .list .item .pic .pic-new {
width: 108px;
height: 108px;
border-radius: 100%;
overflow: hidden;
box-sizing: border-box;
border: 4px solid #ccc;
position: absolute;
bottom: 0;
left: 0;
transition: all .5s; }
.campus .box1 .list .item .pic .pic-new img {
opacity: 0.5; }
.campus .box1 .list .item .pic .pic-new .bg {
width: 100%;
height: 100%;
border-radius: 100%;
border: 4px solid #1288cc;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
transition: transform 0.5s;
transform: scale(0); }
.campus .box1 .list .item .tits {
text-align: center;
font-size: 18px;
line-height: 20px;
color: #666;
width: 120%;
margin-left: -10%;
margin-top: 32px; }
.campus .box1 .list .item .tits span {
color: #878787;
font-size: 16px;
display: block;
margin-top: 8px;
text-align: center; }
.campus .box1 .list .item .num {
text-align: center;
font-size: 40px;
line-height: 40px;
color: #878787;
margin-top: 14px; }
.campus .box1 .list .item.on {
width: 192px; }
.campus .box1 .list .item.on .it.ii1 .pic {
height: 192px; }
.campus .box1 .list .item.on .pic .pic-new {
width: 192px;
height: 192px;
border: none; }
.campus .box1 .list .item.on .pic .pic-new img {
opacity: 1; }
.campus .box1 .list .item.on .pic .pic-new .bg {
transform: scale(0.94); }
.campus .box1 .list .item.on .num {
font-size: 50px;
color: #1288cc; }
.campus .box1 .list .icon {
width: 19px;
height: 18px;
float: left;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/campus_icon1.png);
margin: 127px 36px 0; }
.campus .box2 {
margin: 86px auto 0; }
.campus .box2 .title {
width: 100%;
height: auto; }
.campus .box2 .title .tits {
font-size: 42px;
line-height: 54px;
text-align: center; }
.campus .box2 .title .tits .en {
text-transform: uppercase;
color: #878787; }
.campus .box2 .title .tits .cn {
color: #666; }
.campus .box2 .title .tit {
font-size: 18px;
line-height: 28px;
color: #666;
text-align: center;
width: 620px;
max-width: 100%;
margin: 40px auto 0; }
.campus .box2 .list {
width: 100%;
height: auto;
background-color: #fff;
margin-top: 5%; }
.campus .box2 .list ul li .tits {
width: 80%;
height: 136px;
border-bottom: 1px solid #f2f2f2;
padding: 0 10%;
position: relative; }
.campus .box2 .list ul li .tits .t {
font-size: 16px;
line-height: 136px;
color: #666;
float: left; }
.campus .box2 .list ul li .tits .t.t1 {
font-size: 24px !important;
color: #333;
width: 37.5%; }
.campus .box2 .list ul li .tits .t.t2 {
width: 22.6%; }
.campus .box2 .list ul li .tits .t.t3 {
width: 13%; }
.campus .box2 .list ul li .tits .t.t4 {
width: 15.6%; }
.campus .box2 .list ul li .tits .t.t5 {
width: 10.9%; }
.campus .box2 .list ul li .tits .t.t6 {
width: calc(11.4% - 2px);
height: 48px;
border: 1px solid #ccc;
text-align: center;
display: block;
font-size: 18px;
line-height: 48px;
color: #878787;
margin-top: 43px;
transition: all .5s; }
@media (min-width: 1024px) {
.campus .box2 .list ul li .tits .t.t6:hover {
background-color: #1288cc;
border: 1px solid #1288cc;
color: #fff; } }
.campus .box2 .list ul li .tits .more-click {
width: 10%;
position: absolute;
height: 100%;
top: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/campus_icon2.png); }
.campus .box2 .list ul li .con {
width: 80%;
height: auto;
margin: 0 auto;
padding: 45px 10% 60px;
border-bottom: 1px solid #f2f2f2;
display: none; }
.campus .box2 .list ul li .con .con-left {
width: 46%;
height: auto;
float: left;
font-size: 18px;
line-height: 28px;
color: #666; }
.campus .box2 .list ul li .con .con-right {
width: 35.2%;
height: auto;
float: right; }
.campus .box2 .list ul li .con .con-right .t {
font-size: 18px;
color: #333;
line-height: 28px; }
.campus .box2 .list ul li .con .con-right .table-box {
width: 100%;
height: auto;
margin-top: 25px; }
.campus .box2 .list ul li .con .con-right .table-box .text {
width: calc(100% - 22px);
height: 48px;
font-size: 18px;
line-height: 48px;
color: #999;
padding-left: 20px;
border: 1px solid #ccc;
background: none;
margin-bottom: 10px; }
.campus .box2 .list ul li .con .con-right .table-box .t1 {
width: 100;
font-size: 18px;
line-height: 50px;
color: #999;
margin-bottom: 10px; }
.campus .box2 .list ul li .con .con-right .table-box .t1 span {
float: left;
margin-left: 20px;
margin-right: 30px; }
.campus .box2 .list ul li .con .con-right .table-box .t1 .tt1 {
padding-left: 28px;
float: left;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../img/campus_icon3.png);
margin-right: 55px;
cursor: pointer; }
.campus .box2 .list ul li .con .con-right .table-box .t1 .tt1.on {
background-image: url(../img/campus_icon3_h.png); }
.campus .box2 .list ul li .con .con-right .table-box .submit {
width: 150px;
height: 50px;
background-color: #1288cc;
font-size: 18px;
line-height: 50px;
color: #fff;
text-align: center;
border: none;
display: block;
margin-top: 40px; }
.campus .box2 .list ul li.on .tits .t {
font-size: 18px; }
.campus .box2 .list ul li.on .tits .more-click {
background-image: url(../img/campus_icon2_h.png); }
@media (max-width: 1366px) {
.campus .box1 .title .tits {
font-size: 30px; } }
@media (max-width: 1280px) {
.campus .box2 .list ul li .tits {
width: 94%;
padding: 0 3%;
height: 80px; }
.campus .box2 .list ul li .tits .t {
line-height: 80px; }
.campus .box2 .list ul li .tits .t.t1 {
font-size: 20px !important; }
.campus .box2 .list ul li .tits .t.t2 {
width: 15.6%; }
.campus .box2 .list ul li .tits .more-click {
width: 9.5%;
background-size: 20px; }
.campus .box2 .list ul li .con {
width: 94%;
padding: 4% 3%; }
.campus .box2 .list ul li .con .con-left {
font-size: 16px;
line-height: 26px; }
.campus .box2 .list ul li .con .con-right .table-box .text {
font-size: 16px; }
.campus .box2 .list ul li .con .con-right .table-box .t1 {
font-size: 16px; }
.campus .box2 .list ul li .con .con-right .table-box .t1 .tt1 {
margin-right: 20px; }
.campus .box2 .list ul li.on .tits .t {
font-size: 16px; } }
@media (max-width: 1024px) {
.campus {
margin: 0 auto 130px; }
.campus .box1 {
padding-bottom: 7%; }
.campus .box1 .title .tits {
font-size: 30px;
line-height: 40px; }
.campus .box2 {
margin: 6% auto 0; }
.campus .box2 .title .tits {
font-size: 30px;
line-height: 40px; } }
@media (max-width: 1000px) {
.campus .box1 .list {
width: 100%; }
.campus .box1 .list .item {
width: 100% !important;
height: auto;
float: none;
text-align: center; }
.campus .box1 .list .item .pic {
width: 192px !important;
height: 192px !important;
margin: 0 auto; }
.campus .box1 .list .item .pic .pic-new {
width: 100% !important;
height: 100% !important;
border: none; }
.campus .box1 .list .item .pic .pic-new img {
opacity: 1; }
.campus .box1 .list .item .pic .pic-new .bg {
transform: scale(0.94); }
.campus .box1 .list .item .num {
font-size: 40px !important;
color: #1288cc; }
.campus .box1 .list .item .it {
display: inline-block;
margin: 0 5%; }
.campus .box1 .list .icon {
width: 100%;
float: none;
margin: 0;
transform: rotate(90deg);
margin: 20px 0; } }
@media (max-width: 800px) {
.campus .box1 .title .tits {
font-size: 22px;
line-height: 30px; }
.campus .box1 .title .tit {
font-size: 16px;
line-height: 24px; }
.campus .box2 .title .tits {
font-size: 22px;
line-height: 30px; }
.campus .box2 .title .tit {
font-size: 16px;
line-height: 24px;
margin-top: 20px; }
.campus .box2 .list ul li .tits .t.t1 {
width: 45.5%; }
.campus .box2 .list ul li .tits .t.t2 {
width: 26%; }
.campus .box2 .list ul li .tits .t.t4 {
width: 21.6%; }
.campus .box2 .list ul li .tits .t.t3 {
display: none; }
.campus .box2 .list ul li .tits .t.t5 {
display: none; }
.campus .box2 .list ul li .con .con-left {
width: 100%;
float: none; }
.campus .box2 .list ul li .con .con-right {
width: 100%;
float: none;
margin-top: 3%; } }
@media (max-width: 490px) {
.campus .box1 .list {
width: 100%; }
.campus .box1 .list .item {
width: 100% !important;
height: auto;
float: none;
text-align: center; }
.campus .box1 .list .item .pic {
width: 140px !important;
height: 140px !important; }
.campus .box1 .list .item .tits {
margin-top: 15px; }
.campus .box1 .list .item .num {
font-size: 30px !important;
color: #1288cc;
line-height: 30px;
margin-top: 5px; }
.campus .box1 .list .item .it {
display: inline-block;
margin: 0 3%; } }
@media (max-width: 450px) {
.campus .box2 .list ul li .tits {
height: 50px; }
.campus .box2 .list ul li .tits .t {
font-size: 16px;
line-height: 50px; }
.campus .box2 .list ul li .tits .t.t1 {
width: 90%;
font-size: 16px !important; }
.campus .box2 .list ul li .tits .t.t2 {
display: none; }
.campus .box2 .list ul li .tits .t.t4 {
display: none; }
.campus .box2 .list ul li .tits .more-click {
background-size: 15px; }
.campus .box2 .list ul li .con .con-left {
font-size: 14px;
line-height: 24px; }
.campus .box2 .list ul li .con .con-right .t {
font-size: 16px;
line-height: 20px; }
.campus .box2 .list ul li .con .con-right .table-box {
margin-top: 10px; }
.campus .box2 .list ul li .con .con-right .table-box .text {
height: 38px;
line-height: 38px; }
.campus .box2 .list ul li .con .con-right .table-box .t1 {
line-height: 40px; }
.campus .box2 .list ul li .con .con-right .table-box .submit {
float: left;
height: 40px;
line-height: 40px;
margin-top: 0;
margin-left: 10px;
font-size: 16px; } }
@media (max-width: 768px) {
.campus {
margin: 0 auto 8%; } }
.social {
margin: 0 auto 210px; }
.social .title {
width: 100%;
height: auto;
margin-top: 5.8%; }
.social .title .tits {
float: left;
font-size: 42px;
line-height: 50px;
color: #666;
margin-left: 6.25%; }
.social .title .search-box {
width: 39%;
height: auto;
float: right;
margin-right: 3.75%; }
.social .title .search-box .text {
width: calc(73.6% - 22px);
height: 48px;
border: 1px solid #ccc;
padding-left: 20px;
margin-right: 1%;
float: left;
font-size: 16px;
line-height: 48px;
color: #999; }
.social .title .search-box .submit {
width: 25.4%;
height: 50px;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
float: right;
background-color: #1288cc;
border: none; }
.social .list {
width: 100%;
height: auto;
background-color: #fff;
margin-top: 5%; }
.social .list ul li .tits {
width: 80%;
height: 136px;
border-bottom: 1px solid #f2f2f2;
padding: 0 10%;
position: relative; }
.social .list ul li .tits .t {
font-size: 16px;
line-height: 136px;
color: #666;
float: left; }
.social .list ul li .tits .t.t1 {
font-size: 24px !important;
color: #333;
width: 37.5%; }
.social .list ul li .tits .t.t2 {
width: 22.6%; }
.social .list ul li .tits .t.t3 {
width: 13%; }
.social .list ul li .tits .t.t4 {
width: 15.6%; }
.social .list ul li .tits .t.t5 {
width: 10.9%; }
.social .list ul li .tits .t.t6 {
width: calc(11.4% - 2px);
height: 48px;
border: 1px solid #ccc;
text-align: center;
display: block;
font-size: 18px;
line-height: 48px;
color: #878787;
margin-top: 43px;
transition: all .5s; }
@media (min-width: 1024px) {
.social .list ul li .tits .t.t6:hover {
background-color: #1288cc;
border: 1px solid #1288cc;
color: #fff; } }
.social .list ul li .tits .more-click {
width: 10%;
position: absolute;
height: 100%;
top: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../img/campus_icon2.png); }
.social .list ul li .con {
width: 80%;
height: auto;
margin: 0 auto;
padding: 45px 10% 60px;
border-bottom: 1px solid #f2f2f2;
display: none; }
.social .list ul li .con .con-left {
width: 46%;
height: auto;
float: left;
font-size: 18px;
line-height: 28px;
color: #666; }
.social .list ul li .con .con-right {
width: 35.2%;
height: auto;
float: right; }
.social .list ul li .con .con-right .t {
font-size: 18px;
color: #333;
line-height: 28px; }
.social .list ul li .con .con-right .table-box {
width: 100%;
height: auto;
margin-top: 25px; }
.social .list ul li .con .con-right .table-box .text {
width: calc(100% - 22px);
height: 48px;
font-size: 18px;
line-height: 48px;
color: #999;
padding-left: 20px;
border: 1px solid #ccc;
background: none;
margin-bottom: 10px; }
.social .list ul li .con .con-right .table-box .t1 {
width: 100%;
font-size: 18px;
line-height: 50px;
color: #999;
margin-bottom: 10px; }
.social .list ul li .con .con-right .table-box .t1 span {
float: left;
margin-left: 20px;
margin-right: 30px; }
.social .list ul li .con .con-right .table-box .t1 .tt1 {
padding-left: 28px;
float: left;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../img/campus_icon3.png);
margin-right: 55px;
cursor: pointer; }
.social .list ul li .con .con-right .table-box .t1 .tt1.on {
background-image: url(../img/campus_icon3_h.png); }
.social .list ul li .con .con-right .table-box .submit {
width: 150px;
height: 50px;
background-color: #1288cc;
font-size: 18px;
line-height: 50px;
color: #fff;
text-align: center;
border: none;
display: block;
margin-top: 40px; }
.social .list ul li.on .tits .t {
font-size: 18px; }
.social .list ul li.on .tits .more-click {
background-image: url(../img/campus_icon2_h.png); }
.social .more {
width: 180px;
height: 50px;
margin: 4% auto 0;
text-align: center;
font-size: 18px;
line-height: 50px;
color: #fff;
display: block;
background-color: #1288cc;
position: relative; }
.social .more span {
display: inline-block;
background-repeat: no-repeat;
background-position: right center;
position: relative;
z-index: 5; }
.social .more:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
background-color: #1288cc;
content: '';
top: 0;
left: 0; }
@media (min-width: 1024px) {
.social .more:hover:after {
animation: hoverAnimation .5s linear; } }
@media (max-width: 1366px) {
.social .title .tits {
font-size: 30px; } }
@media (max-width: 1280px) {
.social .list ul li .tits {
width: 94%;
padding: 0 3%;
height: 80px; }
.social .list ul li .tits .t {
line-height: 80px; }
.social .list ul li .tits .t.t1 {
font-size: 20px !important; }
.social .list ul li .tits .t.t2 {
width: 15.6%; }
.social .list ul li .tits .more-click {
width: 9.5%;
background-size: 20px; }
.social .list ul li .con {
width: 94%;
padding: 4% 3%; }
.social .list ul li .con .con-left {
font-size: 16px;
line-height: 26px; }
.social .list ul li .con .con-right .table-box .text {
font-size: 16px; }
.social .list ul li .con .con-right .table-box .t1 {
font-size: 16px; }
.social .list ul li .con .con-right .table-box .t1 .tt1 {
margin-right: 20px; }
.social .list ul li.on .tits .t {
font-size: 16px; } }
@media (max-width: 1024px) {
.social {
margin: 0 auto 130px; }
.social .title .tits {
font-size: 30px;
margin-left: 0; }
.social .title .search-box {
width: 60%;
margin-right: 0; } }
@media (max-width: 800px) {
.social .list ul li .tits .t.t1 {
width: 45.5%; }
.social .list ul li .tits .t.t2 {
width: 26%; }
.social .list ul li .tits .t.t4 {
width: 21.6%; }
.social .list ul li .tits .t.t3 {
display: none; }
.social .list ul li .tits .t.t5 {
display: none; }
.social .list ul li .con .con-left {
width: 100%;
float: none; }
.social .list ul li .con .con-right {
width: 100%;
float: none;
margin-top: 3%; } }
@media (max-width: 768px) {
.social {
margin: 0 auto 8%; } }
@media (max-width: 640px) {
.social .title .tits {
font-size: 20px;
width: 100%;
line-height: 24px;
float: none; }
.social .title .search-box {
float: none;
margin-top: 20px;
width: 100%; }
.social .title .search-box .text {
height: 38px;
line-height: 38px;
font-size: 14px; }
.social .title .search-box .submit {
height: 40px;
line-height: 40px;
font-size: 16px; } }
@media (max-width: 450px) {
.social .list ul li .tits {
height: 50px; }
.social .list ul li .tits .t {
font-size: 16px;
line-height: 50px; }
.social .list ul li .tits .t.t1 {
width: 90%;
font-size: 16px !important; }
.social .list ul li .tits .t.t2 {
display: none; }
.social .list ul li .tits .t.t4 {
display: none; }
.social .list ul li .tits .more-click {
background-size: 15px; }
.social .list ul li .con .con-left {
font-size: 14px;
line-height: 24px; }
.social .list ul li .con .con-right .t {
font-size: 16px;
line-height: 20px; }
.social .list ul li .con .con-right .table-box {
margin-top: 10px; }
.social .list ul li .con .con-right .table-box .text {
height: 38px;
line-height: 38px; }
.social .list ul li .con .con-right .table-box .t1 {
line-height: 40px; }
.social .list ul li .con .con-right .table-box .submit {
float: left;
margin-top: 0;
margin-left: 10px; }
.social .more {
width: 130px;
height: 38px;
font-size: 14px;
line-height: 38px; } }
.history {
margin: 0 auto 210px; }
.history .year-list {
width: 100%;
height: auto;
position: relative;
margin-top: 8.4%; }
.history .year-list .list {
width: 100%;
height: auto;
overflow: hidden; }
.history .year-list .list ul {
width: 100%;
z-index: 5;
position: relative; }
.history .year-list .list ul li {
width: 106px;
height: auto;
float: left;
cursor: pointer; }
.history .year-list .list ul li .year {
width: 100%;
text-align: center;
height: 36px;
position: relative; }
.history .year-list .list ul li .year span {
width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;
display: block;
font-size: 24px;
line-height: 24px;
color: #999;
transition: all .5s; }
.history .year-list .list ul li .icon {
width: 28px;
height: 28px;
margin: 18px auto 0;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/history_icon1.png); }
.history .year-list .list ul li.on .year span {
font-size: 36px;
color: #1288cc;
line-height: 36px;
bottom: -2px; }
.history .year-list .list ul li.on .icon {
background-image: url(../img/history_icon1_h.png); }
.history .year-list .line {
width: 10000px;
height: 2px;
background-color: #1288cc;
bottom: 12px;
left: 50%;
margin-left: -5000px;
z-index: 4;
position: absolute; }
.history .con-list {
width: 100%;
height: auto;
overflow: hidden;
margin-top: 24px;
position: relative; }
.history .con-list ul {
width: 100%;
padding: 30px 0;
opacity: 0; }
.history .con-list ul li {
width: 100%;
height: auto;
float: left; }
.history .con-list ul li .con {
width: 30%;
margin-left: 8%;
height: auto;
float: left;
padding-top: 7%; }
.history .con-list ul li .con .year {
font-size: 48px;
line-height: 48px;
color: #666; }
.history .con-list ul li .con .txt {
font-size: 16px;
line-height: 28px;
color: #666;
margin-top: 40px; }
.history .con-list ul li .pic {
width: 52.5%;
float: right;
margin-right: 6.625%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
.history .con-list .a {
width: 66px;
height: 66px;
border-radius: 100%;
position: absolute;
top: 22%;
background-repeat: no-repeat;
background-position: center center;
background-color: #878787;
z-index: 10; }
.history .con-list .a.prev {
background-image: url(../img/history_prev.png);
left: 0; }
.history .con-list .a.next {
background-image: url(../img/history_next.png);
right: 0; }
@media (min-width: 1024px) {
.history .con-list .a:hover {
background-color: #1288cc; } }
@media (max-width: 1024px) {
.history {
margin: 0 auto 130px; } }
@media (max-width: 840px) {
.history .con-list ul li .pic {
width: 100%;
float: none; }
.history .con-list ul li .con {
width: 90%;
margin-left: 5%;
padding-top: 3%; }
.history .con-list ul li .con .year {
font-size: 26px;
line-height: 26px; }
.history .con-list ul li .con .txt {
margin-top: 20px; }
.history .con-list .a {
width: 40px;
height: 40px;
background-size: 10px;
top: 50%;
margin-top: -20px; } }
@media (max-width: 768px) {
.history {
margin: 0 auto 8%; } }
@media (max-width: 560px) {
.history .year-list .list ul li .year {
height: 26px; }
.history .year-list .list ul li .year span {
font-size: 18px;
line-height: 18px; }
.history .year-list .list ul li.on .year span {
font-size: 26px;
line-height: 26px; }
.history .con-list {
margin-top: 0; }
.history .con-list ul li .con .txt {
margin-top: 10px; } }
.century {
margin: 0 auto 210px; }
.century .box1 {
width: 100%;
height: auto;
margin-top: 5.8%; }
.century .box1 .title {
float: left; }
.century .box1 .title .en {
font-size: 60px;
line-height: 60px;
color: #878787;
text-transform: uppercase; }
.century .box1 .title .cn {
font-size: 42px;
line-height: 42px;
color: #666;
margin-top: 15px; }
.century .box1 .con {
width: 56.875%;
float: right;
letter-spacing: -0.5px; }
.century .box1 .con .t {
font-size: 20px;
line-height: 28px;
color: #333; }
.century .box1 .con .t1 {
font-size: 16px;
line-height: 28px;
color: #666;
margin-top: 6px; }
.century .box2 {
width: 100%;
height: auto;
margin-top: 5.8%;
padding-bottom: 200px;
position: relative; }
.century .box2 .pic {
width: 100%;
height: 1000px;
position: relative;
background-color: #f8f8f8;
z-index: 4; }
.century .box2 .pic img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 90%; }
.century .box2 .list {
width: 68.75%;
height: 103px;
position: absolute;
right: 0;
bottom: 12%;
z-index: 5;
background-position: left top;
background-repeat: no-repeat;
background-size: 83%;
background-image: url(../img/year_bg.png); }
.century .box2 .list ul li {
width: 18.2%;
height: 200px;
border-radius: 100%;
position: absolute;
cursor: pointer;
transition: all .8s;
left: 100%;
opacity: 0; }
.century .box2 .list ul li .img {
width: 100%;
height: 100%;
position: relative;
z-index: 5;
border-radius: 100%;
overflow: hidden; }
.century .box2 .list ul li .bg {
width: 100%;
height: 100%;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
border-color: #1288cc;
border-style: solid;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
color: #1288cc;
font-weight: bold;
z-index: 5; }
.century .box2 .list ul li:nth-child(1) {
left: 20.9%;
top: -30%;
opacity: 1; }
.century .box2 .list ul li:nth-child(1) .bg {
border-width: 8px;
font-size: 56px; }
.century .box2 .list ul li:nth-child(1):after {
width: 100%;
height: 100%;
border-radius: 100%;
position: absolute;
background-color: #1288cc;
top: 0;
left: 0;
content: '';
animation: hoverAnimation .5s linear infinite; }
.century .box2 .list ul li:nth-child(2) {
width: 9.1%;
height: 100px;
left: 56.4%;
top: -24%;
opacity: 1; }
.century .box2 .list ul li:nth-child(2) .bg {
border-width: 4px;
font-size: 26px; }
.century .box2 .list ul li:nth-child(3) {
width: 10.9%;
height: 120px;
left: 82.7%;
top: -7%;
opacity: 1; }
.century .box2 .list ul li:nth-child(3) .bg {
border-width: 5px;
font-size: 32px; }
.century .box2 .con {
width: 31.875%;
position: absolute;
left: 5%;
top: 75.5%;
z-index: 6; }
.century .box2 .con .year {
font-size: 180px;
line-height: 100px;
color: #1288cc;
letter-spacing: -10px; }
.century .box2 .con .txt {
width: calc(100% - 30px);
font-size: 18px;
line-height: 30px;
color: #222;
margin-top: 60px;
padding-left: 30px; }
@media (max-width: 1470px) {
.century .box1 .title .en {
font-size: 48px;
line-height: 48px; }
.century .box1 .title .cn {
font-size: 34px;
line-height: 34px; }
.century .box2 .con .year {
font-size: 110px;
line-height: 60px; }
.century .box2 .con .txt {
margin-top: 20px; }
.century .box2 .list ul li:nth-child(1) .bg {
font-size: 38px; }
.century .box2 .list ul li:nth-child(2) .bg {
font-size: 18px; }
.century .box2 .list ul li:nth-child(3) .bg {
font-size: 24px; } }
@media (max-width: 1280px) {
.century .box1 .title .en {
font-size: 36px;
line-height: 36px; }
.century .box1 .title .cn {
font-size: 28px;
line-height: 28px; } }
@media (max-width: 1024px) {
.century {
margin: 0 auto 130px; }
.century .box2 .list {
bottom: 17%; }
.century .box2 .list ul li:nth-child(1) .bg {
font-size: 32px;
border-width: 5px; }
.century .box2 .list ul li:nth-child(2) .bg {
font-size: 14px;
border-width: 2px; }
.century .box2 .list ul li:nth-child(3) .bg {
font-size: 18px;
border-width: 3px; }
.century .box2 .con {
top: 70%; }
.century .box2 .con .year {
font-size: 90px; }
.century .box2 .con .txt {
width: calc(120% - 30px); } }
@media (max-width: 880px) {
.century .box2 {
padding-bottom: 10%; }
.century .box2 .pic {
height: 500px !important; }
.century .box2 .con {
width: 100%;
position: relative;
top: auto;
left: auto; }
.century .box2 .con .year {
font-size: 60px;
line-height: 60px; }
.century .box2 .con .txt {
width: 100%;
padding-left: 0; }
.century .box2 .list {
position: relative;
right: auto;
bottom: auto;
width: 100%;
margin-top: 10%; } }
@media (max-width: 768px) {
.century {
margin: 0 auto 8%; }
.century .box1 .title {
width: 100%;
float: none; }
.century .box1 .title .en {
font-size: 28px;
line-height: 28px; }
.century .box1 .title .cn {
font-size: 22px;
line-height: 22px; }
.century .box1 .con {
width: 100%;
float: none;
margin-top: 15px; }
.century .box1 .con .t {
font-size: 18px;
line-height: 24px; } }
@media (max-width: 580px) {
.century .box2 .con {
padding-bottom: 6%; }
.century .box2 .con .year {
font-size: 42px;
line-height: 42px;
letter-spacing: -3px; }
.century .box2 .con .txt {
margin-top: 5px;
font-size: 16px;
line-height: 24px; }
.century .box2 .list {
margin-top: 14%;
background-position: -40% -13%; }
.century .box2 .list ul li:nth-child(1) {
width: 29%;
top: -47%;
left: 8%; }
.century .box2 .list ul li:nth-child(2) {
width: 18%;
top: -28%;
left: 46%; }
.century .box2 .list ul li:nth-child(3) {
width: 20%;
top: -28%;
left: 72%; } }
.anchorBL {
display: none !important; }
.service {
margin: 0 auto 210px; }
.service .box1 {
width: 100%;
height: auto;
margin-top: 5.8%; }
.service .box1 .title {
width: 100%;
height: auto;
text-align: center; }
.service .box1 .title .en {
color: #878787;
text-transform: uppercase; }
.service .box1 .title .cn {
color: #666;
margin-top: 15px; }
.service .box1 .title .tits {
width: 420px;
max-width: 100%;
font-size: 16px;
line-height: 26px;
color: #333;
margin: 25px auto 0; }
.service .box1 .box-new {
width: 100%;
height: auto;
background-color: #fff;
position: relative;
margin-top: 45px; }
.service .box1 .box-new .pic {
width: 62.7%;
height: auto;
float: left; }
.service .box1 .box-new .con {
width: 37.3%;
height: 100%;
position: absolute;
top: 0;
right: 0; }
.service .box1 .box-new .con .con-new {
width: 285px;
height: auto;
margin: 0 auto; }
.service .box1 .box-new .con .con-new .t {
text-align: center;
margin-bottom: 3%;
font-size: 32px;
line-height: 32px; }
@media (max-width: 1024px) {
.service .box1 .box-new .con .con-new .t {
font-size: 20px;
line-height: 20px; } }
.service .box1 .box-new .con .con-new p {
text-align: center;
font-size: 16px;
line-height: 18px;
color: #333;
margin-top: 6%; }
.service .box2 {
width: 100%;
height: auto;
margin-top: 5.8%; }
.service .box2 .tel {
font-size: 60px;
line-height: 60px;
color: #000;
text-align: center; }
.service .box2 .tel span {
font-size: 24px;
line-height: 24px;
color: #666;
display: block;
margin-top: 9px; }
.service .box2 .share {
width: 100%;
height: auto;
font-size: 0;
text-align: center;
margin-top: 40px; }
.service .box2 .share a {
width: 50px;
height: 50px;
border-radius: 50px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
margin: 0 16px;
background-color: #f2b413;
padding: 0;
float: none; }
.service .box2 .share a.bds_tsina {
background-image: url(../img/service_icon1.png); }
.service .box2 .share a.bds_weixin {
background-image: url(../img/service_icon2.png); }
.service .box2 .share a.bds_sqq {
background-image: url(../img/service_icon3.png); }
.service .box2 .txt {
width: 760px;
height: auto;
max-width: 100%;
margin: 30px auto 0;
font-size: 20px;
line-height: 28px;
color: #666;
text-align: center; }
.service .box2 .list {
width: 100%;
height: auto;
margin-top: 8%; }
.service .box2 .list ul {
width: 100%;
height: auto; }
.service .box2 .list ul li {
width: 24%;
height: 372px;
background-color: #fff;
border-top: 10px solid #1288cc;
float: left;
margin-right: 1.3%; }
.service .box2 .list ul li .icon {
width: 100%;
height: 60px;
background-position: center center;
background-repeat: no-repeat;
margin-top: 60px; }
.service .box2 .list ul li .icon.i1 {
background-image: url(../img/service_icon4.png); }
.service .box2 .list ul li .icon.i2 {
background-image: url(../img/service_icon5.png); }
.service .box2 .list ul li .icon.i3 {
background-image: url(../img/service_icon6.png); }
.service .box2 .list ul li .icon.i4 {
background-image: url(../img/service_icon7.png); }
.service .box2 .list ul li .tits {
text-align: center;
font-size: 24px;
line-height: 24px;
color: #333;
margin-top: 50px; }
.service .box2 .list ul li .txt {
width: 310px;
height: auto;
margin: 23px auto 0;
max-width: 94%;
font-size: 16px;
line-height: 26px;
color: #878787; }
.service .box2 .list ul li:last-child {
margin-right: 0; }
.service .box3 {
width: 100%;
height: auto;
margin-top: 4%; }
.service .box3 .en {
text-align: center;
text-transform: uppercase; }
.service .box3 .cn {
margin-top: 0.7%;
text-align: center; }
.service .box3 .pic {
width: 87.5%;
height: auto;
margin-top: 4%;
padding: 4% 6.25% 6%;
background-color: #fff; }
.service .box3 .pic .txt {
font-size: 16px;
line-height: 20px;
color: #333; }
.service .box3 .pic .img {
width: 100%;
height: auto;
margin-top: 2%; }
.service .box4 {
width: 100%;
height: auto;
margin-top: 4%; }
.service .box4 .en {
text-align: center;
color: #878787;
text-transform: uppercase; }
.service .box4 .cn {
text-align: center;
color: #666;
margin-top: 0.7%; }
.service .box4 .con {
width: 100%;
height: auto;
margin-top: 5%;
position: relative; }
.service .box4 .con .tit {
width: 100%;
height: auto; }
.service .box4 .con .tit .t {
float: left;
margin-right: 80px; }
.service .box4 .con .tit .t .tt1 {
font-size: 72px;
line-height: 60px;
color: #1288cc; }
.service .box4 .con .tit .t .tt1 span {
font-size: 24px; }
.service .box4 .con .tit .t .tt2 {
font-size: 24px;
line-height: 24px;
color: #666; }
.service .box4 .con .tits {
font-size: 30px;
line-height: 40px;
margin-top: 4.8%; }
.service .box4 .con .tits span {
padding-bottom: 17px;
display: inline-block;
border-bottom: 2px solid #666; }
.service .box4 .con .tit1 {
font-size: 24px;
line-height: 36px;
color: #666;
margin-top: 12px; }
.service .box4 .con .tit1 span {
color: #1288cc;
font-weight: bold; }
.service .box4 .con .tit2 {
font-size: 18px;
line-height: 36px;
color: #878787;
margin-top: 35px;
width: 325px; }
.service .box4 .con .tit2 span {
display: block;
font-size: 36px;
line-height: 36px; }
.service .box4 .con .tit2 span i {
color: #1288cc; }
.service .box4 .con .tit3 {
font-size: 30px;
line-height: 34px;
color: #666;
margin-top: 29%; }
.service .box4 .con .tit3 .t span {
width: 195px;
display: block;
float: left;
color: #1288cc; }
.service .box4 .con .tit3 .t i {
float: left;
font-size: 18px;
color: #666;
margin-left: 20px; }
.service .box4 .con .tit3 .t em {
float: left;
font-size: 15px;
color: #ccc; }
.service .box4 .con .tit4 {
width: 435px;
font-size: 18px;
line-height: 28px;
color: #878787;
margin-top: 15px; }
.service .box4 .con .pic {
width: 77.375%;
position: absolute;
right: 0;
top: 4%; }
.service .box4 .con .pic-m {
width: 100%;
display: none; }
@media (max-width: 1540px) {
.service .box4 .con .tit .t .tt1 {
font-size: 54px;
line-height: 50px; }
.service .box4 .con .tit .t .tt1 span {
font-size: 20px; }
.service .box4 .con .tit .t .tt2 {
font-size: 20px;
line-height: 20px; }
.service .box4 .con .tits {
font-size: 24px;
line-height: 30px; }
.service .box4 .con .tits span {
padding-bottom: 7px; }
.service .box4 .con .tit2 {
width: 25%; }
.service .box4 .con .tit1 {
font-size: 20px;
line-height: 30px; }
.service .box4 .con .tit3 {
margin-top: 10%;
font-size: 24px;
line-height: 38px; }
.service .box4 .con .tit3 span {
font-size: 28px; }
.service .box4 .con .tit2 span {
font-size: 24px; } }
@media (max-width: 1500px) {
.service .box2 .tel {
font-size: 48px;
line-height: 48px; } }
@media (max-width: 1140px) {
.service .box1 .box-new .con .con-new {
width: 100%;
max-width: 90%; }
.service .box1 .box-new .con .con-new img {
width: 70%;
display: block;
margin: 0 auto; }
.service .box1 .box-new .con .con-new p {
font-size: 20px;
line-height: 30px;
margin-top: 25px; } }
@media (max-width: 1024px) {
.service .box1 .title .tits {
margin: 15px auto 0; }
.service .box1 .box-new .con .con-new p {
margin-top: 15px;
font-size: 16px;
line-height: 22px; }
.service .box2 .list ul li {
height: 300px; }
.service .box2 .list ul li .icon {
margin-top: 30px; }
.service .box2 .list ul li .tits {
font-size: 18px;
line-height: 18px;
margin-top: 20px; } }
@media (max-width: 990px) {
.service {
margin: 0 auto 140px; } }
@media (max-width: 960px) {
.service .box4 .con .tit .t .tt1 {
font-size: 40px;
line-height: 40px; }
.service .box4 .con .tit .t .tt1 span {
font-size: 16px; }
.service .box4 .con .tit .t .tt2 {
font-size: 16px;
line-height: 16px; }
.service .box4 .con .tits {
font-size: 20px;
line-height: 20px;
margin-top: 5%; }
.service .box4 .con .tits span {
padding-bottom: 7px; }
.service .box4 .con .tit2 {
width: 100%;
margin-top: 15px;
font-size: 16px;
line-height: 26px; }
.service .box4 .con .tit1 {
font-size: 20px;
line-height: 30px; }
.service .box4 .con .tit3 {
margin-top: 4%;
font-size: 20px;
line-height: 30px; }
.service .box4 .con .tit3 .t span {
font-size: 20px;
width: 130px; }
.service .box4 .con .tit3 .t i {
font-size: 16px;
margin-left: 10px; }
.service .box4 .con .tit4 {
width: 100%;
font-size: 16px;
line-height: 26px; }
.service .box4 .con .pic {
display: none; }
.service .box4 .con .pic-m {
display: block;
margin-top: 3%; }
.service .box4 .con .tit2 span {
font-size: 20px; } }
@media (max-width: 850px) {
.service .box2 .tel {
font-size: 42px;
line-height: 42px; }
.service .box2 .tel span {
font-size: 18px;
line-height: 18px; }
.service .box2 .list ul li {
width: 49%;
margin-right: 2%;
margin-bottom: 2%; }
.service .box2 .list ul li:nth-child(2n) {
margin-right: 0; } }
@media (max-width: 768px) {
.service {
margin: 0 auto 6%; } }
@media (max-width: 470px) {
.service .box1 .title .en {
font-size: 22px;
line-height: 22px; }
.service .box1 .title .cn {
font-size: 18px;
line-height: 18px; }
.service .box1 .box-new .pic {
width: 100%;
float: none; }
.service .box1 .box-new .con {
width: 100%;
padding: 10% 0;
position: relative; }
.service .box2 .txt {
font-size: 16px;
line-height: 24px; }
.service .box2 .list ul li {
width: 90%;
float: none;
margin: 0 auto 4%;
box-shadow: 0 0 20px rgba(204, 204, 204, 0.2); }
.service .box2 .list ul li:nth-child(2n) {
margin: 0 auto 4%; } }
.ResumeBut {
width: 148px;
height: 48px;
text-align: center;
font-size: 18px;
line-height: 50px;
border: 1px solid #ccc;
text-align: center;
color: #999;
display: block;
transition: all .5s; }
.ResumeBut span {
display: inline-block;
padding-left: 40px;
background-position: left center;
background-repeat: no-repeat;
background-image: url(../img/xx_icon1.png);
transition: all .5s; }
@media (min-width: 1024px) {
.ResumeBut:hover {
background-color: #1288cc;
border: 1px solid #1288cc;
color: #fff; }
.ResumeBut:hover span {
background-image: url(../img/xx_icon1_h.png); } }
@media (max-width: 450px) {
.ResumeBut {
float: left;
height: 38px;
line-height: 38px;
font-size: 16px; } }
@media (max-width: 1366px) {
.more {
width: 140px !important;
height: 45px !important;
line-height: 45px !important; }
.more span {
padding-right: 20px !important; } }
@media (max-width: 500px) {
.more {
width: 120px !important;
height: 40px !important;
line-height: 40px !important;
font-size: 16px; } }
.news-info.pagg {
padding-top: 4%; }
.news-info.pagg .content {
width: 1600px;
max-width: 83.3%; }
.news-info.pagg .content .con {
background-color: #fff;
width: 90%;
margin: 4% auto 0;
padding: 6% 5% 8%;
min-height: 400px; }
@media (max-width: 1024px) {
.news-info.pagg .content {
max-width: 92%; } }
@media (max-width: 760px) {
.news-info.pagg {
padding-top: 17%; } }
.click-close {
width: 40px;
height: 40px;
background: #fff url(../img/nav_close_b.png) center no-repeat;
position: fixed;
top: 0;
right: 0;
z-index: 20000000;
display: none; }
.top_xf {
width: 100px;
height: 100px;
display: none;
position: fixed;
bottom: 10%;
right: 3%;
z-index: 10001;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url(../img/top.png); }
@media (max-width: 600px) {
.top_xf {
width: 50px;
height: 50px; } }
.ewm-tk {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 20000; }
.ewm-tk .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5); }
.ewm-tk .ewm {
width: 300px;
height: 300px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 5;
overflow: hidden;
transform: scale(0.7);
transition: transform .5s; }
.ewm-tk .ewm .ewm-new {
width: 100%;
height: 100%; }
.ewm-tk.on .ewm {
transform: scale(1); }
.zoomMask {
position: absolute;
background: url(../img/mask.png);
z-index: 1000; }
.zoomDiv {
z-index: 10000;
position: absolute;
top: 0px;
left: 0px;
width: 100px;
height: 100px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
background: #ffffff;
display: black;
text-align: center;
overflow: hidden; }
.vvvv {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
background-color: rgba(0, 0, 0, 0.5);
display: none; }
@keyframes hoverAnimation {
from {
top: 0;
left: 0;
opacity: 1;
width: 100%;
height: 100%; }
to {
top: -10px;
left: -10px;
opacity: 0;
width: calc(100% + 20px);
height: calc(100% + 20px);
opacity: 0; } }
@-moz-keyframes hoverAnimation {
from {
top: 0;
left: 0;
opacity: 1;
width: 100%;
height: 100%; }
to {
top: -10px;
left: -10px;
opacity: 0;
width: calc(100% + 20px);
height: calc(100% + 20px);
opacity: 0; } }
@-webkit-keyframes hoverAnimation {
from {
top: 0;
left: 0;
opacity: 1;
width: 100%;
height: 100%; }
to {
top: -10px;
left: -10px;
opacity: 0;
width: calc(100% + 20px);
height: calc(100% + 20px);
opacity: 0; } }
@-o-keyframes hoverAnimation {
from {
top: 0;
left: 0;
opacity: 1;
width: 100%;
height: 100%; }
to {
top: -10px;
left: -10px;
opacity: 0;
width: calc(100% + 20px);
height: calc(100% + 20px);
opacity: 0; } }
/*# sourceMappingURL=style.css.map */
/*# sourceMappingURL=style.css.map */
.ms-table{
border:1px solid #999;
}
.ms-table td{
border:1px solid #CCC;padding:5px;
}
.item2{width:100%!important;}
@media (max-width: 830px) {
.item2{width:100%!important;}
}
/* 新增 */
.bread_wrap .bread{
padding: 20px 0;
border-bottom: 1px solid #ccc;
}
.column2 .left_nav .nav_title{
height: 148px;
line-height: 148px;
text-align: center;
border-bottom: 1px solid #eee;
}
.column2 .left_nav .nav_list .list_wrap{
padding: 18px 23px 0 23px;
box-sizing: border-box;
}
.column2 .left_nav .nav_list .list_wrap .list_item{
width: 100%;
min-height: 38px;
text-align: center;
line-height: 38px;
background-color: #eeeeee;
border-radius: 5px;
margin-bottom: 13px;
font-size: 15px;
font-weight: bold;
}
.column2 .left_nav .nav_list .list_wrap .list_item a{
color: #000;
}
.column2 .left_nav .nav_list .list_wrap .list_item a:hover{
color: #1288cc;
cursor: pointer;
text-decoration: none;
}
.column2 .left_nav .nav_list .list_wrap .bule{
background-color: #1288cc;
}
.column2 .left_nav .nav_list .list_wrap .bule:hover a{
color: #fff;
}
.column2 .left_nav .nav_list .list_wrap .bule .white{
color: #fff;
}
.column2 .right_wrap {
padding: 26px 67px;
box-sizing: border-box;
min-height: 500px;
}
.column2 .right_list .list_wrap{
min-height: 600px;
}
.column2 .right_list .p1{
padding: 8px;
}
.column2 .right_list .item{
overflow: hidden;
}
.column2 .right_list .item .item_img{
border: 1px solid #eee;
position: relative;
}
.column2 .right_list .item .item_img .bg_black{
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.column2 .right_list .item .item_img .bg_black a{
color: #fff;
}
.column2 .right_list .item .item_img .bg_black a:hover{
color: #1288cc;
}
.column2 .right_list .item .item_img:hover .bg_black{
visibility: visible;
}
.column2 .right_list .item .item_img img{
width: 100%;
height: 100%;
}
.column2 .right_list .item .item_info{
background-color: #1288cc;
text-align: center;
color: #fff;
padding: 11px 0 ;
}
/* æ …æ ¼5 */
@media (min-width: 768px) {
.col5 .col-lg-3 {
width: 100%;
float: left;
}
}
@media (min-width: 992px) {
.col5 .col-lg-3 {
width: 100%;
float: left;
}
}
@media (min-width: 1200px) {
.col5 .col-lg-3 {
width: 20%;
float: left;
}
}
.contact_wrap{
margin-bottom: 50px;
}
.contact_wrap .content{
height: 100%;
min-height: 700px;
padding: 20px 50px;
overflow: hidden;
margin-top: 20px;
}