@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-family:"Microsoft YaHei";}
table { border-collapse:collapse; border-spacing:0; }
input{border:none;}
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
a{text-decoration:none;}
li{list-style-type: none;}
content{margin:0 auto;width:1000px;position:relative;background-position:center center;}

body{
    width:100%;
    height:100%;
    background:url(../images/eurasion_Beij.jpg);
    background-position:center center; 
    background-size:cover;
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 160px;
  }
  .top{
      width: 100%;
      height: 41rem;
      background: url(../images/eurasian_Top.jpg) no-repeat center center;
      background: url(../images/loge1.jpg) no-repeat center center;
  }
  .tab .tab_data>div>div{
    width: 1.59375rem;
    height: 100%;
    background: #fff;
}
.tab .tab_data>div>div img{
    width: 100%;
    height: 2.03125rem;
}
}



.tab .tab_data>div>div{
    width: 1.59375rem;
    height: 100%;
    background: #fff;
}
.tab .tab_data>div>div img{
    width: 100%;
    height: 2.03125rem;
}
.top{
    width: 100%;
    height:4.1rem;
}
.top img{
    width: 100%;
    height: 100%;
}
.page1{
    width: 100%;
    height:.575rem;
    background:#d3f4fe;
    border-top:1px solid #fff
}
.page1 ul{
    width: 6.625rem;
    height: .575rem;
    margin: 0 auto;
    display: flex;
    justify-content:space-between;
}
.page1 ul li{
    width: 1.025rem;
    height: .26875rem;
    margin-top:.13125rem;
   
    border-radius:8px;
    background-color: #fff;
    /* opacity: 0.702; */
    box-shadow:0 .01875rem .056875rem .005625rem rgba(50, 49, 71, 0.3);
    text-align: center;
    transition: background 1s;
    color:#000;
    font-size: .175rem;
    cursor: pointer;
}
.page1 ul li:hover {
    background: #f2fcff;
}
.page1 ul li a{
    color:#000;
    font-size: .175rem;
    
}
.tab{
    margin-top: .40625rem;
    width: 100%;
    height: 4.375rem;
}
.tab>div{
    width: 6.625rem;
    height: auto;
    margin:0 auto;
}
.tab .nav_tab{
    height: .38125rem;
    display:flex;
    justify-content:space-between;
}
.tab .nav_tab li{
    width: 1.04375rem;
    height:.38125rem;
    transition: all 1s;
    box-shadow: 0 .01875rem  .005625rem rgba(50, 49, 71, 0.3);
    border-radius:4px;
    font-size: .2125rem;
    text-align: center;
    line-height:.38125rem;
    background: #fff;
    cursor: pointer;
}
.tab .nav_tab li:hover{
    background: #cbf968;
}
.tab .nav_tab li.active{
    background: #8fc31f;
    color: #fff;
}
.tab .nav_tab li.active:hover{
    background: #8fc31f;
}


.tab .guoqi{
    margin-top: .05rem;
    height: .6875rem;
    display:flex;
    justify-content:space-between;
}
.tab .guoqi li{
    width: 1rem;
    height: .6875rem ;
    font-size: .2125rem;
}
.tab .guoqi li img{
    width: 100%;
    height: 100%;
}

.tab .tab_data>div{
    
    width: 100%;
    height: 3.1875rem;
    margin-top: .0625rem;
    display:flex;
    justify-content:space-between;
    display: none;
}
.tab .tab_data>div.active_data{
    display: flex
}

.tab .tab_data>div>div h5{
    width: 100%;
    height: .24375rem;
    font-size: .14375rem;
    line-height: .24375rem;
    color:#fff;
    background:#8fc31f;
    font-weight: bold;
    margin-top: .1875rem;
    margin-bottom: .0875rem;
    border-radius: .15rem; 
    text-align: center;
}
.tab .tab_data>div>div h3{
    width: 100%;
    text-align: center;
    font-size: .21875rem;
    color:#8fc31f;
    font-weight: bold;
    margin-bottom: .125rem;
}
.tab .tab_data>div>div h3 img{
    width: .375rem;
    height: .21875rem;
}
.tab .tab_data>div>div h4{
    width: .9875rem;
    height: .26875rem;
    background: #6a6868;
    color:#fff;
    font-size: .1375rem;
    border-radius: .15rem;
    margin: 0 auto;
    line-height: .26875rem;
    letter-spacing: .01875rem;
    text-align: center;
}
.tab .tab_data>div>div h4 a{
    color:#fff;
}

.page2{
    margin-top: 1rem;
    width: 100%;
    height: 6.8125rem;
    /* background:#000 */
}
.page2 .title{
    width: 6rem;
    height: .625rem;
    margin: 0 auto;
    line-height: .625rem;
    border-top:2px solid #747373;
    border-bottom:2px solid #747373;
}
.page2 .title .img_left{
    float: left;
    width: 2.0625rem;
    height: .62rem;
}
.page2 .title .img_right{
    float: right;
    width: 2.0625rem;
    height: .62rem;
    transform: rotate(180deg)
}
.page2 .title h3{
    overflow: hidden;
    height: .62rem;
    text-align: center;
    line-height: .6rem;
    font-weight: bold;
    font-size: .28125rem;
}
.page2 .content{
    margin: 0 auto;
    width: 6.6375rem;
    height: 2.5rem;
    display: flex;
    justify-content:space-around;
}
.page2 .content>div{
    height: .51875rem;
    width: 3.21875rem;
    text-align: center
}
.page2 .content>div img{
    width: 1.25rem;
    height: .5625rem;
    
}
.page2 .content>div .data{
    width: 3.225rem;
    height: 1.7625rem;
    margin: 0 auto;
    border-radius:.0625rem;
    -webkit-border-radius:.0625rem;
    -moz-border-radius:.0625rem;
    -ms-border-radius:.0625rem;
    -o-border-radius:.0625rem;
}
.page2 .content>div .data .one{
    margin-top:.2375rem;
    font-size:.175rem;
    line-height:.5625rem;
}
.page2 .content>div .data .two{
    text-align: left;
    font-size:.1375rem;
    margin:0 .225rem;
    line-height: .2125rem;
}
.eurasionDjzx{
    margin: 0 auto;
    width: 6.6375rem;
    height: .40625rem;
    margin-top:1rem;
}
.eurasionDjzx a:hover{
    box-shadow: 0 .01875rem .056875rem .005625rem rgba(50, 49, 71, 0.6);
}
.eurasionDjzx a{
    float: right;
    display: block;
    width:1.1875rem;
    height:.40625rem;
    border-radius:10px;
    box-shadow: 0 .01875rem .056875rem .005625rem rgba(50, 49, 71, 0.3);
    line-height: .40625rem;
    text-align: center;
    font-size:.2125rem;
}

.page3{
    margin-top: 1.2rem;
    width: 100%;
    height: auto;
    /* background:#000 */
}
.page3 .title{
    width: 6rem;
    height: .625rem;
    margin: 0 auto;
    line-height: .625rem;
    border-top:2px solid #747373;
    border-bottom:2px solid #747373;
}
.page3 .title .img_left{
    float: left;
    width: 2.0625rem;
    height: .62rem;
}
.page3 .title .img_right{
    float: right;
    width: 2.0625rem;
    height: .62rem;
    transform: rotate(180deg)
}
.page3 .title h3{
    overflow: hidden;
    height: .62rem;
    text-align: center;
    line-height: .6rem;
    font-weight: bold;
    font-size: .28125rem;
}
.page3 .swiper_nav{
    width:3.90625rem;
    height:.39375rem;
    margin:0 auto;
    display: flex;
    justify-content:space-between;
    margin-top: .40625rem;
}
.page3 .swiper_nav div{
    width: 1.4375rem;
    height: .3875rem;
    font-size: .2rem;
    text-align: center;
    line-height:.3875rem; 
    transition: all 1s;
    box-shadow: 0 .01875rem .056875rem .005625rem rgba(50, 49, 71, 0.3);
    border-radius:26px;
    text-align: center;
    cursor: pointer;
}


.eurasionCzyx{
    width: 7.375rem;
    height: auto;
    margin:0 auto;
    margin-top: .375rem;
}

.eurasionCzyx .swiper-father {

    width: 100%;

    height: 300px;

    position: relative;
    font-size: .125rem

  }
.eurasionCzyx .swiper-father .swiper-container {
    width: 6.6875rem;
    height: 1.875rem;
}  
.eurasionCzyx .swiper-container .swiper-slide{
    width: 1.25rem;
    height: 1.875rem;
    
}
.eurasionCzyx .swiper-container .swiper-slide img{
    width: 1.25rem;
    height: 1.25rem;
    box-shadow: 0 .01875rem .056875rem .005625rem rgba(50, 49, 71, 0.3);
}
.eurasionCzyx .swiper-container .swiper-slide p{
    margin-top: 10px;
    text-align: center;
    font-size: .125rem
}
.swiper-button-next1, .swiper-button-prev1{
    width: .15625rem;
    height: .2875rem;
    position: absolute;
    top:.53125rem;
    cursor: pointer;
    outline:none !important;
}
.swiper-button-next1 img, .swiper-button-prev1 img{
    width: 100%;
    height: 100%;
    outline:none !important;
}
.swiper-button-next1{
    right:0;
}
.swiper-button-prev1{
  left :0;
  transform: rotate(180deg)
}


.fooder{
    width: 100%;
    height: 3.75rem;
    margin-top: .1rem;
    background: #90c31f;
}
.fooder>div{
    margin: 0 auto;
    width: 6.6375rem;
    height: 3.75rem;
}
.fooder>div>img{
    float: left;
    width: 3.4375rem;
    height: 100%;
}
.fooder>div>form{
    overflow: hidden;
    height: 100%;
    padding-left: .1875rem;
    padding-top: .38rem;
}
.fooder>div>form>div{
    width: 2.3125rem;
    height: .28125rem;
    margin-top: .25rem;
    font-size: .1375rem;
}
.fooder>div>form>div img{
    width: .3125rem;
    height: .28125rem;
}
.fooder>div>form>div input,div .form-control{
    width: 2rem;
    height: .28125rem;
    line-height: .28125rem;
    font-size: .1375rem;
    background: #e9f3d2;
    outline:none;
    float:right;
    color:#949292;
}





.fooder .btn{
    width: 1rem;
    background-color: #e9f3d2;
    text-align: center;
    color: #000;
    height: 1.89rem;
    font-size: 24px;
    display: block !important;
    writing-mode: vertical-lr !important;
    writing-mode:tb-rl !important;
    float: right;
    margin-top: -500px;
    margin-right: 200px;
    margin-left: 30px;
    border-radius:16px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    -ms-border-radius:16px;
    -o-border-radius:16px;
    -webkit-writing-mode: vertical-lr !important;
    -ms-writing-mode: vertical-lr !important;
}

.btnyd{
    /* display: none; */
}