/* CSS Document */
.index-pro-container{ width: 1420px;}
#top{ position: relative;}
.top-1{position:relative; height:5px;}
.top-1-con{ width:100%;}
.top-navbar{ min-height: 80px;background-color:#ffffff!important;position:relative;}
.navbar-light .navbar-nav .nav-link{color:#000000;}
.top-brand{margin:4px;}
.top-brand{ position: absolute;left: 0; z-index: 1; padding: 0;}
.top-navbar .navbar-collapse { padding-left: 155px; padding-right: 100px;}
.top-navbar .navbar-nav .nav-item {padding-left: 10px;padding-right: 5px;}
.top-navbar .navbar-nav .nav-link {
	position: relative;
}
.top-navbar .navbar-nav .nav-link:before{
	content:"";
	position: absolute; 
	width: 0;
	bottom: 0;
	left: 0;
	border-bottom: 3px solid #1e5bb1;
}
.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: #1e5bb1;
	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 .dropdown-item.active,.top-navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #1e5bb1;
}

.top-language{ position: absolute; right: 15px; top: 50%; margin-top: -15px;}
.top-language .language-btn{ text-transform: uppercase;border: 1px solid #999999; font-size: 1rem; padding: 3px 8px; color: #727272;}
.top-language .language-btn .fa{ margin-right: 5px; color: #1e5bb1; }
.top-language .language-btn::after{ margin-left: 0; }
.top-language .dropdown.show .language-btn{ border: 1px solid #1e5bb1; color: #1e5bb1;}

.top-language .dropdown-menu .dropdown-item.active,.top-language .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background-color: #1e5bb1;
}
.index-pro-container{ width: 1420px;}

#banner{ position: relative;}
#banner .swiper-slide{ position:relative;}
.banner-img{ width: 100%;}
.banner-pagination{ bottom: 30px !important;}
/* .banner-pagination .swiper-pagination-bullet{height: 4px; border-radius: 0; background: #ffffff; opacity: 1;} */
/* .banner-pagination .swiper-pagination-bullet-active{  background: #1e5bb1;} */
.banner-pagination .swiper-pagination-bullet{position:relative;width: 6px; height: 6px; border-radius: 50%; background: #376ab2; opacity: 0.3; 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: 0.8;}
.banner-1{position:relative; z-index:10; background:rgba(0,0,0,0.1);}
#index-about{position:relative; z-index:1;background: url(../images/about-arrow1.png) no-repeat;}
.index-about-arrow{}

.index-about-container{ padding-top:60px; padding-bottom:80px;}
.index-about-main{ margin-top:15px;background:#f8f8f8; position:relative;}
.index-about-main:before{ content:""; background:#1e5bb1; position:absolute; top:0; bottom:0; left:50%; right:0;}
.index-about-main .container{ position:relative; z-index:1;}
.index-about-l{ float:left; width:50%;text-align:center;margin: 60px 0 60px 0;}
.index-about-l img{width:100%;}
.index-about-r{ float:right; width:50%; padding-left:25px; padding-top:70px; padding-bottom:10px; 
background:#ffffff;min-height: 352px;margin: 60px 0 60px 0;}
.index-about-more{ margin-top:30px;}
.index-about-more a{ display:block; border:1px solid #00a1e9; padding:3px; color:#00a1e9; width:122px; text-align:center;}
.index-about-more a:hover{ background:#00a1e9 color:#ffffff; text-decoration:none;}
#index-news{overflow:hidden;}
.index-news-container{ padding-top:46px; padding-bottom:100px;}
.index-news-conner{position:relative;}
.news-items a{color:#333333; display:block; border-bottom:2px solid #e3e3e3; padding-bottom:24px;}

.news-con{margin-top:20px;}
.news-time{color:#1e5bb1;font-size:16px;}
.news-name{font-size:20px; margin-top:5px;}
.news-jj{margin-top:5px;}

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

.index-news-item{margin-right: 56px;padding-bottom:50px;}
.news-item{width: 33.3%; float:left;}
.news-txt{margin-top:20px;}
.index-news-item a{color: #333333;display: block;border-bottom: 2px solid #e3e3e3;padding-bottom: 24px;}
.news-item a:hover{ text-decoration:none; color:#333333; border-color:#1e5bb1;}
.news-item a:hover .news-name{ text-decoration:none; color:#1e5bb1;}

.page ul li a, .page ul li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #1e5bb1;
    color: #ffffff;
border-color: #1e5bb1;}	

#news-pro{overflow:hidden;}
.about-honor{ margin-bottom:60px;position:relative;margin-top: 10px;}
.about-title-con {
    position: relative;
    padding-bottom: 36px;
    padding-top: 36px;
    text-align: center;
	color:#1e5bb1;}
.swiper-btns .swiper-btn:focus{ outline:none;}
.about-title-con h2 { font-weight: bolder;}
.about-title-con {border-bottom: 1px solid #dddddd;}
.contain-con{ padding-top:60px;}
.about-contain{margin-top:30px;}
.index-about-container{ padding-bottom:60px;}
.honor-item-img{margin-top:15%;border:2px solid #e3e3e3;}
.container-con{padding-top:88px; padding-bottom:100px; position:relative;}

.news-con-title{ text-align:center}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }
.page{ text-align:center; margin-top:40px;}
.page ul{ display:inline-block;margin-left: auto;margin-right: auto;}
.page li{display:inline-block;margin-bottom: 10px;}
.page>ul>li{ display:inline;}
.page ul li a{position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 5px;
  margin-right:5px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius:3px;
}
.page ul li a:hover{ background:#1e5bb1; color:#ffffff;}
.page ul li a:active{ background:#1e5bb1; color:#ffffff;}
.pagination>.active>a,.pagination>.active>a:focus, .pagination>.active>a:hover{background:#1e5bb1;border-color:#1e5bb1}

#contact-mid{}
.contact-p h2{margin-bottom:20px;font-weight: bolder;}
.contact-ewm {
    float: right;
    width: 168px;
    padding-top: 120px;
}
.contact-p {float: left;}
.contact-map{ position:relative;width:100%; height: 446px; margin-top:40px;margin-bottom:-50px;}
.about-title-con{ position:relative;padding-bottom:36px; padding-top:36px;text-align:center;color:#298bbf;}
.about-title-con h2{font-weight: bolder;}
.about-title-con span.word-s{ width:100%; left:0;}

#index-pro{ position: relative;z-index:1;overflow:hidden;}
.contianer-title{ text-align:center; letter-spacing:3px; margin-bottom:50px;margin-top:55px; }
.contianer-title h2{ font-weight:bolder; margin-bottom:0; margin-top:3px;}
.contianer-title span.word-s{ left:44px; bottom: 11px; font-size:40px; line-height:58px; color:#cccccc; text-transform: uppercase;font-style: italic;}
.contianer-title hr{ width:82px; border:0; margin:0 auto; padding:0; border-bottom:4px solid #1e5bb1;}

.index-product{margin-top:80px;}
.index-news-container{ padding-top:30px; padding-bottom:60px;}
.index-news-conner{position:relative;}
.pro-items a{color:#ffffff; display:block;padding-bottom:24px;} /*border-bottom:2px solid #e3e3e3;*/

.pro-con{height:130px;background-color:#919191;text-align:center;}
.pro-con:hover{background-color:#1e5bb1;}
.pro-time{padding-top:10px;}
.pro-name{font-size:20px;letter-spacing:2px;padding-top: 15px;}
.pro-jj{margin-top:5px;}

.pro-items a:hover{ text-decoration:none; color:#ffffff; border-color:#e60012;}
.pro-items a:hover .pro-name{ text-decoration:none; color:#ffffff;}

.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:#1e5bb1; 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-news-con{position:relative;}
.news-pagination{ position:relative; margin-top:30px;}
.news-pagination .swiper-pagination-bullet{position:relative;width: 18px; height: 18px; background:url(../images/point.png) no-repeat; opacity:1; margin:0 3px !important;}
.news-pagination .swiper-pagination-bullet-active{ background:url(../images/point-cur.png) no-repeat;}
.news-pagination .swiper-pagination-bullet:focus{ outline:none;}
#product-center{margin-top:30px;}
.contain-right{ width: 72.7%; float: right;}
.contain-left{ width: 23%; float: left;}
.contain-left .nav-pills>li.active>a, .contain-left .nav-pills>li.active>a:focus, .contain-left .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #1e5bb1;
}
.contain-left .nav-pills>li>a {
    border-radius: 0px;
	background:#f6f6f6;
	color:#333333;
}
.contain-left .nav-stacked>li {
    margin-top: 4px;
    margin-left: 0;
	border-right:3px solid #1e5bb1;
	line-height:20px;
}
.contain-left .nav>li>a:focus, .contain-left .nav>li>a:hover {
    text-decoration: none;
    background-color: #1e5bb1;
	color:#FFF;
}
.contain-left .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 30px;
	
}
.contain-left ul{display:block;}
.pro-contain{ margin-left:-15px; margin-right:-15px;}
.pro-item{ width:33.3%; float:left; padding:15px;}
.pro-item a{ display:block;}
.pro-item a:hover{ text-decoration:none; color:#1e5bb1;}
.pro-item a .pro-img{border:1px solid #ebebeb; position:relative; overflow:hidden;}
.pro-item a:hover .pro-img{box-shadow:0 0 6px 1px #eee;}
.pro-item a .pro-name{text-align:center; font-size:14px;}

.contain-left .nav-stacked>li:hover ul.left-snav{ display: block; }
.left-snav{list-style:none;padding:0px;display: none; padding-top: 8px;}
.left-snav > li{ margin:0px;padding:5px 0px 5px 10px;margin-left: 18px;}
ul.left-snav > li > a,ul li.cur ul.left-snav > li > a{border:0;color:#4c4948;padding: 5px 0px 5px 0px;}
ul.left-snav > li > a:hover{ text-decoration: none;color:#1e5bb1 !important;}
ul.left-snav > li:before{display:none;}
ul.left-snav {
    list-style: none;
    padding: 0px;
    display: none;
    padding-top: 8px;
}
/* .pro-item a .pro-name{padding:15px 0; text-align:center; font-size:16px;} 注：右侧有分类栏*/
/* .serise-item { */
    /* width: 33.3%; */
    /* float: left; */
    /* padding: 0 15px 30px 15px; */
/* } */
/* .pro-serise-name{height:70px;background-color:#919191;text-align:center; */
/* font-size:20px;letter-spacing:2px;padding-top: 25px;color: #ffffff;} */
/* .pro-serise-name:hover{background-color:#1e5bb1;} */
/* .pro-serise-item a{text-decoration:none;} */
#product-view-main{}
.pro-list-title{ border-bottom:1px solid #eeeeee; padding-bottom:18px; margin-bottom:30px;}
.pro-view-img-big{ width:100%; vertical-align:central; text-align:center; }
.pro-view-img-big img{ max-width:130%; border:1px solid #dddddd;}

.pro-view-conner{text-align:center;}
.pro-view-title{ font-size:20px;}
.pro-view-title h2{ margin-top: 5px;}
.pro-view-jj-con{ margin-top:10px;}
.pro-view-con{ margin-top:20px;}
.pro-view-con-title{ font-size:20px; background:#f7f7f7; padding:10px 20px;margin-bottom: 20px;}
.pro-list-serise-more{ float:right; width:150px; }
.pro-list-serise-more a{ width:150px; display:block; background:#298bbf; color:#ffffff; padding:8px 10px; text-align:center;}
.pro-list-serise-more a:hover{ text-decoration:none; box-shadow:0 0 5px 1px rgba(0,0,0,0.2);}
.pro-list-serise-name {
    font-size: 18px;
    color: #1e5bb1;
    float: left;
    width: calc(100% - 160px);
}
.pro-list-serise-name a{text-decoration:none;color:#333333;margin: 3px;}

.pro-view-img {
    max-width: 768px;
    margin: auto;
    padding-left: 80px;
    padding-right: 80px;
position: relative;}
.gallery-top .swiper-slide{ text-align:center;}
.gallery-thumbs {
  padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.pro-view-btns{ position:absolute; top:36%; opacity:0;width: 100%;left: 0;}
.pro-view-btns .swiper-btn{ position:absolute; background:#1e5bb1;}
.pro-view-img:hover .swiper-btns{opacity:1;}
.pro-view-img:hover .swiper-btns .swiper-btn{z-index:10;}
.pro-view-img .swiper-btns .swiper-btn.swiper-button-disabled,.pro-view-img:hover .swiper-btns .swiper-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.pro-view-img .swiper-btn.swiper-but-next{ left:20px;}
.pro-view-img .swiper-btn.swiper-but-prev{ right:20px;}
.pro-view-img .swiper-btn:hover{opacity:1;}


#foot{margin-top:55px;}
.index-foot-2 {padding:20px 0;}
.index-foot-2 img{border-top: 1px solid rgba(255,255,255,0.2);padding: 10px;}
.foot-1{ color: #ffffff;padding: 30px 0 0px 0;}
.foot-1-con{ padding-right: 90px; min-height: 300px; position: relative;margin-bottom:40px;}
.foot-nav{ float: left; width: 33.3%; padding: 15px;}
.foot-nav-about{width:25%}
/* .foot-nav-pro{width:41.7%} */
.foot-nav-title{ font-size: 1.57rem; font-weight: bolder; padding-top: 15px; padding-bottom: 15px;}
.foot-nav-title:before{ content:""; width: 26px; position: absolute; top: 0;}
.foot-nav-title2:before{ content:"";width: 26px; position: absolute; top: 0;}
.foot-nav-title2{font-size: 1.57rem; font-weight: bolder; padding-top: 15px; padding-bottom: 15px;}
.foot-nav-ul li{ list-style: none;}
.foot-nav-ul a{color:#ffffff;}
.foot-nav-ul li a{ opacity: 0.8;}
.foot-nav-ul li a:hover{ opacity: 1; text-decoration: none;}
.foot-nav-ull li{ list-style: none; display:inline-block; width:48%;}
.foot-nav-ull li a{ opacity: 0.8;}
.foot-nav-ull li a:hover{ opacity: 1; text-decoration: none;}
.foot-contact{ opacity: 0.8;}
.foot-contact:hover{ opacity: 1;}
.foot-nav-ull a{color:#ffffff;}

.foot-link{ position: absolute; right: 0; width: 90px; top: 0;}
.foot-link ul li{ list-style: none; text-align: center; padding: 9px 2px;display: inline-block;}
.foot-link ul li a{ display: block; width: 40px; height: 40px; background: rgba(255,255,255,0.6); border-radius: 50%; font-size: 16px; text-align: center; line-height: 40px; margin-left: 20px;}
.foot-link ul li a:hover{ background: rgba(255,255,255,0.2);}

.foot-2{ border-top: 1px solid rgba(255,255,255,0.4); padding-top: 30px; padding-bottom: 30px;}
.foot-2-brand{ float: right;}
.foot-2-copyright a{color:#ffffff;text-decoration: none;}
.foot-2-copyright{ float: left; text-align: center;width:75.3%}

@media screen and (max-width: 1200px){
	.top-brand { width:180px; padding-top: 15px; padding-left:15px;}
	.top-navbar .navbar-collapse{ padding-left:200px;}
	.top-navbar{ min-height:75px;}
	.index-case-nav{ margin-top: -68px;}
	.index-case-nav-con{ width: 70%; margin-left:30%; padding-top: 20px; padding-bottom: 20px;}
	.index-case-nav-title span{ line-height:36px;}
	.index-case-nav-con:before{ width:142px; left: -142px;}
	.banner-img-con{min-height:420px;}
}
@media screen and (max-width: 991px){
	.top-language{ position: relative; right: -10px; top: 50%; margin-top:0px;}
	.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-nav .container{ max-width: none; padding-left: 0; padding-right: 0;}
    .pro-item{ width:50%; float:left;}

	#top .container{padding-left: 0; padding-right: 0;}
	.index-news-con ul li{ width: 100%; float: none;}
	.index-news-con ul li:nth-of-type(odd){ padding-right: 0px;}
	.index-news-con ul li:nth-of-type(even){ padding-left: 0px;}

	.index-about-l{ float:none; width:100%; padding-right:0px;}
	.index-about-r{ float:none; width:100%; padding-left:0px; margin-top:-80px;margin-bottom: -35px;}
	.index-about-more a{ margin:auto;}
	.index-about-main:before{background:#ffffff;}
	.index-about-main{background:#ffffff;}
	.index-product .contianer-title h2{font-size:24px;}
	.index-xinwen .contianer-title h2{font-size:24px;}
	.contianer-title h2{font-size:24px;}
	.index-case-nav-title h2{font-size:24px;}
	.index-case-nav-title {margin-bottom: 5px;}
	.index-case-nav-title h2{margin-bottom: 0px;}
	.index-case-nav{ margin-top: 0px;}
	.index-case-nav-con{ width: 100%; margin-left: 0px;}
	.index-case-nav-bg{ left:0; margin-left:0;}
	.index-case-nav-con a{}
	
	.foot-1-con{ padding-right: 0px; min-height: 300px; position: relative;margin-bottom: 20px;}
	.foot-nav{ float: none; width: 100%; padding: 15px;}
	.foot-nav-ul li{ display: inline-block; padding-right: 15px;}
	.foot-link{ position: relative; width: 100%;}
	.foot-link ul li{ display: inline-block;}
	.foot-link img{margin-left:20px;}
	.foot-2{padding-top: 10px;}
	.foot-2-brand{float:none; width:100%;text-align: center;}
	.foot-2-copyright{float:none; width:100%;margin-bottom: 10px;}
	.foot-copyright-l{ width: 100%; text-align: center;}
	.foot-copyright-r{ width: 100%; text-align: center;}
	.banner-img-con{min-height:360px;}
	
	.top-brand{ left:15px; margin: -12px 0px 0px -15px;}
	
	.about-left{ float:none; width:100%; padding-right:0px; text-align:left;}
	.about-right{ float:none; width:100%; padding-left:0px; margin-top:15px;}
	
	.contact-p{ float:none; width:100%;}
	.contact-ewm{ float:none; width:100%; padding-top:25px;}
	
	.news-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;}
	
	.case-item{width: 50%;}
	.pro-list-serise-name{ font-size:20px; width:calc(100% - 140px);}
	.pro-list-serise-more{ width:120px; }
	.pro-list-serise-more a{ width:120px;}
	
	.case-view-img{ width: 100%; float: none;text-align: center;}
	.case-view-jj-con{ width: 100%; float: none; padding-left: 0px; margin-top:30px;}

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

@media screen and (max-width: 768px){
	.index-about-container{ padding-top:30px; padding-bottom:40px;}
	.index-news-container{ padding-top:30px; padding-bottom:40px;}
	.container-con{ padding-top:30px; padding-bottom:40px;}
    .index-case-title{width:170px;height:130px;padding-top:10px;;letter-spacing:0;}
	.index-case-nav-title span {
    line-height: 0;}
	.index-case-nav{width:120px;}
	.news-but-next{display: none;}
	.news-but-prev{display: none;}
	.honor-but-next{display: none;}
	.honor-but-prev{display: none;}
	.banner-img-con{min-height:260px;}
	.banner-img-title{ padding-left:15px;}
	
	.index-news-con ul li{ width: 100%; float: none;}
	.index-news-con ul li:nth-of-type(odd){ padding-right: 0px;}
	.index-news-con ul li:nth-of-type(even){ padding-left: 0px;}
}

@media screen and (max-width: 560px){
	.top-language{ position: relative; right: 30px; top: 50%; margin-top:0px;}
	.top-language .top-language-ms{ display:block;}
	.top-language .top-language-lg{ display:none;}
	.top-language{ width:45px;}
	.top-navbar .navbar-toggler{ margin-right:60px; border:none; padding:0;}
	.top-navbar .navbar-toggler:focus{ outline:none;}
	.news-con-item{ width:100%; float:none;}
	.case-item{ width:100%; float:none;}
	.clear1{ display:none;}
	.clear2{ display:none;}
}