@media (max-width: 1240px) {
    .wrapper{ width: 1030px; }
    .header{ height: 80px; }
    .logo{ margin-top: 15px; }
    .search{ width: 152px; height: 32px; margin: 24px 0 0 20px; }
    .txt{ width: 120px; height: 30px; padding: 5px 0; }
    .go{ width: 30px; height: 30px; }
    .menu{ height: 80px; }
    .menu ul li{ width: 96px; height: 80px; }
    .menu ul li a{ line-height: 80px; }
    .menu ul li .nav{ top: 74px; }
    .banner{ margin-top: 80px; }
    .owl-banner .owl-dots{ bottom: 80px; left: 0; text-align: center; }
    .owl-banner .owl-dots button{ width: 10px; height: 10px; margin: 0 7px; }
    .business{ margin-top: -70px; margin-bottom: 40px; }
    .mbusiness ul li a{ margin: 0 5px;  }
    .mbusiness ul li a img{ width: 240px; height: 162px; }
    .mbusiness ul li a span{ padding: 10px 15px; }
    .mbusiness ul li a span h1{ height: 30px; font-size: 14px; }
    .mbusiness ul li a span div{ margin: 5px 0 2px 0; }
    .mbusiness ul li a span h6{ height: 20px; line-height: 20px; }
    .panoramic{ min-height: 210px; }
    .panoramics img{ width: 50px; margin: 40px auto 5px auto; }
    .panoramics h6{ font-size: 13px; }
    .panoramics h3{ line-height: 40px; font-size: 20px; margin-top: 5px; }
    .new{ padding: 40px 0 60px 0; }
    .owl-new{ padding: 30px 0; }
    .owl-new .news a .news-img{ height: 145px; line-height: 145px; }
    .owl-new .news a .news-text h1{ height: 24px; line-height: 24px; margin-top: 5px; }
    .owl-new .news a .news-text span{ height: 27px; }
    .owl-new .news a .news-text div{ margin: 5px 0; }
    .owl-new .owl-nav button{ width: 42px; height: 42px; margin-top: -21px;  }
    .owl-new .owl-nav button.owl-prev{ left: -45px; }
    .owl-new .owl-nav button.owl-next{ right: -45px; }
    .more{ width: 160px; height: 34px; }
    .more a{ line-height: 34px; font-size: 12px; }
    .about{ padding: 60px 0 80px 0; }
    .abouts{ padding: 25px 50px; line-height: 28px; font-size: 13px; }
    .abouts p{ line-height: 28px; font-size: 13px; }
    .play a img{ width: 60px; }
    .play a p{ line-height: 24px; font-size: 13px; }
    .protype{ padding: 30px 0 50px 0; }
    .protypes{ padding-top: 20px; }
    .protypes ul li{ width: 320px; margin: 20px 20px 0 0; }
    .protypes ul li a div{ width: 314px; height: 244px; line-height: 244px;  }
    .protypes ul li a p{ bottom: 20px; width: 180px; height: 40px; line-height: 20px; font-size: 13px; }
    .ctelphone{ margin-right: 40px; }
    .contactr{ padding: 14px 15px;  }
    .partner{ padding: 35px 0; min-height: 250px; }
    .partners{ padding-top: 30px; }
    .partners ul li{ width: 200px; height: 102px; margin-right: 10px; }
    .partners ul li a{ width: 200px; height: 102px; line-height: 102px; }
    .botter{ padding: 40px 0; min-height: 250px; }
    .online{ width: 339px; height: 218px; }
    .online h3{ height: 44px; line-height: 42px; font-size: 32px; }
    .online h5{ line-height: 30px; font-size: 14px; }
    .online p{ padding-right: 20px; font-size: 12px; }
    .onav{ width: 661px; height: 218px; }
    .onav dl{ width: 110px; padding-left: 30px; }
    .onav dl dt{ margin-bottom: 15px;}
    .onav dl dt a{ font-size: 14px; }
    .main{ padding: 40px 0; }
    .mLeft{ width: 230px; margin-right: 10px; }
    .mLefts{ padding: 15px; margin-bottom: 15px; }
    .mLefts h1{ margin-bottom: 10px; height: 34px; line-height: 20px; font-size: 14px; }
    .mLefts .cewm h2{ height: 38px; line-height: 36px; font-size: 24px; }
    .mLefts .cewm h4{ line-height: 24px; font-size: 14px; }
    .mLefts .cewm h5{ line-height: 30px; font-size: 14px; }
    .mLefts .cewm img{ width: 120px; }
    .mLefts .cewm a{ width: 160px; height: 32px; line-height: 32px; font-size: 12px;  }
    .mLeft-search{ padding-bottom: 15px; margin-bottom: 10px; }
    .mLeft-search .mtxt{ width: 134px;}
    .mLeft-list ul li{ height: 34px; margin-top: 1px; }
    .mLeft-list ul li a{ line-height: 34px; padding-left: 15px; font-size: 12px; }
    .mLeft-list ul li a:hover,
    .mLeft-list ul li a.on{ background: #24bcb4; color: #fff; font-weight: bold; }
    .mRight{ width: 750px; margin-left: 10px; }
    .mpic-list{ padding-bottom: 0; }
    .mpic-list ul li{ width: 236px; height: 220px; margin: 0 20px 20px 0; }
    .mpic-list ul li a .mpic-img{ width: 236px; height: 180px; line-height: 180px; }
    .mpic-list ul li a .mpic-text{ height: 40px; }
    .mpic-list ul li a .mpic-text h1{ height: 20px; line-height: 20px; font-size: 12px; }
    .pager a, .pager span{ margin: 0 5px; font-size: 12px; }
    .mcontent{ padding: 20px;  }
    .mcshow{ height: 500px;}
    .owl-show .item{ width: 90%; height: 498px; line-height: 498px; }
    .owl-show .owl-nav button{ width: 40px; height: 80px; margin-top: -40px; }
    .mcname{ padding-top: 10px; }
    .mcname h1{ line-height: 28px; font-size: 16px; }
    .mcname div{ line-height: 26px; font-size: 12px; }
    .mnew-list{ padding-bottom: 15px; }
    .mnew-list ul li{ width: 240px; margin-right: 15px; }
    .mnew-list ul li a{ padding: 5px; }
    .mnew-list ul li a div{ width: 230px; height: 142px; line-height: 142px; }
    .mnew-list ul li a p{ padding: 5px; line-height: 20px; font-size: 12px; }
    .mnews-list{ padding-bottom: 20px; }
    .mnews-list ul li{ height: 44px; }
    .mnews-list ul li a{ padding: 10px; }
    .mnews-list ul li a:before{ top: 19px; left: 10px; }
    .mnews-list ul li a p{ line-height: 24px; font-size: 12px; }
    .mnews-list ul li a span{ line-height: 24px; font-size: 12px; }
    .demo{ padding: 20px; }
    .stitle{ padding-bottom: 10px; margin-bottom: 10px; }
    .stitle h1{ line-height: 26px; font-size: 16px; }
    .stitle h2{ line-height: 26px; font-size: 20px; }
    .sdemo{ font-size: 12px; }
    .sdemo p{ font-size: 12px; }
    .sdemo img{ margin: 5px auto; }
    .sdemos img{ margin: 5px 0; }
    .mtitle{ height: 60px; }
    .mtitle h2{ line-height: 46px; font-size: 32px; }
    .culture ul li{ margin-top: 20px; }
    .culture ul li a{ height: 270px; padding: 15px; }
    .culture ul li a .culture-img{ width: 240px; height: 240px; line-height: 240px; }
    .culture ul li a .culture-text{ width: 710px; height: 240px; }
    .culture ul li a .culture-text h1{ height: 36px; line-height: 36px; font-size: 22px; }
    .culture ul li a .culture-text div{ height: 112px; line-height: 28px; font-size: 12px; }
    .culture ul li a .culture-text span{ width: 150px; height: 40px; line-height: 40px; font-size: 12px; margin-top: 15px; }
    .titles h2{ height: 60px; line-height: 58px; font-size: 32px; }
    .titles h2:after{ width: 100px; }
    .industry{ padding: 30px 0; line-height: 28px; font-size: 16px; }
    .industry h2{ line-height: 36px; font-size: 26px; }
    .industry p{ line-height: 28px; font-size: 16px; }
    .industrys img{ width: 500px; }
    .mcshows{ height: 465px; }
    .owl-shows .item{ height: 463px; line-height: 463px; }
    .owl-shows .owl-nav button{ width: 36px; height: 72px; margin-top: -36px; }
    .owl-shows .owl-nav button.owl-prev{ left: 0; }
    .owl-shows .owl-nav button.owl-next{ right: 0; }
    .profile{ padding: 40px 0; }
    .profiles{ padding: 40px 0; }
    .profile-img{ width: 360px; }
    .profile-img:after{ top: 20px; width: 340px; height: 338px; }
    .profile-img img{ width: 340px; }
    .profile-text{ width: 620px; }
    .profile-text h3{ line-height: 20px; font-size: 20px; }
    .profile-text h4{ height: 36px; font-size: 12px; margin-bottom: 10px; }
    .profile-text h4:after{ width: 100px; }
    .profile-text p{ line-height: 26px; font-size: 12px; }
    .corporate{ padding: 40px 0 60px 0; }
    .corporates{ padding-top: 20px; }
    .corporates ul li{ height: 120px; margin-top: 25px; }
    .corporates ul li span{ width: 120px; height: 120px; }
    .corporates ul li div{ width: 350px; height: 120px; margin: 0 15px; }
    .corporates ul li div h4{ line-height: 32px; font-size: 18px; margin-top: 0; }
    .corporates ul li div p{ height: 88px; line-height: 22px; font-size: 12px; }
    .story{ padding: 40px 0 60px 0; min-height: 400px; }
    .storys{ padding: 50px 10px 0 10px; line-height: 30px; font-size: 12px; }
    .president{ padding: 40px 0; min-height: 600px; background-position: center bottom; background-size: 100% auto; }
    .president .mtitle{ margin-bottom: 20px; }
    .presidents{ padding: 30px 40px 40px 40px; margin: 0 -40px; min-height: 480px; }
    .president-img{ width: 360px; }
    .president-img:after{ top: 20px; width: 340px; height: 408px; }
    .president-img img{ width: 340px; }
    .president-text{ width: 610px; }
    .president-text p{ line-height: 26px; font-size: 12px; }
    .president-text span{ line-height: 48px; padding-right: 120px; font-size: 14px; background-size: auto 100%; }
    .layout{ padding: 30px 0 60px 0; }
    .layouts{ padding-top: 30px; }
    .layouts h4{ height: 54px; line-height: 51px; font-size: 18px; margin-bottom: 20px; }
    .layouts h4:after{ width: 100px; }
    .layouts img{ width: 640px; margin-bottom: 20px; }
    .layouts p{ line-height: 26px; font-size: 12px; }
    .Historical{ padding: 40px 0; }
    .owl-Historical{ padding: 60px 55px 10px 55px; }
    .owl-Historical .item{ padding: 2px; }
    .honor{ padding: 50px 0; }
    .honors{ padding: 40px 0 10px 0; }
    .honors ul li{ width: 238px; height: 342px; line-height: 342px; margin-right: 15px; }
    .honors ul li a p{ padding: 0 50px; line-height: 26px; font-size: 14px; margin-top: -26px; }

    .spager{ margin-top: 15px; padding-top: 5px;  }
    .spager div{ line-height: 28px; font-size: 13px; }
    .spager div a{ line-height: 28px; font-size: 13px; }

}

#pc{ display: block; }
#wap{ display: none; }

@media (max-width: 1040px) {
    .wrapper{ width: 750px; }
    .header{ height: 70px; }
    .logo{ width: auto; height: 40px; margin-top: 15px; }
    .logo img{ width: auto; height: 40px; }
    .search{ width: 140px; height: 30px; margin: 20px 0 0 10px; }
    .txt{ width: 110px; height: 28px; padding: 4px 0; }
    .go{ width: 28px; height: 28px; }
    .menu{ height: 70px; }
    .menu ul li{ width: auto; height: 70px; }
    .menu ul li a{ line-height: 70px; padding: 0 10px; font-size: 12px; }
    .menu ul li .nav{ top: 64px; width: 100px; left: 50%; margin-left: -50px; }
    .menu ul li .nav ul{ padding: 5px 0; }
    .menu ul li .nav ul li{ height: 26px; }
    .menu ul li .nav ul li a{ padding: 0; line-height: 26px; }
    .banner{ margin-top: 70px; }
    .owl-banner .owl-dots{ bottom: 60px; }
    .owl-banner .owl-dots button{ width: 7px; height: 7px; margin: 0 5px; }
    .business{ margin-top: -50px; margin-bottom: 20px; }
    .mbusiness ul li a{ margin: 0 5px;  }
    .mbusiness ul li a img{ width: 170px; height: 114px; }
    .mbusiness ul li a span{ padding: 5px; }
    .mbusiness ul li a span h1{ height: 28px; line-height: 26px; font-size: 14px; }
    .mbusiness ul li a span h1:after{ width: 50px; }
    .mbusiness ul li a span div{ height: 40px; }
    .panoramic{ min-height: 170px; }
    .panoramics img{ width: 40px; margin: 30px auto 0 auto; }
    .panoramics h6{ font-size: 12px; }
    .panoramics h3{ line-height: 32px; font-size: 18px;}
    .title{ height: 52px; }
    .title span{ top: 16px; width: 200px; height: 30px; border-width: 1px; }
    .title span:before,
    .title span:after{ width: 150px; height: 1px; }
    .title span:before{ left: -150px; }
    .title span:after{ right: -150px; }
    .title h3{ width: 108px; height: 40px; line-height: 40px; font-size: 24px; }
    .title div{ width: 150px; height: 12px; }
    .title div img{ height: 12px; }
    .new{ padding: 20px 0 30px 0; }
    .owl-new{ padding: 15px 0; }
    .owl-new .news a .news-text h1{ height: 20px; line-height: 20px; }
    .owl-new .news a .news-text span{ line-height: 22px; border-bottom-width: 1px; }
    .owl-new .news a .news-text span:after{ bottom: -1px; width: 100px; height: 1px; }
    .owl-new .news a .news-text h6{ height: 30px; background-size: auto 30px; }
    .owl-new .owl-nav button{ width: 40px; height: 40px; margin-top: -20px;  }
    .owl-new .owl-nav button.owl-prev{ left: 0; }
    .owl-new .owl-nav button.owl-next{ right: 0; }
    .more{ width: 150px; height: 32px; }
    .more a{ line-height: 32px; }
    .about{ padding: 30px 0; min-height: 360px; }
    .abouts{ padding: 15px 0; line-height: 26px; font-size: 12px; }
    .abouts p{ line-height: 26px; font-size: 12px; }
    .play a img{ width: 52px; }
    .play a p{ font-size: 12px; }
    .protype{ padding: 20px 0 30px 0; }
    .protypes{ padding-top: 10px; }
    .protypes ul li{ width: 233px; margin: 10px 10px 0 0; }
    .protypes ul li a div{ width: 227px; height: 176px; line-height: 176px;  }
    .protypes ul li a p{ bottom: 15px; width: 120px; height: 30px; padding: 5px; font-size: 12px; }
    .contact{ height: 70px; }
    .contactl{ float: left; }
    .ctelphone{ width: 100px; height: 70px; padding-top: 15px; margin-right: 20px; }
    .ctelphone img{ width: 26px; }
    .ctelphone h6{ line-height: 29px; font-size: 12px; }
    .ctelphones{ height: 70px; padding-top: 8px; }
    .ctelphones h5{ line-height: 24px; font-size: 12px;  }
    .ctelphones h3{ height: 30px; line-height: 30px; font-size: 24px; }
    .ctelphones h3:after{ width: 40px; }
    .contactr{ width: 300px; height: 70px; padding: 5px 10px; }
    .contactr-menu{ height: 30px; }
    .contactr-menu a{ height: 30px; line-height: 30px; font-size: 12px; text-indent: 10px; }
    .contactr-menu a:before{ top: 12px; }
    .contactr-nav{ top: 24px; width: 200px; margin-left: -100px; }
    .contactr-nav div{ min-height: 50px; padding: 10px; border-radius: 3px; }
    .contactr-nav div h6{ line-height: 22px; font-size: 12px; }
    .contactr-nav div span{ line-height: 28px; font-size: 20px; }
    .partner{ padding: 20px 0; min-height: 200px; }
    .partners{ padding-top: 20px; overflow: hidden; }
    .partners ul li{ width: 160px; height: 81px; margin-right: 5px; }
    .partners ul li a{ width: 160px; height: 81px; line-height: 81px; }
    .botter{ padding: 30px 0; min-height: 200px; }
    .online{ width: 200px; height: 258px; }
    .online h3{ height: 36px; line-height: 34px; font-size: 26px; }
    .online h5{ line-height: 24px; font-size: 12px; }
    .online p{ padding-right: 10px; line-height: 22px; font-size: 12px; }
    .onav{ width: 520px; height: 258px; }
    .onav dl{ width: auto; padding-left: 24px; }
    .onav dl dt{ margin-bottom: 10px;}
    .onav dl dt a{ font-size: 12px; }
    .onav dl dd{ height: 22px; }
    .onav dl dd a{ line-height: 22px; }
    .copyright p{ line-height: 20px; }
    .main{ padding: 20px 0; }
    .mLeft{ width: 195px; margin-right: 5px; }
    .mLefts{ padding: 10px; margin-bottom: 10px; }
    .mLefts h1{ margin-bottom: 5px; height: 30px; }
    .mLefts .cewm h2{ height: 32px; line-height: 30px; font-size: 20px; }
    .mLefts .cewm h4{ line-height: 22px; font-size: 12px; }
    .mLefts .cewm h5{ line-height: 26px; font-size: 12px; }
    .mLefts .cewm img{ width: 100px; }
    .mLefts .cewm a{ width: 140px; height: 30px; line-height: 30px; font-size: 12px; margin: 5px auto; }
    .mLeft-search{ padding-bottom: 10px; margin-bottom: 10px; }
    .mLeft-search .mform{ height: 32px; }
    .mLeft-search .mtxt{ width: 113px; height: 30px; padding: 5px 0; font-size: 12px; }
    .mLeft-search .mgo{ width: 30px; height: 30px; }
    .mLeft-list ul li{ height: 30px; margin-top: 1px; }
    .mLeft-list ul li a{ line-height: 30px; }
    .mRight{ width: 515px; margin-left: 5px; }
    .mpic-list{ padding-bottom: 0; }
    .mpic-list ul li{ width: 165px; height: 158px; margin: 0 10px 10px 0; }
    .mpic-list ul li a .mpic-img{ width: 165px; height: 128px; line-height: 128px; }
    .mpic-list ul li a .mpic-text{ height: 30px; padding: 5px; }
    .pager a, .pager span{ margin: 0 3px; padding: 0 2px; }
    .mcontent{ padding: 15px; min-height: 500px; }
    .mcshow{ height: 350px;}
    .owl-show .item{ width: 90%; height: 348px; line-height: 348px; }
    .owl-show .owl-nav button{ width: 30px; height: 60px; margin-top: -30px; }
    .owl-show .owl-nav button.owl-prev{ left: -1px; background-size: auto 20px; }
    .owl-show .owl-nav button.owl-next{ right: -1px; background-size: auto 20px; }
    .mcname{ padding-top: 5px; }
    .mcname h1{ line-height: 26px; font-size: 14px; }
    .mcname div{ line-height: 24px;}
    .mnew-list{ padding-bottom: 10px; }
    .mnew-list ul li{ width: 165px; margin-right: 10px; }
    .mnew-list ul li a div{ width: 155px; height: 95px; line-height: 95px; }
    .mnews-list{ padding-bottom: 10px; }
    .mnews-list ul li{ height: 38px; }
    .mnews-list ul li a{ padding: 10px; }
    .mnews-list ul li a:before{ top: 16px; }
    .mnews-list ul li a p{ line-height: 18px; }
    .mnews-list ul li a span{ line-height: 18px; }
    .demo{ padding: 15px; min-height: 500px; }
    .stitle{ padding-bottom: 5px; margin-bottom: 5px; }
    .stitle h1{ font-size: 14px; }
    .stitle h2{ font-size: 16px; }
    .mtitle{ height: 50px; }
    .mtitle h2{ line-height: 38px; font-size: 24px; }
    .culture ul li{ margin-top: 15px; }
    .culture ul li a{ height: 200px; padding: 10px; }
    .culture ul li a .culture-img{ width: 180px; height: 180px; line-height: 180px; }
    .culture ul li a .culture-text{ width: 510px; height: 180px; }
    .culture ul li a .culture-text h1{ height: 30px; line-height: 30px; font-size: 16px; margin: 5px 0 0 0; }
    .culture ul li a .culture-text div{ height: 96px; line-height: 24px; }
    .culture ul li a .culture-text span{ width: 120px; height: 30px; line-height: 30px; margin-top: 10px; }
    .titles h2{ height: 50px; line-height: 48px; font-size: 26px; }
    .titles h2:after{ width: 80px; }
    .industry{ padding: 15px 0; line-height: 26px; font-size: 14px; }
    .industry h2{ line-height: 32px; font-size: 20px; }
    .industry p{ line-height: 26px; font-size: 14px; }
    .industrys img{ width: 300px; }
    .mcshows{ height: 350px; }
    .owl-shows .item{ height: 348px; line-height: 348px; }
    .owl-shows .owl-nav button{ width: 30px; height: 60px; margin-top: -30px; }
    .owl-shows .owl-nav button.owl-prev{ left: 0; background-size: auto 20px; }
    .owl-shows .owl-nav button.owl-next{ right: 0; background-size: auto 20px; }
    .profile{ padding: 20px 0; }
    .profiles{ padding: 20px 0; }
    .profile-img{ width: 300px; }
    .profile-img:after{ top: 10px; width: 290px; height: 288px; }
    .profile-img img{ width: 290px; }
    .profile-text{ width: 400px; }
    .profile-text h3{ font-size: 18px; }
    .profile-text h4{ height: 30px; margin-bottom: 5px; }
    .profile-text h4:after{ width: 80px; }
    .profile-text p{ line-height: 24px; }
    .corporate{ padding: 30px 0; }
    .corporates{ padding-top: 10px; }
    .corporates ul li{ height: 100px; margin-top: 15px; }
    .corporates ul li span{ width: 100px; height: 100px; background-size: auto 40px; }
    .corporates ul li div{ width: 240px; height: 100px; margin: 0 10px; }
    .corporates ul li div h4{ line-height: 24px; font-size: 14px; }
    .corporates ul li div p{ height: 80px; line-height: 20px; }
    .story{ padding: 20px 0 40px 0; min-height: 300px; }
    .storys{ padding: 30px 0 0 0; line-height: 26px; }
    .president{ padding: 20px 0; min-height: 400px; }
    .president .mtitle{ margin-bottom: 10px; }
    .presidents{ padding: 10px; margin: 0 -10px; min-height: 525px; }
    .president-img{ width: 300px; }
    .president-img:after{ top: 10px; width: 290px; height: 348px; }
    .president-img img{ width: 290px; }
    .president-text{ width: 400px; }
    .president-text p{ line-height: 24px; }
    .president-text span{ line-height: 36px; padding-right: 100px; font-size: 12px; }
    .layout{ padding: 20px 0 40px 0; }
    .layouts{ padding-top: 10px; }
    .layouts h4{ height: 42px; line-height: 40px; font-size: 14px; margin-bottom: 10px; }
    .layouts h4:after{ width: 80px; height: 2px; }
    .layouts img{ width: 100%; margin-bottom: 10px; }
    .layouts p{ line-height: 24px; }
    .Historical{ padding: 20px 0; }
    .owl-Historical{ padding: 20px 30px 10px 30px; }
    .owl-Historical .item{ padding: 1px; }
    .owl-Historical .owl-nav button{ width: 30px; height: 30px; margin-top: -15px; }
    .owl-Historical .owl-nav button.owl-prev{ background-size: auto 100%; }
    .owl-Historical .owl-nav button.owl-next{ background-size: auto 100%; }
    .honor{ padding: 30px 0; }
    .honors{ padding: 20px 0 10px 0; }
    .honors ul li{ width: 172px; height: 247px; line-height: 247px; margin-right: 10px; }
    .honors ul li a p{ padding: 0 30px; line-height: 24px; font-size: 12px; margin-top: -24px; }

    .spager{ margin-top: 10px; }
    .spager div{ line-height: 26px; font-size: 12px; }
    .spager div a{ line-height: 26px; font-size: 12px; }

    #pc{ display: none; }
    #wap{ display: block; }
}

.dl-menuwrapper{ display: none; }

@media (max-width: 720px) {
    .wrapper{ width: auto; }
    .header{ position: relative; height: 60px; }
    .logo{ margin-top: 10px; }
    .search{ display: none; }
    .menu{ display: none; }
    .dl-menuwrapper{ display: block; }
    .banner{ margin-top: 0; }
    .owl-banner .owl-dots{ bottom: 10px; }
    .owl-banner .owl-dots button{ width: 5px; height: 5px; margin: 0 5px; }
    .business{ margin: 10px -1%; }
    .mbusiness ul li{ width: 48%; margin: 1%;  }
    .mbusiness ul li a{ margin: 0;  }
    .mbusiness ul li a img{ width: 100%; height: 120px; }
    .panoramic{ min-height: 150px; }
    .panoramics img{ margin: 20px auto 0 auto; }
    .panoramics h3{ font-size: 16px; }
    .title{ height: 46px; }
    .title span{ top: 12px; width: 200px; height: 30px; }
    .title span:before,
    .title span:after{ width: 100px; }
    .title span:before{ left: -100px; }
    .title span:after{ right: -100px; }
    .title h3{ width: 108px; height: 34px; line-height: 34px; font-size: 20px; }
    .title div img{ height: 12px; }
    .new{ padding: 10px 0 20px 0; }
    .owl-new{ padding: 10px 0; }
    .owl-new .news a .news-img{ height: 116px; line-height: 116px; }
    .more{ width: 140px; height: 30px; }
    .more a{ line-height: 30px; }
    .about{ padding: 15px 0; min-height: 300px; }
    .abouts{ padding: 10px 0; line-height: 24px; }
    .abouts p{ line-height: 24px; }
    .play a img{ width: 44px; }
    .play a p{ line-height: 20px; }
    .protype{ padding: 15px 0; }
    .protypes{ margin: -1%; }
    .protypes ul li{ width: 48%; margin: 1%; }
    .protypes ul li:nth-child(3n){ margin-right: 1%; }
    .protypes ul li a{ border-width: 2px; }
    .protypes ul li a div{ width: 100%; height: 143px; line-height: 143px;  }
    .protypes ul li a p{ bottom: 10px; width: 100px; }
    .contactr{ display: none; }
    .partner{ padding: 15px 0; min-height: 100px; }
    .partners{ padding-top: 10px; }
    .partners ul li{ width: 150px; height: 76px; }
    .partners ul li a{ width: 150px; height: 76px; line-height: 76px; }
    .botter{ padding: 10px 0; min-height: 30px; }
    .online{ display: none; }
    .onav{ width: 100%; height: auto; border: 0; }
    .onav dl{ width: 33.3333%; padding-left: 0; text-align: center; }
    .onav dl dt{ height: 30px; margin-bottom: 0; }
    .onav dl dt a{ line-height: 30px; }
    .onav dl dd{ display: none; }
    .main{ padding: 15px 0; }
    .mLeft{ display: none; }
    .mRight{ width: 100%; float: none; margin-left: 0; }
    .mpic-list{ padding-bottom: 0; margin: -1%; }
    .mpic-list ul li{ width: 48%; height: auto; margin: 1%; }
    .mpic-list ul li:nth-child(3n){ margin-right: 1%; }
    .mpic-list ul li a .mpic-img{ width: 100%; height: 140px; line-height: 140px; }
    .mcontent{ padding: 10px; min-height: 400px; }
    .mcshow{ height: 290px;}
    .owl-show .item{ height: 288px; line-height: 288px; }
    .mnew-list{ padding-bottom: 0; }
    .mnew-list ul li{ width: 100%; margin-right: 0; margin-bottom: 10px; float: none; }
    .mnew-list ul li a div{ width: 100%; height: 230px; line-height: 230px; }
    .demo{ padding: 10px; min-height: 400px; }
    .sdemo img{ width: 100%; }
    .mtitle{ height: 46px; }
    .mtitle h2{ line-height: 32px; font-size: 20px; }
    .culture ul li{ margin-top: 10px; }
    .culture ul li a{ height: auto; padding: 5px; overflow: hidden; }
    .culture ul li a .culture-img{ width: 100%; height: auto; line-height: normal; }
    .culture ul li a .culture-text{ width: 100%; padding: 5px; height: auto; float: none; }
    .culture ul li a .culture-text h1{ font-size: 14px; margin: 0; }
    .culture ul li a .culture-text div{ height: 96px; line-height: 24px; }
    .culture ul li a .culture-text span{ width: 100px; height: 28px; line-height: 28px; margin-top: 5px; }
    .titles h2{ height: 40px; line-height: 38px; font-size: 20px; }
    .titles h2:after{ width: 60px; }
    .industry{ padding: 10px 0; line-height: 24px; font-size: 12px; }
    .industry h2{ line-height: 28px; font-size: 16px; }
    .industry p{ line-height: 24px; font-size: 12px; }
    .industrys img{ width: 240px; }
    .sdemos img{ width: 140px; }
    .mcshows{ height: 200px; }
    .owl-shows .item{ height: 198px; line-height: 200px; }
    .profile{ padding: 15px 0; }
    .profiles{ padding: 10px 0; }
    .profile-img{ width: 100%; float: none; }
    .profile-img:after{ border: 0; }
    .profile-img img{ width: 100%; float: none; }
    .profile-text{ width: 100%; float: none; margin-top: 10px; }
    .profile-text h3{ font-size: 16px; }
    .profile-text h4{ height: 30px; margin-bottom: 5px; }
    .profile-text h4:after{ width: 60px; height: 1px; }
    .profile-text p{ line-height: 24px; }
    .corporate{ padding: 20px 0; }
    .corporates{ padding-top: 10px; }
    .corporates ul li{ width: 100%; height: auto; margin-top: 10px; overflow: hidden; }
    .corporates ul li span{ width: 80px; height: 80px; background-size: auto 36px; }
    .corporates ul li div{ width: 220px; height: auto; margin: 0 10px; }
    .corporates ul li div h4{ line-height: 24px; font-size: 14px; }
    .corporates ul li div p{ height: 80px; line-height: 20px; }
    .story{ padding: 15px 0; }
    .storys{ padding: 10px 0 0 0; line-height: 24px; }
    .president{ padding: 15px 0; }
    .president .mtitle{ margin-bottom: 10px; }
    .presidents{ padding: 0; margin: 0; min-height: 1000px; overflow: hidden; }
    .president-img{ width: 100%; float: none; }
    .president-img:after{ top: 0; width: 0; height: 0; border: 0; }
    .president-img img{ width: 100%; float: none; }
    .president-text{ width: 100%; padding: 10px; }
    .president-text p{ line-height: 24px; }
    .layout{ padding: 15px 0; }
    .layouts{ padding-top: 10px; }
    .layouts h4{ height: 36px; line-height: 34px; font-size: 12px; margin-bottom: 10px; }
    .layouts h4:after{ width: 60px; height: 1px; }
    .layouts img{ width: 100%; margin-bottom: 10px; }
    .layouts p{ line-height: 24px; }
    .Historical{ padding: 20px 0; }
    .owl-Historical{ padding: 15px 30px; }
    .honor{ padding: 15px 0; }
    .honors{ padding: 10px 0;  }
    .honors ul li{ width: 48%; height: 250px; line-height: 250px; }
    .honors ul li a p{ padding: 0 20px; }
    .contactusdiyou {display: none;}
    .sdemo{ min-height: 200px; }
    .spager{ margin-top: 5px; }
    .spager div{ line-height: 24px; }
    .spager div a{ line-height: 24px; }
}