/* ======  reset  ====== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#222; font-size:14px; font-family: "Microsoft YaHei",arial, helvetica, clean, sans-serif;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 ,dt{ font-weight:normal; font-size:100%; }
a {color:#222; text-decoration:none; -webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;transition: .2s ease-in-out;}
a:focus, a:hover{ text-decoration:none; color:#00447d}
img { border:none; }
ol,ul,li{ list-style:none; }
i{font-style: normal;}
input, textarea, select, button{ font:14px Arial,Verdana,Helvetica,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
.clearfix:after {content: ""; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

/* pub */
.w1200{width: 1200px;display: block;margin: auto;}
.fl{float: left;}
.fr{float: right;}
.pdt01{padding-top: 50px;}
.pdt02{padding-top: 100px;}
.pdb01{padding-bottom: 80px;}
.mgt01{margin-top: 60px;}
.mgt02{margin-top: 40px;}
.mgb01{margin-bottom: 60px;}
.mgb02{margin-bottom: 30px;}
.text-2lines{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.text-lines{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.pro-con .item,.pro-con .item .info,.adv-wrap li{
	 -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;
}
.btn-c{margin: auto;}
.btn01 {display: table;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);border-radius: 28px;font-size: 18px;text-align: center;border: 1px solid #fff;color: #fff;padding: 10px 28px;}
.btn01:hover,.btn02{background: #992F31;color: #fff;border-color: #992F31;}
.btn02{display: table;border-radius: 28px;color: #fff !important;padding: 15px 48px;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 10%);}

.btn-jt i{background: url(../images/jt01.png) no-repeat;width: 23px;height: 23px;background-size: contain;display: inline-block;vertical-align: text-bottom;margin-left: 5px;}
.text-c{text-align: center;}
.flex-row {display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap;}
.aligni-center {align-items: center;-webkit-align-items: center;}
.pc-none{display: none;}

.position{padding: 15px 0;}
.position .w1200{border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.position p{background: url(../images/icon-home.png) left center no-repeat;padding-left: 24px;}
.position span {padding: 0 10px;background: url(../images/icon-jt.png) center no-repeat;width: 4px;height: 8px;display: inline-block;}

/* ======  index  ====== */
.top-tc{color: #fff;}
.top-title{font-size: 36px;text-align: center;}
.top-title2{font-size: 30px;text-align: center;}
.top-title .title,.top-title2 .title{font-weight: bold;}
.top-title .desc{margin-top: 12px; font-size: 16px;color: #666;}
.top-title .desc2{font-size: 16px;color: #fff;}
.top-title2 .desc {margin-top: 10px;font-size: 15px;color: #666;}

/* 闋傞儴 */
.top{height: 40px;line-height: 40px;background: #00447d;overflow: hidden;color: #fff;}
.top-login i{float: left;margin-top: 8px;margin-right: 5px; display: inline-block;background: url(../images/icon-user.png) no-repeat;width: 21px;height: 21px;}

/* nav */
.nav-wrap{height: 68px;background: #363636;line-height: 68px;}
.nav-wrap ul li a{float: left;margin-right: 50px;color: #fff;}
.top-nav{width:100%; z-index: 9990;}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a {border: 0;border-color: transparent;background-color: transparent;}
.nav-tabs>li>a {margin: 0;}
.nav>li>a {padding: 0;}
.nav-tabs {border-bottom: 0;}
.nav-tabs>li>a:hover {border-color: transparent;background-color: transparent;}

@media (min-width: 768px) {
	.pub-nav_02{width: 60%;}
	.pub-nav_02>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.pub-nav_02>ul li{width: 46% !important;}
	/* .nav> li .dropdown-menu {display: block;} */
	.navsub {display: inline-block;margin-left: 2px;width: 5px;height: 5px;vertical-align: super;border-right: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.logo {position: absolute;z-index: 10;}
	.logo img{height: 68px;}
	/* .logo a{ height: 36px;display: block;float: left;} */

	/* top */
	.top-nav .container-fluid,.container-fluid>.navbar-collapse{padding-right: 0;}
	.top-nav,
	.navbar-default {height: 68px;background: #fff;}
	
	.navbar-nav {/*margin-left: 268px;*/margin-left: 20%;float: right;}
	.navbar-default .navbar-nav>li>a {margin:0 30px;font-size: 16px;letter-spacing: -0.08px;line-height: 68px;}
	.navbar-default .navbar-nav>li:last-child>a{margin-right: 0;}
	.navbar {margin-bottom: 0;min-height: 60px;border: 0;}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;color: #00447d;}
	.navbar-default .navbar-nav>.active>a::after,
	.navbar-default .navbar-nav>li>a::after,
	.navbar-default .navbar-nav>li>a:hover::after {content: "";position: absolute;display: block;width: 100%;height: 3px;background: #00447d;z-index: 999;bottom: 0;opacity: 1;transform: translatey(0px);}
	.navbar-default .navbar-nav>li>a::after {transform: translatey(3px);bottom: 0;opacity: 0;transition: all 0.36s ease;}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {color: #00447d;background-color: transparent;}
	
	.dropdown-menu {top: 124%;/* min-width: 880px; */padding: 24px;background: #fff;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.10);border: 0;}
	/* .navbar-nav>li:nth-child(2) .dropdown-menu {left: -330px;}
	.navbar-nav>li:nth-child(2) .dropdown-menu::after {left: 355px;}
	.navbar-nav>li:nth-child(3) .dropdown-menu {min-width: 208px;left: -100px;}
	.navbar-nav>li:nth-child(3) .dropdown-menu::after {left: 130px;} */
	
	.dropdown-menu .drop-wrap:nth-child(2)>li {margin-right: 0;}
	.dropdown-menu .drop-wrap {position:relative; float: left;}
	.dropdown-menu .drop-wrap{border-right: 0.1px solid #eee;margin-right:5%}
	.dropdown-menu .drop-wrap:last-child{border-right: 0;margin-right: 0;}
	.navbar-nav>li:nth-child(3) .dropdown-menu .drop-wrap{border-right:0}
	.dropdown-menu::after {content: '';position: absolute;top: -5px;left: 10px;display: inline-block;width: 0;height: 0px;border-style: solid;border-width: 5px;border-color: #fff #fff transparent transparent;box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.10);transform: rotate(-45deg);}
	.dropdown-menu .pro_tit {margin: 0 0 8px 8px;font-size: 14px;color: #999;letter-spacing: -0.07px;line-height: 14px;}
	.dropdown-menu .drop-wrap ul li {/* float: left; */margin-bottom: 10px;margin-right: 22px;}
	.dropdown-menu .drop-wrap ul li:nth-child(2n+1) {margin-right: 0;}
	.dropdown-menu .drop-wrap ul li {width: 152px;padding: 8px;}
	.dropdown-menu .drop-wrap ul li:hover {background: #F2F6FC;}
	.dropdown-menu .drop-wrap ul li>a img{float: left;width: 20px;height: 20px;margin-right: 10px;}
	.dropdown-menu .drop-wrap ul li>a span {display: block;font-size: 15px;color: #333;line-height: 20px;letter-spacing: -0.08px;}
	.dropdown-menu .drop-wrap ul li>a p {width: 250px;font-size: 13px;color: #999;line-height: 13px;letter-spacing: -0.07px;white-space: normal;word-break: break-all;}
	
	.navbar-nav>li:nth-child(3) .dropdown-menu .drop-wrap>li:nth-child(5)>a p {line-height: 18px;}
	.navbar-nav>li:nth-child(3) .dropdown-menu .drop-wrap>li:nth-child(5) {margin-bottom: -13px;}
}

/* banner */
#banner {width: 100%;overflow: hidden;position: relative;}
#banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index: 999;}
#banner .swiper-pagination-bullet {display: inline-block;width: 80px;height: 4px;border-radius: 10px;background: white;margin: 0 15px;cursor: pointer;/* transform: scale(0.4,0.4); */transition: all 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active {transform: scale(1.1);}
#banner .arrow-left {background: url(../images/banner_arrow.png) no-repeat left top;position: absolute;left: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}
#banner .arrow-right {background: url(../images/banner_arrow.png) no-repeat left bottom;position: absolute;right: 20px;top: 55%;margin-top: -35px;width: 70px;height: 70px;z-index: 999;}
#banner img{width: 100%;}

/* index - search */
.search-wrap{height: 170px;background: #454545;background: url(../images/search-bg.jpg) no-repeat;background-size: cover;}
.serach-l .txt{position: relative; margin-top: 60px; padding-left: 47px; font-size: 24px;color: #fff;}
.serach-l .txt:before{content: '';position: absolute;left: 10px;top: -18px;width: 415px;height: 73px;background: url(../images/search-txtbg.png) center no-repeat;}

.search-input{margin-top: 46px;}
.search-input .searchbox{float: left;width: 656px;height: 52px;background: #fff;border: 0;}
.search-input input{padding: 0 20px;font-size: 13px;font-weight: 400;color: #999;}
.tijiao{position: relative; display: inline-block;width: 152px;height: 52px;background: #5d9a1b;border: 0;color: #fff;overflow: hidden;}
@-webkit-keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

.tijiao:before,.swiper-button-next:before,.swiper-button-prev:before{content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.tijiao:hover:before,.swiper-button-next:hover:before,.swiper-button-prev:hover:before{-webkit-animation: wave .75s;animation: wave .75s;z-index: 1;}

.ser-tag{margin-top: 15px;}
.ser-tag span{font-weight: bold;color: #fff;font-size: 15px;}
.ser-tag a{position: relative; display: inline-block; padding-right: 20px;margin-right: 10px; color: rgba(255, 255, 255, .6);font-size: 14px;}
.ser-tag a::after{position: absolute;right: 0;top: 4px;  display: block; content: "";width: 1px;height: 10px;background: rgba(255, 255, 255, .3);}
.ser-tag a:last-child::after{display: none;}
.ser-tag a:hover{color: #fff;}

/* 我们的服务 */
.index-products{width: 100%;}
/* .pro-con .tab-pane{display: flex;justify-content: space-between;flex-wrap: wrap;} */
/* .pro-con .pro-item{margin-bottom: calc(6% / 2);} */
.indexfw-tab ul{justify-content: center;margin-top: 40px;}
.indexfw-tab ul li{padding: 0 40px;text-align: center;}
.indexfw-tab ul li .img{width: 45px;height: 45px;display: block;margin: auto;}
.indexfw-tab ul li .img01{background: url(../images/icon-fw01.png);}
.indexfw-tab ul li .img02{background: url(../images/icon-fw02.png);}
.indexfw-tab ul li .img03{background: url(../images/icon-fw03.png);}
.indexfw-tab ul li .img04{background: url(../images/icon-fw04.png);}
.indexfw-tab ul li .img05{background: url(../images/icon-fw05.png);}
.indexfw-tab ul li.active .img01{background: url(../images/icon-fw01-1.png);}
.indexfw-tab ul li.active .img02{background: url(../images/icon-fw02-2.png);}
.indexfw-tab ul li.active .img03{background: url(../images/icon-fw03-3.png);}
.indexfw-tab ul li.active .img04{background: url(../images/icon-fw04-4.png);}
.indexfw-tab ul li.active .img05{background: url(../images/icon-fw05-5.png);}
.indexfw-tab ul li.active p{color: #5d9a1b;}

.pro-con .item{
	float: left;
	position: relative;
	 padding: 22px; 
	 /*width: 330px;*/
	 width: 22.5%;
	 height: 256px;
	 background: #222;
	 border-top-left-radius: 60px;
	 border-bottom-right-radius: 60px;
	 border: 2px solid #fff;
	 /* background: linear-gradient(180deg, #f4f5f7 0%, #ffffff 100%); */
	 box-shadow: 0px 3px 9px 0px rgba(203, 220, 255, 0.62);
}
.pro-con .item{
	margin-left: 30px;
	margin-bottom: 20px;
}
.pro-con .item a{display: block;width: 100%;height: 100%;}
.pro-con .item01{width: 438px;height: 534px;}
.pro-con .item .info{width: 100%;height: 100%;background: rgba(255, 255, 255, .8);padding:20px 30px;text-align: center;}
.pro-con .item:hover{transform: translateY(-10px);}
.pro-con .item .title{font-size: 26px;font-weight: bold;color: #fff;text-align: center;line-height: 8;}
.pro-con .item01 .title{font-size: 28px;line-height: initial;text-align: left;}
.pro-con .item .desc{margin-top: 10px;}
/* .pro-con .item .icon img{margin-bottom: 10px; width: 58px;} */
.pro-con .item .icon {width: 59px;height: 59px;display: block;margin:0 auto 10px;background-repeat: no-repeat;transition: .3s ease-in-out;}
.pro-con .item .icon01 {background: url(../images/ser-icon01.png);}
.pro-con .item .icon02 {background: url(../images/ser-icon02.png);}
.pro-con .item .icon03 {background: url(../images/ser-icon03.png);}
.pro-con .item .icon04 {background: url(../images/ser-icon04.png);}
.pro-con .item .icon05 {background: url(../images/ser-icon05.png);}
.pro-con .item .icon06 {background: url(../images/ser-icon06.png);}
.pro-con .item:hover .icon01{background: url(../images/ser-icon01-w.png);}
.pro-con .item:hover .icon02{background: url(../images/ser-icon02-w.png);}
.pro-con .item:hover .icon03{background: url(../images/ser-icon03-w.png);}
.pro-con .item:hover .icon04{background: url(../images/ser-icon04-w.png);}
.pro-con .item:hover .icon05{background: url(../images/ser-icon05-w.png);}
.pro-con .item:hover .icon06{background: url(../images/ser-icon06-w.png);}
.pro-con .item:hover .info{background: rgba(188,11,19,0.8);color: #fff;}

@media screen and (max-width: 668px) {
	.case-banner {background-size: auto 100%;}
	.case-banner .swiper-container {margin: 20px 0 15px;}
	.swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97);}
	.swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(0.97);transform: scale(0.97);}
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		/* background: url(images/top_slick_cover_bg01.png) 0 0 repeat; */
		border-radius: 20px;
	}
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
	.swiper-slide img {
		border-radius: 7px;
	}
	.case-banner .swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}
			
	.case-banner .swiper-pagination-bullet {
		background: #072A9D;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}
			
	.case-banner .swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #fff;
		border: 3px solid #072A9D;
		margin-bottom: 0;
	}
	.case-banner .button {
		width: 70%;
		bottom: 22px;
	}
	.case-banner .button div {
		width: 28px;
		height: 28px;
	}
}

/* 服务方案 */
.index-solution{background: #f6f8fa;}
.sol-wrap ul li{float: left;width: 25%;overflow: hidden;}
.sol-wrap ul li .img{position:relative; width: 100%;height: 239px;overflow: hidden;}
.sol-wrap ul li .info{text-align: center;background: #fff;padding: 20px;height: 239px;}
.sol-wrap ul li .info span{margin-top: 20px; display: inline-block; margin-bottom: 10px;font-size: 18px;font-weight: bold; }
.sol-wrap ul li .info p{color: #666;}
.sol-wrap ul li .img:after{
    position: absolute;
    bottom: 0;
    left: 10%;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    z-index: 999;
}
.sol-wrap ul li:nth-child(2n) .img:after{
    top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 0;
}

.sol-wrap ul li:nth-child(2n){display: inline-flex;flex-direction: column-reverse;}

/*服务承诺，质量保障*/
.service-clbz ul{margin-top:40px;margin-bottom:30px}
.service-clbz ul li{width:48%;background:#f6f8fa;border-radius:10px;padding:10px 25px;float:left;margin-bottom:20px;min-height:60px;transition:all .3s;font-size:16px}
.service-clbz ul li:nth-child(2n){float:right}
.service-clbz ul li:hover{background:#00447d;color:#fff}

/* 关于我们 */
.index-about{position: relative; background: #f6f8fa;padding-bottom: 40px;}
.index-about .w1200{position: relative;}
.index-about .bg{position: absolute; background: url(../images/about-bg.jpg) no-repeat;width: 100%;height: 415px; background-size: cover;}

.adv-wrap{justify-content: space-between;}
.adv-wrap li{width: 23%;height: 140px; background: #fff;box-shadow: 0 10px 10px rgb(0 0 0 / 15%);text-align: center;}
.adv-wrap li:hover{transform: translateY(-10px);box-shadow: 0 10px 10px rgb(0 0 0 / 25%);;}
.adv-wrap li span{display: block; margin-top: 30px;margin-bottom: 12px; font-size: 20px;color: #5d9a1b;}
.adv-wrap li p{font-size: 16px;line-height: 1.5;}

/* 2 */
.about-txt{background: #fff;padding: 20px;}
.about-txt .img{float: left;}
.about-txt .info{float: right;width: 60%;}
.about-txt .info .title{font-size: 30px;font-weight: bold;}
.about-txt .info .entit{font-size: 16px;font-weight: bold;color: #999;margin: 10px 0 15px;}
.about-txt .info .txt{font-size: 16px;line-height: 2;width: 90%;}

.ab-btn{display: inline-block;margin-top: 25px;width: 150px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;background: #5d9a1b;border: 1px solid #5d9a1b;text-align: center;}
.ab-btn:hover{background-color: #4b830e;color: #fff;}

/* 3 */
.about-other {justify-content: space-between;}
.about-other .item{margin-top: 20px; background: #fff;width: 49%;padding: 20px 40px;}
.about-other .item .title{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.about-other .item .title::before{content: "";display: inline-block; width: 40px;height: 3px;background: #00447d;margin-right: 20px;vertical-align: middle;}
.about-other .item .desc{line-height: 2;}

/* index - news */
.index-news{background: #f6f8fa;}
.index-news .newslist{background: #fbfbfb;width: 734px;padding: 20px;}
.news-top .info{width: 380px;}
.news-top .img{width: 284px;height: 188px; max-width: 100%;}
.news-top .img img{max-width: 100%;}
.news-top .info span{display: block; font-size: 20px;font-weight: bold;line-height: 30px;margin-top: 20px;}
.news-top .info i{font-size: 14px;font-family: Arial;color: #666;line-height: 30px;font-style: normal;}
.news-top .info p{font-size: 14px;color: #999;line-height: 24px;margin-top: 10px;}

.newslist ul{margin-top: 24px;}
.newslist ul li{padding-bottom: 16px;margin-bottom: 20px; font-size: 16px;color: #61697B;border-bottom: 1px dotted #eee;}
.newslist ul li a{/* color: #61697B; */width: 80%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.newslist ul li i{float: right; font-size: 14px;font-family: Arial;color: #61697B;}

.news-right{width:466px;background: #fff;padding: 20px 40px;}
.news-right dd{margin-top: 20px;}
.news-right dd a{display: flex;}
.news-right .img{width: 141px;height: 95px;overflow: hidden;}
.news-right .img img{max-width: 100%;}
.news-right .info{position: relative; width: 240px;padding:0 20px;}
.news-right .info h3{width: 100%;font-size: 16px;line-height: 2;}
.news-right .info time{position: absolute;bottom: 0;color: #999;}

/*hzlogo*/
.hz-wrap li{float:left;width:18%;box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;padding: 5px 15px;margin-top: 20px;margin-right:2%}

.hz-wrap li img{display:block;margin:auto;max-width:100%}


/* ======  other - pub ====== */
.z-banner{position: relative;}
.z-banner img{width: 100%;}
.z-banner .txtDiv {position: absolute;right: 50%;margin-right: -600px;z-index: 1;top: 46%;transform: translateY(-56%);color: #8d8d8d;text-align: right;}
.z-banner .txt1 {font-size: 36px;line-height: 36px;padding-bottom: 20px;}
.z-banner .txt2 {font-size: 18px;text-transform: uppercase;font-family: Arial;}
.z-banner .txtDiv2{color: #fff;}
/* ======  contact ====== */
.contact-wrap h1{font-size: 24px;font-weight: bold;margin-bottom: 5px;}
.contact-wrap span{display:block; margin-bottom:10px}
.contact-wrap p{line-height: 2;}
/* ======  about ====== */
.about-wrap .ab-left{width: 575px;}
.ab-left .name {font-size: 30px;color: #00447d;line-height: 30px;font-weight: bold;padding-bottom: 15px;}
.ab-left .txt {font-size: 24px;color: #2469a3;line-height: 24px;}
.ab-left .content {font-size: 14px;line-height: 26px;color: #797979;padding-top: 15px;}
.ab-left .content p{margin-bottom: 15px;}
.about-zs{justify-content:space-evenly;}
.about-zs p{width:35%}
.about-zs p img{max-width:100%}
/* ======  list ====== */
.h2title{font-size: 20px;font-weight: 600;}
.h2line{padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px solid rgba(218,222,224,.5);}
.news-wrap{width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.list-left{width: 880px;margin-right: 50px;}
.main-right{width: 300px;}
.news-tab{ border-bottom: 1px solid rgba(218,222,224,.5);}
.news-tab .title{padding-right: 15px;padding-bottom: 25px; margin-right: 20px;font-size: 20px;font-weight: 600;}

.news-list li{margin-bottom: 20px; background: #f6f8fa;}
.news-list li a{padding: 20px; overflow: hidden;display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.news-list .img{ width: 242px;height: 150px;margin-right: 30px;border-radius: 5px;overflow: hidden;}
.news-list .img img{width: 100%;height: 100%;}
.news-list .info{position: relative; width: 65%;}
.news-list .info .title{margin-top: 3px;font-size: 18px;font-weight: 600;margin-bottom: 16px;}
.news-list .info .desc{color: #666;font-size: 14px;line-height: 28px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.news-list .info .bottom{position: absolute; bottom: 0;}
.news-list  .bottom span{font-size: 13px;color: #777;}

/* hot - news */
.main-search,.main-item01{background: #f6f8fa;padding: 20px;}
.main-search .form{position: relative;}
.main-search input {padding: 15px;width: 100%;border: 1px solid #ccc;background: #fff;}
.main-search .aniu{position: absolute;right: 0px;top: 0px;width: 36px;height: 50px;background: url(../images/icon-search.png) left no-repeat;z-index: 2;border: 0;}

.hot-news .item{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin-bottom: 30px;}
.hot-news .item:nth-child(1) .num{color: #F74427;}
.hot-news .item:nth-child(2) .num{color: #FC6E25;}
.hot-news .item:nth-child(3) .num{color: #FF8B20;}
.hot-news .txt .name{font-size: 16px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.hot-news .txt .bottom{margin-top: 10px;height: 18px;font-size: 12px;font-weight: 400;color: #93999f;line-height: 18px;}
.hot-news .txt .bottom span:first-child{margin-right: 28px;}


/*page  */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #00447d;
	border-color: #00447d
}

.pagination>li>a,
.pagination>li>span {color: #222}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #00447d;
    border-color: #00447d;
}
/* ======  show ====== */
.h1tit {font-size: 28px;font-weight: 500;text-align: center;}
.art-type {margin-top: 20px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;text-align: center;}
.art-type>span {margin-right: 20px;font-size: 12px;color: #777;}
.art-type p{margin-top: 20px;margin-bottom: 15px; text-align: left;}

.article-wrap {margin-top: 30px;font-size: 16px;font-weight: 400;color: #222;line-height: 30px;overflow: hidden;}
.article-wrap p {padding-bottom: 10px;}

.pages {margin-top: 30px;padding-top: 20px;border-top: 1px solid #eee;}
.pages p {margin-bottom: 10px;}
.tags {padding-top: 15px;margin-top: 15px;border-top: 1px solid #eee;}
.tags a {margin-right: 15px;}

/* ======  service ====== */
.line{border-bottom: 1px solid #eee;margin-top: 40px;}
.ser-warp{margin-bottom: 40px;}
.ser-warp ul {width: 100%;display: flex;flex-wrap: wrap;}
.ser-warp ul li{margin: 30px 40px 0 0;width: calc( 100% * ( 1 / 3) - 27px);}
.ser-warp ul li:nth-child(3n) {margin-right: 0;}
.ser-warp ul li img{width: 100%;height: 150px;}
.ser-warp ul li .info{text-align: center;background: #fff;padding-bottom: 15px;}
.ser-warp ul li .info span{display: block;font-size: 22px;padding: 10px 0 15px;}
.ser-warp ul li .info p{padding: 0 20px;}

.pro-nav{width: 22%;border: 1px solid #eee;}
.pro-nav h2 {height: 72px;background-color: #00447d;line-height: 72px;font-size: 22px;color: #fff;padding-left: 50px;}
.pro-nav ul li{line-height: 74px;border-top: 1px solid #eee;box-sizing: border-box;font-size: 18px;background: #fff;}
.pro-nav ul li a{margin-left: 20px;display: block;}
.pro-nav ul li.active{background: #e3eff8;}
.pro-list{width: 76%;}
/* links */
.links{margin-top: 20px;margin-bottom: 25px;}
.links .title{margin-bottom: 10px; font-size: 16px;}
.links ul li a{float: left;margin-right: 20px;}

/* ======  service - show ====== */
.pro-show .conDiv {min-height: unset;padding-bottom: 40px;}
.pro-show .txtDiv {height: 64px;line-height: 64px;position: relative;}
.pro-show .txtDiv b {position: relative;display: inline-block;height: 64px;font-size: 18px;color: #353535;padding-left: 0px;background: left center no-repeat;}
.pro-show .txtDiv b:before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #00447d;z-index: 2;}
.pro-show .txtDiv:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #f3f3f3;z-index: 1;}

.pro-show .content {color: #797979;font-size: 14px;line-height: 26px;padding-top: 10px;}
.table>tbody>tr:first-child>td{background: #00447d;color: #fff;}
.table>tbody>tr>td{padding: 20px;border: 1px solid #05589d;}

/* ======  solution ====== */
.sol-top{border-bottom: 1px solid #eee;padding-bottom: 20px;}
.sol-top .img{float: left; width: 40%;height: 260px;overflow: hidden;}
.sol-top .img img{width: 100%;}
.sol-top .info{float: right; width: 50%;}
.sol-top .name{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.sol-top .desc{ font-size: 16px;color: #666;line-height: 2;}
 
/* footer */
.footer-bg{position: relative; padding-bottom: 20px;overflow: hidden;background: #f6f8fa;}
.footer-wrap,.foot-copyright{position: relative; z-index: 2;}
.foot-copyright a{color:#fff}
.footer-wrap{margin-top: 45px;}
.footer-wrap>div{float: left;}
.footer-wrap>div a:hover{color: #00447d}
.footer-wrap>div span{display: block;font-size: 16px; margin-bottom: 14px; color: #00447d;}
.footer-wrap .item01 img{width: 202px;}
.footer-wrap .item05 img{width: 141px;}

.footer-wrap .item01{margin-right: 120px;}
.footer-wrap .item02{margin-right: 60px;}
.footer-wrap .item03{margin-right: 115px;}
.footer-wrap .item04{margin-right: 60px;}

.footer-wrap .item02{width: 340px;}
.footer-wrap>div ul li,.footer-wrap>div p{margin-bottom: 15px;}

.footer-wrap .item04{width: 260px;}
.footer-wrap .item05{background: #fff;padding:10px 10px;}
.footer-wrap .item05 p{margin-top: 10px;text-align: center;}

.foot-copyright{padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, .2);background: #00447d;}
.foot-copyright{color: #fff;}

.ft-form-wrap input{border: 1px solid #ccc;background: #fff;padding: 10px 15px;width: 100%;}
.cat-formbtn {
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    border-radius: 0.2em;
    padding: 0.3em 2.5em;
    background: #00447d;
    border-color: transparent;
    color: #ffffff!important;
    box-shadow: 0 0.1em 0.2em rgb(0 0 0 / 20%);
    transition: background 0.3s,border-color 0.3s,box-shadow 0.3s,opacity 0.3s,color 0.3s;
}
/* media */
@media (max-width: 1199px) {
	.w1200{width: 94%;margin: auto;}
	
}

@media (max-width: 760px) {
	.none{display: none;}
	.w1200{width: 94%;}
	.fl,.fr{float: initial;}
	.top-nav .w1200,.list-left,.about-wrap .ab-left,.sol-wrap ul li,.sol-wrap ul li .img,.about-txt .info,.about-txt .info .txt,.about-other .item,.index-news .news-list,.news-list .info,.pro-con .item01,.pro-list,.sol-top .img,.sol-top .info,.index-news .newslist,.news-top .info,.service-clbz ul li{width: 100%;}
	.adv-wrap li,.pro-con .item{width: 50%;}
	.navbar-default .navbar-brand{width:80%}
	.phone-logo img{max-width:70%;}
	.navbar-brand{padding: 5px;}
	
	.logo,.news-list .bottom span,.search-wrap,.news-right,#bannerpagination,.pro-nav{display: none;}
	.sol-wrap ul li:nth-child(2n){display: block;}
	
	.ab-right img,.about-txt .img img{max-width: 100%;}
	.sol-wrap ul li .img img{width: 100%;}
	
	.about-txt .info{margin-top: 20px;}
	.footer-wrap .item01{margin-right: 30px;}
	.pro-con .item{margin-left: 0;}
	.footer-wrap .item02{width: 100%;margin-right: 10px;}
	.footer-wrap .item03,.business-wrap ul li{margin-right: 0;}
	
	.top-title,.index-about .title,.ab-left .name{font-size: 2em;}
	.ab-left .txt{font-size: 18px;line-height: 2;}
	
	.navbar{margin-bottom: 0;}
	
	.sol-wrap ul li .info{height: auto;padding-bottom: 40px;}
	.top-nav .nav>li>a {padding: 10px;}
	.indexfw-tab ul li{padding: 0 5px;}
	
	
	.navbar-default{background: #fff;}
	.z-banner .txtDiv{margin-right: 0;}
	.z-banner .txtDiv2 {text-align: right;right: 0.8rem;left: auto;}
	.z-banner .txtDiv  .txt1{font-size:24px;padding-bottom:0px;}
	.ser-warp ul li{width: 49%;}
	.ser-warp ul li:nth-child(2n){margin-right: 0;}
	.ser-warp ul li,.ser-warp ul li:nth-child(3){margin-right:2%;}
	.ser-warp ul li .info span{font-size: 18px;}
	.h1tit{font-size: 22px;line-height:1.5;}
	.article-wrap img{width: 100%;}
	.news-list .info .title{font-size: 16px;}
	
	.pro-con .item01{width: 100%;height: 200px;}
	.pro-con .item{border-radius: 0;}
	
	.dropdown-menu .drop-wrap li {
	    float: left;
	    width: 50%;
	}
	.dropdown-menu .drop-wrap li a {
	    padding: 10px 15px 10px 25px;
	    display: block;
	}
	.pub-nav_con ul{
		overflow: hidden;
	}
	.hz-wrap li{width:48%}
}