/* CSS Document */


#top{  position: absolute; width: 100%; top: 26px; background: rgba(255,255,255,0.7); z-index: 1000;}
.top-1{ margin-bottom: 0px; background: none; border: none;}
.top-1-con{ position: relative;}
.top-1 .navbar-brand{ height: auto; padding-top:10px; padding-bottom: 10px; }
.top-1 .navbar-brand img{height: 83px;}
.top-1 .nav-right{margin-left: 277px; margin-top: 38px; border-top: 1px solid #bebeba;}
.top-1 .nav-right .navbar-right>li>a {
    padding-top: 22px;
    padding-bottom: 22px;
	text-align: center;
	font-size: 16px;
	color: #333333;
}
.top-1 .nav-right .navbar-right>li>a:hover { color: #111111;}
.top-1 .nav-right .navbar-right>li>a span{ display: block; text-transform: uppercase; font-size: 12px; }
.top-1 .navbar-nav>.open>a, .top-1 .navbar-nav>.open>a:focus, .top-1 .navbar-nav>.open>a:hover {
    color: #111111;
    background: none;
}
.top-1 .nav-right .navbar-right .dropdown-menu {
    right: -50%;
    left: auto;
    background: rgba(255,255,255,0.85);
}
.navbar-language{ position: absolute;right: 30px; top: 5px;}
.navbar-language ul li{ list-style: none; display: inline-block; margin-left: 15px;}
.navbar-language ul li a img{ margin-right: 8px;}
.navbar-language ul li a:hover{ text-decoration: none; color: #111111;}

.top-1 .navbar-toggle{ margin-top: 40px;}

#index-about{ margin-top: 66px;}
#index-about .index-about-con{ position: relative; border-bottom: 1px solid #eeeeee; min-height: 196px; padding-left: 230px; padding-bottom: 46px;}
.contain-title{ font-size: 24px; position: absolute; left: 12px; top: 0; max-width: 270px;}
.contain-title h1{ font-weight: bold; margin-bottom: 8px; margin-top: 16px;}
.contain-title hr{ width: 60px; border: none; border-top: 6px solid #fdc236; margin-top: 18px;}
.index-about-img{ float:left; text-align: center;}
.index-about-img img{  width: 280px;}
.index-about-p{ float:right; width: calc(100% - 320px);}
.index-about-more{ margin-top: 8px;}
.index-about-more a{ color: #db9e0f;}
.index-about-more a:hover{ text-decoration: none; }
#index-pro{ margin-top: 60px;}
.index-pro-l{ float:left; width: 48%; position: relative;}
.index-pro-l-bg{ position: absolute; right: 0; bottom: 0; top: 46px; left: -150%; background: url(../images/index-pro-bg.jpg) #eeeeee right no-repeat; z-index: -1;}
.index-pro-r{ float:right; width: 50%; padding-top: 30px;}

.index-pro-r-title h1{ font-weight: bold; margin-bottom: 8px; margin-top: 16px; font-size: 30px;}
.index-pro-r-title hr{ width: 60px; border: none; border-top: 6px solid #fdc236; margin-top: 18px;}

#index-adv{ margin-top: 60px;}

.contain-title-center{ position: relative; left: 0; top: 0; text-align: center;max-width: none;}
.contain-title-center hr{ margin-left: auto; margin-right: auto;}

.index-adv-con{ margin-left: auto; margin-right: auto; margin-top: 10px; max-width: 1920px;}
.index-adv-con .index-adv-li{ float: left; width: 33.333%;}

#index-news{ margin-top: 60px;  margin-bottom: 60px;}
.index-news-con{ margin-left: -15px; margin-right: -15px;}
.news-item{ padding: 15px;}
.news-a{ display: block; border: 1px solid #ebebeb;}
.news-a:hover{ text-decoration: none;}
.news-a:hover .news-name{ color: #111111;}
.news-a .news-conner{ padding: 15px;}
.news-a .news-name{ font-size: 18px; color: #333333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-a .news-time{ color: #727272; margin-top: 3px; margin-bottom: 3px; }
.news-a .news-jj{  color: #727272;}
.news-a .news-more{  color: #db9e0f;  margin-top: 8px;}

#foot{ background: #20292e; color: #ffffff;}
#foot a{ color: #ffffff;}
.foot-1{ padding-top: 60px; padding-bottom: 100px;}
.foot-nav,.foot-logo { float: left;}
.foot-logo{ width: 30%;}
.foot-nav{ width: 20%; padding-left: 15px;}
.foot-contact{ width: 30%;}
.foot-nav-title{ font-size: 20px; border-bottom: 1px solid #626262; position: relative; max-width: 150px; padding-bottom: 12px; margin-bottom: 12px;}
.foot-nav-title hr{ margin: 0; padding: 0; width: 40px; border: 0; position: absolute; bottom: -2px; border-bottom:3px solid #fdc236; }
.foot-nav ul li{ list-style: none;}

.foot-2{ background: #101519; padding:18px 0; }
.foot-2-l{ float: left;}
.foot-2-r{ float: right;}
#banner-img img{width:100%;}
#contain{ margin-top: 60px;margin-bottom:100px;}
.contain-con{ min-height: 600px; position: relative; padding-left: 280px;}

.equip-a{display: block;padding: 10px;
    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 #fdc236;
	-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 );
}

.news-contian{ margin-left: -10px; margin-right: -10px;}
.news-li{ width: 33.33%; float: left; padding: 10px;}

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

.pro-contain{ margin-left: -10px; margin-right: -10px;}
.pro-con{width: 33.33%; float: left; padding: 10px;}
.pro-con a{ display: block; text-align: center; }
.pro-con a:hover{ text-decoration: none; color: #111111;}
.pro-con a .pro-name{ padding: 15px; font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.contain-nav{ font-size: 16px;}
.contain-nav ul li{ list-style: none; margin-bottom: 12px; margin-top: 12px;}
.contain-nav ul li a{ color: #333333; display: block;}
.contain-nav ul li a:hover{ text-decoration: none; color: #333333;}
.contain-nav ul li a:hover span,.contain-nav ul li a.active span{ color: #fdc236;}
.contain-nav ul li a span{ margin-right: 16px; color: #cdcdcd;}

.pro-view-img{ width: 60%; float: left; padding-right: 30px;}
.pro-view-jj-r{ width: 40%; float: left;}

.pro-view-name{ font-size: 22px; border-bottom: 1px solid #eeeeee; padding: 15px 0; margin-bottom: 15px;}
.pro-view-jj-con{ font-size: 16px; color: #727272;}
.pro-view-back{ margin-top: 40px;}
.pro-view-back a{ background: #fdc236; color: #333333; padding: 10px 30px; font-size: 16px; }
.pro-view-back a:hover{ text-decoration: none;}
.pro-view-detail{ margin-top: 40px;}
.pro-view-detail-title{ font-size: 22px; border-bottom: 1px solid #eeeeee; margin-bottom: 15px;}
.pro-view-detail-title hr{ margin: 0; padding: 0; border: none; width: 130px; border-bottom: 4px solid #fdc236; margin-top: 10px;}

.clear1{ display: block;}
.clear2{ display: none;}
@media screen and (max-width: 1200px){
	.index-about-img{ float:left; text-align: center;}
	.index-about-img img{ width: 200px;}
	.index-about-p{ float:right; width: calc(100% - 240px);}
}
@media screen and (max-width: 992px){
	.top-1-con{ width: 100%;}
	#top{ position: relative; top: 0;}
	.index-about-img{ float:none; width: 200px; text-align: center;}
	.index-about-img img{ width: 200px;}
.index-about-p{ float:none; width: 100%; margin-top: 15px;}
	.equip-a{width: 50%;}
	
	.news-li{ width: 50%;}
	.pro-con{ width: 50%;}
	
		.pro-view-img{ width: 100%; float: none; padding-right: 0px;}
.pro-view-jj-r{ width: 100%; float: none;}
	
.clear1{ display: none;}
.clear2{ display: block;}
}
@media screen and (max-width: 865px){
	.top-1 .nav-right .navbar-right>li>a{ padding-left: 5px; padding-right: 5px;}
}
@media screen and (max-width: 767px){
	.top-1 .nav-right{margin-left: 0px; margin-top: 0px; border-top: 1px solid #bebeba;}
	.top-1 .nav-right .navbar-right>li>a { border-bottom: 1px solid #eeeeee;}
	.top-1 .navbar-brand img {height: 60px;}
	
	.contain-title{ font-size: 24px; position: relative; left: 0; top: 0; text-align: center; max-width: none; font-size: 22px}
	.contain-title h1{ font-size: 30px;}
	.contain-title hr{ margin-left: auto; margin-right: auto;}
	#index-about{ margin-top: 20px;}
	#index-about .index-about-con{ padding-left: 15px;}
	.index-about-img{ width: 100%;}
	
	#index-pro{ margin-top: 20px;}
	.index-pro-l{ width: 100%; float: none; max-width: 554px;}
	.index-pro-r-title h1{ font-size: 26px;}
	.index-pro-r{ width: 100%; float: none;}
	#index-adv{ margin-top: 20px;}
	.index-adv-con .index-adv-li{ width: 100%; text-align: center;}
	
	#index-news{ margin-top: 20px; margin-bottom: 20px;}
	
	.foot-1{ padding-bottom: 60px;}
	.foot-logo{ width: 100%; float: none; text-align: center; }
	.foot-nav{  display: none;}
	
	.foot-2-l{ float: none; text-align: center;}
.foot-2-r{ float: none; text-align: center;}
	
	#contain{ margin-top: 20px; }
	
	.contain-con{ padding-left: 15px;}
	
	.contain-nav ul li{ display: inline-block; margin-left:15px; margin-right: 15px;  }
	

}