@import url(ui.css);
@import url(swiper.min.css);
@import url(liMarquee.css);
@import url(jquery.fancybox.min.css);
@import url(pc.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px;}
    .container {width: auto;}
    .header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .header .tel{display: none;}
    .header .logo {height: 40px;line-height: 40px;padding: 0;float: left;}
    .header .logo .img1{ display: none; }
    .header .logo .img2{ display: block; }
    .header .nav {margin: 10px 0 -10px;text-align: left;display: none;background-color: transparent;border-bottom: 0;}
    .header .nav ul {margin: 0 -15px;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid #eee;background: none; }
    .header .nav li a {line-height: 40px;padding: 0 15px;color: #333; border-right: none;}
    .header .nav li .arr {display: block;}
    .header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover {background: none;color: #023d8b}
    .header .nav li.open .arr:after {border-color: #023d8b;transform: rotate(225deg);}
    .dropdown-box {position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none; height: auto;}
    .dropdown-box .container{ flex-wrap: wrap; padding: 0; }
    .dropdown-box p{margin:0; width: 100%; border-top: 1px solid #ddd;}
    .dropdown-box p img{ height: 20px; top:2px; }
    .dropdown-box a {color: #333 !important;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .menu-btn {display: block;}

    .banner{ display: none;}
    .mbanner{ display: block;}
 
    .section{padding:30px 0;}
    .section-title{margin-bottom:30px;}
    .section-title strong{ font-size: 20px; }
    .section-title p{font-size: 16px; }
    .section-title h2{ font-size: 20px; }
    .section-title2{margin-bottom:30px;}
    .section-title2 strong{ font-size: 20px; }
    .section-title2 p{font-size: 16px; }
    .section-title3 strong{ font-size: 20px; }

    .in-yewu ul{ margin:0 0 0 -15px; }
    .in-yewu li a{ margin:0 0 15px 15px; }
    .in-yewu li .text h2{ font-size: 18px; }
    .in-yewu li .text p{ font-size: 14px; height: 50px; overflow: hidden; }

    .in-about{ flex-wrap: wrap;}
    .in-about .img-center{ width: 100%; }
    .in-about .text{ flex:100%; margin-top: 20px; }

    .in-news-menu{  margin-bottom: 20px; }
    .in-news-menu li a{ font-size: 16px; line-height: 40px; padding: 0 20px; }

    .in-partner ul{ padding: 0; }
    .in-partner li{ width: 33.333%; }

    .in-honor .img-center{ height: auto; }

    .footer{ flex-wrap: wrap; padding: 20px 0;   }
    .footer .fnav{ display: none; }
    .footer .ewm{ width: 100%; text-align: center; margin-right: 0; }
    .footer .ewm .img-center{ width: 120px; margin: 0 auto; }
    .footer .contact{ flex:100%; display: flex; justify-content: center; }

    .kefu{ display: none; }

    .about1{ flex-wrap: wrap; margin-bottom: 30px; }
    .about1 .img-center{ flex:100%; margin-right: 0;  }
    .about1 .text{ flex:100%;  }

    .about2{ flex-wrap: wrap; margin-bottom: 30px; }
    .about2 .text{ float:none; width:100%;  }
    .about2 .text h2{ font-weight: normal; font-size: 20px; color: #2d51d0; margin-bottom: 0px; }
    .about2 .text p{ font-size: 14px; margin-bottom: 20px; }
    .about2 .pic{ float:none; width:100%;  }

    .about3 li a{ margin-bottom: 20px; }

    .lanmu{ padding: 15px 0; margin-bottom: 20px; }
    .lanmu li a{ padding: 0 15px; margin: 0 8px; }

    .list-1 li a{ flex-wrap: wrap; border: 10px solid #f5f5f5; padding: 15px; }
    .list-1 li .text{ flex:100%; order: 100 }
    .list-1 li .text h2{ color: #1552a5; font-size: 20px; font-weight: normal; margin: 20px 0; }
    .list-1 li .img-center{ width:100%; margin-left: 0; }

    .ct{ flex-wrap: wrap; padding: 10px 0; }
    .ct-mn{ flex:100%; }
    .ct-sd{ flex:100%; margin-left: 0; }

    .hongkong1 .con form{ flex-wrap: wrap; }
    .hongkong1 .con form .label{ flex:100%; margin-right: 0; margin-bottom: 10px; height: 60px; }
    .hongkong1 .con form button{ width:100%; height: 60px; }
    .hongkong1 .cont{ flex-wrap: wrap; }
    .hongkong1 .cont .text{ flex:100%;  padding: 17px;  }
    .hongkong1 .cont .text h2{ line-height: 25px;  font-size: 18px; }
    .hongkong1 .cont .pic{ margin-left: 0; width: 100%; }
    .hongkong1 .cont .text li{ font-size: 12px; }
    .hongkong1 .cont .text li span{ padding-left: 0px; }

    .hongkong3 .tits h2 span{line-height: 35px; padding: 0 20px; font-size: 18px; border-radius: 17px; }
    .hongkong3 .tits h2 i{ display: none; }
    .hongkong3 .tits b{ color: #FFF; font-size: 24px; margin:0 15px; }
    .hongkong3 .tits h3{ font-size: 18px;  padding: 0 20px; line-height: 35px;  border-radius: 17px;}
    .hongkong3 .con li{ height: 100px; }
    .hongkong3 .con li h3{ display: none; }
    .hongkong3 .con li p{ height: 100px; }

    .hongkong4 .desc{ flex-wrap: wrap; justify-content: flex-start; font-size: 18px; }
    .hongkong4 li .con{  min-height: auto;  }

    .hongkong5 .con{ padding: 0; margin:0 0 35px -40px; }
    .hongkong5 .con li{ width: 50%; }
    .hongkong5 .con li .items{ display: block; margin:0 0 20px 40px; }
    .hongkong5 .con li .items h2{ font-size: 18px; margin:8px 0; }
    .hongkong5 .cont{ padding: 0; }
    .hongkong5 .cont li{ width: 33.333%; }

    .hongkong6 li{  width: 50%; }

    .list-xg-2 h2{ font-size: 20px;  }

    .haiwai1 ul{ margin:0 0 0 -15px; }
    .haiwai1 li{ width: 33.333%; }
    .haiwai1 li a{ margin:0 0 15px 15px; }
    .haiwai1 li .text h2{ font-size: 20px; }
    .haiwai1 li .text p{  font-size: 14px;  margin-top: 12px; padding: 0 15px;  }

    .btns3 a{  line-height: 45px; padding: 0 20px; font-size: 18px; }

    .haiwai2 li .con{ min-height: auto; }
    .haiwai2 .cont{  line-height: 1.8;  }
    .haiwai2 .cont2 .items{  font-size: 18px; margin-bottom: 20px; }
    .haiwai2 .cont2 .text{ margin-top: 10px; }

    .haiwai3 ul{ margin:0 0 0 -15px; }
    .haiwai3 li .items{  margin:0 0 15px 15px;  }
    .haiwai3 li h2{ font-size: 20px;  }
    .haiwai3 li p{ font-size: 14px;  }

    .haiwai4 ul{ margin:0 0 0 -15px; }
    .haiwai4 li{  width: 50%; }
    .haiwai4 li a{ margin:0 0 15px 15px; }

    .haiwai5 li .text{ flex:0 0 100px; height: 100px; font-size: 12px;  }
    .haiwai5 li a:before{ right: -20px; margin-top: -11px; background-size: 50%; }

    .sb-con li .text{  font-size: 20px; }

    .shangbiao3 li{ float: none; width: 100%; }

    .shangbiao4 .con{ margin:0 0 10px -5px; }
    .shangbiao4 .con li a{  margin:0 0 0 5px; font-size: 12px; padding: 25px 0;  }
    .shangbiao4 .con li a:before{display: none;}
    .shangbiao4 .con li .text h2{ font-size: 14px; }
    .shangbiao4 .con2 li .items{  padding: 60px 0 0; margin:0 15px 15px; }
    .shangbiao4 .con2 li .pic{ margin-bottom: 10px; }
    .shangbiao4 .con2 li .pic p{ font-size: 20px;font-weight: bold; }
    .shangbiao4 .con2 li .text{ padding: 0 20px 30px;  }

    .shangbiao5 .con{ margin:0 0 0 -15px; }
    .shangbiao5 .con li a{  margin:0 0 15px 15px; }
    .shangbiao5 .con2{ margin:0 0 0 -15px; }
    .shangbiao5 .con2 li{ width: 50%; }
    .shangbiao5 .con2 li a{  margin:0 0 15px 15px; }

    .bank1 .con form{ flex-wrap: wrap; }
    .bank1 .con form .label{ flex:100%; margin-right: 0; margin-bottom: 10px; height: 60px; }
    .bank1 .con form button{ width:100%; height: 60px; }
    .bank1 .cont{ flex-wrap: wrap; }
    .bank1 .cont .text{ flex:100%;  padding: 17px;  }
    .bank1 .cont .text h2{ line-height: 25px;  font-size: 18px; }
    .bank1 .cont .pic{ margin-left: 0; width: 100%; }
    .bank1 .cont .text li{ font-size: 12px; }
    .bank1 .cont .text li span{ padding-left: 0px; }
    .bank1 .cont .pic li a{font-size: 16px;}

    .bank2 ul{ margin:0 0 0 -15px; }
    .bank2 li .items{  margin:0 0 15px 15px;  }
    .bank2 li .text h2{ font-size: 18px; margin:8px 0; }
    .bank2 li .text p{ font-size: 14px; line-height: 1.5; }

    .bank4 ul{ margin:0 0 0 -20px; }
    .bank4 li .items{  margin:0 0 20px 20px;}
    .bank4 li .img-center{ width: 120px; margin-right: 15px; }
    .bank4 li .text h2{ font-size: 18px;  }
    .bank4 li .text p{ font-size: 14px; }

    .bank5 li .text h2{ font-size: 18px;  }

    .bank6 ul{ margin: 0 0 0 -15px; }
    .bank6 li .items{  margin:0 0 15px 15px; padding: 15px; }
    .bank6 li .img-center{ width: 100px; margin-right: 15px; }
    .bank6 li .text h2{ font-size:18px;  }
    .bank6 .desc{flex-wrap: wrap; }
    .bank6 .desc h2{ font-size: 20px; }
    .bank6 .desc p{ font-size: 15px; }

    .bank7 ul{ margin: 0 0 0 -10px; }
    .bank7 li{  width: 33.333%; }
    .bank7 li .items{  margin: 0 0 10px 10px; }

    .bank8 ul{ margin: 0 0 0 -15px; }
    .bank8 li a{  font-size: 16px; padding: 15px; margin: 0 0 20px 15px;  }
    .bank8 li a:before{  right: -10px; background-size: 30%  }

    .section-title4{  margin-bottom: 15px; }
    .section-title4 strong{ font-size: 20px;}

    .baoshui1 .con ul{ margin-left:0; }
    .baoshui1 .con2 li{ flex-wrap: wrap; }
    .baoshui1 .con2 li .img-center{ width: 100%;  }
    .baoshui1 .con2 li .text{ flex:100%; padding: 15px; order: 100 }

    .baoshui2 li{ width: 100%; }
    .baoshui2 li .text{margin:0 20px 20px 20px;  }
    .baoshui2 .desc{ line-height: 20px; border-radius: 10px; padding: 10px; }

    .baoshui3 .con{ flex-wrap: wrap; }
    .baoshui3 .con .img-center{ width: 100%; margin-right: 0; }
    .baoshui3 .con .text{ flex:100%; }

    .section-title5 strong{  padding: 0 15px; font-size: 20px; }

    .zuozhang2 ul{ padding: 20px 0; }
    .zuozhang2 .tel span{ font-size: 16px; line-height: 40px; padding: 0 15px; }

    .zuozhang3 ul{ display: none; }
    .zuozhang3 .con{ display: block; }

    .zuozhang5 .con{ flex-wrap: wrap; } 
    .zuozhang5 .con .text{ flex:100%; }
    .zuozhang5 .con .text h2{ font-size: 20px; }
    .zuozhang5 .con .text p{ font-size: 14px; } 

    .section-title6 strong{ padding: 0 20px; font-size: 20px; }

    .meiguo3 .con{ flex-wrap: wrap; }
    .meiguo3 .con .text{ flex:100%; padding: 15px;font-size: 18px;  }
    .meiguo3 .con .img-center{ width: 100%; }

    .meiguo5 li .text h2{ font-size: 16px;  }
    .meiguo5 li .text p{ font-size: 13px; }

    .meiguo7 ul{ margin:0; }
    .meiguo7 li{  width: 50%; }
    .meiguo7 li .text{ font-size: 16px; margin:0 0 15px 15px; }
    .meiguo7 li:nth-child(6){ margin-left:0; }

    .section-title7 strong{ padding-left: 60px; font-size: 20px; }

    .xinjiapo1 li .img-center{ margin-right: 10px;}
    .xinjiapo1 li .text h2{ font-size: 18px; }
    .xinjiapo1 li .text p{ font-size: 14px; }

    .xinjiapo2 ul{ padding-left: 0px; }
    .xinjiapo2 li{ margin-left: 0; width: 50%; }
    .xinjiapo2 li:nth-child(2n) .items{ margin-top: 0; } 

    .xinjiapo3 ul{ margin:0 0 0 -15px; }
    .xinjiapo3 li .items{ margin:0 0 15px 15px; }
    .xinjiapo3 li .img-center{ width: 120px; margin-right: 10px;}
    .xinjiapo3 li .text h2{  font-size: 16px; margin-bottom: 3px; }
    .xinjiapo3 li .text p{ font-size: 14px; }
 
    .xjp-menu li a{ font-size: 18px; padding: 0 15px;  }
    .xjp-con li .text{ padding:15px 10px 0; }
    .xjp-con li h3 span{ padding: 10px; margin: 0 5px; font-size: 16px; }

    .xinjiapo5 .con{ flex-wrap: wrap; }
    .xinjiapo5 .con .img-center{ width: 100%; margin-right: 0; }
    .xinjiapo5 .con .text{ flex:100%; margin-top: 15px; }

    .xinjiapo7 ul{ margin: 0 0 0 -15px; }
    .xinjiapo7 li .items{ margin: 0 0 15px 15px; }
    .xinjiapo7 li .text p{ min-height: 100px; }

    .ct2{ flex-wrap: wrap;  }
    .ct2-mn{ flex:100%; }
    .ct2-sd{ flex:100%; margin-left: 0; }










}