body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:  Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
li{ list-style: none; }

body {
  padding-top: 0px;/*有顶部固定导航条时设置*/
  padding-bottom: 0px;/*有底部固定导航条时设置*/
  background-color: #f7f7f7;
  
}
a{ text-decoration:none; }
a:hover{text-decoration: none;}
.top-top{ line-height: 40px; font-size: 13px; }
.top-top a{ padding-right: 10px;  padding-left: 10px; color: #333; text-decoration:none;}
#logo{ 
  padding-top: 20px; padding-bottom: 10px;
}
 #logo img {position:relative;
  /*animation:mymove 1s ;*/
  /*-webkit-animation:mymove 1s ; */
   }
#logo .text-center {position:relative;
  /*animation:mymoveup 1.5s ;*/
  /*-webkit-animation:mymoveup 1.5s ; */
   }   
@keyframes mymove
{
  from {left:-120px;}
  to {left:0px;}
}

@-webkit-keyframes mymove 
{
  from {left:-120px;}
  to {left:0px;}
}
@keyframes mymoveup
{
  from {top:-120px;}
  to {top:0px;}
}

@-webkit-keyframes mymoveup 
{
  from {top:-120px;}
  to {top:0px;}
}
@keyframes mymoveright
{
  from {right:-120px;}
  to {right:0px;}
}

@-webkit-keyframes mymoveright 
{
  from {right:-120px;}
  to {right:0px;}
}
@keyframes mymovedown
{
  from {top:116px;}
  to {top:98px;}
}
#aazs h5 u{
color: transparent;
background-color : black;
text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
-webkit-background-clip : text;
}

#logo .hot-a a{  text-decoration: none; color: #000; font-weight: bold;  }
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: none;
}

#case .col-md-3  {
    overflow: hidden;

  }
.navbar-inverse {
    background-color: #FFF;
      border-color:#292a2b;
      border-left: none;
      border-right: none;
      border-top: none;

}
#navbar .nav > li > a {
    position: relative;
    display: block;
    padding: 40px 24px;
    font-size: 16px;
    /*border-right: 1px solid #08561a;*/
    text-shadow: 0px 1px 2px rgb(124 135 149 / 75%);
}
@media (min-width: 768px)
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
   
}
@media (min-width: 1200px){
 .news-c:hover{
      box-shadow: 0 0 15px rgb(0 0 0 / 20%);
      transition: all 0.6s;
      
    }   
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 16px 10px;
    font-size: 18px;
    line-height: 20px;
}
 

.navbar-inverse .navbar-nav > li > a {
    color: #1b1a1a;
    /*border-bottom: 3px solid #ffffff;*/
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
    background-color: #FFF;
    /*border-bottom: 3px solid #3399cc;*/
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #1b1a1a;
    /*background-color: #147b32;*/
    background-color: #FFF;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #1b1a1a;
    background-color: #FFF;
    /*border-bottom:3px solid #3399cc;*/
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background:none;
}
.navbar-inverse .navbar-toggle {
    border:none;
}

.dropdown-menu {
    position: absolute;
    top: 103px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 140px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background: rgba(255,255,255,0.8);
    border: 0px solid #eee;
    animation:mymovedown 0.3s ease-in-out ;
    -webkit-animation:mymovedown 0.3s ; /*Safari and Chrome*/
    padding:6px 2px;
    box-shadow: 0 0 4px #eee; 
}

.dropdown-menu > li > a {
    display: block;
    padding: 5px 30px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
    
    
}

.dropdown-menu > li a:hover{
   background-color: #3399cc;
   color: #FFF;
   box-shadow: 0 0 4px #FFF; 
}
.index-us{
  line-height: 30px;
  padding-top: 100px;
  padding-bottom: 80px;
  background-color: #FFF;
}
.index-us .index-us-na{
  color: #464748;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  text-shadow: 10px 10px 4px rgb(185 191 199 / 75%);
}
.index-us .index-us-co{
  font-size: 16px;
  padding: 24px 0 14px 0; 
  color: #5F5F5F;
}

.index-us .company{
    /*background: #137C32;*/
    text-align: center;
    line-height: 30px;
    padding:40px 0 70px 0;
    overflow: hidden;
    font-size: 16px;

}
.index-us .company .col-md-3 div{
  color: #3399cc;
  font-size: 30px;
  padding:10px 0;
}
.index-us .company span{
  font-size: 60px;
  font-weight: bold;
  /*display: block;*/
  line-height: 60px;
}
.index-us-button{ padding:10px;  }

/*大于宽度值下拉菜单出现*/
@media (min-width: 768px){
.nav > li:hover .dropdown-menu { display: block; }
.dropdown{ border-bottom:3px solid #FFF;  }
.dropdown:hover { border-bottom: 3px solid #3399cc;  }
.navbar-nav {
    float: right;
    margin: 0;
}
}
/*.navbar-inverse{ background-color: #000066 }*/
.footer{
        /*background: #2e3033;*/
        min-height: 100px;
        background-image: url(../images/pattern.png);
          }
.footer .footer-c{ padding:40px 0; }          
/*.footer .table tbody td,.footer .table thead th { border-left: 1px solid #F00; }*/
.carousel-control{width: 20%;}
.footer-bottom{ background-color: #E9E9E9; height: 24px;  line-height: 24px; width: 100%;}
#footcolor{ color: #000; line-height: 24px; }
#footcolor a{color: #337ab7;}
.footer .fabout ul li a{  color:#878787;color: #939393; font-size: 14px;}
.footer .fabout ul li small a:hover{ color: #FFF; }
.fabout ul{}
.footer .fabout small{ color: #DEDEDE; }
.footer .container p,.footer .container h2,.footer .container h4{ color: #FFF; }
.footer .container h2{ font-size: 24px; font-weight: bold;  margin-top: 0;}
.footer-nnv{ width: 100%; overflow: hidden; text-align: left; color: #FFF; }
.footer-nnv>ul>li{ float: left; padding-right:30px;  }
.footer-nnv>ul>li>a{color:#FFF;  font-size:18px; display: block; width: 100%; padding-bottom:16px; position: relative; margin-bottom: 20px;}
.footer-nnv>ul>li>a:after{
   content: '';
    width: 30px;
    height: 2px;
    background: #e32727;
    position: absolute;
    left: 0;
    bottom: 0;
}
.footer-nnv>ul>li>span{ display: block;width: 100%; }
.footer-nnv>ul>li>span>a{color: #999; line-height: 26px;}
.beian{
	color: #bbb9b9;
    background-color: #2e2e2e;
    padding: 10px;
}
.beian a{ color: #bbb9b9; }
/*友链*/
.links{ padding-bottom: 10px;  padding-top: 10px;background-color:#FFF; }
.links .list-inline { margin-bottom: 0px;line-height: 20px;height: 20px; }
.links .list-inline li{ color: #3d3d3d;list-style: none; font-size: 14px; overflow: hidden;}
.links .list-inline li a,.links a,.links{ text-decoration: none; color: #3d3d3d;overflow: hidden;  }
.links .list-inline li>span{ padding:10px 20px; display: block; margin-top: 30px; }
.footer li a{ color: #DEDEDE;  }

/*hidden-tel*/
.hidden-tel{ 
  background-color: #3399cc;
  /*background-color: #1664a8;*/
  /*background-color:#b6ca18;*/
   overflow: hidden;
   box-shadow: 6px 6px 20px #3399cc;
    }
.hidden-tel table { margin-bottom: 0px; }
.height-kong{ height: 120px; }

/*#case{ background-color: #eee;   }*/
.case-bg{ 
  /*background: url(../images/bgg1.jpg) repeat-x center;*/
  background-color: #FFF;
  /*background-color: #3e96ce;*/
 /* background: url(../images/casebg11.jpg) repeat top center;*/
  padding-top: 40px; 
  padding-bottom: 80px;
  overflow: hidden; 
}
.case-bg #case{ margin:0 auto; }
@media (min-width: 768px){
.case-bg #case{  margin:0 auto; padding-top: 40px; }
.case-bg #case .col-md-3{ padding: 6px;}
.case-bg #case .col-md-3 img{}
.tnav{ width: 96%; margin: 0 auto; padding-top: 20px;}
.ryzz-111{width: 60%; margin:0 auto;}
.navbar .active{ border-bottom: 3px solid #3399cc; }
}


/*首页aazs*/
#aazs_bg{
  /*background: url(../images/casebg.jpg) repeat top center; padding: 30px 0;*/
}

#aazs { margin-bottom: 20px; }
#aazs a{ color:#666; }
#case .container{ margin-top: 40px; }
#case h5,.ryzz-111 h5{font-size: 40px;  color: #464748; font-weight: bold;text-shadow: 10px 10px 4px rgb(185 191 199 / 75%);}
 .inpro{
  text-align: center;
  color: #ccc;
  padding: 10px 0 20px 0; 
}
 .inpro .indextitle{
  font-size: 24px; color: #434343;
}
 .inpro .indexleft{
    text-align: right; line-height: 30px;
}
 .inpro .indexright{
    text-align: left;line-height: 30px;
}
  #case h3{font-size: 14px; color: #FFF;}


#case .tz-gallery { margin-bottom: 0;  }
#case .tz-gallery  h3{ font-size: 14px;
                   text-align: center;
                    margin-top: 10px;
                     margin-bottom: 6px; 
                     /*background-color:rgba(0,0,4,0.7); */
                     width: 100%; height: 30px; 
                     line-height: 30px;  overflow: hidden;
                      }
#case .tz-gallery  h3 a{ color:#7a7a7a;  text-decoration: none;}
#case .tz-gallery  h3 a:hover{ color:#3399cc; }
#case .tz-gallery  img{
    width: 100%;
    /*border-radius: 6px;*/
    
}
#case .thum{
  background-color: #FFF;
  /*padding:10px;*/
  overflow: hidden;
  border-radius: 2px;

}

#aazs  img{
    width: 100%;
    border-radius: 6px;
}
@media (min-width: 768px){
    #case .tz-gallery  img{
        width: 100%;
        transition: 1s ease-in-out;
        /*box-shadow: 0 4px 3px rgba(0,0,0,0.2);*/
    }
    #case .tz-gallery  img:hover{
            transform: scale(1.3);
        /*box-shadow: 0 6px 8px rgba(0,0,0,0.4);*/
    }
    #aazs  img{
        width: 100%;
        border-radius: 6px;
        transition: 0.4s ease-in-out;
        box-shadow: 2px 4px 3px rgba(0,0,0,0.2);
    }
    #aazs  img:hover{
            transform: scale(1.04);
        box-shadow: 4px 6px 8px rgba(0,0,0,0.4);
    }
}
#youshi{ padding: 100px 0; background: url(../images/f2_bg.png) no-repeat bottom center; min-height: 500px; overflow: hidden; }
#youshi span{color: #3399cc; font-size: 40px; padding-right: 12px;}
#youshi .youshi-1{ padding-right: 200px;padding-top: 40px; padding-left: 50px; }
#youshi .youshi-2{ padding-left: 200px;padding-top: 40px; }
#youshi .youshi-1 div,#youshi .youshi-2 div{
  font-weight:bold;
  font-size: 24px;
}
#youshi p{ line-height: 30px; margin-top:10px; font-size: 14px; color: #7a7a7a; }
#youshi img{ margin-top: 20px; }
#youshi h4{ margin-top: 20px; text-align: center; margin-bottom: 40px; }
#case p{text-align: left;}
/*ryzz*/
#ryzz{ width: 100%; margin:20px 0px 40px; }
#news{background-color: #f2f3f5; padding: 80px 0 40px; overflow: hidden; font-size: 14px;background: url(/images/c3bg.jpg) center top no-repeat;}
#news img{  }
#news .news-c{ background-color: #FFF; }
#news a{ color: #FFF;  text-decoration:none;letter-spacing: 0px;}
#news a:hover{  font-weight: bold;}
#news #myTabContent{ margin-top: 20px; }
 #news .index-cont{  }
 #news .index-cont ul li{ line-height: 24px; border-bottom: 1px dotted #666; }
#news .aa{ overflow: hidden; }
#news .aa strong { width: 100%; text-align:center; position: relative; display: block; bottom: 40px; background-color: rgba(0,0,4,0.7); color: #FFF;}
#news .index-ne ul li{ line-height: 20px; padding:10px 4px; font-size: 12px;color:#666666; }
#news .index-ne ul li h3{ font-size: 14px;  margin: 0;  }
#news .index-ne ul li h3 a{color: #333; font-weight: none;}
#news .index-ne ul li h3 a:hover{ color: #3399cc; }
#news .index-ne span{ background-color: #FFF; color: #000; padding:4px 10px; }
.index-md-s{padding:10px 0;}
 /*侧边栏定位*/
		.layui-fixbar{
			position: absolute;
			position: fixed;
			bottom: :20px;
			right: 0px;
		}
		
.tooltip-inner{
   background: #FFF !important; /*修改背景色*/
   text-align: left !important;/*字体左对齐*/
   color:#363636 !important;/*字体颜色*/
   border:1px solid #dedede;/*添加boder*/
   padding:20px;　　/*提示框的宽度增大*/
   float: left;
   margin-right: 30px;
   max-width: 200px !important;//修改宽度
}
.tooltip-arrow{
   margin-right: 26px;
   border-bottom-color: #ffffff !important;//修改三角形的颜色
   opacity: 1;//三角形透明
}
.tooltip{
   opacity: 1 !important;//让整个tooltip不透明
}

/*关于我们页面*/

#in-contact{ background-color: #FFF;  margin-bottom:14px;box-shadow: 6px 6px 10px #ddd;padding-top:15px; padding-bottom: 10px;}
#in-cases{ background-color: #FFF; margin-bottom:14px;  box-shadow: 6px 6px 10px #ddd; padding-top:15px; padding-bottom: 10px;}
.ffff{ background-color: #FFF; padding-top:14px; padding-bottom:14px; margin-top: 20px; margin-bottom:20px;}
.fff{ background-color: #FFF; padding:4px;  margin:2px; display: block; border: 1px solid #eee;}
.sl_title1_selected{ background-color: #eee;  }

#in-contact h4,#in-cases>.col-md-3 h4{  
  line-height: 42px;
    text-align: left;
    color: #FFF;
    font-size: 20px;
    padding: 10px 20px;
    /*background:#1e4498;*/
    background:#3399cc;
    font-weight: bold;
    margin: 0;
     }
/*.in-hd ul,.in-cont ul{ border: 1px solid #2599ba;}     */
.in-hd ul li{  margin: 6px; padding: 4px 30px; text-align: left;     background: url(../images/menu01.jpg) center no-repeat; line-height: 48px; }  
.in-hd ul li a{ color: #666; font-size: 16px; } 
.in-hd ul li a:hover{ text-decoration:none; color: #1e4498;}
.in-cont ul{ padding: 10px; }
.in-cont .in-tel p{
   font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #ab001a;
    margin-bottom: 0;

 }
 .in-cont ul li{ line-height: 30px; border-bottom: 1px dotted #ccc; }
 .in-news ul li{border: none; text-align:left;}
 .in-cont h4 p{ line-height: 10px; font-size: 14px; font-weight: normal; text-align:left;font-family: Arial, "microsoft yahei";}
 .in-news a{ color: #444440;letter-spacing: 0px;transition: all 1s ease; text-decoration:none; }
 .in-news a:before {
    content: '■';
    font-size: 12px;
    margin-right: 5px;
    color: #3399cc;
    position: relative;
    top: -3px;
    /*border:1px solid #F00;*/
   }
.in-news a:hover{ color: #1e4498;color: #3399cc;letter-spacing: 1px; font-weight: bold;}   
.changge{ 
  font-size: 16px;
  font-weight: bold;
  animation: change 2s linear 0s infinite;  
   }
   @keyframes change {  
    
    30%{
      color:rgba(255,0,0,0.3)
    }
    50% {
      color: rgba(255,0,0,0.5)
    } 
    80% {
      color: rgba(255,0,0,0.8)
    } 
    100% {color: rgba(255,0,0,1);}  
  }
#ttit{ font-size: 2.8rem; font-weight:bold; margin-bottom: 2rem;}
/*in-right*/
/*.in-right{ padding: 10px; }*/
.in-right a,.in-cases a{ color: #666666; text-decoration: none; }
.in-right a:hover,.in-cases a:hover{ color: #3399cc;  }
.in-right{ min-height: 500px; }
.in-right .style-body ul li{ 
  list-style-type: square;
  
  margin-left: 20px;
}
#cases-no-col,#pro-no-col{overflow: hidden;}
#pro-no-col .col-xs-6,#cases-no-col .col-xs-6{ padding-left: 1px; padding-right: 1px; font-size: 13px; }
.in-cases{ padding-left:10px; padding-right: 10px;}
@media screen and (max-width: 767px) {
  .navbar-brand {
    float: left;
    height: 40px;
    padding: 4px 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .navbar-brand img{ height: 40px; }
  #in-contact{margin-bottom: 0px;}
  #in-cases{margin-bottom: 0px;}
  #aazs .container{ padding: 4px;  }
  .case-bg{border-top: 1px solid #EEE;}
  #aazs .col-xs-6{ padding-left: 2px; padding-right: 2px; }
  #news{ padding: 30px 6px 10px 6px; }
  #news .container{ padding: 0; }
  #case .col-xs-6{padding-left: 5px; padding-right: 5px;}
  #case h5{font-size: 24px;  color: #000;}
  #case h3{font-size: 14px; color: #666; line-height: 20px;}
  .nav-tabs > li > a{padding:6px 10px;}
  #pro-no-col .col-xs-6,#cases-no-col .col-xs-6{  font-size: 13px; }
  .case-bg{ 
  /*background-color: #EEE;*/
  /*background-color: #3e96ce;*/
  background-color:#FFF;
  padding-top: 20px; 
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: hidden; 
  width: 100%;
}
#case .tz-gallery  h3 a{ color:#000;  text-decoration: none;}
.case-bg #case{  margin:0 auto; }
/*.case-bg #case .thumbnail{overflow: hidden;}*/
.footer{ background: none;min-height: 60px;padding-top: 0;border: none; }
.height-kong {
    height: 60px;
}
.navbar-inverse {
    /*background-color: #337ab7;*/
    /*border-color: #337ab7;*/
    background-color: #3399cc;
}
.navbar-inverse .navbar-brand {
    color: #FFF; font-weight:bold;
}
/*导航移动适配*/
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #3399cc;
}
#navbar .nav > li > a {
    position: relative;
    display: block;
    padding: 20px 30px;
    font-size: 16px;
    /* border-right: 1px solid #08561a; */
}
.news-c h3:before {
    content: '■';
    font-size: 14px;
    margin-right: 5px;
    color: #3399cc;
    position: relative;
    top: -1px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background:none;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #FFF;
    background-color: #3399cc;
}
#in-contact .news-c h3{ font-size: 16px;  margin-top: 10px; font-weight:normal; }
.inpro .indexleft{
    text-align: right; line-height: 30px; font-size: 12px; padding:0; overflow: hidden;
}
 .inpro .indexright{
    text-align: left;line-height: 30px;font-size: 12px; padding:0;overflow: hidden;
}

}
/*适配结束*/
/*新闻页面*/
.news-c{  width: 100%;   line-height: 24px; font-size: 16px;  overflow: hidden; padding:30px 3px; border-bottom: 1px solid #eee; }
.in-right-block{
    border: 1px solid #e1e1e1;
    background: #f4f4f4;
    margin-top: 20px;
    padding: 15px;
  }    
.news-c h3{ font-size: 1.8rem;  margin-top: 10px;   margin-top: 20px; color: #000;}
.news-c h3 a{}
.news-c>div>span{ font-size: 10px; padding:3px 10px; border: 1px solid #eee; }
/*.news-c:hover{box-shadow: #aaa 0px 0px 2px;background-color: #FFF;}*/
.news-c p{color: #999; font-size: 14px; line-height: 22px; margin-top: 20px;}
.xq{ padding: 5px 30px; background-color: #FFF; border: 1px solid #ccc; color: #666; }
.news-c:hover .xq{ background-color: #1e4498;  color: #FFF;  }


/*新闻内容页面*/
.ssxx{ padding: 10px; background-color: #ededed; overflow: hidden;  margin-bottom: 10px;}
.sxbq{ border-bottom: 1px solid #ccc; width: 100%; }
.sxbq-1{ margin-bottom: 10px; margin-top: 10px; line-height: 24px; }
.sxbq span{ display: block; padding: 10px;  width: 70px; border-bottom: 4px solid #3399cc;  text-align:center; }
.style-body{ line-height: 34px; font-size:16px; margin:20px 0;}

/*产品相关*/
#xgcp{   padding: 15px;  }
#xgcp a{  line-height: 30px; color: #000; font-size: 18px;  }
#xgcp >.row>.col-md-4,#xgcp >.row>.col-md-3{ padding-left: 0; padding-right: 0; }
#xgcp >.row>.col-md-4:hover .fff,#xgcp >.row>.col-md-3:hover .fff{
   border: 1px solid #3399cc;
   color: #3399cc;
}
#xgcp >.row>.col-md-4:hover img,#xgcp >.row>.col-md-3:hover img{
  transform:scale(1.5);
  transition: 2s;
}
#xgcp >.row>.col-md-4 img,#xgcp >.row>.col-md-3 img{
  
  transition: 2s;
}
#xgcp a>span{
  width: 100%;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  display: block;
  font-size: 14px;
}


.pro-arc2-top {
    width: 100%;
    border-bottom: 3px solid #3399cc;
    overflow: hidden;
    font-weight: bold;
}
.pro-arc-right-1 {
    background-color: #fdab1b;
    font-size: 16px;
    line-height: 32px;
    float: left;
    width: 25%;
    padding: 5px 4px;
    text-align: center;
}
.pro-arc-right-2 {
   
    width: 100%;
    padding: 5px;
    overflow: hidden;
}

.pro-arc-right-2>h1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 0;
    padding:0;
}

.pro-arc2-right {
    background-color: #F7F7F7;
    overflow: hidden;
    padding: 10px;
    line-height: 26px;
    font-size: 15px;
}
.pro-arc2-bottom{
   padding:30px 0;
}
.pro-arc2-bottom .pro-arc2-a2,.pro-arc2-bottom .pro-arc2-a1:hover{
     font-size: 14px; 
     /*font-weight:bold;*/
     color: #FFF;
     background-color: #3399cc;
     border: 1px solid #3399cc;
     line-height: 24px;
     padding: 10px 10px;
    display: block;
    width: 44%;
    float: left;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
}
.pro-arc2-bottom .pro-arc2-a2:hover,.pro-arc2-bottom .pro-arc2-a1{
     font-size: 14px;
    background-color: #FFF;
    border: 1px solid #3399cc;
    color: #3399cc;
    line-height: 24px;
    padding: 10px 10px;
    display: block;
    width: 44%;
    float: left;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
}
/*随机推荐*/
#sjtj{  padding: 15px; }
#sjtj ul li{ border-bottom: 1px dotted #ccc; }
#sjtj>div >b,#xgcp> div> b{ text-align: left; font-size: 20px;  border-bottom: 3px solid #3399cc; display: block; margin-bottom: 20px; padding:10px 0; width: 16%;}
#sjtj ul li a{ color: #545454; }

/*产品展示中的标题修改*/
.thumbnail .caption {
    padding: 0;
    color: #333;
    transition: 2s;
    
}
.caption>h2{ font-size: 14px; text-align: center;  margin:0; height: 40px; line-height: 40px; overflow: hidden;padding:1px; color: #7a7a7a;  }
.cssz{ margin:20px 0 30px 0; }
/*订购流程*/
.index-order { overflow: hidden; }
.index-order ul{ margin:0 auto;  }
.index-order ul li{ float: left;  margin-right: 28px;}
.index-order ul li div{
    
    border: 5px solid #666;
    border-radius: 50%;
    transition: all .5s;
    padding:20px;
     }
.index-order ul li img{
  width: 65px;
  margin:0 auto;
  transition: all ease 600ms;
} 
.index-order ul li:hover img{
  transform:rotate(360deg); 
  transition: all ease 600ms;
}   
.index-order ul li p{ text-align: center; line-height: 40px; } 
/*首页细节修改*/
.guanfang img{
  border-radius: 6px;
    /*transition: 0.2s ease-in-out;*/
    box-shadow: 2px 4px 3px rgba(0,0,0,0.2);
    margin-top: 30px;
}
blockquote {
    padding: 10px 10px;
    margin: 0 0 20px;
    font-size: 14px;
    border: 3px solid #3399cc;
}
.in-right .style-body h2{ border-left: 3px solid #3399cc;  margin-top: 10px; margin-bottom: 10px; padding-left: 6px; font-weight: bold; font-weight: 16px; line-height: 33px; }

.btn {
    display: inline-block;
    padding: 6px 46px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    /*border: 1px solid transparent;*/
    border-radius: 0px;
}
.btn-primary {
    color: #333;
    border: 1px solid #137c32;
    background: none;
}
.btn-primary:hover {
    background: #3399cc;
    color: #fff;
}
.tnav .table > tbody > tr > td {
    padding: 6px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
}
.tnav .table {
    width: 100%;
    max-width: 100%;
     margin-bottom: 0px; 
}
.tnav .table a{ 
  color: #333; 
  font-weight: bold; 
  text-decoration: none;
   padding: 6px 4px; 
  display: block;
  border-bottom: 3px solid #3399cc;
  text-align: center;
   /*transition:ease-in-out 0.5s;*/
}
.tnav .table a h2{font-size: 14px; display: inline;}
.tnav .table a:hover{ 
  color: #FFF;  
  background-color:#3399cc;
  /*background-color:#ff4f0d;*/
  transition:ease-in-out 0.5s;
}
@media screen and (max-width: 767px) {
#case .table-responsive,#ccnav .table-responsive {
    width: 100%;
    margin-bottom: 0px;
    overflow:scroll;
    -ms-overflow-style: scrollbar;
    -webkit-overflow-scrolling: touch;
    border: none;
}
hr{ margin-top: 4px; margin-bottom: 4px; }
.masonry .thumbnail{margin-bottom: 6px;}
.tnav .table a{ 
  color: #FFF; 
  font-weight: bold; 
  text-decoration: none;
   padding: 4px; 
  display: block;
  /*background-color: #337ab7; */
  background-color: #3399cc;
  text-align: center;
   border-radius: 4px;  
}
.cssz{ margin:0; }
.container1{ 
    padding: 10px 0;
    overflow: hidden; 
  }
.index-us{ padding: 30px 6px; }  
.inpro{padding:0 0 10px 0; margin: 0;}

}
/*适配结束*/
.tttt{ 
  z-index: 9;
  width: 100%;
  position: absolute;
  height: 40px;
  bottom: -30px;
  border: 1px solid #F00;
  background: url(../images/banner_mask.png) no-repeat center top;
  /*bottom: -100px;*/
 }
 /*轮播图圆点*/
 .carousel-indicators {
    bottom: 0px;
    width: 100%;
    height: 20px;
    
    left: 0;
    margin-left: 0; 
    /*background-color: #FF4F0D;*/
    /*background: url(../images/1111.png) no-repeat center top;*/
    /*border: 1px solid #F00;*/

}
.carousel-indicators li {
    display: inline-block;
    width: 30px;
    height: 5px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color:#FFF;
    
    /*border: 2px solid #000;*/
    border-radius: 9px;
}
.carousel-indicators .active {
    width: 20px;
    height: 6px;
    margin: 1px;
    background-color: #e92727;
    
}
/*ad*/
.ad{
  width: 100%;
  height: 180px;
    margin-top: -2px;
    background: url(../images/ixbannerbg.png) no-repeat center center;
    font-weight: bold;
    /*margin-bottom: 50px; */
}
.ad .ad1{
  color: #FFF;
  font-size: 38px;
  margin-top: 30px;
  display: block;
}
.ad .ad2{
  color: #FFF;
  font-size: 26px;
  
}
.ad .ad3{
  padding:0 40px 0 66px ;
  margin-left: 20px;
  color: #125927;
  font: normal 28px "arial";
  line-height: 28px;
  text-align: center;
  background: url(../images/tel_bg.png) no-repeat center center;
}
.ad .ad4{
    /*position: absolute;*/
    margin-top: 60px;
    display: block;
    width: 220px;
    height:76px;
    line-height: 50px;
    background: url(../images/ixbanner-btn.png) no-repeat center center;
    font-size: 20px;
    text-align: center;
    color: #125d27;
    /*transition: all 1s ease;*/
    animation: changeupdown 2s linear infinite;
    -webkit-animation: changeupdown 2s linear infinite;
}
.ad .ad4:hover{animation: changeupdown 1.7s linear infinite; cursor: pointer; color: #F00;}
@keyframes changeupdown{     
    0% {
-webkit-transform:translate(0px, 0px);
}
10% {
-webkit-transform:translate(0px, -3px);
}
20% {
-webkit-transform:translate(0px, -6px);
}
30% {
-webkit-transform:translate(0px, -9px);
}
40% {
-webkit-transform:translate(0px, -12px);
}
50% {
-webkit-transform:translate(0px, -15px);
}
60% {
-webkit-transform:translate(0px, -12px);
}
70% {
-webkit-transform:translate(0px, -9px);
}
80% {
-webkit-transform:translate(0px, -6px);
}
90% {
-webkit-transform:translate(0px, -3px);
}
100% {
-webkit-transform:translate(0px, 0px);
}
  }
-webkit-@keyframes changeupdown{  
 0% {
-webkit-transform:translate(0px, 0px);
}
10% {
-webkit-transform:translate(0px, -3px);
}
20% {
-webkit-transform:translate(0px, -6px);
}
30% {
-webkit-transform:translate(0px, -9px);
}
40% {
-webkit-transform:translate(0px, -12px);
}
50% {
-webkit-transform:translate(0px, -15px);
}
60% {
-webkit-transform:translate(0px, -12px);
}
70% {
-webkit-transform:translate(0px, -9px);
}
80% {
-webkit-transform:translate(0px, -6px);
}
90% {
-webkit-transform:translate(0px, -3px);
}
100% {
-webkit-transform:translate(0px, 0px);
}
}  
@media screen and (max-width: 767px) {
#youshi{padding: 0}  
.index-us .chi{
  float: left;
  margin-top: 6px;
  transition: all ease 600ms;
  text-align: center;
  width: 100%;
}
.index-us-shili .col-xs-6{
  padding-left:10px;
  padding-right: 10px;
}
.index-us .chi1 p {
    font-size: 12px;
    color: #666;
    margin: 0;
    text-align: center;
}
  .ad{
  width: 100%;
  height: 200px;
    margin-top: -2px;
    background: url(../images/ixbannerbg.png) repeat-y top center;
    font-weight: bold;
    text-align: center;
    overflow: hidden;

}
  .ad .ad1{
  color: #FFF;
  font-size: 20px;
  margin-top: 24px;
  display: block;
}
.ad .ad2{
  color: #FFF;
  font-size: 18px;
  
}
.ad .ad3{
  width: 100%;
  padding:0 40px 0 66px ;
  margin-left: 20px;
  color: #125927;
  font: normal 28px "arial";
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  background: url(../images/tel_bg.png) no-repeat center center;
}
.ad .ad4{
    /*position: absolute;*/
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    width: 220px;
    height:76px;
    line-height: 50px;
    background: url(../images/ixbanner-btn.png) no-repeat center center;
    font-size: 20px;
    text-align: center;
    color: #125d27;
    /*transition: all 1s ease;*/
    animation: changeupdown 2s linear infinite;
    -webkit-animation: changeupdown 2s linear infinite;
}
}

/*#news #myTab li{padding: 20px 80px;}*/

/*分页样式*/
.pageinfo {
  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 10px; COLOR: #3d4042; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.pageinfo A {
  BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #323435; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
  border: 2px solid #3399cc; color: #3399cc;
}
.pageinfo A:active {
  border: 2px solid #3399cc; color: #3399cc;
}
.pageinfo SPAN.thisclass {
  BORDER-RIGHT: #3399cc 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
.pageinfo SPAN.disabled {
  DISPLAY: none
}
.pageinfo  .page-num-current{border: 2px solid #3399cc; color: #3399cc;}

/*小轮播图*/
.wrap {width:100%;position:relative;overflow:hidden; border: 1px solid #f0f0f0; height: 330px; display: block;}
.slidebox {width:100%;position:absolute;top:0;left:0;}
.slidebox li {float:left;width:100%;height:330px;left:0;top:0;}
.slidebox li img {display:block;width:100%;height:330px;}
.dot {position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.3);text-align:right;bottom:0;left:0;}
.dot p {margin-right:10px;}
.dot b {width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur {background:#F63;color:#fff;border:1px solid #f63;}

/*手机控制*/

@media (max-width: 767px){
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
    padding: 15px 20px 20px 35px;
}
.dropdown-menu > li > a {border:none;}
.wrap {width:100%;position:relative;overflow:hidden; border: 1px solid #f0f0f0; height: 200px; display: block;}
.slidebox li {float:left;width:100%;height:200px;left:0;top:0;}
.slidebox li img {display:block;width:100%;height:200px;}

#case .tz-gallery img {
    width: 100%;
     border-radius: 0px; 
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #9c3b3b;
}
.navbar-inverse {
    background: none;
}
.navbar-nav {
    
    background: #337ab7;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:none;
}
.index-us .company span{
  font-size: 35px;
  font-weight: bold;
  /*display: block;*/
  line-height: 20px;
} 
}
/*适配结束*/
.jumbotron .text-light { padding:10rem 4rem 10rem 4rem; text-align:center;  }
.jumbotron .text-light h2{color: #FFF; font-weight: bold; font-size:5rem; text-shadow: 0px 1px 2px rgb(155 177 202 / 75%);}
.jumbotron .text-light p{padding:4px ;color: #FFF;  font-size: 14px; margin: 0}
/*手机控制*/

@media (max-width: 767px){
   .jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 3px;  
  }
  .jumbotron .text-light {
    padding: 40px 10px 40px 10px;
   }
   #in-contact,#in-cases{ }
    
}

.text-light a{
  color: #FFF;
  font-size:16px;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    cursor: default;
    background-color: #3399cc;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    cursor: default;
    background-color: #3399cc;
    border: 1px solid #3399cc;
    border-bottom-color: transparent;
}

/*新添加about页面*/
/*.about-wenhua{ padding:0px 10px 30px 10px; }*/
.about-wenhua>.about-wenhua-s{
  font-size: 26px;
  font-weight:bold;
  padding: 6px 20px 6px 0;
  border-bottom: 3px #3399cc solid;
  line-height: 30px;
  display: block;
  width: 20%;
  margin-bottom: 20px;

}
.about-nav{
   overflow: hidden;
   /*text-align: center;*/
   padding:30px 10px 16px; 
   background-color: #FFF;
   margin-bottom: 10px;
   
}
.about-nav2{
   overflow: hidden;
   text-align: center;
   padding:30px 10px 16px; 
   background-color: #FFF;
   margin-bottom: 10px;
   
}
.about-nav a,.about-nav2 a{
  padding:3px 20px; ;
  /*line-height: 30px;*/
  font-size: 16px;
  color: #707070;
  /*background-color: #f7f3f3;*/
  /*border: 1px solid #c9c7c7;*/
  /*border-bottom:3px solid #3399cc;*/
  text-decoration: none;
  display:inline-block;
  margin-right: 10px;
  margin-bottom: 16px;
  /*box-shadow: 6px 6px 2px #3399cc;*/
  box-shadow: 6px 6px 2px #3e4142;

}
.about-nav a:hover,.about-nav .active,.about-nav2 a:hover,.about-nav2 .active{
  background-color: #FFF;
  color: #FFF;
  background-color: #202122;
  /*border-bottom:3px solid #FFF;*/
  box-shadow: 6px 6px 2px #3399cc;
}

.keyfr{ 
    background-color: #eee;
    padding:4px 20px;
    font-size: 14px;
 }
 .keyfr p{
  margin:0;
 }
 /*新闻*/
 @media (min-width: 768px){
 .new-nv{ text-align: center;background-color: #ffffff; margin-bottom:30px; padding: 20px 0;
         /*box-shadow: 6px 6px 3px #b0b8bd;*/
       }
}
 .new-nv a{ padding:6px 10px; font-size: 1.8rem; color:#000;  line-height: 30px; margin-right: 10px;box-shadow: 4px 4px 3px #1f90c9;  }
 .new-nv a:hover{
     background-color: #3399cc;
  color: #FFF;
  /*box-shadow: 0 0 10px #3399cc; */
  /*border-bottom: 3px solid #3399cc; */
  text-shadow: 0px 1px 2px rgb(124 135 149 / 75%);
 }
  #news .indhy-t{ width: 100%; overflow: hidden; margin-bottom: 10px; }
 .indhy-t li{
    padding: 5px 10px; 
    margin-right: 30px;
     background-color: #3399cc; 
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
 }
 .indhy-t li:hover ,.indhy-t .active{
    background-color: #3399cc;
 }
 #news .indhy-t li:hover a ,#news .indhy-t .active a{
    color: #FFF;
    font-weight: bold;
 }
 #news .idnews-t{
  text-align: center;
  font-size: 40px;
  padding-bottom:50px;

 }
 #news .idnews-t p{
   margin:0;
   font-weight: bold;
   text-shadow: 10px 10px 4px rgb(185 191 199 / 75%);
 }
 #news .idnews-t span{
  font-size: 14px;
  display: block;
  color: #cccccc;
  padding-top: 6px;
 }
 
.indhy-y{
    padding: 5px 10px;
    background-color: #3399cc;
    color: #FFF;
    margin-top: 0;
     margin-bottom: 14px;
     font-size: 20px;
 }
 #news .index-ne  dd{
   background-color: #2b2b48;
   display:inline-block;
   height: 27px;
   width: 26px;
   line-height: 27px;
   text-align: center;
   margin-right: 10px;
   color: #FFF;
 }
 #news .index-ne .da{
   background-color: #3399cc;
   /*padding:4px;*/
   height: 30px;
   line-height: 30px;
 }
.new-nv .biglink{
  /*border-bottom: 3px solid #3399cc; */
  background-color: #3399cc;
  color: #FFF;
  box-shadow: 2px 2px 2px #3399cc; 
}
.active2{ font-weight: bold;font-size: 20px;color: #000; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #000;
    background-color: transparent;
}
/*首页滚动资质细节修改*/
#demmo{
        overflow:hidden;
        width: 100%; margin:0px auto;
      }
#indemmo {
        float: left;
        width: 3000%;
      }
#demmo1 {
        float: left;
        }
#demmo2 {
        float: left;
        }
.xxa {}
.xxa li{ float:left; margin:0 10px;}
.xxa img{ width:200px; height:280px;}
.xxa ul{ list-style:none; margin:0; padding:0;}
.thumbnail:hover img{transform:scale(1.3);transition: 2s;}
.thumbnail img{transition: 2s;}
.thumbnail:hover .caption{ background-color: #333; color:#FFF;transition: 2s; }

/*搜索*/
.serch>div{ text-align: center; padding:60px 0;font-size: 16px;}
   .serch>div>form>a{ color: #918e8e; font-size: 14px; padding-left:6px; }
   .serch>div input{ padding:2px 30px 2px 10px; color:#aaa; }
   .serch>div input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }
   .serch>div button{padding:2px 10px; color: #FFF;background-color: #333;}
   
@media (max-width: 767px){
	.serch>div{ text-align: center; padding:20px 0;font-size: 16px;}
  .xxa img{ width:100px; height:140px;}
  .index-us .company {padding: 30px 0 40px 0;}
  .new-nv {
    text-align: center;
    /*background-color: #ffffff;*/
    /* margin-bottom: 30px; */
    padding: 20px 0;
    /* box-shadow: 6px 6px 20px #3399cc; */
    
        }
   .new-nv a {
    padding: 6px 6px;
    font-size: 1.6rem;
    color: #000;
    line-height: 30px;
    margin-right: 4px;
    box-shadow:6px 6px 3px #adadad;
        }
    .new-nv .biglink{
      /*border-bottom: 3px solid #3399cc; */
      background-color: #3399cc;
      color: #FFF;
      box-shadow:6px 6px 3px #adadad;
     }    
}
@media (min-width: 1500px){
	.container {
	    width: 1300px;
	}
}

/*优势*/
#youshi{ background: url(../images/c2bg.jpg); padding: 30px 0 40px 0; }
#youshi h4 b{ font-size: 40px; color: #FFF; }
  .advs{
     background-color: #FFF;
     border-radius: 8px;
     overflow: hidden;
     /*padding-left: 10px;*/
     /*padding-right: 10px;*/
  }
#youshi  .advs span{ 
     font-size: 20px; 
     font-weight: bold; color: #333; 
     background:url(../images/line05.png) center bottom no-repeat;
     padding-bottom: 20px;
     overflow: hidden;
     text-align: center;
     width: 100%;
     display: block;
    } 
#youshi  .advs img{ display: block; width: 100%; height: 100%; border-radius: 0px; }
#youshi .advs>div{ border-right:1px solid #f5f3f3;border-bottom:1px solid #f5f3f3;  padding: 10px;}
#youshi .advs>div>div{ padding: 0px;overflow: hidden;  }
#youshi .advs>div>div>div{padding: 10px; background-color: #FFF;   }
#youshi .advs>div>div>div p{ line-height: 24px;}
@media (max-width: 767px){
   #youshi .advs span
    {
    font-size: 18px;
     line-height: 30px;
     padding-bottom: 10px;
  }
   #youshi p {
    line-height: 30px;
    margin-top: 10px;
     font-size: 12px; 
    color: #7a7a7a;
}
  #youshi img {
     margin-top: 10px; 
}
  #youshi .advs>div>div>div {
      padding: 4px;
      background-color: #FFF;
  }
	.index-us .index-us-na{ font-size: 24px; }
	#youshi{padding:30px 0; }
	#youshi h4 b{ font-size: 24px; color: #FFF; }
  .advs{ padding:0; }
  .caka{ padding-top: 15px; padding-bottom: 15px; background-color: #FFF; }
  #news .indhy-t{  text-align: center; }
  .inpro {
    
    width: 80%;
    margin: 0 auto;
}
}
/*清除案例内容中p属性*/
#home div p{ margin: 0; }
.nav > li > a {
    position: relative;
    display: block;
    padding: 4px 15px;
}
.tz-gallery .thumbnail img{ border-radius: 0px; }
/*产品内容图片放大*/
#in-contact .item img:hover{
  transform: scale(1.3);
   transition: 2s;
 }
 #in-contact .item img{transition: 2s;}