.bg-gray {
	background: #F7F7F7
}

.bg-sub {
	background: #6e6e6e
}


.mb5 {
	margin-bottom: 5px;
}

/* 行距 begin*/
.blank {
	height: 10px;
	line-height: 10px;
	clear: both;
	font-size: 0
}

.blank-small {
	height: 20px;
	line-height: 20px;
	clear: both;
	font-size: 0
}

.blank-middle {
	height: 30px;
	line-height: 30px;
	clear: both;
	font-size: 0
}

.blank-big {
	height: 50px;
	line-height: 50px;
	clear: both;
	font-size: 0
}

.blank-large {
	height: 80px;
	line-height: 80px;
	clear: both;
	font-size: 0
}

/* 行距 end*/


.button.bg-blue {
	background-color: #0D78BE;
	border-color: #0D78BE;
}

.sidebar-l {
	margin-right: 30px
}

.sidebar-r {
	margin-left: 0px;
}

.container-layout {
	max-width: 1500px;
}

.line-large {
	margin-left: -15px;
	margin-right: -15px
}

.line-large .x1,
.line-large .x2,
.line-large .x3,
.line-large .x4,
.line-large .x5,
.line-large .x6,
.line-large .x7,
.line-large .x8,
.line-large .x9,
.line-large .x10,
.line-large .x11,
.line-large .x12,
.line-large .xl1,
.line-large .xl2,
.line-large .xl3,
.line-large .xl4,
.line-large .xl5,
.line-large .xl6,
.line-large .xl7,
.line-large .xl8,
.line-large .xl9,
.line-large .xl10,
.line-large .xl11,
.line-large .xl12,
.line-large .xs1,
.line-large .xs2,
.line-large .xs3,
.line-large .xs4,
.line-large .xs5,
.line-large .xs6,
.line-large .xs7,
.line-large .xs8,
.line-large .xs9,
.line-large .xs10,
.line-large .xs11,
.line-large .xs12,
.line-large .xm1,
.line-large .xm2,
.line-large .xm3,
.line-large .xm4,
.line-large .xm5,
.line-large .xm6,
.line-large .xm7,
.line-large .xm8,
.line-large .xm9,
.line-large .xm10,
.line-large .xm11,
.line-large .xm12,
.line-large .xb1,
.line-large .xb2,
.line-large .xb3,
.line-large .xb4,
.line-large .xb5,
.line-large .xb6,
.line-large .xb7,
.line-large .xb8,
.line-large .xb9,
.line-large .xb10,
.line-large .xb11,
.line-large .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}


/* 常用TAB */
.tab-normal .tab-head {
	border-radius: 0;
	font-size: 0;
	-webkit-text-size-adjust: none;
	width: 100%;
}

.tab-normal .tab .tab-nav li {
	display: inline-block;
	width: auto;
	text-align: center
}

.tab-normal .tab .tab-nav li a {
	background: #fff;
	color: #6e6e6e;
	border-radius: 30px;
	padding: 0px 20px;
	height: 42px;
	line-height: 42px;
	margin: 0 10px;
	display: block;
	border: 0;
	font-size: 16px;
}

.tab-normal .tab .tab-nav .active a {
	background: linear-gradient(-45deg, #0D78BE, #0D78BE);
	cursor: default;
	color: #fff;
	border-bottom: 0px solid #FD3C6B;
}

.tab-normal .tab .tab-nav .active {
	background: none
}

.tab-normal .tab .tab-nav .active a:hover {
	color: #FFF
}

.tab-normal .tab .tab-nav li a:focus {
	outline: none;
}

.tab-normal .tab .tab-nav li a:hover {
	background: linear-gradient(-45deg, #0D78BE, #0D78BE);
	color: #fff
}

.tab-normal .tab .tab-body {
	padding: 0;
	border-radius: 0;
	border-top: 0px solid #ff0000
}

/* 常用TAB */


/* 路径 */
.nav-bread {
	padding: 0;
    margin-top: 30px;
    font-size: 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
}

.nav-bread h2 {
	font-size: 24px;
	font-weight: 600
}

.nav-bread a {
	color: #888888;
	font-size: 15px;
	display: inline-block;
}
.nav-bread i {
	 font-size: 15px;
}
.nav-bread a:hover {
	color: #0D78BE
}

.nav-bread a:after {
	content: "";
	padding: 0 10px;
	background: url(../img/nav-bread.png) no-repeat center 50%;
}

.nav-bread a:last-child:after {
	content: "";
	background: none;
}


/* 栏目banner */

.channel-banner {
	height: 320px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.channel-banner .banner-info {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
	right: 0;
	z-index: 3
}

.channel-banner .banner-info h3 {
	font-size: 40px;
	font-weight: 600;
	position: relative;
	margin-bottom: 30px
}

.channel-banner .banner-info h3:before {
	left: 50%;
	margin-left: -15px;
	bottom: -10px;
	width: 30px;
	height: 3px;
	background: #0D78BE;
	content: '';
	display: block;
	position: absolute;
}

.channel-banner .banner-info p {
	font-size: 36px;
}


/* 上下篇  */
.prenext-pro a.button {
	height: 70px;
	line-height: 70px;
	padding: 0 25px
}
.prenext-pro .col-lg-4{
	padding:0px;
}
.prenext-pro a.button:hover {}

.prenext-pro a.border {
	border: 1px solid #eee
}

/*分页 begin*/
.pagination li {
	margin: 0 5px;
	font-size: 14px;
	border: none;
	border-radius: 4px;
}

.pagination li a {
	border-radius: 4px;
	color: #6e6e6e;
	background: #fff;
	padding: 12px 16px;
	border: 1px solid #DCDCDC;
}

/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,
.pagination li a:hover {
	background: #0D78BE;
	color: #fff;
	border: 1px solid #0D78BE;
}

/*分页 end*/

/* 标题样式-居中 */
.title-c {
	position: relative;
}

.title-c h3 {
	position: relative;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0 auto 50px auto;
	font-weight: 600
}

.title-c h3:before {
	background: #0D78BE;
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 3px;
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
}

/* 标题样式-左 */
.title-l h2 {
	line-height: 28px;
	height: 28px;
	color: #333;
	position: relative;
	font-size: 18px;
	letter-spacing: 0;
	padding-left: 20px;
	margin-bottom: 10px;
}

.title-l h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 5px;
	height: 20px;
	top: 4px;
	background: #0D78BE;
	left: 0
}

/* 下拉分类 */
.nav-tree {
	font-size: 0;
	height: 70px;
	line-height: 70px
}

/*font-size:0去掉 display:inline-block间隔 */
.nav-tree li {
	position: relative;
	display: inline-block;
}

.nav-tree li a {
	color: #6E6E6E;
	display: block;
	padding: 0 30px;
	font-size: 16px;
	background: #fff;
}

.nav-tree li a.active,
.nav-tree li a.cur {
	background: linear-gradient(-45deg, #0D78BE, #0D78BE);
	color: #fff
}

.nav-tree li.focusa a {
	background: linear-gradient(-45deg, #0D78BE, #0D78BE);
	color: #fff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0;
}

.nav-tree li ul:after {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px;
	display: inline-block;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	content: '';
}

.nav-tree li ul {
	top: 70px;
	left: 0;
	background: #fff;
	padding: 10px 0;
	z-index: 99;
	position: absolute;
	width: 100%;
	display: none;
	border-radius: 0px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
}

.nav-tree li ul li {
	display: block;
	width: 100%;
	text-align: left;
}

.nav-tree li ul li.children a {
	font-size: 14px;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	display: block;
	color: #6e6e6e;
	line-height: 34px;
	height: 34px
}

.nav-tree li ul li.children a.active,
.nav-tree li ul li.children a:hover {
	color: #0D78BE
}

/*
.nav-tree li ul li.children:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}
.nav-tree li ul li.children:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
*/
/* 下拉分类 */

/* 属性 */
.filter-box .padding-big {
	padding: 15px 25px
}

.filter-box dl {
	margin: 15px 0;
}

.filter-box dl dt {
	width: 8%;
	display: block;
	float: left;
	line-height: 24px;
	font-weight: normal
}

.filter-box dl dd {
	display: block;
	float: left;
	position: relative;
}

.filter-nav ul li {
	margin: 0;
	display: block;
	float: left;
	width: auto;
	line-height: 24px;
}

.filter-nav ul li a {
	margin: 0 10px 0 0;
	padding: 2px 10px;
	cursor: pointer;
	display: block;
	color: #6E6E6E;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.filter-nav ul li a:hover {
	color: #0D78BE;
}

.filter-nav ul li a.active {
	color: #fff;
	background: #0D78BE
}

.filter-nav ul li b {
	font-weight: normal;
}

/* 横向不带ICO导航 */
.nav-x {
	background: #fff;
	width: 100%;
	position: relative;
}

.nav-x .menu-toggle h3 {
	display: none
}

.nav-x ul {
	font-size: 0;
	-webkit-text-size-adjust: none;
	text-align: center;
	margin:0px;
	padding:0px;
}

.nav-x li {
	display: inline-block
}

.nav-x li i {
	margin: 0px auto 5px auto;
	font-size: 24px;
	display: block;
}

.nav-x li a {
	font-size: 16px;
	padding: 0;
	height: 70px;
	line-height: 70px;
	color: #6e6e6e;
	text-align: center;
	display: block;
}

.nav-x li a:hover {
	color: #0D78BE
}

.nav-x li a.active {
	background: #0d78be;
	color: #fff
}

.col-2 {
	width: 10%
}

/* 横向不带ICO导航 */


/* 新闻列表 */
.list-news {
	margin-bottom: 30px
}

.list-news .time {
	margin-top: 70px;
	margin-right: -20px;
	padding: 15px 0 10px 0;
	border-right: 1px solid #eee;
}

.list-news .time .text-large {
	font-size: 52px;
	line-height: 54px;
}

.list-news .news {
	margin-top: 70px;
	margin-left: 50px;
	margin-right: 30px
}

.list-news .news h3 a {
	display: block;
	font-size: 24px;
	color: #333;
	margin-bottom: 20px
}

.list-news .button {
	margin-top: 70px;
	width: 70px;
	line-height: 56px;
	font-size: 24px;
	border: 1px solid #ebebeb;
}

.list-news:hover .button {
	background: #0D78BE;
	color: #fff;
	border: 1px solid #0D78BE
}

.list-news:hover h3 a {
	color: #0D78BE
}

/* 新闻列表 */

/* 纯文字列表  begin*/
.list-post-text li {
	padding: 5px 0;
}

.list-post-text li a {
	display: block;
}

.list-post-text li.dot a {
	padding-left: 15px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-post-text li.dot:hover a:before {
	background: #0D78BE;
}

.list-post-text li.dot a:before {
	content: '';
	position: absolute;
	left: -2px;
	background: #ccc;
	width: 6px;
	height: 6px;
	top: 9px;
	border-radius: 50%
}

/* 纯文字列表  end*/


/* 横向左图右字列表 begin*/
.list-post-x .media {
	margin-bottom: 20px
}

.list-post-x .media.border {
	border: 0;
	border-bottom: 1px solid #ECEFF5;
	padding-bottom: 20px
}

.list-post-x .media img {
	transition: all .3s ease-out
}

.list-post-x .media .thumb-md {
	position: relative;
	max-width: 100px;
	overflow: hidden
}

.list-post-x .media .thumb-md .playtime {
	position: absolute;
	bottom: 5px;
	right: 5px;
	padding: 0 5px;
	height: 20px;
	line-height: 18px;
	background: rgba(0, 0, 0, .6);
	z-index: 3;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.list-post-x .media .thumb-md .playicon {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	line-height: 18px
}

.list-post-x .media:hover img {
	transition: all .3s ease-out;
	transform: scale(1.1)
}

.list-post-x .media.media-x .float-left {
	margin-right: 15px
}

.list-post-x .media.media-x .float-right {
	margin-left: 15px
}

.list-post-x .media.media-x .media-body {
	text-align: left;
	padding: 0
}

.list-post-x .media a:hover {
	color: #434C5A
}

.list-post-x .media-body p {
	color: #888888;
	line-height: 22px
}

.list-post-x .media:last-child {
	margin-bottom: 0
}

/* 横向上图下字列表 end *

/* 内容 begin */
.article {
	overflow: hidden
}

.article .padding-large {
	padding: 30px 40px
}

.article .post h1 {
	font-size: 28px;
	font-weight: 600;
}

.article .post h2 {
	font-size: 24px;
	font-weight: 600;
	margin: 10px 0
}

.article .post h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0
}

.article .post hr {
	margin: 10px 0;
	height: 1px;
	background: #d4d4d4!important;
}

.article .post strong {
	font-size: 16px;
	margin: 10px 0
}

.article .post table {
	margin: 20px 0
}

.article .post table th {
	background: #daf0fd;
	color: #fff;
	border: 1px solid #fff
}

.article .post table tr.ue-table-interlace-color-single {
	background: #daf0fd
}

.article .post p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 10px
}

.article .post img {
	max-width: 100%;
	height: auto !important;
}

.article .post a {
	text-decoration: none;
}

.article .post a:hover {
	color: #0D78BE;
	border-bottom: 0 solid #0D78BE
}

.article .post .text-right {
	text-align: right
}

.article .post ul li {
	padding: 0 0 5px 20px;
	position: relative;
	font-size: 16px
}

.article .post ul li p {
	line-height: 24px
}

.article .post ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	background: #888888;
	width: 7px;
	height: 7px;
	border-radius: 50%
}

.article .post ol {
	padding: 10px 0 0 0
}

.article .post ol.list-paddingleft-2 {
	position: relative
}

.article .post ol li {
	padding: 0;
	position: relative
}

.article .post ol li p {
	line-height: 26px;
	font-size: 16px;
	color: #888888
}

/* 内容 end */

/*安防产品*/
.solution .media-img {
	height:210px;
	position: relative;
}

.solution .media-img .mask {
	opacity: 0;
	z-index: 3;
	background: #0D78BE;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.3s;
}

.solution .media-img .mask p {
	font-size: 14px;
}

.solution .media-img .mask .subtitle {
	padding: 25px
}

.solution .media-img .mask .more {
	position: absolute;
	bottom: 25px;
	right: 25px
}

.solution .media-img:hover .mask {
	z-index: 5;
	transition: 0.3s;
	opacity: 1;
	transform: scale(1.1);
}

.solution .media-img .linear-link {
	z-index: 1;
	opacity: 1;
	background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	transition: 0.3s;
}

.solution .media-img .linear-link .subtitle {
	padding: 0 25px;
	z-index: 3;
	width: 100%;
	bottom: 25px;
	left: 0;
	position: absolute;
	transition: 0.3s;
}
.solution .img-responsive {
    display: inline-block;
    max-width: 100%;
    height: 100%;
    object-fit: fill;
}

/*  联系我们begin  */
.inside h2 {
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 20px
}

.inside .contact {
	padding: 0 0 50px 0;
}

.inside .contact hr {
	height: 1px;
	background: #F2F2F2
}

.inside .contact .media {
	margin: 0;
	padding: 0 0 30px 0;
}

.inside .contact .media span {
	width: 42px;
	height: 42px;
	line-height: 64px;
}

.inside .contact .media i {
	font-size: 36px;
	background-image:  -webkit-linear-gradient(-45deg, #0080cc,#a61288, #e40016);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.inside .contact .media .media-body {
	padding: 0 0 0 10px;
	margin-top: 0px;
}

.inside .contact .media .media-body a,
.inside .contact .media .media-body p {
	color: #333;
}

.inside .wx {
	border: 1px solid #eee;
	padding: 20px 30px;
}




/*产品列表页*/
.prolist {
	margin-top: 60px;
	margin-bottom: 60px;
}

.pro-subnav .p-page-header h1 {
	    text-align: left;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    color: #004b8c;
    font-size: 3rem;
    font-weight: bold;
}

.pro-subnav ul {
	margin-bottom: 0;
	width: 100%;
	overflow: hidden;
}

.pro-subnav>ul {
	/* border-top: 1px solid #dedede; */
	padding-left: 0px;
}

.pro-subnav li {
	list-style-type: none;
	font-size: 16px;
	margin-top: -1px;
	font-weight: bold;
}
.pro-subnav ul:nth-of-type(1) li:nth-child(1){
	margin-top:0px;
}

.pro-subnav li a {
	border: 1px solid #dedede;
	display: block;
	height: 60px;
	line-height: 1.5;
	padding: 17px 30px;
	position: relative;
	transition: padding 0.2s ease;
	background: url(../img/jtou.png) no-repeat 90% center #fff;
	color: #000;
}
.pro-subnav ul.submenu li a {
	height: 46px;
	padding: 10px 45px;
	font-weight: 400;
	font-size: 14px;
}

.pro-subnav li a::before {
	content: "";
	width: 3px;
	height: 100%;
	transition: left 0.2s ease;
	position: absolute;
	top: -1px;
	left: -4px;
	z-index: 1;
	background: #00498e;
}

.pro-subnav li a.active::before,
.pro-subnav li a:hover::before {
	left: -1px;
}
.pro-subnav li.active a{
	background: #0D78BE;
	color:#fff;
}
.pro-subnav li.active a::before {
	background: #0667A7;
}

.prolist-content {
	margin-top: 3.825rem;
}

.prolist-content .procon {
	margin-top: 5rem;
}

.prolist-content .card {
	border-radius: 0px;
	margin-bottom: 3rem;
	padding: 1rem 0px 0px 0px;
}

.prolist-content .card-pic {
	width: 100%;
	height: 240px;
	overflow: hidden;
	text-align: center;
}

.prolist-content .card:hover {
	-webkit-box-shadow: 0 2px 4px 0 rgba(26, 26, 26, 0.16);
	box-shadow: 0 2px 4px 0 rgba(26, 26, 26, 0.16);
}

.prolist-content .card-body {
	text-align: center;
	text-decoration: none;
	background-color: #FAFAFA;
	padding: 1rem .75rem .8125rem;
}

.prolist-content .card-body p {
	color: #666;
	font-size: 14px;
	height: 50px;
	    width: 88%;
    margin: 0 auto;
}


.prolist-content .card-title {
	display: block;
	color: #181818;
	font-size: 18px;
	font-weight: bold;
	margin-top:12px;
	line-height: 1.1875rem;
	text-transform: uppercase;
}

.prolist-content .card-pic img {
	width: auto;
	height: 100%;
}


/*产品详情页*/

.prodetail-content .proviews_nav {
	margin-top: 3rem;
}

.proviews_nav .nav-tabs .nav-link {
	font-size: 1.2rem;
	color: #000;
	border-radius: 0px;
	background-color: #F1F2F2;
	border-top: 1px solid #E8EAF0;
	border-right: 1px solid #fff;
	padding: 1rem 2.5rem;
}

.proviews_nav .nav-tabs .nav-link:nth-child(3) {
	border-right: 1px solid #dee2e6;
}

.proviews_nav .nav-tabs .nav-item.show .nav-link,
.proviews_nav .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #B90000 #dee2e6 #fff;
	border-top-width: 2px;
}

.prodetail-content .tab-content {
	border: 1px solid #e8eaf0;
	border-top: none;
	padding: 40px 40px;
	min-height: 400px;
}

.prodetail-content .tab-content img{
	max-width:100%;
}

.prodetail-content .tab-content table {
	width: 100% !important;
}

.pro_show img {
	width: auto;
}

.pro_show .left {
	text-align: center;
	border-right: 1px solid #f3f3f3;
	padding: 40px;
}

.pro_show .left .zoom {
	text-align: center;
	border: 1px solid #e6e6e6;

}

.pro_show .left .zoom img {
	width: 100%;
	max-width: 100%;
}

.pro_show .left .thumb_pic {
	margin: 40px 0 0 0;
	text-align: center;
}

.pro_show .left .thumb_pic ul {
	margin: 0 auto;
}

.pro_show .left .thumb_pic ul li {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #eaeaea;
	padding: 3px;
	cursor: pointer;
	position: relative;
}

.pro_show .left .thumb_pic ul li.hover {
	border: 1px solid #B90000;
	background: #fff;
}

.pro_show .left .thumb_pic ul li.hover:after {
	content: " ";
	position: absolute;
	right: 27px;
	top: -6px;
	width: 11px;
	height: 11px;
	border: #B90000 solid 1px;
	border-left: 0;
	border-bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #B90000;
	z-index: -1;
}

.pro_show .right {
	padding: 20px;
}

.pro_show .right h1 {
	font-size: 2.5rem;
	margin: 0;
	padding: 0;
	font-weight: 600;
	margin-bottom: 2rem;
	text-align: left;
}

.pro_show .right .intro_txt {
	font-size: 1.2rem;
	line-height: 28px;
}

.pro_show .right .attribute {
	background: #FAFAFA;
	padding: 20px 5px;
	margin-top: 20px;
	list-style: square;
}

.pro_show .right .attribute li {
	line-height: 32px;
}

.pro_show .right .attribute li em {
	width: 60px;
	font-style: initial;
	padding-left: 0px;
	padding-right: 10px;
}

.pro_show .right .pdf_btn {
	padding-left: 65px;
	height: 48px;
	padding-right: 30px;
	line-height: 36px;
	border-radius: 6px;
	font-size: 18px;
	border-color: #000;
	color: #000;
	box-shadow: none;
	margin-top: 60px;
	background: #fff url(../img/pdf.png) 15px center no-repeat;
}

.pro_show .right .pdf_btn:hover {
	border-color: #00498E;
	color: #fff;
	background: #00498E url(../img/pdf_hover.png) 15px center no-repeat;
}


/* 栏目banner */

.channel-banner {
	height: 420px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.channel-banner .banner-info {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
	right: 0;
	z-index: 3
}

.channel-banner .banner-info h3 {
	font-size: 40px;
	font-weight: 600;
	position: relative;
	margin-bottom: 30px
}

.channel-banner .banner-info h3:before {
	left: 50%;
	margin-left: -15px;
	bottom: -10px;
	width: 30px;
	height: 3px;
	background: #0D78BE;
	content: '';
	display: block;
	position: absolute;
}

.channel-banner .banner-info p {
	font-size: 36px;
}

/*文章列表*/
.contractor-list {
	margin-top:50px;
}
.contractor-list .contractor-inner {
	margin-bottom: 2.5rem;
	border-bottom: 1px solid #f3e9db;
	padding-bottom: 0rem;
}

.contractor-inner .card-body {
	background-color: #fff;
	padding: 0rem 2rem 1.5rem 2rem;
}

.contractor-inner .btn {
	border: 1px solid #bfbfbf;
	border-radius: 0px;
	background-color: #fff;
	color: #3c2f2f;
	font-size: 0.875rem;
}

.contractor-inner .btn:hover,
.contractor-inner .btn:focus {
	background-color: #0D78BE;
	color: #fff;
	border: 1px solid #0D78BE;
	box-shadow: none !important;
}


.contractor-inner .card-title {
	font-size: 1.6rem;
	min-height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: transform .3s;
}

.contractor-inner .card-text {
	color: #585858;
	font-size: 13px;
	margin-bottom: 60px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: transform .3s;
}

.contractor-inner span.time {
	color: #585858;
	font-size: 14px;
	display: block;
	padding-bottom: 6px;
	transition: transform .3s;
}

.contractor-inner .col-lg-4 {
	padding: 0px 45px;
}

.contractor-inner .card-title {
	transition: transform .3s;
}

.contractor-inner .card-img {
	border-radius: 0px;
	overflow: hidden;
	padding: 0px;
	height:240px;
	 object-fit:fill;
}

.contractor-inner img {
	width: 100%;
	transition: transform .3s;
}

.contractor-inner:hover .card-title {
	color: #0D78BE;
}

.contractor-inner:hover span.time,
.contractor-inner:hover .card-text {
	
}

/*service-wrap*/
.service-wrap{ overflow:hidden;}
.service-title{ width:65%; text-align:center; height:1px; background-color:#d8d8d8; margin:60px auto;}
.service-title .title{ width:260px; margin:0 auto; background-color:#fff; overflow:hidden; position:relative; top:-36px; }
.service-title .title h2{ display:inline-block; *display:inline; *zoom:1; color:#008ad1;  padding:0 5px; font-size:22px;}
.service-title .title .service-items{ color:#4d4d4d;}
.service-title .title  b,
.service-title p{ color:#9c9c9c; font-size:15px; display:block; }
.service-title p{ font-weight:bold; text-indent:0; margin-top:-20px;}
.service-scroll{ padding:10px 0; overflow:hidden; position:relative;}
.service-scroll .btn-prev,
.service-scroll .btn-next{ width:24px; height:44px; position:absolute; top:77px; text-indent:-99999em;}

.service-scroll .btn-prev{ left:5px; background-position:0 -22px;}

.service-scroll .btn-next{ right:5px; background-position:-33px -22px;}

.service-scroll .scroll{ position:relative; width:100%;  margin:0 auto; }
.service-scroll .scroll ul{padding: 0px;list-style: none;}
.service-scroll .scroll ul  li{ float:left; width:154px; margin-left:10px;margin-bottom:30px; text-align:center;}
.service-scroll .scroll ul  li b,
.service-scroll .scroll ul  li span{ margin:3px 0;}
.service-scroll .scroll ul  li b{ color:#555; font-size:14px; font-weight:normal;}
.service-scroll .scroll ul  li span{ color:#aaa;}
.service-scroll .scroll ul  li a:hover span{ color:#000;}
.service-scroll .scroll ul  li a:hover span{ color:#555;}

.service-scroll .scroll ul  li b,
.service-scroll .scroll ul  li span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

@media screen and ( max-width:1100px){
	.service-scroll .scroll{ width:91%;}
	.service-scroll .scroll ul{ margin-left:0;}
	.service-scroll .scroll ul li{ width:30%;}
	.contractor-box .scroll{ width:100%;}
	.service-scroll .scroll ul li b, .service-scroll .scroll ul li span {
	    display: block;
	}
}

@media screen and ( max-width:640px){
	.contractor-list li .thum,
	.contractor-list li .info{ width:100%;}
	.contractor-list li .info{ margin-top:10px;}
	.contractor-box .scroll{ height:auto;}
	.contractor-box .scroll ul{ margin-left:0; position:static;}
	.contractor-box .scroll ul li{ width:48%; margin:10px 1%;}
	.contractor-box .scroll ul li b,
	.contractor-box .scroll ul li span{ display:block;}
}

@media screen and ( max-width:414px){
	.service-scroll .scroll{ width:82%;}
}

@media screen and ( max-width:375px){
	.service-scroll .scroll{ height:170px; margin:20px auto 0;}
	.service-scroll .scroll ul li{ width:122px;}
	.contractor-box .scroll{ width:100%; height:auto;}
	.contractor-box .scroll ul li{ width:48%;}
}
@media screen and ( max-width:320px){
	.service-scroll .scroll{ height:150px; margin:40px auto 0;}
	.service-scroll .scroll ul li{ width:100px;}
	.contractor-box .scroll{ width:100%; height:auto;}
	.contractor-box .scroll ul li{ width:48%;}
}



.project_view {
		padding:0px;
	}
	.project_view img{
		max-width:100%!important;
	}



/* 栏目banner end*/

@media only screen and (max-width:1600px) {
	.pager {
		margin-bottom: 0rem;
	}
}

@media only screen and (max-width:1440px) {
	.container-layout {
		max-width: 98%;
	}

	.page-content .container {
		width: 90%;
		max-width: 90%;
	}

	.page-contactus {
		width: 100%;
	}
}

@media only screen and (max-width:1360px) {
	.page-content .container {
		width: 90%;
		max-width: 90%;
	}
}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1024px) {
	.prolist .container {
		max-width: 94%;
		margin: 30px auto;
		padding: 40px 20px;
	}

	.prolist-content {
		margin-top: 1.825rem;
	}

	.pro-subnav {
		display: none;
	}
	.article .padding-large {
		padding: 20px 25px;
	}

}

@media only screen and (max-width:960px) {
	.channel-banner {
		width: 100%;
		overflow: hidden;
		height: 120px;
		background-size: contain;
	}
	.row{
		margin:0px
	}
	.solution .media-img .mask {
		display: none;
	}
	.nav-x .button {
		height: 50px;
	}

	.nav-x .button {
		font-size: 16px;
	}

	.nav-x ul {
		padding: 10px 0px;
	}

	.nav-x li a {
		height: 45px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 768px) {
	.nav-x li{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.channel-banner {
		background-size: cover;
	}
	.project_view .nav-bread{
		padding:0px;
		margin-top:0px;
	}
	.article .padding-large{
		padding:20px 0px;
	}
	.blank-big {
		height: 20px;
		line-height: 20px;
		clear: both;
		font-size: 0;
	}
	.prolist-content{
		padding:0px;
	}
	.prolist-content .col-lg-6,.prolist-content .col-md-6{
		padding:0px;
	}
	.prodetail-content{
		padding:0px!important;
	}
	.prolist-content .card-pic img {
		width: 100%;
		height: auto;
	}
	.prodetail-content .tab-content,.prodetail-content .pro-view-wrap{
		display:none;
	}
	.pro_show .right .attribute{
		margin:0px;
		padding-top:0px;
	}
	.pro_show .left .thumb_pic {
		margin: 20px 0 0 0;
		text-align: center;
	}
	.pro_show .left{
		border:none;
	}
	.prolist {
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.pro_show .pro-resources{
		margin-top:30px;
	}
	.page-project {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 0rem !important;
	}

	.page-project .projectlist {
		width: 100%;
		height: auto;
	}
	.prolist {
		margin-top: 20px;
	}

	.pagination li {
		margin-bottom: 20px;
	}
	.project_view {
		padding:0px;
	}
	.project_view img{
		width:100%!important;
		height:auto!important;
	}
	.prolist .container{
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
	}
	.x9{
		width:100%!important;
	}
	.prenext-pro a.button {
		    height: 120px;
		line-height: 21px;
		padding: 0 15px;
		display: flex;
		align-items: center;
		font-size: 14px;
	}
	.list-news .news h3 a {
		display: block;
		font-size:18px;
	}
	.list-news .news {
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.list-news .x1,.list-news .x4{
		display:none;
	}
	.list-news .x6{
		width:100%!important;
	}
	.sidebar-l{
		margin-right:0px;
	}
	.article .x2{
		width:100%!important;
	}
	.pro_show .left,.pro_show .right{
		padding:10px;
	}
	.pro_show .right h1{
		font-size:1.8rem;
	}
		
	.media-img{
		display:none;
	}
	
	.service-wrap{
		display:none;
	}
	.contractor-inner .card-title {
		min-height: 30px;
	}
	.contractor-inner .card-body {
		padding: 2rem 1rem 1.5rem 1rem;
	}
	.contractor-inner .card-text {
		margin-bottom: 30px;
	}
	.line-large .solution{
		margin-top:2rem;
	}
	.solution .x4{
		width:100%;
	}
	.solution .media-img{
		height:auto;
		max-height: 210px;
		display:block;
	}
	.solution .img-responsive{
		height:auto;
	}
	.inside .x9,.inside .x3{
		width:100%;
	}
	.inside .contact{
		padding-bottom:10px;
	}


}

@media only screen and (max-width: 576px) {
    .channel-banner {
		 background-size: contain;
		top: 50px;
		height: 60px;
		margin-bottom: 50px;
	}
}