.s_pro{ background:url(../images/s_pro_bg.jpg) bottom no-repeat;}
.s_pro .tt{ text-align:center; font-size:38px; color:#fff; font-weight:bold; margin-bottom:40px;}
.s_pro .tt a{ font-size:38px; color:#fff;}
.s_pro ul{ width:50%; float: left; padding:10px;}
.s_pro ul li{ width:calc(50% - 10px); float:left; margin-bottom:20px; overflow:hidden;}
.s_pro ul li.li_1,.s_pro ul li.li_6{ width:100%;}
.s_pro ul li.li_3,.s_pro ul li.li_5{ float:right;}
.s_pro ul li a{}
.s_pro ul li .pic{ text-align:center; height:213px; background:#fff; width:100%; display:table; padding:0 10px;table-layout: fixed }
.s_pro ul li .pic img{ max-height:100%;max-width: 100%; transition:1s; }
.s_pro ul li .txt{ background:#fff; padding:15px 30px; text-align:center;}
.s_pro ul li .txt h5{ color:#363638; font-size:15px; margin-bottom:5px;}
.s_pro ul li .txt span{ font-size:12px; color:#6e6e70; text-transform:uppercase; opacity:.7;} 

.s_pro ul li.li_1 .pic,.s_pro ul li.li_6 .pic{ height:330px;}
.s_pro ul li.li_1 .txt h5,.s_pro ul li.li_6 .txt h5{ font-size:18px;}
.s_pro ul li.li_1 .txt,.s_pro ul li.li_6 .txt{ padding-top:0; padding-bottom:30px;}
.s_pro ul li:hover .pic img{ transform:scale(1.1) }

.s_pro ul li{ opacity:0; transform:scale(.9); transition:1.5s 0s;}
.s_pro.active ul li{ transform:scale(1); opacity:1; transition:1.5s 0s;}

.m1600 {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
    min-width: 1200px;
}


.fs20 {
    font-size: 20px;
}
.title-box{text-align: center;color:#333;padding:55px 0;}
.title-box .tit{line-height: 1;}
.title-box .stit{color:#666;margin-top:22px;}

.bold {
    font-weight: bold;
}

.fs48 {
    font-size: 48px;
}



#s_news{ width:100%; overflow:hidden;}
#s_news .left{ width:33.75%;}
#s_news .right{ width:66.25%;}
#s_news .li.li_3{ width:50%; float: left;}
#s_news .li.li_1{ height:704px;}
#s_news .li.li_1 .txt .btn_more{ width:10.625rem; height:3.125rem; border:2px solid #f7f7f7; text-align:center; line-height:2.875rem; margin:0; margin-top:16rem; transition:.3s;}
#s_news .li.li_1 .txt .btn_more:hover{ border:2px solid #0869ac;}
#s_news .li .txt .btn_more:after{ content:""; width:.8rem; height:1.5rem; background:url(../images/right_white.svg) center no-repeat; background-size:contain; position:relative; top:.45rem; margin-left:1rem; display:inline-block;}
#s_news .li{ height:352px;}
#s_news .li .box{ display:block; background-size:cover !important; position:relative; overflow:hidden; width:100%; height:100%;}
#s_news .li .img{ overflow:hidden;}
#s_news .li .img img{ transition:1s; display:block;}
#s_news .li:hover .img img{ transform:scale(1.03);}
#s_news .li .txt{ padding:3.6rem; color:#fff; }
#s_news .li .txt .time{ font-size:1rem; font-family:arial; display:block; margin-bottom:2.5rem;}
#s_news .li .txt h5{ font-size:1.5rem; font-weight:bold; line-height:2.5rem; margin-bottom:1.25rem; white-space:normal;}
#s_news .li .txt p{ font-size:.875rem; color:rgba(255,255,255,.65); line-height:1.625rem; }
#s_news .li .txt .btn_more{ font-size:.875rem; margin:0 auto; display:inline-block; height:35px; line-height:35px; padding:0;-webkit-transition: .38s cubic-bezier(.4,0,.2,1);
    transition: .38s cubic-bezier(.4,0,.2,1); padding:0;}
#s_news .li .txt .btn_more:hover{ padding:0 10px;}




#n_lianxi{ width: 100%; overflow: hidden;}

#n_lianxi .box{ position: relative; width: 100%; height: 100%; }

#n_lianxi .txt{ width: 53%; float: left; background: #fff url(../images/lianxi_bg.png) right bottom no-repeat; border:1px solid #e5e5e5; border-radius: .5rem 0 0 .5rem; padding: 4rem 4rem 3rem;box-shadow: 1.832px 34.952px 38px 14px rgba( 109, 109, 109,.2 );}

#n_lianxi .tt{ border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 2rem;}

#n_lianxi .tt h3{ font-size: 1.5rem; color: #000; font-family: PingFangSC-Bold,"苹方";}

#n_lianxi .tt span{ font-size: .875rem; color: #737373; text-transform: uppercase;}

#n_lianxi .con{}



#n_lianxi ul{ margin-bottom: 2rem;}

#n_lianxi ul li{ font-size: 1rem; color: #000000; line-height: 2.75rem; margin-bottom: .5rem;}

#n_lianxi ul li span{}

#n_lianxi ul li font{ width: 2.75rem; height: 2.75rem; line-height: 2.625rem; text-align: center;border-radius: 50%; border: 1px solid #e6e6e6; display: inline-block; margin-right: 1.125rem;}

.lianxi_ewm{ overflow: hidden;}

.lianxi_ewm img{ float: left; width: 7.5rem; height: 7.5rem; margin-right: 1.5rem;}

.lianxi_ewm .txt2{ float: left; height: 7.5rem; font-size: .875rem; color: #575757; line-height: 1.5rem;}



.n_map{ width: 47%; height: 100%; position: absolute; top: 0; right: 0;border:1px solid #e5e5e5; border-left: 0;}

img.framed { 
padding: 6px; 
border: 1px solid #CCC; 
background-color: #FFF; } 


#n_lianxi{ width: 100%; overflow: hidden;}

#n_lianxi .box{ position: relative; width: 100%; height: 100%; }

#n_lianxi .txt{ width: 53%; float: left; background: #fff url(../image/lianxi_bg.png) right bottom no-repeat; border:1px solid #e5e5e5; border-radius: .5rem 0 0 .5rem; padding: 4rem 4rem 3rem;box-shadow: 1.832px 34.952px 38px 14px rgba( 109, 109, 109,.2 );}

#n_lianxi .tt{ border-bottom: 1px solid #ccc; padding-bottom: 1rem; margin-bottom: 2rem;}

#n_lianxi .tt h3{ font-size: 1.5rem; color: #000; font-family: PingFangSC-Bold,"苹方";}

#n_lianxi .tt span{ font-size: .875rem; color: #737373; text-transform: uppercase;}

#n_lianxi .con{}

.pad_bot {
    padding-bottom: 5rem;
}



#n_lianxi ul{ margin-bottom: 2rem;}

#n_lianxi ul li{ font-size: 1rem; color: #000000; line-height: 2.75rem; margin-bottom: .5rem;}

#n_lianxi ul li span{}

#n_lianxi ul li font{ width: 2.75rem; height: 2.75rem; line-height: 2.625rem; text-align: center;border-radius: 50%; border: 1px solid #e6e6e6; display: inline-block; margin-right: 1.125rem;}

.lianxi_ewm{ overflow: hidden;}

.lianxi_ewm img{ float: left; width: 7.5rem; height: 7.5rem; margin-right: 1.5rem;}

.lianxi_ewm .txt2{ float: left; height: 7.5rem; font-size: .875rem; color: #575757; line-height: 1.5rem;}


.erweimayangshi{padding-top: 30px;}
.n_map{ width: 47%; height: 100%; position: absolute; top: 0; right: 0;border:1px solid #e5e5e5; border-left: 0;}


.j_tab_cel {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


.m {
    max-width: 1600px;
    height: 100%;
    margin: 0 auto;
    padding: 0 100px;
    display: block;
    position: relative;
}