﻿body {
     background:#fff
}
.layui-bg-black{
        background: #fff !important;
}
.wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.ctitle{
   font-size: 30px;text-align: center;line-height: 2em;color: #000;
}
.summary{ text-align: center;line-height: 24px;color: #c2c2c2;}
#feature{ padding-top: 25px;padding-bottom: 30px;}

.layui-carousel img{width:100%}
#feature .item_con{ }
#feature ul li{ width: 298px;
                box-shadow: 0 0 20px rgba(0,0,0,0);    transition: ease .3s;
                margin-top: 25px; text-align:center;border: 1px solid #eee; height:300px;padding-top:30px; border-right:0}
#feature ul li.br{
    border: 1px solid #eee; 
}
#feature ul li:hover { box-shadow: 0 0 30px rgba(0,0,0,.15); }
#feature ul li .icon{     
    color: #1ca5dc;width: 60px; height:60px; font-size:50px; margin: 0 auto; box-shadow: 0 0 6px rgba(0,0,0,0.2) inset;opacity:0.8; border-radius: 50%;overflow: hidden;padding: 15px;cursor: pointer;-webkit-transition: all .5s ease;transition: all .5s ease;}
#feature ul li .icon:hover{ transform: rotate(360deg); color:#274a8a; border-color: #162b7e;opacity: 1; }
#feature ul li .icon  img{ display : block ; width:50px}
#feature ul li h4{ height: 32px;line-height: 32px;text-align: center;font-size: 20px;margin-top: 15px;}
#feature ul li .desc{ 
    margin-top:35px;
font-size: 16px;
    line-height: 24px;
    /* height: 48px; */
    /* overflow: hidden; */
    color: #393D49;
     width:260px;
     color:#999;
     padding:20px
    /* text-align: center; */
}
dl.grid dt, ul.grid li {
    float: left;
}
#footer {
    background: #2F4056; clear:both;
    color: #ffffff;
    margin-top: 4%;
    padding: 0 0 25px; padding-top:30px
}
    #footer a {
        color: #c2c2c2;
    }
    #footer  .title {
    line-height: 30px;
    font-size: 14px;
}
    #footer .link em {
    font-style: normal;
    margin: 0 5px;
}
#copyright {
    background: #273547;
    padding: 15px 0;
    text-align: center;
    color: #c2c2c2;
    line-height: 24px;
}
 
  .aboutf {
      padding:10px 0;
  }
 .aboutf a{
     color:#19b5f0;
     margin:0 10px;
 }
  .layui-nav-item a{
 
  }
  .layui-nav-item{
      margin:0 10px;
  }
 .fly-header .layui-nav .layui-nav-item a:hover{
     background:#16457d;
     color:#fff !important;
    
    
 }
 .fly-header .layui-nav .layui-nav-item a{
      color:#16457d !important;
 }
 .fly-header .fly-nav a{
     padding:0
 }
 .fly-header .fly-nav a{
           padding:0 30px;
 }
.clear { clear:both; height:0px; overflow:hidden; }
.clearfix:after,ul.grid:after { content: " ";display: block;clear: both;height: 0;}/*如果有浮动，给浮动元素父级元素加上clearfix类即可清除浮动*/
.clearfix,ul.grid { zoom: 1;}
 
 
#news{ padding-top: 25px;padding-bottom: 30px;}
#news h2{ font-size: 30px;text-align: center;line-height: 2em;color: #FF5722;}
#news h2 span{ }
#news .summary{ text-align: center;line-height: 24px;color: #c2c2c2;}
#news .mt{ text-align: center;margin:  3% 0 2%;}
#news .mt a{ display: inline-block;height: 48px;background: transparent; line-height: 48px;border: 1px solid #b5b5b5;font-size: 15px;text-decoration: none;color: #8c8c8c;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;padding: 0 32px;}
#news .mt a.current{ background: #009688;border-color: #8cc63e;color: #fff;}
#news .mt a.bef{ border-radius: 5px  0 0 5px;}
#news .mt a.aft{ border-radius: 0  5px 5px 0;}

#news .item_con{ position: relative;overflow: hidden;}
#newsBox{ width: 200%;position: relative;}
#newsBox .each{ width: 50%;float: left;overflow: hidden;}
#newsBox .each ul{ width: 100%;}
#newsBox .each li{ width: 44%; margin: 2% 3%;}
#newsBox .each li .border{ border: 1px solid #eeeeee;border-radius: 4px;transition: all .5s ease;}
#newsBox .each li .title{ height: 44px;line-height: 44px;text-align: center;font-size: 16px;padding: 0 4%;overflow: hidden; }
#newsBox .each li .summ{ margin: 0 4%; border-top: 1px solid #f2f2f2;line-height: 26px;height: 78px;overflow: hidden;color: #393D49;font-size: 13px;padding-top: 10px;}
#newsBox .each li .show{ margin: 10px 4% 0;height: 36px;line-height: 36px;border-top: 1px solid #f2f2f2;}
#newsBox .each li .detail{ float: right;transition: all .5s ease;}
#newsBox .each li .date{ font-family: Arial,Verdana,sans-serif;color: #4d4d4c;}
#newsBox .each li .border:hover{ border-color: #d2d2d2;}
#newsBox .each li .border:hover .detail{ transform: scale(1.1);}
 

.layui-tab-title .layui-this {
    color: #000;
    background: #f8f8f8;
}

.layui-tab-title li{padding:0 50px; font-size:18px}

#insiderBase{ margin-top: 30px;min-height: 650px;}
#insiderBase .base-info{ padding: 0 3%;}
#insiderBase .base-head{ padding-bottom: 20px;border-bottom: 1px solid #eeeeee;border-radius: 0 0 20px 20px;}
#insiderBase .base-head h2{ font-size: 30px;text-align: center;line-height: 2em;color: #FF5722}
#insiderBase .base-head .summary{ text-align: center;color: #c2c2c2;line-height: 2em;}

.cms_case1{}
.cms_case1 li{   border-bottom: 1px dotted #dddddd;padding-left: 12px; overflow: hidden; background: url(../images/home/article_icon.gif) left center no-repeat; }
.cms_case1 li span{ float: right;color: #666666;}

#service{margin-top: 30px;min-height: 650px;}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after{border-bottom:2px solid #395386}



/*文章详情*/
.comm_view{}
.comm_view .comm_title{ border-bottom: 1px  solid #dddddd ;padding-bottom: 15px;}
.comm_view .comm_title  h2{ font-size: 20px;font-weight: bold;width: 90%;margin: 0 auto;text-align: center;line-height: 2em;padding: 20px 0 10px;}
.comm_view .comm_title  h4{ width: 90%;margin: 0 auto;text-align: center;line-height: 2em;}
.comm_view .comm_title  h4 span{ margin: 0 12px;}
.comm_view .comm_title  h4 i{ /*color: red;*/}
.comm_view .comm_content{ padding: 15px 0;border-bottom: 1px solid #dddddd ;min-height: 200px;color: #666666;}
.comm_view .comm_neighbor{ padding: 15px 0;}
.comm_view .comm_neighbor div.prev{ width: 48%;float: left;height: 30px;line-height: 30px;overflow: hidden;}
.comm_view .comm_neighbor div.next{ width: 48%;float: right;height: 30px;line-height: 30px;overflow: hidden;text-align: right;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
        background-color: #FF5722 !important;
}
.fly-nav dd a{
    padding:0 !important; text-align:center
}
.cms_case1{font-size:18px; line-height:50px}







/*右侧工具栏*/
@font-face {
  font-family: 'iconfont';  /* project id 533279 */
  src: url('//at.alicdn.com/t/font_533279_zgf5j65kkn.eot');
  src: url('//at.alicdn.com/t/font_533279_zgf5j65kkn.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_533279_zgf5j65kkn.woff') format('woff'),
  url('//at.alicdn.com/t/font_533279_zgf5j65kkn.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_533279_zgf5j65kkn.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.demo-icon{
 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:40%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
/*.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}*/
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../imgs/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../imgs/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../imgs/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}



