@charset "utf-8";



@media screen and (max-width:1170px){
  .wrapper{width:1000px;}
  .nav_icon{display:block; position: absolute; right: 30px; top:50%; width:25px; height:25px;  padding:5px; padding-bottom:2px; margin-top: -10px; cursor:pointer;  border-radius:3px; -webkit-border-radius:3px; background-color:#2C70B3}
  .nav_icon span{width:100%; height:3px; background-color:#fff; margin-bottom: 3px; display: block;}
  .header .nav ul{display: none;}
  .header > span{right:60px;}
  .header .nav ul{z-index: 100; width:100%; background-color: #282828; right:0;}
  .header .nav ul li{width:100%; }
  .header .nav ul li > a{height: 50px;line-height: 50px;}
  .header .nav{width:100%; height:auto; top:90px; left:0; right:0;}
  body .menu>ul>li>a{color:#FFF;font-weight: bold;font-seze:16px;}
  .bannerText{width:386px; height:386px; margin-left: -193px; margin-top: -193px;}
  .bannerText .banner_sm{margin-top: 40px; width:180px; height:23px; background-size: 100% 100%; margin-bottom: 5px;}
  .bannerText .line_long, .bannerText .line_short{width:230px;}
  .bannerText p{font-size: 12px; line-height: 15px;}
  .bannerText .more{width:100px; height:30px; line-height: 30px; font-size: 13px; border-radius: 10px; -webkit-border-radius: 10px;}
  .case .wrapper,
  .index_case .wrapper{width:1000px;}
  .itemBox{height:144px;}
  .itemBox .mask .info{padding:5% 2% 0;}
  .itemBox .mask .info .title{margin-bottom: 0; margin-top: 10px;}
  .index_more .index_more_cont .item .img_bg{line-height: 200px;}
  .bottom .requirement form input{width:40%;}
  .website_shopping .main{background-size: 100% 100%;}
  .website_shopping .main .container{width:800px;}
  .websiteDetail03 .text{width:56.4%;}
  .websiteDetail03 .img{width:400px; height:380px; top: -22px;}
  .websiteDetail03 .text p.unique{margin-top: 30px;}
  .websiteDetail04 .text{width:40%; padding-right: 4%;}
  .project_bottom_scroll .bd{width:709px;}
  .website_phone_main01 .left{width:57.8%;}
  .website_phone_main01 .right{width:40%;}
  .website_responsive_main span.add1{left:361px;}
  .website_responsive_main span.add2{right:361px;}
  .website_responsive_main02 .img{width:400px; top:-22px;}
  .website_responsive_main02 .text{padding-left: 450px;}
  .project_scroll .bd ul li .text{width:300px;}
  .project_scroll .hd{right:112px;}
  .solution .side .sulution_contact span{font-size: 10px;}
  .solution .side .sulution_contact{background-size:100%;}
  .solution .side .solution_service p span{font-size: 12px;}
  .websiteDetail05 ul{width:90%;}
  .websiteDetail05 ul li{width:24.4%;}
  .websiteDetail05 ul li .text p{margin-top: 15px; font-size: 14px;}
  .websiteDetail05 ul li .text span{font-size: 12px;}
  .aboutBox01 .text{width:100%;}
  .aboutBox02{height:auto; overflow: hidden; padding-bottom: 50px; padding-top: 80px;}
  .aboutBox02 .leftBox{width:46%; margin-top: 0;}
  .aboutBox02 .rightBox{width:47.8%; margin-top: 0;}
  .aboutBox02 .leftBox p{line-height: 24px; font-size: 14px;}
  .aboutBox02 .leftBox h3{font-size: 20px;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox{width:39.4%; margin-right: 0.75%; height:100%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox{width:39.4%; margin-right: 0.75%; height:100%;}
  .aboutBox03 .scroll .viewPic .bd li .rightBox{width:19.7%; height:100%;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox .up{height:58.7%; margin-bottom: 1.5%;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox .down{height:39.8%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up{height:39.2%; overflow: hidden; margin-bottom: 1.5%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .down{height:59.3%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department{width:49.25%;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .rightImg{width:49.25%;}
  .aboutBox03 .scroll .viewPic .tempWrap{height:100% !important;}
  .aboutBox03 .scroll .viewPic .tempWrap ul{height:100% !important;}
  .aboutBox03 .scroll .viewPic .tempWrap ul li{height:100% !important;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 50px;}
  .Famous{width:1000px;}
  .aboutBox05 .introduceUs{width:325px;}
  .aboutBox05 .introduceUs h3{font-size: 13px; line-height: 40px; margin-bottom: 0;}
  .aboutBox05 .introduceUs p,
  .aboutBox05 .introduceUs span{font-size: 12px;}
  .searchbanner .insideIntro{width:1000px; margin-left:-500px;}
  .searchbanner .insideIntro .searchBox .txt{width:624px;}
  .header .nav ul li .sub_nav{display: none !important;}
  .custom_btn{display: none;}

  .index_service .index_service_cont .b1{width: 716px;}
  .index_service .index_service_cont .b2{width: 716px;}
  .index_service .index_service_cont .b3{width: 283px;}
  .index_service .index_service_cont .sb1{width: 309px;}
  .index_service .index_service_cont .sb2{width: 286px;}
  .index_service .index_service_cont .sb3{width: 309px;}
  .index_service .index_service_cont .sb4{width: 286px;}
  .index_service .index_service_cont .sb5{width: 223px;}
  .index_service .index_service_cont .sb6{width: 223px;}
  .index_more .index_value{text-align: center;background: none;}
  .DB_tab01{height: auto;}
  .DB_tab01 .DB_imgSet li{height: auto;padding: 20px 0;}
  .DB_tab01 .DB_imgSet li{text-align: center;}
  .DB_tab01 .DB_imgSet li img{margin: 0 auto;width: 96%;}
  .DB_tab01 .DB_imgSet .DB_1_3{display: none;}
  .DB_tab01 .DB_imgSet .DB_1_1,.DB_tab01 .DB_imgSet .DB_1_2{position: static;}
  .DB_tab01 .DB_imgSet{width: 100%;position: static;margin-left: 0;}

  .menu{width: 100%; height: auto; top: 90px; left: 0; right: 0;position: absolute;text-align: left;background:#2C70B3;z-index: 100;}
  .menu ul{padding-left:0px;}
  .menu a{display: block;line-height: 50px;border-bottom: 2px solid transparent;padding-left: 10%;}
  .menu a:hover{border-bottom: 2px solid #e68b0b;}
  .menu .sub_nav{background:#e68b0b;}
  .menu .sub_nav a{padding-left: 20%;height: 30px;line-height: 30px;white-space: nowrap;}
  .menu .sub_nav dd,.menu .sub_nav dl{width: 100%;}
  .menu .websiteli dd{float: left;width: 33.3333%;}
  .menu .websiteli dl:after{clear: both;display: table;content: ''}
  .menu .caseli dd,.menu .solutionli dd{float: left;width: 25%;}
  .menu .caseli dl:after,.menu .solutionli dl:after{clear: both;display: table;content: ''}
  .menu .aboutli dd{float: left;width: 33.33%;}
  .menu .aboutli dl:after{clear: both;display: table;content: ''}
  .menu .websiteli dl a,.menu .caseli dl a,.menu .aboutli dl a{padding-left: 0;text-align: center; color:#fff;}

  .website_service_section2 .float{display: none;}
  .website_service_section2 .bd{width: 100%;}

  .Strength .timenav{display: none;}
  /*.website_service_section3 .rt{width: 35%;}*/
  .web_nav{ width:100%; float:none; background:none;}
  .web_cont{ width:100%; float:none; margin-top:20px;}
  
}
@media screen and (max-width:1000px){
  .wrapper{width:800px;}
  .bannerText{width:300px; height:300px; margin-left: -150px; margin-top: -150px;}
  .bannerText h1{line-height: 18px; font-size: 16px;}
  .bannerText .line_long, .bannerText .line_short{margin-top: 5px; margin-bottom: 2px;}
  .bannerText p{font-size: 10px; line-height: 13px;}
  .bannerText .more{margin-top: 10px;}
  .case .wrapper,
  .index_case .wrapper{width:800px;}
  .itemBox{width:33.33333%;}
  .index_more .index_more_cont .item .img_bg{line-height: 160px;}
  .index_more .index_more_cont .item .img_bg em{font-size: 60px;}
  .index_more{height:auto; overflow: hidden; padding-bottom: 100px;}
  .bottom .index_contact .index_phone, .bottom .index_contact .index_email, .bottom .index_contact .index_qq, .bottom .index_contact .index_address{line-height: 40px;}
  .footer .copyright p{line-height: 20px; margin-top: 10px;}
  .website .list ul li .text h2{line-height: 50px; font-size: 18px;}
  .website .list ul li .text{padding-bottom: 50px;}
  .website .list ul li .text p{font-size: 13px;}
  .website_shopping .main .container{width:700px;}
  .websiteDetail03 .img{width:300px; height:270px; top:-16px;}
  .websiteDetail03 .text p.unique{line-height: 30px; margin-top: 10px;}
  .websiteDetail04 .text{width:190px;}
  .project_bottom_scroll .bd{width:620px;}
  .project_bottom_scroll .hd{width:180px;}
  .website_shop .main .container{width:100%;}
  .website_responsive_main .box1{left:0;}
  .website_responsive_main .box3{right:0;}
  .website_responsive_main span.add1{left:227px;}
  .website_responsive_main span.add2{right:227px;}
  .website_responsive_main01 p{font-size: 12px; line-height: 22px;}
  .website_responsive_main02 .img{width:300px; top:-17px;}
  .website_responsive_main02 .text{padding-left: 350px;}
  .website_responsive_main02 .text h1{padding-top: 30px; margin-bottom: 5px;}
  .website_responsive_main02 .text p{font-size: 12px; line-height: 25px;}
  .website_responsive_main02 .text .list li{line-height: 30px; padding-left: 40px; font-size: 12px;}
  .website_responsive_main02{height:380px;}
  .website_market01 .list li h3{margin-bottom: 0;}
  .website_market01 .list li.li3{padding-right: 300px;}
  .website_market01 .list li.li4{padding-right: 330px;}
  .website_market01 .img{width:300px;}
  .case .hd{width:auto;}
  .case .hd li{margin-bottom: 10px;}
  .project_scroll{height:auto;}
  .project_scroll .bd ul li .text{width:100%; margin-top: 200px;}
  .project_scroll .hd{right:0; bottom:20px;}
  .solution .main .content .tit li a{padding:0 20px;}
  .solution .main .content .list .text h1 a{font-size: 16px; margin-bottom: 0; line-height: 25px;}
  .solution .main .content .list .text p a{font-size: 13px;}
  .solution .main .content .list .text div{margin-top: 0;}
  .solution .main .content .list .text h1 i{top:-9px;}
  .solution .side .sulution_contact{padding-left: 51px; line-height: 40px;}
  .solution .side .solution_service p span{float:left !important; line-height: 20px;}
  .solution .side .tit li{font-size: 8px;}
  .websiteDetail05 ul li .myIcon{ margin-left: 5px; margin-right: 5px; }
  .websiteDetail05 .gotop{right:0;}
  .aboutBox01 .text h3{line-height: 30px;}
  .aboutBox01{height:auto; padding-bottom: 50px;}
  .aboutBox02 .leftBox p{font-size: 12px;}
  .aboutBox02 .leftBox .top{padding-bottom: 10px;}
  .aboutBox02 .leftBox .bottom{padding-top: 10px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{font-size: 20px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{top:80px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 30px;}
  .Famous{width:800px; height:800px;}
  .aboutBox05 .introduceUs{width:100%;}
  .website_company02 .left span,
  .website_company02 .left p{font-size:13px; margin-bottom:10px;}
  .searchbanner .insideIntro{width:800px; margin-left:-400px;}
  .searchbanner .insideIntro .searchBox span{font-size:20px; margin-left:20px;}
  .searchbanner .insideIntro .searchBox .txt{margin-left:15px; width:500px;}
  .searchbanner .insideIntro .searchBox .btn{width:120px; margin-left:15px;}
  .bannerText h2{font-size:18px; line-height:20px;}
  .bannerText .banner_sm{margin-top:30px;}
  #bannerresearch .intro .h1{font-size:50px;}

  .index_service .index_service_cont .b1{width: 573px;}
  .index_service .index_service_cont .b2{width: 573px;}
  .index_service .index_service_cont .b3{width: 226px;}
  .index_service .index_service_cont .sb1{width: 276px;}
  .index_service .index_service_cont .sb2{width: 176px;}
  .index_service .index_service_cont .sb3{width: 276px;}
  .index_service .index_service_cont .sb4{width: 176px;}
  .index_service .index_service_cont .sb5{width: 166px;}
  .index_service .index_service_cont .sb6{width: 166px;}

  .phone .cont_bar .text{position: absolute;right: 0;top: 0;}
  .website_service_section5 .lt img{width: 98%;}

  .Strength .wrapper{width: 98%;}
  .Strength dl{width: 96%;margin: 0 auto;}
  .Strength dl dt{display: none;}
  .Strength dl dd{float: none;width: auto;}
}
@media screen and (max-width:800px){
  .wrapper{width:768px;}
  .bannerText{width:260px; height:260px; margin-left: -130px; margin-top: -130px;}
  .bannerText p{display: none;}
  .bannerText .banner_sm{margin-top: 60px;}
  .bannerText .line_long, .bannerText .line_short{display: none;}
  .bannerText #type02{display: none;}
  .bannerText h1{line-height: 50px;}
  .case .wrapper,
  .index_case .wrapper{width:768px;}
  .website_shopping .main .container{width:600px;}
  .website_shopping .main p{font-size: 14px; line-height: 28px;}
  .website_shopping .main h2{font-size: 14px; line-height: 28px;}
  .websiteDetail04{height:600px;}
  .websiteDetail04 .text{width:100%;}
  .websiteDetail04 .text h1{margin-top: 70px;}
  .project_bottom_scroll .hd{width:100%; margin-bottom: 3px;}
  .project_bottom_scroll{height:auto;}
  .project_bottom_scroll .hd a{padding-bottom: 20px;}
  .project_bottom_scroll .bd{width:100%;}
  .project_bottom_scroll .bd ul li{width:33%;}
  .project_bottom_scroll .bd ul li .img{height:140px;}
  .project_bottom_scroll .hd h2{margin-top: 20px;}
  .project_bottom_scroll .hd h3{margin-bottom: 20px;}
  .website_shop .main h1{margin-bottom: 35px; font-size: 25px;}
  .website_shop .main p{font-size: 14px;}
  .website_phone_main01 .left{width:100%;}
  .website_phone_main01 .right{width:80%; margin-top: 20px;}
  .website_responsive_main01 h2{line-height: 30px; font-size: 15px;}
  .solution .side .sulution_contact{line-height: 10px; padding-bottom: 18px;}
  .websiteDetail05 .gotop{top:-78px;}
  .websiteDetail05 ul{width:100%; border-right:1px solid #494949;}
  .Famous{width:768px;}
  .website_company02 .left{width:100%;}
  .website_company02 .left p{padding-right:0;}
  .website_company02 .right{position:static; width:80%; padding-top:20px; float:left;}
  .searchbanner .insideIntro{width:768px; margin-left:-384px;}
  .bannerText h2{line-height:50px;}

  .index_service .index_service_cont .b1{width: 550px;}
  .index_service .index_service_cont .b2{width: 550px;}
  .index_service .index_service_cont .b3{width: 217px;}
  .index_service .index_service_cont .subbox{background-size: cover !important;}
  .index_service .index_service_cont .sb1{width: 262px;height: 143px;}
  .index_service .index_service_cont .sb2{width: 167px;height: 143px;}
  .index_service .index_service_cont .sb3{width: 262px;height: 143px;}
  .index_service .index_service_cont .sb4{width: 167px;height: 143px;}
  .index_service .index_service_cont .sb5{width: 157px;height: 89px;}
  .index_service .index_service_cont .sb6{width: 157px;height: 197px;}
  .index_service .index_service_cont .subbox small{font-size: 12px;}
  .index_service .index_service_cont .subbox h4{line-height: 25px;margin-bottom: 0;}

  .phone .phoneBox .items ul li{
    width: 33.33%;
    height: 187px;
  }
}
@media screen and (max-width:768px){
  .wrapper{width:640px;}
  .case .wrapper,
  .index_case .wrapper{width:640px;}
  .itemBox{height:121px;}
  .itemBox .mask .info .title{line-height: 30px; height:30px;font-size:20px;}
  .index_customer{height:auto; overflow: hidden;}
  .index_customer .index_customer_scroll .picBox .bd li{height:auto; overflow: hidden;}
  .index_customer .index_customer_scroll .picBox .bd li .item{width:33.3333%;}
  .index_customer .index_customer_scroll{height:auto; padding-bottom: 50px; overflow: hidden;}
  .index_more .index_more_cont .item .img_bg{line-height: 128px; font-size: 30px; height:128px;}
  .index_more .index_more_cont .item .img_bg em{font-size: 50px;}
  .website_shopping .main h1{margin-bottom: 30px; font-size: 25px;}
  .website_shopping .main .container{width:500px;}
  .websiteDetail03 .img{width:100%; top:-35px;}
  .websiteDetail03 .text{width:100%;}
  .websiteDetail03{height:1000px;}
  .websiteDetail03 .text{top:610px;}
  .website_brand_main .list ul li .text h3{font-size: 14px; padding-top: 20px;}
  .website_brand_main .list ul li .text p{font-size: 12px; line-height: 22px;}
  .website_responsive_main span.add1{left:186px;}
  .website_responsive_main span.add2{right:186px;}
  .website_responsive_main01 .cont{padding-right: 220px;}
  .website_responsive_main01 .cont .img{width:200px;}
  .website_responsive_main01 .cont .img img{width:100%;}
  .website_responsive_main02{height:750px;}
  .website_responsive_main02 .text{padding-left: 0px; padding-top: 280px;}
  .website_market01 .list li p{font-size: 12px;}
  .website_market01 .list li.li4,
  .website_market01 .list li.li3{padding-right: 0;}
  .website_market01{height:800px;}
  .website_market01 .img{bottom:10px;}

  .project_scroll{background-position: center 58px; background-size:640px;}
  .project_scroll .bd ul li .img{ margin-top: 35px; width:100%; height:336px;position:relative;}
  .project_scroll .bd ul li .img a{display:block;width:585px; height:336px;position:absolute;left:50%;top:0;transform:translateX(-57%);}
  .solution .main .side,
  .solution .main .content{width:100%;}
  .solution .main .side{margin-top: 100px;}
  .solution .side .sulution_contact{background-size:auto; padding-left: 250px; line-height: 50px;}
  .solution .side .sulution_contact span{font-size: 14px;}
  .solution .side .solution_service p span{margin-right: 20px; font-size: 14px;}
  .websiteDetail05 ul li .myIcon{font-size: 16px; width:30px; height:30px; line-height: 30px;}
  .websiteDetail05 ul li .text p{font-size: 13px; margin-top: 10px;}
  .websiteDetail05 ul li .text span{font-size: 11px;}
  .websiteDetail05{height:56px;}
  .aboutBox02 .leftBox{width:100%; margin-left: 0;}
  .aboutBox02 .rightBox{width:50%; margin:0 auto; float:none;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{font-size: 18px; margin-top: 10px; line-height: 30px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department p{top:40px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{top:60px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 14px;}
  .Famous{width:640px;}
  .famousBg{visibility:hidden;}
  .searchbanner .insideIntro{width:640px; margin-left:-320px;}
  .searchbanner .insideIntro .searchBox .txt{width:364px;}
  .search .items .item{width:100%;}
  .search .items .item li{margin-bottom:5px;}
  .search .items{padding-bottom:25px;}

  .websiteDetail05{display: none;}
/*  .website_service_section3 .rt{text-align: center;width: 100%;float: none;}
  .website_service_section3 .lt{margin-top: 20px;width: 100%;float: none;}*/
  .website_service_section3 .lt img{width: 98%;}
  .website_service_section2 h2{text-align: center;}

}
@media screen and (max-width:640px){
  .wrapper{width:95%;}
  .header > span{display: none;}
  .header .logo{left:30px;}
  .bannerText{width:200px; height:200px; margin-left: -100px; margin-top: -100px;}
  .bannerText .banner_sm{margin-top: 40px; width:140px; height:18px;}
  .index_service .index_service_cont .item{width:100%; margin-bottom: 15px;}
  .index_service{height:auto; overflow: hidden;}
  .itemBox{width:50%; height:169px;}
  .case .wrapper,
  .index_case .wrapper{width:95%;}
  .itemBox .mask .info .title{margin-top: 30px;}
  .index_more .index_more_cont .item .img_bg em{font-size: 40px;}
  .index_view .index_view_tab .bd li .imgText{width:32%; margin:0 0.65%; margin-bottom: 15px;}
  .index_more .index_tit{width:300px; height:60px; background-size: 100% 100%;}
  .index_view .index_view_tab .hd{width:410px;}
  .index_view .index_view_tab .hd li{width:75px;}
  .bottom .index_contact{width:100%;}
  .bottom .requirement{width:100%;}
  .bottom{padding-top: 40px;}
  .website .list ul li .text p{line-height: 20px; height:60px;}
  .website_shopping .main .container{width:80%;}
  .websiteDetail03 .text{top:500px;}
  .websiteDetail03{height:850px;}
  .website_brand_main h1 span{font-size: 20px;}
  .website_brand_main h2{font-size: 13px;}
  .website_responsive_main .box1{width:100%; position: static;}
  .website_responsive_main .box2{width:100%; position: static; margin-top: 20px; margin-bottom: 20px; margin-left: 0;}
  .website_responsive_main .box3{width:100%; position: static;}
  .website_responsive_main{padding:20px 0; height:auto;}
  .website_responsive_main span.add1,
  .website_responsive_main span.add2{display: none;}
  .website_responsive_main h3{margin-top: 0;}
  .website_responsive_main01 .cont{padding-right: 0;}
  .website_responsive_main01{height:600px;}
  .website_responsive_main01 .cont .img{top:200px; right:0;}
  .website_market .items .item{width:100%;}
  .website_market{height:auto;}
  .website_market01 .list li{padding-left: 120px;}
  .website_market01 .list li h3{font-size: 14px; line-height: 24px;}
  .website_market01 .list li p{font-size: 10px; line-height: 18px;}
  .project_scroll{background-size:450px;}
  .project_scroll .bd ul li .img{ margin-top: 25px; width:100%; height:236px;position:relative;}
  .project_scroll .bd ul li .img a{ display:block;width:411px; height:236px;position:absolute;left:50%;top:0;transform:translatleX(-59.5%);}
  .project_scroll .bd ul li .text .text_main p{font-size: 11px;}
  .project_scroll .bd ul li .text .text_class p{font-size: 12px;}
  .solution .main .content .tit li a{padding:0 10px;}
  .solution .main .content .list .text div span.time{margin-left: 20px;}
  .solution .main .content .list .text div span.read{margin-left: 5px;}
  .solution .main .content .list .text div a.share{margin-left: 10px;}
  .solution .side .sulution_contact{background-position: left center; padding-left:80px;}
  .websiteDetail05{height:auto; overflow: hidden;}
  .websiteDetail05 ul li{width:49.7%; border-bottom: 1px solid #494949; margin-bottom: -1px;}
  .solutionDetail .content .cont .calendar{width:50px; height:80px;}
  .solutionDetail .content .cont .calendar span{width:40px; height:30px; line-height: 30px; font-size: 18px;}
  .solutionDetail .content .cont .calendar i{font-size: 25px; line-height: 40px;}
  .solutionDetail .content .cont{padding-left: 60px;}
  .solutionDetail .content .cont .cont_bottom,
  .solutionDetail .content .cont .cont_main p{font-size: 12px;}
  .solution .side .list ul li a .right_cont h3{font-size: 14px;}
  .solution .side .list ul li a .right_cont p{font-size: 12px;}
  .aboutBox01 .text p{font-size: 12px;}
  .aboutBox03 .scroll .viewPic .bd li .leftBox{width:100%; margin-bottom: 9px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox{width:69%; margin-right: 1%;}
  .aboutBox03 .scroll .viewPic .bd li .rightBox{width:30%;}
  .aboutBox03 .scroll{height:auto; overflow:visible;}
  .aboutBox03{height:auto; overflow: hidden; padding-bottom: 50px;}
  .aboutBox03 .scroll .hd{bottom:-20px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 12px;}
  .aboutBox04 h1{font-size: 25px}
  .Famous{width:95%;}
  .caroufredsel_wrapper{left:0 !important; right:auto !important;}
  .sliderK{left:-1px;}
  .tabIco01{left:320px;}
  .tabIco02{left:370px;}
  .itemBox a{height:100%;}
  .website_company01 .list li{width:100%; margin-top:20px;}
  .website_company02 .right{position: static;}
  .searchbanner .insideIntro{width:95%;}
  .searchbanner .insideIntro .searchBox span{display:none;}
  .searchbanner .insideIntro .searchBox .txt{width:68%; margin-left:2%;}
  .searchbanner .insideIntro .searchBox .btn{width:23%; margin-left:2%;}
  .searchbanner .insideIntro{width:100%; margin-left:-50%;}
  #bannerresearch .intro p{font-size:20px;}
  #qiao-wrap{display: none !important;}
  #sideIcon{display: none !important;}

  .bottom .index_contact .welcome{display: none;}
  .footer .link{display: none;}
  .website_service_section4 .rt,.website_service_section4 .lt{width: 100%;float: none;text-align: center;}
  .website_service_section4 .rt img{display: inline;}
  .website_service_section1 li{width: 50%;}

  .website_service_section3 .rt,.website_service_section3 .lt{float: none;width: 100%;text-align: center;}
  .website_service_section5 .rt,.website_service_section5 .lt{float: none;width: 100%;text-align: center;}
}
@media screen and (max-width:480px){
  .bannerText{width:130px; height:130px; margin-left: -65px; margin-top: -65px;}
  .bannerText .banner_sm{margin-top: 30px; width:80px; height:12px;}
  .bannerText h1{line-height: 20px; font-size: 12px;}
  .bannerText .more{width:60px; height:20px; line-height: 20px; font-size: 8px; border-radius: 7px; -webkit-border-radius: 7px;}
  .itemBox .mask .info .title{margin-top: 10px; font-size: 16px;}
  .itemBox .mask .info p{height:40px;}
  .index_customer .index_customer_scroll .picBox .bd li .item{width:50%;}
  .index_more .index_more_cont .item{width:45%; margin:2.5%;}
  .index_more .index_more_cont .item.end{margin:2.5%;}
  .index_view .index_view_tab .bd li .imgText{width:48%; margin:0 1%; margin-bottom: 15px;}
  .index_view .index_view_tab .hd{width:305px;}
  .index_view .index_view_tab .hd li{margin-left: 0; margin-right: 0;}
  .footer .copyright{height:108px;}
  .website .list ul li{width:47%;}
  .websiteDetail03 .text{top:450px;}
  .project_bottom_scroll{padding: 40px 0;}
  .project_bottom_scroll .bd ul li{width:49%;}
  .website_shop .main h1{margin-bottom: 15px;}
  .website_shop .main p{line-height: 24px;}
  .website_brand_main .list ul li .text h3{padding-top: 0;}
  .website_brand_main .list ul li .text p{line-height: 18px;}
  .website_brand_main .list ul li{padding-left: 110px;}
  .website_brand_main h2{line-height: 25px;}
  .website_phone_main01 .left ul li p{font-size: 12px; line-height: 18px;}
  .website_responsive_main01{height:700px;}
  .website_responsive_main01 .cont .img{top:250px; }
  .website_market01 .list li p{line-height: 14px;}
  .website_market01 .list li h3{line-height: 20px;}
  .project_scroll{background-size:340px;}
  .project_scroll .bd ul li .img{margin-top: 19px; width:100%; height:178px;position:relative;}
  .project_scroll .bd ul li .img a{display:block;width:311px; height:178px;position:absolute;left:50%;top:0;transform:translateX(-63%);}
  .project_scroll .bd ul li .text{margin-top: 130px;}
  .solution .main .content .list .text,
  .solution .main .content .list .img{width:100%;}
  .solution .main .content .list .text{margin-top: 10px;}
  .solution .main .content .tit li a{padding:0 0 0 10px; font-size: 13px; }
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{font-size: 14px; margin-top: 0;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department p{font-size: 10px; top:20px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{top:40px; width:60px; height:40px; padding:0 8px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span b{font-size: 14px; line-height: 20px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span i{font-size: 12px; line-height: 15px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 20px;}
  .aboutBox04 h1{font-size: 20px}
  .caroufredsel_wrapper{width:350px !important;}
  .sliderK{width:350px; height:700px;}
  .tabIco01{left:250px;}
  .tabIco02{left:290px;}
  .FamousCon{width:330px; padding-left: 10px; padding-right: 10px; height:700px;}
  .Famous{height:1000px;}
  .searchbanner .insideIntro .searchBox .txt{width:65%; margin-left:2%;}
  .searchbanner .insideIntro .searchBox .btn{width:25%; margin-left:2%;}
  .searchbanner .insideIntro .searchBox .btn{background-image:none; text-align:center; padding-left:0;}
  .bannerText h2{line-height:20px; font-size:14px;}
  .websiteDetail04 .img{width:90%; height:auto;}
  .websiteDetail04 .img img{width:100%; height:100%;}
  .websiteDetail04{height:500px;}
  .websiteDetail04 .text h2{margin-top:70px;}
  #bannerresearch .intro .h1{font-size:30px;}
  #bannerresearch .intro p{font-size:15px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department h2{margin-left:10px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department p{margin-left:10px;}
  .aboutBox03 .scroll .viewPic .bd li .middleBox .up .department span{margin-left:10px;}
  .phone .phoneBox .items ul li{width: 49.99%;}
  .phone .cont_bar .img{display: none;}
  .phone .cont_bar .text{width: 100%;height: auto;background: none;float: none;position: static;padding: 0;margin: 0;}
  .menu a{height: 25px;line-height: 25px;}

  .website_service_section2 li p{line-height: 1.4;}
}
@media screen and (max-width:360px){
  .itemBox{width:100%;}
  .itemBox .mask .info p{height:60px;}
  .itemBox .mask .info .title{margin-top: 30px;}
  .bottom .requirement form input{width:92%; padding:0 4%;}
  .bottom .requirement form .submit{margin-top: 7px;}
  .website .list ul li{width:100%; margin-left: 0;}
  .websiteDetail03 .text{top:320px;}
  .project_bottom_scroll .bd ul li{width:100%;}
  .project_bottom_scroll .bd ul li .img{height:160px;}
  .website_brand_main .list ul li{height:140px;}
  .website_brand_main .list ul li .text p{font-size: 10px;}
  .website_shop .main h1{font-size: 20px;}
  .website_shop .main p{font-size: 12px;}
  .website_phone_main01 .left ul li{padding-left: 123px;}
  .website_phone_main01 .left ul li h3{line-height: 30px;}
  .website_phone_main01 .left ul li p{line-height: 15px; font-size: 10px;}
  .website_responsive_main01{height:750px;}
  .website_responsive_main01 .cont .img{top:300px;}
  .website_responsive_main02 .img{width:250px; top:-14px;}
  .website_market01 .list li p{line-height: 11px;}
  .website_market01 .list li h3{font-size: 13px;}
  .project_scroll{background-size:300px;}
  .project_scroll .bd ul li .img{margin-top: 16px; width:100%; height:158px;position:relative;}
  .project_scroll .bd ul li .img a{display:block;width:274px; height:158px;position:absolute;left:50%;top:0;transform:translateX(-64.5%);}
  .websiteDetail05 ul li{width:100%;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 15px;}
  .caroufredsel_wrapper{width:300px !important;}
  .sliderK{width:300px; height:700px;}
  .tabIco01{left:200px;}
  .tabIco02{left:250px;}
  .FamousCon{width:280px; padding-left: 10px; padding-right: 10px; height:700px;}
  .Famous{height:1000px;}
  .websiteDetail04{height:400px;}
  .websiteDetail04 .text h2{margin-top:40px;}
  #bannerresearch .intro p{font-size:12px;}
  .menu .sub_nav a{font-size: 12px;line-height: 20px;height: 20px;}

}
@media screen and (max-width:320px){
  .index_view .index_view_tab .bd li .imgText{width:100%; margin-bottom: 15px;}
  .aboutBox04 .scroll .viewPic .bd li{padding:0 10px;}
}