.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{ width: 1200px; margin: 0 auto;}

/*弹性盒子*/
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*横向弹性*/
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*纵向弹性*/
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}  /*弹性盒子换行*/

.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}

.top{background: #EEE; font-size: 14px; color: #717171;}
.top p{float: left; line-height: 40px; }
.link{float: right;}
.link a{float: right; color: #717171; border-left: 1px solid #808080; padding: 0 10px; margin-top: 10px;}
.link a:nth-of-type(1):after{content: ''; width: 0; height: 0; border: 5px solid transparent; border-left-color: #717171; display: inline-block; margin-left: 10px;}
.link a:nth-of-type(2){color: #5CA6FB; border:none;}

.nav .logo{float: left;}
.nav .logo img{display: block;}
.nav ul{float: right;}
.nav ul a{display: block; float: left; margin: 0 15px; font-size: 16px; color: #2E2E2E; line-height: 86px; border-bottom: 2px solid #fff;}
.nav ul a.on{border-color: #2E90FF;}
.nav ul a:hover{border-color: #2E90FF;}

.jgfw{position: relative; margin: -70px auto 90px; z-index: 99; width: 980px;}
.jgfw .fw-box{width: 300px; float: left; margin-right: 40px; box-shadow: 0 0 20px rgba(157,157,157,.4); display: block; padding: 28px; box-sizing: border-box; background: #fff; }
.jgfw .fw-box:last-child{margin-right: 0;}
.jgfw .pic img{margin: 0 auto; display: block;}
.jgfw .pic img:last-child{display: none;}
.jgfw .tit{display: block; margin: 30px 0 25px 0; text-align: center;}
.jgfw .tit h6{font-size: 20px; color: #333;}
.jgfw .tit label{font-size: 12px; color: #BEBEBE; text-transform: uppercase;}
.jgfw .tit em{width: 80px; height: 2px; display: block; background: #017BCE; margin: 10px auto 0}
.jgfw .arrow{display: block; margin-top: 15px;}
.jgfw p{font-size: 16px; line-height: 24px; color: #898989;}
.jgfw .fw-box:hover{background: #017BCE; box-shadow: 0 0 20px rgba(1,123,206,.4);}
.jgfw .fw-box:hover .pic img:first-child{display: none;}
.jgfw .fw-box:hover .pic img:last-child{display: block;}
.jgfw .fw-box:hover .tit h6{color: #fff;}
.jgfw .fw-box:hover .tit em{background: #fff;}
.jgfw .fw-box:hover p{color: #fff;}

.more{width: 170px; height: 46px; background: #F57C00; color: #fff; display: block; font-size: 18px; text-align: center; line-height: 46px; margin: 35px auto 90px; box-sizing: border-box;}
.more:hover{border: 2px solid #F57C00; color: #F57C00; background: none; font-weight: bold; line-height: 42px;}
.tit{margin: 80px 0 30px 0; font-weight: lighter; color: #206BD1;}
.tit p{font-size: 50px; text-transform: uppercase;}
.tit h6{font-size: 44px;}
.tit h6 span{font-weight: bold;}

.gsjs{height: 645px; background: #206BD1; overflow: hidden;}
.gsjs .wrapper{position: relative;}
.gsjs .left{position: absolute; right: 50%; top: 0;}
.gsjs .right{float: right; width: 50%; color: #fff; padding-left: 50px; box-sizing: border-box;}
.gsjs .tit{color: #fff;}
.gsjs .right em{width: 135px; height: 1px; background: #fff; display: block; margin-bottom: 30px;}
.gsjs .right .js{font-size: 16px; line-height: 30px;}
.gsjs .right .js span{font-weight: bold;}
.gsjs .right .js .more{margin: 35px 0 0 0;}

.cpyl .tit{text-align: center;}
.picScroll-left{overflow:hidden; position:relative;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width: 290px; margin-right: 10px; float:left; _display:inline;}
.picScroll-left .bd ul li a{display: block; position: relative; overflow: hidden;}
.picScroll-left .bd img{width: 100%; display: block;}
.picScroll-left .bd .txt{width: 100%; height: 100%; display: block; position: absolute; bottom: -100%; left: 0; background: rgba(1,1,1,.65); padding: 25% 10%; color: #fff; text-align: center; box-sizing: border-box; transition: 0.5s ease;}
.picScroll-left .bd .txt h6{font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.picScroll-left .bd .txt em{width: 30%; height: 1px; background: #fff; display: block; margin: 20px auto 20px;}
.picScroll-left .bd .txt p{font-size: 16px; line-height: 30px;}
.picScroll-left .bd li:hover .txt{bottom: 0;}

.xwzx{background: #F1F1F1; padding: 90px 0;}
.xwzx .wrapper{position: relative;}
.xwzx .title{font-size: 24px; font-weight: lighter; text-transform: uppercase; color: #206BD1; margin-bottom: 40px;}
.xwzx .title h6{font-size: 44px; display: inline-block;}
.xwzx .title h6 span{font-weight: bold;}
.xwzx .more{background: #206BD1; position: absolute; top: 7px; right: 0; margin: 0;}
.xwzx .more:hover{border: 2px solid #206BD1; color: #206BD1; background: none;}
.xwzx .left{clear: both; width: 555px; height: 347px; float: left; display: block; overflow: hidden; position: relative;}
.xwzx .left img{display: block; width: 100%; transition: 0.5s ease;}
.xwzx .left span{display: block; width: 100%; padding: 0 20px; box-sizing: border-box; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(1,1,1,0.6); color: #fff; font-size: 18px; position: absolute; bottom: 0; left: 0;}
.xwzx .left:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

.xwzx .right{width: 625px; float: right;}
.xwzx .right .m-xw{display: block; background: #fff; margin-bottom: 14px;}
.xwzx .right .m-xw:last-child{margin-bottom: none;}
.xwzx .right .m-xw .pic{width: 170px; overflow: hidden; float: left;}
.xwzx .right .m-xw .pic img{display: block; width: 100%; transition: 0.5s ease;}
.xwzx .right .m-xw .txt{width: 450px; float: right; padding: 20px; box-sizing: border-box; padding-bottom: 0;}
.xwzx .right .m-xw .txt h6{font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.xwzx .right .m-xw .txt p{font-size: 14px; line-height: 22px; color: #222;}
.xwzx .right .m-xw:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.xwzx .right .m-xw:hover h6{color: #206BD1;}

footer{background: #0B57BF; padding: 60px 0 50px 0; color: #fff;}
footer .m-logo{float: left; width: 305px; margin-top: 10px; margin-right: 100px;}
footer .add{float: left; width: 650px; font-size: 14px;}
footer .add .item{margin-bottom: 25px;}
footer .add img{float: left; margin: 2px 10px 0 0;}


footer .ewm{width: 130px; float: right;}
footer .ewm img{display: block; width: 100%;}

.bq{background: #000; line-height: 60px; font-size: 14px; color: #9A9999;}
.bq ul{float: left;}
.bq ul a{display: block; float: left; margin-right: 25px;}
.bq p{float: right;}
.bq a{color: #9A9999;}
.bq a:hover{color: #fff;}

.cont{padding: 40px 0 135px 0}
.cont .left{width: 280px; float: left; font-size: 14px; color: #6E6D6D; line-height: 25px;}
.cont .left a{color: #6E6D6D; display: block;}
.cont .left a:hover{color: #2E90FF;}
.cont .left .bt{line-height: 36px; padding: 0 15px; background: #2E90FF; color: #fff; font-size: 16px; display: block; margin-top: 15px;}
.cont .left .bt:hover{color: #fff;}
.cont .left .box{background: #F8F8F8; padding: 13px; box-sizing: border-box;}
.cont .left .tj-xw{display: block; margin-bottom: 10px;}
.cont .left .tj-xw .pic{width: 120px; float: left;}
.cont .left .tj-xw .pic img{display: block; width: 100%;}
.cont .left .tj-xw .txt{width: 120px; float: right; line-height: 22px;}
.cont .left .m-list a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont .left .m-list a span{width: 5px; height: 5px; display: block; border-radius: 50%; background: #6E6D6D; float: left; margin: 10px 5px 0 0;}
.cont .left .m-list a:hover span{background: #2E90FF;}
.cont .left h6{font-size: 18px; color: #2E90FF; font-weight: bold; margin: 20px 0 10px 0;}

.cont .right{width: 880px; float: right;}
.cont .list{margin-top: 40px;}

.slideBox{overflow:hidden; position:relative;}
.slideBox .hd{position:absolute; right: 0; bottom: 0; z-index:1; }
.slideBox .hd ul{overflow:hidden; zoom:1; float:left; border-top: 1px solid #9B9B9B;
    background: -moz-linear-gradient(right, #292929,rgba(204,204,204,.5));
    background: -webkit-linear-gradient(right, #292929,rgba(204,204,204,.5));
    background: -o-linear-gradient(right, #292929,rgba(204,204,204,.5));
    background: -ms-linear-gradient(right, #292929,rgba(204,204,204,.5));
    background: linear-gradient(to left, #292929,rgba(204,204,204,.5));}
.slideBox .hd ul li{float:left; width: 22px; height: 15px; line-height: 15px; text-align:center; cursor:pointer; color: #fff; border-left: 1px solid #fff;}
.slideBox .hd ul li:first-child{border: none;}
.slideBox .hd ul li.on{background: #CE0609;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width: 100%; display:block;}

.crumb{line-height: 55px; border-bottom: 1px solid #E5E5E5;}
.crumb h6{font-size: 20px; color: #2E2E2E; float: left;}
.crumb .s-crumb{float: right; font-size: 12px; color: #595959;}
.crumb .s-crumb a{color: #595959;}
.crumb .s-crumb img{float: left; margin: 20px 5px 0 0;}

.article{font-size: 16px; line-height: 30px; color: #3A3A3A;}
.article .m-title{font-size: 24px; color: #2E90FF; text-align: center; margin: 40px 0 20px 0; font-weight: bold;}
.article a{color: #3A3A3A;}
.m-clips{padding-top: 20px; border-top: 1px dashed #3A3A3A; margin-top: 40px;}

.xw-box{display: flex; padding: 25px 30px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.xw-box .pic{width: 250px; margin-right: 20px; overflow: hidden; height: 160px;}
.xw-box .pic img{display: block; width: 100%; transition: 0.5s ease;}
.xw-box .txt{width: 550px;}
.xw-box .txt h6{font-size: 18px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xw-box .txt span{font-size: 12px; color: #969696; display: block; margin: 10px 0;}
.xw-box .txt p{font-size: 14px; color: #646464; line-height: 25px; display: -webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;text-align: justify; margin-top: 10px;}
.xw-box .txt label{width: 98px; height: 28px; border: 1px solid #e6e6e6; font-size: 14px; text-align: center; line-height: 28px; display: block; margin-top: 20px;}
.xw-box .txt i{font-style: normal; margin-top: 10px; display: block; color: #646464; font-size: 14px;}
.xw-box:hover i{color: #2E90FF;}
.xw-box:hover .pic img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.xw-box:hover h6{font-weight: bold;}

.tp-box{display: block; width: 32%; float: left; margin: 0 2% 20px 0; position: relative;}
.tp-box:nth-child(3n){margin-right: 0;}
.tp-box span{display: block;}
.tp-box .pic{overflow: hidden;}
.tp-box .pic img{display: block; width: 100%; transition: 0.5s ease;}
.tp-box .txt{line-height: 40px; padding: 0 20px; background: rgba(46,144,255,.7); color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box;}
.tp-box:hover .txt{background: #2E90FF;}
.tp-box:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

.btn{margin-top: 40px; text-align: center;}
.btn a{display: inline-block; padding: 0 20px; margin: 0 5px; border: 1px solid #2E90FF; border-radius: 15px; line-height: 30px; color: #2E90FF;}
.btn a:first-child{margin-left: 0;}
.btn a:last-child{margin-left: 0;}
.btn a.on{background: #2E90FF; color: #fff;}

.list .fl{display: block; width: 32%; float: left; margin: 0 2% 30px 0; text-align: center; line-height: 50px; border: 1px solid #2E90FF; box-sizing: border-box; color: #2E90FF; font-size: 18px;}
.list .fl:nth-child(3n){margin-right: 0;}
.list .fl:hover{background: #2E90FF; color: #fff;}