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_topnav{width:100%; max-width: 768px; margin:0px auto; height: 260px; }
#sub_banner {  max-width: 768px; margin:0px auto; padding-top: 180px;}
#sub_banner .item {margin: 0px auto; width: 100%;max-width: 768px; opacity: 0.95;  filter: alpha(opacity=95); text-align: center;}
/*--background-color: #e7e6e6; --*/
#sub_banner .item h2 {font-size: 28px; text-align: center;
  margin: 0px; height: 60px; line-height: 60px; 
color: #FFFFFF;  font-family: "AlibabaPuHuiT";}
.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 page*/
#subpage{margin-top: 20px; margin-bottom: 20px; }
.wx-list{ margin-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #E0E0E0}
  .hexagon {
    width: 150px;
    height: 150px;
    background-color: #0b6cd1;
	      background-image: linear-gradient(0deg, #7c96fd, #0b6cd1);
	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;
  }
.hexagon .fa{display:block;}
.wx-text{width:100%; background-color:#F0EDEE; padding:10px 20px; min-height: 150px;  display: flex;
    align-items: center;}
.alticlelistbox .list_title {
    padding: 0px;
    display: block;
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f1f1f1;
    border-bottom: 0px;
}
.alticlelistbox .list_title img{width:100%;}
.alticlelistbox ul li {
    border-bottom: 1px #D5D5D5 dotted;
    padding: 6px 0px;
    padding-left: 20px;
    list-style: none;
    padding-right: 10px;
}
.alticlelistbox .itemlist{ margin-bottom:20px;}
.articlepic img{ width:100%;}
 .articlepic {
        position: relative;
        top: 0;
        left: 0;
 }
 .item-title {
	 width:85%;
        position: absolute;
        bottom: 10px;
        left: 30px;
        font-size: 18px;
        font-weight: 700;
	    color:#ffffff;
 }
/*产品简介手风琴效果展示*/

#accordion .panel{
		    border: none;
		    border-radius: 0px;
		    box-shadow: none;
		    margin-bottom: 10px;
		    background: transparent;
		}
		#accordion .panel-heading{
		    padding: 0;
		    border: none;
		    border-radius: 0px;
		    background: transparent;
		    position: relative;
		}
		#accordion .panel-title a{
		    display: block;
		    padding: 10px 20px;
		    margin: 0;
		    font-size: 14px;
		    font-weight: bold;
		    color: #fff;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    border: none;
		    position: relative;
			background: linear-gradient(75deg, #0458af, #2f8ef1);
			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: 10px;
		    right: 10px;
		    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 10px;
		    border-top: none;
		    border-radius: 0px;
			border-left: 1px dashed #C4C4C4;
			border:1px solid #dddddd;
			color: #666;
    font-size: 14px;
			background-color:#f7f7f7;
		}
.photonav_list { display: table;margin:15px auto;text-align: center;}
.photonav_list li {
    float: left;
    padding: 10px 19px;
    background-color:#CCCCCC;
	font-size: 16px;
}
.photonav_list a:hover{color: #FFFFFF;}
.photonav_list li:hover{ background-color:#024f9f;color: #FFFFFF; }
.photonav_list li.active {
    background-color: #0b6cd1;
    font-weight: bold;
}
.photonav_list li.active {	color:#FFFFFF;}


.prodlistbox{ margin-bottom: 50px;}
.prodlistbox .proditem{ padding: 0px; width:100%;margin:0px; border: 1px solid #D3D4D6;background-color: #F7F7F7; }
.prodlistbox .proditem:hover{-moz-box-shadow:2px 2px 15px #D3D4D6; -webkit-box-shadow:2px 2px 15px #D3D4D6; box-shadow:2px 2px 15px #D3D4D6;}
.proditem .picbox { padding:10px; background-color: #FFFFFF; text-align: center; }
.proditem .picbox img{max-width:100%;transition: all 1.2s; -ms-transition: all 1.2s;}
.proditem:hover img{ }
.proditem .proddesc{padding:10px 20px;}
.proddesc h4{ font-size: 1.2em; text-align: center;}
.proddesc .caption{height: 72px; line-height: 24px; overflow: hidden; }
 .morebut {padding:10px 0px; display: block;}
.prod_catadesc{ padding:15px; margin-bottom: 20px; font-size: 1.2em;}
/*二级页面左侧菜单导航*/

/*==============================================
    MENU STYLES    
    =============================================*/
._t{  display: table; min-width:100%; height:120px; color:#fff; font-size:26px; text-align:left; font-weight: 500; background:url("../images/bg.png"); background-size:contain; background-repeat: no-repeat; background-position: right center; border-bottom:1px solid #ffffff;background-color:#0d5bb5; text-align: center;}
 .middle-inner{
	 	height: 90px;
        display: table-cell;
        vertical-align:middle;
        text-align:center;line-height: 45px;
    }
.sidebar-collapse .nav > li >  .active-menu {
    background-color: #2c87ff!important;border-left: 12px solid #145bb9; color: #FFFFFF;
}
.active-menu-top {
    background-color: #000!important;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

    .nav-second-level li a {
        padding-left: 37px;
    }

    .nav-third-level li a {
        padding-left: 55px;
    }

.sidebar-collapse, .sidebar-collapse .nav {
    background: none; 
}

    .sidebar-collapse .nav {
        padding: 0;
    }

.sidebar-collapse .nav > li > a {
            color: #000; font-size: 16px;
            background: #e7e6e6;
            text-shadow: none;
            padding: 15px 30px;
            border-bottom: 1px solid #f9f9f9; border-left: 12px solid #cddff6;
        }

.sidebar-collapse > .nav > li > a {
        padding: 15px 10px;
		padding-left: 20px;
    }

 .sidebar-collapse .nav > li > a:hover,
 .sidebar-collapse .nav > li > a:focus {
        background: #e7e6e6;
        outline: 0;
    }

.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;
}
.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}
.sidebar-collapse .nav-second-level > li > a {
            color: #000; font-size: 14px;
            background: #f2f7f8;
            text-shadow: none;
            padding: 10px 30px;
            border-bottom: 1px solid #dde6ed; border-left: 8px solid #dde6ed;
			padding-left: 50px;
        }
.navbar-side {
    border: none;
  /*  background-color: #202020; */
}

.navbar-cls-top {
    background: #00CA79;
    border-bottom: none;
}


.navbar-default {
    border: 0px solid black;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #00CA79;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

.nav > li > a > i {
    margin-right: 10px;
}
/*==============================================
    MEDIA QUERIES     
    =============================================*/

@media (min-width:768px) {
    .navbar-side {
        z-index: 1;
        min-width: 260px;
    }

    .navbar {
        border-radius: 0px;
    }
}
/*中间内容*/
.sub_contact{color: #000;
font-size: 14px;
background: #e7e6e6;
text-shadow: none;
padding: 15px 5px;
border-bottom: 1px solid #f9f9f9;
border-left: 12px solid #cddff6; line-height: 30px; }
.sub_contact p{padding:0px; margin:0px;}
#subcontent{ margin-top: 0px; margin-bottom: 30px; width: 100%; }
#subcontent .center-nav{ display: block; clear: both; padding: 0px 0px; text-align:left;}
#subcontent .page-header{ margin-top: 0px; border-bottom: 0px; float: left;}
#subcontent .page-header h2 { font-size:36px; margin: 0px;}
#subcontent .page-header h2 .datetime{ margin-top: 10px; font-size: 16px; }
#subcontent #contenttext{min-height: 200px;  padding: 20px 10px; margin-left: 0px; margin-right: 0px;}
#subcontent #contenttext ul{list-style-position: inside; }
#contenttext img{max-width: 100%; height:auto;}
#contenttext .zslist img{margin-bottom: 10px;}
#contenttext p{ }
#subcontent{ padding: 20px auto;}
#subcontent blockquote{ background-color: transparent; border-left: 0px;}
#subcontent #contenttext ul{list-style-position: inside; }
.article_info{padding-left: 5px; padding-right: 5px; }
.article_info li{padding-left:30px; list-style: none;}
.article_info li:before { 
 content: "";
 border-color: transparent #111;
 border-style: solid;
 border-width: 0.35em 0 0.35em 0.45em;
 display: block;
 height: 0;
 width: 0;
 left: -1em;
 top: 1.2em;
 position: relative;
}
#contenttext li p{padding:0px; margin:0px;    display:inline;}
#subcontent h1{ background-color: #f7f7f7; font-size: 2.6rem; margin:0px auto;
	padding: 15px 0;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
	font-family: " AlibabaPuHuiT";
}
#subcontent h2{ background-color: #f7f7f7; font-size: 2rem; 
	padding: 10px 0;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 44px;
    text-transform: uppercase;
    text-align: center; margin-top: 20px;
}
#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;  line-height: 46px; }
.alticlelistbox ul li:last-child{ border-bottom: 0px;}
.alticlelistbox ul li:hover{ background-color:#f1f1f1;}
.list_title{ line-height: 30px;}
/*news*/
/*鏂伴椈鍒楄〃*/
.news_list{ border-bottom:1px solid #dddddd; margin:10px auto;padding-top:10px; padding-bottom:10px; font-family: 'AlibabaPuHuiTi';}
.news_list:hover{ background-color: #c2def7;}
.news_list .news_title{font-size:16px;font-weight:normal;text-overflow:ellipsis;overflow:hidden; height: 52px; line-height: 24px;}
.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;font-weight:bold;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; font-weight: bold;}
.news_list .news_sarch .seach_box .input_box{padding:0px 16px;display:block;}
.news_list .news_sarch .seach_btn{border:none;width:14%;color:#fff;height:36px;line-height:36px;text-align:center;vertical-align:middle;margin-left:24px;font-size:16px;outline:none;}

/*鏂伴椈宸︿晶鏃ユ湡閫氱敤*/
.news_l_time{font-size:14px;line-height:26px; color: #BBBBBB;}
._list_box{padding:15px 10px; margin:0px 15px; border-bottom: 1px dashed #BBBBBB;}
._list_box .newstime{padding:20px 0px; width:80px;}
._list_box .newstime .day{font-size:1.3em;text-align:center;padding:0px; margin-bottom:20px; }
._list_box .btn{padding:4px 10px; border: 1px solid #515151; color:#41353a;}
.news_l_time .year{font-size:16px;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:600; font-size: 1.4em;}
#contenttext ._list_r .news_text{color:#767676;margin-bottom:20px;font-size: 1.1em;}
#contenttext ._list_r .news_more{font-size:14px;color:#aaaaaa;}
#contenttext ._list_r .news_more:hover{color:#007dd9;}
#contenttext  ._list_box:hover{background-color:#EDEDED;}
#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: #007dd9;
  border-color:#007dd9;
  cursor: default;
}
/*----case list-----*/
.casedesc{ min-height: 100px; }
.casedesc h4{ font-size: 1em; line-height: 40px;}

.case_title h3{font-size: 1.8em; font-weight: 600; padding-bottom: 6px;}
.case_title .line{width:60px; height: 20px;border-top: 3px solid #000000;}
.case_intro{ line-height: 2em; font-size:1.1em;}
.case_intro h3{font-size:1.2em; }
.case_intro span{padding-right: 30px; line-height: 40px; }

#case_desc{ margin-top:50px; }
#case_desc .case_textbox{padding:20px; font-size: 1.2em; line-height: 2em;}
#case_desc .case_textbox img{padding:10px 0px; max-width: 100%;}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #0458af;
    border-color: #0d59a7;
}
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
	font-size:16px;
}
.panel-body {
    padding: 15px 5px; color:#666; font-size:14px;background-color: #f7f7f7;
}
.panel-body img {margin-bottom: 10px;}

/* 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;}
.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;}

/*---------产品详情页面------------*/
#moreprodbox{ margin-top: 40px;}
.prodinfo img{max-width: 100%; }
.prodinfo .prod_pic{padding-bottom:10px;}
/*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; }
	#subpage .page-header h2 {color:#be060d; font-size:26px;}
	.widget-newsdetail ._head ._title { font-size:24px; }
#sub_banner .item h2 { text-align: center;
  margin: 0px; width:220px; height: 70px; line-height: 70px; padding: 0px 20px; }
}
@media only screen and (min-width: 320px)  and (max-width: 767px) {
	.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 .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;}
	#subcontent .textbox img{padding-top:20px; padding-bottom: 20px;}
	.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;}
}