@charset "utf-8"; /* CSS Document */ a{ transition: all 0.5s; } .w1200{ margin: 0 auto; width: 1200px; } .header{ position: fixed; width: 100%; z-index: 998; background:#f6f6f6; border-bottom: 1px solid #e7e7e7; } .end-ex a{ height: 30px; padding: 0px 10px; font-size: 14px; line-height:30px; text-align: center; float: right; border:1px solid #cdcdcd; color: #666; } .header .head{ } .headbox{ border-bottom: 1px solid #ededed; height: 44px; } .headbox .welcome{ color: #545454; line-height: 44px; font-size: 14px; } .headbox .onehref{ float: left; padding-left: 26px; background: url(../img/img-01.jpg) no-repeat left center; font-size: 14px; line-height: 44px; height: 44px; margin-right: 23px; color: #666; } .headbox .twohref{ float: left; padding-left: 26px; background: url(../img/img-02.jpg) no-repeat left center; font-size: 14px; line-height: 44px; height: 44px; margin-right: 23px; color: #666; } .headbox .thrhref{ float: left; padding-left: 26px; background: url(../img/img-21.png) no-repeat left center; font-size: 14px; line-height: 44px; height: 44px; margin-right: 1px; } .header-nav{ background: #fff; } .header-nav .header-navbox{ height: 95px; } .header-nav .header-navbox .logo img{ display: block; margin-top: 16px; } .header-nav .header-navbox .nav-a{ /* overflow: hidden;*/ display: block; width: 78%; margin-left: 50px; position: relative; z-index: 2; } .header-nav .header-navbox .nav-a ul{ width: 100%; float: none; } .header-nav .header-navbox .nav-a li { position: relative; width: 105px; height: 95px; } .header-nav .header-navbox .nav-a a{ color: #333; font-size: 16px; line-height: 95px; display: block; text-align: center; } .fool-box{ display: none; width: 100%; top: 83px; left: 0px; box-sizing: border-box; /* border:1px solid #cdcdcd;*/ background: #fff; position: absolute; padding:13px 0px; } .fool-box span{ display: block; text-align: center; font-size: 14px; color: #444; background: url(../img/fool01.png) no-repeat 16px center; cursor: pointer; float: left; margin-right: 20px; padding-left: 30px; } .fool-box span:hover{ color: #55b651; } .header-nav .header-navbox .nav-a a:hover{ color: #55b651; } .header-nav .header-navbox .nav-a a.cur{ color: #55b651; } .header-nav .header-navbox .welcome-submit{ margin-top: 28px; position: relative; width: 46px; height: 38px; z-index: 4; } .header-nav .header-navbox .welcome-submit .show{ width: 46px; height: 38px; display: block; position: relative; z-index: 2; cursor: pointer; } .header-nav .header-navbox .welcome-submit .show img{ width: 46px; height: 38px; display: block; } .header-nav .header-navbox .welcome-submit .submit-but{ position: absolute; right: 0px; top: 0px; width: 46px; height: 38px; display: none; z-index: 3; cursor: pointer; } .header-nav .header-navbox .welcome-submit .submit-but input{ width: 46px; height: 38px; background: url(../img/img-05.jpg) no-repeat center; border:0px none; } .header-nav .header-navbox .welcome-submit .text{ height: 36px; width: 0px; border:1px solid #cdcdcd; border-right: 0px; position: absolute; right: 1px; top: 0px; cursor: pointer; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; } .header-nav .header-navbox .welcome-submit .text input{ border:0px none; height: 24px; padding:6px 0px; width: 74%; z-index: 1; padding-left: 2%; color: #cdcdcd; } /**/ .footer{ background: #434343; } .footer-top{ padding-top: 55px; padding-bottom: 73px; } .footer-top ul{ float: none; overflow: hidden; } .footer-top li h2{ font-size: 18px; color: #dadada; font-weight: normal; display: block; height: 38px; } .footer-top li{ width: 14.2%; background: url(../img/img-01.png) repeat-y 83% top; min-height: 233px; } .footer-top li.sp{ width: 12.2%; padding-left: 2%; } .footer-top li.spp{ background: url(../img/img-01.png) repeat-y 96% top; } .footer-top li a{ display: block; color: #9f9f9f; font-size: 14px; line-height: 28px; } .footer-top li a:hover{ color: #cdcdcd; } .footer-bot{ border-top: 1px solid #565656; } .footer-bot a{ color: #6b6b6b; line-height: 69px; } .footer-bot p{ float: left; margin-right: 10px; color: #6b6b6b; line-height: 69px; } .shart { margin-top: 21px; color: #b2b2b2; } .shart .jiathis_style .jiathis_txt{ line-height: 26px!important; } .shart .jiathis_button_weixin .jtico_weixin{ width: 27px; height: 26px!important; padding:0px!important; margin: 0px!important; margin-right: 7px!important; background: url(../img/img-02.png) no-repeat left top; } .shart .jiathis_button_tsina .jtico_tsina{ width: 27px; height: 26px!important; padding:0px!important; margin: 0px!important; margin-right: 7px!important; background: url(../img/img-02.png) no-repeat -34px top; } .shart .jiathis_button_tqq .jtico_tqq{ width: 27px; height: 26px!important; padding:0px!important; margin: 0px!important; margin-right: 7px!important; background: url(../img/img-02.png) no-repeat -68px top; } .shart .jiathis_button_renren .jtico_renren{ width: 27px; height: 26px!important; padding:0px!important; margin: 0px!important; margin-right: 7px!important; background: url(../img/img-02.png) no-repeat -102px top; } .shart .jiathis_button_qzone .jtico_qzone{ width: 27px; height: 26px!important; padding:0px!important; margin: 0px!important; margin-right: 7px!important; background: url(../img/img-02.png) no-repeat -135px top; } .shart .jiathis_button_douban .jtico_douban{ width: 27px; height: 26px!important; padding:0px!important; margin: 0px!important; margin-right: 7px!important; background: url(../img/img-02.png) no-repeat right top; } .h-140{ height: 141px; } /**/ .banner{ width: 100%; position: relative; overflow: hidden; } .banner .swiper-pagination span{ width: 12px; height: 12px; background: #fff; opacity: 1.0; margin:0 6px; } .banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #55b651; } .wel-productbox{ height: 340px; background: #fff; } .wel-productbox .fll{ width: 60%; /*height: 265px;*/ padding: 35px 2% 40px ; margin-bottom: 18px; } .wel-product{ margin-top: 18px; } .wel-productbox .frr{ width: 35%; height: 340px; } .wel-productbox .fll .en{ font-size: 20px; color: #55b651; font-family: "Arial"; margin-bottom: 5px; } .wel-productbox .fll .ch{ font-size: 20px; color: #55b651; font-size: 20px; margin-bottom: 20px; } .wel-productbox .fll .text{ font-size: 14px; color: #444444; line-height: 30px; } .wel-productbox .fll .more{ display: inline-block; margin-top: 18px; } .wel-productbox .fll .more a{ padding-right: 27px; color: #808080; font-family: "Arial"; background: url(../img/img-07.jpg) no-repeat right center; display: inline-block; } .wel-productbox .fll .more a:hover{ color: #55b651; background: url(../img/img-08.jpg) no-repeat right center; } .wel-news{ margin-top: 18px; } .wel-newsbox .fll{ width: 54%; background: #fff; height: 375px; padding: 25px 2% 30px; } .wel-newsbox .frr{ width: 36.5%; background: #fff; height: 375px; padding: 25px 2% 30px; } .wel-newsbox .en{ font-size: 18px; color: #444; font-weight: bold; font-family: "Arial"; margin-bottom: 3px; } .wel-newsbox .more-ch{ font-size: 20px; color: #444; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .wel-newsbox .more-ch a{ padding-right: 27px; color: #808080; font-family: "Arial"; background: url(../img/img-07.jpg) no-repeat right center; font-size: 12px; display: inline-block; } .wel-newsbox .more-ch a:hover{ color: #55b651; background: url(../img/img-08.jpg) no-repeat right center; } .wel-newsbox .fll .tj{ padding: 25px 0px 26px; border-bottom: 1px solid #e5e5e5; } .wel-newsbox .fll .tj img{ width: 186px; height: 120px; display: block; float: left; } .wel-newsbox .fll .tj .textbox{ width: 446px; margin-left: 15px; } .wel-newsbox .fll .tj .textbox h2{ color: #55b651; font-size: 14px; margin-top: 3px; } .wel-newsbox .fll .tj .textbox .text{ font-size: 14px; color: #666; line-height: 26px; margin-top: 6px; display: block; height: 70px; } .wel-newsbox .fll .tj .textbox .text:hover{ color: #cdcdcd; } .wel-newsbox .fll .tj .textbox p{ font-size: 12px; color: #999; } .wel-newsbox .list{ margin-top: 20px; } .wel-newsbox .list ul{ float: none; } .wel-newsbox .list li{ padding-left: 30px; display: block; float: none; background: url(../img/img-03.png) no-repeat left center; } .wel-newsbox .list li p.fl{ line-height: 38px; color: #333; font-size: 14px; } .wel-newsbox .list li p.fr{ line-height: 38px; color: #808080; font-size: 12px; } .wel-newsbox .list li:hover{ background: url(../img/img-04.png) no-repeat left center; } .wel-newsbox .list li:hover p{ color: #cdcdcd; } .wel-newsbox .frr .list li{ margin-bottom: 4px; } .wel-thrbox { position: relative; height: 330px; margin-top: 18px; } .wel-thrbox .box{ width: 32.5%; height: 330px; background: #fff; } .wel-thrbox .box.sp{ margin: 0 auto; overflow: hidden; } .wel-thrbox .box.spl{ position: absolute; left: 0px; top: 0px; } .wel-thrbox .box.spr{ position: absolute; right: 0px; top: 0px; } .wel-thrbox .box img{ margin: 51px auto 14px; display: block; width: 58px; height: 58px; } .wel-thrbox .box span{ display: block; width: 80%; margin: 0 auto 39px; } .wel-thrbox .box span p{ text-align: center; } .wel-thrbox .box span .big{ font-size: 18px; color: #333; text-align: center; } .wel-thrbox .box span .small{ font-size: 14px; text-align: center; color: #666; } .wel-thrbox .box a.href{ width: 108px; height: 33px; border:1px solid #55b651; line-height: 32px; text-align: center; margin: 0 auto; display: block; color: #55b651; } .wel-thrbox .box a.href:hover{ background: #55b651; color: #fff; } .wel-release{ padding-top: 56px; margin-bottom: 54px; } .wel-releasebox{ overflow: hidden; } .wel-releasebox .en{ text-align: center; display: block; margin-bottom: 10px; font-size: 20px; color: #444; font-weight: bold; } .wel-releasebox .ch{ margin-bottom: 36px; font-size: 20px; color: #333; text-align: center; display: block; } .js { width: 100%; height: 100%; position: relative; } .js .swiper-slide img{ width: 100%; display: block; } .js .swiper-slide p{ line-height: 47px; border-top: 1px solid #f5f5f5; background:#fff; text-align: center; font-size: 14px; color: #333; } .js .swiper-button-prev{ width: 44px; height: 44px; position: absolute; left: 0px; background: url(../img/img-08.png) no-repeat left center; z-index: 99 } .js .swiper-button-prev.cur{ background: url(../img/img-26.png) no-repeat left center; } .js .swiper-button-next{ width: 44px; height: 44px; position: absolute; right: 0px; background: url(../img/img-09.png) no-repeat right center; } .js .swiper-button-next.cur{ background: url(../img/img-27.png) no-repeat left center; } /*鍏充簬鎴戜滑*/ .about-box{ height: 340px; overflow: hidden; position: relative; } .about-box .n-box{ position: relative; height: 340px; } .about-box span{ position: absolute; left: 145px; top: 120px; z-index: 1; opacity: 0; display: block; } .about-box span img{ display: block; width: 100%; } .about-box .bg{ position: absolute; top: 0px; left: 50%; margin-left: -960px; } .about-main{ padding: 0px 2%; width: 1140px; margin: 15px auto; padding-bottom:82px; background: #fff; } .about-navbox{ border-bottom: 1px solid #ededed; height: 88px; } .bread{ padding-left: 25px; background: url(../img/img-11.png) no-repeat left center; } .bread { line-height: 88px; } .bread a{ line-height: 88px; color: #555; } .bread a.sp{ color: #999; } .bread a:hover{ color: #cdcdcd; } .about-nav li a{ font-size: 14px; color: #333; display: block; float: left; border:1px solid #ccc; height: 36px; padding: 0px 26px; line-height: 36px; border-radius: 3px; margin-left: 9px; margin-top: 25px; } .about-nav li a:hover{ border:1px solid #55b651; color: #55b651; } .about-nav li a.cur{ border:1px solid #55b651; color: #55b651; } .about-textbox{ margin-bottom: 15px; } .h2{ line-height: 94px; display: block; color: #55b651; font-size: 26px; } .about-textbox p{ color: #444; font-size: 16px; } .about-textbox img{ display: block; width: 100%; } .about-four{ padding-top: 35px; background: url(../img/img-12.png) no-repeat center; } .about-four .box{ width: 36%; padding: 36px 6%; min-height: 135px; border:2px solid #55b651; border-radius: 10px; margin-bottom: 35px; font-size: 16px; color: #444; line-height: 32px; } /*鑽紒鍚堜綔*/ .cooperation-list{ padding-bottom: 70px; } .cooperation-list .hlist{ position: relative; margin-bottom: 25px; } .cooperation-list .hlist .listbox{ width: 31%; margin-right: 3.5%; } .cooperation-list .hlist .listbox:nth-child(3n){ margin-right: 0px; } .cooperation-list .hlist .listbox .img { border:1px solid #dadada; display: block; } .cooperation-list .hlist .listbox img{ width: 100%; display: block; } .cooperation-list .hlist .listbox p{ line-height: 50px; text-align: center; font-size: 18px; color: #444; overflow: hidden; } .cooperation-list .hlist .listbox.sp{ position: absolute; top: 0px; left: 50%; margin-left: -15.5%; } .page img{ display: block; margin: 0 auto; } /*鑱旂郴鎴戜滑*/ .contact-text{ padding-bottom: 33px; background: url(../img/img-15.jpg) repeat-x bottom; } .contact-table h2{ line-height: 84px; font-size: 18px; color: #444; } .contact-table table{ width: 100%; } .contact-table tr{ background: url(../img/img-15.jpg) repeat-x bottom; } .contact-table td{ padding: 17px 0; } .contact-table .green{ font-size: 14px; color: #55b651; /*line-height: 55px;*/ display: inline-block; float: left; } .contact-table .pt{ font-size: 14px; color: #444; /*line-height: 55px;*/ display: inline-block; float: left; } .contact-table .sp{ display: inline-block; float: left; /*padding-top: 8px;*/ } .contact-table .sp p{ font-size: 14px; color: #444; /*line-height: 40px;*/ margin-bottom: 10px; } .contact-map{ margin-top: 24px; height: 534px; border:1px solid #cdcdcd; } /**/ .honor-list .listbox { position: relative; margin-bottom: 30px; } .mobile-honor .honor-list .listbox{ /*min-height: 434px;*/ margin-bottom: 20px; } .pc-honor .honor-list .listbox{ min-height: 302px; } .honor-list .listbox .box{ width: 31%; box-sizing: border-box; border:1px solid #dadada; border-radius: 3px; margin-right: 3.5%; margin-bottom: 2%; } .honor-list .listbox .box:nth-child(3n){ margin-right: 0px; } .honor-list .listbox .img{ display: block; } .honor-list .listbox .box img{ display: block; width: 100%; } .honor-list .listbox .box p{ line-height: 55px; text-align: center; height: 55px; font-size: 16px; color: #444; } .honor-list .listbox .box.sp{ position: absolute; top: 0px; left: 50%; margin-left: -15.5%; } /**/ .news-list{ position: relative; overflow: hidden; margin-bottom: 42px; } .news-list .href{ display: block; height: 100%; } .news-list .news-box{ width: 31%; height: 387px; position: relative; background-size: cover; margin-right: 3.5%; margin-bottom: 2% } .news-list .news-box:nth-child(3n){ margin-right: 0px; } .news-list .news-box img{ width: 100%; display: block; } .news-list .news-box span{ position: absolute; display: block; background: #fff; width: 84%; margin-left: 3%; padding:0px 5%; z-index: 1; border-bottom: 10px solid #55b651; overflow: hidden; bottom: 0px; left: 0px; } .news-list .news-box span h2{ line-height: 38px; margin-top: 16px; text-align: left; font-size: 18px; color: #333; margin-bottom: 2px; } .news-list .news-box span p.text{ font-size: 14px; line-height: 26px; color: #666; } .news-list .news-box span p.time{ font-size: 14px; line-height: 35px; color: #999; margin-bottom: 7px; } .news-list .news-box.sp{ position: absolute; top: 0px; left: 50%; margin-left: -15.5%; } .news-list .news-box .spanbox{ margin:0px; padding: 0px; width: 100%; } .news-list .news-box .spanbox .text{ height: 279px; } /**/ .culture-list{ position: relative; margin-bottom: 52px; } .culture-list .culture-box{ width: 31%; height: 374px; background: cover; position: relative; margin-right: 3.5%; margin-bottom: 2%; } .culture-list .culture-box:nth-child(3n){ margin-right: 0px; } .culture-list .culture-box .ex{ position: absolute; display: block; width: 84%; margin-left: 3%; padding: 0px 5%; overflow: hidden; bottom: 0px; left: 0px; background: #55b651; height: 152px; } .culture-list .culture-box .ex.spanbox{ margin: 0px; width: 90%; height: 100%; } .culture-list .culture-box .ex.spanbox .en{ margin-top: 35px; } .culture-list .culture-box .ex.spanbox .text{ height: 242px; overflow: hidden; display: block; font-size: 14px; color: #fff; line-height: 26px; } .culture-list .culture-box .ex .en{ color: #fff; font-size: 18px; font-weight: bold; text-align: left; line-height: 35px; margin-top: 20px; } .culture-list .culture-box .ex .time{ font-size: 14px; color: #fff; line-height: 30px; text-align: left; } .culture-list .culture-box .ex .p-href{ position: absolute; right: 0px; bottom: 10px; } .culture-list .culture-box .ex .p-href{ width: 110px; height: 40px; float: right; background: #fff url(../img/img-15.png) no-repeat 20px center; font-size: 14px; color: #55b651; font-weight: bold; line-height: 40px; padding-left: 40px; } .culture-list .culture-box.sp{ position: absolute; top: 0px; left: 50%; margin-left: -15.5%; } /**/ .job{ margin-bottom: 55px; } .job-box{ margin-bottom: 5px; overflow: hidden; } .job-box .top{ height: 54px; width: 96%; padding:0 2%; background:#f5f5f5 url(../img/img-18.png) no-repeat right 2% center; font-size: 18px; color: #555; line-height: 54px; cursor: pointer; } .job-box .top.cur{ background:#55b651 url(../img/img-19.png) no-repeat right 2% center; color: #FFF; } .job-box .bot{ padding: 2%; font-size: 14px; color: #444; line-height: 36px; display: none; } .job-box .bot .green{ font-size: 14px; color: #55b651; display: block; } .job-box .bot .bold{ font-weight: bold; color: #444; font-size: 14px; } .job-box .bot .sa{ width: 120px; height: 44px; border:1px solid #c9c9c9; display: block; border-radius: 44px; line-height: 44px; font-size: 14px; text-align: center; margin-top: 30px; color: #666; cursor: pointer; } .job-box .bot .sa:hover{ background: #c9c9c9; color: #fff; } /**/ .government{ margin-bottom: 53px; } .gov-box{ padding: 3%; border:1px solid #ededed; margin-bottom: 13px; position: relative; } .gov-box span{ display: block; } .gov-box .bt{ font-size: 20px; color: #333333; line-height: 40px; } .gov-box .time{ line-height: 30px; margin-bottom: 8px; color: #666; } .gov-box .text{ line-height: 26px; font-size: 14px; color: #666; } .gov-box .top{ width: 0px; height: 2px; background: #55b651; top: 0px; right: 0px; display: block; position: absolute; } .gov-box .bottom{ width: 0px; height: 2px; background: #55b651; bottom: 0px; left: 0px; display: block; position: absolute; } .gov-box .left{ width: 2px; height: 0px; background: #55b651; top: 0px; left: 0px; display: block; position: absolute; } .gov-box .right{ width: 2px; height: 0px; background: #55b651; bottom: 0px; right: 0px; display: block; position: absolute; } /**/ .product-list{ margin-bottom: 4%; } .product-box{ width: 22%; box-sizing: border-box; /* width: -webkit-calc(22% - 2px);*/ border:1px solid #d6d6d6; margin-right: 4%; float: left; } .product-box img{ display: block; width: 100%; } .product-box p{ height: 48px; line-height: 48px; text-align: center; border-top: 1px solid #d6d6d6; font-size: 14px; color: #333; } .product-box:hover p{ color: #59B455; } /**/ .product-infobox{ position: relative; } .product-infobox .box{ width: 32%; box-sizing: border-box; border:1px solid #d6d6d6; margin-right: 2%; } .product-infobox .box:nth-child(3n){ margin-right: 0px; } .product-infobox .box img{ display: block; width: 100%; } .product-infobox .box.sp{ position: absolute; top: 0px; left: 50%; margin-left: -16%; } .produdct-text{ margin-top: 53px; } /**/ .about-info img{ min-width: 100%; display: block; text-align: center; } /**/ .news-info h2{ text-align: center; line-height: 35px; } .news-info .time{ text-align: center; line-height: 24px; display: block; } .news-info .text{ margin: 10px 0px; } .news-info .text img{ display: block; max-width: 100%; margin: 0 auto; } .pagebox{ margin-top: 10px; } .pagebox a{ display: block; } .pagebox .fl a{ color: #333; } .pagebox .fl a:hover{ color: #cdcdcd; } .pagebox .fr a{ width: 80px; height: 30px; text-align: center; line-height: 30px; color: #333; border:1px solid #cdcdcd; font-size: 14px; } .pagebox .fr a:hover{ background: #cdcdcd; } .mobile{ width: 59px; height: 59px; float: right; position: relative; background-size: 60%; z-index: 999; display: none; } .ani.cur{ background:url(../img/img-25.png) no-repeat center; background-size: 60%; transition: all 1s; } .ani{ width: 59px; height: 59px; background: url(../img/img-22.png) no-repeat center; background-size: 60%; display: block; transition: all 1s; } .mobile ul{ float: none; position: absolute; top: 59px; right: 0px; border-top: 1px solid #e8e8e8; display: none; background: #fff; } .mobile ul li{ width: 100%; float: none; text-align: center; } .mobile ul li .pt{ border-bottom: 1px solid #e0e0e0; background:url(../img/img-23.png) no-repeat right 2% center; background-size: 10px; } .mobile ul li .pt.cur{ background:url(../img/img-24.png) no-repeat right 2% center; background-size: 17px; } .mobile ul li a{ display: block; height: 28px; background: #fff; color: #666; font-size: 16px; line-height: 28px; font-size: 14px; } .mobile .span{ display: none; } .mobile .span a{ border-bottom: 1px solid #e0e0e0; background:#f4f4f4; } .banner img{ display: block; width: 100%; } .mobile-banner{ overflow: hidden; display: none; } .mobile-banner img{ display: block; width: 100%; } .mobile-news .news-list .news-box{ width: 48%; } .mobile-news{ display: none; } .mobile-honor{ display: none; } .moblie-culture { display: none; } .moblie-culture .culture-list .culture-box{ width: 48%; } .pobu .swiper-slide a{ display: block; } .applay-tb tr td { padding: 8px 6px; border: 0; border-width: 1px 1px 0 0; font-size: 14px; } .applay-tb .applay-input { width: 180px; height: 18px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; } .applay-tb .spred { font-size: 18px; font-family: Arial; color: #F00; margin-left: 12px; } .applay-tb textarea.applay-input { width: 921px; height: 100px; } .applay-tb .applay-input.code { width: 90px; margin-right: 8px; } .applay-tb .submit { width: 150px; height: 35px; background: #56B652; font-size: 16px; color: #fff; cursor: pointer; } .applay-tb input.submit { border: 0; margin: 0; cursor: pointer; } .applay-tb select.applay-input { height: 34px; width: 202px; } .applay-tb .applay-input { width: 180px; height: 18px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; -webkit-appearance: none; } .new-bg{ height: 41px; width: 100%; position: fixed; top: 140px; left: 0px; background: #fff; display: none; } /**/ @media (max-width: 1200px) and (min-width:375px ) { .mobile ul li a{ height: 40px; line-height: 40px; font-size: 16px; } } @media (max-width: 1200px) { .w1200{ width: 100%; transition: all 0.5s; } .wel-newsbox .fll .tj img{ width: 42%; display: block; } .wel-newsbox .fll .tj .textbox{ width: 55%; margin-left: 3%; } .wel-newsbox .fll .tj .textbox .text{ font-size: 14px; color: #666; line-height: 24px; margin-top: 4px; display: block; height: 69px; overflow: hidden; } .mobile{ display: block; margin-top: 18px; } .header-nav .header-navbox .nav-a{ display: none; } .header-nav .header-navbox .welcome-submit{ display: none; } .wel-productbox{ height: auto; } .bread{ display: none; } .about-nav{ display: none; } .about-navbox{ display: none; } .about-main{ width: 96%; } .about-four{ background:none; } .about-four .box{ width: 100%; box-sizing: border-box; /*width: -webkit-calc(88% - 4px);*/ padding: 18px 6%; min-height: 0; } } @media (max-width: 750px) { .culture-list .culture-box{ width: 48%; margin-right: 2%; } .culture-list .culture-box:nth-child(3n){ margin-right: 2%; } .news-list .news-box{ width: 48%; margin-right: 2%; } .news-list .news-box:nth-child(3n){ margin-right: 2%; } .honor-list .listbox .box{ width: 48%; margin-right: 2%; } .honor-list .listbox .box:nth-child(2n){ margin-right: 0px; } .honor-list .listbox .box:nth-child(3n){ margin-right: 2%; } .h-140{ height: 61px; } .about-box span{ width: 130px; } .w1200{ width: 100%; transition: all 0.5s; } .wel-productbox .frr{ display: none; } .wel-productbox .fll{ width: 96%; padding:3% 2%; height: auto; } .wel-product{ background: #fff; } .wel-productbox{ height: auto; } .wel-newsbox .fll{ float: none; width: 96%; padding: 3% 2% 0px; height: auto; display: block; overflow: hidden; } .wel-newsbox .fll .tj{ padding: 19px 0; } .wel-newsbox .fll .tj img{ width: 42%; height: auto; } .wel-newsbox .fll .tj .textbox h2{ margin-top: 0px; font-size: 12px; } .wel-newsbox .more-ch{ padding-bottom: 12px; } .wel-newsbox .fll .tj .textbox .text{ font-size: 12px; line-height: 18px; height: 39px; margin-top: 0px; overflow: hidden; } .wel-newsbox .list{ margin: 10px 0; } .wel-newsbox .list li p.fl{ line-height: 25px; font-weight: bold; } .wel-newsbox .list li p.fr{ line-height: 25px; } .wel-newsbox .frr{ float: none; width: 96%; padding: 3% 2% 0px; height: auto; display: block; overflow: hidden; margin-top: 10px; } .wel-newsbox .list li{ padding-left: 16px; } .wel-thrbox{ height: auto; } .wel-thrbox .box{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .wel-thrbox .box.spl{ position: relative; } .wel-thrbox .box.spl{ position: relative; } .wel-thrbox .box.spr{ position: relative; } .wel-thrbox .box span .small{ display: none; } .wel-thrbox .box a.href{ display: none; } .wel-thrbox .box img{ margin: 19px 5% 19px 20%; display: block; float: left; } .wel-thrbox .box span .big{ line-height: 106px; } .wel-thrbox .box span{ margin-bottom: 0px; float: left; width: auto; } .wel-release{ padding-top: 20px; } .wel-releasebox .ch{ margin-bottom: 17px; } .footer-top{ display: none; } .footer-bot{ position: relative; height: 110px; } .shart{ width: 100%; position: absolute; top: 0px; left: 0px; text-align: center; } .shart .jiathis_style{ display: inline-block; } .footer-bot .p1{ position: absolute; width: 100%; text-align: center; top: 54px; left: 0px; line-height: 24px; } .footer-bot .p2{ position: absolute; width: 100%; text-align: center; top: 60px; line-height: 24px; height: 24px; left: 0px; } .header .head{ display: none; } .header-nav .header-navbox{ height: 59px; } .header-nav .header-navbox .logo img{ height: 45px; margin-top: 7px; } .header-nav .header-navbox .nav-a{ display: none; } .header-nav .header-navbox .welcome-submit{ display: none; } .mobile{ display: block; margin-top: 0px; } .mobile-banner{ display: block; } .banner{ display: none; } .wel-releasebox{ padding-bottom: 22px; } .about-main{ width: 96%; } .cooperation-list .hlist .listbox p{ font-size: 12px; line-height: 37px; text-align: center; } .cooperation-list{ padding-bottom: 11px; } .about-main{ padding-bottom: 28px; } .job-box .top{ background-size: 7%; line-height: 40px; height: 40px; font-size: 15px; } .h2{ font-size: 20px; line-height: 50px; } .gov-box .bt { font-size: 16px; color: #333333; line-height: 24px; } .product-box{ width: 46%; box-sizing: border-box; border: 1px solid #d6d6d6; margin-right: 2%; margin-left: 2%; float: left; margin-bottom: 4%; } .product-list{ margin-bottom: 0px; } .wel-newsbox .more-ch{ font-size: 17px; } .wel-newsbox .en{ font-size: 16px; } .contact-map{ height: 326px; } .cooperation-list .hlist .listbox{ width: 48%; margin-right: 2%; } .cooperation-list .hlist .listbox:nth-child(3n){ margin-right: 2%; } .cooperation-list .hlist .listbox:nth-child(2n){ margin-right: 0px; } .product-infobox .box{ float: none; width: 100%; box-sizing: border-box; border: 1px solid #d6d6d6; display: block; margin-bottom: 5px; } .culture-list .culture-box .ex.spanbox .text{ height: 180px; } .culture-list .culture-box .ex .en{ height: 35px; overflow: hidden; } .pagebox .fl{ float: none; display: block; } .pagebox .fr{ float: none; display: block; margin-top: 10px; } .pagebox .fr a{ float: left; width: 60px; line-height: 24px; height: 24px; } .applay-tb td:nth-child(2n+1) { float: left; width: 20%; padding-right: 10px; margin-top: 5px; } .applay-tb td { display: block; position: relative; } .applay-tb textarea.applay-input { width: 62%; } .applay-tb .submit { position: relative; display: block; margin: 20px 0 0 20%!important; left: 14px; } .applay-tb input[type="file"] { width: 180px; } }