/* CSS Document */
#top{ border-top: 5px solid #0078c8;}
.top-con{ background: none; border: none; border-radius: 0; margin-bottom: 0;}
.top-conner{ position: relative;}
.top-tel{ position: absolute; right: 15px;; top: 0; background: #0078c8; color: #ffffff; padding: 0 5px;}
.top-nav{ margin-top:50px;}
.top-con .navbar-brand {
    height: auto;
    padding: 0px 15px;
}
.top-con .navbar-toggle .icon-bar {background-color: #888;}
.top-nav>li>a { display:inline; /* color:#333333; */}
.top-con .top-nav>li>a:focus, .top-con .top-nav>li>a:hover {
    text-decoration: none;
    background:none;
	color:#0078c8;
	font-weight:bold;
}
.cur{
    text-decoration: none;
    background:none;
	color:#0078c8;
	font-weight:bold;
}
.top-con .top-nav>li.open>a, .top-con .top-nav>li.open>a:focus, .top-con .top-nav>li.open>a:hover {
	background:none;
	border:none;
	color:#0078c8;
	font-weight:bold;
}
.top-con .navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 35px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.top-nav>li>.dropdown-menu{ margin-top: 10px; left: -40%;}
.top-nav>li>span { color:#bababa; font-size:0.85em;}
.index-pro-list{ background: #0078c8;}
.index-pro-list-container .swiper-wrapper .swiper-slide a{ display: block; position: relative; padding: 35px 15px; color: #ffffff; font-size: 16px;}
.index-pro-list-container .swiper-wrapper .swiper-slide a:hover,.index-pro-list-container .swiper-wrapper .swiper-slide a.active{ text-decoration: none;color: #f39800}
.index-pro-list-container .swiper-wrapper .swiper-slide a:hover:after,.index-pro-list-container .swiper-wrapper .swiper-slide a.active:after{ display: block;}
.index-pro-list-container .swiper-wrapper .swiper-slide a:after{ display: none; content: url(../images/jt-ico.png);position: absolute; left: 50%; bottom: -8px; margin-left: -13px;}
 .index-pro-list-container .swiper-slide {
      width: auto !important;
    }
.index-pro-list{ }
.index-pro-list-con{ position: relative; padding-left: 250px;}
.index-pro-list-title { position: absolute;  left: 0; top: 25px;}
.index-pro-list-title h1{ border-right:1px solid rgba(255,255,255,0.68); padding: 8px 15px; font-weight: bold; margin: 0; font-size: 30px; color: #ffffff; text-transform: uppercase; }

.index-pro-con{ margin-top:30px;}
.index-pro-contain{ margin-left: -15px; margin-right: -15px;}
.index-pro-conner{ width: 25%; float: left; padding: 15px; }
.index-pro-conner a{ text-align: center;}
.index-pro-conner a:hover{ text-decoration: none; color: #0078c8;}
.index-pro-conner a:hover .index-pro-name{ text-decoration: none; color: #0078c8;}
.index-pro-conner a .index-pro-name{ font-weight: bold; color: #333333; font-size: 20px; padding: 5px;}
.index-more{ text-align: center; margin-top: 20px; margin-bottom: 50px;}
.index-more a{ display: inline-block; border: 2px solid #e69102; color: #e69102; padding: 5px 60px;}
.index-more a:hover{ text-decoration: none; background: #e69102; color: #ffffff;}
#index-about{ background: url(../images/about-bg_10.jpg) no-repeat center; background-size: cover; padding-top: 30px; padding-bottom: 60px;}
.index-title{ text-align: center; color: #111111; font-size: 20px; margin-bottom: 24px;}
.index-title h1{ font-size: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px; }
.index-title h1 span{ color: #0078c8;}

#index-news{ margin-top: 30px; margin-bottom: 10px;}
.index-news-con{ margin-bottom: 30px;}
.news-con.active a .news-time,.news-con.active a .news-name,.news-con.active a .news-jj{ color: #ffffff; border-bottom-color: #0078c8;}
.news-con a{ display: block; padding-top: 25px; padding-bottom: 25px; min-height: 133px; border-bottom: 1px solid #eeeeee;}
.news-con.active a, .news-con a:hover{ text-decoration: none; background: #0078c8; border-bottom-color: #0078c8;}
.news-con a:hover .news-time,.news-con a:hover .news-name,.news-con a:hover .news-jj{ color: #ffffff;}
.news-con-a{ max-width: 720px; margin: auto; position: relative; padding-left: 210px;}
.news-time{ font-size: 20px; color: #0078c8; text-align: right; width: 150px; position: absolute; left: 0; top: 10px;}
.news-time span{ font-size: 50px; font-style: italic; display: block; margin-bottom: 10px; }
.news-name{ font-size: 18px; font-weight: bold; color: #111111; margin-bottom: 5px;}
.news-jj{ color: #33333;}


#index-contact{ background: #f0f0f0; padding-top: 30px; padding-bottom: 80px;}
.index-contact-con{ position: relative;}
.index-contact-l{ position: absolute; top: 0; bottom: 0; width: 50%;background: url(../images/contact-img.jpg) no-repeat; background-size: cover;}
.index-contact-r{width: 50%; float: right;}
.index-contact-r ul li{list-style: none; text-align: center; padding: 15px 15px; background: #ffffff;}
.index-contact-r ul li.active{color: #ffffff; background: #0078c8;}
.index-contact-r ul li.active h4{color: #ffffff;}
.index-contact-r ul li h4{font-size: 18px; font-weight: bold; color: #0078c8; margin-bottom: 0;}

#foot{ background: #0078c8; color: #ffffff;}
#foot a{color: #ffffff;}
.foot-1{ padding-top: 50px; padding-bottom: 76px;}
.foot-ewm,.foot-nav{ float: left;}
.foot-ewm{ width: 40%;}
.foot-nav{ width: 20%; padding-left: 5%;}
.foot-nav-title{ font-size: 18px; margin-bottom: 15px; margin-top: 15px;}
.foot-nav-con ul li{ list-style: none;}
.foot-logo{ margin-bottom: 20px;}
.foot-2{ text-align: center; padding: 20px 10px; border-top: 1px solid rgba(255,255,255,0.52);}

#contain-ban{ background: url(../images/about-ban-bg.jpg) no-repeat; background-size: cover; text-align: center; padding-top: 100px; padding-bottom: 100px; color: #ffffff; font-size: 26px; position: relative;}
#contain-ban h1{ font-weight: bold; text-transform: uppercase; margin-top: 0;}
#contain-ban:after{ content:url(../images/contain-ban-ico.png); position: absolute; bottom: -4px; left: 50%; margin-left: -20px;}

#contain{ padding-top: 80px; padding-bottom: 100px;}
.contain-con{ min-height: 400px;}
.feedback-title h1{ font-size: 24px; font-weight: bold; color: #0078c8; margin-bottom: 20px;}
#feedback{ background: #f9f9f9; padding-top: 30px; padding-bottom: 60px;}
.feedback-con{ margin-left: -15px; margin-right: -15px;}
.feedback-con .form-group{
	margin-bottom:0px;
}
.feedback-con .form-group label{
	margin-bottom:0px;
}
.feedback-con .feedback-title{
	font-size:1em;
	color:#111111;
	font-weight:normal;
	margin-top:3px;
}
.feedback-con .feedback-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #111111;
background-color: #fff;
background-image: none;
border: 1px solid #cccccc;
}	
.feedback-con .feedback-textfield{
	width: 100%;
	padding: 2px 5px;
	margin: 0px 0px 10px;
	height: 220px;
	border: 1px solid #cccccc;
	padding: 6px 12px;
}
.feedback-con input[type="submit"] {
text-transform: uppercase;
float: right;
padding:9px 40px;
color: #ffffff;
background-color: #0078c8;
border-radius: 4px;
cursor: pointer;
font-size:1.4em;
}

.contain-download-con{ margin-left: -15px; margin-right: -15px;}
.download-con{ float:left; width: 33.33%; padding: 0 15px 30px;}
.download-con a{ display: block;}
.download-con a:hover{ text-decoration: none; color: #0078c8;}
.download-img{ width: 140px; height: auto; border: 2px solid #cacaca; float: left;}
.download-conner{ float:right; width: calc(100% - 160px);}
.download-name{ min-height: 120px; font-size: 16px;}
.download-more{ margin-top: 30px;}

.contain-news .news-con-a{ max-width: none;}

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

.contain-pro-ban:after{ display:none; }

.pro-view-img{ float:left; width:50%;}
.pro-view-jj{ float:right; width:50%; padding-left: 40px;}
.pro-view-title{ }
.pro-view-title h2{ margin-bottom: 15px; font-size:22px; font-weight: bold;}
.pro-view-jj-con{ margin-top:10px;}
.pro-view-con-title{ font-size:18px; background:#eeeeee; padding:10px 20px; position: relative; padding-left: 50px;}
.pro-view-con-title span{ color:#8a8a8a; margin-right:10px;  color: #0078c8; font-size: 22px; position: absolute; left: 15px; top: 12px;}
.pro-view-con{ margin-top: 2em;}
.pro-view-conner{ padding: 15px 2%;}

.pro-contact-back{ margin-top:50px;}
.pro-contact-back .pro-btn{ width:150px; height:46px; display:block; text-align:center; color:#ffffff;float:left; margin:0 20px 0 0; line-height:46px; font-size:1.25em;}
.pro-contact-back .pro-btn:hover{ text-decoration:none; opacity:0.83;}
.pro-contact-back .btn-back{ background:#cccccc; }
.pro-contact-back .back-ico{ margin-right: 10px; margin-top: -5px;}

#contain{ overflow:hidden;}
.about-honor{ margin-top:30px;}
.partner-item{border:1px solid #c3c3c3;}
.index-partner-imgs-con{ position:relative;}
.partner-btns{ text-align:right; padding-bottom:1.5rem; position:absolute; top:50%; width:100%; margin-top:-15px;}
.partner-btns .partner-btn{ border-radius:50%; width:30px; height:30px; border:1px solid #111111; padding: 1px 10px; font-size:20px; margin-left:10px; cursor:pointer; position:absolute; opacity:0.5;}
.index-partner-imgs-con .partner-btns{opacity:0;}
.index-partner-imgs-con .partner-btns .partner-btn:focus{ outline:none;}
.index-partner-imgs-con:hover .partner-btns{opacity:1;}
.index-partner-imgs-con:hover .partner-btns .partner-btn{z-index:10;}
.index-partner-imgs-con .partner-btns .partner-btn.swiper-button-disabled,.index-partner-imgs-con:hover .partner-btns .partner-btn.swiper-button-disabled{opacity:0; cursor:unset;}
.partner-btns .partner-btn.partner-but-next{ left:-50px;}
.partner-btns .partner-btn.partner-but-prev{ right:-40px;}
.partner-btns .partner-btn:hover{opacity:1;}
.partner-item{ text-align:center;}

#about-partner{ border-top:1px solid #c3c3c3; overflow:hidden;}
.about-partner-container{ padding-top:20px; padding-bottom:20px;}

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

@media screen and (max-width: 992px){
	.top-con .navbar-brand{ width: 200px; padding-top: 10px;}
	.top-nav{ margin-top:40px;}
	.index-pro-conner{ width: 33.33%;}
	
	.download-con{ width: 50%;}
	
	.clear1{ display: none;}
	.clear2{ display: block;}
	.clear3{ display: none;}
}
@media screen and (max-width: 768px){

.top-nav{ display:block; margin-top: 0;}
.top-nav>li{ border-bottom:1px solid #f1f1f1; padding:10px;}
.top-nav>li>a { padding-left:8px; padding-right:8px;}
.top-nav>li>span { display:none;}
	.index-contact-l{ position: relative;height: 400px; width: 100%;background: url(../images/contact-img.jpg) no-repeat; background-size: cover;}
.index-contact-r{width: 100%; float: none;}
	
	.foot-ewm{ width: 100%; text-align: center;}
.foot-nav{display: none;}
}
@media screen and (max-width: 680px){
	.news-con-a{ padding-left: 15px;}
	.news-time{ position: relative; margin-bottom: 15px;}
	.index-contact-l{ position: relative;height: 300px;}
		.pro-view-img{ float:none; width:100%;}
.pro-view-jj{ float:none; width:100%; padding-left: 0px;}
}

@media screen and (max-width: 480px){
	.index-pro-conner{ width: 50%;}
	.download-con{ width: 100%;}
	.clear1{ display: none;}
	.clear2{ display: none;}
	.clear3{ display: block;}
}