html,body{ background-color:#f2f2f2;}

.indextop{ background:#000; height:130px; overflow:hidden; zoom:1; text-align:center;}
.indextop img{ height:60px; margin:20px; margin-top:40px;}

.indextop .container{ position:relative;}
.indextop .languages{ overflow:hidden; zoom:1; position:absolute; top:0; right:0;}
.indextop .languages ul{ margin:0; padding:0;}
.indextop .languages ul li{ list-style:none; width:30px; height:30px; line-height:30px; color:white; float:left; border:solid 1px gray; border-radius:3px; margin:3px;}
.indextop .languages ul li.active{ background:#da241c; border-color:#da241c;}
.indextop .languages ul li a{ color:white;}

.lanrow{ position:relative; z-index:999; background:#da241c; overflow:visible; zoom:1; height:30px;}
.lanrow .container{}
.lanrow .lanlist{ float:right;}
.lanrow img.GQ{ border:solid 1px #ffa09c;}
.lanrow .btnYY{ border:none !important; color:white !important; box-shadow:none; padding:0;}

.indexnavs{ height:75px; overflow:visible; zoom:1; display:block; background:#252525; border-bottom:solid 1px #000; position:fixed; top:30px; z-index:998; width:100%;}
.indexnavs .navbar-brand{ padding:0;}
.indexnavs .navbar-brand img{ height:60px;}
.indexnavs a{ color:white !important; white-space:nowrap;}
.indexnavs .dropdown-menu a{ color:black !important; line-height:30px;}
.indexnavs .nav{ background:#252525;}
.indexnavs .nav-item{ margin:0 20px;}
.indexnavs .nav-item a{ font-weight:bold !important;}
.indexnavs .nav-item a:hover{ color:#eee !important;}
.indexnavs .nav-item .dropdown-menu a{ color:#000 !important;}
.indexnavs .nav-item .dropdown-menu a:hover{ color:#666 !important;}
.indexnavs .navActive a{ color:#da241c !important;}
.indexnavs .fa-bars{ color:white;}
.indexnavs .navbar-collapse{background:#252525;}
.indexnavs .form-inline{ margin:0 20px;}
.divSearch{ position:relative; right:20px; top:0;}
.divSearch input{ padding-right:80px;}
.divSearch .btn{ position:absolute; right:0; top:0; background-color:#da241c !important; border-color:#da241c;}
.divSearch .btn:hover{ font-weight:bold;}

.FullBanner{ height:70px; overflow:hidden; zoom:1; display:block;}
.indexbanners{ background:#303030; width:100%; height:600px; overflow:hidden; zoom:1;}

.pagemain{background:#444;padding-bottom:20px; padding-top:20px;}
.contentmain{ background:#fff; box-shadow:10px 10px 10px #000; overflow:hidden; zoom:1;}

.bottomnavs{ padding-top:20px; padding-bottom:50px; margin-top:20px; }
.bottomnavs ul{ margin:0; padding:0;}
.bottomnavs ul li{ list-style-type:none;}
.bottomnavs ul li.bt{ margin-left:1.5rem; font-size:18px; font-weight:bold; color:#333; margin-bottom:0.25rem;}
.bottomnavs ul li.nr{ margin-left:1.5rem; color:gray;}
.bottomnavs ul li a{ text-decoration:none;}
.copyrightRow{ background:#000; color:white; text-align:center; padding:5px 0;}

.blogitem{ overflow:hidden; zoom:1; clear:both;}
.blogitem .bt{ font-size:44px; text-align:center; margin-bottom:10px; color:#006cb7;}
.blogitem .bt a{ color:#000; text-decoration:none; font-weight:500;}
.blogitem .bt a:hover{ text-decoration:underline;}
.blogitem .rq{ text-align:center; color:gray; margin-bottom:20px;}
.blogitem .fm{ text-align:center;}
.blogitem .ms{ max-height:330px; overflow:hidden; zoom:1; border-bottom:solid 1px #ddd; margin-bottom:100px; }
.blogitem .nr{display:none;}

.zfl{ background:#f0f0f0; border-bottom:solid 1px #ddd;}
.zfl ul{ overflow:hidden; zoom:1; padding:10px; margin:0;}
.zfl ul li{ list-style:none; word-wrap:normal; float:left; margin:5px 20px; }
.zfl ul li a{white-space:nowrap; font-weight:500; color:gray;}
.zfl ul li a.active{ color:#000; text-decoration:underline;}

.subfl{ background:#fff; border-bottom:solid 0px #ddd;}
.subfl2{ background:#f9f9f9; border-bottom:solid 1px #ddd;}
.subfl ul{ overflow:hidden; zoom:1; padding:10px; margin:0;}
.subfl ul li{ list-style:none; word-wrap:normal; float:left; margin:5px 20px; }
.subfl ul li a{white-space:nowrap;}
.subfl ul li a.active{ text-decoration:underline; font-weight:bold;}

.flsplist{ overflow:hidden; zoom:1; clear:both; margin-top:50px;}
.flsplist .flspitem{ margin-bottom:50px; border-top:solid 1px #ddd; position:relative;}
.flsplist .flspitem .flbt{ width:100%; min-height:350px; overflow:hidden ;zoom:1; display:block; }
.flsplist .flspitem .flbt .bt{ color:white; font-weight:600; line-height:60px; text-align:center;  font-size:36px; padding:30px;}
.flsplist .flspitem .flbt .bt2{ color:white; font-weight:600; line-height:30px; text-align:center;  font-size:16px; padding:30px;}
.flsplist .flspitem .flms{ padding:10px 0; font-size:14px;}
.flsplist .flspitem .RangeReatures{ position:absolute; left:50%; transform:translateX(-50%); top:300px; text-align:center; color:white; text-decoration:underline; display:inline-flex;}
.flsplist .flspitem .flsps{ margin:0; padding:0;}
.flsplist .flspitem .flsps li{ float:left; width:150px; height:170px; overflow:hidden ;zoom:1; display:block; margin:10px;}
.flsplist .flspitem .flsps li a{}
.flsplist .flspitem .flsps li a img{ width:100%;}
.flsplist .flspitem .flsps li a div{ color:gray; font-size:12px; text-align:center;}

.splist{ clear:both; overflow:hidden; zoom:1; display:block;}
.splist .spitem{ float:left; width:330px; height:400px; margin:20px; overflow:hidden; zoom:1; display:block;}
.splist .spitem .tp{}
.splist .spitem .tp img{ width:100%;}
.splist .spitem .bt{}

.loadingrow{ text-align:center; margin:20px; clear:both;}

.rsplist{}
.rsplist .thumb{}
.rsplist .thumb img{ width:100%;}
.rsplist .title{ color:#333; font-weight:bold;}

.sysplist{ overflow:hidden; zoom:1; display:block; }
.sysplist .syspitem{ float:left; width:330px; height:400px; margin:20px; overflow:hidden; zoom:1;}
.sysplist .syspitem:hover{ border:solid 1px #eee;}
.sysplist .syspitem .tp{}
.sysplist .syspitem .tp img{ width:100%;}

.indexsp{}
.indexsp .tp{overflow:hidden; zoom:1; display:block; vertical-align:middle; display:table-cell;}
.indexsp .tp img{ max-width:100%; max-height:100%;}
.indexsp .bt{ height:2.4rem; line-height:1.2rem; font-size:1rem; overflow:hidden; zoom:1;}
.indexsp .bt a{ color:#333; font-weight:bold;}
.indexsp .bt2{ text-align:center; color:#333; font-size:1rem;}


.newslist{ background:#333; overflow:hidden;}
.newslist ul{ margin:0; padding:50px; overflow:hidden;}
.newslist ul li{ width:48%; height:103px; overflow:hidden; zoom:1; float:left; list-style:none; position:relative; margin:1%;}
.newslist ul li .tp{ width:100px; height:100px; overflow:hidden; zoom:1; position:absolute; left:0; top:0; background:#fff; text-align:center; border-radius:10px; box-shadow:2px 2px 2px #000; border:solid 1px #ccc;}
.newslist ul li .tp img{ width:100%;}
.newslist ul li .tp .vm {color:#aaa; text-decoration:none; font-size:10px; text-align:center; position:absolute; left:0; top:82px; width:100%; text-align:center; white-space:nowrap; background:#333;}
.newslist ul li .nr{ color:#aaa; padding-left:120px; font-size:14px;}

.bottomContact{ }
.bottomContact p{ margin-bottom:0;}
.bottomContact h5{ font-size:18px;}

.ToTop{ background:#ccc; color:#666; font-size:36px; position:fixed; right:50px; bottom:50px; padding:0px 10px 10px 10px; overflow:hidden; zoom:1; display:block; border-radius:5px; opacity:0.5; display:none;}
.ToTop:hover{ color:#000; cursor:pointer; opacity:1;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  .scrollbar::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  .scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  /*定义滑块 内阴影+圆角*/
  .scrollbar::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
  }


@media(min-width:1366px){.container{max-width:1270px}}
@media(min-width:1440px){.container{max-width:1370px}}
@media(min-width:1600px){.container{max-width:1470px}}




@media (min-width: 576px) {
    /* 超小设备（手机，576px 起） */
    .indexsp .tp{ height:313px; }
}
@media (min-width: 768px) {
    /* 小型设备（平板电脑，768px 起） */
    .indexsp .tp{ height:150px; }
}
@media (min-width: 992px) {
    /* 中型设备（台式电脑，992px 起） */
    .indexsp .tp{ height:210px; }
}
@media (min-width: 1200px) {
    /* 大型设备（大台式电脑，1200px 起） */
    .indexsp .tp{ height:255px; }
}
@media(min-width:1366px){
    /* 宽屏 */
    .indexsp .tp{ height:288px; }
}
@media(min-width:1440px){
    /* 宽屏 */
    .indexsp .tp{ height:313px; }
}
@media(min-width:1600px){
    /* 宽屏 */
    .indexsp .tp{ height:338px; }
}