.sub-banner {height:420px;margin-top:86px;}

@media only screen and (max-width: 1024px) {

  .sub-banner {height: 230px;}

}

@media only screen and (max-width: 767px) {

  .sub-banner {height: 150px;margin-top:0;}

}

@media only screen and (max-width: 500px) {

    .sub-banner {height: 90px;}

}



.inner-cont {font-size: 14px; color: #454545;}

.inner-cont  img{max-width: 100%;}

.content {padding:60px 0;}

/* ==========================================================================

   Breadcrumbs

   ========================================================================== */



.breadcrumb-bar {line-height: 67px;height: 67px;font-size:16px;overflow: hidden;}

.breadcrumb-bar h2 { float: left;  font-size: 18px; color: #006db9; font-weight: 300; font-family: microsoft yahei;}

.breadcrumb-bar {  }

.breadcrumb-bar li {float: left;padding-right: 5px;}

.breadcrumb-bar .bc-arr {font-family: simsun;}

.breadcrumb-bar li,.breadcrumb-bar li a {   color: #333;}

.breadcrumb-bar a:last-of-type { color: #ff6c07;}

.breadcrumb-bar .fa { font-size: 18px; line-height: 34px; padding-right: 5px; color: #ff6c07;}

.overview{display: none;}



/* about */

.innertit{ font: 300 30px/36px microsoft yahei;color: #019b8d;text-align: center;}

.btline{width: 40px; height: 3px; background: #019b8d;margin:15px auto 5px auto;}

h2.ms{font: 300 16px/24px microsoft yahei; text-align: center;margin:10px 0 20px 0;color: #666;}

.about_qywh{/*height: 460px;*/padding:60px 0 40px 0;background: url(../images/pic11.jpg) center top no-repeat;}

.about_qywh .innertit{color: #fff;}

.about_qywh .btline{background: #fff;}

.about_qywh h2.ms{color: #fff;}

.qywh_list{margin-top: 50px;}

.qywh_list li{width:33%;float: left;height: 250px; border:1px solid #fff; color: #fff;position: relative;}

.qywh_list li:nth-of-type(1){border-right: 0;}

.qywh_list li:nth-of-type(2){border-right: 0;}

.qywh_list li .warp{padding:40px 0 0 60px; font-size: 16px;}

.qywh_list li h2{font-size: 20px;}

.qywh_list li .line{width: 40px; height: 2px; background: #fff;margin:15px 0;}

.qywh_list li .inco{width:50px;height: 50px; overflow: hidden;display: block;position: absolute; right: 30px; bottom: 20px;}

.qywh_list li .inco01{background: url(../images/inco09.png) no-repeat center;}

.qywh_list li .inco02{background: url(../images/inco10.png) no-repeat center;}

.qywh_list li .inco03{background: url(../images/inco11.png) no-repeat center;}

@media only screen and (max-width: 767px) {

.qywh_list li{width: 100%; height: auto;}

.qywh_list li:nth-of-type(1){border-right: 1px solid #484e35;border-bottom: 0;}

.qywh_list li:nth-of-type(2){border-right: 1px solid #484e35;border-bottom: 0;}

.about_qywh{height: auto;background-size: cover;  }

.qywh_list li .warp{padding:40px 0 40px 30px; }

.qywh_list li .inco{top: 30%;}

}



.swiper-container.swiper_fzlc{padding:10px 20px;}

.about_fzlc{padding:50px 0 40px 0;background: #f1f5fa;}

.swiper_fzlc{background: url(../images/inco16.png) center 18px repeat-x;}

.swiper_fzlc .swiper-slide .year{padding-top: 30px;font-size: 14px; text-align: center;background: url(../images/inco14.png) center top no-repeat;cursor: pointer;}

.swiper_fzlc .swiper-slide .year:hover{background: url(../images/inco15.png) center top no-repeat;}

.swiper_fzlc .swiper-slide-active .year{background: url(../images/inco15.png) center top no-repeat;}

.swiper-container.swiper_fzlcnr{background: #fff;margin-top: 30px;}

.swiper-container.swiper_fzlcnr .warp{padding:30px;}

.swiper-container.swiper_fzlcnr .txtarea{width:48%;float: left;}

.swiper-container.swiper_fzlcnr .txtarea h2{font: 300 30px/30px microsoft yahei;color: #f4990b;margin-bottom: 20px;}

.swiper-container.swiper_fzlcnr .imgarea{width:48%;float: right;}

.swiper-container.swiper_fzlcnr .imgarea img{max-width: 100%;}



@media only screen and (max-width: 767px) {

.swiper-container.swiper_fzlcnr .txtarea{width:100%;float: none;margin-bottom: 10px;}

.swiper-container.swiper_fzlcnr .imgarea{width:100%;float: none;}



}





.about_honor{height: 500px;padding:50px 0 40px 0;background: url(../images/pic10.jpg) center top no-repeat;}

#owl-honor .item{ text-align: center;

  margin: 3px;

}

#owl-honor .item img{

  max-width: 100%;

}



/* pro */



.prolist li {width: 31.3%; float: left;margin-bottom: 25px;padding:0 1%;}

.prolist li .warp {max-width: 400px;min-width: 250px; overflow: hidden; margin:0 auto;position: relative;}



.prolist li .warp{position: relative; overflow: hidden;margin:0;max-width: 400px;background: #fff;text-align: center;cursor: pointer;}

.prolist li .warp .pic{background: #fff; width: 100%; height: 250px; overflow: hidden; text-align: center;  line-height: 250px;}

.prolist li .warp .pic img {

    position: relative;

    opacity: 1;   height: 100%; width:100%;

    -webkit-transition: opacity 1s, -webkit-transform 1s;

    transition: opacity 1s, transform 1s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.prolist li .warp .cover {position: absolute;top: 0;left: 0;width: 100%; height: 100%; 

    text-align: left;

    color: #fff;

    text-transform: uppercase;

    font-size: 1.25em;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.prolist li .warp .cover p {

    display: block;

    margin: 10px 0 10px 30px;

    color: #fff;

    text-transform: none;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

    transition: opacity 0.35s, transform 0.35s;

    -webkit-transform: translate3d(-360px,0,0);

    transform: translate3d(-360px,0,0);

}



.prolist li .warp .cover p:first-child {

    font-size:1.5em;margin-top:30px;

    -webkit-transition-delay: 0.15s;

    transition-delay: 0.15s;

}



.prolist li .warp .cover p:nth-of-type(2) {

    font-size: 1em;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.prolist li .warp .cover p:nth-of-type(3) {

    -webkit-transition-delay: 0.05s;

    transition-delay: 0.05s;

}

.prolist li .warp .cover p:nth-of-type(3)  a{color: #fff;}

.prolist li .warp:hover .cover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC013691', endColorstr='#CC013691');background:rgba(1,54,145,0.8);}

.prolist li .warp:hover .cover p:first-child {

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

}



.prolist li .warp:hover .cover p:nth-of-type(2) {

    -webkit-transition-delay: 0.05s;

    transition-delay: 0.05s;

}



.prolist li .warp:hover .cover p:nth-of-type(3) {

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.prolist li .warp:hover .cover img {

    -webkit-transform: scale3d(1.1,1.1,1);

    transform: scale3d(1.1,1.1,1);

}



.prolist li .warp:hover .cover p {

    opacity: 1;

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}



.prolist li .title { font: 700 16px/50px microsoft yahei; color: #666666;max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.prolist li .title span{border-bottom: 2px solid #0066b3;display: inline-block; font-size: 20px;margin-right: 10px;}

.prolist li .warp:hover .title{background: #}



@media only screen and (max-width: 767px) {

.prolist li {width: 48%; float: left;margin-bottom: 25px;padding:0 1%;}

}

@media only screen and (max-width:420px) {

.prolist li {width: 98%; float: left;margin-bottom: 25px;padding:0 1%;}

}



.pro_title01{width: 100%;border-bottom: 2px solid #d9d7ca; text-indent: 30px;

    font-size: 16px;padding-bottom:10px;margin-bottom: 20px;

    color: #333; text-align: center;

    font-family: microsoft yahei;

}

.prodetail{padding-bottom: 40px;}

.prodetail img{max-width: 100%;}

.prodetail .hd{ width: 100%;height:84px;background: url(../images/pic18.jpg) center top no-repeat;padding-top: 38px;margin-bottom: 30px;}

.prodetail .hd li{background: url(../images/inco12.png) center top no-repeat;float: left;padding:30px 20px 0 20px; cursor: pointer;font: 300 16px/24px microsoft yahei;color: #fff;}

.prodetail .hd li.on{background: url(../images/inco13.png) center top no-repeat;}

/* news */

.newslist li {height: 150px;padding:40px 20px 0 20px; overflow: hidden;cursor: pointer; border-bottom: 1px solid #e4e4e4;}

.newslist li .txtarea { height: 150px;}

.newslist li .txtarea h3 {max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #000;font: 300 24px/24px microsoft yahei;margin-bottom: 10px;}

.newslist li .txtarea h3 a { color: #2d2d2d;}

.newslist li .txtarea .share{font: 300 14px/30px microsoft yahei;color: #a0a0a0;}

.newslist li .txtarea h3 a:hover {color: #ffb828;}

.newslist li .txtarea .desc {height: 60px; font: 300 13px/30px microsoft yahei;color: #666666; overflow: hidden;}

.newslist li:hover{background: #f2f2f2;}



.newslast .wrapper{background: #42ad9c;padding:0;}

.newslast .imgarea{width: 50%; height: 400px; float: left; overflow: hidden;position: relative;background: #fff;}

.newslast .imgarea img{width: 100%; height:400px;}

.newslast .imgarea .owl-theme .owl-controls{position: absolute;bottom: 0;right: 0;}

.newslast .imgarea  .owl-theme .owl-controls .owl-page span{background: #fff; filter: Alpha(Opacity=100);/*IE7 fix*/    opacity: 1;}



.newslast .imgarea .owl-theme .owl-controls .owl-page.active span,

.newslast .imgarea .owl-theme .owl-controls.clickable .owl-page:hover span{

    background: #0061b0;

}

.newslast .txtarea{width: 45%; float: right;color: #fff;padding-top: 40px;padding-right: 2%;}

.newslast .txtarea h3 {max-width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font: 300 24px/24px microsoft yahei;margin-bottom: 10px;}

.newslast .txtarea h3 a { color: #fff;}

.newslast .txtarea .desc {height: 120px; font: 300 13px/30px microsoft yahei;overflow: hidden;margin: 20px 0 40px 0;}

.newslast .txtarea a.more{padding:8px 30px; border:1px solid #fff; color: #fff;}



@media only screen and (max-width: 767px) {



.newslast .imgarea{width: 100%; height: 400px; float: none;}

.newslast .txtarea{width: calc(100% - 40px);  float: none;padding:40px 20px; overflow: hidden;}



}

@media only screen and (max-width: 420px) {

.newslast .imgarea{width: 100%; height: 300px; float: none;}

.newslast .imgarea img{width: 100%; height:300px;}

}





.newsh{width:100%;text-align: center;}

.newtitle a{font: 18px/24px microsoft yahei;color:#666;}

.newtitle a:hover{color:#e99b06;}

.newsh_cn {padding:20px 0;    overflow: hidden;}

.newsh_cn p{/*text-indent:2em;*/ font: 14px/24px microsoft yahei;margin-top: 15px;}.newsh_cn img{max-width:90%!important;}

.newsh .byline{height:50px;color:#999;line-height:50px;border-bottom:1px solid #e9e9e9; }

.newsh .byline span{margin-right:20px;}

.toolbar{padding:30px 0 0 0; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}

.fhshare{ position: absolute; right: 0; top:34px;}

.fhshare a{padding:8px 30px;border:1px solid #d8d8d8;color:#666;}

.fhshare a:hover{border:1px solid #e99b06;color:#fff; background-color: #e99b06; text-decoration: none;}

.fhshare .fa{margin-right:10px;}

.newsshare{float: right;}



@media only screen and (max-width: 420px) {

.toolbar{height: 150px;}

.fhshare{ position: absolute;left:0; top:150px; }



}





/************download*******/

.downlist li{width: 50%; float: left;margin-bottom: 20px;}

.downlist li .warp{background: #f5f5f5;padding:20px;margin:0 10px;}

.downlist li .imgarea{width: 250px;height: 240px; overflow: hidden; float: left;}

.downlist li .imgarea img{max-width: 100%;}

.downlist li .txtarea{ float: right;width: calc(100% - 270px);}

.downlist li .txtarea h2{font: 300 18px/24px microsoft yahei;color: #2bb094;margin:20px 0 10px 0;}

.downlist li .txtarea p{margin-bottom: 20px;}

.downlist li .txtarea a{padding:5px 20px; color: #fff; background: #0061b0;}



@media only screen and (max-width: 1000px) {

.downlist li .imgarea{width: 180px;height: 174px;}

.downlist li .txtarea{width: calc(100% - 200px);}

}

@media only screen and (max-width:767px) {

    .downlist li{width: 100%; float: none;}



}

@media only screen and (max-width: 380px) {

.downlist li .imgarea{width: 150px;height: 145px;}

.downlist li .txtarea{width: calc(100% - 160px);}

.downlist li .txtarea h2{margin:10px 0 10px 0;}

}





.feedback{}

.feedback .title{ color: #019b8d;font:300 30px/36px microsoft yahei;margin-bottom: 20px; text-align: center;}

.feedback .modtop1{width: 100%; height: auto;}



.feedback .modtop1 .ui-input{width: calc(33% - 60px); font-size: 16px; margin-right:20px;margin-bottom: 25px; height: 18px; line-height: 18px; padding:12px 20px;background-color: #fff;border:1px solid #e5e5e5; float: left; font-family: microsoft yahei; color: #999;}

.feedback .modtop2{width: 100%; height: auto;}

.feedback .ui-textarea{width: calc(100% - 42px); height: 90px; line-height: 18px; padding:10px 20px;background-color: #fff;border:1px solid #e5e5e5;font-size: 16px; font-family: microsoft yahei; color: #999;}

.feedback .modtop3{width: 100%; height: auto;margin-top: 25px;}

.feedback .modtop3 .ui-btn{ float: right; border: 0 none; cursor: pointer;text-align: center; padding:12px 20px;font: 300 14px/24px microsoft yahei; color: #fff; width: 200px;background: #e60012;}

.checkcode .ui-input{ width:200px; font-size: 16px; height: 18px; line-height: 18px; padding:12px 20px;background-color: #fff;border:1px solid #e5e5e5;  font-family: microsoft yahei; color: #999;}

.checkcode{float: left;}

@media only screen and (max-width: 767px) {

    .feedback{padding:0 10px;}

  .contactmod01 ul{width: 100%; float: left;}

.feedback .modtop1 .ui-input{width: calc(100% - 42px);  float: none; }

.feedback .modtop3 .ui-btn{ float: none;margin-top:20px;}

}









/* ==========================================================================

   Pagination

   ========================================================================== */

#Lb_pager {

    margin-top: 30px;margin-bottom: 30px;

}

#Lb_pager .pages {

    text-align: center

}

#Lb_pager .pages a {

    display: inline-block;

    padding: 0 10px;

    margin: 0 3px;

    color: #333;

    cursor: pointer;

    line-height: 30px;

    height: 30px;

    border:1px solid #cccccc;

}

#Lb_pager .pages a:hover {

    color: #fff;

    background-color: #0061b0;border:1px solid #0061b0;    

}

#Lb_pager .pages .pgcurrent {

    color: #fff;

    background-color: #0061b0;

    cursor: default;border:1px solid #0061b0;

}

#Lb_pager .pages .pgempty {

    cursor: not-allowed

}

@media only screen and (max-width: 767px) {

    .content {

        padding-top: 48px;

    }

}

.localnav,

.localnav:before,

.localnav:after,

.localnav *,

.localnav *:before,

.localnav *:after {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    margin: 0;

    padding: 0;

    pointer-events: auto;

}



/* ==========================================================================

   Sidebar

   ========================================================================== */

.overview {

    color: #fff;

    font: 300 18px/59px microsoft yahei;

    background: #006db9;

    padding-left: 18px;

}



.sidenav{background:#fff;}

.sidenav li {

    position: relative;

    *zoom: 1;float:left; color: #333333;

    font-size: 14px; font-weight: bold;

    text-align: center; border-right:1px solid #e3e3e3;

}

.sidenav li.active {

}

.sidenav li.active a {

    color: #f5ad18;

}

.sub_nav {background:#fff; border-bottom:1px solid #e3e3e3;}



.sub_nav li:first-child .ln-menu-link {

    border-left: 1px solid #d7d7d7;

}



.sidenav li:hover,

.sidenav .active {}

.sidenav li a:hover,

.sidenav li.active a { color: #ff8009;}

.sidenav li:last-of-type a {

    

}



/* overview */

.ln-menu-link {

    display: block;

    padding: 0 40px; font-size:16px; position: relative;

    *zoom: 1;

    font-family: microsoft yahei; color: black;

    line-height: 69px;}



#ln-menustate {

    display: none;

}

@media only screen and (max-width: 767px) {

.sidenav{background:#fff;}

    .sidenav li {

        width: 100%;

        text-align: center;border-right: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;

    }

    

    .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;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9997;

}

.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;

    background-color: rgba(255, 255, 255, 0.95);

    -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: 1200px;

    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: 9996;

    -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-top: 50px;

    }

    .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;

        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%;

    }

    .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;



}

}

@media only screen and (max-width: 767px) {
.content,.inner-cont {font-size: 16px!important;}
.newsh_cn p{font-size: 16px;}
.toolbar{font-size: 16px!important;}
.newslist li .txtarea .desc{font-size: 16px!important;}
.newslast .txtarea .desc,.footbd{font-size: 16px!important;}
}