
.inner_cont {font-size: 16px; color: #454545; width: calc(100% - 340px); float: right;}
.inner_cont  img{max-width: 100%;}
.inner_left{width: 260px; float: left;}
.content {padding:60px 0;position: relative;min-height: 400px;}
.content img{max-width: 100%;}
.sub-banner {height:170px;margin-top: 130px;}

@media only screen and (max-width: 1024px) {
  .sub-banner {height: 100px;margin-top:0px;}
.inner_left {float:none; width: 100%;margin-top: 0px;}
.inner_cont {width: 100% ; float: none;}
.inner_cont img{max-width: 98%;}
.content img{max-width: 98%; height:auto!important;}
}

/* ==========================================================================
   about
   ========================================================================== */
.abpartbox{position: relative;max-width: 1280px;margin:0 auto;}
.abpartbox .ableft{width: calc(100% - 450px); overflow: hidden;float: left;}
.abpartbox .abright{width:400px;height:614px;float: right;}
.abpartbox .abright img{width:100%;}
.abpartbox h2{font-size:36px; font-weight: bold;color: #c92333;}
.abyxbox{max-width: 1460px;margin:0 auto;padding:40px 0;}
.abyxbox ul{margin-left: -10px;}
.abyxbox li{width: 25%;float: left;}
.abyxbox li .warp{margin:10px;border:5px solid #c92333;height:70px;overflow: hidden; text-align: center;cursor: pointer;}
.abyxbox li p{font-size: 12px; color: #555;}
.abyxbox li h3 span.sz{font-size:24px; color: #c92333;}
.abyxbox li .warp:hover{box-shadow:0 0 5px 5px rgba(0, 0, 0, .1);}
.abpartbox .ableft .txtarea{font-size: 16px;color: #555555;line-height: 30px;} 

@media only screen and (max-width:1024px) {
  .abpartbox .ableft{width: calc(100% - 420px); overflow: hidden;float: left;}
.abyxbox{padding:10px 0;}
.abpartbox .ableft .txtarea{font-size: 16px;line-height:28px;} 
.abyxbox li .warp{height:100px;}
}

@media only screen and (max-width:768px) {
.abpartbox .ableft{width:100%; float: none;}
.abpartbox .abright{height:auto;width:100%; float: none;margin-top: 10px;}
.abpartbox .abright img{max-width: 100%;}
.abyxbox ul{margin-left:-5px;}
.abyxbox li .warp{margin:5px;border:2px solid #c92333;}

}



.historylist{max-width: 1400px;margin:0 auto;}
.historylist li{padding:15px 0;border-bottom: 1px solid #e6e7f0;font-size: 16px; line-height: 24px;}
.historylist li .date{width: 200px;padding:0 20px; float: left;color: #da181d;font-weight: bold;}
.historylist li .date .fa{ display:none;}
.historylist li .txtarea{width: calc(100% - 250px);float: right;}
.historylist li .txtarea img{max-width: 100%;margin:20px 0;}

@media only screen and (max-width:768px) {
  .historylist{margin:0 20px;}
  .historylist li .date{width: 100%;padding:0; float: none;}
  .historylist li .txtarea{width:100%;float: none;margin-top: 10px;font-size: 14px;}
}


.slidehonorBox .hd{ height:41px; line-height:40px;border-bottom:1px solid #c5ced9;  position:relative; text-align: center; }
.slidehonorBox .hd ul{ height:42px;}
.slidehonorBox .hd ul li{padding:0 40px;margin:0 10px; cursor:pointer;display: inline-block;background: #eff0f5;color: #9e9ea2;  }
.slidehonorBox .hd ul li.on{ height:40px; color:#333;  background:#fff; border:1px solid #c5ced9; border-bottom:1px solid #fff; }
.slidehonorBox .bd { padding:15px 0;}
.honor_list li{width:20%;float: left;margin: 20px 0;}
.honor_list li .warp{margin:0 10px; text-align: center;}
.honor_list li .warp .pic{/*border:1px solid #e7e7e7;background:url(../images/honorbg.jpg) center bottom repeat-x;*/
  height: 380px; line-height: 380px;
}
.honor_list li .warp .pic img{max-width: 96%;max-height: 96%;transition: transform 2s;}
.honor_list li .warp .pic:hover img{ transform: scale(1.1);}
.honor_list li .warp .pic{}
.honor_list li .warp .txt{height: 30px; line-height: 30px;font-size: 14px;margin-top: 10px;}

@media only screen and (max-width:1024px) {
.honor_list li{width:25%;}
.honor_list li .warp .pic{
  height: 280px; line-height: 280px;
}
.honor_list li .warp .txt{height: 60px;font-size: 12px; }
}
@media only screen and (max-width:768px) {
.honor_list li{width:50%;}
.honor_list li .warp .pic{
  height: 200px; line-height: 200px;
}
.honor_list li .warp .txt{height: 60px; font-size: 12px;}
.slidehonorBox .hd ul li{padding:0 20px;margin:0 5px;}
}
.historylistnew{background:url(../images/hisline.jpg) left top repeat-y;max-width: 1400px;margin: 0 auto;}
.historylistnew .li{margin-left: 60px;border-bottom: 1px solid #d2d2d2;position: relative;padding:20px 0 40px 0;}
.historylistnew .li span.dian{position:absolute; left:-60px; width: 21px; height: 21px; overflow: hidden; display: block; 
  background:url(../images/hisdian.jpg) left top no-repeat;}

.historylistnew .li .txtarea{width: calc(100% - 470px); float: left;font-size: 18px;line-height: 30px;}
.historylistnew .li .txtarea h3{color: #c92333;font-size: 18px; margin-bottom: 20px;}
.historylistnew .li .pic{width: 377px;height: 240px; overflow: hidden; float: right;margin-top: 20px;}
.historylistnew .li .pic img{width: 377px;height: 240px; }

@media only screen and (max-width:768px) {
  .historylistnew .li{margin-left:40px;}
.historylistnew .li .txtarea{width: calc(100% - 40px); float: none;font-size: 14px;}
.historylistnew .li .pic{float: none;width: 100%;height: auto;}
.historylistnew .li .pic img{width:100%;height: auto; }
.historylistnew .li span.dian{ left:-40px; }
}

.tclogo{text-align: center;margin-bottom: 20px;}
.wxfzlcbox {position: relative;  padding-top: 48px;  padding-bottom: 30px;}
.wxfzlcbox:before {  content: "";  display: block;  top: 0;  bottom: 0;  left: 50%;  margin-left: -0.5px;
  position: absolute;  width: 1px;  background: #C1262D;}
.fzlc_type{width: 50%;margin-bottom: 30px;}
.fzlc_typeleft{float: left;margin-right: 10px;position: relative;}
.fzlc_typeleft .txtarea{padding-right: 130px;padding-left: 10px;}
.fzlc_typeright{float: right;margin-left: 10px;position: relative;}
.fzlc_typeright .txtarea{padding-left: 130px;padding-right: 10px;}
.fzlc_typeleft .fzlc_time {  position: absolute;  top: 5px;  right:-5px;  height: 25px;  padding-right: 52px;}
.fzlc_typeleft .fzlc_time:before {  content: "";  display: block;  position: absolute;  top: 50%;  right: 0;  margin-top: -4.5px;
  width: 9px;  height: 9px;  border-radius: 50%;  background: #C1262D;}
.fzlc_typeleft .fzlc_time:after {  content: "";  display: block;  position: absolute;  top: 50%;  left: 0;  right: 0;
  margin-top: -0.5px;  height: 1px;  background: #C1262D;}
  .fzlc_time{width: 64px;}
.fzlc_time span {  position: relative;  display: block;  height: 25px;  border-radius: 5px;  padding: 0 15px;  font-size: 14px;
  color: #fff;  background: #C1262D;  line-height: 25px;  z-index: 10;}
.fzlc_typeleft p {  position: relative;  padding-right: 18px;  font-size: 14px;  color: #666;  text-align: right;}
.fzlc_typeleft p:before {  content: ""; display: block; position: absolute; right: 0; top: 12px; width: 4px; height: 4px; background: #C1262D;}
.fzlc_typeright .fzlc_time {  position: absolute;  top: 5px;  left: -5px;  height: 25px;  padding-left: 52px;}
.fzlc_typeright .fzlc_time:before {  content: "";  display: block;  position: absolute;  top: 50%;  left: 0;  margin-top: -4.5px;
  width: 9px;  height: 9px;  border-radius: 50%;  background: #C1262D;}
.fzlc_typeright .fzlc_time:after {  content: "";  display: block;  position: absolute;  top: 50%;  left: 0;  right: 0;
  margin-top: -0.5px;  height: 1px;  background: #C1262D;}
.fzlc_typeright p {  position: relative;  padding-left: 18px;  font-size: 14px;  color: #666;  text-align: left;}
.fzlc_typeright p:before {content: ""; display: block; position: absolute;left: 0;top: 12px;width: 4px;height: 4px; background: #C1262D;}
.fzlc_seemore {  margin: auto;  display: block;  width: 110px;  height: 40px;  background: #C1262D;  font-size: 14px;
  color: #fff;  text-align: center;  line-height: 40px;  cursor: pointer;  transition: all 0.15s;}
.fzlc_seemore:hover {  color: #fff;  background: #DF444B;}

@media only screen and (max-width:768px) {
.fzlc_type{width: 100%;margin-bottom: 30px;}
.fzlc_typeleft{float: none;margin-right:0;}
.fzlc_typeright{float: none;margin-left:0;}
.fzlc_typeleft .txtarea,.fzlc_typeright .txtarea{padding-left: 60px;padding-right: 10px;padding-top: 40px;}
.wxfzlcbox:before {left:10px;margin-left:0;}
.fzlc_typeright .fzlc_time{left:5px;}
.fzlc_typeleft .fzlc_time {  position: absolute;  top: 5px;  left:5px;  height: 25px;  padding-left: 52px;padding-right: 0;}
.fzlc_typeleft .fzlc_time:before {  content: "";  display: block;  position: absolute;  top: 50%;  left: 0;  margin-top: -4.5px;
  width: 9px;  height: 9px;  border-radius: 50%;  background: #C1262D;}
.fzlc_typeleft .fzlc_time:after {  content: "";  display: block;  position: absolute;  top: 50%;  left: 0;  right: 0;
  margin-top: -0.5px;  height: 1px;  background: #C1262D;}
.fzlc_typeleft p {  position: relative;  padding-left: 18px;  font-size: 14px;  color: #666;  text-align: left;}
.fzlc_typeleft p:before {content: ""; display: block; position: absolute;left: 0;top: 12px;width: 4px;height: 4px; background: #C1262D;}
.tclogo {
    text-align: left;
	margin-bottom:0px;
    padding-left: 10px;
}
.tclogo img{    max-width: 50%;}
}

/* ==========================================================================
   career
   ========================================================================== */
.career-list table { width: 100% }
.career-list th { padding: 0 15px; line-height: 48px; background: #fff; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; font-size: 16px; }
.career-list .hd td { padding: 0 15px; line-height: 48px; border-bottom: 1px solid #e7e7e7; color: #333; font-size: 16px; }
.career-list .hd td a{background: #c92333;color: #fff;width: 110px;height: 32px; line-height: 32px; text-align: center;display: inline-block;}
.career-list em{float: left; display:block; width:44px; height:44px; background:url(../images/icoAdd02.png) center bottom no-repeat;}
.career-list .on { position: relative }
.career-list .on td { background-color: #f1f3f7;border-color:#f1f3f7;  }
.career-list .on em{ background-position:center top; }
.career-list .bd { display: none; padding:0 20px 20px 60px; background: #f1f3f7; color: #333; border-bottom: 1px solid #e7e7e7 }
.career-list .td_fun{width:10%;}
.zwsearch{float: right; width: 280px;z-index: 99; border:1px solid #d2d2d2;padding:0 0 0 20px;background: #fff;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
}
.zwsearch .warp{background: #fff;}
.zwsearch #q{ float: left;   border: 0 none; }
.zwsearch .search-btn { float: right;   border: 0 none; }
.zwsearch #q { width: calc(100% - 70px); height: 18px; padding: 10px; line-height: 18px; background: #fff;border:1px solid #fff;font: 300 12px/18px microsoft yahei;  }
.zwsearch .search-btn { width: 40px;padding:0;margin:0; height: 40px; cursor: pointer; background: url(../images/btn_ser02.png) no-repeat center;}
.careertop{margin-bottom: 20px;}
.careertop .left{width: 50%;height: 50px; line-height: 50px;  float: left;}
.careertop .left span{font-size: 24px;margin-right: 20px;}


.jltdbox{width: 80%;max-width: 733px;background: #fff; height: 400px; border-top: 3px solid #dd1818;}
.jltdbox .warp{padding:60px 100px;}
.jltdbox label{width: 70px; text-align: right;display: inline-block;}
.jltdbox .ui-input{background: #f1f3f7;border:1px solid #f1f3f7;height: 18px; line-height: 18px;padding:8px 5px;}
.jltdbox .ui-input01{width: 160px;}
.jltdbox .ui-file{width: 410px;}
.jltdbox .mode{margin-bottom: 15px;}
.jltdbox .ui-btn{ border: 0 none; cursor: pointer;text-align: center; padding:10px 20px;font: 300 14px/24px microsoft yahei; color: #fff; width: 200px;background: #dd1818;}
.jltdbox .mode03{text-align: center;margin-top: 40px;}

.rclnpart{text-align: center;}
.rclnpart h3{color: #c92333;font-size: 24px; margin-bottom: 30px;font-weight: normal;}
.rclnpart .txt{font-size: 16px;margin-bottom: 30px;}

.zlfzbg{background:url(../images/pic22.jpg) no-repeat bottom center;}
.zlfzbg .zlfzbox{text-align: center;padding:50px 0;}
.zlfzbg .mopic{display: none;}

@media only screen and (max-width: 768px) {
  .td_hid{display: none;}
  .career-list th{display: none;}
  .career-list em{ width:10px;margin-right: 5px;}
  .careertop .left{width:100%;float: none;line-height: 30px;height: auto;}
  .careertop .left span{display: block;}
  .zwsearch{float: none;width: calc(100% - 4px);margin-top: 5px;padding-left: 0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;}
  .zwsearch .search-btn {background:#c92333 url(../images/btn_ser02.png) no-repeat center;}  
  .jltdbox{width: 90%;height: auto;}
  .jltdbox .warp{padding:20px;}
  .jltdbox .ui-file{width: 160px;}
  .jltdbox .checkcode .ui-input01{width: 100px;}
  .zlfzbg .mopic{display: block;}
  .zlfzbg .pcpic{display: none;}
}


/* ==========================================================================
   market
   ========================================================================== */
.marketmenu{border-bottom: 1px solid #dcdcdc; text-align: center;height: 40px;margin-bottom: 30px;}
.marketmenu a{padding:0 20px;height: 39px;margin:0 10px;font-size: 16px; line-height: 39px; display: inline-block;border:1px solid #dcdcdc;border-bottom: 0;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
}
.marketmenu a.on,.marketmenu a:hover{background: #c92333;color: #fff;border-color: #c92333; }

.marketlist li{width: 33.3%;float: left;margin-bottom: 45px;}
.marketbox{margin:0 20px;height: 400px; background: #fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.marketbox .pic{width: 100%;height: 260px; overflow: hidden;}
.marketbox .pic img{width: 100%;height: 100%;transition: transform 2s;}
.marketbox .pic:hover img{ transform: scale(1.1);}
.marketbox .txtarea{padding:30px;}
.marketbox .txtarea .date{color: #c92333;}
.marketbox .txtarea .tit{font-size: 18px;line-height: 24px;margin-top: 5px;}

@media only screen and (max-width: 768px) {
 .marketlist li{width:100%;float: none;margin-bottom:20px;} 
 .marketbox{margin:0;height: auto;}
 .marketbox .pic{width: 100%;height: auto; overflow: hidden;}
}

@media only screen and (max-width: 320px) {
.marketmenu a{padding:0 10px;margin:0 5px;}

}

.innermap{ text-align: center; }

/* ==========================================================================
   news
   ========================================================================== */

.newslist02{}
.newslist02 li{padding:20px; overflow: hidden;margin-bottom:19px;cursor: pointer;border-bottom: 1px solid #eeeeee;position: relative;}
.newslist02 li .pic{width: 297px;height: 184px; float: left;overflow: hidden;}
.newslist02 li .pic img{width: 297px;height: 184px;transition: transform 2s;}
.newslist02 li .pic:hover img{ transform: scale(1.1);}
.newslist02 li .date{color: #c92333;}
.newslist02 li .txtarea{width: calc(100% - 317px);padding-top:20px;  float: right;font: 300 14px/24px microsoft yahei;}
.newslist02 li .txtarea h3{font-size: 18px; font-weight: normal; width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0;}
.newslist02 li .txtarea h3 a{color: #000;}
.newslist02 li .txtarea h3 a:hover{color: #c92333;}
.newslist02 li .txtarea .desc{height:48px; overflow: hidden;color: #858585;margin-top: 5px;margin-bottom:20px;}
.newslist02 li .txtarea a.more{color: #c92333;}

@media only screen and (max-width:768px) {
.newslist02 li .txtarea .more,.newslist02 li .txtarea .mdate{display: inline-block;margin-right: 5px;}
.newslist02 li .date,.newslist02 li .link{display: none;}
.newslist02 li .txtarea{width:100%; float: none;height: 135px;}
#owl-news02 .warp .pic{height: 200px;}
}


.newsh{width:100%;text-align: center; margin-top: 30px;}
.newtitle{text-align: center;}
.newtitle h1 {font:700 24px/24px microsoft yahei;color:#000;}
.newtitle .byline{height:50px;color:#c92333;line-height:50px;border-bottom:1px solid #e9e9e9;}
.newtitle .loact{height:50px;line-height:50px;color: #777777;}
.newtitle .loact a{color: #777777;}
.newtitle .loact a:hover{color: #c92333;}
.newsh_cn {padding:20px 0;font-size: 16px;}
.newsh_cn .mopic{display: none;}
.toolbar{padding:30px 20px 0 20px; border-top:1px solid #d8d8d8; position:relative;font: 16px/30px microsoft yahei; margin-top:20px;}
.toolbar .left{float: left;width: calc(100% - 180px);}
.toolbar .left a{display: block;width: 100%;height: 30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fhshare{float: right; width: 150px;}
.fhshare a{width:100%;height: 40px;display: block; text-align: center; line-height: 40px; border:1px solid #d8d8d8;color:#666;}
.fhshare a:hover{border:1px solid #c92333;color:#fff; background-color: #c92333; text-decoration: none;}
.fhshare .fa{margin-right:10px;}


@media only screen and (max-width:768px) {
.newsh_cn {
    padding: 0 10px;
    font-size: 14px;
}
  .newsh_cn .mopic{display: block;}
  .newsh_cn .pcpic{display: none;}
.toolbar .left{float: none;width: 100%;}
.fhshare{float: none;margin-top:20px;}
.newtitle h1 {font:700 16px/24px microsoft yahei;color:#000;}
}


/* ==========================================================================
   app
   ========================================================================== */
.probar{}
.probar .title{height: 40px;position: relative;}
.probar .title h3{font: 700 24px/40px microsoft yahei; }
.probar .title .btn_jt{display: block; height:40px;cursor: pointer;width: 50px; cursor: pointer; position: absolute; top:0; right: 0; text-align: center; line-height: 40px; display: none;}
.probar .title .inco01{ height:40px;width: 40px; display: block; background: url(../images/inco14.png) center no-repeat;}
.probar .title .cur .inco01{background: url(../images/inco13.png) center no-repeat;}

.probar .pronav{margin-top: 30px;}
.probar .pronav li{font-size: 16px; line-height: 44px;font-family: microsoft yahei; margin-bottom: 10px; text-indent: 10px; position: relative;}
.probar .pronav li a{width: 100%; display: block; height:44px;border: 1px solid #c5ced9;}

.probar .pronav li a:hover {border-color: #c92333;background:#c92333;color: #fff;}
.probar .pronav li.active a{border-color: #c92333;background:#c92333;color: #fff;}

.probar .pronav .level2{padding-top: 10px;}
.probar .pronav .level2 li{line-height: 24px;text-indent: 6px;}
.probar .pronav .level2 li a{
    border: 0;
    background: none;
    color: #333;
    height: auto;
    font-size: 14px;
    text-indent: 0px;
    /* padding-left: 10px; */
    line-height: 16px;
    /*padding-bottom: 5px;
    padding-top: 2px;*/
    width: calc(100% - 50px);
    display: inline-block;    vertical-align: top;
	}
.probar .pronav .level2 li i{margin-right: 6px;    vertical-align: top; line-height:16px;}
.probar .pronav .level2 li.on a,.probar .pronav .level2 li.on i{color: #c92333;}
.probar .pronav .level2 li:hover a,.probar .pronav .level2 li:hover i{color: #c92333;}

.breadcrumb-bar {height: 50px; line-height: 50px;text-align: right;color: #999;overflow: hidden;}
.breadcrumb-bar h2{float: left;color: #333;font: 700 24px/50px microsoft yahei;color: #000;}
.breadcrumb-bar a{color: #999;}
.breadcrumb-bar a:hover{color: #c92333;}
.probg{padding-bottom: 0;}
.probg .wrapper{background: url(../images/projg.jpg) 300px top  no-repeat;padding-bottom: 40px;}

.appbar{height: 48px; background: #e5eaf1;border-bottom: 3px solid #d7d7df;padding:0 50px;margin-top: 30px;}
.appbar a{margin:0 30px;height: 48px; line-height: 48px; display: inline-block;font-size: 16px;}
.appbar a.on{border-bottom: 3px solid #c92333;color: #c92333;font-weight: bold;}

.innerapp{padding-top: 30px;}
.innerapp h3.tit{color: #c92333;font-size: 18px;}
.appprolist{margin-bottom: 30px;}
.appprolist li{width: 25%; float: left;height: 300px; overflow: hidden;text-align: center;font-size: 16px;}
.appprolist li .pic{width: 100%;height: 250px;  line-height: 250px;overflow: hidden;margin-bottom: 20px;}
.appprolist li .pic img{max-width: 90%;max-height: 100%;transition: transform 2s;}

.appprolist li:hover .pic img{ transform: scale(1.1);}

.app_table{border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc; width:100%!important;max-width: 1260px!important;margin-top: 30px;}
.app_table td,.app_table th{line-height: 40px; border-bottom: 1px solid  #dcdcdc;border-right: 1px solid  #dcdcdc;}
.app_table th{background: #e5eaf1;}
.app_table td{text-indent: 0px!important; padding-left:30px!important;}
.app_table th:first-child,.app_table tr td:first-child {width:20%;}
.app_table th:nth-child(2),.app_table tr td:nth-child(2) {width:40%;}
.app_table th:nth-child(3),.app_table tr td:nth-child(3) {width:40%;}

.ke-zeroborder{border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc; width:100%!important;max-width: 1600px!important;margin: auto;}
.ke-zeroborder td,.ke-zeroborder th{line-height: 40px; border-bottom: 1px solid  #dcdcdc;border-right: 1px solid  #dcdcdc;padding-left:10px; padding-right:10px;}
.ke-zeroborder th{background: #e5eaf1;}
.ke-zeroborder td{}

.appproductstable{border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc; width:100%!important;max-width: 1600px!important;margin: auto; margin-top:10px;}
.appproductstable td,.appproductstable th{line-height: 40px; border-bottom: 1px solid  #dcdcdc;border-right: 1px solid  #dcdcdc;}
.appproductstable th{background: #e5eaf1;}
.appproductstable th:first-child,.appproductstable tr td:first-child {width:26%;}
.appproductstable th:nth-child(2),.appproductstable tr td:nth-child(2) {width:15%;}
.appproductstable th:nth-child(3),.appproductstable tr td:nth-child(3) {width:15%;}
.appproductstable th:nth-child(4),.appproductstable tr td:nth-child(4) {width:44%;}
.appproductstable a{text-decoration: underline;color: rgb(192, 0, 0); }
@media only screen and (max-width: 1024px) {
.inner_left {float:none; width: 100%;margin-top: 0px;}
.inner_cont {width: 100% ; float: none;}
.probar .pronav{display: none;}
.probar .title{padding:0 20px;background: #c92333;color: #fff;}
.probar .title h3{ font-size: 18px; }
.probar .title .btn_jt{display: block;}
.tabsocll{width: 100%;overflow-x: auto;}
.app_table{font-size: 14px;min-width: 800px;}
.app_table td{text-indent: 0px!important;padding-left:10px!important;}
.probg .wrapper{background:none;}
.ke-zeroborder{max-width: 100%!important;table-layout:fixed;}
.ke-zeroborder td{word-break:break-all;line-height: 24px;}
}

@media only screen and (max-width: 768px) {
.breadcrumb-bar{height: auto; text-align: left; line-height: 24px;font-size: 12px;}
.breadcrumb-bar h2{float: none;font-size: 18px;}
.appprolist li{width:50%;height: 200px;}
.appprolist li .pic{height: 150px;  line-height: 150px;}
.appbar{padding:0;}
.appbar a{margin:0 10px;}
.appproductstable{font-size:14px;}
.ke-zeroborder{max-width: 100%!important;table-layout:fixed;}
.ke-zeroborder td{word-break:break-all;line-height: 24px;}
.ke-zeroborder td,.ke-zeroborder th{padding-left:2px; padding-right:2px;}
.ke-zeroborder th:first-child,.ke-zeroborder tr td:first-child {width:40px;}
.ke-zeroborder th:nth-child(3),.ke-zeroborder tr td:nth-child(3) {width:100px;}
}


/* ==========================================================================
   pro
   ========================================================================== */
.proyjhms{font-size: 20px;color: #555;}
.procpms{margin:30px 0;}
.procpms .pic{width:190px;height: 160px;  line-height: 160px;overflow: hidden; float: left; text-align: center;}
.procpms .pic img{max-width:100%;max-height: 100%;}
.procpms .txtarea{width: calc(100% - 220px); float: right; line-height: 28px;}
.ggs_table{border-top: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc; width:100%!important;max-width: 1260px!important;margin-top: 30px;}
.ggs_table td,.ggs_table th{line-height: 40px; border-bottom: 1px solid  #dcdcdc;border-right: 1px solid  #dcdcdc; text-align: left;text-indent: 0px!important; padding-left:30px!important;}
.ggs_table th{background: #e5eaf1;}
.ggs_table .fa-cloud-download{display: inline;color: #c92333;margin-right: 5px;}

.ggs_table th:first-child,.ggs_table tr td:first-child {width:30%;}
.ggs_table th:nth-child(2),.ggs_table tr td:nth-child(2) {width:30%;}
.ggs_table th:nth-child(3),.ggs_table tr td:nth-child(3) {width:40%;}


@media only screen and (max-width: 768px) {
  .ggs_table td,.ggs_table th{font-size: 14px; text-indent: 0px!important;padding-left:10px!important;}
  .procpms .pic{width:100%;height: auto;  line-height: 100%;float: none;}
.procpms .txtarea{width: 100%; float: none; line-height: 28px;margin-top: 10px;}
}

.proquickser{width: 100%;background: #e5eaf1;margin-top: 20px;}
.proquickser .warp{margin:30px;}
.proquickser .mode01{width: 100px;overflow: hidden; float: left;}
.proquickser .ovsocll{float: left;}
.proquickser .mode02{min-width: 200px;overflow: hidden;display: inline-block;    padding-right: 10px;}
.proquickser .mode02 .li{height: 24px; margin-bottom: 10px;}
.proquickser .mode02 .ui-input{width: 90px;height: 18px;padding:2px 5px;border:1px solid #dcdcdc;float: left;}
.proquickser .mode02 em{/*width: 70px;*/min-width:70px;height: 24px; line-height: 24px; text-align: right; display: inline-block; float: left;font-size: 12px;padding-right: 10px;}
.proquickser .mode03{/*width: 200px;*/ min-width:120px;font-size: 12px;display: inline-block;    vertical-align: top; padding-right: 10px;}
.proquickser .mode03 .lf{/*width: 80px;*/ min-width:50px; text-align: right;padding-right: 10px; float: left;}
.proquickser .mode03 .libox{float: right;/*width: 100px;*/  min-width:100px;overflow-y: auto;max-height: 150px;    min-height: 100px;}
.proquickser .mode03 .libox .li{height: 20px; line-height: 20px;padding-left: 20px; position: relative;}
.proquickser .mode03 .libox .li:after {
    position: absolute; content: ""; width: 10px; height: 10px; background: #eeeeee;border:1px solid #7d8083; left: 0; top: 5px;}

.proquickser .mode03 .libox .li.active:after {background: url(../images/k0.png) no-repeat center;    background-size: 100%;}
.proquickser .mode04{width: 100px; float: left;margin-left: 20px;}
.proquickser .mode04 .ui-btn{ border: 0 none; cursor: pointer;text-align: center;font: 300 14px/24px microsoft yahei; color: #fff; width: 100px;background: #c92333;}

@media only screen and (max-width: 768px) {
  .proquickser .mode01,.proquickser .ovsocll,.proquickser .mode04{float: none;}
  .proquickser .mode04{margin-top: 10px;}
  .proquickser .ovsocll{overflow-x: auto;}
  .proquickser .mode03{margin-top: 5px;}
  .proquickser .mode03 .lf{/*width: 80px;*/ min-width:100px; }
  .proquickser .mode03 .libox {max-height: 60px;    min-height: 50px;}
}
.a_Reset{ color:#c92333;font-size:12px;}
.a_allsel{ color:#c92333;font-size:12px;}
#tb_prolist a{ color:#c92333;}
.slideproBox .hd ul{height: 48px; background: #e5eaf1;border-bottom: 3px solid #d7d7df;padding:0 50px;margin-top: 30px;}
.slideproBox .hd li{margin:0 30px;height: 48px; line-height: 48px; display: inline-block;font-size: 16px;cursor: pointer;}
.slideproBox .hd li.on{border-bottom: 3px solid #c92333;color: #c92333;font-weight: bold;}
.slideproBox .bd{padding:30px 0;}
.proselect{overflow-x: auto;    margin-top: 10px;}
.pro-table{font-size: 12px;border-left: 1px solid #e3e4e8;min-width: 900px;}
.pro-table th{background: #e5eaf1;color: #575a69;padding:10px;border-right: 1px solid #b1b4bf;}
.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 #7d8083; 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 #b1b4bf;}
.pro-op td{color: #575a69;padding:5px 10px;border-right: 1px solid #b1b4bf;background: #e3e4e8;text-align:center;}
.pro-item td{color: #575a69;padding:10px;border-right: 1px solid #b1b4bf;border-bottom: 1px solid #e3e4e8;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;}

.appli-details01 ul{list-style-type: none!important;}
.appli-details01 ul li{line-height: 30px!important;background: url(../images/inco_dian.png) left 13px no-repeat;padding-left: 20px;}
.technewslist{max-width: 1200px;margin:0 auto;}
.technewslist li{height: 48px; line-height: 48px;border-bottom: 1px dashed #e5eaf0; font-size: 16px;}
.technewslist li a{width: calc(100% -200px); height: 48px;overflow: hidden; float: left;display: block;}
.technewslist li span{float: right;}

.innertext{width: calc(40% - 50px);float: left; overflow: hidden;line-height: 30px;font-size: 16px;}
.innertext h2{font-size: 18px;margin-bottom: 10px;}
.innermap{width: 60%;float: right; overflow: hidden;}

@media only screen and (max-width: 768px) {
  .innertext,.innermap{width: 100%;float: none;}
  .innertext{margin-bottom: 20px;}
    .technewslist li{font-size: 14px;line-height: 30px;height: 60px; }
  .technewslist li a{width: calc(100% - 90px);height: 60px; overflow: hidden; float: left;display: block;}
}


/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager { margin-top: 30px;margin-bottom:20px; text-align: center; font-family: microsoft yahei;}
#Lb_pager .pages a { display: inline-block;margin:0 3px; padding: 0 10px;color: #333; cursor: pointer; line-height: 30px; height: 30px;border:1px solid #e8e7e7;}
#Lb_pager .pages a:first-child { border-left:1px solid #e8e7e7; }
#Lb_pager .pages .pgnext{padding: 0 15px; }
#Lb_pager .pages .pgcurrent { color: #fff;cursor: default;background-color: #c92333;border-color: #c92333;}
#Lb_pager .pages .pgempty { cursor: not-allowed }
#Lb_pager .pages a:hover{color: #fff; text-decoration: none;background-color: #c92333;border-color: #c92333;}


/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { color: #fff; font: 300 18px/59px microsoft yahei; background: #006db9; padding-left: 18px;}
.sidenav{background:#fff; text-align: center;margin-top: 40px;}
.sidenav li {margin:0 5px; position: relative; display: inline-block; font-size: 14px; text-align: center; padding: 0 30px; border:1px solid #c5ced9;}
.sub_nav {background:#fff;}
.sidenav li:hover,.sidenav .active {background: #c92333;border-color: #c92333;}
.sidenav li:hover a,.sidenav li.active a {color: #fff;}

/* overview */
.ln-menu-link { display: block; font-size:16px; position: relative; *zoom: 1;line-height:43px;}
#ln-menustate { display: none;}

@media only screen and (max-width: 768px) {
.sidenav{background:#fff;margin-top: 0;;}
.sidenav li { width: 100%; text-align: center;border-right:0;padding:0; margin:0;border: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;         margin: 0;    }
.overview.hidden { display: block; }
}

#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: 768px) {    
    .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;
		    font: 300 16px/59px microsoft yahei;
    }
    .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 5px;
    }
    .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: 768px) 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: 768px) {
.ln-menu-link{    
-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;

}
}
