@charset "utf-8";
html{width: 100%;}
body{font-size:14px; background:#fff; font-family: "微软雅黑";color: #333;background: #fff;width: 100%;}
*{ padding:0; margin: 0; border: 0;zoom:1}
body,div,dl,dt,dd,ul,ol,li,form,input,textarea,p,th,td,tr,table,tbody,thead,tfoot,em,strong,span 
{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none;max-width: 100%;max-height: 100%;}
a,a:hover{text-decoration:none;blr:expression(this.onFocus=this.blur());}
a:focus{outline:none}
a{color: #333;transition: all .3s;}
a:hover{color:  inherit;}
ul{padding:0;margin:0; list-style:none;}
li{padding:0;margin:0;white-space:nowrap;  text-overflow:ellipsis; }
.test{border:#000 solid 1px; overflow:hidden;}
.m-center{display: flex;justify-content: center;align-items: center;}
.m-flex{display: flex;flex-wrap:wrap}
.width-100,section{overflow: hidden;position: relative;margin: 0 auto;}
.width-1000{width: 1000px;position: relative;margin: 0 auto;overflow: hidden;}
.width-848{width: 848px;position: relative;margin: 0 auto;overflow: hidden;}
.a-background{background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 0; display: block; transition: all .5s;}
.m-slh{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.m-dhslh{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 100%;}
.border-bottom{border-bottom: 1px solid #dfdad1;}
.img-r{max-height: 100%; max-width: 100%;}
.m-hidden{overflow: hidden;}
.font-big{font-size: 110%;}
.font-s{font-size: 90%;}
.col-000{color: #000;}
.col-fff{color: #fff;}
.img-box{width: 100%;height: 0;display: block;position: relative;overflow: hidden;}
.img-box>img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: transform .5s;}
.bg-fff{background: #fff;}
.bg-333{background: #333;}
.bg-eee{background: #f3f4f6;}
.bg-26{background: #262626;}
.text-center{text-align: center;}




header{width: 1000px;margin: 0 auto; height: 80px;position: relative;z-index: 5;}
.logo{width: 194px;float: left;display: block;}
.m-nav{float: right;padding-top: 27px;}
.m-nav>li{float: left;padding:0 30px;line-height: 40px;background: url(../images/nav-x.jpg) no-repeat 0 15px;
padding-bottom: 13px;position: relative;transition: background-color .4s;}
.m-nav a{color: #000;}
.m-nav>li>a{position: relative;display: inline-block;color: #000;}
.m-nav>li>a:after{content: '';position: absolute;width: 100%; height: 2px; background: #fff;left: 0;bottom: 0;}
.m-nav>li:hover,.m-nav>li.hover{background: #095a9c;}
.m-nav>li:hover+li,.m-nav>li.hover+li{background-image: none;}
.m-nav>li:hover>a,.m-nav>li.hover>a{color: #fff;}
.m-nav>li>div{position: absolute;line-height: 41px;left: 0;top:100%;background: #fff;display: none;}
.m-nav>li>div>a{display: block;padding: 0 30px;}
.top-1{float: right;width: 77px; height: 80px;position: relative;cursor: pointer;}
.top-2{background: #42474b;position: absolute;width: 100%;text-align: center;padding: 5px 0;display: none;}
.top-2>a{display: inline-block;font-size: 24px;color: #fff;border: 2px solid #fff;padding: 10px;border-radius: 50%;margin: 5px;}
.top-2>a:hover{color: #ccc;border-color: #ccc;}


footer{font-size: 12px;color: #a6a6a6;line-height: 2.8;}
.footer-1{padding: 45px 20px 60px 0;border-bottom: 1px solid #484848;overflow: hidden;}
.footer-l{float: left;width: 750px;overflow: hidden;}
.footer-l>div{display: table-cell;width: 1%;padding-left: 20px;border-left:1px solid #393939;}
.footer-l>div a{color: #a6a6a6;display: block;white-space: nowrap;}
.footer-l>div a:hover{color: #fff;}
.footer-l>div p{color: #fff;font-weight: 600;padding-bottom: 5px;}
.footer-r{float: right;width: 115px;overflow: hidden;text-align: center;}
.footer-bottom{display: flex;justify-content: space-between;padding: 10px 10px 40px;}


.banner{height: 600px;position: relative;width: 100%;}
.banner1{width: 100%; height: 100%;}
.banner1 .swiper-slide{height: 100%;background-position: center; background-repeat: no-repeat; background-size:cover;}
.banner2{background: rgba(0,0,0,.3);width: 100%; height: 50px;position: absolute;bottom: 0;z-index: 2;}
.banner3{width: 1000px;bottom: 24px;position: absolute;z-index: 3;left: 50%;margin-left: -500px;overflow: hidden;}
.banner4{display: flex;flex-direction:  column-reverse;padding:0 20px;align-items:center;cursor: pointer;height: 133px;}
.banner4>.img-box{width: 100%;padding-bottom: 43.5%;border: 5px solid #3dbfe4;position: relative;overflow: visible;display: none;transition: opacity .3s;}
.banner4>.img-box:after{content: '';width: 0px; height: 0px; border-left: 10px solid transparent;border-right: 10px solid transparent;
    border-top: 10px solid #3dbfe4;position: absolute;left: 50%;top:100%;margin-left: -5px;}
.banner4>span{width: 96px; height: 0;padding-top: 24px;border-bottom: 6px solid #083372;}
.banner4>span:hover+.img-box,.banner4>.img-box:hover{display: block;}
.banner4.swiper-slide-active>span{border-color:#3dbfe4;}
.banner4>span:active+.img-box{display: none;}


.index-bt{text-align: center;padding: 20px 0 30px;color: #595757;}
.index-bt h1{font-size: 40px;color: #4ea3f4;margin-bottom: 12px;}
.index-1{margin:10px 0 40px -12px;overflow: hidden;}
.index-2{width: 242px;margin-left: 11px;display:block;float: left;text-align: center;color: #4ea3f4;}
.index-2>div,.index-2 img{width: 242px;height: 229px;overflow: hidden;transition: all .6s;}
.index-2:hover img{transform: scale(1.1);}
.index-2 h3{margin: 10px 0;}

.index-3{overflow: hidden;margin-bottom: 60px;text-align: center;font-size: 12px;display: flex;}
.index-4{width: 192px;margin:0 10px;flex-shrink: 0;background: #e0e3e8;text-transform: uppercase;padding-bottom: 20px;color: #999;}
.index-4 .img{border-bottom: 1px solid #fff; height: 128px;display: flex;align-items: center;justify-content: center;margin: 10px 16px;}
.index-4 .txt p{white-space: nowrap;}
.index-4 .txt h4{color: #222;margin: 10px 0 5px;}
.index-4:hover{background: #ffad01;}
.index-5{margin-bottom: 60px;font-size: 12px;line-height: 1.5;overflow: hidden;}
.index-6{float: left;width: 25%;padding: 0 4px;}
.index-6 .img,.index-6 .img img{display: block;width: 100%; height: 114px;transition: all .4s;overflow: hidden;}
.index-6 .txt{background: #fff;padding: 15px;color: #737271;}
.index-6 .txt a{color: #4ea3f4;}
.index-6 .txt h4{font-weight: 800;margin-top: 0;}
.index-6 .txt .m-dhslh{height: 4.5em;-webkit-line-clamp: 3;width: 85%;}
.index-6 .more{text-align: right;font-size: 14px;}
.index-6:hover img{transform:scale(1.08)}
.index-6 a:hover{color: #333;}
.width-824{width: 824px;position: relative;margin: 0 auto 20px;overflow: hidden;}
.index-7{width: 206px; height: 206px;float: left;background: url(../images/01.jpg)no-repeat center;background-size: 100% 100%;
padding: 70px 5px 0 14px;color: #fff;font-size: 12px;line-height: 1.8;}
.index-7>div{margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;width: 100%;height: 5.4em;}
.index-7 h5{font-weight: 600;}
.index-8{float: left;width: 206px; height: 206px;}
.index-8 img{width: 100%; height: 100%;}






/*list*/
.nr-left{float: left;width: 243px;overflow: hidden;padding-top: 8px;}
/*.nr-1{width: 100%; height: 187px;background: url(../images/nr-btbg.jpg) no-repeat center;background-size: cover;
padding: 32px 10px 0 55px;color: #fff;font-size: 48px;line-height: 1;text-transform: uppercase;font-size: 100;}
.nr-1>p{font-size: 10px;padding: 10px 0;letter-spacing: -1px;}*/
.nr-1{width: 100%;margin-bottom: 10px;}
.nr-1 img{width: 100%;}
.nr-2{width: 100%;}
.nr-3{background: #acabab;color: #000;font-size: 12px;padding: 0 10px;margin: 1px 0 10px;}
.nr-3>div{display: flex;align-items: center;padding: 10px;}
.nr-3>div>img{width: 43px;margin-right: 20px;flex-shrink: 0;}
.nr-right{width: 728px;float: right;font-size: 12px;}
.position{padding: 20px 0;color: #000;}
.position a{color: #000;}
.position a:hover{color: #2589c1;}
.nr-banner,.nr-banner img{width: 100%; height: 211px;}
.nr-bt{width: 100%; height: 46px;line-height: 46px;padding-left: 46px;background: url(../images/nr-bt2.jpg) no-repeat center;
color: #000;margin-top: 15px;font-weight: 800;}
.nr-al{overflow: hidden;text-align: center;}
.nr-al>a{width: 225px; height: 208px;display: block;float: left;margin: 20px 17px 0 0;position: relative;color: #fff;overflow: hidden;}
.nr-al>a>img{width: 100%; height: 100%;transition: all .4s;}
.nr-al>a h5{position: absolute;width: 100%; height: 36px;line-height: 36px;margin: 0;bottom: 0;z-index: 2;background: rgba(0,0,0,.5);}
.nr-al>a:hover img{transform: scale(1.08);}
.page{color: #000;padding: 46px 0;text-align: right;}
.page a{display: inline-block;background: #c4c1c1;padding: 2px 5px;color: #000;}
.page a:hover,.page a.hover{background: #50b4f2;}
.page select{background: #c4c1c1;padding:2px 0;margin: 0 5px;width:40px;text-align: center;}
.nr-con{width: 100%;padding: 10px 10px 50px;overflow: hidden;line-height: 24px;}
.nr-nav{font-size: 14px;padding-bottom: 10px;}
.nr-nav>a{display: block;padding: 10px 55px;color: #000;margin-bottom: 5px;
background: #92c4e0 url(../images/nr-navbg.png)no-repeat right center;font-weight: 800;}
.nr-nav>a:hover,.nr-nav>a.hover{background-color: #2589c1;}
