body{ background-color: #FFFFFF;}
.main_bar{padding:0 0 50px;background-color:#fff; }
.number_title{font-family:'Arial'}
.fix { *zoom: 1; *clear: both;}
/*二级页面*/
.subban{ width: 100%; height: auto;}
.subban img{ margin: auto; width: 100% !important;}
.sub_banner_bg{background-position: center center; background-repeat: no-repeat;}
#sub_banner {  height: 260px; position:relative;  }
#sub_banner .item { position:absolute;  bottom:0px; right: 0px;  }
#sub_banner .item h2 { text-align: center;
  margin: 0px; width:220px; height: 70px; line-height: 70px; padding: 0px 20px;
color: #000000; opacity: 0.75;  filter: alpha(opacity=75); }
#sub_banner1{ height: 140px;}
.col-md-6:nth-child(2n+1){clear:left!important;}
.xc_con{ position:absolute; bottom: 0; width:100%;}
.xc_con .channel_list{ position:relative; height:50px; padding-left:170px; background:url(../images/channel_list_bg.png)}
.xc_con .channel_list ._t{ position:absolute; left:0; top:0; width:170px; height:50px; line-height:50px; background-color:#034099; color:#fff; font-size:24px; text-align:center; }
.xc_con .channel_list ._t ._arr{ position:absolute; left:100%; top:50%; margin-top:-5px; width:0; height:0; border-width:8px; border-style: dashed dashed dashed solid; border-color:transparent transparent transparent #034099}
.xc_con .channel_list  li{ float:left; padding:0px 19px;background-color:#BBBBBB;}
.xc_con .channel_list  li a{ display:block; line-height:50px; font-size:15px;  white-space:nowrap; }
.xc_con .channel_list  li:hover{background-color:#036fd5;}
.xc_con .channel_list  li.active{ background-color: #005dc1;}
.xc_con .channel_list  li.active a,.xc_con .channel_list  li:hover a{ color:#FFFFFF;}
.bg-gray{ background-color: #1f252f}
#showtime{ width: 80px; height: 80px; background-color:  #0f4ba1; padding: 10px; color: #CCCCCC; text-align: center; margin: 0px auto;margin-top: 20px; }
#showtime .day{ font-size: 24px; display:block; }
#showtime .my{ display:block; padding-top: 6px;}

#sub-content{max-width: 1920px; margin-top:0px; min-height:560px; background-image: url("../images/sub_bg.gif"); background-size:auto; background-repeat: no-repeat; background-position: center bottom;}
/*sub page*/
/*二级页面左侧菜单导航*/
#subcontent{ margin-top: 0px;padding-top: 20px; padding-bottom: 30px; width: 100%; background-color: #fcfcfc; }
#subcontent .center-nav{ display: block; clear: both; padding: 20px 0px;}
#subcontent .page-header{ margin-top: 0px; border-bottom: 0px; float: left;}
#subcontent .page-header h2 {color:#0f4ba1; font-size:36px; margin: 0px;}
#subcontent .page-header h2 .datetime{ margin-top: 10px; font-size: 14px; }
#subcontent #contenttext{min-height: 200px;  line-height: 1.8em; color:#515151; font-size: 16px; padding:10px 30px; padding-bottom: 20px;}

#contenttext img{max-width: 100%; height:auto;}
#contenttext .zslist img{margin-bottom: 10px;}
#contenttext p{padding:0px; margin: 0 0 6px;}
#subcontent{ padding: 20px auto;}
#subcontent blockquote{ background-color: transparent; border-left: 0px;}
#contenttext li{margin-left: 20px;}
#contenttext li p{padding:0px; margin:0px;}
#subcontent h1{ background-color: #f7f7f7; font-size: 3rem; margin:10px auto;
	padding: 20px 0;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;font-family: AlibabaPuHuiTi;
}
#subcontent h2{ background-color: #f7f7f7; font-size: 2.4rem; 
	padding: 15px 0;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 54px;
    text-transform: uppercase;
    text-align: center; margin-top: 20px;
}
#subcontent .textbox{ font-size: 1.2em;}
#subcontent .breadcrumb{ background-color: transparent;}
#subcontent .newstitle{ padding-bottom: 20px;  border-bottom: 1px solid #ECEAEA;text-align: center; margin-bottom: 10px;}
#subcontent .newstitle .newstime{ color: #B7B7B7 }
#subcontent .showprodpic{ margin: 30px 0px;}
#subcontent .showprodpic .picbox{ width: 100%; max-width: 100%;  margin: 0px auto; text-align: center;}
#subcontent .showprodpic img{ max-width: 100%; margin: 0px auto;}
#subcontent .prodintro{ line-height: 1.8em; font-size: 16px;}
#subcontent  .prodtitle{ font-size: 20px;  background-color: #f4f4f4;padding: 15px; font-weight: bold; margin-bottom: 20px; display: block;}
._arrdown{ position:relative; left:73px; top:50%; margin-top:-5px; width:0; height:0; border-width:13px; border-style: dashed dashed dashed solid; border-color:transparent transparent transparent #079e44}
.alticlelistbox ul li{ border-bottom: 1px #D5D5D5 dotted; list-style: none; padding:0px 16px; }
.alticlelistbox ul li:last-child{ border-bottom: 0px;}
.alticlelistbox ul li:hover{ background-color:#f1f1f1;}

/*news*/
/*鏂伴椈鍒楄〃*/
.news_list .news_title{font-size:14px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list .news_text{font-size:13px;}
.news_list .news_sarch{padding:30px 36px 34px;background-color:#ededed;margin-bottom:30px; }
.news_list .news_sarch .title{font-size:20px;color:#000;margin-right:40px;line-height:36px;height:36px;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;}
.news_list .news_sarch .seach_box{border:1px solid #cdcdcd;height:40px;line-height:40px;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;color:#bababa; background-color: #FFFFFF; width:300px;}
.news_list .news_sarch .seach_box input{border:none;width:100%;line-height:30px;}
.news_list .news_sarch .seach_box .input_box{padding:0px 16px;display:block;}
.news_list .news_sarch .seach_btn{color:#fff;text-align:center;vertical-align:middle;margin-left:24px;font-size:18px;background: #005dc1;display: inline-block; padding:5px 30px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; border-radius: 5px;}
.news_list .news_sarch .seach_btn:hover{background: #034099; }

/*鏂伴椈宸︿晶鏃ユ湡閫氱敤*/
.news_l_time{font-size:40px;line-height:36px;}
._list_box{padding:15px 10px; margin:0px 15px; border-bottom: 1px dashed #BBBBBB;}
._list_box .newstime{padding:10px 0px; width:80px;}
._list_box .newstime .day{font-size:1.3em;text-align:center;padding:0px; margin-bottom:20px;font-weight: 800;}
._list_box .btn{padding:4px 10px; border: 1px solid #515151; color:#41353a;}
.news_l_time .year{font-size:18px;text-align:center; border-top:1px solid;}

#contenttext ._list_box a{display:block;}
#contenttext ._list_box ._list_pic{padding:0px; text-align: center;}
#contenttext ._list_box ._list_pic img{width:100%;}
#contenttext ._list_r{margin:0px; padding:0px; padding-left: 30px;}
#contenttext ._list_r .news_title{margin-bottom:18px;font-weight:500; font-size: 1.1em;}

#contenttext ._list_r .news_text{color:#767676;margin-bottom:20px;font-size: 0.9em;}
#contenttext ._list_r .news_more{font-size:14px;color:#aaaaaa;}
#contenttext ._list_r .news_more:hover{color:#0179c7;}
#contenttext  ._list_box:hover{background-color:#EDEDED;}
#contenttext  ._list_box:hover .news_title{color:#000;}
#contenttext li:hover ._list_l{color:#41353a;}
#contenttext li:hover .news_title{color:#000;}
#contenttext li:hover .news_text{color:#434343;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #0d59a7;
  border-color:#0d59a7;
  cursor: default;
}

/* newsdetail-2 start*/
.widget-newsdetail ._head { border-bottom: 1px dotted #cccccc;margin-bottom: 20px; }
.widget-newsdetail ._head ._title { font-size:24px; line-height: 1.4;color:000;font-weight:bold;margin-bottom:20px; margin-top: 0px;}
.widget-newsdetail ._tools {color: #c7c7c7;height:46px;line-height:46px;margin-bottom: 20px; padding:0px 30px;}
.widget-newsdetail ._tools ._tool{display: inline-block; vertical-align: middle;margin-right:24px;}
.widget-newsdetail .myart { padding:50px 0;}
.detail_right_btn ._btn_box{width:46px;height:46px;background:url(../images/detail_r_ico.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;}
.detail_right_btn ._btn_box._btn_back{background-position:-46px 0px;}
.detail_right_btn ._btn_box._btn_next{background-position:-92px 0px;}
.detail_right_btn ._btn_box:hover{background-position:0px -46px;}
.detail_right_btn ._btn_box._btn_back:hover{background-position:-46px -46px;}
.detail_right_btn ._btn_box._btn_next:hover{background-position:-92px -46px;}
/*业务简介手风琴效果展示*/

#accordion .panel{
		    border: none;
		    border-radius: 5px;
		    box-shadow: none;
		    margin-bottom: 10px;
		    background: transparent;
		}
		#accordion .panel-heading{
		    padding: 0;
		    border: none;
		    border-radius: 5px;
		    background: transparent;
		    position: relative;
		}
		#accordion .panel-title a{
		    display: block;
		    padding: 20px 30px;
		    margin: 0;
		    font-size: 17px;
		    font-weight: bold;
		    color: #fff;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    border: none;
		    border-radius: 5px;
		    position: relative;
			background: linear-gradient(75deg, #0058bb, #00c0fa);
			text-align: left;
		}
		#accordion .panel-title a.collapsed{ border: none; }
		#accordion .panel-title a:before,
		#accordion .panel-title a.collapsed:before{
		    content: "\f107";
		    font-family: "FontAwesome";
		    width: 30px;
		    height: 30px;
		    line-height: 27px;
		    text-align: center;
		    font-size: 25px;
		    font-weight: 900;
		    color: #fff;
		    position: absolute;
		    top: 15px;
		    right: 30px;
		    transform: rotate(180deg);
		    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
		}
		#accordion .panel-title a.collapsed:before{
		    color: rgba(255,255,255,0.5);
		    transform: rotate(0deg);
		}
		#accordion .panel-body{
		    padding: 20px 30px;
		    border-top: none;
		    border-radius: 5px;
			border-left: 2px dashed #C4C4C4;
			margin-left: 50px;
			color:#515151;
		}
/*各部职能*/
.wx-list{ margin-top: 0px; margin-bottom: 0px; border-bottom: 1px dotted #E0E0E0; }
.wx-list:hover{background: #BEDBF7; }
  .hexagon {
    width: 150px;
    height: 150px;
	      background-image: linear-gradient(125deg, #0058bb, #00c0fa);
	color:#FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	 font-size: 20px;
	 font-family: " AlibabaPuHuiT";
	 text-align: center;
	  margin:20px auto;
  }
.hexagon .fa{display:block;}
.bm_list ._t{ background-color: #034099; color:#FFFFFF; min-height: 200px;}
.bm_list ._arr {
    position: absolute;
    right:-50px;
    top: 10%;
    height:100px;
    border-width: 50px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #ff0000;
}
.wx-text{width:100%; padding:30px 20px;  line-height: 30px; align-items: center;}
/*联系我们*/

/* Menu style */
.ei_menu{
	width:900px; margin:0px auto; 
}
.ei_menu ul{
	height:480px;
	margin-left:50px;
	position:relative;
	display:block;
}
#contenttext .ei_menu li{margin-left: 0px;}
.ei_menu ul li{
	
	float:left;
	width:75px;
	height:480px;
	position:relative;
	overflow:hidden;
	border-right:2px solid #0058bb;
}
.ei_preview{
	width:75px;
	height:480px;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url(../images/bw2.jpg) no-repeat top left;
  transform: rotate(0deg); /* 修正文字方向，确保从上到下阅读 */
	font-size: 28px; color:#FFFFFF; text-align: center;writing-mode: vertical-lr; /* 文字从上到下竖排，从右到左 */
	background: linear-gradient(75deg, #00c0fa, #0058bb);
	letter-spacing: 6px; line-height: 75px;
}
.ei_image{
	position:absolute;font-size: 28px; color:#FFFFFF; text-align: center;writing-mode: vertical-lr; /* 文字从上到下竖排，从右到左 */  letter-spacing: 6px; line-height: 75px;
	left:75px;
	top:0px;
	width:75px;
	height:480px;
	opacity:0.8;
	background:transparent url(../images/color2.jpg) no-repeat top left;
	background: linear-gradient(75deg, #0058bb, #00c0fa);
}
.pos1 span{
	background-position:0px 0px;
}
.pos2 span{
	background-position:-75px 0px;
}
.pos3 span{
	background-position:-152px 0px;
}
.pos4 span{
	background-position:-227px 0px;
}
.pos5 span{
	background-position:-302px 0px;
}
.pos6 span{
	background-position:-377px 0px;
}
.ei_descr{
	position:absolute;
	width:330px;
	height:450px;
	border-right:7px solid #f0f0f0;
	padding:0px 10px;
	left:75px;
	top:0px;
	background:#fff;
}
.ei_descr h2{
	font-family: 'Rock Salt', arial, serif;
	font-size:20px;
	color:#333;
	padding:10px;
	text-shadow:0px 0px 1px #fff;
	background:#fff url(../images/stripe_light.gif) repeat top left;
}
.ei_descr h3{
	font-family: 'Raleway', arial, serif;
	color:#fff;
	text-shadow:0px 0px 1px #000;
	font-style:normal;
	padding:10px;
	background:#333;
	font-size:14px;
}
.ei_descr p{
	color:#000;
	padding:10px 5px 0px 5px;
	line-height:22px;
	font-size:16px;
	font-family: Arial;
}

/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 320px) and (max-width: 992px){
	body{ background-color: #FFFFFF;}
	#subpage{margin-top: 0px; margin-bottom: 0px; }
	#subcontent{ padding: 0px 0px; }
	.news_l_time{font-size:28px;line-height:28px;color:#c8c8c8;max-width:124px; }
	#subpage .page-header h2 {color:#be060d; font-size:26px;}
	.widget-newsdetail ._head ._title { font-size:24px; }
#sub_banner .item { position:absolute;  bottom:0px; right: 0px;  }
#sub_banner .item h2 { text-align: center;
  margin: 0px; width:220px; height: 70px; line-height: 70px; padding: 0px 20px;
color: #000000; background-color: aliceblue;  opacity: 0.75;  filter: alpha(opacity=75); }
#sub_banner1{ height: 140px;}
.sub_banner_bg{background-size:cover;  background-position: -100px center; background-repeat: no-repeat;}
}
@media only screen and (min-width: 320px)  and (max-width: 767px) {
	.sub_topnav{ background-size: contain; min-height: 100px;}
	#sub_banner { height: auto; position:relative;  }
	.prodlistbox .proditem .picbox{ overflow: hidden;text-align: center; max-height: auto; width:100%;}
	#contenttext .prodlistbox .proditem .picbox img{width:100%; max-width:100%;max-height: auto; padding-top: 0px; text-align: center; padding:0px;}
	.white-panel img{ width: 100%; max-width: 100%; max-height: auto;}
	.designer{padding:0px; padding-bottom: 40px; padding-top: 15px;}
	.xc_con{ display: none;}
	.xc_con .channel_list{ position:relative; height:40px; padding-left:100px; background:url(../images/channel_list_bg.png)}
.xc_con .channel_list ._t{ position:absolute; left:0; top:0; width:100px; height:40px; line-height:40px; font-size:18px; text-align:center; }
	.xc_con .channel_list  li{ float:left; padding:0px 8px;}
.xc_con .channel_list  li a{ display:block; line-height:40px; font-size:14px; }
._list_box{padding:15px 0px; margin:0px 0px; border-bottom: 1px dashed #BBBBBB;}
#contenttext ._list_r{margin:0px; padding:10px;  padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}
._list_box .newstime{padding:20px 0px; width:200px; margin:0px;}
._list_box .newstime .day{font-size:1.1em;text-align:center;padding:0px; margin-bottom:0px; float: left; padding-right: 15px; border-right:1px dotted; color:#828383; margin-right: 10px; }
._list_box .newstime .year{font-size:14px;text-align:center; border-top:0px solid; float:left;padding-left: 30px; }
	#contenttext ._list_r .news_title{margin-bottom:18px;font-weight:600; font-size: 1.2em;}
	#subcontent .textbox h3{ font-size: 1em;}
	#subcontent .textbox h4{ font-size:1em;}
	.proditem .picbox {height: auto; overflow:auto;  padding:0px; }
	#case_desc{margin-top:0px;}
	#case_desc .col-xs-12{}
	#case_desc .case_textbox{padding:0px; font-size: 1em;}
	#case_desc .case_textbox img{width:100%;padding:10px 0px;}
	#case_desc .case_textbox p{margin: 0px 0px 0px 0px;}
	#subcontent h1{ font-size: 2.2rem;}
}
@media only screen and (min-width: 768px)  and (max-width: 992px) {
	#sub_banner {  height: 300px; position:relative;  }	
	.sub_topnav{ background-size: contain; min-height: 100px;}
}