.pheight{height:50px;line-height:50px; clear:both} @media (max-width: 768px) { .pheight { display:none;} } body{ padding:0; margin:0; color:#0f0f0f; overflow-x: hidden; font-family:"Microsoft YaHei",SimSun,Arial; } ul li{ margin:0px; padding:0px; list-style-type:none;} form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;} img{ border:none;} a{ color:#666; text-decoration:none;} a:hover,a:active{ text-decoration:none;} .dispblock{ display:block;} .dispnone{ display:none;} .float_l{ float:left} .float_r{ float:right} .clear_both{clear:both;} .hand{ cursor:pointer;} .f12{ font-size:12px;} .hei{ color:#000;} .ft1{ font-size:14px; font-weight:bold; color:#FFF;} .ft_red{ color:#C80000;} .ft_bai{ color:#FFF;} .txt_cent{ text-align:center;} .Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;} .fixedHeader{ position:fixed; left:0; top:0; z-index:100;} .txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pd_1{ padding:0px;} .lt{float:left;} .rt{float:right;} .not-animated { opacity:0; } .container{margin:0 auto;} @media (min-width: 1200px) { .container {width: 1200px; padding:0px; clear:both;} } @media (max-width: 768px) { .container { padding-left:8px; padding-right:8px;} } /* ================================================================================================= home atart========================================================================================== */ .oneTop{width: 100%;text-align: center;overflow: hidden;} .oneTop h1{font-size: 26px;color: #333333;margin-top: 50px;background:url(../images/hon.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;} .oneTop span{display: block;margin-top: 10px;font-size: 14px;color: #666666;line-height: 22px;} .oneTop ul{display: inline-block;margin-top: 35px;} .oneTop ul li{float: left;height: 38px;margin-right: 5px;} .oneTop ul li a{display: block;text-align: center;line-height: 42px;font-size: 15px;color: #666666;background: #e7e7e8;padding:0 20px;} .oneTop ul li.on a{background: #de001f;color: #FFFFFF;} .oneTop ul li:hover a{background: #de001f;color: #FFFFFF;_transition:all .4s linear 0s;} @media (max-width: 768px) { .oneTop ul li{width:calc(33.33% - 8px);margin:0 8px 8px 0px;} .oneTop ul li:nth-child(3n){margin-right:0;} .oneTop ul li a{display: block;text-align: center;line-height: 42px;font-size: 13px;color: #666666;background: #e7e7e8;padding:0 10px;} } /*-----------------------------------------cp--------------------------*/ .in_prod_tit{width:100%;font-size:28px;color:#222; clear:both;margin:0 0 35px 0;} .in_prod_tit b{ font-weight:normal;border-bottom:2px solid #C00;padding-bottom:2px;} .in_prod_tit more{float:right;width:80px;border:1px solid #CCC;text-align:center;line-height:30px;height:30px;font-size:13px;} .in_prod_tit more a{font-size:13px; display:block} .in_prod{ width:1200px; height:auto;clear:both;margin:40px auto 0 auto;padding-top:40px;} .in_prod li{ width:279px; float:left; background:#fff; margin:0px 28px 0px 0px; overflow:hidden; border:1px solid #ddd;} .in_prod li .pro_pic{ width:100%; height:auto; overflow:hidden;} .in_prod li .pro_pic img{width:100%;height:autox;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;} .in_prod li .pro_txt{text-align:center;color:#333;font-size:15px;padding:15px 0 15px 0;} .in_prod li .pro_txt p{font-size:13px;padding-top:10px;color:#555;text-align:left;padding-left:15px;} .in_prod li:last-child{margin-right:0px;} .in_prod li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .in_prod li a:hover .pro_txt{color:#d70505;} @media (max-width:768px){ .in_prod{width:100%;padding:12px 8px 0 8px;margin:12px 0; clear:both} .in_prod li{width:calc(50% - 6px);margin:0 3px 6px 3px;} .in_prod li .pro_txt{font-size:13px;} } /*-----------------------------cp-------------------------------------------------*/ .iabo{width:1200px;height:auto;margin:80px auto 50px auto; clear:both;padding-top:80px} .iabo_lt{float:left;width:650px;height:auto;} .iabo_rt{float:right;width:480px} .iabo_rt img{max-width:480px;} .iabo_title{width:auto;font-size:32px;color:#333;} .iabo_title b{ font-weight:normal;border-bottom:2px solid #df2222;padding-bottom:8px;} .iabo_con{font-size:15px;color:#555;line-height:160%;padding:20px 0 0 0 ;} .iabo_more{width: 90px;height: 36px;line-height:36px;display:block;text-align:center;border:1px #fff solid;font-size:14px;color:#2b8be3;margin:0 auto} .iabo_more a{color:#fff;transition:all 0.3s ease;} .iabo_more a::after{content:"";display:block;width:0px;height:100%;background:#d12020;margin-top:-36px;transition:all 0.3s ease;} .iabo_more a:hover{color:#fff;} .iabo_more a:hover::after{width:100%;} @media (max-width:768px){ .iabo{width:100%;padding:0 8px 0 8px;margin:0 auto 0 auto;} .iabo_lt{width:100%;} .iabo_rt{width:100%;} .iabo_rt img{width:100%;} .iabo_title{font-size:28px;padding-top:40px;} .iabo_con{font-size:14px;line-height:150%;padding-top:30px;padding-bottom:10px;} .iabo_more{} } .in_news_box{float:left;width:100%;background:url(../images/in_07.jpg) center no-repeat;height:560px;margin:100px 0 0 0;} .in_news_title{width:auto;font-size:32px;color:#333;text-align:center;padding:70px 0 30px 0;} .in_news_title b{ font-weight:normal;border-bottom:2px solid #df2222;padding-bottom:8px;} .in_news {width:1200px; position:relative; z-index:12;margin:0 auto 30px auto;clear:both;padding-bottom:30px;} .in_news li{float:left;width:590px; height:123px; overflow:hidden; position:relative;margin-right:20px;margin-bottom:20px;} .in_news li:nth-child(2n){margin-right:0px;} .in_news li a{ position:relative; z-index:12;} .in_news li .tm{ float:left; width:125px; height:100%; text-align:center;} .in_news li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;} .in_news li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;color:#333} .in_news li .cont{ float:right; width:465px; padding:20px 25px 0 0; } .in_news li .cont p{ color:#222; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;} .in_news li .cont div{ padding-top:10px; font-size:13px; line-height:160%;overflow:hidden; color:#555; transition:all 0.5s ease;} .in_news li::after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background-color:#0556ba; z-index:-1; transition:all 0.5s ease;} .in_news li:hover::after{ width:100%;} .in_news li:hover .tm b,.in_news li:hover .tm span{ color:#FFF;} .in_news li:hover .cont p,.in_news li:hover .cont div{ color:#FFF;} .in_news_top{height:30px;line-height:30px; clear:both} .in_news_more{width:100px;height:36px;line-height:36px;font-size:13px;color:#FFF;text-align:center;border:1px solid #333;margin:0 auto 0 auto; clear:both;} .in_news_more a{color:#222;transition:all 0.3s ease;} .in_news_more a::after{content:"";display:block;width:0px;height:100%;background:#0556ba;margin-top:-36px;transition:all 0.3s ease;} .in_news_more a:hover{color:#fff;} .in_news_more a:hover::after{width:100%;} @media (max-width:768px){ .in_news_box{background:#eff4fa;height:auto;padding:0 0 40px 0;margin-top:30px;} .in_news{width:100%} .in_news_title{font-size:28px;padding:40px 0 30px 0;} .in_news li{width:100%;margin:0 0;} .in_news li .tm{width:100px; display:none} .in_news li .tm b{font-size:24px;} .in_news li .tm span{font-size:15px;} .in_news li .cont{width:100%;padding-left:15px;padding-right:15px;} .in_news li .cont p{font-size:15px} .in_news li .cont div{font-size:12px;padding-top:0px;line-height:140%;} } .in_td_box{float:left;width:100%;height:179px;background:url(../images/in_01.jpg) center no-repeat;margin-top:50px;font-size:36px;text-align:center;color:#FFF;padding:45px 0 0 0;} .in_td_box b{color:#ffe400; font-weight:600;} .in_td_box p{font-size:24px;padding-top:0px;} .in_ys{width:1200px;height:auto;margin:0 auto 100px auto; clear:both;} .in_ys_title{font-size:42px;color:#222;text-align:center;padding:40px 0 60px 0;} .in_ys_lt{width:350px;float:left} .in_ys_lt li{float:left;width:100%;margin:65px 0 0 0; clear:both} .in_ys_lt li .img{float:right;width:72px;height:72px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s} .in_ys_lt li .title{font-size:24px;color:#222;float:right;margin-right:20px; text-align:right} .in_ys_lt li .title p{font-size:15px;line-height:150%;} .in_ys_lt li .sl{background:url("../images/i_01.png") 0 0 no-repeat} .in_ys_lt li .td{background:url("../images/i_03.png") 0 0 no-repeat} .in_ys_lt li a:hover .sl{background-position:0 -72px} .in_ys_lt li a:hover .td{background-position:0 -72px} .in_ys_lt li:nth-child(1n){margin-bottom:0;} .in_ys_rt{width:350px;float:right} .in_ys_rt li{float:left;width:100%;margin:65px 0 0 0;} .in_ys_rt li .img{float:left;width:72px;height:72px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s} .in_ys_rt li .title{font-size:24px;color:#222;float:left;margin-left:20px;} .in_ys_rt li .title p{font-size:15px;line-height:150%;} .in_ys_rt li .sb{background:url("../images/i_02.png") 0 0 no-repeat} .in_ys_rt li .dz{background:url("../images/i_04.png") 0 0 no-repeat} .in_ys_rt li a:hover .sb{background-position:0 -72px} .in_ys_rt li a:hover .dz{background-position:0 -72px} .in_ys_ce{float:left;width:500px;text-align:center;} @media (max-width:768px){ .in_td_box{font-size:26px;padding:55px 0 0 0;} .in_td_box p{font-size:20px;padding-top:5px;} .in_ys{width:100%;padding:0 8px;} .in_ys_lt{width:100%;} .in_ys_lt li{margin:20px 0 0 0;width:100%;} .in_ys_lt li .img{float:left} .in_ys_lt li .title{float:left;margin-left:10px;text-align:left;font-size:20px;padding-top:5px;} .in_ys_lt li .title p{font-size:13px;line-height:150%;padding-top:3px;} .in_ys_rt{width:100%;} .in_ys_rt li{margin:20px 0 0 0;width:100%;} .in_ys_rt li .img{float:left;} .in_ys_rt li .title{float:left;margin-left:10px;text-align:left;font-size:20px;padding-top:5px;} .in_ys_rt li .title p{font-size:13px;line-height:150%;padding-top:3px;} .in_ys_title{font-size:30px;padding:20px 0 20px 0;} .in_ys_ce{display:none;} } .in_yz_box{width:100%;float:left;height:auto;background:#000;} .in_yz_title{font-size:42px;color:#fff;text-align:center;padding:0px 0 70px 0;} .in_lc_box{width:100%;float:left;background:#f7f7f7;height:auto;padding:60px 0 150px 0; clear:both;} .in_lc_title{text-align:center;font-size:42px;color:#222;padding:20px 0 80px 0;} .in_lc_title b{border-bottom:2px solid #df2222; font-weight:normal;padding-bottom:3px;} .in_lc{width:1200px;margin:0 auto} .in_lc li{float:left;width:88px;margin-right:69px;} .in_lc li .pic{width:88px;height:79px;} .in_lc li .pic p{font-size:15px;padding-top:10px;text-align:center;} .in_lc li .pic img {width: 88px;height: 79px;} .in_lc li .ico_1 {display: block;} .in_lc li .ico_2 {display: none;} .in_lc li:hover .ico_2 {display:block;} .in_lc li:hover .ico_1 {display: none;} .in_lc li:last-child{margin-right:0px} @media (max-width:768px){ .in_yz_box{margin-top:50px;} .in_yz_title{padding:0 0 50px 0;font-size:30px;} .in_lc_box{padding:40px 0 50px 0;} .in_lc_title{font-size:30px;padding:0 0 30px 0;} .in_lc{width:100%;padding:0 8px} .in_lc li{float:left;width:88px;margin:0 9% 40px 12%;} in_lc li .pic p{font-size:14px;padding-top:0px;padding-bottom:12px;} } /* ==================================================================================================== home end ===================================================================================== */ /*===================================================================================================== nei ============================================================================================*/ .mainbox{width:100%;float:left;background:#f4f4f4;height:auto;overflow:hidden;padding:0 0 30px 0;} .w1200{margin:0 auto;width:1200px;} .inban{width:100%;float:left;background:url(../images/ban_con.jpg) no-repeat center;height:300px;} .inban_txt{float:left;font-size:24px;color:#333;margin:25px 0 0 0;background:url(../images/t_05.png) no-repeat 0px 10px;height:68px;padding:20px 0 0 70px;} .inban_txt p{font-size:12px;color:#666; font-family:Arial, Helvetica, sans-serif;padding:5px 0 0 0; letter-spacing:0px;} .inban1{width:100%;float:left;background:url(../images/t_03.jpg) no-repeat center;height:170px;} @media (max-width: 768px) { .inban{ display:none;} .inban1{ display:none;} } .page_tit { width:100%; height:60px;line-height:60px; color:#222; font-size:18px; margin:0 auto;padding-left:15px;border-bottom:1px solid #d7d7d7;background:url(../images/i_02.jpg) center no-repeat;} .page_tit span {float:right;font-size:20px;color:#333;text-align:center;} .page_tit txt{border-left:3px solid #333;padding-left:8px;} .conMenu{width: 100%;text-align: center;overflow: hidden;margin:110px 0 20px 0; clear:both;} .conMenu h1{font-size: 26px;color: #333;margin-top: 15px;background:url(../images/hon.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;} .conMenu span{display: block;margin-top: 10px;font-size: 14px;color: #666666;line-height: 22px;padding:0 0 30px 0;} .conMenu ul{display: inline-block;margin-top:25px;} .conMenu ul li{float: left;width: 120px;height: 38px;margin-right: 2px;} .conMenu ul li a{display: block;text-align: center;line-height: 38px;font-size: 14px;color: #fff;background: #252525;} .conMenu ul li.on a{background: #ec6908;color: #FFFFFF;} .conMenu ul li:hover a{background: #ec6908;color: #FFFFFF;_transition:all .4s linear 0s;} .proMenu{width:1200px;height:auto; clear:both;margin:40px 0 60px 0;min-height:120px;padding:0 0 60px 0;} .proMenu li{float:left;width:99px;margin:0 1px 1px 0;text-align:center;background:#FFF;height:35px;line-height:35px;font-size:13px;} .proMenu li a{display:block;} .proMenu li a:hover{background:#272727;color:#FFF;} .proMenu li:nth-child(12n){margin-right:0px;} .proMenu li.on a{background: #272727;color: #FFFFFF;} @media (min-width:768px) and (max-width:1920px) { .conMenu{display:none;} } @media (max-width: 768px) { .proMenu{display:none;} .page_tit{padding:#fff;padding:0 0 0 0;height:50px;line-height:50px;width:100%;} .page_tit span{display:none} .mainbox{width:100%;padding:0 0 30px 0;} .w1200{width:100%;padding:0 8px 0 8px;} .conMenu{width:100%;padding:0 0;margin:20px 0 0 0;} .conMenu ul{display:block;margin-top:25px;} .conMenu ul li{width:calc(25% - 3px);margin:0 3px 3px 0px;float:left;} .conMenu ul li:nth-child(4n){margin-right:0;} } .about-ban span {width: 42%;margin:120px 0 125px 0;padding:30px 27px 20px 27px;color: #222;font-size:32px;background:#;float:right; font-family:Arial, Helvetica, sans-serif;text-align:right;line-height:110%;} .about-ban span b{color:#0556ba;} .about-ban span p{font-size:24px;padding-top:5px;} .about-ban {width: 100%; height: 568px; background-image:url(../images/new-ban.jpg); background-repeat: no-repeat; background-position:top;background-attachment: fixed;} .about-ban .ban_menu{width:100%;background-color:rgba(0,0,0,0.7);height:60px;line-height:60px;float:left;} .about-ban .ban_menu .lt{float:left;font-size:14px;color:#FFF;background:url(../images/top_home.png) no-repeat 0 20px;padding-left:28px;} .about-ban .ban_menu .lt a{color:#FFF;} .about-ban .ban_menu .rt{float:right;margin-top:15px;height:30px;} .about-ban .ban_menu .rt li{float:left;font-size:14px;color:#FFF;width:100px;text-align:center;margin-left:20px;height:30px;line-height:30px; border-radius:8px;border:1px solid #FFF; } .about-ban .ban_menu .rt li a{color:#FFF;display:block;} .about-ban .ban_menu .rt li a:hover{background:#ec6908; border-radius:8px;} .about-ban .ban_menu .rt li .cur{background:#ec6908;border-radius:8px} .about-mban img{width:100%;height:auto;} @media (min-width:768px) and (max-width:1920px) { .about-mban img{display:none;} } @media (max-width: 768px) { .about-ban{ display:none} } .about{min-height:450px;font-size:16px;line-height:170%;color:#444;padding:60px 0px 40px 0px;text-shadow:0 1px 0 #fff; clear:both} .about img{text-align:center;} .about img{width:100%;height:auto;} .nav_box{width:100%;float:left;background:url(../images/i_02.jpg) no-repeat center;height:70px; clear:both;} .nav_lt{float:left;font-size:13px;color:#FFF;padding-top:11px;} .nav_lt p{font-size:22px;padding-top:5px;} .nav_lt a{color:#FFF;} .nav_lt a:hover{color:#FFF;} .nav_rt{background:url(../images/tel.png) no-repeat 5px 0;padding-left:60px;float:right; color:#FFF;margin-top:16px;} .nav_rt p{font-size:17px;padding-top:0px;} .liucheng{width:100%;text-align:center;line-height:160%;font-size:font-size:16px;padding-top:60px; clear:both} @media (max-width: 768px) { .about{width:100%;padding:50px 0 20px 0;font-size:14px;line-height:150%; clear:both;} .about img{padding:0 0 0 0;width:100%;} .liucheng{padding-top:30px;} .liucheng img{width:100%;} .nav_box{ display:none} } .qywh{color:#333;line-height:170%;font-size:15px;padding:40px 40px;background:#FFF;} .qywh p{color:#333;font-size:15px;line-height:170%;} .qywh b{font-size:18px;color:#C00;display:block;font-weight:normal;padding-top:10px;} @media (max-width: 768px) { .qywh{width:100%;padding:20px 14px;font-size:16px;line-height:150%;} .qywh p{color:#333;font-size:14px;line-height:150%;} .qywh b{font-size:16px;color:#C00;display:block;font-weight:normal;padding:10px 0 5px 0;} } /*-------------chijian------------------*/ .sccj{ width:auto; padding:0px 0 10px 0; min-height:700px;margin:0 auto;margin:70px 0 0 0;} .sccj li{ float:left; width:calc(25% - 16px);text-align:center;margin:0 8px 15px 8px;border:1px solid #ccc;display:block;} .sccj li a{ display:block; width:100%; height:auto; color:#FFF; position:relative; overflow:hidden;} .sccj li a img{ max-width:100%; transition:all 0.3s ease-out 0s;height:200px;} .sccj li a div{ background:#000; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out 0s;} .sccj li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:16px;} .sccj li a:hover img{ transform:scale(1.1);} .sccj li a:hover div{ opacity:0.7; filter:alpha(opacity=70);} .sccj li a:hover p{ opacity:1; filter:alpha(opacity=100);} @media (max-width: 768px) { .sccj{width:100%;padding:0px 2px 10px 2px;margin:40px 0 0 0;} .sccj li{ width:calc(50% - 10px); margin:0 5px 10px 5px;padding-bottom:2px;border:2px solid #FFF;} .sccj li a{ display:block; width:100%; height:100%; color:#FFF; position:relative; overflow:hidden;} .sccj li a img{ width:auto; max-width:100%; transition:all 0.3s ease-out 0s;height:130px;} .sccj li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:15px;} } /*-----------chejian-----------------------*/ /*----------ying-----------*/ .yybox{font-size:15px;line-height:170%;color:#444;padding:60px 0px 40px 0px;} .yy{width:100%;height:auto;clear:both;min-height:350px;} .yy li{float:left;width:calc(33.33% - 4px);margin:0 2px 0 2px;} .yy li img{width:100%;} @media (max-width: 768px) { .yybox{padding:50px 0 30px 0;} .yy li{width:100%;margin:0 0 4px 0;} .yy li:last-child{margin-bottom:40px;} } /*----------ying-----------*/ /*------------contact--------------------*/ .cnt_contbox{ width:100%; height:695px; overflow:hidden;margin-top:0px;z-index:0} .cnt_contbox #allmap{ width:100%; height:695px;} .cnt_cont{ width:1100px; margin:0px auto;} .cnt_cont .bkg{ width:360px; padding:30px 0; overflow:hidden; background:#ec6908; color:#FFF; position:relative; z-index:10; left:0px; top:-660px; opacity:0; filter:alpha(opacity=0);} .cnt_cont .bkg .tit{ padding:5px 0 0 13px; font-size:17px; font-weight:bold; height:16px;} .cnt_cont .bkg .cont{ padding:13px 13px 0 13px; line-height:150%; font-size:15px;} .cnt_cont .bkg .cont a{ color:#FFF;} @media (max-width: 768px) { .in_lx{width:100%;} .in_lx .rt{width:96%;padding:20px 0px 0 0px;} } /*-----------content end-------------------*/ /*-----------product-----------*/ .ProList{ width:auto; height:auto;margin:50px 0 0 0; min-height:400px; clear:both} .ProList li{ width:calc(20% - 20px); float:left; margin:0px 10px 10px 10px; overflow:hidden;border:1px solid #e4e2e2} .ProList li .pro_pic{ width:100%; height:auto; overflow:hidden;} .ProList li .pro_pic img{width:100%;height:194px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;} .ProList li .pro_txt{text-align:center;color:#333;font-size:15px;padding:5px 0 10px 0;} .ProList li .pro_txt p{font-size:13px;padding-top:10px;color:#555;text-align:left;padding-left:15px;} .ProList li:last-child{margin-right:0px;margin:0px 0px;} .ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .ProList li a:hover .pro_txt{color:#d70505;} @media screen and (max-width:768px){ .ProList{width:100%;padding:0 0;margin:30px 0 0 0;} .ProList li{width:calc(50% - 10px);margin:0 5px 12px 5px;height:auto} .ProList li .pro_pic img{width:100%;height:131px;} .ProList li .pro_txt{font-size:14px;padding:10px 0 10px 0;} .ProList li .pro_txt p{font-size:12px;padding-left:10px;} } .pro_tion{width:1200px;min-height:450px;height:auto;clear:both;margin-top:50px;} .pro_tion .pr_lt{float:left;width:450px;text-align:center;} .pro_tion .pr_lt img{max-width:448px;border:1px solid #e0e0e0; } .pre_next{width:auto;height:auto;overflow:hidden;margin-top:10px;border:1px solid #e0e0e0;margin-bottom:0px;background:#FFF} .pre_next li{width:50%;float:left;display:block;text-align:center;border-right:1px solid #e0e0e0;} .pre_next li a{color:#444;display:block;font-size:14px;line-height:35px;text-transform:uppercase;-webkit-transition: all 0.5s ease-in-out;} .pre_next li a:hover{color:#FFF;background:#fb622a;} .pre_next li:last-child{border:none} .pro_tion .pr_rt{float:right;width:700px;height:auto;} .pr_rt_title{font-size:20px;color:#333;background:#f8f8f8;padding:15px 10px;border:1px solid #ececec} .pr_rt_lxfs{width:100%;border:1px #CCCCCC dashed;height:auto;overflow:hidden;margin:25px 0 0 0;padding:10px 10px; position:relative;background:#fff3e8} .pr_rt_lxfs li{float:left;font-size:14px;color:#555;margin-bottom:15px;display:block;width:100%;} .pr_rt_lxfs li img{margin-right:10px;padding:3px 0 0 0;} .pr_rt_lxfs li:last-child{margin-bottom:0px;} .pr_rt_lxfs ewm{right:10px;top:5px; position:absolute} .pr_rt_lxfs ewm img{width:105px;height:105px;} .pro_info{ line-height:160%;padding:25px 10px 20px 10px;font-size:14px;color:#666; min-height:400px; clear:both} .pro_info img{ min-width:100%;} .pro_info_sx{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:auto;overflow:hidden;padding:12px 12px;background:#FFF} .ff_pre{ clear:both; padding:16px 0 0 0;color:#333;} .ff_pre a{color:#0055ab;font-size:15px;} .ff_pre a:hover{color:#C00} .ff_next{ clear:both; padding:0 0 10px 0;color:#333;} .ff_next a{color:#0055ab;font-size:16px;} .ns_pn{ clear:both; padding:15px 0 40px 0; line-height:26px;font-size:16px} @media (max-width: 768px) { .pro_tit img{width:100%;} .pro_tit p{font-size:20px;} .pro_cont{width:100%;padding:0 5px 0 5px;} .pro_cont .rt{width:auto;} .pro_cont .lt{width:auto;} .pro_lt_pic{width:100%;} .pro_lt_pic img{width:100%;min-width:100%;} .pro_tit{margin-top:10px;} .pro_shux li{width:100%;float:left;display:block;line-height:32px;font-size:15px;color:#444;padding-left:10px;} .pr_rt_title{margin-top:20px;} .pr_rt_lxfs{margin:15px 0 0 0;} .pro_tion{width:100%;height:auto;margin-top:20px;} .pro_tion .pr_lt{width:100%;height:100%;} .pro_tion .pr_lt img{width:100%;height:auto;} .pro_tion .pr_rt{width:100%;} } .pro_type{ width:1200px; padding:0px 0 10px 0; min-height:700px;margin:0 auto;margin:70px 0 100px 0;} .pro_type li{ float:left; width:112px;height:112px;text-align:center;margin:0 19px 19px 19px;display:block;} .pro_type li a{ display:block; width:100%; height:auto; color:#FFF; position:relative; overflow:hidden; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow: 0 2px 3px rgba(0,0,0,.3);border:1px solid #f5f5f5;} .pro_type li a img{ max-width:100%; transition:all 0.3s ease-out 0s;height:auto;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .pro_type li a div{ background:#000; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out 0s;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .pro_type li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:16px;} .pro_type li a:hover img{ transform:scale(1.0);} .pro_type li a:hover div{ opacity:0.7; filter:alpha(opacity=70);} .pro_type li a:hover p{ opacity:1; filter:alpha(opacity=100);} @media (max-width: 768px) { .pro_type{width:100%;padding:0px 2px 10px 2px;margin:40px 0 0 0;} .pro_type li{ width:calc(50% - 10px); margin:0 5px 10px 5px;height:auto;} .pro_type li a{ display:block; width:100%; height:100%; color:#FFF; position:relative; overflow:hidden;} .pro_type li a img{ width:100%; max-width:100%; transition:all 0.3s ease-out 0s;} .pro_type li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:15px;} } /*-----------product end------------*/ /*--------------news------------*/ .xinw_tit{ font-size:22px; line-height:36px; text-align:center; padding:8px 0 8px 0 ;background:#fff;display:block;margin-top:50px;} .xinw_dtm{ text-align:center; padding:0 0 0px 0; font-size:14px; color:#555;line-height:40px;} .xinw_info{ line-height:23px;padding:20px 0px;font-size:15px;color:#555;min-height:400px;} .xinw_info b{font-size:18px;color:#eb3e00;} .xinw_box{width:auto;background:#FFF;height:auto;overflow:hidden;padding:50px 40px 40px 40px;} .newsList { width:1200px; position:relative; z-index:12;margin:20px auto 50px auto;min-height:360px;background:#f5f5f5} .newsList li{ width:100%; height:123px; overflow:hidden; position:relative;} .newsList li a{ position:relative; z-index:12;} .newsList li .tm{ float:left; width:125px; height:100%; text-align:center;} .newsList li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;} .newsList li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;} .newsList li .cont{ float:right; width:1045px; padding:35px 25px 0 0;} .newsList li .cont p{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;} .newsList li .cont div{ padding-top:5px; font-size:13px; line-height:160%;overflow:hidden; color:#737373; transition:all 0.5s ease;} .newsList li::after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background:#DA251C; z-index:-1; transition:all 0.5s ease;} .newsList li:hover::after{ width:100%;} .newsList li:hover .tm b,.newsList li:hover .tm span{ color:#FFF;} .newsList li:hover .cont p,.newsList li:hover .cont div{ color:#FFF;} @media (max-width: 768px) { .xinw_box{padding:30px 20px 30px 20px;} .xinw_tit{font-size:16px;margin-top:20px;} .newsList{width:100%;padding:0 0;} .newsList li{width:100%;} .newsList li .cont{width:100%;padding:20px 8px 0 12px;} .newsList li .tm{display:none;} .newsList li .cont p{font-size:16px;} .newsList li .cont div{padding-top:0px;} } /*--------------news-----------------*/ /*----product news---*/ .related{width:100%;height:auto;overflow:hidden;padding:15px 10px 0 10px;border:1px solid #e0e0e0; clear:both;margin:20px 0;min-height:120px;} .related li{float:left;width:calc(25% - 10px);margin:0 5px 10px 5px;background:url(../images/i_04.jpg) no-repeat 0 7px;padding-left:7px;} .related li a{display:block;font-size:12px;} @media (max-width: 768px) { .related{display:none;} } /*===================================================================================================== nei end =======================================================================================*/ .foot-menu-bg { width:100%; min-width:1200px; height:350px; background:#1e1e1e;margin-top:50px; clear:both;} .foot-menu-line { width:1200px; margin:0 auto;} .foot-menu { width:370px; height:auto; margin-right:30px; float:left; margin-top:40px; line-height:30px; color:#7c7c7c; font-size:14px;} .foot-menu .tit { width:100%; height:40px; line-height:40px; border-bottom:1px solid #363636; font-size:16px; color:#fff; margin-bottom:25px;} .foot-menu .tit span { width:65px; height:39px; display:block; border-bottom:3px solid #838383;padding-bottom:8px;} .foot-menu .link li { float:left; padding:0px 15px 0px 0px;} .foot-menu .link li a,.foot-menu .link li a:link,.foot-menu .link li a:visited,.foot-menu .link li a:hover { color:#7c7c7c;} .foot-bottom {width:100%; min-width:1200px; height:50px; overflow:hidden; background-color:#161616;} .foot-line {width:1100px; height:auto; overflow:hidden; margin:0 auto; font-size:13px; line-height:50px; color:#999;} .foot-line .left {width:800px; height:auto; overflow:hidden; float:left;} .foot-line .right {width:300px; height:auto; overflow:hidden; float:right; text-align:right;} .foot-line a,.foot-line a:link,.foot-line a:visited,foot-line a:hover { color:#999;} .share { width:230px; height:auto; overflow:hidden;} #share .bds_tsina { width:26px; height:26px;margin-right:15px; background:url(../images/weibo.png) no-repeat;} #share .bds_tqq { width:26px; height:26px;margin-right:15px; background:url(../images/t_weibo.png) no-repeat;} #share .bds_sqq { width:26px; height:26px;margin-right:15px; background:url(../images/qq.png) no-repeat;} #share .bds_weixin { width:26px; height:26px;margin-right:15px; background:url(../images/weixin.png) no-repeat;} .foot-menu .gzwm{width:100%;height:auto} .foot-menu .gzwm .lt{float:left} .foot-menu .gzwm .rt{float:right} .gzwm_tit{font-size:font-size:14px;color:#838383} .gzwm_tit img{padding-top:100px;} @media (max-width: 768px) { .foot{display:none;} .foot-menu-bg{display:none;} } .copy{width:100%;background:#121212;text-align:center;color:#FFF;font-size:13px; clear:both;padding:16px 0;} .copy a{color:#fff;} .copy a:hover{color:#fff;} @media (max-width: 768px) { .copy{line-height:140%;padding:15px 0;font-size:12px;margin-bottom:60px;margin-top:50px; clear:both;} } .yqlink{width:100%;background:#121212;height:auto;overflow:hidden;color:#dadada;padding-bottom:10px;} .yqlink a{color:#dadada;} .yqlink a:hover{color:#dadada;} /* ====== home banner start ====== */ .carousel-btn { text-align:center; margin:10px 0; } .carousel-btn a { display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 6px; background:#fff; } .carousel-btn .selected { background:#da251c; cursor:default; } .carousel-btn a span { display:none; } .carousel-btn-fixed { width:100%; position:absolute; bottom:15px; left:0; margin:0; z-index:100; } .carousel { position:relative; padding:0px; } @media (min-width:768px) and (max-width:991px) { .carousel{ height:479px !important; } .carousel .carousel-item .carousel-img a img{ height:479px !important; } } @media screen and (max-width:768px) { .carousel{ height:380px !important; } .carousel .carousel-item .carousel-img a img{ height:380px !important; padding-top:1px;} } @media screen and (max-width:640px) { .carousel{ height:350px !important; } .carousel .carousel-item .carousel-img a img{ height:350px !important; } } @media screen and (max-width:480px) { .carousel{ height:180px !important; } .carousel .carousel-item .carousel-img a img{ height:180px !important; } } .carousel-item { position:relative; float:left; display:block; } .carousel-item .carousel-img { display:block; } .carousel-item .carousel-img a[href="javascript:;"] { cursor:default; } .carousel-item .carousel-img img { display:block; } .responsive-carousel { overflow:hidden; } .responsive-carousel .carousel-item img { width:100%; height:auto !important; } .responsive-carousel .carousel-direction { display:none; } .responsive-carousel:hover .carousel-direction { display:block; } .responsive-carousel-set .carousel-info-inner h3 { font-weight:normal;} .banbox{ width:100%; overflow:hidden; display:block} /* ====== home banner end ====== */ /* ====== go top start ====== */ .gotop { background-color: rgba(0, 0, 0, 0.5); bottom: 50px; position: fixed; right: 20px; z-index: 10; width:45px; height:45px; display:none; } .gotop:hover { background-color: rgba(0, 0, 0, 0.6); } .gotop a { display: block; height: 45px; overflow: hidden; width: 45px; font-size:24px; color:#FFF; text-align:center; line-height:45px; } .gotop a:hover{color:#FFF} /* ====== go top end ====== */ /* 分页 */ .page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:100%;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;} .page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */ .page a:hover, .page a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */ .page input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */ .page1{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:1200px;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;} .page1 a,.page1 span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */ .page1 a:hover, .page1 a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */ .page1 input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */ /* 底部定导航*/ .menubox{ background-color: #fafafa; position: relative; position: fixed; left: 0; bottom: 0; z-index: 999; width: 100%; padding:9px 0; border-top: #eee solid 1px; } .menubox ul li{ float: left; width: 25%; text-align: center; } .menubox ul li i{ display: block; margin:0 auto; width: 25px; height: 25px; } .menubox ul li i img{ display: none; margin:0 auto; width: 25px; } .menubox ul li i img:first-child{ display: block; } .menubox ul li span{ display: block; font-size:14px; color: #666; line-height: 140%; } .menubox ul li.cur i img:first-child{ display: none; } .menubox ul li.cur i img:last-child{ display: block; } .menubox ul li.cur span{ color: #3385cc; } .menubox dl{ position: absolute; right: 0; width: 36%; background-color: #fafafa; text-align: center; padding: 1% 0; border:#ddd solid 1px; border-bottom: 0; display: none; border-radius: 4px 4px 0 0; overflow: hidden; } .menubox dl dd{ line-height: 320%; border-top: #ddd solid 1px; } .menubox dl dd:first-child{ border:0; } .menubox dl a{ display: block; color: #666; font-size: 15px; } .menubox dl a:active{ color: #fff; background-color: #3385cc; } @media (min-width:768px) and (max-width:1920px) { .menubox{display:none;} } /* 底部定导航*/