@import url(pc.css);

@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 20px;}
    .container {width: auto; padding: 0 10px;}
    
    .header {padding: 10px 0; background: rgba(255,205,17,1); height: 60px;}
    .header .logo {height: 40px;line-height: 40px;float: none; text-align: left; padding: 0;}
    .header .nav {margin: 10px -15px -10px;display: none;float: none; background: #FFF;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #ccc;float: none;}
    .header .nav li a {line-height: 40px; margin: 0; padding: 0 10px;}
    .header .nav li .arr {display: block;position: relative;z-index: 1;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover { border-bottom: 0; }
    .header .nav li.open .arr:after {border-color: #cea76e;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;width: auto;text-align: left; padding: 0; border-radius: 0;}
    .header .nav .dropdown-box a { border-top: 1px dotted #333;padding: 0 15px;line-height: 40px;border-bottom: 0;}
    .menu-btn {display: block;}
    .pro-btn{ display: none; }
    .banner-sub .container { display: none; }
    .section {padding: 30px 0 ;}
    .section-title {margin-bottom: 20px; padding:  0; }
    .section-title strong { font-size: 24px;}
    .section-title p {font-size: 16px; }
    .section-title .en{ margin-top: -10px;   font-size: 50px;  }

    .in-why ul{ margin: 0; }
    .in-why li{ float: none; width: auto; }
    .in-why li a{  height: 400px; margin: 0 0 10px 0; }
    .in-why li .text{ padding:0 20px; }
    .in-why li .text h2{ font-size: 24px;}
    .in-why li .text p{ font-size: 16px; line-height: 30px; }
    .in-why li .btns{ margin-top: 20px;  font-size: 14px; line-height: 42px; padding: 0 35px; }

    .in-pro ul{ margin: 0 0 0 -10px; }
    .in-pro li{ width: 50%; }
    .in-pro li a{ margin: 0 0 10px 10px; font-size: 16px; }
    .in-pro li .text{ line-height: 35px;  }

    .in-yy ul{ margin: 0; }
    .in-yy li{ float: none; width: auto; }
    .in-yy li .items{ margin: 0 0 10px 0; font-size: 16px;}
    .in-yy li .text h2{ font-size: 24px;  }
    .in-yy li .text p{ font-size: 18px; }

    .in-case-con .swiper-slide a{  font-size: 16px; }
    .in-case-con .swiper-slide .text{ line-height: 30px; }
    .in-case-con .swiper-button-prev{left: -10px; margin-top:-40px; width: 30px; height: 60px;  background-size: 40%; }
    .in-case-con .swiper-button-next{right: -10px; margin-top:-40px; width: 30px; height: 60px;  background-size: 40%; }


    .in-about .text{ float: none; width: auto; }
    .in-about .text h2{ font-size: 20px; margin-bottom: 10px; }
    .in-about .pic{ margin-left: 0; width: auto; margin-top: 20px;}
    .in-about .pic:before{ display: none; }

    .in-news-left{ float: none; width: auto; margin-right: 0; }
    .in-news-right{ float: none; width: auto; }

    .footer {padding-top: 30px;}
    .f-right{ display: none; }
    .code li img{ width: 100%; }

    .banner-sub {height: 200px;background-size:auto 100%;}
    .banner-sub .container{ justify-content: center; text-align: center; }
    .banner-sub .text{ font-size: 40px;padding: 10PX;}
    .banner-sub .text span{  font-size: 20px;  }

    .about-1{ margin-bottom: 30px; }
    .about-1-left{ float: none; width: auto; }
    .about-1-left h2{ font-size: 24px; }
    .about-1-left h2 span { margin-top: -15px;}
    .about-1-left h2 span i{font-size: 40px;  }
    .about-1-right{ margin-left: 0;  }

    .about-2 li { float: none; width: auto; margin-bottom: 20px; }

    .about-3{ padding: 30px 0 10px; }
    .about-3 h2{ font-size: 24px; }
    .about-3 ul{ margin: 20px 0 0 -15px; }
    .about-3 li{  width: 50%; }
    .about-3 li a{  margin: 0 0 15px 15px; padding: 10px; }

    .about-4-left{ float: none; width: auto; }
    .about-4-left h2{ font-size: 24px; }
    .about-4-right{ margin-left: 0;}

    .about-5{  padding: 30px 0; }
    .about-5 h2{ font-size: 24px; }

    .about-6{ padding: 30px 0; }
    .about-6 h2{ font-size: 24px; }

    .job-tits{padding: 0 10px; }
    .job-con p{padding: 0 10px; }

    .contact-1{ padding: 30px 0; }
    .contact-1-left{ float: none; width: auto; padding-top: 20px; }
    .contact-1-left h2{ font-size: 24px; }
    .contact-1-right{ margin-left: 0; }
    .contact-1-right li{ flex:100%; margin-left: 0; margin-top: 15px;}

    #allmap{ height: 300px; }


    .section-sub {padding: 30px 0;}

    .section-title2{ margin-bottom: 10px; }
    .section-title2 .tits{ flex: 100%; }
    .section-title2 .tits h2 {font-size: 24px; margin-top: 0;}
    .section-title2 ul{ text-align: center;flex: 100%; margin-top: 20px; }
    .section-title2 li{ width: 33.333%; margin-bottom: 15px; }
    .section-title2 li a{ margin:0 5px; font-size: 16px; background: #ddd; line-height: 40px; border-radius: 8px; }

    .list-1{ margin: 0 0 0 -10px }
    .list-1 li{ width: 50%; }
    .list-1 li a{  height: auto; margin: 0 0 10px 10px; border-radius: 5px;  }
    .list-1 li .text{ padding: 10px; }
    .list-1 li .text h2{ font-size: 18px; }
    .list-1 li .text .btns{ margin-top: 10px; width: 100%; font-size: 14px; height: 30px;}
    .list-1 li .text .btns span {padding-left: 10px;}
    .list-1 li a:hover .items{ transform: translateY(0); }
    .list-1 li a:hover .text{ padding: 10px 10px 20px ; }
    .list-1 li a:hover .text p{-webkit-line-clamp: 3;  }
    .list-1 li a:hover .text .btns{ display: none; }

    .list-2{ margin: 0 0 0 -10px }
    .list-2 li{ width: 50%; }
    .list-2 li a{  font-size: 16px; padding: 5px; margin: 0 0 10px 10px; border-radius: 5px;  }
    .list-2 li .bg{transform:scale(1.5); margin-top:-72px;}
    .list-2 li a:hover .bg{transform:scale(0.5);}

    .show-pic .img-center{ float: none; }
    .show-pic .text{ float: none; }
    .show-pic .text .desc{  margin: 10px 0; }
    .show-pic .text .btns a{  margin-top: 20px; }


    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}

    .infocontent{ padding:30px 15px; }
    .infocontent-title h1 {font-size: 18px;}
    .infocontent-epx { height: 90px; background: transparent; }
    .infocontent-epx li {flex: 100%; height: 45px; justify-content: space-between; border-bottom: 1px solid #248eb8;}
    .infocontent-epx li span {font-size: 12px;}
    .infocontent-epx li:nth-child(2){ justify-content: space-between;}



    


}