@media(max-width:1024px) {
#ad_voice{ width:100%; overflow:hidden; position:fixed; z-index:1; display:none;}
#ad_voice marquee{position: relative; width:50%; color:#fff; float:right; z-index:0; line-height:40px;}
/*头部导航*/
#top{ width:100%; position:fixed; z-index:100; transition:all 0.5s;}
#top:hover{ background:rgba(0,0,0,0.8);}
#logo{ float:left; margin:1.5rem 0 0 1rem;}
#logo img{ height:2rem;}

#menu{ float:inherit; position:fixed; margin-right:0; margin-top:0; overflow:hidden; top:0; left:0; background:rgba(0,0,0,0.8); z-index:500; width:100%; height:100%; display:none;}
#menu ul{ width:75%; background:#fff; height:100%; overflow:scroll; float:left; margin-left:-75%; transition:all 0.5s;}
#menu ul li{ float:none; margin-left:1rem; margin-right:1rem; border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:3.6rem; padding:0 0px 0 0px; color:#333; font-size:1rem; text-decoration:none; background:url(image/line.jpg) no-repeat left bottom/0px 2px;}
#menu ul li a:hover{ color:#089bec;background:url(image/line.jpg) no-repeat left bottom/100% 2px; }

#close{ width:3rem; height:3rem; background:#089bec; float:left; cursor:pointer; display:block;}
#close img{ width:100%;}

#menu_btn{ float:right; overflow:hidden;display:block; margin-top:1rem; cursor:pointer;}
#menu_btn img{ height:3.6rem;}

#menu ul li .zmenu{ background:#f7f7f7; position:inherit; padding:0 0; border-top-right-radius:0;border-bottom-left-radius:0; display:none;}
#menu ul li .zmenu a{ line-height:3rem; font-size:0.8rem; color:#000; padding-left:0.5rem; border-bottom:solid 1px #eee;}
#menu ul li .zmenu a img{ width:30px; vertical-align:middle; margin-right:10px; display:none;}


#lan{ float:right; margin:2rem 0rem 0 0; overflow:hidden;}
#lan_btn{ width:25px; line-height:25px; text-align:center; color:#fff; display:block; text-decoration:none; font-size:12px; border-radius:50%; border:solid 2px #fff; float:left; margin-right:1.5rem;}
#search_btn{ display:none;width:29px; height:29px; border-radius:50%; background:#fff; overflow:hidden;}

#search div p{ position:absolute; width:11px; height:11px; background:#000; border:solid 2px #333; padding:5px; border-radius:50%; overflow:hidden; margin:-20px 0 0 790px; cursor:pointer;}

#lan_search{ display:none;}

/*banner*/
.swiper-container {	width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {	text-align:center; font-size:18px; background:#fff; 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;}
.swiper-slide{overflow:hidden;}
.swiper-slide img {width:auto; border:solid 1px #eee;}

#ind_change{ overflow:hidden; margin:60px auto 100px auto; width:140px;}
#ind_change p.left{ width:65px; height:36px; background:url(image/left1.png) no-repeat center #eee; border-radius:5px; cursor:pointer; float:left; transition:all 0.5s;}
#ind_change p.left:hover{background:url(image/left2.png) no-repeat center #c9000e;}
#ind_change p.right{ width:65px; height:36px; background:url(image/right2.png) no-repeat center #222; border-radius:5px; cursor:pointer; float:right;transition:all 0.5s;}
#ind_change p.right:hover{background:url(image/right2.png) no-repeat center #c9000e;}


/*底部CSS*/
#bottom{ background:#089bec;width:100%; overflow:hidden;}
#bottom ul{ width:90%; max-width:1600px; margin:30px auto 40px auto; overflow:hidden; display:none;}
#bottom ul li{ float:left; width:16.66%;}
#bottom ul li a{ color:rgba(255,255,255,0.6); text-decoration:none; line-height:24px; font-size:14px;}
#bottom ul li a:hover{ color:#fff;}
#bottom ul li p.tt a{ font-size:18px; line-height:60px; color:#fff;}

#copyright{ text-align:center; color:#fff; line-height:1rem; font-size:0.8rem; border-top:solid 1px rgba(255,255,255,0.2); width:90%; max-width:1600px; padding:1rem 0; margin:0 auto;}

#servicer{ position:fixed; right:20px; bottom:30px; width:50px; height:50px; background:#089bec; border-radius:50px;}

#c_contact{ width:90%; max-width:1600px; margin:0px auto 10px auto; padding-top:30px; padding-bottom:1rem; overflow:hidden; color:#fff; border-top:solid 1px rgba(255,255,255,0.2);}
#c_contact .left{ float:left;}
#c_contact .left p.tt{ font-size:1.4rem; line-height:40px; text-transform:uppercase; padding-bottom:1rem;}
#c_contact .left p.cc{ font-size:0.8rem; line-height:1rem;color:rgba(255,255,255,1);}
#c_contact .left p.cc span{ display:block; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; width:26px; height:26px; float:left; margin-right:10px; }

#c_contact .tel{ float:left; overflow:hidden; line-height:30px; margin:1rem 0 0 0; font-size:0.8rem;}
#c_contact .tel span{ display:block; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; width:26px; height:26px; float:left; margin-right:10px; }
#c_contact .tel a{ color:#fff; text-decoration:none;}

#c_contact .email{ float:left; overflow:hidden; line-height:30px; margin:1rem 0 0 0; font-size:0.8rem;}
#c_contact .email span{ display:block; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; width:26px; height:26px; float:left; margin-right:10px; }
#c_contact .email a{ color:#fff;}

#c_contact .share{ float:right; overflow:hidden; margin-top:0px; display:none;}
#c_contact .share ul li{ float:left; margin-left:5px;}

/*简介CSS*/
#about_banner{ width:100%; background:url(image/about_banner.jpg) no-repeat center/auto 100%; height:200px; overflow:hidden;}

#zmenu{ width:100%; overflow:hidden; margin-top:150px; display:none;}
#zmenu ul{ float:right;}
#zmenu ul li{ float:left; border-top-left-radius:20px; transition:all 0.5s;}
#zmenu ul li a{ display:block; line-height:50px;padding:0 70px 0 50px; color:#fff;}
#zmenu ul li a:hover{ padding:0 80px 0 60px;}
#zmenu ul li:nth-child(1){ background:#7d7d64; z-index:1; margin-right:-20px;}
#zmenu ul li:nth-child(2){ background:#54543b; z-index:2; margin-right:-20px;}
#zmenu ul li:nth-child(3){ background:#434333; z-index:3; margin-right:-20px;}
#zmenu ul li:nth-child(4){ background:#eee; z-index:4; height:50px;}
#zmenu ul li:hover{ background:#089bec;}

#title{ width:90%; margin:3rem auto 0 auto; padding-bottom:1rem; overflow:hidden; border-bottom:solid 1px #eee; line-height:1.4rem; border-bottom:solid 1px #eee;}
#title h1{ font-size:1.4rem; font-weight:900; color:#000; text-transform:uppercase; float:inherit; text-align:center;}
#title p{ float:inherit; text-align:center; color:#999;}

#content{ width:90%; margin:0 auto; overflow:hidden; color:#666; padding:1rem 0; font-size:0.9rem;}

#about_pic{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#about_pic .left{ float:left; width:100%; margin-bottom:1rem}
#about_pic .right{ float:right; width:100%;}
#about_pic img{ width:100%;}

#about_mainline{ width:100%; background:url(image/about_di.jpg) no-repeat top center/auto 100%; overflow:hidden; padding-bottom:3rem; height:auto;}
#about_mainline .k{ width:90%; margin:50px auto 0 auto; overflow:hidden; color:#fff;} 
#about_mainline .k .left{ width:100%;}
#about_mainline .k .left h2{ font-size:1.4rem; font-weight:900; line-height:2rem;}
#about_mainline .k .left .btn{ width:100%; overflow:hidden; margin-top:1rem;}
#about_mainline .k .left .btn ul li{ float:left; border:solid 1px rgba(255,255,255,0.5); font-size:0.8rem; line-height:2rem; padding:0 1rem; margin:0 0.5rem 10px 0; cursor:pointer;}


#about_mainline .k .left .con{ width:100%; margin-top:1rem;}
#about_mainline .k .left .con ul li{ overflow:hidden; display:none;}
#about_mainline .k .left .con ul li a{ display:block; color:rgba(255,255,255,0.6);}
#about_mainline .k .left .con ul li a h3{ font-size:20px; line-height:60px; font-weight:bold; color:#fff;}
#about_mainline .k .left .con ul li a .more{ margin-top:2rem; transition:all 0.5s;}
#about_mainline .k .left .con ul li a:hover{ color:#fff;}
#about_mainline .k .left .con ul li a:hover .more{ margin-left:20px;}

#about_advantage{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#about_advantage h2{ font-size:1.4rem; font-weight:900; line-height:110px; text-align:center; color:#000; text-transform:uppercase;}
#about_advantage .list{ width:100%; overflow:hidden;}
#about_advantage .list ul{ width:100%;}
#about_advantage .list ul li{ width:100%; margin:0 1rem 1rem 0; text-align:center; float:left;}
#about_advantage .list ul li div{ border:solid 1px #eee; height:270px;}
#about_advantage .list ul li div p:nth-child(1){ margin-top:50px;}
#about_advantage .list ul li div p:nth-child(2){ font-size:18px; line-height:40px; font-weight:bold;}
#about_advantage .list ul li div p:nth-child(3){ line-height:18px; color:#666;}

#testimonals{ width:90%; margin:40px auto 1rem auto; overflow:hidden;}
#testimonals ul{ width:100%;}
#testimonals ul li{ float:left; width:100%; background:#f7f7f7; border-top-right-radius:20px; border-bottom-left-radius:20px; margin:0 0 1rem 0; }
#testimonals ul li div{ padding:20px 30px;}
#testimonals ul li div p.tt{ font-size:18px; font-weight:800;}
#testimonals ul li div p.add{ font-size:12px; color:#999;}







#fair{ width:90%; margin:40px auto 50px auto; overflow:hidden;}
#fair ul{ width:100%;}
#fair ul li{ width:100%; margin:0 0 1rem 0; float:left;}
#fair ul li a{ display:block; text-align:center;}
#fair ul li a img{ width:100%; transition:all 0.5s;}
#fair ul li a p{ overflow:hidden;}
#fair ul li a:hover p img{ transform:scale(1.15);}
#fair ul li a p:nth-child(2){ font-size:18px; line-height:30px; padding-top:20px; font-weight:bold;}
#fair ul li a p:nth-child(3){ color:#999;}
#fair ul li a:hover p:nth-child(2){ color:#089bec;}

/*新闻CSS*/
#news_banner{ width:100%; background:url(image/news_banner.jpg) no-repeat center/auto 100%; height:200px; overflow:hidden;}

#nmenu{ width:100%; overflow:hidden; margin-top:250px; display:none;}
#nmenu ul{ float:right;}
#nmenu ul li{ float:left; border-top-left-radius:20px; transition:all 0.5s;}
#nmenu ul li a{ display:block; line-height:50px;padding:0 70px 0 50px; color:#fff;}
#nmenu ul li a:hover{ padding:0 80px 0 60px;}
#nmenu ul li:nth-child(1){ background:#7d7d64; z-index:1; margin-right:-20px;}
#nmenu ul li:nth-child(2){ background:#54543b; z-index:2; margin-right:-20px;}
#nmenu ul li:nth-child(3){ background:#434333; z-index:3;  margin-right:-20px;}
#nmenu ul li:nth-child(4){ background:#2e2d20; z-index:3;  margin-right:-20px;}
#nmenu ul li:nth-child(5){ background:#eee; z-index:4; height:50px;}
#nmenu ul li:hover{ background:#089bec;}

#news{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#news ul{ background:url(image/back1.jpg) no-repeat 0.5rem top/4px 100%;}
#news ul li{ overflow:hidden; padding:1rem 0 2rem 0; }
#news ul li a{ display:block; overflow:hidden; }
#news ul li a .left{ width:2rem; float:left;}
#news ul li a .left p{ width:10px; height:10px; border:solid 5px #089bec; border-radius:50%; margin-left:0rem; background:#fff; transition:all 0.5s;}
#news ul li a .right{ float:right; width:85%;border-bottom:solid 1px #eee; padding-bottom:1rem;}
#news ul li a .right .data{ overflow:hidden; font-size:0.8rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#999; padding-bottom:20px;}
#news ul li a .right .list{ overflow:hidden;}
#news ul li a .right .list .pic{ float:inherit; width:100%; margin-right:0; overflow:hidden;}
#news ul li a .right .list .pic img{ width:100%; transition:all 0.5s;}
#news ul li a .right .list .con{ overflow:hidden;}
#news ul li a .right .list .con p.tt{ font-size:1.1rem; font-weight:900; padding-bottom:1rem; padding-top:2rem;}
#news ul li a .right .list .con p.cc{ color:#666;}
#news ul li a .right .list .con p.more{ background:#f7f7f7; border-radius:3px; width:100px; text-align:center; line-height:36px; margin-top:1rem;  transition:all 0.5s;}
#news ul li a:hover .right .list .con p.more{ background:#089bec; color:#fff; width:120px;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 2px;}
#page ul li.num{ display:none;}
#page ul li a{ display:block; line-height:2.4rem; background:#f7f7f7; padding:0 10px; font-size:0.8rem;}
#page ul li a:hover{ background:#089bec; color:#fff;}
#page ul li a.it{ background:#089bec; color:#fff;}


/*服务CSS*/
#service_banner{ width:100%; background:url(image/service_banner.jpg) no-repeat center/auto 100%; height:200px; overflow:hidden;}

#smenu{ width:100%; overflow:hidden; margin-top:250px; display:none;}
#smenu ul{ float:right;}
#smenu ul li{ float:left; border-top-left-radius:20px; transition:all 0.5s;}
#smenu ul li a{ display:block; line-height:50px;padding:0 70px 0 50px; color:#fff;}
#smenu ul li a:hover{ padding:0 80px 0 60px;}
#smenu ul li:nth-child(1){ background:#7d7d64; z-index:1; margin-right:-20px;}
#smenu ul li:nth-child(2){ background:#54543b; z-index:2; margin-right:-20px;}
#smenu ul li:nth-child(3){ background:#434333; z-index:3; margin-right:-20px;}
#smenu ul li:nth-child(4){ background:#2e2d20; z-index:3; margin-right:-20px;}
#smenu ul li:nth-child(5){ background:#eee; z-index:4; height:50px;}
#smenu ul li:hover{ background:#089bec;}

#service1{ width:90%; margin:1rem auto 1rem auto; overflow:hidden; font-size:0.9rem;}

#service2{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#service2 ul{ width:100%;}
#service2 ul li{ width:100%; float:inherit; margin-right:0; margin-top:1rem;}
#service2 ul li div{ border:solid 1px #eee; text-align:center; padding:30px 30px; height:auto;}
#service2 ul li div p:nth-child(2){ font-size:18px; line-height:50px; font-weight:bold;}
#service2 ul li div p:nth-child(3){}

#service3{ width:100%; margin:40px auto 40px auto; overflow:hidden; font-size:0.8rem; text-align:center; background:url(image/oemdi.jpg) no-repeat top center; color:#fff; padding:50px 0;
animation:mymove 10s infinite;}
#service3 p{ border:solid 1px rgba(255,255,255,0.5); width:200px; margin:30px auto 0 auto; border-radius:50px; line-height:50px; font-weight:900; padding:0 20px; transition:all 0.5s;}
#service3 p a{ display:block; color:#fff;}
#service3 p span{ float:left;}
#service3 p:hover{ background:#089bec;border:solid 1px #089bec;}

@keyframes mymove
{
0%{background-position:0 0px;}
50%{background-position:0 -90px;}
100%{background-position:0 0px;}
}


#service4{ width:90%; margin:1rem auto 0 auto; overflow:hidden; text-align:center;}
#service4 h2{ font-size:1.4rem; line-height:50px; font-weight:900; color:#000;}
#service4 .list{ overflow:hidden; padding-bottom:0; padding-top:20px; overflow:scroll;}
#service4 .list ul{ display:block; width:810px;}
#service4 .list ul li{ background:#eee;  float:left; line-height:2.4rem; padding:0 1rem; margin:0 5px 1rem 5px; font-size:0.8rem; border-top-right-radius:10px; border-bottom-left-radius:10px; color:#666; cursor:pointer;}

#service4 .con{ width:100%; margin:0 auto 2rem auto; overflow:hidden; text-align:left;}
#service4 .con ul{ border:solid 1px #eee; padding:30px;}
#service4 .con ul li{ display:none;}


#after0{ width:90%; margin:0 auto 10px auto; overflow:hidden; background:#eee;}
#after0 .left{ float:left; border-right:solid 0 #fff;}
#after0 .left img{ width:100%;}
#after0 .right{ padding:1rem 1rem 2rem 1rem; overflow:hidden; font-size:0.9rem;}
#after0 .right p{ font-size:1.4rem; font-weight:900; line-height:60px; text-transform:uppercase; padding-bottom:0;}

#after1{ width:90%; margin:0 auto 2rem auto; overflow:hidden; background:#eee;}
#after1 .left{ float:right; border-left:solid 0px #fff;}
#after1 .left img{ width:100%;}
#after1 .right{ padding:1rem 1rem 2rem 1rem; overflow:hidden; font-size:0.9rem;}
#after1 .right p{ font-size:1.4rem; font-weight:900; line-height:60px; text-transform:uppercase; padding-bottom:0;}

#customer{ width:90%; margin:40px auto 0 auto;}
#customer ul{ width:100%;}
#customer ul li{ width:100%; margin-right:0px; float:left; margin-bottom:1rem;}
#customer ul li a{ display:block; text-align:center; line-height:60px; padding:20px 20px 10px 20px; border:solid 0px #eee; background:#f7f7f7; box-shadow:0 0 20px rgba(0,0,0,0)}
#customer ul li a img{ width:100%; transition:all 0.5s;}
#customer ul li a p{ overflow:hidden;}
#customer ul li a:hover{ color:#089bec;box-shadow:0 5px 20px rgba(0,0,0,0.2)}
#customer ul li a:hover img{ transform:scale(1.15);}


/*下载CSS*/
#download_banner{ width:100%; background:url(image/download_banner.jpg) no-repeat center/auto 100%; height:200px; overflow:hidden;}

#dmenu{ width:100%; overflow:hidden; margin-top:250px; display:none;}
#dmenu ul{ float:right;}
#dmenu ul li{ float:left; border-top-left-radius:20px; transition:all 0.5s;}
#dmenu ul li a{ display:block; line-height:50px;padding:0 70px 0 50px; color:#fff;}
#dmenu ul li a:hover{ padding:0 80px 0 60px;}
#dmenu ul li:nth-child(1){ background:#7d7d64; z-index:1; margin-right:-20px;}
#dmenu ul li:nth-child(2){ background:#54543b; z-index:2; margin-right:-20px;}
/*#dmenu ul li:nth-child(3){ background:#434333; z-index:3; margin-right:-20px;}*/
#dmenu ul li:nth-child(3){ background:#eee; z-index:4; height:50px;}
#dmenu ul li:hover{ background:#089bec;}

#support{ width:90%; margin:1rem auto 0 auto;}
#support ul{ width:100%;}
#support ul li{ width:100%; margin:0 0 1rem 0; float:left;}
#support ul li a{ display:block; background:#f7f7f7; padding:20px 20px 40px 20px;box-shadow:0 0px 20px rgba(0,0,0,0); }
#support ul li a p.a1{ overflow:hidden;}
#support ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#support ul li a p.a2{ font-size:16px; padding:20px 0 10px 0; font-weight:bold;transition:all 0.5s;}
#support ul li a p.a3{ font-size:14px; color:#666; display:-webkit-box; line-clamp:3;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;-webkit-box-orient:vertical;}
#support ul li a p.a4{ margin-top:30px; transition:all 0.5s;}
#support ul li a:hover{box-shadow:0 5px 20px rgba(0,0,0,0.2); background:#fff;}
#support ul li a:hover p.a1 img{ transform:scale(1.15);}
#support ul li a:hover p.a2{ color:#089bec;}
#support ul li a:hover p.a4{ margin-top:30px; margin-left:20px;}

#download{ width:90%; margin:1rem auto 0 auto;}
#download ul{ width:auto;}
#download ul li{ width:100%; margin-right:0; float:left; margin-bottom:30px;}
#download ul li div{ display:block; line-height:1rem; background:#fff; text-align:left; border:solid 1px #eee; padding:20px; box-shadow: 0 0 5px rgba(0,0,0,0); transition:all 0.5s; border-top-right-radius:20px; border-bottom-left-radius:20px; overflow:hidden;}
#download ul li div a{ float:left; overflow:hidden;}
#download ul li div a:nth-child(2){ float:right;}
#download ul li div a:nth-child(3){ float:right;}
#download ul li a img{ height:50px; float:left; margin-right:1rem;}
#download ul li a span{ float:inherit; display:block; color:#999; margin-left:0;}

#download ul li div:hover{  box-shadow: 0 0 10px rgba(0,0,0,0.1);}

#faq1{ width:90%; margin:10px auto 1rem auto; overflow:hidden;}
#faq1 h2{ font-size:1rem; line-height:4rem; text-align:center; color:#000;}

#faq1 .list{ overflow:hidden;}
#faq1 .list ul{ width:100%;}
#faq1 .list ul li{ float:left; width:100%; margin:0 0 1rem 0;}
#faq1 .list ul li div.k{ border:solid 1px #eee; padding:1rem 1rem; min-height:160px;}
#faq1 .list ul li div.k .q{ overflow:hidden; line-height:1rem; font-size:1rem; font-weight:bold; color:#000; overflow:hidden;}
#faq1 .list ul li div.k .q span{ display:block; width:30px; height:30px; background:#222; color:#fff; line-height:30px; text-align:center; float:left; margin-right:20px; border-radius:50%; }
#faq1 .list ul li div.k .a{ overflow:hidden; margin-top:10px;}
#faq1 .list ul li div.k .a .l{ float:left; overflow:hidden;}
#faq1 .list ul li div.k .a .l span{ display:block; width:30px; height:30px; background:#089bec; color:#fff; line-height:30px; text-align:center; float:left; margin-right:20px; border-radius:50%; }

#faq1 .list ul li div.k .a .r{overflow:hidden; color:#666;}

#faq2{ width:100%; background:#eee;  overflow:hidden; padding-top:40px;}
#faq2 h2{ font-size:1.2rem; line-height:1.2rem; text-align:center; color:#000; width:90%; margin:0 auto; padding:0 0 1rem 0;}

#faq2 .k{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#faq2 .k .l{}
#faq2 .k .l p.tt{ font-size:1rem; font-weight:bold;}
#faq2 .k .l p.cc{ font-size:0.8rem; font-weight:bold; color:#089bec;}

#faq2 .k .l .list{ overflow:hidden; margin-top:1rem;}
#faq2 .k .l .list ul{ width:100%;}
#faq2 .k .l .list ul li{ width:100%; background:#fff; margin-bottom:10px; width:100%; float:left; margin-right:0;}
#faq2 .k .l .list ul li .kk{ padding:30px; overflow:hidden;}
#faq2 .k .l .list ul li .kk .k1{ float:left; margin-right:20px;}
#faq2 .k .l .list ul li .kk .k1 img{ width:100px;}
#faq2 .k .l .list ul li .kk .k2 p.n1{ font-size:18px; font-weight:bold;}

#faq2 .k .r{ overflow:hidden; margin-top:30px;}
#faq2 .k .r p.tt{ font-size:1rem; font-weight:bold;}
#faq2 .k .r p.cc{ font-size:0.8rem; font-weight:bold; color:#089bec;}
#faq2 .k .r .con{ padding:1rem; background:#fff; overflow:hidden; margin-top:20px;}
#faq2 .k .r .con .tcs{ float:left; font-size:0.9rem; line-height:1.2rem;}
#faq2 .k .r .con img{ float:right; width:100%;}

#faq3{ width:90%;  overflow:hidden; padding-top:40px; margin:0 auto;}
#faq3 h2{ font-size:1.2rem; line-height:3rem; text-align:center; color:#000;}
#faq3 .list{ width:100%; margin:0 auto; overflow:hidden;  padding-bottom:1rem;}
#faq3 .list ul{ width:100%;}
#faq3 .list ul li{ width:100%; float:left; margin:0 20px 20px 0; }
#faq3 .list ul li div{ border:solid 1px #eee; padding:30px;height:auto; font-size:16px; line-height:30px;}
#faq3 .list ul li p:nth-child(1){ font-size:18px; font-weight:bold; padding-bottom:10px; color:#000;}

#faq3 .list ul li:nth-child(1) div{ height:auto;}

/*下载CSS*/
#contact_banner{ width:100%; background:url(image/contact_banner.jpg) no-repeat center/auto 100%; height:200px; overflow:hidden;}

#cmenu{ width:100%; overflow:hidden; margin-top:250px; display:none;}
#cmenu ul{ float:right;}
#cmenu ul li{ float:left; border-top-left-radius:20px; transition:all 0.5s;}
#cmenu ul li a{ display:block; line-height:50px;padding:0 70px 0 50px; color:#fff;}
#cmenu ul li a:hover{ padding:0 80px 0 60px;}
#cmenu ul li:nth-child(1){ background:#7d7d64; z-index:1; margin-right:-20px;}
#cmenu ul li:nth-child(2){ background:#54543b; z-index:2; margin-right:-20px;}
/*#cmenu ul li:nth-child(3){ background:#424232; z-index:3; margin-right:-20px;}*/
#cmenu ul li:nth-child(3){ background:#eee; z-index:4; height:50px;}
#cmenu ul li:hover{ background:#089bec;}

#contact0{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#contact0 ul{ width:100%;}
#contact0 ul li{ width:100%; float:left; margin-right:0rem; margin-bottom:1rem;}
#contact0 ul li .ren{ border:solid 1px #eee; padding:1rem; overflow:hidden;}
#contact0 ul li .ren img{ float:left; margin-right:1rem; width:5rem;}
#contact0 ul li .ren div{ overflow:hidden;}
#contact0 ul li .ren p.a0{ font-size:16px; font-weight:bold;}
#contact0 ul li .ren p{ line-height:38px; border-bottom:solid 1px #eee;}



#contact1{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#contact1 .k{ width:100%; float:left;}
#contact1 .k p{line-height:1.2rem; border-bottom:solid 1px #eee; padding:20px 0;}
#contact1 .k p span{ float:left; margin-right:10px;}

#contact1 .k .ren{ border:solid 1px #eee; padding:30px; margin-top:20px; display:none; }
#contact1 .k .ren .a1{ font-size:18px; font-weight:bold;}
#contact1 .k .ren p{ padding:0;}
#contact1 .k .ren img{ float:left; margin-right:30px;}
#contact1 .k .ren div{ overflow:hidden;}

#contact1 .map{ float:right; width:100%; background:url(image/map.jpg) no-repeat center; height:300px; overflow:hidden;}

#contact_btn{ width:100%; text-align:center; overflow:hidden; padding-bottom:20px; margin-top:20px; display:none;}
#contact_btn ul{}
#contact_btn ul li{ float:left; margin:0 2px; cursor:pointer; font-size:13px; padding:0 12px; line-height:40px; background:#eee; border-top-left-radius:10px; border-bottom-right-radius:10px;}



#feedback_notice{ width:90%; margin:1rem auto 0px auto; overflow:hidden; text-align:left; color:#089bec; font-size:0.8rem;}

#feedback{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}

#feedback p input{ border:solid 1px #ccc; height:3rem; line-height:3rem; width:99%; text-indent:10px; }
#feedback p textarea{ border:solid 1px #ccc; height:150px; line-height:24px; padding:10px 3%; width:92%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#feedback p:nth-child(1){ float:left; width:99%; margin-right:50px; margin-bottom:1rem;}
#feedback p:nth-child(2){ float:left; width:99%; margin-right:50px;margin-bottom:1rem;}
#feedback p:nth-child(3){ float:left; width:99%;margin-bottom:1rem; }
#feedback p:nth-child(4){width:100%; overflow:hidden; }
#feedback p:nth-child(5){ overflow:hidden; text-align:center; margin-top:40px;}
#feedback p:nth-child(5) button{ width:150px; height:3rem; background:#089bec; border-radius:5px; line-height:3rem; color:#fff; cursor:pointer; transition:all 0.5s;}
#feedback p:nth-child(5) button:hover{ width:180px; height:50px;line-height:50px;}

/*产品CSS*/
#pro_banner{ width:100%; background:url(image/pro_banner.jpg) no-repeat center/auto 100%; height:200px; overflow:hidden;}

#pmenu{ width:100%; overflow:hidden; margin-top:250px;}
#pmenu ul{ float:right;}
#pmenu ul li{ float:left; border-top-left-radius:20px; transition:all 0.5s;}
#pmenu ul li a{ display:block; line-height:50px;padding:0 50px 0 30px; color:#fff;}
#pmenu ul li:hover a{ padding:0 70px 0 50px;}
#pmenu ul li:nth-child(1){ background:#8f8f75; z-index:1; margin-right:-20px;}
#pmenu ul li:nth-child(2){ background:#75755c; z-index:2; margin-right:-20px;}
#pmenu ul li:nth-child(3){ background:#69694d; z-index:3; margin-right:-20px;}
#pmenu ul li:nth-child(4){ background:#54543b; z-index:4; margin-right:-20px;}
#pmenu ul li:nth-child(5){ background:#434333; z-index:5; margin-right:-20px;}
#pmenu ul li:nth-child(6){ background:#2e2d20; z-index:6; margin-right:-20px;}
#pmenu ul li:nth-child(7){ background:#1b1a12; z-index:7; margin-right:-20px;}
#pmenu ul li:nth-child(8){ background:#eee; z-index:8; height:50px;}
#pmenu ul li:hover{ background:#089bec;}

#pmenu ul li .kmenu{ position:absolute; background:#089bec; width:100%; left:0; display:none;}
#pmenu ul li .kmenu dl{ width:1300px; margin:0 auto;}
#pmenu ul li .kmenu dl dd{ float:left; margin-left:40px;}
#pmenu ul li .kmenu dl dd a{ padding:0; background:url(image/line3.jpg) no-repeat left bottom/0 3px;}
#pmenu ul li .kmenu dl dd a:hover{background:url(image/line3.jpg) no-repeat left bottom/100% 3px;}

#pmenu ul li:nth-child(1) .kmenu dl dd:nth-child(1){ margin-left:0px;}
#pmenu ul li:nth-child(2) .kmenu dl dd:nth-child(1){ margin-left:250px;}
#pmenu ul li:nth-child(3) .kmenu dl dd:nth-child(1){ margin-left:200px;}
#pmenu ul li:nth-child(4) .kmenu dl dd:nth-child(1){ margin-left:450px;}
#pmenu ul li:nth-child(5) .kmenu dl dd:nth-child(1){ margin-left:700px;}
#pmenu ul li:nth-child(6) .kmenu dl dd:nth-child(1){ margin-left:850px;}
#pmenu ul li:nth-child(7) .kmenu dl dd:nth-child(1){ margin-left:500px;}

#pro_table{ width:1300px; margin:0 auto; overflow:hidden; height:1350px;}
#pro_table div{ position:absolute;}
#pro_table div img{ width:100%; transition:all 0.5s;}
#pro_table div:hover img{ transform:scale(1.06);}
#pro_table div:nth-child(1){ margin:0 0 0 0;}
#pro_table div:nth-child(2){ margin:0 0 0 660px;}
#pro_table div:nth-child(3){ margin:250px 0 0 660px;}
#pro_table div:nth-child(4){ margin:250px 0 0 990px;}
#pro_table div:nth-child(5){ margin:500px 0 0 0;}
#pro_table div:nth-child(6){ margin:500px 0 0 487px;}
#pro_table div:nth-child(7){ margin:750px 0 0 487px;}
#pro_table div:nth-child(8){ margin:1000px 0 0 0;}















#probtn{ width:1300px; margin:0 auto; }
#probtn .left{ float:left; width:640px;}
#probtn .right{ width:640px; float:right;}
#probtn .right ul li{ float:left;}
#probtn .right ul li:nth-child(1){ width:100%; margin-bottom:20px;}
#probtn .right ul li:nth-child(2){ width:310px; margin-right:20px;}
#probtn .right ul li:nth-child(3){ width:310px;}
#probtn .right ul li a{ display:block;}
#probtn a img{ width:100%; transition:all 0.5s;}
#probtn a:hover img{ transform:scale(1.15)}

#probtn1{ width:1300px; margin:0 auto 0 auto;}
#probtn1 ul li{ float:left; margin:20px 20px 50px 0; width:310px;}
#probtn1 ul li:nth-child(4){ margin-right:0;}
#probtn1 ul li a{ display:block;}
#probtn1 ul li a img{ width:100%; transition:all 0.5s;}
#probtn1 a:hover img{ transform:scale(1.15)}

#pro_left_btn{ position:fixed; left:10px; bottom:50px; z-index:50; display:none;}
#pro_left_btn ul li{ margin-bottom:1px;}
#pro_left_btn ul li a{ display:block; background:rgba(0,0,0,0.8); border-radius:5px; overflow:hidden; width:50px; height:50px; transition:all 0.5s;}
#pro_left_btn ul li a img{ height:30px; padding:10px; float:left;}
#pro_left_btn ul li a p{ float:left; color:#fff; line-height:50px; padding-right:20px;}
#pro_left_btn ul li a:hover{ width:auto; background:#089bec;}


#proa{ width:100%; overflow:hidden; background:#eee;}
#proa .left{ width:50%; float:left; background:url(image/pro_p1.jpg) no-repeat left/50% auto; background-attachment:fixed; height:630px;}
#proa .right{ width:40%; float:right; padding:0 5%;}
#proa .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#proa .right p.con{ padding-top:10px;}
#proa .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#proa .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#proa .right p.more a:hover{ width:120px; background:#089bec;}

#proa .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#proa .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#proa .right .spro ul li p{ padding:10px 0;}
#proa .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#proa .right .spro ul li a img{ width:100%;}


#prob{ width:100%; overflow:hidden; background:#eee;}
#prob .left{ width:50%; float:right; background:url(image/pro_p2.jpg) no-repeat right/50% auto; background-attachment:fixed; height:630px;}
#prob .right{ width:40%; float:left; padding:0 5%;}
#prob .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#prob .right p.con{ padding-top:10px;}
#prob .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#prob .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#prob .right p.more a:hover{ width:120px; background:#089bec;}

#prob .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#prob .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#prob .right .spro ul li p{ padding:10px 0;}
#prob .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#prob .right .spro ul li a img{ width:100%;}

#proc{ width:100%; overflow:hidden; background:#eee;}
#proc .left{ width:50%; float:left; background:url(image/pro_p3.jpg) no-repeat left/50% auto; background-attachment:fixed; height:630px;}
#proc .right{ width:40%; float:right; padding:0 5%;}
#proc .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#proc .right p.con{ padding-top:10px;}
#proc .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#proc .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#proc .right p.more a:hover{ width:120px; background:#089bec;}

#proc .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#proc .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#proc .right .spro ul li p{ padding:10px 0;}
#proc .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#proc .right .spro ul li a img{ width:100%;}

#prod{ width:100%; overflow:hidden; background:#eee;}
#prod .left{ width:50%; float:right; background:url(image/pro_p4.jpg) no-repeat right/50% auto; background-attachment:fixed; height:630px;}
#prod .right{ width:40%; float:left; padding:0 5%;}
#prod .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#prod .right p.con{ padding-top:10px;}
#prod .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#prod .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#prod .right p.more a:hover{ width:120px; background:#089bec;}

#prod .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#prod .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#prod .right .spro ul li p{ padding:10px 0;}
#prod .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#prod .right .spro ul li a img{ width:100%;}


#proe{ width:100%; overflow:hidden; background:#eee;}
#proe .left{ width:50%; float:left; background:url(image/pro_p5.jpg) no-repeat left/50% auto; background-attachment:fixed; height:630px;}
#proe .right{ width:40%; float:right; padding:0 5%;}
#proe .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#proe .right p.con{ padding-top:10px;}
#proe .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#proe .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#proe .right p.more a:hover{ width:120px; background:#089bec;}

#proe .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#proe .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#proe .right .spro ul li p{ padding:10px 0;}
#proe .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#proe .right .spro ul li a img{ width:100%;}


#prof{ width:100%; overflow:hidden; background:#eee;}
#prof .left{ width:50%; float:right; background:url(image/pro_p6.jpg) no-repeat right/50% auto; background-attachment:fixed; height:630px;}
#prof .right{ width:40%; float:left; padding:0 5%;}
#prof .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#prof .right p.con{ padding-top:10px;}
#prof .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#prof .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#prof .right p.more a:hover{ width:120px; background:#089bec;}

#prof .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#prof .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#prof .right .spro ul li p{ padding:10px 0;}
#prof .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#prof .right .spro ul li a img{ width:100%;}


#prog{ width:100%; overflow:hidden; background:#eee;}
#prog .left{ width:50%; float:left; background:url(image/pro_p7.jpg) no-repeat left/50% auto; background-attachment:fixed; height:630px;}
#prog .right{ width:40%; float:right; padding:0 5%;}
#prog .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#prog .right p.con{ padding-top:10px;}
#prog .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#prog .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#prog .right p.more a:hover{ width:120px; background:#089bec;}

#prog .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#prog .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#prog .right .spro ul li p{ padding:10px 0;}
#prog .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#prog .right .spro ul li a img{ width:100%;}


#proh{ width:100%; overflow:hidden; background:#eee;}
#proh .left{ width:50%; float:right; background:url(image/pro_p8.jpg) no-repeat right/50% auto; background-attachment:fixed; height:630px;}
#proh .right{ width:40%; float:left; padding:0 5%;}
#proh .right p.tt{ font-size:24px; line-height:50px; padding-top:50px;}
#proh .right p.con{ padding-top:10px;}
#proh .right p.more{ overflow:hidden; margin:30px 0 0 0;}
#proh .right p.more a{ display:block; width:100px; line-height:40px; background:#333; color:#fff; text-align:center;border-radius:5px;}
#proh .right p.more a:hover{ width:120px; background:#089bec;}

#proh .right .spro{ width:100%; overflow:hidden; padding-top:40px; margin-bottom:50px;}
#proh .right .spro ul li{ float:left; width:30%; margin-right:3%;}
#proh .right .spro ul li p{ padding:10px 0;}
#proh .right .spro ul li a{ display:block; line-height:18px; text-align:center;}
#proh .right .spro ul li a img{ width:100%;}



/*---------------------------------------------*/
#pro1{ width:1300px; margin:30px auto 80px auto; overflow:hidden;}
#pro1 h2{ font-size:24px; line-height:50px;}
#pro1 .pro_btn{ overflow:hidden;}
#pro1 .pro_btn p{ float:left; margin-right:40px; }
#pro1 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro1 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro1 .pro_pic{ width:100%; overflow:hidden; padding-top:30px;}
#pro1 .pro_pic .pic{ float:left;}
#pro1 .pro_pic .list{ overflow:hidden; width:840px;}
#pro1 .pro_pic .list ul{}
#pro1 .pro_pic .list ul li{ float:left; width:260px; margin:0 0 20px 20px; float:left;}
#pro1 .pro_pic .list ul li a{ display:block; border:solid 1px #eee;}
#pro1 .pro_pic .list ul li a img{ width:100%;}
#pro1 .pro_pic .list ul li a p{ position:absolute; width:260px; height:48px; background:rgba(0,0,0,0.8); color:#fff; margin:-259px 0 0 -1px; text-align:center; opacity:0; transition:all 0.5s;}
#pro1 .pro_pic .list ul li a p span{ padding-top:100px; display:block;}
#pro1 .pro_pic .list ul li a:hover p{ height:260px; opacity:1;}

#pro2{ width:100%; background:#eee; overflow:hidden; padding:50px 0 80px 0; text-align:center;}
#pro2 .k{ width:1300px; margin:30px auto 0 auto;}

#pro2 h2{ font-size:24px; line-height:50px;}
#pro2 .pro_btn{ overflow:hidden; display:inline-block;}
#pro2 .pro_btn p{ float:left; margin:0 20px; }
#pro2 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro2 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro2 .list{ width:100%;  padding-top:20px;}
#pro2 .list ul{ width:1400px;}
#pro2 .list ul li{ float:left; width:307px; margin-right:24px; float:left;}
#pro2 .list ul li a{ display:block; margin-top:10px;}
#pro2 .list ul li a img{ width:100%;}
#pro2 .list ul li a p{background:#fff; border-top:solid 1px #eee; color:#000; transition:all 0.5s; text-align:center; font-size:14px; padding:20px 20px; line-height:18px;}
#pro2 .list ul li a:hover p{color:#089bec;}
#pro2 .list ul li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); margin-top:0;}

#pro3{ width:1300px; margin:60px auto 80px auto; overflow:hidden;}
#pro3 h2{ font-size:24px; line-height:50px;}
#pro3 .pro_btn{ overflow:hidden;}
#pro3 .pro_btn p{ float:left; margin-right:40px; }
#pro3 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro3 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro3 .pro_pic{ width:100%; overflow:hidden; padding-top:30px;}
#pro3 .pro_pic .pic{ float:left;}
#pro3 .pro_pic .list{ overflow:hidden; width:840px;}
#pro3 .pro_pic .list ul{}
#pro3 .pro_pic .list ul li{ float:left; width:260px; margin:0 0 20px 20px; float:left;}
#pro3 .pro_pic .list ul li a{ display:block; border:solid 1px #eee;}
#pro3 .pro_pic .list ul li a img{ width:100%;}
#pro3 .pro_pic .list ul li a p{ position:absolute; width:260px; height:48px; background:rgba(0,0,0,0.8); color:#fff; margin:-259px 0 0 -1px; text-align:center; opacity:0; transition:all 0.5s;}
#pro3 .pro_pic .list ul li a p span{ padding-top:100px; display:block;}
#pro3 .pro_pic .list ul li a:hover p{ height:260px; opacity:1;}

#pro4{ width:100%; background:#eee; overflow:hidden; padding:50px 0 80px 0; text-align:center;}
#pro4 .k{ width:1300px; margin:30px auto 0 auto;}

#pro4 h2{ font-size:24px; line-height:50px;}
#pro4 .pro_btn{ overflow:hidden; display:inline-block;}
#pro4 .pro_btn p{ float:left; margin:0 20px; }
#pro4 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro4 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro4 .list{ width:100%;  padding-top:20px;}
#pro4 .list ul{ width:1400px;}
#pro4 .list ul li{ float:left; width:307px; margin-right:24px; float:left;}
#pro4 .list ul li a{ display:block; margin-top:10px;}
#pro4 .list ul li a img{ width:100%;}
#pro4 .list ul li a p{background:#fff; border-top:solid 1px #eee; color:#000; transition:all 0.5s; text-align:center; font-size:14px; padding:20px 20px; line-height:18px;}
#pro4 .list ul li a:hover p{color:#089bec;}
#pro4 .list ul li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); margin-top:0;}

#pro5{ width:1300px; margin:60px auto 80px auto; overflow:hidden;}
#pro5 h2{ font-size:24px; line-height:50px;}
#pro5 .pro_btn{ overflow:hidden;}
#pro5 .pro_btn p{ float:left; margin-right:40px; }
#pro5 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro5 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro5 .pro_pic{ width:100%; overflow:hidden; padding-top:30px;}
#pro5 .pro_pic .pic{ float:left;}
#pro5 .pro_pic .list{ overflow:hidden; width:840px;}
#pro5 .pro_pic .list ul{}
#pro5 .pro_pic .list ul li{ float:left; width:260px; margin:0 0 20px 20px; float:left;}
#pro5 .pro_pic .list ul li a{ display:block; border:solid 1px #eee;}
#pro5 .pro_pic .list ul li a img{ width:100%;}
#pro5 .pro_pic .list ul li a p{ position:absolute; width:260px; height:48px; background:rgba(0,0,0,0.8); color:#fff; margin:-259px 0 0 -1px; text-align:center; opacity:0; transition:all 0.5s;}
#pro5 .pro_pic .list ul li a p span{ padding-top:100px; display:block;}
#pro5 .pro_pic .list ul li a:hover p{ height:260px; opacity:1;}

#pro6{ width:100%; background:#eee; overflow:hidden; padding:50px 0 80px 0; text-align:center;}
#pro6 .k{ width:1300px; margin:30px auto 0 auto;}

#pro6 h2{ font-size:24px; line-height:50px;}
#pro6 .pro_btn{ overflow:hidden; display:inline-block;}
#pro6 .pro_btn p{ float:left; margin:0 20px; }
#pro6 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro6 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro6 .list{ width:100%;  padding-top:20px;}
#pro6 .list ul{ width:1400px;}
#pro6 .list ul li{ float:left; width:307px; margin-right:24px; float:left;}
#pro6 .list ul li a{ display:block; margin-top:10px;}
#pro6 .list ul li a img{ width:100%;}
#pro6 .list ul li a p{background:#fff; border-top:solid 1px #eee; color:#000; transition:all 0.5s; text-align:center; font-size:14px; padding:20px 20px; line-height:18px;}
#pro6 .list ul li a:hover p{color:#089bec;}
#pro6 .list ul li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); margin-top:0;}

#pro7{ width:1300px; margin:60px auto 80px auto; overflow:hidden;}
#pro7 h2{ font-size:24px; line-height:50px;}
#pro7 .pro_btn{ overflow:hidden;}
#pro7 .pro_btn p{ float:left; margin-right:40px; }
#pro7 .pro_btn p a{ color:#666; background:url(image/line.jpg) no-repeat left bottom/0% 1px; line-height:40px;}
#pro7 .pro_btn p a:hover{ color:#089bec; background:url(image/line.jpg) no-repeat left bottom/100% 1px;}

#pro7 .pro_pic{ width:100%; overflow:hidden; padding-top:30px;}
#pro7 .pro_pic .pic{ float:left;}
#pro7 .pro_pic .list{ overflow:hidden; width:840px;}
#pro7 .pro_pic .list ul{}
#pro7 .pro_pic .list ul li{ float:left; width:260px; margin:0 0 20px 20px; float:left;}
#pro7 .pro_pic .list ul li a{ display:block; border:solid 1px #eee;}
#pro7 .pro_pic .list ul li a img{ width:100%;}
#pro7 .pro_pic .list ul li a p{ position:absolute; width:260px; height:48px; background:rgba(0,0,0,0.8); color:#fff; margin:-259px 0 0 -1px; text-align:center; opacity:0; transition:all 0.5s;}
#pro7 .pro_pic .list ul li a p span{ padding-top:100px; display:block;}
#pro7 .pro_pic .list ul li a:hover p{ height:260px; opacity:1;}

#prolist{ width:90%; margin:1rem auto 0 auto;}
#prolist ul{ width:100%;}
#prolist ul li{ width:100%; margin:0 0 1rem 0; float:left;}
#prolist ul li a{ display:block; background:#f7f7f7; padding:1rem;box-shadow:0 0px 20px rgba(0,0,0,0); }
#prolist ul li a p.a1{ overflow:hidden;}
#prolist ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#prolist ul li a p.a2{ font-size:1rem; padding:1rem 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


#probig{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#probig .left{ float:left; border:solid 1px #eee; margin-right:0;}
#probig .left img{ width:100%;}
#probig .right{ overflow:hidden; width:100%;}
#probig .right p.bread{ line-height:40px; color:#999;}
#probig .right h1{ float:30px; line-height:30px;}
#probig .right .cc{ color:#666; padding-top:20px; border-bottom:solid 1px #eee; padding-bottom:30px;}
#probig .right .li{ overflow:hidden; margin-top:20px; border-bottom:solid 1px #eee; padding-bottom:20px; display:none;}
#probig .right .li ul li{ float:left; margin-right:10px; border:solid 1px #eee; cursor:pointer; width:60px;}
#probig .right .li ul li img{ width:100%;}

#probig .right .contact{ overflow:hidden; margin-top:50px;}
#probig .right .contact a{ background:#089bec; width:200px; line-height:50px; display:block; text-align:center; color:#fff; font-size:14px; border-radius:5px; float:left; margin-right:30px;}
#probig .right .contact a:hover{ width:220px;}
#probig .right .contact a img{ height:30px; padding:10px;}

#probig .right #whatapp{ width:50px; height:50px; background:#2b9010; margin-right:10px;}

#probig .right .tel{ overflow:hidden; float:left;}
#probig .right .tel span{ font-size:24px; font-weight:bold;}


#probig0{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#probig0 h2{ border-bottom:solid 1px #eee; line-height:60px;}
#probig0 .table{ width:100%; overflow:hidden;}
#probig0 .table ul{ width:100%;}
#probig0 .table ul li{ width:99%; margin-right:0px; float:left; line-height:50px; border-bottom:solid 1px #eee; font-size:14px; overflow:hidden; border-right:solid  1px #eee;}
#probig0 .table ul li span:nth-child(1){ width:130px; display:block; float:left; background:#f7f7f7; text-align:center;}
#probig0 .table ul li span:nth-child(2){ padding-left:10px;}




#probig1{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#probig1 h2{ border-bottom:solid 1px #eee; line-height:60px;}
#probig1 span{ font-weight:bold; color:#089bec;}
#probig1 .text{ overflow:hidden; padding-top:30px; font-size:16px;}

#probig2{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#probig2 h2{ border-bottom:solid 1px #eee; line-height:60px;}

#probig2 .text{ overflow:hidden; padding-top:30px;}
#probig2 .text table{ width:100%; border-top:solid 1px #eee; border-left:solid 1px #eee;}
#probig2 .text table td{ text-align:center; line-height:40px; border-bottom:solid 1px #eee; border-right:solid 1px #eee;}
#probig2 .text table tr:nth-child(1){ background:#f7f7f7; font-weight:bold;}
#probig2 .text table tr{ transition:all 0.5s;}
#probig2 .text table tr:hover{ background:#089bec; color:#fff;}

#probig3{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#probig3 h2{ border-bottom:solid 1px #eee; line-height:60px;}
#probig3 .list{ width:100%; overflow:hidden; padding-top:30px;}
#probig3 .list ul{ width:100%;}
#probig3 .list ul li{ float:left; width:100%; margin-right:0; margin-bottom:1rem;}
#probig3 .list ul li a{ display:block; border:solid 1px #eee; padding:20px;}
#probig3 .list ul li a img{ width:100%;}
#probig3 .list ul li a p:nth-child(1){ overflow:hidden;}
#probig3 .list ul li a p:nth-child(2){ overflow:hidden; text-align:center;font-size:16px; font-weight:bold;}
#probig3 .list ul li a:hover{ border:solid 1px #089bec; color:#089bec;}

#probig4{ background:url(image/probig_di.jpg) no-repeat center; overflow:hidden; margin:60px 0 0 0; padding-top:50px;}
#probig4 h2{width:90%; margin:0 auto; overflow:hidden; line-height:60px; color:#fff;}


#message{ width:90%; margin:0px auto 60px auto; overflow:hidden;}

#message p input{ border:solid 1px rgba(255,255,255,1); background:rgba(0,0,0,0.2); height:40px; line-height:40px; width:99%; text-indent:10px; color:#fff; }
#message p input::placeholder{ color:#fff;}
#message p textarea{ border:solid 1px rgba(255,255,255,1); height:150px; background:rgba(0,0,0,0.2);line-height:24px; padding:10px 3%; width:92%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#message p textarea::placeholder{ color:#fff;}

#message p:nth-child(1){ float:left; width:99%; margin-right:0; margin-bottom:10px;}
#message p:nth-child(2){ float:left; width:99%; margin-right:0;margin-bottom:10px;}
#message p:nth-child(3){ float:left; width:99%; margin-bottom:10px;}
#message p:nth-child(4){width:100%; overflow:hidden; }
#message p:nth-child(5){ overflow:hidden; text-align:center; margin-top:20px;}
#message p:nth-child(5) button{ width:150px; height:40px; background:#089bec; border-radius:5px; line-height:40px; color:#fff; cursor:pointer; transition:all 0.5s;}
#message p:nth-child(5) button:hover{ width:180px; height:40px;line-height:40px;}





#float{ position:fixed; z-index:20; right:0.5rem; bottom:1rem;}
#float ul li{ background:rgba(0,0,0,0.8); margin-bottom:2px; transition:all 0.5s; border-radius:5px;}
#float ul li a{ display:block; width:2.6rem;}
#float ul li a img{ width:100%;}
#float ul li:hover{ background:#089bec;}

#email{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:150; overflow:hidden; display:none;}
#email .k{ width:550px; background:#fff; margin:0 auto; overflow:hidden; display:none;}
#email .k .con{ border:solid 1px #eee; margin:20px; padding:10px 30px 30px 30px;}
#email .k .con p.tt{ font-size:18px; font-weight:700; line-height:40px; margin-bottom:10px;}
#email .k .con p{ margin-bottom:30px;}
#email .k .con p input{ border:solid 1px #ddd; width:100%; height:36px; text-indent:10px;}
#email .k .con p textarea{ border:solid 1px #ddd; width:94%; height:100px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:10px 3%;}
#email .k .con p button{ width:100%; background:#089bec; color:#fff; line-height:36px; cursor:pointer;}
#email .k .con p:last-child{ margin:0;}

#email_close{ background:#fff; border:solid 2px #fff; box-shadow:0px 0px 5px rgba(0,0,0,0.2); position:absolute; cursor:pointer; background:#222; padding:5px; border-radius:20px; margin:10px 0 0 517px;}



#honor{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#honor ul{ width:100%;}
#honor ul li{ float:left; width:100%; margin-right:0; margin-top:1rem;}
#honor ul li a{ display:block; line-height:50px; text-align:center;}
#honor ul li a img{ width:100%; transition:all 0.5s;}
#honor ul li a p{ overflow:hidden;}
#honor ul li a:hover{ background:#089bec; color:#fff;}
#honor ul li a:hover img{ transform:scale(1.15);}


.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}

#content{ width:90%; margin:1rem auto 0rem auto; overflow:hidden; font-size:0.8rem;}
#content img{ width:100%;}
#content .news_title{ font-size:1.5rem;padding: 10px; line-height:1.5rem;}

}
@media(max-width:800px) {
#about_banner{ width:100%; background:url(image/about_banner.jpg) no-repeat center/auto 100%; height:150px; overflow:hidden;}
#news_banner{ width:100%; background:url(image/news_banner.jpg) no-repeat center/auto 100%; height:150px; overflow:hidden;}
#pro_banner{ width:100%; background:url(image/pro_banner.jpg) no-repeat center/auto 100%; height:150px; overflow:hidden;}
#download_banner{ width:100%; background:url(image/download_banner.jpg) no-repeat center/auto 100%; height:150px; overflow:hidden;}
#service_banner{ width:100%; background:url(image/service_banner.jpg) no-repeat center/auto 100%; height:150px; overflow:hidden;}
#contact_banner{ width:100%; background:url(image/contact_banner.jpg) no-repeat center/auto 100%; height:150px; overflow:hidden;}
#search div p{ position:absolute; width:11px; height:11px; background:#000; border:solid 2px #333; padding:5px; border-radius:50%; overflow:hidden; margin:-20px 0 0 87%; cursor:pointer;}








}