@charset "UTF-8";
body { padding-top: 102px; }

/*头部开始*/
.header { position: static; left: 0; top: 0; z-index: 999; width: 100%; line-height: 102px; padding-left: 4%; padding-right: 4%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.header.fixed { position: fixed; line-height: 102px; height: 102px; background: #fff; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.05); }
.header .logo-wrap .toppic { margin-left: 25px; margin-top: -5px; }
.header .logo { -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.header .logo .img2, .header.fixed .logo .img1 { display: none; }
.header.fixed .logo .img2 { display: inline-block; }
.header .logo .slogan { display: inline-block; margin-left: 16px; vertical-align: middle; line-height: 24px; font-size: 14px; color: #474747; }
.header-inner { line-height: 102px; height: 102px; background: #fff; }
.header-inner .logo .img1 { display: none; }
.header-inner .logo .img2 { display: inline-block; }
.nav-list { font-size: 0; }
.nav-list>li { float: left; }
.nav-list>li a { position: relative; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 45px; letter-spacing: 0px; color: #aaaaaa; padding: 0 25px; }
.header.fixed .nav-list>li>a, .header.header-inner .nav-list>li>a { line-height: 40px; color: #595757; }
.header.fixed .nav-list>li.on>a, .header.header-inner .nav-list>li.on>a { color: #0779bf; }
.nav-list>li>a span { position: relative; }
.nav-list>li.on>a, .nav-list>li>a:hover { color: #fff; }
.nav-list>li>a i { display: inline-block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.nav-list>li:hover>a i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.head-right li { float: left; color: #fff;    /*position: relative;*/ cursor: pointer; }
.head-right li .icon { width: 45px; height: 45px; overflow: hidden; border-radius: 50%; background-size: contain; background-repeat: no-repeat; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.head-right li:hover .icon { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

/*.header.fixed .head-right li .icon {
    width: 40px;
    height: 40px;
}*/
.pc-search form { border-radius: 20px; overflow: hidden; }
.pc-search { position: absolute; background: #eee; width: 100%; left: 0; top: 102px; display: flex; justify-content: center; height: 75px; align-items: center; font-size: 0; line-height: 1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; visibility: hidden; }
.pc-search.on { opacity: 1; visibility: visible; }
.pc-search input { height: 40px; }
.pc-search .txt { width: 300px; background: #fff; padding: 0 20px; font-size: 14px; }
.pc-search .sub { width: 80px; background: #0879bf; color: #fff; font-size: 14px; cursor: pointer; }
.header.fixed .head-right li .des { color: #333; }
.head-right li~li { margin-left: 15px; cursor: pointer; }
.head-right li .iconfont { margin-right: 15px; font-size: 24px; color: #000; vertical-align: middle; }
.head-right li.tel .iconfont { font-size: 20px; }
.head-right li .des { display: inline-block; vertical-align: middle; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.head-right li .des p { font-size: 20px; line-height: 1; color: #000; font-weight: bold; }
.head-right li .hover-box { position: absolute; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.head-right li .qr { width: 120px; left: 50%; margin-left: -60px }
.head-right li:hover .hover-box, .head-right li:hover .search { opacity: 1; visibility: visible; }
.head-right li .search { width: 220px; right: 0; opacity: 1; visibility: visible; line-height: 40px; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.head-right li .search form { display: flex; flex-wrap: wrap; justify-content: space-between; }
.head-right li .search form .sear_text { width: 75%; padding: 0 15px; height: 40px; }
.head-right li .search form .sear_btn { width: 25%; text-align: center; height: 40px; background: rgba(0, 115, 169, 1); cursor: pointer; color: #fff; }
.header-inner .nav-list li.on>a, .header-inner .nav-list li>a:hover { color: #0779bf; }
@media (max-width:1800px) {
    .header { padding-right: 3%; padding-left: 3%; }
    .nav-list li a { padding: 0 20px; }
}
@media (max-width:1600px) {
    .head-right li .des p { font-size: 20px; }
    .header .logo-wrap .toppic img { width: 120px; }
    .head-right li~li { margin-left: 5px; }
    .nav-list li a { padding: 0 12px; }
    .header .logo .slogan { margin-left: 10px; }
    .header .logo img { width: 160px; }
}
@media (max-width:1440px) {
    .nav-list li a { padding: 0 10px; font-size: 14px }
    .head-right li .des p { font-size: 16px; }
    .head-right li .iconfont { font-size: 20px; }
}
@media (max-width:1366px) {
    .head-right li .iconfont { margin-right: 6px; }
    .head-right li .iconfont { margin-right: 6px; }
    .header .logo img { width: 140px; }
    .header .logo-wrap .toppic { margin-left: 15px; }
}
@media (max-width:1280px) {
    .header .logo .slogan { font-size: 12px; }
    .header .logo img { width: 130px; }
    .header .logo-wrap .toppic { margin-left: 20px; }
    .header .logo-wrap .toppic img { width: 115px; }
    .nav-list li a { font-size: 13px; }
}
@media (max-width:1240px) {
    .nav-list, .head-right { display: none; }
}
@media (max-width:768px) {
    .header.fixed { line-height: 60px; height: 60px; padding-right: 4%; padding-left: 4%; }
    body { padding-top: 60px; }
    .header .logo img { width: 120px; }
}
@media (max-width:760px) {
    .header .logo .slogan { margin-left: 10px; line-height: 18px; font-size: 12px; }
}

/*头部结束*/

/*尾部开始*/
.footer-content { padding: 0 120px; }
.foot-nav .item { float: left; color: #e6e6e6; }
.foot-nav .item ~ .item { margin-left: 40px; }
.foot-nav .item .tit { font-size: 20px; color: #000; line-height: 1; margin-bottom: 30px; }
.foot-nav .item ul li a { color: rgba(0, 0, 0, .5); display: inline-block; font-size: 16px; line-height: 27px; }
.foot-nav .item ul li a:hover, .foot-links a:hover, .copyright a:hover, .site-other a:hover { color: #0779bf; }
.foot-contact { text-align: right; }
.foot-contact ul { font-size: 0; margin-bottom: 35px; }
.foot-contact ul li { position: relative; display: inline-block; vertical-align: middle; margin-left: 14px; cursor: pointer; text-align: center; }
.foot-contact ul li p { margin-top: 20px; font-size: 16px; color: #000000; }
.foot-contact .time { color: #000000; font-size: 20px; padding-right: 10px; margin-top: 10px; }
.foot-contact .tel { padding-right: 10px; font-size: 36px; line-height: 1; color: #000; margin-top: 10px; margin-bottom: 20px; }
.foot-contact .zixun { display: inline-block; width: 166px; height: 50px; line-height: 50px; background-color: #0779bf; border-radius: 24px; color: #fff; text-align: center; font-size: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.foot-contact .zixun:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); }
.copyright, .copyright a, .site-other a, .site-other { color: rgba(0, 0, 0, .6); }
.site-other { text-align: right; padding-bottom: 25px; padding-top: 40px; }
.site-other a { margin-left: 40px; }
.foot-links { padding-top: 30px; padding-bottom: 30px; background-color: #3a3a3a; line-height: 27px; color: #b0b0b0; }
.foot-links a { color: #b0b0b0; margin-right: 5px; }
@media (max-width:1500px) {
    .foot-nav .item ~ .item { margin-left: 20px; }
}
@media (max-width:1336px) {
    .foot-contact .tel { font-size: 26px; }
    .foot-contact .time { font-size: 16px; }
    .foot-contact .zixun { height: 40px; line-height: 40px; font-size: 18px; }
}
@media (max-width:1200px) {
    .foot-nav { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .foot-nav .item ~ .item { margin-left: 0; }
    .foot-contact { width: 100%; text-align: left; display: flex; flex-wrap: wrap; align-items: center; }
    .foot-contact ul li { margin-left: 0; }
    .foot-contact ul { margin-right: 30px; }
    .site-other { text-align: left; }
    .site-other a { margin-left: 0; margin-right: 30px; }
}
@media (max-width:768px) {
    .footer-content { padding: 0 4%; }
}
@media (max-width:760px) {
    .foot-nav { display: none; }
    .foot-links { padding-top: 15px; padding-bottom: 15px; line-height: 1.5; }
    .site-other { padding-bottom: 20px; padding-top: 20px; }
    .foot-contact ul { margin-right: 0; width: 100%; }
    .foot-contact ul li { margin-right: 20px; }
    .foot-contact ul li p { margin-top: 10px; font-size: 12px; color: #666; }
    .foot-contact .tel { margin-bottom: 30px; }
}

/*尾部结束*/

/*首页 开始*/
.index-container { padding: 95px 120px 115px; }
.index-container .item { width: 31%; }
.index-container .item .tit a { font-size: 28px; line-height: 1; color: #000000; }
.index-container .item .tit a:hover { color: #0779bf; }
.index-container .item .sub-tit { font-size: 16px; color: #666666; margin-top: 15px; margin-bottom: 20px; }
.index-container .item .des { font-size: 14px; color: #666666; margin-top: 15px; }
.index-container .item img { width: 100%; }

/*首页 结束*/
.tit-cont h3 { position: relative; font-size: 48px; line-height: 1.1; color: #333; padding-bottom: 20px; letter-spacing: -1px; }
.tit-cont .subtit { font-size: 24px; line-height: 1.5; color: #333333; }
.tit-cont .des { margin-top: 50px; }
.tit-cont.white h3 { color: #fff; }
.tit-cont.white .subtit { color: #fff; opacity: .5; }

/*关于单页*/
.cate-list { padding: 0 70px; font-size: 0; height: 86px; background-color: #ffffff; box-shadow: 3px 4px 5px 0px 
rgba(0, 0, 0, 0.2); margin-top: -43px; position: relative; text-align: center; }
.cate-list li { display: inline-block; margin: 0 60px; }
.cate-list li a { position: relative; display: block; line-height: 86px; font-size: 16px; color: #333333; }
.cate-list li a:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 6px; background-color: #0085d6; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-list li.on a:before, .cate-list li a:hover:before { left: 0; width: 100%; }
.xhy-ys li h4 { font-size: 16px; color: #333333; }
.xhy-ys li p { font-size: 35px; line-height: 33px; color: #0779bf; font-weight: bold; margin-top: 16px; }
.xhy-ln { margin-top: 145px; }
.xhy-ln .item .pic { width: 60.2%; }
.xhy-ln .item .pic .titbar { padding-left: 40px; padding-right: 40px; height: 128px; background-color: #1991d9; color: #fff; font-size: 20px; line-height: 33px; color: #ffffff; display: flex; align-items: center; }
.xhy-ln .item .cont { width: 39.8%; padding-left: 64px; padding-top: 60px; }
.xhy-ln .item:nth-child(2) .cont { padding-left: 0; padding-right: 64px; }
.xhy-ln .item:nth-child(2) { margin-top: 110px; flex-direction: row-reverse; }
.xhy-ln .item .cont h3 { font-size: 48px; line-height: 1.2; color: #333333; }
.xhy-ln .item .cont .subtit { font-size: 24px; line-height: 1.2; color: #333333; margin-top: 5px; margin-bottom: 30px; }
.xhy-ln .item .cont .des { font-size: 14px; line-height: 24px; color: #787878; }
.xhy-ln .item .cont .des p ~ p { margin-top: 20px; }
.xhy-pic { position: relative; }
.xhy-pic .tit { position: absolute; left: 0; top: 35%; width: 100%; text-align: center; color: #fff; }
.xhy-pic .tit h3 { font-size: 24px; line-height: 1; color: #ffffff; }
.xhy-pic .tit p { font-size: 50px; line-height: 1.2; color: #ffffff; margin-top: 40px; }
.xhy-history { position: relative; background: url(../images/about/history-bg.jpg) no-repeat center; background-size: cover; }
.history-list { margin-top: 50px; }
.history-list .item { height: 326px; background-color: #eeeeee; padding: 50px 35px; position: relative; }
.history-list .item:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/about/history-bg.jpg) no-repeat center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.history-list .item:hover:after { opacity: 1; }
.history-list .item h4 { position: relative; z-index: 2; font-family: FuturaBT-Medium; font-size: 48px; line-height: 1; color: #333333; padding-bottom: 20px; margin-bottom: 15px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.history-list .item h4:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ffffff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: 0; }
.history-list .item:hover h4:after { opacity: 1; }
.history-list .item .des { position: relative; z-index: 2; font-size: 14px; line-height: 24px; color: #333333; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.history-list .item:hover h4, .history-list .item:hover .des { color: #fff; }
.develop-list { position: relative; margin-top: 70px;    /*height: 300px;*/ }
.develop-list:before { content: ""; position: absolute; left: 0; top: 70px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .5); }
.develop-list .item { text-align: center; width: 33.3333%; }
.develop-list .item .year { font-size: 48px; line-height: 1; color: #ffffff; opacity: 0.6; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.develop-list .item.swiper-slide-active .year { opacity: 1; }
.develop-list .item .cont .pic { width: 198px; }
.develop-list .item .cont .pic img { height: 100%; object-fit: cover; }
.develop-list .item .cont { display: none; margin-top: 62px; background: #fff; width: 800px; height: 219px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(0, 0, 0, 0.15); position: relative; left: 50%; margin-left: -400px; border-radius: 10px; flex-wrap: wrap; justify-content: space-between; padding: 30px; }
.develop-list .item .cont:before { content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; left: 50%; top: -19px; margin-left: -10px; }
.develop-list .item .cont .des { padding-left: 30px; flex: 1; text-align: left; font-size: 16px; line-height: 30px; color: #555555; }
.develop-list .item.swiper-slide-active .cont { display: flex; }
.sprev, .snext { width: 52px; height: 52px; border: solid 1px #7d7d7d; border-radius: 50%; overflow: hidden; margin-top: -26px; text-align: center; line-height: 50px; font-size: 0; background: transparent; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.sprev i, .snext i { display: inline-block; vertical-align: middle; font-size: 20px; color: #333; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.snext i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.sprev:hover, .snext:hover { border-color: #0085d6; }
.sprev:hover i, .snext:hover i { color: #0085d6; }
.sprev.com-s { left: -70px; }
.snext.com-s { right: -70px; }
.develop-list .sprev, .develop-list .snext { border-color: #fff; background-color: #ffffff; top: 45px; margin-top: 0; }
.develop-list .sprev { left: 0; }
.develop-list .snext { right: 0; }
.xhy-honor { position: relative; }
.honor-list { margin-top: -30px; margin-bottom: -30px; padding: 30px 0; }
.honor-list .item { background: #fff; text-align: center; padding: 0 30px; width: 33%; height: 360px; line-height: 360px; font-size: 0; border: 1px solid #ddd; -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: .5; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.honor-list .item.swiper-slide-active { box-shadow: 0px 0px 30px 0px 
rgba(0, 0, 0, 0.15); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.honor-list .item img { max-height: 100%; }
.xhy-huanjing { margin-bottom: 150px; margin-top: 30px; }
.hj-tab-swiper, .hj-tab-swiper .swiper-wrapper { overflow: visible; }
.hj-tab-swiper .tab-item { background: #fff; position: relative; }

/*.xhy-huanjing .tab-item ~ .tab-item {
    display: none;
}*/
.com-tab { text-align: center; font-size: 0; margin-top: 20px; }
.com-tab li { display: inline-block; padding: 0 32px; height: 37px; border-radius: 18px; border: solid 1px #7d7d7d; line-height: 35px; font-size: 18px; color: #333333; margin: 0 10px; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-tab li.on { background-color: #0085d6; border-color: #0085d6; color: #fff; }

/*新闻列表 开始*/
.list-news { margin-top: 90px; }
.list-news .item { background-color: #f3f3f3; padding-right: 50px; }
.list-news .item ~ .item { margin-top: 22px; }
.list-news .item .pic { width: 22.7%; height: 230px; border: 1px solid #ededed; }
.list-news .item .pic img { object-fit: cover; height: 100%; width: 100%; }
.list-news .item .cont { width: 60%; padding-left: 36px; padding-top: 45px; }
.list-news .item .cont h4 { font-size: 20px; color: #333; margin-bottom: 20px; }
.list-news .item .cont h4 a { color: #333; }
.list-news .item .cont h4 a:hover { color: #0779bf; }
.list-news .item .cont .more { display: inline-block; font-size: 16px; color: #333333; line-height: 36px; margin-top: 20px; border-bottom: 1px solid #bfbfbf; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.list-news .item .cont .more:hover { color: #0779bf; border-color: #0779bf; padding-right: 5px; padding-left: 5px; }
.list-news .item .date { font-family: FuturaBT-Book; font-size: 48px; color: #0779bf; line-height: 1; margin-top: 6%; }
.mdate { display: none; }
.list-news .item-big { margin-bottom: 48px; }
.list-news .item-big .pic { width: 48.57%; height: 492px; }
.list-news .item-big .cont { width: 51.43%; padding-top: 90px; padding-left: 45px; }
.list-news .item-big .cont .more { margin-top: 180px; }
@media (max-width:1800px) {
    .list-news .item .date { font-size: 40px; }
    .list-news .item .cont .more { margin-top: 20px; }
    .list-news .item .cont h4 { margin-bottom: 20px; }
}
@media (max-width:1366px) {
    .xhy-ln .item .cont h3 { font-size: 28px; }
    .xhy-ln .item .cont .subtit { font-size: 20px; }
}
@media (max-width:1280px) {
    .list-news .item .date { font-size: 30px; }
    .list-news .item .cont { width: 62%; padding-left: 50px; padding-top: 0; }
    .list-news .item .cont h4 { margin-bottom: 15px; }
    .list-news .item .cont .more { margin-top: 20px; font-size: 14px; line-height: 1.5; }
}
@media (max-width:1020px) {
    .list-news { margin-top: -20px; }
}
@media (max-width:768px) {
    .list-news .item { padding: 15px 0; display: flex; flex-wrap: nowrap; justify-content: space-between; }
    .list-news .item .pic { width: 40%; float: none; padding-left: 0; }
    .list-news .item .cont { width: 60%; float: none; padding-left: 15px; }
    .list-news .item .date { display: none; }
    .list-news .item .cont h4 { font-size: 16px; margin-bottom: 0; }
    .list-news .item .cont .more, .mdate { font-size: 12px; margin-top: 5px; }
    .mdate { display: block; }
    .list-news .item .cont p { margin-top: 10px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
}
@media (max-width:600px) {
    .list-news .item .cont p { display: none; }
}

/*新闻列表 结束*/

/*联系单页 开始*/
.fs48 { font-size: 48px; color: #333; line-height: 1.1; letter-spacing: -1px; }
.contact-map .cont { width: 51.1%; padding-top: 15px; }
.contact-map .cont .des { font-size: 18px; line-height: 34px; color: #333333; margin-top: 40px; }
.contact-map .cont .des ul li ~ li {margin-top: 18px;}
.contact-map .cont .des ul li img {margin-right: 10px;margin-top: -3px;}
.contact-map .pic { width: 48.9%; }
.contact-wd { margin-top: 52px; }
.contact-wd-list { margin-top: 45px; padding-bottom: 150px; margin-bottom: -20px; }
.contact-wd-list .item { width: 49.2857%; height: 200px; background-color: #eeeeee; border: solid 1px #d2d2d2; margin-bottom: 20px; padding: 35px 55px; }
.contact-wd-list .item h4 { font-size: 28px; line-height: 1.1; letter-spacing: -1px; color: #333333; }
.contact-wd-list .item .des { font-size: 14px; line-height: 23px; color: #666666; margin-top: 30px; }
.contact-fs { padding-top: 100px; }
.contact-fs .item { position: relative; padding: 0 38px; }
.contact-fs .item:first-child { width: 31.4%; }
.contact-fs .item:nth-child(2) { width: 32.5%; }
.contact-fs .item:last-child { width: 36.1%; }
.contact-fs .item ~ .item:before { content: ""; position: absolute; left: 0; height: 100%; border-left: 1px solid #eee; }
.contact-fs .item:first-child { padding-left: 0; }
.contact-fs .item:last-child { padding-right: 0; }
.contact-fs .item h3 { font-size: 32px; line-height: 1.1; letter-spacing: -1px; color: #333333; margin-bottom: 45px; }
.contact-fs .item .des { font-size: 14px; line-height: 23px; color: #666666; }
.contact-fs .item:first-child .des { margin-top: 40px; margin-bottom: 40px; }
.contact-fs .item .cont h4 { font-size: 20px; line-height: 23px; color: #333333; }
.contact-fs .item .cont p { margin-top: 20px; ffont-size: 14px; line-height: 23px; color: #333333; }
.contact-fs .item .qr { text-align: center; margin-top: 55px; }

/*留言*/
.form-box .form-item { width: 48.5%; height: 45px; }
.form-box .form-item .inp { width: 100%; height: 50px; padding: 0 20px; font-size: 14px; color: #333; background-color: #eff0f2; }
.form-box .form-item-100 { width: 100%; }
.form-box .form-item-text { margin-top: 20px; margin-bottom: 33px; height: 180px; }
.form-box .form-item-100 textarea { width: 100%; height: 100%; padding: 15px 20px; color: #333; font-size: 14px; background-color: #eff0f2; }
.form-box .form-item .sub, .form-box .form-item .online { line-height: 39px; width: 126px; height: 39px; background-color: #2640d4; text-align: center; font-size: 14px; color: #ffffff; cursor: pointer; }
.form-box .form-item .online { display: inline-block; margin-left: 5px; background-color: #999999; }

/*联系单页 结束*/

/*新闻列表 开始*/
.page-news-list .item { padding: 30px 0; border-bottom: 1px solid #ddd; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-news-list .item:hover { border-color: #0779bf; }
.page-news-list .item:first-child { padding-top: 0; }
.page-news-list .item .pic { width: 400px; overflow: hidden; }
.page-news-list .item .pic img { width: 100%; }
.page-news-list .item .cont { overflow: hidden; padding-left: 65px; }
.page-news-list .item .cont .date { font-size: 14px; color: #999; }
.page-news-list .item .cont h4 { font-size: 24px; color: #252525; margin-top: 10px; }
.page-news-list .item .cont h4 a { color: #454545; }
.page-news-list .item .cont .des { font-size: 14px; color: #999; line-height: 28px; margin-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.page-news-list .item .cont .more { font-size: 14px; color: #0779bf; }

/*新闻列表 结束*/

/*新闻详情*/
.news-detail { padding-top: 20px; padding-bottom: 60px; }
.news-detail .detail-left, .news-detail .detail-right { float: left; }
.news-detail .detail-left .content-box { padding: 30px; }
.news-detail .detail-left { width: 71.6%; margin-right: 20px; }
.news-detail .detail-left .content-box .title { font-size: 20px; color: #333; }
.news-detail .detail-left .content-box .time { color: #999; margin: 15px 0 20px; }
.news-detail .detail-left .content-box .content { line-height: 1.75; color: #999; font-size: 16px; }
.news-detail .detail-left .content-box p { line-height: 25px;    /*color:#999;*/ }
.news-detail .detail-left .content-box .content img { width: 100%; height: auto; margin: 10px 0 !important; }
.news-detail .detail-left .next-btn { margin: 0px 0 20px 30px; display: block; font-size: 14px; }
.news-detail .detail-right { width: 26.6%; background: #fff; }
.news-detail .detail-right .right-box { padding: 20px; }
.news-detail .detail-right .right-box .right-title { border-bottom: 1px solid #E7E7E7; }
.news-detail .detail-right .right-box .right-title h3 { padding: 5px; border-bottom: 3px solid #0779bf; font-size: 16px; margin-bottom: -2px; width: 90px; }
.news-detail .detail-right .right-box ul li { margin-top: 20px; }
.news-detail .detail-right .right-box ul li img { width: 100%; height: 180px; }
.news-detail .detail-right .right-box ul li .text-box { padding: 15px 0; }
.news-detail .detail-right .right-box ul li .text-box h3 { font-size: 14px; }
.news-detail .detail-right .right-box ul li .text-box .time { color: #959595; margin-top: 12px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.bottom_line { border-bottom: #e1e1e1 1px dashed; }
.xghd-box { padding: 0px 20px 20px 20px; }
.xghd-box li { float: left; width: 50%; line-height: 30px; white-space: nowrap; overflow: hidden; }
.xghd-box ul li a .icon-dian { color: #999; font-size: 20px; background: #999; width: 4px; height: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 5px; }
.mbx { height: 75px; line-height: 75px; background-color: #e1e1e1; font-size: 16px; color: #333333; }
.mbx a { color: #333333; }
.mbx a:hover { color: #0779bf; }
.mbx .iconfont { font-size: 22px; color: #999; margin-right: 10px; }
.mbx .more { line-height: 40px; padding: 0 20px; border-radius: 20px; background: #0779bf; color: #fff !important; font-size: 16px; margin-top: 18px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.mbx .more:hover { padding: 0 25px; }

/*公用*/
.cate-tab-list { position: absolute; left: 0; z-index: 99; height: 75px; background-color: #e1e1e1; text-align: center; line-height: 75px; font-size: 0; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.nav-list>li:hover .cate-tab-list { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.cate-tab-list li { margin: 0 10px; display: inline-block; vertical-align: middle; }
.cate-tab-list li a { position: relative; display: block; padding: 0 35px; font-size: 16px; color: #333333; border-radius: 20px; line-height: 40px; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.cate-tab-list li a:before { content: ""; position: absolute; left: 50%; width: 0; height: 100%; border-radius: 20px; background-color: #0779bf; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.cate-tab-list li a span { position: relative; }
.cate-tab-list li.on a, .cate-tab-list li:hover a { color: #fff !important; }
.cate-tab-list li.on a:before, .cate-tab-list li a:hover:before { left: 0; width: 100%; opacity: 1; }
@media (max-width:1600px) {
    .cate-list li { margin: 0 40px; }
}