/*inner global*/
.inner-cont { }
.sidebar {border-bottom: 1px solid #007ec2;}
.sunbanner{width: 100%;height:350px; overflow: hidden; }
.container .wrapper{padding:40px 0;}

/* ==========================================================================
   Sidebar
   ========================================================================== */
.overview { font-weight: 300; font-family: microsoft yahei; height: 45px; border-bottom: 5px solid #d6d6d6;padding-bottom: 10px;margin-bottom: 20px; }
.overview h2 { font-weight: 300; font-size: 24px; line-height: 45px; }
.overview h2 span{font: 300 18px/24px Arial;text-transform:Uppercase; color: #999;}

.sidenav { font-family: microsoft yahei; background: #fff;}
.sidenav li { float: left; height: 70px;border-bottom: 3px solid #fff;}
.sidenav li a {padding:0 40px;display: block; color: #333;font: 300 16px/50px microsoft yahei;height: 50px;margin:10px 0; border-right: 1px solid #e3e3e3;}
.sidenav li:first-child a{border-left: 1px solid #e3e3e3;}
.sidenav li.active{ color: #cc9933;border-bottom: 3px solid #007ec2; }
.sidenav li.active a{color: #cc9933;}
.sidenav li a:hover{ color: #cc9933; }
.sidenav li.active a:hover{ color: #cc9933; }
/* arrow-right */
.level2 {
*zoom:1; padding: 10px 0 10px 0; overflow: hidden; background: #fff;border:10px solid #49a859; }
.sidenav .level2 li a { color: #333; font-family: simsun; border-bottom: 0; font-size: 12px; line-height: 24px; padding:5px 0;}
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #49a859; background-color: #fff; }

.breadcrumb-bar {height: 45px;line-height: 45px;overflow: hidden;font-family: microsoft yahei; background: #f3f3f3; border-bottom: 1px solid #e0dfdf;}
.breadcrumb-bar a {color: #666;font-size: 14px;}
.breadcrumb-bar a:hover {color: #cc9933;}
.breadcrumb-bar a:last-of-type  {color: #cc9933;}


  /**news**/
.lastnews{height: 250px; padding-bottom: 20px;border-bottom: 3px solid #cc9933;}
.lastnews .imgArea{ float:left;width:375px;height:250px;overflow: hidden;}
.lastnews .imgArea img{width:375px;height:250px;transition: transform 2s;}
.lastnews .imgArea:hover img{ transform: scale(1.1);} 
.lastnews .textArea {width:780px; float:right;}
.lastnews .textArea h3 {font: 18px/30px microsoft yahei;}
.lastnews .textArea h3 a{color:#cd9b37;}
.lastnews .textArea a{ line-height: 40px;}
.lastnews .textArea h3 a:hover{ color:#cd9b37;}
.lastnews .textArea .desc{font: 14px/30px microsoft yahei;height:120px; overflow: hidden;color: #999;} 
.lastnews .textArea .more {text-align: right;font: 16px/24px microsoft yahei;margin-top: 10px;}

.news-list li {width:100%;height:190px;margin-top:30px;border-bottom: 1px solid #d9d9d9; font-family: microsoft yahei;}
.news-list li .imgArea{ float:left;width:215px;height:145px;overflow: hidden;}
.news-list li .imgArea img{width:215px;height:145px;transition: transform 2s;}
.news-list li .imgArea:hover img{ transform: scale(1.1);}  
.news-list li .textArea {width:950px; float:right;}
.news-list li h3 {font: 18px/30px microsoft yahei;}
.news-list li h3 a{color:#000;}
.news-list li .textArea a{ line-height: 40px;}
.news-list li h3 a:hover{ color:#cd9b37;}
.news-list li .textArea .desc{font: 14px/24px microsoft yahei;height:72px; overflow: hidden;color: #999;}

.newsh{width:100%;text-align: center;}
.newtitle{font: 18px/24px microsoft yahei;color:#333;}
.newsh_cn {padding:20px 0;}
.newsh_cn p{text-indent:20px; font: 14px/24px microsoft yahei;margin-top: 15px;}
.newsh .byline{height:40px;color:#5a5a5a;line-height:40px;border-bottom:1px solid #c2c2c2;}
.newsh .byline span{margin-right:20px;}
.toolbar{padding:30px 20px 0 20px; 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 #cc9933;color:#cc9933;}
.fhshare a:hover{border:1px solid #cc9933;color:#fff; background-color: #cc9933; text-decoration: none;}
.fhshare .fa{margin-right:10px;}

/* ==========================================================================
   product
   ========================================================================== */
   .caselist{margin-left:-45px;}
   .caselist li{width:250px;height:260px;position: relative; margin-left:45px;overflow: hidden; background: #fff; float: left; text-align: center;margin-bottom: 30px;
	border:1px solid #cacaca;
   	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.12);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.12)
   }
   .caselist li .picbox{width:250px;height:205px;text-align: center;overflow: hidden;}
   .caselist li .picbox img{width:250px;height:205px; transition: transform 2s;}
   .caselist li:hover .picbox img{ transform: scale(1.1);}  
   .caselist li .tit{height:30px;font: 300 14px/30px microsoft yahei;margin-top: 10px;  }
/* career-list */
.career-list table { width: 100% }
.career-list th { padding: 0 15px; line-height: 48px;border-bottom: 1px solid #e7e7e7; font-size: 14px; font-family: "Microsoft Yahei" }
.career-list th i { color: #126fb4; padding-right: 5px; font-size: 24px }
.career-list .hd td { padding: 0 15px; line-height: 48px; border-bottom: 1px dashed #e7e7e7; color: #333; font-size: 14px; font-family: "Microsoft Yahei" }
.career-list .td-position { padding-left: 30px }
.career-list .on { position: relative }
.career-list .on td { background-color: #126fb4; color: #fff }
.career-list .on td a { color: #fff }
.career-list .on:after { content: ""; display: block; position: absolute; border: 6px dashed transparent; font-size: 0; width: 0; height: 0; overflow: hidden; line-height: 0; border-bottom-color: #f1f1f1; border-bottom-style: solid; left: 80px; bottom: -1px; z-index: 99 }
.career-list .bd { display: none; padding: 20px 20px 30px; background: #f1f1f1; color: #333; border-bottom: 1px dashed #e7e7e7 }
.career-list .bd h4 { font-size: 14px; font-family: "Microsoft Yahei"; font-weight: 300; margin-bottom: 8px }
.career-list a:hover { text-decoration: underline ;}

.lxcon dl{width: 33%;float: left; font: 300 14px/24px microsoft yahei; }
.lxcon dl .fa{color:#82c0c7;margin-right: 15px;}
.contactbox{margin-top: 40px; border-top: 1px solid #eeeeee;padding-top:30px;}
.feedback{width: 45%;float: left; }
.feedback h3{font: 300 20px/24px microsoft yahei;margin-bottom: 20px;}
.feedback .ui-input{width: 96%; height: 18px; line-height: 18px; padding:12px 2%;margin-bottom: 20px; background-color: #eeeeee;border:0;}
.feedback .ui-textarea{width: 96%; height: 150px; line-height: 18px; padding:12px 2%;margin-bottom: 20px; background-color: #eeeeee;border:0;}
.feedback .ui-btn{display: inline-block; background-color: #cc9933; border: 0 none;  cursor: pointer;
    text-align: center;padding:12px 2%;margin-right: 10px; font-family: microsfot yahei;font-size: 14px; color: #fff;width: 100%;}

.mapbox{width: 48%;float: right;}
.mapbox h3{font: 300 20px/24px microsoft yahei;margin-bottom: 20px;}

/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager { margin-top: 50px;margin-bottom:20px; text-align: center;}
#Lb_pager .pages a { display: inline-block; padding: 0 12px; margin: 0 4px; color: #333; cursor: pointer; line-height: 30px; height: 30px; border:1px solid #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#Lb_pager .pages .pgcurrent { color: #fff; background-color: #006fb8; cursor: default; }
#Lb_pager .pages .pgempty { cursor: not-allowed }
#Lb_pager .pages a:hover{color: #fff; background-color: #006fb8; }


.project_list li {
   margin-bottom: 30px;
 }
 
 .project_box {
   display: flex;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   height: 291px;
   cursor: pointer;
 }
 
 .project_video {
   position: relative;
   display: inline-block;
   height: 100%;
 }
 
 .project_left {
   width: 448px;
 }
 
 .project_right {
   width: 663px;
   padding: 40px 50px;
   overflow: hidden;
 }
 
 
 .project_title {
   font-size: 18px;
   font-family: "Microsoft YaHei";
   color: rgb(51, 51, 51);
   font-weight: bold;
 }
 
 .project_desc {
   font-size: 16px;
   font-family: "Microsoft YaHei";
   color: rgb(85, 85, 85);
   line-height: 2;
 }
 
 .project_box .item-mask {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all .3s ease-out;
   opacity: 0;
   background: #000000;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   filter: alpha(opacity=0);
 }
 
 .project_box:hover .item-mask {
   opacity: .35;
   background: #000000;
   filter: alpha(opacity=50);
 }
 
 
 .project_box .btn-link__hover_i {
   opacity: 0;
   filter: alpha(opacity=0);
   position: absolute;
   top: 50%;
   left: 50%;
   width: 67px;
   height: 68px;
   margin: -35.5px 0 0 -35.5px;
   background: url(../images/play-circle-thin.png) no-repeat;
   transform: scale(2);
   backface-visibility: hidden;
   transition: all .25s ease-out;
 }
 
 .project_box:hover .btn-link__hover_i {
   opacity: 1;
   filter: alpha(opacity=100);
   transform: scale(1);
 }