body, html {background: #f5f5f5;padding: 0;margin: 0;height:100%;min-height: 100%;}
a,a:hover {text-decoration:none;}
p, ul, li {margin: 0;padding: 0;}
li {list-style-type: none;}
i {font-style: normal;}
i.fa:before {margin-right: 10px;}
.clearfix, dl {*zoom: 1;}
.clearfix:after, dl:after {display: block;overflow: hidden;clear: both;height: 0;visibility: hidden;content: ".";}
.hide {display:none;}

/* rightMenu */
.rightMenu {display: block;position: fixed;right: 25px;top: 50%;transform: translate(0, -50%);z-index: 11;}
.rightMenu .item {position: relative;width: 54px;height: 54px;}
.rightMenu .item .icon {background: url(../../images/junlan/bg.jpg) no-repeat;width: 54px;height: 54px;opacity: 0.5;z-index: 11;cursor: pointer;-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);box-shadow: 0 15px 30px rgba(0, 0, 0, .1);}
.rightMenu .item .icon:hover {opacity: 1;}
.rightMenu .item .icon-totop {background-position: 0 0;}
.rightMenu .item .icon-tobottom {background-position: 0 -162px;}
.rightMenu .item .icon-totop, .rightMenu .item .icon-tobottom {visibility:hidden;}
.rightMenu .item .icon-weixin {background-position: 0 -54px;}
.rightMenu .item .icon-contact {background-position: 0 -108px;}
.rightMenu .con {position: absolute;right: 100px;top: 0;width: auto;min-height: 54px;z-index: 10;background: #fff;-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);box-shadow: 0 15px 30px rgba(0, 0, 0, .1);opacity: 0;}
.rightMenu .weixin-con {width: 150px;}
.rightMenu .contact-con {width: 150px;line-height: 54px;padding: 0 10px;text-align: center;font-weight: 700;}

/* swipe */
.swipe{overflow:hidden;visibility:hidden;position:relative;height:auto;width:100%;margin:0 auto;}.swipe-wrap{overflow:hidden;position:relative;}.swipe-wrap > div{float:left;width:100%;position:relative;text-align:center;}
.swipe-wrap center {position: relative;width: 100%;}
.swipe-wrap center a {display: block;width: 100%;position: absolute;top: 0;left: 0;}
.swipe-wrap center a img {width:100%;}
.swipe-wrap center p {width: 100%;background: #000;opacity: 0.5;position: absolute;bottom: 0;left: 0;text-align: center;font: normal 1.1em/1.1em "Microsoft Yahei";padding: 8px 5px;color: #fff;}

/* container */
.container {width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 50px;}
.container.pt0 {padding-top: 0;}
.container .secname {padding-bottom: 50px;}
.container .secname span {display: block;font-size: 22px;font-weight: 700;text-align: center;}
.container .secname span:before,
.container .secname span:after {display: inline-block;content: "";width: 80px;height: 1px;border-top: 1px solid #ccc;}
.container .secname span:before {margin: 0 20px 5px 0;}
.container .secname span:after {margin: 0 0 5px 20px;}

/* header nav */
.header {background: url(../../images/junlan/topbar1.jpg) center 0;background-size: 100%;width: 100%;color: #fff;position: relative;padding-top: 31.3%;}
.header-19 {background: url(../../images/junlan/topbar3.jpg) center 0;background-size: 100%;}
.header-20 {background: url(../../images/junlan/topbar2.jpg) center 0;background-size: 100%;}
.header .mainbox {position: absolute;top: 15px;left: 0;width: 100%;z-index:10;}
.nav-lay {width: 90%;max-width: 1200px;margin: 0 auto;display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;font-weight: 400;padding: 0 20px;}
.nav-lay .navbox {display: flex;flex-direction: row;align-items: center;}
.navbox .nav-menu-smaill {display:none;}
.navbox .nav-list {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;font-size: 2.5vw;padding-left:60px;}
.nav-list a.nav-menu {display:block;color:#fff;font-size: 18px;padding-right: 40px;cursor: pointer;font-weight:700;}
.nav-list a.nav-menu.active {background: linear-gradient(to bottom, #fff, #ffcd43);-webkit-background-clip: text;color: transparent;}
.nav-lay .contact {font-size: 28px;}
.nav-lay .contact .fa {font-weight: 700;}
.nav-lay .logo img {height:10vw;max-height:50px;}
.nav-list a.nav-index {display:none;}

/* footer */
.footer {margin-top: 50px;padding:20px 0;text-align: center;}
.footer .row {margin:0;}
.footer p {line-height:25px;}
.footer p a {color:#212529;}

/* 服务项目 */
.fwxm-lay {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-around;}
.fwxm-lay a.item {width: 190px;text-align: center;margin: 0 15px 0 15px;display: block;color: #2b2b2b;text-decoration: none;}
.fwxm-lay .item li {display: inline-block;width: 100%;overflow: hidden;position: relative;height: 300px;}

/* 服务项目 画圆 */
.fwxm-lay li .circle {border: 6px solid #e98f24;border-radius: 50%;width: 160px;padding-top: calc(160px - 12px);position: absolute;left: 50%;transform: translate(-50%, 0);-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.fwxm-lay li .le {clip: rect(0px, 160px, -10px, 80px);}
.fwxm-lay li .ri {clip: rect(160px, 80px, 160px, 0px);}
.fwxm-lay li.active .le {clip: rect(0px, 160px, 160px, 80px);}
.fwxm-lay li.active .ri {clip: rect(0px, 80px, 160px, 0px);}
.fwxm-lay li.active:hover .le {clip: rect(0px, 160px, -10px, 80px);}
.fwxm-lay li.active:hover .ri {clip: rect(160px, 80px, 160px, 0px);}

/* 服务项目 内容  */
.fwxm-lay .item .icon {position: relative;width: 70px;height: 70px;display: inline-block;margin-top: 42px;z-index: 2;}
.fwxm-lay .item .text {position: relative;font-size: 18px;padding-top: 60px;z-index: 2;}
.fwxm-lay .item .desc {background: #e98f24;width: 100%;height: 300px;padding: 220px 10px 10px 10px;position: absolute;top: 300px;color: White;font-family: Arial, "Simsun";font-size: 12px;line-height: 20px;text-align: center;z-index: 1;}
.fwxm-lay li:hover .desc {top: 0;-webkit-transition: all .3s ease-in-out .5s;-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s;}
.fwxm-lay li:hover .text {color: White;-webkit-transition-delay: .6s;-moz-transition-delay: .6s;-ms-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;}

.fwxm-lay li:hover .icon {-webkit-transition: all .5s ease-in-out .4s;-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s;}
.fwxm-lay li .icon {background: url(../../images/junlan/style.png) no-repeat 0 0;}
.fwxm-lay .item1 li .icon {background-position:0 0;}
.fwxm-lay .item1 li:hover .icon {background-position:-90px 0;}
.fwxm-lay .item2 li .icon {background-position:0 -90px;}
.fwxm-lay .item2 li:hover .icon {background-position:-90px -90px;}
.fwxm-lay .item3 li .icon {background-position:0 -180px;}
.fwxm-lay .item3 li:hover .icon {background-position:-90px -180px;}
.fwxm-lay .item4 li .icon {background-position:0 -270px;}
.fwxm-lay .item4 li:hover .icon {background-position:-90px -270px;}
.fwxm-lay .item5 li .icon {background-position:0 -360px;}
.fwxm-lay .item5 li:hover .icon {background-position:-90px -360px;}

/* 选择我们 */
.xzwm-lay {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.xzwm-lay ul.text-ul {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;max-width: 350px;width:30%;margin: 0;padding: 0;}
.xzwm-lay .img {max-width: 350px;width:30%;}
.xzwm-lay ul.text-ul li {margin-bottom: 40px;}
.xzwm-lay ul.text-ul li:last-child {margin-bottom: 0;}
.xzwm-lay ul.text-ul .tit {font-weight: 700;font-size: 17px;color: #2b2b2b;}
.xzwm-lay ul.text-ul .desc {font-size: 15px;color: #9e9e9e;}

/* 服务客户 */
.fwkh-lay {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.fwkh-lay li {width: 250px;box-sizing: border-box;background: #fff;box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff, inset 0 4px 20px 0 hsla(0, 0%, 100%, .5);border-radius: 8px;display: flex;align-items: center;justify-content: center;-webkit-font-smoothing: antialiased;transition: all .3s ease-in-out;margin: 0 10px 10px 5px;}
.fwkh-lay li:hover {box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .2), -8px -8px 20px 0 #fff;}
.fwkh-lay li>a {display:block;border:none;width:100%;text-align:center;padding:20px;}
.fwkh-lay li img {max-width: 100%;max-height: 50px;}
.section-fwal {background:rgb(36,41,51);color:white;margin-top:50px;}

/* 全屏页面 */
.full-screen {width:100%;height:100%;}
.screen-center {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

/* 全屏幻灯片 */
.full-slide {width: 100%;height: 100%;position: relative;overflow: hidden;}
.full-slide .full-slide-box {overflow-x: hidden;overflow-y: scroll;position: absolute;top: 0;bottom: 0;left: 0;right: -17px;z-index:2;}
.full-slide .slide-item {width: 100%;height: 100%;position: relative;}
.full-slide .screen-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
.screen-foot {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.5);text-align: center;color: #bbb;z-index: 5;padding: 10px;font-size: 15px;line-height:25px;}
.screen-foot a {color:#bbb;}
.full-slide .screen-bg .lay0 {position: relative;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;background: #000;}
.full-slide .screen-bg .bg {width: 100%;position: absolute;top:0;left:0;z-index:1;-webkit-filter:contrast(50%);filter:brightness(50%)}
.full-slide .ele {position:absolute;z-index:2;}

/* 信息服务 */
.xinxifuwu {background:url(../../images/junlan/screenbg/screen_22.jpg) 0 0;background-size:100%;background-repeat:repeat-y;padding-top:24vh;min-height:100vh;}
.xinxifuwu .container {padding:0;}
.xinxifuwu .footer {background:none;border-top:none;color:#fff;margin-top:0;}
.xinxifuwu .footer a {color:#fff;}
.xinxifuwu .h1 {font-size:35px;font-weight:700;color:#fff;text-align:center;padding-bottom:12vh;}
.xinxifuwu .desc {color:rgb(43,44,53);}

.xinxifuwu .itemlist {display:flex;flex-direction:row;align-items:flex-start;justify-content: space-around;width:100%;margin:0 auto;}
.xinxifuwu .item {border:2px solid #353740;position:relative;width:200px;height:244px;color:#fff;margin-bottom:12vh;}
.xinxifuwu .item .anmi-line {position: absolute;top:-2px;left:-2px;width:calc(100% + 4px);text-align:center;padding:20px;background: linear-gradient(#d2b570, #d2b570) left top, linear-gradient(#d2b570, #d2b570) left bottom,linear-gradient(#d2b570, #d2b570) right bottom, linear-gradient(#d2b570, #d2b570) right top;background-repeat: no-repeat;background-size: 2px 50px, 50px 2px;-webkit-animation: anim-line-out 0.5s 1 forwards;}
.xinxifuwu .item .anmi-line:hover {animation:anim-line-in 0.5s 1 forwards;-webkit-animation:anim-line-in 0.5s 1 forwards;}
@keyframes anim-line-in
{
    from {background-size: 2px 50px, 50px 2px;}
    to {background-size: 2px 100%, 100% 2px;}
}
@keyframes anim-line-out
{
    from {background-size: 2px 100%, 100% 2px;}
    to {background-size: 2px 50px, 50px 2px;}
}

.xinxifuwu .item .ico {width:80px;height:80px;margin:0 auto;background:url(../../images/junlan/xinxifuwu-ico.png) no-repeat;background-size:80px;}
.xinxifuwu .item:nth-child(1) .ico {background-position:0 0;}
.xinxifuwu .item:nth-child(2) .ico {background-position:0 -88px;}
.xinxifuwu .item:nth-child(3) .ico {background-position:0 -176px;}
.xinxifuwu .item:nth-child(4) .ico {background-position:0 -266px;}
.xinxifuwu .item .tit {color:#debf77;padding-top:10px;}
.xinxifuwu .item ul {text-align:left;padding-top:10px;width:100px;margin:0 auto;}
.xinxifuwu .item ul li {list-style-type : disc;color:#debf77;font-size:13px;line-height:20px;height:20px;}

/* 网络工程 */
.page-wlgc .slide-item .masking {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

.page-wlgc .slide-item:nth-child(1) .text {opacity:0;font-size: 3.5vw;font-weight:700;position: absolute;color: #fff;z-index: 1;text-shadow: 2px 2px 2px #2b2b2b;width:35vw;}
.page-wlgc .slide-item:nth-child(1).active .text {opacity:1;-webkit-transition: all 1s ease-in-out 0.1s;-moz-transition: all 1s ease-in-out 0.1s;-ms-transition: all 1s ease-in-out 0.1s;-o-transition: all 1s ease-in-out 0.1s;transition: all 1s ease-in-out 0.1s;}
.page-wlgc .slide-item:nth-child(1) .text1 {top: 35vh;right: 15vw;}
.page-wlgc .slide-item:nth-child(1) .text2 {top: 45vh;right: 15vw;font-size: 1.5vw;color:#fce7af;}
.page-wlgc .slide-item:nth-child(1).active .text1 {top:25vh;-webkit-transition: all 1s ease-in-out 1s;-moz-transition: all 0.1s ease-in-out 0.1s;-ms-transition: all 1s ease-in-out 0.1s;-o-transition: all 1s ease-in-out 0.1s;transition: all 1s ease-in-out 0.1s;}
.page-wlgc .slide-item:nth-child(1).active .text2 {top:37vh;-webkit-transition: all 1s ease-in-out 0.8s;-moz-transition: all 1s ease-in-out 0.8s;-ms-transition: all 1s ease-in-out 0.8s;-o-transition: all 1s ease-in-out 0.8s;transition: all 1s ease-in-out 0.8s;}

.page-wlgc .slide-item:nth-child(2) .items {position:absolute;top:30vh;left:10vw;width:80vw;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;z-index:2;color:#fff;}
.page-wlgc .slide-item:nth-child(2) .items .item {width:120px;}
.page-wlgc .slide-item:nth-child(2) .items .text {font-size:20px;text-align:center;margin-top:1.5vw;position:static;color:#fff;}
.page-wlgc .slide-item:nth-child(2) .items .ico {background:url(../../images/junlan/wangluogongcheng-ico.png) no-repeat;background-size:600px;width:100%;padding-top:100%;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(1) .ico {background-position:0 0;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(2) .ico {background-position:-120px 0;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(3) .ico {background-position:-240px 0;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(4) .ico {background-position:-360px 0;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(5) .ico {background-position:-480px 0;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(1):hover .ico{background-position:0 -120px;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(2):hover .ico{background-position:-120px -120px;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(3):hover .ico{background-position:-240px -120px;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(4):hover .ico{background-position:-360px -120px;}
.page-wlgc .slide-item:nth-child(2) .items .item:nth-child(5):hover .ico{background-position:-480px -120px;}
.page-wlgc .slide-item:nth-child(2) .items .item:hover .ico {-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.page-wlgc .slide-item:nth-child(2) .items .item:hover .text {color:#ec8105;}

/* 检测系统 */
.page-jcxt .screen-bg {background:none;}
.page-jcxt .screen-bg .bg {-webkit-filter:contrast(100%);filter:brightness(100%);width:100%;height:100%;}
.page-jcxt .slide-item .masking {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background:none;}

.page-jcxt .slide-item .arrow {position:relative;}
.page-jcxt .slide-item .arrow .ico {width:30px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%,0);background:url(../../images/junlan/arrow-bottom.png) center 0 no-repeat;background-size:30px;z-index:3;opacity:0.3;animation:arrow-bottom 1s infinite;-webkit-animation:arrow-bottom 1 infinite;-moz-animation: arrow-bottom 1s infinite;}
@-webkit-keyframes arrow-bottom {
    0% {
        top:0;
        opacity:0.3;
    }
    75% {
        top:30px;
        opacity:0;
    }
    100% {
        top:30px;
        opacity:0;
    }
}


.page-jcxt .slide-item.page1 .ele1 {width:35vw;top:20vh;left:55vw;z-index:1;height:23.63vw;overflow:hidden;}
.page-jcxt .slide-item.page1 .ele1 .swipe-wrap center {height:23.63vw;}
.page-jcxt .slide-item.page1 .ele1 img {height:100%;}
.page-jcxt .slide-item.page1 .text {opacity:1;top: 24vh;left: 13vw;position: absolute;color: #fff;z-index: 1;width:30vw;}
.page-jcxt .slide-item.page1 .text1 {color:#2b2b2b;font-size:2.7rem;font-weight:700;padding-bottom:5vh;}
.page-jcxt .slide-item.page1 .text2 {color:#6d6d6d;font-size:1.2rem;line-height:2rem;padding-bottom:5vh;}

.page-jcxt .slide-item.page3 .ele1 {width:35vw;top:20vh;left:10vw;z-index:1;}
.page-jcxt .slide-item.page3 .ele1 img {width:100%}
.page-jcxt .slide-item.page3 .text {opacity:0;top: 30vh;right: 13vw;position: absolute;color: #fff;z-index: 1;width:30vw;}
.page-jcxt .slide-item.page3.active .text {opacity:1;top: 24vh;right: 13vw;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-ms-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.page-jcxt .slide-item.page3 .text1 {color:#2b2b2b;font-size:1.5rem;font-weight:700;padding-bottom:2vh;}
.page-jcxt .slide-item.page3 .text2 {color:#6d6d6d;font-size:1.2rem;line-height:2rem;padding-bottom:2vh;}

.page-jcxt .slide-item.page2 .items {position:absolute;top:15vh;left:0;width:100%;z-index:2;color:#2b2b2b;align-items:flex-start;}
.page-jcxt .slide-item.page2 .items .item {}
.page-jcxt .slide-item.page2 .items .itembox {position:relative;background:#fff;width:80%;margin:0 auto 5vh;padding:1.5vw 1vw 1vw 1vw;height:33vh;max-height:33vh;overflow:hidden;border:1px solid rgb(225,225,225);}
.page-jcxt .slide-item.page2 .items .item:nth-child(1) .itembox {border-top:4px solid #fa8653;}
.page-jcxt .slide-item.page2 .items .item:nth-child(2) .itembox {border-top:4px solid rgb(103,202,64);}
.page-jcxt .slide-item.page2 .items .item:nth-child(3) .itembox {border-top:4px solid #11c2e3;}
.page-jcxt .slide-item.page2 .items .item:nth-child(4) .itembox {border-top:4px solid #87ce18;}
.page-jcxt .slide-item.page2 .items .item:nth-child(5) .itembox {border-top:4px solid #4e97f9;}
.page-jcxt .slide-item.page2 .items .item:nth-child(6) .itembox {border-top:4px solid #fbb40e;}

.page-jcxt .slide-item.page2 .items .tit {font-size:1.5rem;font-weight:700;text-align:center;padding-bottom:1vw;}
.page-jcxt .slide-item.page2 .items .desc {font-size:1rem;color:#6d6d6d;}

/* 产品 */
.imagelist-lay {width: 100%;padding-bottom:50px;background:#fff;}
.imagelist-lay .imagelist {position:relative;width:100%;}
.imagelist-lay .left-nav {width:210px;position:absolute;top:0;left:0;z-index:2;}
.imagelist-lay .left-nav h1 {display: block;font-size: 25px;line-height: 25px;font-family: "Microsoft Yahei";color: #7c7c7c;text-align: center;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding: 10px 0;}
.imagelist-lay .left-nav .content {background: #fafafc;}
.imagelist-lay .left-nav .content li {display: block;padding: 10px;border: 1px solid #fafafc;border-left: 2px solid #fafafc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;}
.imagelist-lay .left-nav .content li a {display:block;font: normal 14px/25px "Misrosoft Yahei";text-decoration: none;cursor:pointer;color: #3c3c3e;width:33000px;}
.imagelist-lay .left-nav .content li .name,.imagelist-lay .left-nav .content li .name2 {float:left;width:auto;display: block;height: 25px;}
.imagelist-lay .left-nav .content li.hov a, .imagelist-lay .left-nav .content li a:hover {color: #114fa4;}
.imagelist-lay .left-nav .content li.hov {border: 1px solid #f4f4f4;background: #fff;border-left: 2px solid #114fa4;border-right: 1px solid #fff;}

.imagelist-lay .col-auto {padding:0;padding-left:210px;width:100%;max-width:1170px;font-size: 14px;line-height: 25px;min-height:600px;}
.imagelist-lay .col-auto .title {font-size: 25px;padding: 10px 0;border-bottom: 1px dotted #ccc;margin-bottom: 15px;font-family: "Microsoft Yahei";}
.imagelist-lay .col-auto .content p {margin-bottom: 15px;color: #6f6f6f;text-indent: 2em;}
.imagelist-lay .col-auto .content li {color: #6f6f6f;}
.imagelist-lay .col-auto .content table td {padding: 5px;line-height: 24px;}
.imagelist-lay .imglist {display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;padding:10px;}
.imagelist-lay .imglist .imgbox {width:25%;position:relative;padding-left:1%;padding-right:1%;}
.imagelist-lay .imgbox .img {width:100%;position:relative;padding-top:100%;overflow:hidden;border:1px solid #f5f5f5;}
.imagelist-lay .imgbox .img img {width:90%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.imagelist-lay .imgbox .tit {font-size:14px;height:50px;overflow-y:hidden;text-align:center;padding:5px 0;line-height:20px;margin-top:10px;}

/* 新闻 */
.news-lay {display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;}
.news-lay .newsbox {width:39%;padding:10px;font-size:1rem;line-height:1.8rem;}
.news-lay .news-dizhi {width:20%;}
.news-lay .newsbox li {font-size:1rem;list-style-type:disc;line-height:2rem;overflow:hidden;width:100%;white-space: nowrap;text-overflow: ellipsis;}
.news-lay .tit {border-left:5px solid #e98f24;padding-left:15px;font-size:1.1rem;font-family:"Microsoft Yahei";margin-bottom:15px;color:#e98f24;}
.news-lay .newsbox li a {color:#2b2b2b;}
.news-lay .newsbox li a:hover {color:#e98f24;}
.news-lay .newsbox .contact {margin-bottom:20px;}

.path {margin:5px 0 10px;border-bottom:1px dotted #ccc;line-height:30px;}
.cntMain {padding:5px 20px 10px;border:1px solid #ccc;border-top:2px solid #ccc;margin-top:15px;}
.cntMain h1 {font-size:24px;line-height:1.5em;text-align:center;}
.cntMain .info {margin:0;text-align:center;padding:5px 0 10px;border-bottom:1px solid #ccc;color:#999;}
.cntMain .summary, .cntMain .content {font-size:14px;line-height:1.8em;}
.cntMain .summary {border:1px solid #ccc;background: #fff;color:#666;padding:10px;margin-top:20px;}
.cntMain .content {color:#2b2b2b;}
.cntMain .content p{margin-top:20px;line-height:1.8em;text-indent:2em;}
.cntMain .content p a {color:#0000cc}
.cntMain .content h3{margin-top:20px;line-height:1.8em;text-indent:2em;font-size:12px;}
.cntMain .content img {border:1px solid #ccc;padding:1px;margin:0 auto;}
.cntMain .content table {margin:0 auto;}
.cntMain .content table tr td {padding:5px;border:1px solid #999;background:#FFF;}
.cntMain .content table p {margin:0;padding:0;line-height:1.8em;text-indent:0;}
.cntMain .content .editor {text-align:right;color:#999;}

.news-list .cntMain {margin-top:0;}
.artlist li {line-height:24px;font-size:14px;}
.artlist li .date{float:right;}
.artlist .hr{line-height:1px;border-bottom:1px dashed #ccc; margin:5px 0; font-size:0;}
.artlist .srhdate {margin:20px;text-align:center;font:normal 14px "Microsoft Yahei";}
.artlist .srhdate select {margin-left:12px;}
.artlist .srhdate .input-text {padding:5px;border:1px solid #ccc;}
.artlistS li {line-height:26px;font-size:14px;padding-left:10px;}

.colS,.colM, .colL,.colR, .colB, .colC {float:left;}
.colS {width:210px;}
.colM {width:430px;}
.colL {width:650px;background:#F5F8FD;}
.colR {width:300px;}
.colB {width:740px;}
.colC {width:520px;}
.corl_cntMain {padding:10px 10px 0;}
.art_tle{ font-size:14px;font-weight:bold; line-height:30px; }
.col_tle{clear:both; overflow:hidden; *zoom:1;font-size:14px; border-bottom:1px dashed #ccc; line-height:25px;}
.col_tle em, .col_tle span {display:block;}
.col_tle em {float:left;font-weight:bold;}
.col_tle span {float:right;font-size:12px;}

.box {border:1px solid #ccc;}
.box h3 {background:#ccc;line-height:28px;padding:0 10px;border-bottom:1px solid #ccc;}
.boxT {font-size:14px;font-weight:bold;color:#4d4d4d;}


@media screen and (max-width: 1200px) {
    .nav-lay .logo img {height:10vw;max-height:2rem;}
    .imagelist-lay .imgbox .tit {font-size:13px;margin-top:1vw;}

    .full-slide .screen-bg .bg {width:auto;min-width:100%;height:100%;left:50%;transform:translate(-50%, 0);}

    .page-wlgc .slide-item:nth-child(1) .text {font-size: 2.5rem;width:80vw;}
    .page-wlgc .slide-item:nth-child(1) .text2 {font-size: 1.4rem;}
    .page-wlgc .slide-item:nth-child(2) .items .text {font-size:1rem;}
    .page-wlgc .slide-item:nth-child(2) .items .item {width:13vw;}
    .page-wlgc .slide-item:nth-child(2) .items .ico {background-size:500%;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(1) .ico {background-position:0 0;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(2) .ico {background-position:25% 0;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(3) .ico {background-position:50% 0;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(4) .ico {background-position:75% 0;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(5) .ico {background-position:100% 0;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(1):hover .ico{background-position:0 100%;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(2):hover .ico{background-position:25% 100%;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(3):hover .ico{background-position:50% 100%;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(4):hover .ico{background-position:75% 100%;}
    .page-wlgc .slide-item:nth-child(2) .items .item:nth-child(5):hover .ico{background-position:100% 100%;}

    .page-jcxt .full-slide-box {padding-top:15vh;right:0;}
    .page-jcxt .slide-item .arrow{display:none;}
    .page-jcxt .slide-item,
    .page-jcxt .slide-item.page1 .ele,
    .page-jcxt .slide-item.page1 .ele1,
    .page-jcxt .slide-item.page1 .ele1 img,
    .page-jcxt .slide-item.page1 .text,
    .page-jcxt .slide-item.page2 .items,
    .page-jcxt .slide-item.page2 .items .itembox,
    .page-jcxt .slide-item.page3 .ele1,
    .page-jcxt .slide-item.page3 .ele1 img,
    .page-jcxt .slide-item.page3 .text,
    .page-jcxt .screen-foot,
    .page-jcxt .slide-item .item
    {position:static;width:100%;height:auto;}
    .page-jcxt .slide-item.page1 .ele1 {width:70%;margin:0 auto;text-align:center;}
    .page-jcxt .slide-item.page1 .text {width:80vw;margin:0 auto;padding-top:5vw;}
    .page-jcxt .slide-item.page1 .text1 {font-size:1.8rem;}
    .page-jcxt .slide-item.page2 .items {margin:0 auto;}
    .page-jcxt .slide-item.page3 .ele1 {width:90%;margin:0 auto;text-align:center;}
    .page-jcxt .slide-item.page3 .text {opacity:1;width:90%;margin:0 auto;}
    .page-jcxt .slide-item.page3 .text1 {color:#2b2b2b;font-size:1.5rem;font-weight:700;padding-bottom:2vh;}
    .page-jcxt .slide-item.page3 .text2 {color:#6d6d6d;font-size:1.2rem;line-height:2rem;padding-bottom:2vh;}
}

@media screen and (max-width: 900px) {
    .imagelist-lay .imglist .imgbox {width:33.33%;}
    .xinxifuwu .itemlist {display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content: space-around;width:520px;}
}
@media screen and (max-width: 750px) {
    .imagelist-lay .imglist .imgbox {width:50%;}
}
@media screen and (max-width: 600px) {
    .imagelist-lay .imglist .imgbox {width:33.33%;}
    .imagelist-lay .left-nav h1 {font-size:16px;}
    .imagelist-lay .left-nav {width:120px;}
    .imagelist-lay .col-auto {padding-left:120px;}
}

@media screen and (max-width: 520px) {
    .imagelist-lay .imglist .imgbox {width:50%;}
    .imagelist-lay .left-nav h1 {font-size:16px;}
    .imagelist-lay .left-nav {width:120px;}
    .imagelist-lay .col-auto {padding-left:120px;}

    .xinxifuwu .itemlist {display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content: space-around;width:250px;}
}

@media screen and (max-width: 350px) {
    .imagelist-lay .imglist .imgbox {width:100%;}
    .imagelist-lay .left-nav h1 {font-size:15px;}
    .imagelist-lay .left-nav {width:120px;}
    .imagelist-lay .col-auto {padding-left:120px;}
}

@media screen and (min-width: 650px) and (max-width: 1000px) {
    .rightMenu {display: none;}
    .header .mainbox {top: 2vw;}
    .navbox a.nav-list {padding-left:4vw;}
    .nav-lay .contact {font-size: 3vw;}
    .nav-list a.nav-index {display:none;}
    .nav-list a.nav-menu {width:calc(3vw + 50px);padding-right:3vw;}
    .header {background-size: 154%;padding-top: 48%;background-position:center 0;}


    .xzwm-lay .img {width:25%;}
    .xzwm-lay ul.text-ul {width: 35%;margin-bottom: 5vw;padding-bottom:0;}
    .section-fwal {background:rgb(36,41,51);color:white;margin-top:0;}


    .fwxm-lay {display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;justify-content: space-around;}
    .fwxm-lay {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-around;width: 100%;overflow: hidden;}
    .fwxm-lay a.item {width: 100px;text-align: left;margin: 0 10px;}
    .fwxm-lay a.item li {height: 220px;overflow: visible;}
    .fwxm-lay li .circle {width: 100px;padding-top: calc(100px - 12px);}
    .fwxm-lay li .le {clip: rect(0px, 100px, -10px, 50px);}
    .fwxm-lay li.active:hover .le {clip: rect(0px, 100px, -10px, 50px);}
    .fwxm-lay li .ri {clip: rect(100px, 50px, 100px, 0px);}
    .fwxm-lay li.active .le {clip: rect(0px, 100px, 100px, 50px);}
    .fwxm-lay li.active .ri {clip: rect(0px, 50px, 100px, 0px);}
    .fwxm-lay li .icon {margin-left: 45px;}
    .fwxm-lay a.item .text {position: absolute;color: #2b2b2b;padding-top: 35px;width: 100%;text-align: center;}
    .fwxm-lay a.item .desc {height: 220px;padding: 155px 6px 6px 6px;width: calc(100% + 20px);overflow:hidden;}
    .fwxm-lay li:hover .desc {top: -10px;left: -10px;-webkit-transition: all .3s ease-in-out .5s;-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s;}
    .fwxm-lay li:hover .text {color: White;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-ms-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s;}
    .fwxm-lay .item li .icon {width: 44px;height: 44px;margin: 28px 0 0 28px;background: url(../../images/junlan/style.png) no-repeat 0 0;background-size: 100.5px;}
    .fwxm-lay .item1 li .icon {background-position: 0 0;}
    .fwxm-lay .item1 li:hover .icon {background-position:-56.5px 0;}
    .fwxm-lay .item2 li .icon {background-position: 0 -56.5px;}
    .fwxm-lay .item2 li:hover .icon {background-position: -56.5px -56.5px;}
    .fwxm-lay .item3 li .icon {background-position: 0 -113px;}
    .fwxm-lay .item3 li:hover .icon {background-position: -56.5px -113px;}
    .fwxm-lay .item4 li .icon {background-position: 0 -169.5px;}
    .fwxm-lay .item4 li:hover .icon {background-position: -56.5px -169.5px;}
    .fwxm-lay .item5 li .icon {background-position: 0 -226px;}
    .fwxm-lay .item5 li:hover .icon {background-position: -56.5px -226px;}
}


@media screen and (max-width: 650px) {
    .rightMenu {display: none;}
    .header .mainbox {top: 2vw;}
    .nav-lay .contact {font-size: 1.2rem;}
    .header .nav-list-out {display: none;}
    .navbox .nav-menu-smaill {display:block;font-size: 1rem;padding-left:4vw;}
    .header .nav-list-out {position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:20;}
    .header .nav-list {position:absolute;top:0;right:0;width:10rem;background:rgba(0,0,0,0.5);z-index:21;height:100vh;flex-direction:column;padding:10vh 2vw 0 2vw;}
    .nav-list a.nav-menu {padding-right:0;padding-bottom:5vw;}
    .nav-list a.nav-index {display:block;}
    .header {background-size: 154%;padding-top: 48%;background-position:center 0;}
    .container {padding-top: 8vw;}
    .container .secname {padding-bottom: 8vw;}
    .container .secname span {font-size: 5vw;}
    .container.pt0 {padding-top: 10vw;}

    .xzwm-lay {display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
    .xzwm-lay .img {display:none;}
    .xzwm-lay ul.text-ul {width: 100%;max-width:650px;margin-bottom:0;}
    .xzwm-lay ul.text-ul li:last-child {margin-bottom:40px;}
    .fwkh-lay li {width: 45%;}
    .section-fwal {background:rgb(36,41,51);color:white;margin-top:0;}

    .fwxm-lay {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width: 100%;overflow: hidden;}
    .fwxm-lay a.item {width: calc(100% - 30px);text-align: left;margin: 10px 15px;}
    .fwxm-lay a.item li {overflow: visible;height: 100px;}
    .fwxm-lay li .circle {left: 0;transform: translate(0, 0);width: 100px;padding-top: calc(100px - 12px);}
    .fwxm-lay li .le {clip: rect(0px, 100px, -10px, 50px);}
    .fwxm-lay li.active:hover .le {clip: rect(0px, 100px, 100px, 50px);}
    .fwxm-lay li .ri {clip: rect(100px, 50px, 100px, 0px);}
    .fwxm-lay li.active:hover .ri {clip: rect(0px, 50px, 100px, 0px);}
    .fwxm-lay li.active .le {clip: rect(0px, 100px, 100px, 50px);}
    .fwxm-lay li.active .ri {clip: rect(0px, 50px, 100px, 0px);}

    .fwxm-lay a.item .text {position: absolute;left: 130px;top: -5px;padding-top: 10px;color: #2b2b2b;text-align: left;}
    .fwxm-lay a.item .desc {position: absolute;left: -15px;top: -20px;height: 120px;width: calc(100% + 30px);padding-top: 55px;padding-left: 145px;color: #2b2b2b;background: none;text-align: left;border-radius: 10px;}
    .fwxm-lay li:hover a.text {top: 0px;color: #2b2b2b;}
    .fwxm-lay li:hover a.desc {top: -10px;left: -15px;}

    .fwxm-lay .item .icon {width: 44px;height: 44px;margin: 28px 0 0 28px;background: url(../../images/junlan/style.png) no-repeat 0 0;background-size: 100.5px;}
    .fwxm-lay .item1 li .icon {background-position:0 0;}
    .fwxm-lay .item1 li:hover .icon {background-position:0 0;}
    .fwxm-lay .item2 li .icon {background-position: 0 -56.5px;}
    .fwxm-lay .item2 li:hover .icon {background-position: 0 -56.5px;}
    .fwxm-lay .item3 li .icon {background-position: 0 -113px;}
    .fwxm-lay .item3 li:hover .icon {background-position: 0 -113px;}
    .fwxm-lay .item4 li .icon {background-position: 0 -169.5px;}
    .fwxm-lay .item4 li:hover .icon {background-position: 0 -169.5px;}
    .fwxm-lay .item5 li .icon {background-position: 0 -226px;}
    .fwxm-lay .item5 li:hover .icon {background-position: 0 -226px;}

    .news-lay {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;}
    .news-lay .newsbox {width:100%;padding:10px;font-size:1rem;line-height:1.8rem;}
    .news-lay .newsbox li {font-size:1rem;list-style-type:disc;line-height:2rem;overflow:hidden;width:100%;white-space: nowrap;text-overflow: ellipsis;}
    .news-lay .tit {border-left:5px solid #e98f24;padding-left:15px;font-size:1.1rem;font-family:"Microsoft Yahei";margin-bottom:15px;color:#e98f24;}
    .news-lay .newsbox li a {color:#2b2b2b;}
    .news-lay .newsbox li a:hover {color:#e98f24;}
    .news-lay .newsbox .contact {margin-bottom:0;}

    .cntMain {margin-top:0;}
}