.navbar {height: 100px;background: #fff;border: none;/* position: absolute; */z-index: 999;width: 100%;border-radius: 0;background: #26272C;margin: 0 auto;padding: 0 86px 0px;position: relative;}
.body_index .navbar {/* position: absolute; */}
.nav {/* width: 100% */padding-left: 50px;height: 100%;/* display: none; */}
.navbar-header p{
    color: #fff;
    margin: 32px 0 0 12px;
    border-left: 1px solid #36373B;
    padding-left: 16px;
}
.navbar-header .s1{
    display: block;
    font-size: 16px;
    letter-spacing: 2.6px;
    line-height: 1.2;
}
.navbar-header .s2{
    display: block;
    color: var(--green);
    font-family: kaiti;
    font-size: 16px;
}
.navbar .phone_r{
    margin-top: 33px;
}
.navbar .phone_r .btn1{}
.navbar-nav>li{
    padding: 0 18px;
}
.navbar-nav>li a{}
.navbar-nav>li:hover a,
.navbar-nav>li.on a{
    color: var(--green);
    position: relative;
}
.navbar-nav>li:hover a:after,.navbar-nav>li.on a:after{content: "";display: block;position: absolute;width: 100%;height: 1px;bottom: 23px;left:0;background:var(--green);}
.navbar .phone_r .telephone i:before{content: "";display: block;position: absolute;width: 1px;height: 23px;top: 2px;left: 16px;background:#56565A;}
.navbar .phone_r .telephone i{display: inline-block;width: 67px;height: 29px;background: url(../images/icbg1.png) no-repeat;background-position: -870px -140px;vertical-align: middle;position: relative;}
.navbar .phone_r .telephone{
    color: #fff;
    display: inline-block;
}
.navbar-nav > li > a {font-size: 18px;color: #fff;margin-top: 0;margin-left: 10px;padding: 0px;height: 100px;line-height: 100px;}
.navbar-nav > li.active > a { background: transparent; color: #019fe8 }
.navbar-nav > li > a:hover {background: rgba(255, 255, 255, 0.1);color: var(--green);}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { background: transparent }
.navbar-nav > li.active a { color: #2B9FF2 !important }
.navbar-link { font-size: 14px; color: #fff; margin-left: 20px }
.navbar-text { margin: 0; margin-left: 70px }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #fff }
.carousel-control { background: transparent none !important; text-shadow: none; opacity: .8 }
.navbar-link.reg:after { content: "/"; position: relative; width: 10px; height: 10px; left: 10px }
.logo-a {/* padding: 0 25px; */display: block;margin-left: 15px;height: 100%;position: relative;z-index: 9999;padding: 15px 0;}
.logo-a span { display: block; color: #2B9FF2; font-size: 26px; font-weight: bold; line-height: 75px; margin-left: -25px }
.navbar-brand .WebLogo {height: auto;width: auto;margin-top: 7px;display: none;}
.navbar-brand .WebLogo {display: block;/* height: 50px; */}
.logo-a {background: transparent;display: block;/* height: 75px; */margin: 0;}
.logo-a span { display: none }
.navbar-nav > li > .dropdown-menu li:last-child { border: none }
.navbar-nav > li > .dropdown-menu li { margin: 0; padding: 0 0 4px; text-align: center; }
.navbar-nav > li  .dropdown-menu li a:active { padding: 3px 20px }
.navbar-nav > li > .dropdown-menu li a { font-size: 16px !important; color: #fff !important; font-weight: bold; }
.navbar-nav > li > .dropdown-menu li a:hover { color: #2B9FF2 !important; background: transparent; }
.navbar-nav > li > .dropdown-menu a { color: #666 }
.navbar-nav > li > .dropdown-menu {left: 0;right: auto;border: none;box-shadow: none;background: transparent;margin-top: -12px;background: gainsboro;width: 100%;position: fixed;left: 0;top: 113px;z-index: 0;}
.navbar-nav .caret { position: relative; height: 7px; width: 20px; overflow: hidden; display: inline-block; vertical-align: middle; top: 1px; left: 5px; border: none; display: none }
.navbar-nav .caret:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; bottom: 3px; left: 50%; border: 1px solid #504f4f; transform: rotate(45deg); margin-left: -5px; z-index: 99 }
.navbar-nav .dropdown i { display: inline-block; width: 10px; height: 6px; margin-left: 8px; vertical-align: top; position: relative; overflow: hidden; top: 9px }
.navbar-nav .dropdown i:after {/* content: ""; */display: block;position: absolute;width: 10px;height: 10px;top: -7px;left: 0;border: 1px solid #504f4f;transform: rotate(45deg);}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { background: transparent }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent }
.nav .dropmenu{
    /* visibility: visible; */
    /* opacity: 1; */
}
.nav .dropmenucontent{}
.nav .dropmenucontent .row>div{
    border-left: 1px solid #2E2F37;
    height: 100%;
}
.nav .dropmenucontent .row{
    height: 430px;
    padding: 30px 0;
}
.nav .dropmenucontent .menu-title{
    margin-top: 70px;
    margin-left: -10px;
    border-left: 2px solid var(--green);
}
.nav .menu-title .p1{
    margin: 0 auto;
}
.nav .menu-title .p2{
    margin: 2px 0 0;
    color: #7c7d81;
}
.nav .dropmenucontent .in{}
.nav .dropmenucontent .in .p3{
    font-size: 20px;
    color: #fff;
    margin-top: 0px;
}
.nav .dropmenucontent .in .p3 i{display: inline-block;margin: 0 2px;vertical-align: middle;width: 38px;height: 38px;position: relative;background: url(../images/icbg1.png) no-repeat;top: 3px;}
.nav .dropmenucontent .in1 .p3 i{
    background-position: -23px -3px;
}
.nav .dropmenucontent .in2 .p3 i{background-position: -314px -3px;}
.nav .dropmenucontent .in3 .p3 i{background-position: -604px -3px;}
.nav .dropmenucontent .in4 .p3 i{background-position: -895px -3px;}
.nav .dropmenucontent .in a:hover{background-color: var(--green);border-color: var(--green);color: #fff !important;}
.navbar-nav>li:hover .dropmenucontent .in a,
 .navbar-nav>li.on .dropmenucontent .in a{color: #7c7d81;}
 /*.nav .dropmenucontent .in a:hover:after,*/
.navbar-nav>li:hover .dropmenucontent .in a:after,
 .navbar-nav>li.on .dropmenucontent .in a:after{
    display: none;
 }
.nav .dropmenucontent .in a{
    display: block;
    width: 11em;
    margin: 13px auto;
    border-color: #34363C;
}
#thebn {position: relative;z-index: 10;}
#thebn .item {position: relative;height: 100% !important;}
#thebn .item .d_wrapper { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
#thebn .item a { display: inline-block; position: relative }
#thebn .item img.placeholder {width: 100%;
    /*visibility: hidden;*/
    min-width: 1920px;}
#thebn [data-animation-in] { opacity: 0 }
#thebn .inner {position: relative;height: 100%;/* top: -30px; */text-align: center;}
#thebn .item .ani1 {position: absolute;z-index: 1 !important;top: 160px;width: 100%;margin-left: 0;left: 0;border-radius: 4px;}
#thebn .item .inner * { z-index: 2; position: relative ;color: #fff;}
#thebn .item .inner p { position: absolute; width: 100%; text-align: center; text-indent: 0 }
#thebn .item .inner .theline1 { width: 50px; height: 5px; left: 50%; margin-left: -25px; background: #85269B; top: 240px }
#thebn .item .inner p.p1 {top: 246px;}
#thebn .item .inner p.p2 { top: 324px }
#thebn .item .inner p.p3 { top: 370px }
#thebn .arrow {position: absolute;border-radius: 50%;width: 55px;height: 55px;top: 313px;margin-top: -30px;left: 70px;z-index: 999;text-align: center;background: rgba(100, 81, 71, 0.12);cursor: pointer;opacity: 0.8;transition: all .3s;}
#thebn .arrow:hover { opacity: 1 }
#thebn .arrow.right { left: auto; right: 70px }
#thebn .arrow:after { font-size: 30px; font-family: STZhongsong, STZHONGS, simsun; color: #fff; line-height: 53px }
#thebn .arrow.left:after { content: "<" }
#thebn .arrow.right:after { content: ">" }
#thebn .arrow:hover:after { color:#20B09F;}
.hdlBtn { position: absolute; width: 100%; text-align: center; bottom: 34px }
.hdlBtn ul.slick-dots li { display: inline-block; width: 40px; height: 8px; margin: 10px 5px; border-radius: 15px; background: #2f2f2f63; cursor: pointer; transition: all .3s }
.hdlBtn ul.slick-dots li.slick-active {background-color: #87a09d;}
.hdlBtn ul.slick-dots li span { display: none }
#pageban {/* width: 100%; */position: relative;}
#pageban .ban { position: relative;/* margin: 0 -7.5px; */ }
#pageban .a3 {position: absolute;top: 371px;text-align: center;width: 100%;}
#pageban .ban_ani {visibility: hidden; }
#pageban h2 {position: absolute;top: 160px;color: #fff;font-size: 40px;font-weight: bold;width: 1100px;text-align: center;left: 50%;margin-left: -550px;letter-spacing: 7px;text-align: center;margin-top: 0;font-weight: 400;margin-bottom: 20px;}
#pageban h4 span {/* font-size: 20px; *//* display: inline-block; *//* margin: 0 auto; *//* border: 1px solid #fff; *//* padding: 20px 30px; *//* letter-spacing: 1px; */font-weight: 400;}

.body_yingxiao #pageban h2 {top: 60px;font-weight: bold;}

.body_yingxiao #pageban h4 {
    top: 110px;
}

.body_yingxiao #pageban h4 span {
    line-height: 55px;
}
#pageban h4 {position: absolute;top: 240px;color: #fff;width: 100%;text-align: center;}

#footer {background: #26272C;padding: 50px 0 40px;}
.footer_nav { }
.footer_nav .li1 {float: left;width: 180px;}
.footer_nav .li1>a {color: #fff;font-size: 18px;display: inline-block;margin-bottom: 20px;position: relative;top: 10px;}
.footer_nav .ul2 { padding-top: 5px; }
.footer_nav  a:hover {color: var(--green) !important;}
.footer_nav .li2 a { color: #8b8b8b; line-height: 30px; font-size: 14px; }
.footer_nav .qr {border-left: 1px solid #303030;padding-left: 50px;width: 240px;padding-bottom: 30px;}
.footer_nav .qr a { }
.footer_nav .qr img { margin-top: 17px;width: 160px;height: 160px; }
.footer_nav .qr span { }
.footer_nav .contact {width: 236px;float: right;}
.footer_nav .contact ul{}
.footer_nav .contact .Telephone{font-size: 30px;font-weight: bold;color: var(--green)}
.footer_nav .contact li *,
.footer_nav .contact li{ padding: 5px 0; font-size: 14px; color: #afafaf; font-weight: 400 }
#copyright {background: #1C1D22;padding: 30px 0 10px;}
#copyright a { }
#copyright * { color: #8b8b8b; }
#copyright .t {font-size: 14px;font-weight: bold;color: #868686;}
#copyright .p0 { }
#copyright .p4 { width: 200px;text-align: right;}
#copyright .p3 {width: 1000px;float: left;}
#copyright .p2 {padding: 15px 0;color: #9e9e9e;font-size: 14px;border-top: 1px solid #32343B;margin-top: 30px;}
#copyright .p0.p2 a{color: #9e9e9e;font-size: 14px;}
#copyright .p0 a {line-height: 1.9;font-size: 12px;color: #636468;}
#copyright .p0 a:hover { color: var(--green)}

#submenus {background: #fff;/* border-bottom: 1px solid #ddd; */}
#submenus +div {background: #F5F5F5;margin-top: 0;}
#submenus .subnav .con a.first {
    padding-left: 0;
    font-size: 36px;
    color: #333;
    line-height: 100px;
    top: 0;
}
#submenus .subnav .con a {line-height: 45px;font-size: 18px;color: #666;display: inline-block;padding: 0 40px;position: relative;top: -7px;}
#submenus .subnav .con a.cat2:hover, #submenus .subnav .con a.cat2.on {color: #fff;position: relative;background: var(--green);border-radius: 100px;margin-top: -10px;}
#submenus .subnav .con a:hover:after, #submenus .subnav .con a.on:after { content: ""; display: block; position: absolute; width: 100%; height: 2px; bottom: -1px; left: 0; background: #FF0D00; display: none }


.thelist{
    padding-top: 50px;
    padding-bottom: 30px;
}
.thelist1{}
.thelist1 .con{margin-bottom: 30px;}
.thelist1 .con:hover {}
.thelist1 .con:hover .txt{}
.thelist1 .con:hover *{}
.thelist1 .nail{
    width: 100%;
    height: 262.5px;
    margin: 0;
}
.thelist1 .nail img{}
.thelist1 a.blk{
    margin: 2px;
}
/*.thelist1 .txt:after,
.thelist1 .txt:before
{content: "";display: block;position: absolute;width: 46px;height: 46px;top:50%;margin-top:-23px;right:20px;background: url(../images/iconlink.png) no-repeat center center;border-radius: 500px;border: 1px solid #C7C7C7;}*/

.thelist1 .txt:before{background: url(../images/iconlink2.png) no-repeat center center;display: none;}
.thelist1 a:hover{
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.29);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.29);
    box-shadow: 0 0 5px rgba(0,0,0,0.29);

}
.thelist1 a:hover .txt{background: var(--green);}
.thelist1 a:hover .txt *{color: #fff;}
.thelist1 a:hover .txt:after{display: none;}
.thelist1 a:hover .txt:before{display: block;border-color: #fff;}
.thelist1 .txt{
    position: relative;
    display: block;
    margin: 0;
    padding: 15px 5px;
   /* background: #fff;*/
    height: 130px;
}
.thelist1 .txt span p{margin-top: 7px; font-weight: 500px;}
.thelist1 .txt h4{
    margin: 0 0 7px;
    font-size: 18px;
}
.thelist1 .txt span{
    font-size: 14px;
    color: #666;
}

.crumbs.txtl{text-align: left;}
.crumbs{
    color: #666;
    text-align: right;
}
.crumbs *{color: #666;}
.crumbs a:hover{color: var(--green);}
.crumbs i{display: inline-block;background: url(../images/pst.png) no-repeat left center;width: 24px;height: 30px;vertical-align: middle;}
.body_case_detail{}
#detailinfo{
    margin: 40px auto 20px;
    background: #fff;
    padding: 40px 50px;
}
#detailinfo h1{
    font-weight: 400;
}
#detailinfo .category{
    margin-top: 0;
    font-size: 16px;
    color: var(--green);
}
#detailinfo .sinfo16{}
#detailinfo a.btn1:hover{
    background: var(--green);
    color: #fff;
    border-color: var(--green)
}
#detailinfo a.btn1{
    border: 1px solid #c8c8c8;
    background: #fff;
    color: #666;
    line-height: 45px;
    padding: 0 40px;
    margin: 20px 0;
    transition: all .3s;
}
#casedetail {
    margin: 0px auto 20px;
    background: #fff;
    padding: 40px 50px;
}
#casedetail img.blk{
    margin: 10px auto;
}
.thelist2{}
.thelist2 .con{
    margin: 0 1px 30px;
}
.thelist2 a.blk{}
.thelist2 a.blk:hover{}
.thelist2 a.blk:hover *{}
.thelist2 .nail{
    position: relative;
    width: 100%;
    height: 260px;
    /* margin: 0 2px; */
}
.thelist2 .nail img{}
.thelist2 .clearfix{
    background: #fff;
    padding: 35px 35px 20px;
}
.thelist2 .fl{
    width: 290px;
    width: 290px;
    padding-right: 30px;
    margin-right: 20px;
    border-right: 1px solid #EAEAEA;
    height: 120px;
}
.thelist2 .a1{
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}
.thelist2 .sinfo{}
.thelist2 .fr{
    width: 70px;
    text-align: center;
    overflow: hidden;
    margin-top: 10px;
}
.thelist2 .day{
    font-size: 36px;
    color: #b5b5b5;
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 1.2;
}
.thelist2 .ym{
    color: #898989;
    font-size: 15px;
}
.thelist2 .linkmore{
    border: none;
    color: #fff;
    margin-top: 30px;
    line-height: 10px;
    width: 61px;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 10px 0 10px;
}
.thelist2 a:hover{
    box-shadow:none;
    color: var(--green);
}
.thelist2 .con:hover .nail{background: #000}
.thelist2 .nail:before{content: url(../images/iconnews.png);display: block;position: absolute;width: 52px;height: 52px;top: 50%;left: 50%;margin-left: -26px;margin-top: -26px;z-index: 999;opacity: 0;top:-80px;}
.thelist2 .con:hover .nail:before{opacity: 1;top:50%;transition: opacity .9s,top .3s;}
/*.thelist2 .con:hover img{transition: all .3s;}*/
.thelist2 .con:hover img{opacity: .2;}
.thelist2 .con:hover{
     -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.29);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.29);
    box-shadow: 0 0 5px rgba(0,0,0,0.29);
}
.thelist2 .linkmore:hover{
    color: #fff;
}
#newsdetail{

}


@media screen and (max-width: 1800px) and (min-width: 769px){
.navbar {padding: 0 7px;HEIGHT: 80PX;}
.body_index .navbar {padding: 0 7px;HEIGHT: 80PX;}
.nav {padding-left: 25px;}
.navbar-header p {margin-top: 24px;}
.navbar-header .s1 { }
.navbar-header .s2 { }
.navbar .phone_r {margin-top: 28px;}
.navbar .phone_r .btn1 {display: none;}
.navbar-nav>li {padding: 0 14px;}
.navbar-nav>li a {height: 80px;line-height: 80px;}
.navbar-nav>li:hover a, .navbar-nav>li.on a { }
.navbar-nav>li:hover a:after, .navbar-nav>li.on a:after { }
.navbar .phone_r .telephone i:before { }
.navbar .phone_r .telephone i { }
.navbar .phone_r .telephone {}
.navbar-nav > li > a {font-size: 16px;}
.navbar-nav > li.active > a { }
.navbar-nav > li > a:hover { }
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { }
.navbar-nav > li.active a { }
.navbar-link { }
.navbar-text { }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { }
.carousel-control { }
.navbar-link.reg:after { }
.logo-a { }
.logo-a span { }
.navbar-brand .WebLogo { }
.navbar-brand .WebLogo {width: 120px;margin-top: 6px;}
.logo-a { }
.logo-a span { }
.navbar-nav > li > .dropdown-menu li:last-child { }
.navbar-nav > li > .dropdown-menu li { }
.navbar-nav > li  .dropdown-menu li a:active { }
.navbar-nav > li > .dropdown-menu li a { }
.navbar-nav > li > .dropdown-menu li a:hover { }
.navbar-nav > li > .dropdown-menu a { }
.navbar-nav > li > .dropdown-menu { }
.navbar-nav .caret { }
.navbar-nav .caret:after { }
.navbar-nav .dropdown i { }
.navbar-nav .dropdown i:after { }
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { }
.nav .dropmenu {top: 80px;}
.nav .dropmenucontent { }
.nav .dropmenucontent .row>div { }
.nav .dropmenucontent .row { }
.nav .dropmenucontent .menu-title { }
.nav .menu-title .p1 { }
.nav .menu-title .p2 { }
.nav .dropmenucontent .in { }
.nav .dropmenucontent .in .p3 { }
.nav .dropmenucontent .in .p3 i { }
.nav .dropmenucontent .in1 .p3 i { }
.nav .dropmenucontent .in2 .p3 i { }
.nav .dropmenucontent .in3 .p3 i { }
.nav .dropmenucontent .in4 .p3 i { }
.nav .dropmenucontent .in a:hover { }
.navbar-nav>li:hover .dropmenucontent .in a, .navbar-nav>li.on .dropmenucontent .in a { }
.navbar-nav>li:hover .dropmenucontent .in a:after, .navbar-nav>li.on .dropmenucontent .in a:after { }
.nav .dropmenucontent .in a {line-height: 32px;padding: 0;height: 34px;}
#thebn { }
#thebn .item { }
#thebn .item .d_wrapper { }
#thebn .item a { }
#thebn .item img.placeholder { }
#thebn [data-animation-in] { }
#thebn .inner { }
#thebn .item .ani1 {font-size: 54px;top: 180px;}
#thebn .item .inner * { }
#thebn .item .inner p { }
#thebn .item .inner .theline1 { }
#thebn .item .inner p.p1 { }
#thebn .item .inner p.p2 { }
#thebn .item .inner p.p3 { }
#thebn .arrow { }
#thebn .arrow:hover { }
#thebn .arrow.right { }
#thebn .arrow:after { }
#thebn .arrow.left:after { }
#thebn .arrow.right:after { }
#thebn .arrow:hover:after { }
.hdlBtn { }
.hdlBtn ul.slick-dots li { }
.hdlBtn ul.slick-dots li.slick-active { }
.hdlBtn ul.slick-dots li span { }
#pageban { }
#pageban .ban {/* top: 80px; */}
#pageban .a3 {top: 320px;}

.body_yingxiao #pageban .a3 {
    top: 350px;
}
#pageban .ban_ani { }
#pageban h2 {top: 100px;}
#pageban h4 span { }
#pageban h4 {top: 180px;}

.body_yingxiao #pageban h4 span {font-size: 34px;line-height: 1.5;}
#footer { }
.footer_nav { }
.footer_nav .li1 {width: 160px;}
.footer_nav .li1>a { }
.footer_nav .ul2 { }
.footer_nav  a:hover { }
.footer_nav .li2 a { }
.footer_nav .qr {width: 210px;padding-left: 30px;}
.footer_nav .qr a { }
.footer_nav .qr img { }
.footer_nav .qr span { }
.footer_nav .contact {width: 236px;}
.footer_nav .contact ul { }
.footer_nav .contact .Telephone { }
.footer_nav .contact li *, .footer_nav .contact li { }
#copyright { }
#copyright a { }
#copyright * { }
#copyright .t { }
#copyright .p0 { }
#copyright .p4 { }
#copyright .p3 { }
#copyright .p2 { }
#copyright .p0.p2 a { }
#copyright .p0 a { }
#copyright .p0 a:hover { }
#submenus { }
#submenus +div { }
#submenus .subnav .con a.first { }
#submenus .subnav .con a { }
#submenus .subnav .con a.cat2:hover, #submenus .subnav .con a.cat2.on { }
#submenus .subnav .con a:hover:after, #submenus .subnav .con a.on:after { }
.thelist { }
.thelist1 { }
.thelist1 .con { }
.thelist1 .con:hover { }
.thelist1 .con:hover .txt { }
.thelist1 .con:hover * { }
.thelist1 .nail { }
.thelist1 .nail img { }
.thelist1 a.blk { }
.thelist1 .txt:after, .thelist1 .txt:before { }
.thelist1 .txt:before { }
.thelist1 a:hover { }
.thelist1 a:hover .txt { }
.thelist1 a:hover .txt * { }
.thelist1 a:hover .txt:after { }
.thelist1 a:hover .txt:before { }
.thelist1 .txt { }
.thelist1 .txt h4 { }
.thelist1 .txt span { height: 49px;
    display: block;}
.crumbs.txtl { }
.crumbs { }
.crumbs * { }
.crumbs a:hover { }
.crumbs i { }
.body_case_detail { }
#detailinfo { }
#detailinfo h1 { }
#detailinfo .category { }
#detailinfo .sinfo16 { }
#detailinfo a.btn1:hover { }
#detailinfo a.btn1 { }
#casedetail { }
#casedetail img.blk { }
.thelist2 { }
.thelist2 .con { }
.thelist2 a.blk { }
.thelist2 a.blk:hover { }
.thelist2 a.blk:hover * { }
.thelist2 .nail { }
.thelist2 .nail img { }
.thelist2 .clearfix { }
.thelist2 .fl { }
.thelist2 .a1 { }
.thelist2 .sinfo { }
.thelist2 .fr { }
.thelist2 .day { }
.thelist2 .ym { }
.thelist2 .linkmore { }
.thelist2 a:hover { }
.thelist2 .con:hover .nail { }
.thelist2 .nail:before { }
.thelist2 .con:hover .nail:before { }
.thelist2 .con:hover img { }
.thelist2 .con:hover { }
.thelist2 .linkmore:hover { }
#newsdetail { }
}
:root {
  --pagecolor: #0D4E55;
}
#pagelist { }
#pagelist ul { text-align: center; position: relative; left: -120px; }
#pagelist ul li { display: inline-block; float: none; border: 1px solid var(--pagecolor); transition: all .3s; }
#pagelist ul li:hover { background: var(--pagecolor); }
#pagelist ul li:hover a { color: #fff; }
#pagelist ul li a { }
#pagelist ul li.pages_hollow {padding: 5px 10px; margin: 0px 3px;}
#pagelist ul li.pages_solid { background: var(--pagecolor); color: #fff; padding: 5px 10px;
    margin: 0px 3px;}
#pagelist ul li:last-child { border: none; }
#pagelist ul li:last-child:hover { background: #FFF; cursor: not-allowed; }
#pagelist ul li:last-child a { }
#pagelist ul li:last-child span { }
.thelist1 .txt p{border-left: 4px solid var(--green);padding-left: 5px;font-size: 14px;line-height: 15px;margin: 10px 0px;}
.thelist1 .txt:hover p{border-color:#ffffff;}
#follow {
 right: 0;
    top: 25%;
    position: fixed;
    z-index: 100000;
    width: 70px;
    background: #ff4800;
}
#follow li{text-align: center;color: #fff;padding: 10px 0px;cursor:pointer}

#follow p{margin: 5px;}
#follow  li:nth-child(2n){background: #e54100}
  .follow-item   {position: absolute;
    right: 69px;
    width: 170px;
    height: 77px;
    top: 152px;
    background: #ff4800;
    padding: 10px 0px;
    display: none;
}
#follow .follow-item1{
    position: absolute;
    right: 85px;
    width: 126px;
    top: 63px;
    background: #ffffff;
    padding: 10px 10px;
    display: none;}

    #triangle-right{
        width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 9px solid #fff;
    position: absolute;
    right: -9px;
    top: 48px;
}

#follow a{color: #fff;}
/* 弹窗 (background) */
.modal {
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定定位 */
    z-index: 999; /* 设置在顶�?*/
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

/* 弹窗内容 */
.modal-content {
    background-color: #fefefe;
    margin: 0% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 50%; 
}

/* 关闭按钮 */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#msgForm {width: 630px;
    margin: 0 auto;}
#msgForm .input{height: 55px;background: #eeeeee; border: none; margin-bottom:10px; font-size: 18px;padding-left: 15px;}
#msgForm .long-input{width: 630px;}
#msgForm .short-input{width: 310px;}
#msgForm .input:last-child{margin-left: 5px;}
#myModal h4{font-size: 36px; font-weight: 400; text-align: center;   margin: 20px;}
.input-label{width: 150px;height: 60px;border: 1px solid #20b09f;text-align: center;line-height: 60px;
    border-radius: 40px;
    margin-right: 4px; font-size: 18px;color: #20b09f;font-weight: 400; margin-bottom: 15px;}
    .font{color: #333333;font-size: 20px; }
   .input-radio-label{color: #333333; height: 30px;
    font-weight: 400; font-size: 16px;}
    .input-radio-label:first-child{margin-left: 10px;}
    .yan{height: 55px;background: #eeeeee; border: none; width: 190px;margin: 10px 0px 20px 25px;}
    .sub{height: 55px;background: #20b09f; border: none; width: 630px; color: #fff;font-size: 22px;font-weight: bold;border-radius: 35px;}
    .about{margin-top:60px; margin-bottom: 60px;}
    .about h4{ font-size: 40px;font-weight: 400; }
    .about span{font-size: 24px;color: #20b09f; font-weight: bold;}
    .about p{color:#8a8a8a;font-size: 16px;line-height: 2}
    .about h4:after{
          content: '';
    width: 60px;
    height: 10px;
    border-bottom: 2px solid #cdcdcd;
    display: block;
}
.field h3{font-size: 40px; text-align: center;color: #fff;margin-bottom: 15px; font-weight: 400;}
.field_p{color: #fff; text-align: center;font-size: 18px;}
.field {background: url(../images/field.jpg)!important;height: 740px;}
.field_content .col-xs-6:nth-child(1){background:url(../images/field_01.jpg); width:23%;margin-right:2%;height: 474px;}
.field_content .col-xs-6:nth-child(2){background:url(../images/field_02.jpg);width:23%;margin-right:2%; height: 474px;}
.field_content .col-xs-6:nth-child(3){background:url(../images/field_03.jpg);width:23%;margin-right:2%; height: 474px;}
.field_content .col-xs-6:nth-child(4){background:url(../images/field_04.jpg);width:23%;margin-right:2%;height: 474px;}
.field .col-xs-6 h4{margin: 81px 0px 0px 55px;
    font-size: 26px;
    font-weight: 400;}
    .field .col-xs-6 p{

    }
    #field {margin-top:70px;}
    .field .col-xs-6 span{ margin: 0px 0px 0px 55px; font-size: 16px;color: #999;}
    .field .col-xs-6 li{color: #333; font-size: 16px;margin: 27px 0px 27px 25px;}
   .field .col-xs-6 p{color: #888;font-size: 14px; margin: 5px 0px;}
    .Culture h3{color: #333;font-size: 40px;font-weight: 400;text-align: center;}
    .Culture li:nth-child(2){ background:url(../images/culture01.jpg); }
    .Culture li:nth-child(3){ background:url(../images/culture02.jpg); }
    .Culture li span{color: #fff;font-size: 20px;font-weight: 400;}
    .Culture li{color: #fff;font-size: 30px;font-weight: 400; margin-right: 10px; height: 420px;width: 697px;}
    .Culture  li p{margin-top: 350px;
    margin-left: 60px;
}
.Culture img{float: right;    margin-top: 10px;
    margin-right: 10px;}
.Culture_bottom p{font-size: 40px;color: #333; margin-top: 144px;
    margin-left: 61px;
}
.Culture_bottom span{font-size: 24px;color: #666;}
.Culture_bottom {float: left;}
#advantage{background:url(../images/advantage.jpg);margin-top: 70px;
    height: 650px;}
    .advantage h3{font-size: 40px;color: #fff; font-weight: 400;text-align: center;}
    .advantage h4{font-size: 30px;color: #fff; font-weight: 400;     margin: 10px 0px 10px 0px;  }
    .advantage p{font-size: 18px;color:#c7d0d0;     width: 371px;
    line-height: 2;         margin: inherit; }
    .advantage li img{float: left;margin-right: 20px;}
    .advantage li {margin-bottom: 50px;}
    .demeanor h4{font-size: 40px;color: #333; font-weight: 400;text-align: center;}
    .demeanor p{font-size: 18px;color: #666;text-align: center;}
     .demeanor{margin-bottom: 150px;}
     .liuy{background: #f9f9f9;
    padding: 60px;}