/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei","Shonar Bangla","Arial" }
input,textarea,button{padding: 0;font-family:"Microsoft YaHei","Shonar Bangla","Arial"}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
select,input,textarea,button{vertical-align:middle;outline: none;-webkit-appearance: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
/*header*/
.header {
width:100%;
height:120px;
display:table;
background:#fff;
box-shadow:0 0 5px 5px rgba(235,235,235,.75);
position:fixed;
left:0;
top:0;
z-index:999;
}
.header .logo {
width:212px;
height:45px;
float:left;
margin-left:58px;
margin-top:38px;
background:url(../images/logo-01.jpg) center center no-repeat;
}
.header .logo a {
width:100%;
height:100%;
display:block;
}
.header .header-box {
float:right;
}
.header .header-box .menu, .header .header-box .search, .header .header-box .language {
float:left;
}
/*header-menu*/
.header .header-box .menu li {
float:left;
margin-right:50px;
}
.header .header-box .menu li:last-child {
margin-right:0;
}
.header .header-box .menu li .menu-link {
height:120px;
display:table;
box-sizing:border-box;
border-bottom:2px solid #fff;
padding:0 5px 2px 5px;
line-height:116px;
font-size:16px;
color:#000;
}
.header .header-box .menu li .menu-link .iwant {
width:110px;
height:40px;
line-height:40px;
background:#0a448d url(../images/icon-img1.png) 21px 10px no-repeat;
color:#fff;
box-sizing:border-box;
padding-left:55px;
border-radius:9px;
margin-top:40px;
}
.header .header-box .menu li:hover .menu-link {
color:#0a448d;
border-bottom:2px solid #0a448d;
}
.header .header-box .menu li.on .menu-link {
color:#0a448d;
border-bottom:2px solid #0a448d;
}
/*header-search*/
.header .header-box .search {
width:121px;
height:120px;
float:left;
margin-right:7px;
cursor:pointer;
background:url(../images/icon-img2.png) center center no-repeat;
}
/*header-language*/
.header .header-box .language a {
float:left;
width:100px;
height:120px;
display:block;
box-sizing:border-box;
padding-left:30px;
padding-top:52px;
font-size:14px;
line-height:14px;
color:#282828;
}
.header .header-box .language a:hover {
color:#113e79;
text-decoration:underline;
}
.header .header-box .language a.on {
color:#113e79;
text-decoration:underline;
}
.header .header-box .language a:first-child {
border-right:1px solid #e6e3e3;
}
/*s-menu*/
.s-menu {
width:100%;
height:300px;
background:#f4f6fd;
box-sizing:border-box;
border-top:1px solid #0a448d;
position:fixed;
left:0;
top:120px;
z-index:9;
display:none;
}
.s-menu-box {
width:1300px;
margin:auto;
display:table;
}
.mobel-menu, .mobel-menus {
display:none;
}
/*s-menu-iwant*/
.s-menu-iwant .img {
width:330px;
height:200px;
float:left;
margin-top:43px;
}
.s-menu-iwant .menu-box {
float:left;
padding-left:40px;
margin-top:50px;
box-sizing:border-box;
}
.s-menu-iwant .menu-box .title {
font-size:16px;
line-height:30px;
font-weight:bold;
margin-bottom:3px;
color:#0a448d;
}
.s-menu-iwant .menu-box .s-menu-link {
font-size:14px;
line-height:32px;
color:#333;
display:block;
}
.s-menu-iwant .menu-box .s-menu-link:hover {
color:#0a448d;
text-decoration:underline;
}
.s-menu-iwant .menu-box.b1 {
width:269px;
margin-left:99px;
background:url(../images/icon-img3.png) left top no-repeat;
}
.s-menu-iwant .menu-box.b2 {
width:238px;
background:url(../images/icon-img4.png) left top no-repeat;
}
.s-menu-iwant .menu-box.b3 {
background:url(../images/icon-img5.png) left top no-repeat;
}
/*s-menu-case*/
.s-menu-case .img {
width:330px;
height:200px;
float:left;
margin-top:43px;
}
.s-menu-case .menu-box {
float:left;
padding-left:40px;
margin-top:50px;
box-sizing:border-box;
}
.s-menu-case .menu-box .title {
font-size:16px;
line-height:30px;
font-weight:bold;
margin-bottom:3px;
color:#0a448d;
}
.s-menu-case .menu-box .s-menu-link {
width:229px;
font-size:14px;
line-height:32px;
color:#333;
display:block;
float:left;
}
.s-menu-case .menu-box .s-menu-link:hover {
color:#0a448d;
text-decoration:underline;
}
.s-menu-case .menu-box.b1 {
width:740px;
margin-left:73px;
background:url(../images/icon-img26.png) left top no-repeat;
}
/*s-menu-product*/
.s-menu-product {
}
.s-menu-product .menu-box {
display:table;
width:325px;
float:left;
}
.s-menu-product .menu-box .title {
font-size:16px;
line-height:30px;
font-weight:bold;
color:#0a448d;
padding:23px 0 20px 10px;
}
.s-menu-product .menu-box .title a{
color:#0a448d;
}
.s-menu-product .menu-box .t-p {
width:130px;
height:180px;
float:left;
text-align:center;
padding-right:21px;
border-right:1px solid #e7eaed;
}
.s-menu-product .menu-box .t-p .img {
width:110px;
margin:auto;
margin-bottom:26px;
}
.s-menu-product .menu-box .t-p .txt {
font-size:16px;
color:#333;
line-height:26px;
}
.s-menu-product .menu-box .t-p .txt span {
font-size:12px;
color:#333;
line-height:22px;
display:block;
}
.s-menu-product .menu-box .t-p:hover .txt, .s-menu-product .menu-box .t-p:hover .txt span {
color:#0a448d;
}
.s-menu-product .menu-box .t-p-list {
float:left;
}
.s-menu-product .menu-box .t-p-list .s-menu-link {
display:block;
font-size:14px;
line-height:36px;
color:#333;
}
.s-menu-product .menu-box .t-p-list .s-menu-link .s1 {
font-family:SimSun;
padding:0 10px 0 15px;
color:#333;
}
.s-menu-product .menu-box .t-p-list .s-menu-link:hover .s1 {
color:#0a448d;
}
.s-menu-product .menu-box .t-p-list .s-menu-link .s2 {
color:#333;
}
.s-menu-product .menu-box .t-p-list .s-menu-link:hover .s2 {
color:#0a448d;
text-decoration:underline;
}
/*s-menu-service*/
.s-menu-service .img {
width:330px;
height:200px;
float:left;
margin-top:43px;
}
.s-menu-service .menu-box {
float:left;
padding-left:40px;
margin-top:50px;
box-sizing:border-box;
}
.s-menu-service .menu-box .title {
font-size:16px;
line-height:30px;
font-weight:bold;
margin-bottom:3px;
color:#0a448d;
}
.s-menu-service .menu-box .s-menu-link {
width:145px;
font-size:14px;
line-height:32px;
color:#333;
display:block;
float:left;
}
.s-menu-service .menu-box .s-menu-link:hover {
color:#0a448d;
text-decoration:underline;
}
.s-menu-service .menu-box.b1 {
width:205px;
margin-left:76px;
background:url(../images/icon-img27.png) left top no-repeat;
}
.s-menu-service .menu-box.b2 {
width:189px;
background:url(../images/icon-img28.png) left top no-repeat;
}
.s-menu-service .menu-box.b3 {
width:218px;
background:url(../images/icon-img30.png) left top no-repeat;
}
.s-menu-service .menu-box.b4 {
width:260px;
background:url(../images/icon-img29.png) left top no-repeat;
}
/*s-menu-about*/
.s-menu-about .img {
width:330px;
height:200px;
float:left;
margin-top:43px;
}
.s-menu-about .menu-box {
float:left;
padding-left:40px;
margin-top:50px;
box-sizing:border-box;
}
.s-menu-about .menu-box .title {
font-size:16px;
line-height:30px;
font-weight:bold;
margin-bottom:3px;
color:#0a448d;
}
.s-menu-about .menu-box .s-menu-link {
width:145px;
font-size:14px;
line-height:32px;
color:#333;
display:block;
float:left;
}
.s-menu-about .menu-box .s-menu-link:hover {
color:#0a448d;
text-decoration:underline;
}
.s-menu-about .menu-box.b1 {
width:213px;
margin-left:63px;
background:url(../images/icon-img22.png) left top no-repeat;
}
.s-menu-about .menu-box.b2 {
width:191px;
background:url(../images/icon-img23.png) left top no-repeat;
}
.s-menu-about .menu-box.b3 {
width:213px;
background:url(../images/icon-img24.png) left top no-repeat;
}
.s-menu-about .menu-box.b4 {
width:260px;
background:url(../images/icon-img25.png) left top no-repeat;
}
/*header-height*/
.header-height {
width:100%;
height:120px;
}
/*banner*/
.banner {
width:100%;
position:relative;
}
@media(min-width:1024px) {
.banner-swiper {
width:100%;
height:410px;
}
.index-banner {
width:100%;
height:410px;
}
}
@media(min-width:1441px) {
.banner-swiper, .index-banner {
width:100%;
height:600px;
}
}
.banner-m {
display:none;
}
/*index-advantage*/
.index-advantage {
width:100%;
text-align:center;
padding:86px 0 108px 0;
}
.advantage-box {
display:inline-block;
box-sizing:border-box;
height:60px;
text-align:left;
}
.advantage-box .title {
font-size:18px;
color:#0a448d;
line-height:30px;
}
.advantage-box .txt {
font-size:14px;
color:#666;
line-height:22px;
}
.advantage-box.b1 {
width:420px;
border-right:1px solid #f0f0f0;
padding:3px 0 5px 159px;
background:url(../images/icon-img6.png) 85px center no-repeat;
}
.advantage-box.b2 {
width:446px;
padding:3px 0 5px 193px;
background:url(../images/icon-img7.png) 101px center no-repeat;
}
.advantage-box.b3 {
width:434px;
border-left:1px solid #f0f0f0;
padding:3px 0 5px 179px;
background:url(../images/icon-img8.png) 98px center no-repeat;
}
/*index-about*/
.index-about {
width:100%;
display:table;
}
.index-about .img {
width:49.5%;
float:left;
}
.index-about .tboxs {
width:50.5%;
float:right;
background:#f4f6fd;
box-sizing:border-box;
padding-left:78px;
}
.index-about .tboxs .title {
position:relative;
line-height:32px;
padding-top:99px;
margin-bottom:30px;
}
.index-about .tboxs .title i {
font-family:Arial;
font-size:100px;
color:#e5ebf4;
}
.index-about .tboxs .title span {
font-size:32px;
color:#0a448d;
position:absolute;
z-index:2;
left:0;
}
.index-about .tboxs .tbox {
width:575px;
font-size:14px;
line-height:26px;
color:#797979;
margin-bottom:64px;
}
.index-about .tboxs .tbox span {
font-size:18px;
line-height:30px;
color:#000;
display:block;
}
.index-about .tboxs .label-box {
display:table;
}
.index-about .tboxs .label-box .box {
padding-left:55px;
font-size:14px;
line-height:14px;
float:left;
box-sizing:border-box;
}
.index-about .tboxs .label-box .box.b1 {
width:190px;
background:url(../images/icon-img9.png) left center no-repeat;
}
.index-about .tboxs .label-box .box.b2 {
width:190px;
background:url(../images/icon-img10.png) left center no-repeat;
}
.index-about .tboxs .label-box .box.b3 {
background:url(../images/icon-img11.png) left center no-repeat;
}
.index-about .tboxs .label-box .box span {
font-size:24px;
line-height:20px;
font-weight:bold;
color:#0a448d;
display:block;
margin-bottom:6px;
}
/*index-case*/
.index-case {
width:100%;
}
.index-title-box {
width:100%;
position:relative;
text-align:center;
padding:92px 0 59px 0;
}
.index-title-box i {
font-family:Arial;
font-size:100px;
color:#f5f5f5;
line-height:32px;
}
.index-title-box .box {
position:absolute;
left:50%;
transform:translateX(-50%);
top:92px;
z-index:2;
}
.index-title-box .box .ch {
font-size:32px;
line-height:32px;
color:#0a448d;
margin-bottom:18px;
}
.index-title-box .box s {
width:150px;
height:1px;
background:#eaeaea;
display:block;
margin:auto;
margin-bottom:10px;
}
.index-title-box .box s span {
width:30px;
height:1px;
background:#0a448d;
display:block;
margin:auto;
}
.index-title-box .box .en {
font-size:14px;
line-height:30px;
color:#0a448d;
text-transform:uppercase;
}
@media(min-width:1366px) {
.index-case .list {
width:1500px;
margin:auto;
display:table;
padding:41px 0 59px 0;
}
}
.index-case .list li {
float:left;
width:480px;
margin-right:30px;
margin-bottom:39px;
}
@media(min-width:1366px) {
.index-case .list li:nth-child(3n) {
margin-right:0;
}
}
.index-case .list li .img {
width:100%;
position:relative;
overflow:hidden;
}
.index-case .list li .img .zz {
width:100%;
height:100%;
position:absolute;
left:0;
top:100%;
z-index:2;
background:rgba(10,68,141,.59);
transition:all ease .3s;
}
.index-case .list li .img .zz img {
width:50px;
height:50px;
position:absolute;
left:50%;
transform:translateX(-50%);
top:125px;
}
@media(min-width:1024px) {
.index-case .list li:hover .img .zz {
top:0;
}
}
.index-case .list li .tbox {
width:100%;
box-sizing:border-box;
padding:18px 14px 0 14px;
}
.index-case .list li .tbox .tbox-title {
font-size:18px;
line-height:30px;
color:#000;
margin-bottom:6px;
}
.index-case .list li .tbox .tbox-txt {
font-size:14px;
line-height:26px;
height:26px;
color:#000;
opacity:.5;
margin-bottom:17px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index-case .list li .tbox .tbox-more {
width:100px;
height:30px;
box-sizing:border-box;
border:1px solid #b5b5b5;
text-align:center;
line-height:28px;
font-size:12px;
color:#666;
border-radius:14px;
margin-left:-4px;
transition:all ease .3s;
}
.index-case .list li:hover .tbox .tbox-title {
color:#0a448d;
}
.index-case .list li:hover .tbox .tbox-more {
color:#fff;
background:#0a448d;
border:1px solid #0a448d;
}
/*index-product*/
.index-product {
width:100%;
display:table;
background:#f4f6fd;
}
.index-product-menu {
width:100%;
text-align:center;
padding:13px 0 48px 0;
}
.index-product-menu li {
display:inline-block;
width:130px;
height:30px;
box-sizing:border-box;
border:1px solid #b5b5b5;
font-size:14px;
line-height:28px;
color:#666;
margin:0 9px;
border-radius:15px;
cursor:pointer;
transition:all ease .3s;
}
.index-product-menu li:hover {
background:#074fa8;
border:1px solid #074fa8;
color:#fff;
}
.index-product-menu li.on {
background:#074fa8;
border:1px solid #074fa8;
color:#fff;
}
.index-product .list-boxs {
width:100%;
}
.mobel-list-box {
display:none;
}
.index-product-list {
width:1500px;
margin:auto;
display:table;
position:relative;
}
.index-product-box {
width:365px;
height:365px;
float:left;
background:#074fa8;
box-sizing:border-box;
padding:60px 43px;
position:relative;
}
.index-product-box .title {
font-size:18px;
line-height:30px;
color:#fff;
margin-bottom:5px;
}
.index-product-box .txt {
font-size:14px;
line-height:26px;
color:#fff;
opacity:.5;
}
.index-product-box .list {
border-top:1px solid rgba(255,255,255,.1);
margin-top:24px;
padding-top:21px;
display:table;
width:100%;
}
.partner-lsit-m {
display:none;
}
.index-product-box .list li {
width:50%;
font-size:14px;
line-height:36px;
box-sizing:border-box;
padding-left:20px;
background:url(../images/icon-img13.png) 4px center no-repeat;
float:left;
}
.index-product-box .list li a {
display:block;
color:#fff;
}
.index-product-box .list li a:hover {
text-decoration:underline;
}
.index-product-list .bd {
width:1135px;
float:right;
overflow:hidden;
}
.index-product-list .bd li {
width:365px;
float:left;
margin-right:20px;
}
.index-product-list .bd li a {
position:relative;
display:block;
}
.index-product-list .bd li .img {
width:100%;
}
.index-product-list .bd li .img img {
width:100%;
display:block;
}
.index-product-list .bd li a .title {
width:100%;
font-size:16px;
line-height:30px;
color:#333;
text-align:center;
position:absolute;
z-index:2;
left:0;
bottom:15px;
}
.index-product-list .hd {
width:100%;
text-align:center;
padding:65px 0 61px 0;
display:table;
}
.index-product-list .hd li {
width:10px;
height:10px;
background:#cbcdd2;
border-radius:100%;
display:inline-block;
margin:0 11px;
}
.index-product-list .hd li.on {
background:#074fa8;
}
/*index-news*/
.index-news {
width:100%;
clear:both;
}
@media(min-width:1366px) {
.index-news-box {
width:1500px;
margin:auto;
display:inline-block;
padding:48px 0 78px 0;
}
}
@media(min-width:1500px) {
.index-news-box {
width:1500px;
margin:auto;
display:table;
}
}
.hot-news {
width:725px;
float:left;
}
.hot-news .img {
width:100%;
}
.hot-news .img img {
width:100%;
}
.hot-news .tbox {
width:100%;
padding:36px 8px 0;
box-sizing:border-box;
}
.hot-news .tbox span {
display:block;
}
.hot-news .tbox .time {
font-size:16px;
line-height:26px;
color:#999;
}
.hot-news .tbox .title {
font-size:18px;
line-height:26px;
color:#000;
margin-bottom:12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hot-news .tbox .txt {
width:100%;
font-size:14px;
line-height:22px;
color:#bbb;
margin-bottom:21px;
}
.hot-news .tbox .more {
font-size:12px;
color:#666;
width:100px;
height:30px;
box-sizing:border-box;
border:1px solid #dadada;
text-align:center;
line-height:28px;
border-radius:15px;
}
.news-list {
width:725px;
float:right;
margin-right:5px;
}
.news-list li {
padding:34px 44px 27px 48px;
box-shadow: 0 0 10px rgba(222,229,238,.75);
margin-bottom:25px;
}
.news-list li:hover {
background:#0a448d;
}
.news-list li span {
display:block;
}
.news-list li .time {
font-size:16px;
line-height:26px;
color:#999;
}
.news-list li:hover .time {
color:#fff;
opacity:.5;
}
.news-list li .title {
font-size:18px;
line-height:26px;
color:#000;
margin-bottom:12px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-list li:hover .title {
color:#fff;
}
.news-list li .txt {
width:100%;
font-size: 14px;
line-height: 22px;
color: #bbb;
margin-bottom: 21px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-list li:hover .txt {
color:#fff;
opacity:.5;
}
.news-list li .more {
font-size:12px;
color:#666;
width:100px;
height:30px;
box-sizing:border-box;
border:1px solid #dadada;
text-align:center;
line-height:28px;
border-radius:15px;
}
.news-list li:hover .more {
color:#fff;
border:1px solid #fff;
opacity:.5;
}
/*index-partner*/
.index-partner {
width:100%;
background:#f4f6fd;
}
.partner-lsit {
width:1500px;
margin:62px auto 0;
}
.partner-lsit .bd {
width:100%;
overflow:hidden;
}
.partner-lsit .bd li {
width:340px;
float:left;
margin-right:47px;
}
.partner-lsit .bd li .box {
width:100%;
}
.partner-lsit .bd li .box .img {
width:100%;
box-shadow:0 0 10px rgba(222,229,238,.75);
}
.partner-lsit .bd li .box .img:first-child {
margin-bottom:32px;
}
.partner-lsit .hd {
width:100%;
text-align:center;
padding:55px 0 75px 0;
}
.partner-lsit .hd li {
width:10px;
height:10px;
background:#cbcdd2;
border-radius:100%;
display:inline-block;
margin:0 11px;
}
.partner-lsit .hd li.on {
background:#074fa8;
}
/*index-advisory*/
.index-advisory {
width:100%;
}
.index-advisory .boxs {
width:1500px;
margin:auto;
display:table;
padding:60px 0 65px 0;
}
.index-advisory .boxs .box {
width:750px;
float:left;
display:table;
}
.index-advisory .boxs .box .tbox {
line-height: 30px;
color: #fff;
float: left;
margin-left: 10px;
}
.index-advisory .boxs .box .tbox .title {
padding-left:40px;
font-size:22px;
}
.index-advisory .boxs .box:first-child .tbox .title {
background:url(../images/icon-img14.png) left center no-repeat;
}
.index-advisory .boxs .box:last-child .tbox .title {
background:url(../images/icon-img15.png) left center no-repeat;
}
.index-advisory .boxs .box .tbox .txt {
font-size:14px;
}
.index-advisory .boxs .box .link {
width:190px;
height:45px;
box-sizing:border-box;
display:block;
border:1px solid #fff;
border-radius:22px;
font-size:14px;
color:#fff;
text-align:center;
line-height:43px;
float:right;
margin-top:6px;
}
.index-advisory .boxs .box:first-child .link {
margin-right:126px;
}
.index-advisory .boxs .box:last-child .tbox {
margin-left:125px;
}
/*footer*/
.footer {
width:100%;
background:#171717;
}
.foot-box {
width:1500px;
margin:auto;
position:relative;
}
.foot-menu {
width:100%;
display:table;
min-height:357px;
}
.foot-menu-box {
float:left;
padding-left:28px;
padding-top:65px;
}
.foot-menu-box.b1 {
width:293px;
}
.foot-menu-box.b2 {
width:314px;
}
.foot-menu-box.b3 {
width:323px;
}
.foot-menu-box.b4 {
width:264px;
}
.foot-menu-title {
font-size:16px;
line-height:30px;
color:#fff;
margin-bottom:15px;
}
.foot-menu-link {
font-size:14px;
line-height:30px;
color:#fff;
opacity:.5;
display:block;
}
.foot-menu-link:hover {
text-decoration:underline;
}
.ewm-fx {
width:193px;
float:right;
text-align:center;
padding-top:80px;
}
.ewm-box {
width:101px;
margin:auto;
}
.ewm-box span {
font-size:12px;
line-height:30px;
color:#fff;
margin-top:2px;
display:block;
}
.fx-box {
width:100%;
text-align:center;
margin-top:14px;
}
.fx-box a {
width:25px;
height:25px;
display:inline-block;
margin:0 5px;
}
.foot-box .bq {
width:100%;
border-top:1px solid rgba(114,114,114,.12);
height:102px;
line-height:102px;
text-align:center;
color:rgba(255,255,255,.25);
font-size:12px;
}
.foot-box .bq a {
color:rgba(255,255,255,.25);
}
.foot-box .gotop {
width:35px;
height:40px;
position:absolute;
z-index:9;
right:0;
top:0;
cursor:pointer;
}
.fix-menu{
position:fixed;
z-index:9;
top:40%;
transform:translateY(-50%);
right:110px;
}
.fix-menu li {
font-size:14px;
line-height:50px;
}
.fix-menu li a {
color:#a2a1a1;
}
.fix-menu li span {
width:10px;
height:10px;
box-sizing:border-box;
border:1px solid #969696;
border-radius:50%;
display:block;
float:left;
margin:20px 5px 20px 0;
}
.fix-menu li:hover a {
color:#2a5c9c;
}
.fix-menu li.on a {
color:#2a5c9c;
}
.fix-menu li:hover span {
background:#2a5c9c;
border:1px solid #2a5c9c;
}
.fix-menu li.on span {
background:#2a5c9c;
border:1px solid #2a5c9c;
}
/*ny-banner-product*/
.ny-banner-product{
width:100%;
height:600px;
}
.banner-product {
width:1300px;
margin:auto;
box-sizing:border-box;
padding-left:100px;
display:table;
}
.banner-product .title {
font-size:36px;
line-height:36px;
color:#e4f0ff;
margin-top:185px;
margin-bottom:17px;
}
.banner-product .txt {
width:560px;
font-size:14px;
line-height:26px;
color:#c5c7cb;
margin-bottom:36px;
}
.banner-product .l-box {
display:table;
font-size:14px;
}
.banner-product .l-box a {
width:190px;
height:45px;
box-sizing:border-box;
border:1px solid #fff;
border-radius:22px;
text-align:center;
line-height:43px;
color:#c5c7cb;
display:block;
float:left;
margin-right:30px;
}
.banner-product .l-box a:hover {
color:#bbd7f9;
border:1px solid #bbd7f9;
box-shadow:0 0 10px 8px rgba(10,68,141,.75);
}
.menu-address {
width:1300px;
margin:auto;
font-size:14px;
color:#9b9b9b;
line-height:30px;
box-sizing:border-box;
padding-left:8px;
padding-top:15px;
}
.menu-address a {
color:#9b9b9b;
}
.menu-address a:hover {
color:#0a448d;
}
/*product*/
.product {
width:100%;
}
.product-one0, .product-one1, .product-one2 {
width:100%;
}
.product-one0 {
padding:60px 0 60px;
}
.product-one1 {
padding:60px 0;
background:#f4f6fd;
}
.product-one2 {
padding:70px 0 108px;
}
.product-box {
width:1300px;
margin:auto;
display:table;
}
.product-box .img {
width:400px;
height:400px;
box-sizing:border-box;
border:1px solid #e7e7e7;
float:left;
}
.product-box .tbox {
width:810px;
float:right;
margin-right:30px;
}
.product-box .tbox .title {
font-size:26px;
line-height:30px;
color:#000;
margin-top:35px;
}
.product-box .tbox .txt {
font-size:14px;
line-height:24px;
color:#797979;
margin-top:12px;
}
.product-box .tbox .list {
width:100%;
display:table;
margin-top:27px;
}
.product-box .tbox .list li {
width:150px;
height:150px;
border:1px solid #e7e7e7;
position:relative;
float:left;
margin-right:36px;
overflow:hidden;
}
.product-box .tbox .list li .zz {
width:100%;
height:100%;
background:rgba(51,51,51,.9);
position:absolute;
z-index:2;
box-sizing:border-box;
padding-top:58px;
top:150px;
transition:all ease .3s;
}
@media(min-width:1366px) {
.product-box .tbox .list li:hover .zz {
top:0;
}
.product-box .tbox .list li .zz img {
margin:auto;
display:block;
}
}
@media(min-width:1300px) and (max-width:1500px) {
.banner-product{
margin-left:120px;
}
.banner-product .title {
margin-top:120px;
font-size:32px;
}
.banner-product .txt{
font-size:13px;
width:520px;
}
.banner-product .l-box a {
width:150px;
height:38px;
box-sizing:border-box;
border:1px solid #fff;
border-radius:18px;
text-align:center;
line-height:38px;
color:#c5c7cb;
display:block;
float:left;
margin-right:30px;
}
}
.product-box .tbox .product-more {
width:99px;
height:30px;
box-sizing:border-box;
border:1px solid #e7e7e7;
border-radius:15px;
text-align:center;
line-height:28px;
font-size:12px;
display:block;
color:#666;
margin-top:30px;
transition:all ease .3s;
}
.product-box:hover .tbox .product-more {
color:#fff;
background:#0a448d;
border:1px solid #0a448d;
}
.product2-box {
width:1300px;
margin:auto;
}
.product2-menu {
width:100%;
text-align:center;
padding:43px 0 45px 0;
}
.product2-menu li {
width:128px;
height:58px;
line-height:58px;
border:1px solid #e0e0e0;
display:inline-block;
border-left:none;
}
.product2-menu li:first-child {
border-left:1px solid #e0e0e0;
}
.product2-menu li:hover {
border:1px solid #0a448d;
border-left:none;
}
.product2-menu li.on {
border:1px solid #0a448d;
border-left:none;
}
.product2-menu li a {
display:block;
font-size:14px;
color:#383030;
transition:all ease .3s;
}
.product2-menu li:hover a {
background:#0a448d;
color:#fff;
}
.product2-menu li.on a {
background:#0a448d;
color:#fff;
}
.menu-title {
width:100%;
text-align:center;
font-size:30px;
line-height:30px;
color:#000;
}
.product2-list {
width:100%;
margin-top:49px;
display:table;
}
.product2-list li {
width:640px;
height:300px;
float:left;
margin-right:20px;
margin-bottom:36px;
background:#f9f9f9;
transition:all ease .3s;
}
.product2-list li:nth-child(2n) {
margin-right:0;
}
.product2-list li:hover {
background:#0a448d;
}
.product2-list li .img {
width:298px;
height:298px;
float:left;
border:1px solid #e0e0e0;
border-right:1px solid #f9f9f9;
transition:all ease .3s;
}
.product2-list li:hover .img{
border:1px solid #0a448d;
}
.product2-list li .tbox {
width:260px;
float:left;
margin-left:40px;
padding-top:63px;
}
.product2-list li .tbox .title {
font-size:18px;
line-height:30px;
color:#000;
height:90px;
margin-bottom:7px;
transition:all ease .3s;
}
.product2-list li .tbox .title span {
font-size:14px;
color:#aaa;
display:block;
transition:all ease .3s;
}
.product2-list li .tbox .txt {
font-size:14px;
line-height:24px;
color:#797979;
margin-bottom:29px;
transition:all ease .3s;
}
.product2-list li .tbox .more {
font-size:12px;
color:#666;
width:100px;
height:30px;
text-align:center;
line-height:28px;
box-sizing:border-box;
border:1px solid #b5b5b5;
border-radius:15px;
transition:all ease .3s;
}
.product2-list li:hover .tbox .title, .product2-list li:hover .tbox .title span, .product2-list li:hover .tbox .txt, .product2-list li:hover .tbox .more {
color:#fff;
}
.product2-list li:hover .tbox .title span {
opacity:.5;
}
.product2-list li:hover .tbox .more {
border:1px solid #fff;
}
.page-list {
width:100%;
text-align:center;
margin:45px 0 99px 0;
}
.page-list a {
display:inline-block;
width:34px;
height:34px;
border:1px solid #ddd;
border-right:none;
text-align:center;
line-height:32px;
color:#336ab7;
font-family:SimSun;
}
.page-list a:last-child {
border:1px solid #ddd;
}
.page-list a:first-child {
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
.page-list a:last-child {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
.page-list a.frist, .page-list a.prev, .page-list a.next, .page-list a.last {
width:auto;
padding:0 12px;
}
.page-list a:hover {
color:#fff;
border-color:#336ab7;
background:#336ab7;
}
.page-list a.on {
color:#fff;
border-color:#336ab7;
background:#336ab7;
}
.product3-box1 {
width:100%;
background:#f4f6fd;
padding:75px 0;
}
.product3-box1 .box {
width:1300px;
margin:auto;
display:table;
}
.product3-box1 .box .img {
width:448px;
height:448px;
border:1px solid #e7e7e7;
float:left;
display:none;
}
.product3-box1 .box .img-pc {
width:448px;
height:448px;
border:1px solid #e7e7e7;
float:left;
}
@media(max-width:1365px) {
.product3-box1 .box .img {
display:block;
}
.product3-box1 .box .img-pc {
display:none;
}
}
.product-container {
bottom:27px!important;
}
.product-container .swiper-pagination-bullet {
width:10px!important;
height:10px!important;
background:#dfdfdf!important;
border-radius:100%;
}
.product-container .swiper-pagination-bullet-active {
background:#0a448d!important;
}
.product3-box1 .tbox {
width:760px;
float:right;
padding-top:36px;
}
.product3-box1 .tbox .title {
font-size:36px;
color:#303030;
margin-bottom:18px;
}
.product3-box1 .tbox .cagetroy {
font-size:18px;
color:#0a448d;
text-transform:uppercase;
height:42px;
}
.product3-box1 .tbox .txt {
font-size:14px;
line-height:32px;
height:117px;
color:#666;
margin-bottom:39px;
}
.product3-box1 .tbox .list {
width:100%;
display:table;
}
.product3-box1 .tbox .list li {
width:148px;
height:148px;
border:1px solid #e7e7e7;
float:left;
margin-right:26px;
}
.product3-menu {
width:1300px;
margin:auto;
display:table;
padding:25px 0;
}
.product3-menu .title {
font-size:18px;
line-height:20px;
color:#000;
float:left;
padding-left:35px;
}
.product3-menu .list {
float:right;
}
.product3-menu .list li {
float:left;
margin-left:36px;
}
.product3-menu .list li a {
font-size:14px;
line-height:20px;
color:#000;
}
.product3-menu .list li a:hover {
color:#0a448d;
text-decoration:underline;
}
.product3-menu .list li a.on {
color:#0a448d;
text-decoration:underline;
}
.product3-boxs {
width:100%;
}
.product3-boxs .boxs-one {
width:100%;
text-align:center;
/*height:500px;*/
display:table;
padding-bottom:50px;
position:relative;
}
/*
.product3-boxs .boxs-one .txt-pc {
position:absolute;
left:50%;
transform:translateX(-50%);
}
*/
.product3-boxs .boxs-one .title {
font-size:30px;
color:#fff;
line-height:30px;
padding:50px 0 33px 0;
}
.product3-boxs .boxs-one .txt {
width:1040px;
margin:auto;
font-size:14px;
line-height:36px;
color:#fff;
}
.product3-boxs .box-two {
width:1300px;
margin:auto;
padding-bottom:49px;
}
.product3-boxs .box-two .title {
font-size:30px;
line-height:30px;
color:#3e3b3b;
text-align:center;
padding:58px 0 39px 0;
}
.product3-boxs .box-two .list {
width:100%;
display:table;
}
.product3-boxs .box-two .txt{
font-size:14px;
line-height:36px;
}
.product3-boxs .box-two .txt ul li{
list-style-type:disc;
margin-left:30px;
}
.product3-boxs .box-two .txt ul ul li{
list-style-type:circle;
margin-left:30px;
}
.product3-boxs .box-two .list li {
width:610px;
height:50px;
line-height:50px;
float:left;
margin-right:80px;
display:table;
}
.product3-boxs .box-two .list li:nth-child(2n) {
margin-right:0;
}
.product3-boxs .box-two .list li .t1 {
font-size:14px;
color:#999;
float:left;
width:203px;
box-sizing:border-box;
padding-left:10px;
border-bottom:1px solid #d6d6d6;
}
.product3-boxs .box-two .list li .t2 {
font-size:14px;
color:#000;
float:right;
width:365px;
box-sizing:border-box;
padding-left:10px;
border-bottom:1px solid #d6d6d6;
}
.product3-boxs .box-three {
width:100%;
background:#f9fafe;
padding-bottom:70px;
}
.product3-boxs .box-three .title {
font-size:30px;
line-height:30px;
color:#3e3b3b;
text-align:center;
padding:95px 0 55px;
}
.product3-boxs .box-three .txt{
font-size:14px;
line-height:36px;
}
.product3-boxs .box-three .txt ul li {
list-style-type:disc;
margin-left:20px;
}
.product3-boxs .box-three ul ul li{
list-style-type:circle;
margin-left:30px;
}
.product3-boxs .box-three .list {
width:1300px;
margin:auto;
}
.product3-boxs .box-three .list li {
width:100%;
display:table;
margin-bottom:25px;
}
.product3-boxs .box-three .list li .img {
float:left;
width:600px;
}
.product3-boxs .box-three .list li .tbox {
float:right;
width:630px;
box-sizing:border-box;
padding-left:25px;
margin-right:40px;
}
.product3-boxs .box-three .list li:nth-child(2n) .img {
float:right;
}
.product3-boxs .box-three .list li:nth-child(2n) .tbox {
float:left;
}
.product3-boxs .box-three .list li .tbox .tbox-title {
font-size:18px;
line-height:26px;
color:#000;
padding:40px 0 11px;
}
.product3-boxs .box-three .list li .tbox .tbox-txt {
font-size:14px;
line-height:36px;
color:#999;
}
.product3-boxs .box-four {
width:1300px;
margin:auto;
padding-bottom:95px;
}
.product3-boxs .box-four .title {
font-size:30px;
color:#3e3b3b;
padding:67px 0 57px 0;
text-align:center;
}
.product3-boxs .box-four .list {
width:100%;
display:table;
position:relative;
}
.product3-boxs .box-four .list .prev, .product3-boxs .box-four .list .next {
width:40px;
height:40px;
position:absolute;
top:130px;
cursor:pointer;
z-index:5;
}
.product3-boxs .box-four .list .prev {
left:-73px;
}
.product3-boxs .box-four .list .next {
right:-73px;
}
.product3-boxs .box-four .list .bd {
width:1300px;
overflow:hidden;
}
.product3-boxs .box-four .list li {
width:300px;
float:left;
margin-right:33px;
text-align:center;
}
.product3-boxs .box-four .list li .img {
width:300px;
height:300px;
border:1px solid #c1c1c1;
box-sizing:border-box;
overflow:hidden;
position:relative;
}
.product3-boxs .box-four .list li .img .zz {
width:100%;
height:100%;
position:absolute;
left:0;
top:100%;
z-index:2;
background:rgba(10,68,141,.8);
transition:all ease .3s;
}
.product3-boxs .box-four .list li:hover .img .zz {
top:0;
}
.product3-boxs .box-four .list li .img .zz img {
position:absolute;
top:125px;
left:125px;
}
.product3-boxs .box-four .list li .title {
width:100%;
font-size:16px;
line-height:30px;
color:#000;
text-align:center;
padding:15px 0;
}
.product3-boxs .box-four .list li .title span {
font-size:14px;
line-height:22px;
color:#aaa;
display:block;
}
.ny-banner-service {
width:100%;
height:350px;
position:relative;
overflow:hidden;
}
.banner-service {
width:1300px;
position:absolute;
z-index:2;
left:50%;
transform:translateX(-50%);
bottom:0;
}
.banner-service li {
width:130px;
display:inline-block;
vertical-align:bottom;
zoom:1;
margin:0 -2px;
}
.banner-service li a {
display:block;
text-align:center;
line-height:60px;
background:rgba(10,68,141,.8);
font-size:14px;
color:#fff;
transition:all ease .3s;
}
.banner-service li:hover a {
line-height:80px;
background:rgba(255,181,38,.9);
}
.banner-service li.on a {
line-height:80px;
background:rgba(255,181,38,.9);
}
.service-one {
width:100%;
padding-top:26px;
}
.service-one .titles {
font-size:30px;
line-height:30px;
color:#000;
text-align:center;
margin-bottom:70px;
}
.service-one .jishu {
width:100%;
}
.service-one .jishu .box {
width:1300px;
margin:auto;
padding:27px 0 66px;
}
.service-one .jishu .title {
font-size:24px;
line-height:30px;
color:#000;
margin-bottom:27px;
}
.service-one .jishu .title span {
width:8px;
height:8px;
border:6px solid #0a448d;
border-radius:50%;
display:block;
float:left;
margin:5px 10px;
}
.service-one .jishu .txt {
font-size:14px;
line-height:30px;
color:#666;
}
.service-one .jishu .txt ul li{
list-style-type:disc;
margin-left:30px;
}
.service-one .jishu .txt ul ul li{
list-style-type:circle;
margin-left:30px;
}
.service-one .shouhou {
width:100%;
background:#f4f6fd;
}
.service-one .shouhou .box {
width:1300px;
margin:auto;
padding:62px 0 66px;
}
.service-one .shouhou .title {
font-size:24px;
line-height:30px;
color:#000;
margin-bottom:27px;
}
.service-one .shouhou .title2 {
font-size:20px;
line-height:30px;
color:#0a448d;
padding:19px 0;
}
.service-one .shouhou .title span, .service-one .shouhou .title2 span {
width:8px;
height:8px;
border:6px solid #0a448d;
border-radius:50%;
display:block;
float:left;
margin:5px 10px;
}
.service-one .shouhou .txt {
font-size:14px;
line-height:30px;
color:#666;
}
.service-one .shouhou .txt ul li{
list-style-type:disc;
margin-left:30px;
}
.service-one .shouhou .txt ul ul li{
list-style-type:circle;
margin-left:30px;
}
.service-two {
width:1300px;
margin:auto;
padding:26px 0 130px;
}
.service-two .titles, .service-one .titles {
font-size:30px;
line-height:30px;
color:#000;
text-align:center;
margin-bottom:7px;
}
.service-two .link, .service-one .link {
text-align:center;
margin-bottom:52px;
}
.service-two .link a, .service-one .link a {
display:inline-block;
font-size:14px;
line-height:30px;
color:#666;
margin:0 12px;
}
.service-two .link a:hover, .service-one .link a:hover {
color:#0a448d;
}
.service-two .link a.on, .service-one .link a.on {
color:#0a448d;
}
.service-two .txt {
font-size:14px;
line-height:24px;
color:#666;
text-align:center;
margin-bottom:77px;
}
.service-two .box {
width:100%;
display:table;
}
.service-two .box .left {
width:580px;
float:left;
}
.service-two .box .title {
width:100%;
font-size:16px;
font-weight:bold;
line-height:24px;
color:#000;
position:relative;
margin-bottom:37px;
}
.service-two .box .title span {
display:table;
margin:auto;
padding:0 18px;
background:#fff;
position:relative;
z-index:2;
}
.service-two .box .title i {
width:211px;
height:1px;
background:#c7c7c7;
display:block;
position:absolute;
left:50%;
transform:translateX(-50%);
top:11px;
}
.service-two .box .labels {
width:100%;
box-sizing:border-box;
border:1px solid #e0e0e0;
margin-bottom:22px;
display:table;
font-size:14px;
line-height:53px;
position:relative;
}
.service-two .box .labels .name {
color:#333;
float:left;
padding-left:24px;
}
.service-two .box .labels .name span {
color:#ff0000;
padding-top: 12px;
box-sizing:border-box;
display: block;
float: left;
line-height:33px;
}
.service-two .box .labels .check-box {
float:right;
margin-right:20px;
position:absolute;
z-index:2;
right:0;
top:0;
}
.service-two .box .labels .check-box span {
float:left;
color:#999;
margin-right:16px;
cursor:pointer;
}
.service-two .box .labels .check-box span i {
width:9px;
height:9px;
border:1px solid #0a448d;
border-radius:50%;
display:block;
float:left;
margin:22px 8px;
}
.service-two .box .labels .check-box span.on {
color:#0a448d;
}
.service-two .box .labels .check-box span.on i {
background:#0a448d;
}
.service-two .box .labels .check-box .check-list {
float:right;
}
.service-two .box .labels .check-box .check-list .check-click {
width:120px;
float:right;
background:url(../images/icon-img34.png) 68px 24px no-repeat;
position:relative;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-on {
width:120px;
height:53px;
box-sizing:border-box;
padding-left:20px;
font-style:initial;
color:#010101;
display:block;
cursor:pointer;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-list {
width:100%;
position:absolute;
left:0;
top:55px;
background:#fff;
display:none;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-list li {
width:100%;
box-sizing:border-box;
padding-left:20px;
line-height:40px;
border-top:1px solid #eee;
cursor:pointer;
}
.service-two .box .labels .tel-num {
width:510px;
height:50px;
float:left;
border:none;
background:none;
}
.service-two .box .right {
width:580px;
float:right;
}
.service-two .box .labels .text1 {
width:510px;
height:53px;
border:none;
background:none;
}
.service-two .box .labels .text2 {
width:545px;
height:133px;
float:left;
border:none;
resize: none;
box-sizing:border-box;
line-height:36px;
padding-top:8px;
}
.service-two .button {
width:350px;
height:50px;
background:#0a448d;
border:none;
color:#fff;
display:block;
margin:32px auto 17px;
border-radius:25px;
}
.service-two .txts {
font-size:14px;
line-height:30px;
color:#666;
text-align:center;
}
.service-two .box .labels .tel-num::-webkit-input-placeholder, .service-two .box .labels .text1::-webkit-input-placeholder, .service-two .box .labels .text2::-webkit-input-placeholder {
color: #333;
}
.service-two .box .labels .tel-num:-moz-placeholder, .service-two .box .labels .text1:-moz-placeholder, .service-two .box .labels .text2:-moz-placeholder {
color: #333;
}
.service-two .box .labels .tel-num::-moz-placeholder, .service-two .box .labels .text1::-moz-placeholder, .service-two .box .labels .text2::-moz-placeholder {
color: #333;
}
.service-two .box .labels .tel-num:-ms-input-placeholder, .service-two .box .labels .text1:-ms-input-placeholder, .service-two .box .labels .text2:-ms-input-placeholder {
color: #333;
}
.service-list {
width:100%;
display:table;
}
.service-list li {
width:410px;
height:160px;
box-sizing:border-box;
border:1px solid #ddd;
float:left;
margin:0 35px 25px 0;
padding:8px 26px;
cursor:pointer;
transition:all ease .3s;
}
.service-list li:hover {
border:1px solid #0a448d;
}
.service-list li:nth-child(3n) {
margin-right:0;
}
.service-list li .q-title {
line-height:30px;
font-size:16px;
color:#333;
padding-left:45px;
background:url(../images/icon-img35.png) left center no-repeat;
margin-bottom:14px;
}
.service-list li .q-txt {
font-size:14px;
line-height:24px;
color:#999;
padding-left:45px;
background:url(../images/icon-img36.png) left top no-repeat;
}
.service4 {
width:100%;
height:100%;
}
.service4 .box {
width:100%;
height:600px;
background:#fff;
border-radius:5px;
position:relative;
box-sizing:border-box;
padding:88px 51px 0;
}
.service4 .box .service4-end {
width:32px;
height:31px;
position:absolute;
right:35px;
top:41px;
cursor:pointer;
}
.service4 .box .title {
line-height:40px;
background:url(../images/icon-img37.png) 13px top no-repeat;
padding-left:70px;
margin-bottom:26px;
font-size:24px;
color:#333;
}
.service4 .box .txt {
border-top:1px solid #d2d2d2;
background:url(../images/icon-img38.png) 13px 23px no-repeat;
padding-left:70px;
padding-top:24px;
font-size:14px;
line-height:36px;
color:#999;
}
.download {
width:100%;
padding:18px 0 27px;
}
.download li {
width:100%;
display:table;
line-height:60px;
border-bottom:1px solid #ececec;
}
.download li:hover {
background:#f4f6fd;
}
.download li a {
color:#666;
}
.download li.title {
background:#0a448d;
border-bottom:none;
}
.download li.title a {
color:#fff;
}
.download li .d1, .download li .d2, .download li .d3, .download li .d4, .download li .d5, .download li .d6 {
float:left;
font-size:14px;
}
.download li.title .d1 {
padding-left:80px;
}
.download li .d1 {
width:390px;
box-sizing:border-box;
padding-left:70px;
}
.download li.title .d2 {
}
.download li .d2 {
width:280px;
}
.download li.title .d3 {
padding-left:0;
}
.download li .d3 {
width:162px;
box-sizing:border-box;
padding-left:5px;
}
.download li.title .d4 {
padding-left:0;
}
.download li .d4 {
width:170px;
box-sizing:border-box;
padding-left:13px;
}
.download li.title .d5 {
padding-left:5px;
}
.download li .d5 {
width:162px;
box-sizing:border-box;
}
.download li.title .d6 {
padding-left:0;
}
.download li .d6 {
width:136px;
box-sizing:border-box;
padding-left:10px;
}
.ny-banner-case {
width:100%;
height:350px;
}
.ny-banner-case2 {
width:100%;
height:350px;
}
.case-list {
width:1300px;
margin:auto;
padding:14px 0 35px;
}
.case-list li {
width:100%;
display:table;
margin-bottom:38px;
transition:all ease .3s;
}
.case-list li:hover {
background:#0a448d;
}
.case-list li a {
display:block;
}
.case-list li .img {
width:550px;
float:left;
}
.case-list li .tbox {
width:620px;
float:right;
margin-right:65px;
padding-top:85px;
}
.case-list li .tbox .title {
font-size:26px;
line-height:30px;
color:#000;
margin-bottom:19px;
transition:all ease .3s;
}
.case-list li:hover .tbox .title {
color:#fff;
}
.case-list li .tbox .txt {
font-size:14px;
line-height:30px;
color:#666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:28px;
transition:all ease .3s;
}
.case-list li:hover .tbox .txt {
color:#fff;
opacity:.5;
}
.case-list li .tbox .more {
width:100px;
height:30px;
box-sizing:border-box;
border:1px solid #b5b5b5;
text-align:center;
line-height:28px;
font-size:12px;
color:#666;
border-radius:15px;
transition:all ease .3s;
}
.case-list li:hover .tbox .more {
color:#fff;
border-color:#fff;
opacity:.5;
}
.case2 {
width:1300px;
margin:auto;
display:table;
padding:46px 0 81px;
}
.case2 .tbox {
width:620px;
float:left;
}
.case2 .tbox .title {
font-size:30px;
line-height:30px;
color:#000;
margin-bottom:30px;
padding-top:32px;
}
.case2 .tbox .txt {
font-size:14px;
line-height:36px;
color:#797979;
margin-bottom:35px;
}
.case2 .tbox .more {
width:140px;
height:45px;
box-sizing:border-box;
border:1px solid #dadada;
text-align:center;
line-height:43px;
display:block;
font-size:14px;
color:#666;
border-radius:22px;
}
.case2 .img {
width:600px;
float:right;
}
.searchs {
width:100%;
text-align:center;
background:#f4f6fd;
padding:57px 0;
position:fixed;
left:0;
top:120px;
z-index:9;
display:none;
}
@media(max-width:767px) {
.searchs {
top:60px;
}
}
.searchs .searchs-box {
width:800px;
height:65px;
display:inline-block;
border:1px solid #eee;
box-sizing:border-box;
border-radius:7px;
overflow:hidden;
background-color:#fff;
}
.searchs .searchs-box .search-txt {
width:720px;
height:63px;
background:none;
border:none;
float:left;
box-sizing:border-box;
padding-left:40px;
font-size:14px;
}
.searchs .searchs-box .search-txt::-webkit-input-placeholder {
color: #999;
font-style:oblique;
}
.searchs .searchs-box .search-txt:-moz-placeholder {
color: #999;
font-style:oblique;
}
.searchs .searchs-box .search-txt::-moz-placeholder {
color: #999;
font-style:oblique;
}
.searchs .searchs-box .search-txt:-ms-input-placeholder {
color: #999;
font-style:oblique;
}
.searchs .searchs-box .search-tb {
width:77px;
height:63px;
float:left;
background:url(../images/icon-img41.png) center center no-repeat;
border:none;
}
.searchs .search-end {
width:65px;
height:65px;
line-height:65px;
box-sizing:border-box;
padding:0 20px;
display:inline-block;
background:url(../images/icon-img39.png) center center no-repeat;
background-size:26px;
margin-left:5px;
}
.search-num {
width:1300px;
margin:auto;
font-size:14px;
line-height:50px;
color:#666;
padding:39px 0 16px;
}
.search-list {
width:1300px;
margin:auto;
}
.search-list li {
padding-bottom:32px;
margin-bottom:44px;
border-bottom:1px solid #eee;
}
.search-list li .title {
font-size:18px;
line-height:26px;
color:#000;
margin-bottom:15px;
}
.search-list li .txt {
font-size:14px;
line-height:22px;
color:#bbb;
margin-bottom:5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search-list li .label {
font-size:14px;
line-height:34px;
color:#bbb;
}
.about-news-list {
width:100%;
padding-top:14px;
}
.about-news-list li {
width:100%;
padding:42px 0;
background:#f4f6fd;
display:inline-block;
}
.about-news-list li:nth-child(2n) {
background:#fff;
}
.about-news-list li .boxs {
width:1300px;
margin:auto;
}
.about-news-list li .boxs .img {
width:350px;
float:left;
}
.about-news-list li .boxs .tbox {
width:895px;
float:right;
padding-top:38px;
}
.about-news-list li .boxs .tbox .time {
font-size:16px;
line-height:26px;
color:#999;
}
.about-news-list li .boxs .tbox .title {
font-size:18px;
line-height:26px;
color:#000;
margin-bottom:14px;
}
.about-news-list li .boxs .tbox .txt {
font-size:14px;
line-height:22px;
color:#bbb;
margin-bottom:21px;
}
.about-news-list li .boxs .tbox .more {
font-size:12px;
color:#666;
width:100px;
height:30px;
text-align:center;
line-height:28px;
box-sizing:border-box;
border:1px solid #d4d5d9;
border-radius:15px;
}
.about-news-title {
width:100%;
text-align:center;
font-size:26px;
line-height:36px;
color:#000;
padding:47px 0 41px;
}
.about-news-title span {
font-size:14px;
color:#666;
display:block;
}
.about-news-show {
font-size:14px;
line-height:40px;
color:#000;
border-top:1px solid #ededed;
border-bottom:1px solid #ededed;
padding-top:32px;
}
.about-news-show img {
display:block;
margin:auto;
}
.get-back {
width:100%;
font-size:14px;
line-height:30px;
display:table;
margin:22px 0 66px;
}
.get-back a {
color:#6d6c6c;
display:table;
float:right;
}
.culture-menu {
width:1300px;
padding:20px 0;
margin:auto;
background:#f4f6fd;
text-align:center;
margin-bottom:36px;
}
.culture-menu li {
font-size:14px;
line-height:30px;
display:inline-block;
margin:0 23px;
}
.culture-menu li a {
color:#000;
display:block;
}
.culture-menu li:hover a{
color:#0a448d;
text-decoration:underline;
}
.culture-menu li.on a{
color:#0a448d;
text-decoration:underline;
}
.about-culture-list {
width:1300px;
margin:auto;
display:table;
}
.about-culture-list li {
width:420px;
float:left;
margin-right:20px;
}
.about-culture-list li:nth-child(3n) {
margin-right:0;
}
.about-culture-list li .img {
width:100%;
}
.about-culture-list li .title {
width:100%;
font-size:16px;
line-height:26px;
color:#000;
text-align:center;
padding:20px 0 24px;
}
.about-job-lsit {
width:100%;
display:table;
}
.about-job-lsit li {
width:410px;
float:left;
margin-right:35px;
box-sizing:border-box;
border:1px solid #dcdcdc;
padding:14px 24px 26px 24px;
margin-bottom:37px;
cursor:pointer;
}
.about-job-lsit li:hover {
background:#0a448d;
}
.about-job-lsit li:nth-child(3n) {
margin-right:0;
}
.about-job-lsit li .title {
background:url(../images/icon-img42.png) 10px center no-repeat;
font-size:18px;
line-height:60px;
color:#000;
box-sizing:border-box;
padding-left:60px;
}
.about-job-lsit li:hover .title {
background:url(../images/icon-img43.png) 10px center no-repeat;
color:#fff;
}
.about-job-lsit li .txt {
font-size:14px;
line-height:24px;
color:#999;
text-align:left;
margin-bottom:20px;
border-top:1px solid #dcdcdc;
padding-top:11px;
}
.about-job-lsit li:hover .txt {
color:rgba(255,255,255,.5);
}
.about-job-lsit li .txt span {
display:block;
color:#787878;
line-height:36px;
}
.about-job-lsit li:hover .txt span {
color:rgba(255,255,255,.5);
}
.about-job-lsit li .more {
width:100px;
height:30px;
border:1px solid #dcdcdc;
font-size:12px;
text-align:center;
line-height:28px;
box-sizing:border-box;
color:#999;
border-radius:15px;
}
.about-job-lsit li:hover .more {
color:#fff;
border-color:#fff;
}
.about-title {
width:100%;
border-bottom:1px solid #d2d2d2;
font-size:24px;
color:#333;
line-height:48px;
padding-bottom:6px;
}
.about-title span {
font-size:14px;
color:#665;
display:block;
}
.about-txt {
margin-top:22px;
font-size:14px;
line-height:36px;
color:#333;
}
.about-label {
width:1300px;
margin:auto;
text-align:center;
background:#f4f6fd;
padding:50px 0;
}
.about-label .box {
display:inline-block;
text-align:left;
color:#666;
font-size:14px;
line-height:20px;
padding-left:72px;
margin-right:85px;
}
.about-label .box span {
display:block;
font-size:24px;
line-height:30px;
color:#0a448d;
font-weight:bold;
}
.about-label .box.b1 {
background:url(../images/icon-img9.png) 16px center no-repeat;
}
.about-label .box.b2 {
background:url(../images/icon-img10.png) 16px center no-repeat;
}
.about-label .box.b3 {
background:url(../images/icon-img44.png) 10px center no-repeat;
}
.about-box-one {
width:1300px;
margin:auto;
display:table;
padding:68px 0 65px;
}
.about-box-one .img {
width:600px;
float:left;
position:relative;
}
.about-box-one .img .bd {
width:100%;
}
.about-box-one .img .bd li {
width:100%;
}
.about-box-one .img .prev {
width:40px;
height:40px;
position:absolute;
z-index:2;
background:url(../images/icon-img68.png) center center no-repeat;
background-size:100%;
left:36px;
top:50%;
transform:translateY(-50%);
}
.about-box-one .img .next {
width:40px;
height:40px;
position:absolute;
z-index:2;
background:url(../images/icon-img69.png) center center no-repeat;
background-size:100%;
right:36px;
top:50%;
transform:translateY(-50%);
}
.about-box-one .tbox{
width:660px;
float:right;
/*margin-right:70px;*/
}
.about-box-one .tbox .title {
font-size:24px;
line-height:30px;
color:#000;
margin-bottom:15px;
}
.about-box-one .tbox .txt {
font-size:14px;
line-height:28px;
color:#797979;
}
.about-box-two {
width:100%;
background:#f4f6fd;
padding:80px 0;
}
.about-box-two .title {
font-size:30px;
line-height:30px;
text-align:center;
color:#000;
margin-bottom:20px;
}
.about-box-two .txt {
font-size:14px;
line-height:26px;
text-align:center;
color:#797979;
margin-bottom:15px;
}
.about-box-two .list {
width:1300px;
margin:auto;
text-align:center;
display:table;
}
.about-box-two .list .prev {
width:40px;
height:40px;
background:url(../images/icon-img32.png) center center no-repeat;
display:inline-block;
margin:0 8px;
cursor:pointer;
}
.about-box-two .list .next {
width:40px;
height:40px;
background:url(../images/icon-img33.png) center center no-repeat;
display:inline-block;
margin:0 8px;
cursor:pointer;
}
.about-box-two .list .bd {
width:100%;
overflow:hidden;
margin-top:50px;
}
.about-box-two .list li {
width:410px;
float:left;
margin-right:32px;
}
.about-box-three {
width:100%;
padding:67px 0 77px;
}
.about-box-three .title {
font-size:30px;
line-height:30px;
text-align:center;
color:#000;
margin-bottom:20px;
}
.about-box-three .txt {
font-size:14px;
line-height:26px;
text-align:center;
color:#797979;
margin-bottom:15px;
}
.about-box-three .list {
width:1300px;
margin:auto;
text-align:center;
display:table;
}
.about-box-three .list .prev {
width:40px;
height:40px;
background:url(../images/icon-img32.png) center center no-repeat;
display:inline-block;
margin:0 8px;
cursor:pointer;
}
.about-box-three .list .next {
width:40px;
height:40px;
background:url(../images/icon-img33.png) center center no-repeat;
display:inline-block;
margin:0 8px;
cursor:pointer;
}
.about-box-three .list .bd {
width:1300px;
overflow:hidden;
margin-top:35px;
}
.about-box-three .list li {
width:410px;
float:left;
border:1px solid #ddd;
box-sizing:border-box;
margin-right:32px;
}
.about-box-four {
width:100%;
background:#f4f6fd;
padding:83px 0 66px;
}
.about-box-four .title {
font-size:30px;
line-height:30px;
text-align:center;
color:#000;
margin-bottom:40px;
}
.about-box-four .list {
width:1300px;
margin:auto;
}
.about-box-four .list .bd {
width:100%;
padding-top:65px;
position:relative;
}
.about-box-four-bg2 {
position:absolute;
width:16px;
height:14px;
background:url(../images/icon-img45.png) center top no-repeat;
left:50%;
transform:translateX(-50%);
top:0;
z-index:2;
}
.about-box-four-bg {
position:absolute;
width:1px;
height:100%;
background:#ddd;
left:50%;
transform:translateX(-50%);
top:0;
}
.about-box-four .list .bd li {
width:100%;
box-sizing:border-box;
padding:0 0 0 642px;
/*background:url(../images/icon-img46.png) center 7px no-repeat;*/
margin-bottom:40px;
text-align:left;
}
.about-box-four .list .bd li:nth-child(2n) {
padding:0 642px 0 0;
text-align:right;
}
.about-box-four .list .bd li .time {
font-size:18px;
line-height:30px;
color:#0a448d;
margin-bottom:4px;
background:url(../images/icon-img46.png) left center no-repeat;
padding-left:43px;
}
.about-box-four .list .bd li:nth-child(2n) .time {
background:url(../images/icon-img46.png) right center no-repeat;
padding-right:43px;
}
.about-box-four .list .bd li .txts {
font-size:14px;
line-height:22px;
padding:4px 0;
color:#333;
width:100%;
display:inline-block;
box-sizing:border-box;
position:relative;
padding:0 0 0 43px;
}
.about-box-four .list .bd li:nth-child(2n) .txts {
position:relative;
padding:0 43px 0 0 ;
}
.about-box-four .list .bd li .txts span {
width:9px;
height:9px;
background:#114990;
border-radius:50%;
display:block;
/*float:left;*/
position:absolute;
left:4px;
top:7px;
/*margin:7px 30px 7px 4px;*/
}
.about-box-four .list .bd li:nth-child(2n) .txts span {
left:auto;
right:4px;
top:7px;
}
.about-box-four .list .hd {
width:100%;
}
.about-box-four .list .hd ul {
width:100%;
text-align:center;
display:table;
margin-top:38px;
}
.about-box-four .list .hd li {
width:10px;
height:10px;
border-radius:50%;
background:#d4d4d4;
display:inline-block;
margin:0 12px;
}
.about-box-four .list .hd li.on {
background:#0a448d;
}
.about-box-five {
width:100%;
padding:58px 0 79px;
}
.about-box-five .title {
font-size:30px;
line-height:30px;
text-align:center;
color:#000;
margin-bottom:40px;
}
.about-box-five .list {
width:1300px;
margin:auto;
text-align:center;
display:table;
}
.about-box-five .list .bd {
width:100%;
}
/*.about-box-five .list .bd .tempWrap {
overflow:initial!important;
}
.about-box-five .list .bd ul {
overflow:initial!important;
}*/
.about-box-five .list .bd li {
width:300px;
float:left;
margin:0 17px;
}
.about-box-five .list .bd li .box {
width:100%;
}
.about-box-five .list .bd li .box .img {
width:100%;
margin:28px 0;
box-shadow:0 0 10px 5px rgba(222,229,238,.75);
}
.about-box-five .list .hd {
width:100%;
}
.about-box-five .list .hd ul {
width:100%;
text-align:center;
display:table;
margin-top:38px;
}
.about-box-five .list .hd li {
width:10px;
height:10px;
border-radius:50%;
background:#d4d4d4;
display:inline-block;
margin:0 12px;
}
.about-box-five .list .hd li.on {
background:#0a448d;
}
.about-contact {
width:1300px;
margin:auto;
}
.about-contact .map {
width:100%;
margin-top:47px;
}
.about-contact .contact-list {
width:100%;
}
.about-contact .contact-list .title {
width:100%;
text-align:center;
font-size:18px;
line-height:36px;
font-weight:bold;
color:#000;
padding:12px 0;
box-sizing:border-box;
border:1px solid #eee;
margin-top:34px;
background:#edf0f4;
}
.about-contact .contact-list .title.ttt {
color:#fff;
background:#0a448d;
margin-top:44px;
}
.about-contact .contact-list .list {
width:100%;
box-sizing:border-box;
border:1px solid #e6e6e6;
border-top:none;
display:table;
padding:46px 0 38px 3%;
}
.about-contact .contact-list .list .tel {
width:20%;
float:left;
box-sizing:border-box;
padding-left:60px;
background:url(../images/icon-img52.png) left center no-repeat;
}
.about-contact .contact-list .list .qq {
width:19%;
float:left;
box-sizing:border-box;
padding-left:60px;
background:url(../images/icon-img53.png) left center no-repeat;
}
.about-contact .contact-list .list .email {
width:22%;
float:left;
box-sizing:border-box;
padding-left:60px;
background:url(../images/icon-img54.png) left center no-repeat;
}
.about-contact .contact-list .list .address {
width:36%;
float:left;
box-sizing:border-box;
padding-left:60px;
background:url(../images/icon-img55.png) left center no-repeat;
}
.about-contact .contact-list .list .tel .contact-title, .about-contact .contact-list .list .qq .contact-title, .about-contact .contact-list .list .email .contact-title, .about-contact .contact-list .list .address .contact-title {
font-size:16px;
line-height:30px;
font-weight:bold;
color:#333;
}
.about-contact .contact-list .list .tel .contact-txts, .about-contact .contact-list .list .qq .contact-txts, .about-contact .contact-list .list .email .contact-txts, .about-contact .contact-list .list .address .contact-txts {
font-size:14px;
line-height:18px;
color:#666;
}
.kf-tc {
position:fixed;
z-index:999;
bottom:20px;
right:50px;
}
.kf-tc .box {
width:40px;
height:40px;
background:#b3b3b3;
margin-bottom:4px;
position:relative;
}
.kf-tc .box:hover {
background:#ffb526;
}
.kf-tc .box .tel, .kf-tc .box .qq {
width:106px;
padding-right:20px;
line-height:40px;
background:#ffb526;
color:#fff;
padding-left:17px;
font-size:14px;
position:absolute;
right:40px;
top:0;
display:none;
}
.kf-tc .box .ewm {
width:100px;
height:100px;
box-sizing:border-box;
padding:5px;
background:#ffb526;
position:absolute;
right:40px;
top:0;
display:none;
}
.kf-tc .box:hover .tel, .kf-tc .box:hover .qq, .kf-tc .box:hover .ewm {
display:block;
}
.product-box .tbox .lists, .page-mobel, .download-mobel, .foot-m, .foot-ms-h, .foot-ms, .product3-boxs .box-four .lists, .product-box .lists, .partner-lsit-mm, .ny-banner-mobel, .ny-banner-mobels, .partner-lsit1024, .about-box-five .list-pb, .about-box-three .list-pb, .about-box-three .list-mm, .about-box-two .list-pb, .about-box-two .list-mm, .mobelp-more {
display:none;
}
@media(max-width:1500px) {
.index-news-box {
width:100%;
}
.hot-news {
width:50%;
margin-right:0;
}
.news-list {
width:49%;
margin:0 0.5%;
}
}
@media (max-width:1499px) {
/*index*/
.header .header-box .menu li {
margin-right:30px;
}
.s-menu-product .menu-box {
width:325px;
}
.mobel-menu, .mobel-menus {
display:none;
}
.advantage-box.b1 {
width:33%;
}
.advantage-box.b2 {
width:33%;
}
.advantage-box.b3 {
width:33%;
}
.index-about .tboxs {
padding-left:60px;
}
.index-about .tboxs .title {
padding-top:60px;
margin-bottom:40px;
}
.index-about .tboxs .tbox {
width:auto;
margin-bottom:40px;
}
.index-about .tboxs .label-box {
width:100%;
}
.index-about .tboxs .label-box .box.b1, .index-about .tboxs .label-box .box.b2 {
width:33%;
}
.index-case .list {
width:100%;
}
.index-case .list li {
width:32%;
margin-right:2%;
}
.index-product-list {
width:1340px;
margin:auto;
}
.index-product-box {
width:335px;
height:auto;
padding:38px 30px;
}
.index-product-list .bd {
width:1005px;
}
.index-product-list .bd li {
width:320px;
margin-right:15px;
}
.index-news-box {
width:100%;
}
.hot-news {
width:50%;
margin-right:0;
}
.hot-news .tbox .txt {
width:100%!important;
}
.news-list {
width:49%;
margin:0 0.5%;
}
.news-list li .txt {
width:100%!important;
}
.partner-lsit{
width:1348px;
}
.partner-lsit .bd li{
width:320px;
margin-right:23px;
}
.index-advisory .boxs {
width:100%;
}
.index-advisory .boxs .box {
width:50%;
}
.foot-box {
width:100%;
}
.foot-menu-box.b1, .foot-menu-box.b2, .foot-menu-box.b3, .foot-menu-box.b4, .ewm-fx {
width:20%;
box-sizing:border-box;
}
.fix-menu {
right:20px;
}
/*----------------------------------------------------*/
/*product*/
.product3-boxs .box-four .list .prev {
left:-20px;
}
.product3-boxs .box-four .list .next {
right:-20px;
}
/*----------------------------------------------------*/
}
@media (min-width:1024px) and (max-width:1365px) {
.partner-lsit-pc {
display:none;
}
.partner-lsit1024 {
display:block;
}
.about-box-five .list {
display:none;
}
.about-box-five .list-pb {
display:block;
}
.about-box-five .list .bd li {
margin:0 10px;
}
.about-box-two .list-pc {
display:none;
}
.about-box-two .list-pb {
display:block;
}
.about-box-two .list-mm {
display:none;
}
.about-box-three .list-pc {
display:none;
}
.about-box-three .list-pb {
display:block;
}
.about-box-three .list-mm {
display:none;
}
/*index*/
.header .logo {
margin-left:32px;
}
.header .header-box .menu li {
display:none;
}
.header .header-box .menu li:first-child {
display:block;
margin-right:73px;
}
.s-menu-box {
width:960px;
}
.s-menu-iwant .menu-box.b1 {
width:228px;
margin-left:48px;
background:url(../images/icon-img3.png) left top no-repeat;
}
.s-menu-iwant .menu-box.b2 {
width:200px;
background:url(../images/icon-img4.png) left top no-repeat;
}
.s-menu-iwant .menu-box.b3 {
background:url(../images/icon-img5.png) left top no-repeat;
}
.mobel-menu {
width:42px;
height:120px;
float:left;
box-sizing:border-box;
padding-top:44px;
margin-right:30px;
display:block;
position:relative;
}
.mobel-menu span {
height:4px;
display:block;
background:#666;
transition:all ease .3s;
}
.mobel-menu .s1 {
width:42px;
margin-bottom:11px;
}
.mobel-menu.on .s1 {
margin-left:5px;
margin-top:13px;
-webkit-transform:rotateZ(45deg);
transform:rotateZ(45deg);
}
.mobel-menu .s2 {
width:27px;
margin-bottom:11px;
}
.mobel-menu.on .s2 {
display:none;
}
.mobel-menu .s3 {
width:42px;
}
.mobel-menu.on .s3 {
margin-left:5px;
margin-top:-14px;
-webkit-transform:rotateZ(-45deg);
transform:rotateZ(-45deg);
}
.mobel-menus {
width:100%;
height:100%;
overflow-y:auto;
position:fixed;
top:0;
left:0;
z-index:9;
background:#f2f2f2;
padding:130px 0;
box-sizing:border-box;
display:none;
}
.mobel-menus li {
width:100%;
}
.mobel-menus li .box {
width:94%;
margin:auto;
display:table;
border-bottom:1px solid #c5c5c5;
}
.mobel-menus li:last-child .box {
border-bottom:none;
}
.mobel-menus li.on .box {
border-bottom:none;
}
.mobel-menus li .box .mobel-menus-l1 {
float:left;
width:89%;
height:126px;
line-height:126px;
font-size:20px;
color:#000;
display:block;
}
.mobel-menus li .box i {
width:98px;
float:right;
height:126px;
background:url(../images/icon-img56.png) center center no-repeat;
display:block;
float:right;
}
.mobel-menus li .boxs {
width:100%;
background:#e6e6e6;
padding-bottom:17px;
display:none;
}
.mobel-menus li.on .boxs {
display:block;
}
.mobel-menus li .boxs .mobel-menus-l2 {
width:94%;
height:110px;
line-height:110px;
margin:auto;
font-size:20px;
color:#333;
border-bottom:1px solid #c9c9c9;
display:block;
}
.mobel-menus li .boxs .mobel-menus-l2:last-child {
border-bottom:none;
}
.index-advantage {
width:1000px;
margin:auto;
}
.advantage-box.b1 {
width:330px;
border-right:1px solid #f0f0f0;
padding:3px 0 5px 94px;
background:url(../images/icon-img6.png) 20px center no-repeat;
}
.advantage-box.b2 {
width:330px;
padding:3px 0 5px 145px;
background:url(../images/icon-img7.png) 55px center no-repeat;
}
.advantage-box.b3 {
width:330px;
border-left:1px solid #f0f0f0;
padding:3px 0 5px 125px;
background:url(../images/icon-img8.png) 45px center no-repeat;
}
.index-about {
width:94%;
margin:auto;
position:relative;
}
.index-about .img {
width:100%;
}
.index-about .img img {
width:100%;
}
.index-about .tboxs {
position:absolute;
top:50%;
transform:translateY(-50%);
left:13.5%;
width:73%;
background:rgba(255,255,255,.9);
}
.index-about .tboxs {
padding-left:0;
padding-bottom:65px;
height:auto!important;
}
.index-about .tboxs .title {
position:relative;
line-height:32px;
padding-top:73px;
margin-bottom:17px;
text-align:center;
}
.index-about .tboxs .title i {
font-family:Arial;
font-size:100px;
color:#e5ebf4;
}
.index-about .tboxs .title span {
font-size:32px;
color:#0a448d;
position:absolute;
z-index:2;
left:50%;
transform:translateX(-50%);
}
.index-about .tboxs .tbox {
margin:auto;
margin-bottom:46px;
padding:0 15px;
text-align:center;
}
.index-about .tboxs .label-box {
margin:auto;
text-align:center;
}
.index-about .tboxs .label-box .box {
display:inline-block;
text-align:left;
float:initial;
}
.index-about .tboxs .label-box .box.b1 {
width:189px;
background:url(../images/icon-img9.png) left center no-repeat;
}
.index-about .tboxs .label-box .box.b2 {
width:170px;
background:url(../images/icon-img10.png) left center no-repeat;
}
.index-about .tboxs .label-box .box.b3 {
background:url(../images/icon-img11.png) left center no-repeat;
}
.index-title-box {
padding:49px 0 38px 0;
}
.index-title-box .box {
top:49px;
}
.index-case .list {
width:960px;
margin:auto;
display:block;
padding:20px 0 30px;
}
.index-case .list li {
width:465px;
margin-right:30px;
}
.index-case .list li:nth-child(2n) {
margin-right:0;
}
.index-product .list-boxs {
display:none;
}
.mobel-list-box {
width:960px;
margin:auto;
display:block;
padding-bottom:60px;
}
.index-product-list {
width:960px;
}
.index-product-list .bd {
width:100%;
}
.index-product-list .bd li {
width:465px;
margin-right:30px;
margin-bottom:31px;
}
.index-product-list .bd li:nth-child(2n) {
margin-right:0;
}
.index-product-box {
width:100%;
height:465px;
padding:40px 45px;
}
.index-product-box .list {
width:100%!important;
display:block;
margin-top:33px;
padding-top:33px;
}
.index-product-box .list li {
width:50%;
float:left;
margin-right:0;
margin-bottom:43px;
}
.index-news .index-title-box {
padding: 60px 0 44px 0;
}
.index-news .index-title-box .box {
top:60px;
}
.index-news-box {
width:960px;
margin:auto;
padding-top:33px;
display:table;
}
.hot-news {
width:465px;
}
.hot-news .tbox .txt {
width:100%;
overflow: initial;
white-space:initial;
text-overflow:initial;
}
.news-list {
width:465px;
}
.news-list li {
padding: 34px 40px 27px 43px;
}
.hot-news .tbox .txt {
margin-top:15px;
margin-bottom:42px;
}
.partner-lsit {
width:960px;
margin:auto;
}
.partner-lsit .bd li {
width:300px;
margin-right:30px;
}
.index-partner .index-title-box {
padding: 86px 0 75px 0;
}
.index-partner .index-title-box .box {
top:86px;
}
.index-advisory .boxs{
width:100%;
}
.index-advisory .boxs .box {
width:50%;
}
.index-advisory .boxs .box .link {
margin-right:26px;
}
.index-advisory .boxs .box:first-child .link {
margin-right:26px;
}
.index-advisory .boxs .box .tbox {
margin-left:25px;
}
.index-advisory .boxs .box:last-child .tbox {
margin-left:25px;
}
.foot-box {
width:100%;
}
.foot-menu-box.b1, .foot-menu-box.b2, .foot-menu-box.b3, .foot-menu-box.b4, .ewm-fx {
width:20%;
box-sizing:border-box;
}
.foot-menu-link {
line-height:34px;
}
.menu-address {
width:960px;
margin:auto;
}
.product-box {
width:960px;
margin:auto;
}
.banner-product {
padding-left:32px;
}
.product-box .tbox {
width:528px;
margin-right:0;
}
.product-box .tbox .list li:nth-child(4) {
display:none;
}
.product-box .tbox .list li:nth-child(3) {
margin-right:0;
}
.product2-box {
width:960px;
margin:auto;
}
.product2-list li {
width:100%;
margin-right:0;
}
.product2-list li .tbox {
width:575px;
}
.banner-product{
width:100%;
}
.product3-box1 .box {
width:960px;
margin:auto;
}
.product3-box1 .tbox {
width:375px;
margin-right:48px;
}
.product3-box1 .tbox .list {
display:none;
}
.product3-menu {
display:none;
}
.product3-boxs .boxs-one .txt {
width:864px;
margin:auto;
}
.product3-boxs .box-two {
width:960px;
margin:auto;
}
.product3-boxs .box-two .txt{
font-size:14px;
line-height:30px;
}
.product3-boxs .box-two .list li {
width:450px;
margin-right:60px;
}
.product3-boxs .box-three .txt{
font-size:14px;
line-height:30px;
}
.product3-boxs .box-two .list li .t1 {
width:130px;
}
.product3-boxs .box-two .list li .t2 {
width:290px;
}
.product3-boxs .box-three .list{
width:960px;
margin:auto;
}
.product3-boxs .box-three .list li .img, .product3-boxs .box-three .list li:nth-child(2n) .img {
margin:auto;
float:initial;
}
.product3-boxs .box-three .list li .tbox {
width:885px;
text-align:center;
float:initial;
margin:auto;
}
.product3-boxs .box-four {
width:960px;
margin:auto;
}
.product3-boxs .box-four .list .bd {
width:960px;
}
.product3-boxs .box-four .list li {
width:215px;
margin-right:33px;
}
.product3-boxs .box-four .list li .img {
width:100%;
height:auto;
}
.product3-boxs .box-four .list li .img .zz img {
top:82px;
left:82px;
}
.product3-boxs .box-four .list .prev {
left:-23px;
}
.product3-boxs .box-four .list .next {
right:-23px;
}
.case-list {
width:960px;
margin:auto;
}
.case-list li .img {
width:450px;
}
.case-list li .tbox {
width:465px;
padding-top:65px;
margin-right:0;
}
.case2 {
width:960px;
margin:auto;
}
.case2 .tbox {
width:480px;
}
.case2 .img {
width:450px;
}
.service-one .shouhou .box {
width:960px;
margin:auto;
}
.banner-service {
width:960px;
margin:auto;
}
.service-one .jishu .box {
width:960px;
margin:auto;
}
.service-two {
width:960px;
margin:auto;
}
.service-two .box .left, .service-two .box .right {
width:470px;
}
.service-two .box .labels .tel-num, .service-two .box .labels .text1, .service-two .box .labels .text2 {
width:435px;
}
.download li .d1 {
width:325px;
padding-left:25px;
}
.download li .d2 {
width:265px;
}
.download li .d3 {
width:100px;
}
.download li .d4 {
width:95px;
}
.download li .d5 {
width:115px;
}
.download li .d6 {
width:55px;
}
.service-list li {
width:470px;
margin-right:20px;
}
.service-list li:nth-child(3n) {
margin-right:20px;
}
.service-list li:nth-child(2n) {
margin-right:0;
}
.about-label {
width:100%;
}
.about-label .box:last-child {
margin-right:0;
}
.about-box-one {
width:960px;
margin:auto;
}
.about-box-one .img {
float:initial;
margin:auto;
}
.about-box-one .tbox {
float:initial;
width:100%;
text-align:center;
}
.about-box-two .list {
width:960px;
margin:auto;
}
.about-box-two .list .bd {
width:960px;
}
.about-box-three .list li {
width:470px!important;
margin-right:20px;
box-sizing:border-box;
}
.about-box-three .list {
width:960px;
}
.about-box-three .list .bd {
width:960px;
}
.about-box-three .list li {
width:470px!important;
margin-right:20px;
box-sizing:border-box;
}
.about-box-four .list {
width:960px;
margin:auto;
}
.about-box-four .list .bd li {
padding:0 0 0 472px
}
.about-box-four .list .bd li:nth-child(2n) {
padding:0 472px 0 0;
}
.about-box-five .list {
width:960px;
}
.about-news-list li .boxs {
width:960px;
}
.about-news-list li .boxs .tbox {
width:565px;
}
.about-news-list li .boxs .tbox .txt {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.culture-menu {
width:100%;
}
.about-culture-list {
width:960px;
}
.about-culture-list li {
width:470px;
}
.about-culture-list li .img img {
width:100%;
}
.about-culture-list li:nth-child(3n) {
margin-right:20px;
}
.about-culture-list li:nth-child(2n) {
margin-right:0;
}
.about-job-lsit li {
width:470px;
margin-right:20px;
}
.about-job-lsit li:nth-child(3n) {
margin-right:20px;
}
.about-job-lsit li:nth-child(2n) {
margin-right:0;
}
.about-job-lsit li:hover {
background:#fff;
}
.about-job-lsit li:hover .title {
background:url(../images/icon-img42.png) 10px center no-repeat;
color:#000;
}
.about-job-lsit li:hover .txt span {
color:#787878;
}
.about-contact {
width:960px;
}
.about-contact .contact-list .list {
padding:46px 0 38px 25px;
}
.about-contact .contact-list .list .tel {
width:220px;
}
.about-contact .contact-list .list .qq {
width:180px;
}
.about-contact .contact-list .list .email {
width:260px;
}
.about-contact .contact-list .list .address {
width:245px;
}
.search-num {
width:960px;
margin:auto;
}
.search-list {
width:960px;
margin:auto;
}
.fix-menu {
display:none;
}
/*--------------------------------------*/
}
@media(max-width:1024px) {
.service4 .box {
width:100%;
height:100%;
margin:auto;
}
.kf-tc {
display:none;
}
.service4 .box .title {
font-size:30px;
}
.service4 .box .txt {
font-size:20px;
line-height:40px;
padding-bottom:30px;
}
}
@media (min-width:768px) and (max-width:1023px) {
.partner-lsit-pc, .partner-lsit1024, .about-box-five .list, .about-box-five .list-pb {
display:none;
}
.partner-lsit-mm {
display:block;
}
.about-box-two .list-pc {
display:none;
}
.about-box-two .list-pb {
display:none;
}
.about-box-two .list-mm {
display:block;
}
.about-box-three .list-pc {
display:none;
}
.about-box-three .list-pb {
display:none;
}
.about-box-three .list-mm {
display:block;
}
/*index*/
.header .logo {
margin-left:32px;
}
.header .header-box .menu {
display:none;
}
.header .header-box .language a {
border-left:1px solid #e6e3e3;
}
.header .header-box .language a:last-child {
display:none;
}
.s-menu-box {
display:none;
}
.mobel-menu {
width:42px;
height:120px;
float:left;
box-sizing:border-box;
padding-top:44px;
margin-right:30px;
display:block;
position:relative;
}
.mobel-menu span {
height:4px;
display:block;
background:#666;
transition:all ease .3s;
}
.mobel-menu .s1 {
width:42px;
margin-bottom:11px;
}
.mobel-menu.on .s1 {
margin-left:5px;
margin-top:13px;
-webkit-transform:rotateZ(45deg);
transform:rotateZ(45deg);
}
.mobel-menu .s2 {
width:27px;
margin-bottom:11px;
}
.mobel-menu.on .s2 {
display:none;
}
.mobel-menu .s3 {
width:42px;
}
.mobel-menu.on .s3 {
margin-left:5px;
margin-top:-14px;
-webkit-transform:rotateZ(-45deg);
transform:rotateZ(-45deg);
}
.mobel-menus {
width:100%;
height:100%;
overflow-y:auto;
position:fixed;
top:0;
left:0;
z-index:5;
background:#f2f2f2;
padding:130px 0;
display:none;
box-sizing:border-box;
}
.mobel-menus li {
width:100%;
}
.mobel-menus li .box {
width:94%;
margin:auto;
display:table;
border-bottom:1px solid #c5c5c5;
}
.mobel-menus li:last-child .box {
border-bottom:none;
}
.mobel-menus li.on .box {
border-bottom:none;
}
.mobel-menus li .box .mobel-menus-l1 {
float:left;
width:85%;
height:126px;
line-height:126px;
font-size:30px;
color:#000;
display:block;
}
.mobel-menus li .box i {
width:98px;
float:right;
height:126px;
background:url(../images/icon-img56.png) center center no-repeat;
display:block;
float:right;
}
.mobel-menus li .boxs {
width:100%;
background:#e6e6e6;
padding-bottom:17px;
display:none;
}
.mobel-menus li.on .boxs {
display:block;
}
.mobel-menus li .boxs .mobel-menus-l2 {
width:94%;
height:110px;
line-height:110px;
margin:auto;
font-size:20px;
color:#333;
border-bottom:1px solid #c9c9c9;
display:block;
}
.mobel-menus li .boxs .mobel-menus-l2:last-child {
border-bottom:none;
}
.service-two .box .labels .name span {
color:#ff0000;
padding-top: 16px;
display: block;
box-sizing:border-box;
float: left;
line-height:30px;
}
.service-two .box .labels .text1 {
margin:0;
}
.banner-pc {
display:none;
}
.banner-m {
display:block;
}
.banner-swiper, .index-banner img {
width:100%;
}
.swiper-pagination-bullet {
width:15px!important;
height:15px!important;
background:#fff;
opacity:.5;
}
.swiper-pagination-bullet-active {
opacity:1;
}
.index-advantage {
width:100%;
padding:35px 0 50px 0
}
.advantage-box {
text-align:center;
}
.advantage-box.b1 {
width:33%;
border:none;
padding:80px 0 0 0;
background:url(../images/icon-img6.png) center top no-repeat;
}
.advantage-box.b2 {
width:33%;
border:none;
padding:80px 0 0 0;
background:url(../images/icon-img7.png) center top no-repeat;
}
.advantage-box.b3 {
width:33%;
border:none;
padding:80px 0 0 0;
background:url(../images/icon-img8.png) center top no-repeat;
}
.advantage-box .title {
font-size:30px;
}
.advantage-box .txt {
font-size:18px;
line-height:30px;
}
.index-about {
width:94%;
margin:auto;
position:relative;
}
.index-about .img {
width:100%;
}
.index-about .img img {
width:100%;
}
.index-about .tboxs {
position:relative;
width:100%;
margin:0;
background:none;
}
.index-about .tboxs {
padding-left:0;
padding-bottom:65px;
height:auto!important;
}
.index-about .tboxs .title {
position:relative;
line-height:32px;
padding-top:73px;
margin-bottom:17px;
text-align:center;
}
.index-about .tboxs .title i {
font-family:Arial;
font-size:100px;
color:#e5ebf4;
}
.index-about .tboxs .title span {
font-size:32px;
color:#0a448d;
position:absolute;
z-index:2;
left:50%;
transform:translateX(-50%);
}
.index-about .tboxs .tbox {
width:100%;
margin-bottom:46px;
text-align:center;
line-height:40px;
font-size:24px;
padding:0 15px;
}
.index-about .tboxs .label-box {
width:100%;
}
.index-about .tboxs .tbox span {
font-size:30px;
margin-bottom:36px;
}
.index-about .tboxs .label-box .box {
font-size:24px;
line-height:30px;
padding-left:70px;
}
.index-about .tboxs .label-box .box span {
font-size:40px;
line-height:30px;
}
.index-about .tboxs .label-box .box.b1 {
width:33%;
background:url(../images/icon-img9.png) left center no-repeat;
background-size:65px;
}
.index-about .tboxs .label-box .box.b2 {
width:33%;
background:url(../images/icon-img10.png) left center no-repeat;
background-size:65px;
}
.index-about .tboxs .label-box .box.b3 {
width:33%;
background:url(../images/icon-img11.png) left center no-repeat;
background-size:65px;
}
.index-title-box {
padding:49px 0 38px 0;
}
.index-title-box .box {
top:49px;
}
.index-case .list {
width:700px;
margin:auto;
display:block;
padding:20px 0 30px;
}
.index-case .list li {
width:335px;
margin-right:30px;
}
.index-case .list li:nth-child(2n) {
margin-right:0;
}
.index-case .list li .tbox .tbox-title {
font-size:30px;
}
.index-case .list li .tbox .tbox-txt {
font-size:24px;
}
.index-case .list li .tbox .tbox-more {
width:140px;
height:50px;
line-height:48px;
border-radius:25px;
font-size:22px;
}
.index-product .list-boxs {
display:none;
}
.mobel-list-box {
width:700px;
margin:auto;
display:block;
padding-bottom:60px;
}
.index-product-list {
width:700px;
}
.index-product-list .bd {
width:100%;
}
.index-product-list .bd li {
width:335px;
margin-right:30px;
margin-bottom:31px;
}
.index-product-list .bd li:nth-child(2n) {
margin-right:0;
}
.index-product-box {
width:100%;
height:335px;
padding:33px 25px;
}
.index-product-box .title {
font-size:32px;
}
.index-product-box .txt {
display:none;
}
.index-product-menu li {
width:140px;
height:50px;
line-height:48px;
border-radius:25px;
color:#010101;
margin:0 20px;
font-size:24px;
}
.index-product-box .list li {
font-size:26px;
}
.index-product-box .list {
width:100%!important;
display:block;
margin-top:20px;
padding-top:20px;
}
.index-product-box .list li {
width:50%;
float:left;
margin-right:0;
margin-bottom:30px;
}
.index-title-box .box .ch {
font-size:36px;
}
.index-title-box .box .en {
font-size:18px;
}
.index-news .index-title-box {
padding: 110px 0 44px 0;
}
.index-news .index-title-box .box {
top:110px;
}
.index-news-box {
width:700px;
margin:auto;
padding-top:33px;
display:block;
}
.hot-news {
width:700px;
margin:auto;
float:initial;
margin-bottom:64px;
}
.hot-news .tbox .time {
font-size:24px;
}
.hot-news .tbox .title {
font-size:30px;
line-height:30px;
}
.hot-news .tbox .txt {
font-size:24px;
line-height:30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space:initial;
}
.hot-news .tbox .more {
width:140px;
height:50px;
line-height:48px;
border-radius:25px;
font-size:22px;
}
.news-list {
width:700px;
margin:auto;
float:initial;
}
.news-list li {
padding:50px 30px;
margin-bottom:40px;
}
.news-list li .time {
font-size:24px;
line-height:26px;
margin-bottom:8px;
}
.news-list li .title {
font-size:30px;
line-height:30px;
margin-bottom:32px;
}
.news-list li .txt {
font-size:24px;
line-height:30px;
margin-bottom:30px;
}
.news-list li .more {
width:140px;
height:50px;
line-height:48px;
border-radius:25px;
font-size:22px;
}
.hot-news .tbox .txt {
margin-top:15px;
margin-bottom:42px;
}
.partner-lsit {
width:700px;
margin:auto;
}
.partner-lsit-pc {
display:none;
}
.partner-lsit .bd {
width:700px;
}
.partner-lsit .bd li {
width:335px;
margin-right:30px;
}
.partner-lsit .bd li .box .img {
margin-bottom:32px;
}
.index-partner .index-title-box {
padding: 86px 0 75px 0;
}
.index-partner .index-title-box .box {
top:86px;
}
.index-advisory{
display:none;
}
.footer {
display:none;
}
.foot-m {
width:100%;
background:#171717;
display:block;
}
.foot-m li {
width:100%;
}
.foot-m li .box {
width:94%;
margin:auto;
display:table;
border-bottom:1px solid rgba(197,197,197,.3);
}
.foot-m li:last-child .box {
border-bottom:none;
}
.foot-m li.on .box {
border-bottom:none;
}
.foot-m li .box .mobel-menus-l1 {
float:left;
width:85%;
height:112px;
line-height:112px;
font-size:30px;
color:#fff;
display:block;
}
.foot-m li .box i {
width:98px;
float:right;
height:112px;
background:url(../images/icon-img57.png) center center no-repeat;
display:block;
float:right;
}
.foot-m li .boxs {
width:100%;
background:#2d2d2d;
padding-bottom:17px;
display:none;
}
.foot-m li.on .boxs {
display:block;
}
.foot-m li .boxs .mobel-menus-l2 {
width:94%;
height:110px;
line-height:110px;
margin:auto;
font-size:30px;
color:#fff;
border-bottom:1px solid rgba(201,201,201,.3);
display:block;
}
.foot-m li .boxs .mobel-menus-l2:last-child {
border-bottom:none;
}
.fx-bq {
width:700px;
margin:auto;
}
.fx-box {
width:100%;
padding:32px 0 45px;
text-align:center;
border-bottom:1px solid #404040;
}
.fx-box a {
width:60px;
height:60px;
display:inline-block;
margin:0 25px;
}
.bq-box {
width:100%;
text-align:center;
font-size:18px;
line-height:26px;
color:#ababab;
padding:27px 0 40px;
}
.bq-box a {
color:#ababab;
}
.foot-ms-h {
width:100%;
height:117px;
display:block;
}
.foot-ms {
width:100%;
height:118px;
position:fixed;
z-index:9;
left:0;
bottom:0;
background:#f1f1f1;
display:block;
}
.foot-ms a {
width:25%;
height:118px;
display:block;
float:left;
text-align:center;
font-size:26px;
line-height:32px;
color:#333;
box-sizing:border-box;
padding-top:70px;
}
.foot-ms a.tel {
background:url(../images/icon-img63.png) center 10px no-repeat;
}
.foot-ms a.qq {
background:url(../images/icon-img64.png) center 10px no-repeat;
}
.foot-ms a.cp {
background:url(../images/icon-img65.png) center 10px no-repeat;
}
.foot-ms a.ql {
background:url(../images/icon-img66.png) center 10px no-repeat;
}
.foot-ms a.tel.on {
color:#fff;
background:#0a448d url(../images/icon-img63-1.png) center 10px no-repeat;
}
.foot-ms a.qq.on {
color:#fff;
background:#0a448d url(../images/icon-img64-1.png) center 10px no-repeat;
}
.foot-ms a.cp.on {
color:#fff;
background:#0a448d url(../images/icon-img65-1.png) center 10px no-repeat;
}
.foot-ms a.ql.on {
color:#fff;
background:#0a448d url(../images/icon-img66-1.png) center 10px no-repeat;
}
.menu-address {
display:none;
}
.product-box {
width:700px;
margin:auto;
}
.ny-banner-product {
display:none;
}
.ny-banner-mobels {
display:block;
position:relative;
}
.ny-banner-mobels img {
width:100%;
}
.banner-service {
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
z-index:2;
}
.banner-product {
position:absolute;
width:auto;
left:6%;
top:0;
z-index:2;
padding-left:0;
}
.banner-product .title {
font-size:24px;
line-height:24px;
color:#e4f0ff;
margin-top:40px;
margin-bottom:12px;
}
.banner-product .txt {
width:360px;
font-size:18px;
color:#c5c7cb;
}
.banner-product .l-box {
display:inline-block;
font-size:16px;
}
.banner-product .l-box a {
display:block;
float:initial;
margin-right:0;
margin-bottom:30px;
}
.product-box .img {
width:350px;
height:auto;
}
.product-box .tbox {
width:320px;
margin-right:0;
}
.product-box .tbox .title {
font-size:30px;
margin-bottom:20px;
}
.product-box .tbox .txt {
font-size:18px;
line-height:30px;
}
.product-box .tbox .list {
display:none;
}
.product-box .tbox .product-more {
display:none;
}
.product-box .lists {
width:100%;
display:table;
padding-top:35px;
}
.product-box .lists li {
width:210px;
height:210px;
box-sizing:border-box;
float:left;
margin-right:35px;
box-sizing:border-box;
border:1px solid #e7e7e7;
}
.product-box .lists li:last-child {
margin-right:0;
}
.product-box .lists li img {
width:100%;
}
.product2-box {
width:700px;
margin:auto;
}
.product2-menu li {
width:230px;
height:80px;
}
.product2-menu li a {
line-height:80px;
font-size:24px;
}
.product2-list li {
width:100%;
margin-right:0;
}
.product2-list li .tbox {
width:340px;
padding-top:37px;
}
.product2-list li .tbox .title {
font-size:30px;
line-height:30px;
color:#000;
margin-bottom:26px;
}
.product2-list li .tbox .title span {
font-size:24px;
}
.product2-list li .tbox .txt {
font-size:24px;
line-height:30px;
margin-bottom:26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product2-list li .tbox .more {
font-size:22px;
width:140px;
height:50px;
line-height:48px;
border-radius:25px;
}
.page-pc {
display:none;
}
.page-mobel {
display:block;
}
.page-list a {
width:70px;
height:70px;
line-height:68px;
font-size:30px;
margin:0 9px;
border-right:1px solid #ddd;
}
.banner-product{
width:100%;
}
.product3-box1 .box {
width:700px;
margin:auto;
}
.product3-box1 .box .img {
margin:auto;
float:initial;
}
.product3-box1 .tbox {
width:100%;
margin:0;
text-align:center;
}
.product3-box1 .tbox .title {
margin-bottom:13px;
}
.product3-box1 .tbox .cagetroy {
font-size:24px;
margin-bottom:11px;
}
.product3-box1 .tbox .txt {
font-size:24px;
line-height:60px;
margin:0;
}
.product3-box1 .tbox .list {
display:none;
}
.product3-menu {
display:none;
}
.product3-boxs .boxs-one {
background-size:auto 100%;
}
.product3-boxs .boxs-one .title {
font-size:36px;
padding:60px 0 30px;
}
.product3-boxs .boxs-one .txt {
width:700px;
margin:auto;
font-size:24px;
line-height:50px;
padding-bottom:64px;
}
.product3-boxs .box-two {
width:700px;
margin:auto;
}
.product3-boxs .box-two .title {
font-size:36px;
color:#000;
}
.product3-boxs .box-two .list li {
width:100%;
margin-right:0;
line-height:90px;
}
.product3-boxs .box-two .list li .t1 {
width:170px;
font-size:24px;
}
.product3-boxs .box-two .list li .t2 {
width:500px;
font-size:24px;
}
.product3-boxs .box-three .list{
width:700px;
margin:auto;
}
.product3-boxs .box-three .list li .img, .product3-boxs .box-three .list li:nth-child(2n) .img {
margin:auto;
float:initial;
}
.product3-boxs .box-three .list li .tbox {
width:100%;
text-align:center;
float:initial;
margin:auto;
}
.product3-boxs .box-four {
width:100%;
}
.product3-boxs .box-four .list {
display:none;
}
.product3-boxs .box-four .lists {
width:700px;
margin:auto;
display:table;
}
.product3-boxs .box-four .lists li {
width:335px;
float:left;
margin-right:30px;
}
.product3-boxs .box-four .lists li:nth-child(2n) {
margin-right:0;
}
.product3-boxs .box-four .lists li .img {
width:100%;
}
.product3-boxs .box-four .lists li .img img {
width:100%;
}
.product3-boxs .box-three .list li .tbox .tbox-title {
font-size:30px;
line-height:30px;
margin-bottom:18px;
}
.product3-boxs .box-three .list li .tbox .tbox-txt {
font-size:24px;
line-height:50px;
}
.product3-boxs .box-four .lists li .title {
font-size:24px;
line-height:30px;
padding:29px 0 43px;
}
.case-list {
width:700px;
margin:auto;
padding-top:55px;
}
.case-list li {
position:relative;
}
.case-list li .img {
width:100%;
}
.case-list li .img img {
width:100%;
}
.case-list li .tbox {
width:100%;
position:absolute;
left:0;
bottom:0;
background:rgba(0,0,0,.5);
box-sizing:border-box;
padding:37px 40px 34px 40px;
}
.case-list li .tbox .title {
font-size:36px;
line-height:36px;
color:#fff;
margin-bottom:20px;
}
.case-list li .tbox .txt {
font-size:24px;
line-height:36px;
color:#fff;
opacity:.8;
margin:0;
}
.case-list li .tbox .more {
display:none;
}
.case2 {
width:700px;
margin:auto;
}
.case2 .tbox {
width:100%;
margin-bottom:54px;
}
.case2 .tbox .title {
font-size:36px;
line-height:36px;
}
.case2 .tbox .txt {
font-size:24px;
line-height:40px;
}
.case2 .tbox .more {
height:50px;
line-height:48px;
font-size:22px;
}
.case2 .img {
width:100%;
}
.case2 .img img {
width:100%;
}
.service-one .shouhou .box {
width:700px;
margin:auto;
}
.service-two .titles, .service-one .titles {
font-size:36px;
line-height:36px;
margin-bottom:49px;
}
.service-one .shouhou .title2, .service-one .jishu .title, .service-one .shouhou .title {
font-size:36px;
line-height:36px;
color:#000;
}
.service-one .shouhou .title span, .service-one .shouhou .title2 span, .service-one .jishu .title span {
width:18px;
height:18px;
margin:3px 10px 0 0;
}
.service-one .shouhou .txt, .service-one .jishu .txt {
font-size:24px;
line-height:50px;
}
.banner-service {
width:700px;
margin:auto;
}
.banner-service li, .banner-service li a, .banner-service li.on a {
width:175px;
height:100px;
line-height:100px;
font-size:28px;
}
.service-one .jishu .box {
width:700px;
margin:auto;
}
.service-two {
width:700px;
margin:auto;
padding-top:50px;
}
.service-two .box .left, .service-two .box .right {
width:100%;
}
.service-two .box .labels {
line-height:50px;
margin-bottom:40px;
}
.service-two .box .labels .name {
font-size:24px;
}
.service-two .box .labels .tel-num, .service-two .box .labels .text1, .service-two .box .labels .text2 {
width:620px;
line-height:40px;
}
.service-two .box .labels .check-box span {
font-size:20px;
}
.service-two .box .labels .check-box span i {
width:15px;
height:15px;
margin:18px 8px;
}
.service-two .box .labels .check-box .check-list .check-click {
width:130px;
background: url(../images/icon-img34.png) 98px 36px no-repeat;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-on {
width:130px;
height:80px;
font-size:20px;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-list {
top:80px;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-list li {
font-size:20px;
line-height:50px;
}
.service-two .box .labels .text2 {
height:400px;
padding-top:5px;
}
.service-two .button {
height:75px;
border-radius:37px;
font-size:24px;
}
.service-two .txts {
font-size:24px;
margin-top:40px;
}
.download {
display:none;
}
.service-list li {
width:100%;
height:auto;
margin-right:0;
padding:35px;
}
.service-list li:nth-child(3n) {
margin-right:0;
}
.service-list li:nth-child(2n) {
margin-right:0;
}
.service-list li .q-title {
font-size:30px;
background-size:auto 45px;
line-height:45px;
padding-left:60px;
}
.service-list li .q-txt {
font-size:24px;
line-height:36px;
background:url(../images/icon-img36.png) left top no-repeat;
background-size:auto 45px;
padding-left:60px;
}
.service4 .box {
width:100%;
height:100%;
}
.service4 .box .title {
font-size:30px;
}
.service4 .box .txt {
font-size:20px;
line-height:40px;
}
.service-two .link a, .service-one .link a {
font-size:26px;
line-height:50px;
width:25%;
margin:0;
}
.service-two .links {
width:100%;
display:table;
margin-bottom:17px;
}
.service-two .links a {
width:33%;
text-align:center;
float:left;
margin-bottom:50px;
}
.service-two .txt {
display:none;
}
.about-label .box {
width:230px;
box-sizing:border-box;
margin:0;
font-size:24px;
line-height:40px;
padding-left:85px;
}
.about-label .box span {
font-size:30px;
line-height:40px;
}
.about-label .box.b1 {
background:url(../images/icon-img9.png) left center no-repeat
}
.about-label .box.b2 {
background:url(../images/icon-img10.png) left center no-repeat
}
.about-label .box.b3 {
background:url(../images/icon-img11.png) left center no-repeat
}
.about-label .box.b1, .about-label .box.b2, .about-label .box.b3 {
background-size:70px;
}
.service-two .box .title {
line-height:40px;
}
.service-two .box .title i {
width:350px;
top:20px;
}
.service-two .box .title span {
font-size:30px;
padding:0 40px;
}
.service-two .box .labels .tel-num::-webkit-input-placeholder, .service-two .box .labels .text1::-webkit-input-placeholder, .service-two .box .labels .text2::-webkit-input-placeholder {
color: #333; font-size:24px;
}
.service-two .box .labels .tel-num:-moz-placeholder, .service-two .box .labels .text1:-moz-placeholder, .service-two .box .labels .text2:-moz-placeholder {
color: #333; font-size:24px;
}
.service-two .box .labels .tel-num::-moz-placeholder, .service-two .box .labels .text1::-moz-placeholder, .service-two .box .labels .text2::-moz-placeholder {
color: #333; font-size:24px;
}
.service-two .box .labels .tel-num:-ms-input-placeholder, .service-two .box .labels .text1:-ms-input-placeholder, .service-two .box .labels .text2:-ms-input-placeholder {
color: #333; font-size:24px;
}
.download-mobel {
display:block;
width:100%;
}
.download-mobel li {
width:100%;
box-sizing:border-box;
border:1px solid #d2d2d2;
margin-bottom:27px;
padding:27px 54px 44px 38px;
}
.download-mobel li .title {
font-size:30px;
line-height:66px;
color:#000;
}
.download-mobel li .txtss {
font-size:20px;
line-height:40px;
color:#666;
background:url(../images/icon-img67.png)right 16px no-repeat;
}
.about-label {
width:100%;
}
.about-label .box:last-child {
margin-right:0;
}
.about-box-one {
width:700px;
margin:auto;
}
.about-box-one .img {
float:initial;
margin:auto;
}
.about-box-one .tbox {
float:initial;
width:100%;
text-align:center;
padding-top:48px;
margin:0;
}
.about-box-one .tbox .title {
font-size:30px;
margin-bottom:36px;
}
.about-box-one .tbox .txt, .about-box-two .txt, .about-box-three .txt {
width:700px;
margin:auto;
font-size:24px;
line-height:40px;
}
.about-box-two .list {
width:700px;
margin:auto;
position:relative;
}
.about-box-two .list .bd {
width:350px;
margin:34px auto 0;
overflow:hidden;
}
.about-box-two .list .bd li {
width:510px;
margin:0;
}
.about-box-two .list .bd li img {
width:100%;
}
.about-box-two .list .prev {
width:50px;
height:50px;
position:absolute;
left:72px;
top:50%;
transform:translateY(-50%);
background-size:100%;
}
.about-box-two .list .next {
width:50px;
height:50px;
position:absolute;
right:72px;
top:50%;
transform:translateY(-50%);
background-size:100%;
}
.about-box-three .list {
width:700px;
position:relative;
}
.about-box-three .list .bd {
width:510px;
margin:50px auto 0;
}
.about-box-three .list li {
width:510px!important;
margin-right:0;
box-sizing:border-box;
}
.about-box-three .list .prev {
width:50px;
height:50px;
position:absolute;
left:17px;
top:55%;
transform:translateY(-50%);
background-size:100%;
}
.about-box-three .list .next {
width:50px;
height:50px;
position:absolute;
right:17px;
top:55%;
transform:translateY(-50%);
background-size:100%;
}
.about-box-four .list {
width:700px;
margin:auto;
}
.about-box-four .list .bd li {
padding:0 0 0 342px
}
.about-box-four .list .bd li:nth-child(2n) {
padding:0 342px 0 0;
}
.about-box-four .list .bd li .time {
font-size:36px;
line-height:36px;
margin-bottom:10px;
}
.about-box-four .list .bd li .txts {
font-size:22px;
padding:9px 0;
padding:0 0 0 43px;
margin-bottom:10px;
}
.about-box-five .list {
width:100%;
}
.about-box-five .list .bd {
width:730px;
margin:auto;
}
.about-box-five .list .bd li {
width:320px;
margin:0 15px;
}
.partner-lsit-mm {
width:94%;
margin:auto;
position:relative;
padding-bottom:36px;
display:block;
margin-bottom:20px!important;
}
.partner-lsit-mm .swiper-slide {
width:50%!important;
box-sizing:border-box;
padding:0 1.5%;
}
.partner-lsit-mm .swiper-slide .box .img {
margin:8px 0 16px;
}
.partner-lsit-mm .swiper-pagination-bullet {
width:15px!important;
height:15px!important;
background:#cbcdd2;
opacity:1!important;
}
.partner-lsit-mm .swiper-pagination-bullet-active {
background:#0a448d;
}
.partner-lsit-mm .swiper-pagination {
bottom:1px!important;
}
.about-box-fives .swiper-slide .box .img {
box-shadow:0 0 5px 2px rgba(222,229,238,.75);
}
.about-news-list li .boxs {
width:700px;
margin:auto;
}
.about-news-list li .boxs .tbox {
width:565px;
}
.about-news-list li .boxs .img {
width:300px;
}
.about-news-list li .boxs .tbox {
width:375px;
padding-top:15px;
}
.about-news-list li .boxs .tbox .time {
font-size:26px;
line-height:30px;
margin-bottom:14px;
}
.about-news-list li .boxs .tbox .title {
font-size:30px;
line-height:34px;
}
.about-news-list li .boxs .tbox .txt {
font-size:24px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.about-news-list li .boxs .tbox .more {
display:none;
}
.about-news-title {
font-size:30px;
line-height:36px;
padding:30px 0;
}
.about-news-title span {
font-size:24px;
line-height:36px;
margin-top:17px;
}
.about-news-show {
font-size:24px;
line-height:45px;
}
.get-back {
font-size:30px;
}
.get-back a {
float:initial;
margin:auto;
}
.culture-menu {
width:100%;
margin-bottom:56px;
}
.culture-menu li {
width:30%;
font-size:28px;
line-height:90px;
}
.culture-menu li.on a {
text-decoration:none;
}
.about-culture-list {
width:700px;
margin:auto;
}
.about-culture-list li {
width:335px;
margin-right:30px;
}
.about-culture-list li .title {
font-size:24px;
line-height:34px;
text-align:left;
padding:18px 0 51px;
}
.about-culture-list li .img img {
width:100%;
}
.about-culture-list li:nth-child(3n) {
margin-right:30px;
}
.about-culture-list li:nth-child(2n) {
margin-right:0;
}
.about-job-lsit li {
width:470px;
margin-right:20px;
}
.about-job-lsit li:nth-child(3n) {
margin-right:20px;
}
.about-job-lsit li:nth-child(2n) {
margin-right:0;
}
.about-title {
font-size:30px;
border:none;
}
.about-title span {
font-size:24px;
line-height:38px;
border-top:1px solid #ddd;
padding-top:30px;
margin-top:27px;
}
.about-txt {
font-size:26px;
line-height:55px;
padding-bottom:60px;
}
.about-job-lsit li {
width:100%;
margin:0 0 43px 0;
}
.about-job-lsit li .title {
font-size:30px;
line-height:66px;
}
.about-job-lsit li .txt {
display:block;
font-size:24px;
line-height:40px;
}
.about-job-lsit li .txt span {
line-height:60px;
}
.about-job-lsit li .more {
display:none;
}
.about-job-lsit li:hover {
background:#fff;
}
.about-job-lsit li:hover .title {
background:url(../images/icon-img42.png) 10px center no-repeat;
color:#000;
}
.about-job-lsit li:hover .txt span {
color:#787878;
}
.about-contact {
width:100%;
}
.about-contact .contact-list .title {
font-size:30px;
padding:22px 0;
}
.about-contact .contact-list .list {
padding:46px 0 38px 25px;
}
.about-contact .contact-list .list .tel, .about-contact .contact-list .list .qq, .about-contact .contact-list .list .email {
width:100%;
margin-bottom:20px;
padding-left:70px;
}
.about-contact .contact-list .list .address {
width:100%;
padding-left:70px;
}
.about-contact .contact-list .list .tel .contact-title, .about-contact .contact-list .list .qq .contact-title, .about-contact .contact-list .list .email .contact-title, .about-contact .contact-list .list .address .contact-title {
font-size:18px;
line-height:24px;
text-transform:uppercase;
}
.about-contact .contact-list .list .tel .contact-txts, .about-contact .contact-list .list .qq .contact-txts, .about-contact .contact-list .list .email .contact-txts, .about-contact .contact-list .list .address .contact-txts {
font-size:18px;
line-height:24px;
}
.searchs .searchs-box {
width:550px;
}
.searchs .search-end {
width:60px;
}
.search-num {
width:700px;
margin:auto;
font-size:16px;
}
.search-list {
width:700px;
margin:auto;
}
.search-list li .title {
font-size:20px;
}
.search-list li .txt {
font-size:16px;
}
.product-one1, .product-one0, .product-one2 {
padding:40px 0;
}
.mobelp-more {
width:100px;
height:40px;
box-sizing:border-box;
border:1px solid #e7e7e7;
font-size:14px;
color:#797979;
text-align:center;
border-radius:20px;
line-height:38px;
display:block;
margin:auto;
margin-top:20px;
}
.fix-menu {
display:none;
}
/*--------------------------------------*/
}
@media (max-width:767px) {
.about-box-two .list-pc {
display:none;
}
.about-box-two .list-pb {
display:none;
}
.about-box-two .list-mm {
display:block;
}
.about-box-three .list-pc {
display:none;
}
.about-box-three .list-pb {
display:none;
}
.about-box-three .list-mm {
display:block;
}
.about-box-one .img .prev {
width:30px;
height:30px;
position:absolute;
z-index:2;
background:url(../images/icon-img68.png) center center no-repeat;
background-size:100%;
left:18px;
top:50%;
transform:translateY(-50%);
}
.about-box-one .img .next {
width:30px;
height:30px;
position:absolute;
z-index:2;
background:url(../images/icon-img69.png) center center no-repeat;
background-size:100%;
right:18px;
top:50%;
transform:translateY(-50%);
}
/*index*/
.header, .header-height {
width:100%;
height:60px;
}
.header .logo {
height:60px;
margin-top:0;
margin-left:16px;
width:110px;
background-size:100%;
}
.header .logo img {
width:100%;
}
.header .header-box .menu {
display:none;
}
.header .header-box .search {
width:60px;
height:60px;
}
.header .header-box .language a {
width:50px;
height:60px;
padding-left:15px;
padding-top:26px;
border-left:1px solid #e6e3e3;
}
.header .header-box .language a:first-child {
display:none;
}
.s-menu-box {
display:none;
}
.mobel-menu {
width:21px;
height:60px;
float:left;
box-sizing:border-box;
padding-top:22px;
margin-right:15px;
display:block;
position:relative;
}
.mobel-menu span {
height:2px;
display:block;
background:#666;
transition:all ease .3s;
}
.mobel-menu .s1 {
width:21px;
margin-bottom:6px;
}
.mobel-menu.on .s1 {
margin-left:3px;
margin-top:7px;
-webkit-transform:rotateZ(45deg);
transform:rotateZ(45deg);
}
.mobel-menu .s2 {
width:13px;
margin-bottom:6px;
}
.mobel-menu.on .s2 {
display:none;
}
.mobel-menu .s3 {
width:21px;
}
.mobel-menu.on .s3 {
margin-left:3px;
margin-top:-8px;
-webkit-transform:rotateZ(-45deg);
transform:rotateZ(-45deg);
}
.mobel-menus {
width:100%;
height:100%;
overflow-y:auto;
position:fixed;
top:0;
left:0;
z-index:5;
background:#f2f2f2;
padding:65px 0;
display:none;
box-sizing:border-box;
}
.mobel-menus li {
width:100%;
}
.mobel-menus li .box {
width:94%;
margin:auto;
display:table;
border-bottom:1px solid #c5c5c5;
}
.mobel-menus li:last-child .box {
border-bottom:none;
}
.mobel-menus li.on .box {
border-bottom:none;
}
.mobel-menus li .box .mobel-menus-l1 {
float:left;
width:85%;
height:63px;
line-height:63px;
font-size:15px;
color:#000;
display:block;
}
.mobel-menus li .box i {
width:15%;
float:right;
height:63px;
background:url(../images/icon-img56.png) center center no-repeat;
display:block;
float:right;
}
.mobel-menus li .boxs {
width:100%;
background:#e6e6e6;
padding-bottom:17px;
display:none;
}
.mobel-menus li.on .boxs {
display:block;
}
.mobel-menus li .boxs .mobel-menus-l2 {
width:94%;
height:55px;
line-height:55px;
margin:auto;
font-size:14px;
color:#333;
border-bottom:1px solid #c9c9c9;
display:block;
}
.mobel-menus li .boxs .mobel-menus-l2:last-child {
border-bottom:none;
}
.banner-pc, .ny-banner {
display:none;
}
.banner-m {
display:block;
}
.ny-banner-mobels {
display:none;
}
.ny-banner-mobel {
display:block;
position:relative;
}
.ny-banner-mobel img {
width:100%;
}
.banner-service {
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
z-index:2;
}
.banner-product {
position:absolute;
width:auto;
left:6%;
top:0;
z-index:2;
padding-left:0;
}
.banner-product .title {
font-size:18px;
line-height:18px;
color:#e4f0ff;
margin-top:40px;
margin-bottom:12px;
}
.banner-product .txt {
width:160px;
font-size:12px;
line-height:18px;
color:#c5c7cb;
margin-bottom:10px;
}
.banner-product .l-box {
display:inline-block;
font-size:12px;
}
.banner-product .l-box a {
width:100px;
height:24px;
box-sizing:border-box;
border:1px solid #fff;
border-radius:13px;
text-align:center;
line-height:24px;
color:#c5c7cb;
display:block;
float:initial;
margin-right:0;
margin-bottom:15px;
font-size:12px;
}
.banner-product .l-box a:hover {
color:#bbd7f9;
border:1px solid #bbd7f9;
box-shadow:0 0 10px 8px rgba(10,68,141,.75);
}
.banner-swiper, .index-banner {
width:100%;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom:10px!important;
}
.swiper-pagination-bullet {
width:7px!important;
height:7px!important;
background:#fff;
opacity:.5;
}
.swiper-pagination-bullet-active {
opacity:1;
}
.index-title-box {
padding:25px 0 30px 0;
}
.index-title-box .box {
top:35px;
}
.index-title-box .box s {
width:80px;
margin-bottom:5px;
}
.index-title-box i {
font-size:50px;
line-height:32px;
}
.index-title-box .box .ch {
font-size:16px;
line-height:16px;
margin-bottom:9px;
}
.index-title-box .box .en {
font-size:12px;
line-height:15px;
}
.index-news .index-title-box {
padding: 55px 0 22px 0;
}
.index-news .index-title-box .box {
top:65px;
}
.index-partner .index-title-box {
padding: 43px 0 38px 0;
}
.index-partner .index-title-box .box {
top:53px;
}
.index-advantage {
width:100%;
padding:20px 0 25px 0;
display:table;
}
.advantage-box {
height:auto;
text-align:center;
}
.advantage-box.b1 {
width:33%;
border:none;
padding:40px 0 0 0;
background:url(../images/icon-img6.png) center top no-repeat;
background-size:40px;
float:left;
}
.advantage-box.b2 {
width:33%;
border:none;
padding:40px 0 0 0;
background:url(../images/icon-img7.png) center top no-repeat;
background-size:40px;
float:left;
}
.advantage-box.b3 {
width:33%;
border:none;
padding:40px 0 0 0;
background:url(../images/icon-img8.png) center top no-repeat;
background-size:40px;
float:left;
}
.advantage-box .title {
font-size:15px;
}
.advantage-box .txt {
font-size:12px;
line-height:16px;
}
.index-about {
width:94%;
margin:auto;
position:relative;
}
.index-about .img {
width:100%;
}
.index-about .img img {
width:100%;
}
.index-about .tboxs {
position:relative;
width:100%;
margin:0;
background:none;
}
.index-about .tboxs {
padding-left:0;
padding-bottom:30px;
height:auto!important;
}
.index-about .tboxs .title {
position:relative;
line-height:16px;
padding-top:35px;
margin-bottom:8px;
text-align:center;
}
.index-about .tboxs .title i {
font-family:Arial;
font-size:50px;
color:#e5ebf4;
}
.index-about .tboxs .title span {
font-size:16px;
color:#0a448d;
position:absolute;
z-index:2;
left:50%;
transform:translateX(-50%);
}
.index-about .tboxs .tbox {
width:100%;
margin-bottom:23px;
text-align:center;
line-height:20px;
font-size:12px;
padding:0 10px;
}
.index-about .tboxs .label-box {
width:100%;
}
.index-about .tboxs .tbox span {
font-size:15px;
margin-bottom:10px;
}
.index-about .tboxs .label-box .box {
font-size:12px;
line-height:14px;
padding-left:35px;
}
.index-about .tboxs .label-box .box span {
font-size:20px;
line-height:14px;
}
.index-about .tboxs .label-box .box.b1 {
width:33%;
background:url(../images/icon-img9.png) left center no-repeat;
background-size:30px;
}
.index-about .tboxs .label-box .box.b2 {
width:33%;
background:url(../images/icon-img10.png) left center no-repeat;
background-size:30px;
}
.index-about .tboxs .label-box .box.b3 {
width:33%;
background:url(../images/icon-img11.png) left center no-repeat;
background-size:30px;
}
.index-case {
width:94%;
margin:auto;
}
.index-case .list {
width:100%;
margin:auto;
padding:20px 0 30px;
}
.index-case .list li {
width:48.5%;
margin-right:3%;
margin-bottom:20px;
}
.index-case .list li:nth-child(2n) {
margin-right:0;
}
.index-case .list li .tbox {
padding:18px 0 0 0;
}
.index-case .list li .tbox .tbox-title {
font-size:15px;
line-height:15px;
margin-bottom:3px;
}
.index-case .list li .tbox .tbox-txt {
font-size:12px;
line-height:15px;
margin-bottom:8px;
}
.index-case .list li .tbox .tbox-more {
width:70px;
height:25px;
line-height:23px;
border-radius:12px;
font-size:12px;
}
.index-product .list-boxs {
display:none;
}
.mobel-list-box {
width:94%;
margin:auto;
display:block;
padding-bottom:60px;
}
.index-product-list {
width:100%;
}
.index-product-list .bd {
width:100%;
}
.index-product-list .bd li {
width:48.5%;
margin-right:3%;
margin-bottom:15px;
}
.index-product-list .bd li:nth-child(2n) {
margin-right:0;
}
.index-product-box {
width:100%;
height:190px;
padding:10px 12px;
}
.index-product-box .title {
font-size:16px;
}
.index-product-box .txt {
display:none;
}
.index-product-menu {
padding:13px 0 24px;
}
.index-product-menu li {
width:130px;
height:25px;
line-height:23px;
border-radius:12px;
color:#010101;
margin:10px 10px;
font-size:12px;
}
.index-product-box .list {
width:100%!important;
display:block;
margin-top:10px;
padding-top:10px;
}
.index-product-box .list li {
width:100%;
float:left;
margin-right:0;
margin-bottom:5px;
box-sizing:border-box;
font-size:13px;
line-height:24px;
padding-left:10px;
}
.index-product-box .list li:nth-child(5) {
display:none;
}
.index-product-box .list li:nth-child(6) {
display:none;
}
.index-product-list .bd li a .title {
bottom:-25px;
font-size:12px;
}
.index-news-box {
width:100%;
padding:16px 0 36px;
}
.hot-news {
width:94%;
margin:auto;
float:initial;
margin-bottom:32px;
}
.hot-news .tbox {
padding:10px 5px 0 ;
}
.hot-news .tbox .time {
font-size:12px;
}
.hot-news .tbox .title {
font-size:15px;
line-height:15px;
margin-bottom:6px;
}
.hot-news .tbox .txt {
font-size:12px;
line-height:15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space:initial;
margin:7px 0 15px 0;
}
.hot-news .tbox .more {
width:70px;
height:25px;
line-height:23px;
border-radius:12px;
font-size:12px;
}
.news-list {
width:94%;
margin:auto;
float:initial;
}
.news-list li {
padding:25px 15px;
margin-bottom:20px;
}
.news-list li .time {
font-size:13px;
line-height:13px;
margin-bottom:8px;
}
.news-list li .title {
font-size:15px;
line-height:15px;
margin-bottom:16px;
}
.news-list li .txt {
font-size:12px;
line-height:15px;
margin-bottom:15px;
}
.news-list li .more {
width:70px;
height:25px;
line-height:23px;
border-radius:12px;
font-size:12px;
}
.menu-title {
font-size:24px;
}
.partner-lsit {
width:94%;
margin:auto;
}
.partner-lsit-pc {
display:none;
}
.partner-lsit-m {
display:none;
}
.partner-lsit-mm {
width:94%;
margin:auto;
position:relative;
padding-bottom:36px;
display:block;
}
.partner-lsit-mm .swiper-slide {
width:50%!important;
box-sizing:border-box;
padding:0 1.5%;
}
.partner-lsit-mm .swiper-slide .box .img {
margin:8px 0 16px;
}
.partner-lsit-mm .swiper-pagination-bullet {
width:7px!important;
height:7px!important;
background:#cbcdd2;
opacity:1!important;
}
.partner-lsit-mm .swiper-pagination-bullet-active {
background:#0a448d;
}
.partner-lsit-mm .swiper-pagination {
bottom:21px!important;
}
.index-advisory{
display:none;
}
.footer {
display:none;
}
.foot-m {
width:100%;
background:#171717;
display:block;
}
.foot-m li {
width:100%;
}
.foot-m li .box {
width:94%;
margin:auto;
display:table;
border-bottom:1px solid rgba(197,197,197,.3);
}
.foot-m li:last-child .box {
border-bottom:none;
}
.foot-m li.on .box {
border-bottom:none;
}
.foot-m li .box .mobel-menus-l1 {
float:left;
width:85%;
height:56px;
line-height:56px;
font-size:15px;
color:#fff;
display:block;
}
.foot-m li .box i {
width:15%;
float:right;
height:56px;
background:url(../images/icon-img57.png) center center no-repeat;
background-size:35%;
display:block;
float:right;
}
.foot-m li .boxs {
width:100%;
background:#2d2d2d;
padding-bottom:8px;
display:none;
}
.foot-m li.on .boxs {
display:block;
}
.foot-m li .boxs .mobel-menus-l2 {
width:94%;
height:55px;
line-height:55px;
margin:auto;
font-size:15px;
color:#fff;
border-bottom:1px solid rgba(201,201,201,.3);
display:block;
}
.foot-m li .boxs .mobel-menus-l2:last-child {
border-bottom:none;
}
.fx-bq {
width:100%;
}
.fx-box {
width:100%;
padding:16px 0 22px;
text-align:center;
border-bottom:1px solid #404040;
margin-top:0;
}
.fx-box a {
width:30px;
height:30px;
display:inline-block;
margin:0 12px;
}
.bq-box {
width:100%;
text-align:center;
font-size:12px;
line-height:24px;
color:#ababab;
padding:14px 0 20px;
}
.bq-box a {
color:#ababab;
}
.foot-ms-h {
width:100%;
height:58px;
display:block;
}
.foot-ms {
width:100%;
height:58px;
position:fixed;
z-index:9;
left:0;
bottom:0;
background:#f1f1f1;
display:block;
}
.foot-ms a {
width:25%;
height:58px;
display:block;
float:left;
text-align:center;
font-size:13px;
line-height:16px;
color:#333;
box-sizing:border-box;
padding-top:35px;
}
.foot-ms a.tel {
background:url(../images/icon-img63.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.qq {
background:url(../images/icon-img64.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.cp {
background:url(../images/icon-img65.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.ql {
background:url(../images/icon-img66.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.tel.on {
color:#fff;
background:#0a448d url(../images/icon-img63-1.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.qq.on {
color:#fff;
background:#0a448d url(../images/icon-img64-1.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.cp.on {
color:#fff;
background:#0a448d url(../images/icon-img65-1.png) center 5px no-repeat;
background-size:30px;
}
.foot-ms a.ql.on {
color:#fff;
background:#0a448d url(../images/icon-img66-1.png) center 5px no-repeat;
background-size:30px;
}
.menu-address {
display:none;
}
.product-box {
width:94%;
margin:auto;
}
.product-one1, .product-one0, .product-one2 {
padding:40px 0;
}
.product-box .img {
width:50%;
height:auto;
}
.product-box .img img {
width:100%;
}
.product-box .tbox {
width:45%;
margin-right:0;
}
.product-box .tbox .title {
font-size:18px;
line-height:18px;
margin:0;
padding:10px 0 10px;
}
.product-box .tbox .txt {
font-size:12px;
line-height:20px;
margin:0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.product-box .tbox .list {
display:none;
}
.product-box .tbox .product-more {
display:none;
}
.product-box .lists {
width:100%;
display:table;
padding-top:15px;
}
.product-box .lists li {
width:30%;
box-sizing:border-box;
float:left;
margin-right:5%;
box-sizing:border-box;
border:1px solid #e7e7e7;
}
.product-box .lists li:last-child {
margin-right:0;
}
.product-box .lists li img {
width:100%;
}
.product-one1, .product-one0, .product-one2 {
padding:40px 0;
}
.mobelp-more {
width:100px;
height:40px;
box-sizing:border-box;
border:1px solid #e7e7e7;
font-size:14px;
color:#797979;
text-align:center;
line-height:38px;
border-radius:20px;
display:block;
margin:auto;
margin-top:20px;
}
.product2-box {
width:94%;
margin:auto;
}
.product2-menu li {
width:100px;
height:40px;
}
.product2-menu li:nth-child(4n) {
border-left:1px solid #e0e0e0;
border-top:0 none #e0e0e0;
}
.product2-menu li a {
line-height:40px;
font-size:12px;
}
.product2-list li {
width:100%;
height:auto;
margin-right:0;
}
.product2-list li .img {
width:42%;
height:auto;
box-sizing:border-box;
}
.product2-list li .tbox {
width:46%;
padding-top:15px;
}
.product2-list li .tbox .title {
font-size:15px;
line-height:15px;
height:45px;
color:#000;
margin-bottom:12px;
}
.product2-list li .tbox .title span {
font-size:12px;
margin-top:5px;
}
.product2-list li .tbox .txt {
font-size:12px;
line-height:15px;
margin-bottom:13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product2-list li .tbox .more {
font-size:12px;
width:70px;
height:25px;
line-height:23px;
border-radius:12px;
}
.page-pc {
display:none;
}
.page-mobel {
display:block;
margin:22px 0 50px;
}
.page-list a {
width:35px;
height:35px;
line-height:34px;
font-size:15px;
margin:0 5px;
border-right:1px solid #ddd;
}
.product3-box1 {
padding:36px 0;
}
.product3-box1 .box {
width:94%;
margin:auto;
}
.product3-box1 .box .img {
width:300px;
height:auto;
margin:auto;
float:initial;
position:relative;
}
.product3-box1 .tbox {
width:100%;
margin:0;
text-align:center;
}
.product3-box1 .tbox .title {
font-size:18px;
margin-bottom:13px;
}
.product3-box1 .tbox .cagetroy {
font-size:12px;
margin-bottom:11px;
}
.product3-box1 .tbox .txt {
font-size:12px;
line-height:30px;
margin:0;
}
.product3-box1 .tbox .list {
display:none;
}
.product3-menu {
display:none;
}
.product3-boxs .boxs-one {
height:auto;
background-size:auto 100%;
}
.product3-boxs .boxs-one .title {
font-size:18px;
padding:30px 0 15px;
}
.product3-boxs .boxs-one .txt {
width:94%;
margin:auto;
font-size:12px;
line-height:24px;
padding-bottom:32px;
}
.product3-boxs .box-two {
width:94%;
margin:auto;
}
.product3-boxs .box-two .title {
font-size:18px;
color:#000;
}
.product3-boxs .box-two .txt{
font-size:14px;
line-height:36px;
}
.product3-boxs .box-two .list li {
width:100%;
margin-right:0;
line-height:45px;
}
.product3-boxs .box-two .list li .t1 {
width:25%;
font-size:12px;
}
.product3-boxs .box-two .list li .t2 {
width:70%;
font-size:12px;
}
.product3-boxs .box-three {
padding-bottom:35px;
}
.product3-boxs .box-three .title {
font-size:25px;
padding:30px 0 24px;
}
.product3-boxs .box-three .txt{
font-size:14px;
line-height:36px;
}
.product3-boxs .box-three .list{
width:94%;
margin:auto;
}
.product3-boxs .box-three .list li .img, .product3-boxs .box-three .list li:nth-child(2n) .img {
width:100%;
margin:auto;
float:initial;
}
.product3-boxs .box-three .list li .tbox {
width:100%;
text-align:center;
float:initial;
margin:auto;
padding:0;
}
.product3-boxs .box-four {
width:100%;
padding-bottom:30px;
}
.product3-boxs .box-four .title {
font-size:25px;
padding:30px 0 24px;
}
.product3-boxs .box-four .list {
display:none;
}
.product3-boxs .box-four .lists {
width:94%;
margin:auto;
display:table;
}
.product3-boxs .box-four .lists li {
width:48.5%;
float:left;
margin-right:3%;
}
.product3-boxs .box-four .lists li:nth-child(2n) {
margin-right:0;
}
.product3-boxs .box-four .lists li .img {
width:100%;
}
.product3-boxs .box-four .lists li .img img {
width:100%;
}
.product3-boxs .box-three .list li .tbox .tbox-title {
font-size:15px;
line-height:15px;
margin-bottom:10px;
}
.product3-boxs .box-three .list li .tbox .tbox-txt {
font-size:12px;
line-height:25px;
}
.product3-boxs .box-four .lists li .title {
font-size:12px;
line-height:15px;
padding:15px 0 20px;
}
.product3-boxs .txt td{
line-height:1.5;
padding:5px;
}
.product3-boxs .txt td:nth-child(2n-1) {
width:36%;
}
.product3-boxs .txt td:nth-child(2n) {
width:64%;
}
.case-list {
width:94%;
margin:auto;
padding-top:25px;
}
.case-list li {
position:relative;
}
.case-list li .img {
width:100%;
}
.case-list li .img img {
width:100%;
}
.case-list li .tbox {
width:100%;
position:absolute;
left:0;
bottom:0;
background:rgba(0,0,0,.5);
box-sizing:border-box;
padding:15px;
}
.case-list li .tbox .title {
font-size:18px;
line-height:18px;
color:#fff;
margin-bottom:10px;
}
.case-list li .tbox .txt {
font-size:12px;
line-height:18px;
color:#fff;
opacity:.8;
margin:0;
}
.case-list li .tbox .more {
display:none;
}
.case2 {
width:94%;
margin:auto;
padding:23px 0 40px;
}
.case2 .tbox {
width:100%;
margin-bottom:27px;
}
.case2 .tbox .title {
font-size:18px;
line-height:18px;
padding-top:15px;
margin-bottom:15px;
}
.case2 .tbox .txt {
font-size:12px;
line-height:20px;
margin-bottom:15px;
}
.case2 .tbox .more {
width:70px;
height:25px;
line-height:23px;
font-size:12px;
}
.case2 .img {
width:100%;
}
.case2 .img img {
width:100%;
}
.service-one .shouhou .box {
width:94%;
margin:auto;
padding:30px 0;
}
.service-two .titles, .service-one .titles {
font-size:18px;
line-height:18px;
margin-bottom:25px;
}
.service-one .shouhou .title2, .service-one .jishu .title, .service-one .shouhou .title {
font-size:18px;
line-height:18px;
color:#000;
}
.service-one .shouhou .title span, .service-one .shouhou .title2 span, .service-one .jishu .title span {
width:9px;
height:9px;
margin:0 10px 0 0;
}
.service-one .shouhou .txt, .service-one .jishu .txt {
font-size:12px;
line-height:25px;
}
.banner-service {
width:94%;
margin:auto;
}
.banner-service li {
width:25%;
}
.banner-service li a, .banner-service li.on a {
height:50px;
line-height:50px;
font-size:14px;
}
.service-one .jishu .box {
width:94%;
margin:auto;
padding:15px 0 30px;
}
.service-two {
width:94%;
margin:auto;
padding:25px 0 60px;
}
.service-two .link a, .service-one .link a {
font-size:13px;
line-height:25px;
width:25%;
margin:0;
}
.service-two .link, .service-one .link {
margin-bottom:10px;
}
.service-two .links {
width:100%;
display:table;
}
.service-two .links a {
width:33%;
text-align:center;
float:left;
margin-bottom:20px;
}
.service-two .txt {
display:none;
}
.service-two .box .title {
line-height:20px;
}
.service-two .box .title i {
width:50%;
top:10px;
}
.service-two .box .title span {
font-size:15px;
padding:0 20px;
}
.service-two .box .labels .text1 {
margin-left:0;
}
.service-two .box .labels .tel-num::-webkit-input-placeholder, .service-two .box .labels .text1::-webkit-input-placeholder, .service-two .box .labels .text2::-webkit-input-placeholder {
color: #333; font-size:14px;
}
.service-two .box .labels .tel-num:-moz-placeholder, .service-two .box .labels .text1:-moz-placeholder, .service-two .box .labels .text2:-moz-placeholder {
color: #333; font-size:14px;
}
.service-two .box .labels .tel-num::-moz-placeholder, .service-two .box .labels .text1::-moz-placeholder, .service-two .box .labels .text2::-moz-placeholder {
color: #333; font-size:14px;
}
.service-two .box .labels .tel-num:-ms-input-placeholder, .service-two .box .labels .text1:-ms-input-placeholder, .service-two .box .labels .text2:-ms-input-placeholder {
color: #333; font-size:14px;
}
.service-two .box .left, .service-two .box .right {
width:100%;
}
.service-two .box .labels {
line-height:39px;
margin-bottom:10px;
}
.service-two .box .labels .name {
font-size:14px;
line-height:39px;
padding-top:0;
box-sizing:border-box;
}
.service-two .box .labels .tel-num, .service-two .box .labels .text1, .service-two .box .labels .text2 {
width:90%;
height:40px;
line-height:40px;
float:left;
}
.service-two .box .labels .check-box span {
font-size:14px;
}
.service-two .box .labels .check-box span i {
width:8px;
height:8px;
margin:16px 8px;
}
.service-two .box .labels .check-box .check-list .check-click {
width:100px;
background: url(../images/icon-img34.png) 78px 18px no-repeat;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-on {
width:100px;
height:40px;
font-size:14px;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-list {
top:40px;
}
.service-two .box .labels .check-box .check-list .check-click .check-click-list li {
font-size:14px;
line-height:40px;
}
.service-two .box .labels .text2 {
height:200px;
padding-top:0;
}
.service-two .button {
width:50%;
height:30px;
border-radius:15px;
font-size:14px;
}
.service-two .txts {
font-size:14px;
margin-top:20px;
}
.download {
display:none;
}
.service-list li {
width:100%;
height:auto;
margin-right:0;
margin-bottom:18px;
padding:12px;
}
.service-list li:nth-child(3n) {
margin-right:0;
}
.service-list li:nth-child(2n) {
margin-right:0;
}
.service-list li .q-title {
font-size:15px;
background-size:auto 24px;
line-height:24px;
padding-left:30px;
margin-bottom:8px;
}
.service-list li .q-txt {
font-size:12px;
line-height:18px;
background:url(../images/icon-img36.png) left top no-repeat;
background-size:auto 24px;
padding-left:30px;
}
.service4 .box {
width:100%;
height:100%;
padding:20px;
}
.service4 .box .title {
font-size:15px;
padding-left:35px;
margin-bottom:13px;
background:url(../images/icon-img37.png) 6px center no-repeat;
background-size:24px;
}
.service4 .box .txt {
font-size:13px;
line-height:25px;
padding-left:35px;
padding-top:12px;
background:url(../images/icon-img38.png) 6px 12px no-repeat;
background-size:24px;
}
.service4 .box .service4-end {
width:16px;
height:16px;
top:20px;
right:20px;
}
.download-mobel {
display:block;
width:100%;
}
.download-mobel li {
width:100%;
box-sizing:border-box;
border:1px solid #d2d2d2;
margin-bottom:27px;
padding:14px 25px;
}
.download-mobel li .title {
font-size:15px;
line-height:30px;
color:#000;
}
.download-mobel li .txtss {
font-size:12px;
line-height:20px;
color:#666;
background:url(../images/icon-img67.png)right 8px no-repeat;
background-size:20px;
}
.about-label {
width:100%;
padding:25px 3%;
box-sizing:border-box;
display:table;
}
.about-label .box {
width:33%;
box-sizing:border-box;
float:left;
margin:0;
font-size:12px;
line-height:18px;
padding-left:40px;
}
.about-label .box span {
font-size:18px;
line-height:18px;
}
.about-label .box.b1 {
background:url(../images/icon-img9.png) left center no-repeat;
}
.about-label .box.b2 {
background:url(../images/icon-img10.png) left center no-repeat;
}
.about-label .box.b3 {
width:34%;
background:url(../images/icon-img11.png) left center no-repeat;
}
.about-label .box.b1, .about-label .box.b2, .about-label .box.b3 {
background-size:30%;
}
.about-label .box:last-child {
margin-right:0;
}
.about-box-one {
width:94%;
margin:auto;
padding:30px 0;
}
.about-box-one .img {
float:initial;
width:85%;
margin:auto;
}
.about-box-one .tbox {
float:initial;
width:100%;
text-align:center;
padding-top:24px;
margin:0;
}
.about-box-one .tbox .title {
font-size:16px;
margin-bottom:18px;
}
.about-box-one .tbox .txt, .about-box-two .txt, .about-box-three .txt {
width:94%;
margin:auto;
font-size:14px;
line-height:20px;
}
.about-box-two {
padding:40px 0;
}
.about-box-two .title {
font-size:18px;
line-height:18px;
}
.about-box-two .list {
width:94%;
margin:auto;
position:relative;
}
.about-box-two .list .bd {
width:300px;
margin:16px auto 0;
overflow:hidden;
}
.about-box-two .list .bd li {
width:300px;
margin:0;
}
.about-box-two .list .bd li img {
width:100%;
}
.about-box-two .list .prev {
width:40px;
height:40px;
position:absolute;
left:0;
top:50%;
z-index:8;
transform:translateY(-50%);
background-size:100%;
}
.about-box-two .list .next {
width:40px;
height:40px;
position:absolute;
right:0;
top:50%;
z-index:8;
transform:translateY(-50%);
background-size:100%;
}
.about-box-three {
padding:30px 0;
}
.about-box-three .title {
font-size:18px;
line-height:18px;
}
.about-box-three .list {
width:94%;
position:relative;
}
.about-box-three .list .bd {
width:300px;
margin:25px auto 0;
}
.about-box-three .list li {
width:300px!important;
margin-right:0;
box-sizing:border-box;
}
.about-box-three .list .prev {
width:40px;
height:40px;
position:absolute;
left:-10px;
top:55%;
z-index:8;
transform:translateY(-50%);
background-size:100%;
}
.about-box-three .list .next {
width:40px;
height:40px;
position:absolute;
right:-10px;
top:55%;
z-index:8;
transform:translateY(-50%);
background-size:100%;
}
.about-box-four {
padding:40px 0 30px;
}
.about-box-four .title {
font-size:18px;
line-height:18px;
}
.about-box-four .list {
width:94%;
margin:auto;
}
.about-box-four .list .bd li {
padding:0 0 0 47.82%;
}
.about-box-four .list .bd li:nth-child(2n) {
padding:0 47.82% 0 0;
}
.about-box-four .list .bd li .time {
font-size:18px;
line-height:18px;
margin-bottom:10px;
}
.about-box-four .list .bd li .txts {
font-size:12px;
}
.about-box-five {
padding:35px 0 15px;
}
.about-box-five .title {
font-size:18px;
line-height:18px;
margin-bottom:10px;
}
.about-box-five .list {
display:none;
}
.about-box-fives .swiper-slide .box .img {
box-shadow:0 0 5px 2px rgba(222,229,238,.75);
}
.about-news-list li {
padding:21px 0;
}
.about-news-list li .boxs {
width:94%;
margin:auto;
}
.about-news-list li .boxs .tbox {
width:565px;
}
.about-news-list li .boxs .img {
width:40%;
}
.about-news-list li .boxs .tbox {
width:58%;
padding-top:12px;
}
.about-news-list li .boxs .tbox .time {
font-size:13px;
line-height:14px;
margin-bottom:4px;
}
.about-news-list li .boxs .tbox .title {
font-size:15px;
line-height:18px;
margin-bottom:3px;
}
.about-news-list li .boxs .tbox .txt {
width:100%;
font-size:12px;
line-height:16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom:0;
}
.about-news-list li .boxs .tbox .more {
display:none;
}
.about-news-title {
font-size:15px;
line-height:18px;
padding:15px 0;
}
.about-news-title span {
font-size:14px;
line-height:18px;
margin-top:8px;
}
.about-news-show {
font-size:14px;
line-height:20px;
}
.get-back {
font-size:15px;
margin:11px 0 30px;
}
.get-back a {
float:initial;
margin:auto;
}
.culture-menu {
width:100%;
margin-bottom:24px;
}
.culture-menu li {
width:30%;
font-size:14px;
line-height:40px;
}
.culture-menu li.on a {
text-decoration:none;
}
.about-culture-list {
width:94%;
margin:auto;
}
.about-culture-list li {
width:48.5%;
margin-right:3%;
}
.about-culture-list li .title {
font-size:12px;
line-height:17px;
text-align:left;
padding:9px 0 25px;
}
.about-culture-list li .img img {
width:100%;
}
.about-culture-list li:nth-child(3n) {
margin-right:3%;
}
.about-culture-list li:nth-child(2n) {
margin-right:0;
}
.about-job-lsit li {
width:100%;
margin:0 0 20px 0;
padding:10px;
}
.about-job-lsit li .title {
font-size:18px;
line-height:30px;
background-size:6%;
padding-left:12%;
}
.about-job-lsit li:nth-child(3n) {
margin-right:0;
}
.about-job-lsit li:nth-child(2n) {
margin-right:0;
}
.about-job-lsit li .txt {
display:block;
font-size:12px;
line-height:20px;
margin-bottom:0;
}
.about-job-lsit li .txt span {
line-height:30px;
}
.about-job-lsit li .more {
display:none;
}
.about-job-lsit li:hover {
background:#fff;
}
.about-job-lsit li:hover .title {
background:url(../images/icon-img42.png) 10px center no-repeat;
color:#000;
}
.about-job-lsit li:hover .txt span {
color:#787878;
}
.about-title {
font-size:15px;
border:none;
}
.about-title span {
font-size:14px;
line-height:18px;
border-top:1px solid #ddd;
padding-top:15px;
margin-top:13px;
}
.about-txt {
font-size:14px;
line-height:24px;
padding-bottom:30px;
}
.about-contact {
width:100%;
}
.about-contact .contact-list .title {
font-size:15px;
padding:11px 0;
}
.about-contact .contact-list .list {
padding:24px 0 15px 10px;
}
.about-contact .contact-list .list .tel, .about-contact .contact-list .list .qq, .about-contact .contact-list .list .email {
width:100%;
margin-bottom:10px;
padding-left:38px;
background-size:10%;
}
.about-contact .contact-list .list .address {
width:100%;
padding-left:38px;
background-size:10%;
}
.about-contact .contact-list .list .tel .contact-title, .about-contact .contact-list .list .qq .contact-title, .about-contact .contact-list .list .email .contact-title, .about-contact .contact-list .list .address .contact-title {
font-size:14px;
line-height:20px;
text-transform:uppercase;
}
.about-contact .contact-list .list .tel .contact-txts, .about-contact .contact-list .list .qq .contact-txts, .about-contact .contact-list .list .email .contact-txts, .about-contact .contact-list .list .address .contact-txts {
font-size:12px;
line-height:16px;
}
.searchs {
padding:20px 0;
}
.searchs .searchs-box {
width:75%;
height:45px;
}
.searchs .searchs-box .search-txt {
width:70%;
height:45px;
padding-left:15px;
}
.searchs .searchs-box .search-tb {
height:45px;
width:30%;
}
.searchs .search-end {
width:10%;
height:45px;
}
.search-num {
width:94%;
margin:auto;
font-size:16px;
padding:15px 0;
}
.search-list {
width:94%;
margin:auto;
}
.search-list li {
padding-bottom:12px;
margin-bottom:14px;
}
.search-list li .title {
font-size:16px;
margin-bottom:5px;
}
.search-list li .txt {
font-size:14px;
}
.search-list li .label {
line-height:24px;
}
.service-two .box .labels .name span {
line-height:23px;
}
.fix-menu {
display:none;
}
/*--------------------------------------*/
}
@media(max-width:360px) {
.service-two .box .labels .tel-num, .service-two .box .labels .text1, .service-two .box .labels .text2 {
width:85%;
}
}
/*在线客服代码*/
.rides-cs { background:rgba(51,51,51,0.9); position: fixed; bottom: 10px; right: 1px; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn { background: #F7F7F7; }
.rides-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 24px; padding: 5px}
.rides-cs .cn ul { padding: 0 0 0 8px;}
.rides-cs .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:0; left: 0; background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block; width: 20px; height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
@media(max-width:540px) {
.rides-cs{display:none;}
}