/* CSS Document */
/*========== top page ========= */
.slide_wrap {
	height: 399px;
    width: 100%;
    overflow: hidden;
	margin-bottom:30px;
}
.slide_wrap .bxslider li{
	height:399px;
}
.problemBlock .left_side{
	width:812px;
	float:left;
}
.problemBlock .left_side li{
	float:left;
	width: 310px;
	margin-right:40px;
	margin-bottom:30px;
	color:#656565;
	line-height:24px;
}
.problemBlock .left_side li:nth-child(2n){
	margin-right:0;
}
.problemBlock .right_side{
	width:338px;
	float:right;
	padding-top:60px;
	text-align:right;
}
.problemBlock .left_side li h3.tit{
	font-size:20px;
	padding-bottom:18px;
	border-bottom:1px dashed #d6d6d6;
	margin-bottom:18px;
	margin-top:18px;
}
.problemBlock .left_side li h3.tit a{
	color:#0b7bc7;
}
.problemBlock .left_side li h3.tit a:hover{
	color:#656565;
}

.problemBlock .left_side li.insect01{
	background:url(../images/top/insect_01.png) no-repeat left 0px;
	padding-left:70px;
}
.problemBlock .left_side li.insect01 p a{
	color:#656565;
}
.problemBlock .left_side li.insect01 p a:hover{
	color:#0b7bc7;
}

.problemBlock .left_side li.insect02{
	background:url(../images/top/insect_02.png) no-repeat left 0px;
	padding-left:70px;
}
.problemBlock .left_side li.insect02 p a{
	color:#656565;
}
.problemBlock .left_side li.insect02 p a:hover{
	color:#0b7bc7;
}

.problemBlock .left_side li.insect03{
	background:url(../images/top/insect_03.png) no-repeat left 0px;
	padding-left:70px;
}
.problemBlock .left_side li.insect03 p a{
	color:#656565;
}
.problemBlock .left_side li.insect03 p a:hover{
	color:#0b7bc7;
}

.problemBlock .left_side li.insect04{
	background:url(../images/top/insect_04.png) no-repeat left 0px;
	padding-left:70px;
}
.problemBlock .left_side li.insect04 p a{
	color:#656565;
}
.problemBlock .left_side li.insect04 p a:hover{
	color:#0b7bc7;
}

.problemBlock .left_side li.insect05{
	background:url(../images/top/insect_05.png) no-repeat left 0px;
	padding-left:70px;
}
.problemBlock .left_side li.insect05 p a{
	color:#656565;
}
.problemBlock .left_side li.insect05 p a:hover{
	color:#0b7bc7;
}

.problemBlock .left_side li.insect06{
	background:url(../images/top/insect_06.png) no-repeat left 0px;
	padding-left:70px;
}
.problemBlock .left_side li.insect06 p a{
	color:#656565;
}
.problemBlock .left_side li.insect06 p a:hover{
	color:#0b7bc7;
}

.serviceBlock .left_category{
	float:left;
	width:200px;
}
.serviceBlock .service{
	float:right;
	width:970px;
}
.left_category li.tit{
	background:url(../images/top/side_bg.png) repeat-x left top;
	height:50px;
	line-height:50px;
	font-size:18px;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.left_category li{
	background:#01abe9 url(../images/top/side_munu_bg.png) repeat-x left top;
	height:38px;
	line-height:38px;
	border-left:1px solid #009de2;
	border-right:1px solid #009de2;
}
.left_category li a{
	display:block;
	color:#fff;
	background:url(../images/top/sign01.png) no-repeat 15px 40%;
	padding-left:40px;
}
.service h2{
	background:url(../images/common/h2_tit02.png) no-repeat left top;
	height:40px;
	line-height:40px;
	color:#0b7bc7;
	padding-left:60px;
	font-size:15px;
	position:relative;
}
.service h2 .btn_more{
	position:absolute;
	right:10px;
	top:15px;
}
.service .service_inner,
.sectionBlock .block_body{
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:21px 20px 20px;
}

.service dl{
	margin-bottom:10px;
	padding-bottom:25px;
	background:url(../images/top/sbline.png) no-repeat 50% bottom;
}
.service dl.last{
	background:none;
	margin:0;
	padding:0;
}
.service dl dt{
	float:left;
	width:200px;
	border:1px solid #eaeaea;
	padding:4px;
	position:relative;
}
.service dl dt p.txt{
	position:absolute;
	width:100%;
	background-color:#fff;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	opacity:0.6;
	left:0;
	bottom:0;
	text-align:center;
	padding:5px;
}
.service dl dd{
	width:690px;
	float:right;
	font-size:16px;
}
.service dl dd h3{
	border-bottom:1px dashed #c6c6c6;
	padding-bottom:10px;
	margin:10px 0 15px;
	font-size:18px;
	font-weight:bold;
	color:#0b7bc7;
	position:relative;
}
.service dl dd h3 a{
	color:#0b7bc7;
}
.service dl dd h3 a:hover{
	color:#656565;
}
.service dl dd h3 .btn_qq{
	position:absolute;
	right:0;
	bottom:10px;
} 

.core_box .core_top,
.core_box .core_bottom{
	width:1200px;
	height:45px;
}
.core_box .core_middle{
	background:url(../images/top/box_bg_middle.png) repeat-y left top;
	padding:50px;
}
.column_text{
	width:535px;
}
.column_text dl dt{
	background:url(../images/top/tit_bg.png) no-repeat left top;
	height:40px;
	padding-top:6px;
	color:#1277bf;
	font-size:22px;
	font-weight:bold;
	padding-left:50px;
	font-family:Microsoft YaHei;
	position:relative;
}
.column_text dl dt span{
	position:absolute;
	left:6px;
	top:8px;
	color:#fff;
}
.column_text dl dd{
	background:url(../images/common/sign_black.png) no-repeat left 50%;
	margin:6px 0 6px 40px;
	padding-left:20px;
	font-size:16px;
}

.sectionBlock{
	margin-bottom:20px;
}
.sectionBlock h2{
	background:url(../images/common/h2_tit01.png) no-repeat left top;
	height:40px;
	line-height:40px;
	color:#0b7bc7;
	padding-left:60px;
	font-size:15px;
	position:relative;
}
.sectionBlock h2 .btn_more{
	position:absolute;
	right:10px;
	top:15px;
}

#grallery_items{
	position:relative;
}
#grallery_items .img_box{
	
}
#grallery_items .img_box a{
	display:block;
	width:240px;
	height:222px;
	background:#f3f7fa url(../images/top/sbox_bg.png) no-repeat center 0px;
	padding:10px 10px 0px 10px;
}
#grallery_items .img_box a:hover{
	background:#f3f7fa url(../images/top/sbox_bg_on.png) no-repeat center 0px;
	color:#0b7bc7;
}
#grallery_items .img_box p{
	padding:10px 0 0;
	text-align:center;
	font-size:16px;
}
#grallery_items .outside span a.bx-prev{
	background: rgba(0, 0, 0, 0) url("../images/top/arrow_left.png") no-repeat scroll 0 center;
    height: 100%;
    left: 0px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    transition: opacity 0.2s ease-out 0s;
    width: 22px;
    z-index: 2;
	overflow:hidden;
}
#grallery_items .outside span a.bx-next{
	background: rgba(0, 0, 0, 0) url("../images/top/arrow_right.png") no-repeat scroll right center;
    height: 100%;
    right: 0px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    transition: opacity 0.2s ease-out 0s;
    width: 22px;
    z-index: 2;
	overflow:hidden;
}

.case_list li,.cop_list li{
	float:left;
	margin-bottom:30px;
	margin-right:10px;
}
.case_list li.last,.cop_list li.last{
	margin-right:0;
}
.case_list li a{
	display:block;
	width:262px;
	height:177px;
	background:url(../images/top/case_bg.png) no-repeat center 0px;
	padding:10px 10px 10px 10px;
	text-align:center;
}
.case_list li a:hover{
	background:url(../images/top/case_bg_on.png) no-repeat center 0px;
	color:#0b7bc7;
}
.case_list li a p{
	margin-top:6px;
}


.cop_list li{
	display:block;
	margin-left:11px;
	margin-right:13px;
}
.cop_list li a{
	display:block;
	width:256px;
	height:130px;
	text-align:center;
	position:relative;
	background-color: #fff;
}
.cop_list li p.over-text{
	text-align:center;
	height:130px;
	line-height:130px;
	font-size:15px;
}
.home-blocks{
	background-color: #c5e1ec;
    padding: 5px;
    width: 256px;
    height: 130px;
}
.home-blocks .width-2 {
    position: absolute;
    filter: alpha(opacity=100);
   /* width: 100%;*/
    clear: both;
    overflow: hidden;
    cursor: hand;
    opacity: 1;
}

.home-blocks .width-2 .overlay {
    left: -630px;
}
.home-blocks .width-2 .overlay {
    position: absolute;
    filter: alpha(opacity=100);
    width: 100%;
    clear: both;
    overflow: hidden;
    cursor: hand;
    opacity: 1;
}
.home-block .overlay {
    color: #fff;
}
.home-block .overlay {
    z-index: 100;
    position: absolute;
    filter: alpha(opacity=100);
    display: block;
    overflow: hidden;
    top: 0px;
    left: 0px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.home-blocks .height-2 .overlay {
    height: 100%;
    overflow: hidden;
}
.sectionBlock .colunm{
	width:386px;
}
.sectionBlock .colunm h2{
	background:url(../images/common/h2_tit03.png) no-repeat left top;
}
.sectionBlock .colunm ul li{
	background: url(../images/common/sign_blue.png) no-repeat left 50%;
    padding: 10px 0 10px 20px;
    font-size: 16px;
	border-bottom:1px dashed #d6d6d6;
}
.sectionBlock .colunm ul li:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.tabs-head a.tab_on{
	color:#0b7bc7;
}
.tabs div{
	display:none;
}
.tabs div.tab{
	display:block;
}
.tabs div.tab a{
	display:inline-block;
	margin:5px 20px 5px 0;
	font-size:16px;
}

.category{
	padding:10px 35px;
	margin-bottom:20px;
}
.category a{
	display:inline-block;
	width:122px;
	height:122px;
	margin:10px 30px;
}
.category a span{
	display:block;
	text-align:center;
	font-size:16px;
	margin-top:10px;
}
.category a img{
	border:2px solid #ffffff;
	border-radius:61px
}
.category a:hover img{
	border:2px solid #029add;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3),-2px -2px 5px rgba(0,0,0,0.3);
}
.category a:hover span{
	color:#029add;
}

.alert_box{
	border-radius:10px;
	background:#eeeeee url(../images/common/alert_bg.jpg) no-repeat 95% bottom;
	padding:35px 15px;
	font-size:20px;
	line-height:38px;
	margin-bottom: 30px;
}
.alert_box .alert_text{
	background:url(../images/common/alert.jpg) no-repeat 50px bottom;
	padding-left:240px;
	font-weight:bold;
}

.links_btn{
	text-align:center;
	padding:0;
}
.links_btn a{
	display:inline-block;
	width:170px;
	height:56px;
	border:1px solid #029add;
	border-radius:5px;
	line-height:56px;
	font-size:18px;
	margin:0 30px;
	font-family:Microsoft YaHei;
	
}

.links_btn a.on,
.links_btn a:hover{
	background-color:#029add;
	color:#fff;
}

.article{
	text-indent:30px;
	font-size:16px;
}

.article p{ margin-bottom:30px;}
.article img{display: block; margin: 0 auto;}

ul.flows li{
	float:left;
	width:580px;
	margin-right:20px;
	margin-bottom:40px;
}
ul.flows li.2nth{
	margin-right:0;
}
ul.flows li .img{
	float:left;
	width:166px;
	margin-right:15px;
}
ul.flows li .flow_text{
	/*float:left;*/
	margin-left:200px;
	font-size:16px;
	line-height:30px;
}
ul.flows li .flow_text p{
	text-indent:2em;}
ul.flows li h4{
	background:url(../images/about/arrow.jpg) no-repeat left 50%;
	padding:0px 0 5px 50px;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	margin-bottom:10px;
}

.service_rules{
	background:url(../images/common/img10.jpg) no-repeat left top;
	height:163px;
	padding-left:160px;
	padding-top:40px;
	padding-bottom:30px;
	border-radius:10px;
}
.service_rules p{
	font-size:18px;
	font-weight:bold;
	color:#0b7bc7;
}

.employ_box .job{
	width:365px;
	margin-right:50px;
	font-size:16px;
	float:left;
}
.employ_box .job.last{
	margin-right:0;
}
.employ_box .job .job_type{
	width:134px;
	height:134px;
	display:block;
	border-radius:67px;
	opacity:0.5;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:134px;
	margin:0 auto 20px;
	cursor:pointer;
}
.employ_box .job .job_type:hover{
	opacity:1;
}
.employ_box .job .job_type.type01{
	background-color:#dbd24c;	
}
.employ_box .job .job_type.type02{
	background-color:#22cdbf;	
}
.employ_box .job .job_type.type03{
	background-color:#27b480;	
}
.employ_box .job h4{
	font-weight:bold;
	font-size:36px;
	line-height:36px;
	margin-bottom:15px;
	display:inline-block;
}
.employ_box .job p{
	margin-bottom:10px;
}

.contact_us ul li{
	float:left;
	width:475px;
	margin-right:120px;
	margin-bottom:40px;
	border:1px solid #ddd;
	padding:20px 30px;
	font-size:16px;
}
.contact_us ul li.last{
	margin-right:0;
}
.contact_us ul li:hover{
	background-color:#f8f8f8;
}
.contact_us ul li .company_name{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.show_map{
	width:325px;
}



ul.news li a{
	border:1px solid #fff;
	padding:15px;
	display:block;
}
ul.news li a:hover{
	border:1px solid #ddd;
	background-color:#f8f8f8;
	color:#333;
}

ul.news li .img{
	float:left;
	width:300px;
	margin-right:30px;
}
ul.news li .news_text{
	/*float:left;*/
	margin-left:330px;
	font-size:16px;
	line-height:30px;
}
ul.news li h4{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

ul.news li .date{
	font-size:14px;
	color:#888;
}

ul.relationNews li{
	background: url(../images/common/sign_blue.png) no-repeat left 50%;
    padding: 10px 0 10px 20px;
    font-size: 16px;
	border-bottom:1px dashed #d6d6d6;
	width:550px;
	float:left;
	margin-right:60px;
}
ul.relationNews li:nth-child(2n){
	margin-right:0;
}
.pathNav{margin:10px 0 50px 0;}

.newsDetail{
	font-size:18px;
	line-height:30px;
}
.newsDetail h2{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
.newsDetail .date{
	font-size:15px;
	color:#888;
	margin-bottom:30px;
	text-align:center;
	text-indent:0em;
}

.newsDetail p{
	margin-bottom:30px;
	text-indent:2em;
	}
.newsDetail img{
	border: none;
    display: block;
}

.caseList li{
	float:left;
	margin-bottom:30px;
	margin-right:20px;
}
.caseList li.last{
	margin-right:0;
}
.caseList li a{
	display:block;
	width:265px;
	height:250px;
	background:url(../images/case/case_bg.jpg) no-repeat center 0px;
	padding:10px 10px 10px 10px;
	text-align:center;
}
.caseList li a:hover{
	background:url(../images/case/case_bg_hover.jpg) no-repeat center 0px;
	color:#0b7bc7;
}
.caseList li a p{
	margin-top:6px;
}

.mediaeList li{
	float:left;
	margin-bottom:30px;
	margin-right:20px;
}
.mediaeList li.last{
	margin-right:0;
}
.mediaeList li a{
	display:block;
	width:277px;
	height:206px;
	background:url(../images/media/media_bg.jpg) no-repeat center 0px;
	padding:4px 4px 20px 4px;
	text-align:center;
}
.mediaeList li a:hover{
	background:url(../images/media/media_bg_hover.jpg) no-repeat center 0px;
	color:#0b7bc7;
}
.mediaeList li p{
	text-align:center;
	margin-top:10px;
}

.honerList li{
	float:left;
	margin-bottom:30px;
	margin-right:20px;
}
.honerList li.last{
	margin-right:0;
}
.honerList li a{
	display:block;
	width:272px;
	/*height:185px;*/
	background:#f8f8f8;
	padding:5px 5px 10px 5px;
	text-align:center;
	border:1px solid #efefef;
}
.honerList li a:hover{
	background:#ededed;
	color:#0b7bc7;
	border:1px solid #35b7e9;
}
.honerList li p{
	text-align:center;
	margin-top:8px;
}


/* ========== pagination ========== */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #999999;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #0b7bc7;
  border-color: #0b7bc7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}