/* CSS Document */

#top{ width:100%; background:#ffffff; height:76px; border-bottom:1px solid #f1f1f1; }
.top-brand img{ height: 60px; width: auto; max-width: none;}
.top-brand{ position:absolute; left:20px; width:30%;top: 15px;font-weight: 600;font-size: medium;}
.nav-con{ width:70%; margin-left:30%; margin-top:25px;}
.navbar-collapse-1{ text-align:center;}
.navbar-nav-1{ float:none; display:inline-block;}
.top-r{ position:absolute; right:0px;}
.top-lang,.top-contact{ float:left; border-left: 1px solid #cecece; height: 76px; padding: 12px 20px;}
.top-lang{ padding-top: 25px;}
.top-lang a{ color:#28a7e1; font-weight:bold; font-size: 20px; }
.top-lang a:hover{ text-decoration:none;}
.top-contact{ line-height: 22px;}
.top-contact .top-tel-icon{ color: #28a7e1; margin-right: 5px;}
.top-contact a{ color:#333333;}
.top-contact a:hover{ text-decoration:none;color:#333333; }
.top-contact a:focus,.top-contact a:visited,.top-lang a:focus,.top-lang a:visited{text-decoration:none;}
.top-navbar-header .navbar-toggle .icon-bar {background-color: #888;}
.navbar-nav-1>li>a { display:inline; color:#333333;}
.navbar-nav-1>li>a:focus, .navbar-nav-1>li>a:hover {
    text-decoration: none;
    background:none;
	color:#28a7e1;
	font-weight:bold;
}

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

#index-about{ position: relative; z-index: 999; margin-top: 60px; min-height: 170px;}
.index-about-con{ position: relative;}
.index-about-l{ 
	position: absolute;
	top:-100px;
	height: 170px; 
	width: 190px;
	z-index: 999;
	background: -webkit-linear-gradient(#00f2fe , #4facfe 30%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#00f2fe, #4facfe 30%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#00f2fe, #4facfe 30%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#00f2fe , #4facfe 30%); /* 标准的语法（必须放在最后） */
}
.index-about-l-con{ padding: 30px 23px 33px 23px; color: #ffffff;}
.index-about-l-con h1{ margin: 0; font-family: 'digitalbold'; font-size: 30px;}
.index-about-l-con span{display: block;}
.index-about-l-con a{ display: block; width: 90px; line-height: 30px; color: #ffffff; text-align: center; border: 1px solid #ffffff;border-radius:3px; -moz-border-radius:3px; /* 老的 Firefox */ margin-top: 15px;}
.index-about-l-con a:hover{ text-decoration: none; opacity: 0.85;}
.index-about-txt{ padding-left: 220px; padding-bottom: 15px;}

#index-pro{ margin-top: 60px;}
.index-toper{ text-align: center;}
.index-toper-con{display: inline-block;}
.index-toper-con h1{ margin: 0;font-family: 'digitalbold'; margin-bottom: -6px;}
:root .jianbian {
    background: none\9;
}
.jianbian {
    color: rgb(41,144,204);
}

#contain .list1cp{ color:#333; display:block; width:auto; height:; margin:0 auto; overflow:hidden; margin-bottom:10px;}
#contain .list1cp ul li { display: block; float:left; padding:0 5px;}
#contain .list1cp ul li a{ color:#333;}
.container-con .page{ overflow:hidden; margin:0 auto; width:80%;}
.container-con .page li{ float:left;list-style-type:none; padding-right:5px;}

.cp1list{ overflow: hidden; width: auto; height:auto;}

.jianbian.on {
    background: rgb(41,144,204);
    background: -moz-linear-gradient(left, rgba(79,172,254,1) 30%, rgba(0,242,254,1) 100%);
    background: -webkit-linear-gradient(left, rgba(79,172,254,1) 30%,rgba(0,242,254,1) 100%);
    background: linear-gradient(to right, rgba(79,172,254,1) 30%,rgba(0,242,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4facfe', endColorstr='#00f2fe',GradientType=1 );
}
.clip.on {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index-toper-con:after{ content: url(./index-top-hr.png); margin-top: -5px;}

#owl-demo .item{margin: 10px;}
        

#index-news{ background-color: #f6f6f6; margin-top: 70px;}
.index-news-con{ padding: 66px 0 60px 0;}
.index-news-con ul li{ list-style: none;}
.index-news-con ul li a:hover{ text-decoration: none;}
.index-news-con ul li a hr.index-news-hr{ width: 80px; height: 3px;background: rgb(41,144,204);
    background: -moz-linear-gradient(left, rgba(79,172,254,1) 30%, rgba(0,242,254,1) 100%);
    background: -webkit-linear-gradient(left, rgba(79,172,254,1) 30%,rgba(0,242,254,1) 100%);
    background: linear-gradient(to right, rgba(79,172,254,1) 30%,rgba(0,242,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4facfe', endColorstr='#00f2fe',GradientType=1 );}
.index-news-con ul li a .index-news-time{ color: #177ae0; }
.index-news-con ul li a .index-news-title{ font-size: 20px; color: #333333; margin-bottom: 10px; margin-top: 5px; }
.index-news-con ul li a:hover .index-news-title{color: #177ae0;}
.index-news-con ul li a .index-news-conner{ color: #727272; line-height: 22px;}
.index-news-con ul li a .index-news-more{ color: #177ae0; margin-top: 5px;}
.index-news-con-more{ margin-top: 50px;}
.index-news-con-more a{ display: block; width: 151px; height: 50px; margin: 0 auto; text-align:center; background: url(./index-news-btn.png);border-radius:25px; -moz-border-radius:25px; /* 老的 Firefox */ line-height: 50px; color: #177ae0;}
.index-news-con-more a:hover{ text-decoration: none;}
#foot{ background: #019EE1 url(./foot-bg_12.jpg) right no-repeat;background-size: auto 100%;}
.footer{ padding-bottom: 20px; color: #ffffff;}
.footer a{ color: #ffffff;}
.footer a:hover{ text-decoration: none; opacity: 0.85;}
.foot-nav{ margin-top: 28px; margin-bottom: 10px;}
.foot-link{margin-bottom: 0px;}
.foot-nav ul li{ display: inline-block; margin-right: 42px;} 
.foot-nav ul li a{ color: #ffffff;}
.footer-link ul{ text-align: right;}
.footer-link ul li{ list-style: none; display: inline-block; margin-right: 45px;}
.footer-link ul li a.foot-icon{ background: url(./link-icon.png) left; display: block; width: 68px; height: 68px;}
.footer-link ul li a.ico-sina{ background-position: 0 0;}
.footer-link ul li a.ico-wechat{ background-position: -68px 0;}
.footer-link ul li a.ico-wechat span{ background: none !important; padding-left: 0 !important;}
.footer-link ul li a.ico-qqzone{ background-position: -136px 0;}
.footer-right,.footer-link{ padding: 0;}
.footer-right{ padding-top: 10px;}

.footer-right p.f0t1 img{ margin-right:5px;}
.footer-link ul li a.ico-sina{ background-position: 0 0;}
.footer-link ul li a.ico-wechat{ background-position: -68px 0;}
.footer-link ul li a.ico-wechat span{ background: none !important; padding-left: 0 !important;}
.footer-link ul li a.ico-qqzone{ background-position: -136px 0;}
.footer-right,.footer-link{ padding: 0; }
.footer-right{ padding-top: 10px;}



.banner-bg{ background: url(./about-bg_02.jpg) center center; background-size: cover; height: 100px;}
.banner-conner{ color: #ffffff; padding-top: 40px;}
.banner-conner .con-site{ color: #28a7e1; margin-right: 15px;}
.banner-conner .con-site-fgx{ font-size: 10px; position: absolute; margin-top: 1px;}
.banner-conner .con-site a{ color:#fff; }

#contain{ margin-top: 40px;}
.container-top{ margin-bottom: 20px;}
.container-top h1{ font-weight: bolder;display: inline-block;}
.container-top span{display: inline-block; margin-left: 15px; color: #727171; font-weight: bolder; font-size: 20px;}

.workshop-gallery a {
    display: block;
    width: 20%;
    padding: 1px;
    float: left;
}

.container-con{ /*padding-bottom: 130px;*/}
.about-workshop{ /*margin-top: 40px;*/}
.about-workshop-conner{ margin-top: 20px;}

.contain-culture{ background: url(./culture-bg_02.jpg) center bottom no-repeat;background-size: 100% auto; padding-bottom: 150px;}
.contain-fzlc{ background: url(./fzlc_02.jpg) center bottom no-repeat;background-size: 100% auto; padding-bottom: 150px;}

.honor-gallery a,.equip-gallery a{
    display: block;
    width: 25%;
    padding: 20px;
    float: left;
}

.honor-quality{ margin-top: 30px;}

.contact-conner{ margin-top: 30px;}

.news-conner ul li{ list-style: none; padding-bottom: 2em;border-bottom: 1px solid #f0f0f0;  padding-top: 20px;}
.news-conner ul li:hover{-webkit-box-shadow: 0px 9px 29px -9px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 9px 29px -9px rgba(0, 0, 0, 0.13);
    -ms-box-shadow: 0px 9px 29px -9px rgba(0, 0, 0, 0.13);
    -o-box-shadow: 0px 9px 29px -9px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 9px 29px -9px rgba(0, 0, 0, 0.13);}
.news-conner ul li a{ display: block; padding:0 164px 0 60px; position: relative;}
.news-conner ul li a:hover{ text-decoration: none; }
.news-conner ul li a:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #28a7e1;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 14px;
	border-radius:4px; -moz-border-radius:4px; /* 老的 Firefox */
}
.news-conner ul li a .news-title{ font-size: 16px; color: #28a7e1; font-weight: bolder;}
.news-conner ul li a .news-jj{ line-height: 22px; color: #727272;}
.news-conner ul li a .news-time{ position: absolute; right: 20px; top: 50%; color: #177ae0; font-style: italic;}
.news-view-title{ text-align:center; color:#28a7e1; font-weight:bolder;}
.news-view-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-view-conner{ margin-top:15px; }
.equip-gallery a .equip-title{ display: block; text-align: center; padding:10px 5px; }
.equip-gallery a:hover{ text-decoration: none; color: #28a7e1;-moz-box-shadow: 0px 0px 10px #e3e3e3; /* 老的 Firefox */
	box-shadow: 0px 0px 10px #e3e3e3;}

.pro-con {
    text-align: center;
	width: 25%;
    float: left;
	background:#ffffff;
	padding:10px;
}
.pro-con a {
	display:block;
	padding:10px;
}
.pro-con a:hover{
	-moz-box-shadow: 0px 0px 10px #e3e3e3; /* 老的 Firefox */
	box-shadow: 0px 0px 10px #e3e3e3;
}
.pro-con .pro-img{
	padding-top:0px;
	padding-bottom:10px;
}
.pro-con a span {
    color: #000000;
    padding: 3px 5px;
    display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	line-height:24px;
	margin:0;
}
.pro-con a:hover span {
    text-decoration: none;
    color: #28a7e1;
}
.clear1{
	display:block;
}
.clear2{
	display:none;
}
.clear3{
	display:none;
}
.pro-view-img{ margin-bottom: 1em;}
.pro-view-title{ font-size: 20px; color: #28a7e1; margin-bottom: 10px;}
.pro-view-down{ margin-top: 1em;}
.pro-view-down a{ position: relative; padding-left: 60px; padding-top: 10px; }
.pro-view-down a:hover{ text-decoration: none; color: #28a7e1; }
.pro-view-down .icon-file-pdf{ font-size: 40px; color: #28a7e1; position: absolute; left: 0; top: 0;}
.pro-view-detail{ margin-top: 4em;}
@media screen and (max-width: 1400px){

.nav-con{ width:70%; margin-left:25%; margin-top:25px;}
}
@media screen and (max-width: 1200px){

.nav-con{ width:70%; margin-left:20%; margin-top:25px;}
	
.workshop-gallery a {
    width: 25%;

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

.nav-con{ width:70%; margin-left:18%; margin-top:25px;}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
}
@media screen and (max-width: 992px){

.top-lang,.top-contact{ float:left; border-left: 1px solid #cecece; height: 60px; padding: 8px 20px;}
.top-lang{ padding-top: 20px;}
.nav-con {
    position: absolute;
	width:100%;
	left:0;
	top:60px;
	background:#ffffff;
	margin:0;
	z-index: 1000;
	border-top:1px solid #f1f1f1;
}
.top-brand {
    position: absolute;
    left: 20px;
    width: 100%;
    /*max-width: 250px;*/
}
.top-brand img{ height: 30px; width: auto; max-width: none;}

.navbar-nav-1{ display:block;}
.navbar-nav-1>li{ border-bottom:1px solid #f1f1f1; padding:5px 10px;}
.navbar-nav-1>li>a { padding-left:8px; padding-right:8px;}
.index-about-img{ padding-left: 270px; padding-bottom: 15px;}
.footer-link{ margin-top: 10px;}
.footer-link ul{ text-align: left;}
.contain-culture{padding-bottom: 50px;}
.contain-fzlc{padding-bottom: 50px;}
.workshop-gallery a {
    width: 33.3%;

}
.honor-gallery a ,.equip-gallery a{
    width: 33%;
}
.pro-con {
	width: 33.3%;
}	
	.clear1{
	display:none;
}
.clear2{
	display:block;
}
.clear3{
	display:none;
}
}
@media screen and (max-width: 767px){
	#top{ height:60px;}
.top-contact{ display: none;}
.top-navbar-header{ float:left; border-left: 1px solid #cecece; height: 60px; padding: 20px 20px;}
	.index-about-l{ 
	position: absolute;
	top:-90px;
	height: 80px; 
	width: 230px;
	background: -webkit-linear-gradient(#00f2fe , #4facfe 30%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#00f2fe, #4facfe 30%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#00f2fe, #4facfe 30%); /* Firefox 3.6 - 15 */
    background: linear-gradient(#00f2fe , #4facfe 30%); /* 标准的语法（必须放在最后） */
}
.index-about-l-con{ padding: 15px 33px 33px 33px; color: #ffffff;}
.index-about-l-con h1{ margin: 0; font-size: 30px;}
.index-about-l-con span{display:block;}
.index-about-l-con a{ display: none; }
	.index-about-txt{ padding-left: 15px;}
	.index-about-img{ padding-left: 15px;}

.contain-culture{padding-bottom: 20px;}
.contain-fzlc{padding-bottom: 20px;}
}
@media screen and (max-width: 680px){
.footer {
    /*padding-top: 58px;*/
    padding-bottom: 20px;
}
	.contain-culture{padding-bottom: 0px;}
.contain-fzlc{padding-bottom: 0px;}
.workshop-gallery a {
    width: 50%;

}
.honor-gallery a ,.equip-gallery a{
    width: 50%;
}
.pro-con {
	width: 50%;
}
	.clear1{
	display:none;
}
.clear2{
	display:none;
}
.clear3{
	display:block;
}
	.news-conner ul li a{ padding-right: 15px;}
	.news-conner ul li a .news-time{ position: static;}
}