﻿/* 
* @Author: sublime text
* @Date:   2019-07-24 09:34:32
* @Last Modified by:   sublime text
* @Last Modified time: 2020-09-03 11:02:35
*/

.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*通用样式*/
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;} 
body{font-family:'Microsoft YaHei','微软雅黑','宋体',Verdana,sans-serif;color:#323232;font-size:14px;background:#fff;width:100%;height:100%;position:relative;}
.wrap{position:relative;margin:0px auto;width:1200px;padding:0px;}
.clear{width:0;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
body{overflow-x: hidden;}
a{ color:#333; text-decoration:none; outline:none;}

/*顶部*/
#ding{width: 100%;height: 50px;background: url(img/nav_bg.jpg)no-repeat;color: rgba(255,255,255,0.5);line-height: 50px;background-size:cover;}
#ding .fl{width: 50%;}
#ding .fr{width: 50%;}
#ding .fr a{color: rgba(255,255,255,0.5);padding: 0 10px;display: block;float: right;}
#ding .fr a:hover{color: #fff;}
#ding .fr .zuo{float: left;width: 425px;text-align: right;}
#ding .fr .you{float: right;width: 175px;font-size: 16px;color: #fff;text-align: right;}
#ding .fr .you img{display: inline-block;float: left;margin: 10px 0px 10px 15px;}


/*导航*/
#nav{width: 100%;height: 152px;background: url(img/tai_bg.jpg)no-repeat center;}
#nav .fl{width: 315px;float: left;font-size: 18px;color: #333333;padding-top: 30px;}
#nav .fl img{display: block;margin: 0 auto 13px auto;}
#nav .fl span{display: inline-block;width: 120px;height: 30px;background: #006ab4;color: #fff;text-align: center;line-height: 30px;border-radius: 20px;margin-left: 5px;}

#nav .fr a{float: left;text-align: center;height: 100px;display: block;font-size: 12px;color: #999999;text-transform: uppercase;padding: 0 13px;margin: 0 17px;}
#nav .fr a:last-child{margin-right: 0px;}
#nav .fr a p{font-size: 16px;line-height: 25px;padding-top: 50px;color: #333;}
#nav .fr a:hover,#nav .fr a.active{height: 150px;background: url(img/nav_bg.png)no-repeat;color:#fff;}
#nav .fr a:hover p,#nav .fr a.active p{color: #fff;}

/*banner*/
#banner{width: 100%;}
#banner img{width: 100%;display: block;}/*
#banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none;width: 50px;}
#banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;right:10px;width: 50px;}*/
#banner .swiper-pagination-bullet{width: 12px;height: 12px;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}


/*版权*/
#banquan{width: 100%;height: 426px;background: url(img/ban_bg.jpg)no-repeat center;color: #fff;background-size:cover;}
#banquan .fl{margin-top: 60px;width: 340px;}
#banquan .fl .tit{color: rgba(255,255,255,0.3);margin-bottom: 25px;}
#banquan .fl .tit p{font-size: 30px;font-weight: bold;color: #1998ef;}
#banquan .fl .tit hr{background: #1998ef;width: 65px;height: 1px;margin-left: 0px;border:none;outline: none;}
#banquan .fl .nei a{font-size: 14px;color: #fff;line-height: 30px;width:50%;float:left;display:block;} 
#banquan .fl .nei{font-size: 14px;color: #fff;line-height: 35px;margin-right: 20px;}
#banquan .fl .nei .tu{width: 117px;overflow: hidden;text-align: center;float: left;margin-right: 20px;}
#banquan .fl .nei .tu img{display: block;}

#banquan .wen{text-align: center;color: #fff;margin-top: 70px;}
#banquan .wen a{color: #fff;}



/* 滚动条样式 */

::-webkit-scrollbar { /*滚动条整体样式*/
    width: 6px !important;; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px !important;;
    background: #ffffff !important;;
    cursor: pointer !important;

}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    background: rgba(0, 106, 180, 1) !important;;
    cursor: pointer !important;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;;
    border-radius: 0 !important;;
    background: rgba(240, 240, 240, 0.5) !important;;
    cursor: pointer !important;
}
