/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 1.0 - GLOBAL CSS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0
}
body {
	font-size:14px;
	color:#333;
	line-height:1.6em;
	font-weight:400;
	background-color:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased
}
b,strong{
    font-weight: bold!important; 
  }
a {
	position:relative;
	text-decoration:none;
	cursor:pointer;
	color:#333;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease
}
a, 
a:hover, 
a:focus {
    text-decoration: none;
    outline: none;
    color: #333;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	position:relative;
	margin:0;
	background:0;
}
textarea {
	overflow:hidden
}
.text,p {
	position:relative;
	line-height:1.8em;
	font-size:14px;
	color:#666666;
}


.cf{*zoom: 1;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.fl,.pull-left{float:left}
.fr,.pull-right{float:right}
/*
/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 2.0 - COMMON CSS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.wrapper {
    width: 100%;
    overflow: hidden;
}

.w-container {
	max-width:1280px;
	margin-left:auto;
	margin-right:auto
}
@media (min-width:1600px) {
	.w-container {
	max-width:1440px
}
}
@media (max-width:1439px) {
	.w-container {
	max-width:1200px
}
}@media (max-width:1279px) {
	.w-container {
	padding-left:3%;
	padding-right:3%
}
}@media (max-width:767px) {
	.w-container {
	padding-left:15px;
	padding-right:15px
}
}


@media (min-width: 1500px) {
  .container {
    width: 1370px !important;
  }
}
.container-wd{
    max-width: 1500px;
    margin: 0 auto;    
    position: relative;
}
/*For Flat Icons*/
[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before, 
[class^="flaticon-"]:after, 
[class*=" flaticon-"]:after {
    margin-top: 10px;
    margin-left: 0;
}

.breadcrumb-area{
	background-color: #F7F7F7;
    position: relative;
    overflow: hidden;
    padding: 100px 0 20px;
}
.breadcrumb-area h6{
    
}
.breadcrumb-item a { 
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;	
}
.breadcrumb-item  i {
    margin: 0 10px;
}
.breadcrumb-item  i:first-child {
    margin: 0 0;
}


.section-heading {
    margin-top: 80px;
    margin-bottom: 70px;
    text-align: center;
}
/*if section background-color white*/
.section-heading h3 {
    font-size: 30px;    
    margin-bottom: 10px;
	padding-bottom:7px;
	display:block;
	position:relative;
}
.section-heading h3::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #1071b0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.section-heading h5 {    
    font-size: 20px;
	font-weight:400;
    letter-spacing:2px;
    color: #a5a9ab;
    margin-top: 0;
    display: inline-block;
}
.section-heading h5>span {
    color: #5d5d5d;
}
.main-title {
    display: inline-block;
    position: relative;
} 


.subMenu  {
  background-color:#f5f5f5;
  border-bottom: 1px solid #f2f2f2;

}
.subMenu ul{
	position:relative;
	display: flex;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	text-align:center;
	justify-content: center;
}
.subMenu li {
  float: left;
  margin-right: 54px;
}
.subMenu li a {
  font-size:16px;
  color: #333;
  display: block;
  line-height: 60px;
  position: relative;
  white-space:nowrap;
}


.subMenu li.selected a, .subMenu li:hover a {
  color: #0055a2;
  font-weight:bold;
}


.page-head{
	background-color: #071f31;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	padding-top: 100px;
    padding-bottom: 100px;
    color: #fff;
    position: relative;
    z-index: 10;
    
}
.page-head p{
	padding-top:30px;
    color: #fff;
  
}
.page-sol-bg {background-image: url(../images/bg/page-sol-bg.jpg);}
.page-pds-bg{background-image: url(../images/bg/page-pds-bg.jpg);}
.page-case-bg{background-image: url(../images/bg/page-case-bg.jpg);}
.page-about-bg{background-image: url(../images/bg/page-about-bg.jpg);}
.page-sol-bg01{background-image: url(../images/bg/page-sol-bg01.jpg);}
.page-search-bg{background-image: url(../images/bg/page-search-bg.jpg);}


.banner-tt {font-size:30px;font-weight:400; margin-top:50px;}




/*if section background-color without white*/
.section-heading.if-bg-colorful h5 {
    color: #fff;
}
.section-heading.if-bg-colorful h2>span {
    color: #fff;
}
.if-bg-colorful .main-title strong {
    background-image: url(../images/icons/heading-bottom-3-dot-white.png);
}
.if-bg-colorful .main-title strong:before {
    background-color: #fff;
}
.if-bg-colorful .main-title strong:after {
    background-color: #fff;
}
#page-content-wrapper .container {
  width: 100%;
  margin: 0;
  padding: 0;
}
/*General Button*/
.gen-btn {
    background-color: #eeb500;   
    font-size: 16px;
    color: #fff;    
    text-transform: capitalize;
    display: inline-block;
	padding: 3px 21px;
    border-radius: 8px;
    position: relative;
    z-index: 10;   
}
.gen-btn:hover {
    color: #fff;
}
.gen-btn:after {
    background-color: #0089e9;
    content: '';
    position: absolute;
    z-index: -10;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    border: 1px solid #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.gen-btn:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/*Dream Button*/
.dream-btn {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    background-color: #eeb500;
    display: inline-block;
    position: relative;
    padding: 12px 40px;
    outline: none;
    border: none;
    text-decoration: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.dream-btn:hover {
    color: #fff;   
}
.dream-btn:after {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #fff;
    top: 9px;
    bottom: 9px;
    left: 7px;
    right: 7px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.dream-btn:hover:after {
    background-color: #0089e9;
    z-index: -10;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.showcase-btn {
    position: relative;
    z-index: 9999;
    text-align: center;
    padding-top: 50px;
}
.showcase-btn .dream-btn {
    padding: 20px 40px;
}
/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 3.0 - HEADER AND MAIN MENU                                                       
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*Header Top*/
.main-header .main-menu {
	position:relative;
	float:left;
	text-align:center;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease
}

.main-header .main-menu .navigation {
	position:relative;
	margin:0
}
.main-header .main-menu .navigation>li {
	position:relative;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
	width:14%;
}
.main-header .main-menu .navigation>li>a::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  left: 50%;
  margin-left: -1px;
  top: 0;
  background-color:#eeb500;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.main-header .main-menu .navigation li:hover>a::after {

    height: 25px;

}
.main-header .main-menu .navigation  li>a:hover {background:#fff;}
.main-header .main-menu .navigation  li:hover>a{
  	color:#eeb500;
	background:#fff;
}

.main-header .main-menu .navigation>li:last-child {
	
}
.main-header .sticky-header .main-menu .navigation>li>a {
	padding:23px 0;
	
}
.main-header .sticky-header .main-menu .navigation>li:hover>a,.main-header .sticky-header .main-menu .navigation>li.current>a {
	color:#eeb500;
	background-color:inherit!important
}
.main-header .main-menu .navigation>li:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	height:2px;
	right:0;
	opacity:0;
	transform:scale(0.2,1);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	
}
.main-header .main-menu .navigation>li.current:before,.main-header .main-menu .navigation>li:hover::before {
	opacity:1;
	transform:scale(1,1)
}


.main-header .main-menu .navigation>li>a {
	position:relative;
	display:block;
	text-align:center;
	line-height:80px;
	letter-spacing:0;	
	font-size:16px;

}
.main-header .main-menu .navigation>li:last-child {
	margin-right:var(--margin-zero)
}
.main-header .main-menu .navigation>li:last-child>a {
	padding-right:0
}
.main-header .sticky-header .main-menu .navigation>li {
	position:relative
}
.main-header .sticky-header .main-menu .navigation>li:last-child {
	margin-right:var(--margin-zero)
}
.main-header .main-menu .navigation>li:last-child ul {
	right:0
}
.main-header .main-menu .navigation>li:hover>a,.main-header .main-menu .navigation>li.current>a {
	opacity:1;
	color:#eeb500;
}
.main-header .main-menu .navigation>li>ul {
	position:absolute;	
	width:12rem;
	transform:perspective(300px) scaleY(0) translateZ(30px);
	-webkit-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	opacity:0;
	visibility:hidden;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	border-radius:0;
	color: #76838f;
	background-color: #fff;
	border-color: #c0ced3;
	box-shadow:0 0 10px rgba(0,0,0,0.10);
	left:auto;
	padding-left:20px;
}
.main-header .main-menu .navigation>li>ul.from-right {
	left:0;
	right:auto;
}
.main-header .main-menu .navigation>li>ul>li {
	position:relative;
	width:100%;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.10)
}
.main-header .main-menu .navigation>li>ul>li:last-child {
	border-bottom:0
}
.main-header .main-menu .navigation>li>ul>li>a {
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:16px;
	text-align:left;
}

.main-header .main-menu .navigation>li>ul>li:hover>a::before {
	opacity:1
}
.main-header .main-menu .navigation>li>ul>li:hover>a {
	padding-left:30px;
	color:#fff;
	background-color:#eeb500;
}


.main-header .main-menu .navigation>li.dropdown:hover>ul {
	transform:perspective(300px) scaleY(1) translateZ(0);
	opacity:1;
	visibility:visible
}
.main-header .main-menu .navigation li>ul>li.dropdown:hover>ul {
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-o-transform:scaleY(1);
	transform:scaleY(1);
	opacity:1;
	visibility:visible
}
.main-header .main-menu>ul li.dropdown .dropdown-btn {
	position:absolute;
	right:0px;
	top:45%;
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	line-height:28px;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	margin-left:2px;
	display:none;
	
}




/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 4.0 - FOOTER AREA                                                     
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.footer {
    background-color:#494e5a;
    font-family: pingfang,Century Gothic,microsoft yahei,Avenir,Helvetica,Arial,sans-serif;
    font-weight: normal;   
}
.footer .footer-widget-area { 
  
     padding-top: 28px;
}

.footer .footer-widgets {
    position: relative;
    padding-top:60px; 
   display: flex;
   justify-content: space-between;
}	

.footer .footer-widget-area .left * {
  color: #f0f2f6 !important;
 
}
.footer_logo{
	margin-bottom:20px;
}
.footer .left span {
    display: block;
    line-height: 16px;
    padding-bottom: 20px;
	padding-right:20px;
}
.footer .left a{margin-top:35px;}

.footer .footer-widget-area .right {
    display: flex;
}

.footer .footer-widget-area .right .list .name {
    border-bottom: 1px solid #585e6c;
    border-radius: 1px;
    padding-bottom: 19px;
    font-family: pingfang,Century Gothic,microsoft yahei,Avenir,Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 18px;
	color:#fff;
	white-space:nowrap;
}
.footer .footer-widget-area .right .list:first-child {
    width: 100px;
    margin-right: 6vw;
}
.footer .footer-widget-area .right .list:nth-child(2) {
    width: 100px;
    margin-right: 6.5vw;
}
.footer .footer-widget-area .right .list:nth-child(3) {
    width: 100px;
    margin-right: 4vw;
}
.footer .footer-widget-area .right .list .items {
    display: flex;
    font-size: 14px;
}
.footer .footer-widget-area .right .list .items .items-box a {
    line-height: 34px;
    display: block;
	color: #f0f2f6 !important;
}

.footer .footer-widget-area .right .list .items .items-box img{
    width: 92px;
}
.footer .right .qrcode {
    float: left;
    text-align: center;
    width: 92px;
	margin-left:12px;
}
.footer .right .txt {
    padding-top: 22px;
    display: block;
	color: #f0f2f6 !important;
}

.footer .bottom-top {
    text-align: center;
    margin-top: 58px;
    padding: 18px 0;
    font-size: 14px;
    font-weight: 400;
    border-top: 2px solid rgba(255,255,255,.2);
	  width:100%;	
    text-align:center;
}


.footer .bottom-top .box-title , .bottom-top a {
    color: #8e93a9; margin-right: 3%;
}
.footer .bottom-top .box-title {
   color:#fff;
}




/*Footer Copyright*/
.footer .copyright-designer {
    border-top: 1px solid rgba(255,255,255,.2);
    padding: 15px;
	line-height:45px;
	
}
.footer .copyright-designer p {
    font-size:15px;
    color: #8e93a9;
	width:100%;
	text-align:center;
}
.footer .copyright-designer a {
    color: #8e93a9;
}

@media screen and (max-width:1002px){	
.footer .footer-widget-area .right .list,.footer .bottom-top ,#main-slider .txt-btn{
	display: none
}
.footer .copyright-designer,.footer .copyright-designer .copyright,.footer .copyright-designer p,.footer .copyright-designer a,.footer .footer-widget-area .left{
	font-size:12px;
}
.footer .footer-widget-area .left{
	text-align:center;
}
.footer .footer-widgets {
    position: relative;  
    display:block;
	width:100%;
  
}
}


/*Go to the page top*/
.go-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    font-size: 16px;
    z-index: 10000;
}
.back-to-top.dream-btn {
    padding: 7px 12px;
}
.back-to-top.dream-btn:focus {
    color: #fff;
}
.back-to-top.dream-btn:after {
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
}
.back-to-top.dream-btn:hover:after {
    top: 3px;
    bottom: 3px;
    right: 3px;
    left: 3px;
}

/*

/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 5.0 - BANNER MAIN  (MAIN SLIDER)                                                  
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#main-slider {
    position: relative;
    padding: 0;	
	margin-top:80px;
}
@media screen and (max-width: 1002px){
#main-slider{
    margin-top: 50px;
}}

.main-slider.dl-slider .slick-arrow {
    background-color: rgba(0,0,0,.4);
    color: #ddd;  
    border-radius: 4px;    
    font-size: 30px;
    height: 42px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 42px;
}
.main-slider.dl-slider .slick-dots li.slick-active button {
    background-color: #eeb500;  
}

.cuxiao a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 767.98px){
.cuxiao a {
    padding-bottom:6px;
    overflow: hidden;    
    position: relative;
    z-index: 1;
    height: 100%;
}
}


/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 6.0 - Index Solutions SLider                                                  
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


/* Style the tab */

.index-sol{
	position:relative;
	background:#f7f7f7;
    padding:35px 0;
}

.index-sol-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.index-sol-box .tab {
    position: relative;
    width: 17.1875%;
    min-height: 380px;
    background-size: cover;
    border-left: 1px solid #dfe1e6;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
}

.index-sol-box .tab,.index-sol-box .tab .tablist {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-box-pack:justify;
	justify-content:space-between
}
.tablist {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-pack:justify
}


.index-sol-box .tab button {
	position:relative;
	background:inherit;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}

.index-sol-box .tab button,.index-sol-box .tab button:before {
	height:40px;
	-webkit-transition:.2s;
	transition:.2s
}
.index-sol-box .tab button:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:3px;
	background:#eeb500;
	opacity:0
}


.index-sol-box .tab button.active:before {
	opacity:1
}

.index-sol-box .tab button .btinner {
    position: relative;
    padding: 0 16px 0 32px;
}


.index-sol-box .tab button span {
	font-size:16px;
	line-height:20px;
	color:#252b3a;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical
}


/* Change background color of buttons on hover */
.index-sol-box .tab button:hover {
  font-weight:700;
}

/* Create an active/current "tab button" class */
.index-sol-box .tab button.active {
  font-weight:700
}

/* Style the tab content */
.index-sol-box .tabcon {
  position: relative;
  width: 82.8125%;
  height: 604px;

}
.index-sol-box .tabcon .tabcontent {
		display: none;
		width:100%;
		height:604px;
}
.index-sol-box .tabcon .tabcontent .inner {
	height:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

}
.index-sol-box .tabcon .tabcontent .item {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:190px;
	-webkit-box-flex:0;
	-ms-flex:0 0 33.33%;
	flex:0 0 33.33%;
	width:33.33%;
	max-width:33.33%
}


.index-sol-box .tabcon .tabcontent .item.content-main {
    height: 402px;
    min-height: 402px;
}

.index-sol-box .tabcon .tabcontent .item .card-container {
	padding-left:16px;
	padding-top:11px;
	height:100%
}
.index-sol-box .tabcon .tabcontent .item .card-container .sol-card {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	height:100%;
	background-size:cover;
	background-position:50%;
	-webkit-transition:.2s;
	transition:.2s;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	padding:32px;
	background:#fff
}
.index-sol-box .tabcon .tabcontent .item .card-container .sol-card:hover {
	-webkit-box-shadow:0 13px 20px 0 rgba(0,0,0,.1);
	box-shadow:0 13px 20px 0 rgba(0,0,0,.1)
}


.sol-card .bottom {
    margin: 32px 0 22px;
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*index sol style01 */
#soltab .nav-tabs{
	width:100%;
	border:none;
}

#soltab .nav-item {
	flex: 1;
    max-width: 250px;
    cursor: pointer;
	display:block;
	padding:0 5px 5px;
}
#soltab .nav-item .tablinks{
	width:100%;
	background-color:#f7f7f7;
    border-bottom: 2px solid transparent;
	
}
#soltab .nav-item .tablinks.active{
	    border-bottom-color:#ff4a17;
		background: linear-gradient(0deg, #fff7e9, #FFF9F2) rgba(0,0,0,.1);
}

#soltab .nav-item  .slide-img-box{
   max-width:100px;	
   display:block;
   margin:0 auto;
   padding:0;
}	
	
#soltab .nav-item  .slide-text-box {
    padding: 0 0 24px 0;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 34px;
}
#soltab .nav-item .tablinks .slide-text-box{
	color:#a5a9ab;
}

#soltab .nav-item .tablinks.active .slide-text-box{
	color: #eeb500;
}

#soltab .tab-content{
    background: url("../images/bg/bg-dots.png") 0 0 repeat;
    margin-top:20px;
}
#soltab .tab-content .tabcontent{
    display:none;
}
#soltab .tab-content .images-column {
    position: relative;
    margin-bottom:30px;
}
#soltab .tab-content .text-column{
    padding: 48px;
    margin-top: 30px;
}


#soltab .tab-content .text-column .slide-text-box {
    padding: 0 0 24px 0;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 34px;
}
#soltab .tab-content .text-column .slide-text-box .text-1 {
 font-size:24px;
 font-weight:400;
 color:#181a39;
 text-align:left
}
#soltab .tab-content .text-column .slide-text-box .text-2 {
 margin:10px 0 30px 0;
 font-size:16px;
 font-weight:400;
 color:#585c66;
 line-height:26px;
 text-align:left;
 height:100px
}
#soltab .tab-content .text-column .slide-text-box .slide-btn {
 display:inline-block;
 display:flex
}
#soltab .tab-content .text-column .slide-text-box .slide-btn .btn-1 {
 font-size:16px;
 padding:0 30px;
 font-weight:400;
 color:#fff;
 background:#eeb500;
 border-radius:20px;
 height:36px;
 line-height:36px;
 margin-right:30px
}
#soltab .tab-content .text-column .slide-text-box .slide-btn .btn-2 {
 font-size:16px;
 padding:0 30px;
 font-weight:400;
 color:#fff;
 background:#90a4ae;
 border-radius:20px;
 height:36px;
 line-height:36px
}

@media screen and (max-width: 1002px){
#soltab .tab-content .text-column{
    padding: 8px;
    margin-top:0;
}
#soltab .tab-content .text-column .slide-text-box .text-2 {
	height:auto;
}
}





/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 7.0 - INDEX PRODUCTS AREA                                                   
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.pd-feature{
	background-image:url(../images/bg/blue-bg1.jpg);
    background-color: #02409b;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	min-height:600px;
}
#pd-slider {
margin-top:-327px;
}
#pd-slider .slick-slide{
position: relative;
margin: 10px 15px 30px;
-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
background-color: #fff;
border-radius: 10px;
padding: 40px;
}

.slick-dots {
	width:100%;
	height:auto;
	text-align:center;
	position:absolute;
	left:0;
	bottom:-20px;
	margin:0;
	list-style:none
}
.slick-dots li {
	display:inline-block;
	margin:0 6px
}
.slick-dots li button {
	border: 1px solid transparent;
	background-color:#f7f7f7;
    width: 14px;
    height: 14px;
	border-radius:50%;
	overflow:hidden;
	text-indent:-99999px;
	padding:0;
	transition:all .3s ease-in-out;
	cursor:pointer
}

.slick-dots li button:focus,.dl-slider .slick-dots li button:active {
	outline:none
}
.slick-dots li.slick-active button {
	background-color:#eeb500;
	transition:all .3s ease-in-out
}
.vertical-dots .slick-dots {
	width:auto;
	height:auto;
	bottom:50%;
	left:auto;
	right:50px;
	transform:translateY(50%)
}
.vertical-dots .slick-dots li {
	display:block;
	margin:5px 0
}

.pd-slider .post-title h5{text-align:center;}


.pdxq01{
	background-color: #F7F7F7;      
    position: relative;
}
.pdxq01 .container{
	background:#F7F7F7; 
}
.pdimg-slider{	
    width:100%;	
    display: inline-block;
    vertical-align: top;
}	
.pdimg-slider .pic{
    margin:0 90px;
    display:block;
    overflow:hidden;	
}
.pdimg-slider img{
	max-width:100%;
	height:auto;
	
}

.pdimg-slider .slick-dots{
   bottom:20px;
}
.pdtxt-box{
 padding:30px;
}
.pdtxt-box .pdtt{
    line-height: 1.8;
    padding: 20px 0 0 0; 	
	
}
.pdtxt-box .features-box{ 
 padding:15px 0; 
  border-top: 1px solid #e5e5e5;
}


.btn-wrap {
 display:inline-block;
 display:flex
}
.btn-wrap .btn-1 {
 font-size:16px;
 padding:0 30px;
 font-weight:400;
 color:#fff;
 background:#eeb500;
 border-radius:20px;
 height:36px;
 line-height:36px;
 margin-right:30px
}
.btn-wrap .btn-2 {
 font-size:16px;
 padding:0 30px;
 font-weight:400;
 color:#fff;
 background:#90a4ae;
 border-radius:20px;
 height:36px;
 line-height:36px
}

.pddtsubMenu{
 background:#F7F7F7; 
 border-bottom: 1px solid #dcdcdc;
 border-top: 1px solid #dcdcdc;
 width:100%;
 height:auto; 
 margin-bottom:28px; 
}
.pddtsubMenu li {
  position:relative;
  display: inline-block;
  margin-right: 54px;
}
.pddtsubMenu li a {
  font-size:14px;
  color: #333;
  display: block;
  line-height: 60px;
  position: relative;
}
.pddtsubMenu li.selected a, .pddtsubMenu li:hover a {
  color: #0055a2;
}

.pddtsubMenu li.selected a::after, .pddtsubMenu li:hover a::after {

    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0055a2;

}



.sidebar-widget {
    margin-bottom:45px;
}
.sidebar-widget h4{
	margin-bottom:20px;
}
.sidebar-widget .label_summary{
   color:#949392;
}	



.project-widget .widget-content {
    position: relative;
    padding: 35px 30px 35px;
    box-shadow: 0 0 18px rgb(0 0 0 / 4%);
}
.sponsors-widget .widget-content {
    position: relative;
    padding: 35px 30px 35px;
    box-shadow: 0 0 18px rgb(0 0 0 / 4%);
}
.lower-content{
	width:100%;
	overflow:hidden;
}
.lower-content h3{
   line-height: 50px;
    margin: 20px 0;
    border-bottom: 1px solid #333;
}

#xgxz li {
    list-style: none;
    line-height: 50px;
    border-bottom: 1px dashed #ddd;
}

.relproduct-list img{width:100%}
.relproduct-list .recp-item{
    float: left;
    width: 33.333%;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: none;
    padding: 0 10px;
    text-align: center;
}
.relproduct-list .recp-item a{
    border: 1px solid #ddd;
}	

#pdlstab .nav{
margin-bottom:30px;
}	

#pdlstab .nav-item {
    font-size: 14px;
    color: #333;
    letter-spacing: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 20px;
	border:none;
    margin: 0 10px 10px;
    background-color: #eee;
}	
#pdlstab .nav-item.active {
    background-color: #ffdd00;
}

.gengduo-btn{
	padding:30px 0;
	margin:0 auto;
}
.gengduo-btn  .btn-1 {
    font-size: 16px;
    padding: 0 30px;
    font-weight: 400;
    color: #fff;
    background: #eeb500;
    border-radius: 20px;
    height: 36px;
    line-height: 36px;
    margin-right: 30px;
}

.gengduo-btn .btn-2 {
    font-size: 16px;
    padding: 0 30px;
    font-weight: 400;
    color: #fff;
    background: #90a4ae;
    border-radius: 20px;
    height: 36px;
    line-height: 36px;
}

.index-pdtt {
  font-size:30px;
  position: relative;
  padding-left: 18px;
  color: #000;
  float: left;
}
.index-pdtt::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 28px;
  margin-top: -14px;
  background-color: #1071b0;
}

.index-pdtt-subtt{
  clear:both;
  overflow:hidden;
  line-height:24px;
  
}

.m-list3 {
  overflow: hidden;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  margin-right: 9px;
  margin-bottom: 39px;
  margin-top: 22px;
}
.m-list3 li {
  width: 25%;
  float: left;
  border: 1px solid #efefef;
    border-top-color: rgb(239, 239, 239);
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: rgb(239, 239, 239);
    border-left-style: solid;
    border-left-width: 1px;
  border-left: 0;
  border-top: 0;
}
.m-list3 .con {
  display: block;
  height: 61px;
  line-height: 61px;
  text-align:center;
  overflow: hidden;
  font-size: 0;
  background-color: #fff;
  transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}

.m-list3 .con span {
  font-size: 16px;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}

.m-list3 .con .ico {
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}

/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 8.0 - NEWS AREA                                                  
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */



/* Arrows */

.news-slider  .slick-arrow {
 background: #fff;
  border: 1px solid #d5dadf;
  border-radius: 4px;
  color: #777;
  font-size: 30px;
  height: 42px;
  line-height:38px;
  position: absolute;
  text-align: center;
  width: 42px;
}
.news-slider  .slick-arrow.slick-prev {
	top:50%;
	left:-50px;
}
.news-slider  .slick-arrow.slick-next {
	top:50%;
	right:-50px;
}
.news-slider  .slick-arrow:hover {
	background-color:rgba(0,0,0,.8);
	color:#fff;
	transition:all .3s ease-in-out
}
.phone_news{
	display:none;
}

@media only screen and (max-width: 767.98px){
.news-slider{
	display:none;
}
.phone_news{
	display:block;
}
}





/* ---------------------- Newlist Box---------------------- */
.news-slider .slick-slide{  
  position: relative;
  margin: 10px 15px 30px;  
-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
background-color: #fff;
border-radius: 0px;
}

.newslist{
    padding: 0 0.9rem;
    margin-bottom: 1.8rem;
}

.post-media {
    position: relative;
    overflow: hidden;   
    z-index: 0;
}
.post-media img {
    max-width: 100%;
    display: block;     
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 1;
}
.post-media:hover img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 1;
}
.post-inner{
	padding:25px;
}

.post-inner .post-title h5{
	font-size:16px;
	font-weight: 600;
    line-height: 24px;
    height: 48px;
	
}

/* ---------------------- Newlist Page---------------------- */
.newslistbox .newslist .listbox{  
      position: relative;
    margin: 10px 0 30px;
-webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
background-color: #fff;
border-radius: 0px;
}

.search-pagination{
	position:relative;
	width:100%;
	text-align:center;
}
.search-pagination .pagination{
position: relative;
    display: flex;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
    justify-content: center;

}
.search-pagination .pagination li {
    float: left;
    margin-right: 6px;
}



/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| Index END                                                 
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/*
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|| 1.0 - solutions page                                                  
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.sol-list-box{margin-top:0px;overflow-x: hidden;}
.sol-list{background:#f7f7f7;display:block;width:100%;height:420px;position: relative;cursor: pointer;overflow:hidden;margin-bottom:20px;}
.sol-list.if-bg-colorful{background: #50514f;color:#fff;margin-bottom:20px;}
.sol-list-box .hd{color: #000;margin-top:70px;position: relative;display:table; }
.sol-list-box .hd h3{line-height: 0.9;font-size:30px;text-align:left}
.sol-list-box .hd span.line{display: block;height: 1px;width: 100%;background: #7d7d7d;margin-top:20px;}
.sol-list-box div.p{color: #7d7d7d;}
.sol-list.if-bg-colorful div.p,.sol-list.if-bg-colorful h3,.sol-list.if-bg-colorful li p{color: #fff;}
.sol-list-box img{max-width:80%;height:auto;margin:20px 0 0 35px}
.sol-list-box ul{margin-top: 15px;display:block;overflow:hidden}
.sol-list-box li{width: 180px;float:left;margin-right: 20px;margin-top:8px;}
.sol-list-box li img{max-width: 100%;
  -webkit-transition:transform 0.5s ease-out;
  -moz-transition:transform 0.5s ease-out;
  -ms-transition:transform 0.5s ease-out;
  transition:transform 0.5s ease-out;
  margin-left: 13px;
}
.sol-list-box li p{font-size:14px;line-height:1.0;height:20px;}
.sol-list-box .serv_c01_left li p{color: #7d7d7d;}
.sol-list-box .serv_c01_left li:nth-child(3) img{margin-left: 12px}

.sol-list-box  div.more{margin-top: 61px;position: relative;overflow: hidden;}
.sol-list-box  div.more a{overflow: hidden;color:#000;
  display: block;width: 160px;height: 40px;
  line-height: 40px;text-align: center;border:1px solid #000;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
}
.sol-list-box  div.more a span{
  display:block;width:100%;height: 40px;line-height:40px;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  position: relative;
}
.sol-list-box  div.more a span:after{content:attr(data-tit);
    position: absolute;height: 40px;
    top:0px;left:0px;right:0;
    color:transparent;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transform: translate(0,100%);
}
.sol-list-box  div.more a:hover{border:1px solid #eeb500;}
.sol-list-box  div.more a:hover span{color: transparent;transform: translate(0,-100%);}
.sol-list-box  div.more a:hover span:after{background-color: #eeb500;color:#fff;}

@media only screen and (max-width: 1600px){
.sol-list-box  div.more{margin-top:18px;}
.sol-list-box  div.more a{width: 160px;height: 40px;line-height: 40px;}
.sol-list-box  div.more a span{height: 40px;line-height: 40px;}
.sol-list-box  div.more a span:after{height: 40px;}
}
@media only screen and (max-width: 1366px){
.sol-list-box  div.more{margin-top:40px;}
}
@media only screen and (max-width: 1100px){
.sol-list-box  div.more{margin-top: 20px;}
.sol-list-box  div.more a{width: 120px;height: 30px;line-height: 30px;}
.sol-list-box  div.more a span{height: 30px;line-height: 29px;font-size: 12px;}
.sol-list-box  div.more a span:after{height: 30px;}
}
@media only screen and (max-width: 650px){
.sol-list-box  div.more{margin: 20px 0;}
.sol-list,.sol-list.if-bg-colorful{height:auto;}
}
.sol-list.if-bg-colorful div.more a {
    color: #fff;
    border: 1px solid #fff;
}

.solcon{padding:0 58px;}


/* ---------------------- products---------------------- */
.products.page-prime-bg{
	background-image: url(../images/bg/page-producs-bg.jpg);
}
.pdsub{
  min-height: 30px;
  margin-bottom: 20px;
  padding: 20px  10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}

.pdsub label {
  font-family: 'Raleway', sans-serif;
  font-size: 18px;  
  font-weight: 500;
  text-transform: uppercase;
}

.pdsub  select {
  font-size: 15px;
  color: #666666; 
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;   
  display: block;
  padding: 7px 10px;
  width:80%;
background-image: url(../images/icons/select-arrow.png);
background-repeat: no-repeat;
background-position: right center;
-webkit-background-origin: content-box;
background-origin: content-box;
border-radius: 0 !important;
}
.pdsub  select .label{text-align:left;font-size:14px;line-height:18px;color:#666666;font-weight:normal}
.pdsub  select .label-success{background:#fff}







.tuicp-items{  margin-bottom:24px; text-align:center;}
.tuicp-items{ background:#fff;display:block;}
.tuichanpin img{width:100%;}
.tuicp-items .text {
    padding: 0 20px 30px 20px;
    text-align: center;
}
.tuichanpin .tit {
    color: #333;
    line-height: 24px;
    font-size: 18px;
    padding: 10px 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tuichanpin .more{ width:100%; box-sizing:border-box; border:1px solid #ccc; color:#999;line-height:38px; border-radius:20px; /* transform: translate(0,-30px);opacity: 0;transition: all 0.2s 0.1s ease-out; */} 
.tuichanpin a:hover{ box-shadow:2px 0 24px rgba(0,0,0,0.27);}
.tuichanpin a:hover .tit{ font-weight: 700;}
.tuichanpin a:hover .more{ background:#ffdd00; border-color:#ffdd00; color:#333;/* transform: translate(0,0);opacity: 1; */} 

.jskf .con {
  height: 112px;
  margin: 0 9px;
  background-color: #fff;
  overflow: hidden;
  padding-right: 26px;
  border:1px solid #eee;
  box-shadow: 0 0 13px 0 rgba(180,180,180,.26);
  margin-bottom:12px;
  transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
}

.jskf .txt {
  font-size: 18px;
  font-weight:bold;
  text-align:center;
  color: #222;
  height: 46px;
  margin-top: 33px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}




/* 应用案例 */

.case.page-prime-bg{
	background-image: url(../images/bg/page-case-bg.jpg);
}
.case-list-box { padding:80px 0 0 0;}
.cases_list{padding:40px 0;}
.cases_list ul{ margin:0 -12px; padding-top:0px;}
.case-items{float:left; width:33.333%; margin-bottom:20px;box-sizing:border-box;border:none; padding:0 10px; text-align:center;}
.case-items a{ display:block;position:relative; overflow:hidden;}
.case-items img{ width:100%; }
.case-items .txt{ line-height:24px; text-align:center; color:#fff; font-size:16px;}
.case-items .txt span{ transition: 0.4s; -webkit-transition: 0.4s; box-sizing:border-box;}
.case-items .stit{position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:16px; height:45px; line-height:45px; background: rgba(0,0,0,0.5);overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;padding:0 15px;}
.case-items a:hover .stit{ bottom:-50px;}
.case-items .stit2{ position:absolute;left:0;bottom:0;width:100%;height:0;background: rgba(0,0,0,0.5);overflow:hidden;font-size:16px; color:#fff;padding:0 15px;}
.case-items a:hover .stit2{ height:100%; padding-top:30%;}
@media screen and (max-width:1002px){
	.cases_list ul li{ width:50%;}
}
@media screen and (max-width:758px){
	.case-list-box{padding:20px 0;}
	.case-items{ width:50%;}
	.case-items .stit{ font-size:12px; padding:0 10px; line-height:30px; height:30px; overflow:hidden;}
}


/* about */

.aboutbox p{    
font-size: 16px;
line-height: 1.75;
  }
.zdxm-box h5{
	font-weight:bold;
	text-align:center;
	padding:8px 0;
}
.zdxm-box ul li{
    background:#EAF1FE;
    border-radius:8px;
    height: 36px;
    line-height: 36px;
	margin:8px 0;
	text-align:center;
	font-weight:bold;
	color:#02409B
} 
.zdxm-box.gaotie span{
	display:inline-block;
	padding:0 15px;
    background:#EAF1FE;
    border-radius:8px;
    height: 36px;
    line-height: 36px;
	margin:8px 4px;
	text-align:center;
	font-weight:bold;
	color:#02409B
} 
.zdxm-box.jiance1{
	background-image: url(../images/about/zdxm-bg.jpg);
	    background-repeat: no-repeat;
    background-size:cover;
	background-position: top center;
	padding:0 20px;
   
}


.texcon h2,.center-title h2{

    position: relative;
	padding-bottom: 8px;
    display: inline-block;		
}
.texcon h2::before {
  content: '';
  float: left;
  width: 5px;
  height:24px;
  background-color:#eeb500;
  margin: 8px 8px 0 0;
}


.center-title h2::after {
    position: absolute;
    content: '';
    left:50%;
    bottom: 0;
    width: 30%;
    height: 2px;
    background: #eeb500;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}





.imgcon img{width:100%}

.index_logo_wall_container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
  width:100%;
 
}
.index_logo_wall_item {
  width:15.22222%;
  float: left;
  margin: 0 8px 26px;
}

.index_logo_wall_item img {
  display: block;
  width: 100%;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 3px 14px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 3px 14px;
}

 @media (max-width: 770px){
.index_logo_wall_item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  height: auto;
  margin: 0;
  position: relative;
}
}


.aboutbox .box {
  position: relative;
  display: block;
  width: 100%;
  height: 518px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  padding: 30px 30px 0;
  color: rgba(13, 19, 26, 0.8);
  background: #ffffff;
  word-break: break-all;
  white-space: normal;
  -webkit-transition: all 0.3s ease-out 0.1s;
  -o-transition: all 0.3s ease-out 0.1s;
  transition: all 0.3s ease-out 0.1s;
  border: 1px solid rgba(6, 15, 26, 0.07);
  margin-bottom:50px;
}

.zhuanliList{
	width: 100%;
	height:auto;
	position:relative;
	display:block;
    padding-top: 16px;
	padding-bottom:50px;
	overflow:hidden;
}
.zuanliBox {
    width: 20%;
    height:180px;
    float: left;
    margin: 0;
	border: 1px solid #e6e6e6;
    position: relative;
    background-color: #fff;
	
	
}

 @media (max-width: 770px){
.zuanliBox {
  width: 33.33333%;
  height:180px;

}
}

.zuanliBox .BoxImg {
    position:relative;
	display:block;
    margin: 0 auto;
	text-align:center;
    width:100%;
    height: auto;
}
.zuanliBox .BoxText {
    width: 100%;
    text-align: center;
	padding:5px;
    margin-top: 4%;
    border-right: none;
}

.zuanliBox .BoxImg img {
    
    width: 80px;
	margin-top:20px;

	
	
}
.zuanliBox .BoxText {
    margin-bottom: 7px;
    display: block;    
    font-size:16px;
    margin-bottom: 14px;
	
}

.zdxm-box p{line-height:16px;}

/* solution cat */

.solcat-hd{
  background-image: url(../images/bg/blue-bg1.jpg);
  background-color: #071f31;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
  padding:100px 0 30px;  
  color:#fff;
}
.solcat-hd .leftbox{
	padding:30px;
}
.solcat-hd .rightbox{
	padding:80px 5px;
}
.solcat-hd img{
  width:100%;
}
.solcat-hd .text {
    padding: 35px 0;
    overflow: hidden;
}
.solcat-hd .text,.solcat-hd .text p,.features-box,.features-box p,.solcat-hd .bshare-custom a,.solcat-hd .bshare-custom span{
	color:#fff;
}

.sol.subMenu {
	height: 56px;
	align-items: center;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 .25rem .75rem rgba(0,0,0,0.1);
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
}
.sol.subMenu .pull-left h6{
	font-size:24px;
	line-height:56px;
}
.sol.subMenu .breadcrumb-item{	
	line-height:56px;
}
.sol-body{
	background:#f2f2f2;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.sol-item {
    width: 100%;
    height:auto;
    overflow: hidden;
    margin-right: 33px;
    margin-bottom: 32px;
    border-radius: 12px;
    box-shadow: 0 6px 10px rgb(0 0 0 / 6%);
    cursor: pointer;
    transition: all .3s;
    background: #fff;
}

.sol-item .post-con{
	padding-bottom:20px;
}

/* news detail */

.article-box  {
    width: 100%;
    font-size: 0;
    padding: 20px 0 40px;
    border-top: 1px solid #dee2e8;
}
.article-box .article {
    font-size: 14px;
    line-height: 2;
    color: #666666;
    display: block;
    cursor: pointer;
    width: 100%;
}


.about-tabs .nav-tabs{
	width:100%;
    text-align:center;	
}

.about-news-tabs{
	display:block;
	position:relative;
	width:100%;
	text-align:center;

}
.about-news-tabs .nav-tabs{
	display:block;
	position:relative;
	width:auto;
	margin:0 auto
}
.about-news-tabs .nav-tabs button {
    display: inline-block;
	    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.about-news-tabs .nav-tabs .active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}
.about-news-tabs .nav-tabs  a{
    font-size: 18px;
    padding: 15px 50px;
}
.about-news-tabs .nav-tabs .active a{
	color: #0055a2;
	font-weight:bold;
}

.m-txt9 {
  overflow: hidden;
  color: #fff;
  margin-top: 46px;
  margin-bottom: 55px;
}
.m-txt9 .left, .m-txt9 .right {
  float: left;
  width: 816px;
  height: 225px;
  padding: 38px 40px 0;
  background-position: center;
  background-repeat: no-repeat;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

}
.m-txt9 .left h3 {

    font-size: 20px;
    margin-bottom: 12px;

}
.m-txt9 .left .desc {
  font-size: 14px;
  line-height: 20px;
}

.m-txt9 .right {
  float: right;
  width: 384px;
  padding: 38px 25px 0;
}
.m-txt9 .right h3 {
  font-size: 20px;
  text-align: center;
}
.m-txt9 .right .desc {
  font-size: 14px;
  line-height: 24px;
}
.m-post .tit {
  overflow: hidden;
  padding-bottom: 18px;
  border-bottom: 2px solid #c8c8c8;
}

.m-post .tit {
	overflow: hidden;
	padding-bottom: 18px;
	border-bottom: 2px solid #c8c8c8
}

	.m-post .tit span {
		float: left;
		font-size: 18px;
		color: #000;
		font-weight: 700
	}

	.m-post .tit .s1 {
		width: 30%;
		padding-left: 0px
	}

	.m-post .tit .s2 {
		width: 18%
	}

	.m-post .tit .s3 {
		width: 20%
	}

	.m-post .tit .s4 {
		width: 15%
	}

	.m-post .tit .s5 {
		float: none;
		overflow: hidden;
		text-align: center;
		display: block
	}

.m-post li {
	border-bottom: 1px solid #dcdcdc
}

.m-post .top {
	line-height: 86px;
	height: 86px;
	overflow: hidden;
	cursor: pointer
}

	.m-post .top span {
		float: left;
		font-size: 14px;
		color: #555
	}

	.m-post .top .s1 {
		width: 30%;
	}

	.m-post .top .s2 {
		width: 18%
	}

	.m-post .top .s3 {
		width: 20%
	}

	.m-post .top .s4 {
		width: 15%
	}

	.m-post .top .s5 {
		float: none;
		overflow: hidden;
		text-align: center;
		display: block
	}

	.m-post .top .btnhr {
		width: 110px;
		height: 32px;
		display: block;
		margin: 27px auto 0;
		text-align: center;
		line-height: 32px;
		font-size: 14px;
		color: #fff;
		background-color: #acacac
	}
	
.m-post .top a:hover .btnhr{
	   background-color:#eeb500;
}
 .m-post .top a .btnhr{
    display: block;
	position:relative;
}


    .m-post .top a .btnhr::after {
    position: absolute;
    content: "\f063";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight:100;
    top: 0;
    right: -5px;
    height:32px;
    width: 40px;
    text-align: center;
    line-height:32px;
    font-size: 14px;

		}
   .m-post .top a.collapsed .btnhr::after{ 
       content: "\f061";
}

.m-post li.on .top .btnhr {
	background-color: #004787
}



.m-post .con {
	margin: 0 40px;
	border-top: 1px solid #e5e5e5;
	font-size: 16px;
	line-height: 2;
	color: #555;
	padding: 27px 0 15px;
	display: none
}

.m-post h3 {
	color: #333
}

.m-post .txt {
	margin-bottom: 28px
}



.newsinfo-box .newsDtHeadding{
	margin:5.8rem 0 2.8rem;
    padding-bottom:1.8rem;
    border-bottom: 1px solid #d1d1d1;
}




.pdtxt-box .share-box,.newsinfo-box .share-box{
    margin-top: 1.25rem;
    font-size: 0;
}
.pdtxt-box .bshare-custom,.newsinfo-box .bshare-custom{
    font-size: 0;
}
.pdtxt-box .bshare-custom a,.newsinfo-box .bshare-custom a,
.pdtxt-box .bshare-custom span,.newsinfo-box .bshare-custom span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size:14px;
    color: #666;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 20px;
}
.pdtxt-box .bshare-custom span,.newsinfo-box .bshare-custom span{
    margin-right:15px;
}
.pdtxt-box .bshare-custom a,.newsinfo-box .bshare-custom a{
    width: 25px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right:14px;
}
.pdtxt-box .bshare-custom  .bshare-weixin,.newsinfo-box .bshare-custom .bshare-weixin{
    background-image: url('../images/icons/wechat.svg');
}
.pdtxt-box .bshare-custom .bshare-qqim,.newsinfo-box .bshare-custom .bshare-qqim{
    background-image: url('../images/icons/qq.svg');
}





.newsinfo-box .orign,
.newsinfo-box .bshare-custom,
.newsinfo-box .time{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.newsinfo-box .divide{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1px;
    height:14px;
    margin: 0 1rem;
    background-color: #cbcbcb;
    vertical-align: middle;
}
.newsinfo-box .orign{
    font-size: 14px;
    line-height: 20px;
    color: #666;
}
.newsinfo-box .time{
    font-size: 14px;
    line-height: 20px;
    color: #666;
}


.joinus-intro{
    background-image: url(../images/about/joinusbg.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
    height: auto;	
	margin-bottom:30px;
	padding:30px 20px;
	color:#fff;
}
.joinus__hero-text{
	width:40%;	
}
.joinus__hero-text p{
	color:#fff;
}
.section-contact .li {
  width:100%;
  border-radius: 2px;
  margin-bottom: 20px;
  border: 1px solid rgba(6, 15, 26, 0.07);
   border-radius: 12px;
  
}
.section-contact .li .cen {
  width: 89.93%;
  margin: 0px auto;
  padding: 50px 0px;
}
.section-contact .li .name {
  color: rgb(2, 88, 157);
  font-size: 20px;
  margin-bottom: 5.69%;
}


/* search */
.search-page .portlet.light{
	background: #fff;
    padding: 40px 60px 40px 60px;
}
.search-page .fenlei .label{
	display:block;
	padding:10px 35px;
	font-size: 16px;
    color: #333;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
	
}

.search-page .fenlei .label.label-success{	
    color: #fff;
    background: #eeb500;
    border: 1px solid #eeb500;
}

/*Contact Form*/

.contact-everything {
    position: relative;
    z-index: 10;
    padding: 30px;
    box-shadow: 0px 0px 30px 5px #c9cbcd;
    background-color: #fff;
}
.contact-everything .boundary {
    padding-top: 50px;
    padding-bottom: 50px;
    border: 1px solid #c9cbcd;
    border-bottom: none;
}
.contact-info {
    margin-bottom: 50px;
}
.contact-info{
	line-height:30px;
}

.contact-form {
    margin-bottom: 50px;
    overflow: hidden;
}
.contact-form .iput_tt{
	display:block;
	padding-left:12px;
	font-size: 18px;
font-weight: bold;
line-height: 30px;
}

.contact-form .iput_tt.btian{
background-image: url("../images/icons/star.png");
background-position: 0px 6px;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 9px 9px;
}


.contact-form input,
.contact-form textarea {
    font-size: 16px;
    color: #fe931f;
    height: 45px;
    padding-right: 30px;
    padding-left: 10px;
    border: none;
    border: 1px solid #b7b7b7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.contact-form textarea {
    min-height: 175px;
    width: 100%;
    border: 1px solid #b7b7b7;
    padding-left: 30px;
    padding-top: 20px;
}
.contact-form label{
display:flex;
margin-left: 0px;
margin-right: 10px;
padding-left: 0px;
font-size: 18px;
padding-right: 20px;
line-height:45px;
}

.contact-form .input_error {
  margin-bottom: 0px;
  color: #ff0000;
  width: auto;
  font-size: 12px;
  display: block;
  position: relative;
  margin-bottom: 14px;

}


.contact-form input:focus {
    border-bottom: 1px solid #fe931f;
}
.contact-form textarea:focus {
    border: 1px solid #fe931f;
}
.contact-form .form-control {
    border-radius: 0;
    box-shadow: none;
}
.contact-form .form-group {
    margin-bottom: -5px;
    border-radius: 0;
}
.contact-form .form-group .input-img {
    margin-bottom: 50px;
    position: relative;
}
.contact-form .form-group .text-area {
    margin-top: 20px;
}
.contact-form .input-icon2 {
    position: absolute;
    bottom: 5px;
    right: 10px;
	left:none;
}
.contact-form .input-icon2 i {
    font-size: 18px;
    color: #0d0d0d;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.contact-form .form-control:focus + .input-icon2 i {
    color: #fe931f;
}
.contact-form .form-btn {
    text-align: center;
}
.contact-form .contact-form-btn {
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 10px 20px;
    border-radius: 0;
    border: none;
}
.contact-form input::-webkit-input-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-form input::-moz-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-form input:-ms-input-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} 
.contact-form input:-moz-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-form textarea::-webkit-input-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-form textarea::-moz-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.contact-form textarea:-ms-input-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} 
.contact-form textarea:-moz-placeholder {
    color: #b7b7b7;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.contact-form input:focus::-webkit-input-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
.contact-form input:focus::-moz-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
.contact-form input:focus:-ms-input-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
} 
.contact-form input:focus:-moz-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
.contact-form textarea:focus::-webkit-input-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
.contact-form textarea:focus::-moz-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}
.contact-form textarea:focus:-ms-input-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
} 
.contact-form textarea:focus:-moz-placeholder {
    color: #fe931f;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}