@charset "utf-8";
/* CSS Document */
/*切图 web*/
/*网站：*/

html {font-family: 'Microsoft yahei'; background:#fff;}
fieldset,img{border:0;}
img{ max-width:100%;}
*{ padding:0; margin:0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;}
ol,ul,li{ list-style-type:none; list-style-position:outside;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{text-decoration:none; color:#666; outline: 0; background: 0 0; cursor:pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{text-decoration:none;}
a:active,
a:focus{
  outline: none;
}
label,
input,
textarea{outline: none;text-decoration:none;font-family: 'Microsoft yahei';}
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-write-plaintext-only; 
}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    
/*    margin-left: -14px;
    margin-right: -14px;*/
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    outline: 0;
/*    padding-left: 14px;
    padding-right: 14px;*/
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    /*border: 1px solid transparent;*/
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    left:40px;
    top: 50%;
    display: block;
    width: 52px;
    height: 100px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(../../images/ban1.png) no-repeat;
    z-index:100;
}
.slick-next{
    left:auto;
    right:40px;
    background:url(../../images/ban2.png) no-repeat;
}


/* Dots */

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    cursor: pointer;
}
.eill{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.margin_mobile{ float:left; width:100%;}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}

body{max-width:1080px;margin: 0 auto; background:#fff;}
.lanMu{ float:left; width:100%; background:#fff; padding:0.2rem 0.370370rem;}
.lanMu .renter{ float:left; width:10%; line-height:0;height:0.944444rem;}
.lanMu .renter img{ width:0.268518rem; height:0.425925rem; margin:0.2592595rem 0;}
.lanMu h4{ float:left; width:80%; text-align:center; color:#000000; font-size:0.444444rem; padding:0.2rem; line-height:0.544444rem;}
.banner{ float:left; width:100%; line-height:0; margin-top:0.759259rem;}
.logo{ float:left; width:100%; line-height:0; margin:1.422525rem 0 1.824074rem 0; padding:0 22.8%;}
.logo img{ max-width:100%;}
.menu{ float:left; width:100%; padding:0 0.370370rem; margin-top:0.3rem;}
.menu ul{ float:right;}
.menu ul li{ float:left; margin-left:0.444444rem; padding:0.092592rem; background:#f9ced7; border-radius:0.925924rem;}
.menu ul li a{ float:left; min-width:1.962962rem; text-align:center; color:#fff; font-size:0.388888rem; line-height:0.740740rem;  border-radius:0.740740rem; background:#e31d48;}
.menu ul li:nth-child(2n){ background:#d7e3ff;}
.menu ul li:nth-child(2n) a{ background:#4a80ff;}
.thumbnail{ float:left; width:100%; margin:0.074074rem 0 0 0; padding:0 0.370370rem;}
.thumbnail ul{ margin:0 -0.064814rem;display: flex; flex-wrap:wrap; }
.thumbnail ul li{ float:left; width:25%; padding:0 0.064814rem; margin-top:0.259259rem;}
.thumbnail ul li a{ float:left; width:100%; line-height:0; border:2px solid #cccccc; border-radius:5px; overflow:hidden;}
.page{ float:left; width:100%; margin:0.629629rem 0; display: flex; justify-content: center;}
.page a{ display: flex; justify-content: center; color:#666666; font-size:0.277777rem; line-height:0.342592rem; min-width:0.352rem; border:1px solid #cccccc; margin:0 0.046296rem;}
.page a.on{background:red; color:#fff;}
.thumb_det{ float:left; width:100%; margin:0.472222rem 0 1.4537rem 0; padding:0 0.370370rem; position:relative;}
.thumb_det ._det{ float:left; width:100%; line-height:0; position:relative; z-index:3;}

.thumb_det ._det .li{ float:left; position:absolute; width:8.6%; height:6.8%; /*background:rgba(0,0,0,0.2);*/  z-index:3;}


.thumb_det .prev,
.thumb_det .next{ float:left; width:0.6rem; height:0.6rem; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.thumb_det .prev{ background:url(../_im_g/ico2.png) center no-repeat; background-size:100% 100%; left:0.444444rem;}
.thumb_det .next{ background:url(../_im_g/ico3.png) center no-repeat; background-size:100% 100%; right:0.444444rem;}
.colse{ float:left; width:100%; padding:0.185185rem 0.370370rem;}
.colse a{ float:right; color:#333333; font-size:0.333333rem; line-height:0.5rem; display: flex; align-items: center;}
.colse img{width:0.5rem; height:0.5rem; margin-right:0.129629rem;}
.menu_down{ float:left; width:100%; margin:0.2rem 0 1.925925rem 0;}
.menu_down .h1{ float:left; width:100%; color:#333333; font-size:0.416666rem; line-height:1.138888rem; padding:0 12.77%; position:relative;}
.menu_down .h1 img{float: left; width: 0.55rem; /*height: 0.351851rem;*/ position: absolute; left: 6.6%; top: 0.36rem;}
.menu_down .ul1{ float:left; width:100%;}
.menu_down .ul1 li{ float:left; width:100%;}
.menu_down .ul1 li h4{ float:left; width:100%; border-bottom:1px solid #999999;}
.menu_down .ul1 li h4 a{ float:left; width:100%; color:#333333; font-size:0.416666rem; line-height:1.138888rem; padding:0 12.77%; position:relative;}
.menu_down .ul1 li h4 a i{ float:left; width:0.351851rem; height:0.351851rem; position:absolute; left:7.6%; top:0.4074rem; background:url(../_im_g/ico5.png) center no-repeat; background-size:100% 100%;}
.menu_down .ul1 li h4.active a i{ background:url(../_im_g/ico6.png) center no-repeat; background-size:100% 100%;}
.menu_down .ul2{ float:left; width:100%; display:none;}
.menu_down .ul2 li{ float:left; width:100%;}
.menu_down .ul2 li h5{ float:left; width:100%; border-bottom:1px solid #999999;}
.menu_down .ul2 li h5 a{ float:left; width:100%; color:#666666; font-size:0.37037rem; line-height:1.138888rem; padding:0 14.2%;}
.menu_down .ul2 li h5 a span{text-transform:uppercase; color:#e31d48;}
.menu_down .ul3{ float:left; width:100%;}
.menu_down .ul3 li{ float:left; width:100%; border-bottom:1px solid #999999;}
.menu_down .ul3 li a{ float:left; width:100%; color:#666666; font-size:0.37037rem; line-height:1.138888rem; padding:0 21%;}
.menu_down .ul3 li a span{ text-transform:uppercase; color:#e31d48;}
.hotspot{ float:left; width:100%; position:relative; line-height:0; overflow:hidden;
 overflow-x:auto;
 scrollbar-width:thin;}
.hotspot::-webkit-scrollbar{ display: none;} 
/*.hotspot .box{ float:left; width:200%; position:relative;}
.hotspot .box .li{ float:left; position:absolute; width:4.6%; height:6.8%; }*/




.hotspot .box{ float:left; width:100%; position:relative;}
.hotspot .box .li{ float:left; position:absolute; width:8.6%; height:6.8%; /*background:rgba(0,0,0,0.2);*/}
.hotspot .slick-prev,
.hotspot .slick-next{ float:left; width:0.6rem; height:0.6rem; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); border-radius:50%;}
.hotspot .slick-prev{ background:url(../_im_g/ico2.png) center no-repeat rgba(255,255,255,0.8); background-size:100% 100%; left:0.1rem;}
.hotspot .slick-next{ background:url(../_im_g/ico3.png) center no-repeat rgba(255,255,255,0.8); background-size:100% 100%; right:0.1rem;}


.hotspot .slick-prev.slick-disabled,
.hotspot .slick-next.slick-disabled{opacity:0.5;}



.banner .slick-prev,
.banner .slick-next{ float:left; width:0.6rem; height:0.6rem; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); border-radius:50%;}
.banner .slick-prev{ background:url(../_im_g/ico2.png) center no-repeat rgba(255,255,255,0.8); background-size:100% 100%; left:0.1rem;}
.banner .slick-next{ background:url(../_im_g/ico3.png) center no-repeat rgba(255,255,255,0.8); background-size:100% 100%; right:0.1rem;}


.banner .slick-prev.slick-disabled,
.banner .slick-next.slick-disabled{opacity:0.5;}



.tscon{font-size:12px; color:#666; text-align:center; line-height:20px; padding:7px 0; float:left; width:100%;}