@charset "utf-8";
body{overflow-x: hidden;}
img{border:none;}
/*首页开始*/
/*top 开始*/
header{}
.top{
height:32px; background:#f5f5f5;
}
.top span:first-child{
float:left;
font-size:13px;
line-height:32px;
}
.top-right{
float:right;
font-size:12px;
line-height:30px;
}
.top-contact{
margin:0 10px;
}
.head{
height:126px;
}
.head-logo{
float:left;
/*margin-top:25px;*/
}
.head-logo { margin-top:10px;}
.head-right{
float:right;
margin-top:15px; width:400px;
}
.head-cn{
height:30px;
font-size:15px;
font-weight:bold;
line-height:30px;
padding-left:36px;
background:url(../images/qs_top_03.png) no-repeat left center;
}
.head-cn p{ padding-left:2px;}
.head-num { line-height:24px; font-size:13px; padding-top:30px}
.head-right ul li{ float:left; width:48%; margin-left:2%;}
.head-right span{
display:block;
color:#247f08;
font-size:16px;
line-height:24px;
}
.nav{ background:url(../images/bg.jpg) bottom ;
height:47px;
line-height:47px;
}
.nav li{
color:#000;
float:left;
width:170px;
font-size:14px;
text-align:center;
font-family:微软雅黑; transition:all 0.5s ease-out
}
.nav > div > ul > li >a:after{
content:'';
width:2px;
float:right;
height:25px;
margin-top:10px;
background:url(../images/nbor.gif) no-repeat;
}
.nav > div > ul > li:last-child > a:after{
background:url();
}
.nav a{
display:block; transition:all 0.3s ease-out;
}
.nav li.on,.nav li:hover{
background:#247f08; color:#fff
}
.nav > div > ul > li.on >a:after,.nav > div > ul > li:hover >a:after{
background:none;
}
.snav-ul{
color:#fff;
width:170px;
display:none;
z-index:99999;
position:absolute;
background-color:rgba(36, 127, 8, 0.6);
}
.snav-li a{color:#FFFFFF!IMPORTANT;}
.nav > div > ul > li:hover .snav-ul{
display:block;
}
.nav .container ul li a:hover{color:#FFFFFF;}
.snav-li{
border-bottom:1px dashed rgba(255,255,255,.5);
}
/*轮播开始*/
.banner{
width:1200px;
height:400px;
position:relative; margin:auto;
}
.banner-slide li{
top:0;
left:0;
width:100%;
height:100%;
position:absolute;
display:none;
}
.banner-slide li .container{
position: relative;
}
.banner-switch{
position:absolute;
bottom:12px;
left:48% !important;
}
.banner-slide li img{
width:auto; max-width:100%;
height:400px;
position:relative;
}
.banner-switch li{
float:left;
width:40px;
height:10px;
cursor:pointer;
margin-right:25px;
background:rgba(255,255,255,.5);
}
.banner-switch li:last-child{
margin-right:0;
}
.banner-switch li.on{
background-color:#e96400;
}
/*轮播结束*/
.notice{
color:#666;
height:50px;
font-size:16px;
border-bottom:#CCC 1px solid; width:1200px; margin:auto; position:relative;
}
.notice-left{
float:left;
color:#666666;
font-size:16px;
line-height:50px;
}
.notice-title a:hover{
color:#19387c;
}
.notice-hidden{
height:50px;
overflow:hidden;
}
.notice-max{
height:99999px;
position:relative;
}
.notice span{
float:left;
line-height:50px;
}
.notice-title{
width:97%;
float:left;
line-height:50px;
}
.notice-title a span:first-child{
float:left;
}
.notice-title a span:last-child{
float:right;
}
.notice-prev{
right:0;
top:15px;
position:absolute;
}
.notice-next{
right:0;
top:25px;
position:absolute;
}
.bz{
height:130px;
background-color:#f8f8f8;
}
.bz-li{
float:left;
width:175px;
height:75px;
margin-right:80px;
background:url(../images/dn_03.png);
}
.bz-li:nth-child(5){
margin-right:0;
}
.bz .container ul{
padding-top:28px;
}
.lltj{
top:95px; left:70px;
position:absolute;
}
.bz-a{
height:75px;
width:175px;
display:block;
line-height:75px;
}
.bz-a span:first-child{
float:left;
color:#014888;
font-size:36px;
margin-left:20px;
}
.bz-a span:last-child{
float:left;
color:#fff;
font-size:16px;
margin-left:20px;
}
.quality{
height:auto; overflow:hidden; clear:both; padding-top:1rem;
}
.quality li{
float:left;
width:18%;
margin-right:2%;
}
.quality li:nth-child(5n){
margin-right:0;
}
.quality-pic{
height:138px;
overflow:hidden;
}
.quality-pic img{
width:auto; max-width:100%;
height:100%;
margin:auto;
transition:all .6s;
}
.quality li:hover .quality-pic img{
transform:scale(1.2);
}
.quality-title{
height:44px;
font-size:14px;
line-height:44x;
text-align:center;
transition:all .6s; padding-top:6px;
}
.quality li:hover .quality-title{
color:#19387c;
}
.quality-more{
float:left;
height:40px;
width:1200px;
margin-top:20px; display:none;
background:url(../images/quality_more_03.jpg) center center;
.}
.quality-more a{
color:#fff;
float:left;
width:160px;
height:40px;
display:block;
line-height:40px;
text-align:center;
margin-right:15px;
}
.quality-more a:first-child{
margin-left:432px;
}
.advantage{
height:239px;width:1200px; margin:auto;
background:url(../images/advantage_02.jpg) center center; display:none
}
.advantage-tel1,.advantage-tel2{
right:0;
color:#fff;
font-size:28px;
font-weight:bold;
font-style:italic;
position:absolute;
}
.advantage-tel1{
top:60px;
right:65px;
}
.advantage-tel2{
top:80px;
right:130px;
}
.advantage-now,.advantage-project{
color:#fff;
height:28px;
width:138px;
display:block;
font-size:14px;
line-height:28px;
text-align:center;
position:absolute;
}
.advantage-now{
top:148px;
right:146px;
}
.advantage-project{
top:148px;
right:-6px;
}
.display{
height:395px;
}
.display-title{
width:225px;
height:40px;
margin:0 auto;
font-size:24px;
text-align:center;
border-bottom:1px solid #999999;
}
.display-en{
width:225px;
margin:0 auto;
font-size:14px;
margin-top:5px;
text-align:center;
}
.display-h{
width:1200px;
overflow:hidden;
margin-top:25px;
}
.display-li{
float:left;
width:290px;
height:285px;
margin:0px 8px 8px 0px;
}
.display-pic{
width:288px;
height:238px;
border:1px solid #d9d9d9;
}
.display-pic img{
width:288px;
height:238px;
}
.display-pic span{
width:100%;
display:block;
font-size:16px;
line-height:47px;
text-align:center;
}
.display-m{
width:99999px;
position:relative;
}
.core-title{
width:225px;
height:40px;
margin:0 auto;
font-size:24px;
text-align:center;
border-bottom:1px solid #999999;
}
.core-en{
width:225px;
margin:0 auto;
font-size:14px;
margin-top:5px;
text-align:center;
}
.core-bg{
width:1198px;
height:840px;
background:url(../images/core_16.jpg) no-repeat left center;
}
.core1{
right:5px;
top:110px;
width:550px;
position:absolute;
}
.core1-title{
color:#333;
font-size:20px;
}
.core-con{
color:#666;
font-size:15px;
margin-top:10px;
}
.core2{
right:5px;
top:278px;
width:550px;
position:absolute;
}
.core3{
top:524px;
left:165px;
width:525px;
position:absolute;
}
.core4{
top:727px;
left:165px;
width:525px;
position:absolute;
}
.about{
height:auto;margin-top:1rem;
/*background:url(../images/about_02.jpg) no-repeat bottom center; */position:relative;
/* background:#f5f5f5; */ height:auto; overflow:hidden; padding-bottom:30px;
}
.gsjj{
color:#000;
width:100px;
margin:0 auto;
display:block;
font-size:20px; letter-spacing:2px;
line-height:24px; padding-top:20px;
}
.about-company{
color:#000;
font-size:16px;
margin-top:20px; font-weight:bold; text-align:center; padding-bottom:1rem;
}
.about-con{
color:#000;
text-align:center;
font-size:13px;
line-height:24px; margin:auto
}
.about-more{
height:45px;
width:162px;
display:block;
color:#19387c;
font-size:16px;
line-height:45px;
bottom:45px;
left:500px;
text-align:center; color:#000; margin:auto;
}
.qa{
height:auto; overflow:hidden; padding-bottom:1rem;
}
.news{
float:left;
width:335px; margin-right:65px;
margin-top:30px;
}
.news-top{
height:37px;
border-bottom:1px solid #999999;
}
.news-cn{
color:#333;
float:left;
font-size:16px;
}
.news-en{
color:#999;
float:left;
font-size:12px;
margin-left:5px;
line-height:26px;
}
.news-more{
color:#666;
float:right;
line-height:40px;
}
.news-center{
width:100%;
height:160px;
margin-top:23px;
}
.news-center img{
max-width:100%; display:block; margin:auto;
height:100%;
}
.nc-right{
float:left;
width:510px;
height:160px;
margin-left:20px;
}
.nc-title{
color:#333;
width:100%;
font-size:16px;
}
.nc-content{
color:#666;
float:left;
font-size:14px;
margin-top:10px;
line-height:24px;
}
.news-more2{
float:left;
color:#1350d8;
}
.news-pic{
float:left;
width:100%;
height:160px; text-align:center;
display:block;
overflow:hidden;
}
.news-bottom{
margin-top:12px;
}
.news-bottom > ul{
}
.news-bottom > ul > li{
height:38px;
border-bottom:1px dashed #d5d5d5; width:100%;
}
.nb-left{
float:left;
height:48px;
}
.news-li{
float:left;
}
.news-li:nth-child(2n){
padding-right:0;
}
.nb-right{
float:right;
width:356px;
height:48px;
}
.nb-title{
float:left;
font-size:14px;
line-height:48px;
padding-left:15px;
transition:all .6s;
background:url(../images/news_ico_03.png) no-repeat left center;
}
.nb-date{
float:right;
font-size:12px;
line-height:48px;
}
.nb-title:hover{
font-size:16px;
}
.question{
float:right;
width:400px;
margin-top:30px;
}
.question-top{
height:37px;
border-bottom:1px solid #999999;
}
.question-cn{
color:#333;
float:left;
font-size:16px;
}
.question-en{
color:#999;
float:left;
font-size:12px;
margin-left:5px;
line-height:26px;
}
.question-more{
color:#666;
float:right;
line-height:40px;
}
.question-h{
width:400px;
height:500px;
overflow:hidden;
}
.question-m{
height:99999px;
position:relative;
}
.question-m li{
height:99px;
border-bottom:1px dashed #999;
}
.faq-title{
display:block;
font-size:14px;
margin-top:10px;
line-height:24px;
padding-left:33px;
background:url(../images/faq_03.png) no-repeat left center;
}
.faq-con{
color:#666666;
display:block;
margin-top:5px;
font-size:12px;
line-height:20px;
padding-left:33px;
background:url(../images/faq_06.png) no-repeat left top;
}
.formSpan {
padding:15px 0px;
overflow:hidden; clear:both;
}
.formBox {
margin-top:30px;
height:350px;
background:url(../images/formbox.png) no-repeat center;
}
.formBox {
position:relative;
}
.formBox .formPhone {
position:absolute;
left:504px;
top:46px;
font-size:24px;
color:#016c40;
}
.formBox .m_form {
position:absolute;
left:900px;
top:32px;
width:100%;
}
.formBox .m_form {
width:224px;
}
.formBox .m_form li {
margin-bottom:2px;
}
.formBox .m_form .iptTxt {
width:204px;
border:none;
height:16px;
line-height:16px;
padding:10px;
outline:none;
background:url(../images/ipttxt.png) no-repeat center;
font-family:microsoft yahei;
color:#fff;
}
.formBox .m_form .txtAre {
width:204px;
height:96px;
border:none;
outline:none;
resize:none;
padding:10px;
line-height:20px;
background:url(../images/txtare.png) no-repeat center;
font-family:microsoft yahei;
color:#fff;
}
.formBox .m_form .btnTj {
width:144px;
height:46px;
border:none;
background:url(../images/btntj.png) no-repeat center;
cursor:pointer;
}
.footer{
height:230px; border-top:1px solid #f5f5f5;
/*background:url(../images/fbg.jpg) top center; */clear:both;
}
.foot-ul{
float:none;
width:905px;
margin:auto;
}
.foot-ul li{
float:left;
width:116px;
font-size:15px;
line-height:50px;
}
.foot-ul li:first-child{
width:92px;
}
.foot-ul li:nth-child(n+2){
text-align:center;
}
.foot-ul > li > a{
display:block;
}
.foot-ul > li > a:after{
content:'';
width:2px;
float:right;
height:17px;
margin-top:15px;
background:url(../images/fi_03.jpg) no-repeat;
}
.foot-ul > li:last-child > a:after{
content:'';
width:1px;
float:right;
height:19px;
background:url() no-repeat;
}
.footer-info{
float:left;
font-size:14px;
position:relative
}
.footer-info .footer-ewm{
float:left;
width:290px;
margin-top:33px;
margin-left:50px;
}
.footer_ewm{ float:left; line-height:44px; font-size:14px; padding-top:1rem; width:160px; margin-left:40px}
.footer-info span:first-child{
margin-left:0;
}
.footer-info span{
display:block;
}
.footer_txt { float:left; margin-left:30px; width:600px; position:relative; padding-top:10px;}
.content{
margin-top:40px;
}
.content-left{
float:left;
width:260px;
}
.cl-pro{
width:260px;
margin-bottom:30px;
}
.clp-top{
width:260px;
height:108px;
background-color:#247f08;
border-radius:10px 10px 0 0;
}
.clp-nr{
height:60px;
margin-left:24px;
padding-top:24px;
padding-left:75px;
background:url(../images/products_06.png) no-repeat left bottom;
}
.clp-cn{
color:#fff;
font-size:20px;
}
.clp-en{
color:#fff;
font-size:14px;
}
.clp-list{ border:1px solid #d9d9d9;}
.clp-list li{
width:258px;
height:50px;
color:#999999;
font-size:14px;
line-height:50px;
background-color:#f7f7f7;
border-bottom:1px solid #d9d9d9;
}
.clp-title{
margin-left:70px;
padding-right:60px;
background:url(../images/products_11.png) no-repeat right center;
}
.clc-top{
width:260px;
height:60px;
background-color:#247f08;
border-radius:10px 10px 0 0;
}
.clc-top{
color:#fff;
}
.clc-cn{
float:left;
font-size:16px;
margin-top:20px;
margin-left:30px;
}
.clc-en{
float:left;
font-size:14px;
margin-top:26px;
margin-left:10px;
}
.clc-con{
width:258px;
height:286px;
margin-bottom:30px;
border:1px solid #999999;
}
.clc-pic{
width:248px;
height:72px;
margin:0 auto;
margin-top:5px;
}
.clc-title{
float:left;
font-size:14px;
margin-top:15px;
margin-left:12px;
}
.clc-info{
width:90%;
float:left;
font-size:14px;
margin-left:12px;
line-height:25px;
}
.content-right{
float:right;
width:910px;
margin-bottom:20px;
}
.cr-top{
height:45px;
background-color:#f0f0f1;
}
.crt-left{
float:left;
height:43px;
width:110px;
font-size:16px;
text-align:center;
line-height:43px;
border-bottom:2px solid #247f08;
}
.catpos{
float:right;
margin-top:13px;
line-height:25px;
padding-left:30px;
margin-right:20px;
background:url(../images/products_03.png) no-repeat left top;
}
.nproduct{
width:910px;
margin-top:20px;
}
.nproduct > ul > li{
float:left;
width:295px;
height:285px;
margin-right:12px;
}
.nproduct > ul > li:nth-child(3n){
margin-right:0;
}
.nproduct-pic{
width:295px;
height:240px;
overflow:hidden;
border:1px solid #d9d9d9;
}
.nproduct-pic img{
width:295px;
height:240px;
transition:all .6s;
}
.nproduct > ul > li:hover .nproduct-pic img{
transform:scale(1.2);
}
.nproduct-title{
height:45px;
font-size:16px;
line-height:45px;
text-align:center;
transition:all .6s;
}
.nproduct > ul > li:hover .nproduct-title{
color:#247f08;
}
.nshow{
width:910px;
margin-top:20px;
}
.nshow-title{
font-size:24px;
text-align:center;
}
.shows{
width:450px;
margin:0 auto;
margin-top:5px;
}
.from{
float:left;
color:#999;
display:block;
font-size:14px;
text-align:center;
}
.nshow-date{
float:right;
color:#999;
display:block;
font-size:14px;
text-align:center;
}
.pages{
float:left;
color:#666;
font-size:14px;
margin-top:30px;
}
.cr-news{
float:left;
width:910px;
margin-top:15px;
}
.cn-center{
width:100%;
height:150px;
margin-top:23px;
padding-bottom:23px;
border-bottom:1px dashed #c9c9c9;
}
.cn-center img{
float:left;
/*width:220px;
height:150px;*/
transform:scale(1.1);
}
.cnc-right{
float:left;
width:666px;
height:150px;
margin-left:20px;
}
.cnc-title{
color:#333;
width:100%;
display:block;
font-size:16px;
}
.cnc-content{
width:100%;
color:#666;
float:left;
font-size:14px;
margin-top:10px;
line-height:30px;
}
.cn-more2{
color:#19387c;
}
.cn-pic{
float:left;
width:220px;
height:150px;
display:block;
overflow:hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cn-pic img{
width:100%;
/*
height:150px;*/
}
.cn-date{
float:left;
color:#666666;
font-size:14px;
margin-top:10px;
}
/*messages*/
.messages{padding:15px 0;position:absolute;margin-top:50px;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist {height:30px;margin-bottom:30px;}
.messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}
.messlist input{float:left;width:400px;height:28px;padding-left:5px;border:#ccc 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;float:left;margin-top:20px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
#label0{display:none;color:#0aa770;height:28px;line-height:28px;}
#label1{display:none;color:#0aa770;height:28px;line-height:28px;}
#label2{display:none;color:#0aa770;height:28px;line-height:28px;}
#label3{display:none;color:#0aa770;height:28px;line-height:28px;}
#label4{display:none;color:#0aa770;height:28px;line-height:28px;}
#label5{display:none;color:#0aa770;height:28px;line-height:28px;}
#label6{display:none;color:#0aa770;height:28px;line-height:28px;}
#label7{display:none;color:#0aa770;height:28px;line-height:28px;}
#label8{display:none;color:#0aa770;height:48px;line-height:48px;}
#label9{display:none;color:#0aa770;height:48px;line-height:48px;}
#label10{display:none;color:#0aa770;height:48px;line-height:48px;}
.send{
height:600px;
width:500px;
margin:0 auto;
}
textarea{resize:none}
.v9_pages{ margin-top: 20px;}
.v9_pages a{ padding: 10px 20px 10px 20px; border: 1px #cacaca solid;}
.v9_pages span{ padding: 11px 21px 11px 21px; background:#258a00; color: #fff;}
.page_turn{
padding-top:30px;
}
.page_turn a{
color:#333;
}
.nshow-left{
float:left;
width:750px;
}
.nshow-right{
float:left;
width:150px;
}
/*main css*/
.izl-rmenu{position:fixed;right:0;margin-left:532px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
.izl-rmenu .btn-sj{background:url(../images/r_sj.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-sj:hover{background-color:#58a81c;}
.izl-rmenu .btn-sj .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}