﻿#tabBox1{display:none}
.c{ font-size: 70px; color: #1d99ef; margin: 15px 0;display: inline-block!important;}
.fa-phone:before,  .fa-arrow-circle-o-up:before{padding-left:14px;font-size:20px}
.fa-qq:before{padding-left:10px;font-size:22px}
.right{
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 1000;
   display:none;
}
.right .fa{
    width:85px;
    display: grid;
    margin-top: 2px;
    position: relative;
    font-size: 30px;
    padding:10px 17px;
    background-color: #ee4f4f;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.hid{
    text-align:center;
    display: block;
    position: absolute;
    top:0;
    right: 0;
    line-height: 48px;
    background-color: #ee4f4f;
    border-radius: 5px;
    color: #fff;
    z-index: -1;
    transition: width 300ms;
    padding: 5px;
    visibility: hidden;
    color:#fff
}
.right li a{width:71px;height:58px}
.right li a span{color:#fff}
.right li:nth-child(1) span{ width:225px;font-size:12px}
.right li:nth-child(2) span{ width:280px;font-size:12px;padding-left: 2px;}
.fa-arrow-circle-o-up span{font-size:12px; width:225px;}
.hid:hover{
    visibility: inherit;
}
.fa-phone:before,.fa-qq:before,.fa-arrow-circle-o-up:before{
    color: #fff;
}
.fzlc-content h3:after{
    border-top: 2px solid #808080;
    display: block;
    width: 20px;
    content: "";
    margin: 10px auto 140px auto;
}
.jl{display:block}
.ywjs h3:after{
    border-top: 2px solid #ffffff;
    display: block;
    width: 20px;
    content: "";
    margin: 20px 0 10px 0;
}
.gywm-content h3:after{
    border-top: 2px solid #808080;
    display: block;
    width: 20px;
    content: "";
    margin: 10px 0;
}
.ry-content h3:after{
    border-top: 2px solid #808080;
    display: block;
    width: 20px;
    content: "";
    margin: 10px 0;
}
.banner{
    background: url(../images/we_01.png) no-repeat 0px 0px;
    background-size: cover;
    width: 100%;
    position: relative;
    height:915px;
}
.content{padding: 200px 0 240px 0;text-align: left;}
.content span{font-size:160px; line-height: 250px;}
.list1 li a{font-size:24px;display:block;color:#fff;}
.list1 li a:hover{    text-decoration: underline;}
.list1 li{margin-top:30px;}
.list1 li:first-child{margin-top:0}
.banner .banner-info .thim-click-to-bottom{
    position: absolute;
    top: 90%;
    left: 7%;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-animation: bounce 2s infinite ease-in-out;
    z-index:1000;
}
.fa-long-arrow-down{color: #fff}
@-webkit-keyframes bounce {
    0%, 20%, 60%, 100%  { -ms-transform: translateY(0); }
    0%, 20%, 60%, 100%  { -o-transform: translateY(0); }
    0%, 20%, 60%, 100%  { -moz-transform: translateY(0); }
    0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
    40%  { -webkit-transform: translateY(-20px); }
    80% { -webkit-transform: translateY(-10px); }
}
.gywm{padding: 70px 0 140px 0;}
.gywm-content{padding-bottom: 125px}
.gywm-content img{width: 100%;height:100%}
.gywm-content p{color: #333333;
    font-size: 16px;
    line-height: 26px;
    margin-top:65px;
}
.gywm-content h3 a{
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    margin-top: 65px;
    display: block;
}
.ryzz-content h3:after{
    height: 2px;
    margin-top: 10px;
    background-color: #808080;
    width: 20px;
    content:"";
    display:block;
}
.hr2{
    height: 2px;
    margin-top: 10px;
    background-color: #ffffff;
    width: 20px;
}
.yw{
    background: #000000;
    position: relative;
}
.xgal{text-align: center;padding: 0;position: relative}
.xgal  a{
    font-size: 16px;
    color: #808080;
    border: 1px solid #808080;
    padding: 8.5px 20px;
    border-radius: 25px;
    display: inline-block;
    position: relative;
    top: -80px;
}
.xgal  a:hover{
    background-color: #1c91eb;
    color: #fff;
    border: 1px solid #1c91eb;
}
.xgal img{
    width: 100%;
    position:relative;
    top:-140px;
    left: 0;
    right: 0;
}
.ywjs{
    margin-left: 5%;
    padding: 60px 0;
}
.ywjs h3{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}
.ywjs ul{margin-top: 30px}
.ywjs ul li span{
    font-size: 20px;
    color: #676767;
    display: block;
    margin-top: 20px;
}
.ywjs ul li span:hover{color:#fff}
.ryzz{ color: #333333; padding: 120px 0;}
.ryzz-content h3{
    font-size: 24px;
    font-weight: bold;
}
.ryzz-content ul{margin-top: 40px}
.ryzz-content ul li span{
    display: block;
    margin-bottom: 15px;
    line-height:1.5;
}
.ryzz-content ul li span:hover{color:#ff3f3f}
.fa-dot-circle-o:before{margin-right: 5px;color:#38a4fd}
.fzlc{
    background:url(../images/fzlc.png) no-repeat center;
    padding: 55px 0 10px 0;
    width: 100%;
    background-size: cover;
}
.fzlc-content{    position: relative;}
.fzlc-content h3{
    font-size: 24px;
    color: #000000;
    text-align: center;
    padding-right: 10px;
    font-weight: bold;
}
.fzlc-content-left div:first-child{margin-top: 200px;}
.fzlc-content-right div:first-child{margin-top: 125px;}
.fzlc-content .bd{margin-bottom:70px;}
.fzlc-content .bd ul li{position: relative;}
.ry{padding: 70px 0}
.ry-content h3{
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}
.ry li h4{font-size: 18px;font-weight: bold;color: #1c91eb;margin: 10px 0;}
.ry li:nth-child(1) p{margin-right: 30px}
.ry li:nth-child(3) p{margin-right: 10px}


.fzlc-content h5::after{
    content: " ";
    border-bottom: 1px solid #808080;
    display: block;
    width: 100%;
    margin: 8px 0;
}
.fzlc-content h5{
    font-size: 18px;
    color:#333333;
    display:block;

}
.fa-chevron-up:before,.fa-chevron-down:before{
    padding: 15px;
    background-color: #bdbdbd;
    border-radius: 50%;
    position:absolute;
    right: 48.2%;
    top: 9%;
    color: #fff;
}
.fa-chevron-up:hover:before,.fa-chevron-down:hover:before{  background-color: #1e9af0;}
.fa-chevron-down:before{ top: 94%;}
.things{padding: 8px;background-color: #ffffff;width: 36%; position: relative;left: 6%}
.things p{line-height:1.8; }
.things-right .things{left: 58%}
.things-head{position: absolute;top: 25%;left: 49%;}
.head-blue{width: 10px;height: 10px;background-color:#1e9af0;border-radius: 50%;z-index: 2}
.fa-chevron-right:before{position:absolute;left: 300%;bottom:-30%;color:#1e9af0;font-size: 18px;}
.fa-chevron-left:before{position:absolute;left: -300%;bottom:-30%;color:#1e9af0;font-size: 18px;}
@media screen and (max-width: 767px) {
    .fzlc-content h3:after{ margin: 10px auto 0 auto;}
   .jl{display:none}
   #tabBox1{display:block}
  .things-head,.xgal{display: none;}
    .head-blue{display: none;}
    .things{width: 100%;left: 0;}
    .things-right .things{left: 0}
    .fzlc-content h3 {padding: 0;}
    .things{margin-top: 6px;}
    .ywjs{text-align: center;margin: 0;}
    .ywjs h3:after{
        border-top: 2px solid #ffffff;
        display: block;
        width: 20px;
        content: " ";
        margin: 10px auto;
    }
    .gywm,.ryzz,.ry{padding: 20px 0;}
    .things-tail{display: none;}
    .fa-chevron-left{display: none;}
    .fzlc{padding:20px 0}
    .content span{display:none;}
    .content{display:none}
    .banner{height:100%}
    .gywm-content{padding-bottom:0}
    .gywm-content h3 a{    margin-top: 20px;}
    .gywm-content p{ margin-top: 0px;}
    .ywjs{padding:0}
    .ryzz-content ul{margin-top:20px}
    .ywjs ul{margin-top:0}
    .ywjs ul li a{margin-top:0;padding-bottom:20px}
    .fa-chevron-up:before, .fa-chevron-down:before{right:44%}
    .ry li:nth-child(1) p{margin-right: 0}
    .ywjs h3{padding-top:15px}
}
.things-tail{
        position: absolute;
    top: 15.6%;
    left: 49.4%;
    height: 78.4%;
    border-left: 2px solid #e8e8e8;
    z-index: 1;
}

@media screen and(max-width: 992px) {
.fzlc-content .bd{margin-bottom:0}
    .things{width:100%}
    .things-head,.xgal{display: none;}
    .head-blue{display: none;}
    .things{width: 100%;left: 0;}
    .things-right .things{left: 0}
 .fa-chevron-up:before, .fa-chevron-down:before,.things-tail{display:none}
  .fzlc-content h3:after{ margin: 10px auto 0 auto;}
 .fzlc-content .bd ul li{margin-top:20px}
    .things-tail{
        top: 69px;
        left: 49.8%;
        height: 78%;
    }
}
.fzlc-content h5 {
  display: block;
  position: relative;
}
.fzlc-content h5:hover{color:#1c91eb;}
.fzlc-content h5::before {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0px;
  left: 0;
  background-color: #1c91eb;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.fzlc-content h5:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

@-moz-document url-prefix() {
    .ywjs ul li a{ margin-top: 27px;}
    .gywm-content p{line-height: 30px;}
    .fa-chevron-up:before,.fa-chevron-down:before{right: 48.4%;}
    .things-tail{top: 15.3%;height: 78.8%;}
}













