.inner_cont {font-size: 14px; color: #454545; width: calc(100% - 300px); float: right;}

.inner_left{width: 250px; float: left;}

.content {padding:60px 0;position: relative;min-height: 400px;}

.sub-banner {height:200px; margin-top:110px;}

.inner_cont  img,.content  img{max-width: 100%;}

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

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

}



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

   about

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

.aboutpart01{padding:60px 0;}

.abouttit01 .txten{font: 300 72px/72px microsoft yahei; color: #e8e8e8;text-transform:Uppercase;}

.abouttit01 .tit{padding-top: 20px;}

.abouttit01 .line{width: 90px;height: 2px; background: #b8b8b8; margin-top: -13px; display: inline-block; vertical-align: middle;}

.abouttit01 .tit h3{display: inline-block;margin-left: 10px;font: 700 36px/48px microsoft yahei;}

.gsjsbox{position: relative;margin-top: 40px;}

.gsjsbox .pic{width: 50%;position:absolute; left: 0; top:0;} 

.gsjsbox .pic img{max-width: 100%;}

.gsjsbox .txtarea{width: 50%;float: right;font: 300 15px/30px microsoft yahei; background: #f5f5f5;padding:50px;margin-top: 50px;}

.gsjsbox .txtarea .desc{margin-left:100px;}

.gsjsbox .txtarea .desc p{/*margin-top: 20px;*/text-indent: 2em;}



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

.abouttit01 .txten{font: 300 24px/36px microsoft yahei;}

.gsjsbox{position: relative;margin-top:20px;}

.gsjsbox .pic{width:100%;position: relative;} 

.gsjsbox .txtarea{width: calc(100% - 40px);float:none;padding:20px;margin-top: 0;}

.aboutpart01{padding:20px 0;}

.abouttit01 .line{width: 20px; margin-top: -5px;}

.abouttit01 .tit{padding-top:0;}

.abouttit01 .tit h3{font: 700 18px/30px microsoft yahei;}

.gsjsbox .txtarea .desc{margin-left:0;}

}



.aboutpart02{padding:60px 0;background:url(../images/aboutbg01.jpg) top center no-repeat;background-size: cover; }

.lmyslist02 li{width: calc(16.6% - 1px); float: left; height: 70px;border-right: 1px solid #fff;color: #fff;text-align: center;}

.lmyslist02 li .mode01{font: 300 36px/30px microsoft yahei;}

.lmyslist02 li .mode01 span{font-size: 20px;vertical-align: middle;margin-top: -22px;display: inline-block;}

.lmyslist02 li .txt01{font-size: 16px;margin-top: 10px;}

.lmyslist02 li:nth-of-type(6) { border-right: 0;}

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

    .aboutpart02{padding:60px 0 40px 0;}

    .lmyslist02 li{width: calc(33.3% - 1px);margin-bottom:20px;}

.lmyslist02 li .mode01{font: 300 24px/30px microsoft yahei;}

.lmyslist02 li .txt01{font-size: 14px;}

.lmyslist02 li:nth-of-type(3) { border-right: 0;}

}



.aboutpart03{padding:60px 0;}

.abouttit02{text-align: center;font: 700 36px/48px microsoft yahei;}

.honorbox{width: calc(100% - 30px);padding-left: 30px;overflow: hidden; height: 215px; background:url(../images/inco05.png) bottom left no-repeat;}

.honorbox h3{font-size: 28px;color: #e60012;}

.honorbox .desc{height: 96px; overflow: hidden;}

#owl-honor .owl-item:nth-child(2n+1) .honorbox{margin-top:182px;height: 170px;padding-top: 45px;}



#owl-honor{background:url(../images/line02.jpg) center 205px no-repeat;margin-top: 40px;padding-left: 10px;}

#owl-honor .owl-dot{ filter: Alpha(Opacity=0);opacity: 0;}

#owl-honor .owl-prev,#owl-honor .owl-next{width:50px;top:0; height:405px;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:-50px; background:url(../images/arr05.png) left center no-repeat;}

#owl-honor .owl-next{position: absolute;right:-50px;background:url(../images/arr06.png) right center no-repeat;}



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

#owl-honor .owl-dot{ filter: Alpha(Opacity=100);opacity: 1;}

#owl-honor .owl-prev,#owl-honor .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }

}



.aboutpart04{padding:60px 0;background:url(../images/aboutbg02.jpg) top center no-repeat;background-size: cover; }

.aboutpart04 .abouttit02{color: #fff;}

.culturelist{margin-top: 40px;}

.culturelist li{width: 33.3%;float: left;}

.culturebox{width: 95%; height: 258px;margin:0 auto; border:1px solid #fff; text-align: center;color: #fff;}

.culturebox .inco{margin-top: 50px;margin-bottom: 20px;}

.culturebox h3{font-size: 24px;}

.culturebox p{font-size: 18px;margin-top:10px;}

.culturebox .txtarea{padding:0 10px;}

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

.culturebox{ height:180px;}

.culturebox .inco{margin-top: 20px;margin-bottom: 10px;}

.culturebox .inco img{width: 40%;}

.culturebox h3{font-size:14px;}

.culturebox p{font-size: 12px;margin-top:0;}

}



.aboutpart05{padding:60px 0;}

.aboutpart05 .pic{padding:10px;background: #e3e3e3;}

#owl-qualification{margin-top: 40px;}

#owl-qualification .owl-dot{ filter: Alpha(Opacity=0);opacity: 0;}

#owl-qualification .owl-prev,#owl-qualification .owl-next{width:80px;top:35%; height:50px;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-qualification .owl-prev{position: absolute;left:-80px; background:url(../images/arr05.png) left top no-repeat;}

#owl-qualification .owl-next{position: absolute;right:-80px;background:url(../images/arr06.png) right top no-repeat;}



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

.abouttit02{font-size: 24px;}

.aboutpart03, .aboutpart04,.aboutpart05{padding:20px 0;}

.honorbox h3{line-height: 24px;font-size: 18px;}

.honorbox .desc{height: 120px;}

#owl-honor{margin-top: 10px;padding-left:0;}

#owl-qualification{margin-top: 10px;}

#owl-qualification .owl-dot{ filter: Alpha(Opacity=100);opacity: 1;}

#owl-qualification .owl-prev,#owl-qualification .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }

}



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

   feedback

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

.innertit02{font: 700 36px/36px microsoft yahei;}

.feedbacktit{text-align: center;font: 300 18px/32px microsoft yahei;color:#666;margin: 20px 0 40px 0;}

.feedback{}

.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) {

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

.innertit02{font: 700 24px/36px microsoft yahei;}

.feedbacktit{font: 300 14px/24px microsoft yahei;margin: 10px 0 20px 0;}

}



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

   download

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

.downloadnav{border-top: 1px solid #d8d8d8;margin-top: 40px;}

.downloadnav a{width: calc(25% - 1px);height: 67px; display:block; float: left; border-right: 1px solid #d8d8d8; text-align: center;

    font: 300 16px/67px microsoft yahei;

}

.downloadnav a:last-child {border-right: none; }

.downloadnav a:hover,.downloadnav a.active{color: #be000f;background:url(../images/arr07.png) center top no-repeat;}

.downloadbox{padding:20px; background: #fafafa;}

.down_table tr{margin-bottom: 10px;height: 50px;display: block;}

.down_table td{height:50px; line-height: 50px;background: #fff;padding:0 5px;}

.down_table td a{color:#9bc83a;}

.down_table td a:hover{text-decoration: underline;}

.downloadlist{padding:40px 20px 20px 20px; background: #fafafa;}

.downloadlist li{height: 50px;margin-bottom: 20px; background: #fff;padding:0 20px;}

.downloadlist li .mode{float: left; height: 50px; line-height: 50px;color: #666;}

.downloadlist li .mode01{width: 60%;}

.downloadlist li .mode02{width: 10%;}

.downloadlist li .mode03{width: 30%; text-align: right;}



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

.downloadlist li{padding:0 10px;}

.downloadlist{padding:40px 5px 20px 5px; background: #fafafa;}

.downloadnav a{font-size: 14px;width: auto;padding:0 10px;}

.downloadnav{border-top:0;margin-top: 20px;}

.downloadnav a{ border: 1px solid #d8d8d8;margin: 5px ; line-height: 50px;height: 50px;}

.downloadnav a:last-child {border-right: none;border: 1px solid #d8d8d8; }

}





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

  news

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

.newlist02{margin-top: 40px;}

.newlist02 li{width: calc(100% - 40px);overflow: hidden; margin-bottom: 40px; padding: 20px;background: #f3f3f3;}

.newlist02 li .imgarea{width:500px;height:320px; overflow: hidden; float: left;}

.newlist02 li .imgarea img{width:500px;height: 320px;transition: transform 2s;}

.newlist02 li:hover .imgarea img{ transform: scale(1.1);}

.newlist02 li .txtarea{width: calc(100% - 500px); height: 320px; overflow: hidden; float: right;background: #fff;}

.newlist02 li .txtarea .warp{padding:20px 20px 20px 40px;}

.newlist02 li .txtarea .date{color: #a3a2a2;font: 300 14px/24px microsoft yahei;margin-top: 10px;}

.newlist02 li .txtarea h3{ width:100%; height: 50px ; color: #555; font: 700 20px/50px microsoft yahei;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.newlist02 li .txtarea .desc{height: 72px; overflow: hidden; color: #666;font: 300 14px/36px microsoft yahei;margin: 20px 0;}

.newlist02 li .txtarea .more{background: #fff;color: #333;width: 180px; height: 46px;font: 300 12px/46px microsoft yahei;

 text-align: center;border:2px solid #2c221f;

}

.newlist02 li .txtarea .more:hover{background: #ab2617;color: #fff;border-color: #ab2617;}





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

.newlist02{margin-top: 20px;}

.newlist02 li .imgarea{ float: none; text-align: center;margin:0 auto;width:100%; height: auto;}

.newlist02 li .imgarea img{width:100%; height: auto;}

.newlist02 li .txtarea{width: 100%;float: none; height: auto;}

.newlist02 li{width: calc(100% - 20px);margin-bottom: 20px; padding: 10px;}

.newlist02 li .txtarea .warp{padding:20px;}

.newlist02 li .txtarea .desc{margin:0 0 10px 0;line-height: 24px; height: 48px;}

.newlist02 li .txtarea .more{margin:0 auto;width: calc(100% - 4px);}

.newlist02 li .txtarea .date{margin-top: 0;}

}





.newsh{width:100%;text-align: center; margin-top: 30px;}

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

.newsh_cn {padding:20px 0;}

.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}

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

.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{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 12px/24px microsoft yahei; margin-top:20px;}

.fhshare{float: right;}

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

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

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

.toolbarleft{float: left;}

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

  .toolbarleft{float: none;}

.fhshare{float: none;margin-top:20px;}

}



.newspart01{padding:60px 0;}

.newstit01{ line-height: 36px;}

.newstit01 h3{font: 36px/36px microsoft yahei;float: left;}

.newstit01 a{float: right;}

.gsxwbox{margin-top: 30px;}

.gsxwbox .left{width:630px; float: left;}

.gsxwbox .right{width: calc(100% - 650px); float: right;}



.newspicScroll{width: 100%;height: 470px; overflow: hidden;position: relative;margin-top: 15px;}

.newspicScroll .bd li{width: 100%; height:470px; overflow: hidden;position: relative;}

.newspicScroll .bd li .pic{width: 100%; height:425px;overflow: hidden;}

.newspicScroll .bd li .pic img{width: 100%; height:425px;transition: transform 2s;}

.newspicScroll .bd li:hover .pic img{ transform: scale(1.1);}

.newspicScroll .bd li .cover{width: 340px; height: 180px; position: absolute;right: 0;bottom: 0;z-index: 1;color: #fff;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE60012', endColorstr='#CCE60012');background:rgba(230,0,18,0.8);

}

.newspicScroll .bd li .cover .warp{padding:30px;}

.newspicScroll .bd li .cover h3{font-size: 18px;}

.newspicScroll .hd{position: absolute; right:10px; bottom:10px;z-index: 2;height: 20px;}

.newspicScroll .hd ul li{ float:left; margin-right:5px;  width:13px; height:13px;display: block;border:2px solid #fff; cursor:pointer;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

 }

.newspicScroll .hd ul li.on{ background:#fff;}



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

.gsxwbox .left,.gsxwbox .right{width:100%; float: none;}

.newspicScroll{height:auto;}

.newspicScroll .bd li{height:auto;padding-bottom: 180px;}

.newspicScroll .bd li .pic{height:auto;}

.newspicScroll .bd li .pic img{height:auto;}

.newspicScroll .bd li .cover{width: 100%;}

}



.newspart02{padding:60px 0;background:url(../images/newsbg01.jpg) center top no-repeat;background-size: cover;}

.xfhdbox{width:95%;margin:0 auto;}

.xfhdbox .pic {width: 100%; height:250px; overflow: hidden;text-align: center;}

.xfhdbox .pic img{width:100%;height: 100%; transition: transform 2s;}

.xfhdbox:hover .pic img{ transform: scale(1.1);} 

.xfhdbox .txtarea {padding:15px 20px;background: #f7f7f7;}

.xfhdbox .txtarea h3{font: 700 16px/30px microsoft yahei;width:100%;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.xfhdbox .txtarea h3 a{ color: #000;}

.xfhdbox .txtarea .desc{font: 300 14px/24px microsoft yahei;height:48px;overflow: hidden;}

.xfhdbox .txtarea .arr a{width: 37px;height: 14px; display: block; margin-top: 10px; background:url(../images/arr08.png) left center no-repeat;}

.xfhdbox:hover .txtarea .arr a{background:url(../images/arr09.png) left center no-repeat;}

.xfhdbox:hover .txtarea{background: #d4100f;color: #fff;}

.xfhdbox:hover .txtarea h3 a{ color: #fff;}

#owl-zhnews{margin-top: 40px;}

#owl-zhnews .owl-dot{ filter: Alpha(Opacity=0);opacity: 0;}

#owl-zhnews .owl-prev,#owl-zhnews .owl-next{width:30px;top:35%; height:50px;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-zhnews .owl-prev{position: absolute;left:-50px; background:url(../images/bl.png) left top no-repeat;}

#owl-zhnews .owl-next{position: absolute;right:-50px;background:url(../images/br.png) right top no-repeat;}



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

#owl-zhnews .owl-dot{ filter: Alpha(Opacity=100);opacity: 1;}

#owl-zhnews .owl-prev,#owl-zhnews .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }

}



.newspart03{padding:60px 0;}

.tzgglist{margin-top: 20px;}

.tzgglist li{padding:0 20px;height: 80px;background: #f1f3f4;font: 300 18px/80px microsoft yahei;margin-top: 20px;}

.tzgglist li span{float: right;color: #999;font-size: 14px;}

.tzgglist li a{width: calc(100% - 120px);height: 80px;display: inline-block;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



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

   case

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



.casenav{text-align: center;border:1px solid #ededed;margin-top: 40px;}

.casenav a{font: 300 18px/60px microsoft yahei;padding:0 30px ;display: inline-block;border-bottom: 5px solid #fff;}

.casenav a:hover,.casenav a.active{border-bottom: 5px solid #e60012;}

.caselist{}

.caselist li{width: 25%;float: left;margin-top: 40px;}

.casebox02{width: 95%;margin:0 auto;}

.casebox02 .imgares{width: 100%;height: 250px; overflow: hidden;position: relative;background: #f1f1f1;}

.casebox02 .imgares img{width: 100%;height: 250px;

  -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.casebox02 .imgares .cover{width: 100%;height: 100%;position: absolute;left: 0;top:100%;z-index: 1;text-align: center;color: #fff;

  font-size: 72px;line-height:250px;

  -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.casebox02:hover .imgares img{filter: alpha(opacity=50);opacity: 0.5;}

.casebox02:hover .imgares .cover{top: 0;}

.casebox02 .txtarea{font: 300 14px/24px microsoft yahei;padding-top: 10px;color: #666;}

.casebox02 .txtarea .tit{width:100%;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.casebox02 .txtarea .tit span{color: #000;}



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

.caselist li{width:50%;}

.casebox02 .imgares{height: 150px;}

.casebox02 .imgares img{height:150px ;}

.casenav{text-align: left;}

.casenav a{font: 300 16px/40px microsoft yahei;padding:0 20px;}

}



.casetcbox{width: 80%;max-width: 980px; background: #fff;border:1px solid #ededed; position: absolute;left: 0;top:300px;z-index:9;}

.casetcbox .warp{position: relative;}

.casetcbox .colse{position: absolute;right:10px;top:10px;z-index: 99;}

.casetcbox .pic{width:50%;height: 350px;float: left;overflow: hidden;}

.casetcbox .pic img{width:100%;height: 100%;transition: transform 2s;}

.casetcbox:hover .pic img{ transform: scale(1.1);}

.casetcbox .txtarea{width: 50%;float: right;}

.casetcbox .txtarea .desc{margin:40px;font: 300 16px/36px microsoft yahei;color: #666;overflow: hidden;}

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

.casetcbox .pic,.casetcbox .txtarea{width:100%;height: auto; float: none;}

.casetcbox .txtarea .desc{margin:15px;font: 300 14px/30px microsoft yahei;}

}





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

   pro

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

.jjfa_txt01{font: 300 30px/30px microsoft yahei;}

.solutionlist li{width: 33.3%;float: left;margin-top: 40px;}

.solutionlist li .warp{width: 95%;}

.solutionlist li .pic{width:100%;height:240px;overflow: hidden;}

.solutionlist li .pic img{width:100%;height:240px;transition: transform 2s;}

.solutionlist li:hover .pic img{ transform: scale(1.1);}

.solutionlist li .tit{width:100%; margin-top: 10px; height: 24px;font: 300 16px/24px microsoft yahei;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.propart02{padding:60px 0; background: #f6f6f6;}

.prolist li{width: 25%;float: left;margin-top: 40px;}

.prolist li .warp{width: 95%;}

.prolist li .pic{width:100%;height:280px;overflow: hidden;}

.prolist li .pic img{width:100%;height:280px;transition: transform 2s;}

.prolist li:hover .pic img{ transform: scale(1.1);}

.prolist li .tit{width:100%; margin-top: 15px; height: 50px; background: #c0bbbd; text-align: center; font: 300 16px/50px microsoft yahei;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.prolist li:hover .tit{background: #e60012; color: #fff;}



.propart03{padding:60px 0;}

#owl-case{margin-top: 40px;}



#owl-case .owl-dot{ filter: Alpha(Opacity=0);opacity: 0;}

#owl-case .owl-prev,#owl-case .owl-next{width:30px;top:35%; height:50px;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-case .owl-prev{position: absolute;left:-50px; background:url(../images/arr11.png) left top no-repeat;}

#owl-case .owl-next{position: absolute;right:-50px;background:url(../images/arr12.png) right top no-repeat;}



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

#owl-case .owl-dot{ filter: Alpha(Opacity=100);opacity: 1;}

#owl-case .owl-prev,#owl-case .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }

}





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

.solutionlist li{width:50%;}

.solutionlist li .pic,.solutionlist li .pic img{height:130px;}

.prolist li{width:50%;margin-top: 20px;}

.prolist li .pic,.prolist li .pic img{height:130px;}

.propart02{padding:20px 0;}

.prolist li .tit{font-size: 14px;}

}



.projsbox02{margin-top: 40px;}

.projsbox02 .pic{float: left;width: 497px; overflow: hidden;}

.projsbox02 .pic img{width: 497px;}

.projsbox02 .txtarea{width: calc(100% - 550px);float: right;}

.projsbox02 .txtarea .desc{font: 300 18px/36px microsoft yahei;color: #666;}





.propart04 {padding:60px 0 20px 0; background: #f6f6f6;}

.prolist02 li{width:50%;float: left;margin-bottom: 40px;}

.prolist02 li .warp{width: 95%; background: #fff;}

.prolist02 li .pic{width:300px;height:300px;overflow: hidden; float: left;}

.prolist02 li .pic img{width:100%;height:300px;transition: transform 2s;}

.prolist02 li:hover .pic img{ transform: scale(1.1);}

.prolist02 li .txtarea{width: calc(100% - 360px);float: right;padding:20px 30px 20px 0;}

.prolist02 li .txtarea .desc{font: 300 12px/30px microsoft yahei;color: #666;}

.prolist02 li .txtarea h3{font-size: 16px;}



.projsbox03{margin-top: 40px;text-align: center;}

.projsbox03 .protit{font: 300 36px/48px microsoft yahei;}





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

.prolist02 li{width:100%;}

}

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

.projsbox02 .pic{float: none;width:100%; }

.projsbox02 .pic img{max-width: 100%;}

.projsbox02 .txtarea{width: 100%;float: none;margin-top: 20px; }

.projsbox02 .txtarea .desc{font: 300 14px/30px microsoft yahei;}

.prolist02 li .pic{width:100%;height:auto; float: none;}

.prolist02 li .pic img{width:100%;height:auto;}

.prolist02 li .txtarea{width: calc(100% - 40px);float: none;padding:20px;}

.prolist02 li .warp{width:100%;}

.projsbox03 .protit{font: 300 24px/36px microsoft yahei;}

}



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

   solution

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



.solutionbox01{margin-top: 40px;}

.solutionbox01 .pic{float: left;width: 497px; overflow: hidden;border:1px solid #e9e9e9;}

.solutionbox01 .pic img{width: 497px;}

.solutionbox01 .txtarea{width: calc(100% - 550px);float: right;}

.solutionbox01 .txtarea h3{font: 300 36px/48px microsoft yahei;margin-bottom: 20px;}

.solutionbox01 .txtarea .desc{font: 300 14px/30px microsoft yahei;color: #666;}

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

.solutionbox01 .pic{float: none;width:100%; }

.solutionbox01 .pic img{max-width: 100%;}

.solutionbox01 .txtarea{width: 100%;float: none;margin-top: 20px; }

.solutionbox01 .txtarea .desc{font: 300 14px/30px microsoft yahei;}

}

.solutionnav{text-align: center;}

.solutionnav li{width: 150px;height: 150px; display: inline-block;font-size: 16px;}

.solutionnav li .inco{width: 100px;height: 60px; overflow: hidden;margin:0 auto 20px auto;transition: background 0.5s;}

.solutionnav li:hover .inco{   background-position: center -60px !important;}

.solutionnav li.active .inco{background-position: center -60px !important;}

.solutionnav li .inco01{background:url(../images/inco10.png) center top no-repeat;}

.solutionnav li .inco02{background:url(../images/inco09.png) center top no-repeat;}

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

.solutionnav li .inco04{background:url(../images/inco12.png) center top no-repeat;}

.solutionnav li.active{background:url(../images/arr13.png) center bottom no-repeat;}





.solutionpart01{padding:60px 0; background: #f6f6f6;border-top: 1px solid #e0e0e0;margin-top: -1px;}



.solutionlist02 li{width:50%;float: left;margin-bottom: 40px;}

.solutionlist02 li .warp{width: 95%;}

.solutionlist02 li .pic{width:300px;height:200px;overflow: hidden; float: left;}

.solutionlist02 li .pic img{width:100%;height:100%;transition: transform 2s;}

.solutionlist02 li:hover .pic img{ transform: scale(1.1);}

.solutionlist02 li .txtarea{width: calc(100% - 330px);float: right;padding:30px 0;}

.solutionlist02 li .txtarea .desc{font: 300 14px/30px microsoft yahei;color: #666;height:120px; overflow: hidden;}

.solutionlist02 li .txtarea h3{font-size: 16px;}

.ul_tsys01 li{width: 50%; float: left;color: #666;font: 300 14px/30px microsoft yahei;}



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

.solutionlist02 li .pic{width:100%;height:auto; float: none;}

.solutionlist02 li .pic img{width:100%;height:auto;}

.solutionlist02 li .txtarea{width:100%;float: none;padding:0;margin-top: 10px;}

.solutionlist02 li .warp{width:95%;margin:0 auto;}

.solutionnav li.active{background:none;}

.solutionpart01{padding:20px 0 0 0;}

.solutionnav li{height: 130px;}

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

}



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

  .solutionnav li{width: 50%;float: left;}

.solutionnav li .inco{width: 50px;height: 30px;background-size: cover;}

.solutionnav li:hover .inco{   background-position: center -30px;}

.solutionnav li.active .inco{background-position: center -30px;}

}



.jjfanpart02{padding:60px 0; background: #f6f6f6;}

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



.jjfanpart03{padding:60px 0 0 0 ; }



.tjprobox{border:1px solid #cdcdcd;padding:10px;}

.tjprobox .pic{width:620px;height:300px;overflow: hidden; float: left;}

.tjprobox .pic img{width:100%;height:100%;transition: transform 2s;}

.tjprobox:hover .pic img{ transform: scale(1.1);}

.tjprobox .txtarea{width: calc(100% - 690px);float: right;padding:20px 30px 20px 0;}

.tjprobox .txtarea .desc{font: 300 14px/36px microsoft yahei;height: 144px;overflow: hidden; color: #666;margin-bottom: 20px;}

.tjprobox .txtarea h3{font: 300 30px/30px microsoft yahei;margin-bottom: 20px;}

.tjprobox .txtarea .more a{color: #e60012;}



#owl-pro02{margin-top: 40px;}

#owl-pro02 .owl-prev,#owl-pro02 .owl-next{width:30px;top:35%; height:50px;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-pro02 .owl-prev{position: absolute;left:-50px; background:url(../images/arr11.png) left top no-repeat;}

#owl-pro02 .owl-next{position: absolute;right:-50px;background:url(../images/arr12.png) right top no-repeat;}



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

#owl-pro02 .owl-prev,#owl-pro02 .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }

}

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

.tjprobox .pic{width:100%;height:auto; float: none;}

.tjprobox .pic img{width:100%;height:auto;}

.tjprobox .txtarea{width:100%;float: none;padding:0;}

.tjprobox .txtarea h3{font: 300 24px/30px microsoft yahei;margin:10px 0;}

.tjprobox .txtarea .desc{line-height: 30px; height: 120px;margin-bottom: 10px;}

}







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

   Pagination

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

#Lb_pager {

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

}

#Lb_pager .pages {

    text-align: center

}

#Lb_pager .pages a {

    display: inline-block; 

    padding: 0 20px;

    margin: 0 3px 10px 3px;

    color: #fff;

    cursor: pointer;

    line-height: 35px;

    height: 35px;

    border:1px solid #231815;background: #231815;

}

#Lb_pager .pages a:hover {

    color: #fff;

    background-color: #e60012;border:1px solid #e60012;    

}

#Lb_pager .pages .pgcurrent {

    color: #fff;

    background-color: #e60012;

    cursor: default;border:1px solid #e60012;

}

#Lb_pager .pages .pgempty {

    cursor: not-allowed

}



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

   Sidebar

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

.overview { font: 700 36px/60px microsoft yahei; text-align: center;margin-bottom: 20px;}

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

.overview {

    color: #fff;

    font: 300 18px/59px microsoft yahei;margin-bottom: 0;

    background: #006db9;

    padding-left: 18px;}

}

.sidenav{margin-bottom: 100px; text-align: center;}

.sidenav li {

    position: relative;

    display: inline-block;

    font-size: 14px;

    text-align: center; padding: 0 30px;margin-right: 15px;background: #fff; margin-left:15px;

}

.sidenav li a{color: #333;}

.sub_nav {margin-top: -170px;}



.sidenav li:hover,.sidenav .active {background: #e60012;}

.sidenav li:hover a,.sidenav li.active a {color: #fff;}

.sidenav li:last-of-type a {}



.level2{

        position: absolute;

        z-index: 999;

        background: #fff;

        background: rgba(255, 255, 255, .9);

        display: none;

        padding: 15px 20px;

        border-bottom: 3px solid #e60012;

        margin-left:-30px;

        top: 100%;

        min-width: 140px;

}

.level2 a {

    /*    white-space: nowrap;*/

    line-height: 30px;

    font-size: 14px; 

    float: left;

    padding: 0;

    color: #000;

    background: none;

    border-bottom: 0 none;

    width: 100%;

    display: block;

    text-align: left;

	text-align: center;

}

.sidenav li:hover .level2 a,.sidenav li.active .level2 a {color: #333;}

.sidenav li:hover .level2 a:hover,.sidenav li.active .level2 a:hover {color: #e60012;}

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

.level2{display: block; min-width: calc(100% - 40px);margin-left: 0;position: relative;

  background: rgba(255, 255, 255, 1);  

}

.level2 a{text-align: center;}

}

/* overview */

.ln-menu-link {

    display: block;

    font-size:16px; position: relative;

    *zoom: 1;

    font-family: microsoft yahei;

    line-height:50px;}



#ln-menustate {

    display: none;

}

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

.sidenav{background:#fff;}

.sidenav li a{color: #333;}

.sidenav li:hover a,.sidenav li.active a {color: #fff;}

.sidenav li {width: 100%; text-align: center;border-right:0;padding:0; border:0;margin-left:0px;}

.sub_nav {margin-top:0;}

.sidenav{margin-bottom:0px;}

    .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: 99; background: none; height:170px;

}

.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: 1240px;

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

    }

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



}

}