/* CSS Document */
/*
	* common css
*/
.transparent_00 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.transparent_40 { filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.transparent_50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.transparent_100 { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

a { text-decoration:none;}

.img_center { margin:0 auto;}
.m0auto { margin:0 auto; }
/*
	* bootstrap diy css 本改成PC优先
*/
.bs_no_margin { margin-left:-15px; margin-right:-15px;}
.bs_no_padding { padding-left:0; padding-right:0; /*通常用于col消除padding*/}
.bs_padding_3px { padding-left:3px; padding-right:3px; }

.img-2responsive {
  display:inline-block;
  max-width: 100%;
  height: auto;
}

.col-eq5, .col-xs-eq5, .col-sm-eq5 .col-md-eq5, .col-lg-eq5,
.col-eq7, .col-xs-eq7, .col-sm-eq7 .col-md-eq7, .col-lg-eq7
{
  position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;  
}
.col-eq5 { width: 20%; float: left; }
.col-eq7 { width: 14.285714%; float: left; }
/*PC优先*/
.col-md-eq5,.col-md-eq7 { float: left; display:inline-block; }
.col-md-eq5 { width: 19.9%;	}
.col-md-eq7 { width: 14.285714%;}

/*
	*
*/

._container{ width:1100px; padding:0 20px; margin:0 auto; position:relative;}

.pic_loading2swap { text-align:center; margin:0 auto; }
.pic_loading2swap img { margin:0 auto; }

._header{ height:90px; padding-top:15px; background:url(../img/header_bg.png); box-shadow:0 1px 4px #aaa; position:relative; z-index:102;}
._header{ height:99px;}
._header .span_toggle{ width:50px; height:40px; display:none; background:url(../img/icon_list.png) no-repeat center center; cursor:pointer; 
position:absolute; top:25px; right:2%;}
._header .container{ overflow:visible; position:relative;}
._header h1{ width:200px; height:85px; float:left; background:url(../img/icon_logo.png) no-repeat center center;}
._header h1 a{ width:100%; height:100%; display:block; text-align:center; text-indent:-9999px; text-decoration:none; }
.ul_nav{ position:absolute; right:0; top:20px; z-index:101;}
.ul_nav>li{ height:40px; line-height:40px; float:left; position:relative; margin-left:32px; }
.ul_nav>li.li_types{ height:auto;}
.ul_nav>li.active{ border-bottom:2px solid #333;}
.ul_nav>li.active>a{ font-weight:bold;}
.ul_nav>li>a{ width:100%; height:60px; font-size:17px; color:#333; text-decoration:none; }
.ul_nth_1{ display:none;}
.ul_nth_1>li>a{ width:100%; height:40px; line-height:40px; text-indent:10px; display:block; color:#fff; font-size:16px;text-decoration:none;}
.ul_nth_2{ display:none;}
.ul_nth_2>li>a{ width:100%; height:40px; line-height:40px; text-indent:20px; display:block; color:#fff; font-size:14px;text-decoration:none;}
.ul_nth_3{ display:none;}
.ul_nth_3>li>a{ width:100%; height:40px; line-height:40px; text-indent:30px; display:block; color:#fff; font-size:12px;text-decoration:none;}

.menu{ height:24px; line-height:24px; color:#666; position:absolute; right:0; top:-6px;}
.menu a{ color:#333; vertical-align:middle; margin:0 4px; text-decoration:none;}
.search{ height:22px; line-height:normal; border:1px solid #666; background:#fff; display:inline-block; margin-left:10px;}
.search input[type=text]{ width:120px; height:18px; border:none; vertical-align:middle; text-indent:8px; font-size:12px; color:#666;}
.search input[type=submit]{ width:20px; height:22px; border:none; vertical-align:middle; cursor:pointer; background:url(../img/icon_search.png) no-repeat center center;}
/* header */

.types{ width:100%; height:310px; padding:15px 0; background:#efefef; display:none; position:absolute; z-index:102;}
.type_l1{ width:25%; height:295px; float:left; background:#999;}
.type_l1 p{ height:52px; line-height:52px; position:relative; font-size:16px; text-indent:150px;}
.type_l1 p a{ color:#fff; display:block; height:52px; line-height:52px; text-decoration:none;}
.type_l1 p.active a{ width:340px; height:52px; background:url(../img/icon_arrow.png) no-repeat left center; color:#666;
display:block; position:absolute; left:0; top:-1px;}
.type_l2,.type_l3{ width:25%; height:300px; padding-top:10px; float:left; border-right:1px solid #ddd;}
.type_l2 p,.type_l3 p{ height:36px; line-height:36px; font-size:16px; text-indent:100px;}
.type_l2 p a,.type_l3 p a{ color:#666; text-decoration:none;}
.type_l2 p.active a{ color:#0066cc;}
.type_l3{ width:21%; border-right:none;}
.type_l3 p{ text-indent:80px;}
.type_l2 { width:30%; }
.type_l2 .type_probox { clear:both; margin-left:100px; display:none; }
.type_l2 .type_probox ul li a { text-decoration:none; }

.recommand{ width:43%; /*width:48%;*/ float:left;}
.recommand div.box01 { padding-left:40px;}
.recommand div.box01 .item {width:50%; float:left; overflow:hidden; }
.recommand div.box01 .item h3{ height:30px; line-height:30px; font-size:14px; }
.recommand div.box01 .item img{ width:190px; margin-top:15px; margin-bottom:10px;}
.recommand div.box01 .item p{ font-size:13px; line-height:20px; color:#666;}
.recommand div.box01 .item a { text-decoration:none; }
/* types */

.footer{ padding-top:20px; background:#f2f2f2;}
.service{ padding-bottom:8px; border-bottom:1px solid #ccc;}
.service .wechat{ width:113px; float:right;}
.service .wechat img{ margin-bottom:10px; max-width:100%; }
.service .wechat p{ font-size:12px; text-align:center; color:#666;}
.ul_service{ width:86%; float:left;}
.ul_service li{ width:14%; float:left;}
.ul_service h4{ margin-bottom:12px; font-size:13px; color:#000;}
.ul_service h4 a { color:#000; font-weight:bold; }
.ul_service p{ margin-bottom:10px;}
.ul_service a, .ul_service p a { font-size:12px; color:#666; text-decoration:none;}
.ul_service a:hover{ color:#0066cb; }
.copyright{ padding:16px 0;}
.copyright a{ font-size:12px; color:#0066cc; margin-right:10px; text-decoration:none;}
.copyright a:hover{ }
.copyright img{ vertical-align:middle; margin-right:4px;}
.copyright p{ color:#666; display:inline-block; margin-left:20px;}
/* footer */
.syscy_fix1box{ position:fixed;right:1%;bottom:10%;width:40px;border:1px solid #eee; background-color:white; background-color:rgba(255,255,255,0.4); font-size:24px; z-index:1040;-webkit-backface-visibility:hidden}
.syscy_fix1box a{ display:inline-block;width:40px;height:40px;text-align:center; text-decoration:none;}
.syscy_fix1box a:after{content:".";font-size:0;height:100%;display:inline-block;vertical-align:middle}
.syscy_fix1box a i{vertical-align:middle}
.syscy_fix1box .syscy_fix1box_go_top {border-bottom:1px solid #eee; }
.syscy_fix1box .writer{background-color:#96b97d; background-color:rgba(150,185,125,0.4); font-size:18px;color:white}
.syscy_fix1box .hide-go-top { display:none;opacity:0;filter:alpha(opacity=0)}
/*
	editor comm css
*/

.syscms_title { padding:36px 0; text-align:center; font-size:22px; color:#0066cb; }
.syscms_content { clear:both; font-size:1.4rem; }
.syscms_content h2{}
.syscms_content p{ font-size:14px; color:#404f53; line-height:26px; margin-bottom:14px;}
.syscms_content img.img_pic{ width:100%;}

.ul4RenCaiCeLue {} /**/
.ul4RenCaiCeLue li {}
.ul4RenCaiCeLue li h4 { color:#1861ae; }
.ul4RenCaiCeLue li p { font-size:1.4rem; line-height:2.2rem; padding:0.8rem 0 1.5rem 0; }
.map{ position:relative; margin-bottom:30px;}


.map h2{ position:absolute; top:0;}
.map>p{ font-size:14px; line-height:24px; color:#404f53; position:absolute; bottom:0;}
.map_wrapper{ position:relative;}
.area_wrapper{ width:176px; height:104px; position:absolute;}
.area_wrapper a{ width:80px; height:22px; display:block; margin:0 auto; text-indent:-9999px; }
.aw{ height:80px;}
.area{ width:176px; height:78px; background:url(../img/icon_tips.png) no-repeat center center; display:none;}
.area h4{ font-size:16px; line-height:28px;  text-indent:20px;}
.area p{ font-size:14px; color:#333; text-indent:20px;}
#db{ left:700px; top:110px;}
#hb{ left:590px; top:284px;}
#xb{ left:170px; top:300px;}
#hd{ left:645px; top:426px;}
#hn{ left:527px; top:506px;}


/* map */

@media (max-width: 992px) {

}
@media (max-width:768px){

	
	.col-md-eq5,.col-md-eq7 {width: 100%;}	
	
	.col-sm-eq5,.col-sm-eq7 {float: left;}
	.col-sm-eq5 { width: 20%;	}
	.col-sm-eq7 { width: 14.285714%;}	
	
	.col-xs-eq5 { width: 20%; float: left; }
	.col-xs-eq7 { width: 14.285714%; float: left; }	
	
    ._header .span_toggle{ display:block; }
    ._header h1{ height:50px; margin-top:18px; background-size:auto 46px; background-position:left center;}
    .ul_nav{ width:260px; background:rgba(0,128,255,0.8); position:absolute; top:86px; right:0; display:none;}
    .ul_nav>li{ width:100%; float:none; margin:0; }
    .ul_nav>li.active{ border-bottom:1px solid #ccc;}
    .ul_nav>li>a{ width:100%; height:40px; line-height:40px; text-indent:30px; color:#fff; display:block;}
    
    .ul_nth_1{ display:block;}
    .ul_nth_1>li>a{ padding-left:30px; box-sizing:border-box;}
    .ul_nth_2>li>a{ padding-left:30px; box-sizing:border-box;}
    .ul_nth_3>li>a{ padding-left:40px; box-sizing:border-box;}
    
    .menu{ right:10px;}
    
    ._container{ width:auto; padding:0 10px; box-sizing:border-box;}
    .ul_service{ width:100%;}
    .ul_service li{ width:33.333%; text-align:center; margin-bottom:10px;}
    
    .service .wechat{ display:block; margin:0 auto; float:none;}
    .copyright{ text-align:center;}
    .copyright a{ display:none;}
    .copyright span{ display:block; text-align:center;}

}
