﻿     
        /*body*/         
        body {          
            color:#030303;  background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/12/01/24120d1a64544364a4749f592392dda0/b3ba24300f6246d9be31ca7f571e9291.png) repeat-y center;
            text-align: justify;
            text-justify: inter-ideograph; 
          font-family:"微软雅黑";  
        }  
  .mlr15{
  margin-left:15px;
    margin-right:15px; 
  }
     
  @media (min-width:1200px){.container{width: 1220px;}}   
    
            body .column {    
                padding-left: 5px;    
                padding-right: 5px;    
            }  
  .line28{line-height:28px;}
  li{list-style:none;} 
  .mt30{margin-top:30px;}
  .mt10{margin-top:10px;}
  .ml20{margin-left:20px;}
  .mr20{margin-right:20px;} 
  .mb20{margin-bottom:20px;}
  .center{text-align:center;}
  .container {
    max-width: 1220px;
}   
  .fl{float:left;}   
  .fr{float:right;} 
  .orange{
  color:#f29a03;
  } 
  .orange:hover{
  color:#f29a03;
  text-decoration:underline;
  }
   /*============== 头部============*/
  
  .topbar{
    color:#fff;
    line-height:34px;
    height:34px;
    padding:0 20px;
    background:#373636;
  }   
  .topbar a{ 
    color:#fff;
  }
   
  .head{
  height:130px;
  background:#eff1f1;
  padding:0 15px;
    border-bottom:14px solid #cad0d1;
  }
  .head .logo{
  width:430px;
  padding-top:10px;
  }
   .head .daohang{
  width:730px;
  } 
  .toptel{
  height:67px;
  padding-top:15px;
  }  
  
  .navbar-inverse{
    background:none;
  } 
  .navbar-inverse .container{
    width:730px;
  padding-left:0;
  padding-right:0
  }
  .navbar-collapse{
  padding-left:0;
  padding-right:0
  }
.navbar-inverse .navbar-nav > li > a{ 
 font-size:16px; 
 color:#373636;
 font-weight:bold;
 padding-left:25px;
 padding-right:0; 
  } 
.navbar-inverse .navbar-nav > li > a:hover{
   color:#f29a03;
  }  
  
 /*============== banner============*/
  
.carousel {
	margin: 22px 22px 0px;
	border:1px solid #e7e7e7;
	padding: 12px;
}
.carousel .container{
	padding-left: 0;
	padding-right: 0; 
}
  
 /*============== 首页标题============*/  
  
 h2.s_title{ 
   text-align:center;
   font-size:28px;
   font-weight:bold;
   margin:30px 0 0;
  }
 .s_sub {
  margin-bottom:25px;
  }
  .s_sub b{
    line-height: 30px;
    font-size: 12px;
    margin-left: 10px;
    letter-spacing: 8px; 
  }
.s_title{ margin: 20px 0;height:40px;}
.s_title fieldset{
    border: none;
    padding-top: 20px;
    margin: 0 22px;
    border-top: 2px solid #ddd;
  }
.s_title fieldset legend{
    margin-left: 20px;
    padding: 0 15px;
    padding: 0 20px;
    font-size: 22px;
    width: auto;
    border: none;
    text-align: center;
  }

  /*首页关于我们*/
  
  .aboutpt{ 
  padding-left:22px;
  }
  .sjj{
  font-size:16px;
  line-height:28px;  
  padding:0 22px 0 10px; 
  }
 
 /* 首页新闻*/
  			.newlist {
				width: 560px;
				height: 75px;
                float:left;
				margin-left: 20px;
				margin-bottom: 50px;
			}
			.newlist .date{
				color: #fff;
				width: 90px; 
				height: 75px;
				text-align: center;
				background: #f29a03;
				margin-right: 15px;
			}
			.newlist .date .day{
				font-size: 48px;
				line-height: 55px;
			}			
			.newlist .date .yearmonth{
				font-size: 14px;
				line-height: 16px;
			}				
			.newlist .news{
				width: 455px;
				overflow: hidden;
			}
			.newlist .news .title a{
				line-height: 33px;
				font-size: 16px;
				color:#030303;
			}
			.newlist .news .sum a{
				color: #a5a5a5;
				font-size: 12px;
				line-height: 22px; 
				height: 45px;
			}

  /*左侧推荐*/
  .scroll{
    width: 294px;
    height: 218px;
    overflow: hidden;
    position: relative; 
}
.scroll ul
{
	padding-left: 0;
    width: 6666px;
    position: absolute;
}
.scroll ul li
{
	width:294px;
    float: left;
}
  .scroll img{
    max-width:100%;
  border:10px solid #eeeeee;
  }

.scroll .leftBtn
{
    width: 26px;
    height: 30px; 
    background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/10/c458e8d0942b42fabfaa3f70ec365447/9770827f2d504cd8acf4dd758a7c07f0.png) no-repeat left top;
    position: absolute;
    left: 5%;
    top: 40%;
    cursor: pointer;
	z-index:100;
}
.scroll .leftBtn:hover 
{
    width: 26px;
    height: 30px;
    background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/10/c458e8d0942b42fabfaa3f70ec365447/9770827f2d504cd8acf4dd758a7c07f0.png) no-repeat left bottom;
    position: absolute;
    left: 5%;
    top: 40%;
		z-index:100;
    cursor: pointer;
}
.scroll .rightBtn
{
    width: 26px;
    height: 30px;
    background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/10/c458e8d0942b42fabfaa3f70ec365447/d8ef632bc300431ab52480e5ec6c2afe.png) no-repeat right top;
    position: absolute;
    left: 87%;
    top: 40%;
    cursor: pointer;
}
.scroll .rightBtn:hover
{
    width: 26px;
    height: 30px;
    background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/10/c458e8d0942b42fabfaa3f70ec365447/d8ef632bc300431ab52480e5ec6c2afe.png) no-repeat right bottom;
    position: absolute;
    left: 87%;
    top: 40%;
    cursor: pointer;
}
  
  /*产品分类*/
  .menu_head {
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	position: relative;
    margin-bottom: 15px;
	font-weight: bold;
	background: #f1f1f1 url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/04/24120d1a64544364a4749f592392dda0/42d3661c3418414aae5bcbc21a817851.png) center right no-repeat;
}
  .menu_head a{
  	color: #525252;
  }
.menu_list .current {
	background: #f1f1f1 url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/04/24120d1a64544364a4749f592392dda0/e7fbe614c26b48c1a280d2fbc47ba3a3.png) center right no-repeat;
}
.menu_body {
	height: auto;
	overflow: hidden;
	line-height: 38px;
}
.menu_body a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding-left: 38px;
	color: #777777;
	background: #fff;
	text-decoration: none;
}
.menu_body a:hover {
	text-decoration: none;
}
        /*更多*/
        .more {
            float: right;
            margin-right: 10px;
            color: #ff6600;
            font-weight: normal;
            font-size: 12px;
        }
        /*标题*/
        .b-title {
            width: 100%;
            padding-left: 15px;
            font-size: 14px;
            background: none;
            border-left: 6px solid #eee;
        }

            .b-title b {
                float: left;
                font-size: 16px;
                line-height:24px;
                color: #030303;
            }
  .title1{
  height:36px;
  border:none;
  padding-left: 0px;
  margin-left:20px;   background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/04/24120d1a64544364a4749f592392dda0/be0995f17e7a4a8bbff5e1927c6b748a.png) no-repeat left bottom !important;
  }
        /*块盒子*/
        .newbox {
            
            height: auto;
            margin-bottom: 10px;
            background:none;
        }
        /*块盒子内容*/
        .newbox_content {
       
            background:none;
            border:none;
            border-top: none;
        }

            .newbox_content ol {
                width: 100%;
                padding: 0px 10px 10px 10px;
            }

                .newbox_content ol li { 
                    width: 100%;
                    overflow: hidden;
                    height: 23px;
                    line-height: 23px;
                    padding-left: 10px;    
                    list-style: none;
                    border-bottom: #aaaaaa dotted 1px;
                }

                    .newbox_content ol li a {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        color: #444444;
                    }

                        .newbox_content ol li a:hover {
                            color: #f27b04;
                            text-decoration: underline;
                        }

            .newbox_content .fr_date {
                float: right;
                color: #626262;
            }
            /*新闻列表页*/
            .newbox_content ul {
                max-width: 850px;
                padding: 0px;
            }

                .newbox_content ul li {
	height: 57px;
	line-height: 57px;
	border-bottom:1px solid #eee;
	padding-left: 25px !important;
	font-size: 14px;
    background:url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/12/02/5eff7f8784bf4fc68ecc3c5056c024b1/a8b4fba833d0491f8645baf9101ba69b.jpg) no-repeat left center;
                }


                    .newbox_content ul li a {
                        color: #333;
                    }

                        .newbox_content ul li a:hover {
                            color: #013D78;
                            text-decoration: underline;
                        }


        /*友情链接*/
        .friend_link {
            width: 100%;
            background-color: #ffffff;
            border: 1px solid rgb(221, 221, 221);
            border-top: none;
            padding-bottom: 15px;
        }




        .friend_link_li {
            width: 112px;
            float: left;
            border: 1px solid #ddd;
            margin: 15px 0 0 15px;
            position: relative;
        }

            .friend_link_li a {
                color: #fff;
            }

            .friend_link_li img {
                width: 100%;
            }

            .friend_link_li div {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-align: center;
                padding-top: calc( 50% - 40px );
                z-index: 2;
                background: rgba(0, 0, 0,0.7);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: bold;
            }


        /*新闻内容页（详细页）*/  
     .n_title {
       max-width:850px;
	text-align: center;
	color: #333;
	font-size: 24px;
    line-height:60px;
       border-bottom: 1px solid #eee;
}

        /*产品列表块*/

        .newbox_content .ke {
            margin: 0 8px 0 20px;
            width: 270px;
            text-align: center;
            float: left;
        }
  .newbox_content .ke img{
    width:270px;
    height:202px;
    border:6px solid #eee;
  }
  .newbox_content .ke:hover img{
    border:6px solid #f29a03;
  }  
            .newbox_content .ke a {
                display: block;
                font-size:16px;
                text-align: center;
                color: #030303;
                line-height: 50px;
                text-decoration: none;
            }
        .newbox_content .ke1 {
          margin: 0 8px 0 13px;
  }
  
  /*产品详情*/
  
  /*产品详情*/
.tupian {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	width: 310px;
	height: 260px;
	overflow: hidden;
}
.tupian img {
	width: 100%;
}
.liebiao {
	float: left;
	margin-left: 10px;
	width: 300px;
	overflow: hidden;
}
  .liebiao .tb {
margin-top: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}
  .liebiao .sum{
    line-height: 45px;
    padding-left: 30px;
    white-space: pre-wrap;
    background: url(http://img.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2017/01/04/24120d1a64544364a4749f592392dda0/952f5b0b4dc54d39acd1fdb510279afa.jpg) repeat-y left top;
  }
.clear {
	clear: both;
}

.neirong {
  max-width:850px;
  line-height:30px;
	padding: 5px;
}
  
         /*案例*/

        .newbox_content .case {
            margin: 0 8px 0 20px;  
            width: 270px;
            float: left;
        }
  .newbox_content .case img{
    width:270px;
    height:202px;
    border:6px solid #eee;
  }

            .newbox_content .case a {
                display: block;
                font-size:16px;
                color: #030303;
                line-height: 50px;
                text-decoration: none;
            }
			.newlist .news .tilte{
				line-height: 33px;
				font-size: 16px;
				
			}
			 .newbox_content .case .sum{
				color: #a5a5a5;
				font-size: 12px;
				line-height: 22px; 
				height: 45px;
			}
       
 /*分页*/ 
.tcdPageCode span.current,.paginator a, .paginator span,.tcdPageCode span.disabled{
margin:0 4px;
}
.tcdPageCode{text-align:center;}
.paginator span.current{line-height:18px;}
.tcdPageCode span.disabled{line-height:23px;}
.paginator a,.paginator span{
	display: inline;
	padding: 3px 8px;
	border: 1px solid #CCC;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
    }
.paginator a:hover,.paginator span.current{
	padding: 3px 8px;
	border: 1px solid #5d5d58;
	background: #5d5d58;
	color: #fff;
	text-decoration: none
}




        /*当为第一页时的上一页按钮*/
        .firstbtn {
            border-top-width: 0px !important;
            padding-right: 0px;
            padding-left: 0px;
            border-left-width: 0px !important;
            font-size: 12px;
            border-bottom-width: 0px !important;
            padding-bottom: 0px;
            width: 26px;
            color: #666;
            line-height: 22px;
            margin-right: 4px;
            padding-top: 0px;
            height: 22px;
            text-align: left;
            border-right-width: 0px !important;
        }

        /*当为最后一页时的下一页按钮*/
        .finalbtn {
            border-top-width: 0px !important;
            padding-right: 0px;
            padding-left: 0px;
            border-left-width: 0px !important;
            font-size: 12px;
            border-bottom-width: 0px !important;
            padding-bottom: 0px;
            width: 63px;
            color: #666;
            text-indent: 7px;
            line-height: 22px;
            padding-top: 0px;
            height: 22px;
            text-align: left;
            border-right-width: 0px !important;
        }

        .firstbg, .firstbg a, .firstbg a:link, .firstbg a:visited, .firstbg a:hover {
            font-size: 12px;
            color: #999;
            height: 20px;
            line-height: 20px;
            display: block;
        }



        /*留言 */ 
        .Message-style {
            font-size: 12px;
            padding: 0px 10px 10px 10px;
            border: 1px solid #dddddd;
            padding-top: 10px;
            background: #FFF;
        }

            .Message-style span {
                width: 100%;
                height: 30px;
                background: #eaedf4;
                display: block;
                color: #ccc;
                font-weight: bold;
                line-height: 30px;
                padding-left: 10px;
            }

            .Message-style .message-title {
                margin-left: 50px;
                margin-top: 10px;
            }

                .Message-style .message-title em {
                    font-style: normal;
                    color: #313131;
                    font-weight: bold;
                    margin-top: 5px;
                    font-size: 12px;
                }

                .Message-style .message-title u {
                    text-decoration: none;
                    font-size: 12px;
                    color: #626262;
                }

            .Message-style .message-content {
                margin-left: 50px;
            }

                .Message-style .message-content b {
                    color: #313131;
                    font-weight: bold;
                    margin-top: 5px;
                    font-size: 12px;
                }

                .Message-style .message-content input {
                    width: 478px;
                    height: 80px;
                    margin-top: 10px;
                }

                .Message-style .message-content em {
                    font-style: normal;
                    font-size: 12px;
                    color: #626262;
                }

            .Message-style .message-link {
                margin-top: 10px;
                margin-left: 50px;
            }

                .Message-style .message-link em {
                    font-size: 12px;
                    color: #313131;
                    font-weight: bold;
                    font-style: normal;
                }

                .Message-style .message-link b {
                    font-weight: normal;
                    font-size: 12px;
                    color: #626262;
                }

            .Message-style .message-button input {
                width: 151px;
                height: 39px;
                border: none;
            }

            .Message-style .message-button {
                margin-left: 50px;
                margin-top: 20px;
            }

            .Message-style .message-link-title {
                font-size: 12px;
                margin-top: 20px;
                background: #FFF;
            }

                .Message-style .message-link-title span {
                    width: 100%;
                    height: 30px;
                    background: #eaedf4;
                    display: block;
                    color: #ccc;
                    font-weight: bold;
                    line-height: 30px;
                    padding-left: 10px;
                }
        /*留言结束 */
     

        /*字体颜色*/
        .fc_333 {
            color: #333;
        }

        .fc_red {
            color: #f23030;
        }

        .fc_fff {
            color: #fff !important;
        }

        .fc_999 {
            color: #999;
        }

        .fc_red {
            color: #d93a21;
        }

        /*字体大小*/
        .font_12 {
            font-size: 12px;
        }

        .font_20 {
            font-size: 20px;
        }
        /*产品轮播*/
        .swiper-container {
            width: 100%;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper-pagination-bullet {
            width: 15px !important;
            height: 15px !important;
            border-radius: 0 !important;
            background: #ccc !important;
        }

        .swiper-pagination-bullet-active {
            background: #fff !important;
        }
        .swiper-pagination {
            text-align: right !important;
            padding-right: 10px !important;
        }

        /*新闻选项卡*/
        .news_tab {
            border: 1px solid #ddd;
            width: 100%;
            margin-top: 15px;
        }

        .news_tab_title {
            line-height: 40px;
            height: 40px;
            width: 100%;
            box-sizing: border-box;
        }

            .news_tab_title ul {
                width: 100%;
                height: 40px;
                border-bottom: 1px solid #ddd;
                box-sizing: border-box;
                list-style: none !important;
                margin: 0;
                padding: 0;
            }

                .news_tab_title ul li {
                    float: left;
                    border-right: 1px solid #ddd;
                    /*border-bottom:1px solid #ddd;*/
                    padding: 0 30px !important;
                    height: 40px;
                    font-family: "微软雅黑";
                    color: #666;
                    cursor: pointer;
                    list-style: none !important;
                }

                .news_tab_title ul:after {
                    content: "020";
                    display: block;
                    height: 0;
                    clear: both;
                    visibility: hidden;
                    box-sizing: border-box;
                }

                .news_tab_title ul li.active {
                    border-bottom: 1px solid #fff !important;
                    border-top: 2px solid red;
                    box-sizing: border-box;
                    font-weight: bold;
                }

        .news_tab_content {
            display: none;
            width: 100%;
            padding: 15px;
            box-sizing: border-box;
            font-family: "微软雅黑";
        }
            .news_tab_content ul {
                list-style: none !important;
                margin:0;
                padding:0;
            }
                .news_tab_content ul li {
                    line-height: 30px;
                    height: 30px;
                    background: url(images/cui_bg.png) no-repeat;
                    background-position: -68px -330px;
                    padding-left: 10px;
                    box-sizing: border-box;
                    list-style: none !important;
                }

                    .news_tab_content ul li span:first-child {
                        width: 80px;
                        float: right;
                        color: #999;
                        text-align:right;
                    }

                    .news_tab_content ul li span:last-child {
                        color: #666;
                        margin-right: 80px;
                        display: block;
                    }

        .ellipsis {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block;
        }

                .news_tab_content ul li a:after {
                    content: "020";
                    display: block;
                    height: 0;
                    clear: both;
                    visibility: hidden;
                    box-sizing: border-box;
                }
        .news_tab_content ul li a {
            display: block;
            text-decoration: none;
        }
  /*底部*/
  
  .foot{
  height:245px;
    margin-top:30px;
    border-top:10px solid #cad0d1;
    background:#eff1f1;
    
  }
  			.foot .half {
				width: 600px;
				padding-top: 40px;
			}
			   .foot .lycon{
    width: 560px;
    height: 130px;
}
.foot .lytip{
    display: block;
    width: 150px;
    float: left;
}
.foot label{
    float: right;
    margin-right: 5px;
}
			.foot input,
			.foot textarea {
				border: 1px solid #cad0d1;
				margin-left: 20px;
				padding-left: 10px;
			}
			
			.foot input {
				width: 130px;
				height: 28px;

			}
			.foot textarea {
				width: 540px;
				height: 102px;
				line-height: 20px;
				padding-right: 10px;
			}			
			.foot .button {
				width: 90px;
				height: 30px;
				padding-left: 0;
				color: #fff;
				background-color: #ff7e00;
				border: none;
			}
	.slx{
				font-size: 12px;
				line-height: 20px;
                padding-right: 20px;
				
			}	
  .slx li{
    margin: 15px 0;
    list-style: none;
  }
    .slx li span{
     margin-right: 10px; 
  }
    .slx li span img{
    vertical-align: sub; 
  }  
  .copyright{
    line-height:32px;
    color:#c1c4c6;
    font-size:12px; 
    background:#51575a;
  }
  .copyright a{
   color:#c1c4c6;
   margin:0 3px; 
  }
  .copyright a:hover{
  text-decoration:underline;
  } 
  
  .carousel-inner img {
    max-width: 100%;
}
    /* 2017-12-26新增样式（解决首页标题配图横线不居中） */
  .s_sub.center img{
      vertical-align: middle;
  }
    
