
@font-face {
 font-family:"alternate";
 src: url("http://www.fslongxinjixie.com/fonts/alternate.eot"),
      url("http://www.fslongxinjixie.com/fonts/alternate.ttf");
}
@font-face {
 font-family:"Din";
 src: url("http://www.fslongxinjixie.com/fonts/Din.eot"),
      url("http://www.fslongxinjixie.com/fonts/Din.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("../font/AgencyFB.eot"),
      url("../font/AgencyFB.ttf");
}
/*é¦–é¡µstyleå¼€å§‹*/
.tuz-tu{
    margin: 30px auto;
}
.tuz-tu img{
    border-radius: 20px;
    margin-bottom: 50px;
}
.fangda11 img{
    transition: all 0.6s;
    cursor: pointer;
}
.fangda11 img:hover{
    transition: all 0.6s;
    transform: scale(1.02);
    cursor: pointer;
    
}
/*banner*/
.banner{width:100%;position:relative;height: auto;display:inline-block;}
.slides{position:relative; height:100%;}
.slides li{height:100%; position:relative; width:100%;}
.slides li a{ display:block; width:100%; height:100%; position: absolute; left: 0; top: 0;}
.slides li img{display:none;}
@media screen and (max-width:1024px){
.slides li{ background-size:auto 100% !important; height:auto !important;  min-height:320px !important;}
}
@media screen and (max-width:768px){
.slides li{ background:none!important; height:auto !important; min-height:inherit !important;}
.slides li a{position: relative; left: auto; top: auto;}
.slides li img{ width:100%; display:block;}
}
.flex-control-nav{ position:absolute; bottom:4%; z-index:99; text-align:center; width:100%;}
.flex-control-nav li{ display:inline-block; margin:0 5px;}
.flex-control-nav li a{ display:block; overflow:hidden; text-indent:-999px; width:9px; height:9px; border:3px solid #fff; background:#fff; border-radius:50%; cursor:pointer;transition:0.5s;}
.flex-control-nav li a.flex-active{ border:3px solid #0658b3; background:none; transition:0.5s;}
.flex-direction-nav{position:absolute;z-index:99; width:100%; left:0; margin:0 auto; top:45%;}
.flex-direction-nav li a{display:block;width:62px;height:62px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:1; -khtml-opacity:1; opacity: 1; border-radius:50%;}
.flex-direction-nav li a.flex-prev{left:2%;background:url(../image/ban_jt.png) center center no-repeat rgba(0,0,0,0.1);}
.flex-direction-nav li a.flex-next{right:2%;background:url(../image/ban_jt.png) center center no-repeat rgba(0,0,0,0.1); transform:scaleX(-1);}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
/*banner*/

.index_bga{ margin-top: 3px; background: url(../image/index_bga.jpg) no-repeat center top; width: 100%; overflow: hidden; padding-top: 55px;}
.inda_title{ text-align: center; color: #fff;}
.inda_title p{ font-size: 2.5rem;}
.inda_title p::after{ content: ''; width: 125px; height: 2px; background: #fff; margin: 2px auto; display: block;}
.inda_title h2{ font-size: 2rem; font-weight: bold;}
.inda_js{ padding-top: 25px; color: #fff; text-align: center;}
.inda_js p:nth-child(1){ font-size: 1.125rem; padding-bottom: 10px;}
.inda_js p:nth-child(2){ font-size: 1.25rem;}
.inda_nr li{ margin-top: 43px; border-radius: 20px; overflow: hidden;}
.inda_nr li a{ display: block; position: relative; background: #f5f5f5;}
.inda_pic{ width: 60.7%; margin: 0 auto; overflow: hidden;}
.inda_pic img{ display: block; width: 100%; transition: 0.5s;}
.inda_nr li:hover .inda_pic img{ transform: scale(1.05);}
.inda_po{ position: absolute; width: 92%; left: 4%; top: 0; height:auto;}
.inda_l{ bottom: 45px; position: absolute;}
.inda_l span{ display: inline-block; height: 30px; line-height: 30px; color: #fff; font-size: 1.25rem; margin-bottom: 5px; font-weight: bold; background: #106ec6; text-align: center; border-radius: 5px; padding:0 10px;}
.inda_l h3{ font-size: 2.5rem; color: #332c2b; font-weight: bold;}
.inda_l h3:nth-child(3){ font-size: 2.25rem; line-height: 1em;}
.inda_l p{ margin-top: 10px; border: 1px solid #605a59; text-align: center; display:inline-block; padding:0 15px; height: 28px; line-height: 28px; border-radius: 3px; color: #666; transition: 0.5s;}
.inda_l:hover p{ background: #106ec6; color: #fff; border: 1px solid #106ec6; transition: 0.5s;}
.inda_r{ right: 0; top: 27px; position: absolute;}
.inda_li{ padding-top: 20px;}
.inda_li p{position: relative; padding-left: 22px; height: 30px; line-height: 30px; margin-top: 5px; color: #3c3535; font-size: 1.25rem;}
.inda_li p::after{ content: ''; width: 15px; height: 15px; background: #a1a1a1; border-radius: 3px; position: absolute; left: 0; top: 8px;}
@media screen and (max-width:768px){
.inda_title p{ font-size: 2rem;}
.inda_title p::after{width: 105px; height: 2px; margin: 15px auto;}
.inda_title h2{ font-size: 1.625rem;}
.inda_js p:nth-child(1){ font-size:1rem;}
.inda_js p:nth-child(2){ font-size:1.125rem;}
.inda_pic{ width:100%;}
.inda_pic img{ display:block; width:100%;}
.inda_po{ position:relative; left:auto; top:auto; padding:0 3%;}
.inda_l{ position:relative;}
.inda_l span{height: 46px; line-height: 46px; font-size: 1.125rem; padding:0 15px;}
.inda_l h3{ font-size:2rem}
.inda_l h3:nth-child(3){ font-size:1.75rem;}
.inda_l p{ margin-top:15px; height:46px; line-height:46px; padding:0 25px;}
.inda_r{top: -50px;}
.inda_li p{ font-size:1rem;}
}

.index_bgb{ padding-top: 150px; width: 100%; overflow: hidden;}
.indb_title{ text-align: center;}
.indb_title p{ font-size: 2.5rem; color: #106ec6; font-weight: bold;}
.indb_title p::after{ content: ''; width: 125px; height: 2px; background: #010101; margin: 2px auto; display: block;}
.indb_title h2{ font-size: 2rem; font-weight: bold; color: #010101;}
.indb_title span{ font-size: 1.125rem; color: #6d6d6d; padding-top: 8px; display: block;}
.indb_nr{ padding-top: 40px;}
.indb_nr li{ text-align: center; float: left; width: 20%;}
.indb_mc{ font-size: 1.125rem; line-height: 24px; color: #6d6d6d; margin-top: 4px;}
@media screen and (max-width:768px){
.index_bgb{ padding-top: 80px;}
.indb_title p{ font-size: 2rem;}
.indb_title p::after{width: 105px; margin: 12px auto;}
.indb_title h2{ font-size: 1.625rem;}
.indb_mc{ font-size: 0.9375rem; line-height: 30px;}
}

.index_bgc{ padding-top: 110px; width: 100%; background: #fff; padding-bottom: 50px;}
.indc_nr{ margin-top: 25px; background: #106ec6;}
.indc_l{ width: 22.35%; padding-right: 2.1%; padding-top: 30px;}
.indc_title{ font-size: 2rem; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 3px;}
.indc_ms{ padding-top: 15px; color: #fff; line-height: 28px;}
.indc_more{ padding-top: 30px;}
.indc_more a{ font-size: 1rem; color: #fff;}
.indc_more::after{ content: ''; width: 29px; height: 2px; background: #fff; margin-top: 3px; display: block;}
.indc_r{ overflow: hidden; width: 72.65%; border-right: 4px solid #fff;}
.indc_r img{ display: block; width: 100%;}
@media screen and (max-width:768px){
.indc_l{ width:92%; padding: 50px 4%;}
.indc_title{ font-size: 1.625rem; padding-bottom: 13px;}
.indc_ms{ padding-top: 25px; line-height: 46px; font-size:1.1rem;}
.indc_r{width: 100%; border-right:0px solid #fff;}
}

.index_bgd{ background: url(../image/index_bgd.jpg) no-repeat center; width: 100%; padding: 130px 0;}
.indd_nr li{  float: left; width: 20%; text-align: center;}
.indd_sz p{ font-size: 3.125rem; font-weight: bold; color: #fff; line-height: 0.85em; display: inline-block;}
.indd_sz span{ font-size: 1.5rem; color: #fff; display: inline-block;}
.indd_nr li:nth-child(1) .indd_sz span{ font-size: 1.125rem;}
.indd_mc{ color: #fff; padding-top: 8px;}
@media screen and (max-width:768px){
.index_bgd{ background-size:auto 100%; padding: 60px 0;}
.indd_nr li{width: 33.333%;}
.indd_nr li:nth-child(4),.indd_nr li:nth-child(5){ margin-top: 50px;}
.indd_sz p{ font-size:1.5rem;}
}

.index_bge{ padding: 70px 0 105px 0; width: 100%; background: #fff;}
.inde_nr{ margin-top: 35px; position: relative;}
.inde_nr img{ display: block; width: 100%;}
.inde_nr video{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000;}
@media screen and (max-width:768px){
.index_bge{ padding: 70px 0;}
}

.index_bgf{ background: #fff; padding: 0 0 140px 0; width: 100%;}
.indf_nr{ padding-top: 28px;}
.indf_nr li{ width: 31.8%; float: left;}
.indf_nr li:nth-child(2){ margin: 0 2.3%;}
.indf_pic {
    height: 260px;
    overflow: hidden;
}
.indf_pic img{ display: block; width: 100%; transition: 0.5s;}
.indf_nr li:hover .indf_pic img{ transform: scale(1.05);}
.indf_wb{ background: #f7f8fc; padding: 20px;}
.indf_rq{ color: #00afff; font-weight: bold;}
.indf_mc{ height: 40px; line-height: 40px; overflow: hidden; font-size: 1.25rem; color: #030d28; margin: 5px 0;}
.indf_more{ position: relative; height: 24px; line-height: 24px; margin-top: 10px; display: inline-block;}
.indf_more p{position: relative; z-index: 9; padding: 0 6px; color: #00afff; font-weight: bold; font-family: Arial;}
.indf_more span{ color: #fff;}
.indf_more::after{ content: ''; width: 50%; height: 100%; background: #00afff; position: absolute; left: 0; top: 0; transition: 0.5s;}
.indf_more:hover::after{ width: 100%; transition: 0.5s;}
.indf_more:hover p{ color: #fff;}
@media screen and (max-width:768px){
.index_bgf{padding: 0 0 90px 0;}
.indf_nr li{ width: 100%;}
.indf_nr li:nth-child(2){ margin:0;}
.indf_an{ display:none;}
}

.index_bgg{ background: url(../image/index_bgg.jpg) no-repeat center bottom; width: 100%; padding-bottom: 120px;}

.indg_l{ text-align: center; padding-top: 280px; width: 50%; float: left;} 
.indg_l p{ font-size: 2rem; color: #030d28; font-weight: bold;}
.indg_l p::after{ content: ''; width: 76px; height: 2px; background: #030d28; display: block; margin: 10px auto;}
.indg_l span{ font-family: Arial; font-size: 3.125rem; font-weight: bold; color: #0260c1;}
.indg_r{ padding: 18px 35px; background: #106ec6; border-radius: 10px;  float: right;}
.indg_tit{ padding-top: 37px; color: #fff;}
.indg_tit span{ display: block; font-size: 2.375rem; color: #fff;}
.indg_tit p{ font-size: 1.75rem; line-height: 1em;}
.indg_nr{ padding-top: 15px;}
.indg_kj{ width: 300px; margin-top: 20px;}
.indg_kj input{ padding: 0 4%; background: #fff; border-radius: 5px; height: 42px; width: 92%; border: 0; outline: none; font-family:"Microsoft YaHei";}
.indg_an{ margin-top: 20px; width: 170px;}
.indg_an input{ padding: 0; background: #46a6ff; color: #fff; border-radius: 5px; height: 42px; width: 100%; border: 0; outline: none; font-family:"Microsoft YaHei";}
.bt {
    padding: 0;
    background: #46a6ff;
    color: #fff;
    border-radius: 5px;
    height: 80px;
    width: 100%;
    border: 0;
    outline: none;
    font-size: 22px;
    font-family: "Microsoft YaHei";
}
@media screen and (max-width:768px){
.index_bgg{ background-size:auto 100%; padding-bottom: 70px; padding-top:70px;}
.indg_l,.indg_r{ float: none; width: auto;}
.indg_l{ padding-top: 0px; padding-bottom:30px;} 
.indg_l p{ font-size:1.5rem;}
.indg_l span{ font-size:2.5rem}
.indg_r{ padding:18px 35px 60px 35px;}
.indg_tit span{font-size: 2rem;}
.indg_tit p{ font-size: 1.5rem;}
.indg_kj{ width:100%;}
.indg_kj input{ height:80px; font-size:1.1rem;}
.indg_an{width: 40%;}
.indg_an input{height: 80px; font-size:1.1rem;}
}

.link_bg{padding:25px 0; background:#f9f9f9; display: none;}
.link_nr{ height:24px; overflow:hidden; line-height:24px; width:1240px;}
.link_nr a{ display:block; float:left; margin-right:20px; font-size:1rem;}
.link_nr a:hover{ text-decoration:underline;}
@media screen and (max-width:1024px){.link_bg{ display:none;}}

.foot_bg{ background:#fff;  width:100%; overflow:hidden;}
.fnavtel{ padding:100px 0 90px 0;}
.foot_l{width: 40%;}
.fnav li{position: relative; line-height: 30px; padding-left: 13px;}
.fnav li::after{ content: ''; width: 6px; height: 6px; background: #106ec6; position: absolute; left: 0; top: 12px;}
.fnav li a{ display: block; color: #0763c2;}
.fnav li:hover a{ text-decoration: underline;}
.foot_r{ width: 50%;}
.fcont p{ padding-left: 28px; line-height: 20px; margin-bottom: 12px; color: #0763c2;}
.fcont a{ color: #0763c2;}
.fewm{ text-align: center;}
.fewm_mc{ font-size: 0.875rem; color: #0763c2; padding-top: 3px;}
.fbq{ padding-top:15px; padding-bottom:15px; line-height:24px; color:#fff; background: #1a7dda; text-align: center;}
.fbq a{ color:#fff;}
.fbq a:hover{ text-decoration:underline;}
@media screen and (max-width:768px){
.fnavtel{ padding:50px 0 30px 0;}
.foot_r{ width: auto; float: none;}
.foot_l{ display:none;}
.fcont p{line-height: 32px;}
.fbq{ padding-top:25px; padding-bottom:125px; line-height: 44px;}
.fbq span{ display: block;}
.indf_pic {
    height: 440px;
    overflow: hidden;
}
}
/*é¦–é¡µstyleç»“æŸ*/

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#009cff;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #007bca;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.4rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #6fb8e6;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:25%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.875rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(77,77,77,0.8) url(../image/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}

.slides li {
    height: calc(100vh - 139px);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}


