body{ font-family:"微软雅黑"; font-size:14px;  color:#212121; position: relative; min-width:1400px;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}
input,button {outline:none;}
.container{ width: 1230px;}
.header{ height: 104px; background: url(../images/header.png) center no-repeat; background-size: cover; }
.logo{ height: 104px; line-height: 104px; }
.header-a a{ color: #333; opacity: 0.6; }
.header-a span{ color: #333; opacity: 0.6; padding:0 10px; }
.header-a{ padding-top: 10px; }
.search-box{ position: relative; margin-top: 15px; }
.search-box .form-control{ width: 262px; height: 36px; border:solid 1px #50a7f3; box-shadow: none; border-radius: 0; background: #fff; background: rgba(255,255,255,0.6); padding-right: 35px; }
.btn-ss{ position: absolute; right: 10px; top: 8px; bottom: 0;     width: 20px; /*width: 16px; background: url(../images/icon01.png) center no-repeat!important; */ padding: 0px !important;
}

.nav-list li{ float: left; width: 10%; position: relative; }
.nav-box{ background: #3a92f4; position: relative; z-index: 1000; height: 50px; border-bottom: solid 3px #247af7; }
.nav-list li a{ display: block; font-size: 16px; color: #fff; line-height: 47px; }
.nav-down{ position: absolute; display: none; left: 0; top: 100%; width: 100%;background: #3a92f4; }
.nav-down li{ float: none; width: 100%; }
.nav-list li:hover .nav-down{ display: block; }
.banner{ overflow:hidden; margin:0; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 120px; height: 3px; padding:0; background: #fff; padding:0 6px; }
.banner .slick-dots li{ margin:0 8px; }
.banner .slick-dots li button:before{ display: none; }
.banner .slick-dots li.slick-active button,.banner .slick-dots li.slick-active{ background: #1b81ff; }
.page-one{ background: url(../images/back01.png) center bottom no-repeat; background-size: cover; padding-bottom: 45px; }
.title font{ font-family: "Arial"; font-weight: bold; font-size: 48px; color: #0369ff; opacity: 0.08; }
.title{ position: relative; padding-left: 50px; margin-top: 35px; margin-bottom: 15px; }
.title-l{ position: absolute; left: 0; bottom: 12px; font-size: 24px; color: #000; }
.title-l span{ color: #0369ff; }
.title a{ font-size: 14px; color: #0369ff; margin-top: 15px; display: inline-block; color: #0369ff; border:dashed 1px #c7ddfd; width: 90px; height: 30px; line-height: 28px; text-align: center; }
.slick-left img{ width: 705px; height: 396px; }
.slick-c{ position: relative; }
.slick-right{ position: absolute; right: 0; top: 38px; width: 545px; height: 320px; background: #fff; }
.slcik-tt a{ display: block; height: 54px; line-height: 54px; background: url(../images/tt-back.png) center no-repeat; background-size: 100% 100%; font-size: 18px; color: #fff; padding:0 35px;  }
.slick-bottom{ padding:20px 35px; }
.slick-p{ font-size: 14px; color: #666; margin-bottom: 17px; line-height: 30px; height: 120px; overflow:hidden; }
.slick-date{ font-size: 14px; color: #999; }
.slick-more{ display: inline-block; padding-right: 22px; background: url(../images/more.png) right center no-repeat; color: #0066ff; }
.img-slick .slick-dots{ left: auto; right: 0; width: 545px; bottom: 38px; height: 50px; padding-top: 12px; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 14px; height: 14px; background: #c9c9c9; border-radius: 50%; }
.img-slick .slick-dots li.slick-active,.img-slick .slick-dots li.slick-active button{ background: #0369ff; }
.slick-dots li button:before{ display: none; }
.slick-right:before{ display: block; left: 0; right: 0; bottom: 0; content: ""; position: absolute; height: 50px; background: #f9f9f9; }
.fj-box{ position: relative; }
.fj-box:before{ display: block; content: ""; position: absolute; right: -67px; top: -10px; width: 158px; height: 101px; background: url(../images/fj.png) center no-repeat; z-index: 1000; }
.news-list li{ float: left; width: 33.333333%; padding:0 16px; }
.news-list{ margin:0 -16px; padding-top: 30px; }
.news-list-box{ height: 165px; background: #fff; transition: 0.3s all; padding:0 20px 0 25px; }
.news-list-top{ position: relative; height: 77px; padding-left: 75px; padding-top: 10px; border-bottom: solid 1px #f2f2f2; margin-bottom: 15px; }
.news-list-tt a{ font-size: 16px; color: #111; }
.news-list-tt{ line-height: 25px; height: 50px; overflow:hidden; }
.news-date{ position: absolute; left: 0; top: -15px; width: 62px; height: 74px; background: #238afb; font-size: 12px; color: #fff; }
.news-date span{ font-size: 34px; }
.news-list-p{ color: #666; line-height: 25px; height: 50px; overflow:hidden; }
.news-list-box:hover{ box-shadow: 0 13px 24px rgba(0,0,0,0.2); transform: translate(0,-20px); }
.page-tow{ height: 575px; overflow:hidden; background: url(../images/back02.png) center no-repeat; background-size: cover; }
.work-left{ width: 84px; height: 111px; padding-top: 25px; background: url(../images/date-back.png) center no-repeat; font-size: 12px; color: #0369ff; text-align: center; }
.work-left span{ font-size: 34px; }
.work-right{ background: #fff; background: rgba(255,255,255,0.8); height: 111px; margin-left: 84px; padding:15px 20px; }
.work-title a{ font-size: 16px; color:#111; }
.work-p{ margin-top: 10px; color: #666; line-height: 25px; height: 50px; overflow:hidden; text-align: justify; }
.page-tow .title font{ color: #fff; opacity: 0.24; }
.page-tow .title .title-l{ color: #fff; }
.page-tow .title a{ color: #fff; border-color: #fff; }
.page-tow .row{ margin:0 -25px; }
.page-tow .col-xs-6{ padding:0 25px; }
.jx-list{ height: 380px; background: rgba(255,255,255,0.8); padding:5px 30px;}
.work-list li{ margin-bottom: 23px; }
.jx-list-tt{ position: relative; padding-right: 60px; }
.jx-list-tt span{ font-size: 14px; color: #666; position: absolute; right: 0; top: 0; }
.jx-list-tt a{ font-size: 16px; color: #111; }
.jx-list li{ border-bottom: solid 1px #b6bac1; padding:15px 0; position: relative; }
.jx-list li .work-p{ height: 0; transition: 0.3s all; }
.jx-list li.active .work-p{ display: block; height: 50px; }
.jx-list li:before{ display: block; content: ""; transition: 0.3s all; position: absolute; left: 0; bottom: 0; width: 16px; height: 6px; background: #0167ff; }
.jx-list li.active:before{ left: -30px; top: 0; bottom: 0; width: 5px; height: 100%; }
.hd-list li{ float: left; width: 50%; height: 273px; background: #efefef; }
.hd-list-img{ width: 50%; position: relative; }
.hd-list-img img{ width:100%; height: 273px; }
.hd-list-right{ width: 50%; padding:28px; position: relative; }
.hd-list-date{ font-size: 28px; color: #666; border-bottom: solid 1px #ccc; }
.hd-list-tt a{ font-size: 14px; color: #111; }
.hd-list-tt{ line-height: 25px; height: 50px; overflow:hidden; margin:13px 0; }
.hd-list-p{ font-size: 13px; color: #666; line-height: 25px; height: 75px; overflow:hidden; }
.hd-list-right:before{ display: block;content: ""; position: absolute; right: 100%; top: 50%; width: 20px; height: 24px; margin-top: -12px; background: url(../images/raw.png) center no-repeat; }
.hd-list li:nth-child(3) .hd-list-img,.hd-list li:nth-child(4) .hd-list-img{ float: right!important; }
.hd-list li:nth-child(3) .hd-list-right:before,.hd-list li:nth-child(4) .hd-list-right:before{ left: 100%; right: auto; background: url(../images/raw03.png) center no-repeat; }
.hd-list li:hover .hd-list-right:before{ background: url(../images/raw04.png) center no-repeat; }
.hd-list li:nth-child(3):hover .hd-list-right:before,.hd-list li:nth-child(4):hover .hd-list-right:before{ background: url(../images/raw02.png) center no-repeat; }
.hd-list li:hover{ background: #2087fb }
.hd-list li:hover .hd-list-tt a,.hd-list li:hover .hd-list-p{ color: #fff; }
.hd-list li:hover .hd-list-date{ border-color: #fff; color: #fff; }
.page-three{ background: url(../images/back03.png) center 117px no-repeat; padding-bottom: 70px; }
.footer{ height: 127px; background: url(../images/footer.png) center no-repeat; padding-top: 30px; }
.footer-txt p{ color: #fff; margin-left: 30px; margin-bottom: 15px; }
.footer-txt{ padding-top: 5px; }
.hd-list li:hover .hd-list-img{ background: #002c6e; }
.hd-list li:hover .hd-list-img img{ opacity: 0.5; }
.hd-list-img span{ display: none; text-transform:uppercase;}
.hd-list li:hover .hd-list-img span{ display: block; font-size: 16px; color: #fff; border:solid 2px #fff; border-radius: 30px; width: 122px; height: 36px; line-height: 32px; text-align: center; left: 50%; top: 50%; margin-left: -61px; margin-top: -16px; position: absolute; }
/**************list*************/
.list-banner img{ width: 100%; }
.list-banner{ margin-bottom: 50px; }
.list-left{ width: 320px; padding-bottom: 50px; }
.list-left-tt{ line-height: 76px; background: #137afd; border-bottom: solid 3px #5aa2fd; font-size: 30px; color: #fff; }
.list-left-bottom{ background: #137afd; padding-top: 1px; }
.list-left-nav{ padding-left: 40px; }
.list-left-nav li{ margin-top: 10px; padding:20px 0; }
.list-left-nav li a{ display: block; padding-left: 30px; font-size: 24px; color: #fff;  }
.list-left-nav li a span{ display: inline-block; padding-left: 27px; background: url(../images/raw-l.png) left center no-repeat;}
.list-left-nav li:hover .list-nav,.list-left-nav li.active .list-nav{ color: #137afd; }
.list-left-nav li:hover .list-nav span,.list-left-nav li.active .list-nav span{ background: url(../images/raw-l02.png) left center no-repeat; }
.list-left-nav li:hover{ background: #fff; border-radius: 30px 0 0 30px; }
.list-left-nav li.active{ background: #fff; border-radius: 30px 0 0 30px; }
.list-left-nav li.down.active .list-nav span{ background: url(../images/nav-b.png) left center no-repeat; }
.list-left-nav li.down.active .list-nav{ color: #137afd; }
.list-left-nav li ul li{ margin:0; padding:0; line-height: 40px; }
.list-left-nav li ul li a{ font-size: 20px; color: #333; padding-left: 85px; }
.list-left-nav li ul li a:hover{ font-weight: bold; }
.right-width{ width: 840px; padding-bottom: 50px; }
.right-width-tt{ border-bottom: solid 1px #dbebff; }
.right-width-left{ font-size: 24px; color: #137afd; padding:0 10px 10px 10px; border-bottom: solid 3px #137afd; margin-bottom: -2px;}
.nav-b{ margin-top: 15px; background: url(../images/icon-b.png) left center no-repeat; padding-left: 30px; color: #999; }
.nav-b a{ color: #999; }
.list-news li{ line-height: 69px; border-bottom: solid 1px #d9d9d9; transition: 0.3s all; position: relative; }
.list-news li a{ font-size: 16px; color: #333; padding-left: 20px; background: url(../images/li.png) left center no-repeat; }
.list-news li span{ position: absolute; right:0; top: 0; color: #999; transition: 0.3s all; }
.list-news li:hover{ box-shadow: 0px 3px 6px rgba(19,122,253,0.26); background: #fff; padding-left: 15px; position: relative; z-index: 5; }
.list-news li:hover span{ right:15px; }
.page-box{ margin-top: 50px; }
/************文章页**********/
.article-tt{ font-size: 18px; color: #333; font-weight: bold; margin-top: 30px; }
.article-sm{ font-size: 15px; color: #666; padding:10px 0 20px 0; border-bottom: solid 1px #ddd; }
.article-date{ color: #666; margin:30px 0; }
/*.article-date span{ padding-left: 50px; }*/
.article-p p{ color: #666; font-size: 14px; text-align: justify; line-height: 25px; margin-bottom: 30px; }
.nav-b a:hover,.header-a a:hover,.list-news li a:hover,.work-title a:hover,.jx-list-tt a:hover,.slick-more:hover,.news-list-tt a:hover{ color: #137afd; }
.nav-list li a:hover{ background: #137afd; }
.work-list li:hover .work-left{ background: url(../images/date-back02.png) center no-repeat; color: #fff; }
.work-list li:hover{ background: #fff; }
.title a:hover{ background: #137afd; color: #fff; }
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}