@charset "utf-8"; @media screen and (max-width: 1920px) { @media screen and (max-width: 1680px) { @media screen and (max-width: 1440px) { .navbar_pc ul{ margin-left:80px;} .navbar_pc ul li{ margin-left:15px; width:90px;} .mainnew_list ul li{ width:100%;} .mainnew_list ul li .fl{ width:36%;} .mainnew_list ul li .fr{ width:64%;} .mainnew_list ul li .fr p{ width:100%;} .mainnew_list ul li .fr .time{ display:none;} .mainnew_list ul li .fr .but{ margin-top:10px;} .mainnew_list ul li .fr h3{ padding-top:15px;} .procon{ width:47%; height:300px;} } } @media screen and (max-width: 1366px){ .navbar_pc ul{ margin-left:10px; float:left;} .navbar_pc ul li{ margin-left:8px;} .navbar_pc .searchbox{ display:none;} .navbar_pc .yingwen{ float:right;} .about_left{ width:68%; height:650px;} .about_left .con{ width:100%; overflow:hidden; padding-right:110px;} .about_left .tubiao{ margin-top:30px;} .about_right{ width:43%; top:-435px;} .about_right img{ width:100%} .about_left .tubiao ul li{ margin-right:10px;} .home_pro{ height:720px; margin-top:0px;} .tabList .fl{ width:47%;} .tabList .fr{ width:53%;} .tabList .fr ul li{ width:47%; height:auto;} .home_news .ncon{ width:100%;} .footop .line{ margin-left:11px; margin-right:11px;} .about_main .fl{ width:100%; margin-top:0px;} .about_main .fr{ width:100%; display:none;} .about_you{ padding-top:80px; padding-bottom:80px;} .about_you .fl{ width:50%; font-size:18px; line-height:30px;} .about_you .fr{ width:48%;} .about_you .fuwu h2{ font-size:30px;} .fuwu3z{ width:40%;} .fuwu3 .fr{ width:60%; margin-top:40px;} .main_contact_left{ width:60%;} .main_contact_right{ width:38%; margin-left:10px; padding-right:0px;} .main_contact_left li h1{ font-size:40px;} .mpro .fl{ width:40%;} .mpro .frr{ width:57%; margin-left:20px; margin-top:10px;} .mpro .anniu{ margin-top:10px;} .cplist li{ width:24%;} .cplist li h3{ line-height:30px;} .procon{ width:47%;} .home_hezuo_content .fl .con ul li{ margin-right:10px;} .home_hezuo_content .fr .con ul li{ margin-right:10px;} .home_news_content ul li:nth-child(3){ display:none;} .home_news_content ul li:nth-child(6){ display:none;} .home_news_content ul li:nth-child(7){ display:none;} .home_hezuo_content .fr{ min-height:520px;} .home_hezuo_content .fl{ min-height:520px;} .home_shili .swiper-slide{ height:auto;} .mainnew_list .tabList ul { width:1350px; margin:0 auto; margin-top:30px;} .mainnew_list .tabList ul li:nth-child(1){ } .mainnew_list .tabList ul li:nth-child(2){ width:425px;} .mainnew_list .tabList ul li:nth-child(4){ width:178px;} } @media screen and (max-width: 1200px) { .navbar_pc ul li{ margin-left:8px;} .about_left{ width:60%; height:650px;} .about_left .con{ width:100%; height:350px; overflow:hidden; padding-right:140px;} .about_left .tubiao{ margin-top:30px;} .about_right{ width:50%; top:-650px;} .about_right img{ width:100%} .about_left .tubiao ul li{ margin-right:10px;} .home_pro{ height:720px; margin-top:0px;} .tabList .fl{ width:47%;} .tabList .fr{ width:53%;} .tabList .fr ul li{ width:47%; height:auto;} .home_news .ncon{ width:100%;} .footop .line{ margin-left:12px; margin-right:12px;} .mainnew_list .tabList ul { width:1200px; margin:0 auto; margin-top:30px;} .mainnew_list .tabList ul li:nth-child(1){ } .mainnew_list .tabList ul li:nth-child(2){ width:373px;} .mainnew_list .tabList ul li:nth-child(3){ width:373px;} .mainnew_list .tabList ul li:nth-child(4){ width:178px;} .mainnew_list .tabList ul li:nth-child(5){ width:178px;} .mainnew_list .tabList ul li:nth-child(6){ width:178px;} .mainnew_list .tabList ul li:nth-child(7){ width:178px;} } @media screen and (max-width: 1024px) { .navbar_pc ul li{ margin-left:8px;} .about_left{ width:60%; height:650px;} .about_left .con{ width:100%; height:350px; overflow:hidden; padding-right:140px;} .about_left .tubiao{ margin-top:30px;} .about_right{ width:50%; top:-650px;} .about_right img{ width:100%} .about_left .tubiao ul li{ margin-right:10px;} .home_pro{ height:720px; margin-top:0px;} .tabList .fl{ width:47%;} .tabList .fr{ width:53%;} .tabList .fr ul li{ width:47%; height:auto;} .home_news .ncon{ width:100%;} .footop .line{ margin-left:12px; margin-right:12px;} .mpro .fl{ width:100%;} .mpro .frr{ width:100%; margin-left:0px; margin-top:10px;} .mpro .anniu{ margin-top:10px;} .mainnew_list .tabList ul { width:1000px; margin:0 auto; margin-top:30px;} .mainnew_list .tabList ul li:nth-child(1){ width:320px; } .mainnew_list .tabList ul li:nth-child(2){ width:323px;} .mainnew_list .tabList ul li:nth-child(3){ width:323px;} .mainnew_list .tabList ul li:nth-child(4){ width:152px;} .mainnew_list .tabList ul li:nth-child(5){ width:152px;} .mainnew_list .tabList ul li:nth-child(6){ width:152px;} .mainnew_list .tabList ul li:nth-child(7){ width:152px;} } @media screen and (max-width: 920px) { .container{ padding:0 10px;} .navbar_pc ul li{ margin-left:8px;} .about_left{ width:60%; height:650px;} .about_left .con{ width:100%; height:350px; overflow:hidden; padding-right:140px;} .about_left .tubiao{ margin-top:30px;} .about_right{ width:50%; top:-650px;} .about_right img{ width:100%} .about_left .tubiao ul li{ margin-right:10px;} .home_pro{ height:720px; margin-top:0px;} .tabList .fl{ width:47%;} .tabList .fr{ width:53%;} .tabList .fr ul li{ width:47%; height:auto;} .home_news .ncon{ width:100%;} .footop .line{ margin-left:8px; margin-right:8px;} .footop .fl:nth-child(12){ display:none;} .footop .fl:nth-child(13){ display:none;} .main_ban{ margin-top:10px; margin:0 auto;} .about_main{ padding-top:40px;} .about_shili .swiper-container{ padding:10px 0px; width:55%;} .about_you{ padding-top:40px; padding-bottom:80px;} .about_you .fl{ width:100%; font-size:18px; line-height:35px;} .about_you .fr{ width:100%; margin-top:30px;} .mpro .fl{ width:100%;} .mpro .frr{ width:100%; margin-left:0px; margin-top:10px;} .mpro .anniu{ margin-top:10px;} .mainnew_list ul li{ margin-top:0px;} .mainnew_list ul li .fl{ width:36%;} .mainnew_list ul li .fr{ width:64%; height:200px;} .mainnew_list ul li .fr p{ width:100%; height:53px; overflow:hidden;} .mainnew_list ul li .fr .time{ display:none;} .mainnew_list ul li .fr .but{ margin-top:10px;} .mainnew_list ul li .fr h3{ padding-top:15px;} } @media screen and (max-width: 860px) { .navbar_pc ul li{ margin-left:8px;} .about_left{ width:60%; height:550px;} .about_left .con{ width:100%; height:350px; overflow:hidden; padding-right:140px;} .about_left .tubiao{ margin-top:30px;} .about_right{ width:50%; top:-650px;} .about_right img{ width:100%} .about_left .tubiao ul li{ margin-right:10px;} .home_pro{ height:720px; margin-top:0px;} .tabList .fl{ width:47%;} .tabList .fr{ width:53%;} .tabList .fr ul li{ width:47%; height:auto;} .home_news .ncon{ width:100%;} .footop .line{ margin-left:12px; margin-right:12px;} .fuwu2 li{ width:100%; margin-top:10px;} .footop .fl:nth-child(10){ display:none;} .footop .fl:nth-child(11){ display:none;} } @media screen and (max-width:768px) { /*手机头部*/ .navbar{ display:block; margin-top:10px; height:3.5em;} .navbar_pc{ display:none;} .head_top .fl{ padding-left:15px; } .navbar .logo{position: absolute; left: 1%; max-width: 100%; max-height: 80%; top:0px;} .navbar .logo .fr{ margin-top:10px; margin-left:3px; font-size:16px; line-height:16px;} .navbar .logo .fl img{ height: 4em; margin-top:-10px;} .navbar-collapse{position: fixed; right: 0px; top: 7.1em; z-index: 10; background: #fff; height: 100%; width:70%;} .navbar-collapse li{background: url(../images/moremore.png) right 15px top 1em no-repeat; background-size: 1em; line-height: 2.5em;} .navmenu{text-align: right; border-top:2px solid #537d3e; } .header_right{right: 0px; top:0px;} .navmenu a{border: none; text-align: right;} .navbar-nav li{text-align: left;} .swiper-container{ top:1em;} .navbar-toggle{ margin-right:0.3em;} .active{ border:0px;} .home_about{ background:none; margin-top:20px;} .home_about .container{ height:auto; overflow:auto;} .about_left{ width:100%; float:none; float:right;} .about_left .title{ padding-left:20px;} .about_left .con{ width:100%; height:450px; overflow:hidden; padding-right:20px; padding-left:20px;} .about_left .but{ margin-left:20px;} .about_left .tubiao{ margin-left:20px;} .about_right{ width:100%; position:static; z-index:100; float:left;} .about_right .biaoti{ display:none; } .about_right img{ border:0px solid #000; } .home_pro{ clear:both; height:auto; margin-top:0px; background:none;} .home_pro .container .fl{ width:100%; padding-left:0px; margin-top:20px;} .home_pro .container .fr{ width:100%; margin-top:20px;} .home_pro .fr ul li:nth-child(1){ margin-left:0px;} .tabList .fr ul li:nth-child(3){ margin-left:0px;} .home_pro .container .tabList .fl{ width:98%; padding:0; margin-left:0px; margin-right:0px; } .home_pro .container .fl img{ width:98%; height:auto; border:1px solid #ccc; margin-left:0px; padding:0px;} .home_pro .container .tabList .fr{ width:100%; margin-top:0px; margin-right:0px;} .tabList .fr ul li{ width:47%; height:auto;} .butt{ margin-right:30px;} .home_shili .fl{ margin-top:80px; padding-left:20px;} .home_shili .fl .yingwen{ text-align:left;} .home_shili .fl .biaoti{ text-align:left; margin-bottom:30px; color:#fff;} .home_shili .fr{ display:none;} .home_shili .swiper-container{ padding:10px 0px; width:50%;} .home_shili .swiper-container .swiper-slide{ width:100%;} .home_news .fl{ margin-top:50px; padding-left:20px;} .home_news .fr{ margin-top:110px; padding-right:20px;} .home_news .ncon{ width:90%; margin-left:13px;} .footop .line{ margin-left:22px; margin-right:22px;} .footop .fl:nth-child(1){ margin-left:30px;} .footop .fl:nth-child(4){ display:none;} .footop .fl:nth-child(5){ display:none;} .footop .fl:nth-child(6){ display:none;} .footop .fl:nth-child(7){ display:none;} .footop .fl:nth-child(8){ display:none;} .footop .fl:nth-child(9){ display:none;} .footop .fl:nth-child(10){ display:none;} .footop .fl:nth-child(11){ display:none;} .footop .fl:nth-child(12){ display:block;} .footop .fl:nth-child(13){ display:block;} .fuwu3z{ width:100%;} .fuwu3 .fr{ width:100%; margin-top:40px;} .main_contact_left{ width:100%;} .main_contact_right{ width:100%; margin-left:0px; padding-right:0px;} .main_contact_left li h1{ font-size:40px;} .main_contact_left li.lina i, .main_contact_left li em{ margin-top:10px;} .main_contact_left li h1{ font-size:24px;} .fuwu2 li{ width:100%;} .home_news_content ul li:nth-child(1){ width:48%; height:auto;} .home_news_content ul li:nth-child(2){ width:48%; height:auto; margin-left:360px;} .home_news_content ul li:nth-child(3){ width:48%; height:auto; display:block; margin-left:360px; margin-top:220px;} .home_news_content ul li:nth-child(4){ display:none;} .home_news_content ul li:nth-child(5){ display:none;} .home_news_content ul li:nth-child(6){ display:none;} .home_news_content ul li:nth-child(7){ display:none;} .home_news_content ul li:nth-child(1) span{top: 362px;} .home_news_content ul li:nth-child(2) span{ top:125px;} .home_news_content ul li:nth-child(3) span{ top:125px;} .home_hezuo_content .fr{ min-height:435px;} .mainnew_list .tabList ul { width:760px; margin:0 auto; margin-top:30px;} .mainnew_list .tabList ul li:nth-child(1){ width:360px; } .mainnew_list .tabList ul li:nth-child(2){ width:343px;} .mainnew_list .tabList ul li:nth-child(3){ width:343px;} .mainnew_list .tabList ul li:nth-child(4){ width:162px;} .mainnew_list .tabList ul li:nth-child(5){ width:162px;} .mainnew_list .tabList ul li:nth-child(6){ width:162px;} .mainnew_list .tabList ul li:nth-child(7){ width:162px;} .location .mianbao .fr{ display:none;} } @media screen and (max-width:640px) { /*手机头部*/ .yingwen{ font-size:30px;} .head_top .fr{ display:none;} .navbar{ display:block; margin-top:10px; height:3.5em;} .navbar_pc{ display:none;} .head_top .fl{ padding-left:15px; } .navbar .logo{position: absolute; left: 1%; max-width: 100%; max-height: 80%; top:0px;} .navbar .logo .fr{ margin-top:10px; margin-left:3px; font-size:16px; line-height:16px;} .navbar .logo .fl img{ height: 4em; margin-top:-10px;} .navbar-collapse{position: fixed; right: 0px; top: 7.1em; z-index: 10; background: #fff; height: 100%; width:70%;} .navbar-collapse li{background: url(../images/moremore.png) right 15px top 1em no-repeat; background-size: 1em; line-height: 2.5em;} .navmenu{text-align: right; border-top:2px solid #537d3e; } .header_right{right: 0px; top:0px;} .navmenu a{border: none; text-align: right;} .navbar-nav li{text-align: left;} .swiper-container{ top:1em;} .navbar-toggle{ margin-right:0.3em;} .active{ border:0px;} .home_about{ background:none; margin-top:20px;} .home_about .container{ height:auto; overflow:auto;} .about_left{ width:100%; float:none; float:right; height:600px;} .about_left .title{ padding-left:20px; font-size:24px; padding-top:40px;} .about_left .con{ width:100%; height:470px; overflow:hidden; padding-right:20px; padding-left:20px; font-size:16px;} .about_left .but{ margin-left:20px;} .about_left .tubiao{ margin-left:20px;} .about_left .tubiao ul li{ width:86px; height:70px; font-size:16px; padding:25px 10px;} .about_left .tubiao ul li:nth-child(3){ display:none;} .about_right{ width:100%; position:static; z-index:100; float:left;} .about_right .biaoti{ display:none; } .about_right img{ border:0px solid #000; } .home_pro{ clear:both; height:auto; margin-top:0px; background:none;} .home_pro .container .fl{ width:100%; padding-left:0px; margin-top:20px;} .home_pro .container .fr{ width:100%; margin-top:20px;} .home_pro .fr ul{ margin-top:10px; padding-left:15px;} .home_pro .fr ul li{ float:left; width:123px; height:42px; line-height:42px; text-align:center; font-family:pingFangSC-Regular; font-size:16px; background-color:#cbd8ed; margin-left:5px;} .home_pro .container .tabList .fl{ width:93%; padding:0; margin-left:18px; margin-right:20px; border:1px solid #ccc;} .home_pro .container .tabList .fr{ width:96%; margin-top:0px; margin-right:10px;} .tabList .fr ul li{ width:48%; height:auto; margin-left:-3px;} .tabList .fr ul li:nth-child(2){ margin-left:15px;} .tabList .fr ul li:nth-child(4){ margin-left:15px;} .butt{ width:103px; height:54px; background-color:#da2127; float:right; margin-top:-15px; margin-right:4px;} .butt img{ padding-top:5px; padding-left:15px;} .home_shili{ height:650px;} .home_shili .fl{ margin-top:40px; padding-left:0px;} .home_shili .fl .yingwen{ text-align:left;} .home_shili .fl .biaoti{ text-align:left; margin-bottom:30px; color:#fff;} .home_shili .fr{ display:none;} .home_shili .swiper-container{ padding:10px 0px; width:60%;} .home_shili .swiper-container .swiper-slide{ width:100%;} .home_news{ height:1030px;} .home_news .fl{ margin-top:40px; padding-left:0px;} .home_news .fr{ margin-top:0px; padding-right:0px; display:none;} .home_news_content{margin-top:0px;} .home_news .ncon{ width:95%; margin-left:5px; } .footop .line{ margin-left:12px; margin-right:12px;} .footop .fl:nth-child(1){ margin-left:20px; margin-top:0px;} .footop .fl:nth-child(2){ display:none;} .footop .fl:nth-child(3){ display:none;} .footop .fl:nth-child(4){ display:none;} .footop .fl:nth-child(5){ display:none;} .footop .fl:nth-child(6){ display:none;} .footop .fl:nth-child(7){ display:none;} .footop .fl:nth-child(8){ display:none;} .footop .fl:nth-child(9){ display:none;} .footop .fl:nth-child(10){ display:none;} .footop .fl:nth-child(11){ display:none;} .footop .fl:nth-child(12){ display:none;} .footop .fl:nth-child(13){ display:none;} .home_news_content ul li:nth-child(1){ width:100%; height:auto;} .home_news_content ul li:nth-child(2){ width:100%; height:auto; margin-top:450px; margin-left:0px;} .home_news_content ul li:nth-child(3){ width:100%; height:auto; display:block; margin-top:200px; margin-left:0px;} .home_news_content ul li:nth-child(4){ display:none;} .home_news_content ul li:nth-child(5){ display:none;} .home_news_content ul li:nth-child(6){ display:none;} .home_news_content ul li:nth-child(7){ display:none;} .home_news_content ul li:nth-child(1) span{top: 397px;} .home_news_content ul li:nth-child(2) span{ top:138px;} .home_news_content ul li:nth-child(3) span{ top:148px;} .home_hezuo .fr .more{ display:none;} .home_hezuo_content .fl{ width:100%;} .home_hezuo_content .fr{ width:100%;} .mainnew_list ul li{ margin-top:0px;} .mainnew_list ul li .fl{ width:36%; display:none;} .mainnew_list ul li .fr{ width:100%; height:200px;} .mainnew_list ul li .fr p{ width:100%; height:53px; overflow:hidden;} .mainnew_list ul li .fr .time{ display:none;} .mainnew_list ul li .fr .but{ margin-top:10px;} .mainnew_list ul li .fr h3{ padding-top:15px;} .cplist li{ width:48%;} .cplist li h3{ line-height:30px;} .procon{ width:100%;} .mainnew_list .tabList ul { width:100%; margin:0 auto; margin-top:30px;} .mainnew_list .tabList ul li:nth-child(1){ width:100%; } .mainnew_list .tabList ul li:nth-child(2){ width:100%; margin-left:0px;} .mainnew_list .tabList ul li:nth-child(3){ width:100%;margin-left:0px;} .mainnew_list .tabList ul li:nth-child(4){ width:162px; margin-left:0px;} .mainnew_list .tabList ul li:nth-child(5){ width:162px;} .mainnew_list .tabList ul li:nth-child(6){ width:162px; margin-left:0px;} .mainnew_list .tabList ul li:nth-child(7){ width:162px;} .mpro .fl{ display:none;} } @media screen and (max-width: 480px) { .mianbao{ display:none;} .about_left .tubiao ul li{ margin-right:3px; display:none;} .mpro .anniu .but2{ width:229px;} .about_right img{ display:none;} .jiansuo .fr .wenben{ width:200px;} }