@charset "utf-8";

/*初始化*/

* {

   -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,*:after {

   -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;color:#555;}

body {background:#fff; color:#555;font-size:12px;font-family:"Microsoft YaHei","宋体","Arial Narrow",Verdana,Arial,Helvetica,sans-serif;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;margin:0;padding:0;}

td,th,caption {font-size:12px;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}

a {text-decoration:none;color: #555;}

a:focus {outline:thin dotted;}

a:active,a:hover {outline:0;text-decoration:none;}

a:hover {color:#da251e;}

i {font-style: normal;}

img {border:none;width: 100%;height: auto;}

svg:not(:root) {overflow:hidden;}

ol,ul,li {list-style:none;}

b,strong {font-weight:bold;}

blockquote {margin:0;}

small {font-size:80%;}

dl,menu,ol,ul {margin:0;}

dd {margin:0 0 0 40px;}

menu,ol,ul {padding:0;}

input,textarea,select,button {font:12px "Microsoft YaHei","宋体","Arial Narrow",Verdana,Helvetica,Arial,sans-serif;margin:0;vertical-align:baseline;*vertical-align:middle;}

button,input {line-height:normal;}

input:focus,select:focus {outline:0;border:0;}

input::-webkit-input-placeholder {color:#bbb;}

input::-moz-placeholder {color:#bbb;}

input:-moz-placeholder {color:#bbb;}

input:-ms-input-placeholder {color:#bbb;}

textarea::-webkit-input-placeholder {color:#bbb;}

textarea::-moz-placeholder {color:#bbb;}

textarea:-moz-placeholder {color:#bbb;}

textarea:-ms-input-placeholder {color:#bbb;}

button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible;}

button[disabled],html input[disabled] {cursor:default;}

fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}

table {border-collapse:collapse;}

html,body {

            position: relative;

            height: 100%;

        }

br {display: none;}

.hidden {display:none !important;visibility:hidden;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {*zoom:1;}

.hidden {display:none !important;visibility:hidden;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {*zoom:1;}

.ellipsis,.ellipsis1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ellipsis2 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

.ellipsis3 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

.ellipsis4 {

  overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/

    text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/

    display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/

    -webkit-line-clamp: 4;/*用来限制在一个块元素显示的文本的行数。*/

    -webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/

}

@font-face {

   font-family: myFirstFont;

   src: url(../font2/AlimamaShuHeiTi-Bold.ttf);

}



@keyframes guajianani

{

0%   {width: 0px;height: 0px;transform:none;}

10%  {width: 100%;height: 100%;transform:none;}

20%  {width: 90%;height: 90%;transform:none;}

30%  {width: 100%;height: 100%;transform:none;}

50%  {width: 100%;height: 100%;transform:rotate(30deg);}

60% {width: 100%;height: 100%;transform:none;}

70%  {width: 100%;height: 100%;transform:rotate(30deg);}

80% {width: 100%;height: 100%;transform:none;}

90%  {width: 100%;height: 100%;transform:rotate(30deg);}

100% {width: 100%;height: 100%;transform:none;}

}



@-moz-keyframes guajianani /* Firefox */

{

0%   {width: 0px;height: 0px;-moz-transform:none;}

10%  {width: 100%;height: 100%;-moz-transform:none;}

20%  {width: 90%;height: 90%;-moz-transform:none;}

30%  {width: 100%;height: 100%;-moz-transform:none;}

50%  {width: 100%;height: 100%;-moz-transform:rotate(30deg);}

60% {width: 100%;height: 100%;-moz-transform:none;}

70%  {width: 100%;height: 100%;-moz-transform:rotate(30deg);}

80% {width: 100%;height: 100%;-moz-transform:none;}

90%  {width: 100%;height: 100%;-moz-transform:rotate(30deg);}

100% {width: 100%;height: 100%;-moz-transform:none;}

}



@-webkit-keyframes guajianani /* Safari 和 Chrome */

{

0%   {width: 0px;height: 0px;-webkit-transform:none;}

10%  {width: 100%;height: 100%;-webkit-transform:none;}

20%  {width: 90%;height: 90%;-webkit-transform:none;}

30%  {width: 100%;height: 100%;-webkit-transform:none;}

50%  {width: 100%;height: 100%;-webkit-transform:rotate(30deg);}

60% {width: 100%;height: 100%;-webkit-transform:none;}

70%  {width: 100%;height: 100%;-webkit-transform:rotate(30deg);}

80% {width: 100%;height: 100%;-webkit-transform:none;}

90%  {width: 100%;height: 100%;-webkit-transform:rotate(30deg);}

100% {width: 100%;height: 100%;-webkit-transform:none;}

}



@-o-keyframes guajianani /* Opera */

{

0%   {width: 0px;height: 0px;-o-transform:none;}

10%  {width: 100%;height: 100%;-o-transform:none;}

20%  {width: 90%;height: 90%;-o-transform:none;}

30%  {width: 100%;height: 100%;-o-transform:none;}

50%  {width: 100%;height: 100%;-o-transform:rotate(30deg);}

60% {width: 100%;height: 100%;-o-transform:none;}

70%  {width: 100%;height: 100%;-o-transform:rotate(30deg);}

80% {width: 100%;height: 100%;-o-transform:none;}

90%  {width: 100%;height: 100%;-o-transform:rotate(30deg);}

100% {width: 100%;height: 100%;-o-transform:none;}



}







@keyframes guajianani2

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}

}



@-moz-keyframes guajianani2 /* Firefox */

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}

}



@-webkit-keyframes guajianani2 /* Safari 和 Chrome */

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}

}



@-o-keyframes guajianani2 /* Opera */

{

0%  {width: 100%;height: 100%;}

10%  {width: 80%;height: 80%;}

20%  {width: 100%;height: 100%;}

30%  {width: 80%;height: 80%;}

40%  {width: 100%;height: 100%;}

100%  {width: 100%;height: 100%;}



}





/*全局*/

body {padding-top: 107px;width: 100%;height: 100%;}

body#indextop {padding-top: 0;}

.w1240 {width: 100%;max-width: 1400px;margin:0 auto;}

.w1600 {width: 100%;max-width: 1600px;margin:0 auto;}

.swiper-container {

      width: 100%;

      height: 100%;



    }



    .swiper-slide {

      text-align: center;

      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -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;

    }









.anlibanner {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left: 0;top: 0;z-index: 1;}

body#anli-h5 {padding-top: 0;margin: 0;padding: 0;color: #fff;background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-image: url(../images/anliartbk.jpg);}

.swiper-container {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;  

}



.swiper-slide {



    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -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;

}

#swiper-container1 > .swiper-wrapper > .swiper-slide:after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background-color: rgba(0,0,0,0.6);}

#swiper-container1 .swiper-slide * {text-align: left;color: #fff;}



#swiper-container1 .topfanhui {position: absolute;left: 20%; top: 0;z-index: 99999;background-color: #fff;color: #333; width: 240px;height: 102px; padding: 20px;}

#swiper-container1 .topfanhui a {display: block;width: 100%;height: 100%; }

#swiper-container1 .topfanhui a img {display: block;}



#swiper-container1 .anli-art-toptext {position: absolute;left: 20%;top:24%;z-index: 3;width: 60%; }

#swiper-container1 .anli-art-toptext p {display: table;padding: 10px 16px;background-color:#fff;color: #da251d;font-weight: bold; border-radius: 5px;  font-size: 183%;margin-bottom: 10px;}

#swiper-container1 .anli-art-toptext h1 {font-size: 600%;font-weight: bold;margin-bottom: 80px;text-shadow: 2px 2px 3px #bbb;}

#swiper-container1 .anli-art-toptext div {margin-top:40px;font-size: 142%;text-align: right;}

#swiper-container1 .anli-art-toptext div span {display: inline-block;width: 30px;text-align: center ;}

#swiper-container1 .anli-art-toptext ul li {display: table;padding-right: 20px;font-size: 142%;margin-bottom: 20px;}

#swiper-container1 .anli-art-toptext ul li:nth-child(3),.anli-art-toptext ul li:nth-child(5) {clear: both;}

#swiper-pagination1 {right: 0;text-align: right;}

#swiper-pagination1 .swiper-pagination-bullet {width: 100px;margin-right: -40px; height: 30px; border-top-left-radius: 15px;border-top-right-radius: 0;border-bottom-left-radius: 15px;border-bottom-right-radius: 0;background-color: #333;font-size: 200%;line-height: 50px;font-weight:bold;padding: 0;box-shadow: 0 0 3px #fff;opacity: 1;}

#swiper-pagination1 .swiper-pagination-bullet-active {background-color: #da251d;}





#swiper-container2 {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99999;padding: 40px 200px 40px 40px;}

#swiper-container2 .swiper-slide img {display: block;border: 2px solid #fff;box-shadow: 0 0 16px rgba(0,0,0,0.8); max-width: 100%;max-height: 100%;}

#swiper-pagination2 {display: table;left: auto;right: 20px;height: 40px;width: 80px;line-height: 40px;font-size: 142%; background-color: #da251d;border-radius: 20px;border:1px solid #888; text-align: center !important;bottom: 40px;opacity: 0.6;}

#swiper-pagination2 .swiper-pagination-bullet {display: inline-block;width: 20px;height: 4px;border-radius: 0;opacity: 0.6;border: 1px solid #fff;}

#swiper-container2 .swiper-slide[data-img=""] {display: none;}





body#anli-h5 .anli-lxwm-bk {display: none; position: absolute;left: 18%;top: 0;z-index: 3;background-color: rgba(255,255,255,0.8);width: 28%;height: 100%;}

body#anli-h5 .anli-lxwm { position: absolute;left: 18%;top: 0;z-index: 3;z-index: 33;padding: 100px 50px 0; background-color: rgba(255,255,255,0.8);height: 100%;}

body#anli-h5 .anli-lxwm > div { display: table;}

body#anli-h5 .anli-lxwm > div~div {margin-top: 40px;}

body#anli-h5 .anli-lxwm h3 {font-weight: bold;font-size: 200%;margin-bottom: 20px;color: #333;border-bottom: 1px solid #333;padding-bottom: 6px;}

body#anli-h5 .anli-lxwm p {font-size: 142%;margin-bottom: 20px;color: #333;padding-left: 30px;background-position: left 0 top 0;background-repeat: no-repeat;background-size: 20px;}

.tgongsi {background-image: url(../images/qiye.png);}

.tguhua {background-image: url(../images/guhua.png);}

.tshouji  {background-image: url(../images/shouji.png);}

.tdizhi {background-image: url(../images/position.png);}

.tyouxiang {background-image: url(../images/youxiang.png);}

.tweixin {background-image: url(../images/weixin.png);}

body#anli-h5 .end {display: none; width: 100%; position: absolute;left: 0;bottom:20px;text-align: center; z-index: 999; font-weight: bold;font-size: 142%;color: #fff;font-style: italic;text-shadow: 0 0 10px #333;}

body#anli-h5 .end:after {content: "";display: block;width: 40%;height: 1px;position: absolute;right: 0;bottom: 10px;background-color:#888;}

body#anli-h5 .end:before {content: "";display: block;width: 40%;height: 1px;position: absolute;left: 0;bottom: 10px;background-color:#888;}



body#anli-h5 .anli-fanhui {position: absolute;left: 900px; top: 20%;z-index: 55;}

body#anli-h5 .anli-fanhui a {display: block;padding: 0 20px;margin-bottom: 20px; line-height: 1.6;text-shadow: 0 0 10px #333; text-align: center;font-size: 400%;font-weight: bold;}

@-webkit-keyframes start {

  0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}

  60% {opacity: 1;-webkit-transform: translate(0,0);}

  100% {opacity: 0;-webkit-transform: translate(0,-8px);}

}

@-moz-keyframes start {

  0%,30% {opacity: 0;-moz-transform: translate(0,10px);}

  60% {opacity: 1;-moz-transform: translate(0,0);}

  100% {opacity: 0;-moz-transform: translate(0,-8px);}

}

@keyframes start {

  0%,30% {opacity: 0;transform: translate(0,10px);}

  60% {opacity: 1;transform: translate(0,0);}

  100% {opacity: 0;transform: translate(0,-8px);}

}

#array {display: block; width:30px; position:absolute;left: 50%;bottom: 60px;margin-left: -15px; z-index:999999;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;}



@media screen and (min-width:1200px) and (max-width:1500px) {

  body#anli-h5 .anli-fanhui {left: 800px;}



}



@media screen and (min-width:768px) and (max-width:1199px) {

  #swiper-container1 .topfanhui {left: 10%;}

  #swiper-container1 .anli-art-toptext h1 {font-size: 300%;margin-bottom: 40px;}

  body#anli-h5 .anli-lxwm {left: 0;width: 100%;padding: 60px 14px 0;}

  body#anli-h5 .anli-fanhui {left: 0;width: 100%;top: auto;bottom: 50px;text-align: center;}

  body#anli-h5 .anli-fanhui a {font-size: 300%;display: inline-block;}

  body#anli-h5 .anli-lxwm > div {margin-right: auto;margin-left: auto;}

}

@media screen and (max-width:767px) {

  #swiper-container1 .topfanhui a {width: 115px;}

  #swiper-container1 .topfanhui {left: 10%;padding: 16px 10px 10px;width: auto;height: auto;}

  #swiper-container1 .anli-art-toptext {width: 80%;left: 10%;top: 120px;}

  #swiper-container1 .anli-art-toptext h1 {font-size: 216%;margin-bottom: 40px;}

  body#anli-h5 .anli-lxwm {left: 0;width: 100%;padding: 20px;}

  body#anli-h5 .anli-fanhui {left: 0;width: 100%;top: auto;bottom: 60px;text-align: center;}

  body#anli-h5 .anli-fanhui a {font-size: 142%;display: inline-block;padding: 0 10px;margin-bottom: 0;}

  body#anli-h5 .anli-lxwm > div {margin-right: auto;margin-left: auto;}

  #swiper-container1 .anli-art-toptext ul li {font-size: 116%;padding-left: 70px;position: relative;margin-bottom: 10px;padding-right: 0;}

  #swiper-container1 .anli-art-toptext ul li span {display: block; position: absolute;left: 0;top: 0;z-index: 1;}

  #swiper-container1 .anli-art-toptext div {text-align: left;font-size: 116%;margin-top: 20px;}

  #swiper-container1 .anli-art-toptext div span {width: 20px;}

  #swiper-pagination1 {display: none;}

  body#anli-h5 .end {display: block;}

  body#anli-h5 .anli-lxwm h3 {font-size: 142%;border-bottom: 1px solid #888;}

  body#anli-h5 .anli-lxwm p {font-size: 116%;margin-bottom: 10px;background-size: 16px;}

  body#anli-h5 .anli-lxwm > div~div {margin-top: 20px;}

  body#anli-h5 .end {display: block;}

  #swiper-container2 {padding: 20px;}

}