html,
body {
padding: 0;
margin: 0;
font-family: "微软雅黑";
font-size: 16px;
color: #333;
overflow-x: hidden;
}
body {
overflow: hidden;
}
.wrap {
max-width: 1100px;
margin: 0 auto;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.fp-tableCell {
vertical-align: top;
}
a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
text-decoration: none;
}
a:hover {
transition: all 1s;
-ms-transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
img {
max-width: 100%;
}
input:focus,
button:focus {
outline: none;
}
/**导航菜单**/
header {
position: fixed;
top: 0;
width: 100%;
background: transparent;
z-index: 9999;
transition: all .6s;
border-bottom: 1px solid rgba(255, 255, 255, .5);
background: #fff;
}
header .header-container .wrap {
overflow: hidden;
}
header .logo {
width: 24%;
line-height: 110px;
}
header .menu {
text-align: center;
overflow: hidden;
}
header .menu ul {
display: block;
overflow: hidden;
float: left;
}
header .menu ul li {
float: left;
}
header .menu>ul>li>a {
text-align: center;
color: #333;
font-size: 16px;
display: block;
position: relative;
margin: 0 0 0 1.864vw;
line-height: 100px;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
background: none;
color: #0076a8;
}
header .rightDiv .menu ul li>a:after {
content: "";
position: absolute;
width: 76%;
height: 2px;
bottom: 24px;
left: 50%;
margin-left: -38%;
opacity: 0;
transform: scaleX(0);
-webkit-transition: all 0.4s;
transition: all 0.4s;
background: #0076a8;
}
header .rightDiv .menu ul li>a.on:after,
header .rightDiv .menu ul li>a:hover:after {
opacity: 1;
transform: scaleX(1);
}
header .rightDiv .searchDiv {
margin: 35px 0 35px 18px;
position: relative;
}
header .rightDiv .searchDiv input {
border: 1px solid #000;
padding: 0 35px 0 10px;
height: 30px;
line-height: 30px;
color: #333;
font-size: 14px;
width: 180px;
}
header .rightDiv .searchDiv button {
position: absolute;
right: 0;
top: 0;
border: 0;
background: transparent;
line-height: 26px;
padding: 0 10px;
}
header .mbtn {
display: inline-block;
width: 50px;
height: 50px;
background: url(../img/menu.png) no-repeat center #0076A8;
background-size: 22px auto;
position: absolute;
top: 0;
right: 0;
display: none;
}
header .mbtn:active {
opacity: .8;
}
body.on-menu header .mbtn {
background-image: url(../img/menu-hide.png);
}
/********************************* 首页 **********************************/
.main {
margin-top: 100px;
position: relative;
}
/*banner轮播*/
.index-banner {
width: 100%;
position: relative;
}
.ui-homebanner .swiper-slide {
overflow: hidden;
}
.ui-homebanner .img {
display: block;
/*height:36.458vw;*/
height: 700px;
background: none no-repeat center;
background-size: cover;
}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px 10px;
}
.ui-homebanner .swiper-pagination-bullet {
width: 17px;
height: 17px;
background: #000;
border: 1px solid #fff;
border-radius: 8px;
opacity: .4;
}
.ui-homebanner .swiper-pagination-bullet-active {
background: #fff;
border: 1px solid #000;
opacity: .8;
}
.index-title {
text-align: center;
padding: 0 50px;
}
.index-title span {
font-size: 20px;
color: #333;
display: block;
margin-bottom: 15px;
}
.index-title small {
text-transform: uppercase;
display: block;
font-size: 16px;
margin: 5px 0 10px;
}
.index-title img {
display: block;
margin: 0 auto;
}
.index-title p {
font-size: 12px;
color: #999;
text-align: right;
margin-right: 15%;
}
.next {
line-heigth: 35px;
margin-top: 35px;
}
.next strong {
height: 25px;
line-height: 25px;
}
.next a {
displiy: block;
height: 25px;
line-height: 25px;
color: #666;
}
.biaoqian {
background: url(../img/bq.jpg) no-repeat;
height: 35px;
padding-left: 21px;
margin-top: 20px;
}
.biaoqian li {
list-style: none;
float: left;
padding: 5px 10px;
background-color: #f97500;
margin-right: 3px;
font-size: 16px;
font-weight: bold;
}
.biaoqian li a {
height: 25px;
line-height: 25px;
color: #FFF;
}
.index-div1 {
padding: 110px 0;
background: #f8f8f8;
}
.index-div1 a {
color: #000000;
}
.index-div1 .wrap>p {
font-size: 16px;
color: #666666;
margin: 30px 0 60px;
text-align: center;
}
.index-div1 .conDiv {
padding: 25px 0 120px 34px;
background: url(../img/index-fw-bg.png) no-repeat left top;
transition: all .5s;
}
.index-div1 .conDiv:hover {
background: url(../img/index-fw-bg_.png) no-repeat left top;
color: #fff;
}
.index-div1 .conDiv span {
display: block;
font-size: 18px;
font-weight: bold;
margin: 39px 0 12px;
}
.index-div1 .conDiv small {
font-size: 16px;
}
.index-div1 .conDiv i {
color: #b6dbeb;
}
.index-div1 .swiper-container {
padding-bottom: 50px;
width: 1050px;
}
.index-div1 .swiper-button-next,
.index-div1 .swiper-button-prev {
bottom: 0;
margin-top: 0;
top: auto;
width: 47px;
height: 47px;
background-size: 47px 47px;
opacity: 1;
}
.index-div1 .swiper-button-prev {
left: 50%;
margin-left: -50px;
right: auto;
background: url(../img/left.png) no-repeat center center;
background-size: 100%;
}
.index-div1 .swiper-button-prev:hover,
.index-div1 .swiper-button-prev.swiper-button-disabled {
background: url(../img/left_.png) no-repeat center center;
background-size: 100%;
}
.index-div1 .swiper-button-next {
right: 50%;
margin-right: -50px;
left: auto;
background: url(../img/right.png) no-repeat center center;
background-size: 100%;
}
.index-div1 .swiper-button-next:hover,
.index-div1 .swiper-button-next.swiper-button-disabled {
background: url(../img/right_.png) no-repeat center center;
background-size: 100%;
}
.index-div2 {
padding: 110px 0 0;
}
.index-div2 .wrap>p {
font-size: 16px;
color: #666666;
margin: 30px 0 60px;
text-align: center;
}
.index-div2 .row {
width: 1100px;
margin: 0 auto;
}
.index-div2 .row>div {
margin-bottom: 30px;
}
.index-div2 .row>div .conDiv {
position: relative;
}
.index-div2 .row>div .conDiv .text {
position: absolute;
bottom: 0;
height: 50px;
line-height: 50px;
color: #ffffff;
font-size: 14px;
background: rgba(0, 0, 0, .5);
width: 100%;
text-align: center;
height: 0;
transition: all .3s;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.index-div2 .row>div .conDiv:hover .text {
height: 50px;
}
.index-div3 {
background: url(../img/index-bg1.jpg) no-repeat center center;
background-size: auto 60%;
padding: 110px 0;
}
.index-div3 .rowDiv {
width: 53%;
/*background: #fff;*/
padding: 5.8vw;
}
.wrap2 {
width: 1100px;
}
.index-div3 .h2 {
font-size: 35px;
margin: 0;
}
.index-div3 span {
font-size: 16px;
}
.index-div3 .textDiv {
margin: 40px 0;
}
.index-div3 .textDiv p {
font-size: 14px;
line-height: 1.9;
margin: 0;
}
.index-div3 .rowDiv a.more_a {
width: 130px;
line-height: 43px;
text-align: center;
font-size: 14px;
color: #0076a8;
border: 1px solid #0076a8;
border-radius: 5px;
display: block;
}
.index-div3 .rowDiv a.more_a:hover {
background: #0076a8;
color: #fff;
}
.index-div4 {
padding-bottom: 110px;
}
.index-div4 .tabsDiv {
margin: 35px 0 20px;
text-align: center;
font-size: 0;
}
.index-div4 .tabsDiv a {
color: #666;
font-size: 16px;
margin: 0 15px;
line-height: 40px;
display: inline-block;
}
.index-div4 .tabsDiv a.active {
border-bottom: 2px solid #0076a8;
color: #0076a8;
}
.index-div4 .row .conDiv .title {
font-size: 18px;
color: #333;
font-weight: bold;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
margin: 25px 0 10px;
}
.index-div4 .row .conDiv .title:hover {
color: #0076a8;
}
.index-div4 .row .conDiv p {
font-size: 14px;
line-height: 25px;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 0;
}
.index-div4 .row .conDiv ul li {
overflow: hidden;
margin-bottom: 6%;
}
.index-div4 .row .conDiv ul li .imgA {
float: left;
display: block;
}
.index-div4 .row .conDiv ul li .textDiv {
padding-left: 200px;
}
.index-div4 .row .conDiv ul li .textDiv .title {
margin: 14px 0 10px;
}
.index-div4 a.more_a {
width: 130px;
line-height: 43px;
text-align: center;
font-size: 14px;
color: #0076a8;
border: 1px solid #0076a8;
border-radius: 5px;
display: block;
margin: 20px auto 0;
}
.index-div4 a.more_a:hover {
background: #0076a8;
color: #fff;
}
.link{ margin-bottom:30px;}
.link a{ margin-right:10px; font-size:14px; color:#999;}
.footer {
border-top: 2px solid #0076A8;
}
.footer .hdDiv {
overflow: hidden;
font-size: 12px;
color: #666;
padding: 25px 0 15px;
}
.footer .hdDiv .h4 {
font-size: 14px;
font-weight: bold;
color: #333;
margin: 0;
}
.footer .hdDiv .leftDiv {
width: 20.5%;
}
.footer .hdDiv ul {
margin: 30px 0 15px;
overflow: hidden;
}
.footer .hdDiv ul li {
float: left;
margin-right: 55px;
margin-bottom: 15px;
}
.footer .hdDiv a {
color: #0076A8;
display: block;
}
.footer .hdDiv .centerDiv {
margin: 0 0 0 14.2%;
}
.footer .hdDiv .centerDiv .addrDiv {
margin: 30px 0 20px;
}
.footer .hdDiv .centerDiv .telDiv {
margin-bottom: 5px;
}
.footer .hdDiv .centerDiv span {
font-size: 14px;
color: #0076A8;
}
.footer .hdDiv .rightDiv {
text-align: right;
font-size: 0;
}
.footer .hdDiv .rightDiv .ewmDiv {
display: inline-block;
font-size: 12px;
text-align: center;
margin-left: 20px;
}
.footer .hdDiv .rightDiv .ewmDiv span {
display: block;
line-height: 1.9;
margin-top: 10px;
}
.footer .bdDiv {
text-align: center;
color: #666;
font-size: 12px;
line-height: 1.9;
padding: 10px 0;
}
.footer .bdDiv span {
display: block;
}
.goTopBtn {
position: fixed;
right: 5px;
bottom: 5px;
cursor: pointer;
display: none;
opacity: .9;
}
.goTopBtn:hover {
opacity: 1;
}
/***********了解我们**************/
.ny-banner {
height: 230px;
text-align: center;
font-size: 30px;
background: url(../img/about-banner.jpg) no-repeat center center;
color: #e8eadf;
}
.ny-banner p {
height: 65px;
line-height: 65px;
}
.aboutDiv1 {
padding: 85px 0;
}
.aboutDiv1 .textDiv {
max-width: 799px;
margin: 30px auto 0;
}
.aboutDiv1 .textDiv p {
font-size: 14px;
color: #333333;
line-height: 1.9;
margin: 0;
}
.aboutDiv2 {
background: #F8F8F8;
padding: 90px 0;
margin-bottom: 170px;
}
.aboutDiv2 .rowDiv {
overflow: hidden;
text-align: right;
position: relative;
}
.aboutDiv2 .rowDiv>img {
width: 50%;
}
.aboutDiv2 .rowDiv .listDiv {
width: 44%;
float: right;
}
.aboutDiv2 .rowDiv .listDiv ul li {
overflow: hidden;
margin-top: 1.9%;
margin-bottom: 16.9%;
}
.aboutDiv2 .rowDiv .listDiv ul li:last-child {
margin-bottom: 0;
}
.aboutDiv2 .rowDiv .listDiv ul li .textDiv {
padding-left: 80px;
text-align: left;
}
.aboutDiv2 .rowDiv .listDiv ul li .textDiv span {
display: block;
font-size: 18px;
font-weight: bold;
}
.aboutDiv2 .rowDiv .listDiv ul li .textDiv small {
font-size: 18px;
color: #666666;
}
/***********核心业务**************/
.ywDiv {
background: #F8F8F8;
padding: 50px 0 170px;
}
.ywDiv .rowDiv {
overflow: hidden;
}
.ywDiv .rowDiv .leftDiv {
width: 21.25%;
}
.ywDiv .rowDiv .leftDiv .h2 {
font-size: 24px;
color: #fff;
padding: 0 20px;
background: #0076a8;
line-height: 62px;
margin: 0;
}
.ywDiv .rowDiv .leftDiv ul li {
margin-top: 10px;
background: #fff;
padding: 0 0 0 25px;
line-height: 45px;
}
.ywDiv .rowDiv .leftDiv ul li a {
line-height: 1;
font-size: 18px;
color: #555;
position: relative;
}
.ywDiv .rowDiv .leftDiv ul li.active a,
.ywDiv .rowDiv .leftDiv ul li:hover a {
padding-left: 12px;
color: #0076A8;
}
.ywDiv .rowDiv .leftDiv ul li.active a:before,
.ywDiv .rowDiv .leftDiv ul li:hover a:before {
content: "";
width: 4px;
height: 18px;
position: absolute;
left: 0;
top: 3px;
background: #0076A8;
}
.ywDiv .rowDiv .rightDiv {
width: 75.42%;
}
.ywDiv .rowDiv .rightDiv .hd {
font-size: 24px;
padding-left: 20px;
position: relative;
line-height: 1;
}
.ywDiv .rowDiv .rightDiv .hd:before {
content: "";
width: 4px;
height: 24px;
position: absolute;
left: 0;
top: 2px;
background: #0076A8;
}
.ywDiv .rowDiv .rightDiv .bd {
background: #fff;
margin-top: 20px;
padding: 20px 30px;
}
.ywDiv .rowDiv .rightDiv .bd .textDiv h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 50px;
;
line-height: 40px;
color: #333;
text-align: center;
border-bottom: 2px solid #eee;
padding-bottom: 20px;
}
.ywDiv .rowDiv .rightDiv .bd .textDiv p {
font-size: 16px;
line-height: 1.75;
color: #555;
margin: 0 0 35px 0;
}
.yanjiu {
overflow: hidden;
}
.yanjiu .yanjiu-t {
font-size: 14px;
color: #8497a4;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
.yanjiu .yanjiu-b .yanjiu-list {
width: 15%;
float: left;
text-align: center;
box-sizing: border-box;
border: 1px solid #ccc;
height: 540px;
margin-right: 16px;
margin-bottom: 10px;
}
.yanjiu .yanjiu-b .yanjiu-list img {
width: 70px;
height: 70px;
margin-bottom: 15px;
}
.ywDiv .rowDiv .rightDiv .bd .textDiv .yanjiu p {
line-height: 0px;
}
.ywDiv .rowDiv .rightDiv .bd .textDiv .yanjiu p strong {
line-height: 0px;
}
.yanjiu .yanjiu-b .yanjiu-list .hui {
font-size: 12px;
color: #444;
font-weight: 50;
}
.yanjiu .yanjiu-b .yanjiu-list:nth-child(6n) {
margin-right: 0;
}
.yanjiu .yanjiu-b .yanjiu-list:hover {
border: 1px solid #8497a4;
}
/***********经典案例**************/
.casesDiv {
padding: 90px 0;
}
.casesDiv .row>div {
margin-bottom: 30px;
}
.casesDiv .row>div .conDiv {
position: relative;
}
.casesDiv .row>div .conDiv .text {
position: absolute;
bottom: 0;
height: 50px;
line-height: 50px;
color: #ffffff;
font-size: 18px;
background: rgba(0, 0, 0, .5);
width: 100%;
text-align: center;
height: 0;
transition: all .3s;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.casesDiv .row>div .conDiv:hover .text {
height: 50px;
}
/***********新闻动态**************/
.newsDiv {
background: #F8F8F8;
padding: 40px 0 170px;
}
.newsDiv .rowDiv {
overflow: hidden;
}
.newsDiv .rowDiv .leftDiv {
width: 21.25%;
}
.newsDiv .rowDiv .leftDiv .h2 {
font-size: 24px;
color: #fff;
padding: 0 20px;
background: #0076a8;
line-height: 62px;
margin: 0;
}
.newsDiv .rowDiv .leftDiv ul li {
margin-top: 10px;
background: #fff;
padding: 0 0 0 25px;
line-height: 45px;
}
.newsDiv .rowDiv .leftDiv ul li a {
line-height: 1;
font-size: 18px;
color: #555;
position: relative;
}
.newsDiv .rowDiv .leftDiv ul li.active a,
.newsDiv .rowDiv .leftDiv ul li:hover a {
padding-left: 12px;
color: #0076A8;
}
.newsDiv .rowDiv .leftDiv ul li.active a:before,
.newsDiv .rowDiv .leftDiv ul li:hover a:before {
content: "";
width: 4px;
height: 18px;
position: absolute;
left: 0;
top: 3px;
background: #0076A8;
}
.breadcrumbDiv {
margin-bottom: 20px;
color: #777777;
}
.breadcrumbDiv a {
font-size: 14px;
color: #777777;
}
.newsDiv .rowDiv .rightDiv {
width: 75.42%;
}
.newsDiv .rowDiv .rightDiv .hd {
font-size: 24px;
padding-left: 20px;
position: relative;
line-height: 1;
}
.newsDiv .rowDiv .rightDiv .hd:before {
content: "";
width: 4px;
height: 24px;
position: absolute;
left: 0;
top: 2px;
background: #0076A8;
}
.newsDiv .rowDiv .rightDiv .bd {
background: #fff;
margin-top: 20px;
padding: 20px 30px 30px;
}
.newsDiv .rowDiv .rightDiv .bd .listDiv ul li {
overflow: hidden;
border-bottom: 1px solid #ededed;
height: 65px;
line-height: 65px;
font-size: 14px;
}
.newsDiv .rowDiv .rightDiv .bd .listDiv ul li a {
display: block;
width: 760px;
color: #333;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
padding-left: 20px;
position: relative;
}
.newsDiv .rowDiv .rightDiv .bd .listDiv ul li a:before {
content: "";
width: 6px;
height: 6px;
background: #0076A8;
position: absolute;
left: 0;
top: 50%;
margin-top: -3px;
}
.newsDiv .rowDiv .rightDiv .bd .listDiv ul li a:hover {
color: #0076A8;
}
.newsDiv .rowDiv .rightDiv .bd .pageDiv {
text-align: center;
margin-top: 30px;
}
.newsDiv .rowDiv .rightDiv .bd .pageDiv ul {
display: inline-block;
text-align: left;
height: 60px;
line-height: 60px;
}
.newsDiv .rowDiv .rightDiv .bd .pageDiv ul a {
border: 1px solid #888888;
color: #888;
font-size: 12px;
padding: 4px 10px 4px 9px;
margin: 5px;
line-height: 1;
}
.newsDiv .rowDiv .rightDiv .bd .pageDiv ul a.a1 {
background: #0076A8;
color: #fff;
border: 1px solid #0076A8;
}
.newsDiv .rowDiv .rightDiv .bd .pageDiv ul span {
background: #0076A8;
color: #fff;
border: 1px solid #0076A8;
font-size: 12px;
padding: 4px 10px 4px 9px;
margin: 0 2.5px;
line-height: 1;
}
/*****************联系我们****************/
.contactDiv {
padding: 90px 0 170px;
}
.contactDiv .rowDiv {
overflow: hidden;
margin-bottom: 90px;
}
.contactDiv .rowDiv .leftDiv {
width: 47.5%;
padding: 70px 50px 0;
background: url(../img/contact-img.jpg) no-repeat center center;
color: #fff;
height: 530px;
}
.contactDiv .rowDiv .leftDiv .hd {
border-bottom: 1px solid #fff;
}
.contactDiv .rowDiv .leftDiv .hd .h2 {
margin: 0;
font-size: 40px;
}
.contactDiv .rowDiv .leftDiv .hd p {
margin: 10px 0 25px;
font-size: 14px;
}
.contactDiv .rowDiv .leftDiv .bd {
margin-top: 50px;
font-size: 14px;
}
.contactDiv .rowDiv .leftDiv .bd>div {
margin-bottom: 20px;
line-height: 2;
}
.contactDiv .rowDiv .rightDiv {
width: 52.5%;
border: 1px solid #ededed;
border-left: 0;
height: 530px;
padding: 30px 30px 30px 50px;
}
.contactDiv .rowDiv .rightDiv .h2 {
font-size: 40px;
margin: 0 0 30px 0;
}
.contactDiv .rowDiv .rightDiv input {
width: 100%;
border: 1px solid #ddd;
padding: 4px;
color: #555;
height: 55px;
line-height: 55px;
margin-bottom: 20px;
}
.contactDiv .rowDiv .rightDiv textarea {
width: 100%;
height: 150px;
padding: 4px;
color: #555;
border: 1px solid #ddd;
resize: none;
display: block;
margin-bottom: 40px;
}
.contactDiv .rowDiv .rightDiv .subBtn {
background: #0076A8;
color: #fff;
border-radius: 5px;
border: 0;
width: 100%;
height: 55px;
line-height: 55px;
}
body:after {
content: '';
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
display: none;
}
body.on-menu:after {
display: block;
}
.mapDiv {
width: 800px;
margin: 0 auto;
text-align: center;
}
@media (max-width:1620px) {
.wrap {
max-width: 1200px;
margin: 0 auto;
}
}
@media (max-width:1220px) {
.ui-homebanner .img {
height: 600px;
}
}
/*手机*/
@media (max-width:767px) {
.mapDiv {
width: 100%;
padding: 15px;
}
header.onFixed {
padding: 0;
}
header.onFixed .logo {
width: initial;
}
header {
position: fixed !important;
z-index: 9999;
top: 0;
left: auto;
right: 0;
width: 100%;
height: 50px;
padding: 0;
transition: right 300ms !important;
}
header .logo {
height: 50px;
line-height: 45px;
padding: 0;
width: initial;
}
header .logo img {
max-height: 65%;
}
body.on-menu header {
right: 60%;
}
header .mbtn {
display: block;
}
header .menu {
float: right;
position: fixed;
top: 0;
right: 0;
width: 60%;
height: 100%;
padding-top: 0;
background-color: #0076A8;
transition: right 300ms;
right: -60%;
padding: 0;
overflow-y: auto;
margin-top: 0;
}
header .menu ul li {
padding: 0;
border-bottom: 1px solid #eee;
float: none;
}
header .menu ul li a {
display: block;
line-height: 50px;
height: 50px;
text-align: center;
color: rgba(255, 255, 255, .72);
padding: 0;
font-weight: normal;
font-size: 16px;
}
header .menu ul {
float: initial;
margin-right: 0;
}
header .menu ul li a span {
display: none;
}
header .menu ul li.on a,
header .menu ul li a.on {
background: none;
}
body.on-menu header .menu {
right: 0;
}
body.on-menu .main {
right: 60%;
}
header .rightDiv .menu ul li>a:hover,
header .rightDiv .menu ul li>a:focus,
header .rightDiv .menu ul li>a.on {
color: #fff;
}
header .menu>ul>li>a.on:after {
display: none;
}
header .rightDiv .menu ul li>a:after {
display: none;
}
header .rightDiv .searchDiv {
margin-left: 0;
display: inline-block;
float: initial;
}
.wrap {
padding: 0 10px;
}
.main {
position: relative;
right: 0;
transition: right 300ms !important;
margin-top: 50px;
}
.ui-homebanner .img {
height: 50vw;
}
.ui-homebanner .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
.index-div1 {
padding: 55px 0;
}
.index-title span {
font-size: 24px;
}
.index-title small {
font-size: 14px;
}
.index-div1 .swiper-container {
padding-bottom: 50px;
width: 100%;
}
.index-div1 .wrap>p,
.index-div2 .wrap>p {
font-size: 14px;
line-height: 1.6;
margin: 15px 0 30px;
}
.index-div1 .conDiv {
max-width: 300px;
margin: 0 auto;
}
.index-div2 {
padding: 55px 0 0;
}
.index-div2 .row {
margin: 0 -5px;
width: 100%;
}
.index-div2 .row>div {
padding: 0 5px;
margin-bottom: 10px;
}
.index-div2 .row>div .conDiv .text {
font-size: 14px;
line-height: 34px;
height: 34px;
padding: 0 10px;
}
.index-div2 .row>div .conDiv:hover .text {
height: 34px;
}
.index-div3 {
padding: 55px 0;
background: none;
}
.index-div3 .wrap2 {
width: 100%;
}
.index-div3 .rowDiv {
width: 100%;
background: #F8F8F8;
}
.index-div3 .h2 {
font-size: 24px;
}
.index-div3 .textDiv {
margin: 20px 0;
}
.index-div4 .row .leftDiv {
margin-bottom: 30px;
}
.index-div4 .row .conDiv ul li .textDiv {
padding-left: 49%;
}
.index-div4 .row .conDiv ul li .imgA {
width: 45%;
}
.index-div4 .row .conDiv ul li .textDiv .title {
margin: 10px 0;
}
.index-div4 {
padding-bottom: 55px;
}
.index-div4 .tabsDiv {
margin-top: 15px;
}
.footer .hdDiv .leftDiv {
width: 100%;
}
.footer .hdDiv ul {
margin: 15px 0 5px;
}
.footer .hdDiv ul li {
margin-right: 10%;
margin-bottom: 0;
}
.footer .hdDiv ul li:last-child {
margin-right: 0;
}
.footer .hdDiv .centerDiv {
margin-left: 0;
margin: 30px 0;
width: 100%;
}
.footer .hdDiv .rightDiv {
float: initial;
text-align: center;
}
.footer .hdDiv .rightDiv .ewmDiv {
margin: 0 10px;
}
.footer .hdDiv .centerDiv .addrDiv {
margin: 15px 0 10px;
}
.ny-banner {
height: 150px;
}
.ny-banner p {
height: 32px;
line-height: 32px;
}
.aboutDiv1 {
padding: 40px 0;
}
.aboutDiv2 {
padding: 45px 0;
margin-bottom: 85px;
}
.aboutDiv2 .rowDiv>img {
width: 100%;
}
.aboutDiv2 .rowDiv .listDiv {
width: 100%;
margin-top: 30px;
}
.ywDiv {
padding: 25px 0 85px;
}
.ywDiv .rowDiv .leftDiv,
.newsDiv .rowDiv .leftDiv {
width: 100%;
margin-bottom: 30px;
}
.ywDiv .rowDiv .rightDiv,
.newsDiv .rowDiv .rightDiv {
width: 100%;
}
.casesDiv {
padding: 45px 0;
}
.casesDiv .row {
margin: 0 -5px;
}
.casesDiv .row>div {
padding: 0 5px;
margin-bottom: 10px;
}
.casesDiv .row>div .conDiv .text {
font-size: 14px;
line-height: 34px;
height: 34px;
padding: 0 10px;
}
.casesDiv .row>div .conDiv:hover .text {
height: 34px;
}
.newsDiv {
padding: 20px 0 85px;
}
.newsDiv .rowDiv .rightDiv .bd .pageDiv ul li {
float: initial;
display: inline-block;
margin-bottom: 8px;
}
.rightDiv .conDiv ul li a img{
width: 175px;
height: 110px;
overflow:hidden;
}
.contactDiv {
padding: 45px 0 85px;
}
.contactDiv .rowDiv {
margin-bottom: 45px;
}
.contactDiv .rowDiv .leftDiv {
width: 100%;
padding: 30px;
height: initial;
}
.contactDiv .rowDiv .rightDiv {
width: 100%;
padding: 30px 15px;
height: initial;
}
.contactDiv .rowDiv .leftDiv .hd .h2,
.contactDiv .rowDiv .rightDiv .h2 {
font-size: 24px;
}
.ywDiv .rowDiv .rightDiv .bd .textDiv h2 {
font-size: 18px;
line-height: 28px;
}
.ywDiv .rowDiv .rightDiv .bd .textDiv p {
font-size: 14px;
}
.ywDiv .rowDiv .leftDiv {
display: none;
}
.yanjiu .yanjiu-b .yanjiu-list {
width: 48%;
float: left;
text-align: center;
box-sizing: border-box;
border: 1px solid #ccc;
height: 540px;
margin-right: 8px;
margin-bottom: 10px;
}
.yanjiu .yanjiu-b .yanjiu-list img {
width: 70px;
height: 70px;
}
.yanjiu .yanjiu-b .yanjiu-list p {
line-height: 1.2;
}
.yanjiu .yanjiu-b .yanjiu-list .hui {
font-size: 12px;
color: #444;
font-weight: 50;
}
.yanjiu .yanjiu-b .yanjiu-list:nth-child(even) {
margin-right: 0;
}
}