#footer{background-color:#262626;color:#888;} #footer a{color:#888;} #footer a:hover{color:#888} .kefu2 .kefuitem{background-color:#222222;} .kefu2 .to-top .ico2{border-bottom-color:#222222;} .kefu4 .to-top a,.kefu4 a,.kefu4 i{color:#222222;} .kefu4 .to-top:hover .ico2{border-bottom-color:#222222;} .kefu4 .kefuitem:hover{background-color:#222222;} .box-first:hover .dis-more, .box:hover .dis-more{background-color:#222222;border-color:#222222;color:#fff;} #header{background:#fff} .pc .h-1 #nav{background:#fff;border-top:1px solid #dadfe1;} .h30{border-top:1px solid #dadfe1} .btn:hover,.btn-c .btn, .formbutton, #pagination a.curr {background-color:#222222;border-color:#222222;color:#fff} .fullscreen .tab-hd-list li.on a, .fullscreen .tab-hd-list li a:hover{background-color:#222222;border-color:#222222 !important;color:#fff !important;} .pc #nav ul li .a1{border-bottom:2px solid transparent;} #body .tabopen-2 .tab-hd li.on a, #body .tabopen-2 .tab-hd li a:hover{background-color: transparent !important;color:#222222 !important} .pc .fixed-h #nav ul li.selected a.a1{border-color:transparent;color:inherit;} .pc .fixed-h #nav ul li:hover.selected a.a1, .pc #nav ul li.on .a1, .pc #nav ul li .a1:hover{border-color:#222222;color:#222222;} .pc #nav ul li ul{margin-top:-2px;border-top:2px solid #222222;background:#fff;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);} .menu-unfold .side-menu.full-side .blocklist ul{background:#fff;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);} #pagination a:hover, #pagination a.curr:hover{background:#222222;color:#fff} .top{background-color:#222222;border-bottom:0;color:#fff} .top a,.top a:hover,.pc .top .search-form .input,.pc .search-form .formbutton i,.h-txt,.top .top-val{color:#fff;} .mobile .top-body{height:auto} .mobile .h-txt,.mobile .top-val{float:none;text-align:left;margin-left:0} .menu-unfold .side-menu.full-side .blocklist li li a:hover, .menu-unfold .side-menu.full-side .blocklist li li.selected>a, .pc #nav ul li li a:hover{background-color:#222222;color:#fff} .pc .h-2 .header-body,.pc .h-2 #nav ul li a.a1,.pc .h-2 .header-contact .tel,.pc .h-2 .header-body .top-val{ line-height:80px; height:80px;} .pc .fixed .h-2 .header-body,.pc .fixed .h-2 #nav ul li a.a1, .pc .fixed .h-2 .header-contact .tel, .pc .fixed .h-2 .header-body .top-val{ line-height:60px; height:60px;} a:hover .title{color:#222222} .btn-c .btn:hover{border-color:#000000;background:#000000;color:#fff} .header-contact .tel{color:#222222;} .slide-page a.on{background-color:#222222;border-color:#222222} .pc .view-theme .tab-hd li.on{border-color:#222222} .pc .view-theme .tab-hd li.on a{color:inherit;background:none;} .view-extends-title span,.tab-hd li.on a{background-color:#222222} .btn-style1,.btn-style3{background:none;border-width:1px !important;} .formbutton.btn-style1,.formbutton.btn-style3{color:inherit !important} .btn-style1,.btn-style2{border-radius:30px !important;} .btn-style3,.btn-style4{border-radius:0;} .btn-style2,.btn-style4{background-color:#222222 !important;color:#fff !important;border-width:0 !important;} .btn-style1:hover,.btn-style3:hover{border-color:#222222 !important;color:#fff !important} .grid-0 .item{margin-bottom:0!important} .grid-0.single-row .dis-box{padding-bottom:0 !important} .global .grid-0 .col-1 .dis-box{padding-left:0!important;padding-right:0!important;} .grid-0 .dis-more{background-color:#222222;border-color:#222222;color:#fff} .grid-0 .col-1 .dis-box, .grid-0 .col-2 .dis-box{padding-top:4%;padding-bottom:4%} .side .grid-0 .col-1 .dis-box, .side .grid-0 .col-2 .dis-box{padding-top:6%;padding-bottom:6%} .grid-0 .col-1 .dis, .grid-0 .col-2 .dis{margin-top:1.2%;} .grid-0 .col-1 .dis-desc, .grid-0 .col-2 .dis-desc{margin-top:2.3%;} .grid-0 .col-1 .dis-more, .grid-0 .col-2 .dis-more{margin-top:3.5%;} .grid-20 .item{background-color:#fff;box-shadow: 0px 0px 18px rgba(0,0,0,.12);} .grid-20 .item:hover{background-color:#222222;} .grid-20 .item .box{width:auto;text-align:center;} .grid-20 .box .pic{padding-top:60%;} .grid-20 .box .title:not(.center){position:relative;padding-bottom:25px;} .mobile .grid-20 .title:not(.center){padding-bottom:20px} .grid-20 .box:hover .dis{color:#fff !important;} .grid-20 .box .dis-more{width:50%;border-color:#222222;background-color:#222222;color:#fff;} .grid-20 .box .dis-box{padding:10% 6%;} .pc .grid-20{overflow: visible;} .grid-20 .box:hover .title::after{border-color:#fff !important} .grid-20 .item .title:not(.center)::after { position: absolute; left: 50%; margin-left:-25px; bottom:5px; width:50px; content: ''; border-bottom: 1px solid #888;} .grid-20 .box:hover .dis-more{color:#fff;border-color:#fff;} .grid-1 .box{border: 1px solid #dadfe1;} .grid-1 .box .dis-box{padding-left:7%;padding-right:7%;} .pc .side .side-menu .blocklist li a{padding-left:15px;padding-right:25px} .pc .side .side-menu .blocklist li a i{top:50%;margin-top:-20px;right:15px;-webkit-transition: all .5s;transition: all .5s;} .pc .side .cssheader{background-color:#222222;} .pc .side .side-menu .blocklist{padding-left:0 !important;padding-right:0 !important;} .pc .side .side-menu .blocklist li li a{padding-left:30px;position:relative} .pc .side .side-menu .blocklist li li li a{padding-left:45px;} .pc .side .cssheader span,.pc .side .cssheader a,.pc .side em{color:#fff;} .pc .side .side-menu .blocklist li a::before{ content: ''; position: absolute; width: 3px; height: 14px; margin-top: 14px; background: #222222 !important; -webkit-transition: all .5s;transition: all .5s;opacity:0;left:0;top:50%;margin-top:-7px;} .pc .side .blocklist li a:hover, .pc .side .blocklist li.selected>a{color:#222222;} .pc .side .side-menu .blocklist li a:hover, .pc .side .side-menu .blocklist li.selected>a{padding-left:30px;} .pc .side .side-menu .blocklist li li .a2:hover, .pc .side .side-menu .blocklist li li.selected .a2{padding-left:40px;} .pc .side .side-menu .blocklist li li li .a3:hover, .pc .side .side-menu .blocklist li li li.selected .a3{padding-left:50px;} .pc .side .side-menu .blocklist li li li .a3:hover::before, .pc .side .side-menu .blocklist li li li.selected .a3::before{left:35px;display:block;opacity:1;} .pc .side .side-menu .blocklist li li .a2:hover::before, .pc .side .side-menu .blocklist li li.selected .a2::before{left:25px;display:block;opacity:1;} .pc .side .side-menu .blocklist li .a1:hover::before, .pc .side .side-menu .blocklist li.selected>.a1::before{left:15px;display:block;opacity:1;} .pc .submenu-style-2 .side-menu .blocklist li>a{padding-left:15px!important;} .pc .submenu-style-2 .side-menu .blocklist li>a:hover, .pc .submenu-style-2 .side-menu .blocklist li.open-ok>a{padding-left:30px!important;} .pc .submenu-style-2 .side-menu .blocklist li>a:hover::before, .pc .submenu-style-2 .side-menu .blocklist li.open-ok>a::before{left:15px!important;opacity:1;} .mobile .side-menu .has-submenu .has-submenu a.a1,.mobile .side-menu .panel.has-submenu>a{padding-right:60px;} .mobile .side-menu .has-submenu a{padding-right:15px;} .pc .side .subnav-item .list-paddingleft-2>li{padding-left:0} .pc .side .subnav-item .list-paddingleft-2>li a{padding-right:0;padding-left:15px} .pc .side .subnav-item .list-paddingleft-2>li a:hover{padding-left:25px} .pc .side .subnav-item .list-paddingleft-2>li:before{-webkit-transition: all .5s;transition: all .5s;} .pc .side .subnav-item .list-paddingleft-2>li:hover:before{left:10px;} .pc .side .cssheader h2{ padding-left: 15px; padding-right: 15px;} .pc .side .more-url{right:15px;top:16px;} .pc .side .cssitem{padding-top:0;padding-bottom:24px} .pc #body .side .cssheader{padding-top:16px;padding-bottom:16px;height:auto;line-height:normal;} .menu-unfold .side-menu.full-side .blocklist li.on a.a1{border-color:#222222;} .menu-unfold .side-menu.full-side .blocklist li.on a.a1{background-color:#222222;color:#fff} .menu-unfold .side-menu.full-side .a1{background-color:#fff;border:1px solid #dadfe1;} .menu-unfold .side-menu.full-side .blocklist li li a{border:0} .menu-unfold .side-menu.full-side .blocklist li li li a{padding-left:15px;} .menu-unfold .side-menu.full-side .cssheader{display:block;} .menu-unfold .side-menu.full-side .blocklist{text-align:center} .menu-unfold .side-menu.full-side .blocklist li{margin-right:5px;margin-left:5px;} .side-menu.full-side .pops>div{margin-bottom:30px;} .pc #body .side-menu.full-side .cssheader{margin-top:0;} .download-2 .item{margin-bottom:2%;-webkit-transition: all 0.5s;transition: all 0.5s} .download-2 .box{border:1px solid #dadfe1;padding:5%;} .pc .download-2 .col-1 .box{padding:2%;} .download-2 .box .title{white-space: nowrap !important;padding-right:85px} .download-2 .dis-desc{margin-top:10px;} .global .download-2 .col-1 .download-icon{right:2%;} .download-2 .download-icon{position: absolute; right:5%; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; color: #888; border: 1px solid #dadfe1;font-size:28px;display:block;} .download-2 .item:hover{box-shadow:0 0 20px rgba(0,0,0,.2);} .download-2 .item:hover .download-icon{color: #222222;border-color:#222222} .grid-3 .item{background-color:#fff;margin-left: -1px!important;margin-top: -1px;} .grid-3 .box{padding:0;text-align:center} .grid-3 .item .box{border:1px solid #dadfe1;overflow:hidden} .grid-3 .tempWrap{padding-top:1px!important;padding-left:1px!important;} .grid-3 .tempWrap ul,.grid-3 .tempWrap>div{overflow:visible!important} .grid-3 .dis-box{padding-left:5%;padding-right:5%;} .grid-3 .box .pic{background-color:#fff;padding-top:40%;-webkit-transition:all .5s linear 10ms;transition:all .5s linear 10ms;} .grid-3 .masonry .item{margin-left:0 !important;margin-right:0 !important} .grid-3 .item:hover{background-color:#222222;} .grid-3 .item:hover .dis-box .dis{color:#fff;} .grid-3 .dis-more{line-height:normal;color:#222222;border-color:#222222;display:block;border-width:0;padding:0;display: inline-block;min-width:auto;} .mobile .grid-3 .box .dis-more{margin-top:5%;} .grid-3 .box:hover .dis-more{background-color:transparent !important;border-color:#fff} .slide-banner-1 .slide-txt-body{height:36px;overflow:hidden;margin-top:0;} .slide-banner-1 .slide-pageimg a.on{border-color:#222222} .slide-banner-1 .slide-txt a,.slide-banner-1 .slide-txt-title{color:#fff;} .pc .slide-banner-1 .slide-txt-dis{padding-left:15px;padding-right:15px;} .slide-banner-1 .right-txt{padding-right:15px;text-align:right;} .global .slide-banner-1 .dot-page.right-txt a{padding:3px;} .slide-banner-1 .number-page.right-txt{bottom:12px;} .mobile .slide-class .slide-page,.slide-banner-1 .dot-page.right-txt{bottom:17px;} .wap .slide-banner-1 .right-txt{padding-right:3%} .slide-banner-1 .slide-txt-dis{width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 0;} .photo-text-7 .box{padding: 5%;border-width:0;display: table;table-layout: fixed;word-wrap: break-word;width: 100%;} .global .photo-text-7 .box{padding-left:0;} .photo-text-7 .dis-box{padding-left:7%;margin-left:0;width: 93% !important;display: table-cell;vertical-align: middle;float: none;} .photo-text-7 .box .pic{width: 20%;padding-top: 0;text-align: center;display: table-cell;float: none;vertical-align: middle;} .photo-text-7 .box .pic img{position: relative;height:auto;width:90%} .pc .side .photo-text-7 .item{width:100%;} .photo-text-7 .dis-more{color: #222222;border-color: #222222;} .subnav-2 .subnav-item{float:left;margin-bottom:0;width:100%;} .subnav-2 .cssheader h2 span{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;font-size:16px;display:inline-block;color:#fff} .subnav-2 .cssheader h2 em{display:none;} .subnav-2 .subnav-item .cssheader{width:100% !important;margin:0 0 15px;padding-bottom:15px;text-align:left;border-bottom:1px solid #fff} .subnav-2 .subnav-ext{margin:0 0 10px;text-align:left;} .subnav-2 a:hover{text-decoration:underline;} .normal .subnav-2 .blocklist li a{padding-left:0} .subnav-2{background-color:#222222 !important} .subnav-2 a,.subnav-2,.subnav-2 input[type="text"]{color:#fff !important;border-color:#fff;} .subnav-2 .blocklist li a,.wap .subnav-2 .blocklist{padding:0;border:0 !important;line-height:28px !important;} .subnav-2 .blocklist li a:hover,.subnav-2 .cssheader h2 span:hover{color:#fff !important;text-indent:5px;} .wap .subnav-2 .subnav-item{width:100% !important;margin-right:0 !important;padding-right:0 !important;margin-bottom:0} .wap .subnav-2 .blocklist{border-top:0;margin-bottom:0;} .subnav-2 .cssbody,.subnav-2 .blocklist,.subnav-2 .subnav-ext{margin-bottom:0} .normal .subnav-2{padding-bottom:50px;padding-top:50px;text-align:center} .wap .fullscreen .subnav-2{padding-top:10px;padding-bottom:40px;text-align:center} .wap .subnav-2 .subnav-item .cssheader{margin:5% 0 15px;} .layout-item .subnav-2 .subnav-item{margin-bottom:20px;} .layout-item .subnav-2{background:none !important;} .subnav-2 .header-b0 .cssheader,.subnav-2 .subnav-item-br .cssheader{margin-bottom:0;border-bottom-width:0;} .subnav-2 .header-bb .cssheader{border-bottom:1px solid #fff;margin-bottom:15px;} .pc .subnav-2 .subnav-item-br .subnav-item{border-right:1px solid #fff;min-height:200px;} .subnav-2 .subnav-item-br .subnav-item:last-child{border-right:0} .subnav-2 input[type="submit"]{background-color:#000000} .subnav-2 ::-webkit-input-placeholder{color:#fff;} .subnav-2 :-moz-placeholder{color:#fff;} .subnav-2 :-ms-input-placeholder{color:#fff;} .about-1 .more-url-foot{margin-top:50px;} .about-1 .image-o{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;background-size: cover;background-repeat:no-repeat;text-align:center; background-position: center center;} .about-1 .text-o{float:left;margin-left:53%;width:47%} .wap .about-1 .image-o, .wap .about-1 .text-o{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;float:none !important;} .wap .about-1 .image-o{padding-top:50%;position:relative;margin-bottom:6%;} .mobile .about-1 .more-url-foot{margin-bottom:3%;margin-top:6%;} .about-1 .more-url-foot:hover{color:#fff !important} .about-1.about-img .image-o{padding-top:0;position:relative;float:left;} .about-1.about-img .text-o{float:left;margin-left:3%;width:47%;} .pc .about-1 .scrollbar{left:auto;right:0} .grid-22 .item .box{width:auto;text-align:center;} .grid-22 .box .pic{padding-top:120%;z-index:1;} .grid-22 .item .dis,.grid-22 .item i{color:#fff !important} .grid-22 .box .title{color:#fff;display:block;white-space: normal;font-size:18px !important} .grid-22 .box:hover .title{color:#fff} .grid-22 .box .dis-more{width:50%;color:#fff;background-color:#222222;border-color:#222222} .grid-22 .box .dis-box{z-index:5;padding:10% 5% 10%!important;position:absolute;left:0;right:0;bottom:0;-webkit-transition: all .35s;transition: all .35s;} .grid-22 .item{overflow:hidden} .grid-22 .box .dis-box{ background: -webkit-linear-gradient(bottom,rgba(0,0,0,.8),rgba(0,0,0,0)); background: linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0)); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#ff000000');} .photo-text-2 .box {border-bottom:1px solid #dadfe1;} .global .photo-text-2 .col-1 .box{padding-top:2.5%;padding-bottom:2.5%} .global .photo-text-2 .col-1 .box .pic {padding-top:19.5%;width:26%;margin-right:2.5%;} .global .photo-text-2 .col-1 .box .dis-box{width:71.5%} .pc body>.layout>.photo-text-2 .col-1 .box .pic,.pc body>.photo-text-2 .col-1 .box .pic{padding-top:16%;width:22%} .pc body>.layout>.photo-text-2 .col-1 .box .dis-box,.pc body>.photo-text-2 .col-1 .box .dis-box{width:75.5%} .global .photo-text-2 .box .pic,.global .side .photo-text-2 .box .pic{padding-top:30%;width:40%;margin-right:5%;} .global .photo-text-2 .box .dis-box,.global .side .photo-text-2 .box .dis-box{width:55%} .pc .side .photo-text-2 .item{width:100%} .pc .side .photo-text-2 .box .dis-box{max-height:72px;} .photo-text-2 .r1 .box,.pc .side .photo-text-2 .item:first-child .box{padding-top:0 !important} .pc .side .photo-text-2 .r1 .box{padding-top:5% !important} .photo-text-2 .dis-more{color: #222222;margin-left:0;display: block;background:transparent !important;line-height:normal;text-align:left !important;border-width:0;width:auto;min-width:auto;padding:0} .photo-text-2 .box-first:hover .dis-more, .photo-text-2 .box:hover .dis-more{color:#222222;} .pc .side .photo-text-2 .col-1 .box{padding-top:5%;padding-bottom:5%} .photo-text-2 .item::after{-webkit-transition: all .5s linear;transition: all .5s linear;position:absolute;left:0;bottom:0;width:0;content:'';border-bottom:1px solid #222222} .photo-text-2 .item:hover::after{width:100%;} .mobile .photo-text-2 .dis{margin-top:5px} .mobile .photo-text-2 .dis-more{margin-top:12px} .mobile .photo-text-2 .dis:first-child{margin-top:0} .grid-8 .item .box{width:auto;text-align:left;} .grid-8 .box .pic{padding-top:75%;z-index:1;} .grid-8 .item .dis{display:none} .grid-8 .box .dis.title{display:block;margin-top:0;color:#fff !important} .grid-8 .box:hover .title{color:#fff !important} .grid-8 .box .dis-box{z-index:5;background:rgba(0,0,0,0.72);padding:4% 5% !important;position:absolute;left:0;right:0;bottom:0;-webkit-transition: all .35s;transition: all .35s;} .grid-8 .box:hover .dis-box{background:rgba(34,34,34,0.72);} .pc .side .grid-8 .item .title{font-size:12px !important;white-space:nowrap;max-height:inherit;} .grid-8 .item{overflow:hidden} .photo-thumbs li.on img {border: 2px solid #222222;}
.next-page-item span{color:#222222}
.pc .normal{background-color:#fff}
.pc #body>.left{padding-right:36px;border-right: 1px solid #dadfe1; }
.pc #body>.right{padding-left:36px;margin-left: -1px;float:left;border-left: 1px solid #dadfe1;}
.pc #body>div{
    padding-top:40px;
	padding-bottom:45px;
}
.pc .side{width:25%;}
.pc  .main-body{width:75%}
.pc #body>div .cssitem {
    padding: 0 0 24px;
  margin-bottom:0
}
.pc .side .blocklist{padding-top:10px}
.pc .side .cssbody, .pc .side .cssdesc, .pc .side .item-first{
    margin-left: 0;
    margin-right: 0;
}
.pc .side .cssitem, .pc .side .blocklist, .pc .side .subnav-ext{margin-bottom:0}
.pc .normal.view-theme .view-page-c{background-color:#f5f5f5;margin-bottom:0}
.breadcrumbs{border-bottom:1px solid #dadfe1;background:none;}
.pc .main-body .breadcrumbs{right:0 !important;top:37px !important;}
.pc .left.main-body .breadcrumbs{right:36px !important;}
.side .side-menu .blocklist{padding-bottom:24px;}.pc .h-1.header-3 #logo img{
 left: 50%;
 margin-left: -170px;
}
.pc .h-1.header-3 #nav ul{
text-align: center;
}
.pc .h-1.header-3 .nav-width li.m {
    width: auto;
    text-align: center;
}
.pc .h-1.header-3 #nav ul li a {
    width: auto;
  min-width: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.to-top {
    background-color: #0096e7;
}
.to-top .ico2 {
    border-bottom-color:#0096e7;
}
.kefuitem:hover {
    background-color: #33b7ff;
	border-color: #33b7ff;
}
 .kefu i {
    color: #0096e7;
}