

.content {padding:70px 0;position: relative;min-height: 300px;}
.content .wrapper{max-width: 1540px;}
.content img{max-width: 100%;}
.sub-banner {height:240px;margin-top: 120px;}

.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 320px); float: right;}
.inner_cont  img{max-width: 100%;}
.inner_left{width: 270px; float: left;}

@media only screen and (max-width:920px) {
.sub-banner {margin-top: 0;}
}

@media only screen and (max-width:768px) {
.sub-banner {height: 150px;}
}

.jtinnertit h3{ text-align: center;font-size: 30px; line-height: 50px; font-weight: bold;}

@media only screen and (max-width:920px) {
.jtinnertit h3{font-size:18px;}  
}
@media only screen and (max-width: 768px) {
.innertit h3{font-size: 14px;}  
}

.breadcrumb{margin-top: 60px;color: #fff; font-size: 16px;height: 30px; line-height: 30px; overflow: hidden;padding-left: 25px;
  background: url(../images/inco01.png) left 8px no-repeat;
}
.breadcrumb a{color: #fff;}
.breadcrumb a:last-child {}

.mar-top-80{margin-top:80px;}

@media only screen and (max-width: 920px) {
.breadcrumb{margin-top:0;}
}
@media only screen and (max-width: 768px) {
.breadcrumb{font-size: 12px;}
}


/* ==========================================================================
   Sidebar
   ========================================================================== */
.siderbar {border:1px solid #d6dae2;padding:20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.siderbar .title{color: #041d50;border-bottom: 2px solid #677289; height: 50px;padding:0 20px; position: relative;}
.siderbar .title h3{font-size: 18px; line-height: 50px; }
.siderbar .title .btn_jt{display: block; height:50px;width: 50px; cursor: pointer; position: absolute; top: 25px; right: 0; text-align: center; line-height: 40px; display: none;}
.siderbar .title .inco01{ height:50px;width: 50px; display: block; background: url(../images/inco14.png) center no-repeat;}
.siderbar .title .cur .inco01{ height:50px;width: 50px; display: block; background: url(../images/inco13.png) center no-repeat;}

.siderbar .sunnav{background: #fff; }
.siderbar .sunnav li{font: 300 16px/50px microsoft yahei; border-top: 1px solid #ebeef5; text-indent:20px; position: relative;}
.siderbar .sunnav li a{width: 100%; display: block; height:50px;color: #041d50;}
.siderbar .sunnav li a:hover {color: #ed1c24;}
.siderbar .sunnav li.active a{color: #ed1c24; font-weight: bold;}

@media only screen and (max-width:920px) {
.inner_left {float:none; width: 100%;margin-top: 0px; display: none;} 
.inner_cont {width: 100% ; float: none;}
.siderbar .sunnav{display: none;}
.siderbar .title{padding:0 20px; background: #041e53;color: #fff;border-bottom: 0;}
.siderbar .title .btn_jt{ top:0; display: block;}
.siderbar{position: relative;margin-top:0;padding:0;border:0;}
.siderbar .title h3{font-size: 14px;}
.siderbar .sunnav li{font-size: 14px;}
}



/* ==========================================================================
   about
   ========================================================================== */

.about-tit{text-align: center; margin-bottom:60px; height: 70px; background:url(../images/zgwdz_pic10.jpg) center bottom no-repeat;}
.about-tit h3{font-size: 34px; line-height: 40px; font-weight: normal;}
.about-tit .txten{text-transform:Uppercase; line-height: 24px;font-weight: bold;margin-top: 10px;}

.history .row01{font-size: 28px; width: 280px;height: 60px; text-align: center; line-height: 60px; background: #91007b;color: #fff;
  margin:0 auto;
  -webkit-border-radius:60px;
  -moz-border-radius:60px;
  -ms-border-radius:60px;
  -o-border-radius:60px;
  border-radius:60px;
}

.history-ul{ padding-top: 60px;margin-top: 40px; background:url(../images/inco05.png) center top no-repeat;position: relative; }
.history-ul:before {
content: "";display: block; top:35px; left:50%;margin-left: -1px; position: absolute;width: 3px;height: 100%;
background:#91007b url(../images/line02.png) center bottom no-repeat;
}

.history-ul li .date{width: calc(50% - 50px);}
.history-ul li .date em{
  font-size: 28px; width: 180px;height: 60px; text-align: center; line-height: 60px; background: #91007b;color: #fff;
  -webkit-border-radius:60px; display: inline-block;
  -moz-border-radius:60px;
  -ms-border-radius:60px;
  -o-border-radius:60px;
  border-radius:60px;
}

.history-ul li{position: relative;margin-bottom: 50px; font-size: 16px;}
.history-ul li:nth-child(2n) .date{float: left; text-align: right;}
.history-ul li:nth-child(2n+1) .date{ float: right;text-align: left;}
.history-ul li .row{width: calc(50% - 60px);}
.history-ul li .row .txtarea{width: 450px;}
.history-ul li .row img{max-width: 170px;}
.history-ul li:nth-child(2n) .row{float: right;}
.history-ul li:nth-child(2n+1) .row{ float: left;}
.history-ul li:nth-child(2n) .row img{float: left; margin-right: 20px;}
.history-ul li:nth-child(2n+1) .row img{float: right; margin-left: 20px;}
.history-ul li:nth-child(2n+1) .row .txtarea{float: right; text-align: right;}


.history-ul li .date:before{content: "";display: block; top:18px;position: absolute; width:50px;height:23px;}
.history-ul li:nth-child(2n) .date:before{ left:50%;margin-left: -10px; background: url(../images/inco07.png) center bottom no-repeat; }
.history-ul li:nth-child(2n+1) .date:before{ left:50%;margin-left: -40px; background: url(../images/inco06.png) center bottom no-repeat; }

.culture .left{width: calc(100% - 600px); float: left; overflow: hidden;}

.culture .left .row01{color: #91007b;max-width: 560px; font-size: 22px; height: 48px; line-height: 24px; border-left: 5px solid #91007b; margin-bottom: 40px; padding-left: 20px;}
.culture .left .row01 em{font-size: 40px; float: left; line-height: 48px; font-weight: bold;margin-right:20px;}
.culture .left .row02{padding:40px;height: 400px; background: url(../images/zgwdz_pic15.jpg) center no-repeat;background-size: cover; }
.culture .left .row02 h3{font-size: 24px; font-weight: normal;margin-bottom:10px;}
.culture .left li{height: 40px; font-size: 14px; line-height: 40px; background: #fff; margin-top: 20px;border:1px solid #d4edf8;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
.culture .left li em{ width: 180px;float: left; height: 40px;margin-right: 20px; text-align: center; line-height: 40px; background: #91007b;color: #fff; display: inline-block;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  -ms-border-radius:40px;
  -o-border-radius:40px;
  border-radius:40px; 
}

.culture .right{width: 560px; float: right; overflow: hidden;font-size: 16px;}
.culture .right .row{padding:40px;background: url(../images/zgwdz_pic15.jpg) center no-repeat;background-size: cover; }
.culture .right .row h3{font-size: 24px; font-weight: normal;margin-bottom:10px;}
.culture .right .row01{margin-bottom: 20px;height: 140px;}
.culture .right .row02{margin-bottom: 15px; height: 200px;}
.culture .right .row03{color: #0b56a7;font-size: 24px;position: relative; font-weight: bold; padding-right:80px;text-transform:Uppercase; text-align: right;}
.culture .right .row03:before{content: "";display: block; top:-45px; right:10px; position: absolute; width:73px;height:75px;
background: url(../images/inco08.png) top center no-repeat;}

@media only screen and (max-width:1366px) {
.culture .left{width: calc(100% - 530px);}
.culture .right{width: 500px;font-size: 14px;}
}

@media only screen and (max-width:1200px) {
.culture .left li{font-size: 12px;}
.culture .left{width: calc(100% - 420px); }
.culture .right{width: 400px;font-size: 14px;}
.culture .left li em { width: 140px;margin-right: 10px;}
.culture .right .row03{font-size: 18px;}
.culture .left .row01{font-size: 18px;}
}

@media only screen and (max-width:920px) {
.history-ul li .row .txtarea{width: 350px; line-height: 18px;}
.history-ul li{font-size: 14px;}
.history-ul li .row img{max-width: 120px;}
.history-ul li .date em {font-size: 18px;width: 120px;height: 40px;line-height: 40px;}
.history-ul li .date:before{top: 10px;}
.culture .left{width: calc(100% - 280px); }
.culture .right{width:270px;font-size: 12px;}
.culture .left .row02{padding:40px 20px;height: 360px;}
.culture .right .row{padding:20px;}
.culture .left li{margin-top: 10px;}
}

@media only screen and (max-width: 768px) {
.about-tit{margin-bottom: 20px;height: 60px;}
.about-tit h3 {font-size: 24px;line-height: 40px;}
.about-tit .txten{margin-top: 0;}
.mar-top-80{margin-top: 20px;}
.history .row01 {font-size: 18px;width: 180px;height: 40px;line-height: 40px;margin:0;}
.history-ul{background-position: left top;background-size: auto 30px;}
.history-ul li .row{width: calc(100% - 60px);float: none;margin-left: 60px;}
.history-ul li .date { width: calc(100% - 60px);float: none;margin-left: 60px;}
.history-ul li .row .txtarea{width: 100%;}
.history-ul:before {left:13px; margin-left: 0;top: 25px;}
.history-ul li:nth-child(2n+1) .date,.history-ul li:nth-child(2n) .date{float: none;text-align: left;}
.history-ul li:nth-child(2n+1) .row,.history-ul li:nth-child(2n) .row{float: none;margin-top: 20px;}
.history-ul li:nth-child(2n+1) .row img { float: left; margin-right: 20px;margin-left: 0;}
.history-ul li:nth-child(2n+1) .row .txtarea{text-align: left;}
.history-ul li:nth-child(2n+1) .date:before,.history-ul li:nth-child(2n) .date:before { left:2px; top:3px; margin-left: 0; background: url(../images/inco07.png) center bottom no-repeat;}
.history-ul li .row img{max-width: 100px;}
.history-ul li{font-size: 12px;margin-bottom: 30px;}
.history-ul li .date em {    font-size: 16px;    width: 100px;    height: 30px;    line-height: 30px;}

.culture .left { width:100%;float: none;}
.culture .right {width:100%;float: none;margin-top: 20px;}
.culture .right .row01,.culture .right .row02{height: auto;}
.culture .right .row02{padding-bottom:50px;}
.culture .left .row02 h3,.culture .right .row h3{font-size: 16px; font-weight: bold;}
.culture .left .row01{font-size: 14px; line-height:18px; height: 36px;padding-left: 15px;margin-bottom:20px;}
.culture .left .row01 em { font-size:24px;line-height:36px;margin-right:15px;}
.culture .left .row02{height: auto;padding:20px;}
.culture .left li em{float: none; display: block;}
.culture .left li{height: auto;line-height:18px;padding:20px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
}
.culture .left li em{float: none;text-align: left; line-height: 18px;height:30px;background: #fff;color: #91007b;font-weight: bold; font-size: 14px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0; 
}
.culture .left ul{margin-top:20px;}
.culture .right .row03{font-size: 14px;}
}

.about-tit02{background: url(../images/zgwdz_pic16.jpg) center bottom no-repeat;}
.sycs_part{position:relative;overflow: hidden;}
.sycs_part .left,.sycs_part .right{width: 368px; height: 530px; overflow: hidden;}
.sycs_part .left img,.sycs_part .right img{width: 368px; height: 260px;margin-bottom: 10px;}
.sycs_part .left{position: absolute; left: 0; bottom: 0;}
.sycs_part .right{position: absolute; right: 0; bottom: 0;}
.sycs_part .sycs_con{width: calc(100% - 856px); position:relative; height: 490px; background: #eaeff4; padding:40px 40px 0 40px; margin:0 auto; }
.sycs_part .sycs_con ul{background: url(../images/line03.png) center bottom no-repeat;padding-bottom:70px;margin-top: 30px;}
.sycs_part .sycs_con ul li{width: 25%;float: left; height: 160px; overflow: hidden; color: #91007b; text-align: center;}
.sycs_part .sycs_con ul li h3{font-weight: normal;}
.sycs_part .sycs_con ul li h3 em{font-weight: bold;font-size: 60px;}
.sycs_part .sycs_con ul li p{font-weight: bold;font-size: 24px;}
.sycs_part .sycs_con ul li p span{display: block; line-height: 24px;}
.sycs_part .sycs_con .row02 img{width: 234px;position: absolute; bottom: 0;}
.sycs_part .sycs_con .row02 .txtarea{text-align: center;margin:80px 0 0 280px;font-size: 18px;}

.honor_box{padding:0 80px;}
#owl-honor .item{height: 400px; line-height: 400px; text-align: center;}
#owl-honor .item img{max-width: 90%; max-height: 100%;display: inline-block!important;}
#owl-honor .owl-dots{height: 0px;overflow: hidden;}
#owl-honor .owl-prev,#owl-honor .owl-next{width:55px;top:35%; height:55px;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
#owl-honor .owl-prev{position: absolute;left:-80px; background:url(../images/arr01.png) left top no-repeat;}
#owl-honor .owl-next{position: absolute;right:-80px;background:url(../images/arr02.png) right top no-repeat;}


.careerspart{padding:80px 0;background:url(../images/zgwdz_pic26.jpg) center top no-repeat; background-size: cover; }
.careerspart .about-tit{background: url(../images/zgwdz_pic27.png) center bottom no-repeat; color: #fff;margin-bottom: 20px;}
.careerspart .desc{color: #fff;text-align: center;margin-bottom:40px;}

#owl-career .owl-dots{height: 0px;overflow: hidden;}
#owl-career .row{background: #fff;padding:40px;margin:10px;box-shadow: 0 1px 2px 1px rgba(0, 0, 0,0.1);}
#owl-career .row h3{font-size:24px;font-weight: normal; margin-bottom: 10px; width: 100%;height: 30px; line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#owl-career .row .ul .li{width: 50%;height: 30px; line-height: 30px; overflow: hidden; float: left;}
#owl-career .row .ul02{padding-top: 20px;margin-top: 20px; background: url(../images/line04.png) left top no-repeat;}
#owl-career .row .ul .li:nth-of-type(2){text-align: right;}
#owl-career .row a{color: #0b56a7;}
#owl-career .row .fa{margin-right: 5px;}
#owl-career .row .ul02 .li:nth-of-type(1){color: #999;}

@media only screen and (max-width:1366px) {
.sycs_part .sycs_con .row02 .txtarea {margin-top:60px;font-size: 16px;}
.sycs_part .sycs_con ul li h3 em{font-size: 48px;}
.sycs_part .sycs_con ul li p{font-size: 18px;}
.sycs_part .sycs_con ul{padding-bottom: 50px;}
}

@media only screen and (max-width:1200px) {
.sycs_part .left, .sycs_part .right {width:300px;height: 430px;}
.sycs_part .left img, .sycs_part .right img {width: 300px;height: 210px;}
.sycs_part .sycs_con {width: calc(100% - 700px);height:410px;padding-top:20px;}
.sycs_part .sycs_con ul{margin-top: 0;padding-bottom: 20px;}
.sycs_part .sycs_con ul li p{font-size: 16px;}
.sycs_part .sycs_con ul li {height: 140px;}
.sycs_part .sycs_con .row02 .txtarea{margin:80px 0 0 260px;font-size: 16px;}
#owl-honor .item{height: 300px; line-height: 300px;}
#owl-career .row{margin:5px;padding:30px;}
}

@media only screen and (max-width:920px) {
.sycs_part{padding-bottom:180px;}
.sycs_part .sycs_con {width: calc(100% - 80px); height: 360px}
.sycs_part .left,.sycs_part .right{width:50%; height: auto; overflow: hidden;}
.sycs_part .left img,.sycs_part .right img{width: 50%; float: left; height: auto;}
.sycs_part .sycs_con .row02 .txtarea{text-align: left;}
}

@media only screen and (max-width:768px) {
  .sycs_part .sycs_con .row02 img{width: 150px;}
  .sycs_part .sycs_con{padding:20px;width: calc(100% - 40px);height:200px;}
  .sycs_part .sycs_con .row02 .txtarea{margin-left: 170px;font-size: 12px;margin-top:30px;}
  .sycs_part .sycs_con ul li h3 em{font-size: 18px;}
  .sycs_part .sycs_con ul li p{font-size: 12px;font-weight: normal;}
  .sycs_part .sycs_con ul li p span{display: inline-block;}
  .sycs_part .sycs_con ul li{height: 60px;}
  .sycs_part{padding-bottom:100px;}
  #owl-honor .owl-prev,#owl-honor .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }
  #owl-honor .owl-dots{height: auto;overflow: hidden;}
  #owl-career .owl-dots{height: auto;overflow: hidden;}
  .careerspart{padding:30px 0;}
  #owl-career .row h3{font-size: 16px;}
  #owl-career .row{padding:20px;}
  #owl-career .row .ul02 {padding-top: 10px;margin-top: 10px;}
}

.row-contact{margin-top:60px; position: relative; overflow: hidden; overflow: hidden;}
.row-contact .map {width: 730px; height: 320px;margin:10px; overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.row-contact .map img{width: 100%;height: 100%;}
.row-contact .txtarea{width: calc(100% - 800px);overflow: hidden;}
.row-contact .txtarea h3{color: #91007b; font-size: 24px; font-weight: normal;margin:10px 0;}
.row-contact .txtarea .desc{margin-top:80px; font-size: 16px; line-height: 30px; padding-left: 30px;background: url(../images/inco01.png) left top no-repeat;}
.row-contact:nth-child(2n+1) .map {float: right;}
.row-contact:nth-child(2n) .map {float: left;}
.row-contact:nth-child(2n) .txtarea {float: right;}
.row-contact:nth-child(2n+1) .txtarea {float: left;}
.row-contact .warp{position: relative;z-index: 1;padding:0 50px 50px 50px;}
.row-contact:before {content: "";display: block; top:80px; left:0; position: absolute; width:100%;height:100%; background: #eaeff4;}




@media only screen and (max-width:1366px) {
.row-contact .map {width: 630px;}
.row-contact .txtarea{width: calc(100% - 700px);}
}

@media only screen and (max-width:1200px) {
.row-contact .txtarea .desc{ font-size: 14px; line-height: 24px;}
.row-contact .warp {padding: 0 20px 20px 20px;}
}

@media only screen and (max-width:920px) {
.row-contact{margin-top:30px;}
.row-contact .map {width: 400px;height: 220px;}
.row-contact .txtarea{width: calc(100% - 440px);}
.row-contact .txtarea h3{font-size: 18px;}
.row-contact:before{top: 50px;}
.row-contact .txtarea .desc{margin-top: 30px;}
}

@media only screen and (max-width:768px) {
.row-contact .map {width: 100%;height: auto; float: none;margin:0;}
.row-contact .txtarea{width:100%; float: none;margin-bottom: 20px;}
.row-contact .txtarea .desc{font-size: 12px;}
}


/* ==========================================================================
   news
   ========================================================================== */
.newslist02 li {position: relative;margin-bottom: 50px; border:1px solid #dae0e3;background:url(../images/zgwdz_pic33.jpg) right bottom repeat-y;}
.newslist02 li:last-child {margin-bottom: 0;}
.newslist02 li .pic{width:385px; height: 230px;float: left; overflow: hidden;}
.newslist02 li .pic img {width:100%;height: 100%; transition: transform 2s;}
.newslist02 li:hover .pic img{ transform: scale(1.1);}
.newslist02 li .date{}
.newslist02 li .txtarea{width: calc(100% - 650px); float: left;margin-left: 40px;padding-top: 50px;}
.newslist02 li .txtarea h3{width: 100%;height: 30px; line-height:30px; font-size: 18px;margin-top: 10px;font-weight: normal; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }

.newslist02 li .txtarea .desc{ line-height: 24px; height:48px;overflow: hidden;margin:20px 0 30px 0; color: #555;}
.newslist02 li .more{ width: 80px; height:230px; line-height: 230px; float: right; margin-right:50px; text-align: center; }
.newslist02 li .more a{font-size: 16px; color: #91007b; font-size:68px; }

@media only screen and (max-width:1366px) {
  .newslist02 li .txtarea h3{padding-top:20px;font-size:24px;}
  .newslist02 li .txtarea .more a{font-size: 14px;}
}
@media only screen and (max-width:920px) {
.newslist02 li .pic{width:320px; height: 210px;}
.newslist02 li .txtarea{width: calc(100% - 350px);}
.newslist02 li {padding-left:40px;margin-bottom: 50px;}
.newslist02 li .date{width:100px;height: 80px;padding-top: 20px; font-size:18px;}
.newslist02 li .txtarea h3{padding-top:0;font-size:16px;line-height: 24px;}
.newslist02 li .txtarea .more a{font-size: 12px;width: 120px; height:32px;line-height: 32px;}
}

@media only screen and (max-width:768px) {
.newslist02 li{padding:0;margin-bottom: 30px;}
.newslist02 li .date{display: none;}
.newslist02 li .txtarea .date02{display: block;}
.newslist02 li .pic{width: 100%; height: auto;float: none;margin-right:0;}
.newslist02 li .txtarea{width:100%; float: none;margin-top: 10px;}
.newslist02 li .txtarea .desc{margin:0 0 20px 0;}
.newslist02 li .txtarea .more{text-align: left;}
.newslist02 li .txtarea h3{font-size:14px;line-height: 18px;margin-bottom: 10px;}

}

.newsh{width:100%;position: relative;}
.newtitle {font-size: 20px; font-weight: bold;color: #041e53; text-align: center;}
.newsh_cn {padding:20px 0;}
.newsh .byline{height:50px;color:#999;line-height:50px;border-bottom:1px solid #e9e9e9; text-align: center;}
.newsh .byline span{margin-right:20px;display: inline-block;}
.newsh .byline .bdsharebuttonbox{display: inline-block;}
.newsh .byline .bdshare-button-style0-16:after {    display: inline-block;}
.newsh .byline .bdshare-button-style0-16 a, .newsh .byline .bdshare-button-style0-16 .bds_more {
    float: left;
    line-height: 50px;
    height: 50px;
    margin:0;
}
.newsh .byline a{color: #999;}

.toolbar{ border-top:1px solid #d8d8d8;text-align: center; padding-top:45px;}
.toolbar a{width: 160px; height:50px; font-weight: bold; text-align: center; line-height: 50px; display: inline-block; 
  background: #041e52;color: #fff; 
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
}
.toolbar a:hover{background: #082e79;}

@media only screen and (max-width:768px) {
.newtitle {font-size:14px; line-height: 24px;}
.toolbar{padding-top: 20px;}
.toolbar a{width: 120px; height:30px; font-weight: normal;line-height: 30px;}
}

/* ==========================================================================
   qul
   ========================================================================== */

.qulpart01{padding:80px 0;background:url(../images/zgwdz_pic35.jpg) center bottom no-repeat; background-size: cover;}
.qultit{text-align: center; margin-bottom:60px; height: 60px;}
.qultit h3{font-size: 32px; line-height: 40px; font-weight: normal;}
.qultit .txten{text-transform:Uppercase; line-height: 24px; margin-top: 7px;}
.qultit01{ background:url(../images/inco09.png) center bottom no-repeat;}
.qultit02{ background:url(../images/inco10.png) center bottom no-repeat; color: #fff;}
.qultit03{ background:url(../images/inco11.png) center bottom no-repeat;}
.qultit04{ background:url(../images/inco12.png) center bottom no-repeat;}
.qulpart01 .pic{text-align: center; margin-bottom: 50px;}
.qulpart01 .pic img{max-width: 100%;}

.qulpart02{padding:80px 0;background:url(../images/zgwdz_pic37.jpg) top center no-repeat; background-size: cover;}
.qulpart02 .wrapper{max-width: 1150px;}

.qulpart02 .txtms{ text-align: center; color: #fff; }
#owl-qul{margin: 50px 0;}
.lscpsm-row{max-width: 1000px; text-align: center;margin:0 auto; font-size: 18px;}
.qulpart03{padding:80px 0;background:url(../images/zgwdz_pic38.jpg) center top repeat-x;}
.zgwdztable table{border-top: 1px solid #dbe1e4; border-left: 1px solid #dbe1e4;font-size: 16px;}
.zgwdztable th,.zgwdztable td{border-right: 1px solid #dbe1e4; border-bottom: 1px solid #dbe1e4;padding:5px; text-align: center;}
.zgwdztable th{background: #eef1f2; font-weight: normal;padding:8px 5px;color: #000;}

@media only screen and (max-width:920px) {
.zgwdztable table{font-size: 12px;}
}

@media only screen and (max-width:768px) {
.zgwdztable table{width: 700px;}
.zgwdztable{width: 100%; overflow-x: auto;}
.qultit{margin-bottom: 30px;background-size: auto 35px; height: 50px; background-position: center;}
.qultit h3{font-size: 18px; line-height: 30px;}
.qultit .txten{font-size: 12px;margin-top: 0;}
.qulpart01 { padding:40px 0;}
.qulpart02,.qulpart03{padding:30px 0;}
#owl-qul { margin: 20px 0;}
}

/* ==========================================================================
   proinfo
   ========================================================================== */
.proinfopart01{padding:60px 0;}
.proinfopart01 .pic{width:200px; height:200px; line-height: 200px; overflow: hidden; float: right;}
.proinfopart01 .pic img{max-width: 100%;}
.proinfopart01 .txtarea{width: calc(100% - 350px); float: left;}
.proinfopart01 .txtarea h3{width: 100%;height: 30px; line-height:30px; font-size: 18px;margin-top: 10px;font-weight: normal; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.proinfopart01 .txtarea .desc{ line-height: 24px; height:48px;font-size: 16px; overflow: hidden;margin:20px 0 30px 0;}

.proinfopart01 .row02 .ybxz-btn{width: 180px; height:45px;text-align: center; line-height: 45px; display: inline-block; 
  background: #0b56a7;color: #fff;float: left;font-size: 16px; margin-right: 20px;}
.proinfopart01 .row02 .ybxz-btn .fa{margin-right: 10px;}
.proinfopart01 .row02 .ybxz-btn:hover{background: #0d61bd;}


.proinfopart01 .row02 .bds_more{font-size: 16px!important; color: #0b56a7;}
.proinfopart01 .row02 .bdsharebuttonbox{margin-top: 10px;}

.proinfopart02{padding:80px 0;background:url(../images/zgwdz_pic39.jpg) center top repeat-x;}

.proselect{overflow-x: auto;    margin-top: 10px;}
.pro-table{font-size: 12px;border-left: 1px solid #dbe1e4;min-width: 900px;}
.pro-table th{background: #eef1f2;color: #0b56a7;padding:10px;border-right: 1px solid #dbe1e4;}
.pro-cat .cat {height: 120px; overflow-y: auto;}
.pro-cat .cat .li{/*height: 24px; */line-height: 24px;padding-left: 20px; position: relative;}
.pro-cat .cat .li:after {
    position: absolute; content: ""; width: 10px; height: 10px; background: #eeeeee;border:1px solid #dbe1e4; left: 0; top: 5px;}

.pro-cat .cat .li.active:after {background: url(../images/k0.png) no-repeat center;    background-size: 100%;}
.pro-cat td{color: #575a69;padding:10px;border-right: 1px solid #dbe1e4;}
.pro-op td{color: #0b56a7;padding:5px 10px;border-right: 1px solid #dbe1e4;background: #eef1f2;text-align:center;}
.pro-item td{color: #575a69;padding:10px;border-right: 1px solid #dbe1e4;border-bottom: 1px solid #dbe1e4;font-size: 14px; text-align:center;}
.pro-item tr td:first-child {text-align:left;}
.pro-op tr td:first-child {text-align:left;}
.pro-op .fa{font-size: 18px;}
.pro-op .active .fa{color: #c92333;}

.pro-table div.sbox2 { margin: 10px 5px 14px 5px; font-weight: normal; position: relative; width: 60px; display: inline-block; }
.pro-table div.sbox2 span.max, .pro-table div.sbox2 span.min { display: block; position: absolute; left: 14px; font-size:12px; color:#333;}
.pro-table div.sbox2 span.max { top: 0; }
.pro-table div.sbox2 span.min { bottom: -4px; }
.pro-table div.sbox2 .maxBtn, .pro-table div.sbox2 .minBtn { display: block; position: absolute; left: 14px; font-size:12px; color:#333; z-index:3; display:none;}
.pro-table div.sbox2 .maxBtn { top: 0; }
.pro-table div.sbox2 .minBtn { bottom: -4px; }
.pro-table div.sbox2 .maxBtn .mSearch, .pro-table div.sbox2 .minBtn .mSearch{ width:60px; /*padding-right:18px;*/ position:relative; overflow:hidden;
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
-khtml-border-radius:2px;
border-radius:2px;}
.pro-table div.sbox2 .maxBtn .mSearch .mSearchb, .pro-table div.sbox2 .minBtn .mSearch .mSearchb{ width:18px; height:18px; text-align:center; position:absolute; right:0; top:1px; border:0; background:#0b56a7; line-height:18px; color:white; -moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.pro-table div.sbox2 .maxBtn .mSearch .mSearchk, .pro-table div.sbox2 .minBtn .mSearch .mSearchk{ width:100%; height:18px; border:solid 1px #cbcbcb; line-height:16px; padding-left:4px; font-size:10px; color:#333; border-right:0; float:left; text-transform:uppercase;-moz-border-radius:0; 
-webkit-border-radius:0; 
-khtml-border-radius:0;
border-radius:0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.pro-table div.sbox2 .mb {
    width: 55px;
    height: 84px;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -40px;
}
.pro-table div.sbox2 .ui-slider-vertical{width: .2em;}
.pro-table div.sbox2 .ui-slider .ui-slider-handle { width: .8em; height:.8em;}
.pro-table div.sbox2 .ui-slider-vertical .ui-slider-handle {left: -.3em;}
.a_Reset,.a_allsel{color: #0b56a7; text-decoration: underline;font-size: 14px;}



.proinfopart02 h3.tit{font-size: 30px; color: #000;margin-bottom: 20px; font-weight: normal;}

/* ==========================================================================
   Pagination
   ========================================================================== */

.con-prodetials .protit02{font-size: 30px; margin-bottom: 40px;}
.con-prodetials .proxqbox{position: relative;}
.con-prodetials .row-right{width: 240px; float: right;}
.con-prodetials .row-left{width: calc(100% - 280px); float: left;}
.con-prodetials .row-left ul{border-left: 1px solid #dee2e6; border-top: 1px solid #dee2e6;font-size: 16px;}
.con-prodetials .row-left li{width: calc(50% - 41px);padding:0 20px; height: 44px; line-height: 44px; float: left; border-right: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6;}
.con-prodetials .row-left li:nth-child(2n+1){background:#920783;color: #fff;border-color: #fff;}
.con-prodetials .row-left li:nth-child(2n){color: #920783;}
.con-prodetials .row-left li:nth-child(1){color: #fff;font-weight: bold;}
.con-prodetials .row-left li:nth-child(2){color: #920783;font-weight: bold;}
.con-prodetials .row-right .btn{width:240px; height:45px; line-height: 45px; display: inline-block; text-transform:Uppercase;
  background: #eaedef;color: #b70ca5;float: left;font-size: 16px; margin-bottom: 20px;}
.con-prodetials .row-right .btn .fa{margin-right: 10px;margin-left: 40px;}
.con-prodetials .row-right .btn:hover{background: #b70ca5; color: #fff;}
.con-prodetials .row-right .btn-01{background: #920783; color: #fff;}
.con-prodetials .row-right .btn-03{margin-bottom: 0;position: absolute;bottom: 0;right: 0;}

@media only screen and (max-width:920px) {
.con-prodetials .protit02 { font-size:18px; margin-bottom:10px;}
.con-prodetials .row-left ul{font-size: 14px;}
.con-prodetials .row-right,.con-prodetials .row-right .btn{width: 200px;}
.con-prodetials .row-left{width: calc(100% - 210px);}
}

@media only screen and (max-width:768px) {
.con-prodetials .row-left{width:100%; float: none;}
.con-prodetials .row-right .btn-03{position: relative;}
.con-prodetials .row-right{width: 100%; float: none;margin-top: 10px;}
.con-prodetials .row-right .btn{width: 100px;height: 36px;margin-bottom: 0; line-height: 36px; float: left; font-size: 12px; margin-right: 5px; text-align: center;}
.con-prodetials .row-right .btn .fa{margin-left: 0;margin-right: 5px;}
.con-prodetials .row-left ul{font-size: 12px;}
.con-prodetials .row-left li{width: calc(50% - 21px);padding: 0 10px;height:36px;line-height:36px;}
.con-prodetials .protit02{font-size: 16px;}
}

.con-app .yypic{text-align: center;}
.con-app .yypic img{max-width: 100%;}
.appslideBox{margin-top: 40px;}
.appslideBox .hd{padding:0 10px 0 40px;   border-bottom:2px solid #920783;  position:relative; }
.appslideBox .hd ul{}
.appslideBox .hd ul li{ padding:0 30px; margin:0 5px; height: 50px; line-height: 50px; cursor:pointer; display: inline-block; border:1px solid #dae0e3;border-bottom: 0;}
.appslideBox .hd ul li.on{background: #920783;color: #fff;border-color: #920783;}
.app-nav{position: absolute;right:0;top: 0; line-height: 50px;}
.app-nav a{margin:0 10px;font-size: 16px;}
.app-nav a .fa{color: #920783;margin-right: 5px;}
.appxqbox img{max-width: 100%;}
.appxqbox .row{padding:60px;}
.appxqbox .row .left{width: 240px; float: left; font-size: 24px; font-weight: bold;}
.appxqbox .row .left .fa{color: #91007b;margin-right: 10px;}
.appxqbox .row .right{width: calc(100% - 340px); float: right;border-left:3px solid #91007b;padding-left: 50px; }
.appxqbox .row .right .desc{font-size: 16px;}
.appxqbox .row:nth-child(2n){background: #f2f5f7;}
.cplb-table table{background: #fff;border-bottom: 1px solid #dae0e3; font-size: 18px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); width:100%;}
.cplb-table td{text-align: center; border-top: 1px solid #dae0e3;border-left: 1px solid #dae0e3;color: #91007b;}
.cplb-table tr{border-right:  1px solid #dae0e3;}
.cplb-table tr:nth-child(1){border-right: none;}
.cplb-table th{background: #920783;color: #fff;}
.cplb-table th,.cplb-table td{padding:10px;}
.cplb-table a{color: #91007b; text-decoration: underline;}

@media only screen and (max-width:920px) {
  .appxqbox .row .left{width:150px;font-size: 18px;}
  .appxqbox .row .right{width: calc(100% - 200px);padding-left: 30px; }
  .appxqbox .row .right .desc{font-size: 14px;}
  .appxqbox .row{padding:40px;}
  .cplb-table table{font-size: 14px; }
}

@media only screen and (max-width:768px) {
.app-nav{display: none;}
.appxqbox .row .left{width:100%;font-size: 14px;float: none;}
.appxqbox .row .right{width:100%;padding-left: 0; float: none;margin-top: 10px; padding-top: 15px;border-left: 0; border-top:2px solid #91007b;}
.appxqbox .row .right .desc{font-size: 12px;}
.appxqbox .row{padding:20px;}
.cplb-table table{font-size: 12px;}
.cplb-table th,.cplb-table td{padding:5px;}
.appslideBox .hd { padding: 0 10px;}
.appslideBox .hd ul li{height: 40px; line-height: 40px;}
}



/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager { margin-top: 30px;margin-bottom:20px; text-align: center; font-size: 16px;}
#Lb_pager .pages a { display: inline-block; background: #d5d5d5; margin: 0 3px; padding: 0 15px;color: #333; cursor: pointer; line-height: 36px; height: 36px;
    border:1px solid #d5d5d5;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
     }
#Lb_pager .pages .pgnext{padding: 0 18px;color: #fff; background-color: #9b2c8c;border-color: #9b2c8c; }
#Lb_pager .pages .pgprev{padding: 0 18px; color: #fff; background-color: #9b2c8c;border-color: #9b2c8c;}
#Lb_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #9b2c8c;border-color: #9b2c8c;}
#Lb_pager .pages .pgempty { cursor: not-allowed;}
#Lb_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #9b2c8c;border-color: #9b2c8c;}

@media only screen and (max-width:768px) {
#Lb_pager .pages a {padding: 0 10px;color: #333; cursor: pointer; line-height: 28px; height:28px;font-size: 12px;}
#Lb_pager .pages .pgnext,#Lb_pager .pages .pgprev{padding:0 13px;}
}

/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview {
    color: #000; font: 700 18px/53px microsoft yahei; border-bottom: 3px solid #9b2c8c; background: #fff;
    padding: 0 18px; position: absolute; left: 0;
}
.overview .fa{color: #91007b;margin-right: 10px;}

.sidenav{text-align: right;}
.sidenav li {position: relative;display: inline-block;font-size: 14px;text-align: center; padding: 0 40px;}
.sub_nav {background: #fff;}
.sidenav li.active {background: #dae0e3;}
.sidenav li:hover a,.sidenav li a:hover{color: #91007b;}
.sidenav li.active a {font-size: 18px;color: #91007b;font-weight: bold;}
.sidenav li:last-of-type a {}
.sidenav li.active:before {
    content: "";
    display: block;
    top: 22px;
    left: 0;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
}

/* overview */
.ln-menu-link { display: block; font-size:16px;color: #686c74;  position: relative; *zoom: 1; line-height:55px;}

#ln-menustate {    display: none;}

@media only screen and (max-width: 920px) {
.sidenav li{padding:0 20px;}
.ln-menu-link{font-size: 14px;}
.sidenav li.active a{font-size: 14px;}
}
@media only screen and (max-width: 767px) {
  .sub_nav {margin-top:0;}
  .sidenav{background:#fff;}
  .sidenav li {width: 100%;text-align: center;border-right:0;padding:0;}
  .sub_nav {background:#fff;}
  .ln-menu-link .inco{width:30px; height: 30px;position: absolute;top: 10px; left: 30px;}
  .ln-menu-link {
      line-height: 20px;
      border-bottom: 1px solid #d7d7d7;
      border-right: none;
      border-left: none;
      border-top: none;
      margin: 0; font-size: 14px;font-weight: normal;
  }  
  .overview.hidden {      display: block;  }  
  .sidenav li.on {      border-bottom: none;  }  
  .sub_nav li:first-child .ln-menu-link {      border-left: none;  }
}

.sidenav li.on a {color: #10924e;}


#ln-menustate {
    display: none;
}
.localnav {
    position: relative; border-bottom: 1px solid #dae0e3;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.ln-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 1
}

/* background */
.ln-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)
}

/*.ln-background:after { background-color: rgba(153,153,153,0.4); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }*/
#ln-menustate:checked ~ .localnav .ln-background,
#ln-menustate:target ~ .localnav .ln-background {
    background-color: rgba(255, 255, 255, 1);
    max-height: none;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease
}
#ln-menustate:checked ~ .localnav .ln-background:after,
#ln-menustate:target ~ .localnav .ln-background:after {
    background-color: #d6d6d6
}
.ln-content {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 2
}
.ln-curtain {
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 9;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#ln-menustate:checked ~ .localnav .ln-curtain,
#ln-menustate:target ~ .localnav .ln-curtain {
    -webkit-transition: opacity 1s ease 0.1s;
    transition: opacity 1s ease 0.1s
}
.ln-actions {
    float: left;
    display: none;
}
.ln-action {
    float: left;
    margin-left: 24px
}

/* chevron */
.ln-menucta {
    cursor: pointer;
    display: block;
    margin-right: -11px;
    overflow: hidden;
    width: 40px;
    height: 48px;
    -webkit-tap-highlight-color: transparent;
}
.ln-menucta-chevron {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%)
}
.ln-menucta-chevron::before,
.ln-menucta-chevron::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 12px;
    height: 1px;
    z-index: 1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)
}
.ln-menucta-chevron::before,
.ln-menucta-chevron::after {
    background: #333
}
.ln-menucta-chevron::before {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    -ms-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5);
    right: 50%
}
.ln-menucta-chevron::after {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    -ms-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5);
    left: 50%
}
#ln-menustate:checked ~ .localnav .ln-menucta-chevron,
#ln-menustate:target ~ .localnav .ln-menucta-chevron {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%)
}
#ln-menustate:checked ~ .localnav .ln-menucta-chevron::before,
#ln-menustate:target ~ .localnav .ln-menucta-chevron::before {
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: rotate(-40deg) scaleY(1.5);
    -ms-transform: rotate(-40deg) scaleY(1.5);
    transform: rotate(-40deg) scaleY(1.5)
}
#ln-menustate:checked ~ .localnav .ln-menucta-chevron::after,
#ln-menustate:target ~ .localnav .ln-menucta-chevron::after {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(40deg) scaleY(1.5);
    -ms-transform: rotate(40deg) scaleY(1.5);
    transform: rotate(40deg) scaleY(1.5)
}
.ln-menucta-anchor {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    z-index: 10
}
.ln-menucta-anchor:focus {
    outline-offset: -6px;
    width: 100%;
    height: 100%
}
.ln-menucta-anchor-close {
    display: none
}
.ln-menucta-anchor-label {
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}
#ln-menustate:checked ~ .ln-menucta-anchor-open,
#ln-menustate:target ~ .ln-menucta-anchor-open {
    display: none
}
#ln-menustate:checked ~ .ln-menucta-anchor-close,
#ln-menustate:target ~ .ln-menucta-anchor-close {
    display: block
}

@media only screen and (max-width: 767px) {    
    .content {
        position: relative;
        padding: 20px 0;
    }
    .col-main {
        margin: 0;
    }
    .col-left {
        float: left;
        width: 200px;
        margin-left: -100%;
        margin: 0;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .localnav {
        height: 48px
    }
    .overview {
        float: left;
        line-height: 48px; font-size: 14px;
        padding: 0;
        background: none;
        color: #333;
    }
    .sidenav {
        border-width: 0;
    }
    .ln-menu-link {
        border-bottom: 0 none;
    }
    .ln-background {
        min-height: 48px;
        -webkit-transition: background-color 0.5s ease 0.7s;
        transition: background-color 0.5s ease 0.7s
    }
    .ln-menu {
        line-height: 48px;
        padding-top: 0;
        width: 100%
    }
    .ln-menu-tray {
        overflow: hidden;
        pointer-events: none;
        visibility: hidden;
        width: 100%;
        max-height: 0;
        -webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
        transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
    }
    #ln-menustate:checked ~ .localnav .ln-menu-tray,
    #ln-menustate:target ~ .localnav .ln-menu-tray {
        max-height: 400px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        pointer-events: auto;
        visibility: visible;
        -webkit-transition-delay: 0.2s, 0s;
        transition-delay: 0.2s, 0s
    }
    #ln-menustate:checked ~ .localnav.ln-opening .ln-menu-tray,
    #ln-menustate:target ~ .localnav.ln-opening .ln-menu-tray {
        overflow-y: hidden
    }
    #ln-menustate:checked ~ .localnav.ln-sticking .ln-menu-tray,
    #ln-menustate:target ~ .localnav.ln-sticking .ln-menu-tray {
        max-height: -webkit-calc(100vh - 48px);
        max-height: calc(100vh - 48px)
    }
    .ln-curtain {
        -webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
        transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s
    }
    #ln-menustate:checked ~ .ln-curtain,
    #ln-menustate:target ~ .ln-curtain {
        opacity: 1;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%
    }
    .ln-actions {
        display: block;
        margin-left: 0;
        padding: 0 16px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        left: 50%
    }
    .ln-action {
        margin-left: 16px
    }
    .ln-action-menucta {
        margin-left: -20px;
        position: absolute;
        left: 0;
        z-index: 1
    }
    .ln-action-button {
        float: right;
        margin-left: 27px
    }
    .ln-content {
        padding: 0 20px;
    }
    .inner-cont {
        margin: 10px;
    }
    .sidenav {
        opacity: 1;
        padding: 17px 10px 28px 10px;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        -webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s
    }
    .sidenav .level2 li,
    .sidenav .level2 li a {
        line-height: 20px;
    }
    #ln-menustate:checked ~ .localnav .sidenav,
    #ln-menustate:target ~ .localnav .sidenav {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-delay: 0.2s, 0.4s;
        transition-delay: 0.2s, 0.4s
    }
    .ln-menu-item {
        display: block;
        line-height: 48px;
        margin-left: 0;
        width: 100%; padding:0;
    }
    .ln-menu-item:first-child .ln-menu-link {
        border-top: 0
    }
    .ln-menu-item:nth-child(1) .ln-menu-link {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s
    }
    .ln-menu-item:nth-child(2) .ln-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }
    .ln-menu-item:nth-child(3) .ln-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }
    .ln-menu-item:nth-child(4) .ln-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }
    .ln-menu-item:nth-child(5) .ln-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }
    .ln-menu-item:nth-child(6) .ln-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }
    .ln-menu-item:nth-child(7) .ln-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }
    #ln-menustate:checked ~ .localnav .ln-menu-item:nth-child(1) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(1) .ln-menu-link {
        -webkit-transition-delay: 0.56s;
        transition-delay: 0.56s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(2) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(2) .ln-menu-link {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(3) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(3) .ln-menu-link {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(4) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(4) .ln-menu-link {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(5) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(5) .ln-menu-link {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(6) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(6) .ln-menu-link {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s
    }
    #ln-menustate:checked ~ .ln-menu-item:nth-child(7) .ln-menu-link,
    #ln-menustate:target ~ .ln-menu-item:nth-child(7) .ln-menu-link {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s
    }
    .ln-menu-link {
        border-top: 1px solid rgba(214, 214, 214, 0.5);
        display: block;
        padding-top: 14px;
        padding-bottom: 14px;
        opacity: 0;
        -webkit-transform: translate3d(0, -25px, 0);
        transform: translate3d(0, -25px, 0);
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform
    }
    #ln-menustate:checked ~ .localnav .ln-menu-link,
    #ln-menustate:target ~ .localnav .ln-menu-link {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .ln-menucta-anchor {
        display: block
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    #ln-menustate:checked ~ .ln-menu-tray,
    #ln-menustate:target ~ .ln-menu-tray {
        max-height: 280px;
        max-height: -webkit-calc(100vh - 48px - 48px);
        max-height: calc(100vh - 48px - 48px)
    }
}

@media only screen and (max-width: 767px) {
.ln-menu-link{    
-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;

}
}
    .sub_nav_top{
	position: fixed!important;
    top: 0px!important;

    background-color: #fff;
	}
		.sub_nav_top .ln-wrapper{
			width:100%;
    max-width: 1540px;
		margin:auto;
		}



