@charset "utf-8"; /* CSS Document */ body{ font-family:"微软雅黑", Arial; font-size:13px;} *{ margin:0; padding:0; list-style:none; border:0; } a{ color:#333333; text-decoration:none;} a:hover{ color:#026ae0; text-decoration:none;} a:link{text-decoration:none;} .out_box{width:100%; min-width:350px; margin:0px auto 0px auto;} .head{ width:100%; height:200px; background:#026ae0;} .sy_top{ width:100%; position:relative;} .mybox {position: fixed; z-index: 999; left: 0;bottom: 200px; width: 160px;min-height: 100px;} /**********************首页pc导航***********************/ .sy_daohang_box{ width:100%; height:113px; margin:0 auto 0 auto; background:rgba(10,57,101,0.7); position:absolute; z-index:9999999;} .sy_daohang_box .daohang_cont{ width:1200px; height:113px; max-width:98%; margin:0 auto 0 auto; } .sy_daohang_box .daohang_cont::after{ display:block; content:""; clear:both;} .sy_daohang_box .daohang_cont .logo_lie{ float:left; margin-top:20px; margin-left:10px; } .sy_daohang_box .daohang_cont .logo_lie img{ height:70px; } .sy_lang{ margin-top:16px; float:right; margin-right:27px;} .sy_lang li{ float:left; height:20px; line-height:20px; font-size:14px; margin-left:15px; } .sy_lang li:nth-child(1){ background:url(../images/gq_06.png) left no-repeat} .sy_lang li:nth-child(2){ background:url(../images/gq_08.png) left no-repeat} .sy_lang li a{ display:block; color:#FFF; padding-left:35px;} .home_dh{ display:table; float:right; right:0; margin-top:0px; margin-right:10px; padding-bottom:50px; } .home_dh li{ float:left; height:67px; line-height:67px; font-size:1.12em; position:relative; } .home_dh li a{ display:block; color:#FFF; padding:0 1.1em 0 1.1em} .home_dh li a:hover{ color:#026ae0; background:rgba(245,245,245,1); text-decoration:none;} .home_dh li:hover a{ color:#026ae0; background:rgba(245,245,245,1); } .home_dh li:hover .er_dh_box{ display:block; transform:1s} .home_dh .er_dh_box{ width:220px; display:none; background:rgba(245,245,245,1); transition:1s; position:absolute; margin-top:0px; left:0; right:0; padding:0 0 0 0; box-shadow:0 10px 10px rgba(102,102,102,0.2)} .home_dh .er_dh_box .er_dh_lies{ width:100%; margin:0 auto 0 auto; font-size:13px; border-bottom:1px #dfdfdf dotted } .home_dh .er_dh_box .er_dh_lies a{ line-height:20px; padding:15px 8px 12px 8px; color:#333; } .home_dh .er_dh_box .er_dh_lies a:hover{ color:#0059bd; } .home_dh .er_dh_box .er_dh_lies:hover{ background:#e7e1e1;} @media (max-width:1229px){ .sy_daohang_box{background:rgba(10,57,101,1); position:relative;} .home_dh,.sy_lang{ display:none} .sy_daohang_box{ height:6.1em; } .sy_daohang_box .daohang_cont{ height:6.1em; } .sy_daohang_box .daohang_cont .logo_lie{ margin-top:10px; } .sy_daohang_box .daohang_cont .logo_lie img{ width:165px; height:auto; } } .banner{ width:100%; height:800px; margin:0 auto 100px auto; background: center no-repeat; position:relative;} .sy_m_banner{ width:100%; display:none; margin:6.1em auto 90px auto; } @media (max-width:1144px){ .banner{ display:none;} .sy_m_banner{ display:block;} } /*********************首页************************/ .sy_titles{width:1200px; max-width:97%; margin:0 auto 0 auto; text-align:center; font-size:30px;} .sy_titles p{ font-family:Arial; font-size:14px; text-transform:uppercase; color:#999999; } .sy_more{ width:11em; height:3.3em; line-height:3.3em; margin:0px auto 0 auto; background:#a3becc; font-size:1.2em; text-align:center;} .sy_more a{ display:block;} /*********************首页产品中心************************/ .sy_product_box{ width:1200px; max-width:95%; margin:0 auto 4.9em auto; } .sy_product_box::after{ display:block; content:""; clear:both;} .sy_product_fenlei{ width:100%; margin:3.3em auto 1.8em auto; } .sy_product_fenlei_box{ display:table; margin:0 auto 0 auto;} .sy_product_fenlei_box li{ float:left; font-size:1.2em; margin-bottom:10px; border-right:1px #333333 solid; margin-right:10px} .sy_product_fenlei_box li a{ padding:0 10px 0 0;} .sy_product_fenlei_box li:nth-last-child(1){margin-right:0; border-right:0;} .sy_product_box .sy_product_cont{ width:100%; } .sy_product_box .sy_product_cont::after{ display:block; content:""; clear:both;} .sy_pro_list{ width:380px; float:left; overflow:hidden; margin-bottom:20px; position:relative; margin-left:30px;} .sy_pro_list img{ width:100%; height:302px;} .sy_pro_list:hover .word{ display:block;} .sy_pro_list .word{ width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; position:absolute; background:rgba(102,153,255,0.8); overflow:hidden; bottom:0; display:none;} .sy_pro_list .word a{ display:block; color:#FFF;} .sy_pro_list .word a:hover{ color:#44e7ff; } .sy_pro_list:nth-child(1){ width:790px; margin-left:0px;} .sy_pro_list:nth-child(2){ margin-left:30px;} .sy_pro_list:nth-child(3){ margin-left:0px;} @media (max-width:1263px){ .sy_pro_list{ width:48%; margin-left:0px; float:left;} .sy_pro_list img{ width:100%; height:auto;} .sy_pro_list:nth-child(1){ width:100%; margin-left:0px;} .sy_pro_list:nth-child(2){margin-left:0px; } .sy_pro_list:nth-child(3){ float:right;} .sy_pro_list:nth-child(4){ margin-left:0px; float:right;} .sy_pro_list .word{ display:block} .sy_product_box .sy_more{margin:0px auto 0 auto;} } /*********************首页关于我们************************/ .sy_about_box{width:1200px; max-width:100%; margin:0px auto 0px auto;} .sy_about_box::after{ display:block; content:""; clear:both;} .sy_about_cont{ width:1200px; max-width:100%; margin:38px auto 0 auto;} .sy_about_cont .left{ width:500px; height:600px; float:left; background:url(../images/about.jpg) right top no-repeat; background-color:#17aee7; color:#FFF; overflow:hidden; } .sy_about_cont .left a{ color:#FFF;} .sy_about_cont .left .titles{ width:90%; margin:42px auto 15px auto; font-size:24px;} .sy_about_cont .left .word{ width:90%; margin:0 auto 0 auto; font-size:16px; line-height:32px; } .sy_about_cont .left .shiping{ width:90%; height:243px; margin:20px auto 0 auto; background:#333} .sy_about_cont .right{ width:700px; height:600px; float:left; background:#eeeeee;} .sy_about_cont .right .shuzi_box{ width:97%; height:300px; padding:57px 0 0 0; margin:0 auto 0 auto; } .sy_about_cont .right .shuzi_box .titles{ width:100%; text-align:center; margin-bottom:44px; color:#999999; font-size:18px;} .sy_about_cont .right .shuzi_box .shuzi_cont{ width:100%; } .sy_about_cont .right .shuzi_box .shuzi_cont .shuzi_lie{ width:25%; float:left; text-align:center; color:#ff3e2f; font-size:50px;} .sy_about_cont .right .shuzi_box .shuzi_cont .shuzi_lie span{ font-size:18px;} .sy_about_cont .right .shuzi_box .shuzi_cont .shuzi_lie p{ color:#666666; font-size:12px;} .sy_about_cont .right .shuzi_box .shuzi_cont::after{ display:block; content:""; clear:both;} .sy_about_cont .right .sy_lianxi_box{ width:50%; height:300px; float:left; background:url(../images/Index_100.jpg) bottom center no-repeat; background-color:#e91000; position:relative; padding:35px 23px 0 23px;} .sy_about_cont .right .sy_lianxi_box .sy_lianxi{ width:99%; float:left; } .sy_about_cont .right .sy_lianxi_box .sy_lianxi .titles{ font-size:24px; color:#fff; } .sy_about_cont .right .sy_lianxi_box .sy_lianxi .dizhi,.sy_about_cont .right .sy_lianxi_box .sy_lianxi .dianhua{ color:#fff; padding-left:37px; font-size:16px;} .sy_about_cont .right .sy_lianxi_box .sy_lianxi .dianhua{ background:url(../images/dh.png) 0 0 no-repeat; margin-top:20px; line-height:30px; } .sy_about_cont .right .sy_lianxi_box .sy_lianxi .dizhi{ background:url(../images/weizhi.png) 0 0 no-repeat; margin-top:15px; line-height:26px;} .sy_about_cont .right .sy_lianxi_box .more{ width:88px; height:28px; line-height:28px; text-align:center; float:right; border:1px #FFFFFF solid; position:absolute; top:34px; right:30px;} .sy_about_cont .right .sy_lianxi_box .more a{ display:block; color:#fff;} .sy_about_cont .right .sy_wenhua_box{ width:50%; height:300px; float:left; background:url(../images/Index_101.jpg) bottom center no-repeat; background-color:#6b5d4a; padding:35px 23px 0 23px;} .sy_about_cont .right .sy_wenhua_box .more{ width:88px; height:28px; line-height:28px; text-align:center; margin-bottom:20px; border:1px #FFFFFF solid;} .sy_about_cont .right .sy_wenhua_box .more a{ display:block; color:#fff;} @media (max-width:1199px){ .sy_about_cont .left{ width:100%; height:auto; padding-bottom:30px; } .sy_about_cont .right{ width:100%; } .sy_about_cont .right{ height:auto; } .sy_about_cont .right .shuzi_box{height:auto; padding-bottom:55px; } } @media (max-width:695px){ .sy_about_cont .right .shuzi_box .shuzi_cont .shuzi_lie{ width:50%; margin-bottom:20px;} .sy_about_cont .right .sy_lianxi_box{ width:100%; } .sy_about_cont .right .sy_wenhua_box{ width:100%;} .sy_about_cont .right .sy_wenhua_box .more{ width:100%; height:70px; font-size:26px; line-height:70px; text-align:center; margin-bottom:20px; border:1px #FFFFFF solid;} } /*********************首页应用领域************************/ .sy_yyly_box{ width:100%; padding:92px 0 67px 0; background:url(../images/Index_02.jpg) bottom center no-repeat; background-color:#4094d4;} .sy_yyly_box::after{ display:block; content:""; clear:both;} .sy_yyly_box .sy_titles{ color:#FFF; margin-bottom:60px;} .sy_yyly_box .sy_titles p{ color:#b2cee7; } .sy_yyly_box .yyly_cont{ width:1200px; max-width:97%; margin:0 auto 0 auto; } .sy_yyly_box .yyly_cont .yyly_lie{ width:25%; float:left; margin-bottom:40px;} .sy_yyly_box .yyly_cont .yyly_lie .pic{ width:74%; margin:0 auto 0 auto; border-radius:100%; overflow:hidden; border:4px rgba(255,255,255,0.7) solid;} .sy_yyly_box .yyly_cont .yyly_lie .pic img{ width:100%;} .sy_yyly_box .yyly_cont .yyly_lie .word{ width:74%; margin:18px auto 0 auto; text-align:center; line-height:22px; color:#FFF; font-size:19px;} @media (max-width:744px){ .sy_yyly_box .yyly_cont .yyly_lie{ width:50%; } } /*********************首页新闻资讯************************/ .sy_news_box{width:1200px; max-width:95%; margin:0 auto 0 auto;} .sy_news_cont{ width:100%; margin:56px auto 0 auto;} .sy_news_cont::after{ display:block; content:""; clear:both; } .sy_news_box .sy_more{ margin-top:0px;} .sy_news_list{ width:49%; float:left;} .sy_news_list:nth-child(2n){ float:right;} .sy_news_list:nth-child(1),.sy_news_list:nth-child(2){ margin-bottom:50px;} .sy_news_list .riqi{ width:88px; height:88px; color:#878787; font-size:38px; text-align:center; border-radius:6px; float:left; background:#dcdcdc; padding-top:7px;} .sy_news_list .riqi p{ font-size:12px; padding:0; margin:0;} .sy_news_list .word{ width:73%; height:90px; float:left; margin-left:3%; } .sy_news_list .word .biaoti{ width:100%; height:20px; line-height:20px; overflow:hidden; font-size:1.3em; margin:7px 0 13px 0;} .sy_news_list .word .jianjie{ width:100%; height:48px; font-size:1em; color:#999999; line-height:1.7em; overflow:hidden; } @media (max-width:845px){ .sy_news_list{ width:100%; margin-bottom:50px;} .sy_news_box .sy_more{ margin-top:0px;} .sy_news_list:nth-last-child(1){ margin-bottom:0px;} } @media (max-width:380px){ .sy_news_list .word{width:70%;} } /*********************首页行情************************/ .sy_hq_hz_box{ width:1200px; max-width:95%; margin:7.5em auto 9.4em auto;} .sy_hq_hz_box::after{ display:block; content:""; clear:both;} .sy_hh_top{ width:100%; border-bottom:1px #b5b5b6 solid; line-height:40px; } .sy_hh_top::after{display:block; content:""; clear:both;} .sy_hh_top .left{ float:left; margin-left:10px; font-size:19px;} .sy_hh_top .right{ float:right; margin-right:10px;} .sy_hh_top .right a{ color:#b5b5b6;} .sy_hh_top .right a:hover{ color:#026ae0; text-decoration:none;} .sy_hangqing_box{ width:548px; float:left; } .sy_hangqing_box .cont{ width:100%; margin:15px 0 0 0;} .sy_hezuo_box{ width:608px; float:right;} .sy_hezuo_box .cont{ width:100%; margin:15px 0 0 0;} .sy_hezuo_box .cont .logo_lie{ width:50%; float:left; text-align:center; border-top:1px #e2e2e9 solid; border-right:1px #e2e2e9 solid;} .sy_hezuo_box .cont .logo_lie img{ max-width:100%; height:119px;} .sy_hezuo_box .cont .logo_lie:nth-child(2n-1){ border-left:1px #e2e2e9 solid;} .sy_hezuo_box .cont .logo_lie:nth-last-child(1){ border-bottom:1px #e2e2e9 solid;} .sy_hezuo_box .cont .logo_lie:nth-last-child(2){ border-bottom:1px #e2e2e9 solid;} @media (max-width:1250px){ .sy_hangqing_box{ width:100%} .sy_hezuo_box{ width:100%; margin-top:50px;} .sy_hezuo_box .cont .logo_lie{ width:25%; border:1px #e2e2e9 solid; border-right:0;} .sy_hezuo_box .cont .logo_lie:nth-last-child(1){ border-right:1px #e2e2e9 solid;} } @media (max-width:882px){ .sy_hezuo_box .cont .logo_lie{ width:50%; border:0; border-right:1px #e2e2e9 solid; border-top:1px #e2e2e9 solid; } .sy_hezuo_box .cont .logo_lie:nth-child(2n-1){ border-left:1px #e2e2e9 solid;} .sy_hezuo_box .cont .logo_lie:nth-last-child(1){ border-bottom:1px #e2e2e9 solid;} .sy_hezuo_box .cont .logo_lie:nth-last-child(2){ border-bottom:1px #e2e2e9 solid;} } .sy_more,.sy_product_box .sy_more,.sy_news_box .sy_more{margin-top:0px; margin-bottom:0px;} .sy_about_box,.sy_product_box,.sy_yyly_box,.sy_news_box,.sy_hq_hz_box{ margin-top:0px; margin-bottom:100px;} .sy_product_box .sy_more{ margin-top:30px;} .sy_news_box .sy_more{ margin-top:50px;} /*********************************************/ .nei_head_bj{ width:100%; background:#074885; } .nei_head{ width:1200px; height:6.1em; max-width:98%; margin:0 auto 0 auto; } .nei_head::after{ display:block; content:""; clear:both;} .nei_head .logo{ width:165px; float:left; margin-top:1.1em; } .nei_head .logo img{ width:100%;} .nei_head::after{ display:block; content:""; clear:both;} /*******************************内页导航************************************/ .nei_nav{ width:auto; line-height:6.1em; float:right; } .nei_nav li{ float:left; position:relative; font-size:1.12em;} .nei_nav .eng{ background-color:#2b7bbb; background:url(../images/gq_08.png) 0.6em 2.1em no-repeat} .nei_nav .eng a{padding:0 1em 0 3em} .nei_nav .eng a:hover{ background:url(../images/gq_08.png) 0.6em 2.1em no-repeat; background-color:#2b7bbb;} .nei_nav li a{ display:block; padding:0 1.1em 0 1.1em} .nei_nav li a:hover{ background-color:#2b7bbb; color:#FFF;} .nei_head_bj .nei_nav li a{ color:#FFF; display:block; padding:0 1.1em 0 1.1em} .nei_head_bj .nei_nav .eng a{padding:0 1em 0 3em} .nei_nav li:hover a{ background-color:#2b7bbb; color:#FFF;} .nei_nav li:hover .er_dh_box{ display:block; transform:1s} .nei_nav li .er_dh_box{ width:220px; display:none; background:rgba(245,245,245,1); transition:1s; position:absolute; z-index:55; margin-top:0; left:0; padding:0; box-shadow:0 10px 10px rgba(102,102,102,0.1)} .nei_nav li .er_dh_box .er_dh_lies{ width:100%; margin:0 auto 0 auto; font-size:13px; border-bottom:1px #dfdfdf dotted } .nei_nav li .er_dh_box .er_dh_lies a{ line-height:20px; background:rgba(245,245,245,1); padding:15px 8px 12px 8px; color:#333; } .nei_nav li .er_dh_box .er_dh_lies a:hover{ color:#0059bd; background-color:#e7e1e1; } .nei_nav li .er_dh_box .er_dh_lies:hover{ background:#e7e1e1;} @media (max-width:1229px){ .nei_nav{ display:none;} } .mobile_nav{ width:130px; margin:28px 0 0 0; float:right; position:relative; cursor:pointer; display:none; } .mobile_nav .language_box{ width:75px; height:31px; text-align:center; line-height:31px; float:left; font-size:16px; color:#FFF;margin-right:20px;} .mobile_nav .language_box a{ display:block; color:#FFF;} .mobile_nav .anniu{ width:40px; float:right; } .mobile_nav .m_er_dh{ width:100%; height:100%; position:fixed; left:0; right:0; top:6.1em; z-index:999; display:none; background:#3384c5;} .mobile_nav .m_er_dh .m_er_dh_cont{ width:97%; height:85%; margin-top:2%; margin:2% auto 0 auto; position:relative; padding-bottom:10px; overflow-y:auto; } .nei_souji_list{ width:100%;} .nei_souji_list li{ border-bottom:1px rgba(255,255,255,0.3) dotted; line-height:21px; margin-top:10px;} .nei_souji_list li a{ display:block; color:rgba(255,255,255,0.9); padding:2px 8px 8px 8px;} .nei_souji_list .biaoti{width:100%; line-height:30px; font-size:18px; border-bottom:1px rgba(255,255,255,0.8) solid;} .nei_souji_list .biaoti a{ color:#FFF;} @media (max-width:1229px){ .mobile_nav{display:block;} .sy_daohang_box{ position:fixed; top:0; } .nei_head_bj{position:fixed; z-index:99999; top:0;} body{ padding-top:6.1em;} } /*******************************内页banner************************************/ .nei_banner{ width:100%; min-width:100%; height:120px; margin-bottom:30px; background:#3384c5;} .location{ width:100%; border-bottom:1px #aaaaaa dotted; padding:0px 0px 18px 0px;;} .location::after{ display:block; content:""; clear:both;} .location .cont{ width:1200px; max-width:98%; margin:22px auto 0px auto;} .location .cont .word{ float:right; background: url(../images/location_03.jpg) 0px 0px no-repeat; padding-left:32px;} .nei_cont{ width:1200px; max-width:95%; margin:60px auto 0px auto; } .nei_cont::after{ display:block; content:""; clear:both;} .nei_cont_margin_about{ margin-top:10px;} /*******************************关于我们************************************/ .about_box{ width:100%; background:#f5f5f5; margin:7px auto 0px auto; padding:10px 0 10px 0;} .about_box::after{display:block; content:""; clear:both;} .about_cont{ width:1200px; max-width:97%; margin:0 auto 0 auto; position:relative; } .about_cont::after{display:block; content:""; clear:both;} .about_cont .fenlei{ position:absolute; right:10px; top:27px; } .about_cont .fenlei .fenlei_lie{ width:168px; height:42px; text-align:center; line-height:42px; font-size:16px; background:#296fb7; float:left; color:#FFF; } .about_cont .fenlei .fenlei_lie a{ display:block;} .about_cont .fenlei .fenlei_lie:nth-child(1) a{ color:#FFF } .about_cont .fenlei .fenlei_lie:nth-child(2){ background:#e1e8f1; color:#333333; margin-left:10px;} .about_cont .pic{ float:left; width:276px; height:356px; background:#6CF; margin:20px 0 20px 0;} .about_cont .jieshao{ width:867px; float:left; margin-left:29px; margin-top:85px; font-size:1em; color:#777777; line-height:33px;} .about_cont .jieshao .biaoti{ line-height:25px; color:#212020; font-size:28px;} .about_cont .jieshao .biaoti p{ color:#c9c8c8; font-family:Arial; text-transform:uppercase; font-size:26px; margin-top:13px;} @media (max-width:1212px){ .about_cont .jieshao{ width:70%;} } @media (max-width:1050px){ .about_cont .pic{ display:none;} .about_cont .jieshao{ width:100%; margin-left:0; margin-top:120px; margin-bottom:40px;} } @media (max-width:372px){ .about_cont .fenlei .fenlei_lie{ width:155px;} } /*******************************简介内容************************************/ .fenlei_nav{ width:1200px; max-width:98%; margin:20px auto 20px auto; } .fenlei_nav .lanmu_fenlei{ width:964px; max-width:100%; margin:0 auto 0 auto;} .fenlei_nav .lanmu_fenlei::after{ display:block; content:""; clear:both;} .fenlei_nav .lanmu_fenlei li{ width:24%; height:57px; line-height:57px; text-align:center; font-size:1em; float:left; margin-left:1.2%; background:#e1e8f1;} .fenlei_nav .lanmu_fenlei li a{ display:block; color:#333; transition:0.5s;} .fenlei_nav .lanmu_fenlei li a:hover{ background:#296fb7; color:#fff; transition:0.2s;} .fenlei_nav .lanmu_fenlei li:nth-child(1){ margin-left:0;} @media (max-width:529px){ .fenlei_nav .lanmu_fenlei li{ width:49.5%; margin-left:0; margin-bottom:3px; } .fenlei_nav .lanmu_fenlei li:nth-child(2n){ float:right} .fenlei_nav .lanmu_fenlei li:nth-child(2n-1){ float:left} } .gongsijianjie_box{width:100%; background:#f5f5f5; margin:7px auto 0px auto; padding:50px 0 50px 0;} .gongsijianjie_box::after{ display:block; content:""; clear:both;} .gongsijianjie_cont{ width:1200px; max-width:97%; margin:0 auto 0 auto; position:relative; } .gongsijianjie_cont .biaoti{ line-height:25px; color:#212020; font-size:28px;} .gongsijianjie_cont .biaoti p{ color:#c9c8c8; font-family:Arial; text-transform:uppercase; font-size:26px; margin-top:13px;} .gongsijianjie_cont .word{ width:100%; font-size:15px; color:#777777; line-height:33px;} .gongsihuanjin{ width:1200px; max-width:97%; margin:30px auto 0 auto;} .gongsihuanjin .lie_box{ width:16.6%; float:left; margin-bottom:15px; } .gongsihuanjin .lie_box .pic{ width:94%; margin:0 auto 0 auto;} .gongsihuanjin .lie_box .pic img{ width:100%;} .gongsihuanjin .lie_box .word{ width:94%; margin:10px auto 0 auto; text-align:center; line-height:30px; font-size:13px;} @media (max-width:947px){ .gongsihuanjin .lie_box{ width:33.3%; float:left; } } @media (max-width:579px){ .gongsihuanjin .lie_box{ width:50%; float:left; } } .video_box{width:1200px; max-width:97%; margin:70px auto 80px auto; } .video_box .biaoti{ line-height:25px; color:#212020; font-size:28px;} .video_box .biaoti p{ color:#c9c8c8; font-family:Arial; text-transform:uppercase; font-size:26px; margin-top:13px;} .video_box .cont{ width:100%; margin-top:20px; background:#000} .zgs_box{width:1200px; max-width:97%; margin:70px auto 80px auto; } .zgs_box .biaoti{ line-height:25px; color:#212020; font-size:28px;} .zgs_box .biaoti p{ color:#c9c8c8; font-family:Arial; text-transform:uppercase; font-size:26px; margin-top:13px;} .zgs_box .cont{ width:100%; margin-top:20px; font-size:15px; line-height:33px; } /*******************************发展历程************************************/ .liecheng_box{ width:95%; margin:0 auto 0 auto; border-left:1px #CCCCCC dashed; padding:30px 0 30px 0; position:relative;} .liecheng_box::after{ display:block; content:""; clear:both;} .liecheng_list{ width:100%; position:relative; float:left; margin-bottom:45px; position:relative; } .liecheng_list p{ padding:0; margin:0;} .liecheng_list .riqi{ float:left; width:73px; margin-bottom:20px; line-height:20px; color:#0178bb; font-size:20px; background:url(../images/dian.png) top center no-repeat; padding-top:28px; text-align:center; margin-left:-37px;} .liecheng_list .riqi p{ padding:0; margin:0; font-size:12px; color:#a5a5a5} .liecheng_list .word{ width:90%; float:left; line-height:22px; margin-left:25px; margin-top:10px; } .liecheng_list .word .titles{ font-size:18px; margin-bottom:13px; color:#333} .liecheng_list .word .jianjie{ color:#333; font-size:16px; line-height:24px;} @media (max-width:921px){ .liecheng_box{ width:90%;} } @media (max-width:709px){ .liecheng_box{ width:80%;} .liecheng_list .word{ width:80%; } } @media (max-width:400px){ .liecheng_list .word{ width:68%; } .liecheng_list .word .jianjie{font-size:15px;} } /*******************************单页内容************************************/ .danye_box{width:100%; background:#f5f5f5; margin:7px auto 0px auto; padding:50px 0 50px 0;} .danye_cont{width:1200px; max-width:96%; margin:0px auto 30px auto; font-size:15px; color:#656565; line-height:33px;} .danye_cont img{ max-width:99%;} /*******************************发展历程************************************/ .fzlc_box{ width:1200px; max-width:98%; margin:90px auto 0px auto;} .fzlc_box .title_box{ width:100%; text-align:center;} .fzlc_box .title_box .biaoti{ width:100%; background:url(../images/about_25.jpg) center no-repeat; font-size:2.1em; } .fzlc_box .title_box .engword{ font-family:Arial; font-size:2em; color:#c9c8c8; text-transform:uppercase; padding:0; margin:12px 0 13px 0;} .fzlc_box .title_box .samllword{ width:585px; max-width:90%; margin:0 auto 0 auto; line-height:22px; color:#9d9d9d;} .fzlc_cont{ width:100%; height:418px; overflow-x:auto; overflow-y:hidden; margin-top:75px; } .shijianzhou{ height:330px; background:url(../images/about_40.jpg) left center repeat-x ; } .fzlc_cont::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px; } .fzlc_cont::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); background: #619df2; background:rgba(97,157,242,0.9); } .fzlc_cont::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); border-radius: 10px; background: #EDEDED; background:rgba(237,237,237,0.8);} .shijianlist{ width:383px; float:left; margin-left:10px; overflow:hidden; } .shijianlist:nth-child(even){ margin-left:-180px; margin-right:20px; margin-top:248px;} .shijianlist .left{ width:80px; height:80px; float:left; background:#3c7fdd; color:#FFF; border-radius:500px; font-family:Arial; /*padding-top:9px;*/ line-height:80px; text-align:center; font-size:25px; overflow:hidden;} .shijianlist .left p{ font-size:13px; padding:0; margin:-6px 0 0 0;} .shijianlist .neirong{ width:279px; float:left; margin-left:15px; } .shijianlist .neirong .riqi{ width:100%; margin:0px 0 4px 0; font-size:24px; color:#313131;} .shijianlist .neirong .riqi span{ font-size:13px; color:#9ea8b1;} .shijianlist .neirong .word{ width:100%; height:80px; overflow:hidden; font-size:14px; line-height:20px; color:#333; } /*******************************员工风采************************************/ .fengcai_box{ width:100%; margin:90px auto 0 auto; background:#f5f5f5; padding:90px 0 65px 0;} .fengcai_cont{width:1200px; max-width:98%; margin:0 auto 0 auto;} .fengcai_cont::after{ display:block; content:""; clear:both;} .fengcai_cont .left{ width:227px; height:438px; float:left; background:url(../images/about_65.jpg) center no-repeat; background-color:#3c86be; position:relative;} .fengcai_cont .left .titles{ width:139px; height:60px; color:#FFF; text-align:right; right:26px; top:60px; position:absolute; font-size:30px;} .fengcai_cont .left .titles p{ padding:0px; margin:0px; text-transform:uppercase; color:#95b4d9; font-size:21px; font-family:Arial;} .fengcai_cont .left .more{ width:82px; height:32px; position:absolute; right:26px; bottom:44px; font-size:13px; line-height:32px; text-align:center; color:#bfd8f6; border:1px #bfd8f6 solid;} .fengcai_cont .left .more:hover{ border:1px #78d8fc solid} .fengcai_cont .left .more a{ display:block; color:#bfd8f6;} .fengcai_cont .left .more a:hover{ color:#78d8fc;} .fengcai_cont .right{ width:955px; float:right; } .fengcai_cont .right::after{ display:block; content:""; clear:both;} .yglist{ width:231px; padding-bottom:10px; background:#FFF; float:left; margin-left:10px;} .yglist:nth-child(1){ margin-left:0px;} .yglist .pic{ width:100% background:#6CF} .yglist .pic img{ width:100%;} .yglist .mingzi{ width:90%; height:20px; overflow:hidden; margin:10px auto 6px auto; font-size:15px; text-align:center; color:#474747;} .yglist .mingzi a{ color:#474747;} .yglist .mingzi a:hover{ color:#026ae0;} .yglist .jieshao{ width:90%; height:44px; margin:0px auto 0 auto; color:#999999; font-size:12px; line-height:20px; overflow:hidden; } @media (max-width:1220px){ .fengcai_cont .left{ width:100%; height:auto; float:left; background:none; margin-bottom:20px; border-bottom:1px #CCCCCC solid; padding-bottom:12px;} .fengcai_cont .left .titles{ width:139px; height:32px; line-height:32px; float:left; color:#2172b1; text-align:left; right:0; top:0; position:relative; font-size:22px;} .fengcai_cont .left .titles p{ display:none} .fengcai_cont .left .more{ width:82px; height:32px; position:relative; float:right; right:0; bottom:0; font-size:13px; line-height:32px; text-align:center; border:1px #7a7a7a solid;} .fengcai_cont .left .more a{ color:#7a7a7a;} .fengcai_cont .right{ width:100%; float:right; } .yglist{ width:23%; height:auto; margin-left:2%;} .yglist:nth-child(1){ margin-left:1%;} } @media (max-width:858px){ .fengcai_cont .left{ width:100%; height:auto; float:left; } .fengcai_cont .right{ width:100%; float:right; } .yglist{ width:48%; height:auto; margin-left:1.9%; margin-bottom:10px;} .yglist:nth-child(2n-1){ margin-left:1%;} } /*******************************企业理念************************************/ .linian_box{ width:1200px; max-width:98%; margin:120px auto 0px auto;} .linian_box .title_box{ width:100%; text-align:center;} .linian_box .title_box .biaoti{ width:100%; background:url(../images/about_25.jpg) center no-repeat; font-size:2.1em; } .linian_box .title_box .engword{ font-family:Arial; font-size:2em; color:#c9c8c8; text-transform:uppercase; padding:0; margin:12px 0 13px 0;} .linian_box .title_box .samllword{ width:585px; max-width:90%; margin:0 auto 0 auto; line-height:22px; color:#9d9d9d;} .linian_cont{ width:100%;} .linian_cont::after{ display:block; content:""; clear:both;} .linian_cont .left{ width:762px; float:left; font-size:13px; line-height:30px; margin-top:41px;} .linian_cont .left .more{ width:139px; height:40px; background:#24bdf0; border-radius:4px; line-height:40px; text-align:center; font-size:15px; float:right; margin-top:25px;} .linian_cont .left .more a{ display:block; color:#FFF;} .linian_cont .left .more a:hover{ color:#00fffc;} .linian_cont .right{width:376px; float:right; text-align:center; } .linian_cont .right img{ max-width:95%;} @media (max-width:1180px){ .linian_cont .left{width:100%; margin-bottom:40px;} .linian_cont .right{width:100%; } .linian_cont .left .more{ float:none; margin:30px auto 0 auto;} } /*******************************荣誉资质************************************/ .honors_box{ width:100%; margin:130px auto 0 auto; background:#f5f5f5; padding:90px 0 65px 0;} .honors_cont{ width:1200px; max-width:98%; margin:0px auto 0px auto; } .honors_cont::after{ display:block; content:""; clear:both;} .honors_cont .left{ width:378px; float:left; } .honors_cont .left .titiles{ width:100%; text-align:right; color:#212020; font-size:28px;} .honors_cont .left .titiles p{ padding:0; margin:0 0 20px 0; color:#c9c8c8; font-size:26px; font-family:Arial; text-transform:uppercase;} .honors_cont .left span{ font-size:12px; color:#9b9a9a; line-height:21px;} .honors_cont .left .more{ width:139px; height:40px; background:#24bdf0; border-radius:4px; line-height:40px; text-align:center; font-size:15px; float:right; margin-top:35px;} .honors_cont .left .more a{ display:block; color:#FFF;} .honors_cont .left .more a:hover{ color:#00fffc;} .honors_cont .right{ width:774px; float:right; } .honors_lie{ width:33.3%; float:left;} .honors_list{ width:94%; margin:0 auto 10px auto; position:relative; background:#FFF; overflow:hidden; border:1px #dddddd solid;} .honors_list .pic{ width:96%; margin:2% auto 2% auto; position:relative;} .honors_list .pic img{ width:100%;} .honors_list:hover .more{top:0; transition:0.2s} .honors_list .more{ width:100%; height:100%; position:absolute; top:100%; background:rgba(37,195,247,0.9); z-index:99; transition:0.2s} .honors_list .more .quan{ width:50px; height:50px; border:2px #FFFFFF solid; margin:20% auto 0 auto; overflow:hidden; border-radius:100px; font-size:30px; text-align:center; line-height:45px;} .honors_list .more .quan a{ display:block; color:#FFF} @media (max-width:1180px){ .honors_cont .left{ width:100%; text-align:center;} .honors_cont .left .titiles{ text-align:center;} .honors_cont .left .more{ margin:35px auto 0 auto; float:none;} .honors_cont .right{ width:100%; margin-top:50px;} } @media (max-width:574px){ .honors_lie{ width:50%; float:left;} } /*******************************员工风采列表************************************/ .ygfc_list{ width:25%; float:left; margin-bottom:20px; } .ygfc_list .pic{ width:92%; margin:0 auto 0 auto; background:#6CF} .ygfc_list .pic img{ width:100%;} .ygfc_list .word{width:92%; margin:0 auto 0 auto; background:#FFF; padding-bottom:10px; overflow:hidden;} .ygfc_list .word .mingzi{ width:90%; height:20px; overflow:hidden; margin:10px auto 6px auto; font-size:15px; text-align:center; color:#474747;} .ygfc_list .word .mingzi a{ color:#474747;} .ygfc_list .word .mingzi a:hover{ color:#026ae0;} .ygfc_list .word .jieshao{ width:90%; height:44px; margin:0px auto 0 auto; color:#999999; font-size:12px; line-height:20px; overflow:hidden; } @media (max-width:860px){ .ygfc_list{ width:33.3%; } } @media (max-width:642px){ .ygfc_list{ width:50%; } } /*******************************荣誉资质列表************************************/ .rongyu_list{ width:25%; float:left; margin-bottom:30px; } .rongyu_list .pic{ width:90%; margin:0 auto 0 auto;} .rongyu_list .pic img{ width:100%} .rongyu_list .word{ width:90%; font-size:15px; line-height:34px; height:34px; overflow:hidden; margin:10px auto 0 auto; text-align:center; } @media (max-width:860px){ .rongyu_list{ width:33.3%; } } @media (max-width:642px){ .rongyu_list{ width:50%; } } /*******************************产品列表************************************/ .product_sort{ width:100%; background:#f7f7f7;} .product_sort_cont{ width:1200px; max-width:95%; margin:0 auto 0 auto; padding:1.5em 0 2.3em 0;} .product_sort_cont::after{ display:block; content:""; clear:both;} .product_sort_cont .titles{ font-size:1.3em; color:#2b2b2b; margin-bottom:1.5em;} .product_sort_list{} .product_sort_list li{ float:left; height:15px; line-height:15px; overflow:hidden; color:#878787; font-size:1em; background:url(../images/fenlei_07.jpg) left no-repeat; padding-left:22px; padding-right:20px; margin-bottom:18px; cursor:pointer} .product_sort_list li a{ display:block; color:#878787; } .product_sort_list li:hover{ background:url(../images/fenleixz_07.jpg) left no-repeat;} .product_sort_list .choice{background:url(../images/fenleixz_07.jpg) left no-repeat;} @media (max-width:450px){ .product_sort_list li{ width:33.3%;} } .product_list_box{ width:25%; float:left; margin-bottom:1.8em; } .product_list{ width:95%; float:left; border:1px #ececec solid; position:relative; } .product_list_box:nth-child(4n) .product_list{ float:right;} .product_list_box:nth-child(4n-2) .product_list,.product_list_box:nth-child(4n-1) .product_list{ float:none; margin:0 auto 0 auto;} .product_list .pic{ width:100%;} .product_list .pic img{ width:100%;} .product_list .cont{ width:100%; padding:0 1.1em 0 1.1em; } .product_list .cont .pro_name{ width:100%; height:1.6em; line-height:1.6em; overflow:hidden; font-size:1.2em; color:#202020; margin:1em 0 1em 0; text-align:center;} .product_list .cont .canshu{ width:100%; font-size:0.9em; color:#909090; word-wrap:break-word} .product_list .cont .canshu p{ padding:0; margin:0.3em 0 0 0;} .product_list .anniu_box{ width:92%; height:27px; margin:20px auto 20px auto; bottom:9px; } .product_list .anniu_box .aniu_lie{ width:48%; height:27px; float:left; border-radius:1000px; line-height:27px; padding-left:18%; cursor:pointer; background:url(../images/products_20-02.jpg) 15% 5px no-repeat; background-color:#296fb7;} .product_list .anniu_box .aniu_lie:nth-child(2){ float:right; background:url(../images/products_20.jpg) 15% 5px no-repeat; background-color:#d60808;} .product_list .anniu_box .aniu_lie a{ display:block; color:#FFF;} .product_list .anniu_box .aniu_lie a:hover{ color:#FFF;} @media (max-width:1150px){ .product_list_box{ width:33.3%; } .product_list_box .product_list{float:left;} .product_list_box:nth-child(3n) .product_list{ float:right;} .product_list_box:nth-child(3n-1) .product_list{ float:none; margin:0 auto 0 auto;} .product_list_box:nth-child(3n-2) .product_list{ float:left;} } @media (max-width:728px){ .product_list_box{ width:50%; } .product_list{ width:96%;} .product_list_box:nth-child(2n) .product_list{ float:right;} .product_list_box:nth-child(2n-1) .product_list{ float:left;} } @media (max-width:490px){ .product_list_box{ width:100%; } .product_list{ width:100%;} } /*******************************产品详情************************************/ .pro_canshu_bj{ width:100%; background:#f5f5f5; margin:0 auto 0 auto; overflow:hidden; } .pro_canshu_bj::after{ display:block; content:""; clear:both;} .pro_cont_box{ width:1200px; max-width:98%; background:#FFF; margin:0 auto 25px auto; padding:20px 0 35px 0; } .pro_cont_box::after{ display:block; content:""; clear:both;} .pro_cont_box .biaoti{ width:93%; font-size:1.5em; line-height:2.6em; font-weight:bold; margin:0 auto 0 auto;} .pro_cont_box .pro_neirong{ width:93%; font-size:1.1em; line-height:2.6em; /*min-height:400px;*/ margin:0 auto 0 auto;} .pro_cont_box .picmax img{ max-width:99%;} .pro_cont_box .procanshu{ overflow-y:auto} .pro_cont_box .pro_neirong_biaodan{ width:93%; margin:10px auto 0 auto;} .pro_cont_box .pro_neirong_biaodan .left{ width:48%; float:left; } .pro_cont_box .pro_neirong_biaodan .right{ width:48%; float:right; } .pro_biaolie{ width:100%; margin-bottom:5px;} .pro_biaolie .lanmu{ width:100%; font-size:15px; line-height:33px;} .pro_biaolie .inpuntbox{ width:100%;} .pro_biaolie .inpuntbox input{ width:100%; height:47px; border:1px #cccccc solid; padding:0 10px 0 10px; outline:none;} .pro_biaolie .inpuntbox textarea{ width:100%; height:130px; border:1px #cccccc solid; padding:10px 10px 10px 10px; outline:none; } .probiaodan_anniu{ width:100%; height:45px; margin-top:33px; } .probiaodan_anniu input{ width:100%; height:45px; background:#da251d; color:#FFF; font-size:15px; outline:none} .pro_biaolie_short_left{ width:48%; float:left; } .pro_biaolie_short_right{ width:48%; float:right;} @media (max-width:775px){ .pro_cont_box .pro_neirong_biaodan .left{ width:100%; } .pro_cont_box .pro_neirong_biaodan .right{ width:100%; } } .procanshunav{ width:1200px; max-width:98%; margin:10px auto 0 auto;} .procanshunav::after{ display:block; content:""; clear:both;} .procanshunav .lanmudh{ width:100%; } .procanshunav .lanmudh .lie{ width:230px; text-align:center; float:left; line-height:80px; font-size:20px;} .procanshunav .lanmudh .line{ width:1px; height:18px; border-left:1px #CCCCCC solid; margin-top:28px; float:left} .procanshunav .lanmudh .lie:hover a{border-bottom:2px #296fb7 solid} .procanshunav .lanmudh .lie a{ display:block; } .procanshunav .lanmudh .lie a:active{ text-decoration:none;} .procanshunav .lanmudh .lie a.active{ color:#296fb7; border-bottom:2px #296fb7 solid} @media (max-width:943px){ .procanshunav .lanmudh .lie{ width:24%; font-size:18px; } } .fixed_box{ width:100%; max-width:100%; position:fixed; top:0; margin:0; background:#FFF;box-shadow:0 3px 5px rgba(102,102,102,0.3); z-index:999999999} .fixed_box .lanmudh{ width:1200px; max-width:100%;margin:0 auto } @media (max-width:801px){ .fixed_box .lanmudh .lie{ width:24%; } } .projieshao{ width:1200px; max-width:98%; margin:30px auto 30px auto; } .projieshao::after{ display:block; content:""; clear:both;} .projieshao .left{ width:480px; position:relative; height:auto; float:left; } .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { height:80%; width: 100%; } .gallery-top .swiper-wrapper .swiper-slide{ padding:0; text-align:center;} .gallery-top .swiper-wrapper .swiper-slide img{max-width:100%; height:289px} .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 8px 0; } .gallery-thumbs .swiper-wrapper .swiper-slide{ text-align:center;} .gallery-thumbs .swiper-wrapper .swiper-slide img{max-width:100%; height:70px} .gallery-thumbs .swiper-slide { height: 72px; opacity: 1; } .gallery-thumbs .swiper-slide-active { opacity: 1; border:1px #CC6600 solid; } .projieshao .right{ width:660px; float:right;} .projieshao .right .proname{ width:100%; font-size:2.1em; margin:12px 0 25px 0;} .projieshao .right .probiaogecanshu{ width:570px;} .projieshao .right .probiaogecanshu .lanmubiaoti{ background:#f3f3f3; text-align:center; font-weight:bold} .projieshao .right .probiaogecanshu table{ width:100%;} .projieshao .right .probiaogecanshu table tr{ border-bottom:1px #ececec solid; border-left:1px #ececec solid; border-top:1px #ececec solid; } .projieshao .right .probiaogecanshu table tr td{border-right:1px #ececec solid; padding:8px 7px 8px 7px; line-height:22px;} .projieshao .right .aniu_box{ width:314px; margin:20px 0 18px 0;} .projieshao .right .aniu_box::after{ display:block; content:""; clear:both;} .projieshao .right .aniu_box .anniu_lie{ width:48%; height:48px; line-height:48px; text-align:center; background:#1368b1;color:#FFF; font-size:17px; float:left} .projieshao .right .aniu_box .anniu_lie a,.projieshao .right .aniu_box .anniu_lie a:hover{ color:#FFF; display:block;} .projieshao .right .aniu_box .anniu_lie:nth-child(2){ background:#ff0000; float:right} .projieshao .right .rexian{ width:100%; color:#296fb7; font-size:1.2em} .projieshao .right .line{ width:100%; border-bottom:1px #dfdfdf solid; margin:12px 0 13px 0;} .projieshao .right .biaoyu{ width:100%;} .projieshao .right .biaoyu li{ width:25%; float:left; font-size:1.2em; padding-left:26px; } .projieshao .right .biaoyu li:nth-child(1){ background:url(../images/products_cont_07.jpg) left no-repeat;} .projieshao .right .biaoyu li:nth-child(2){ background:url(../images/products_cont_09.jpg) left no-repeat;} .projieshao .right .biaoyu li:nth-child(3){ background:url(../images/products_cont_11.jpg) left no-repeat;} .projieshao .right .biaoyu li:nth-child(4){ background:url(../images/products_cont_17.jpg) left no-repeat;} @media (max-width:1181px){ .projieshao .right{width:600px; } } @media (max-width:1111px){ .projieshao .right{width:570px;} } @media (max-width:1083px){ .projieshao .right{width:53%; } .projieshao .right .probiaogecanshu{ width:100%;} } @media (max-width:1071px){ .projieshao .right{width:50%; } } @media (max-width:1007px){ .projieshao .right{width:47%; } } @media (max-width:941px){ .projieshao .left{ float:none; margin:0 auto 10px auto;} .projieshao .right{width:100%; } } @media (max-width:941px){ .projieshao .left{ float:none; margin:0 auto 10px auto;} .projieshao .right{width:100%; } .projieshao .right .proname{ text-align:center; font-size:1.7em;} .projieshao .right .aniu_box{ margin:20px auto 18px auto;} .projieshao .right .rexian{ text-align:center;} } @media (max-width:493px){ .projieshao .left{ width:100%; } .gallery-top .swiper-wrapper .swiper-slide img{max-width:100%; height:202px} } @media (max-width:433px){ .projieshao .right .biaoyu li{ width:33.3%; line-height:35px; } } /*******************************新闻列表************************************/ .newslist{ width:100%; margin:0 auto 25px auto; border-bottom:1px #f0f0f0 solid; padding:0 1.2em 2.7em 1.2em;} .newslist p{ padding:2px 0 5px 0; margin:0; font-size:16px; } .newslist span{ font-size:12px; line-height:21px; color:#a2a2a2;} .newslist .riqi{ width:70px; height:70px; float:left; text-align:center; margin-right:22px; overflow:hidden; font-size:30px; color:#aaa; } .newslist .riqi p{ font-size:16px; padding:0 0 0 0; } .newslist .time{ color:#aaa; font-size:13px;} .newslist .pic{ width:128px; height:94px; float:left; margin-right:22px; background:#69F} .newslist .pic img{ width:128px; height:94px; } @media (max-width:420px){ .newslist .pic{ width:100%; height:auto; margin-bottom:15px;} .newslist .pic img{ width:100%; height:auto; } } /*******************************新闻内容************************************/ .news_cont{ width:100%; } .news_cont::after{ display:block; content:""; clear:both;} .news_cont .left_lie{ width:860px; float:left; font-size:1.2em; line-height:2.4em; } .news_cont .left_lie img{ max-width:98%;} .news_cont .left_lie .titles{ line-height:1.7em; border-bottom:1px #dfdfdf solid; text-align:center; margin-bottom:15px;} .news_cont .left_lie .titles h3{line-height:1.5em;} .news_cont .left_lie .titles p{ color:#999999; font-size:0.9em} .news_xiangguan{ width:100%; border-top:1px #b3b3b3 dotted; margin-top:33px; overflow:auto; padding-top:20px; } .news_xiangguan .lie_box{ width:99%; line-height:20px; margin:0 auto 13px auto;} .news_xiangguan .lie_box a{ color:#333333;} .news_xiangguan .lie_box a:hover{ color:#2979d3;} .news_cont .right_lie{ width:262px; float:right; } .tjchanpin{ width:100%; float:left; margin-bottom:2.3em; } .tjchanpin .titles{ width:100%; height:40px; line-height:40px; border-bottom:1px #e2e2e2 solid; font-size:16px; margin-bottom:1.3em;} .tjchanpin .titles p{ padding:0; margin:0; float:right; font-size:0.5em;} .tjchanpin .titles p a{ color:#999999} .tjchanpin .titles p a:hover{ color:#026ae0} .tjchanpin .neirong{ width:100%;} .tjchanpin_list{ width:100%; float:left; position:relative; } .tjchanpin_list img{ width:100%;} .tjchanpin_list .word{ width:100%; height:30px; line-height:30px; margin:0 auto 0 auto; text-align:center; position:absolute; background:rgba(0,0,0,0.6); bottom:0;} .tjchanpin_list .word a{ display:block; color:#FFF; } .tjchanpin_list .word a:hover{ color:#61b5f9; } .xgxiwen{width:100%; float:right;} .xgxiwen .titles{ width:100%; height:40px; line-height:40px; border-bottom:1px #e2e2e2 solid; font-size:16px; margin-bottom:1.3em;} .xgxiwen .titles p{ padding:0; margin:0; float:right; font-size:0.5em;} .xgxiwen .titles p a{ color:#999999} .xgxiwen .titles p a:hover{ color:#026ae0} .xgxiwen .neirong{ width:100%; } .xgxiwen_list{ width:100%; margin:0 0 20px 0;} .xgxiwen_list p{ padding:0; margin:5px 0 0 0; font-family:Arial; color:#999999} @media (max-width:1214px){ .news_cont .left_lie{ width:100%;} .news_cont .right_lie{ width:100%; margin-top:2.4em; } .tjchanpin_list{ width:262px; max-width:100%;} } @media (max-width:480px){ .tjchanpin_list{ width:100%;} } /*******************************招聘列表************************************/ .zhaopin_list{ width:33.3%; float:left; } .zhaopin_box{ width:95%; border:1px #f0f0f0 solid; float:left; margin-bottom:20px; padding:2.5em 0 2em 0;} .zhaopin_box::after{ display:block; content:""; clear:both;} .zhaopin_box .biaoti{ width:89%; margin:0 auto 0 auto; } .zhaopin_box .biaoti::after{ display:block; content:""; clear:both;} .zhaopin_box .biaoti .wenzi{ width:70%; height:1.5em; line-height:1.5em; overflow:hidden; font-size:1.7em; color:#4d4d4d; float:left;} .zhaopin_box .biaoti .riqi{ float:right; color:#676666; font-size:1.2em; margin-top:0.5em } .zhaopin_box .jieshao{ width:89%; font-size:0.9em; margin:2em auto 0 auto; color:#8c8c8c; line-height:1.7em; height:6.8em; overflow:hidden; } .zhaopin_box .jieshao::before{ display:block; content:""; clear:both;} .zhaopin_box .jieshao p{ padding:0; margin:0 0 0.4em 0; font-size:1.2em; color:#4d4d4d;} .zhaopin_box .more{ width:8em; height:2em; float:right; text-align:center; line-height:2em; background:#1a81d0; color:#FFF; border-radius:15em 0 0 15em; margin-top:2em} .zhaopin_box .more a{ display:block; color:#FFF;} .zhaopin_list:nth-child(3n) .zhaopin_box{ float:right;} .zhaopin_list:nth-child(3n-1) .zhaopin_box{ float:none; margin-left:auto; margin-right:auto;} @media (max-width:1086px){ .zhaopin_box .biaoti .wenzi{ width:100%; font-size:1.4em} .zhaopin_box .biaoti .riqi{float:left; margin-top:0.6em } } @media (max-width:756px){ .zhaopin_list{ width:50%; float:left; } .zhaopin_box{ width:97%;} .zhaopin_list:nth-child(2n) .zhaopin_box{ float:right;} .zhaopin_list:nth-child(2n-1) .zhaopin_box{ float:left} } @media (max-width:560px){ .zhaopin_list{ width:100%; } .zhaopin_box .biaoti .wenzi{ width:100%; height:auto; line-height:1.5em; overflow:auto; } .zhaopin_box .jieshao{ height:auto; overflow:auto; margin:1.3em auto 0 auto; } .zhaopin_box{ width:100%} } /*******************************联系我们************************************/ .map{ width:100%; height:436px; margin:0 auto 5em auto;} .lianxi{ width:500px; float:left;} .lianxi .biaoti{ font-size:3em; color:#404040; font-family:Arial; margin-bottom:20px; text-transform:uppercase;} .lianxi p;nth-child(2){ margin-top:20px;} .lianxi p{ font-size:1em; margin-bottom:0.7em; line-height:1.8em} .lianxi .email{ background:url(../images/contact_09.jpg) 0px 0px no-repeat; font-size:22px; line-height:19px; padding-left:36px; margin:37px 0 22px 0;} .liuyan{ width:600px; float:right; margin-bottom:5em; } .liuyan .biaoti{ width:100%; text-align:center; font-size:1.7em; margin-bottom:1.3em} .liuyan .biaodan{ width:100%;} .liuyan .input_box{ width:21.5em; height:4.2em; background:#f3f3f3; margin:0 0 1.1em 0;} .liuyan .input_box .titles{ line-height:4.2em; float:left; padding:0 0.5em 0 0.8em; color:#757575;} .liuyan .input_box input{ width:68%; height:4.2em; float:left; outline:none; background:none; float:left;} .liuyan .input_box:nth-child(2n){ float:right;} .liuyan .input_box:nth-child(2n-1){ float:left;} @media (max-width:1166px){ .lianxi{ width:100%; float:right; padding:0 6px 0 6px;} .liuyan{ width:100%; float:left; } .liuyan .input_box{ width:48%; height:4.2em; background:#f3f3f3; margin:0 0 1.1em 0;} .liuyan .input_box input{ width:75%;} } @media (max-width:558px){ .liuyan .input_box{ width:100%; } .liuyan .input_box input{ width:83%;} } .liuyan .miaoshu{ width:100%; height:auto; background:#f3f3f3; } .liuyan .miaoshu .titles{ width:100%; color:#757575; line-height:2.3em; padding:0.5em 0.8em 0 0.8em; font-size:1.1em;} .liuyan .miaoshu textarea{ width:100%; height:10.2em; line-height:22px; border:0; outline:none; padding:0.5em 0.8em 1em 0.8em; background:#f3f3f3;} .liuyan .anniu_box{ width:100%; height:auto; background:none;} .liuyan .anniu_box input{ width:46%; height:54px; float:left; color:#FFF; font-size:1.3em; background:#808080} .liuyan .anniu_box input:nth-child(2){ float:right; background:#1a81d0} .lianxi_banner{ width:100%; height:638px; margin:0 auto 30px auto; background:url(../images/contact_new_02.jpg) center no-repeat} .lianxi_banner .lxtopcont{ width:1200px; max-width:98%; margin:0 auto 0 auto; } .lianxi_banner .lxtopcont::after{ display:block; content:""; clear:both;} .lianxitopbox{ width:580px; float:right; margin:160px 0 0 0; } .lianxitopbox .biaoti,.lianxitopbox .gongsiming,.lianxitopbox .word{ width:100%;} .lianxitopbox .biaoti{ font-size:38px;} .lianxitopbox .gongsiming{ font-size:25px; color:#0466b4; margin:8px 0 8px 0; } .lianxitopbox .word{ font-size:13px; color:#7a7a7a;line-height:23px;} .number_box{ width:570px; float:left; margin:40px 0 0 0; } .number_box::after{ display:block; content:""; clear:both;} .number_box li{ width:48%; height:38px; line-height:38px; float:left; color:#FFF; margin-bottom:14px; border-radius:500px; box-sizing:border-box; padding:0 30px 0 58px;} .number_box li:nth-child(even){float:right;} .number_box li:nth-child(1){ background:url(../images/erji.png) 18px 6px no-repeat; } .number_box li:nth-child(2){ background:url(../images/car.png) 18px 6px no-repeat; } .number_box li:nth-child(3){ background:url(../images/shouji.png) 18px 6px no-repeat; } .number_box li:nth-child(4){ background:url(../images/youjian.png) 18px 6px no-repeat; } .number_box li:nth-child(1),.number_box li:nth-child(2),.number_box li:nth-child(3),.number_box li:nth-child(4){background-color:#186fb4;} @media (max-width:580px){ .lianxitopbox{ width:100%; margin:80px 0 0 0;} .lianxitopbox .biaoti,.lianxitopbox .gongsiming,.lianxitopbox .word{ width:100%; text-align:center} .number_box{ width:90%; margin:40px auto 0 auto; float:none; } .number_box li{ width:100%; } } .new_map{ width:100%; height:436px; margin:80px auto 0 auto;} .bgdh_list{ width:20%; float:left; text-align:center; margin-bottom:30px;} .bgdh_list .pic{ width:110px; height:110px; margin:0 auto 0 auto;} .bgdh_list .pic img{ width:110px; height:110px;} .bgdh_list .word{ width:110px; height:30px; line-height:30px; overflow:hidden; font-size:15px; margin:8px auto 0 auto;} .bgdh_list .word a{ display:block;} @media (max-width:675px){ .bgdh_list{ width:33.33%;} } @media (max-width:393px){ .bgdh_list .pic{ width:98px; height:98px; } .bgdh_list .pic img{ width:98px; height:98px;} .bgdh_list .word{ width:101px; } } /****************************foot*****************************************/ .foot{ width:100%; margin:60px auto 0px auto; background:#1f2433; color:#e2e2e9; padding:3.6em 0 3.6em 0; } .foot::after{ display:block; content:""; clear:both;} .foot .foot_cont{ width:1200px; max-width:96%; margin:0 auto 0 auto;} .foot_left{ width:768px; float:left; border-right:1px #4c505c solid;} .foot_left::after{ display:block; content:""; clear:both;} .foot_nv{ width:20%; float:left; display:inline-block} .foot_nv::after{ display:block; content:""; clear:both;} .foot_nv .biaoti{ font-size:1.2em; font-weight:bold; margin-bottom:1em;} .foot_nv li{ width:75%; font-size:1em; margin-bottom:1em;} .foot_nv li a{ color:#e2e2e9; } .foot_nv li a:hover{ color:#53b2fb; } .foot_lianxi{ width:358px; float:right;} .foot_lianxi span{ font-size:1.2em; font-weight:bold} .foot_lianxi p{ font-size:14px; } .foot_lianxi p:nth-child(2){ margin-top:1em} .down{ width:100%; margin:0 auto 0 auto; background:#171b26; color:#6e6f76; text-align:center; line-height:1.6em; padding:1em 0.5em 1em 0.5em;} .down a{ color:#6e6f76; } .down a:hover{ color:#53b2fb; } .footclears{clear:both; display:none;} @media (max-width:1196px){ .foot_left{ width:97%; margin:0 auto 0 auto; float:none; border-right:0; } .foot_nv{ margin-bottom:1.5em;} .foot_lianxi{ width:100%; float:right; border-top:1px #4c505c dotted; padding:2.5em 0.5em 0 0.5em; } } @media (max-width:842px){ .foot_nv{ width:33.3%; float:left;} .footclears{display:block;} .footpro{width:43%;} .footnews{width:23.6%;} } .gywmhome .foot{ margin-top:0;} .liaxiwm .foot{ margin-top:0;} /*首页logo滚动*/ .picMarquee-top{ margin:0 auto; width:100%; overflow:hidden; position:relative; } .picMarquee-top .bd{ width:100%; } .picMarquee-top .bd ul{width:100%; overflow:hidden; zoom:1; } .picMarquee-top .bd ul li{width:100%; text-align:center; zoom:1; } .picMarquee-top .bd ul li::after{ display:block; content:""; clear:both} .hz_logo_lie{width:50%; float:left; text-align:center; border-top:1px #e2e2e9 solid; border-right:1px #e2e2e9 solid;} .hz_logo_lie img{ max-width:100%; height:119px;} .hz_logo_lie:nth-child(2n-1){ border-left:1px #e2e2e9 solid;} .hz_logo_lie:nth-last-child(1){ border-bottom:1px #e2e2e9 solid;} .hz_logo_lie:nth-last-child(2){ border-bottom:1px #e2e2e9 solid;} @media (max-width:1250px){ .hz_logo_lie{ width:25%; border:1px #e2e2e9 solid; border-right:0;} .hz_logo_lie:nth-last-child(1){ border-right:1px #e2e2e9 solid;} } @media (max-width:882px){ .hz_logo_lie:nth-child(2n-1){ border-left:1px #e2e2e9 solid;} .hz_logo_lie:nth-last-child(1){ border-bottom:1px #e2e2e9 solid;} .hz_logo_lie:nth-last-child(2){ border-bottom:1px #e2e2e9 solid;} } @media (max-width:505px){ .hz_logo_lie{width:50%; float:left; text-align:center; border-top:1px #e2e2e9 solid; border-right:1px #e2e2e9 solid;} .hz_logo_lie img{ max-width:100%; height:119px;} .hz_logo_lie:nth-child(2n-1){ border-left:1px #e2e2e9 solid;} .hz_logo_lie:nth-last-child(1){ border-bottom:1px #e2e2e9 solid;} .hz_logo_lie:nth-last-child(2){ border-bottom:1px #e2e2e9 solid;} }