@charset "utf-8";

body {
	color: #333;
	font-family: 'Microsoft Yahei', sans-serif
}

a,
a:hover,
a:focus {
	color: #333;
	text-decoration: none
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

@font-face {
	font-family: 'Impact';
	src: url(../fonts/impact.eot);
	src: url(../fonts/impact.eot?#iefix) format('embedded-opentype'), url(../fonts/impact.woff) format('woff'), url(../fonts/impact.ttf) format('truetype')
}

.sswf {
    width: 100px;
    height: 150px;
    position: fixed;
    left: 10px;
    top: 400px;
    z-index: 1000;
}

.sswf>a>img, .sswf2>a>img {
    width: 100px;
    height: 150px;
}

/**等比图片**/
.proportion-constrain-4b3,
.proportion-constrain-16b9,
.proportion-constrain-custom {
	position: relative;
	/*height: 0；*/
}

.proportion-constrain-4b3 {
	padding-bottom: 75%
}

.proportion-constrain-16b9 {
	padding-bottom: 56.25%
}

.proportion-constrain-4b3>img,
.proportion-constrain-16b9>img,
.proportion-constrain-custom>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*图片缩放动画*/
.zoomable {
	overflow: hidden;
}

.zoomable>img {
	-ms-transition: -ms-transform .3s;
	-moz-transition: -moz-transform .3s;
	-o-transition: -o-transform .3s;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.zoomable>img:hover {
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

/*单行*/
.line-constrain {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.multiline-constrain {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.multiline-constrain-2 {
	-webkit-line-clamp: 2
}

/*标题*/
.section-header {
	text-align: center;
	overflow: hidden
}

.section-header .sec-header {
	color: #2F81D4;
	margin: 10px 0;
	white-space: nowrap;
	padding: 10px 0
}

.section-header .subheader {
	color: #666
}

.link-btn {
	display: inline-block;
	padding: 6px 40px;
	border: solid 1px;
	border-radius: 0
}

/** 详情 **/
.detail iframe {
	max-width: 100%;
	display: block;
	max-height: 0 auto
}

.detail img,
.detail video,
.detail embed {
	max-width: 100%;
	display: block;
	margin: 0 auto !important;
	height: auto
}

/*顶部导航*/
.navbar {
	border: none;
	margin-bottom: 0
}

.navbar>.navbar-collapse {
	padding: 0;
	border: none;
}

.navbar>.navbar-collapse .navbar-logo {
	display: inline-block;
	padding: 15px 0
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background: rgba(171, 171, 177, 0.2);
	background: transparent\9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#33000000", endColorStr="#33000000");
}

.navbar .navbar-nav .dropdown-menu {
	border: none;
	border-radius: 0
}

/*二级菜单*/
.dropdown-menu>.submenu {
	position: relative;
}

.dropdown-menu>.submenu:after {
	content: '';
	position: absolute;
	right: 5px;
	top: 13px;
	border: solid 4px transparent;
	border-left-color: #333;
}

.dropdown-menu>.submenu>.dropdown-menu {
	left: 100%;
	top: 0;
	margin: 0
}

/*内页横幅*/
.banner>img {
	display: block;
	max-width: 100%
}

.breadcrumb-container {
	color: #000;
	background: #eee
}

.breadcrumb {
	display: inline-block;
	background: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	line-height: 55px
}

.breadcrumb>li+li:before {
	content: '>\00a0';
	color: inherit;
}

.breadcrumb>li,
.breadcrumb>.active,
.breadcrumb>li>a {
	color: inherit;
}

.vline {
	border-left: solid 5px;
	padding-left: 10px;
	line-height: 1;
	display: inline-block;
}

.vline-title {
	font-size: 16px;
	font-weight: bold;
	color: #2F81D4;
}

/*按钮*/
.theme-btn {
	color: #fff;
	background: #2F81D4
}

.theme-btn:hover {
	background: #2F81D4
}

.theme-btn:active {
	background: #2F81D4
}

/*分页*/
.pagination-container {
	text-align: center;
}

/*首页*/
/*产品列表*/
.index-service-list .service-list {
	text-align: center;
}

.index-service-list .service-list .service-title {
	color: #2F81D4
}

.index-service-list .service-list .service-desc {
	height: 4em;
	margin: 8px 0
}

.index-service-list .service-list .img-wrap {
	padding-bottom: 100%
}

.index-service-list .service-list .img-wrap img {
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	object-fit: scale-down;
}


/*关于*/
.index-about {
	color: #fff;
	background: url(../img/about-bg.jpg) no-repeat 55%;
	line-height: 2
}

.index-about .about .img-wrap {
	padding-bottom: 75%
}

.index-about .about .about-detail {
	text-align: justify;
}

.index-about .about .about-detail .about-txt {
	-webkit-line-clamp: 6
}

.index-about .about-link {
	margin-top: 10px;
	text-align: right;
}

.index-about .about-link a {
	color: #fff
}

.index-about .about-link .btn-about-tel {
	border: none;
	padding-left: 0;
	padding-right: 0
}

.index-about .about-link .btn-about-tel .icon-about-tel {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../img/tel.png) no-repeat;
	background-size: 100%;
}

/*优势*/
.index-advantage {
	background: #eee
}

.index-advantage .index-adv-img .img-wrap {
	padding-bottom: 75%
}

.index-advantage .adv-item {
	padding: 27px 0;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
}

.index-advantage .adv-item:nth-child(1) .adv-no {
	color: #FFA800;
}
.index-advantage .adv-item:nth-child(2) .adv-no{
    color: #1FBA9A;
}
.index-advantage .adv-item:nth-child(3) .adv-no{
    
    color: #2F81D4;
}



.index-advantage .adv-img {
	float: left;
	width: 80px;
	line-height: 80px;
	text-align: center;
}

.index-advantage .adv-img .adv-no {
	font-family: Impact;
	font-size: 70px;
	/*padding-bottom: 100%;*/
}

.index-advantage .adv-title {
	line-height: 1.2;
	margin: 0;
}

.index-advantage .adv-desc {
	margin-top: 5px;
	line-height: 1.5;
	-webkit-line-clamp: 2;
}

/*产品列表*/
.index-product {}

/*.index-product */
.product-list li {
	padding: 0;
	text-align: center;
}

/*.index-product */
.product-list li a {
	display: block;
	padding: 10px;
}
.t-a{
    padding: 23px 21px !important;
    display: block;
    background: #f5f5f5;
}
.t-a:hover{
    color: #fff;
    background: #248dd4;
}

/*.index-product */
.product-list li a .product-wrap {
	background: #F9F9FA;
	border: solid 1px #ddd
}

/*.index-product */
.product-list li .product-title {
	margin: 0;
	/*padding: 10px 0;*/
}

/*.index-product */
.product-list li .product-desc {
	text-align: left;
	padding: 0 10px;
	-webkit-line-clamp: 2;
}

/*.index-product */
.product-list .product-img-wrap {
	/*padding-bottom: 100%;*/
	background: #fff
}

.index-product .more-link {
	text-align: center;
	margin: 20px 0;
}

.index-product .product-swiper {
	position: relative;
}

.index-product .product-swiper .product-swiper-btn {
	position: absolute;
	width: 39px;
	height: 65px;
	top: 50%;
	margin-top: -33px;
	z-index: 1
}

.index-product .product-swiper .swiper-prev {
	left: -40px;
	background-image: url(../img/l.png)
}

.index-product .product-swiper .swiper-next {
	right: -40px;
	background-image: url(../img/r.png)
}

/*新闻*/
.index-news {}

.index-news .faq-header,
.index-news .news-header {
	color: #999;
	border-bottom: solid 1px #ddd
}

.index-news .faq-wrap .body {
	padding: 10px;
	background: #eee
}

.index-news .faq-list {
	margin-top: 6px
}

.index-news .faq-list li {
	line-height: 2
}

.index-news .news-list {}

.index-news .news-list li {
	overflow: hidden;
	padding: 10px 0
}

.index-news .news-list .news-img {
	float: left;
	margin-right: 20px;
	text-align: center;
	background: #eee
}

.index-news .news-list .news-info {
	overflow: hidden;
}

.index-news .news-list .news-desc {
	-webkit-line-clamp: 2;
}


/*新闻列表*/
.news-container .news-list li a {
	display: block
}

.news-container .news-list li a .news-title {
	margin-bottom: .5em
}

.news-container .news-list li a .news-desc {
	line-height: 2;
	height: 56px;
	-webkit-line-clamp: 2
}

/*案例列表*/
.pic-list li a {
	display: block;
	padding: 0 10px
}

.pic-list li a .img-wrap {
	border: solid 1px #e5e5e5
}

.pic-list li a .pic-title {
	text-align: center;
	line-height: 2
}

/*内页*/
.news-detail-page .news-detail .nd-content {
	padding: 5px 0;
	border-top: solid 1px #e5e5e5;
}

.news-detail-page .news-detail .news-detail-title,
.news-detail-page .news-detail .news-detail-info {
	text-align: center;
}

.news-detail-page .news-detail .news-detail-info span {
	margin: 0 5px;
}

/* 视频内页不显示图片 */
/* .news-detail-page .news-detail>.detail>div>img{display:none !important;} */
/*产品，案例分类*/
.cate-container .cates {
	text-align: center;
}

.cate-container .cates li {
	text-align: center;
}

.cate-container .cates li a {
	display: block;
	border: solid 1px #e5e5e5;
}

.cate-container .cates li a:hover {
	background: #2F81D4;
	color: #fff;
	border-color: #2F81D4
}

/*产品详情*/
.product-info {
	line-height: 1.8
}

.product-info .pi-img {
	border: solid 1px #e5e5e5
}

.product-info .pi-img img {
	border: solid 10px #fff
}

.product-info .pi-title {
	color: #2F81D4;
	border-bottom: solid 1px;
	line-height: 2;
	margin-top: 0
}

.product-info .pi-desc {
	margin: 10px 0
}

/*产品订单*/
.order-form .control-label {
	font-size: 14px;
	white-space: nowrap;
	text-align: right
}

.order-form textarea {
	resize: vertical;
}

.order-form .btn-success {
	background: #2F81D4;
	border: none;
}

.order-form .btn-success:hover {
	background: #2F81D4
}


/*新闻列表*/
.news-container {}

.news-container .news-list {
	padding: 18px 0
}

.news-container .news-list li {
	position: relative;
	line-height: 3
}

.news-container .news-list li .news-title {}

.news-container .news-list li a {
	display: block;
	border-bottom: dashed 1px #ddd;
	padding-right: 100px;
	padding-left: 20px;
	background: url(../img/list-img.png) no-repeat left center;
}

.news-container .news-list li .news-date {
	position: absolute;
	right: 15px;
	top: 0
}


/*关于我们*/
.about-page .detail-header {
	color: #2F81D4;
	font-size: 16px;
	font-weight: bold
}

/*页脚*/
.footer {
	font-size: 14px;
}

.footer>.friend-link {
	padding: 15px 0;
	background: rgba(0, 0, 0, 0.2);
}

.footer .contact .head {
	margin-top: 0
}

.footer .contact>.list {
	line-height: 2;
	padding: 0;
	list-style: none
}

.footer .form-control {
	color: #fff;
	border-radius: 0;
	background: 0
}

.footer .feedback textarea.form-control {
	resize: none;
	height: 34px;
}

.footer .form-control-code {
	width: 25%
}

.footer .feedback .form-code img {
	width: auto
}

.footer .form-group .btn-submit {
	color: #fff;
	background: #2F81D4
}

.footer .form-group .btn-submit:hover {
	background: #2F81D4
}

.footer .form-group .btn-submit:active {
	background: #2F81D4
}

.footer>.copyright-wrap {
	text-align: center
}

.footer a {
	color: inherit
}

/*微信咨询图片*/
.wx-code {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 999
}

.wx-code>.wx-code-img {
	display: block;
	max-width: 80%;
	margin: 0 auto;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

/*底部地址图片*/
.aaa {
	margin-left: 31px;
}





/*
*****************
  ##        ##   
  ###      ###   
  ## #    # ##   
  ##  #  #  ##   
  ##   ##   ##   
  ##        ##   
  ##        ##   
*****************
*/
@media screen and (max-width: 767px) {
	.pageup, .pagecenter, .pageend{
		
		 margin: 5px 0;
	}
	/*新验证码*/
#codeimg{
	height: 33px;
    padding-left: 0;
    width: 184px;
	
}


#wws10{
        text-align: center;
        
        border: none;
	}
	
	#wws10 span{
	    border: none;
	    font-size: 18px;
	}
    
    #wws10 .subheader{
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }

.zz .product-wrap .product-img-wrap{
    height: 150px;
}

.product-center{
    padding: 20px 0;
    border-top: solid 15px #eee;
}

.product-center>.container>.product-cates>.section-header {
    color: #2F81D4;
}

.section-header>.title {
    font-size: 16px !important;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
    padding-left: 10px;
    border-left: solid;
}

.section-header>.title>a {
    float: right;
    font: normal 14px sans-serif;
    color: #666;
}

.cates-tabbtns {
    overflow: hidden;
    text-align: center;
    line-height: 2.5;
     margin-top: 10px;
}

.cates-tabbtns>li {
    float: left;
    width: 45%;
    margin-right: 5%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #eee;
    margin-bottom: 10px;
}

.cates-tabbtns>li.active, .cates-tabbtns>li.active>a {
    background: #2F81D4;
    color: #fff;
}


.product-list {
    overflow: hidden;
}

.product-list>li {
    float: left;
    width: 50%;
    /*margin-right: 4%;*/
    text-align: center;
    line-height: 2;
}

.product-center .product-list-wrapper .tabpage>ul>li>a>div:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.proportion-constrain-4b3>img,
.proportion-constrain-16b9>img,
.proportion-constrain-custom>img {
	
	object-fit: contain;
}
	
    .jishu{
        display: block;
    }

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold
	}

	h1 {
		font-size: 18px
	}

	h2 {
		font-size: 16px
	}

	h3,
	h4,
	h5,
	h6 {
		font-size: 14px
	}

	.aaa {
		display: none;
	}

	.navbar>.navbar-collapse>.navbar-container {
		background: #fff
	}

	.navbar .navbar-brand {
		position: absolute;
		left: 0;
		right: 60px;
		color: #333;
		padding-right: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: bold
	}

	.navbar .navbar-header {}

	.navbar .navbar-header .icon-bar {
		background: #000
	}

	/*内页横幅*/
	.banner>img {
		display: block;
		max-width: 100%;
		height: 30vw;
		object-fit: cover;
	}

	.carousel-inner .item img,
	.carousel-inner>.item>a>img,
	.carousel-inner>.item>img {
		height: auto;
		object-fit: cover
	}

	.breadcrumb-container {
		padding: 0 10px;
		background: #fff
	}

	.breadcrumb {
		line-height: 45px
	}

	.breadcrumb>li+li:before,
	.breadcrumb>li,
	.breadcrumb>.active,
	.breadcrumb>li>a {
		color: #333
	}

	.section-header .sec-header {
		padding: 0;
	}

	.section-header .sec-subheader:before,
	.section-header .sec-subheader:after {
		width: 50px
	}

	.index-service-list .section-header .sec-header,
	.index-advantage .section-header .sec-header,
	.index-product .section-header .sec-header {
		font-size: 18px;
	}

	.module-spliter {
		border-top: solid 15px #eee
	}

	.link-btn {
		padding: 5px 20px
	}

	/*首页*/

	/*栏目导航*/
	.column-container {
		padding: 20px 0
	}

	.column-list {
		padding: 0;
		margin-bottom: 0;
		list-style: none;
		text-align: center
	}

	.column-list .column-item {
		padding: 0
	}

	.column-list .column-item .column-title {
		color: #333;
		margin-top: 10px
	}

	/*服务项目*/
	.index-service-list {
		background: #fff;
		padding: 20px 0;
		border-top: solid 15px #eee;
		display: none;
	}

	.index-service-list .section-header {}

	.index-service-list .service-list {
		margin-top: 10px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.index-service-list .service-list .img-wrap {}

	.index-service-list .service-list .img-wrap img {}

	.index-service-list .service-list .service-title {
		margin: 10px 0;
		text-align: center
	}

	.index-service-list .service-list .service-item {
		padding-left: 7px;
		padding-right: 7px
	}

	.service-list .service-title {
		color: #333;
		margin: 5px 0 10px
	}

	.service-list .service-desc {
		margin-bottom: 10px
	}

	.index-service-list .more-link {
		text-align: center;
		margin: 10px 0;
	}

	/*优势*/
	.index-advantage {
		padding: 20px 0;
	}

	.index-advantage .index-adv-wrap .adv {}

	.index-advantage .index-adv-img {
		margin: 10px 0;
	}

	.index-advantage .index-adv-img .img-wrap {
		padding-bottom: 44%
	}

	.index-advantage .adv-title {
		font-size: 18px
	}

	.index-advantage .adv-item {
		padding: 15px 0;
	}

	.index-advantage .adv-item:last-child {
		border: none;
	}

	.index-advantage .adv-img {
		width: 60px;
		line-height: 60px;
		margin-right: 10px
	}

	.index-advantage .adv-img .adv-no {
		font-size: 50px
	}

	/*产品，案例分类*/
	.case-container,
	.product-container {
		padding: 20px 0;
		border-top: solid 15px #eee
	}

	.cate-container .cates {
		padding: 3px
	}

	.cate-container .cates li {
		padding: 0 3px;
		margin: 3px 0;
	}

	.cate-container .cates li a {
		line-height: 2.5
	}

	/*图片列表*/
	.pics-list {
		/*margin-top: 10px*/
	}

	.pics-list>.pics>li:nth-child(odd) {
		padding-right: 7px
	}

	.pics-list>.pics>li:nth-child(even) {
		padding-left: 7px
	}

	.pics-list>.pics>li .pic-wrap {
		border: solid 1px #e5e5e5
	}

	.pics-list>.pics>li .pic-title {
		line-height: 2;
		text-align: center;
		padding: 5px 0
	}

	/*关于*/
	.index-about {
		padding: 30px 0 10px;
		background-size: cover;
		border-top: solid 15px #eee
	}

	.index-about .about {}

	.index-about .about .img-wrap {
		padding-bottom: 44%
	}

	.index-about .about-detail {
		padding: 0 15px;
		overflow: hidden;
	}

	.index-about .about-title {
		border-bottom: solid 1px;
		text-align: center;
		padding-bottom: 10px
	}

	.index-about .about-link {
		margin: 20px 0;
		text-align: center;
	}

	.index-about .about-link .btn-about-tel .icon-about-tel {
		width: 36px;
		height: 36px
	}

	.index-about .about-link .btn-more {
		margin: 5px 0
	}

	/*案例*/
	.index-product {
		padding: 20px 0
	}

	/*.index-product */
	.product-list li a {
		padding: 10px 6px
	}

	/*.index-product */
	.product-list li a .product-wrap {
		padding-bottom: 10px;
	}

	/*.index-product */
	.product-list li .product-title {
		font-weight: bold;
		margin: 0;
		padding: 5px 0;
	}

	.index-product .product-swiper .swiper-prev {
		left: 5px;
	}

	.index-product .product-swiper .swiper-next {
		right: 5px
	}

	.index-product .more-link {
		margin-top: 10px;
	}

	/*新闻*/
	.index-news {
		padding: 15px 0 20px
	}

	.index-news .faq-header,
	.index-news .news-header {
		padding: 10px 0
	}

	.index-news .faq-wrap .img-wrap {
		/*padding-bottom: 44%;*/
	}

	.index-news .news-wrap {
		margin-top: 10px
	}

	.index-news .news-list {
		margin-top: 5px
	}

	.index-news .news-list .news-img {
		width: 70px;
		margin-right: 10px;
		padding: 15px 0;
	}

	.index-news .news-list .news-title {
		line-height: 1.2;
		margin: 5px 0 10px;
		font-weight: bold;
	}

	.index-news .news-list .news-desc {
		line-height: 1.5
	}



	/*内页*/

	.inner-wrap {
		border-top: solid 15px #eee;
	}

	/*新闻列表*/
	.news-container {
		padding: 10px 0;
	}


	/*新闻详情*/
	.news-detail-page .news-detail {
		padding-top: 10px;
		line-height: 2;
		padding-bottom: 20px
	}

	/*相关产品推荐*/
	.rec-product {
		padding: 10px 0;
	}

	.rec-product .rp-title {
		padding-bottom: 10px
	}

	/*案例列表*/
	.pic-list li:nth-child(odd) {
		padding-right: 7px
	}

	.pic-list li:nth-child(even) {
		padding-left: 7px
	}

	.pic-list li a {
		padding: 0
	}

	/*产品详情*/
	.product-detail .title {
		line-height: 30px;
		margin: 15px 0
	}

	.product-info {
		padding: 10px 0;
		border-bottom: solid 15px #eee
	}

	.product-info .pi-title {
		padding: 15px 0
	}

	.product-detail .detail-header .text {
		display: inline-block;
		line-height: 1;
		padding-left: 10px;
		color: #2F81D4;
		margin: 10px 0;
		font-size: 16px;
		font-weight: bold;
		border-left: solid 5px;
	}

	/*案例详情*/
	.case-detail-page .nd-content {
		margin: 10px 0
	}




	.footer .footer-wrap .feedback {
		padding-top: 20px;
		border-top: 15px solid #eee
	}

	.footer .contact {
		border-top: solid 15px #eee;
		padding-top: 20px;
		padding-bottom: 30px
	}

	.footer .contact li {
		padding: 10px;
		border-radius: 5px;
		margin-top: 10px;
		background: #fafafa;
		border: solid 1px #e5e5e5;
	}

	.footer .contact .section-header {
		text-align: left;
	}

	.footer .contact .section-header .sec-header {
		padding-left: 10px
	}

	.footer .glyphicon {
		font-size: 18px;
		vertical-align: -3px;
		margin: 0 10px;
		color: #999;
	}

	.footer .copyright-wrap,
	.footer .footer-wrap .feedback {
		color: #CBCBCB;
		background: #26272B
	}

	.footer .footer-wrap .feedback {
		padding-top: 30px;
	}

	.footer .copyright-wrap {
		padding-bottom: 10px
	}

	.footer .copyright-item {
		display: block
	}

	/*底部导航*/
	.fixed-navbar-bottom,
	.navbar-bottom {
		height: 60px
	}

	.navbar-bottom {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #2F81D4;
		z-index: 99
	}

	.navbar-bottom>.nb-item {
		float: left;
		width: 20%;
		text-align: center;
	}

	.navbar-bottom>.nb-item>a {
		color: #fff
	}

	.navbar-bottom>.nb-item>a>img {
		display: block;
		margin: 5px auto 0;
		width: 30px;
		height: 30px
	}
}






/*
*******************
######       ######
##    ##   ##      
##    ##   ##      
######     ##      
##         ##      
##           ######
*******************
*/
.dropdown-menu>.erji:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 13px;
    border: solid 4px transparent;
    border-left-color: #333;
}
.ycyou:after{
        border: none !important;
}
.search-bar {
    background: #eee;
}
.hotwords {
    float: left;
    font-size: 14px;
    line-height: 3;
}

.hw-title {
    color: #000;
}
.hotwords a{
    margin-right: 10px;
}
.product-center{
    background: #fff;
}

.section-header {
    text-align: center;
    /*margin-bottom: 20px;*/
}
.section-header>.title {
    font-size: 24px;
    margin-top: 0;
}
.cates-tabbtns>li.active, .cates-tabbtns>li.active>a{
    color: #fff;
    background: #4fa2f7;

}
.tabpage{
    display: none;
}
.product-list .proportion-constrain-4b3{
    border: solid 1px #ccc;
}
.proportion-constrain-4b3>img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*PC*/
@media screen and (min-width:768px) {
    /*新验证码*/
#codeimg{
	height: 28px;
    padding-left: 0;
    width: 166px;
	
}
.zz{
    width: 25% !important;
}
.case-list>.case-item:nth-child(n+5) {
    display: none;
}
.zz a .product-wrap .product-img-wrap{
    height: 200px;
}
.zz a .product-wrap .product-title{
    font-size: 14px;
}
.container {
    width: 1200px;
}
.navbar-nav-container{
    background-color: #2F81D4;
}

    .sso{
        display: fixed;
        flex-wrap: wrap;
    }
    .sso li{
        width: 32% !important;
        height: 85px !important;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .sso li a{
        height: 85px !important;
    }
    .arrow-right {
    content: '';
    display: inline-block;
    border: solid 5px transparent;
    border-left-color: #999;
    margin-right: 10px;
}

.product-center {
    margin-top: 20px;
}

.product-cates {
    float: left;
    width: 233px;
    padding: 20px 0;
    margin-right: 23px;
    color: #fff;
    background: #2F81D4;
}

.pcenter-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    /*margin: 20px 0;*/
}

.cates-tabbtns {
    overflow: hidden;
    padding: 0 17px;
}

.cates-tabbtns>li {
    margin: 10px 0;
    /* padding: 10px 24px; */
    color: #333;
    background: #fff;
    cursor: pointer;
}

.cates-tabbtns>li>a {
    display: block;
    padding: 10px 24px;
}

.product-list-wrapper {
    overflow: hidden;
}
.cates-tabpages>.tabpage {
    position: relative;
}

.product-list-header {
    margin-bottom: 10px;
}

.pl-title {
    padding-left: 12px;
    margin: 0;
    border-left: solid 8px;
    color: #2F81D4;
    font-size: 18px;
    font-weight: bold;
}

.cates-tabpages>.tabpage>.more-btn-block {
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
}

.product-list {
    overflow: hidden;
}

.product-list>li {
    float: left;
    width: 32%;
    /*margin-right: 1%;
    margin-bottom: 2%;*/
    text-align: center;
    line-height: 2;
}

.side-navs li .sub-side-navs li:hover .arrow-right {
    border-left-color: #1D479D;
}
.side-navs li .sub-side-navs li a:hover {
    color: #1D479D;
}
.show-submenu{
    display:block;
}
.dropdown-menu>li{
    position: relative;
}
.dropdown-menu>li>.dropdown-menu {
    left: 100%;
    top: 0;
    margin: 0;
}
	h1 {
		font-size: 24px
	}

	h2 {
		font-size: 22px
	}

	h3 {
		font-size: 18px
	}

	h4 {
		font-size: 16px
	}

	h5,
	h6 {
		font-size: 14px
	}

	a:hover,
	a:focus {
		color: inherit
	}

	/*顶部导航*/
	.navbar-container {
		background: #2F81D4;
		color: #fff;
	}

	.container>.navbar-collapse {
		padding: 23px 0
	}

	.navbar-nav {
		font-size: 16px;
	}

	.navbar-nav>li {
		margin-left: 43px;
	}

	.navbar-nav>li>a {
		padding: 19px 37px;
		color: inherit;
		color: #fff;
	}

	.dropdown-menu>li>a {
		line-height: 2
	}

	.breadcrumb {
		display: inline-block;
	}

	/*搜索框*/
	.searchbox {
		float: right;
		width: 320px;
		height: 34px;
		margin-top: 40px;
		padding-left: 10px;
		border: solid 1px #2F81D4;
	}

	.searchbox .sch-txt {
		float: left;
		width: 232.5px;
		margin-top: 7px;
		background: 0;
		border: none;
		padding: 0;
		outline: none
	}

	.searchbox .sch-btn {
		float: right;
		border: none;
		color: #fff;
		width: 75px;
		height: 32px;
		outline: none;
		background: #2F81D4
	}

	.section-header .sec-header {
		font-size: 28px;
		font-weight: bold;
		padding: 0
	}

	/*首页*/


	/*服务项目*/
	.service-list .service-item {
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px
	}

	.service-list .service-item .img-wrap {}

	.service-list .service-title {
		color: #333;
		font-size: 16px
	}

	.service-list .service-desc {
		font-size: 14px
	}

	.index-service-list {
		padding: 20px 0;
		line-height: 2
	}

	.index-service-list .service-list {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.index-service-list .service-list .service-item {
		padding-bottom: 0
	}

	.index-service-list .service-item a {
		display: block;
		padding-top: 20px;
		padding-bottom: 50px;
		border: solid 1px #e5e5e5;
	}

	.index-service-list .service-item a:hover {
		box-shadow: 0 5px 10px #f3f3f3
	}

	/*img 100x100*/
	.index-service-list .service-img-wrap {
		width: 125px;
		margin: 0 auto;
	}

	.index-service-list .section-header .sec-header h2 {
		font-weight: bold
	}

	.index-service-list .link-btn {
		color: #666;
		margin-top: 15px;
	}

	/*关于*/
	.index-about {
		background-size: 1920px 100%
	}

	.index-about .about {
		padding: 60px 0
	}

	.index-about .about .about-title {
		margin: 0 0 10px;
		padding-bottom: 20px;
		border-bottom: solid 1px
	}

	.index-about .about .about-detail {
		padding: 20px 50px
	}

	.index-about .about .about-detail .about-txt {
		-webkit-line-clamp:7;
	}

	.index-about .about-link .btn-more {
		margin: 10px 0
	}

	/*优势*/
	.index-advantage {
		padding: 20px 0;
		margin-top: 40px;
	}

	.index-advantage .index-adv-wrap {}

	.index-advantage .index-adv-wrap .index-adv-img {
		float: left;
		padding-top: 27px;
		padding-bottom: 27px
	}

	.index-advantage .index-adv-wrap .index-adv-img img {}

	.index-advantage .index-adv-wrap .index-adv-img .img-wrap {}

	.index-advantage .index-adv-wrap .adv {}

	.index-advantage .index-adv-wrap .adv .adv-title {
		font-size: 20px;
		font-weight: bold;
	}

	.index-advantage .index-adv-wrap .adv .adv-desc {
		margin-top: 10px;
	}

	.index-advantage .index-adv-wrap .adv .adv-item {
		margin-left: 20px
	}

	.index-advantage .index-adv-wrap .adv .adv-item:last-child {
		border: none;
	}

	.index-advantage .index-adv-wrap .adv .adv-item .adv-img {
		margin-right: 20px
	}

	/*产品*/
	
	.index-product {
		padding: 20px 0
	}

	/*.index-product */
	.product-list li .product-wrap {
		padding-bottom: 10px
	}

	/*.index-product */
	.product-list li .product-title {
		font-size: 16px;
		/*font-weight: bold;*/
	}

	.index-product .product-swiper {
		margin-top: 20px;
	}

	.index-product .more-link {
		margin: 20px 0 15px
	}

	/*常见问题，新闻资讯*/
	.index-news {
		padding: 40px 0 20px;
	}

	.index-news .vline-title {
		font-size: 18px
	}

	.index-news .faq-header,
	.index-news .news-header {
		font-size: 16px;
		padding-bottom: 17px;
	}

	.index-news .faq-wrap {
		float: left;
		margin-right: 40px;
		width: 40%;
	}
	#wws12 img{
	    height: 235px;
	}
	#wws10{
        text-align: center;
        margin-bottom: 20px;
        border: none;
	}
	
	#wws10 span{
	    border: none;
	    font-size: 24px;
	}
    
    #wws10 .subheader{
        font-size: 14px;
        color: #666;
        margin-top: 5px;
    }
    
	.index-news .faq-wrap .body {
		padding: 3px
	}

	.index-news .faq-wrap .body .img-wrap {
		/*padding-bottom: 88%;*/
	}

	.index-news .news-wrap {
		overflow: hidden;
	}

	.index-news .news-list li {
		padding: 18px 0;
		padding-top: 0;
	}

	.index-news .news-list .news-img {
		width: 100px;
		padding: 10px 0
	}

	.index-news .news-list .news-title {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.1;
		margin-bottom: 10px
	}

	.index-news .news-list .news-desc {
		line-height: 1.8
	}

	.index-news .news-list .nd-day {
		font-size: 28px
	}


	/*内页*/

	.news-detail-page {
		padding: 20px 0;
	}

	.news-detail-page .news-detail {
		/*border: solid 1px #e5e5e5;
		padding: 20px;*/
	}

	.news-detail-page .news-detail .news-detail-title {
		font-size: 20px;
		font-weight: bold
	}

	.news-detail-page .news-detail .news-detail-info {
		color: #999;
		margin: 5px 0 10px
	}

	.news-detail-page .news-detail .nd-content {
		font-size: 16px;
		line-height: 2
	}

	.news-detail-page .news-detail .nd-links {
		border-top: solid 1px #ccc;
		overflow: hidden;
		padding-top: 20px;
	}

	.news-detail-page .news-detail .nd-links .link {
		float: left;
		width: 50%
	}

	.news-detail-page .news-detail .nd-links .link:last-child {
		text-align: right;
	}

	.news-detail-page .news-detail .nd-links .link a {
		padding: 5px 0;
		color: #999
	}

	/*侧栏*/
	.sidebar {
		float: left;
		width: 260px;
		margin-right: 30px
	}

	.sidebar .side-title {
		font-size: 24px;
		font-weight: bold;
		background: #2F81D4;
		color: #fff;
		padding: 20px 30px
	}

	.sidebar .side-navs {
		border: solid 1px #ddd;
		border-top: none;
		font-size: 16px;
		margin-top: 20px
	}

	.sidebar .side-navs li {
		border-top: solid 1px #ddd
	}

	.sidebar .side-navs li a {
		padding: 15px 28px;
		display: block;
		position: relative;
	}

	.sidebar .side-navs>li>a:hover,
	.sidebar .side-navs li .dropup {
		background: #F5F6F7
	}

	.sidebar .side-navs li a .caret {
		position: absolute;
		right: 20px;
		margin-top: 10px
	}

	/*二级*/
	.side-navs li .sub-side-navs {
		display: none;
		font-size: 12px;
		padding: 25px;
		border-right: solid 5px #93b5ee
	}

	.side-navs li .sub-side-navs li {
		border: none;
	}

	.side-navs li .sub-side-navs li a {
		padding: 10px 0
	}

	.side-navs li .sub-side-navs li a:hover {
		color: #2F81D4;
	}

	.side-navs li .sub-side-navs li a .arrow-right {
		content: '';
		display: inline-block;
		border: solid 5px transparent;
		border-left-color: #999;
		margin-right: 10px;
	}

	.side-navs li .sub-side-navs li a:hover .arrow-right {
		border-left-color: #2F81D4;
	}

	.inner-right {
		overflow: hidden
	}

	.case-container .sidebar {
		margin-right: 10px
	}

	.product-container .sidebar {
		margin-right: 20px
	}

	/*案例列表*/
	.pic-list li {
		margin-bottom: 10px;
	}

	.pic-list li a {
		background: #fff
	}

	.pic-list li a .pic-title {
		font-size: 16px;
		margin-top: 10px;
	}

	.pic-list li a:hover {
		color: #2F81D4;
		box-shadow: 0 5px 10px #ddd
	}

	.case-container,
	.product-container {
		padding: 20px 0
	}

	/*产品，案例分类*/
	.cate-container .cates {
		margin: 10px 0
	}

	.cate-container .cates li {
		display: inline-block;
		margin: 0 5px
	}

	.cate-container .cates li a {
		width: 169px;
		line-height: 47px;
		height: 47px
	}

	/*产品列表*/
	.product-container .product-list {
		/* margin-top:-10px; */
		margin-top: 0;
	}

	/*产品详情*/
	.product-info {
		margin-bottom: 20px
	}

	.product-info .pi-title {
		font-size: 27px
	}

	.product-detail .detail-header {
		font-size: 27px;
		text-align: center;
	}

	.product-detail-page .product-detail .nd-content {
		border: none
	}

	/*案例详情*/
	.case-detail-page .nd-content {
		margin: 20px 0
	}

	/*产品推荐*/
	.rec-product {
		margin-top: 20px;
		padding: 20px;
		border: solid 1px #e5e5e5
	}

	.rec-product .rp-title {
		font-size: 16px;
		color: #2F81D4;
		font-weight: bold;
	}

	.rec-product .rp-list {
		margin-top: 20px;
		text-align: center;
		line-height: 3
	}

	.rec-product .rp-list .pics,
	.rec-product .rp-list .pics li {
		padding-left: 7px;
		padding-right: 7px
	}

	.rec-product .rp-list .pics .pic-wrap {
		border: solid 1px #e5e5e5;
	}

	/*关于我们*/
	.about-page .detail-header {
		margin-bottom: 10px
	}

	/*新闻列表*/
	.news-container {
		padding: 20px 0
	}

	.news-container .inner-title {
		font-size: 24px;
		font-weight: bold;
		/*border-bottom: solid 1px #ddd;*/
	}

	 .inner-title .text {
	/*	display: inline-block;
		padding: 25px 0 10px;
		border-bottom: solid 3px #2F81D4;
		margin-bottom: -1px;*/
		padding-left: 12px;
        margin: 0;
        border-left: solid 8px;
        color: #2F81D4;
        font-size: 18px;
        font-weight: bold;
    
	}


	.footer {
		background:url(../img/footer-bg.jpg) no-repeat center top;
		color: #fff;
		background-size: 1920px 500px;
		/*background: #0267ab;*/
	}

	.friend-link a {
		margin-left: 0;
		margin-right: 10px;
	}

	.footer .form-group .btn-submit {
		border-radius: 0
	}

	.footer .control-label {
		white-space: nowrap;
		font-weight: 100;
	}

	.footer .qr-code-wrap {
		padding: 0 40px;
		text-align: center;
		height: 220px;
		border: solid 1px #fff;
		border-top: none;
		border-bottom: none
	}

	.footer .qr-code-wrap .qr-code {
		margin-top: -5px;
		padding-bottom: 100%;
		width: 130px;
	}

	.footer .footer-wrap {
		padding: 40px 0 15px;
		/*border-top:solid 1px #333;*/
		border-bottom: solid 1px #333;
		padding-bottom: 0;
	}

	.footer .copyright-wrap {
		padding: 10px 0;
		border-top: solid 1px #000;
	}

	.footer .form-control {
		background: #fff;
		height: 28px;
		background: 0;
	}

	.footer .form-group .btn-submit {
		background: #2F81D4;
	}

	.footer .form-group .btn-submit:hover {
		background: #2F81D4;
	}

	.footer .form-group .btn-submit:active {
		background: #e0752a;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1230px;
	}
}

.dingdan {
	/*text-align: center;*/
}

.dingdan a {
	display: inline-block;
	color: #004797;
	line-height: 1;
	border: solid 1px;
	border-radius: 40px;
	padding: 15px 0;
	vertical-align: top;
	width: 50%;
}
