@charset "utf-8";
 @font-face {font-family: "iconfont";
          src: url('../font/iconfont.eot'); /* IE9*/
          src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
          url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
        .iconfont {
          font-family:"iconfont" !important; 
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
/*--------------------------------------------------------------------------------------------*/
html { font-family: "Microsoft Yahei"; }
body { font-family: "Microsoft Yahei"; background: #eee; color:#333; }
.clr { clear:both; }
.allpage {
    background: #fff;
    width: 10rem;
    height: auto;
    margin: 0 auto;
    position: relative;
}
/*首页头部*/
.topwrap {
    width: 10.0rem;
    height: 1.35rem;    
    background: #fff;
    position: relative;
    z-index: 998;
}
/*列表头部*/
.topwrap_list {
    width: 10.0rem;
    height: 1.35rem;    
    background: #0a3988;
    position: relative;
    z-index: 998;
}

.topwrap_logo {
    width: 5rem;
    height: 1.35rem;
    float: left;
    /*position: absolute;
    top: 0;
    left: 0;
    z-index: 999;*/
}
.topwrap_logo img {
    width: 4.5rem;   
    margin: 0.1rem 0 0 0.3rem;
}
.topwrap_menu_btn {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0.35rem;
    font-size: 0.8rem;
    color: ##0a3988;
    top: 0.3rem;
}
.topwrap_menu_list{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0.35rem;
    font-size: 0.8rem;
    color: #fff;
    top: 0.3rem;
}


/*中英文切换*/
.ch_en{
    width: 3.5rem;
    height: 1.35rem;
    float: left;
}
.ch_en a{
    display: block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    float: left;
    color: #fff;
    margin: 0.15rem 0 0 0.5rem;
    background: #0a3988;
    border-radius: 0.1rem;
    text-align: center;
}
/*黑色半透明遮罩层*/
.gf_overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}
/*右侧列表导航*/
.pop_nav_wrap {
    display: none;
    width: 4rem;
    height: 100%;
    padding-top: 0.5rem;
    background: #f2f2f2;
    position: absolute;
    z-index: 9999;
    top: 0;
    right: -4rem;
}
.pop_nav_wrap h6 {
    font-size: 0.6rem;
    text-align: center;
}
.pop_nav_w {
    width: 3.4rem;
    height: 6.3rem;
    margin: 0 auto;
}
.pop_nav_w>ul>li>a {
    color: #fff;
    font-size: 0.45rem;
}
.pop_nav_w>ul>li>a {
    width: 3rem;
    height: 1rem;
    line-height: 1rem;
    background: #333;
    text-align: left;
    border-radius: 0.2rem;
    margin: 0.2rem 0;
    padding-left: 0.4rem;
    display: block;
}
.f_s_01 {
    font-size: 0.45rem;
    padding-right: 0.1rem;
    color: #75bcea;
}
.gfclose {
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    font-size: 1rem;
    position: absolute;
    top: 0.4rem;
    left: -1.2rem;
    color: #fff;
}
.sub {
    line-height: 0.6rem;
    margin: 0.2rem 0;
    display: block;
}
.sub li {
    width: 2.1rem;
    height: 0.7rem;
    display: block;
    border-radius: 0.1rem;
    background: #ccc;
    margin: 0.2rem 0;
    padding-left: 1.2rem;
    color: #333;
}
.sub li a {
    color: #333;
    font-size: 0.4rem;
}
/*banner*/
.banner{ 
    width:100%; 
    position: relative; 
    margin:0 auto;
}
.swiper-slide{ 
    z-index:1;
}
.swiper-pagination{
    padding:0; 
    margin:0; 
    width: 100%!important;  
    text-align: center!important;   
    bottom:10px!important;  
    z-index:99999999;
}
.swiper-pagination-bullet{
    width: 0.3125rem!important; 
    height: 0.3125rem!important;     
    background-color: #ffffff;
    opacity: 1!important; 
    border-radius:50%!important;
}
.swiper-pagination-bullet-active{ 
    background:#CF000D; 
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
    margin:0 0.15625rem!important;
}
.banner img {
    width:10rem;
    display: block;
}
.swiper-pagination2{
    padding:0; 
    margin:0;   
    width: 100%!important;  
    text-align: center!important;   
    bottom:10px!important;  
    z-index:99999999;
}
#swiper-pagination2 {
    color:#fff; 
    width:1rem!important;
    height:1rem!important; 
    line-height:1rem; 
    text-align: center; 
    margin-right:0.2rem; 
    border-radius:1rem; 
    background: rgba(0,0,0,0.5); 
    right:0;left:auto;} 

#swiper-pagination1 {
    color:#fff; 
    width:1rem!important;
    text-align: center;
    border-radius:0.2rem;
    background: rgba(0,0,0,0.5); 
    margin: 0 auto; 
    display: block; 
    padding:0 0.2rem;
    right:0; left:auto; 
    margin-right:0.15rem; } 
.goTop { 
    width:1rem; 
    height:1rem; 
    position:fixed; 
    bottom:2rem; right:0.5rem; 
    background: #f00;     
    border-radius:1rem;
}
/*8个按钮*/
.btn4_wrap {
    width: 10rem;
    height: 2rem;    
}
.btn4_wrap ul {
    width: 10rem;
    height: 2rem;
    margin: 0 auto;
}
.btn4_wrap li {background: #053e84;    
    width: 33.3%;
    float: left;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    box-sizing:border-box;    
}
.btn4_wrap li:nth-child(1){
    border-top:2px solid #fff;}
.btn4_wrap li:nth-child(2){
    border-left:2px solid #fff; border-top:2px solid #fff;}
.btn4_wrap li:nth-child(3){
    border-left:2px solid #fff; border-top:2px solid #fff;}
.btn4_wrap li:nth-child(4){
    /*border-left:2px solid #fff; */
    border-top:2px solid #fff;
}
.btn4_wrap li:nth-child(5){
    border-top:2px solid #fff;
    border-left: 2px solid #fff;
    /*border-bottom:2px solid #fff;*/
    
}
.btn4_wrap li:nth-child(6){
    border-left:2px solid #fff; 
    border-top:2px solid #fff;
    /*border-bottom:2px solid #fff;*/
    
}
.btn4_wrap li:nth-child(7){
    border-left:2px solid #fff; border-top:2px solid #fff;border-bottom:2px solid #fff;}
.btn4_wrap li:nth-child(8){
    border-left:2px solid #fff; border-top:2px solid #fff;border-bottom:2px solid #fff;}
.btn4_wrap li a{    
    display:block;
    color: #fff;
    font-size: 0.4rem;
}
/*简介*/
.Intr_wrap {
    width: 10.0rem;
    min-height: 6rem;
    background-size: 100%;
    position: relative;
    padding-bottom: 0.4rem;
}
.column{
    width: 10.0rem;
    height: 1.2rem;
    margin-top: 0.4rem;
    text-align: center;
}
.column h1 {
    font-weight: bold;
    font-size: 40px;
    color: #2884db;
}
.column span {
    width: 100%;
    float: left;    
    font-size: 22px;
    color: #2884db;
    font-family: Arial;
}

.jjwrap{
    width: 9rem;
    margin: 0 auto;
    color: #666;
}
.jj_text_kong2 {
    text-indent: 0.84rem;
}
.jj_text {
    width: 100%;
    margin: 0 auto;
    line-height: 0.62rem;
    font-size: 0.4rem;
    padding-top: 0.3rem;
}
.jj_text img {
    width: 100%;
}
.jj_text p{
    margin-top: 0.5rem;
}
.more03_bg01 {
    background: #2884db;
}
.more03 {
    width: 8rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    background-size: 100%;
    margin: 0.3rem auto 0.3rem;
    clear: both;
    border-radius: 0.1rem;
}
.more03 a {
    display:block;
    color: #fff;
    font-size: 0.4rem;
    line-height: 0.9rem;
}
/*热招项目*/
.rzxm_wrap{
    width: 10rem;
    min-height: 10rem;
    margin: 0 auto;
    
}
/*.rzxm_wrap li{
    display:block;
    width: 2.8rem;
    height: 2.8rem;
    background: #fff;
    float: left;
    border-radius: 0.1rem;
    margin: 0.4rem 0 0 0.4rem;
}*/
.rzxm_wrap ul{
    display:block;
    width: 9rem;
    height: 9rem;
    margin: 0 auto;
}
.rzxm_wrap a{
    display:block;
    width: 2.4rem;
    height: 2.6rem;
    float: left;
    text-align:center;
    margin: 0.3rem;
    color: #666;
}
.rzxm_wrap img{
    width: 2.4rem;
    height: 2.4rem;
}




/*森源风采 行业新闻 产品中心标题*/
.piclist_wrap {
    width: 10rem;
    min-height: 7.6rem;
    margin: 0 auto;
}
.com_t_b {
    width: 10rem;
    height: 1rem;
}
.com_t_b_bg02 {
    background: #053e84;
}
.com_tit_n {
    width: 7rem;
    text-align: left;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.5rem;
    color: #fff;
    padding-left: 0.5rem;
    float: left;
}
.com_tit01_b {
    width: 2rem;
    text-align: right;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.4rem;
    color: #fff;
    padding-right: 0.5rem;
    float: left;
    background: #2884db;
}
.com_tit01_b a {
    color: #fff;
}
/*森源风采和产品中心图片*/
.piclist_wrap {
    width: 10rem;
    min-height: 7.6rem;
    margin: 0 auto;
}
.piclist_wrap ul {
    width: 9.3rem;
    margin: 0 auto;
    padding-top: 0.3rem;
    min-height: 7.6rem;
}
.piclist_wrap ul li {
    width: 4.35rem;
    height: 3.5rem;
    float: left;
    margin: 0 0.15rem;
    margin-bottom: 0.3rem;
}
.piclist_wrap ul li img {
    width: 4.35rem;
    height: 3rem;
}
.piclist_wrap ul li h5{
    width: 4.35rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.4rem;
    text-align: center;
    overflow: hidden;
}
/*新闻中心*/
.news_wrap {
    width: 10rem;
    margin: 0 auto;
    height: 7rem;
}
.news {
    width: 9rem;
    padding-bottom: 20px;
    margin: 0 auto;
    padding-top: 0.3rem;
}
.news li {
    width: 9rem;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 0.38rem;
}
.news li p {
    width: 7rem;
    float: left;
    height: 1rem;
    line-height: 1rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news li a {
    color: #666;
}
.news li span {
    width: 2rem;
    float: left;
    text-align: center;
    color: #999;
    font-size: 0.3rem;
}
/*foot*/

.footinfo { width:100%; text-align:center; line-height:0.6rem; }
.zhichi { width:100%;  padding-bottom: 0.2rem; font-size:0.35rem; color:#666;  }
.baoming {    width: 100%; height: 1rem; line-height: 1rem;  background: #0a3988;  font-family: "microsoft yahei"; color: #fff;clear:both;}
.baodiv{ float:left; text-align:center;  color:#fff; display:block; width:100%;font-size: 0.4rem;  margin-top: 0.02rem; font-weight:normal;}
.baodiv span{ float:left; width:100%; ;}
/*二维码*/
.ewm { width:40%; margin:0 auto; padding-bottom: 16%;  }
.ewm img { width:100%;  }
.footer{width:10rem;height:1.5rem;position: fixed!important;bottom: 0;right: 0; left:0; margin:0 auto;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:1.5rem;bottom:0;left:0;z-index:10;
    -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;
    -ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background:#0a3988; }
.foot-relative{position:relative;width:100%;height:1.5rem;}
.foot a{display:block;float:left;width:25%;color:#ffffff}
.foot a span{display:block;width:100%;text-align:center;font-size:0.6rem;line-height:1rem;}
.foot a h3{width:100%;text-align:center;font:0.4rem/0.42rem "microsoft yahei";}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}


/*二级页面新闻列表*/
.goback {text-decoration:none; /*去掉下划线*/
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.65rem;    
    float: left; 
    margin: 0.35rem 0 0 0.2rem;
}
.goback a {
    color: #fff;
    font-size: 0.7rem;
}
.nav_title{
    width: 7rem;
    height: 1.35rem;
    line-height: 1.35rem;
    margin: 0 auto;
    color: #fff;
    font-size: 0.6rem;
    text-align:center;
}
.com_wrap {
    padding-bottom: 0.45rem;
    width: 10.0rem;
    min-height: 8.5rem;
    background-size: 100%;
    position: relative;
    border-top: 0.2rem solid #EDF0F5;
}
.ny_newslist_wrap {
    width: 9rem;
    margin: 0 auto;
    color: #666;
    font-size: 0.4rem;
}
.newslist_ny {
    width: 100%;
    margin: 0 auto;
}
.newslist_ny ul a {
    color: #333;
}
.newslist_ny ul a li {
    width: 90%;
    min-height: 0.6rem;
    line-height: 0.6rem;
    background: #f2f2f2;
    border-radius: 0.15625rem;
    font-size: 0.40625rem;
    padding: 0.15625rem 0 0.15625rem 4%;
    margin: 0.3rem 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.xxfl_wap{
    width: 90%;
    min-height: 4rem;
    margin: 0 auto;
    padding-top: 0.3rem;
}

.xxfl_wap a{
    border:1px solid #333;
    border-radius: 0.1rem;
    min-width: 4.2rem;
    height: 0.8rem;
    line-height: 0.8rem;    
    margin: 0.3rem 0 0 0.2rem;
    display:inline-block;
    text-align:center;
    color: #666;
    font-size: 0.45rem;
}
.xxfl_wap a.on{
    background: #ccc;    
}
/*二级页面新闻列表页码*/
.fanye {
    width: 100%;
    text-align: center;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0.3125rem 0;
    clear: both;
}
.fanye li.active {
    background: #ccc;
}
.fanye li {
    display: inline-block;
    padding: 0 0.3rem;
    text-align: center;
    margin: 0 0.1rem;
    list-style-type: none;
    border: 1px solid #999;
}
.fanye li a {
    color: #333;
}
/*二级页面图片列表*/
.com_wrap {
    padding-bottom: 0.45rem;
    width: 10.0rem;
    min-height: 8.5rem;
    background-size: 100%;
    position: relative;
    border-top: 0.2rem solid #EDF0F5;
}
.ny_piclist_wrap {
    width: 9.52rem;
    margin: 0 auto;
    padding-top: 0.2rem;
}
.ny_piclist_wrap h1 {
    font-size: 0.59375rem;
    width: 100%;
    text-align: center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    clear: both;
}
.piclist_ny {
    width: 9.52rem;
    margin: 0 auto;
}
.piclist_ny ul {
    width: 9.67rem;
}
.piclist_ny ul a li {
    width: 4.6rem;
    height: 4.5rem;
    margin-right: 0.23rem;
    float: left;
}
.piclist_ny ul a li img {
    width: 4.6rem;
    height: 3.5rem;
    display: block;
    float: left;
    padding-bottom: 0.1rem;
}
.piclist_ny ul a li p {
    width: 4.6rem;
    text-align: center;
    height: 0.7rem;
    line-height: 0.5rem;
    color: #666;
    float: left;
    overflow: hidden;
    font-size: 0.35rem;
}
/*三级页面详情页*/
.com_wrap {
    padding-bottom: 0.45rem;
    width: 10.0rem;
    min-height: 8.5rem;
    background-size: 100%;
    position: relative;
    border-top: 0.2rem solid #EDF0F5;
}
.jj {
    width: 9rem;
    margin: 0 auto;
    color: #666;
    font-size: 0.4rem;
}
.jj .jjh1 {
    font-size: 0.6rem;
    color: #111;
    line-height: 0.6rem;
    width: 100%;
    text-align: center;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    clear: both;
}

.jj_text>p>img {
    max-width: 100%;
    padding: 0.1rem 0;
}
.updown {
    width: 90%;
    margin: 0 auto;
    padding: 0.2rem;
    font-size: 0.35rem;    
}
.dash {
    height: 0.2rem;
    border-top: 1px dashed #ccc;
}
.updown p {
    width: 95%;
    height: 0.6rem;
    line-height: 0.6rem;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.updown p a {
    color: #666;
    font-size: 0.35rem;
}