@charset "gb2312";
/* CSS Document */

.section1 { background: url(/html/images/dxf.jpg) 30% 50%; background-size: cover;}
.section2 { background: url(/html/images/wfine.jpg) 30% 50%; background-size: cover;}
.section3 { background: url(/html/images/xww.jpg) 50% 50%; background-size: cover;}
.menu {background:rgba(255,255,255,0.6); width:100%; border-bottom: solid 2px rgba(230,0,18,0.75)}
.navbar-brand{ height:auto; padding:5px 0;}
.navbar-default .navbar-nav>li{ margin-left:2px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    background-color: #e60012;	
}
.navbar-nav>li>a {
    padding: 35px 15px 25px 15px;
	text-align:center;
	font-size:1em;
	color:#333333;
}
.navbar-right .dropdown-menu {
    right: -50%;
    left: auto;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #ffffff;
    background-color: #e60012;
}
.dropdown-menu{
	background:rgba(255,255,255,0.8);
	text-align:center;
	padding:0;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e60012;
}

#foot{ margin: 0; padding: 0; position: fixed; left: 0px; bottom:0; list-style-type: none; z-index: 70; background:rgba(255,255,255,0.6); width:100%; border-top:2px solid rgba(0,0,0,0.1); font-size:14px;}
.footer-l{ float:left;}
.footer-r{ float:right;}
.footer-power{ float:left;}
.footer-power a{ color:#333333;}
.footer-social{ float:right; margin-left:5px;}
.footer-social ul {margin-bottom:0;}
.footer-social ul li{ display:inline-block; padding:0px 5px;}

.foot-erwm{ position:absolute; display:none; margin-top:-190px; margin-left:-68px;}
.foot-erwm img{ padding:10px;}
.foot-icon:hover .foot-erwm{ display:block; }


/*index*/
#index-pro{ background: url(/html/images/index-pro-bg.jpg);  }
.index-pro-con{padding: 50px 0 60px 0; background: url(/html/images/triangle2.png) right bottom no-repeat;background-size: 10%;   }
.index-pro-title{ text-align: center; margin-bottom: 15px;}
.index-pro-title h2{ font-weight: bold; margin-top: 0px;font-size: 38px;}
.index-pro-title hr {
    border: 0;
    height: 0;
    border-top: 5px solid #E60012;
    width: 66px;
    margin: 0 auto;
}
.index-pro-more a {
    display: block;
    width: 140px;
    border-radius: 70px;
    border: 1px solid #c50000;
    margin: 40px auto 0 auto;
    text-align: center;
    color: #c50000;
    padding: 6px 0;
}
.index-pro-more a:hover{ background: #c50000;color: #ffffff; text-decoration: none;}
#index-about{padding: 60px 0 100px 0;   background: url(/html/images/triangle.png) left top no-repeat, url(/html/images/triangle2.png) right bottom no-repeat;background-size: 15%;border-bottom: 3px solid #c50000;border-top: 3px solid #c50000;}
.index-about-p{ text-align: center; margin-top: 15px; line-height: 20px;font-size: 20px; }
.index-about-p span{display:inline-block; color: #c50000;font-size: 0.875em;margin-top:15px;}
.index-about-l{ margin-bottom: 1em;}
#index-adv{ background:#c50000; background-size:cover;}
.index-adv-con{ color:#ffffff; padding:60px 0 50px 0;}
.index-adv-l{ font-size:16px;}
.index-adv-l h1{ font-weight:bold; margin:0;}
.index-adv-l hr{ border:0; margin:0; padding:0; border-bottom:5px solid #ffffff; width:108px; margin-top:15px;}
.index-adv-r{ font-size:16px; padding:10px;}
.index-adv-btn{ display:block; border:3px solid #ffffff; width:146px; text-align:center; line-height:36px; color:#ffffff; margin-bottom:5px;}
.index-adv-btn:hover{ color:#ffffff;}

#index-rz{ background:#c50000;}
.index-rz-con{ padding: 40px 0px 15px 0px;}
#owl-demo .item{
	margin: 10px;
	text-align: center;
}
#index-contact{padding: 60px 0 100px 0;   background: url(/html/images/triangle.png) left top no-repeat;background-size: 10%;}
.index-contact-conner{ margin-top: 25px;}
.contact-card {
    background: -webkit-linear-gradient(#f7f7f7, #EFEFEF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f7f7f7, #EFEFEF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f7f7f7, #EFEFEF); /* Firefox 3.6 - 15 */
  background: linear-gradient(#f7f7f7, #EFEFEF); /* 标准的语法 */
    padding: 35px 0;
	text-align: center;
    margin-bottom: 45px;
	border-top: 3px solid #c50000;
	border-radius: 3px;
	line-height: 26px;
}
.contact-card-header {
    margin-bottom: 15px;
    font-size: 26px;
    color: #c50000;
}
.contact-card-content h3 {
    margin-bottom: 20px;
	position: relative;
	font-weight: bold;
	margin-top: 0px;
}
.contact-card-content h3:after {
    content: '';
    height: 3px;
    width: 44px;
    background-color: #c50000;
    position: absolute;
    top: 36px;
    left: calc(50% - 22px);
}

#brand-nav{ background: #f7f7f7; border-bottom: 5px solid #E60012;}
.brand-nav-con ul li{ width: 32%; padding: 15px; text-align: center; display: inline-block;}
.brand-nav-con ul li img{ max-height: 157px; }

#container{ position:relative;}
.container-bg{ position:absolute; bottom:0; z-index:-1; width:100%; text-align:center;}
.con-img{ position:relative; width:100%; background-position:bottom; background-size:cover; height:460px;}
.con-site{ padding-top:110px;}
.con-site-span1{ color:#E60012; margin-right:5px;}
.con-site-span2{ color:#898888;}
.con-img-jj{ text-align:center; color:#777777;}
.con-img-jj h3{ color:#000000; font-size:1.625em; margin-top:75px;}
.container-con{ margin-top:40px;}
.container-con-title{ width:100%; border-bottom:1px solid #e9eaea; text-align:center; padding-bottom:36px; margin-bottom:40px;}
.container-con-title h2{ font-weight:bold;}
.container-con-title hr{ border:0; height:0; border-top:5px solid #E60012; width:66px; margin:0 auto;}
.container-conner{ width:98%; margin:0 auto; margin-bottom:160px; min-height:300px;}
.con-brand-img{ position:relative; }
.con-brand-img img{ width: 100%;}
.con-brand-img .con-site{ position:absolute; z-index:1; top:110px;padding:0; left:50%; margin-left:-585px;}
#ban-nav .navbar-default{ background:#f7f7f7; border:none; border-bottom:5px solid #E60012;}
#ban-nav  .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
	margin:0 auto;
	border-radius:0;
	color:#E60012
}
#ban-nav .nav>li>a.active, #ban-nav .nav>li>a.active {
    text-decoration: none;
     background: -webkit-linear-gradient(#FF512F, #E60012); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FF512F, #E60012); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FF512F, #E60012); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FF512F, #E60012); /* 标准的语法 */
	color:#ffffff;
}
.ban-nav-icon{ position:relative;}
.ban-nav-icon1{position:relative;z-index:1}
.ban-nav-icon2{ position:absolute; top:0; left:0; z-index:-1}
#ban-nav .nav>li>a.active .ban-nav-icon2, #ban-nav .nav>li>a.active .ban-nav-icon2 {
    position:relative;
	z-index:1
}
#ban-nav .nav>li>a.active .ban-nav-icon1, #ban-nav .nav>li>a.active .ban-nav-icon1 {
    position:absolute;top:0; left:0; 
	z-index:-1
}
#ban-nav .navbar-toggle {
    float: none;
    border: none;
    padding: 16px 0;
    width: 100%;
    margin: 0;
	border-radius: 0; 
}
#ban-nav .navbar-toggle .icon-bar {
    margin-left: auto;
    margin-right: auto;
	background-color: #E60012;
}
#ban-nav .navbar-default .navbar-toggle:focus, #ban-nav .navbar-default .navbar-toggle:hover {
    background-color: #E60012;border: none;
}
#ban-nav .navbar-default .navbar-toggle:focus .icon-bar, #ban-nav .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #ffffff;
}
#ban-nav .navbar-collapse { padding:0;} 

.brand-top{ width:100%; background:#f9f9f9; margin-bottom:50px;}
.brand-top-con{ padding:29px 5%;}
.brand-top-conner{ margin-top:20px;}
.brand-top-conner ul li{ float: left; width:33%; text-align: center; padding: 0 3%;}
.brand-top-conner ul li a{ display:block;}
.brand-top-conner ul li a:hover, .brand-top-conner ul li a.current{
	-moz-box-shadow: 0px 0px 10px #e3e3e3; /* 老的 Firefox */
	box-shadow: 0px 0px 10px #e3e3e3;
}
@media (min-width: 768px){
.pro-nav .nav-justified>li {
  display: table-cell;
  width: auto;
}
}
.honor-con{ text-align:center; padding:20px 10px;}
.honor-con span{ display:block; width:100%; text-align:center; padding:5px;}

.news-contianer ul.news-con li a{ padding:10px 0; display:block; position:relative;}
.news-contianer ul.news-con li a:hover .news-time,.news-contianer ul li a:hover .news-title{  color:#E60012}
.news-contianer ul.news-con li a hr{ position:absolute; top:4px; width:100%; z-index:-1;}
.news-contianer ul.news-con li a .news-time{
	float:right;
	color:#373636;
	background:#ffffff;
	display:block;
	padding-left:20px;
}
.news-contianer ul.news-con li a .news-title{
	display:inline-block;
	width:50%; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:1.142857em;
	color:#555555;
	text-align:left;
}
.news-contianer ul.news-con li a .news-title span{	background:#ffffff;
	padding-right:20px;}
	
.news-title{ text-align:center}
.news-share{ border: #c5c5c5 1px dashed; margin:0 auto; margin-top:15px;}
.news-conner{ margin-top:15px; }

.pro-search-con{ width:80%; margin:0 auto; max-width:753px; border:5px solid rgba(255,255,255,0.29); margin-top:120px;}

#home-searchInput {
    line-height: 48px;
    height: 58px;
    font-size: 16px;
    width: 80%;
    font-family: "Microsoft YaHei";
    text-indent: 20px;
    border: 0;
    padding: 0;
	float: left;
	outline:none;
}
#home-searchIcon {
    float: left;
    cursor: pointer;
    height: 58px;
    line-height: 46px;
    width: 20%;
    text-align: center;
    background: url(/html/images/search-btn_03.png) center center #E60012 no-repeat;
	background-size:cover;
    overflow: hidden;
    font-size: 18px;
    color: #FFF;
    font-family: "Microsoft Yahei";
    border: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.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: #E60012;
}
.clear1{
	display:block;
}
.clear2{
	display:none;
}
.clear3{
	display:none;
}

.pro-view-img-big{ width:100%; vertical-align:central; text-align:center; border:1px solid #dddddd;}
.pro-view-img-big img{ width:100%; }
.pro-view-img{ float:left; width:40%;}
.pro-view-jj{ float:right; width:55%;}
.pro-view-img-more{ margin-top:10px;}
.pro-view-img-more ul li{ border:1px solid #ddd; width:23%; float:left; margin-right:2%; margin-bottom:0px;}
.pro-view-img-more ul li a img{ width:100%;}

.pro-view-title{ font-size:20px; background:#f7f7f7; padding:10px 20px;}
.pro-view-jj-con{ margin-top:10px; padding-left:20px; line-height:20px;}
.pro-view-con{ margin-top:10px;}
.pro-view-con-title{ font-size:20px; background:#f7f7f7; padding:10px 20px;}
.pro-view-con-title span{ color:#8a8a8a; margin-right:10px;}
.pro-share{ padding-left:20px; margin-top:0px;}

.pro-brand-list{ width:100%; max-width:none !important;}
@media (max-width: 1280px){
.navbar-brand{ width: 250px; padding:6px 0 6px 10px;}

}
@media (max-width: 1200px){
.con-brand-img .con-site{  margin-left:-485px;}
}
@media (max-width: 1024px){
.navbar-brand{ width: 220px; }
.navbar-nav>li>a { padding: 29px 10px 25px 10px; font-size:14px}
.con-site{ padding-top:80px;}
.con-brand-img .con-site{ top:80px;}

}
@media (max-width: 992px){
.pro-con {
	width: 33.33333%;
}
.clear1{
	display:none;
}
.clear2{
	display:block;
}
.clear3{
	display:none;
}
.con-brand-img .con-site{  margin-left:-375px;}
}
@media (max-width: 767px){
.navbar-brand img{ height: 46px;}
.navbar-default .navbar-nav>li{ margin-left:0px;}
.navbar-nav>li>a { padding: 10px 10px 10px 10px;}
.navbar-toggle { margin-top:15px;}	
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #e60012;
}
#ban-nav  .nav>li>a {
	max-width:none;
}
.ban-nav-icon{ position:relative;float:left; width:35px;}
.ban-nav-icon-brand{ width:150px; margin:0 auto; float:none;}
#ban-nav  .nav>li>a>span{ }
.con-img{ height:360px;}
#home-searchIcon {
    background: url(/html/images/search-btn2_03.png) center center #e60012 no-repeat;
}
.con-brand-img .con-site{ left:0; margin-left:0; top:75px;}
.con-brand-img img{padding-top:60px;}
#floatTools{ display:none;}
.navbar-nav .open .dropdown-menu {
background-color: rgba(243, 243, 243, 0.79) !important;

}
}
@media (max-width: 640px){
.fullpage-wrapper{ margin-bottom:90px; margin-top:60px;}
.navbar-brand img{ height: 46px;}
.footer-l{ float:none; text-align:center;}
.footer-r{ float:none;}
.footer-power{ float:none; text-align:center}
.footer-social{ float:none; text-align:center}
.pro-con {
	width: 50%;
}
.clear1{
	display:none;
}
.clear2{
	display:none;
}
.clear3{
	display:block;
}
.pro-view-img{ float:none; width:100%;}
.pro-view-jj{  float:none; width:100%; margin-top:20px;}

.brand-top-conner ul li{ width:49%;}
}
@media (max-width: 480px){
.navbar-brand img{ height: 46px; }
.navbar-nav>li>a { padding: 10px 10px 10px 10px; }
.navbar-toggle { margin-top:15px;}
.con-brand-img .con-site{ left:0; margin-left:0; top:60px;}
.con-brand-img img{padding-top:58px;}

}
@media (max-width: 320px){
	.navbar-brand{ width: 50%;}
	.navbar-toggle { margin-top:10px;}

}