/* CSS Document */
@charset "utf-8";
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;}
body {background:#fff;}
html, body{position: relative; height: 100%; font-size: 14px;}
a,em{ text-decoration:none; font-style:normal; margin:0px; padding:0px;}
/* 链接样式，颜色可酌情修改 */
del,ins,a {text-decoration:none;}
a:link {color:#009;}
a:visited {color:#800080;}
a:hover,a:active,a:focus {color:#c00; text-decoration:none;} 
label{font-weight:100 !important;}
.clear{clear:both;}
.clearfix:after{
    content:"";
    height:0px;
    width:0px;
    clear:both;
    display:block;
    overflow: hidden;
}

.fixednav {  
  position: fixed !important;  
  top: 0px !important;   
  left: 0px !important;  
  width: 100% !important;   
  z-index: 1;  
}

.container{
    width: 1200px;
    margin: 0 auto;
}

.containeras {
    width: 100%;
    display: flex;align-items: center;justify-content: space-between;
    padding: 0px 30px;
}

.banner{width: 100%; display: block;}

.heading{width: 100%; height: 100vh; display: block; position: relative; overflow: hidden;}
.heading-bg{width: 100%; height: 100%; background-size: cover; background: #202020 no-repeat 50%/cover; animation: scale_b 15s linear infinite alternate;}

  @-webkit-keyframes scale_b {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
  }
  
  @-moz-keyframes scale_b {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
  }
  
  @-o-keyframes scale_b {
    0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
    }
  }

.heading .text{position: absolute; top:350px;}
.heading .text .text1{font-size:36px; color: #fff; /*letter-spacing:10px;*/ border-left: 5px solid #ffffff; padding-left: 10px;}
.heading .text .text2{font-size:46px; color: #fff; border-left:10px solid #ffffff; padding-left: 10px; position: relative; left: -5px; height:58px;}


/* .bannerBox{width: 100%; overflow: hidden; margin: 0px auto; height:100%;}
.bannerBox .banner{width: 1920px; height: 100vh; position: absolute; left: 50%; margin-left:-960px; position: relative;}
.bannerBox .banner .carousel,
.bannerBox .banner .carousel .carousel-inner,
.bannerBox .banner .carousel .carousel-inner .item{height: 100vh;}
.bannerBox .item{text-align: center;}
.bannerBox .item img{width: 100%; display: inline;} */
/* .bannerBox .item img{height: 100%; width: auto; display: inline;} */

/* .sjbannerBox{width: 100%;}
.sjbannerBox .item img{width: 100%;} */

.banner .slideshow{position:relative;z-index:1;height:100%;width:100%}
.banner .slideshow *{outline:none}
.banner .slideshow .slider-track{-webkit-transition:all 1s cubic-bezier(0.7,0,0.3,1);transition:all 1s cubic-bezier(0.7,0,0.3,1)}
.banner .slideshow .item{height:100%;position:relative;z-index:1}
.banner .slideshow .item img{width:100%;-webkit-transition:all 1s cubic-bezier(0.7,0,0.3,1);transition:all 1s cubic-bezier(0.7,0,0.3,1);-webkit-transform:scale(1.2);transform:scale(1.2)}
.banner .slideshow .item.slick-active img{-webkit-transform:scale(1);transform:scale(1)}
.banner .slick-prev{left:20px;z-index:99}
.banner .slick-next{right:20px}
.banner .slick-dots{bottom:30px; position: absolute; left: 0px;}
.banner .slick-dotted.slick-slider{margin: 0px;}

.banner .slick-slider{height: 100vh;}

.banner .slideshow .text{position: absolute; top:350px;}
.banner .slideshow .text .text1{font-size:30px; color: #fff; border-left: 5px solid #ffffff; padding-left: 10px;}
.banner .slideshow .text .text2{font-size:40px; color: #fff; border-left:10px solid #ffffff; padding-left: 10px; position: relative; left: -5px; height:50px;}

.head{position: absolute; top:50px; height: 60px; line-height: 60px; z-index: 9999999;}
.head .logo{float: left; width: 150px;}
.head .logo img{width: 100%;}
.head .nav{float: left; margin-left: 50px;}
.head .nav li{float: left; color: #fff; font-size: 16px; margin: 0px 16px; position: relative;}

.daohanh{position: relative; z-index: 99999999;}
.daohanh li .erji{display: none; position: absolute; top:60px; left: 0px; z-index: 99999999999; background: #fff; padding:15px; box-sizing: border-box; width:250px; border-radius: 5px;}
.daohanh li .erji dl{float: left; width: 110px; height: 140px; overflow: hidden; text-align: center; color: #000; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; box-sizing: border-box; border-top: none; padding: 0px; padding-top:27px; line-height: 24px;}
.daohanh li em{color: #fff;}
.daohanh li em.select{font-weight: bold;}
/* .banner .daohanh li em.select{font-weight: bold; color: #fff !important;} */
/* .banner .hei .daohanh li em.select{font-weight: bold; color: #035cac !important;} */



.daohanh li .erji a:nth-child(even) dl{border-right: none;}
.daohanh li .erji a:nth-child(even) dl img,
.daohanh li .erji a:nth-child(even) dl div{position: relative; right: -3px;}
.daohanh li .erji a:nth-child(odd) dl img,
.daohanh li .erji a:nth-child(odd) dl div{position: relative; left: -3px;}

.daohanh li .erji a:last-child dl{border-bottom: none;}
.daohanh li .oushu a:nth-last-child(2) dl{border-bottom: none;}

.daohanh li .erji dl img{width: 40px; margin-bottom:6px}
.daohanh li .erji dl div{margin-top:5px; line-height: 20px; font-size: 14px;}
.daohanh li .erji dl:hover div{color: #035CAC;}

.head .nav li em{color: #fff;}
.head .sousuo{float: right;}
.head .sousuo img{margin: 0px 10px;}

.head .sousuo .ss,
.head .sousuo .qh,
.head2 .sousuo .qh,
.head2 .sousuo .qh{cursor: pointer;}

.sousuo .sss{display: none; }
.sousuo .sss input[type="text"]{position: absolute; right:0px; top:70px; width: 250px; height: 40px; border-radius: 5px; padding-left: 10px; border: none;}


.head2{height:150px; line-height: 150px; position:initial; background: #ffffff;}
.head2 .logo{float: left;}
.head2 .nav{float: left; margin-left: 50px;}
.head2 .nav li{float: left; color: #000; font-size: 16px; margin: 0px 17px;}
.head2 .sousuo{float: right; position: relative;}
.head2 .sousuo img{margin: 0px 5px;}
.head2 .sousuo .sss input[type="text"]{position: absolute; right:0px; top:110px; border: 1px solid #000;}
.head2 .hei li em{color: #000}

.head2 .daohanh li .erji{top: 150px; border-top: 1px solid #FAFAFA;}
.head2 .daohanh li .erji div{color: #333;}


.banner_title{color: #fff; font-size:50px; text-align: center; position: absolute; top:15%; width: 100%;}

.syjianjie{width: 100%; height:100%; position: relative; background: url(../images/jianjie.jpg) no-repeat; background-size: 100% 100%;}
.syjianjie .syjianjie1{text-align: center; font-size:40px; height:120px; line-height:156px; overflow: hidden;}
.syjianjie .syjianjie1 em{display: block; font-size:110px; font-family: "微软雅黑"; color:#e0e7f3; text-transform: uppercase; position: relative; top:-170px; z-index:-1; font-weight: bold; letter-spacing:12px;}
.syjianjie .syjianjie2{width:90%; margin: 20px auto; text-align: center; font-size: 20px; margin-top:40px; line-height: 40px;}
.syjianjie .syjianjie3{width:230px; height:55px; line-height:55px; text-align: center; color: #ffffff; background:#004398; margin: 0px auto; font-size: 16px; border-radius: 50px; margin-top: 50px;}

.sjsyfenlei{background: url(../images/sjsyfenlei.jpg) no-repeat; width: 100%; height: 100%; background-size: 100% 100%; text-align: center;}
.sjsyfenlei .tmbj{background-color: rgba(50, 123, 215,0.5); width: 100%; height: 100vh; position: absolute; top: 0px; left: 0px; z-index: 999;}
.sjsyfenlei li{border-bottom: 1px solid #fff; height: 50%; box-sizing: border-box;}
.sjsyfenlei li .fl1{padding-top:15%; position:relative; z-index: 9999;}
.sjsyfenlei li .fl2{color: #fff; position:relative; z-index: 9999; font-size:30px; padding: 20px 0px;}
.sjsyfenlei li .fl3{color: #fff; position:relative; z-index: 9999; font-size:16px;}


.syfenlei{width: 100%; background: url(../images/syfenlei.jpg) no-repeat; background-size: 100% 100%;}

.syfenlei li{box-sizing: border-box; padding: 1px; position: relative; text-align: center; line-height:40px; /*overflow: hidden;*/ height: 100vh;}
.syfenlei li img{height: 100%;}
.syfenlei li .tmbj{display: none; background-color: rgba(50, 123, 215,0.2); width: 100%; height: 100vh; position: absolute; top: 0px; left: 0px; z-index: 999;}
.syfenlei li .syflbj{/*isplay: none;*/ position: absolute; bottom: 0px; left: -130%; width:130%; max-width: 130%; z-index: 99;}
.syfenlei li .syflbj2{display: none; position: absolute; bottom: 0px; right: -130%; width:130%; max-width: 130%; z-index: 99;}
.syfenlei li .fl1{margin-top:25%; z-index: 9999; position:relative; }
.syfenlei li .fl2{color: #666; font-size:34px; padding: 30px 0px; z-index: 9999; position:relative; }
.syfenlei li .fl3{color: #666; font-size:20px; z-index: 9999; position:relative; display: none;}
.syfenlei li .fl4{color: #666; font-size:20px; margin-top: 80px; z-index: 9999; position:relative; display: none;}
.syfenlei li .fl4 a{display: block; color: #fff;}
.syfenlei li:hover .tmbj{display: block;}

.sylxwm{width: 100%; height:100vh; line-height: 100vh; position: relative; background: url(../images/sylxwm.jpg) no-repeat; background-size: 100% 100%;}
.sylxwm .top{display:inline-block; width: 100%; align-items: center; height: 200px; position: relative; top: 500px;}
.sylxwm .top li{float: left; width: 25%; height: 160px; line-height: 24px; text-align: center; color: #fff; padding-top:40px; position: relative;}
.sylxwm .top li .weixin{position: absolute; top:10px; left: 73px; width: 150px; display: none;}
.sylxwm .top li .title{font-size: 16px; margin-top: 10px; margin-bottom: 10px; font-weight: bold;}
.sylxwm .top li .con{width: 200px; margin: 0 auto;}

.sylxwm .bot{position: absolute; bottom: 0px; left: 0px; width: 100%; border-top: 1px solid #fff;}
.sylxwm .bot{line-height:80px; height:80px; font-size:14px; color: #fff; font-size: 12px;}
.sylxwm .bot a{color: #fff; margin: 0px 1px;}
.sylxwm .bot em{float: right;}

.dibu{box-sizing: border-box; background: #1f3a57; color: #979BA0; }
.dibu .dibu1{box-sizing: border-box; height: 340px; border-bottom: 1px solid #787D83; margin-top: 80px;}
.dibu .dibu1 .con{width: 270px; float: left; color: #fff;}
.dibu .dibu1 .con .logo2{width: 200px;}
.dibu .dibu1 .con .xiaoshi{margin-top: 40px;}
.dibu .dibu1 .con .tel{color: #ffffff; font-size: 16px; margin-top: 100px;}
.dibu .dibu1 .con .tel em{display: block; font-size: 30px; font-weight: bold;}
.dibu .dibu1 .caidan dl{width:110px; margin-right:20px; float: left; width: 135px; text-align: center;}
.dibu .dibu1 .caidan dl:last-child{margin: 0px;}
.dibu .dibu1 .caidan dl dd{margin-bottom:10px; color: #a6a2b3; font-size:14px;}
.dibu .dibu1 .caidan dl dt{margin-bottom:20px; color: #a6a2b3; font-size:18px; height:54px}
.dibu .dibu2{line-height:85px; height:85px; font-size:12px;}
.dibu .dibu2 a{color: #979BA0;}
.dibu .dibu2 em{float: right;}

.sjdibu{background: #232D38; text-align: center; color: #fff; padding:10px 5%; line-height: 24px;}
.sjdibu a{color: #fff;}

/* .erjicaidan{height: 330px;} */
.erjicaidan{margin-top: 50px;}
.erjicaidan li{background: #195286;display: inline-block; font-size: 20px; width:19.5%; margin: 0px; color: #000000; position: relative; overflow: hidden;}
.erjicaidan li img{width: 100%; max-width:none; opacity: 0.6;transition: 0.5s;}
.erjicaidan li img:hover{opacity: 1; transform: scale(1.05);transition: 0.5s;}
.erjicaidan li .title-a4 {width: calc(374/454*100%);position: absolute;top: calc(100% - 110px);left: calc(40/454*100%);transition: 0.5s;}
.erjicaidan li:hover .title-a4{top: calc(320/640*100%)}
.erjicaidan li .title-a4 .title-a6{color: #fff; font-size: 26px; line-height: 30px; margin-bottom: 25px;}
.erjicaidan li .title-a4 .title-a6 img{width: 90px; display: inline-block; position: relative; top: 14px;}
.erjicaidan li .title-a4 .title-a8{font-size: 14px; line-height: 26px;}
.erjicaidan li.select{color: #035cac; position: relative;}


.anli_nav{background: #F2FAFD; height: 70px; line-height: 68px; border-bottom: 1px solid #E6EAEC;}
.anli_nav li{font-size: 18px; width:140px; color: #000000; text-align: center; float: left; margin: 0px 20px;}
.anli_nav li.select{color: #035cac; border-bottom: 2px solid #254F6E;}


.anli_list{margin-top: 50px;}
.anli_list li{margin-bottom:40px;}
.anli_list li .al{ border-bottom: 2px solid #B2B2B2;}
.anli_list li .altp{overflow: hidden;}
.anli_list li .altp img{width:100%; transition: all 0.5s;}
.anli_list li .altp img:hover{transform: scale(1.1);}
.anli_list li .almc{font-size: 20px; margin: 20px 0px; color: #000;  height:60px; overflow:hidden;}
.anli_list li .aljj{color: #7f7f7f; line-height: 24px; height: 48px; overflow: hidden;}
.anli_list li .angd{color:#7f7f7f; font-size:12px; margin: 20px 0px;}
.anli_list li .angd i{margin-left: 20px;}



.nytitle{text-align: center; font-size: 25px; padding: 60px 0px 20px 0px;}
.nytitle em{display: block; font-size: 18px; padding-top:20px;}
.zuzhi_list li{display: inline-block; width: 100%; padding: 25px 30px; background: #F7F7F7; margin-bottom: 20px;}
.zuzhi_list li .left{float: left; width: 910px;}
.zuzhi_list li .left .title{font-size: 22px; font-weight: bold; color: #000; }
.zuzhi_list li .left .con{font-size:14px; line-height:26px; color: #666666; margin-top:15px;}
.zuzhi_list li .right{float: right; display: inline-block; width: 200px; height:120px; border-left: 1px solid #F2F1F2; text-align: center; color: #808080; font-size: 18px; line-height: 28px; font-weight: bold; padding-top:30px;}
.zuzhi_list li .right em{display: block;}
.zuzhi_list li:hover .left .title{color: #b7000a;}

.fenye{margin:30px 0px; min-height:1px; text-align: center; min-height:1px;}
.fenye li{display: inline-block; margin: 0px 8px; font-size: 18px;}
.fenye li a{color: #000;}
.fenye li.active span{color: #035CAC;}


.dangjian_pic{display: inline-block; padding-top: 100px; padding-bottom: 100px; width: 100%;}
.dangjian_pic .container{margin: 0px auto;}
.dangjian_pic .carousel-indicators{ bottom: -40px !important;}
.dangjian_pic .carousel-indicators li{background: #9A9A9A; border: none; width: 20px; height:8px; margin:0px 3px;}
.dangjian_pic .carousel-indicators li.active{background: #B70009; width:60px;}

.dangjian_xxzl{background: url(../images/dangjian_xxzl.jpg) no-repeat; background-size: 100% 100%; padding-bottom:80px;}
.dangjian_xxzl li{margin-bottom: 20px;}
.dangjian_xxzl li .con{border: 1px solid #D3D3D3; background: #fff; text-align: center; border-radius:15px; padding:60px 30px;}
.dangjian_xxzl li .con .xuhao{color: #b7000a; font-size: 66px; height: 50px; line-height: 50px; font-family: "宋体"; font-style: italic; position: relative;}
.dangjian_xxzl li .con .xuhao:after{content:""; height:1px; width:76px; background: #b7000a; position: absolute; left:0px; top: 25px;}
.dangjian_xxzl li .con .xuhao:before{content:""; height:1px; width:76px; background: #b7000a; position: absolute; right:0px; top: 25px;}
.dangjian_xxzl li .con .title{font-size:24px; margin:30px 0px 20px 0px; color: #000; height:85px; overflow:hidden; line-height:28px;}
.dangjian_xxzl li .con .jianjie{font-size:18px; color: #9d9d9d; line-height: 28px;}

.genduoh{width:230px; height:55px; line-height:55px; text-align: center; color: #747474; background:#DCDCDC; margin: 0px auto; font-size: 16px; border-radius: 50px; margin-top: 50px;}

.about{line-height: 36px; margin-bottom: 100px; font-size: 18px; color: #4b4b4b;}

.yewu_list{padding-top: 100px; background: url(../images/yewu_list.jpg) no-repeat center;}
.yewu_list dl dt{color: #000; font-size: 36px; margin-bottom: 70px;}
.yewu_list dl dd{margin-bottom:80px;}
.yewu_list dl dd .con img{max-width: 80px;}
.yewu_list dl dd .con .title{font-size: 18px; margin:30px 0px 20px 0px; color: #000; max-width: 165px; height: 54px;}
.yewu_list dl dd .con .jianjie{max-width: 220px; color: #525252; font-size: 16px; min-height: 100px;}

.yewu_list dl dd .con2 img{float: left; width: 20%;}
.yewu_list dl dd .con2 .right{float: right; width: 78%;}
.yewu_list dl dd .con2 .right .title{font-size: 18px; max-width: 200px; margin:0px 0px 10px 0px; text-align: left;}
.yewu_list dl dd .con2 .right .jianjie{max-width: 100%;}

.about_beijin{background: url(../images/jianjie.jpg) no-repeat; background-size: 100%; padding-bottom: 1px;}

.gbook{background: url(../images/gbook.jpg) no-repeat; background-size: 100%; padding-bottom: 1px; padding: 100px 0px;}
.gbook .gbook1{text-transform:uppercase; color: #000000; font-size: 26px;}
.gbook .gbook2{color: #000000; font-size: 32px;}
.gbook .gbook3{color: #000000; font-size: 16px; margin-top: 30px; border-bottom: 2px solid #BCBCBC; padding-bottom: 40px; margin-bottom: 55px;}
.gbook .gbook4{margin-bottom: 40px;}
.gbook .gbook4 input{width: 580px; height: 65px; padding-left: 20px; font-size: 16px; background: #fff; border: 1px solid #E5E5E5;}
.gbook .gbook5{margin-bottom: 40px;}
.gbook .gbook5 textarea{width: 100%; height: 150px; padding: 20px; font-size: 16px; background: #fff; border: 1px solid #E5E5E5;}
.gbook .gbook6{width: 650px; height: 65px; display: block; margin: 0 auto; background: #035CAC; border: none; font-size: 18px; color: #ffffff; outline: none;}


.chanping{background: #F5F9FA; padding:100px 0px 100px 0px;}
#timeLine{background: #F5F9FA;}
.chanping li{margin-bottom: 20px;}
.chanping li .con{display: inline-block; background: #fff; padding:60px 30px;}
.chanping li .con .title{font-size: 28px; height: 34px; overflow: hidden; color: #000; margin-bottom:20px;}
.chanping li .con .jianjie{font-size:16px; line-height:30px; color: #232323; height: 150px; overflow: hidden;}
.chanping li .con .genduo{margin-top: 20px; color: #3145a2; font-size: 18px;}
.chanping li:hover .con{background: url(../images/cpbg.jpg) no-repeat; background-size: 100% 100%;}
.chanping li:hover .con .title{color: #fff;}
.chanping li:hover .con .jianjie{color: #fff;}
.chanping li:hover .con .genduo{color: #fff;}

.scroll_horizontal{position:relative;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1000px; margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{width:1000px;display: flex; padding: 20px; background: #fff;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:40%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}


.xiangqing{background: #FAFAFA;}
.xiangqing .xiangqing1{color: #969696; font-size:18px; margin-top: 40px;}
.xiangqing .xiangqing1 a{color: #969696;}
.xiangqing .xiangqing_tp{text-align: center; margin-top: 40px;}
.xiangqing .xiangqing_tp img{max-width: 400px; display: inline-block;}
.xiangqing .xiangqing2{color: #333; font-size:30px; margin-top:80px;}
.xiangqing .xiangqing3{color: #969696; font-size:18px; padding: 40px 0px; border-bottom: 1px solid #989898;}
.xiangqing .xiangqing4{padding:40px 0px; line-height: 24px; color: #6b6b6b;}

.xinwen_top{background: #F7F7F7; margin-top: 50px;}
.xinwen_top .left{float: left; width:50%; overflow: hidden;}
.xinwen_top .left img{width:100%; transition: all 0.5s;}
.xinwen_top .left img:hover{transform: scale(1.1);}
.xinwen_top .right{float:right; width:50%; padding:30px 40px 0px 40px;}
.xinwen_top .right .title{font-size:26px; color: #000; height:80px; overflow:hidden;}
.xinwen_top .right .shijian{font-size:18px; padding:10px 0px; color: #9e9e9e;}
.xinwen_top .right .jianjie{font-size:14px; line-height: 24px; color: #7f7f7f;}
.xinwen_top .right .genduo{width:140px; height:40px; line-height:40px; text-align: center; color: #004398; border: 1px solid #004398; font-size: 16px; border-radius: 50px; margin-top:20px;}

.xinwen_list{}
.xinwen_list li{background: #F7F7F7; margin-top: 30px; padding: 15px 0px;}
.xinwen_list li .riqi{display: inline-block; float: left; width:12%; text-align: right; color: #9e9e9e; padding-top:3.5%; padding-right: 20px; font-size:26px;}
.xinwen_list li .riqi em{display: block; font-weight: bold; font-size: 44px; position: relative;}
.xinwen_list li .riqi em:after{content:""; height:3px; width:33px; background: #9e9e9e; position: absolute; right:0px; bottom:1px;}
.xinwen_list li .picurl{float: left; width:38%; overflow: hidden;}
.xinwen_list li .picurl img{width:100%; transition: all 0.5s;}
.xinwen_list li .picurl img:hover{transform: scale(1.1);}
.xinwen_list li .content{display: inline-block; float: right; width:50%; padding: 0px 30px; position: relative;}
.xinwen_list li .content .title{font-size: 22px; font-weight: bold; color: #000; margin-top: 30px; height:65px; overflow:hidden;}
.xinwen_list li .content .jianjie{font-size:15px; color: #7f7f7f; line-height: 26px; margin-top: 20px;}
.xinwen_list li .content .genduo{position: absolute; width: 46px; height: 46px; line-height: 46px; text-align: center; top:160px; right:30px; color: #757575; border: 1px solid #757575; border-radius: 50px;}
.xinwen_list li:hover .content .genduo{color: #fff; border: 1px solid #2F4088; background: #2F4088;}

.qywh{margin-top: 50px; text-align: center;}
.qywh .qywh-pic{display:inline-block; background: url(../images/gywmbg.jpg) no-repeat; width:100%; height:300px; background-size:100% 100%; color: #fff; padding:30px; line-height:35px; overflow: hidden; display: flex; align-items: center; font-size: 16px;}
.qywh .qywh-pic ul{display: none; text-align: center; width: 100%;}
.qywh-bot{margin: 80px 0px 80px 0px; display: inline-block; text-align: center; font-size: 20px;}
.qywh-bot li{ background: #E3F2FF; float: left; height: 35px; line-height: 35px;width: 220px; text-align: center; position: relative; color: #0a0a0a; cursor: pointer;}
.qywh-bot li.select{background: #035CAC; color: #fff;}


/* .hezuo{background: url(../images/hezuobg.jpg) no-repeat bottom center #F5F6FA; padding-bottom: 100px;} */
.hezuo{padding-bottom: 100px;}
.hezuo ul li{margin-bottom:30px;}
.hezuo ul li .con{display: inline-block; background: url(../images/hezuoli.jpg) no-repeat; background-size: 100%; padding:3px 4px; text-align: center; border-radius:10px;}
.hezuo ul li .con img{width:95%; border-radius:8px;}

/* .yuangongfc{background: #F5F9FA; padding:100px 0px 100px 0px;} */
.yuangongfc{margin-bottom: 100px;}
.yuangongfc li{margin-bottom: 20px;}
.yuangongfc li .con{display: inline-block; background: #fff; position: relative;}
.yuangongfc li .con .title{font-size:14px; height: 35px; line-height: 35px; text-align: center; overflow: hidden; color: #fff; position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0,0,0,0.5);}

.lianxiwm{margin-bottom: 100px;}
.lianxiwm ul{background: #F5F6FA;}
.lianxiwm .left{float: left; width:50%;}
.lianxiwm .right{float:right; width:50%; padding:30px 40px 0px 40px;}
.lianxiwm .right .title{color: #000; font-size:42px; border-bottom: 1px solid #C6C7CA; padding-bottom: 20px; padding-top: 50px;}
.lianxiwm .right .jianjie{padding-top:20px; line-height:44px; color: #484a4b; font-size: 18px;}
.lianxiwm .right .jianjie img{max-width: 100px;}


.guoji{}
.guoji_left{width: 700px; float: left;}
.guoji_right{width: 400px; float: right; line-height: 427px; font-size: 20px; font-weight: bold;}

.fazhang{background: url(../images/fazhang.jpg) no-repeat; min-height:900px;}
.fazhang .nytitle{color: #fff;}
.fazhang .nytitle{padding-top: 150px;}
.fazhang .event_box{position: relative;}
.fazhang .event_box .parHd {width: 100%; display: inline-block; height: 92px; position: relative;}
.fazhang .event_box .parHd .actbg{position: absolute; top:-68px; left:21px; background: url(../images/dot_ico_act.png) no-repeat; width:200px; height:200px; background-size: 100% 100%;}

.fazhang .parHd  ul{width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important;}
.fazhang .parHd .tempWrap{ margin: 0 auto;}
.fazhang .parHd .tempWrap:after{content: ''; width: 85%; height: 1px; background: #75B6F0; position: absolute; right: 8%; top: 35%; z-index: 10;}
.fazhang .parHd li.no_line:before{ display: none;}
.fazhang .parHd li{display: inline-block; cursor: pointer; padding-top: 30px; font-size: 16px; color: #C0D0E9; margin:0 30px; position: relative; z-index: 99999;}
.fazhang .parHd li:after{content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -9px; left: 50%; margin-left: -12px;}

.fazhang .parHd li.act{color: #000;}


.fazhang .parBd{margin-top:100px; margin-bottom:100px; padding: 0px 100px;}
.fazhang .parBd .left{float: left; width:31%; padding-right: 2%; margin-right:2%; color: #fff; font-size: 34px; font-weight: bold; position: relative; line-height: 60px;}
.fazhang .parBd .left:after{ position: absolute; right:0px; bottom:10px; content:""; height:33px; width:2px; background: #fff;}
.fazhang .parBd .right{float: left; width:65%; color: #fff; font-size:18px; height: 60px; line-height: 30px; display: flex; align-items: center;}

.fazhang div#listBox { width: 100%;}
.fazhang .sPrev,
.fazhang .sNext{ width:70px; height:70px; display: block; position: absolute; top:-4px;}
.fazhang .sPrev{ left: -100px;}
.fazhang .sNext{ right: -100px;}
.fazhang .sPrev img,
.fazhang .sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
}

.qgmap{margin:70px auto; min-height: 500px; padding-bottom: 50px;}
#hover-callback li{margin-bottom: 15px; font-size: 16px;}
#china-map { width: 100%; height: 500px; }

.nav-tabs{text-align: center; margin-top: 50px;}
.nav-tabs li{display: inline-block; float: none; width:170px;}



.rongyu{min-height:420px; background:url(../images/rongyubg.png) no-repeat center; position: relative; overflow: hidden;}
.rongyu .swiper-rongyu {width: 100%; height: 100%; padding-top:40px;}
.rongyu .swiper-rongyu .swiper-button-prev{left:680px; top: 55%;}
.rongyu .swiper-rongyu .swiper-button-next{right:680px; top: 55%;}
.rongyu .swiper-slide { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.rongyu .swiper-slide img{width:80%;}
.rongyu .swiper-slide .title{padding:10px 0px; font-size:16px; color: #959595;}
.rongyu .swiper-slide-active .title{ font-size:20px; color: #000;}


/*手机样式*/
.m-head{height: 60px; background: #fff; padding:15px 20px; width: 100%;}
.m-head .logo{float: left; width: 45%;}
.m-head .daohan{float: right; cursor: pointer;}

.navBox{position: fixed; width:100%; height:100%; right:0px; z-index:9999; top:0px; background-color: rgba(0,0,0,0.7); display: none;}
.navBox .nav{position: absolute; top: 0px; width: 60%; height: 100%; right: 0px; background: #004398; box-sizing: border-box; padding:50px 15px 0px 15px;}
.navBox .nav .icon-times{position: absolute; top:20px; right:20px; font-size: 26px; color: #fff; cursor: pointer;}
.navBox .nav li{border-bottom: 1px solid #678eea; font-size: 16px; color: #fff; line-height: 50px; padding-left: 10px;}
/* .navBox .nav dl dd{display: none; border-bottom: 1px solid #4e7dea; font-size: 14px; color: #b4caff; line-height:40px; padding-left: 10px} */

.bjlb {
	width: 100%;
	position: relative;
    height: 400px;
    overflow: hidden;
}
.bjlb .beijin {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 1000px;
    background-image: url(../images/beijin.jpg);
    z-index: -1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:bottom;
}
.bjlb span {
	font-size: 40px;
    position: absolute;
    bottom: 100px;
    color: #fff;
    margin-left: 10%;
}
.bjlb small {
	font-size: 26px;
    position: absolute;
    bottom: 65px;
    color: #fff;
    margin-left: 10%;
}

.swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.swiper-container .swiper-slide{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; height:100%; position:relative; overflow: hidden;}
/* .swiper-container .swiper-slide:last-child{height:465px !important; background:#232D38 !important;} */

.sjrongyu li{margin-bottom: 10px;}
.sjrongyu li .title{ font-size: 16px; text-align: center; color: #000; height: 40px; line-height: 40px; overflow: hidden;}

.ruanjainpt{height: 100vh; background:url(../images/ruanjainpt.jpg) no-repeat bottom #F5F9FA; background-size: 100%; text-align: center; padding-top: 150px;}
.ruanjainpt .ruanjian{margin-top: 100px; position: relative;}
.ruanjainpt .ruanjian .img{width: 100%;}

.ruanjainpt .shang,
.ruanjainpt .xia{width: 180px; height: 180px; box-sizing: border-box; display: flex; align-items: center; padding:10px 10px; background: #ffffff; text-align: center; border: 2px solid #004398; border-radius: 100px; color: #004098; font-size:15px; font-weight: bold; font-size: 12px;}
.ruanjainpt .shang{ position: absolute; top: 0px; left: 0px;}
.ruanjainpt .xia{ position: absolute; bottom:30px; left: 0px;}


.fudong{
    animation: heart 1.3s ease-in-out 2.7s infinite alternate;
}

/* //margin-top会发生卡顿 */
@keyframes heart{
    from{margin-top:0px;}
    to{margin-top:-10px;}
}

/* //用transform就流畅了 */
@keyframes heart{
    from{transform:translate(0,0)}
    to{transform:translate(0,10px)}
}


.ditubg{background: url(../images/ditubg.jpg) no-repeat; background-size: 100% 100%; height: 900px;}

.hezuodx{position:relative;width:100%;margin:0 auto;height:500px;overflow:hidden;top:0;right:0;bottom:0;left:0}
.hezuodx .ct{position:absolute;top:50%;left:50%;width:1280px;height:800px;transform:translate(-50%,-50%);transform-style:preserve-3d;perspective-origin:center 30vh;perspective:5000px}
.hezuodx .ct .item{font-size:0;position:absolute;transform-origin:center;width:400px;transform:translateZ(-10000px);background-color:rgba(176,44,47,0.2);border:8px solid #fff;opacity:0;transition:opacity .5s linear;cursor:pointer}
.hezuodx .ct .item img{font-size:0;width:100%;height:100%}
.hezuodx .pic-wrapper{opacity:0;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1650px;height:928px;background-color:#fff;border:8px solid rgba(255,255,255,.2);box-shadow:0 0 3px 3px rgba(255,255,255,.5);transition:opacity .1s linear}

.fangye{margin-top: 50px; margin-bottom: 50px;}
.fangye li{color: #4d4b4b; line-height: 30px;}
.fangye a:hover{ color: #024A7C; font-weight: bold;}

/* 宽度小于768 */ 
@media (max-width: 768px){
	#timeLine{
		display: none;
	}
    .container{padding: 0px; width: 100%;}
	.dibu2 span{display: none;}
	.dibu2 em{float: none;}
    .syjianjie .syjianjie1{font-size: 40px; height:100px;}
    .syjianjie .syjianjie1 em{font-size: 55px;}
    .syjianjie .syjianjie2{font-size: 16px;}

    .heading .text{position: absolute; top:260px; padding: 0px 10px;}
    .heading .text .text1{font-size:24px; color: #fff; letter-spacing:1px;}
    .heading .text .text2{font-size:22px; color: #fff; height: 38px;}

    .fazhang .event_box .parHd{height: 0px;}
    .fazhang .event_box .parHd .tempWrap{display: none;}
    .fazhang .event_box .parHd .actbg{display: none;}

    .yewu_list{padding:50px 20px;}
    .yewu_list dl dt{font-size: 30px; margin-bottom: 40px;}
    .yewu_list dl dd{margin-bottom: 20px; }
    .yewu_list dl dd .con .jianjie{min-height: auto;}

    .nytitle{font-size: 34px; padding: 40px 0px 30px 0px;}
    .zuzhi_list{padding: 0px 3%;}
    .zuzhi_list li .left{width: 100%; float: none;}
    .zuzhi_list li .right{display: none;}
    .zuzhi_list li .left .title{height: 24px; line-height: 24px; overflow: hidden;}
    .zuzhi_list li .left .con{height: 78px; overflow: hidden;}

    .anli_nav{overflow-x: scroll; overflow-y:hidden; white-space: nowrap;}
    .anli_nav .container{width: 100%;}
    .anli_nav li{width: 120px; height: 180px; font-size: 16px; margin: 0px;}
	.anli_nav li .title-a4 {width: calc(374/454*100%);position: absolute;top: calc(100% - 60px);left: calc(40/454*100%);transition: 0.5s;}
	.anli_nav li:hover .title-a4{top: calc(320/640*100%)}
	.anli_nav li .title-a4 .title-a6{color: #fff; font-size: 18px;font-weight: 600;line-height: 30px;}
	.anli_nav li .title-a4 .title-a8{font-size: 10px;}
	
	

    .about{padding: 0px 3%; font-size: 16px; line-height: 30px; margin-bottom: 50px;}

    .chanping{padding: 50px 0px;}
    .chanping li .con{padding:20px;}
    .chanping li .con .title{font-size: 20px; margin-bottom: 10px;}
    .chanping li .con .jianjie{font-size: 14px; line-height: 24px;}
    .chanping li .con .genduo{margin-top: 10px; font-size: 16px;}

    .anli_list{margin-top: 30px;}
    .anli_list li .almc{font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; padding: 0px;}
    .anli_list li .angd{display: none;}
    .anli_list li .al{border: none;}
    .anli_list li{margin-bottom: 20px;}

    .banner_title{font-size: 24px;}
    .xinwen_list{padding: 0px 20px 20px 20px;}
    
    .xinwen_top{padding: 10px; margin-top: 30px;}
    .xinwen_top .left{width: 35%; margin-top:10px;}
    .xinwen_top .right{width: 63%; padding: 0px;}
    .xinwen_top .right .title{font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold;} 
    .xinwen_top .right .shijian{font-size: 12px; padding:5px 0px 5px 0px; display: none;}
    .xinwen_top .right .jianjie{height: 48px; overflow: hidden;}
    .xinwen_top .right .genduo{display: none;}

    .xinwen_list li{padding: 10px; margin-top:20px;}
    .xinwen_list li .riqi{display: none;}
    .xinwen_list li .picurl{width: 35%; margin-top:10px;}
    .xinwen_list li .content{width: 63%; padding: 0px;}
    .xinwen_list li .content .title{font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold; margin-top: 0px;} 
    .xinwen_list li .content .jianjie{height: 48px; overflow: hidden; margin-top: 0px;}
    .xinwen_list li .content .genduo{display: none;}

    .qywh .qywh-pic{padding: 20px 30px; font-size: 14px; line-height: 20px;}

    .qywh-bot{margin: 40px 0px; width: 90%;}
    .qywh-bot li{width: 25%; font-size: 14px; padding: 0px; float: left;}
    .qywh-bot li:before{display: none;}
    .qywh-bot li:after{display: none;}

    .fazhang{min-height: auto; padding-bottom: 50px;}
    .fazhang .nytitle{padding-top: 50px; padding-bottom: 0px;}
    .fazhang .parBd{margin: 50px 0px; padding: 0px 75px;}
    .fazhang .parHd li{margin: 0px 20px;}
    .fazhang .parHd li:after{top: 0px;}
    .fazhang .parBd .left{float: none; width: 100%; max-width: 100%; font-size: 20px;}
    .fazhang .parBd .left:after{display: none;}
    .fazhang .parBd .right{float: none; line-height: 24px; width: 100%; font-size: 14px; margin-top: 10px; height: auto;}
    .fazhang .sPrev{width: 50px; height: 50px; left: 10px; top: -135px;}
    .fazhang .sNext{width: 50px; height: 50px; right: 10px; top: -135px;}

    .hezuo{padding-bottom: 50px;}
    .lianxiwm{margin-bottom: 50px;}
    .lianxiwm .left{display: none;}
    .lianxiwm .right{float: none; width: 100%; padding: 20px;}
    .lianxiwm .right .title{font-size: 26px; padding-top:10px;}
    .lianxiwm .right .jianjie{font-size: 14px; line-height: 28px; padding-top: 10px;}
    .lianxiwm .right .jianjie img{margin-top: 10px;}

    .bjlb {
        height: 400px;
    }
    .bjlb .beijin {
        height: 400px;
        background-size: auto 100%;
    }
    .bjlb span{font-size: 30px; bottom: 50px;}

    .xiangqing{padding: 0px 10px;}
    .xiangqing .xiangqing2{margin-top: 20px; font-size: 24px;}
    .xiangqing .xiangqing3{padding: 10px 0px; font-size: 14px;}
    .xiangqing .xiangqing4{padding: 20px 0px; line-height: 24px;}
    .qgmap{min-height: 400px;}

    /*.swiper-container .swiper-slide:last-child{display: none;}*/
    #china-map { width: 100%; height: 350px; }

    
    .dangjian_xxzl li .con .xuhao:after{content:""; height:1px; width:30px;}
    .dangjian_xxzl li .con .xuhao:before{content:""; height:1px; width:30px;}


    .containeras{padding: 0px;}
    .erjicaidan li .title-a4 .title-a6{font-size:14px;}
    
    .sylxwm .top{margin-top: 190px;}
    .sylxwm .top li{width: 46%; margin:0px 2%}
    .sylxwm .top li .con{width: auto;}
    .sylxwm .top li .weixin{left:23px; top:5px;}
    
    .sylxwm{background: url(../images/sylxwm2.jpg) no-repeat; background-size: 100% 100%}
    
    .gbook .container{padding:0px 10px;}
    .gbook .gbook4 input{width:100%; margin-bottom:20px;}
    .gbook .gbook6{width: 100%;}
}

/* 宽度小于992 */ 
@media (max-width: 992px) {
	.dibu2 span{display: none;}
	.dibu2 em{float: none;}
}
/* 宽度大于992*/ 
@media (min-width: 992px) {
    .banner_title{top:28%;}
    /* .dibu{ width: 1200px; margin: 0 auto;} */
}
/* @media only screen and (max-width: 1920px) and (min-width: 1600px) { */
    .ind6-a1 {
        padding: 20px 30px 0px 30px;
        width: 100%;
        /* padding-bottom: 80px; */
        margin-top: -80px;
        position: relative;
        overflow: hidden;
        background: #f6f6f6;
    }

    .ind6-a1::after {
        width: 100%;
        /* height: 45%; */
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        z-index: 1;
        pointer-events: none;
    }
	
	.ind6-a2 {
	    width: 100%;
	    padding: 0;
	    position: relative;
	    perspective: 1000;
	    -webkit-perspective: 1000;
	}
	
	.ind6-a3 {
	    display: flex;
	    position: relative;
	    flex-wrap: wrap;
	    transform: perspective(1000px) rotateX(0deg);
	    transform-style: preserve-3d;
	}
	
	.ind6-a4 {
	    width: 13%;
	    margin-right: 1.5%;
	    height: 0;
	    padding-bottom: calc(13%/245*130);
	    margin-bottom: 20px;
	    background-color: #fff;
	    border: 1px solid #eee;
	    border-radius: 5px;
	    overflow: hidden;
	    -webkit-transition: all 0.5s;
	}
	.ind6-a4:nth-child(7n) {
	    margin-right: 0%;
	}
	
	.ind6-a4:hover {
	    transform: translateZ(20px);
	}
	
	.ind6-a5 {
	    background: center center no-repeat;
	    background-size: cover;
	}
/* } */
@media only screen and (max-width: 1599px) and (min-width: 1400px) {

    .ind6-a1 {
        width: 100%;
        /* padding-bottom: 80px; */
        margin-top: -80px;
        position: relative;
        overflow: hidden;
        background: #f6f6f6;
    }

    .ind6-a1::after {
        width: 100%;
        height: 45%;
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        z-index: 1;
        pointer-events: none;
    }

    .ind6-a2 {
        width: 100%;
        padding: 0;
        position: relative;
        perspective: 1000;
        -webkit-perspective: 1000;
    }

    .ind6-a3 {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        transform: perspective(1000px) rotateX(0deg);
        transform-style: preserve-3d;
    }

    .ind6-a4 {
        width: 13%;
        margin-right: 1.5%;
        height: 0;
        padding-bottom: calc(13%/245*130);
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
    }

    .ind6-a4:nth-child(7n) {
        margin-right: 0%;
    }

    .ind6-a4:hover {
        transform: translateZ(20px);
    }

    .ind6-a5 {
        background: center center no-repeat;
        background-size: cover;
    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    .ind6-a1 {
        width: 100%;
        /* padding-bottom: 80px; */
        margin-top: -80px;
        position: relative;
        overflow: hidden;
        background: #f6f6f6;
    }

    .ind6-a1::after {
        width: 100%;
        height: 45%;
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        z-index: 1;
        pointer-events: none;
    }

    .ind6-a2 {
        width: 100%;
        padding: 0;
        position: relative;
        perspective: 1000;
        -webkit-perspective: 1000;
    }

    .ind6-a3 {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        transform: perspective(1000px) rotateX(0deg);
        transform-style: preserve-3d;
    }

    .ind6-a4 {
        width: 13%;
        margin-right: 1.5%;
        height: 0;
        padding-bottom: calc(13%/245*130);
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
    }

    .ind6-a4:nth-child(7n) {
        margin-right: 0%;
    }

    .ind6-a4:hover {
        transform: translateZ(20px);
    }

    .ind6-a5 {
        background: center center no-repeat;
        background-size: cover;
    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    .ind6-a1 {
        width: 100%;
        /* padding-bottom: 80px; */
        margin-top: -80px;
        position: relative;
        overflow: hidden;
        background: #f6f6f6;
    }

    .ind6-a1::after {
        width: 100%;
        height: 45%;
        position: absolute;
        right: 0;
        bottom: 0;
        content: '';
        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        z-index: 1;
        pointer-events: none;
    }

    .ind6-a2 {
        width: 100%;
        padding: 0;
        position: relative;
        perspective: 1000;
        -webkit-perspective: 1000;
    }

    .ind6-a3 {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        transform: perspective(1000px) rotateX(0deg);
        transform-style: preserve-3d;
    }

    .ind6-a4 {
        width: 13%;
        margin-right: 1.5%;
        height: 0;
        padding-bottom: calc(13%/245*130);
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 5px;
        overflow: hidden;
        -webkit-transition: all 0.5s;
    }

    .ind6-a4:nth-child(7n) {
        margin-right: 0%;
    }

    .ind6-a4:hover {
        transform: translateZ(20px);
    }

    .ind6-a5 {
        background: center center no-repeat;
        background-size: cover;
    }

}
.i300 {

    overflow: hidden;

}



.i300>img {

    width: 100%;

    height: 100%;

}
.clear:after {

    content: "";

    display: block;

    clear: both;

}



   
.i100 {
    overflow: hidden;
	border-radius: 3px;
}



.i100>img {

    width: 100%;

}
.i200 {

    overflow: hidden;

}



.i200>img {

    height: 100%;

}
@keyframes ind666{0%{transform: translateZ(0px);}50%{transform: translateZ(20px);}100%{transform: translateZ(0px);}}.ind6-a4:nth-child(1){animation: ind666 linear 4s infinite;animation-delay: -1.583629850744975s;}

.ind6-a4:nth-child(2){animation: ind666 linear 4s infinite;animation-delay: -3.636640124933237s;}

.ind6-a4:nth-child(3){animation: ind666 linear 4s infinite;animation-delay: -0.3415892575310622s;}

.ind6-a4:nth-child(4){animation: ind666 linear 4s infinite;animation-delay: -2.1592213945914214s;}

.ind6-a4:nth-child(5){animation: ind666 linear 4s infinite;animation-delay: -3.812456332286752s;}

.ind6-a4:nth-child(6){animation: ind666 linear 4s infinite;animation-delay: -3.761445778337417s;}

.ind6-a4:nth-child(7){animation: ind666 linear 4s infinite;animation-delay: -1.4740311448861378s;}

.ind6-a4:nth-child(8){animation: ind666 linear 4s infinite;animation-delay: -0.3597797042163995s;}

.ind6-a4:nth-child(9){animation: ind666 linear 4s infinite;animation-delay: -3.0055658985744014s;}

.ind6-a4:nth-child(10){animation: ind666 linear 4s infinite;animation-delay: -0.9179019590600355s;}

.ind6-a4:nth-child(11){animation: ind666 linear 4s infinite;animation-delay: -3.026364436914257s;}

.ind6-a4:nth-child(12){animation: ind666 linear 4s infinite;animation-delay: -3.821782617898635s;}

.ind6-a4:nth-child(13){animation: ind666 linear 4s infinite;animation-delay: -0.9411883522668303s;}

.ind6-a4:nth-child(14){animation: ind666 linear 4s infinite;animation-delay: -1.6709697886051078s;}

.ind6-a4:nth-child(15){animation: ind666 linear 4s infinite;animation-delay: -1.0926285146328505s;}

.ind6-a4:nth-child(16){animation: ind666 linear 4s infinite;animation-delay: -1.5688435053121568s;}

.ind6-a4:nth-child(17){animation: ind666 linear 4s infinite;animation-delay: -1.4607250633915374s;}

.ind6-a4:nth-child(18){animation: ind666 linear 4s infinite;animation-delay: -3.198819141151179s;}

.ind6-a4:nth-child(19){animation: ind666 linear 4s infinite;animation-delay: -3.503310892640034s;}

.ind6-a4:nth-child(20){animation: ind666 linear 4s infinite;animation-delay: -2.0989392601940757s;}

.ind6-a4:nth-child(21){animation: ind666 linear 4s infinite;animation-delay: -0.645072607642482s;}

.ind6-a4:nth-child(22){animation: ind666 linear 4s infinite;animation-delay: -2.0460234543970746s;}

.ind6-a4:nth-child(23){animation: ind666 linear 4s infinite;animation-delay: -3.6653057358842522s;}

.ind6-a4:nth-child(24){animation: ind666 linear 4s infinite;animation-delay: -0.9619905165684051s;}

.ind6-a4:nth-child(25){animation: ind666 linear 4s infinite;animation-delay: -1.543627600765796s;}

.ind6-a4:nth-child(26){animation: ind666 linear 4s infinite;animation-delay: -0.6773664727978881s;}

.ind6-a4:nth-child(27){animation: ind666 linear 4s infinite;animation-delay: -1.3555055248111065s;}

.ind6-a4:nth-child(28){animation: ind666 linear 4s infinite;animation-delay: -3.4946053665972068s;}

.ind6-a4:nth-child(29){animation: ind666 linear 4s infinite;animation-delay: -1.6704873508861118s;}

.ind6-a4:nth-child(30){animation: ind666 linear 4s infinite;animation-delay: -3.944176333286312s;}

.ind6-a4:nth-child(31){animation: ind666 linear 4s infinite;animation-delay: -3.742350326900147s;}

.ind6-a4:nth-child(32){animation: ind666 linear 4s infinite;animation-delay: -3.3905700651291744s;}

.ind6-a4:nth-child(33){animation: ind666 linear 4s infinite;animation-delay: -0.7581577449455175s;}

.ind6-a4:nth-child(34){animation: ind666 linear 4s infinite;animation-delay: -3.033386786190248s;}

.ind6-a4:nth-child(35){animation: ind666 linear 4s infinite;animation-delay: -3.2567125014841585s;}

.ind6-a4:nth-child(36){animation: ind666 linear 4s infinite;animation-delay: -0.9918442614476062s;}

.ind6-a4:nth-child(37){animation: ind666 linear 4s infinite;animation-delay: -1.2375333907862922s;}

.ind6-a4:nth-child(38){animation: ind666 linear 4s infinite;animation-delay: -1.7620601664275215s;}

.ind6-a4:nth-child(39){animation: ind666 linear 4s infinite;animation-delay: -3.3862342374502363s;}

.ind6-a4:nth-child(40){animation: ind666 linear 4s infinite;animation-delay: -1.9401997706297722s;}

.ind6-a4:nth-child(41){animation: ind666 linear 4s infinite;animation-delay: -3.5766836413823935s;}

.ind6-a4:nth-child(42){animation: ind666 linear 4s infinite;animation-delay: -0.15812519724330265s;}