/* CSS Document */
#top{ position:fixed; z-index:999; width:100%; background:#ffffff; }
.top-con{ padding:5px; position:relative;height:80px;    background-color: #ffffff;}
.top-brand{ position:absolute; left:20px; width:30%;}
.nav-con{ width:68%; margin-left:28%; margin-top:20px;}
.navbar-collapse-1{ text-align:right;}
.navbar-nav-1{ float:none; display:inline-block;}
.top-r{ position:absolute; right:20px; margin-top:15px;}
.top-lang,.top-search,.top-navbar-header{ float:left; margin-left:15px; margin-top:15px;}
.top-lang a{ color:#1f80aa; display:block; line-height:22px; text-align:center; font-size:16px;}
.top-lang a:hover{ text-decoration:none;}
.top-search a{ color:#1f80aa; display:block; line-height:22px; text-align:center; font-size:20px;}
.top-search a{  text-decoration:none;}
.top-navbar-header .navbar-toggle .icon-bar {background-color: #888;}
.navbar-nav-1>li>a { color:#333333;padding: 10px 10px;}
.navbar-nav-1>li>a:focus, .navbar-nav-1>li>a:hover {
    text-decoration: none;
    background:none;
	color:#1f80aa;
}
.navbar-nav-1 .open>a, .navbar-nav-1 .open>a:focus, .navbar-nav-1 .open>a:hover {
	background:none;
	 border:none;
}
.top-navbar-header .navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-nav-1>li>span { color:#b2b2b2; font-size:0.85em;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px 5px 25px;
}

.minified{ height:60px; padding:5px;}
.minified .top-brand img{ height:50px;}
.minified .nav-con{ margin-top:10px;}
.minified .top-r{ margin-top:10px;}

#banner{ padding-top:80px;}

#index-pro{ background: url(../images/pro-bg_05.jpg) center bottom repeat-x; }
.index-pro-con{ padding-top: 43px; padding-bottom: 80px;}
.index-pro-conner{ position:relative;}
.index-pro-conner #owl-demo{ padding:0 90px; position: relative;z-index: 2;}
.index-pro-conner #owl-demo .item{ text-align:center; padding: 7px;}
.index-pro-conner .customNavigation{ position: absolute; top: 50%; width: 100%; margin-top: -40px;}
.index-pro-conner .customNavigation .btn-cust{ cursor:pointer; font-size: 80px; color: #c8c8c8;}
.index-pro-conner .customNavigation .btn-cust:hover{ text-decoration: none;}
.index-pro-conner .customNavigation .prev{ float: left; position: relative; z-index: 3; }
.index-pro-conner .customNavigation .next{ float: right; position: relative; z-index: 3;}



#index-about{ margin-top: 36px;}
.index-about-con{ position: relative;}

.index-about-conner{padding-top: 15px;}

.index-about-more { margin-bottom: 10px; margin-top: 25px;}
.index-about-more a{ display: block; width: 160px; border: 2px solid #1f80aa; border-radius: 2px; text-align: center; color: #1f80aa; line-height: 40px;}
.index-about-more a:hover{ text-decoration: none; background: #1f80aa; color: #ffffff;}


#index-about-img{ background: url(../images/video-bg_11.jpg) center no-repeat; background-size: cover; position: relative; margin-top: 80px; }
.index-video-con{ z-index: 1; position: relative; padding: 0 160px;}
.index-video-bg{ background: rgba(36,143,39,0.84); position: absolute; top: 0px; bottom: 0px; right: 0; left: 0; z-index: 0;}
.index-ad{ position: absolute; top: 50%; margin-top: -160px;}
.ad-l{ left: 10px;}
.ad-r{ right: 10px;}
.ad{ display: none; margin: 0 auto;}
.index-top{ text-align: center; margin-bottom: 10px;}
.index-top-h1 { text-align: center;position: relative;}
.index-top-con span{ color: #1f80aa; width: 100%; display: block;}
.index-top-h1 h1{ padding: 0; margin: 0 auto;display: inline-block; font-size:30px;  font-weight: bold; position: relative; padding: 0 40px; background: #ffffff; z-index: 1; }
.index-top-h1 hr{position: absolute; width: 100%; top: 50%; border: 0; margin: 0; padding: 0; border-bottom: 1px solid #1f80aa; z-index: 0; margin-top: -2px;}
.index-top-ico{ position: absolute; top: 50%; margin-top: -5px;}
.index-top-ico-1{ left: 0;}
.index-top-ico-2{ right: 0;}

#index-news{ margin-top: 55px;}
.index-news-conner{ margin-top: 25px;}
.index-news-l{ margin-bottom: 20px; }
#owl-demo-2{ position: relative;}
#owl-demo-2 .owl-controls{ position: absolute; top: 25%; width: 100%; }
#owl-demo-2 .owl-controls .owl-buttons .owl-prev{ z-index: 10;position: absolute; left: 0; font-size: 36px; background: #1f80aa; opacity: 0.66; border-radius: 0; padding: 25px 3px;margin: 0;}
#owl-demo-2 .owl-controls .owl-buttons .owl-next{ z-index: 10;position: absolute; right: 0; font-size: 36px; background: #1f80aa; opacity: 0.66; border-radius: 0; padding: 25px 3px; margin: 0;}
#owl-demo-2 .owl-controls .owl-buttons .owl-prev:hover,#owl-demo-2 .owl-controls .owl-buttons .owl-next:hover{ opacity: 0.8;}
.index-news-l-con{  z-index: -1;}
.index-news-l-con a{ text-decoration: none;}
.index-news-l-con .index-news-img{position:relative;}
.index-news-l-con .index-news-img img{ width: 100%;}
.index-news-l-con .index-news-title{ background: #ffffff; border-bottom: 5px solid #1f80aa; padding: 18px 25px; margin-top: -40px; position:relative; z-index: 1; box-shadow: 0 0 30px 5px rgba(0,0,0,0.2); width: 90%; margin-left: auto; margin-right: auto; }
.index-news-l-con .index-news-title-con{ font-size: 20px; font-weight: bold; color: #1f80aa; padding: 5px 0;}
.index-news-l-con .index-news-time{ color: #888888;}
.index-news-l-con .index-news-time .news-ico{ margin-right: 10px;}

.index-news-r{ margin-bottom: 20px;}
.index-news-r ul li{ list-style: none; float: left; margin-bottom: 12px;}
.index-news-r ul li a:hover{ text-decoration: none;}
.index-news-r ul li a:hover .index-news-title{ text-decoration: none; color: #1f80aa;}
.index-news-r ul li a{ display: block; position: relative; min-height: 120px;}
.index-news-r .index-news-time{ width: 75px; background: #f2f2f2; color: #1f80aa; text-align: center; position: absolute; left: 0; top: 0;}
.index-news-r .index-news-time h2{ padding: 15px 3px; margin: 0; }
.index-news-r .index-news-time span{ display: block; background: #1f80aa; font-size: 16px; color: #ffffff; padding: 15px 3px 12px; }

.index-news-r .index-news-txt{ padding-left: 100px;}
.index-news-r .index-news-title{ font-size: 18px; font-weight: bold; color: #333333; padding: 10px 0;}
.index-news-r .index-news-txt-con{ line-height: 24px; color: #333333;}

.index-news-r .index-news-fgx{ margin: 0 ;padding: 0; border: 0; border-bottom: 1px solid #ededed; margin-top: 15px;}

#index-partner{ margin-bottom: 40px; margin-top:30px;}
.index-partner-conner{ margin-top: 20px; }
#owl-demo-3 .item{ padding: 0 10px;}
#owl-demo-3 .item a{ border: 1px solid #d4d4d4; display: block;}

#foot{ background: #333333;}
.foot-1{ padding: 50px 0 46px 0; border-bottom: 1px solid #4c4c4c;}
.foot-1-con{ position: relative; padding-left: 25px; padding-right: 5px; margin-top: 18px; width: 14%; float: left;}
.foot-1-con .foot-ico{ position: absolute; left: 0; top: 0; color: #ffffff; opacity: 0.3;}
.foot-1-con a{}
.foot-1-con a:hover{ text-decoration: none;}
.foot-1-con .foot-1-title { margin-bottom: 5px; }
.foot-1-con .foot-1-title a{ font-size: 16px; color: #ffffff;}
.foot-1-con .foot-1-conner ul li{ list-style: none; line-height: 24px;}
.foot-1-con .foot-1-conner ul li a{ color: #ffffff; opacity: 0.6;}
.foot-1-con .foot-1-conner ul li a:hover{ opacity: 0.8;}
.foot-1-dt{ float: right; width: 30%;}

.foot-copyright{ text-align: center; padding: 15px 0; color: #ffffff; font-size: 12px;}
.foot-copyright a{ color: #ffffff;}

._top {
position:fixed;
right:0px;
bottom:112px;
line-height:40px;
text-align:center;
cursor:pointer;
width:100px;
height:100px;
display:none;
color:aliceblue;
font-size: 16px;
color: #0097db;

}

.banner-img img{ width: 100%;}

#contain{margin-top: 30px; margin-bottom: 90px;}
.contain-title{ margin-bottom: 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: #1f80aa no-repeat;
}
.contain-left .nav-pills>li>a {
    border-radius: 0px;
	background:#f6f6f6;
	color:#333333;
    -webkit-transition: padding ease-in-out .2s;
    -moz-transition: padding ease-in-out .2s;
    -ms-transition: padding ease-in-out .2s;
    -o-transition: padding ease-in-out .2s;
    transition: padding ease-in-out .2s;
}
.contain-left .nav-stacked>li {
    margin-top: 4px;
    margin-left: 0;
	border-right:3px solid #1f80aa;
	line-height:20px;
}
.contain-left .nav>li>a:focus, .contain-left .nav>li>a:hover {
    text-decoration: none;
    background:#1f80aa;
	color:#FFF;
	padding-left: 40px;
}
.contain-left .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 30px;
	
}


.news-container-ul li{ list-style: none; float: left; margin-bottom: 12px;}
.news-container-ul li a:hover{ text-decoration: none;}
.news-container-ul li a:hover .index-news-title{ text-decoration: none; color: #1f80aa;}
.news-container-ul li a{ display: block; position: relative; min-height: 120px;}
.news-container-ul .index-news-time{ width: 75px; background: #f2f2f2; color: #1f80aa; text-align: center; position: absolute; left: 0; top: 0;}
.news-container-ul .index-news-time h2{ padding: 15px 3px; margin: 0; }
.news-container-ul .index-news-time span{ display: block; background: #1f80aa; font-size: 16px; color: #ffffff; padding: 15px 3px 12px; }

.news-container-ul .index-news-txt{ padding-left: 100px;}
.news-container-ul .index-news-title{ font-size: 18px; font-weight: bold; color: #333333; padding: 10px 0;}
.news-container-ul .index-news-txt-con{ line-height: 24px; color: #333333;}

.news-container-ul .index-news-fgx{ margin: 0 ;padding: 0; border: 0; border-bottom: 1px solid #ededed; margin-top: 15px;}

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

.pro-serise{ border-bottom:1px solid #eeeeee; padding-bottom:1em; margin-bottom: 1em;}
.pro-series-name{ font-size:1.857em; font-weight:bold;}
.pro-contain{text-align:center;width:33%; float:left;padding:10px;}
.pro-con{ display:block;  border:1px solid #ffffff;}
.pro-con-title{ font-size: 16px;}
.pro-con:hover{ border-color:#1f80aa; text-decoration:none;}
.pro-con:hover .pro-con-title{ color:#1f80aa; }
.clear1{ display:block;}
.clear2{ display:none;}

.pro-view-container .col-sm-5{
	width:45%;
	padding: 0;
}
.pro-view-container .col-sm-7{
	width:55%;
}
.pro-view-container .pro-img img{
	border:1px solid #a2a1a1;
}
.pro-view-container .pro-title{
	font-size:1.25em;
	color:#1f80aa;
	font-weight: bold;
	padding-bottom:0.5em;
	border-bottom:2px solid #ededed;
	margin-bottom:0.5em;
}
.pro-view-container .pro-jj{
	font-size:1em;
	color:#111111;
	line-height:1.625em;
}
.pro-view-container .pro-back{
	margin-top:1em;
}
.pro-view-container .pro-back a{
	font-size:1.25em;
	font-weight:300;
	color:#111111;
}
.pro-view-container .pro-back a:hover{
	color:#1f80aa;
	text-decoration:none;
}
.pro-view-container .pro-back a img{
	margin-right:5px;
}
.pro-view-detail{ margin-top: 2em;}
.pro-view-detail-top{ background: #f1f1f1; border-left: 3px solid #1f80aa; font-size: 17px; padding: 8px 16px; }
.pro-view-detail-conner{ padding: 6px;}


.partner-con{ width: 25%; float: left; padding: 10px;}
.partner-img{ text-align: center; border:1px solid #eeeeee; padding: 5px;}
.partner-title{ text-align: center;}

.equip-a{display: block;padding: 7px;
    float: left;width: 33.3%;}
.equip-a-con{position: relative; overflow: hidden; text-align: center;
	}
.equip-title{ opacity: 0;
   visibility: hidden;
	position: absolute; 
	bottom: 0%;text-align: center; color: #ffffff; padding: 5px; background: rgba(25, 24, 24, 0.6); display: block; width: 100%; text-align: center; border-bottom: 6px solid #1f80aa;
	-webkit-transform: translate3d( 0px, 100%, 0px );
   -moz-transform: translate3d( 0px, 100%, 0px );
   -ms-transform: translate3d( 0px, 100%, 0px );
   -o-transform: translate3d( 0px, 100%, 0px );
   transform: translate3d( 0px, 100%, 0px );
   -webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
}
.equip-a:hover .equip-title{ opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d( 0px, 0px, 0px );
    -moz-transform: translate3d( 0px, 0px, 0px );
    -ms-transform: translate3d( 0px, 0px, 0px );
    -o-transform: translate3d( 0px, 0px, 0px );
    transform: translate3d( 0px, 0px, 0px );
}

.job-con-ul li{
	margin-bottom:0.5em;
	list-style: none;
}
.job-con-ul li a{
	color:#333333;
	display:block;
	padding: 5px 0;
	border-bottom:dashed #e2e2e2 1px;
}
.job-con-ul li a:hover{
	color:#1f80aa;
	text-decoration:none;
}
.job-con-ul li a span{
	float:right;
}
.job-con-ul li a .news-title{
	height:1.5em;
	display:inline-block;
	width:50%; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-hy-ul li {width:33%; float:left;padding:10px; list-style: none;}
.news-hy-ul li a{ display: block; border-bottom: 3px solid #1f80aa; padding-bottom: 15px;}
.news-hy-ul li a:hover{ text-decoration: none;}
.news-hy-ul li a:hover .news-hy-jj{ color: #333333;}
.news-hy-img img{ width: 100%;}
.news-hy-title{ font-size: 16px; font-weight: bold; color: #1f80aa; padding: 5px 0;}
.news-hy-jj{  line-height: 20px;}

.feedback-con{ max-width: 700px; margin: auto; margin-top: 2em;}
.feedback-con .feedback-p{padding: 0 15px; font-size: 16px; margin-bottom: 10px;}
.feedback-con .form-group{
	margin-bottom:0px;
}
.feedback-con .form-group label{
	margin-bottom:0px;
}
.feedback-con .feedback-title{
	font-size:16px;
	color:#333333;
	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: #333333;
background-color: #fff;
background-image: none;
border: 1px solid #a9a9a9;
}	
.feedback-con .feedback-textfield{
	width: 100%;
	padding: 2px 5px;
	margin: 0px 0px 10px;
	height: 220px;
	border: 1px solid #a9a9a9;
	padding: 6px 12px;
}
.feedback-con input[type="submit"] {
text-transform: uppercase;
float: right;
padding:9px 40px;
color: #ffffff;
background-color: #1f80aa;
border-radius: 5px;
cursor: pointer;
font-size:1.4em;
}

.download-container ul li a{
	color:#1f80aa;
	display:block;
	float:right;
	margin-right:18%;
	text-decoration:underline;
}
.download-container ul li .down-title{
	height:1.5em;
	display:inline-block;
	width:50%; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right:10%;
}

.download-container ul li{
	color:#111111;
	border-bottom:dashed #e2e2e2 1px;
	margin-bottom:0.5em;
	list-style: none;
}

@media (max-width: 1920px){
.index-about-title {
    left: 5px;
}
}
@media (min-width: 1270px){
.index-pro-con {
    width: 1270px;
}
	
	}
@media screen and (max-width: 1200px){
	.top-brand{ position:absolute; left:20px;}
	.nav-con{ width:80%; margin-left:15%; margin-top:20px;}
	.index-pro-con{ height: auto; padding-bottom: 100px;}
	#index-pro {
    background-position:  33% bottom ;
}
	.index-about-title {
    left: 35px;
}
}
@media screen and (max-width: 1120px){

}
@media screen and (max-width: 992px){
	.top-con{ width: 100%;}
	.navbar-nav-1>li>a {
    color: #333333;
    padding: 10px 5px;
}
.top-brand{ position:absolute; left:20px; top: 15px;}
.minified .top-brand{ top: 5px;}
#index-pro {
  background-position: center bottom;
}

	.index-about-title{ display: none;}
	.index-about-title-2{ display: block;}
	.index-about-conner{ padding-left: 0; padding-top: 0px;}
	
	.index-video-con{ padding: 0;}
	.index-ad{ display: none;}
	.ad{ display: block;}
}
@media screen and (max-width: 767px){
.top-con{ height:60px;}
.top-lang, .top-search, .top-navbar-header { margin-top: 0;}
.top-brand{ top:5px;}
.nav-con {
    position: absolute;
	width:100%;
	left:0;
	top:60px;
	background:#ffffff;
	margin:0;

}
.minified .nav-con{ margin-top:0;}
.top-brand {
    position: absolute;
    left: 20px;
    width: 40%;
    max-width: 250px;
}
.top-brand img{ height:50px; width: auto; max-width: none;}
.top-r {
    position: absolute;
    right: 20px;
    top: 5px;
}
.navbar-collapse-1{ text-align:center;}
.navbar-nav-1{ display:block;}
.navbar-nav-1>li{ border-bottom:1px solid #f1f1f1; padding:0;}
.navbar-nav-1>li>a { padding-left:8px; padding-right:8px;}
.navbar-nav-1>li>span { display:none;}
.navbar-nav .open .dropdown-menu{ background-color:#f6f6f6;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 15px 5px 25px;
}

#banner{ padding-top:60px;}

.contain-right{ width: 100%; float: none;}
.contain-left{ width: 100%; float: none; margin-top: 2em;}
	
.pro-view-container .col-sm-5{
	width:100%;
	padding-right: 15px;
    padding-left: 15px;
	}
	.pro-view-container .col-sm-7{
	width:100%;
	}
	.index-pro-conner #owl-demo {
    padding: 0 50px;
}
	.index-pro-conner .customNavigation .btn-cust{font-size: 36px;}
}
@media screen and (max-width: 680px){
.top-brand img{ height:40px; width: auto; max-width: none;}
	.top-brand {
    position: absolute;
    left: 20px;
    width: 40%;
    top: 10px;
    max-width: 250px;
}
	.slide_nav { display: none;}
	#index-pro {
    background-size: auto 200px;
    background-position: center bottom;
}
.index-pro-con {
    padding-bottom: 30px;
}
	.index-pro-conner #owl-demo {
    padding: 0 0px;
}
	.index-pro-conner .customNavigation .btn-cust {
    font-size: 24px;
		color: #ffffff;
		opacity: 0.8;
		
}
	.index-pro-conner .customNavigation .prev{ z-index: 10;position: absolute; left: 7px; font-size: 24px; background: #1f80aa; opacity: 0.66; border-radius: 0; padding: 20px 3px;margin: 0;}
	.index-pro-conner .customNavigation .next{ z-index: 10;position: absolute; right: 7px; font-size: 24px; background: #1f80aa; opacity: 0.66; border-radius: 0; padding: 20px 3px; margin: 0;}
	
	#owl-demo-2 .owl-controls .owl-buttons .owl-prev{ z-index: 10;position: absolute; left: 0; font-size: 24px; background: #1f80aa; opacity: 0.66; border-radius: 0; padding: 20px 3px;margin: 0;}
#owl-demo-2 .owl-controls .owl-buttons .owl-next{ z-index: 10;position: absolute; right: 0; font-size: 24px; background: #1f80aa; opacity: 0.66; border-radius: 0; padding: 20px 3px; margin: 0;}
	.foot-1-con{ display: none;}
	.foot-1-dt{ width: 100%; text-align: center;}
	
	.pro-contain{ width:50%;}
.clear1{ display:none;}
.clear2{ display:block;}
	
	.equip-a{width: 50%;}
	
	.partner-con{ width: 33.33%; float: left; padding: 10px;}
	
	.download-container ul li a{
	color:#efa900;
	display:block;
	float:right;
	margin-right:1%;
	text-decoration:underline;
}
	
}