@charset "utf-8"; /* css document */ /*.banner img{width:100%;}*/ @media (min-width: 1200px){ .main{ width:100%; max-width:1200px; margin:30px auto;} .sy_kh_txt ul li{ float:left; width:0.158%; margin-right:0.01%; margin-bottom:0.01%;-webkit-transition:0.5s;transition:0.5s;} /*.sy_kh_txt ul li:nth-child(6n){ margin-right:0;}*/ .dyip .inbox .inbd li:nth-child(3n){ margin-right:0;} /*.dyip .inbox .inbd li a:hover img{ height:88px; width:118px; border-radius:0 0 50% 50%;}*/ .nav{ width:100%; background:#00c619;} .nav ul{ width:1200px;height:45px; margin:auto;} .nav li{ float:left;text-align:center;} .nav li p a{ display:block;font-size:16px; color:#fff;line-height:45px; padding:0 55px; background: right center no-repeat;} .nav li p a:hover{ background:#e80700;} .nav li p a.current{ background:#e80700;} .nav li { position: relative; } .nav li dl{ width:96%; line-height:40px; background:#f7f7f7; position:absolute; left:50%; top: 45px; -webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 55555; display:none;padding:2%; } .nav li:hover dl{ display:block;} .nav li dl a{ display:block; font-size:14px; transition:all 0.3s; text-align: center;} .nav li dl a:hover{ color:#e80700;} .nav li dd{ margin:0 15px; border-bottom:1px solid #dfe2e3; line-height:24px; padding:5px 0; } .banner ul li a img{ display:block; width:100%;} .bat{ width:100%; height:300px;overflow:hidden;} .bat img{ width:1920px; height:300px; position:relative; left:50%; margin-left:-960px; max-width:1920px;} /** 内页banner代码 end **/ .ny_title{width:1200px;float:left;border-bottom:1px solid #e6e6e6; padding-bottom:20px;} .ny_title h1{float:left; font-size:24px; font-weight:bold; color:#000; text-transform:uppercase;} .ny_bt{float:right; background: left no-repeat; padding-left:30px; font-size:14px;color:#787876; margin-top:10px;} .ny_bt a{color:#787876;} .ny_bt a:hover{color:#00c619;} .ny_bt span{font-weight:bold; color:#00c619;} .ny_tit{width:1200px;float:left; margin-top:20px; border-bottom:1px dashed #e6e6e6; padding-bottom:15px;} .ny_tit li{float:left; line-height:40px; text-align:center; font-size:14px; margin:0 10px 10px 0;} .ny_tit li a{float:left;padding:0 20px; color:#404040; line-height:40px; border:1px solid #e6e6e6; background:#fff;} .ny_tit li a:hover,.ny_tit li a.on{ display:block; color:#fff; background:#00c619; border:1px solid #00c619;} .ny_nr{width:1200px;float:left; margin-top:15px;} .ny_text{width:100%;float:left; font-size:14px; line-height:30px;} .ny_text img{ display:block; margin:auto;} .ny_text h2{font-size:24px; font-weight:bold;} .honor_r_img{width:1200px;float:left;} .honor_r_img ul{width:1200px;} .honor_r_img ul li{width:280px;float:left;margin:40px 26px 0 0;} .honor_r_img ul li a{ display:block; border:1px solid #eee;} .honor_r_img ul li:nth-child(4n){margin-right:0;} .honor_r_img ul li span{width:280px;float:left; text-align:center;line-height:24px; font-size:16px; padding-top:10px;} .honor_r_img ul li img{width:100%;} .honor_r_img ul li img:hover{border-color:#00c619;} /*pages*/ .pages{width:99.9%; float:left; margin-top:30px; line-height:32px; zoom:1; overflow:hidden; text-align:center;} .pages span{padding:0px 3px; display:inline-block;} .pages a{display:inline-block; margin:0px 2px; height:32px; } .pages .p_page em{font-style:normal; font-family:arial;} .pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;} .pages .p_page em a.a_cur{color:#00c619; border:0; border-top:solid 1px #00c619; border-bottom:solid 1px #00c619;} .pages .p_page em a:hover{border-color:#00c619;} .pages .a_prev{width:32px; background: no-repeat;} .pages .a_next{width:32px; background: no-repeat;} /** 关于我们代码 end **/ .pro_img{width:1200px;float:left; margin-bottom:20px;} .pro_img ul{} .pro_img ul li{width:380px; float:left; margin:40px 25px 0 0; border:1px solid #dad9d7; overflow:hidden;} .pro_img ul li img{width:380px;height:380px;} .pro_img ul li img:hover{opacity:0.8;} .pro_img ul li:nth-child(3n){margin-right:0;} .pro_img ul li h3{width:380px; float:left; text-align:center; margin-bottom:30px; font-size:18px; line-height:24px;} .pro_img ul li:hover{border-color:#00c619;} .products{width:1200px;float:left; margin-top:40px;} .promore_l{width:450px;float:left;} #preview{width:450px;float:left;overflow:hidden;} .jqzoom{width:100%; height:100%; position:relative;} .list-h li{float:left; padding-right:10px;} #spec-n5{width:700px;float:left; margin-top:50px;} #spec-n5 h1{margin-bottom:20px;} #spec-list{width:700px; float:left; overflow:hidden;} #spec-list ul li{float:left;display:inline;width:80px; border-bottom:none;} #spec-list ul li img{padding:2px; border:1px solid #ccc; width:80px; height:80px;} #spec-list{position:relative; width:700px;float:left;} .control{float:left; padding-top:20px;} /*jqzoom*/ .jqzoom{position:relative;padding:0;} .zoomdiv{z-index:100;position:absolute;top:1px;left:0px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} .jqzoompup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fede4f 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);cursor:move;} .pros_right{width:700px; float:right; overflow:hidden;} .pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6;} .pros_right_top strong{overflow:hidden;display: inline-block; font-weight:bold; font-size:26px; color:#00c619; padding-bottom:10px;} .pros_right_top a{font-size:14px;float:right;width:120px; height:30px; background:#00c619; line-height:30px; text-align:center; color:#fff;} .pros_right_top a:hover{background:#0090ff;} .pros_right_text{width:700px;float:left; margin-top:30px; line-height:30px; font-size:14px;} .tabs-basic{width:1200px;margin-top:50px;float:left;} /* the tabs */ .tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;} .tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;} .tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 50px; background:#eee; color:#404040;} .tabs-basic .tab-active{border-color:#00c619; background-color:#00c619; color:#fff;} /* the content */ .tabs-basic .tabs-content-placeholder{overflow:hidden; background-color:#fff; padding:20px 0; margin:auto;} .tabs-basic .tabs-content-placeholder div{display:none;} .tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:24px; font-size:14px;} .tabs-basic .tabs-content-placeholder div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;} .tabs-basic .tabs-content-placeholder div.tab-content-active table tr{padding-left:20px;} .tabs-basic .tabs-content-placeholder div p{line-height:24px; text-align:left; margin-top:20px;} .tabs-basic .tabs-content-placeholder div img{max-width:100%;} /** 产品中心代码 end **/ .news_txt{width:1200px; float:left;margin-top:30px;} .news_txt ul{} .news_txt ul li{width:1140px; float:left; border-bottom:1px solid #e6e6e6; padding:50px 30px;} .news_txt ul li .time{width:84px;height:58px;float:left; background:#fff; border:3px solid #d6d6d6; text-align:center; line-height:24px;} .news_txt ul li a:hover .time{width:84px;height:58px;float:left; background:#fff; border:3px solid #00c619; text-align:center; color:#00c619;} .news_txt ul li .time h3{font-size:30px; font-weight:bold; padding-top:10px;} .news_txt ul li .time span{font-size:14px;} .news_txt ul li .wz{width:1020px;float:right;} .news_txt ul li .wz h3{font-size:18px; color:#000;} .news_txt ul li .wz span{font-weight:bold;} .news_txt ul li a:hover .wz h3{color:#00c619;} .news_txt ul li .wz p{width:1020px; float:left; line-height:20px; color:#787876; margin-bottom:10px;} .news_txt ul li:hover{background:#eee;} .newsmore_tit{width:1200px;float:left; border-bottom:1px solid #e6e6e6; text-align:center; padding-bottom:10px; line-height:30px; color:#787876; margin-top:40px;} .newsmore_text{width:1200px;float:left; margin-top:30px; line-height:30px; font-size:14px;} .newsmore_page{width:1200px;float:left;margin-top:20px; border-top:1px solid #e6e6e6; padding-top:20px;} .newsmore_page_left{width:80%;float:left;line-height:24px; font-size:14px;} .newsmore_page_right{float:right;text-align:right; font-size:16px;} /** 新闻中心代码 end **/ .app_r_img{width:1200px;float:left;} .app_r_img ul{width:1200px;} .app_r_img ul li{width:380px;height:360px;float:left;margin:40px 26px 0 0; overflow:hidden;} .app_r_img ul li:nth-child(3n){margin-right:0;} .app_r_img ul li span{width:380px;float:left; text-align:center;line-height:24px; font-size:18px; padding-top:30px; text-transform:uppercase; font-weight:bold;} .app_r_img ul li img{width:380px; height:300px; display:block; -webkit-transition: all .3s; transition: all .3s;} .app_r_img ul li img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);} .t1{width:49%;float:left;} .t2{width:49%;float:right;} .t3{width:49%;float:left;} .t4{width:49%;float:right;} .contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;} .contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93.5%;height:200px;padding:3%; margin-bottom:20px;} .contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%;} .contact-form input.btn:hover, a.btn:hover{background:#00c619; color:#fff;} /**客户留言代码 end**/ } @media (max-width: 1199px){ #mapbarframe{ height:200px;} .main{ width:95%;margin:15px auto;} .sy_kh_txt ul li{ float:left; width:0.32%; margin-right:0.02%; margin-bottom:0.02%;-webkit-transition:0.5s;transition:0.5s;} /*.sy_kh_txt ul li:nth-child(3n){ margin-right:0;}*/ .sy_xw .sy_xw_r{ margin-top:15px;} .sy_xw div{ width:100%;} .sy_zz ul li{ width:0.32%;} .dyip .inbox .inbd li a .inbd1 img{ width:100%; height:auto;} .dyip .inbox .inbd li a .inbd2 p{ display:none;} .dyip .inbox .inbd li a{ height:auto;} .top .rxdh{ display:none;} .banner ul li a img{ display:block; width:100%;} .dingbu{ display:none;} .w1200{ width:95%;} .nav li dl{ display:none;} .top{ height:50px; padding:10px 0;} .top h1 a img{ height:50px;} .nav{ position:absolute; top:70px; right:0px; width:0px;-webkit-transition:0.5s;transition:0.5s; z-index:99; background-color:#fff; background-color:rgba(255,255,255,0.8);overflow:hidden;} .nav li{ display:block; width:200px;} .nav li a{ display:block; width:100%; line-height:40px; font-size:14px; text-align:center;} .dhov{width:200px !important;} .derp{ background:none;} .derp .derp_l{ width:100%;} .derp .derp_l .txt img{ float:none; width:100%;} .derp .derp_l .txt .more,.derp .derp_r .more{ float:none; position:relative; left:50%; margin-left:-40px; margin-top:10px;} .derp .derp_r{ width:100%; margin-top:30px;} .derp .derp_r .xinwen .bd .con dt,.derp .derp_r .xinwen .bd .con dd.txt{ padding-left:130px; float:none; width:auto;} .derp .derp_r .xinwen .bd .con dt a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .derp .derp_r .xinwen .bd .con dd.txt{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-left:10px;} .dsanp .dsanp_list{ width:100%;} .dsanp .picscroll-left .bd ul li .pic img{ width:auto; margin:auto;} .dsanp .dsanp_list:nth-child(2){ margin-top:30px;} .foot{ background-size:100% 100%;} .foot .foot_l .foot_l_t,.foot .foot_l{ width:100%;} .foot .foot_r{ float:none; clear:both; padding-top:20px;} .dsanp .picscroll-left .bd ul li .pic{ overflow:hidden;} .ny_title{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:20px;} .ny_title h1{float:left; font-size:24px; font-weight:bold; color:#000;} .ny_bt{width:92%; float:left; background: left no-repeat; padding-left:8%; font-size:14px;color:#787876; margin-top:20px;} .ny_bt a{color:#787876;} .ny_bt a:hover{color:#00c619;} .ny_bt span{font-weight:bold; color:#00c619;} .ny_tit{width:100%;float:left; margin-top:5%;} .ny_tit li{width:49%; float:left; line-height:40px; text-align:center; font-size:14px; margin:0 2% 10px 0;} .ny_tit li:nth-child(2n){margin-right:0;} .ny_tit li a{width:100%; float:left; color:#404040; line-height:40px; border:1px solid #e6e6e6; background:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ny_tit li a:hover,.ny_tit li a.on{display:block; color:#fff; background:#00c619; border:1px solid #00c619;} .ny_nr{width:100%; float:left; margin-top:5%;} .ny_text{width:100%;float:left; font-size:14px; line-height:30px;} .ny_text img{width:100%; display:block;} .ny_text h2{font-size:24px; font-weight:bold;} .honor_r_img{width:100%;float:left;} .honor_r_img ul{width:100%;} .honor_r_img ul li{width:49%;float:left;margin:5% 1.5% 0 0;} .honor_r_img ul li:nth-child(2n){margin-right:0;} .honor_r_img ul li span{width:100%;float:left; text-align:center;line-height:24px; font-size:16px; padding-top:10px;} .honor_r_img ul li img{width:99%; display:block; border:1px solid #e6e6e6;} .honor_r_img ul li img:hover{border-color:#00c619;} /*pages*/ .pages{width:99.9%; float:left; margin-top:30px; line-height:32px; zoom:1; overflow:hidden; text-align:center;} .pages span{padding:0px 3px; display:inline-block;} .pages a{display:inline-block; margin:0px 2px; height:32px; } .pages .p_page em{font-style:normal; font-family:arial;} .pages .p_page em a{padding:0px 12px; border:solid 1px #d6d6d6;} .pages .p_page em a.a_cur{color:#00c619; border:0; border-top:solid 1px #00c619; border-bottom:solid 1px #00c619;} .pages .p_page em a:hover{border-color:#00c619;} .pages .a_prev{width:32px; background: no-repeat;} .pages .a_next{width:32px; background: no-repeat;} /** 关于我们代码 end **/ .pro_img{width:100%;float:left; margin-bottom:5%;} .pro_img ul{} .pro_img ul li{width:48%; float:left;margin:5% 2.5% 0 0; border:1px solid #dad9d7; overflow:hidden;} .pro_img ul li img{width:100%; display:block;} .pro_img ul li img:hover{opacity:0.8;} .pro_img ul li:nth-child(2n){margin-right:0;} .pro_img ul li h3{width:90%; float:left; text-align:center; margin-bottom:30px; font-size:18px; line-height:24px; padding:0 5%;} .pro_img ul li:hover{border-color:#00c619;} .products{width:100%;float:left; margin-top:5%;} .promore_l{width:100%;float:left;} #preview{width:100%;float:left;overflow:hidden;} .jqzoom{width:100%; height:100%; position:relative;} .list-h li{float:left; padding-right:10px;} #spec-n5{width:100%;float:left; margin-top:50px;} #spec-n5 h1{margin-bottom:20px;} #spec-list{width:100%; float:left; overflow:hidden;} #spec-list ul li{float:left;display:inline;width:80px; border-bottom:none;} #spec-list ul li img{padding:2px; border:1px solid #ccc; width:80px; height:80px;} #spec-list{position:relative; width:100%;float:left;} .control{float:left; padding-top:20px;} /*jqzoom*/ .jqzoom{position:relative;padding:0;} .zoomdiv{z-index:100;position:absolute;top:1px;left:0px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} .jqzoompup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fede4f 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);cursor:move;} .pros_right{width:100%; overflow:hidden;} .pros_right_top{overflow:hidden; padding-bottom:10px; border-bottom:1px solid #e6e6e6;} .pros_right_top strong{overflow:hidden;display: inline-block; font-weight:bold; font-size:26px; color:#00c619; padding-bottom:10px;} .pros_right_top a{font-size:14px;float:right;width:120px; height:30px; background:#00c619; line-height:30px; text-align:center; color:#fff;} .pros_right_top a:hover{background:#0090ff;} .pros_right_text{width:100%; margin-top:5%; line-height:30px; font-size:14px;} .tabs-basic{width:100%; margin-top:10%; float:left;} /* the tabs */ .tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;} .tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px;} .tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:10px 50px; background:#eee; color:#404040;} .tabs-basic .tab-active{border-color:#00c619; background-color:#00c619; color:#ffff;} /* the content */ .tabs-basic .tabs-content-placeholder{overflow:hidden; background-color:#fff; padding:20px 0; margin:auto;} .tabs-basic .tabs-content-placeholder div{display:none;} .tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:24px; font-size:14px;} .tabs-basic .tabs-content-placeholder div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;} .tabs-basic .tabs-content-placeholder div.tab-content-active table tr{padding-left:20px;} .tabs-basic .tabs-content-placeholder div p{line-height:24px; text-align:left; margin-top:20px;} .tabs-basic .tabs-content-placeholder div img{max-width:100%;} .table-container{width:100%; overflow-y:auto; _overflow:auto; margin:0 0 1em;} /** 产品中心代码 end **/ .news_txt{width:100%; float:left; margin-top:5%;} .news_txt ul{} .news_txt ul li{width:94%; float:left; border-bottom:1px solid #e6e6e6; padding:5% 3%;} .news_txt ul li .time{width:84px;height:58px;float:left; background:#fff; border:3px solid #d6d6d6; text-align:center; line-height:24px;} .news_txt ul li a:hover .time{width:84px;height:58px;float:left; background:#fff; border:3px solid #00c619; text-align:center; color:#00c619;} .news_txt ul li .time h3{font-size:30px; font-weight:bold; padding-top:10px;} .news_txt ul li .time span{font-size:14px;} .news_txt ul li .wz{width:100%;float:left; margin-top:3%;} .news_txt ul li .wz h3{font-size:18px; color:#000;} .news_txt ul li .wz span{font-weight:bold;} .news_txt ul li a:hover .wz h3{color:#00c619;} .news_txt ul li .wz p{width:100%; float:left; line-height:20px; color:#787876; margin-bottom:10px;} .news_txt ul li:hover{background:#eee;} .newsmore_tit{width:100%;float:left; border-bottom:1px solid #e6e6e6; text-align:center; padding-bottom:10px; line-height:30px; color:#787876; margin-top:40px;} .newsmore_text{width:100%;float:left; margin-top:20px; line-height:30px; font-size:14px;} .newsmore_text img,.newsmore_page_right img{width:100%; display:block;} .newsmore_page{width:100%;float:left;margin-top:20px; border-top:1px solid #e6e6e6; padding-top:20px;} .newsmore_page_left{width:80%;float:left;line-height:24px; font-size:14px;} .newsmore_page_right{width:20%;float:right;text-align:right; font-size:16px;} /** 新闻中心代码 end **/ .app_r_img{width:100%;float:left;} .app_r_img ul{width:100%;} .app_r_img ul li{width:49%; float:left; margin:5% 1.5% 0 0; overflow:hidden;} .app_r_img ul li:nth-child(2n){margin-right:0;} .app_r_img ul li span{width:100%; float:left; text-align:center; line-height:24px; font-size:16px; padding-top:3%; text-transform:uppercase; font-weight:bold;} .app_r_img ul li img{width:100%; display:block; -webkit-transition: all .3s; transition: all .3s;} .app_r_img ul li img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);} /** 产品应用代码 end **/ .t1,.t2,.t3,.t4{width:100%;} .contact-form input.text{background:#fff;border:1px #e6e6e6 solid;color: #999;width:89%; padding:2.5% 5%; margin-bottom:20px;} .contact-form textarea.textarea{background:#fff;border:1px #e6e6e6 solid;color:#999;width:93.5%;height:200px;padding:3%; margin-bottom:20px;} .contact-form input.btn, a.btn{background:#fff;padding:1% 0;color:#000; font-size:14px;border:1px solid #e6e6e6; width:100%;} .contact-form input.btn:hover, a.btn:hover{background:#fff100; color:#000;} /**客户留言代码 end**/ } @media (max-width:760px){ .dyip .inbox .inbd li{ width:49%;} .dyip .inbox .inbd li:nth-child(2n){ margin-right:0;} .dsanp .picscroll-left .bd ul li .pic img{ height:100px;} } @media (max-width: 490px){ }