﻿


@media screen and (max-width:1600px) {

.section3 .news_swp .con .al .img { height: 250px; }

.main { max-width: 1200px !important; }
.H120 { height: 100px; }
.header { height: 100px; }

.header .logo { width: 270px; height: 100px; }
/* .header .logo { position: relative; overflow: hidden; width: 200px; height: 100%; } */
/* .header .logo img { height: 45px; } */
/* .header .logo p { padding: 6px 0 6px 8px; font-size: 15px; } */

.header .fr .nav { height: 100px; }
.header .fr .nav li > a { line-height: 100px; height: 100px; }
.header .fr .nav li > a { font-size: 15px; }

.banner .swiper-slide .text h3 { font-size: 40px; }
.banner .swiper-slide .text p { font-size: 18px; line-height: 30px; }
.header .fr .ce { font-size: 15px; }


.section1 { margin-top: 60px; }
.section1 .fl h4 { font-size: 24px; }
.section1 .fl p { font-size: 14px; line-height: 25px; }
.section1 .fl ul li strong { font-size: 40px; }
.section1 .fl ul li span { font-size: 14px; }
.section1 .fl ul li em { font-size: 30px; }
.section1 .fl ul { margin-top: 30px; }

.m_gray { padding: 60px 0px; margin-top:60px;  }

.inv_swp { margin-top: 50px; }
.inv_swp .swiper-slide p { font-size: 18px; margin-top: 30px; }

.banner .swiper-slide .text .al { padding: 11px 20px; font-size: 14px; }
.banner .swiper-slide .text .al:after { background-size: 10px auto; }
.more a { padding: 11px 20px; font-size: 14px; }
.more a:after { background-size: 10px auto; }

.section2 .tit h4 span { font-size: 16px; padding-bottom: 25px;  margin-left: 30px; }

.section3 { padding: 60px 0px; }
.section3 .news_swp { margin-top: 40px; }
.section3 .news_swp .con .text strong { font-size: 16px; }
.section3 .news_swp .con .text { padding-left: 20px; padding-right: 20px; }
.section3 .news_swp .con .text span { font-size: 16px; }

.footer .logo { height: 100px; } */
.footer .logo > .main { padding: 26.5px 10px; }
.footer .logo > .main img { height: 45px; }
.footer .logo > .main p { padding: 6px 0 6px 8px; font-size: 15px; }

.footer .list ul li { padding-left: 30px; }
.footer .list ul li strong a { font-size: 16px; }
.footer .list ul li a { font-size: 14px; }

.ban h3 { font-size: 30px; padding-top: 7%; }
.ban { height: 270px; }

.honor_list { padding: 0px 80px; }
.honor_list .con .text p { font-size: 14px; line-height: 22px; }
.honor_back { padding: 60px 0px; padding-bottom: 100px; }
.honor_con { margin-top:60px;  }

.ban .xt { height: 70px; line-height: 70px; }
.ban .nav a { font-size: 16px; }

.team1 .list { padding: 0px 20px; }
.team1 .list ul li { padding: 0px 75px; }
.team1 .list ul li .con p { font-size: 14px; }
.team1 .list ul li .con h3 { font-size: 24px; }
.team1 .list ul li .text strong { font-size: 24px; }
.m_tit p { font-size: 16px; line-height: 30px; }

.team { margin-top: 60px; }
.team1 { padding-bottom: 60px; }
.team2 { padding: 60px 0px; }

.team2 .list ul { margin-left: -15px; margin-right: -15px; }
.team2 .list ul li { padding: 0px 15px; padding-bottom: 5px;}
.team2 .list ul li .text strong { font-size: 20px; }
.team2 .list ul li .text p { font-size: 16px; }

.investment { padding: 60px 0px; }

.investment .list ul { margin-left: -20px; margin-right: -20px; }
.investment .list ul li { padding: 0px 20px; }
.investment .list ul li .had .img { padding: 0px 40px; height: 140px; }
.investment .list ul li .had p { font-size: 20px; }
.investment .list ul li .text strong { font-size: 20px; }
.investment .list ul li .text em { font-size: 16px; }
.investment .list ul li .text p { font-size: 14px; }

.pagebox ul li a { font-size: 14px; }
.pagebox .previous { height: 36px; line-height: 34px; }
.pagebox ul .page a { height: 36px; line-height: 34px; }
.pagebox .next { height: 36px; line-height: 36px; }

.news { padding: 60px 0px; }
.news .list ul { margin-left: -15px; margin-right: -15px; }
.news .list ul li { padding: 0px 15px; }

.join { padding: 60px 0px; }
.join1_back { padding: 60px 0px; padding-bottom: 100px; }
.join1 .con .fr dl dd p { font-size: 14px; }
.m_tit p { font-size: 14px; line-height: 26px; }
.join1 .con .fl { padding-right: 60px; }
.join1 .con .fr { padding-left: 60px; }
.join1 .con .fr dl dt span { font-size: 14px; }
.join1 .con .fr dl dt strong { font-size: 16px; }

.contact { padding: 60px 0px; }
.contact_box { margin-top: 60px; }

.contact .fl { width: 38%; }
.contact .fr { width: 56%; }

.contact_con ul li p { margin-top: 8px; }
.contact_con ul li h3 { margin-top: 30px; }
.content .tit h1 { font-size: 25px; }

.zjoin .con strong { font-size: 16px; line-height: 28px; }
.zjoin .con p { font-size: 14px; }

.team_con { padding: 100px 100px; }

.section4 ul li .text img { width: 100px; }
.section4 ul li .text h3 { font-size: 24px; }
.section4 ul li .text strong { font-size: 20px; }
.section4 ul li .text p { font-size: 16px; width: 80%; margin-top: 10px; }

.m_a a { padding: 11px 20px; font-size: 14px; margin-top: 20px; }
.section4 ul  { margin-left: -30px; margin-right: -30px; }
.section4 ul li { padding: 0px 30px; }
.section4 ul li .text img { margin-top: 20px; }
.section4 ul li .text { padding: 60px 0px; }


.hyss { padding: 60px 0px; }
.hyss .img { margin-top: 30px; }

.news .list ul li .con .al .img { height: 176px; }

.newstop .swiper-slide .img { width: 50%; }
.newstop .swiper-slide .text { width: 50%; }
.newstop .swiper-slide { height: 350px; }
.newstop .swiper-slide .img { height: 350px; }
.newstop .swiper-slide .text { height: 350px; }
.newstop .swiper-slide .text h2 { font-size: 22px; }
.newstop .swiper-slide .text h6 { padding: 10px 20px; }


}




.phone_colse { display: none; }
.phone_nav { display: none; }


@media screen and (max-width:1135px) {

.banner .swiper-slide .text h3 { font-size: 30px; letter-spacing: 6px; margin-bottom: 12px; }
.banner .swiper-slide .text h3:after { height: 4px; }
.banner .swiper-slide .text p { font-size: 14px; line-height: 25px; }
.banner .swiper-slide .text { top: 20%; left: 8%; }
.banner_pag { bottom: 10px !important;  }

.header .fr { padding-top: 40px; }
.header .fr { float: none; position: fixed; top: 0px; right: -50%; background: #353535; width: 50%; height: 100%; z-index: 99; }
.header .fr .nav { display: block; width: calc(100% - 2px); height: auto; margin-right: 0; }
.header .fr .nav li > a { color: #fff; display: block; line-height: 50px; height: 50px; margin-right: 0px; padding: 0px 20px; border-bottom: 1px solid #565656; font-size: 14px; font-weight: normal; }
.header .fr .nav li > a:after { display: none; }
.header .fr .nav li > a:hover { color: #fff; }
.header .fr .search i { background: url('../image/icon30.png') no-repeat center center; width: 20px; height: 20px; margin-top: 20px; margin-left: 20px; }
.header .fr .ce { margin-top: 18px; margin-left: 20px; }
.header .fr .ce a { color: #fff; font-weight: normal; }

.phone_colse { display: block; position: absolute; background: url('../image/icon31.png') no-repeat center center; background-size: 16px auto; top: 10px; right: 10px; width: 30px; height: 30px; } 
.phone_nav { position: absolute; right: 10px; top: 50%; margin-top: -15px; display: block; }
.phone_nav span { width: 26px; height:2px; background: #343434; display: block; margin: 6px 0px; }

.phone_back { background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; left: 0px; z-index: 88; display: none; }


.about1 .list ul li { width: 100%; }

.honor_list .con .text { display: block; width: 100%; }
.honor_list { padding: 0px; }

.honor_prev { display: none; }
.honor_next { display: none; }
.honor_list .con .img { display: none; }
.honor_list .con .text { padding: 20px; }
.honor_back { padding: 30px 0px; padding-bottom: 30px; }
.honor_con { margin-top: 30px; padding-bottom: 40px; }
.honor_list .con .text h3 { font-size: 20px; font-weight: bold; }
.honor_time { margin-top: 30px; }


.team { margin-top: 30px; }
.team1 { padding-bottom: 10px; }

.team1 .list { overflow: hidden; }
.team1 .list ul { margin-left: -30px; margin-right: -30px; }
.team1 .list ul li { padding: 0px 30px; width: 50%; margin: 20px 0px;  }
.team1 .list { padding: 0px; padding-top: 10px; margin-top: 30px; }
.team1:after { display: none; }
.team1 .list ul li .img img { width: 100%; }
.team1 .list ul li .text strong { font-size: 20px; }
.team1 .list ul li .text span { font-size: 14px; }
.team1 .list ul li .text b { font-size: 14px; }
.team1 .list ul li .con h3 { font-size: 18px; font-weight: bold; }
.team1 .list ul li .con strong { font-size: 14px; margin-top: 10px; }
.team1 .list ul li .con p { line-height: 24px; margin-top: 14px; }
.team1 .list ul li .text strong { font-size: 18px; }
.m_tit p { margin-top: 20px; }
.team2 { padding: 30px 0px; }
.team2 .list ul { margin-left: -20px; margin-right: -20px; margin-top: 10px; }
.team2 .list ul li { width: 50%; margin-top: 20px; padding: 0px 20px; padding-bottom: 5px; }
.team2 .list ul li .text { padding: 20px 10px; min-height: 80px; }
.team2 .list ul li .text strong { font-size: 16px; }
.team2 .list ul li .text p { font-size: 14px; }
.team2 .list ul li .con .img img { width: 100%; }

.investment .list ul li .had .img { padding: 0px 20px; }

.investment .list ul { margin-left: -10px; margin-right: -10px; }
.investment .list ul li { padding: 0px 10px; }
.investment .list ul li .text { padding: 10px; }
.investment .list ul li .text p { text-align: center; }
.investment .list ul li .had p { font-size: 18px; }

.news .list ul li { width: 33.33%; }

.join1 .con .fl { display: block; width: 100%; padding-right: 0px; }
.join1 .con .fr { display: block; width: 100%; padding-left: 0px; border-top: 1px solid #bfbfbf; border-left: none; margin-top: 30px; }
.join1 .con .fr dl dt span { display: block; margin-top: 10px; margin-left: 0px; }
.join1_back { background: #f4f6f7; }
.join1 .con .fr dl dt strong { font-size: 14px; }
.join1 .con .fr dl dd strong { font-size: 14px; }
.join1 .con .fr dl dd p { font-size: 14px; line-height: 25px; }
.join1_back { padding-bottom: 60px; }

.team_con { padding: 60px 0px; }

.hyss .con .fl { width: 100%; float: none; }
.hyss .con .fr { width: 100%; float: none; }
.hyss h4 { margin-bottom: 30px; }
.hyss .con p { font-size: 14px; line-height: 25px; }


.attachment ul { width: 100%; }

}


.banner .swiper-slide .img .phone_img { display: none; }

.reputationswp .swiper-slide { height: 80px; padding: 10px; }


@media screen and (max-width:767px) {

    .banner .swiper-slide .img .pc_img { display: none; }
    .banner .swiper-slide .img .phone_img { display: block; }
    .banner .swiper-slide .text h3 { font-size: 20px; }
    .banner .swiper-slide .text .al { padding: 6px 12px; margin-top:15px; font-size: 12px;  }
    .banner .swiper-slide .text .al:after { background-size: 8px auto;  }
    .banner .swiper-slide .text p { font-size: 12px; line-height: 22px; }
    .H120 { height: 50px; }
    .header { height: 50px; }

    .header .logo { width: 135px; height: 50px; }
    /* .header .logo { height: 50px; line-height: 50px; padding-top: 12px;  } */
    /* .header .logo img { height: 26px; } */
    /* .header .logo p { padding: 4px 0 4px 5px; font-size: 9px; } */

    .section1 { margin-top: 30px; }
    .section1 .fl { width: 100%; float: none; }
    .section1 .fr { width: 100%; float: none; margin-top: 20px; }
    .section1 .fl h4 { font-size: 18px;  }
    .section1 h3 { font-size: 16px; font-weight: bold; padding-bottom: 0px; padding-left: 12px; }
    .section1 h3:after { top: 2px; width: 2px; height: 18px; }
    .section1 .fl h4 { margin-top: 30px; }
    .section1 .fl p { margin-top: 10px; }
    .section1 .fl ul li strong { font-size: 30px; }
    .section1 .fl ul li em { font-size: 20px; }
    .section1 .fl ul li span { font-size: 12px; }
    .section1 .fl ul { margin-top: 20px; }

    .m_gray { padding: 30px 0px; margin-top: 30px; }

    .section2 .tit h3 { margin-bottom: 15px; }
    .section2 .tit h4 { float: none; }
    .section2 .tit h3 { float: none;  }
    .section2 .tit h3 em { font-size: 16px; font-weight: bold; padding-bottom: 0px; padding-left: 12px; }
    .section2 .tit h3 em:after { top: 2px; width: 2px; height: 18px; }
    .section2 .tit h4 span { margin-left: 0px; width: 50%; text-align: center; float: left; background: #e6e6e6; padding: 12px 10px; font-size: 14px; border: 1px solid #f4f6f7; margin-top: 5px; line-height: 28px; }
    .section2 .tit h4 span:after { display: none; }
    .section2 .tit { border-bottom: none; }
    .inv_swp .swiper-slide .img { height: 80px;  }
    .inv_swp .swiper-slide p { font-size: 14px; }
    .inv_swp { margin-top: 0px; padding-bottom: 0px; }
    .inv_swp .swiper-slide { padding: 15px; }


    .more { text-align: left; margin-top: 20px; }
    .more a { padding: 6px 12px; margin-top:15px; font-size: 12px;  }
    .more a:after { background-size: 8px auto;  }
    .inv_swp .swiper-slide p { margin-top: 20px; }
    .inv_list .more { margin-top: 0px; }

    .section3 { padding: 30px 0px; }
    .section3 h3 { font-size: 16px; font-weight: bold; padding-bottom: 0px; padding-left: 12px; }
    .section3 h3:after { top: 2px; width: 2px; height: 18px; }
    .section3 .news_swp { margin-top: 30px; }

    .section3 .news_swp .con .text { bottom: 0px; padding: 10px; }
    .section3 .news_swp .con .text span { font-size: 12px; margin-top: 5px; }
    .section3 .news_swp .con .text strong { font-size: 14px; }
    .section3 .dow { margin-top: 30px; }
    .amore a { font-size: 14px;  border-bottom: 1px solid #8d9399; }
    .amore a:after { margin-left: 10px; }

    .footer .logo { height: 80px; }
    .footer .logo > .main { padding: 25px 10px; }
    .footer .logo > .main img { height: 30px; }
    .footer .logo > .main p { padding: 5px 0 5px 5px; font-size: 9px; }

    /* .footer .logo { padding: 25px 0px; } */
    /* .footer .logo img { height: 30px; } */

    .footer .list { display: none; }
    .footer .dow strong { display: none; }

    .ban { height: 170px; }
    .ban h3 { font-size: 16px; padding-top: 15%; font-weight: bold; letter-spacing: 0px; }
    .ban .xt { height: 50px; line-height: 48px; border-top: 1px solid rgba(255,255,255,0.3); }
    .ban .nav a { font-size: 14px; }
    .ban .nav a:after { height: 1px; top: -1px; }
    .about { margin: 30px 0; }

    .m_tit h3 { font-size: 16px; font-weight: bold; padding-bottom: 0px; padding-left: 12px; }
    .m_tit h3:after { top: 2px; width: 2px; height: 18px; }
    .about .con p { font-size: 14px; line-height: 25px; margin-top: 20px; }

    .about1 { padding: 30px 0px; }
    .about1 .list { margin-top: 30px; }
    .about1 .list ul li { width: 100%; padding: 20px; }
    .about1 .list ul li i { float: none; }
    .about1 .list ul li .text { margin-left: 0px; margin-top: 20px; text-align: center;  }
    .about1 .list ul li .text strong { font-size: 16px; }
    .about1 .list ul li .text p { font-size: 14px; line-height: 24px; }
    .about1 .list ul li i { text-align: center; }
    .about1 .list ul li i img { display: inline-block; width: 80px; }

    .team1 .list ul { margin-left: 0px; margin-right: 0px; }
    .team1 .list ul li { padding: 0px; width: 100%; }
    .team2 .list ul { margin-left: -10px; margin-right: -10px; }
    .team2 .list ul li {  padding: 0px 10px; padding-bottom: 5px; }

    .investment { padding: 30px 0px; }
    .investment .list ul li { width: 50%; margin-top: 30px; }
    .investment .list ul li .had p { font-size: 16px; }
    .investment .list ul li .had .img { height: 100px; }


    .pagebox { text-align: center; margin-top: 30px; }
    .pagebox ul li a { font-size: 12px; }
    .pagebox .previous { height: 28px; line-height: 26px; }
    .pagebox ul .page a { height: 28px; line-height: 26px; margin: 0px 1px; }
    .pagebox .next { height: 28px; line-height: 28px; }


    .news { padding: 30px 0px; }
    .news .list ul { margin-left: -5px; margin-right: -5px; margin-top: 20px; }
    .news .list ul li { margin-top: 20px; width: 50%; padding: 0px 5px; }
    .news .list ul li .con .text { padding: 10px; bottom: 0px; }
    .news .list ul li .con .text span { font-size: 12px; margin-top: 5px; }
    .news .list ul li .con .text strong { font-size: 14px; }

    .join { padding: 30px 0px; }
    .join1_back { padding-bottom: 30px; padding: 30px 0px; }


    .contact { padding: 30px 0px; }
    .contact_box { margin-top: 30px; }
    .contact .fl { width: 100%; float: none; }
    .contact .fr { width: 100%; float: none; margin-top: 30px; }


    .content { padding: 30px 0px; }
    .content .tit h1 { font-size: 18px; } 
    .content .tit span { margin-top: 10px; font-size: 12px; }
    .content .con { padding-top: 10px; }
    .content .con p { font-size: 14px;  }

    .zjoin { padding: 30px 0px; }
    .zjoin .img { width: 100%; float: none; }
    .zjoin .text { width: 100%; float: none; margin-top: 30px; }
    .zjoin .con strong { font-size: 14px; line-height: 22px; }


    .team_con { padding: 30px 0px; } 
    .team_con .img { width: 100%; }
    .team_con .con { width: 100%; padding-left: 0px; margin-top: 20px; }
    .team_con .con p { font-size: 14px; line-height: 25px; }

    .footer .dow .fr { float: none; }
    .footer .dow .fl { line-height: 24px; padding-top: 10px; }

    .investment .list ul li .text strong { font-size: 16px; font-weight: bold; }
    .investment .list ul li .text em { font-size: 14px; }
    .investment .list ul li .text p { margin-top: 2px; }
    .investment .list ul li .text b { font-size: 12px; }

    .section4 ul { margin-left: 0px; margin-right: 0px; }
    .section4 ul li { padding: 0px; width: 100%; margin-bottom: 10px; }
    .section4 { padding-bottom: 30px; }
    .section4 ul li .text { padding: 30px 0px; }
    .section4 ul li .text h3 { font-size: 16px; font-weight: bold; }
    .section4 ul li .text img { width: 80px; }
    .section4 ul li .text p { font-size: 14px; line-height: 25px; } 

    .m_a a { padding: 6px 12px; margin-top: 15px; font-size: 12px;  }
    .section4 ul li .text strong { font-size: 16px; }

    .inv_swp .swiper-slide strong { font-size: 14px; }

    .hyss { padding: 30px 0px; padding-top: 0px; }
    .hyss h4 { font-size: 14px; line-height: 22px; }
    .hyss p { font-size: 14px; line-height: 25px; }
    .hyss p:after { top: 10px; }
    .hysswp ul { margin-left: -5px; margin-right: -5px; }
    .hysswp ul li { width: 50%; padding: 5px; }
    .hysswp { padding-bottom: 20px; }
    .hyss .con { padding-bottom: 20px; }
    .hysswp ul li i { padding: 10px; height: 80px; }



    .honor_back { padding-bottom: 0px; }

    .news .list ul li .con .al .img { height: 115px; }


    .inv_swp .swiper-slide .text strong { font-size: 16px; font-weight: bold; }
    .inv_swp .swiper-slide .text em { font-size: 14px; }
    .inv_swp .swiper-slide .text p { margin-top: 2px;}
    .inv_swp .swiper-slide .text b { font-size: 12px; }
    .section3 .news_swp .con .al .img { height: 150px; }

    .newstop .swiper-slide { height: auto; }
    .newstop .swiper-slide .img { width: 100%; float: none; height: 220px; }
    .newstop .swiper-slide .text { width: 100%; float: none; padding: 20px; } 

    .newstop-next { display: none; }
    .newstop-prev { display: none; }
    .newstop .swiper-slide .text h2 { font-size: 18px; }
    .newstop .swiper-slide .text p { font-size: 14px; }
    .newstop .swiper-slide .text h6 { bottom: 20px; padding: 8px 16px; }
    .newstop .swiper-slide .text { height: 270px; }


    .report .list ul li { width: 100%; }
    .report .list ul li .img { width: 100%; float: none; }
    .report .list ul li .text { width: 100%; float: none; padding: 20px; height: 170px; }
    .report .list ul li .text h2 { font-size: 18px; }
    .report .list ul li .text p { font-size: 14px; }
    .report .list ul li .text h6 { bottom: 20px; padding: 8px 16px; }

    .attachment ul li { padding: 12px; }

    .credential { margin: 30px 0; }
    .credential-tab { margin-top: 30px; }
    .credential-logo, .credential-title, .credential-row { width: calc(100% - 10px); padding: 10px 5px; margin-top: 5px; }
    .credential-logo img { height: 50px; }
    .credential-title svg { width: 30px; height: 30px; }
    .credential-title h2 { font-size: 16px; }
    .credential-item { margin-bottom: 10px; }
    .credential-item img { width: calc(100% - 5px); box-shadow: 1px 1px 5px #bcbcbc; }
}