/* CSS Document */


#top{ position: relative;}
.dropdown-menu{ font-size:14px; margin-top:0;}
.top-navbar{ min-height: 90px;}
.top-navbar .navbar-toggler { margin-right: 10px;}
.top-brand{ position: absolute; left: 6px; z-index: 1; padding: 0;}

.top-navbar .navbar-collapse { padding-left: 220px;}
.top-navbar .navbar-nav .nav-link {
    color: #333333;
	position: relative;
	padding-right: 1rem;
	padding-left: 1rem;
}
.top-navbar .navbar-nav .dropdown-toggle::after{ display:none;}
.top-navbar .navbar-nav .nav-link:focus, .top-navbar .navbar-nav .nav-link:hover,.top-navbar .navbar-nav .show .nav-link:focus, .top-navbar .navbar-nav .show .nav-link:hover{
    color: #e58e1c;
	font-weight: bolder;
}
.top-navbar .navbar-nav .nav-link:focus:before, .top-navbar .navbar-nav .nav-link:hover:before, .top-navbar .navbar-nav .show .nav-link:before, .top-navbar .navbar-nav .show .nav-link:before  {
    width: 100%;
}

.top-navbar .navbar-nav .dropdown-menu{ font-size:14px;}
.top-navbar .navbar-nav .dropdown-menu .dropdown-item.active,.top-navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #e58e1c;
}

.top-language{ margin-left:10px; margin-top:-5px; }
.top-language .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #e58e1c;
}
.top-language .language-btn{ font-size:14px; position:relative; padding:0;}
.top-language .language-btn::before{ position:absolute; content:""; bottom:0; z-index:-1; width:100%; height:3px; background:#e58e1c;}
.top-language .language-btn::after{ display:none;}
/*下箭头*/

.bottom {
display:inline-block;
margin-left:5px;
width: 7px;
height: 8px;
position:relative;
left: 0;
top: 0;
z-index: 2;
/*兼容ie8-*/
}

.bottom-arrow1,
.bottom-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 5;
/*兼容ie8-*/
border-bottom: 4px transparent dashed;
border-left: 4px transparent dashed;
border-right: 4px transparent dashed;
border-top: 4px white solid;
overflow: hidden;
}

.bottom-arrow1 {
top: 1px;
/*重要*/
border-top: 4px #333333 solid;
}

.bottom-arrow2 {
border-top: 4px white solid;
}


#banner{ position: relative;}

.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
.banner-pagination .swiper-pagination-bullet{position:relative;width: 6px; height: 6px; border-radius: 50%; background: #ffffff; opacity: 0.8; margin:0 10px !important;}
.banner-pagination .swiper-pagination-bullet:after{content:""; position:absolute; left:-6px; top:-6px; right:-6px; bottom:-6px; border:1px solid #ffffff; border-radius: 50%; display:block;}
.banner-pagination .swiper-pagination-bullet-active{  opacity: 1; background: #e28000;}
.banner-pagination .swiper-pagination-bullet-active:after{  border:1px solid #e28000;}

.container-title{position:relative; margin-bottom:20px;}
.container-title h2{padding:0; margin:0; position:relative; z-index:10; font-weight:bolder; line-height: 52px; font-size: 30px; letter-spacing:2px}
.container-title span{ position:absolute; font-family:"impact";}
.container-title span.word-b{ left:0; top:0; line-height:72px; color:#00548b; font-size:66px; text-transform: uppercase;}
.container-title span.word-s{ left:44px; bottom:0; font-size:40px; line-height:52px; color:#eeeeee; text-transform: uppercase;}
.container-title-con{ position:relative;padding-bottom:22px; text-align:center;}
.container-title-con span.word-s{ width:100%; left:0;}
.container-title hr{ width:64px; border:0; margin:0 auto; padding:0; border-bottom:4px solid #e28000;}

#index-about{ border-bottom:1px solid #ededed;}
.index-about-container{ padding-top:60px; padding-bottom:70px;}
.index-about-img{ float:left; width:50%; padding-right:30px;}
.index-about-img img{ border:2px solid #eaa347;}
.index-about-right{ float:right; width:50%; padding-left:30px;}

.index-about-more{ margin-top:14px;}
.index-about-more a{ color:#ffffff; padding:10px 20px; display:inline-block; position:relative; line-height:18px; font-size:16px; background:#e28000; border-radius:6px;}
.index-about-more a:hover{ text-decoration:none; background:#ef8801; }

#index-pro{overflow:hidden; margin-top:50px; }
.index-pro-swiper{position:relative;}
.swiper-btns{ text-align:right; padding-bottom:1.5rem; position:absolute; top:50%; width:100%; margin-top:-15px;}
.swiper-btns .swiper-btn{ border-radius:50%; width:30px; height:30px; color:#ffffff; background:#e28000; padding: 1px 10px; font-size:20px; margin-left:10px; cursor:pointer; position:absolute; opacity:0.5;}
.index-pro-swiper .swiper-btns{opacity:0;}
.index-pro-swiper .swiper-btns .swiper-btn:focus{ outline:none;}
.index-pro-swiper:hover .swiper-btns{opacity:1;}
.index-pro-swiper:hover .swiper-btns .swiper-btn{z-index:10;}
.index-pro-swiper .swiper-btns .swiper-btn.swiper-button-disabled,.index-pro-swiper:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.swiper-btns .swiper-btn.swiper-but-next{ left:-50px;}
.swiper-btns .swiper-btn.swiper-but-prev{ right:-40px;}
.swiper-btns .swiper-btn:hover{opacity:1;}

.index-pro-1{ position:relative;}

.pro-item a{ display:block; background:#f4f4f4; color:#333333; border:1px solid #dadada;}
.pro-item a:hover{ text-decoration:none;}

.pro-item-p{ padding:30px 15px;}
.pro-item-img{ background:#ffffff;}
.pro-item-img img{ width:100%;}
.pro-item-name{ font-size:16px; margin-bottom:10px; text-align:center;}
.pro-item-name span{ display:block; color:#e28000; font-size:14px;}
.pro-item-p:after{ content:""; display:block; width:50px; height:3px; background:#e3e3e3; margin:20px auto 0px; transition:0.5s;}
.pro-item a:hover .pro-item-p:after{ background:#e28000;  width:60px;}

.index-pro-1-bg{position:absolute; background-size:cover; background-repeat:no-repeat; background-position:center center; left:0; right:0;bottom:0; z-index:-1; height:193px;}

.index-pro-solution{ margin-top:-30px; min-height:658px; background:url(../images/solution-bg.jpg) 60% center no-repeat #d8d8d8; background-size:cover;  background-attachment: fixed;}

.index-pro-solution-title{}
.index-pro-solution-title hr{ width:64px; border:none; border-bottom:4px solid #e28000;}
.index-pro-solution-title h1{ font-weight:bolder; font-size:36px; margin-bottom:30px;}
.index-pro-solution-title span{ font-size:18px; color:#727272;}
.index-pro-solution-more{ margin-top:30px;}
.index-pro-solution-more a{ display:inline-block; background:#e28000; color:#ffffff; font-size:16px; padding:15px 30px; border-radius:10px;}
.index-pro-solution-more a:hover{ text-decoration:none; background:#ef8801;}

#index-news{overflow:hidden; }
.index-news-container{ padding-top:50px; padding-bottom:60px;}
.index-news-conner{position:relative;}
.news-items a{color:#333333; display:block; padding-bottom:24px;}

.news-con{margin-top:20px;}
.news-time{color:#333333;font-size:16px;}
.news-time i{color:#e28000;font-size:16px;}
.news-name{font-size:18px; margin-top:5px;}
.news-jj{margin-top:5px;color:#727272;}
.news-items a .news-con:after{ content:""; display:block; width:50px; height:3px; background:#e3e3e3; margin:20px auto 0px; transition:0.5s;}
.news-items a:hover .news-con:after{ background:#e28000;  width:60px;}

.news-items a:hover{ text-decoration:none; color:#333333;}
.news-items a:hover .news-name{ text-decoration:none; color:#e28000;}



#index-partner{ border-top:1px solid #e3e3e3; }
.index-partner-con{ padding-top: 2rem; padding-bottom: 2rem;}
.swiper-partner .swiper-slide {
	text-align: center;
    width: auto !important;
	min-width: 10%;
	padding: 0 10px;
}
.swiper-partner .swiper-slide img {
	height: 60px;
}

#foot{ background: #1c1c1c; position:relative; overflow:hidden; color:#ffffff;}

.foot-con{ padding-top: 78px; position:relative; z-index:10;}
#foot a{ color: #ffffff; }
.foot-1{ margin-bottom: 85px;}
.foot-nav{ float:left; width: 65%;}
.foot-contact{ float:left; width: 35%; border-left: 1px solid rgba(255,255,255,0.35); padding-left:6%; padding-bottom: 20px; padding-top: 5px;}

.foot-1-title{border-left: 6px solid #e28000; color: #ffffff; font-size: 20px; padding-left: 16px; margin-bottom: 20px; }
.foot-1-title span{color: rgba(255,255,255,0.5); font-size: 16px; margin-left: 16px;}

.foot-nav-con{ float: left; width: 40%;}
.foot-nav-conner{ padding-left: 22px;}
.foot-nav-conner ul li{ margin-bottom: 3px; list-style: none;}

.foot-contact-follow{ margin-top: 40px;}
.foot-contact-follow ul li{ list-style: none; display: inline-block; margin-right: 10px;}
.foot-contact-follow ul li a{ display: block; width: 40px; height: 40px; background: #2e2e2e; opacity: 0.91; border-radius: 50%; font-size: 14px; text-align: center; line-height: 40px; }
.foot-contact-follow ul li a:hover{ opacity: 1;}

.foot-2{ border-top: 1px solid rgba(255,255,255,0.35); padding-top: 30px; padding-bottom: 30px;}
.foot-2-brand{ float: left;}
.foot-2-copyright{ float: right; text-align: right;}

.banner-img-con{ position:relative;}
.banner-image{ width:100%;}
.banner-img-title{ position:absolute; bottom:5%; left:0; width:100%;}
.banner-img-title .container-title{ position:relative; margin-bottom: 0px;}
.banner-img-title .container-title .container-title-con{ text-align:left;}
.banner-img-title .container-title span.word-s{ position:relative; color:#ffffff;}
.banner-img-title .container-title h2{ color:#ffffff; line-height: 30px;}
.banner-img-title .container-title hr{ margin-left:0;}

.contain-container{ padding-top:60px; padding-bottom:100px;}

#contain{ overflow:hidden;}

.news-container{ margin-left:-15px; margin-right:-15px;}
.news-con-item{ float:left; width:33.3%; padding:15px;}

.news-con-title{ text-align:center}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }

.contact-map{ width:100%; height:426px; margin-top:30px;}
.contact-p{ float:left; width:calc(100% - 170px);}
.contact-ewm{ float:right; width:168px; padding-top:45px;}

.container-nav{ padding-bottom:15px; margin-left:auto; margin-right:auto;}
.container-nav ul li{ list-style:none; display:inline-block; padding:20px 10px 10px 0;}
.container-nav ul li a{ padding:6px 15px; display:block; background:#eeeeee; border-radius:6px;}
.container-nav ul li a:hover,.container-nav ul li a.active{ text-decoration:none; color:#ffffff; background:#e58e1c;}


.pro-container{ margin-left:-15px; margin-right:-15px;}
.pro-con-item{ float:left; width:33.3%; padding:15px;}

.pro-view-jj-container{ padding-top:60px; padding-bottom:50px;}
.pro-view-bread{position:relative; top:0; left:0; color:#333333;}
.pro-view-bread .fa{color:#e58e1c;}
.pro-view-bread a{color:#333333;}
.pro-view-bread a:hover{ text-decoration:none; color:#e58e1c;}

.pro-view-jj{ margin-top:1rem; margin-bottom:4rem;}
.pro-view-jj-left{ width:50%; float:left; padding-top:60px; padding-right:30px;}
.pro-view-jj-img{ width:50%; float:right; text-align:center;}
.pro-view-jj-img img{ max-height:500px;}
.pro-view-name{ color:#e58e1c; margin-bottom:30px;}
.pro-view-p{}

.pro-view-container #tags{ padding:0; overflow:hidden; list-style: none;}
.pro-view-container #tags li{ float:left; margin:0.6%; }
.pro-view-container #tags li a{ color:#333333;padding:6px 20px; display: block;border:solid 1px #d4d4d4; background: #d4d4d4;border-radius:6px; min-width:138px; text-align:center; }
.pro-view-container #tags .selectTag a{background:#e58e1c; color: #ffffff; text-decoration: none;border:solid 1px #e58e1c;  }
.pro-view-container #tags li a:hover{ background:#e58e1c; color: #ffffff; text-decoration: none;border:solid 1px #e58e1c;  }

.pro-view-container .tagContent {PADDING: 10px; margin-top:1rem;}


.tagContent{ display: none;}
.selectTag{ display: block;}

.pc{ display:block;}
.mob{ display:none;}
.clear1{ display:block;}
.clear2{ display:none;}
@media screen and (max-width: 1100px){
	.foot-nav-con{ float: left; width: 50%;}
}
@media screen and (max-width: 991px){
	.top-navbar .navbar-collapse { 
	padding: 15px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 1000;
    background: rgba(255,255,255,0.92);}
	.top-navbar .nav-item { padding: 10px 3px 5px; border-bottom: 1px solid #dddddd;}
	.top-navbar .navbar-nav .nav-link:before {
    
	}
	.top-navbar .nav-item .dropdown-menu{background: none;border: 0;}
	.top-navbar .nav-item .dropdown-menu .dropdown-item {
    color: #727272;
}
	#top .container{ max-width: none; padding-left: 0; padding-right: 0;}

	.index-about-img{ float:none; width:100%; padding-right:0;}
	.index-about-right{ float:none; width:100%; margin-top:15px; padding-left:0;}
	
	.foot-con{ padding-top: 60px;}
	
	.news-con-item{ width:50%;}
	.pro-con-item{ width:50%;}
	
	.pro-view-jj-left{ width:100%; float:none; padding-right:0;}
	.pro-view-jj-img{ width:100%; float:none; margin-top:20px;}
	
	.pro-view-jj-container{ padding-top:50px;}
	
	.clear1{ display:none;}
	.clear2{ display:block;}
}

@media screen and (max-width: 768px){
	.container-title h2 { font-size:20px; line-height: 40px;}
	.container-title span.word-s { font-size: 30px;}
	
	.contain-container {padding-top: 20px;padding-bottom: 50px;}

	.banner-img-title .container-title h2{ line-height: 10px;}
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:25px;}
	
	
	.pc{ display:none;}
	.mob{ display:block;}
}

@media screen and (max-width: 680px){
	.top-brand img{ height:30px;}
	.foot-con{ padding-top: 50px;}
	.foot-1{ margin-bottom: 30px;}
	.foot-nav{ float:none; width: 100%;}
	.foot-contact{ float:none; width: 100%; border-left: none;border-top: 1px solid rgba(255,255,255,0.35); padding-left:0; margin-top: 20px; padding-top: 30px; }
}
@media screen and (max-width: 550px){
	.foot-con{ padding-top: 50px;}
	.foot-nav-con{ float: none; width: 100%;  margin-top: 15px;}
	.foot-2-brand{ float: none; text-align: center;}
	.foot-2-copyright{ float: none; text-align: center; margin-top: 15px;}
	
	.news-con-item{ width:100%; float:none;}
	.pro-con-item{ width:100%; float:none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
}