.salc100{ width: 100%; }


@font-face {
    font-family: 'mySerifCNHeavy';
    src: url('../js/font/SourceHanSerifCN-Heavy.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hanyiqihei';
    src: url('../js/font/hanyiqihei105.ttf');
    font-weight: normal;
    font-style: normal;
}
.blank15{ height: 15px; background-color: #fff; position: relative; z-index: 5555; }
.blank80{ height: 80px; clear: both; }
a:hover{ color: #FF0000;}

.clrwht{ color: #fff; }
div,a,button{outline:none;}
   
body{ overflow-x: hidden;  }
.header{ height: 80px; box-shadow: 0 1px 1px rgba(255,255,255,0.3); position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.50); width: 100%; transition: all 1s;}
.headerbox{padding:0 15%;}

.logo{ line-height: 80px; display: inline-block; float: left; }
.nav_box{ float: left; padding-left: 13%; }
.top_nav{ display: inline-block; padding:0 20px; }
.top_nav a{ color: #fff; font-size: 16px; display: block; position: relative; padding:0 15px; }
.top_nav li{ display: inline-block; line-height: 80px; padding:0 0px; position: relative; }
.top_nav li a:after{ content: ""; width: 30px; height: 2px;  background-color: #fff; position: absolute; right: 0; left: 0; bottom: 0%; margin: 0 auto; display: none; border-radius: 3px; }
.top_nav li.active a,.top_nav li:hover a{ color: #fff; background-color: rgba(0,0,0,0.3); }
.top_nav li.active a:after{display: none;}

.mybg{background-color: rgba(0,0,0,0.55);}


.header .san{ position: absolute; right: 20px; top: 23px; width:24px;height:16px; box-sizing:border-box;cursor:pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span{
    width:100%;
    position:absolute;;
    height:2px;background:#fff;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span:nth-child(1){top:0;}
.header .san span:nth-child(2){top:7px;}
.header .san span:nth-child(3){bottom:0;}

.header .san.cur{width:28px;height:22px;  background-color: transparent; top: 20px;  padding:10px 0px;  z-index: 212; display: flex; }
.header .san.cur span:nth-child(1){ background-color: #fff;
    top: 50%;margin-top:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .san.cur span:nth-child(2){ display: none; }
.header .san.cur span:nth-child(3){background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom:50%;margin-bottom:-1px;
}
.header .san.cur{ transform: scale(0.9); }

.search{ position: absolute; right: 120px; top: 40px;}
.search .searchbox{ display: inline-block; margin-right: 50px;}
.mc_search_xl {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    height: 160px;
    border-top: 1px solid #dfdede;
    z-index: 9999;
    background: #fff;
    display: none;
    transition: top 0.36s;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
		
}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}.mc_scm_form {
    width: 690px;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
		border:none
}
.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mc_msc_submit img {
    width: 100%;
}


.interna{ right: 60px; top: 32px; position: absolute; width: 90px;}
.interna a{   min-width: 60px; display: block; border: 0px solid #333; padding:3px 8px 3px 8px; font-size: 14px; line-height: 20px; height: 20px; color: #fff; }
.interna a:hover{color:#fff;}
.interna a span{ padding:0 3px 0 8px; min-width: 30px; display: inline-block; text-align: center;}
.interna a i{ display: inline-block; vertical-align: 1px; width: 9px; height: 5px; background: url(../images/public/icon01.png) no-repeat; }

.interna ul{ display: none; left: 0px;  padding:0px 0; border:0px solid #226cb3;   background-color: #0054a5;}
.interna ul li{ text-align: left; padding-left: 25px;  border-bottom:0px solid #226cb3;} 
.interna ul li a:hover{ color: #4887c3;}
.interna ul li:last-child{ border-bottom:none;}
.interna:hover ul{ display: block;}
.interna:hover a i{ width: 9px; height: 5px; background: url(../images/public/icon01s.png) no-repeat; }



.banner{  z-index: 444;  position: relative;}
.banner img{ width: 100%;  }
.sinceits{position: absolute; width: 75%; margin:0 auto; left: 0; top: 20%; right: 0;}
.sinceits h2{}
.sinceits h2 p::before{content: ""; width: 68px; height: 4px;  background-color: #fa2b04; position: absolute;  left: 0; top: -20px; }
.sinceits h2 p{ position: relative; font-size: 80px; font-weight: bold; line-height: 100px;}
.sinceits h2 a{ margin-top: 30px; display: inline-block; padding:10px 30px; background-color: #f10909; color: #fff; font-size: 20px;}
.sinceits img{float: right; width: auto;}
.banner .swiper-pagination-bullet{ background-color: #fff; opacity:1 ;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 75%; margin:0 auto; left: 0; right: 0; bottom: 75px;}
.banner .swiper-pagination{ text-align: center; }
.banner .swiper-pagination-bullet{ width: 6px; height: 6px; border-radius: 3px;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 23px; }




.examine{ margin:20px 0 0 0;  float: right; font-size: 18px; border:1px solid rgba(255,255,255,0.5); height:30px; line-height:30px; color:#fff; padding:2px 15px 4px 2px; border-radius: 30px; vertical-align: middle;}
.examine img{ margin-right: 5px; width: 30px; vertical-align: 0px; vertical-align: middle; }





/*向下滑动的动画效果*/
@-webkit-keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
@keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
/*向上滑动的动画效果*/
@-webkit-keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
@keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
/*应用动画，添加按钮效果*/
.scroll-down {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-down span {
    position: relative;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.scroll-up {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-up span {
    position: relative;
    -webkit-animation-name: dropup;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: dropup;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}


.wrapper{ background-color: #f9f9f9; padding:30px 0; }

.modal-open {
    overflow: hidden;
}

.hei100{ width: 100%; height: 100%;position: absolute; }
.voyagetxt{ padding-top: 13%; }
.voyagetxt img{max-width: 100%; width: auto;}
.voyabig{ padding-right: 50%; margin-bottom: 50px; }
.voyabig img{  }
.voyagetxt div{ padding:5px; }


/*底部*/
/*.footer{ line-height: 20px; background-color: #1d2633; padding:80px 0; color: #626871; font-size: 13px; font-weight: 400px; }
.footer .record{ }
.footer .nextit{ padding-top: 30px; }
.footer h2,.footer h3{font-weight: 400px; }
.footer .company h3{font-size: 16px;font-weight:bold; color: #fff; padding-bottom: 35px;}
.recorlist{padding:10px;}
.nexus{display: flex; justify-content: space-between;}
.nexus span{ display: block; color: #fff; }
.addtxt{padding-top: 55px;}
.nexulogo{padding-top: 14px;}
.paddL40{padding-left: 40px;}*/

/*底部-开始*/
.footer{ background-color: #01ad88; color: #fff; padding:30px 0;}
.category {padding:10px 0% 20px 0; position: relative;}
.category ul{ display: flex;}
.category ul li{ flex: 1;}
.category ul li:last-child{ }
.category ul li dt{ line-height: 30px; font-size: 18px; font-weight: bold; color: #fff; padding-bottom: 5px;}
.category ul li dd{ padding:8px 0 0; }
.category ul li p,.category  ul li a{ color: #fff; line-height: 30px;}
.addred{position: absolute; right: 0; top:30px; }
.addred h2{}

.category ul li dt.themlogo{font-weight: bold;font-family: MicrosoftYaHei, MicrosoftYaHei;font-size: 24px;}
.follow{ text-align: right; }
.follow span{ display: inline-block; text-align: center; }
.recorder{ border-top: 1px solid rgba(255,255,255,0.2); padding:20px 0 0; text-align: center; font-family: MicrosoftYaHei;line-height: 20px;}
.recorder span{ padding:0 3px; }



.filings{ padding:30px 0 0;  border-top: 1px solid #354e8c; color: #fff; line-height: 20px; }
.filings a{color: #fff;}
.filadds{ text-align: left;line-height: 30px; }
.filadds span{ color: #7082ae; }
.filrecord{display: flex; justify-content: space-between; padding-top: 20px;}
.filrecord p{}
/*底部-结束*/


/*标题-开始*/
.regiontxt{ text-align: center; }
.regiontxt h3{ font-family: 'mySerifCNHeavy';
  font-size: 40px;
  line-height:30px;
  background: linear-gradient(to bottom, rgba(235, 235, 235, 0.8), rgba(235, 235, 235, 0));
  -webkit-background-clip: text;
  color: transparent;
  display: inline-block;
  letter-spacing: 2px;
  }
.regiontxt h2{ color: #333;font-size: 30px; line-height: 30px; margin-top: -12px; font-weight: bold; font-family: MicrosoftYaHei; }
.regiontxt p{color: #a2a2a2;font-size: 16px;line-height: 22px; padding:15px 0;}

/*标题-结束*/

/*电话*/
.telephony{ position: fixed; bottom: 10%; right: 20px; z-index: 5522; }
.telebox{position: relative;}
.telebox span{ font-size: 18px; font-weight: bold; display: none; padding:20px 30px; background-color: #fff; border-radius: 30px; color: #333; background-color: #e3e6ec; }
.telebox:hover span{ display: inline-block; }



.projector .swiper-button-next, .projector .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-top: -20px;
    z-index: 1220;
    cursor: pointer;
    background-size: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.projector .swiper-button-prev{ left: 20px; background-image: none!important; }
.projector .swiper-button-next{right: 20px; background-image: none!important;}
.projector img{ width: 100%; }



/*banner*/
.flexbox{ position: absolute; width: 100%; height: 100%; }
.response{font-family: MicrosoftYaHei;color: #1C201F; padding:28% 0 0;}
.response h2{ padding:5px 0; font-size: 22px;line-height: 24px;}
.response h3{ padding:5px 0;font-weight: bold;line-height: 48px;font-size: 30px; }
.response p{ padding:5px 0 50px; font-size: 16px;font-family: ArialMT;line-height: 24px;}
.response a{ display: inline-block; background-color: #01AD88; border-radius: 8px;  font-size: 14px; line-height: 36px; padding:0 15px; color: #fff; }
.draft01{padding:20% 0 0;}
.draft02{ text-align: center;padding:18% 0 0; }
.draft02 h4{ padding-top: 30px; }



.customer{ position: fixed; bottom: 10%; right: 20px; z-index: 651; }
.customer ul{ padding:15px 10px; color: #333333; border-radius: 50px; background-color: #fff; box-shadow: 0 0 13px 0 rgba(0,0,0,0.25);}
.customer ul li{padding:10px 0; text-align: center;}
.customer ul li p{line-height: 30px;color: #333333;}
.customer ul li:nth-child(1){ border-bottom: 1px solid #EFEFEF; }

.mylayer{ width: 40%; border-radius: 10px;  }
.teleimgs{ border-radius: 10px; overflow: hidden; }
.teleimgs img{ width: 100%; }
.telecode{ text-align: center; } 
.telebox{ padding:10% 0 0; }
.telebox h2{}
.telebox h3{ padding:15px 0; font-size: 14px;font-family: MicrosoftYaHei;color: #1C201F;line-height: 23px;}
.telebox p{color: #01AD88;font-size: 12px;font-family: MicrosoftYaHei;line-height: 16px;}

.mylayer .layui-layer-ico{background:url(../images/public/close.png) no-repeat top left; background-size: 100%;background-position:0 0;}
.mylayer .layui-layer-close2{ right: -50px; top: -20px; }
.mylayer .layui-layer-ico:hover{background-position:0 0;}

.mylayer .layui-layer-content{overflow: inherit!important;}

.telephones{ display: none; }




/*城市切换*/
.citybox{ padding:20px 0 0 15px;  float: left; }


.city2018{ float: left; position: relative; cursor: pointer; margin-left: 10px; min-height: 40px;}
.city2018 a.cur2018{ display: inline-block;float: left;line-height:14px; height:14px;padding: 0 6px 0 8px ; border-left: 1px solid #dddddd; margin-top: 13px; color: #fff;}
.city2018 a.cur2018 i{ width: 0px; height: 0px;  border:4px solid transparent; border-right-color:#fff; transform:rotate(-90deg); 
    background: none; margin-top: 5px; float: right; margin-left: 8px;transition:transform 0.2s; -moz-transition:-moz-transform 0.2s; -webkit-transition:-webkit-transform 0.2s; -o-transition:-o-transform 0.2s;}
.city2018 .citylist2018{background: #fff; padding-bottom: 3px; position: absolute; padding-left: 11px; display: none;  top: 32px; width: 360px;z-index: 66; box-shadow: 0 2px 4px #dbdbdb; left: 0px;}
.city2018 .citylist2018 .more_city{ position: absolute; right:28px; bottom: 3px; padding: 0px; line-height: 24px; height: 24px;}
.city2018 .citylist2018 .more_city:hover{ color: #5ca158; }
.city2018 dl::after{ content: ""; display: block; clear: both; }
.city2018 dl dt{ color: #5ca158; line-height: 22px; padding-top: 10px; padding-left: 5px;}
.city2018 dl dd{ float:left; padding: 5px;}
.city2018 dl dd a{ padding: 0px 8px; line-height: 24px; height: 24px;}
.city2018 dl dd a:hover{ color: #5ca158; }
.city2018:hover{ background: #fff; box-shadow: 0 0 4px #dbdbdb;}
.city2018:hover a.cur2018{ border-left:1px solid #fff; color: #5ca158;}
.city2018:hover .citylist2018{ display: block; }
.city2018:hover a.cur2018 i{ width: 0px; height: 0px;  border:4px solid transparent; border-right-color:#5ca158; transform:rotate(90deg);
    background: none; margin-top: 5px; float: right; margin-left: 8px;transform-origin: 75%  25%;-webkit-transform-origin: 75%  25%;-moz-transform-origin: 75%  25%;transition:transform 0.2s; -moz-transition:-moz-transform 0.2s; -webkit-transition:-webkit-transform 0.2s; -o-transition:-o-transform 0.2s;}

.tjby{ float: left; line-height: 40px; margin-right: 10px;}

.posing{ float: left; line-height: 40px;}
.posing i{ display:inline-block; vertical-align:middle; width:8px; height:14px;   margin-right:5px; }
.posing a{ padding: 0px; color: #fff;}


.sprite218{ background:url(../images/public/sprite.png) no-repeat !important;}













/*==========================================设备分辨率 开始=============================================*/

.phone{display:none;}
.pc{ display: block; }
.mobile{ display: none!important; }
.iphone{ display: none!important; }
.pcside{ display: block!important; }
@media screen and (max-device-width:1000px) {}

/*================设备小于760px=========================*/

@media (max-width: 767px){

.phone{display:block;}
.pc{ display: none; }
.mobile{ display: block!important; }
.pcside{ display: none!important; }
.iphone{ display: block!important; }

.citybox{padding:10px 0 0 20px;}
.city2018 .citylist2018{ width: 145px; }

.header{ height: 60px; z-index: 555; }
.headerbox{padding:0 5%;}
.logo{ line-height: 60px; }
.logo img{ width: 120px; }

.voyagetxt{ padding-top: 18%; }
.voyabig{ margin-bottom: 10px; }
.voyabig img{  height: 110px;}
.voyagetxt div{ padding:3px; }

.nav_box{ 
    float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #01ad88;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
        left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}


.top_nav{ display:block; padding:20px 25px 20px;  }
.top_nav a{ color: #fff!important;  font-size: 16px; width: 100%; display: block; }
.top_nav li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav li.active a{font-weight: bold; background-color: transparent;}
.top_nav li:after{ display: inline-block; display: none!important;}
.top_nav li:last-child:after{display: none!important;}
.top_nav li a:hover{ color: #d10000; }
.blank80{ height: 60px; clear: both; }

.top_nav li a:after{ display: none!important; }

.search{top:22px; right: 40px;}
.searchbox{ padding-right:10px;}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px;   color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }
.interna ul{ border: none;}
.interna ul li{ border: none; text-align: center;}





.search .searchbox{ margin-right: 10px;}
.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;   width: 26px;}


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 18px;line-height:22px;}
.sinceits h2 a{ margin-top: 10px;  padding:5px 10px;  font-size: 12px;}
.sinceits img{float: right; width: 200px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 10px;}
.banner .swiper-pagination-bullet{ width: 22px; height: 3px; border-radius: 1px;}





/*底部mobile-开始*/
.footer{  padding:20px 0 40px;}
.category {padding:15px 0 30px 0}
.category ul{flex-wrap: wrap;}
.category ul li{ flex:0 0 48%; padding:10px 0;}

.category ul li:nth-child(1){ flex:0 0 100%; }
.category ul li dt{ line-height: 26px; padding-bottom: 0px; font-size: 16px;}
.category ul li dd{ padding:5px 0 0;}
.category ul li p{  padding:0 0px 0 0;line-height: 24px;}
.addred{ padding:15px 0 0; position: relative; right: auto; top:auto; text-align: center; }
.addred img{ width: 260px; }
.filings{ font-size: 12px;  }
.filings{ padding:20px 0 0;   line-height: 20px; }
.filrecord{flex-wrap: wrap; padding-top: 15px;}
.follow{ text-align: left;  }
/*底部mobile-结束*/


/*标题-开始 mobile*/
.regiontxt{ text-align: center; padding:0 20px; }
.regiontxt h3{ font-family: 'mySerifCNHeavy';
  font-size: 30px;
  line-height:26px;
  letter-spacing: 0px;
  }
.regiontxt h2{font-size: 24px; line-height: 20px; margin-top: -12px; }
.regiontxt p{font-size: 12px;line-height: 18px; padding:10px 0;}
/*标题-结束moblie*/

/*电话 moblie*/
.telephony{  }
.telebox:hover span{ display: none; }
.telephony img{ width: 50px; } 

.projector .swiper-button-next, .projector .swiper-button-prev{ width: 25px; height: 25px; }


/*banner*/
.response{padding:25% 0 0;}
.response h2{ padding:2px 0; font-size: 13px;line-height: 20px;}
.response h3{ padding:2px 0;font-size: 18px;line-height: 20px; }
.response p{ padding:2px 0 10px; font-size: 12px;line-height: 16px;}
.response a{  font-size: 12px; line-height: 30px; height: 30px; padding:0 10px;}
.draft01{padding:20% 0 0;}

.mylayer{ width: 83%; border-radius: 10px;  }
.teleimgs img{ width: 100%; }
.telebox{ padding:20% 0 0; }
.telebox h2{}
.telebox h2 img{ width: 100px; }
.telebox h3{ padding:12px 0; font-size: 13px;}
.mylayer .layui-layer-close2{ right: -45px; top: -25px; }


.customer{ bottom: 25%; right: 10px; }
.customer ul{ padding:15px 10px;  border-radius: 50px; }
.customer ul li{padding:10px 0; text-align: center;}
.customer ul li p{line-height: 18px; font-size: 12px; padding-top: 5px;}
.customer ul li img{ width: 20px; }


}



/*1280分辨率以上（大于1700px）*/
@media screen and (min-width: 1700px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }

     .kindle01 img{ max-width: 100%;  }
 .headerbox{padding: 0 10%;}
.top_nav li{    padding: 0 5px;}
.nav_box{padding-left: 8%;}
.top_nav a{padding:0 15px;}

}

/*XXX分辨率以上（大于1500px）*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }
	 

  .kindle01 img{ max-width: 100%;  }
 .headerbox{padding: 0 5%;}
.top_nav li{    padding: 0 5px;}
.nav_box{padding-left: 0;}
.top_nav a{padding:0 15px;}


	 .interna{right: 30px;}
	 .examine{  }
	 .examine input{  width: 140px;}	
	 .search { right: 70px;}
	 .search .searchbox{padding-right: 0px;}
	 
	 
	 .sinceits{ width: 90%; top: 20%;}
	 .sinceits img{float: right; width: 800px;}

     .telebox{ padding:12% 0 0; }


}


/*1280分辨率以上（大于1400px）*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
    .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }

  .kindle01 img{ max-width: 100%;  }
 .headerbox{padding: 0 3%;}
.top_nav li{    padding: 0 0px;}
.nav_box{padding-left: 0;}
.top_nav a{padding:0 15px;}

.interna{right: 30px;}
.examine{   }
.examine input{  width: 140px;}
.search { right: 70px;}
.search .searchbox{padding-right: 0px;}


	.sinceits{ width: 90%; top: 20%;}
	.sinceits h2 p{ font-size: 60px;line-height:80px;}
	.sinceits img{float: right; width: 700px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
	.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}


.mylayer{ width: 55%; border-radius: 10px;  }

}




/*1280分辨率以上（大于1200px）*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 .layui-col-5ths {   width: 20%!important;   float: left;  }
 .layui-container{ width: 1230px!important; }
 .headerbox{padding: 0 10px;}
.top_nav li{    padding: 0 5px;}
.nav_box{padding-left: 0;}
.top_nav a{padding:0 9px;}

.interna{right: 30px;}
.examine{    }
.examine input{  width: 120px;}
.search { right: 70px;}
.search .searchbox{padding-right: 0px;}

.sinceits{ width: 90%; top: 20%;}
.sinceits h2 p::before{width: 48px; height: 3px;  top: -10px; }
.sinceits h2 p{ font-size: 55px;line-height:60px;}
.sinceits h2 a{ margin-top: 20px;  padding:15px 30px;  font-size: 18px;}
.sinceits img{float: right; width: 650px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}


.mylayer{ width: 40%; border-radius: 10px;  }
.teleimgs img{ width: 100%; }
.telebox{ padding:15% 0 0; }
.telebox h2{}
.telebox h2 img{ width: 150px; }
.telebox h3{ padding:12px 0; font-size: 13px;}
.mylayer .layui-layer-close2{ right: -45px; top: -25px; }



}
/*1100分辨率（大于960px，小于1199px）*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
 .headerbox{padding: 0 5px;}
.layui-container{ width: 960px!important; }
.nav_box{padding-left: 5px;}
.interna{right: 30px;}
.examine{    }
.examine input{  width: 110px;}
.top_nav{padding:0 0 0 5px;}
.top_nav li{ padding:0 5px; }
.search { right: 70px;}
.search .searchbox{padding-right: 0px;}

.sinceits{ width: 88%; top: 20%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 40px;line-height:50px;}
.sinceits h2 a{ margin-top: 10px;  padding:15px 30px;  font-size: 18px;}
.sinceits img{float: right; width: 600px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}

.top_nav a{padding:0 3px; font-size: 14px;}
.top_nav li{ padding:0 0px; }

.mylayer{ width: 55%; border-radius: 10px;  }
.teleimgs img{ width: 100%; }
.telebox{ padding:15% 0 0; }
.telebox h2{}
.telebox h2 img{ width: 150px; }
.telebox h3{ padding:12px 0; font-size: 13px;}
.mylayer .layui-layer-close2{ right: -45px; top: -25px; }


}

/*880分辨率（大于769px，小于991px）*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.phone{display:block;}
.pc{ display: none; }

.citybox{padding:10px 0 0 20px;}

.headerbox{ padding:0 5%; }
.header{ height: 60px; }
.logo{ line-height: 60px; }
.logo img{ width: 180px; }
.top_nav li a:after{ display: none!important; }
.search .searchbox{ margin-right: 10px;}
.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;	width: 26px;}

.main_moblie{ display: block; }
.nursery,.gratuitously{ display: none; }
.pcside{ display: none!important; }
.blank_head{ height: 65px; }
.ginar_txt h1{ padding-top: 30px; }
.naviga{display: block;}

.iphone{display: block!important; }

.blank80{ height: 60px; clear: both; }

.nav_box{ float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #01ad88;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
		left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.top_nav li.active a{ background-color: transparent; } 
.nav_box.act{ transform: translateX(0);}

.top_nav{ display:block; padding:20px 25px 20px;  }
.top_nav a{ color: #fff!important;  font-size: 16px; width: 100%; display: block; }
.top_nav li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav li.active a{font-weight: bold;}
.top_nav li:after{ display: inline-block; display: none!important;}
.top_nav li:last-child:after{display: none!important;}
.top_nav li a:hover{ color: #d10000; }

.search{top:23px; right: 55px;}
.search .searchbox{ padding-right:10px}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px; color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 36px;line-height:45px;}
.sinceits h2 a{ margin-top: 10px;  padding:10px 20px;  font-size: 14px;}
.sinceits img{float: right; width: 450px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 90%; bottom: 30px;}
.banner .swiper-pagination-bullet{ width: 30px; height: 4px; border-radius: 1px;}

.interna ul li{text-align: center;}



.voyagetxt .voyabig img{ height: 200px; }



/*底部ipad-开始*/
.category {padding:15px 0 30px 0}
.category ul{ display: flex;}
.category ul li{ flex: 1; padding:5px 0;}
.category ul li dt{ line-height: 30px; padding-bottom: 0px;}
.category ul li dd{ padding:10px 0 0;}
.category ul li p{ padding:0 3px 0 0;}
.addred{ padding:15px 0 0; position: relative; right: auto; top:auto; }

.filings{ font-size: 12px;  }
.filings a,.filings span{}
/*底部ipad-结束*/

/*标题-开始 ipad*/
.regiontxt{ text-align: center; padding:0 20px; }
.regiontxt h3{ font-family: 'mySerifCNHeavy';
  font-size: 30px;
  line-height:26px;
  letter-spacing: 0px;
  }
.regiontxt h2{font-size: 24px; line-height: 20px; margin-top: -12px; }
.regiontxt p{font-size: 12px;line-height: 18px; padding:10px 0;}
/*标题-结束ipad*/

/*电话 ipad*/
.telephony{  }
.telebox:hover span{ display: none; }
.telephony img{ width: 60px; }

.projector .swiper-button-next, .projector .swiper-button-prev{ width: 30px; height: 30px; }

.mylayer{ width: 63%; border-radius: 10px;  }
.teleimgs img{ width: 100%; }
.telebox{ padding:15% 0 0; }
.telebox h2{}
.telebox h2 img{ width: 120px; }
.telebox h3{ padding:12px 0; font-size: 13px;}
.mylayer .layui-layer-close2{ right: -45px; top: -25px; }

}


















/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 480px) and (max-width: 767px){

.kindle01 img{ max-width: 100%;  }


}

 /*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {

.kindle01 img{ max-width: 100%;  }




}
 /*内页宽1500*/

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
 @media screen and (min-width: 1160px){

 .layui-col-5ths {
        width: 20%;
        float: left;
    }
}