@charset "utf-8";
/* CSS Document */
.def-width-1200{width: 1200px; margin: 0 auto;}
.top-nav{background: #f5f5f5; height: 40px;}
.topnav-list li{float: left; font-size: 12px; margin-right: 26px; line-height: 40px;}
.topnav-list li a{color: #333;}
.topnav-list li a:hover{text-decoration: underline;}
.logo{padding: 24px 0;}
.search{padding: 30px 0;}
.search-icon{position: absolute; width: 16px; height: 16px; background: url("../images/search-icon.png") no-repeat; display: inline-block; top: 50%; margin-top: -8px; left: 20px;}
.search-input{width: 440px; border: 1px solid #6c9dea;height: 48px; line-height: 48px; box-sizing: border-box; padding-left: 50px;vertical-align: middle;font-size: 14px; color: #999;}
.search-btn{height: 48px; display: inline-block; line-height: 48px; background: #6c9dea; font-size: 18px; color: #fff; width: 100px; text-align: center;vertical-align: middle; cursor: pointer;}
.main-nav{height: 60px; background: #6c9dea;}
.mainnav-list li{float: left; font-size: 18px; line-height: 58px; color: #fff; font-weight: 500;margin-right: 60px;}
.mainnav-list li a{color: #fff;}
.mainnav-list li a.hover{position: relative; display: inline-block;}
.mainnav-list li a.hover::after{content: ""; position: absolute; width: 100%; height: 3px; background: #fff; border-radius: 3px; left: 0; bottom: 10px;}
.wid870{width: 870px; box-sizing: border-box;}
.wid300{width: 300px; box-sizing: border-box;}
.wid540{width: 540px; box-sizing: border-box;}
.hot-news{background: #f5f7f9;}
.news-title{background: url("../images/new-title-bg.png") no-repeat; width: 121px; height: 43px; padding: 8px 0 0 23px; font-size: 16px; color: #fff; box-sizing: border-box;font-weight: 500;}
.news-list{padding: 3px 20px 9px 20px;}
.news-list li{padding: 12px 0;font-size: 14px; color: #333;}
.news-list li a{color: #333;}
.news-list li a:hover{color: #6c9dea;}
.tonglan-news{background: #f5f7f9; padding: 22px 0;}
.tl-list li{float: left; width: 285px; margin-right: 20px;font-size: 14px;}
.tl-list li:last-child{margin-right: 0;}
.tl-list li a{color: #333;}
.tl-list li a:hover{color: #6c9dea;}
.tl-list li img{ width: 285px; height: 100px;}
/*swiper*/
.swiper-pagination-bullet{width: 20px!important;height: 3px!important; background: #fff!important; opacity: 0.5!important; border-radius: 0px!important}
.swiper-pagination-bullet-active{opacity: 1!important}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 30px!important;}
.swiper-pagination{text-align: left!important}
.swiper-slide{position: relative;}
.swiper-slide img{max-height: 516px; width: 100%;}
.trans-bl{background: linear-gradient(to bottom, rgba(0,0,0,0.1) 60%, rgba(0,0,0,1));height: 100%; width: 100%; position: absolute; left: 0; top: 0;}
.trans-bl p{font-size: 20px; color: #fff; position: absolute; bottom: 40px; left: 30px;}
/*tab*/
.left-title-sty{border-bottom: 1px solid #f2f2f2; height: 56px;}
.left-title-sty li{float: left; font-size: 18px; line-height: 54px; margin-right: 56px; color: #333;}
.left-title-sty li a{color: #333}
.left-title-sty li.hover{border-bottom: 2px solid #6c9dea;}
.left-title-sty li.hover a{color: #6c9dea;}
.first-news{background: #f5f7f9; padding-bottom: 30px;}
.first-news img{width: 300px; height: 180px;}
.first-news-txt{padding: 0 20px;}
.f-news-tit{font-size: 16px;font-weight: 500; color: #333; display: inline-block; margin: 27px 0;}
.f-news-tit:hover{color: #6c9dea;}
.f-news-p{font-size: 14px; color: #999; line-height: 22.3px; position: relative;}
.f-news-p span{position: absolute; right: 0; bottom: 0; background: #f5f7f9; color: #999;}
.f-news-p span a{color: #999;}
.f-news-p span a:hover{color: #6c9dea;}
.mid-list li{font-size: 16px; border-bottom: 1px solid #f2f2f2; padding:18px 0; line-height: 120%;}
.mid-list li:first-child{padding-top: 0;}
.mid-list li:last-child{border-bottom: 0; padding-bottom: 0;}
.mid-list li a{color: #333;}
.mid-list li a:hover{color: #6c9dea;}
.mid-fu-txt{font-size: 12px; color: #999;}
.right-title-sty li{float: left; width: 48%; text-align: center;background: #fff;border: 1px solid #6c9dea; height: 32px; line-height: 32px; color: #6c9dea;font-size: 14px;}
.right-title-sty li a{color: #6c9dea;}
.right-title-sty li.hover{ color: #fff; background: #6c9dea;}
.right-title-sty li.hover a{color: #fff;}
.p3-hot-list li{margin-bottom: 20px;}
.p3-hot-list li:last-child{margin-bottom: 0;}
.p3-hot-list li img{width: 107px; height: 64px;}
.p3-right{margin-left: 124px;}
.p3-tit{font-size: 14px; line-height: 20px; color: #333;}
.p3-tit:hover{color: #6c9dea;}
.service-main{background: #f5f7f9;}
.service-tit{width: 48px; background: #6c9dea; height: 120px; font-size: 28px; font-weight: 500; color: #fff; text-align: center; padding-top: 25px; box-sizing: border-box;}
.service-list{padding-left: 98px; padding-top: 20px;}
.service-list li{float: left; text-align: center;font-size: 14px; margin-right: 80px;}
.service-list li:last-child{margin-right: 0}
.service-list li a{color: #666; display: inline-block;}
.service-list li a:hover{color: #6c9dea;}
.service-list li:hover{opacity: 0.9; filter:alpha(opacity=90);}
.service-icon{width: 60px; height: 60px; display: inline-block; background-image: url("../images/serivce-icon.png");background-repeat: no-repeat;}
.ser-icon-1{background-position: 0 0;}
.ser-icon-2{background-position: 0 -65px;}
.ser-icon-3{background-position: 0 -130px;}
.ser-icon-4{background-position: 0 -195px;}
.ser-icon-5{background-position: 0 -260px;}
.ser-icon-6{background-position: 0 -325px;}
.ser-icon-7{background-position: 0 -390px;}
.ser-icon-8{background-position: 0 -455px;}
.ex-nav{background: #6c9dea;}
.ex-nav-tit{font-size: 16px; font-weight: 500; color: #fff;}
.ex-nav-list{padding-bottom: 25px; margin-top: 20px;}
.ex-nav-list li{float: left;margin-right: 30px;font-size: 14px; }
.ex-nav-list li a{color: #fff;}
.ex-nav-list li a:hover{text-decoration: underline}
.ex-nav-list li:last-child{margin-right: 0;}
.friend-link{padding: 20px 0;}
.friend-list li{float: left; font-size: 13px; color: #666; margin-right: 20px;}
.friend-list li a{color: #666;}
.friend-list li a:hover{color: #6c9dea;}
.footer-main{background: #f5f7f9; padding: 30px 0;}
.footer-main p{text-align: center;font-size: 12px;color: #666; line-height: 26px;}
.footer-main p a{color: #666;}
.footer-main p a:hover{text-decoration: underline;}
.xl-icon{width: 8px; height: 4px; display: inline-block; background: url("../images/xl-arrow.png") no-repeat; vertical-align: middle; margin-bottom: 3px;margin-left: 8px;}
.navitem{position: relative;}
.navitemlist{overflow: hidden;position: absolute;left: 50%;top: 60px;margin-left: -69px; background: #fff;z-index: 5;text-align: left; border-left: 1px solid #e1e3e5;border-right: 1px solid #e1e3e5;width: 138px;}
.navitemlist li{color: #919294!important; font-size: 14px; font-weight: normal!important; border-bottom: 1px solid #e1e3e5;padding: 0 20px; line-height: 40px!important; height: 40px!important; width: 100%;}
.navitemlist li a{color: #919294;}
.navitemlist li a:hover{color: #6c9dea;}

/*列表*/
.li-swiper-slide img{max-height: 316px!important;}
.new-action-tit{font-size: 16px; font-weight: 600; color: #6c9dea;padding-bottom: 20px; border-bottom: 1px solid #f2f2f2;}
.new-action-tit span{width: 4px; height: 16px; background: #6c9dea; display: inline-block; margin-right: 10px; vertical-align: middle;margin-bottom: 2px;}
.new-action-list li{padding: 20px 0; border-bottom: 1px solid #f2f2f2; font-size: 18px; color: #333;}
.new-action-list li a{color: #333;}
.new-action-list li a:hover{color: #6c9dea;}
.pages-ul li{ display: inline; margin: 0 5px; font-size: 13px;}
.pages-ul li a{display: inline-block; padding: 2px 8px; color: #343232;}
.pages-ul li a.unchecked{color: #999999;}
.pages-ul li a.pahover{background: #6c9dea;color: #fff;}
.pages-ul li a:hover{background: #6c9dea; color: #fff; }
.li-hot-news{background: #f5f7f9; border-top: 2px solid #6c9dea;}
.li-news-title{font-size: 16px; font-weight: 600;padding: 18px 20px 0 20px;}
.num-main{font-size: 14px; font-weight: 700; color: #9195a2;}
.num-col-1{color: #eb444d;}
.num-col-2{color: #ef6f2d;}
.num-col-3{color: #f0ab3f;}
.news-right{margin-left: 14px;}
.to-top{right: 40px;position: fixed; cursor: pointer; bottom: 160px;}
.backtop-main{width: 60px; height: 60px; background: #c3c5c7; box-sizing: border-box; text-align: center;padding: 18px 0;}
.li-mainnav-list li{float: left; font-size: 18px; line-height: 58px; color: #fff; margin-right: 40px;}
.li-mainnav-list li a{color: #fff; display: inline-block;padding: 0 20px;}
.li-mainnav-list li a.hover{background: #608bd1;font-weight: 500;}
.bor-1-ed{border-bottom: 1px solid #ededed;}
.hot-topic-list{padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 10px;}
.hot-topic-list li{ float: left; margin-bottom: 10px; margin-right: 10px; width: 110px; height: 29px; line-height: 29px; font-size: 14px; background: #fff; text-align: center;}
.hot-topic-list li:nth-child(7n){margin-right: 0;}
.hot-topic-list li a{color: #9199a1;}
.hot-topic-list li:hover{background: #6c9dea;}
.hot-topic-list li:hover a{color: #fff;}
.tag-a{color: #999!important;}
.tag-a:hover{color: #333!important; text-decoration: underline;}
.news-list-img{width: 80px; height: 48px;}

/*详情*/
.bread-nav{font-size: 12px; color: #333; padding-bottom: 22px;}
.bread-nav a{color: #333;}
.bread-nav a:hover{text-decoration: underline;}
.det-h1-title{font-size: 30px; font-weight: 600;line-height: 42px;}
.det-fu-txt{font-size: 12px; color: #94969c;}
.det-bor-1{border-bottom: 1px solid #f2f2f2;}
.det-con-sty{font-size: 15px; color: #000; line-height: 27px;}
.det-con-sty img{max-width: 100%;}
.det-con-sty table{max-width: 98%; border: 1px solid #999;}
.det-con-sty table td{border: 1px solid #999;}
.det-con-sty p{margin-bottom: 26px;}
.describe-main{background: #f5f7f9; padding: 20px;margin-top: 40px;margin-bottom: 40px; line-height: 27px;font-size: 15px; color: #78797a;}
.col6c9dea{color: #6c9dea}
.next-txt{font-size: 15px;}
.next-txt a{color: #000;}
.next-txt a:hover{text-decoration: underline;}

/*404*/
.h879{height: 879px; box-sizing:border-box;}
.pt140{padding-top: 140px;}
.f15{font-size: 15px;}
.btn-404{width: 100px; display: inline-block;height: 40px; line-height: 40px; border: 1px solid #6c9dea; background: #6c9dea; color: #fff; font-size: 15px; border-radius: 4px; cursor: pointer;}
