@charset "utf-8";
*,
*:before,
*:after{  }
body{ background: #fff; }
.header{ width: 100%; background: #fff;}
.head{ position: relative; width: 1080px; height: 120px; margin: auto; background: url('../img/head.png') center center no-repeat; }
.search{ float: right; padding: 30px 0; }
.search .btn{ font-size: 0; text-align: right; }
.search .btn span,
.search .btn a{ display: inline-block; font-size: 12px; }
.search .btn span{ padding: 0 1em; color: #ccc; }
.search .form{ position: relative; overflow: hidden; }
.search .form input{ float: left; background: #fff; border: none; font-size: 12px; outline: none; }
.search .form input[type="text"]{ width: 200px; height: 30px; line-height: 30; background: #eee; border-radius: 4px 0 0 4px; text-indent: 10px; }
.search .form input[type="submit"]{ position: relative; width: 50px; height: 30px; background: none; cursor: pointer; z-index: 2;font-family: 'Font Awesome 5 Pro'; }

.search .form:before{ position: absolute; top: 0; right: 0; display: block; width: 50px; height: 30px; line-height: 30px; text-align: center; content:'搜索'; font-size: 12px; color: #fff; background: #0060a9; border-radius: 0 4px 4px 0; z-index: 1; } 

.nav{ width: 100%; height: 45px; background: #0060a9; }
.nav-list{ width: 1080px; height: 45px; margin: auto; }
.nav-list>li{ position: relative; float: left; }
.nav-list>li>a{ display: block; width: 120px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; transition: all .2s; }

.nav-list .sub{ display:none; position:absolute; left:0; top: 45px; width:120px; background: #fff; z-index: 9; }
.nav-list .sub a{ display:block; font-size: 13px; line-height: 40px; text-align: center; }
.nav-list .sub a:hover{ background:#0060a9; color:#fff;  }
.nav-list>li.on>a{ background:#003E6E;   }

.slider{ width: 100%; height: 300px; background: #f8f8f8; }
.slide{ position: relative; width: 1080px; height: 300px; margin: auto; background: #000; }
.slide .hd{ position: absolute; right: 0; bottom: 0; height: 10px; padding: 10px; z-index: 3; }
.slide .hd ul{ overflow: hidden; text-align: right; font-size: 0; }
.slide .hd ul li{ display: inline-block; width: 10px; height: 10px; background: rgba(0, 96, 169, .8); border-radius: 50%; margin-right: 5px; }
.slide .hd ul li.on{ background: #fff; }
.slide .bd{ position: relative; height: 100%; z-index: 1; }

.slide-list{ width: 100%!important; height: 300px!important; overflow: hidden; }
.slide-list li{ width: 100%!important; height: 300px; }
.slide-list li a{ position: relative; display: block; }
.slide-list li a .thumb{ width: 100%; height: 300px; }
.slide-list li a .thumb img{ display:block; width: 100%; height: 100%;}
.slide-list li a .info{ position: absolute; left: 0; bottom: 0; width: 50%; padding: 10px; background: rgba(0, 96, 169, .8); z-index: 2; }
.slide-list li a .info h1{ display: block; font-size: 18px; font-weight: normal; line-height: 1.5; color: #fff; }
.slide-list li a .info:hover h1{ color: #007cc3; }

.slide .prev,
.slide .next{ position:absolute; left:10px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; opacity:0.5; z-index: 4;  }
.slide .next{ left:auto; right:10px; background-position:8px 5px; }
.slide .prev:hover,
.slide .next:hover{ opacity:1; }


.wrap{ width: 1080px; padding: 20px 0; margin: auto; overflow: hidden; }
.box-tit{ position: relative; height: 35px; }
.box-tit:after{ content:''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #0060a9; }
.box-tit h1{ float: left; font-size: 18px; line-height: 30px; color: #2a2a2a }
.box-tit h2{ float: left; font-size: 12px; line-height: 30px; color: #ccc; font-weight: normal; padding-left: .5em; }
.box-tit a{ float: right; display: inline-block; font-size: 10px; color: #0060a9; line-height: 35px; text-transform: uppercase;}
.events-box{ width: 760px; }
.events-list{}
.events-list li{ position: relative; float: left; width: 370px; margin-right: 20px; margin-top: 10px; background: #f8f8f8; }
.events-list li:before{ content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #0060a9; z-index: 0; transition: all .2s; }
.events-list li:nth-child(even){ margin-right: 0; }
.events-list li a{ position: relative; display: block; padding: 10px; z-index: 1; }
.events-list li a h1{ font-size: 15px; line-height: 20px; color: #666; transition: all .2s }
.events-list li a h2{ position: absolute; right: 20px; top: 0; height: 100%; font-size: 16px; line-height: 60px; text-align: right; color: #0060a9; transition: all .2s }
.events-list li a h5{ font-size: 12px; line-height: 20px; font-weight: normal; color: #999; transition: all .2s }
.events-list li:hover:before{ width: 100%; }
.events-list li:hover a *{ color: #fff; }
.button-box{ width: 300px; overflow: hidden; }
.button-box a{ float: left; display: block; width: 140px; height: 115px; margin-bottom: 20px; }
.button-box a:first-child{ margin-right: 20px; }
.button-box a img{ display: block; width: 100%; height: 100%; }
.policy-box{ width: 300px; }
.policy-list{ padding-top: 5px; }
.policy-list li{ padding-bottom: 4px; }
.policy-list li a{ position: relative; display: block; font-size: 14px; line-height: 30px; text-indent: 1em; border-bottom: 1px dotted #ccc; }
.policy-list li a:before{ content:''; position: absolute; left: 0; top: 13px; display: block; width: 4px; height: 4px; background: #0060a9; }
.about-box{ width: 1080px; }
.about-list{ overflow: hidden; padding-top: 10px; }
.about-list li{ float: left; }
.about-list li a{ display: block; width: 120px; padding: 10px 0; background: #f8f8f8; text-align: center; font-size: 14px; transition: all .2s }
.about-list li:nth-child(even) a{ background: #fff; }
.about-list li a i{ display: block; font-size: 24px; line-height: 40px; }
.about-list li a i:before{ color: #999; transition: all .2s }
.about-list li:nth-child(2) a i:before,
.about-list li:nth-child(3) a i:before,
.about-list li:nth-child(4) a i:before,
.about-list li:nth-child(5) a i:before{ content:'　'; }
.about-list li:nth-child(2) a i{ display: block; background: url(../img/2.png) center center no-repeat; background-size: auto 25px; }
.about-list li:nth-child(3) a i{ display: block; background: url(../img/3.png) center center no-repeat; background-size: auto 25px; }
.about-list li:nth-child(4) a i{ display: block; background: url(../img/4.png) center center no-repeat; background-size: auto 20px; }
.about-list li:nth-child(5) a i{ display: block; background: url(../img/5.png) center center no-repeat; background-size: auto 20px; }

.about-list li a span{ display: block; color: #2a2a2a; transition: all .2s }
.about-list li a:hover{ background: #0060a9; }
.about-list li a:hover span,
.about-list li a:hover i:before{ color: #fff; }
.about-list li:nth-child(2) a:hover i{ display: block; background: url(../img/2h.png) center center no-repeat; background-size: auto 25px; }
.about-list li:nth-child(3) a:hover i{ display: block; background: url(../img/3h.png) center center no-repeat; background-size: auto 25px; }
.about-list li:nth-child(4) a:hover i{ display: block; background: url(../img/4h.png) center center no-repeat; background-size: auto 20px; }
.about-list li:nth-child(5) a:hover i{ display: block; background: url(../img/5h.png) center center no-repeat; background-size: auto 20px; }
.single-box{ width: 360px; }
.single-list{ overflow: hidden; padding-top: 5px; }
.single-list li{  width: 370px; margin-right: 20px; }

.single-list li a{ display: block; font-size: 14px; line-height: 30px; border-bottom: 1px dotted #ccc; }
.single-list li a span{ display: inline-block; padding-right: .5em; color: #999 }

.guide-box{ width: 300px; }
.guide-list{ overflow: hidden; padding-top: 5px; }
.guide-list li{ width: 100%; }
.guide-list li a{ position: relative; display: block; font-size: 14px; line-height: 30px; text-indent: 1em; border-bottom: 1px dotted #ccc; }
.guide-list li a:before{ content:''; position: absolute; left: 0; top: 13px; display: block; width: 4px; height: 4px; background: #0060a9; }

.link-box{ width: 760px; }
.link-box .box-con{ font-size: 0; padding-top: 5px; height: 33px; line-height: 33px;}
.link-box .box-con a{ display: inline-block; font-size: 13px; padding: 0 1em; border-radius: 2px; transition: all .2s }
.link-box .box-con a:hover{ background: #0060a9; color: #fff; }

.footer{ width: 100%; height: 110px; background: #0060a9; }
.foot{ width: 1080px; height: 110px; margin: auto; font-size: 12px; text-align: center; color: #fff; line-height: 110px;}



.banner{ position: relative; width: 1200px; height: 240px; margin: auto; background: url('../img/banner.jpg') center center no-repeat; z-index: 1; }

.column{ width: 1080px; height: auto; margin: auto; }
.column:after{ content:''; display: block; clear: both; }
.column-left{ float: left; width: 240px;  }
.class-list{ position: relative; width: 240px; margin-top: -40px; overflow: hidden; z-index: 2; }
.class-list dt{ width: 240px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: #0062AC; }
.class-list dd{ width: 240px; background: #fff; }
.class-list dd a{ display: block; width: 240px; height: 40px; margin-top: 1px; line-height: 40px; text-align: center; font-size: 14px; background: #eee; }
.class-list dd a.on{ background: #0062AC; color: #fff; }

.column-main{ float: right; width: 800px; }
.main-tit{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #0062AC; overflow: hidden; }
.main-tit h1{ float: left; font-size: 18px;  color: #0062AC; font-weight: normal; }
.main-tit h1:before{ content:''; display: inline-block; vertical-align: middle; width: 5px; height: 20px; background: #0062AC; margin-right: 10px; }
.main-tit .bread{ float: right; text-align: left; font-size: 0; }
.main-tit .bread span,
.main-tit .bread a{ display: inline-block; font-size: 12px; height: 40px; line-height: 40px; }
.main-tit .bread a:after{ content:'>'; padding: 0 .5em; }
.main-tit .bread a.active{ color: #0062AC }
.main-tit .bread a.active:after{ display: none; }
.main-con{ width: 100%; }

.list-news{ width: 100%; overflow: hidden; }
.list-news li{ width: 100%; border-bottom: 1px dotted #eee; }
.list-news li a{ position: relative; display: block; width: 100%; font-size: 14px; height: 35px; line-height: 35px; text-indent: 1em; }
.list-news li a:before{ content:''; position: absolute; left: 0; top: 50%; display: block; width: 4px; height: 4px; margin-top: -2px; background: #0062AC; }
.list-news li a span{ position: absolute; right: 0; top: 0; display: block; font-size: 14px; color: #999; }
.list-news li a:hover span{ color: #0062AC; }

.list-img{ overflow: hidden; }
.list-img li{ float: left; width: 245px; padding-top: 20px; }
.list-img li a{ display: block; width: 230px; margin: auto; }
.list-img li a i{ display: block; width: 230px; height: 170px; }

.page{ padding: 15px 0 5px; text-align: center; font-size: 0; }
.page span,
.page a{ display: inline-block; font-size: 12px; margin: 0 .5em; }

.article-box{ overflow: hidden; }
.article-box .art-tit{ padding: 15px 0; }
.article-box .art-tit h1{ font-size: 16px; text-align: center; font-weight: normal; line-height: 1.5; }
.article-box .art-info{ text-align: center; font-size: 12px; color: #999; padding-bottom: 9px; border-bottom: 1px dotted #ccc; }
.article-box .art-con{ padding: 10px 0; }
.article-box .art-con img{ max-width: 710px; }

.phone-box{ width: 300px; height: 250px; background: #0062AC; border-radius: 4px; }
.phone-box .info{ width: 240px; margin: auto; text-align: center; }
.phone-box .info h1{ font-size: 14px; line-height: 20px; font-weight: normal; color: #fff; padding-top: 10px; }
.phone-box .info h2{ font-size: 22px; line-height: 30px; color: #fff; padding-top: 5px; }
.phone-box .info img{ display: inline-block; width: 100px; height: 100px; margin-top: 10px; }

.news-list{ padding-top: 8px; overflow: hidden;}
.news-list li{ border-bottom: 1px dotted #ccc; overflow: hidden;}
.news-list li a{ position: relative; display: block; overflow: hidden; }
.news-list li a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 5px; margin: auto; background: #ccc; }
.news-list li a span{ float: left; width: 80%; height: 37px; line-height: 37px; font-size: 16px; text-indent: 1em;}
.news-list li a i{ float: right; width: 20%; height: 37px; line-height: 37px; font-size: 14px; text-align: right; }