﻿
        /*body*/

      .carousel-inner .container{
  max-width:1920px !important;
    padding:0;
  } 
        body {
            background-color: #fff;
            text-align: justify;
            text-justify: inter-ideograph; 
            background:#eaedf2;
            font-family:"微软雅黑"; 
            color:#333;
        } 
 
            body .column { 
                padding-left: 5px; 
                padding-right: 5px;
            }
  
  .work-grid img{
    width:275px !important;
    height:213px !important;
  }
  .work-grid1 img{
    width:366px !important;
    height:272px !important;
  }  
  
  .tcdPageCode span{float:left;}
  a:hover{text-decoration:none;}
  .m20{margin:20px;}
  .mb10 {margin-bottom:10px;}
        /*nav(菜单布局)*/
        nav .module-context .module-view .nav {
        }
  .navbar-inverse .navbar-nav > li > a{color:#fff}
       .navbar-inverse{
         position:absolute;
         top:235px;
         background:none;        
         height: 85px;} 
       
  
      .navbar-nav li a{
          line-height:55px;
          font-size:1.2em;
          color:#fff;  
        }
  
  .navbar-nav li{
    width:130px;
    text-align:center;
    background-color: rgba(20, 185, 215, 0.83);
    border-right: 1px solid #262e39;
    
  
   }

  .navbar-nav li:last-child{border-right:none;}
  .navbar-nav li.current{background: rgba(254, 210, 0, 0.7);}
     .navbar-nav li:hover{
        background: rgba(254, 210, 0, 0.7);
            	
	  transition: 0.5s ;
  -webkit-transition: 0.5s ;
  -o-transition: 0.5s ;
  -moz-transition: 0.5s ;
  -ms-transition: 0.5s ;
}
     }
       
  .navbar-inverse .navbar-nav > li > a{color:#fff;}
  .navbar-collapse{ 
    padding-left:0px;
    padding-right:0px; 
  }
  
        /*header start (页头布局)*/
        header .module-context .module-view .nav {
        }
    .header img{width:100%;max-height:750px;position:relative;}
  .top{position:absolute;top:80px;width:1170px;}
  .top .left a{font-size:4em;color:#fff;}
  .top .right{font-size: 36px;color: #fed200;font-weight: bold;margin-top: 20px;font-style: italic;}
        /*Content(内容布局)*/
        .container .module-context .module-view,
        .container-fluid .module-context .module-view {
        }
        /*更多*/
        .more {
            float: right;
            margin-right: 10px;
            color: #ff6600;
            font-weight: normal;
            font-size: 12px;
        }
        /*标题*/
        .b-title {
      
      background:none;
        }
 
            .b-title b {
               
                 font-size: 20px;
                color: #000;
              font-weight:normal;
             
              
            }
        /*块盒子*/ 
        .newbox {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
            background-color: #EAEDF2;
        }
        /*块盒子内容*/
        .newbox_content {
            width: 100%;
            background-color:#EAEDF2;
            border: none;
            border-top: none;
        }
  .newbox_content h4 {font-weight:bold !important;}

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

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

                    .newbox_content ol li a {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        color: #414141;
                      font-size:16px;
                    }

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

            .newbox_content .fr_date {
                float: right;
              font-size:16px; 
                color: #999;
            }
            /*新闻列表页*/
            .newbox_content ul {
                width: 100%;
                padding: 10px;
            }

                .newbox_content ul li {
                    width: 98%;
                    height: 30px;
                    line-height: 30px;
                    padding-left: 10px;
                    list-style: none;
                    border-bottom: #aaaaaa dotted 1px;
                }

                .newbox_content ul li {
                    border-bottom: dotted 1px #aaaaaa;
                    height: 27px;
                    line-height: 26px;
                }

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

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

        .mr-10 {
            float: right;
            color: #626262;
            margin-right: 10px;
        }

        .split {
            padding-left: 0px;
            padding-right: 8px;
        }

        .fl {
            float: left;
        }
  .fr{float:right;}
        /*新闻内容页（详细页）*/
        .n_title {
            height: auto;
            margin-top:30px;
            border:none;;
            width: 100%;
            text-align: center;
            font: bold 20px/36px "微软雅黑";
        }

        .mt-10 {
            margin-top: 10px;
        }

        .gray {
            color: #626262;
        }

        .n_time {
            float:right;
            
            margin-right:30%;
        }

        .line-28 {
            font-size: 14px;
            line-height: 28px;
        }

        .m-10 {
            margin: 10px;
        }
       .newbox-n .newcontent{font-size:16px;line-height:28px;color:#333;margin-top:30px;}
  .newbox-n .newcontent img{max-width:100%;margin-bottom:20px;}
  .newbox-n .newcontent p{background:none !important;}  
  .newbox-n .newcontent span{background:none !important;}   
  
        /*产品列表块*/

        .newbox_content .ke {
            margin: 7px 0 15px 15px;
            padding: 0;
            width: 240px;
            height:195px;
            overflow:hidden;
            text-align: center;
            float: left;
            background: none;
        }

            .newbox_content .ke a {
                display: block;
                text-align: center;
                color: #000000;
                line-height: 30px;
                text-decoration: none;
            }

                .newbox_content .ke a.pic {
                    width: 240px;
                    height:auto;
                    text-align: center;
                    margin: 0px;
                }

            .newbox_content .ke span {
                
                width: 240px;
                height: 28px;
                line-height: 28px;
            }

           
        /*分页*/

        .paginator {
            clear: both;
            padding-right: 0px;
            padding-left: 0px;
            padding-bottom: 10px;
            margin: 0 auto;
            font: 14px Arial,Helvetica,sans-serif;
            color: #666;
            padding-top: 10px;
            float: right;
        }
  .paginator span{float:left;}
            .paginator A {
                border-right: #c4c4c4 1px solid;
                padding-right: 8px;
                border-top: #c4c4c4 1px solid;
                display: block;
                padding-left: 8px;
                background: #fff;
                float: left;
                border-left: #c4c4c4 1px solid;
                color: #0169cd;
                margin-right: 4px;
                border-bottom: #c4c4c4 1px solid;
                text-decoration: none;
                height: 20px;
                line-height: 20px;
            }

                .paginator A:link {
                    border-right: #c4c4c4 1px solid;
                    padding-right: 8px;
                    border-top: #c4c4c4 1px solid;
                    display: block;
                    padding-left: 8px;
                    background: #fff;
                    float: left;
                    border-left: #c4c4c4 1px solid;
                    color: #0169cd;
                    margin-right: 4px;
                    border-bottom: #c4c4c4 1px solid;
                    text-decoration: none;
                    height: 20px;
                    line-height: 20px;
                }

                .paginator A:visited {
                    border-right: #c4c4c4 1px solid;
                    padding-right: 8px;
                    border-top: #c4c4c4 1px solid;
                    padding-left: 8px;
                    background: #fff;
                    border-left: #c4c4c4 1px solid;
                    color: #0169cd;
                    border-bottom: #c4c4c4 1px solid;
                    text-decoration: none;
                    height: 20px;
                    line-height: 20px;
                }

                .paginator A:hover {
                    border-right: #fe7300 1px solid;
                    padding-right: 8px;
                    border-top: #fe7300 1px solid;
                    padding-left: 8px;
                    background: #fff;
                    border-left: #fe7300 1px solid;
                    color: #fe7300;
                    border-bottom: #fe7300 1px solid;
                    text-decoration: none;
                    height: 20px;
                    line-height: 20px;
                }

                .paginator A:active {
                    border-right: #fe7300 1px solid;
                    padding-right: 8px;
                    border-top: #fe7300 1px solid;
                    padding-left: 8px;
                    background: #fff;
                    border-left: #fe7300 1px solid;
                    color: #fe7300;
                    border-bottom: #a62021 1px solid;
                    text-decoration: none;
                    height: 20px;
                    line-height: 20px;
                }

            .paginator .break {
                padding-right: 6px;
                padding-left: 6px;
                padding-bottom: 6px;
                border-top-style: none;
                padding-top: 6px;
                border-right-style: none;
                border-left-style: none;
                height: 12px;
                text-decoration: none;
                border-bottom-style: none;
            }

            .paginator .this-page {
                border-right: #fff 1px solid;
                padding-right: 8px;
                border-top: #fff 1px solid;
                display: block;
                padding-left: 8px;
                background: #fff;
                float: left;
                padding-bottom: 2px;
                border-left: #fff 1px solid;
                margin-right: 2px;
                padding-top: 2px;
                border-bottom: #fff 1px solid;
                text-decoration: none;
                color: #fe7300;
                font-weight: bold;
            }


        /*当为第一页时的上一页按钮*/
        .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;
        }
        /*图片幻灯*/
        .carousel {
            height: auto;
            background: #fff /*a25c98*/;
        }
        .carousel-inner .container{width:100%;}
        .carousel-inner .container img{width:100%;}
            .carousel .item {
                height: auto;
                background: #fff;
            }

        /*footer(页脚布局)*/
        footer .module-context .module-view .nav {
        }
  .foot span{margin-right:5px;}
        /*留言 */
  .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;
        }
    /*留言结束 */
.hl_scrool_leftbtn {width: 50px; height: 70px;background: url(http://q.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/03/20/33b025c5f85540b39a0216b317e61178/cdafd1dd50a64a53b0b75858b26302d0.png) no-repeat 10px 0px; float: left; margin-top: 90px; cursor: pointer; margin-left: 6px;}
.hl_scrool_rightbtn { width: 50px; height: 70px;background: url(http://q.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/03/20/33b025c5f85540b39a0216b317e61178/cdafd1dd50a64a53b0b75858b26302d0.png) no-repeat -25px 0px; float: right; margin-top: 90px;cursor: pointer; margin-right: 0px;}
.hl_main5_content{width:1170px; border:none;}
.hl_main5_content1{width:1020px; height:230px;overflow:hidden; float:left;}
.hl_main5_content1 ul{width:2580px; overflow:hidden; }
.hl_main5_content1 ul li{ float:left; width:240px; display:inline; margin-right:15px;}
.hl_main5_content1 ul li img{ width:240px;  padding-top:30px; }

    /*首页公司简介 */
  .contentbox{margin-bottom:60px;}
  .contentbox .title{color: #000;font-size: 20px;text-align:center;line-height:2.5em;}
  .contentbox .about{color:#414141;font-size: 16px;line-height: 25px;}
  
  img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
    /*首页产品列表*/
  .newbox  .title {color: #000;font-size: 20px;text-align:center;line-height:2.5em;}
  .productbox-z .team-grid{
        width:
        height: 465px;
        overflow: hidden;        
        text-align: center;
  }
  
  .productbox-z .team-grid h4 {
        color: #14b9d7;
        font-size: 16px;
        padding: 0.5em 0 0.2em 0;
  }
 .productbox-z  .team-grid p {
        font-size: 14px;
        color: #999; 
        line-height: 1.8em;
  }
  
  .foot{color:#fff;line-height:26px;padding-top:26px;}
  .foot a{color:#fff;}
  
    /*内页产品列表*/ 
  
  .work-grid{
	position:relative;
	padding:0 0.5em 1em;
}
    .work-grid img{  
  height:206px;
  }
  .work-grid .proname{line-height:36px;text-align:center;color:#999;font-size:16px;}
.rotate:hover  i{ 
	transform: rotateY(360deg); 
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.rotate i{
background: url(http://q.v3.hnrich.net/RuiQiCMS.Service/SiteResource/2016/03/21/33b025c5f85540b39a0216b317e61178/6157173c03bb4f998a566d2c162a0b71.png) no-repeat 0px;
  width: 51px;
  height: 51px;
  display: block;
  margin: 5em 0 0 8em;
}
  .rotate1 i{
  margin: 10em 0 0 12em !important;
}
.rotate{
  position: absolute; 
  top: 0;
  background: rgba(254, 210, 0, 0.44);
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
}
.work-grid:hover .rotate{
	display:block;
}


 /*设计师团队页面*/      
  
.team  .work-grid img{  
  height:275px !important;
}
  .team  .rotate{
   width: 366px !important; 
}
  .team  .rotate i{
    margin: 8em 0 0 12em !important;
  }
    
  
     /*联系我们*/  
  
 .mail-grids {
  margin-top: 2em;
}
.mail-grid-left h3{
  color: #000;
  font-size:2em;
  font-weight: 300;
  margin: 0;
  text-align:left;
  padding:0;
  font-family: 'Marmelad-Regular';
}
.mail-grid-left h5 {
  color: #555;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left h5 span {
  display: block;
}
.mail-grid-left h4{
	color:#000;
	font-size:1.4em;
	font-weight:600;
	margin:0;
}
.mail-grid-left p{
  color: #000000;
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left p a{
	color: #000000;
}
.mail-grid-left p span{
	display:block;
}
.contact-form form {
  text-align: right;
}
.contact-form input[type="text"] {
  width: 100%;
  color: #555;
  background: #fff;
  outline: none;
  font-size: 16px;
  padding: .5em;
  margin-bottom: 1em;
  border: solid 1px #D5D4D4;
  -webkit-appearance: none;
}
.contact-form textarea {
  resize: none;
  width: 100%;
  color: #898888;
  font-size: 16px;
  outline: none;
  padding: .5em;
  border: solid 1px #D5D4D4;
  min-height: 150px;
  -webkit-appearance: none;
}
.contact-form input[type="button"] {
  border: none;
  outline: none;
  color: #FFF;
  padding: .5em 1.5em;
  font-size: 16px;
  font-weight: 600;
  margin: 0.5em 0 0 0;
  -webkit-appearance: none;
  background: #14b9d7;
 }
.contact-form input[type="button"]:hover{
	background:#fed200;
	  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
  #map{margin:30px 0;}
 
     /*新闻列表页*/   
  
  .technology h2{
	margin: 0 0 20px;
	text-transform: capitalize;
	font-size: 3em;
	color: #3b3b3b;	
}
.technology h4{
	font-size: 22px;
	color: #5b5b5b;
	font-weight: bold; 
	text-transform: capitalize;
	display: block;
	margin:10px 0 8px;
}
.tech_para{
	padding-left: 0;
	padding-right: 0;
}
.technology_list1{
	margin-top: 20px;	
}
.pagination > li > a, .pagination > li > span {
	font-size: 16px;
	padding: 10px 16px;
	color: #BDBDBD;
	background-color: #3b3b3b;
	border: 1px solid #2C2929;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #FFFFFF;
	background-color: #ff5454;
	border-color: #DA4A4A;
}
 .read_more a{
	position: relative;
	z-index: 1;
} 
 .fa-btn {
	font-size: 14px;
	background: none;
	cursor: pointer;
	padding: 12px 40px;
	display: inline-block;
	margin: 10px 0px;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.fa-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-1 {
	border: 2px solid #ff5454;
	color: #3b3b3b;
} 
  .btn-1e {
	overflow: hidden;
}
.btn-1e:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #ff5454;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.btn-1e:hover,.btn-1e:active {
	color: #ffffff;
	text-decoration:none;
}
.btn-1e:hover:after {
	height: 260%;
	opacity: 1;
}
.btn-1e:active:after {
	height: 400%;
	opacity: 1;
}
  
    /*产品详情页*/  
  .productbox-n{margin-top:30px;}
  .productbox-n  .productpic{width:38%;}
  .productbox-n  .productpic img{width:100%;}  
  .productbox-n  .productjieshao{width:60%;}  
  .productbox-n  .producttitle{font-size:24px;line-height:65px;}
  .productbox-n  .productsummary{font-size:16px;line-height:25px;color:#666;}
  .productbox-n  .share{margin:20px 0;}  
  .productbox-n  .productcontent{font-size:16px;line-height:28px;color:#666;margin-top:30px;}
  
  
    .menu_body{display:none !important;} 
    
