* {
    margin: 0;
    padding: 0;
}
body {
    font: 16px/1.8 "Microsoft Yahei",verdana;
}
a{
    text-decoration:none;
}
li{
    list-style: none
}
img{
    border: none;
    vertical-align: middle;
}
.wid{
    width: 1190px;
    margin: 0 auto;
}
.wid1{
    width: 1190px;
    text-align: center;
    margin: 15px auto;
}
.t-c{
    text-align: center;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix,.clear{zoom:1} 
.head ul{
    float: right;
    margin-right: 15px;
}
.head li{
    float: left;
    padding: 0px 15px;
}
.head li a{
    color: #8f8f8f;
    font-size: 26px;
}
.h_active{
    color: #0099db!important;
}

.head{
    height: 140px;
    line-height: 140px;
}
.head_logo img{
    width: 494px;
    height: 110px;
}
.layer_xy{
    background:rgba(51,51,51,.7);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.layer_xy div{
   width: 80%;
   margin:5% auto;
   text-align: center;
}
.layer_xy div img{
   max-width: 100%;
}
.layer_close{
    position: absolute;
    top: 3%;
    width: 1.725333rem;
    height: 1.725333rem;
    border:1px solid #ddd;
    padding:10px;
    border-radius: 1.725333rem;
}
#header{
    position:fixed;
    height: 140px;
    display:block;
    width: 100%;
    background: #fff;
    z-index:9;
    text-align:center;
    opacity: 0.8;
    top:0px;
}
.index_foot{
    color: #fff;
}
.index_foot a{
    color: #fff;
}
.index_foot p{
    line-height: 28px;
    margin-top: 10px
}
.foot{
    background: #323232;
    text-align: center;
}
.foot .footbg_er a{
    color: #fff
}
.foot .footbg_er a:visited{
    color: #fff
}
.foot .footbg_er{
    width: 765px;
    margin: 0px auto;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 120px;
    padding-right: 120px;
    background: url(../images/er1.png) no-repeat right 33px;
    background-size: 7%;
    font-size: 15px;
    color: #fff
}
.foot .footbg_er p{
    margin-top: 10px;
    line-height: 28px;
}
@keyframes container{
      0%,
      100%,
      20%,
      50%,
      80% {
          transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
          transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
      }
      40%,
      43%{
          transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
          transform: translate3d(0,-30px,0);
      }
      70%{
          transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
          transform: translate3d(0,-15px,0);
      }
      90%{
          transform: translate3d(0,-4px,0);
      }
}
.icon-down{
    position:absolute;
    bottom: 30px;
    left: 90%;
    z-index:9;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #ccc;
    background: url(../images/down.png) no-repeat center;
    margin-left: -30px;
    animation-name:container; 
    animation-duration: 1s;
    animation-fill-mode: both; 
    animation-iteration-count: infinite; 
    animation-duration: 2s;
    transform-origin: center bottom;
    cursor: pointer;
}
.aside{
    position: fixed;
    right: 50px; 
    top: 50%;
    margin-top: -90px;
    z-index: 6;
}
.aside img{
    vertical-align: middle;
    cursor: pointer;
}
/* 右侧导航*/
#fullPage-nav {
    _display: none;
    font-size: 12px;
}
#fullPage-nav li {
    height: 21px;
    margin: 10px 0 0;
    vertical-align: middle;
}
#fullPage-nav li a {
    float: right;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    color: #8F9DA4;
    text-decoration: none;
    text-align: right;
    background: #8F9DA4
}
#fullPage-nav li .active {
    background:#fff;
    width: 13px;
    height: 13px;
    border-radius: 13px
}
#fullPage-nav span {
    display: none;
}
.fullPage-tooltip {
    float: left;
    top: 0;
    margin-right: 5px;
    font: 12px "Microsoft Yahei";
    color: #8F9DA4;
    line-height: 21px;
}

.section {
    position: relative;
    overflow: hidden;
}

.section .bg{
    background: url(../images/section1.jpg) no-repeat;
    background-position: center center;
}
.section .bg1{
    background: url(../images/section2.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.section .bg2{
    background: url(../images/section3.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.section .bg3{
    background: url(../images/section4.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.section .bg4{
    background: url(../images/section5.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.section .bg6{
    background: url(../images/section6.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.section .bg,.bg1,.bg2,.bg3,.bg4,.bg6{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
}
@keyframes bgscal{
      0%{
             -webkit-transform:scale(1.1, 1.1);
             transform:scale(1.1, 1.1);
      }
      50%{
              -webkit-transform:scale(1, 1);
               transform:scale(1, 1);
      }
      100%{
             -webkit-transform:scale(1.1, 1.1);
             transform:scale(1.1, 1.1);
      }
}
.section #bg {
    animation-name:bgscal; 
    animation-fill-mode: both; 
    animation-iteration-count: infinite; 
    animation-duration: 20s;
    transform-origin: center bottom;
}

.hgroup {
    position: absolute;
    width: 635px;
    height: 60px;
    left: 0%;
    top: 35%;
    margin: 0 0 0 -332px;
    text-indent: -9999px;
    background-image: url(../images/index1.png);
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.hgroup1 {
    position: absolute;
    width: 681px;
    height: 195px;
    left: 0%;
    top: 51%;
    margin: 0 0 0 -332px;
    text-indent: -9999px;
    background-image: url(../images/index2.png);
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.hgroup2 {
    position: absolute;
    width: 684px;
    height: 341px;
    left: 0%;
    top: 65%;
    margin: 0 0 0 -332px;
    text-indent: -9999px;
    background-image: url(../images/clickxy.png);
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.p11 {
    position: absolute;
    left: 50%;
    top: 65%;
    width: 660px;
    margin: 0 0 0 -330px;
    color: #94a7c6;
    opacity: 0;
    transition: all 0.5s;
}
.section h3 {
    position: absolute;
    top: 35%;
    z-index: 10;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.p1 {
    position: absolute;
    right:15%;
    top: 50%;
    width: 682px;
    height: 41px;
    opacity: 0;
    transition: all 1s;
}
.p_cit1 {
    position: absolute;
    left: 15%;
    top: 48%;
    width: 529px;
    height: 428px;
    opacity: 0;
    transition: all 1s;
}
.p_cit{
    width: 538px;
    height: 118px;
    right: 15%;
    top: 50%;
}
.p_cit img{
    max-width: 100%;
}
.sec3_bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(31,42,61,.5);
    height: 166px;
}
.sec4_bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(16,53,88,.5);
    height: 166px;
}
.sec3_bottom li,.sec4_bottom li{
    float: left;
    padding: 30px 38px;
}
.sec3_bottom li img, .sec4_bottom li img{
    margin-top: 20px;
    opacity:0.7;
}
.sec3_bottom li img:hover,.sec4_bottom li img:hover{
    opacity:1;
}
.section2 h3 {
    background-image: url(../images/txt2-1.png);
    background-size: 100%;
    width: 573px;
    height: 60px;
    right: 15%;
    top: 35%;
}
.section3 h3 {
    background-image: url(../images/txt3-1.png);
    width: 637px;
    height: 60px;
    left: 15%;
}
.section3 #s3_p1 {
    background: url(../images/t2-2.png) no-repeat right;
    width: 518px;
    height: 119px;
    left: 15%;
    top: 50%;
}
/*.section3 #s3_p2 {
    background: url(../images/t2-3.png) no-repeat right;
    width: 793px;
    height: 42px;
    left: 39%;
    margin-top: 15%;
}*/
.section4 h3 {
    background-image: url(../images/txt4-1.png);
    width: 506px;
    height: 59px;
    right: 15%;
}
.section6 h3 {
    background-image: url(../images/txt6-1.png);
    width: 506px;
    height: 59px;
    left: 15%;
}
.section5 h3 {
    background-image: url(../images/txt5-1.png);
    width: 934px;
    height: 59px;
    left: 50%;
    margin-left: -521px;
}
.p3{
    position: absolute;
    width: 491px;
    left: 37%;
    top: 10%;
    margin-top: 245px;
    margin-left: -0px;
    opacity: 0;
    transition: all 1s;
    text-align: right;
}
.p3-2{
    top: 20%;
}
.bg52, .bg53 {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 48%;
}
.section5 h4 {
    margin-bottom: 12px;
    font-weight: 500;
}
.section5  .p_b {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all 1s;
    /*background-color: rgba(39,105,165,.5);*/
    height: 100px;
}
.section5  .p_b img{
    margin-top: 50px;
}
.bg52 {
    margin-left: -190px;
    background: url(../images/er.jpg) no-repeat;
    background-size: 80%;
    opacity: 0;
    transition: all 1s;
    width: 287px;
    padding-top: 260px;
}
.bg53 {
    margin-left: 0;
    opacity: 0;
    transition: all 1s;
    height: 300px;
}
.bg53 h4{
    margin-top: 40px;
}
.bg53 h4 img{
    max-width: 80%;
}
.txt6 {
    position: absolute;
    left: 90%;
    bottom: 20%;
    width: 447px;
    margin-left: 90px;
    opacity: 0;
    transition: all 1s;
}
.txt6 p {
    margin-bottom: 17px;
    color: #5C7970;
}

.copyright {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.copyright a, .copyright span {
    margin: 0 7px;
    font-size: 12px;
    color: #a0a0a0;
}
/* CSS3过度及动画*/
.active h3 {
    opacity: 1;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transition-delay: 0.7s;
}
.active .p1 {
    opacity: 1;
    transition-delay: 1.7s;
}
.active .p_b {
    opacity: 1;
    transition-delay: 1s;
}
.active .bg12 {
    bottom: 90px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg13 {
    bottom: 0;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .hgroup {
    opacity: 1;
    left: 35%;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transition-delay: 0.7s;
} 
.active .hgroup1 {
    opacity: 1;
    left: 35%;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transition-delay: 0.7s;
} 
.active .hgroup2 {
    cursor: pointer;
    opacity: 1;
    left: 35%;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transition-delay: 0.7s;
} 
.active .p11 {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 2s;
}
.active .p3 {
    margin-left: 320px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg31, .active .bg32 {
    opacity: 1;
    transition-delay: 1s;
}
.active .bg52 {
    margin-left: -400px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg53 {
    margin-top: -25px;
    opacity: 1;
    transition-delay: 0.7s;
}

@media (max-width: 1440px) {
    .p3 {
    left: 50%;
    margin-left: -245px;
    }
    .section3 h3 {
        left: 50%;
        margin-left: -395px;
    }
    .active .p3 {
        margin-left: -245px;
        opacity: 1;
        transition-delay: 0.7s;
    }
}

/**********安全***********/

.safe_img{
    margin-top: 140px;    
}
.safe_img img{
    max-width: 100%;
    min-width: 1190px;  
    vertical-align: middle;
}

/******************问题**********************/
.question_img{
    background: #f5f5f5
}
.quertion_banner{
    margin-top: 140px;
}
.quertion_banner img{
    max-width: 100%;
    min-width: 1090px;
    vertical-align: middle;
}
.question_con{
    padding: 77px 0px 125px 72px;
    width: 1110px;
    margin: 0 auto;
    background:#fff
}
.question_con img{
    vertical-align: middle;
    max-width: 100%;
}
.us_tab{
    margin-top:140px;
}
.img_bg{
    width: 1043px;
}
.img_bg0{
    background:url(../images/question/question_03.jpg) no-repeat;
    background-size: cover;
    height: 170px;
}
.img_bg1{
    background:url(../images/question/question_04.jpg) no-repeat;
    background-size: cover;
    height: 198px;
}
.img_bg2{
    background:url(../images/question/question_05.jpg) no-repeat;
    background-size: cover;
    height: 402px;
}
.img_bg3{
    background:url(../images/question/question_06.jpg) no-repeat;
    background-size: cover;
    height: 255px;
}
.img_bg4{
    background:url(../images/question/question_07.jpg) no-repeat;
    background-size: cover;
    height: 140px;
}
.img_bg5{
    background:url(../images/question/question_08.jpg) no-repeat;
    background-size: cover;
    height: 140px;
}
.img_bg6{
    background:url(../images/question/question_09.jpg) no-repeat;
    background-size: cover;
    height: 140px;
}
.img_bg7{
    background:url(../images/question/question_10.jpg) no-repeat;
    background-size: cover;
    height: 169px;
}
.img_bg8{
    background:url(../images/question/question_11.jpg) no-repeat;
    background-size: cover;
    height: 86px;
}
/*****us******/
.us_bg{
    background: #f5f5f5;
    padding: 30px 0px 0px;
}
.us_tab{

}
.us_tableft {
    width: 290px;
    margin-right: 27px;
    background: #fff;
    padding: 20px 0px;
}
.us_tableft li a{
    font-size: 19px;
    color:#666;
    display: block;
    padding: 9px 0px 9px 49px;
}
.us_tableft p{
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 35px;
    font-size: 22px;
    text-align: center;
    padding: 15px 0px 22px;
}
.us_tableft p span{
    font-size: 12px;
    margin-left: 19px;
}
.us_tableft {
    
}
.us_tabright{
    width: 872px;
    background:#fff;
    
} 
.us_tabright p{
    margin-bottom: 40px;    
    text-indent: 2em;
    padding: 0px 82px;
} 
.tab_content{
    
}
.tab-active{
    background: #eee;
    border-left: 2px solid #0099db
}
.us_tabright > div{
    display: none
}
.tab-content-active{
    display: block!important
}
.tab-content-top{
    border-bottom: 1px solid #f4f4f4;
    font-size: 19px;
    text-align: center;
    margin-bottom: 30px!important;
    padding: 37px 0px 23px!important
}
.us_logo{
    width: 300px;
}
.us_fp{
    margin-top: 40px;
}
.td_content,.media_content{
       padding:20px 0px 30px;
       border-bottom: 1px solid #f4f4f4
}
.td_left{
    width: 154px;
    text-align: right;
}
.td_right{
   width: 718px;
}
.td_right h3{
   padding: 0px 43px;
   margin-bottom: 10px;
}
.td_right p,.media_right p{
   padding: 0px 43px;
   font-size: 17px;
   line-height: 30px;
   margin-bottom: 0;
}
.media_content{
    height: 124px;
}
.media_left{
    width: 267px;
    text-align: right;
}
.media_left img{
    margin-top: 23px;
}
.media_right{
    width: 600px;
    height: 120px;
    overflow: hidden;
}
.media_right p,.media_tit{
   padding: 0px 27px;
}
.media_tit{
    margin-bottom: 6px;
    font-size: 17px;
}
.media_tit a{
    color: #0099db;
}
.us_content{
    padding: 15px 45px 45px;
}
.us_conbt {
    margin-top: 35px;
    margin-left: 40px;
    margin-right: 40px;
}
.us_conbt dl{
    font-size: 17px;
    margin-right: 150px;
}
.us_conr{
    position: relative;
    left: 25px;
}
.us_conr img{
    max-width: 85%;
}
.us_conr span{
    display: block;
    width: 116px;
    text-align: center;
    margin-top: 6px
}
@media (max-width: 1440px) {
.wid1 {
    width: 880px;
    margin: 20px auto;
    text-align: center;
}
.head li{
    float: left;
    padding: 0px 15px;
}
.head li a{
    color: #8f8f8f;
    font-size: 20px;
}
.h_active{
    color: #0099db!important;
}
.head{
    height: 90px;
    line-height: 90px;
}
.head_logo img{
    width: 296px;
    height: 48px;
    margin-left: 25%;
}
#header{
    position:fixed;
    display:block;
    width: 100%;
    height: 90px;
    background: #fff;
    z-index:9;
    text-align:center;
    opacity: 0.8;
    top:0px;

}
.index_foot{
    color: #fff;
}
.index_foot a{
    color: #fff;
}
.index_foot p{
    line-height: 28px;
    margin-top: 10px
}
.foot{
    background: #323232;
    text-align: center;
}

.foot .footbg_er p{
    line-height: 28px;
}
.foot .footbg_er a{
    color: #fff
}
.foot .footbg_er a:visited{
    color: #fff
}
.aside{
    position: fixed;
    right: 50px; 
    top: 50%;
    margin-top: -66px;
    z-index: 6;
}
/* 右侧导航*/
#fullPage-nav li a {
    float: right;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    color: #8F9DA4;
    text-decoration: none;
    text-align: right;
    /*background: url(../images/dot.png) 5px 5px no-repeat;*/
    background: #8F9DA4
}
#fullPage-nav li .active {
    background:#fff;
    width: 13px;
    height: 13px;
    border-radius: 13px
}
#fullPage-nav span {
    display: none;
}
.fullPage-tooltip {
    float: left;
    top: 0;
    margin-right: 5px;
    font: 12px "Microsoft Yahei";
    color: #8F9DA4;
    line-height: 21px;
}
.hgroup {
    position: absolute;
    width: 635px;
    height: 60px;
    left: 0%;
    top: 35%;
    margin: 0 0 0 -232px;
    text-indent: -9999px;
    background: url(../images/index1.png) no-repeat left;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.hgroup1 {
    position: absolute;
    width: 681px;
    height: 195px;
    left: 0%;
    top: 51%;
    margin: 0 0 0 -232px;
    text-indent: -9999px;
    background-image: url(../images/index2.png);
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.hgroup2 {
    position: absolute;
    width: 465px;
    height: 225px;
    left: 0%;
    top: 70%;
    margin: 0 0 0 -232px;
    text-indent: -9999px;
    background-image: url(../images/clickxy.png);
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.p11 {
    position: absolute;
    left: 50%;
    top: 65%;
    width: 460px;
    margin: 0 0 0 -230px;
    color: #94a7c6;
    opacity: 0;
    transition: all 0.5s;
}
.p11 img{
    max-width: 100%;
}
.section h3 {
    position: absolute;
    top: 15%;
    z-index: 10;
    margin-top: 90px;
    /*text-indent: -9999px;*/
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
}
.p1 {
    position: absolute;
    right:15%;
    top: 48%;
    width: 550px;
    height: 41px;
    opacity: 0;
    transition: all 1s;
}
.p1 img{
    max-width: 100%;
}
.p_cit1 {
    position: absolute;
    left: 15%;
    top: 38%;
    width: 529px;
    height: 428px;
    opacity: 0;
    transition: all 1s;
    -webkit-transform:scale(0.8, 0.8);
    transform:scale(0.8, 0.8);
}
.p_cit{
    width: 538px;
    height: 118px;
    right: 15%;
    top: 40%;
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
.p_cit img{
    max-width: 100%
}
.sec3_bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(31,42,61,.5);
    height: 90px;
}
.sec4_bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: rgba(16,53,88,.5);
    height: 90px;
}
.sec3_bottom li,.sec4_bottom li{
    float: left;
    padding: 0px;
}
.sec3_bottom li img, .sec4_bottom li img{
    margin-top: 10px;
    max-width: 70%
}
.section2 h3 {
    background-image: url(../images/txt2-1.png);
    width: 573px;
    height: 60px;
    right: 11%;
    top: 35%;
    margin-top: 0;
}
.section3 h3 {
    background-image: url(../images/txt3-1.png);
    width: 637px;
    height: 60px;
    left: 15%;
    margin-left: 0;
}
.section6 h3{
    left: 15%;
}
.section3 #s3_p1 {
    background: url(../images/t2-2.png) no-repeat center;
    width: 518px;
    height: 119px;
    left: 16%;
    top: 28%;
    margin-left: 0;
}
/*.section3 #s3_p2 {
    background: url(../images/t2-3.png) no-repeat center;
    width: 590px;
    height: 42px;
    left: 50%;
    margin-top: 21%;
    margin-left: -295px;
}*/
.section4 h3 {
    background-image: url(../images/txt4-1.png);
    width: 506px;
    height: 59px;
    right: 15%;
}
.section5 h3 {
    background-image: url(../images/txt5-1.png);
    width: 934px;
    height: 59px;
    left: 50%;
    margin-left: -420px;
}
.p3 {
    position: absolute;
    left: 50%;
    width: 490px;
    margin-left: -245px;
    z-index: 10;    
    text-indent: -1290px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 1s;
    text-align: center;
}

.bg52, .bg53 {
    position: absolute;
    z-index: 1;
    left: 54%;
    top: 41%;
    color: #fff;
}
.section5 h4 {
    margin-bottom: 12px;
    font-size: 23px;
    font-weight: 500;
}
.section5  .p_b {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    text-align: center;
    opacity: 0;
    transition: all 1s;
}
.section5 .p_b img {
    margin-top: 15px;
    -webkit-transform:scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
/*.bg52 {
    margin-left: -190px;
    background: url(../images/er.jpg) no-repeat;
    background-size: 100%; 
    opacity: 0;
    transition: all 1s;
    width: 280px;
    padding-top: 280px;
}
.bg53 {
    margin-left: 190px;
    opacity: 0;
    transition: all 1s;
    height: 280px;
}
.bg53 h4{
    margin-top: 20px;
}
.bg53 img{
    max-width: 100%;
}*/
.txt6 {
    position: absolute;
    left: 90%;
    bottom: 20%;
    width: 447px;
    margin-left: 90px;
    opacity: 0;
    transition: all 1s;
}
.txt6 p {
    margin-bottom: 17px;
    color: #5C7970;
}
.copyright {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.copyright a, .copyright span {
    margin: 0 7px;
    font-size: 12px;
    color: #a0a0a0;
}
/* CSS3过度及动画*/
.active h3 {
    opacity: 1;
    -webkit-transform:scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    transition-delay: 0.7s;
}
.active .p1 {
    opacity: 1;
    transition-delay: 1.7s;
}
.active .p_b {
    opacity: 1;
    transition-delay: 1s;
}
.active .bg12 {
    bottom: 90px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg13 {
    bottom: 0;
    opacity: 1;
    transition-delay: 0.7s;
}

.active .hgroup {
    opacity: 1;
    left: 25%;
    -webkit-transform:scale(0.8, 0.8);
    transform:scale(0.8, 0.8);
    transition-delay: 0.7s;
} 
.active .hgroup1 {
    opacity: 1;
    left: 25%;
    top: 45%;
    -webkit-transform:scale(0.8, 0.8);
    transform:scale(0.8, 0.8);
    transition-delay: 0.7s;
} 
.active .hgroup2 {
    cursor: pointer;
    opacity: 1;
    left: 20%;
    -webkit-transform:scale(0.8, 0.8);
    transform:scale(0.8, 0.8);
    transition-delay: 0.7s;
} 
.active .p11 {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 2s;
}

.active .p3 {
    opacity: 1;
    text-indent: 0px;
    transition-delay: 0.7s;
}


.active .bg31, .active .bg32 {
    opacity: 1;
    transition-delay: 1s;
}
.active .bg52 {
    margin-left: -300px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg53 {
    margin-left: 55px;
    opacity: 1;
    transition-delay: 0.7s;
}


/**********安全***********/

.safe_img{
    margin-top: 90px;    
}
/******************问题**********************/
.quertion_banner{
    margin-top: 90px;
}
.us_tab{
    margin-top:90px;
}
}
.ymtj{
    position: relative;
    left: 10px;
    bottom: 2px
}
.media_con{
    padding:40px 72px;
}
.media_con p{
    text-indent: 2em;
    line-height: 30px;
    margin-bottom: 10px;
}
.media_center{
    background: #fff;
    margin-top: 170px;
    margin-bottom:30px;
    color: #333;
}
.media_line{
    color: #666666;
    line-height: 30px!important;
    margin-bottom: 0px!important;
    padding-bottom: 10px!important;
    text-indent: 0em!important;
    border-bottom:1px solid #ececec;
}