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

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

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

}

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

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



.content {padding:60px 0;}



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

   Breadcrumbs

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



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

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

.breadcrumb-bar {  }

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

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

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

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

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

.overview{display: none;}



/* about */

.innertit{ font: 600 30px/36px microsoft yahei;color: #000;text-align: center;}

.btline{width: 80px; height: 2px; background: #365da8;margin:15px auto 5px auto;}

.sectionmode01{padding:60px 0;}

.agsjsbox{margin-top: 40px;}

.agsjsbox .pic{width:550px; height: 590px;overflow: hidden; float: left;position: relative;}

.agsjsbox .pic .mode{width: 440px; height: 590px; overflow: hidden;text-align: center;}

.agsjsbox .pic .mode img{height: 100%;transition: transform 2s;}

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

.agsjsbox .pic .txt01{ display: none; width:310px;height: 135px; overflow: hidden;position: absolute;bottom: 0;left:60px;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E52C91D8', endColorstr='#E52C91D8');background:rgba(44,145,216,0.9);}

.agsjsbox .pic .txt01 a{width: 100%;font: 600 35px/135px microsoft yahei;color: #fff;display: inline-block; text-align: center;}

.agsjsbox .txtarea{width: calc(100% - 470px);height: 590px;overflow: hidden; float: right;font: 300 16px/30px microsoft yahei;}

.agsjsbox .txtarea .warp{padding:0 50px; background: #f5f5f5;position: relative;margin:20px 0;}

#owl-gsjcpic .owl-pagination{display: none;}

#owl-gsjcpic .owl-prev,#owl-gsjcpic .owl-next{width: 50px;top:0; height: 100%;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;}

#owl-gsjcpic .owl-prev{position: absolute;left: -50px;background: url(../images/arr01.jpg) center no-repeat;}

#owl-gsjcpic .owl-next{position: absolute;right: -50px;background: url(../images/arr02.jpg) center no-repeat;}



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

.agsjsbox .pic{width:100%; height: auto;padding-bottom:70px;float: none;}

.agsjsbox .pic .mode{width:100%; height: auto;}

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

.agsjsbox .txtarea{width:100%;height: auto;float: none; margin-top: 10px;}

.agsjsbox .pic .txt01{width:90%;left:5%;}

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

}



.sectionmode02{background: url(about13.jpg) no-repeat center bottom;}

.sectionmode02 .innertit{color: #fff;}

.sectionmode02 .btline{background: #fff;margin:15px auto 40px auto;}

.sectionmode02 .txtarea{max-width:439px;width:40%; height: 522px; float: left; background: #388fcc; color: #fff;font: 300 16px/30px microsoft yahei; }

.sectionmode02 .txtarea .warp{padding:20% 12% 20% 12%;}

.sectionmode02 .pic{width:60%; height: 522px; float: right;}

.sectionmode02 .txtarea .warp{padding:10% 50px 0 50px; text-align: center;}
.sectionmode02 .txtarea .desc{text-align: left;    text-indent: 2em;}

.sectionmode02 .pic .warp{padding:15% 50px 0 50px; text-align: center;position: relative;}

#owl-gssl02 img{max-width: 100%;}

#owl-gssl02 .owl-pagination{display: none;}

#owl-gssl02 .owl-prev,#owl-gssl02 .owl-next{width: 50px;top:0; height: 100%;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;}

#owl-gssl02 .owl-prev{position: absolute;left: -50px;background: url(bl.png) center no-repeat;}

#owl-gssl02 .owl-next{position: absolute;right: -50px;background: url(br.png) center no-repeat;}



.sectionmode03{padding:60px 0 80px 0;background: url(about14.jpg) no-repeat center top;background-size: cover; }

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

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



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

.sectionmode02{padding:40px 0 0 0 ;background-size: cover;}

.sectionmode02 .txtarea{max-width:100%;width:100%; height: auto; float: none; background: #388fcc;}

.sectionmode02 .txtarea .warp{padding:40px;}

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

.sectionmode02 .pic .warp{padding:40px;}

.sectionmode03{padding:40px 0 40px 0; }

}



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

.about_qywh h2.ms{color: #365da8; text-align: center;font-size: 18px;margin-top: 20px;}

.about_qywh .mode01{background: url(about06.jpg) no-repeat right top;}

.qywh_list{margin-top: 50px;}

.qywh_list li{width:33.3%;float: left;height: 346px;color: #fff;cursor: pointer;overflow:hidden;}

.qywh_list li:nth-of-type(1){width:33.4%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E54A5465', endColorstr='#E54A5465');background:rgba(74,84,101,0.9);}

.qywh_list li:nth-of-type(2){color:#000;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5DCDDE5', endColorstr='#E5DCDDE5');background:rgba(220,221,229,0.9);}

.qywh_list li:nth-of-type(3){filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E52C91D8', endColorstr='#E52C91D8');background:rgba(44,145,216,0.9);}

.qywh_list li .warp{padding:80px 40px 40px 40px; font-size: 16px; text-align: center;}

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

.qywh_list li .inco{width:84px;height: 80px; overflow: hidden;margin:0 auto 20px auto;}

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

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

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

.qywh_list li .warp{transition: transform 1s;}

.qywh_list li:hover .warp{ transform: scale(0.9);} 

.about_qywh .mode02{width:100%;height: 389px; overflow: hidden;background: url(about10.jpg) no-repeat right top;}

.about_qywh .mode02 .txtarea{width:50%; float: left; background: #fff; height: 388px;border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}

.about_qywh .mode02 .txtarea .warp{padding:50px;}

.about_qywh .mode02 .txtarea dl{font: 300 16px/24px microsoft yahei;margin-bottom: 20px; }

.about_qywh .mode02 .txtarea dt{float: left; font-size: 20px; font-weight:bold; width:110px;}

.about_qywh .mode02 .txtarea dd{float: left;width: calc(100% - 110px);}

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

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

.qywh_list li:nth-of-type(1){width:100%;}

.about_qywh .mode01{ background-size: cover; }

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

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

.about_qywh .mode02 .txtarea{width:100%; float: none;  height: auto;border:none 0; 

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);}

.about_qywh .mode02 .txtarea .warp{padding:50px 20px;color: #365da8;}

}





/* careers */

.rclnmode01{margin: 40px 0;}

.rclnmode01 .mode01{ width:50%;height: 489px; float: left;position: relative;overflow: hidden;}

.rclnmode01 .mode02{ width:50%;height: 489px; float: right;position: relative;overflow: hidden;}
.rclnmode01 .pic{width:100%;}
.rclnmode01 .pic img{max-width: 100%; height:100%;transition: transform 2s;}

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

.rclnmode01 .mode02:hover .pic img{ transform: scale(1.1);}  
.rclnmode01 .mode01 .pic{width:100%;height:244px;overflow: hidden;}
.rclnmode01 .mode01 .txtarea{width:100%;height:245px; background: #edeeef;}

.rclnmode01 .mode01 .txtarea .warp{padding:0 10%; height:100%;position: relative;}

.rclnmode01 .mode01 .txtarea .warp .txt{color: #365da8;font: 300 36px/245px microsoft yahei; text-align: center;}

.rclnmode01 .mode02 .txtarea{width:50%;height: 50%;position: absolute;bottom: 0;right: 0;z-index: 99;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E52C91D8', endColorstr='#E52C91D8');background:rgba(44,145,216,0.9); 

}

.rclnmode01 .mode02 .txtarea a{color: #fff;}

.rclnmode01 .mode02 .txtarea .warp{padding:15% 20% 20% 20%;}

.rclnmode01 .mode02 .txtarea .warp .inco{font-size: 60px;}

.rclnmode01 .mode02 .txtarea .warp .txt{font-size: 24px; line-height: 48px;}

.rclnmode01 .mode02 .txtarea .warp .txt i{float: right;font-size: 36px;margin-top: 10px;}



.careerMenu{width:100%;margin-top: 50px;}

.careerMenu h3{ height:44px;border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer;font:normal 16px/44px microsoft yahei;color: #282828;margin-top:20px;

-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}

.careerMenu h3 .date{width:180px;overflow: hidden;float: right; height: 44px;font-size: 14px;}

.careerMenu h3 .tit01{width: calc(100% - 600px);margin-right: 20px; height: 44px;float: left; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

.careerMenu h3 .tit02{width:250px; height: 44px;margin-right: 20px; float: left; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}

.careerMenu h3.on{color: #01a8ec;}

.careerMenu h3 em{ float:left; display:block; width:44px; height:44px; background:url(../images/icoAdd02.png) center bottom no-repeat;

 cursor:pointer;border-right:1px solid #e8e8e8;margin-right: 20px; }

.careerMenu h3.on em{ background-position:center top; }

.careerMenu .nwms{font: 300 14px/24px microsoft yahei;padding:20px 20px 60px 20px; border:1px solid #e8e8e8; border-top: 0;position: relative;}

.careerMenu .nwms .btn_ljyp{background: #365da8;color: #fff;padding:6px 30px;position:absolute;right: 20px;bottom: 20px;

-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}
.careerMenu .nwms .btn_ljyp1{background: #365da8;color: #fff;padding:6px 30px;position:absolute;right: 150px;bottom: 20px;

-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}


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

.rclnmode01 .mode01{ width:100%;margin-bottom: 10px; }

.rclnmode01 .mode01 .txtarea .warp{font: 300 20px/36px microsoft yahei;color: #000;padding:0 10%;}
.rclnmode01 .mode01 .txtarea .warp .txt {font: 300 24px/245px microsoft yahei;}

.rclnmode01 .mode02{ width:100%;height: 300px;}

.rclnmode01 .mode02 .txtarea{width:100%;height: 100%;}

.careerMenu h3 .tit02{display: none;}

.careerMenu h3 .tit01{width: calc(100% - 70px);margin-right: 0;}

.careerMenu h3 .date{display: none;}

}



.corder{padding-bottom: 60px;}

.careertab{padding:40px 60px ;border:1px solid #e8e8e8; border-top: 0;}

.careertab .ui-input {width: calc(100% - 100px); height: 18px; line-height: 18px; padding: 8px 20px; background-color: #fff; border: 1px solid #bebdbd;}

.careertab dl{margin-bottom: 20px;}

.careertab dd{width:50%; float: left;}

.careertab p{font: 300 14px/30px microsoft yahei;margin-bottom: 5px;}

.careertab .ui-textarea { width: calc(100% - 100px); height: 90px; line-height: 18px; padding: 10px 20px; background-color: #fff; border: 1px solid #bebdbd;}

.careertab .mode{margin-bottom: 20px;}

.modebtn{margin-top: 30px;}

.careertab .ask {margin-left: 10px; color: #f00;}

.modebtn .ui-btn { background: #365da8; border: 0 none; cursor: pointer;text-align: center; margin-right: 30px; padding: 10px 0; font: 300 14px/24px microsoft yahei;

    color: #fff; width: 30%;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}



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

.careertab dl{margin-bottom: 0;}

.careertab dd{width:100%; float: none;margin-bottom: 20px;}

.careertab .ui-input {width: calc(100% - 42px);}

.careertab .ui-textarea { width: calc(100% - 42px);}

.careertab{padding:40px 20px ;}

.modebtn .ui-btn {width:100%;margin-bottom: 10px;}

}



.inner_contact .mod01 input{width: calc(33% - 60px); float: left;margin-right:20px;}

.inner_contact .mod01 {margin-top: 20px;}

.inner_contact{background:url(about14.jpg) center top no-repeat;padding:80px 0; background-size: cover;}



.inner_contact .mod01 input,.inner_contact textarea{padding: 12px 20px; font-size: 14px; font-family:microsoft yahei; margin-bottom: 20px;border:1px solid #365da8;}

.inner_contact textarea{height: 240px;width: calc(100% - 68px);}

.inner_contact .ui-btn{cursor: pointer;text-align: center; padding:10px 0;width:250px;font-size:14px; font-family:microsoft yahei; color: #fff; text-align: center;

    border:0 none; background: #365da8;

    -webkit-border-radius:16px;

    -moz-border-radius:16px;

    -ms-border-radius:16px;

    -o-border-radius:16px;

    border-radius:16px;}

.inner_contact .mod02{text-align: center;}

.inner_contact .mod02 p{font: 300 13px/24px microsoft yahei;color: #999;margin-top: 10px;}



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

.inner_contact .mod01 input{width: calc(100% - 42px);float: none;margin-right:0;}

.inner_contact textarea{width: calc(100% - 42px);}

}





.lastnews{margin-top: 40px;}

#owl-news02 .warp .cover{position: absolute; left: 0; bottom: 0;width: 100%;height: 140px;background: #dadee5;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

#owl-news02 .warp .cover .cover_con a{color: #000;font: 18px/24px microsoft yahei;}

#owl-news02 .warp .cover .cover_con .title{position: absolute;bottom:0;padding:20px 30px 30px 30px;}

#owl-news02 .warp .cover .cover_con h2{padding:30px 30px 0 30px;}

#owl-news02 .warp{height:100%;position: relative;margin:0 5px; }

#owl-news02 .warp .pic img{max-width: 100%;}

#owl-news02 .owl-pagination{margin-top: 20px;}

#owl-news02 .warp:hover .cover{height: 100%;

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

}

#owl-news02 .warp:hover .cover a{color: #fff;}

#owl-news02 .warp:hover .cover_con h2{ font-size: 30px;padding-top: 50px;}

#owl-news02 .warp:hover .cover_con h2 .yc{ display: none;}

#owl-news02 .warp:hover .cover_con h2 .jc{ display: block;font-size: 36px;padding-bottom: 10px;}



.newslist02{padding-top: 40px;}

.newslist02 li{width:100%;overflow: hidden; padding:20px 0; border-bottom: 1px solid #d7d7d7;}

.newslist02 li .date{width:120px; height: 70px; border-left:10px solid #365da8; padding:5px 0 0 20px; float: left;font: 300 26px/30px microsoft yahei; color: #365da8;}

.newslist02 li h2{font: 600 30px/24px microsoft yahei;margin-top: 10px;}

.newslist02 li .pic{width:238px; height: 180px;overflow: hidden;float: left;}

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

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

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

.newslist02 li .txtarea .mdate{display: none;}

.newslist02 li .txtarea h3{font: 700 18px/30px microsoft yahei; margin-bottom: 5px;width:100%;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.newslist02 li .txtarea h3 a{ color: #365da8;}

.newslist02 li .txtarea .desc{font: 300 14px/24px microsoft yahei;height:72px;overflow: hidden;color: #828282;margin: 10px 0 20px 0;}

.newslist02 li .txtarea .more{padding:5px 20px; background:#365da8;color: #fff; }

.newslist02 li:hover{background: #efefef;}



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

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

.newtitle:hover{color:#365da8;}

.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:10px;margin-left:10px;}

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

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

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

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

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

.newsshare{float: right;}



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

.toolbar{height: 100px;}

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



}



.home_service{padding:60px 0;}

#owl-enw .warp{width:168px; height: 300px; background: #fff; overflow: hidden;margin:0 auto; text-align: center;font: 300 14px/24px microsoft yahei;color: #000; }

#owl-enw .warp .pic{width:168px; height:168px; overflow: hidden;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}

#owl-enw .warp .pic img{width:168px; height:168px;}

#owl-enw .warp h2{font-size: 20px;margin:20px 0 10px 0;}

.env_box{position: relative;padding:40px 0 40px 0;}

.env_box .bor{ width: calc(100% - 180px); height: 400px;border:1px solid #365da8;position: absolute; left:90px;top:65px;z-index:-5;}

.env_box .tit01{width:400px; height: 50px; text-align: center; background: #fff;margin:0 auto;font: 600 30px/50px microsoft yahei;color: #365da8;margin-bottom: 40px;}





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

    .env_box{padding:0;}

.env_box .bor{display:none;}

.env_box .tit01 {width:100%; font-size: 24px;}

}



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

.home_env02 .innertit{color:#fff;}

.home_env02 .btline{background:#fff;}

.home_env02 ul{margin-top: 50px;}

.home_env02 li{width: 20%; float: left;margin-bottom: 15px;}

.home_env02 li .warp{border:3px solid #fff;margin-right: 15px;padding:60px 0; text-align: center;color: #fff;font: 600 28px/40px microsoft yahei;    -webkit-transition: all 0.3s;

   -moz-transition: all 0.3s;

   -o-transition: all 0.3s;

   transition: all 0.3s; }
.home_env02 li .warp a{color: #fff; }
.home_env02 li .warp a:hover{color: #fff; }
.home_env02 li .warp .inco{font-size:60px;margin:0 0 10px 0;}

.home_env02 li .warp:hover{transform: scale(1.05); }

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

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

}

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

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

.home_env02 li:last-child {width:100%; } 

.home_env02 li .warp{margin:0 8px;font: 600 18px/30px microsoft yahei;padding:30px 0;}

}



.home_env03{padding:60px 0;}

.xmyyj .mode01{width:380px; height:600px; float: left;overflow: hidden;}

.inline-box a {display:block;}

.inline-box:hover .cover { top:0;}

.inline-box { display:inline-block; position:relative; overflow:hidden;text-align:center;width:100%; height: 100%; }

.inline-box .img img { height:100%;width: 100%;}

.inline-box .cover { width:100%; height:100%; position:absolute; left:0; top:100%;  text-align: center;

-webkit-transition: all 0.3s ease; transition: all 0.3s ease;

filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC2C91D8', endColorstr='#CC2C91D8');background:rgba(44,145,216,0.8);

}

.inline-box .cover .s_text { font: 300 16px/24px microsoft yahei; color: #fff;margin-top: 50%;}

.xmyrig{width: calc(100% - 405px); height:600px; float: right;}

.xmyrig .mode02{height:290px;margin-bottom:20px;overflow: hidden;}

.xmyrig .mode02 .s_text{margin-top: 15%;}





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

.xmyyj .mode01{width:100%; height:180px; float: none;margin-bottom: 20px;}

.xmyyj .mode01 img{width: 100%;}

.inline-box .cover {top:0;}

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

.xmyrig .mode02{height:180px;}

.inline-box .cover .s_text { margin-top:20%;}

}



.home_case{padding-bottom: 60px;}

.case_menu{position: relative; overflow: hidden; width: 200px; overflow: hidden; float: left; display:none}

.case_menu .line{width: 1px; height:500px;background: #d2d2d2;position: absolute; top: 0; left: 13px;z-index: -5;}

.case_menu li{font: 300 18px/30px microsoft yahei; height: 30px; overflow: hidden;margin-bottom: 30px; }

.case_menu .dian{width:25px; height: 25px; float: left; border:1px solid #d2d2d2; background: #fff;margin-right:15px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    -ms-border-radius:50%;

    -o-border-radius:50%;

    border-radius:50%;

}

.case_menu li:hover .dian{background: #365da8;border-color: #365da8;}

.case_menu li.on .dian{background: #365da8;border-color: #365da8;}

.case_menu li.on a{color: #365da8;}

.case_con{ float: right;width: 100%;}

.case_table{border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8; color: #666;}

.case_table th,.case_table td{text-align: left;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;height: 44px;font: 300 13px/44px microsoft yahei;padding-left: 20px;}

.case_table th{font-weight: bold; font-size: 16px;}

.case_table tr:nth-child(2n+1){background: #f8f8f8;}



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

.home_int02 ul{margin-top: 50px;}

.home_int02 li{width: 25%; float: left;margin-bottom: 20px;}

.home_int02 li .warp{ height: 140px;padding:10px;overflow: hidden;border:3px solid #000;margin:0 10px;text-align: center;font: 300 18px/24px microsoft yahei; position: relative; -webkit-transition: all 0.3s;

   -moz-transition: all 0.3s;

   -o-transition: all 0.3s;

   transition: all 0.3s;}
.home_int02 li .warp:hover{transform: scale(1.05); }

.home_int02 li .warp a{color: #000;}

.home_int02 li h2{margin-top: 40px;font-size: 24px;margin-bottom: 10px;}

.home_int02 li .warp .inco{width: 24px; height: 23px; background: url(../images/icon01.png) no-repeat center top;position: absolute;bottom: 0;right: 0;}

.home_int02 li:nth-child(2) h2,.home_int02 li:nth-child(7) h2 {margin-top: 15px;}

.home_int02 li:nth-child(8) h2 {margin-top: 20px;}

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

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

}

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

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

.home_int02 li .warp{margin:0 8px; }

}







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

.case_menu{width: 100px;}

.case_menu .line{display: none;}

.case_menu li{font: 300 14px/30px microsoft yahei; height: auto; overflow: hidden;margin-bottom:10px;padding-left: 15px; }

.case_menu .dian{display: none;}

.case_menu li.on{background: #365da8}

.case_menu li.on a{color: #fff;}

.case_con{ float: right;width: calc(100%);}

.case_table th,.case_table td{padding:5px 10px;font: 300 13px/24px microsoft yahei;}

#Lb_pager02 .pages a.pgnext{margin:0;}

}

.int_box{background:#c2c7d7;margin-top: 50px; }

.int_box .intly_mode01,.int_box .intly_mode02{width:25%; float: left;}

.int_box .mode01{height: 80px;padding:50px 20px 20px 20px;background: #365da8;color: #fff;font: 300 16px/24px microsoft yahei; }

.int_box .mode{width: 100%;height: 298px; overflow: hidden; background: #365da8;position: relative;}

.int_box .mode .pic img{transition: transform 2s;}

.int_box .mode:hover .pic img{ transform: scale(1.1);filter: alpha(opacity=50);opacity: 0.5;}   

.int_box .mode .cover{ display: block; position: absolute;right:40px;bottom: 40px;color: #fff;font: 300 16px/24px microsoft yahei; text-align: right;}

.int_box .mode03 .cover{bottom: 200px;}

.int_box .mode04 .cover,.int_box .mode06 .cover{color: #333;}

.intly_mode03{width:50%; float: left;}

.intly_mode03 .mode06,.intly_mode03 .mode07{width: 50%; float: left;}

.intly_mode03 .mode08{ background: #f7f7f7; height: 298px;padding:0 10%;font: 300 14px/30px microsoft yahei;color: #000; }

.intly_mode03 .mode08 h2{font-size: 24px;margin-bottom: 10px;padding-top:60px;}

.intly_mode03 .mode09{height: 149px;}



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

.int_box .intly_mode01,.int_box .intly_mode02{width:50%; float: left;}

.intly_mode03{width:100%; float: left;}

.int_box .mode .pic img{transition: transform 2s;width:100%;}

.intly_mode03 .mode08{height: auto;padding-bottom: 60px;}

}

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

.int_box .intly_mode01,.int_box .intly_mode02{width:100%; float: left;}

.intly_mode03{width:100%; float: left;}

.intly_mode03 .mode06,.intly_mode03 .mode07{width: 100%; float: left;}

.intly_mode03 .mode09 img{height: 149px;}

}



.home_int03{padding:60px 0;}

.home_int03 .intcon{margin-top: 40px;}

.intxmmode01{width: 32%;float: left; height: 600px;}

.intxmmode02{width: 32%;float: left; height: 600px;margin-left:2%; }

.intxmmode02 .mode01{height: 295px;margin-bottom: 10px;}

.intxmmode02 .mode02{height: 295px;}

.intxmmode02 .cover .s_text{margin-top: 30%;}

.intxmmode03{width: 32%;float: right; height: 600px;}

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

.intyw_con{margin-top: 40px;}

.intyw_con .intyw_mode01{width: 49%;height: 220px; overflow: hidden; float: left;}

.intyw_con .intyw_mode01 h2{font-size: 24px;color: #365da8;margin-bottom: 5px;}

.intyw_con .intyw_mode01 .intyw01{ background: #365da8;color: #fff; height: 160px;}

.intyw_con .intyw_mode01 .intyw01 .mode{width: calc(25% - 20px);padding:50px 0 0 20px; float: left;font: 600 20px/30px microsoft yahei;}

.intyw_con .intyw_mode01 .intyw01 .mode h3{font-size: 36px;margin-bottom: 10px;}

.intyw_con .txtarea{width: 49%; float: right;font: 300 14px/30px microsoft yahei; }

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

.intyw_con .intyw_mode01{width: 100%; height: auto;margin-bottom: 10px;}

.intyw_con .txtarea{width:100%;float: none; }

.intyw_con .intyw_mode01 .intyw01{height: 120px;}

.intyw_con .intyw_mode01 .intyw01 .mode{width: calc(25% - 10px);padding:30px 0 0 10px; float: left;font: 600 16px/30px microsoft yahei;}

.intxmmode01{width: 100%;float: left; height: 295px;}

.intxmmode02{width: 100%;float: left; height: 600px;margin-left:0; }

.intxmmode03{width: 100%;float: right; height: 295px;}

}



.home_promode01{padding:60px 0;}

.home_promode01 .proxlmod{margin-top: 40px;}

.home_promode01 .proxlmod .pic{width:52%; height: 280px;overflow: hidden;}

.home_promode01 .proxlmod .pic img{height: 100%;transition: transform 2s;}

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

.home_promode01 .proxlmod .txtarea{width:48%; height: 280px; overflow: hidden;background: #2c91d8 url(../images/propicbg.jpg) no-repeat left top;}
.home_promode01 .proxlmod .txtarea a{color: #fff;}
.home_promode01 .proxlmod .txtarea .desc{font: 300 14px/24px microsoft yahei;height:72px;overflow: hidden;margin-top: 20px; }

.home_promode01 .proxlmod .txtarea .warp .more{color: #9f947b;padding:5px 20px; background: #fff;border-left:4px solid #9f947b;display: inline-block;margin-top: 30px;}

.home_promode01 .proxlmod .txtarea .warp{font: 300 16px/30px microsoft yahei;padding:40px 40px 0 150px;position: relative;}

.home_promode01 .proxlmod .txtarea .warp .inco{font-size: 48px;position: absolute; left: 48px; top: 40px;width:68px; height: 70px;display: block;}

.home_promode01 .proxlmod.mode01 .pic{float: left;} 

.home_promode01 .proxlmod.mode01 .txtarea{float: right;} 

.home_promode01 .proxlmod.mode02 .pic{float: right;} 

.home_promode01 .proxlmod.mode02 .txtarea{float: left;} 



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

.proscls{margin-top: 40px;}

.proscls .sclsmode01{width: 50%;height: 375px; overflow: hidden; float: left;position: relative;}

.proscls .sclsmode01 .pic{width:100%; height: 100%;overflow: hidden;}

.proscls .sclsmode01 .pic img{height: 100%;transition: transform 2s;}

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

.proscls .sclsmode01 .cover{width:100%;height:100%;overflow: hidden;position: absolute; left: 0;bottom:100%;z-index: 9;font-size: 14px;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC2C91D8', endColorstr='#CC2C91D8');background:rgba(44,145,216,0.8);
    -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

.proscls .sclsmode01 .cover .warp{padding:40px;color: #fff;}
/*.proscls .sclsmode01:hover .cover{bottom: 0;}*/

.proscls .sclsmode02{width: 50%;height: 375px; overflow: hidden; float: right;}

.proscls .sclsmode02 .mode{width: 50%;height: 188px; overflow: hidden;position: relative; float: left;}

.proscls .sclsmode02 .mode .pic img{height: 100%;} 

.proscls .sclsmode02 .mode .cover{ width:100%; height: 100%;overflow: hidden;position: absolute; left: 0;bottom:100%;z-index: 9;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC2C91D8', endColorstr='#CC2C91D8');background:rgba(44,145,216,0.8);

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.proscls .sclsmode02 .mode .cover a{color: #fff; text-align: center;width: 100%; margin-top:80px; display: block;font: 600 20px/30px microsoft yahei;}

/*.proscls .sclsmode02 .mode:hover .cover{bottom: 0;}*/



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

.proscls .sclsmode01{width: 100%;float: none;}

.proscls .sclsmode02{width: 100%;float: none;}

.home_promode01 .proxlmod .pic{width:100%; height: auto; }

.home_promode01 .proxlmod .txtarea{width:100%;}

.home_promode01 .proxlmod .pic img{max-width:100%;height: auto;}

}



.home_promode03{padding:60px 0;}

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



.casefouse{padding:40px 0 10px 0;}

#owl-pro .warp .cover{position: absolute; left: 0; bottom:100%;width: 100%;height: 100%; text-align: center;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC2C91D8', endColorstr='#CC2C91D8');background:rgba(44,145,216,0.8);

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

#owl-pro .warp .cover .cover_con{padding:40px;color: #fff;}

#owl-pro .warp .cover a{color: #fff;font: 18px/24px microsoft yahei;}

#owl-pro .warp .cover h2{margin-top:65px; font-size: 24px;margin-bottom: 10px;}
#owl-pro .warp .cover .cover_con .date{font-size: 16px;}

#owl-pro .warp{height:100%;position: relative;margin:0 8px 0 0;  text-align: center; height: 300px;cursor: pointer;}

#owl-pro .warp .pic img{width: 100%;height: 300px;}

#owl-pro .owl-pagination{display: none;}
#owl-pro .owl-buttons{display: none;}

#owl-pro .warp:hover .cover{bottom: 0;}



#owl-pro .owl-prev,#owl-pro .owl-next{width: 50px;top:0; height: 100%;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;}

#owl-pro .owl-prev{position: absolute;left: -30px;background: url(../images/arr03.jpg) center no-repeat;}

#owl-pro .owl-next{position: absolute;right: -30px;background: url(../images/arr04.jpg) center no-repeat;}



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

#owl-pro .warp .cover{position: absolute; left: 0; bottom:0;width: 100%;height:120px; text-align: center;}

#owl-pro .warp .cover h2{margin-top:0;}

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

#owl-pro .owl-buttons{display: none;}

#owl-pro .owl-pagination{display: block;margin-top: 10px;}

}



.testmode01{margin-top: 40px; position: relative; background: #365da8;min-height: 300px;}

.testmode01 .pic img{max-width: 100%;transition: transform 2s;}

.testmode01:hover .pic img{filter: alpha(opacity=80);opacity: 0.8;}   

.testmode01 .cover{width: 70%;bottom: 0;position: absolute; right: 0;color: #fff;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC2C91D8', endColorstr='#CC2C91D8');background:rgba(44,145,216,0.8);

}

.testmode01 .cover .cover_con{padding:40px; font: 300 16px/24px microsoft yahei; }

.testmode01 .cover .cover_con dl{margin-top: 10px;}

.testmode01 .cover .cover_con dd{width: 50%; float: left;}



.testmode02{margin-top: 40px;}
.home_test01 .txtarea{width: 100%;margin-top: 20px;font: 300 16px/30px microsoft yahei;}
#owl-gkfw .warp .cover{position: absolute; left: 0; bottom:0;width: 100%;height:60px; text-align: center;

   filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCC4D4DF', endColorstr='#CCC4D4DF');background:rgba(196,212,223,0.8);

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

#owl-gkfw .warp .cover a{color: #000;font: 600 18px/60px microsoft yahei;}

#owl-gkfw .warp{height:100%;position: relative; text-align: center;}

#owl-gkfw .warp .pic img{width: 100%}

#owl-gkfw .warp:hover .cover{bottom: 0; height: 100%;

     filter:gkfwgid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC2C91D8', endColorstr='#CC2C91D8');background:rgba(44,145,216,0.8);

}

#owl-gkfw .warp:hover .cover a{color: #fff; font-size: 24px;display: block; line-height: 300px;}

#owl-gkfw .owl-pagination{margin-top: 20px;}



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

.testmode01 .pic img{height: 300px;}

.testmode01 .cover{width:100%; height: 100%;}

.testmode01 .cover .cover_con{font-size: 14px;}

.testmode01 .cover .cover_con dd{width: 100%; float: none;}

}



.home_test02 {margin-top: 40px;}

.home_test02 .wrapper{position: relative;}

.testser_mode .serm_left{width: 50%; float: left;position: relative; height: 730px; overflow: hidden;}

.testser_mode .serm_left .pic img{max-width: 100%; height: 100%;}

.picfouse{width:340px;height: 250px; background: #fff;position: absolute;bottom: 20px;right:80px;}

.picfouse .pic02{width: 320px; height: 200px; line-height: 200px; text-align: center;}

.picfouse .pic02 img{max-width: 320px;}

.picfouse .title{text-align: center;font: 300 18px/30px microsoft yahei; }



.testser_mode{margin-top: 40px;}

#owl-propic02 {position: relative;}

#owl-propic02 .owl-pagination{display: none;}



#owl-propic02 .owl-prev,#owl-propic02 .owl-next{opacity:1; width:15px;bottom:20px; height:15px;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;}

#owl-propic02 .owl-prev{position: absolute;left: 20px;background: url(../images/arr05.jpg) center no-repeat;}

#owl-propic02 .owl-next{position: absolute;right:20px;background: url(../images/arr06.jpg) center no-repeat;}



.serm_right{width: 50%;margin-top: 60px; height: 530px; float: right;padding:40px; position:absolute; right: 0; background:#2483d1 url(../images/pic48.jpg) right top no-repeat;background-size: cover; }

.serm_right .warp{color: #fff;font: 300 16px/30px microsoft yahei;padding:20px; }

.serm_right .more a{width: 150px; height: 36px; margin-top: 20px; border-left: 5px solid #9f947b; display: block; background: #fff; color: #9f947b; text-align: center;line-height: 36px;}

.serm_right .serm_ms{margin-top: 50px;}

.serm_right .serm_ms .mode{border-left: 3px solid #fff;width: calc(50% - 25px);padding:10px; float:left;margin-bottom:40px;}

.serm_right .serm_ms .mode01,.serm_right .serm_ms .mode02{height:140px; overflow:hidden;}



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

.testser_mode .serm_left{width: 100%; float: none; height:500px;}

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

.serm_right{width: 100%;margin-top:0; height:auto; float: none;padding:0; position:relative;}

}

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

    .picfouse {width: 100%;bottom: 0;right: 0;}

    .picfouse .pic02{width: 100%; height: 200px;}

    .serm_right .serm_ms .mode{width: 100%;float: none;}

    .serm_right .serm_ms .mode01,.serm_right .serm_ms .mode02{height:auto;}

}



.tecmode01{margin-top: 40px;}

.tecmode01 .mode{width:31%;overflow:hidden; float: left;}
.tecmode01 .mode02{float: left;padding:0 3%;}
.jsyjzxjs{font: 300 16px/30px microsoft yahei;margin-top:30px;}

.tecmode01 .mode .pic{width:100%; height:250px;overflow:hidden;margin-bottom: 10px;} 
.tecmode01 .mode .pic img{width:100%; height:100%;} 

.tecmode01 .title{height: 30px;font: 300 16px/30px microsoft yahei;margin-bottom: 10px;display: none;}

.tecmode01 .title .fa{color: #ff5f07;margin-right: 10px;}

.tecmode01 .desc{max-height: 96px; color: #999; overflow: hidden;}

@media only screen and (max-width:767px) {
.tecmode01 .mode{width:100%;overflow:hidden; float: none;margin-bottom: 10px;}
.tecmode01 .mode02{float:none;padding:0;}
.jsyjzxjs{width:100%;}
}


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

.tecgry_ms{font: 300 16px/30px microsoft yahei;text-align: center; width:80%;margin:30px auto 0 auto;}

.tecmode02 .wrapper{padding:0;}

.tecpic03 {padding:0 20px;position: relative;width:50%;float: left;}

.tecpic03 .owl-pagination{display: none;}

#owl-tecpic03 .item{text-align: center;}
#owl-tecpic03 .item p{margin-top: 10px;}

#owl-tecpic03 .owl-prev,#owl-tecpic03 .owl-next{opacity:1; width:15px;top:40%; height:27px;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;}

#owl-tecpic03 .owl-prev{position: absolute;left:-20px;background: url(../images/arr07.png) center no-repeat;}

#owl-tecpic03 .owl-next{position: absolute;right:-20px;background: url(../images/arr08.png) center no-repeat;}

.honor_box{margin-top: 50px;margin-bottom:50px;}
.honor_box .txtarea{width: calc(50% - 80px); float: right;font: 300 12px/30px microsoft yahei;color: #666;}
.honor_box .txtarea .desc{min_height:120px; }
.honor_box .txtarea h3{font: 300 14px/30px microsoft yahei;margin-bottom: 20px;}


.tecpic04 .owl-pagination{display: none;}

.tecpic04 { height: 71px;padding:0 80px;margin-top: 80px;position: relative;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);
display: none;
}

#owl-tecpic04 .item{text-align: center;font: 300 20px/71px microsoft yahei;color: #fff;background: url(../images/arr09.png) left top no-repeat;}

#owl-tecpic04 .owl-prev,#owl-tecpic04 .owl-next{opacity:1;top:0; width:65px;height:71px;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;

-webkit-border-radius:0;

    -moz-border-radius:0;

    border-radius:0;

}

#owl-tecpic04 .owl-prev{position: absolute;left:-80px; background: url(../images/arr11.png) center no-repeat;}

#owl-tecpic04 .owl-next{position: absolute;right:-80px;background: url(../images/arr12.png) center no-repeat;}


@media only screen and (max-width:767px) {
.tecgry_ms{width: calc(100% - 40px); float: none;padding:0 20px;}
.tecpic03 {width: calc(100% - 40px);float: none;}
.honor_box .txtarea{width: calc(100% - 40px); float: none;padding:0 20px;margin-top: 30px;}
}

.career_list02 li{width:33.3%;float: left; }
.career_list02 li .warp {margin:0 20px 20px 20px;border:1px solid #e8e8e8;padding:10px 20px; background: #fcfcfc;}
.career_list02 li .warp h3{margin-top: 0;background:none;border:none;border-bottom:1px solid #e8e8e8;margin-bottom: 12px; color: #01a8ec;}
.career_list02 li .warp .desc{line-height: 35px; height: 70px; overflow: hidden;}
.career_list02 li .warp:hover{background: #f8f8f8;}
.careerMenu .bottom_none{padding-bottom: 20px;}
@media only screen and (max-width:767px) {
.career_list02 li{width:100%;float: none; }
}

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

   Pagination

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

#Lb_pager {

    margin-top: 30px;margin-bottom: 30px; background: #fafafa; height: 40px; line-height: 40px;

}

#Lb_pager .pages {

    text-align: center; background: #fafafa;

}

#Lb_pager .pages a.pgnext{color: #365da8; font-size: 14px;}

#Lb_pager .pages a {

    display: inline-block;

    padding: 0 10px;

    color: #333;

    cursor: pointer;

    line-height: 40px;

    height: 40px;

}

#Lb_pager .pages a:hover {

    color: #365da8;

    border-bottom:2px solid #365da8;  

}

#Lb_pager .pages .pgcurrent {

    color: #365da8;

    border-bottom:2px solid #365da8; 

}

#Lb_pager .pages .pgempty {

    cursor: not-allowed

}



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

    .content {

        padding-top: 48px;

    }

}

.localnav,

.localnav:before,

.localnav:after,

.localnav *,

.localnav *:before,

.localnav *:after {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    margin: 0;

    padding: 0;

    pointer-events: auto;

}



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

   Sidebar

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

.overview {

    color: #fff;

    font: 300 18px/59px microsoft yahei;

    background: #006db9;

    padding-left: 18px;

}



.sidenav{background:#fff; text-align: center;}

.sidenav li {

    position: relative;

    display: inline-block;

    font-size: 14px;

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

}

.sidenav li.active {}

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

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

.sub_nav li:first-child .ln-menu-link {border-left: 1px solid #d7d7d7;}



.sidenav li:hover,

.sidenav .active {}

.sidenav li a:hover,

.sidenav li.active a { color: #365da8;}

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



/* overview */

.ln-menu-link {

    display: block;

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

    *zoom: 1;

    font-family: microsoft yahei;

    line-height: 69px;}



#ln-menustate {

    display: none;

}

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

.sidenav{background:#fff;}

    .sidenav li {

        width: 100%;

        text-align: center;border-right:0;

    }

    .sub_nav {background:#fff;}

    .ln-menu-link .inco{width:30px; height: 30px;position: absolute;top: 10px; left: 30px;}

    .ln-menu-link {

        line-height: 20px;

        border-bottom: 1px solid #d7d7d7;

        border-right: none;

        border-left: none;

        border-top: none;

        margin: 0;

    }

    

    .overview.hidden {

        display: block;

    }

    

    .sidenav li.on {

        border-bottom: none;

    }

    

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

        border-left: none;

    }

}

.sidenav li.on a {

    color: #10924e;

}



}

#ln-menustate {

    display: none;

}

.localnav {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 997;

}

.ln-wrapper {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    height: auto;

    min-height: 100%;

    z-index: 1

}



/* background */

.ln-background {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

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

    -webkit-transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);

    transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)

}



/*.ln-background:after { background-color: rgba(153,153,153,0.4); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }*/

#ln-menustate:checked ~ .localnav .ln-background,

#ln-menustate:target ~ .localnav .ln-background {

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

    max-height: none;

    -webkit-transition: background-color 0.5s ease;

    transition: background-color 0.5s ease

}

#ln-menustate:checked ~ .localnav .ln-background:after,

#ln-menustate:target ~ .localnav .ln-background:after {

    background-color: #d6d6d6

}

.ln-content {

    margin: 0 auto;

    max-width: 1200px;

    position: relative;

    z-index: 2

}

.ln-curtain {

    background: rgba(0, 0, 0, 0.3);

    opacity: 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    z-index: 9996;

    -webkit-transition: opacity 0.2s ease;

    transition: opacity 0.2s ease;

}

#ln-menustate:checked ~ .localnav .ln-curtain,

#ln-menustate:target ~ .localnav .ln-curtain {

    -webkit-transition: opacity 1s ease 0.1s;

    transition: opacity 1s ease 0.1s

}

.ln-actions {

    float: left;

    display: none;

}

.ln-action {

    float: left;

    margin-left: 24px

}



/* chevron */

.ln-menucta {

    cursor: pointer;

    display: block;

    margin-right: -11px;

    overflow: hidden;

    width: 40px;

    height: 48px;

    -webkit-tap-highlight-color: transparent;

}

.ln-menucta-chevron {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),

    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    -webkit-transform: translateY(10%);

    -ms-transform: translateY(10%);

    transform: translateY(10%)

}

.ln-menucta-chevron::before,

.ln-menucta-chevron::after {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    width: 12px;

    height: 1px;

    z-index: 1;

    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),

    -webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),

    -ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)

}

.ln-menucta-chevron::before,

.ln-menucta-chevron::after {

    background: #333

}

.ln-menucta-chevron::before {

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%;

    -webkit-transform: rotate(40deg) scaleY(1.5);

    -ms-transform: rotate(40deg) scaleY(1.5);

    transform: rotate(40deg) scaleY(1.5);

    right: 50%

}

.ln-menucta-chevron::after {

    -webkit-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

    -webkit-transform: rotate(-40deg) scaleY(1.5);

    -ms-transform: rotate(-40deg) scaleY(1.5);

    transform: rotate(-40deg) scaleY(1.5);

    left: 50%

}

#ln-menustate:checked ~ .localnav .ln-menucta-chevron,

#ln-menustate:target ~ .localnav .ln-menucta-chevron {

    -webkit-transform: translateY(-10%);

    -ms-transform: translateY(-10%);

    transform: translateY(-10%)

}

#ln-menustate:checked ~ .localnav .ln-menucta-chevron::before,

#ln-menustate:target ~ .localnav .ln-menucta-chevron::before {

    -webkit-transform-origin: 100% 0%;

    -ms-transform-origin: 100% 0%;

    transform-origin: 100% 0%;

    -webkit-transform: rotate(-40deg) scaleY(1.5);

    -ms-transform: rotate(-40deg) scaleY(1.5);

    transform: rotate(-40deg) scaleY(1.5)

}

#ln-menustate:checked ~ .localnav .ln-menucta-chevron::after,

#ln-menustate:target ~ .localnav .ln-menucta-chevron::after {

    -webkit-transform-origin: 0% 0%;

    -ms-transform-origin: 0% 0%;

    transform-origin: 0% 0%;

    -webkit-transform: rotate(40deg) scaleY(1.5);

    -ms-transform: rotate(40deg) scaleY(1.5);

    transform: rotate(40deg) scaleY(1.5)

}

.ln-menucta-anchor {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 1px;

    height: 1px;

    z-index: 10

}

.ln-menucta-anchor:focus {

    outline-offset: -6px;

    width: 100%;

    height: 100%

}

.ln-menucta-anchor-close {

    display: none

}

.ln-menucta-anchor-label {

    position: absolute;

    top: 0;

    left: 0;

    clip: rect(1px 1px 1px 1px);

    clip: rect(1px, 1px, 1px, 1px);

    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);

    clip-path: inset(0px 0px 99.9% 99.9%);

    overflow: hidden;

    height: 1px;

    width: 1px;

    padding: 0;

    border: 0

}

#ln-menustate:checked ~ .ln-menucta-anchor-open,

#ln-menustate:target ~ .ln-menucta-anchor-open {

    display: none

}

#ln-menustate:checked ~ .ln-menucta-anchor-close,

#ln-menustate:target ~ .ln-menucta-anchor-close {

    display: block

}



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

    .content {

        position: relative;

        padding-top: 50px;

    }

    .col-main {

        margin: 0;

    }

    .col-left {

        float: left;

        width: 200px;

        margin-left: -100%;

        margin: 0;

        width: 100%;

        position: absolute;

        left: 0;

        top: 0;

    }

    .localnav {

        height: 48px

    }

    .overview {

        float: left;

        line-height: 48px;

        padding: 0;

        background: none;

        color: #333;

    }

    .sidenav {

        border-width: 0;

    }

    .ln-menu-link {

        border-bottom: 0 none;

    }

    .ln-background {

        min-height: 48px;

        -webkit-transition: background-color 0.5s ease 0.7s;

        transition: background-color 0.5s ease 0.7s

    }

    .ln-menu {

        line-height: 48px;

        padding-top: 0;

        width: 100%

    }

    .ln-menu-tray {

        overflow: hidden;

        pointer-events: none;

        visibility: hidden;

        width: 100%;

        max-height: 0;

        -webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;

        transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;

    }

    #ln-menustate:checked ~ .localnav .ln-menu-tray,

    #ln-menustate:target ~ .localnav .ln-menu-tray {

        max-height: 400px;

        max-height: -webkit-calc(100vh - 48px - 48px);

        max-height: calc(100vh - 48px - 48px);

        overflow-y: auto;

        -webkit-overflow-scrolling: touch;

        pointer-events: auto;

        visibility: visible;

        -webkit-transition-delay: 0.2s, 0s;

        transition-delay: 0.2s, 0s

    }

    #ln-menustate:checked ~ .localnav.ln-opening .ln-menu-tray,

    #ln-menustate:target ~ .localnav.ln-opening .ln-menu-tray {

        overflow-y: hidden

    }

    #ln-menustate:checked ~ .localnav.ln-sticking .ln-menu-tray,

    #ln-menustate:target ~ .localnav.ln-sticking .ln-menu-tray {

        max-height: -webkit-calc(100vh - 48px);

        max-height: calc(100vh - 48px)

    }

    .ln-curtain {

        -webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;

        transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s

    }

    #ln-menustate:checked ~ .ln-curtain,

    #ln-menustate:target ~ .ln-curtain {

        opacity: 1;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%

    }

    .ln-actions {

        display: block;

        margin-left: 0;

        padding: 0 16px;

        position: absolute;

        top: 0;

        right: 0;

        z-index: 1;

        left: 50%

    }

    .ln-action {

        margin-left: 16px

    }

    .ln-action-menucta {

        margin-left: -20px;

        position: absolute;

        left: 0;

        z-index: 1

    }

    .ln-action-button {

        float: right;

        margin-left: 27px

    }

    .ln-content {

        padding: 0 20px;

    }

    .inner-cont {

        margin: 10px;

    }

    .sidenav {

        opacity: 1;

        padding: 17px 10px 28px 10px;

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

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

        -webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;

        transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;

        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;

        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s

    }

    .sidenav .level2 li,

    .sidenav .level2 li a {

        line-height: 20px;

    }

    #ln-menustate:checked ~ .localnav .sidenav,

    #ln-menustate:target ~ .localnav .sidenav {

        opacity: 1;

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

        transform: translate3d(0, 0, 0);

        -webkit-transition-delay: 0.2s, 0.4s;

        transition-delay: 0.2s, 0.4s

    }

    .ln-menu-item {

        display: block;

        line-height: 48px;

        margin-left: 0;

        width: 100%;

    }

    .ln-menu-item:first-child .ln-menu-link {

        border-top: 0

    }

    .ln-menu-item:nth-child(1) .ln-menu-link {

        -webkit-transition-delay: 0.07s;

        transition-delay: 0.07s

    }

    .ln-menu-item:nth-child(2) .ln-menu-link {

        -webkit-transition-delay: 0.14s;

        transition-delay: 0.14s

    }

    .ln-menu-item:nth-child(3) .ln-menu-link {

        -webkit-transition-delay: 0.21s;

        transition-delay: 0.21s

    }

    .ln-menu-item:nth-child(4) .ln-menu-link {

        -webkit-transition-delay: 0.28s;

        transition-delay: 0.28s

    }

    .ln-menu-item:nth-child(5) .ln-menu-link {

        -webkit-transition-delay: 0.35s;

        transition-delay: 0.35s

    }

    .ln-menu-item:nth-child(6) .ln-menu-link {

        -webkit-transition-delay: 0.42s;

        transition-delay: 0.42s

    }

    .ln-menu-item:nth-child(7) .ln-menu-link {

        -webkit-transition-delay: 0.49s;

        transition-delay: 0.49s

    }

    #ln-menustate:checked ~ .localnav .ln-menu-item:nth-child(1) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(1) .ln-menu-link {

        -webkit-transition-delay: 0.56s;

        transition-delay: 0.56s

    }

    #ln-menustate:checked ~ .ln-menu-item:nth-child(2) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(2) .ln-menu-link {

        -webkit-transition-delay: 0.49s;

        transition-delay: 0.49s

    }

    #ln-menustate:checked ~ .ln-menu-item:nth-child(3) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(3) .ln-menu-link {

        -webkit-transition-delay: 0.42s;

        transition-delay: 0.42s

    }

    #ln-menustate:checked ~ .ln-menu-item:nth-child(4) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(4) .ln-menu-link {

        -webkit-transition-delay: 0.35s;

        transition-delay: 0.35s

    }

    #ln-menustate:checked ~ .ln-menu-item:nth-child(5) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(5) .ln-menu-link {

        -webkit-transition-delay: 0.28s;

        transition-delay: 0.28s

    }

    #ln-menustate:checked ~ .ln-menu-item:nth-child(6) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(6) .ln-menu-link {

        -webkit-transition-delay: 0.21s;

        transition-delay: 0.21s

    }

    #ln-menustate:checked ~ .ln-menu-item:nth-child(7) .ln-menu-link,

    #ln-menustate:target ~ .ln-menu-item:nth-child(7) .ln-menu-link {

        -webkit-transition-delay: 0.14s;

        transition-delay: 0.14s

    }

    .ln-menu-link {

        border-top: 1px solid rgba(214, 214, 214, 0.5);

        display: block;

        padding-top: 14px;

        padding-bottom: 14px;

        opacity: 0;

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

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

        -webkit-transition: 0.5s ease;

        transition: 0.5s ease;

        -webkit-transition-property: opacity, -webkit-transform;

        transition-property: opacity, -webkit-transform;

        transition-property: transform, opacity;

        transition-property: transform, opacity, -webkit-transform

    }

    #ln-menustate:checked ~ .localnav .ln-menu-link,

    #ln-menustate:target ~ .localnav .ln-menu-link {

        opacity: 1;

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

        transform: translate3d(0, 0, 0)

    }

    .ln-menucta-anchor {

        display: block

    }

}



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

    #ln-menustate:checked ~ .ln-menu-tray,

    #ln-menustate:target ~ .ln-menu-tray {

        max-height: 280px;

        max-height: -webkit-calc(100vh - 48px - 48px);

        max-height: calc(100vh - 48px - 48px)

    }

}



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

.ln-menu-link{    

-webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;



}

}

#ulcate{background:#fff;

margin:auto;}



#ulcate li {



    position: relative;



    *zoom: 1;

/*	width:100px;*/

	text-align:center;

	display: inline-block;

    font-size: 18px;

    line-height: 69px;
margin: 0 10px 0 10px;


}



#ulcate li.on { }



#ulcate li.on a {



    color: #f5ad18;



}

#ulcate li:hover,



#ulcate .on {}



#ulcate li a:hover,



#ulcate li.on a { color: #009bdb;}