body{ font-family: "Microsoft YaHei","微软雅黑";}
ul{padding:0;}
ul li{ list-style-type: none;}
* {
    transition: all 0.5s ease 0s;
}
a {
    color: #666;
    text-decoration: none;
}
a:hover{text-decoration:none; }

.navbar{margin-bottom: 0px;}
.navbar-default .navbar-toggle{ border: 1px solid #fed102; padding: 8px 6px; margin-top: 20px;}
.sf-nav{ background-color: transparent; border: 1px solid #fed102;}
.menus{ height: 2px; width: 20px; overflow: hidden; background: #fff; margin-top: 2px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #fed102;}

.carousel-control,.carousel-indicators{ top:auto; bottom: 100px; font-family: "宋体";}
.carousel-indicators{top: 76%;}
.carousel-indicators{ width: 30%; margin-left: -15%;}

.carousel-indicators li{background: #009944;}
.carousel-indicators .active{background-color: #fed102; border: 3px solid #fff; box-shadow: 2px 2px 7px #b31d23;}
.carousel-control.right,.carousel-control.left{background-image: none; opacity:.9}
.carousel-control.left{   background: #118453;    background: rgba(18,132,80,0.8); border-radius: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; left: 10%;}
.carousel-control.right{  background: #118453;    background: rgba(18,132,80,0.8); border-radius: 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; right: 10%; }


nav.navbar.bootsnav,.navbar-default{background-color: transparent}
.sfnav{background: #204eaf; background: rgba(30,80,180,0.6);}
.sflogo{ padding-top: 10px; padding-bottom: 10px;}
.navbar-default .navbar-nav>li>a{color: #fff;/* padding-left: 36px; padding-right: 36px;*/}
nav.bootsnav.navbar-brand-top .navbar-header{ padding-bottom: 0px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #204eaf; background: rgba(30,80,180,1); color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background: #204eaf; background: rgba(30,80,180,1); color: #fff;}
.sfpage1{ margin-top: -190px; z-index: 11; position: relative;}

.navbar-nav>li>A{ padding: 24px 30px; padding-top: 24px!important; padding-bottom: 24px!important;}
nav.navbar.bootsnav, .navbar-default{ border-bottom: 0px;}


.navbar-default .navbar-nav>li>a >P{ text-align: center; width: 100%; font-size: 12px;}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ color: #fff; padding: 10px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #000; color: #a0825c;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background: #204eaf;
    background: rgba(30,80,180,.8);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;

    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #fed102; background: rgba(254,200,4,0.8);}


.carousel-control{z-index: 99;}

/*向上*/
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #204eaf;/*透明 透明  灰*/
    border-color:transparent transparent rgba(30,80,180,1);/*透明 透明  灰*/
    top:-10px; left:30px;
    position:absolute;
}


.products-ul li{ margin-top: 20px; padding: 8px;}
.sfproducts .casebox { width: 100%; margin: 0 10px; height: 200px; background: #fff; cursor: pointer; position: relative; }
.sfproducts .casebox .casemod01 { width: 100%; height: 200px; text-align: center; }
.sfproducts .casebox .casemod01 .inco { width: 100%; height: 200px; overflow: hidden; line-height: 200px; }
.sfproducts .casebox .casemod01 .inco img { max-width: 100%; min-height: 100%; overflow: hidden; line-height: 200px; }
.sfproducts .casebox .casemod01 .title { width:100%; position: relative; margin-top: 20px;   text-align: center;  line-height: 20px;}
.sfproducts .casebox .casemod01 .title .sj-name{ float: left;  font-size: 16px; font-weight: 200; width: 100%; color: #333; font-weight: 600; }
.sfproducts .casebox .casemod01 .title .sj-zw{ background: #118453;  padding-left: 20px; padding-right: 20px; line-height: 60px; font-size: 30px;  height: 62px;}

.sfproducts .casebox .casemod01 .title .sj-zw2{display: inline-block; font-size: 16px; padding-left: 10px; padding-right: 10px; float: right; }



.sfproducts .casebox .cover { position: absolute; top: 0; left: 0; height: 100%; padding: 0 10%; visibility: hidden; opacity: 0; width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');  background: rgba(18,132,80,0.8); background-position: top left; background-repeat: no-repeat; color: #fff; text-align: center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.sfproducts .casebox .cover h2 { margin: 50px 0 10px 0;  font-size: 18px; font-weight: 600; }
.sfproducts .casebox .cover .desc { height: 96px; overflow: hidden; color: #e6e6e6; text-align: center; margin-bottom: 40px; }
.sfproducts .casebox .cover .more { color: #000; border: 1px solid #f6e529; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.sfproducts .casebox .cover .more:hover { background: #f6e529; border-color: #f6e529;color: #fff; }
.sfproducts .casebox:hover .cover { visibility: visible; opacity: 1; }
.sfproducts .casebox:hover .title{ opacity: 0; }
.sfproducts .casebox:hover,.sfproducts .casebox:hover a,.sfproducts .casebox:hover h2{ color: #fff;}


.sffoot{ width: 100%; padding: 30px 0; margin-top: 0px; background: #eef0f5; border-top: 10px solid #204eaf;}
.footcen{ border-bottom: 1px solid #c4b9a5; width: 100%; display: inline-block; padding: 20px; margin-top: 10px; border-top: 1px solid #c4b9a5;}
.footdiv{}
.footdiv .foot-tit{ font-size: 18px; font-weight: bold; color: #333;}
.foot-ul{ color: #333; line-height: 40px; text-transform:uppercase; font-size: 12px; }
.foot-ul > li{ float: left; padding: 0 30px;}
.foot-ul ul li{ line-height: 20px;}
.footbq{ padding: 10px 0; border-top: 1px solid #ccc; font-size: 12px; display: inline-block; color: #333;}
.footbq a{ color: #333; float: right; margin-left: 16px;}
.footewm{ margin-top: 10px;}
.footlogo{ margin-top: 10px;}
.foot-icon-ul li{ float: right; width:40px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; border: 1px solid #c4b9a5; margin-left: 16px;}
.foot-icon-ul li a{color: #c4b9a5;}
.foot-icon-ul li:hover{background: #c4b9a5; }
.foot-icon-ul li:hover a{color: #fff;}
.footdz{ color: #7a7a7a;}
.footb{ background: #333333; padding: 16px 0 ; color: #fff;}
.footb a{ color: #fff;}


.hgnav{ position: absolute; top: 0;left: 0; width: 100%; z-index: 11;}
/*内页*/
.page-tit{ display: inline-block; text-align: center; width: 100%;}
.page-tit .tit-cn{ font-size: 24px; position: relative;}

.tit-cn div{ display: inline-block;}
.page-tit .tit-en{ font-size: 16px; text-transform:uppercase; margin-top: 0px; color: #fff;}
.tit-cn span {
    display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/

    position: relative;   /*定位横线（当横线的父元素）*/
}
.tit-cn span:before, .tit-cn span:after {
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 52%;
    background: #fff;       /*宽和高做出来的背景横线*/
    width: 6%;
    height: 1px;
}
.tit-cn span:before{
    left: 36%;        /*调整背景横线的左右距离*/
}
.tit-cn span:after {
    right: 36%;
}
.page-tit .tit-note{ font-size: 12px; color: #999;}
.nypage{ line-height: 30px; padding: 40px 0;}
.nypage img{max-width: 100%; height: auto!important;}

/*内页*/
.page-titb{ display: inline-block; text-align: center; width: 100%; margin-top: 40px;}
.page-titb .tit-cn{ font-size: 28px;}

.tit-cn div{ display: inline-block;}
.page-titb .tit-en{ font-size: 20px; text-transform:uppercase; margin-top: 10px; color: #fff;}
.tit-cn span {
    display: block;     /*设置为块级元素会独占一行形成上下居中的效果*/

    position: relative;   /*定位横线（当横线的父元素）*/
}
.tit-cn span:before, .tit-cn span:after {
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 52%;
    background: #fff;       /*宽和高做出来的背景横线*/
    width: 3%;
    height: 1px;
}
.tit-cn span:before{
    left: 36%;        /*调整背景横线的左右距离*/
}
.tit-cn span:after {
    right: 36%;
}
.page-titb .tit-note{ font-size: 14px; color: #999;}
.nypage{ line-height: 30px; padding: 40px 0;}
.nypage img{max-width: 100%; height: auto!important;}



.abpage{  padding: 40px 0;}
.pageb{ padding: 40px 0;}
@media (max-width: 768px) {
  .pageb {
    padding: 0;
  }
    .sfproducts .casebox { width: 100%; margin: 0 10px; height: 120px; background: #fff; cursor: pointer; position: relative; }
    .sfproducts .casebox .casemod01 { width: 100%; height: 120px; text-align: center; }
    .sfproducts .casebox .casemod01 .inco { width: 100%; height: 120px; overflow: hidden; line-height: 200px; }
    .products-ul li{ margin-top: 5px; padding: 8px;}
    .sfproducts .casebox .casemod01 .title { width:100%; position: relative; margin-top: 5px;   text-align: center;  line-height: 20px;}
    .carousel-control{ top: 55%;}
    .navbar-nav>li>A{ padding: 14px 30px; padding-top:14px!important; padding-bottom: 14px!important;}
    .dropdown-menu{ left: 20px;}
    .sfproducts .casebox .cover .desc{ height: 0px;}
}
.nypage-t{    background: #204eaf;    background: rgba(30,80,180,1); padding-top: 20px; margin-top: 0px; padding-bottom: 20px;}

.ny-nav{margin-top: 10px;}
.ny-nav{ width: 100%; position: relative; text-align: center;}
.ny-nav li{  padding: 10px 20px; display: inline-block;}
.ny-nav li:hover,.ny-nav li.active{ background: #204eaf;    background: rgba(30,80,180,1);}
.ny-nav li:hover a,.ny-nav li.active a{ color: #fff;}

.new-ul-n{ width: 100%;}
.new-ul-n li{ border-bottom: 1px dotted #e5e5e5; padding: 8px 0; margin: 8px; display: inline-block; }
.new-div-n h3{ font-size: 16px; color: #333; line-height: 30px; height: 30px;overflow: hidden;
    margin-top: 0px; margin-bottom: 0px;}
.new-icon-n{ width: 100%; line-height: 20px; margin-bottom: 0px;}
.new-icon-n span{ margin-right:8px; font-size: 10px; color: #ccc; }
.new-note-n{ overflow: hidden; font-size: 14px; line-height: 24px; color: #999;}
.newimg-n{ height: 206px; overflow: hidden; padding: 0px; padding-left: 8px;}
.newimg-n img{ width: 100%;}

.about-name{ border-bottom: 1px dashed #ccc; padding-bottom: 10px;}




.p0{padding: 0;padding-left: 0px; padding-right: 0px; }
.plr0{ padding-left: 0px; padding-right: 0px; }
.container-fluid{ padding-left: 0; padding-right: 0;}
.hongse{ color: #ff0000;}
.baise{ color: #fff;}
.chengse{ color: #204eaf;}
.huise{ color: #999;}
.w100{ width: 100%;}
.mt20{ margin-top: 20px; }
.mt40{margin-top: 40px;}