@charset "utf-8";
/*nav*/
.navbar-inverse {
    background-color: #2b5fab;
    border-radius: 0px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus ,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0c2340;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #0c2340;}
/* .navbar-nav > li > a{font-size:16px;}*/
.navbar-nav > li > a{height: 45px;    line-height: 15px;}
.zh-cn .navbar-nav > li > a {
    padding-left: 20px;
    padding-right: 20px;}
.item-2468 ul,.item-2428 ul{display:none !important;}


/*login*/
.log a:hover{color: #fff;text-decoration: none;}
.log .carousel-inner{ 
  /*
  display: none;float: right; z-index: 1000; top: 50px; */
  width: 400px; 
  background-color: rgba(43,95,171,0.6);    
  padding: 15px 0;
      position: absolute;
    right: 0;}
.log:hover ul.dropdown-menu {
    display: block;}
.log ul.dropdown-menu {
    background-color: rgba(0,0,0,0);
    border: 0;
    padding: 0;}
.log .jmoddiv.jmodinside {
    position: absolute;
    top: 50px;
    left: 0;}
/*.log:hover div.carousel-inner{display:block !important;}*/
/*search*/
#quick-links {width:124px;margin:0;    margin-left: 2px; padding:0; float:right;}
#quick-links ul {padding:0; margin:0;list-style-type: none; position:absolute;border: 1px solid #999;    width: 124px;}
#quick-links ul li {width:124px; float:left; position:relative;    z-index: 99999;}
#quick-links ul li a{display:block !important;text-align:left; text-decoration:none; padding-left:1px;width:124px; height:22px; line-height:20px;color:#757575;  
  font-size:14px;}
#quick-links ul li ul {display: none;}
#quick-links ul li:hover ul {display:block; position:absolute;top:20px; border: 0;left: -1px;background: #006ab6;text-align:left;}
#quick-links ul li:hover ul li a {display:block; background:#006ab6;width:inherit ; /*124px;height:16px; font-size:12px;line-height:16px;*/color:#fff; height: 26px;font-size: 14px;line-height: 26px; font-weight:normal;    padding-left: 10px;}
#quick-links ul li:hover ul li a:hover {background:#000; color:#fff;}
#icon-top {float:right;}
#icon-top ul{margin-top:0px !important;margin-right:0px !important;padding-left: 0 !important;}
#icon-top li{list-style: none;float:left;padding-top:0px;margin-top:0px;}
#icon-top li a {text-indent:-9999px;overflow:hidden; display:block; margin-top:0px;padding:0px 0px 0px 0px;float:left;}
#icon-top li a:hover {float:left;display:block;padding:0px 0px 0px 0px;}

#icon-top li.en-gb_link1 a{width:45px; height:50px;background:url(../images/icon-video-1.jpg) no-repeat;}
#icon-top li.en-gb_link2 a{width:60px; height:50px;background:url(../images/icon-vitual-1.jpg) no-repeat;}
#icon-top li.en-gb_link0 a:hover{width:45px; height:50px;background:url(../images/icon-hours-2.jpg) no-repeat;}
#icon-top li.en-gb_link1 a:hover{width:45px; height:50px;background:url(../images/icon-video-2.jpg) no-repeat;}
#icon-top li.en-gb_link2 a:hover{width:60px; height:50px;background:url(../images/icon-vitual-2.jpg) no-repeat;}
#icon-top li.en-gb_link3 a{width:45px; height:50px;}
#icon-top li.en-gb_link3 a:hover{width:129px; height:129px;background:url(../images/icon-wechat-2.jpg) no-repeat; position:absolute; z-index:999999; top:0px; right:10px;}
#icon-top li.zh-cn_link3 a{width:50px; height:50px;}
#icon-top li.zh-cn_link3 a:hover{width:129px; height:129px;background:url(../images/icon-wechat-2.jpg) no-repeat; position:absolute; z-index:999999; top:0px; right:10px;}
#icon-top li.zh-cn_link0 a{width:60px; height:50px;background:url(../images/icon-hours-cn-1.jpg) no-repeat;}
#icon-top li.zh-cn_link1 a{width:60px; height:50px;background:url(../images/icon-video-cn-1.jpg) no-repeat;}
#icon-top li.zh-cn_link2 a{width:60px; height:50px;background:url(../images/icon-vitual-cn-1.jpg) no-repeat;}
#icon-top li.zh-cn_link0 a:hover{width:60px; height:50px;background:url(../images/icon-hours-cn-2.jpg) no-repeat;}
#icon-top li.zh-cn_link1 a:hover{width:60px; height:50px;background:url(../images/icon-video-cn-2.jpg) no-repeat;}
#icon-top li.zh-cn_link2 a:hover{width:60px; height:50px;background:url(../images/icon-vitual-cn-2.jpg) no-repeat;}

#icon-top2 {display: none;}
#icon-top2 ul{margin: 0 33% !important;}
#icon-top2 li{list-style: none;float:left;padding-top:0px;margin-top:0px;}
#icon-top2 li a {text-indent:-9999px;overflow:hidden; display:block; margin-top:0px;padding:0px 0px 0px 0px;float:left;}
#icon-top2 li a:hover {float:left;display:block;padding:0px 0px 0px 0px;}
#icon-top2 li.en-gb_link0 a{width:45px; height:50px;background:url(../images/icon-hours-1.jpg) no-repeat;}
#icon-top2 li.en-gb_link1 a{width:45px; height:50px;background:url(../images/icon-video-1.jpg) no-repeat;}
#icon-top2 li.en-gb_link2 a{width:60px; height:50px;background:url(../images/icon-vitual-1.jpg) no-repeat;}
#icon-top2 li.en-gb_link0 a:hover{width:45px; height:50px;background:url(../images/icon-hours-2.jpg) no-repeat;}
#icon-top2 li.en-gb_link1 a:hover{width:45px; height:50px;background:url(../images/icon-video-2.jpg) no-repeat;}
#icon-top2 li.en-gb_link2 a:hover{width:60px; height:50px;background:url(../images/icon-vitual-2.jpg) no-repeat;}
#icon-top2 li.en-gb_link3 a{width:45px; height:50px;}
#icon-top2 li.en-gb_link3 a:hover{width:129px; height:129px;background:url(../images/icon-wechat-2.jpg) no-repeat; position:absolute; z-index:999999; top:0px; right:10px;}
#icon-top2 li.zh-cn_link3 a{width:50px; height:50px;}
#icon-top2 li.zh-cn_link3 a:hover{width:129px; height:129px;background:url(../images/icon-wechat-2.jpg) no-repeat; position:absolute; z-index:999999; top:0px; right:10px;}
#icon-top2 li.zh-cn_link0 a{width:60px; height:50px;background:url(../images/icon-hours-cn-1.jpg) no-repeat;}
#icon-top2 li.zh-cn_link1 a{width:60px; height:50px;background:url(../images/icon-video-cn-1.jpg) no-repeat;}
#icon-top2 li.zh-cn_link2 a{width:60px; height:50px;background:url(../images/icon-vitual-cn-1.jpg) no-repeat;}
#icon-top2 li.zh-cn_link0 a:hover{width:60px; height:50px;background:url(../images/icon-hours-cn-2.jpg) no-repeat;}
#icon-top2 li.zh-cn_link1 a:hover{width:60px; height:50px;background:url(../images/icon-video-cn-2.jpg) no-repeat;}
#icon-top2 li.zh-cn_link2 a:hover{width:60px; height:50px;background:url(../images/icon-vitual-cn-2.jpg) no-repeat;}

/*advanced*/
.retrieval2{
    width: 100%;
    position: absolute;
    z-index: 999;}
.retrieval2 label {
    font-weight: normal;
      line-height: normal;}

.part1,.part2{
  width: 100%;
    background-color: #eee;}
.part2{ padding-bottom:80px;}
/*find&ask*/
.ask .fin{
  margin-top: 80px;
  text-align: center;
  font-weight: bold;}
.ask .homepage-ask,.lrcicon {
    margin:70px auto 80px;
    font-size: 1.8em;
    padding: 8% 0;
    flex-direction: row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;}

.lrcicon {
   /* margin:0 auto 75%;
    padding: 0;
  font-size: 2em;
  */
  margin:0 auto 40%;
    padding: 0;
  font-size: 1.5em;}
.ask .homepage-ask{width:100%;padding:0;}
.ask .h-s-item ,.lrcicon .h-s-item{
    width: 20%;
    text-align: center;
    flex-grow: 1;
    margin: 0 10% 0 0;}
.h-s-item.lw {
    margin: 0;}
/*
.brrr span.h-s-text {
    width: 50%;
    margin: auto 25%;
}*/
.ask .h-s-item a,.lrcicon .h-s-item a {
    width: auto;
    margin: 0;
    display: block;}
.ask .h-s-item a:hover, .h-s-item a:focus{text-decoration: unset;}
.ask span.fa-stack.fa-lg ,.lrcicon span.fa-stack.fa-lg{text-align: center;font-size: 2.8em;}
.ask span.h-s-text {
    display: block;
    text-align: center;
    font-size: 14px;}
.brrr span.fa-stack.fa-lg {color: #499dbb;}
.brrr span.fa-stack.fa-lg:hover {color:rgb(6,129,111);}
.afr span.fa-stack.fa-lg {color: #0680ab;}
.afr span.fa-stack.fa-lg:hover {color:rgb(6,129,111);}
.ill span.fa-stack.fa-lg {color:#255677;}
.ill span.fa-stack.fa-lg:hover {color:rgb(6,129,111);}
.lw span.fa-stack.fa-lg {color: #0a3552;}
.lw span.fa-stack.fa-lg:hover {color:rgb(6,129,111);}
/*.brrr span.fa-stack.fa-lg {color: #306e50;}
.brrr span.fa-stack.fa-lg:hover {color:#00a98f;}
.afr span.fa-stack.fa-lg {color: #0680ab;}
.afr span.fa-stack.fa-lg:hover {color:#0c2340;}
.ill span.fa-stack.fa-lg {color: #66816d;}
.ill span.fa-stack.fa-lg:hover {color:#038424;}
.lw span.fa-stack.fa-lg {color: #255677;}
.lw span.fa-stack.fa-lg:hover {color:#6cabd6;}*/
.find {
    padding: 60px 0;
    background: url(../images/find_ask/find.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;}
.line1,.line2{    
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;}
.find .homepage-find {
    width: 1024px;
    margin: auto;}
.find .h-s-item {
    float: left;
    width: 28%;
    position: relative;
    min-height: 1px;
    text-align: left;
    font-size: 2em;}
.find .line1 .h-s-item,.find .line2 .h-s-item {width:16%;}
.find .hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    display: inline-block;
    /* 
    font-size: 0px; border: 6px solid;
    position: relative;
    margin: 15px 0px;
    */
    cursor: pointer;
    width: 144px;
    height: 144px;
    text-align: center;

    z-index: 1;
    color: #fff;}
.find .line1 .hi-icon {/*margin: 15px 0px;*/}
.find .hi-icon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    font-family: 'ecoicon';}
.find .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 6px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    position: absolute;
    width: 144px;
    height: 144px;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}
.find .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;}
.hi-icon, .hi-icon:after {border-radius: 0;}

.find span.h-s-text {    
    font-size: 14px;
    float: left;
    margin: auto;
    width: 100%;
    line-height: 40px;
    height: 39.5px;
    background: rgba(3,79,128,0.43);}
.find i.fa {height: 1.85em;}
.find img {margin-top: 10px;}

.find .h-s-item a:hover,.find .h-s-item a:focus {
    box-shadow: 0 0 0 10px rgba(255,255,255,1);
    color: #fff;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: none !important;}

.find .magnifier{
    width: 83px;
    height: 83px;
    line-height: 30px;
    border-radius: 100%;
    border: 6px solid currentcolor;
    padding: 20px 0;
    position: relative;
    font-size: 30px;
    color: #fff;
    text-align: center;
    float: right;
    bottom: -70px;
    right: 40px;}
.find .magnifier i{font-style: normal;    font-size: 24px;}
.find .magnifier::after{
    content: "";
    width: 42px;
    height: 6px;
    background-color: currentcolor;
    position: absolute;
    top: 90%;
    left: 90%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);}

.lrcicon .h-s-item {
    width: 100%;
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: right;
    text-decoration: none;}
.wechat span.fa-stack.fa-lg {color: #00a98f;}
.wechat span.fa-stack.fa-lg:hover {color:rgb(0,117,188);}
.video span.fa-stack.fa-lg {color:#4b9471;}/* #004222*/
.video span.fa-stack.fa-lg:hover {color:rgb(0,117,188);}
.gallery span.fa-stack.fa-lg {color:#004222;}
.gallery span.fa-stack.fa-lg:hover {color:rgb(0,117,188);}
/*news*/
.news img.ns2-image {
    width: 100%;
    height: 190px;}
.ns2-art-controllers {
    float: right;
  margin-right: 10px;}
.ns2-art-next,.ns2-art-prev{
background-image:none !important;
text-indent: 0 !important;}
.ns2-art-next{
font-size: 22px;
font-weight: 900;
color: #53a3d6;
padding-left: 10px;}
.ns2-art-prev{
font-size: 22px;
font-weight: 900;
color: #53a3d6;
padding-right: 10px;}
/*
.lrc_news .aidanews2_main {
    height: 0;
}
.lrc_news .aidanews2_mainC {
    padding: 20px 0;
}
.lrc_news .aidanews2_date{
  font-size: 28px;
    background-color: #306e50;
    color: #fff;
        padding: 2px 10px;

}
.zh-cn .lrc_news .aidanews2_date{
    padding: 2px 13px;
}
.lrc_news .aidanews2_date_2{
  font-size: 13.5px;
    background-color: #255677;
    text-align:center;
    color: #fff;
}
*/
/*rotation*/
.itemid-2418 .container .custom iframe ,
.itemid-2467 .container .custom iframe {
    margin: 40px 0 0;
    border: 0;
    height: 320px;}
/*allvideo*/
.avVideo .avPlayerContainer .avPlayerBlock{padding: 0 0 60% 0!important;}
.avPlayerWrapper .avPlayerContainer .avPlayerBlock > div {
    width: 80% !important;
    height: 100% !important;}
/*yendifVideo*/
.itemid-2430 .pull-right .yendifVideoShare h3,.itemid-2430 .pull-right .yendifVideoShare h2,
.itemid-2511 .pull-right .yendifVideoShare h3,.itemid-2511 .pull-right .yendifVideoShare h2{
    display: none;}
.itemid-2430 span.yendifTitle,
.itemid-2511 span.yendifTitle{
    font-size: 21px !important;
    text-align: center !important;}
.itemid-2430 a.yendifItem,
.itemid-2511 a.yendifItem{
    margin-left: 10% !important;}
.yendif-video-share .thumbnails{width:100%;}
.yendif-video-share h3 {
    display: none;}

/*footer*/
footer ul.nav.menu {display: none;}
footer .nav .open > a {color: #000;}
footer a.nav-header.dropdown-toggle {
    font-size: 16px;
    border-bottom: 1px solid #908d8d;
    padding: 15px;}
footer ul.nav-child.dropdown-menu.unstyled.small {
    width: 100%;
    position: relative;}
footer li.item-2468,footer li.item-2505,footer li.item-2428,footer li.item-2466 {display: none;}
footer a.nav-header.dropdown-toggle:after {float: right;}
footer .current.active a {
    background-color: #000;
    color: #fff;}
footer ul.nav-child.dropdown-menu.unstyled.small {
    border-bottom: 1px solid #6d6d6d;
    margin-bottom: 15px;
      border: 0;
    box-shadow: none;}
footer .unstyled li a{color:#fff;}
/*20180903 table*/
.table-striped > thead > tr > th, .table-striped > thead > tr > td {
    color: #006ab6 !important;
    border-bottom: 2px solid #006ab6 !important;}

/*wechat*/
a.weixin {
    position: relative;}
 
.weixin img.qrcode {
  position: absolute;
  z-index: 99;
  top: -200px;
  right: -28px;
  width:200px;
  max-width: none;
  height:200px;
  transform: scale(0);
  transform-origin:bottom;
  opacity: 0;
  border: .3125rem solid #0085ba;
  border-radius: .25rem;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;}
 
.weixin:hover img.qrcode {
    transform: scale(1);
    opacity: 1;}

/*poster*/
.poster img{
  cursor: pointer;
  transition: all 0.6s;
      height: 356px;
  width:246px;}
.modal-body img.img-thumbnail {
    height: auto;
  width:auto;}
.poster .btn-primary {
    border: 0;
    background-color: #eeeeee;
    padding: 0;}
.poster .modal-header{border-bottom:0;padding-bottom: 0;}
.poster .modal-footer {text-align: center;padding-bottom: 0;    border: 0;}
.poster .modal-dialog { 
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;}
.poster .modal-content {
overflow-y: scroll;
position: absolute;
top: 0;
bottom: 0;}

@media screen and (max-width: 995px){
#my3-back .my-3 { width: 100%;}
#my3-back .my-middle{width:86%;}
.my-middle .carousel-inner .item .pic { width: 30%;}
.my-middle .carousel-inner .item a img,.carousel-caption {width: 100% !important;}
}
@media screen and (max-width: 980px){
.my-middle .carousel-inner .item .pic {margin: 0 8px;}
}


@media screen and (min-width: 920px){
.en-gb .prc span.h-s-text, .en-gb .pnjm span.h-s-text, .en-gb .vsi span.h-s-text{line-height: inherit;}
}
@media screen and (max-width: 920px){
	div.mod_search102 input[type="search"] {width: 100% !important;}
  #quick-links,#quick-links ul li,#quick-links ul li a,#quick-links ul li ul{width: 100%;float: left !important;}
  .ask span.fa-stack.fa-lg, .lrcicon span.fa-stack.fa-lg{font-size: 2.5em;}
  
  .find .homepage-find{
    margin: auto 90px;
    width: 80% !important;}
  .find .h-s-item{    font-size: 1.5em;}
  .find .hi-icon{width:114px;height:114px;}
  .find i.fa {height: 1.85em;}
  .find span.h-s-text{
    height: 38px;
    line-height: 38px;}
  .find img {
    margin: 0;
    height: 70%;}
  .prc span.h-s-text{    line-height: 0.8;}
  .find .magnifier {
    width: 80px;
    height: 80px;
    bottom: -50px;
    right: 25px;}
  
  .en-gb .brrr span.h-s-text {
    width: 80%;
    margin: auto 10%;}
  .en-gb .pnjm span.h-s-text {line-height: 0.9;}
   .en-gb .vsi span.h-s-text{line-height: 1.2;}
  
}
@media screen and (max-width: 880px){
/*20180903*/
#my3-back .my-middle {width: 84%;}
.my-middle .carousel-inner .item .pic {margin: 0 7px;}
}
@media screen and (max-width: 870px){
  .find .homepage-find{
    margin: auto 50px;
    width:90% !important;}
}
@media screen and (max-width: 860px){
#my3-back .my-middle {width: 85%;}
.my-middle .carousel-inner .item .pic {margin: 0 7px;}
}
@media screen and (max-width: 810px){
  .news img.ns2-image {
    width: 60% !important;
    height: 300px !important;
    margin: 0 20% !important;}
  .news .ns2-inner > a {margin: 0;}
  div#my3-back {height: auto !important;}
  #my3-back .my-middle { width: 89%;}
  .my-middle .carousel-inner .item .pic { margin: 0 10px;}
  
   .find .homepage-find{margin: auto 40px;}
}

@media screen and (min-width: 767px){
  /*poster
  .poster img:hover{
	transform: scale(2.3);
    transform-origin: top;
}*/
}
@media screen and (max-width: 767px){
  #quick-links{margin-left:13px;}
  #quick-links ul{border:0;}
  #quick-links ul li a > i{display:none;}
  #quick-links ul li:hover ul {top: 34px;}
.header section.icon {display: none;}
  .topWrap span {
    margin-top:8% !important;
    float: left;
    width: 100%;
    min-width: 210px;
    text-align: center;}
  
  .retrieval2{
    position: relative;    
    background-image: url(../../../upload/channel/registered/angel/lrc/3b520effae3091bf500cd009e7b6fc40.jpg) !important;
    background-size: cover !important;}
  .retrieval2 > div{
    background-color: rgba(93,108,128,0.82);}
  
/*20180827*/
.rotation1 {display: none;}
.my-2 table {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;}
.lanrenzhijia,#bd1 {display: none;}
#bd {display: block !important;}


.my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img {height: 160px;}
.my-middle .left.carousel-control, .my-middle .right.carousel-control {height: 160px;}

.fin {display:block !important;    width: 100%;
    text-align: center;}
  .retrieval > p{display:none;}
  
  footer ul.nav.menu {
    display:block;}
 
  /*20181214*/
  .lrcicon .h-s-item {
    text-align: center;
    width: 50%;}
  
  /*ask*/
  .ask .homepage-ask{flex-wrap: wrap;}
  .ask .h-s-item{width:50%;    margin: auto;}
  
  /*find*/
  .find .homepage-find {
    width: 100% !important;
    margin: auto;}
  .line1, .line2, .line3 {
    flex-wrap: wrap;
    width: 80%;
    margin: auto;}
  .find .h-s-item {
    width:50% !important;
    text-align: center;}
  .line2 .both {
    display: none;}
  /*20190520 poster*/
  .poster img{height:auto;}

}
@media screen and (max-width:700px){

}

/*20180830*/
@media screen and (min-width: 630px) and (max-width: 700px){
  #my3-back .my-3{height:220px;}
  #my3-back .my-middle{height:160px;}
  .my-middle .carousel-inner .item .pic{height:123px;}
  .my-middle .left.carousel-control,
.my-middle .right.carousel-control{
    background-image: unset;
    height: 123px;}
  .my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img{ height: 123px;}
}
@media screen and (max-width: 630px){
  #my3-back .my-3 {height: 200px;}
  #my3-back .my-middle {height: 143px;}
  .my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img {
    height: 113px;
    width: 28%;
    margin: 0 13px;}
  .carousel-caption {margin: 0 13px;}
  .my-middle .left.carousel-control, .my-middle .right.carousel-control {height: 115px;}

  .zh-cn .my-3 > .fin h1 {font-size: 26px;}
  .en-gb .my-3 > .fin h1{font-size: 28px;}
  
  .my-2 table {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;}
}
@media screen and (max-width: 620px){
}
@media screen and (max-width: 600px){
.topWrap span {    margin-top: 9% !important;}

}
@media screen and (max-width: 550px){
.topWrap span {    margin-top: 11% !important;}

}
@media screen and (max-width:520px){
.my-2 table {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;}
  
.zh-cn .my-3 > .fin h1 {font-size: 24px;}
.en-gb .my-3 > .fin h1{font-size: 26px;}
  
#my3-back .my-3 {height: 180px;}
#my3-back .my-middle {height: 123px;}
.my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img {
    height: 93px;
    margin: 0 10px;}
.carousel-caption { margin: 0 10px;}
.my-middle .left.carousel-control, .my-middle .right.carousel-control {height: 93px;}
  
  /*20181106 find&ask*/
  .addhe {
    top: -70px;
    left: 8.5%;
    height: 70px;
    vertical-align: bottom;
    display: table-cell;}
.topWrap span {    margin-top:12% !important;}
  
}
@media screen and (max-width: 480px){
.topWrap span {    margin-top: 13% !important;}
  
.zh-cn .my-3 > .fin h1 {font-size: 22px;}
.en-gb .my-3 > .fin h1{font-size: 24px;}
  
#my3-back .my-3 {height: 160px;}
#my3-back .my-middle {height: 103px;}
.my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img { height: 73px;}
.carousel-caption{padding:0;}
.my-middle .left.carousel-control, .my-middle .right.carousel-control {height: 73px;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left,.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{ top: 45%;}
  
div.yendifVideoShare.yendifResponsive div.yendifGallery a.yendifItem{margin: 0 5% !important;}
}
@media screen and (max-width: 460px){
.topWrap span {    margin-top: 14% !important;}
.news img.ns2-image {
    width: 100% !important;
    margin: 0 !important;}
}
@media screen and (max-width: 450px){

.my-2 table {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;}
.en-gb .my-2 p, .zh-cn .my-2 p { margin: 25px 0 0;}
}
@media screen and (max-width: 410px){
#my3-back .my-middle {height: 100px;}
.my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img { height: 70px;margin: 0 5px;width: 30%;}
.carousel-caption{margin: 0 5px;    font-size: 12px;}
.my-middle .left.carousel-control, .my-middle .right.carousel-control {height: 70px;}
}
@media screen and (max-width: 400px){
  
  
.zh-cn .my-3 > .fin h3 {font-size: 20px;}
.en-gb .my-3 > .fin h2{font-size: 22px;}
  
.en-gb .my-2 p {margin: 15px 0 0;}
.my-2 table {
    width: 100%;
    margin-left: 0;
    margin-right: 0;}
/*20180905 find*/
.fin .magnifier {
    width: 15px;
    height: 15px;
    border: 1px solid currentcolor;}
.fin .magnifier::after {
    width: 10px;
    height: 1px;}
}
@media screen and (max-width: 380px){
  
  
.log {padding: 25px;}
}
@media screen and (max-width: 360px){
.topWrap span {    margin-top: 16% !important;}
}
@media screen and (max-width: 350px){
  
.zh-cn .my-3 > .fin h1 {font-size: 18px;}
.en-gb .my-3 > .fin h1{font-size: 20px;}
}
@media screen and (max-width: 330px){
.topWrap span {    margin-top: 17% !important;}
#my3-back .my-3 {height: 150px;}
#my3-back .my-middle { height: 90px;}
.my-middle .carousel-inner .item .pic, .my-middle .carousel-inner .item a img {
    height: 60px;
    margin: 0 4px;
    width: 30%;}
.carousel-caption {margin: -40px 5px;}
.my-middle .left.carousel-control, .my-middle .right.carousel-control {height: 60px;}
}


/*20181106 new book*/
.bd{    margin-top: 80px;}