@media (min-width: 1200px) {
  
}
@media (min-width: 992px) and (max-width: 1199px) {
  .index_profession-box .content_box .mintitle{
    margin-top: 25px;
  }
  .index_profession-box .learnmore{
    bottom: 25px;
  }
  .index_news-left.index_news-box ul li a{
    margin-top: 15px;
  }
  .page_product-list-ad .title h3{
    font-size: 22px;
  }
  .page_product-list-ad .title p{
    font-size: 15px;
  }
  .index_about .content, .page_product-list-ad .content {
    margin-top: 20px;
  }
  .page_product-list-ad .index_about-box,
  .page_product-list-ad .content ul li {
    width: 58px;
    height: 58px;
  }
  .page_product-list-ad .index_about-box span{
    display: none;
  }
  .page_product-list-ad .index_about-box .about_bg{
    margin-top: 15px;
  }
  /*.page_partner-box ul li{
    width: 20%;
  }*/
}
@media (min-width: 768px) and (max-width: 991px) {
  .index_madein .row > div{
    margin: 40px 0;
  }
  .madein_inner .content{
    margin: 20px 0; 
  }
  .banner_inner .bottom{
    margin-top: 20px;
  }
  .banner_inner .banner_conent h1,
  .banner_inner .banner_conent h2{
    line-height: 50px;
  }
  .index_profession-box .content_box .mintitle{
    margin-top: 10px;
  }
  .index_profession-box .content_box .mintitle2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .index_profession-box .content_box .content{
    width: 70%;
  }
  .index_profession-box .learnmore{
    bottom: 10px;
  }
  .index_news-left.index_news-box > .title{
    margin-bottom: 0px;
  }
  .index_news-left.index_news-box ul li a{
    margin-top: 6px;
  }
  .index_products-box .content_box .content{
    height: 125px;
  }
  .index_news-right .index_news-right-box .learnmore{
    display: none;
  }
  .index_news-right .index_news-right-box:hover .learnmore{
    display: block;
  }
  .footer_copy{
    text-align: center;
  }
  .footer_copy span{
    float: none;
  }
  .footer_nav{
    display: inline-flex;
    float: none;
  }
  .page_product-list-ad .title h3{
    font-size: 22px;
  }
  .page_product-list-ad .title p{
    font-size: 15px;
  }
  .index_about .content, .page_product-list-ad .content {
    margin-top: 20px;
  }
  .page_product-list-ad .index_about-box,
  .page_product-list-ad .content ul li {
    width: 58px;
    height: 58px;
  }
  .page_product-list-ad .index_about-box span{
    display: none;
  }
  .page_product-list-ad .index_about-box .about_bg{
    margin-top: 15px;
  }
  .page_verifi-middle .verifi_bg + .title{
    right: 0;
    margin: auto;
    top: -35px;
  }
  .page_verifi-middle span{
    top: -50px
  }
  .page_partner-box ul li{
    width: 16.66%;
  }
  .page_product-opi{
    margin-top: 20px; 
    margin-bottom: 20px; 
  }
}
@media (max-width: 767px) {
  .index_madein .row > div{
    margin: 20px 0;
  }
  .madein_inner .content{
    margin: 20px 0; 
  }
  .index_madein .index_madein-a{
    height: auto!important;
  }
  .banner_inner .bottom{
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .banner_inner .banner_conent h1,
  .banner_inner .banner_conent h2{
    font-size: 24px;
    line-height: 40px;
  }
  .banner_inner .banner_conent{
    padding: 10px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 5px;
  }
  .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 32px;
    height: 32px;
    margin-top: -16px;
  }
  .swiper-button-next i,
  .swiper-button-prev i{
    font-size: 12px;
    height: 12px;
  }
  .index_navbar .navbar-nav{
    width: auto;
  }
  .index_navbar .navbar-nav > li{
    width: 100%;
    height: 50px;
  }
  .index_navbar .navbar-nav > li > a{
    height: 50px;
    line-height: 50px;
  }
  .index_footer-er{
    display: table;;
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  .footer_copy{
    text-align: center;
  }
  .footer_copy span{
    float: none;
  }
  .footer_nav{
    display: none;
  }
  .page_contact-bottom ul li{
    float: none;
    width: 100%;
    padding: 0 18px;
    margin: 15px 0;
  }
  .page_product-list-ad{
    display: none;
  }
  .page_verifi-middle .verifi_bg + .title{
    right: 0;
    margin: auto;
    top: -35px;
  }
  .page_verifi-middle span{
    top: -50px
  }
  .page_verifi-middle-box{
    margin: 0;
    margin-bottom: 90px;
  }
  .page_partner-box ul li{
    width: 25%;
  }
}
@media (max-width: 768px){
   .page_verifi-middle-box{
    margin: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 520px) {
  .banner_inner .bottom{
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .banner_inner .banner_conent h1,
  .banner_inner .banner_conent h2{
    font-size: 16px;
    line-height: 24px;
    border-width: 2px;
  }
  .banner_inner .banner_conent{
    padding: 5px;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 2px;
  }
  .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .index_profession-box .content_box .mintitle{
    margin-top: 25px;
  }
  .index_profession-box .content_box .content{
    width: 60%;
  }
  .index_profession-box .learnmore{
    bottom: 25px;
  }
  .index_news-left.index_news-box > .title{
    margin-bottom: 10px;
  }
  .index_news-left.index_news-box ul li a{
    margin-top: 5px;
  }
  .index_news-right .index_news-right-box .abstract {
    margin-top: 5px;
  }
  .index_news-right.index_news-box ul li{
    height: auto;
  }
  .index_news .index_news-box{
    margin: 10px 0;
    height: auto;
  }
  .index_news-right .index_news-right-box .learnmore{
    position: relative;
    left: 0;
    bottom: 0;
    margin-top: 5px;
  }
  .madein_inner .learnmore {
    position: relative;
    left: 0;
    bottom: 0;
  }
  .index_madein .madein_inner {
    height: auto; 
  }
  .index_products-box .content_box .content{
    height: auto;
  }
  .index_certificate-content .content_box{
    width: 90%;
  }
  .index_about .content ul li{
    margin: 0 12px;
  }
  .page_verifi-middle .verifi_bg {
    transform: scale(0.5);
    transform-origin: 0;
  }
  .page_verifi-middle{
    padding-bottom: 0;
  }
  .page_verifi-middle ul li.active .verifi_bg:before{
    content: none;
  }
  .page_verifi-middle .verifi_bg + .title{
    font-size: 24px;
    top: -8px;
  }
  .page_verifi-middle span{
    top: -30px;
  }
  .page_news-inner ul li{
    height: auto;
  }
  .page_news-inner ul li .imgbox{
    display: none;
  }
  .page_news-inner ul li .content_box{
    padding: 0 25px;
  }
  .page_news-inner ul li .title{
    margin-top: 0;
  }
  .page_partner-box ul li{
    width: 50%;
  }
}
@media (max-width: 320px) {
  .index_profession-box .content_box .mintitle{
    margin-top: 10px;
  }
  .index_profession-box .content_box .mintitle2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .index_profession-box .content_box .content{
    width: 70%;
  }
  .index_profession-box .learnmore{
    bottom: 10px;
  }
  .learnmore {
    padding: 0 15px;
  }
  .index_news-right .index_news-right-box .learnmore {
    margin: 0 -15px;
    margin-top: 5px;
  }
  .index_news .index_news-box .content_box{
    width: 100%;
  }
}

/*.circular-max {
  -webkit-animation: circularMax .5s ease both;
  -moz-animation: circularMax .5s ease both;
  animation: circularMax .5s ease both;
}
.circular-min {
  -webkit-animation: circularMin .5s ease both;
  -moz-animation: circularMin .5s ease both;
  animation: circularMin .5s ease both;
}*/
@-webkit-keyframes circularMax {
  0% { opacity:1; transform: scale(1);}
  100% { opacity:0; transform: scale(2);}
}
@-moz-keyframes circularMax {
  0% { opacity:1; transform: scale(1);}
  100% { opacity:0; transform: scale(2);}
}
@keyframes circularMax {
  0% { opacity:1; transform: scale(1);}
  100% { opacity:0; transform: scale(2);}
}
@-webkit-keyframes circularMin {
  0% { opacity:0; transform: scale(2);}
  100% { opacity:1; transform: scale(1);}
}
@-moz-keyframes circularMin {
  0% { opacity:0; transform: scale(2);}
  100% { opacity:1; transform: scale(1);}
}
@keyframes circularMin {
  0% { opacity:0; transform: scale(2);}
  100% { opacity:1; transform: scale(1);}
}
@-webkit-keyframes arrowUp {
  0% { transform: translateY(0);}
  20% { transform: translateY(-4px);}
  50% { transform: translateY(-6px);}
  80% { transform: translateY(-4px);}
  100% { transform: translateY(0);}
}
@-moz-keyframes arrowUp {
  0% { transform: translateY(0);}
  20% { transform: translateY(-4px);}
  50% { transform: translateY(-6px);}
  80% { transform: translateY(-4px);}
  100% { transform: translateY(0);}
}
@keyframes arrowUp {
  0% { transform: translateY(0);}
  20% { transform: translateY(-4px);}
  50% { transform: translateY(-6px);}
  80% { transform: translateY(-4px);}
  100% { transform: translateY(0);}
}