/* 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; margin-top: 20px;}
.top-brand{ position: absolute; left: 0; z-index: 1; padding: 0;}

.top-navbar .navbar-collapse { padding-left: 220px; padding-top: 15px;}
.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: #101a3a;
	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: #101a3a;
}


.top-language{ margin-left:10px; margin-top:10px; }
.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:#e91c2c;}
.top-language .language-btn::after{ display:none;}


.top-navbar .top-language .dropdown-menu .dropdown-item.active,.top-navbar .top-language .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #101a3a;
}
.top-language-ul ul{ display:inline-block; background:#efefef; border-radius:13px; height:26px;}
.top-language-ul ul li{ list-style:none; display:inline-block; margin-left:-5px;}
.top-language-ul ul li a{padding:0 7px; border-radius:13px; height:26px; display:block;}
.top-language-ul ul li a:hover{text-decoration:none; color:#101a3a;}
.top-language-ul ul li a.current{ background:#101a3a; color:#ffffff;}
.top-language-ul ul li a:hover.current{ background:#101a3a; color:#ffffff;}

.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
.banner-pagination .swiper-pagination-bullet{position:relative;width: 60px; height: 3px; border-radius: 0; background: #ffffff; opacity: 0.5; margin:0 10px !important;}
.banner-pagination .swiper-pagination-bullet-active{  opacity: 1;  background: #101a3a;}

.index-about-container{ border-bottom: 1px solid #e3e3e3; display:flex; flex-direction: row; padding-left:0; padding-right:0; padding-top:60px; padding-bottom:60px;}
.index-about-title{ position:relative; font-size:22px; color:#101a3a; text-transform:uppercase; padding-left:45px; padding-right:45px;}
.index-about-title h1{ font-size:30px; font-weight:bolder;}
.index-about-title:before{content:""; top:0; left:2px; width:2px; height:100%; background:#101a3a; position:absolute;}
.index-about-title:after{content:""; top:0; left:0; width:6px; height:50%; background:#101a3a; position:absolute;}
.index-about-p{ width:50%; margin-left:20px;}

.index-youshi-container{ overflow:hidden; padding-top:60px; padding-bottom:30px;}
.index-youshi-con{ margin-left:-15px; margin-right:-15px;}
.index-youshi-items{ width:25%; float:left; padding:15px; cursor:pointer;}
.index-youshi-name{ text-align:center; margin-bottom:10px; color:#101a3a;}
.index-youshi-name h2{ font-size:22px; font-weight:bolder; margin-bottom:3px; margin-top:15px;}
.index-youshi-p{ text-align:center; min-height:78px; opacity:0;
transition: opacity 1s;
-moz-transition: opacity 1s; /* Firefox 4 */
-webkit-transition: opacity 1s; /* Safari 和 Chrome */
-o-transition: opacity 1s; /* Opera */}
.index-youshi-p p{ display:none;}
.index-youshi-items:hover .index-youshi-p{ opacity:1;}
.index-youshi-items:hover .index-youshi-p p{display:block;}
.container-title{ font-size:20px; color:#101a3a; text-align:center; text-transform:uppercase;}
.container-title h2{ font-size:30px; font-weight:bolder;}
.container-title:after{ content:""; display:inline-block; width:42px; height:17px; background:url(../images/icon-hr.png) no-repeat; background-size:cover;}
#index-pro{ }
.index-pro-con{ position:relative; overflow:hidden;}
.index-pro-con:before{ content:""; display:block; width:46%; height:100%; position:absolute; right:0; top:0; border-width: 684px 0px 0px 230px;
	border-style: solid solid;
	border-color: rgba(255, 255, 255, 1) transparent transparent transparent ;}
.index-pro-con .container{position:relative;z-index:10; padding-bottom:80px; padding-top:130px;}
.pro-name{max-width:310px; text-align:right;position:absolute; top:0; right:10px;}
.pro-name h2{margin-top:3px;}

.pro-img{ text-align:center;}
.index-adv-con{ text-align: center;}



#index-news{overflow:hidden; }

.index-news-container{ padding-top:60px; padding-bottom:60px;}
.index-news-con{ margin-top:20px;}
.index-news-conner{position:relative;}
.news-items a{color:#333333; display:block; border-bottom:2px solid #e3e3e3; padding-bottom:10px;}

.news-con{margin-top:10px;}
.news-time{color:#101a3a;font-size:16px;}
.news-name{font-size:16px;}
.news-jj{margin-top:5px;}

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

.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:#101a3a; 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;}

.news-pagination{ position:relative; margin-top:20px;}
.news-pagination .swiper-pagination-bullet{position:relative; width: 10px; height: 10px; background:#e3e3e3; opacity:1; margin:0 3px !important;}
.news-pagination .swiper-pagination-bullet-active{ background:#101a3a;}
.news-pagination .swiper-pagination-bullet:focus{ outline:none;}


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


#foot{ background: url(../images/foot-bg.jpg) no-repeat; background-size:cover;}


.foot-con{ padding-top:108px; padding-bottom:40px; color:#ffffff;background:rgba(20,20,20,0.5);}
.foot-con a{ color:#ffffff; opacity:0.87;}
.foot-con a:hover{ text-decoration:none; color:#101a3a; opacity:1;}
.foot-2{}

.foot-nav{ float: left; width:calc(100% - 330px);}
.foot-contact{ float: right; width: 80px;}
.foot-logo{ float: left; width: 250px; }
.foot-nav-item{ display:inline-block; padding-right: 10%; vertical-align: top; margin-bottom:15px;}
.foot-nav-title{ position: relative; padding-top: 15px; margin-bottom: 10px;}
.foot-nav-item .foot-nav-title:before{ content: ""; border-top: 2px solid #101a3a; width: 20px; position: absolute; top: 0; left: 0;}
.foot-nav-item .foot-nav-con ul li{ list-style: none; }

.foot-link ul li{ list-style:none; display:inline-block; margin-right:15px; font-size:26px; }
.foot-ewm{ margin-top:15px;}

.foot-copyright{background:rgba(255,255,255,0.2); margin-top:60px; padding:15px;}
.foot-copyright-left ul{display:inline-block;}
.foot-copyright-left ul li{ list-style:none; display:inline-block; margin-right:30px;}
.foot-copyright-left ul li h2{ font-size:22px; color:#101a3a; font-family:"Impact";}

.foot-copyright-left{ float:left;}
.foot-copyright-right{ float:right; text-align:right;}

.contain-con{ padding-top:80px; padding-bottom:120px;}

.contact-maps-con{ width:100%; height:450px; margin-top:26px; position:relative;}
.contact-p{ float:left; width:calc(100% - 340px);}
.contact-ewm{ float:right; width:330px; padding-top:50px;}

.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; }

.pro-contain{ margin-left:-15px; margin-right:-15px;}
.pro-item{ width:50%; float:left; padding:15px;}
.pro-item a{ display:block;}
.pro-item a:hover{ text-decoration:none; color:#101a3a;}
.pro-item a .pros-img{border:1px solid #ebebeb; position:relative; overflow:hidden; background:#efefef;}
.pro-item a .pros-img img{ position:relative; z-index:1; }

.pro-item a .pros-name{padding:15px 0; font-size:16px;}
.pros-img-bg{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;
transition: opacity 1s;
-moz-transition: opacity 1s; /* Firefox 4 */
-webkit-transition: opacity 1s; /* Safari 和 Chrome */
-o-transition: opacity 1s; /* Opera */}
.pro-item a:hover .pros-img .pros-img-bg{ opacity:1;}

.pro-view-con{ padding-top:60px;}
.pro-view-con:before{border-color: rgba(239, 239, 239, 1) transparent transparent transparent ;}

.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:10px; min-width:138px; text-align:center; }
.pro-view-container #tags .selectTag a{background:#101a3a; color: #ffffff; text-decoration: none;border:solid 1px #101a3a;  }
.pro-view-container #tags li a:hover{ background:#101a3a; color: #ffffff; text-decoration: none;border:solid 1px #101a3a;  }

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


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

.clear1{display:block;}
.clear2{display:none;}

@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;}
	
	.banner-pagination{ bottom:3%!important; }
	.banner-pagination .swiper-pagination-bullet{position:relative;width: 20px; height: 2px;}
	.index-about-container{flex-direction:column;}
	.index-about-p{ width:100%; margin-left:0px; margin-top:10px;}
	
	.index-youshi-items{ width:50%;}
	.index-youshi-p{ opacity:1; }
	.index-youshi-p p{ display:block;}
	
	.foot-con{ padding-top:68px; padding-bottom:20px;}
	
	.foot-nav{ float: none; width:100%; display:none; }
	.foot-contact{ float: none; width:100%;  text-align:center;}
	.foot-logo{  float: none; width:100%;  text-align:center;}
	.foot-link ul li{ margin-left:8px; margin-right:8px;}
	
	.foot-copyright-left{ float:none; text-align:center;}
	.foot-copyright-right{ float:none; text-align:center;}

	.contain-con{ padding-top:60px; padding-bottom:80px;}
	
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:25px;}
	
	.news-con-item{ width:50%;}
	
	.pro-item{ width:100%; float:none;}
	
	.clear1{display:none;}
	.clear2{display:block;}
}

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

@media screen and (max-width: 550px){

	.news-con-item{ width:100%; float:none;}
}