body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
.nav_text div a{color: #d9f0f2 }
.nav_bottom .nav_text div a:hover{color: #fff }
.menu_slid_top a{text-decoration:none;color: #d9f0f2 }
.menu_slid_top a:hover { text-decoration:none;color: #fff }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
a{margin:0;padding:0;}
body{
    overflow: hidden;
    width:100%;
    height :100%;
}
.html{
height:100%;
} 
.flexslider{
    margin: 0;
    padding: 0;
    border: solid 0px !important;
}

.slides {
    width: 100%;
    height: 100% !important;
    margin: 0;
    padding: 0;
}

.nav{
   width: 97%;
    height: 80px;
    position: absolute;
    z-index: 3;
    margin: 35px 0 0 3%;
}
.nav_logo{
    width: 30%;
    height: 100%;
    float: left;
}
.nav_menu{
    width: 50%;
    height: 50%;
    float: right;
}
.nav_menu a{
    text-decoration:none;color: #fff 
}
.nav_menu1{
    height: 18px;width: 1px;background-color: #fff;float: right;margin:3px 12px;
}
.nav_menu2{
    width: 50px;height: 100%;float: right;font-size: 16px;font-family: 微软雅黑;color: #fff;margin:0 0 0 10px;cursor: pointer;text-align:right
}
.nav_menu3{
    width: 20px;height: 100%;float: right;font-size: 16px;font-family: 微软雅黑;color: #fff;margin:0 ;
}
.nav_menu4{
    width: 50px;height: 100%;float: right;font-size: 16px;font-family: 微软雅黑;color: #fff;cursor: pointer;margin-right:30px ;
}
.nav_bottom{
    width: 96%;
    height: 60px;
    position: absolute;
    z-index: 3;
    bottom:20px;
    left: 2%;
    min-width: 800px;
}
.nav_icon{
    width: 30%;
    height: 100%;
    float: right;
}
.screen{
    width: 80px;
    height: 30px;
    border: solid 1px #fff;
    color: #fff;font-size: 14px;
    line-height: 30px;
    text-align: center;
    float: right;
    margin-top: -4px;
    cursor: pointer;
}
.nav_text{
    width: 40%;
    height: 100%;
    float: left;
    min-width: 800px;
}
.nav_text1{
    width: 15%;height: 50%;float: left;font-size: 18px;font-family: 微软雅黑;color: #e8ebf1;
    margin:0 0 0 6%;
}
.nav_text2{
    width: 15%;height: 50%;float: left;font-size: 14px;font-family: 微软雅黑;color: #e8ebf1;
    margin:0 0 0 6%;
}
.menu_logo{
    width: 26px;
    height: 20px;
    float: right;
    background: url("../images/menu-icon.png") no-repeat;
    opacity: .8;
    margin-right:50px;
}
.menu_logo:hover{
    opacity: 1;
    cursor: pointer;
}
.bg_img1{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd1.png") !important;
    background-size: cover;
}
.bg_img2{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd2.png") !important;
    background-size: cover;
}
.bg_img3{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd3.png") !important;
    background-size: cover;
}
.bg_img4{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd4.png") !important;
    background-size: cover;
}
.bg_img5{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd5.png") !important;
    background-size: cover;
}
.bg_img6{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd6.png") !important;
    background-size: cover;
}
.bg_img7{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd7.png") !important;
    background-size: cover;
}
.bg_img8{
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/sd8.png") !important;
    background-size: cover;
}
.slides .logo_text1{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt1.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text2{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt2.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text3{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt3.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text4{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt4.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text5{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt5.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text6{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt6.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text7{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt7.png") no-repeat;background-size: 100% 100%;}
.slides .logo_text8{width: 60%;height: 120px;position: absolute;left: 22%;top: 45%;background: url("../images/lt8.png") no-repeat;background-size: 100% 100%;}

.slides .int1{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int1.png") no-repeat;}
.slides .int2{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int2.png") no-repeat;}
.slides .int3{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int3.png") no-repeat;}
.slides .int4{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int4.png") no-repeat;}
.slides .int5{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int5.png") no-repeat;}
.slides .int6{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int6.png") no-repeat;}
.slides .int7{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int7.png") no-repeat;}
.slides .int8{width: 420px;height: 232px;position: absolute;right: 50px;top: 54%;background: url("../images/int8.png") no-repeat;}


.slides .btn{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50px;
    top: 48%;
    background: url("../images/p9.png") no-repeat;
    background-size: 40px 40px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .8;
    cursor: pointer;

}
.slides .tip{
    width: 120px;
    height: 50px;
    position: absolute;
    background: url("../images/tipr.png") no-repeat;
    background-size: 120px 50px;
    right: 45px;
    top: -5px;
    display: none;
}
.slides .btn:hover .tip{
    display: block;

}
.slides .btn:hover{
    background-color: #fff;
    opacity: 1;
}
.menu_slid{
    width: 100%;
    height: 100%;
}
.menu_slid_top{
    width: 100%;
    height: 8%;
    float: left;
    background-color: #424141;
}
.menu_slid_top1{
    width: 100%;
    height: 26%;
    float: left;
    margin:3.5% 0;
}
.link1{
    width: 80px;height: 100%;float: left;font-size: 16px;font-family: 微软雅黑;color: #fff;margin:0 0 0 20px;text-align:right;line-height:22px;
}
.link2{
   width: 100px;height: 100%;float: left;font-size: 16px;font-family: 微软雅黑;color: #fff;line-height:23px;
}
.link3{
    height: 18px;width: 1px;background-color: #d9f0f2;float: left;margin:2px 10px;
}
.menu_slid_bottom{
    width: 100%;
    height: 92%;
    float: left;
    background-color:#424141;
}
.menu_slid_bottom ul{
    width: 100%;
    height: 100%;
    float: left;
}
.menu_slid_bottom ul li{
    width: 50%;
    height: 25%;
    float: left;
    border: solid 1px #888888 ;
    border-width:1px 0px 0px 1px;
    z-index:3;
    position:relative;
}

.menu_slid_bottom ul li .li_b{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background-color:#424141;
}
.menu_slid_bottom ul li .li_b1{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md1.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b2{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md2.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b3{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md3.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b4{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md4.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b5{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md5.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b6{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md6.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b7{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md7.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li .li_b8{
    width: 100%;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url("../images/md8.png") no-repeat;
    background-size:cover;
}
.menu_slid_bottom ul li:hover .li_b{
    background-color:rgba(0,0,0,0);
}
.menu_slid_bottom .b1_logo{
    width: 90%;
    height: 40%;
    margin: 6% 5%;
    float: left
}
.menu_slid_bottom .b1_text{
    width: 90%;
    height: 25%;
    margin: 5% 5%;
    float: left
}
.menu_slid_bottom .b1_text1{
    font-size: 16px;font-family: 微软雅黑;font-weight: 500;color: #fff;width:100% ;height:22px;
}
.menu_slid_bottom .b1_text2{
   font-size: 16px;font-family: 微软雅黑;color: #fff;width:100% ;height:22px; 
}
.detail_slid{ 
    width: 97%;
    height: 86%;
    margin: 10% 3% 6% 0;
    overflow: auto;
    position: relative;

}
.close{
    width: 24px;
    height: 24px;
    right: 15px;
    top: 30px;
    position: absolute;
    background: url("../images/x.png") no-repeat;
    cursor:pointer;
}
.detail_slid1{
    width: 92%;
    margin-right:40%;
    height: auto;
}
.detail_slid1 img{
    width: 100%;
    height: auto;
}

/*详情页滚动条webkit样式*/
::-webkit-scrollbar
{
    width: 1px;
    background-color: #b2adaa;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb:hover {background-color: #cc9c03
}
::-webkit-scrollbar-thumb
{
    border: solid 1px #000 ;
    box-sizing: border-box;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #000;
    width: 5px;
}




.incloud{width: 100%;height:100%;background-color: #1cf855;position: relative;}

/*关于浏览器兼容问题*/
@media screen and (min-width:1685px) and (max-width:1921px) {
    
}


@media screen and (min-width:1445px) and (max-width: 1684px) {

.slides .logo_text1{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text2{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text3{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text4{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text5{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text6{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text7{height: 110px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text8{height: 110px;position: absolute;left: 20%;top: 45%;}   

}



@media screen and (min-width:1285px) and (max-width:1444px){


.slides .int1{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints1.png") no-repeat;}
.slides .int2{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints2.png") no-repeat;}
.slides .int3{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints3.png") no-repeat;}
.slides .int4{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints4.png") no-repeat;}
.slides .int5{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints5.png") no-repeat;}
.slides .int6{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints6.png") no-repeat;}
.slides .int7{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints7.png") no-repeat;}
.slides .int8{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints8.png") no-repeat;}
.slides .logo_text1{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text2{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text3{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text4{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text5{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text6{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text7{height: 100px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text8{height: 100px;position: absolute;left: 20%;top: 45%;} 
.menu_slid_bottom .b1_text1{
    font-size: 12px;
}
.menu_slid_bottom .b1_text2{
   font-size: 12px;
}
.nav_text1{
    font-size: 16px;
}
.nav_text2{
    font-size: 12px;
}
}


@media screen and (max-width:1284px) {

.slides .int1{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints1.png") no-repeat;}
.slides .int2{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints2.png") no-repeat;}
.slides .int3{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints3.png") no-repeat;}
.slides .int4{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints4.png") no-repeat;}
.slides .int5{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints5.png") no-repeat;}
.slides .int6{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints6.png") no-repeat;}
.slides .int7{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints7.png") no-repeat;}
.slides .int8{width: 360px;height: 200px;position: absolute;right: 50px;top: 54%;background: url("../images/ints8.png") no-repeat;}
.slides .logo_text1{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text2{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text3{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text4{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text5{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text6{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text7{height: 80px;position: absolute;left: 20%;top: 45%;}
.slides .logo_text8{height: 80px;position: absolute;left: 20%;top: 45%;} 
.menu_slid_bottom .b1_text1{
    font-size: 12px;
}
.menu_slid_bottom .b1_text2{
   font-size: 12px;
}
.nav_text1{
    font-size: 16px;
}
.nav_text2{
    font-size: 12px;
}
}