@charset "UTF-8";
#loading { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; }
#loading .loading-img { width: 100%; height: 100%; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; animation: fade 1.5s infinite alternate; }

@keyframes fade { 0% { opacity: 1; }
  100% { opacity: 0.1; } }
html { min-width: 320px; height: 100%; font-size: 100px; }

body { height: 100%; }
body.hide { overflow: hidden; }

.container { width: 85%; max-width: 1200px; margin: 0 auto; font-size: .16rem; }

.body1 { position: relative; z-index: 1; height: 100%; overflow: hidden; }
.body1.show .header { top: 0; opacity: 1; visibility: visible; }

.body2 { position: fixed; top: 100%; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 1.25rem 0 0; background: #fff; overflow-x: hidden; -webkit-transition: top 0.3s linear 0s; -moz-transition: top 0.3s linear 0s; -o-transition: top 0.3s linear 0s; transition: top 0.3s linear 0s; }
.body2 .btn { position: static; display: inline-block; width: 1.6rem; text-align: right; }
.body2.show { top: 0; }
.body2.show .header { top: 0; opacity: 1; visibility: visible; }
.body2 .header { padding: 0; border-bottom: 3px solid #023759; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.body2 .header::after { top: calc(100% + 3px); left: 50%; background: none; width: 0; height: 0; border-top: 0.15rem solid #023759; border-right: .15rem solid transparent; border-bottom: .15rem solid transparent; border-left: .15rem solid transparent; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.body2 .top-link { display: none; }

.headtop_link{background:#023759;padding:0px 0;}
.headtop_link .top_left{float:left;width:50%;}
.headtop_link .top_right{float:right;width:50%;text-align:right;}
.headtop_link a{color: #fff !important;padding-right: 15px;line-height: 35px; display: inline-block;}

.header { position: fixed; top: -1rem; right: auto; bottom: auto; left: auto; z-index: 1000; width: 100%; padding: .15rem 0 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s linear 0.2s; -moz-transition: all 0.4s linear 0.2s; -o-transition: all 0.4s linear 0.2s; transition: all 0.4s linear 0.2s; }
.header .container { position: relative; z-index: 2; }
.header .container > .fr { text-align: right; }
.header.show { top: 0; opacity: 1; visibility: visible; }
.header::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: auto; left: 0; z-index: 1; width: 100%; height: 200%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5), transparent); }

.banner { height: calc(100% - .8rem); }
.banner .img { height: 100%; background: no-repeat 50% 50%; background-size: cover;display:block; }
.banner .pagination { position: absolute; top: auto; right: auto; bottom: 0.35rem; left: 0%; z-index: 1; text-align: center; }
.banner .pagination .swiper-pagination-bullet { width: 20px; height: 6px; background: #fff; border-radius: 6px; opacity: 1; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; cursor: pointer; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #c4232b; width: 40px; }
.banner .banner-arrow { position: absolute; top: 45%; right: auto; bottom: auto; left: auto; z-index: 1; width: .65rem; height: .65rem; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; cursor: pointer; opacity: 0; -webkit-transition: all 0.55s linear 0s; -moz-transition: all 0.55s linear 0s; -o-transition: all 0.55s linear 0s; transition: all 0.55s linear 0s; }
.banner .banner-arrow.swiper-prev { left: -4%; background-image: url(../images/prev.png); }
.banner .banner-arrow.swiper-next { right: -4%; background-image: url(../images/next.png); }
.banner:hover .banner-arrow { opacity: 1; }
.banner:hover .banner-arrow.swiper-prev { left: 5%; }
.banner:hover .banner-arrow.swiper-next { right: 5%; }

.nav { background: #fff; }
.nav li { position: relative; float: left; width: 12.5%; }
.nav li a { display: block; font-size: 0.2rem; font-weight: 700; line-height: 0.8rem; color: #015d99; text-align: center; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.nav li:hover > a { color: #fff; background: #015d99; }
.nav li:hover .lv2 { display: block; animation: flipInY .7s; }
.nav .lv2 { display: none; position: absolute; top: calc(100% + 12px); right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; padding: 8px 0 .12rem; background: #fff; box-shadow: 0 0 0.12rem 0 rgba(0, 0, 0, 0.3); }
.nav .lv2 .tri { position: absolute; top: auto; right: auto; bottom: 100%; left: 0%; z-index: 1; width: 100%; height: 12px; overflow: hidden; }
.nav .lv2 .tri::after { display: block; content: ""; box-sizing: border-box; width: 20px; height: 20px; margin: 0 auto; background: #fff; -webkit-transform: translate(0px, 4px) rotate(45deg); -moz-transform: translate(0px, 4px) rotate(45deg); -o-transform: translate(0px, 4px) rotate(45deg); transform: translate(0px, 4px) rotate(45deg); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }
.nav .lv2 a { padding: .1rem 5px; font-family: Microsoft YaHei; font-size: .16rem; font-weight: 400; line-height: .2rem; color: #333; }
.nav .lv2 a:hover { color: #fff; background: #015d99; }
.nav.inset { background: #015d99; }
.nav.inset li a { color: #fff; line-height: .5rem; font-weight: 400; font-family: Microsoft YaHei; }
.nav.inset li:hover > a { background: #023759; }
.nav.inset li .lv2 a { color: #222; line-height: .2rem; }
.nav.inset li .lv2 a:hover { color: #fff; }

.logo { margin: .14rem 0 0; }
.logo a { display: inline-block; }
.logo img { max-width: 100%; vertical-align: top; }

.search { display: inline-block; vertical-align: top; font-size: 0; padding: 0 5px 0 .15rem; border-radius: .38rem; background: rgba(255, 255, 255, 0.6); }
.search form { display: block; white-space: nowrap; }
.search .input { vertical-align: top; width: 2.15rem; height: .38rem; font-size: 0.15rem; font-weight: 500; line-height: 0.38rem; color: #222; text-align: left; }
.search .submit { vertical-align: top; width: .38rem; height: .38rem; background-image: url(../images/t_icon1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }

.top-link { margin: .15rem 0 0; font-size: 0; }
.top-link li { display: inline-block; vertical-align: top; }
.top-link li a { display: block; padding: 0 .16rem; font-size: 0.2rem; font-weight: 700; line-height: 0.45rem; color: #fff; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.top-link li a:hover { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); }

.btn { display: none; position: absolute; top: 0; right: auto; bottom: auto; left: 100%; z-index: 1; padding: 0 0 0 .5rem; font-size: 0; }
.btn .search-btn { display: inline-block; width: .35rem; height: .35rem; margin: .1rem 0 0; border-radius: 50%; background-image: url(../images/t_icon1.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 70%; border: 1px solid #fff; cursor: pointer; }
.btn .nav-btn { display: none; width: 32px; margin: 0 0 0 .2rem; vertical-align: middle; cursor: pointer; }
.btn .nav-btn i { display: block; height: 2px; margin: 9px 0; background: #fff; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.btn .nav-btn.close i:nth-child(1) { -webkit-transform: translate(0px, 11px) rotate(45deg); -moz-transform: translate(0px, 11px) rotate(45deg); -o-transform: translate(0px, 11px) rotate(45deg); transform: translate(0px, 11px) rotate(45deg); }
.btn .nav-btn.close i:nth-child(2) { opacity: 0; }
.btn .nav-btn.close i:nth-child(3) { -webkit-transform: translate(0px, -11px) rotate(-45deg); -moz-transform: translate(0px, -11px) rotate(-45deg); -o-transform: translate(0px, -11px) rotate(-45deg); transform: translate(0px, -11px) rotate(-45deg); }

#mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 102; background: rgba(0, 0, 0, 0.75); }
#mask .close { width: .7rem; height: .7rem; position: absolute; top: 1.5rem; right: 13%; bottom: auto; left: auto; z-index: 1; cursor: pointer; }
#mask .close i { display: block; width: 100%; height: 3px; background: #fff; }
#mask .close i:nth-child(1) { -webkit-transform: translate(0, 33px) rotate(45deg); -moz-transform: translate(0, 33px) rotate(45deg); -o-transform: translate(0, 33px) rotate(45deg); transform: translate(0, 33px) rotate(45deg); }
#mask .close i:nth-child(2) { -webkit-transform: translate(0, 31px) rotate(-45deg); -moz-transform: translate(0, 31px) rotate(-45deg); -o-transform: translate(0, 31px) rotate(-45deg); transform: translate(0, 31px) rotate(-45deg); }

.tt1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.tt2 { display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.tt3 { display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.tt4 { display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.tt5 { display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.img-scale { display: block; overflow: hidden; }
.img-scale img { display: block; width: 100%; height: auto; -webkit-transition: transform 0.4s linear 0s; -moz-transition: transform 0.4s linear 0s; -o-transition: transform 0.4s linear 0s; transition: transform 0.4s linear 0s; }
.img-scale .frame { overflow: hidden; }
.img-scale .img { /*背景图替换img*/ height: 100%; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; -webkit-transition: transform 0.4s linear 0s; -moz-transition: transform 0.4s linear 0s; -o-transition: transform 0.4s linear 0s; transition: transform 0.4s linear 0s; }
.img-scale .img img { min-height: 100%; }
.img-scale:hover img { min-height: 100%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.img-scale:hover .img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.column { position: relative; margin: .3rem 0 .4rem; text-align: center; }
.column h3 { display: inline-block; padding: 0 0 0 .55rem; font-size: 0.28rem; font-weight: 500; line-height: 0.65rem; color: #015d99; text-align: left; }
.column h3::after { display: block; content: ""; box-sizing: border-box; width: .6rem; height: 5px; margin: 0 auto; background: #015d99; }
.column .more, .news .switch-tag .more { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; font-size: 0.16rem; font-weight: 500; line-height: 0.65rem; color: #015d99; text-align: left; }

.more2 { display: none; margin: .25rem auto 0;  width: 60%; max-width: 2.2rem; font-size: .16rem; line-height: .42rem; color: #015d99; border: 1px solid #015d99; border-radius: 4px;text-align: center; }

.title { font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #444; text-align: left; }

.info { font-size: 0.14rem; font-weight: 500; line-height: 0.25rem; color: #666; text-align: left; }

.date { font-family: Arial, Helvetica, sans-serif; font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #015d99; text-align: left; }

.date2 { width: .78rem; padding: 0 .15rem 0 0; border-right: 1px solid #d3d2d1; font-size: 0.14rem; font-weight: 500; line-height: 0.22rem; color: #761576; text-align: center; }
.date2 p:first-child { margin: 0 0 .06rem; font-size: .45rem; line-height: .49rem; color: #710a53; border-bottom: 1px solid #d3d2d1; }

.news .switch-tag { position: relative; font-size: 0; margin: 0 0 .4rem; text-align: center; }
.news .switch-tag h3 { display: inline-block; width: 14.58%; font-size: 0.28rem; font-weight: 500; line-height: 0.55rem; color: #015d99; text-align: center; cursor: pointer; }
.news .switch-tag h3 a { display: block; color: #015d99; }
.news .switch-tag i { position: absolute; top: 100%; right: auto; bottom: auto; left: 25.13%; z-index: 1; width: 6%; height: 3px; background: #015d99; -webkit-transition: left 0.25s linear 0s; -moz-transition: left 0.25s linear 0s; -o-transition: left 0.25s linear 0s; transition: left 0.25s linear 0s; }
.news .switch-tag .more { display: none; line-height: .55rem; }
.news .switch-tag .more.active { display: block;  }
.news .switch-item { display: none; min-height: 3.86rem; }
.news .switch-item:nth-child(2) { display: block; }
.news .pic-list1 { width: 62.75%; }
.news .list1 { width: 33.75%; }
.news .list2 li:nth-last-child(1), .news .list2 li:nth-last-child(2), .news .list2 li:nth-last-child(3) { margin-bottom: 0; }

.pic-list1 li { float: left; width: 47.5%; margin: 0 0 0; }
.pic-list1 li:nth-child(even) { margin-left: 5%; }
.pic-list1 .img-scale { border: 1px solid #e4e2e2; background-image: url(../images/t_icon3.png); background-repeat: no-repeat; background-position: 92% 94.5%; background-color: transparent; background-size: auto; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.pic-list1 .img-scale .img { padding: 67.7% 0 0; }
.pic-list1 .img-scale:hover { background-position-x: 97%; }
.pic-list1 .img-scale:hover .title { color: #015d99; }
.pic-list1 .title { margin: .16rem 0 .18rem; padding: 0 6px; font-size: .18rem; text-indent: 2em;height:0.56rem;}
.pic-list1 .date { margin: 0 0 .2rem; padding: 0 0 0 .4rem; font-weight: 700; line-height: .3rem; letter-spacing: 1px; background-image: url(../images/t_icon2.png); background-repeat: no-repeat; background-position: 0.1rem -1px; background-color: transparent; background-size: auto; }

.list1 li { padding: 3px 0; font-size: 0; }
.list1 li:first-child { padding-top: 0; }
.list1 li:last-child { padding-bottom: 0; }
.list1 .date { display: inline-block; vertical-align: top; width: 40px; font-size: .13rem; line-height: .22rem; }
.list1 .date p:first-child { font-size: .23rem; line-height: .27rem; }
.list1 .text { display: inline-block; vertical-align: top; width: calc(100% - 40px); padding: 0 0 0 .2rem; }
.list1 .text .title { line-height: .25rem;height:.5rem;}
.list1 .text .title:hover { color: #015d99; }

.list2 { font-size: 0; margin: 0 -0.15rem; }
.list2 > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0.15rem; }
.list2 li { margin: 0 0 .25rem; }
.list2 .box { padding: .17rem; font-size: 0; background: #f6f4f2; -webkit-transition: background 0.3s linear 0s; -moz-transition: background 0.3s linear 0s; -o-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.list2 .box:hover { background: linear-gradient(45deg, #015d99, #0e7dc5); background: -o-linear-gradient(45deg, #015d99, #0e7dc5); background: -moz-linear-gradient(45deg, #015d99, #0e7dc5); background: -webkit-linear-gradient(45deg, #015d99, #0e7dc5); background: -webkit-gradient(linear, 45deg, color-stop(#0e7dc5), color-stop(#0e7dc5)); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#015d99', endColorstr='#0e7dc5'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr='#015d99', endColorstr='#0e7dc5')"; }
.list2 .box:hover .date2 { color: #fff; border-color: #fff; }
.list2 .box:hover .date2 p:first-child { color: #fff; }
.list2 .box:hover .title { color: #fff; }
.list2 .date2 { display: inline-block; vertical-align: top; }
.list2 .text { display: inline-block; vertical-align: top; width: calc(100% - .78rem); padding: 0 0 0 .18rem; }
.list2 .title { line-height: .26rem;height:.78rem;}

.list3 li { padding: .18rem 0 .27rem; font-size: 0; border-bottom: 1px solid #ddd; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.list3 li:hover { box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3); }
.list3 li:hover .text::after { border-left-color: #015d99; }
.list3 .date2 { display: inline-block; vertical-align: top; width: 80px; border: none; padding: 0; font-size: .16rem; color: #0f4372; }
.list3 .date2 p:first-child { margin: 0; border: none; color: #0f4372; font-size: .34rem; line-height: .42rem; }
.list3 .text { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 80px); padding: 0 10% 0 3.5%; }
.list3 .text::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 50%; right: 1%; bottom: auto; left: auto; z-index: 1; border-top: .12rem solid transparent; border-right: .13rem solid transparent; border-bottom: .12rem solid transparent; border-left: .13rem solid #1296db; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.list3 .title { margin: 0 0 5px; font-size: .18rem; line-height: .24rem; }
.list3 .title:hover { color: #015d99; }
.list3 .info { color: #acacac; line-height: .24rem; }

.topic { margin: .5rem 0 0; padding: 1px 0 .22rem; background-image: url(../images/t_bg1.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.topic .column h3 { color: #fff; }
.topic .column h3::after { background: #fff; }
.topic .column .more { color: #fff; }
.topic .swiper-container { padding: .2rem 0 0; }
.topic .img-scale { position: relative; }
.topic .img-scale::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: -80%; z-index: 1; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); }
.topic .img-scale:hover::before { left: 130%; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.topic .img { padding: 47.84% 0 0; }
.topic .pagination { margin: .4rem 0 0; text-align: center; }
.topic .pagination .swiper-pagination-bullet { width: 14px; height: 14px; background: #fff; border-radius: 50%; opacity: 1; }
.topic .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #015d99; }

.scenery { padding: 1px 0 1rem; background-image: url(../images/t_bg2.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.scenery .swiper-slide { font-size: 0; }
.scenery .img-scale { display: inline-block; vertical-align: top; width: 44.745%; min-width: 1rem; margin: .16rem 0 0; border-radius: 50%; }
.scenery .img-scale .img { padding: 100% 0 0; }
.scenery .text { display: inline-block; vertical-align: top; width: 55.255%; max-width: calc(100% - 1rem); padding: 0 0 0 .1rem; }
.scenery .title { font-size: .15rem; font-weight: 700; line-height: .24rem; text-align: justify; }
.scenery .title:hover { color: #015d99; }
.scenery .info { margin: .24rem 0 0; font-size: .14rem; color: #868686; text-align: justify;height:1rem;}

.vision { padding: .2rem 0 .8rem; background-image: url(../images/t_bg3.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.vision .div { position: relative; padding: .75rem .4rem; background: #f6f6f6; }
.vision .div .pagination { position: absolute; top: 100%; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; padding: .15rem 0 0; text-align: center; }
.vision .div .pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 5px; background: #fbeded; border-radius: 50%; opacity: 1; cursor: pointer; }
.vision .div .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #015d99; }
.vision .img-scale { position: relative; }
.vision .img-scale::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: -80%; z-index: 1; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); }
.vision .img-scale:hover::before { left: 130%; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.vision .img { padding: 67.307% 0 0; }

.links { padding: .6rem 0 .38rem; }
.links ul { font-size: 0; margin: 0 0; }
.links ul > li { display: inline-block; vertical-align: top; width: 16.6666666667%; padding: 0 0; }
.links ul li { text-align: center; }
.links i { display: block; width: .65rem; height: .6rem; margin: 0 auto .13rem; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; }
.links a { display: inline-block; font-size: 0.18rem; font-weight: 500; line-height: 0.35rem; color: #015d99; text-align: center; }
.links a.a1 i { background-image: url(../images/t_icon4_1.png); }
.links a.a2 i { background-image: url(../images/t_icon4_2.png); }
.links a.a3 i { background-image: url(../images/t_icon4_3.png); }
.links a.a4 i { background-image: url(../images/t_icon4_4.png); }
.links a.a5 i { background-image: url(../images/t_icon4_5.png); }
.links a.a6 i { background-image: url(../images/t_icon4_6.png); }
.links a:hover { font-weight: 700; }
.links a:hover i { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }

.footer { background-image: url(../images/t_bg4.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.footer .foot-box { margin: .55rem 0; font-size: 0; }

.foot-links { padding: .2rem 0; font-size: 0; border-bottom: 1px solid #fff; }
.foot-links li { display: inline-block; vertical-align: top; }
.foot-links a { padding: 0 .2rem; font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #fff; text-align: left; }
.foot-links a:hover { text-decoration: underline !important; }

.foot-logo { width: 15%; text-align: center; }
.foot-logo img { width: 1rem; max-width: 90%; vertical-align: top; }

.contact { font-size: 0.16rem; font-weight: 500; line-height: 0.24rem; color: #fff; text-align: left; letter-spacing: 1px; margin: 0 3.16% 0 0; }

.QR-code { width: 23%; font-size: 0; margin: .25rem 0 0; text-align: right; }
.QR-code li { display: inline-block; vertical-align: top; position: relative; width: .37rem; height: .38rem; margin: 0 .17rem; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: 100%; cursor: pointer; }
.QR-code li:hover .img { bottom: calc(100% + .11rem); opacity: 1; visibility: visible; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.QR-code li.c1 { background-image: url(../images/t_icon5_1.png); }
.QR-code li.c2 { background-image: url(../images/t_icon5_2.png); }
.QR-code li.c3 { background-image: url(../images/t_icon5_3.png); }
.QR-code li .img { position: absolute; top: auto; right: auto; bottom: calc(130% + .11rem); left: 50%; z-index: 1; font-size: 0.14rem; font-weight: 500; line-height: 0.25rem; color: #333; text-align: center; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; visibility: hidden; border-radius: 4px; }
.QR-code li .img img { width: 90px; margin: 4px; vertical-align: top; }
.QR-code li .img::after { display: block; content: ""; box-sizing: border-box; position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; z-index: 1; border-top: .08rem solid #fff; border-right: .08rem solid transparent; border-bottom: .08rem solid transparent; border-left: .08rem solid transparent; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.copy { padding: 0 4%; font-size: 0.16rem; font-weight: 500; line-height: 0.45rem; color: #fff; text-align: center; background: #023759; }
.copy img { vertical-align: middle; }

.header2 { position: relative; z-index: 200; padding: .5rem 0; background-image: url(../images/t_bg5.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.header2 .container { max-width: 1300px; }
.header2 .container > .fr { padding: .15rem 0 0; }
.header2 .logo { margin: 0; }

.decoration { max-height: 300px; overflow: hidden; }
.decoration img { width: 100%; vertical-align: top; }

.section .container, .nav.inset .container, .headtop_link .container { max-width: 1300px; }

.sidebar { width: 20%; margin: .4rem 0 0; }
.sidebar h1 { font-size: 0.28rem; font-weight: 500; line-height: 0.75rem; color: #fff; text-align: center; background: #0f4372; }
.sidebar h1 i { display: block; margin: 0 auto; }
.sidebar h1 i.close { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.sidebar .lv2-nav { border-left: 0.14rem solid #0f4372; }
.sidebar .lv2-nav li { position: relative; border-top: 1px solid #d6d6d6; border-right: 1px solid #e5e6e9; border-bottom: 1px solid #e5e6e9; }
.sidebar .lv2-nav a { display: block; padding: 0 .1rem 0 .2rem; font-size: 0.16rem; font-weight: 500; line-height: 0.55rem; color: #222; text-align: left; }
.sidebar .lv2-nav a:hover { color: #015d99; font-weight: 700; }
.sidebar .lv2-nav li.cur { background: #fff; }
.sidebar .lv2-nav li.cur > a { color: #015d99; font-weight: 700; }
.sidebar .lv2-nav li.cur .lv3 { display: block; }
.sidebar .lv2-nav .down { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: .55rem; height: .55rem; background-image: url(../images/s_icon6_2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.sidebar .lv2-nav .down.close { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.sidebar .lv2-nav .lv3 { display: none; padding: 0 0 .1rem .1rem; }
.sidebar .lv2-nav .lv3 a { padding: 6px .1rem 6px 12%; font-size: .15rem; font-weight: 500; line-height: .25rem; color: #000; text-align: left; }
.sidebar .lv2-nav .lv3 a:hover { color: #0f4372; }
.sidebar .lv2-nav .lv3 a.cur { color: #0f4372; font-weight: 700; }

.main { width: 76%; min-height: 4rem; margin: .35rem 0 .4rem; }

.position { margin: 0 0 .25rem; border-bottom: 1px solid #ccc; }
.position h3 { display: inline-block; margin: 0 0 .1rem; font-size: 0.28rem; font-weight: 500; line-height: 0.3rem; color: #0f4372; text-align: left; }

.place { font-size: 0.16rem; font-weight: 500; line-height: 0.4rem; color: #c0c0c0; text-align: left; }
.place a { color: #c0c0c0; }
.place a:hover { color: #015d99; }

.article { padding: .15rem 4%; background: #fff; }
.article .title { font-size: 0.2rem; font-weight: 700; line-height: 0.3rem; color: #023759; text-align: center; }
.article .sub { margin: .3rem 0; padding: .1rem 0; font-size: 0.14rem; font-weight: 500; line-height: 0.26rem; color: #444; text-align: center; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; opacity: .7; }
.article .content { padding: 0 0 .4rem; font-size: 0.16rem; font-weight: 500; line-height: 0.35rem; color: #000; text-align: left; }
.article .content p { text-indent: 2em; }
.article .content img, .article .content video { display: block; max-width: 100%; height: auto !important; margin: .25rem auto; }
.article .content table { max-width: 100%; margin: .25rem auto; }
.article .content table p { text-indent: 0; }
.article .content iframe { max-width: 100%; margin: .25rem auto; }
.article .cont-page { padding: .25rem 0 0; border-top: 1px dashed #ccc; }
.article .cont-page a { display: block; padding: 4px 0; font-size: 0.16rem; font-weight: 500; line-height: 0.28rem; color: #666; text-align: left; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.article .cont-page a span { color: #000; }
.article .cont-page a:hover { color: #015d99; }
.article .cont-page a:hover span { color: #015d99; }
.article.dp { padding-left: 0; padding-right: 0; }

.jgsz .position { border: none; }
.jgsz .position h3 { color: #0f4372; font-weight: 700; }
.jgsz .position h3::before { display: inline-block; content: ""; vertical-align: middle; width: .3rem; height: 3px; margin: 0 .15rem 0 0; background: #023759; }

.jgsz-list { font-size: 0; margin: 0 -0.15rem; margin-top: .2rem; }
.jgsz-list > li { display: inline-block; vertical-align: top; width: 33.3333333333%; padding: 0 0.15rem; }
.jgsz-list li a { display: block; padding: 0 6%; font-size: 0.16rem; font-weight: 500; line-height: 0.53rem; color: #222; text-align: left; border-bottom: 1px solid #eee; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.jgsz-list li a::before { display: inline-block; content: ""; width: 4px; height: 4px; margin: 0 5px 1px 0; border-radius: 50%; background: #015d99; vertical-align: middle; }
.jgsz-list li a:hover { color: #fff; background: #004098; }
.jgsz-list li a:hover::before { background: #fff; }
.jgsz-list li:nth-child(1) a, .jgsz-list li:nth-child(2) a, .jgsz-list li:nth-child(3) a { border-top: 1px solid #eee; }

#browser-modal { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: 10000; width: 100%; height: 100%; color: #303233; text-align: center; }
#browser-modal .browser-modal-cover { position: fixed; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; height: 100%; width: 100%; background-color: #111; }
#browser-modal .browser-content { width: 700px; margin: 120px auto 0; padding: 50px 0 80px; background-color: #fff; border-radius: 5px; }
#browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px; }
#browser-modal .browser-content .browser-text-title { font-size: 24px; text-transform: uppercase; }
#browser-modal .browser-content .browser-text-desc { margin: 30px 0 20px; font-size: 14px; }
#browser-modal .browser-content .browser-list { width: 600px; height: 130px; margin: 20px auto; }
#browser-modal .browser-content .browser-item { float: left; width: 150px; margin: 0 auto; padding: 20px 0; }
#browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto 10px; font-size: 80px; line-height: 80px; }
#browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0; }
#browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px; }
#browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px; }
#browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px; }
#browser-modal .browser-content .browser-item a { display: block; cursor: pointer; }
#browser-modal .browser-content .browser-item a:hover { text-decoration: underline !important; }
#browser-modal .browser-content .browser-item a img { display: block; max-width: 100px; width: 100px; height: 100px; margin: 0 auto; }
#browser-modal .browser-content .browser-item a h4 { margin-top: 20px; text-align: center; font-size: 18px; font-weight: 700; }

.phone-show { display: none !important; }

/* 视觉商职 */
.sjsz{margin:.3rem -.15rem 0 -.15rem;overflow:hidden;}
.sjsz li{float:left;width:33.33%;padding:0 .15rem;margin-bottom:.3rem;}
.sjsz li a{padding-top:67.307%;display:block;position: relative;}
.sjsz li a img{position: absolute;width:100%;height:100%;top:0;left:0;}


/* 系列专题 */
.xlzt{margin:.3rem -.15rem 0 -.15rem;overflow:hidden;}
.xlzt li{float:left;width:33.33%;padding:0 .15rem;margin-bottom:.3rem;}
.xlzt li a{padding-top: 47%;display:block;position: relative;}
.xlzt li a img{position: absolute;width:100%;height:100%;top:0;left:0;}

@media screen and (max-width: 1350px) { html { font-size: 95px; }
  .header .container { width: 92%; }
  .logo img { max-height: 60px; }
  .top-link li a { padding: 0 .12rem; font-size: .18rem; }
  .foot-logo { width: auto; text-align: left; }
  .contact { margin: 0 1% 0 0; }
  .QR-code { width: auto; }
  .QR-code li { margin: .08rem; } }
@media screen and (max-width: 992px) { 
  .headtop_link{display:none;}
  html { font-size: 90px; }
  .body1 { height: auto; z-index: 999; }
  .body1 .header { position: relative; height: auto; padding: .12rem 0; top: 0 !important; opacity: 1 !important; visibility: visible !important; background: #015d99; transition: none; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); }
  .body1 .header::after { display: none; }
  .body1 .header .container { display: flex; justify-content: space-between; align-items: center; }
  .body1 .header .container::after, .body1 .header .container::before { display: none; }
  .body1 .top-link { display: none; }
  .body2 { position: static; padding: .25rem 0 0; }
  .body2 .header { width: 100%; height: calc(100% - .79rem); top: .79rem; left: 100%; right: 0; bottom: 0; background: #fff; opacity: 1; visibility: hidden; border: none; transition-duration: .4s; }
  .body2 .header::after { display: none; }
  .body2 .header.down { left: 0; visibility: visible; }
  .body2 .nav { display: block; }
  .body2 .top-link { display: flex; }
  .header2 { padding: .12rem 0; }
  .header2 .container { display: flex; justify-content: space-between; align-items: center; }
  .header2 .container::after, .header2 .container::before { display: none; }
  .header2 .container > .fr { padding: 0; }
  .logo { margin: 0; }
  .logo img { height: .55rem; }
  .top-link { justify-content: space-between; width: 100%; padding: 0 5%; margin: 0; background: #023759; }
  .top-link li a { padding: 0; color: #fff; }
  .banner .img { height: 0; padding: 43.157% 0 0; }
  .search { position: fixed; top: 34%; right: auto; bottom: auto; left: 50%; z-index: 1; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); background: #fff; white-space: nowrap; padding: .12rem .1rem; width: 80%; max-width: 5.5rem; border-radius: 2px; -webkit-transition: all 0.23s linear 0s; -moz-transition: all 0.23s linear 0s; -o-transition: all 0.23s linear 0s; transition: all 0.23s linear 0s; box-shadow: 0 0 2px 0 #ccc; opacity: 0; visibility: hidden; }
  .search .input { width: calc(100% - .65rem); height: .52rem; padding: 0 .1rem 0 .15rem; vertical-align: top; font-size: 0.14rem; font-weight: 500; line-height: 0.52rem; color: #333; text-align: left; border: 1px solid #eee; }
  .search .submit { width: .6rem; height: .52rem; vertical-align: top; background-image: url("../images/t_icon1_2.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; }
  .search.show { opacity: 1; top: 40%; visibility: visible; }
  .nav { display: none; width: 100%; z-index: 99; height: calc(100% - .75rem); margin: .15rem auto; overflow-y: auto; overflow-x: hidden; background: none; }
  .nav li { float: none; width: 100%; border-bottom: 1px solid #dcdcdc; }
  .nav li a { padding: 0 .1rem !important; font-size: .22rem; line-height: .6rem; color: #222 !important; text-align: left; background: transparent !important; }
  .nav li a .icon { display: none !important; }
  .nav li .tri { display: none !important; }
  .nav li .down-icon { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: .6rem; height: .6rem; background-image: url("../images/down1.png"); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
  .nav li .lv2 { display: none; position: static; opacity: 1; padding: 0 0 .12rem; width: 100%; visibility: visible; border: none; animation: none !important; -ms-animation: none !important; box-shadow: none; }
  .nav li .lv2 .tri { display: none; }
  .nav li .lv2 a { font-size: .16rem; text-align: left; border: none; color: #222; line-height: .4rem; padding-left: 0.5rem !important; }
  .nav li:hover .lv2 { display: none; }
  .nav li.sh .down-icon { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .nav li::after { display: none; }
  .nav.inset { display: block; width: 100%; position: fixed; height: calc(100% - .79rem); top: .79rem; left: 100%; right: 0; bottom: 0; margin: 0; background: #fff; opacity: 1; visibility: hidden; border: none; transition-duration: .4s; }
  .nav.inset.down { left: 0; visibility: visible; }
  .nav.inset li a { line-height: .6rem; }
  .nav.inset li .lv2 a { line-height: .4rem; }
  .btn { position: static; display: flex; align-items: center; padding: 0; }
  .btn .search-btn { margin: 0; width: .45rem; height: .45rem; }
  .btn .nav-btn { display: inline-block; }
  .news .pic-list1 { width: 100%; }
  .news .list1 { width: 100%; margin: .3rem 0 0; }
  .news .switch-tag { margin: 0 0 .25rem; }
  .news .switch-tag h3 { width: 22%; font-size: .24rem; }
  .news .switch-tag h3::after { display: block; content: ""; box-sizing: border-box; width: .55rem; height: 3px; margin: 0 auto; background: transparent; }
  .news .switch-tag h3.active::after { background: #015d99; }
  .news .switch-tag i { display: none; }
  .news .switch-item { height: auto; }
  .inset .top-link.phone-show { display: flex !important; }
  .inset .top-link.phone-show li { width: auto; border: none; }
  .inset .top-link.phone-show li a { padding: 0 !important; font-size: .18rem; line-height: 0.45rem; color: #fff !important; }

  .list1 li { padding: .1rem 0; }
  .column { margin: .25rem 0 .3rem; }
  .topic { margin: .3rem 0 0; }
  .topic .column { margin-bottom: .15rem; }
  .scenery { padding: 1px 0 .4rem; }
  .vision { padding: 0 0 .4rem; }
  .vision .div { padding: .3rem .2rem; }
  .footer .foot-box { text-align: center; }
  .foot-logo, .QR-code, .contact { float: none; display: inline-block; vertical-align: top; }
  .foot-logo, .QR-code { width: 50%; text-align: center; }
  .contact { width: auto; margin: .3rem .2rem 0 0; }
  .sidebar { width: 100%; margin: .3rem 0 0; }
  .sidebar h1 { display: block; position: relative; padding: 0 .2rem; font-size: .22rem; line-height: .6rem; text-align: left; background: #0f4372; }
  .sidebar h1 i { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: .6rem; height: .6rem; background-image: url(../images/down2.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: auto; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
  .sidebar h1 i.down { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  .sidebar .lv2-nav { display: none; }
  .sidebar .lv2-nav a { text-align: left; font-size: .18rem; line-height: .55rem; padding-left: .3rem; }
  .main { width: 100%; margin: .3rem 0; }
  .position { margin: 0 0 .15rem; }
  .position h3 { font-size: .22rem; } }
@media screen and (max-width: 768px) { .container { width: 90%; }
  .list2 > li { width: 50%; }
  .list2 > li:last-child { display: none; }
.news .switch-tag .more { display: none !important; }
  .links ul > li { width: 33.33%; margin-bottom: .1rem; }
  .contact, .foot-logo, .QR-code { width: 100%; margin-right: 0; text-align: center; }
  .news .switch-tag h3 { font-size: .22rem; }
.more2 { display: block; }
.news .list1, .news .pic-list1 { float: none;  }
  .column { text-align: left; }
  .column h3 { padding: 0; font-size: .24rem; }
  .column h3::after { height: 3px; }
  .top-link li a { font-weight: 400; }
  .list3 .text { padding-right: 0; }
  .list3 .text::after { display: none; }
  .sidebar h1 { line-height: .55rem; }
  .sidebar h1 i { width: .55rem; height: .55rem; }
  .place { text-align: center; float: none; padding-bottom: 5px; }
  .jgsz-list > li { width: 50%; }
  .position { text-align: center; } }


@media screen and (max-width: 639px){
   .sjsz li{width:50%;}
}


@media screen and (max-width: 520px) { .pic-list1 li { width: 100%; margin: 0 0 .2rem !important; }
  .news .list1 { margin: .1rem 0 0; }
  .list2 > li { width: 100%; }
  .news .switch-tag h3 { width: 50%; }
  .jgsz-list > li { width: 100%; }
  .top-link li a, .inset .top-link.phone-show li a { font-size: .13rem; } }

/*# sourceMappingURL=style.css.map */
#list-page {font-family: Arial; text-align: center; margin: 25px 0 30px !important; }
#list-page .p_pages a, #list-page span, #list-page .p_goto a {font-size: 14px; width: auto; height: auto; margin-top: 5px; }
#list-page .p_pages a, #list-page .p_no_d, #list-page .p_fun_d, #list-page .p_goto a {padding: 7px 9px; border: 1px solid #aaa; border-radius: 2px; color: #428bca;}
#list-page .p_pages .p_no_d, #list-page a:hover, #list-page .p_goto a {background: #0167af; font-weight: bold; color: #fff; border-color: #0167af;}
#list-page .p_t{ padding: 0 2px 0 0; color: #777;}
#list-page .p_first, #list-page .p_first_d, #list-page .p_last, #list-page .p_last_d{display: inline-block;}
#list-page .p_pages span{color: #aaa;}
#list-page .p_goto input { font-family: 'Arial'; color: #333; border-radius: 2px; width: 40px; height: 30px; line-height: 30px; vertical-align: bottom; }