/* CSS Document */

.top-1-con ul{ text-align: right;}
.top-1-con ul li{ list-style: none; display: inline-block;}
.top-1-con ul li a span{margin-right: 6px;}
.top-1-con ul li a{color: #999999;}
.top-1-con ul li a:hover{ text-decoration: none; color: #004ba0;}

.top-2-con{ padding-top: 5px; padding-bottom: 15px;}
.top-2-con-l{ float: left;}
.top-2-con-r{ float: right;}

#nav{ background: url(../images/nav-bg_05.jpg) repeat-x; border-top: 3px solid #20ade5;}

#nav .navbar-nav>li{
	padding-left: 15px;
	padding-right: 15px;
}
#nav .navbar-nav>li>a {
   color: #ffffff;
	border-bottom: 3px solid transparent;
}
#nav .navbar-nav>li>a:hover {
    color: #FDB604;
    border-bottom: 3px solid #FDB604;
	background: none;
}

#nav .nav .open>a, #nav .nav .open>a:focus, #nav .nav .open>a:hover {
    color: #FDB604;
    border-bottom: 3px solid #FDB604;
	background: none;
}

#nav .dropdown-menu>li{

}
#nav .dropdown-menu>li>a{
	padding-top: 6px;
	padding-bottom: 6px;
}

#nav .nav-search{}
#nav .nav-search-input{
	border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#nav .nav-search-btn{
	width: 60px;
    margin-left: -20px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
	border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
	height: 34px;
	vertical-align: top;
}
#nav .navbar-toggle {
    position: relative;
    float: none;
width: 100%; 
	text-align: center;
}
#nav .navbar-toggle .icon-bar {
    background: #ffffff;
	margin-left: auto;
	margin-right: auto;
}
#index-serise{ margin-top: 30px; margin-bottom: 30px;}
.index-title{ text-align: center;}
.index-title h2{ font-weight: bold; color: #005bac; font-size: 24px; margin: 0;}
.index-title span{ display: block; font-size: 20px; color: #484443; margin-top: 3px;}
.index-title:after{ content: url(../images/title-ico.png); display: block; margin-top: 3px;}
.pro-contain{ margin-top: 10px;}
.index-pro-con{ padding:0 8px;}
.index-pro-img img{ width: 100%;}
.index-pro-con a{    display: block; background-color: #F4F4F4; color: #333333;}
.index-pro-con a:hover{  background-color: #005BAC;
    color: #fff !important;
    cursor: pointer;
text-decoration: none;}
.index-pro-title{ padding-top: 20px; padding-left: 7%; padding-right: 7%; padding-bottom: 20px; line-height: 1.2; min-height: 100px; text-transform: uppercase;}
.index-pro-title h4{ font-weight: bold;
    font-size: 16px;
	margin: 0;
	margin-bottom: 1em;
}
#index-pro{ margin-top: 30px; margin-bottom: 30px;}
.index-hot-pro-con{ padding:0 8px;}
.index-hot-pro-con a{ display: block;}
.index-hot-pro-con a:hover{     cursor: pointer;
text-decoration: none;}
.index-hot-pro-title{ font-size: 16px; line-height: 1; color: #005bac; position: relative; padding-left: 50px; padding-top: 10px; padding-bottom: 10px;}
.index-hot-pro-title:before{ content: url(../images/pro-icon.png); position: absolute; left: 10px; top: 25px;}
.index-hot-pro-title h4{ font-weight: bold; color: #333333; }
.index-hot-pro-con a:hover .index-hot-pro-title h4{ color: #727272;}

#index-solution{ background: url(../images/pro-bg.jpg) #e0e0e0 top no-repeat; background-size: 100% 348px;}
.index-solution-container{ padding-top: 30px; padding-bottom: 30px;}
.index-solution-title h2{ color: #ffffff;}
.index-solution-title span{ color: #ffffff;}
.index-solution-title:after{ content: url(../images/title-ico-w.png);}
.index-solution-con{ position: relative; width: 33.3333%; float: left;}
.index-solution-con:hover .index-solution-name{ display: block;}
.index-solution-name{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    color: #fff;
   
    text-align: center;
	background: rgba(4,176,299,0.6);
	font-size: 28px;
	line-height: 1.5em;
    position: absolute;
    z-index: 1000;}
.index-solution-name-con{position: absolute; padding-top: 20%;border: 1px solid #fff; left: 5%; right: 5%; top: 5%; bottom: 5%;}
#index-news{ background: #e0e0e0; padding-top:10px; padding-bottom: 60px; }
.index-news-l{ width: 66%; float: left;}
.index-news-contact{ width: 34%; float: left; padding-left: 15px;}
#index-news-nav { border-bottom: 2px solid #B6B6B6;}
#index-news-nav li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    transition: all .2s;
    -webkit-transition: all .2s;
	padding: 0px 10px 0 0;
}
#index-news-nav li a{ cursor: pointer; position: relative; display: block; padding: 3px 5px; }
#index-news-nav li a:hover,#index-news-nav li a.selected{
    color: #FB484B;
	text-decoration: none;
}
#index-news-nav li a.selected:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: '';
    width: 100%;
border-bottom: 2px solid #FB484B;
    box-sizing: border-box;
    pointer-events: none;
}
#index-news-nav li a span{ margin-right: 8px;}
.index-news-con{ margin-top: 5px;}
#index-news-conner .tag{ display: none;}
#index-news-conner .tag:first-child{ display: block;}

.index-news-con .news-con{ border-bottom: 1px dotted #808080;; padding-bottom: 10px;padding-top: 10px; margin-bottom: 0px;}
.index-news-con .news-con .news-img{ float:left; width: 25%;}
.index-news-con .news-con .news-right{ float:left; width: 75%; padding-left: 15px;}
.index-news-con .news-con .news-right .news-title{ padding: 0 0 5px 0; color: #333;}
.index-news-con .news-con a:hover .news-right .news-title{ color: #004ba0;}
.index-news-con .news-con .news-right .news-title .news-time{ margin-left: 0; font-style: normal; display: block; font-size: 12px;color: #333;}

.index-news-contact-title{ font-size: 16px; border-bottom: 2px solid #B6B6B6; padding: 3px 0;}
.index-news-contact-title span{ margin-right: 8px;}
.index-news-contact-con{ margin-top: 15px; padding: 0 8px;}

.foot-1{ background: #2f323b; color: #ffffff; padding-top: 50px; padding-bottom: 30px;}
.foot-1-con{ float: left;}
.foot-ewm{ text-align: center; width: 16%;}
.foot-nav{ width: 15%; padding-left: 15px;}
.foot-contact{ width: 24%; padding-left: 15px;}
.foot-ewm p{ margin-top: 8px;}
.foot-1-title{ font-size: 16px; margin-bottom: 3px;}
.foot-nav ul li{ list-style: none;}
.foot-nav ul li a{ color: #ffffff;}
.foot-nav ul li a:hover{ opacity: 0.7; text-decoration: none;}
.foot-2{ background: #22252c;}
.foot-2-con{ padding-top: 20px; padding-bottom: 20px; text-align: center; color: #ffffff;}
.foot-2-con a{color: #ffffff;}
.banner-img-con img{ width: 100%;}

.container-nav-ul li{ list-style: none; display: inline-block; padding-right: 15px; }
.container-nav-ul li a{ font-size: 16px; padding: 25px 20px; display: block; position: relative; color: #333333;}
.container-nav-ul li a:hover{ text-decoration: none; color: #004894;}
.container-nav-ul li a.active:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    content: '';
    width: 100%;
border-bottom: 3px solid #004894;
    box-sizing: border-box;
    pointer-events: none;
}
#container{ background: #f2f3f7;}
.container-nav{ background: #ffffff;}

.container-con{ padding-top: 40px; padding-bottom: 100px;}
.equipment-con{margin-top: 3em;}
.equip-gallery{ margin-left: -7px; margin-right: -7px;}
.index-equip-a{display: block;padding: 7px;
    float: left;width: 25%;}
.index-equip-a-con{position: relative; overflow: hidden; text-align: center;
	}
.index-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: 3px solid #004894;
	-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;
}
.index-equip-a:hover .index-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-con{ border-bottom: 1px solid #dedede; padding-bottom: 20px; margin-bottom: 30px;}
.news-con .news-img{ float:left; width: 25%;}
.news-con .news-right{ float:left; width: 75%; padding-left: 15px;}
.news-con .news-right .news-title{ font-size: 16px; font-weight: bold; padding: 0 0 5px 0;}
.news-con .news-right .news-title .news-time{ font-size: 14px; font-weight: normal; font-style: italic; color: #525252; margin-left: 10px;}
.news-con .news-right .news-jj{ line-height: 22px;}
.news-con .news-right .news-more a{  display: block; color: #ffffff; background: #0078c8; width: 122px; height: 36px; text-align: center; line-height: 36px; margin-top: 15px;}
.news-con .news-right .news-more a:hover{ text-decoration: none; background: #046aae;}

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

.container-nav-con{ padding-top: 25px; padding-bottom: 25px; font-size: 16px;}
.container-nav-con a{ color: #333333;}
.container-nav-con a:hover{ text-decoration: none; color: #004ba0;}
.container-nav-con span{font-size: 20px; color: #004894; margin-right: 10px;}

.solution-contain{ background: #ffffff; padding: 0;}

.solution-con{ width: 33.33%; float: left; padding: 5px;}
.solution-con a{    display: block; background-color: #F4F4F4; color: #333333;}
.solution-con a:hover{  background-color: #005BAC;
    color: #fff !important;
    cursor: pointer;
text-decoration: none;}

.solution-view-contain{ padding: 30px;}

.pro-contain-l{ width: 70%; float: left;}
.pro-contain-r{ width: 30%; float: right; padding-left: 15px;}


.pro-con{ margin-bottom: 15px;}
.pro-con{ display: block; background: #ffffff; display: block; padding: 8px; color: #333333;}
.pro-con:hover{ box-shadow:0 0 5px 0px rgba(0,0,0,0.1); text-decoration: none; }
.pro-con .pro-con-img{ float:left; width: 25%;}
.pro-con .pro-con-right{ float:left; width: 75%; padding-left: 15px;}
.pro-con .pro-con-title{ font-size: 26px; margin-bottom: 15px; margin-top: 10px;color:#333333;}
.pro-con:hover .pro-con-title{ color: #0078c8;}
.pro-con .pro-con-jj{ margin-bottom: 15px;}
.pro-con-a:hover { text-decoration:none;}
.pro-con-a:hover .pro-con-title{ color: #0078c8;}
.pro-con-a:hover .pro-con-jj{ color:#333333;}
.pro-con-more a{ display:block; margin-bottom: 15px; color: #ffffff; background: #0078c8; width: 122px; height: 36px; text-align: center; line-height: 36px; margin-top: 15px;}
.pro-con-more a:hover{text-decoration:none;}

.pro-list-top{ font-size: 14px; color: #ffffff; background: #0078c8; padding:20px 30px; }
.pro-list-top h3{ font-size: 20px; font-weight: bold; color: #ffffff; margin: 0;}

.pro-contain-r .nav-pills>li.active>a, .pro-contain-r .nav-pills>li.active>a:focus, .pro-contain-r .nav-pills>li.active>a:hover {
    color: #333333;
    background-color: #e4e5e7;
}
.pro-contain-r .nav-pills>li>a {
    border-radius: 0px;
	background:#ffffff;
	color:#333333;
}
.pro-contain-r .nav-stacked>li {
    margin-top: 2px;
    margin-left: 0;
	line-height:20px;
}
.pro-contain-r .nav>li>a:focus, .pro-contain-r .nav>li>a:hover {
    text-decoration: none;
    background-color: #e4e5e7;
	color:#333333;
}
.pro-contain-r .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 30px;
	
}

.pro-view-jj{ background: #ffffff; padding: 15px;}
.pro-view-img{ width: 30%; float: left;}
.pro-view-jj-con{ width: 50%; float: left; padding-left: 15px; padding-right: 15px;}
.pro-view-jj-rz{ width: 20%; float: left;}

.pro-view-jj-con .pro-con-title{ font-size: 26px; margin-bottom: 15px; margin-top: 10px;}
.pro-view-jj-con .pro-con-jj{ margin-bottom: 15px;}

.pro-view-conner{ background: #ffffff; margin-top: 15px; padding: 8px 15px 20px;}
.pro-view-conner-title{ border-bottom: 1px solid #d2d2d2;}
.pro-view-conner-title h2{ display: inline-block; font-weight: bold; color: #004894; font-size: 18px; position: relative; margin: 0; padding: 15px;}
.pro-view-conner-title h2:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    content: '';
    width: 100%;
border-bottom: 3px solid #004894;
    box-sizing: border-box;
    pointer-events: none;
}
.pro-view-conner-con{ padding: 15px;}

.clear1{ display:block;}
.clear2{ display:none;}
.clear3{ display:none;}
@media screen and (max-width: 768px){
	#nav .navbar-nav>li>a {
    color: #333333;
    border-bottom: 3px solid transparent;
}
	#nav .nav-search-btn {
    width: 100%;
    margin-left: 0px;
    vertical-align: top;
}
	#nav .nav-search-input,#nav .nav-search-btn{
	border-radius: 25px;
}
	.index-solution-name-con{padding-top: 8%;}
	
	.index-news-l{ width: 100%; float: none;}
.index-news-contact{ width: 100%; float: none; padding-left: 0px; margin-top: 15px;}
	
	.foot-ewm{ width: 30%;}
.foot-nav{ display: none;}
.foot-contact{ width: 70%; padding-left: 15px;}
	
	.index-equip-a{ width: 33.33%}
	
	.pro-contain-l{ width: 100%; float: none;}
.pro-contain-r{ width: 100%; float: none; padding-left: 0px;}
	
	.pro-view-img{ width: 100%; float: none;}
.pro-view-jj-con{ width: 100%; float: none; padding-left: 0px; padding-right: 0px;}
.pro-view-jj-rz{ width: 100%; float: none;}
	.clear1{ display:none;}
.clear2{ display:block;}
.clear3{ display:none;}
}


@media screen and (max-width: 640px){
	.top-2-con-l{ float: left; width: 50%;}
	
.top-2-con-r{ float: right; width: 50%;}
	.index-solution-con{ width: 50%;}
	
	.index-solution-name-con{padding-top: 10px;}
	
	.index-equip-a{ width: 50%}
	.index-news-con .news-con .news-img{ float:none; width: 100%;}
.index-news-con .news-con .news-right{ float:none; width: 100%; padding-left: 0px; margin-top: 10px;}
	.news-con .news-img{ float:none; width: 100%;}
.news-con .news-right{ float:none; width: 100%; padding-left: 0px; margin-top: 10px;}
	
	.solution-con{ width: 50%;}
	.solution-view-contain{ padding: 15px;}
	
	.pro-con .pro-con-img{ float:none; width: 100%;}
.pro-con .pro-con-right{ float:none; width: 100%; padding-left: 0px;}

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