@charset "utf-8";
body{
	 font-size:15px;
     color:#666666;
	 
	 
}

#box{
	 height:auto;
	 margin:0 auto;
	 width:100%;
}
.main_bg {
    background:url(../images/main_line.png) #fff no-repeat left 68px;
    width: 100%;
    clear: both;
    height: auto;
}


#left{
  float:left;
  width:255px;

  overflow:hidden;  
  padding-top:0px;
  font-family:"微软雅黑";

}

#left .container{
  overflow:hidden;
  margin:0 auto;
  width:255px;
  clear:both;
  float:none;
  padding:30px 0;


}

#left  .erweima{
  overflow:hidden;
  margin:0 auto;
  width:250px;
  padding:22px;
  background:#ECECEC;
  margin-top:15px;
}
#left  .contact{
  overflow:hidden;
  margin:0 auto;
  width:260px;
  padding:22px;
  padding-right:12px;
  background:#ECECEC;
  margin-top:15px;
  font-size:16px;
  line-height:28px;
  color:#333333;
}
#left  .contact .contact_title{ color:#0066cc; font-size:24px; background:url(../images/cline.jpg) no-repeat left bottom; font-weight:bold; padding-bottom:15px; margin-bottom:10px;}

#left  ul.title
{
    color:#1f63ac;
    font-size:20px;    
    padding-bottom:0px;
	display:block;
	height:68px;
	width:255px;
	overflow:hidden;
	text-indent:20px;	
	font-size:24px;
    }
#left  ul.title li{ font-weight:bold; line-height:68px;}
#left  ul.title li.en{ padding-top:15px; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;  }
#left  h2 img{ vertical-align:middle; padding-right:12px; padding-bottom:5px;}
#left  h2 span{
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
  color:#999;
  padding-left:5px;
}
#left .container{
	/* The topmost UL */
	margin:0 auto;

}

#left  li.menu{
	list-style:none;
	text-align:left;
}

#left  li.menu{
	/* The main list elements */
	width:100%;
}

#left  li.first a{
	/* The section titles */
  margin:0 auto;
  height:48px;
  line-height:48px;
  display:block;
  width:255px;
  background:url(../images/about_left_a.png) no-repeat left bottom;
  text-indent:20px;
  text-decoration:none;
  color:#333333;
  font-size:18px;
  position:relative;

}

#left  li.first a:hover{
  
  color:#2866a9;
  background:url(../images/about_left_hover.png) no-repeat left bottom;
}

#left .container li.first a.cur{
  color:#2866a9;
  background:url(../images/about_left_hover.png) no-repeat left bottom;
}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */

	height:47px;
	
}
#left .container li.dropdown a{
	/* The section titles */
  margin:0 auto;
  height:47px;
  line-height:47px;
  display:block;
  width:257px;
  background:url(../images/sabout_left_a.jpg) no-repeat left 50%;
  text-indent:65px;
  text-decoration:none;
  color:#333333;
  font-size:18px;
  position:relative;

}

#left .container li.dropdown a:hover{
  
  color:#71bc30;
  background:url(../images/sabout_left_hover.jpg) no-repeat left 50%;
}

#left .container li.dropdown a.s_cur{
  color:#71bc30;
  background:url(../images/sabout_left_hover.jpg) no-repeat left 50%;
}



.content {
    width: 1140px;
   
}

.about_txt .back_btn{ text-align:right; padding-top:30px; padding-right:10px; padding-bottom:5px; }
    
.about_txt .back_btn a{ border:solid 1px #CECECE; padding:5px 7px; color:#b8b8b8;}    
#right{
  float:right;
  width:840px;
  overflow:hidden;
  margin-top:0px;
  padding-bottom:60px;

}
.nr_postion{
   width:840px;
   height:68px;
   margin:0 auto;
   padding-top:0px;
   overflow:hidden;
   padding-bottom:0px;
   
}
.nr_postion ul .pro_content{
  float:right;
  width:500px;
  line-height:68px;
  height:68px;
  padding-top:0px;
  text-align:right;
  padding-right:5px;
  color:#999999;
  font-size:14px;
 
}
.nr_postion ul .pro_content a{
  color:#999999;

}
.pro_content span{
  color:#999999;
}
.home{
   background:url(../images/home.png)  no-repeat left 50%;
   padding-left:16px;
}
.nr_postion ul .pro_img{
  float:left;
  width:110px;
  padding-left:0px;
  
}
.nr_postion ul .title{ float:left; width:150px; text-indent:0px;}
.nr_postion ul .title  h3{
  color:#333333;

  font-size:18px;
  font-weight:bold;
  line-height:68px;
  height:68px;
  font-family:"微软雅黑";
}
.nr_postion ul .title  h3 span{
   font-size:10px;

}
.focusBox { position: relative; width:800px; height:420px; overflow: hidden; margin-left:auto; margin-right:auto;  }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:800px; height:420px; display: block; }
.focusBox .pic li{ position:relative;}	

.focusBox .hd { width:100%; position: absolute; bottom: 5px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px;  height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1; background:url(../images/banner_a.png) no-repeat left 50%;
	}
	.focusBox .hd .on{ background:url(../images/banner_hover.png) no-repeat left 50%; }
.about_txt{
  width:820px;
  margin:0 auto;
  height:auto;  
  overflow:hidden;
  line-height:30px;
  padding-top:50px;
  color:#333333;
  font-size:16px;
  padding-bottom:30px;
  
}
.news_list{ padding-top:35px;}
.news_list ul li{
   line-height:22px;
   overflow:hidden;
   color:#666;
   width:820px;
   margin-bottom:20px;
   margin-right:auto;
   margin-left:auto;
   border-bottom:solid 1px #E7E7E7;
   padding-bottom:20px;

}
.news_list ul li.last{ margin-right:0px;}
.news_list ul li  h3{
   font-size:18px;   
   padding-bottom:10px;

}
.news_list ul li  h3 a:hover{ color:#1f63ac;}
.news_list ul li .time{ width:81px; height:61px; border:solid 1px #B3B3B3; text-align:center; color:#888888; font-size:48px; font-family:Arial, Helvetica, sans-serif; padding-top:20px; line-height:30px; float:left;}
.news_list ul li .time p.ye_mo{ font-size:14px;}
.news_list ul li.selected .time{ background:#1F63AC; color:#fff;border:solid 1px #1F63AC;}
.news_list ul li .nr{ float:right; width:715px;}
.news_list ul li .nr p{ color:#666;}
.news_detail h2.title{ text-align:center; font-size:24px; border-bottom:solid 1px #E7E7E7; padding-bottom:18px;}
.news_detail h5.time{ text-align:center; font-size:14px; color:#999999; padding-top:15px; font-weight:normal;padding-bottom:18px;}
.news_detail h5.time span{ padding-left:30px;}
.detail_more{ text-align:center; padding-top:40px;}
.detail_more a{ display:inline-block; width:175px; height:43px; line-height:43px; background:#F0F0F0;}
.detail_more  a:hover{ color:#fff; background:#1F63AC;}
.news_video{ padding-top:0px;}
.news_video ul{ float:left; width:257px; position:relative; text-align:center; margin-right:23px; margin-bottom:25px; margin-top:45px;}
.news_video ul.last{ margin-right:0px;}
.news_video ul li img{ width:257px; height:145px;}
.news_video ul li.video_btn a{ position:absolute; left:0px; top:0px; background:url(../images/video_btn.png) no-repeat left top;width:257px; height:145px; display:block;}
.clearBoth_line{ border-bottom:solid 1px #E7E7E7;}

.case_list{ padding-top:10px;}
.case_list ul{  line-height:32px; margin-top:30px; width:100%; margin-left:auto; margin-right:auto;}
.case_list ul li{ float:none; width:95%; padding-right:5%;}
.case_list ul .clearBoth{ height:30px;}
.preject_list ul li{ float:none; width:100%; padding-right:0px; line-height:32px;  margin-left:auto; margin-right:auto;}

.jobs_list{ padding-top:30px;}
.sideMen_bg .bor_dashed_title{ border-bottom:solid 1px #E7E7E7; height:50px; line-height:50px; text-align:center;}
.sideMen_bg .bor_dashed_title span{ float:left; width:165px; padding-right:10px; display:inline-block; font-size:18px;} 
.sideMen_bg .bor_dashed_title span.zhiwei{ text-align:left;padding-left:25px;width:170px;}

.sideMen .bor_dashed{ border-bottom:solid 1px #E7E7E7; height:50px; line-height:50px;text-align:center;}
.sideMen .bor_dashed span{ float:left; width:165px; padding-right:10px; display:inline-block; font-size:16px;} 
.sideMen .bor_dashed span.zhiwei{ text-align:left; padding-left:25px;width:170px;}
.sideMen .bor_dashed a i{ background:url(../images/icon10.png) no-repeat left 50%; width:14px; display:inline-block; height:50px;}
.sideMen .on a i{ background:url(../images/icon09.png) no-repeat left 50%;}
.sideMen_cont{ padding:25px; background:#f9f9f9; color:#666666; font-size:14px; line-height:24px; display:none;}

.sideMen_cont .title span{  width:230px; padding-right:10px; display:inline-block;}
.sideMen_cont .nr{ padding:20px 0;} 

.hide_video{ width:800px; height:auto; display:none;}

.about-time {
    width: 100%;
    margin-top: 0px;
}

.about-time .ls_gy {
    text-align: center;
    color:#1f63ac;
    font-size:18px;
}

.about-time ul {
    width: 410px;
    margin-left:409px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-left: 1px solid #1F63AC;
    padding: 25px 0;
}

.about-time ul li {
    width: 410px;
    position: relative;
    text-align: left;
    padding-left: 0px;
    margin-bottom: 30px;
}

.about-time ul li::before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background:url(../images/lishi_dian.png) no-repeat left 50%;
    display: block;
    left: -9px;
    top: 2px;
}
.about-time ul li .nr_hs{ padding-left:40px;}
.about-time ul li h3 {
    text-align: left;
    font-size: 30px;
    color:#1f63ac;
    font-family:@Arial Unicode MS;
    padding-bottom:15px;
}

.about-time ul li p {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
}

.about-time ul li:nth-child(even) {
    margin-left: -410px;
    padding-left: 0;
    padding-right: 0;
    text-align: right;
}
.about-time ul li:nth-child(even) .nr_hs{ padding-left:0;padding-right: 40px;}
.about-time ul li:nth-child(even) h3 {
    text-align: right;
}

.about-time ul li:nth-child(even)::before {
    left: auto;
    right: -10px;
}

@media (max-width: 991px) {
    .make_txt {
        padding: 40px 30px;
    }

    .make_txt .make_txt_3 {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .make_txt .inner {
        padding: 15px 0px;
    }

    .about-time ul {
        width: 98%;
        margin-left: 2%;
    }

    .about-time ul li:nth-child(even) {
        margin-left: 0;
        padding-right: 0;
        padding-left: 24px;
        text-align: left;
    }

    .about-time ul li:nth-child(even) h3 {
        text-align: left;
    }

    .about-time ul li:nth-child(even)::before {
        left: -10px;
        right: 0;
    }
}

.news-list-more{ width:100%; text-align:center;}
.news-list-more a{ width:47px; height:47px; display:inline-block;background:url(../images/ls_more.png) no-repeat 50% 50%;}

.ls_ph{ width:700px; margin-left:auto; margin-right:auto; padding:35px; background-color:#edf3f8;}