@charset "utf-8";
/**/

@media(max-width:1100px) {
#top{ width:100%; position:fixed; top:0; left:0; z-index:10;}

#logo{ float:left; overflow:hidden;}
#logo img{ margin:0.5rem 0 0.5rem 1rem; height:3rem;}
#logo a{ float:left; display:block;}
#logo p span{ display:block; background:#0ba29b; color:#fff; line-height:16px; text-align:center; width:34px; border-radius:2px;}
#logo p{color:#999; line-height:20px; margin-left:15px; font-size:13px; margin-top:26px; display:none; float:left; border-left:solid 1px #ddd; padding-left:15px;}

#m_menu{ float:right; height:4rem; cursor:pointer; display:block;}
#m_menu img{ height:3rem; margin-top:0.5rem;}

#top_menu{ width:100%; background:#fff; overflow:hidden;}
#menu{line-height:50px;overflow:hidden; float:inherit; position:fixed; background:rgba(0,0,0,0.8); width:100%; height:100%; left:0; top:0; z-index:30; display:none;}
#menu ul{ width:70%; background:#005261; height:100%; overflow:scroll; float:left; margin-left:-70%; transition:all 0.5s;}
#menu ul li{ float:inherit; border-bottom:solid 1px rgba(255,255,255,0.1); width:100%; overflow:hidden;}
#menu ul li a{ display:block; line-height:4rem; font-size:0.8rem; color:#fff; padding:0 0 0 1rem;}
#menu ul li a.k{ background:url(image/down.png) no-repeat 96% center/ auto 70%;}
#menu ul li a:hover{ color:#0ba29b; }

#menu ul li .zmenu{ position:inherit; background:#f7f7f7; text-align:left; overflow:hidden; padding:0 0; width:100%; left:0;margin-left:0px; display:none;}
#menu ul li .zmenu div{ display:block;}
#menu ul li .zmenu p{ float:inherit; border-top:solid 1px #eee;}
#menu ul li .zmenu a{ line-height:3rem; font-size:0.8rem; color:#000; display:block;}
#menu ul li .zmenu a:hover{ color:#0ba29b}

#menu ul li .zmenu .p_menu{ width:100%; margin:0 auto; overflow:hidden;}
#menu ul li .zmenu .p_menu div{ float:left; display:block; width:100%; height:auto; padding-top:0;}
#menu ul li .zmenu .p_menu div dd{ display:block; text-align:left; border-top:solid 1px #eee;}
#menu ul li .zmenu .p_menu div dd.tt a{ font-weight:bold; font-size:15px;}
#menu ul li .zmenu .p_menu div dd.pt a{ color:#666;}
#menu ul li .zmenu .p_menu div dd.pt a:hover{ color:#0ba29b;}


#close{ float:left; background:#0ba29b; width:4rem; display:block; cursor:pointer;}
#close img{ width:100%;}

#lan{}
#lan a{ margin-top:1.2rem; margin-right:1rem; width:1.6rem; line-height:1.6rem; font-size:0.7rem;}


/*banner*/
#banner{ overflow:hidden; margin-top:4rem;}
.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:100%;}
/*.swiper-slide img.p1{ display:none;}*/
/*.swiper-slide img.p2{ display:block;}*/
.PC_banner{ display:none;}
.M_banner{ display:block;}

#ind_btn{ width:100%; overflow:hidden; background:#00aca8; padding:1rem 0 0rem 0;}
#ind_btn ul{ width:95%; margin:0 auto; overflow:hidden;}
#ind_btn ul li{ width:25%; float:left; margin-bottom:1rem;}
#ind_btn ul li a{ display:block; color:#fff; overflow:hidden; padding:0 0rem;}
#ind_btn ul li:nth-child(1) a{ border-right:solid 0px #4dc5c2;}
#ind_btn ul li:nth-child(2) a{ border-right:solid 0px #4dc5c2;}
#ind_btn ul li:nth-child(3) a{ border-right:solid 0px #4dc5c2;}
#ind_btn ul li a .left{ float:left; width:100%; text-align:center;}
#ind_btn ul li a .left img{ width:2rem;}
#ind_btn ul li a .right{ overflow:hidden; width:100%;}
#ind_btn ul li a .right p:nth-child(1){ font-size:0.8rem; font-weight:400; line-height:1rem; text-align:center; padding-top:0rem;}
#ind_btn ul li a .right p:nth-child(2){ line-height:18px; font-size:0.8rem; display:none;}

#ind_about{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat 15% bottom/150% auto #eeeef1; height:auto; padding-bottom:5rem}
#ind_about .con{ width:90%; margin:0 auto; overflow:hidden;}
#ind_about .con p:nth-child(1){ font-size:1.4rem; color:#000000; font-weight:bold; line-height:40px; padding:2rem 0 1rem 0;}
#ind_about .con p:nth-child(2){ line-height:1.8rem; font-size:0.8rem; color:#000000; width:100%;}
#ind_about .con p:nth-child(3){ overflow:hidden; margin-top:2rem;}
#ind_about .con p:nth-child(3) a{ display:block; width:150px; line-height:2.4rem; color:#fff; background:#00aca8; border-radius:30px; font-size:0.8rem; text-align:center;}
#ind_about .con p:nth-child(3) a:hover{ background:#fff; color:#00aca8; width:170px;}
#ind_about .con p:nth-child(4){ margin:3rem 0 0  0; overflow:hidden;}
#ind_about .con p:nth-child(4) img{ width:100%;}

#ind_news{ width:90%; margin:0 auto; overflow:hidden;}
#ind_news .tt{ font-size:1.4rem; color:#005261; line-height:2rem;width:100%; overflow:hidden; margin-top:2rem;}
#ind_news span{ float:right;}
#ind_news span a{ display:block; color:#00aca8; font-size:0.8rem; background:#eff8fc; line-height:2rem; border-radius:30px; width:7rem; text-align:center;}
#ind_news span a:hover{ background:#00aca8; color:#fff; width:170px;}

#ind_news .news{ width:100%; overflow:hidden; margin-top:50px;}

#ind_news .news .left{ width:100%; float:left;}
#ind_news .news .left a{ display:block;}
#ind_news .news .left a img{ width:100%; transition:all 0.5s;}
#ind_news .news .left a p:nth-child(1){ overflow:hidden; border-top-right-radius:50px;border-bottom-left-radius:50px;}
#ind_news .news .left a p:nth-child(2){ font-size:24px; line-height:36px; color:#005261; padding-top:20px;}
#ind_news .news .left a p:nth-child(3){ color:#999; padding-top:10px;}
#ind_news .news .left a:hover img{ transform:scale(1.15);}

#ind_news .news .right{ width:100%; float:right;}
#ind_news .news .right ul li{ border-bottom:solid 1px #e6f2f8; padding-bottom:20px;}
#ind_news .news .right ul li a{ display:block; margin-top:20px;}
#ind_news .news .right ul li a p:nth-child(1){ font-size:1.1rem; color:#005261; overflow:hidden; white-space:nowrap; margin-bottom:0.5rem; line-height:1.4rem; transition:all 0.5s;}
#ind_news .news .right ul li a p:nth-child(2){ color:#666; line-height:18px;}
#ind_news .news .right ul li a p:nth-child(3){ color:#999; padding-top:10px;}
#ind_news .news .right ul li a:hover p:nth-child(1){ color:#00aca8;}

#ind_partner{ width:100%; background:#eff8fc; overflow:hidden; margin-top:3rem;}
#ind_partner h2{ font-size:1.4rem; color:#005261; line-height:2rem; text-align:center; font-weight:400; padding-top:2rem;}

#ind_partner .list{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#ind_partner .list ul{ width:100%;}
#ind_partner .list ul li{ float:left; margin:0 2% 6px 0; width:31%; height:auto}
#ind_partner .list ul li img{ width:100%;}

#ind_button{ width:100%; overflow:hidden; text-align:center; padding:1rem 0 0rem 0;}
#ind_button ul{ display:inline-block;}
#ind_button ul li{ float:left; margin:0 0.5rem;}
#ind_button ul li a{ display:block; width:7rem; line-height:2.4rem; border-radius:50px; float:left; color:#fff; font-size:0.8rem;}
#ind_button ul li:nth-child(1) a{ background:#c2d969;}
#ind_button ul li:nth-child(2) a{ background:#00aca8;}
#ind_button ul li a:hover{ background:#005261;}

#ind_picture{ margin-top:1rem;}
#ind_picture img{ width:100%;}

#ind_video{ overflow:hidden; width:100%; margin:0rem auto 0 auto;}
#ind_video video{ width:100%;}

#bottom{ width:100%; background:#00aca8; overflow:hidden;}
#bottom ul{ width:90%; margin:0 auto; overflow:hidden;}
#bottom ul li{ float:left; }
#bottom ul li p.tt{ font-size:1rem; color:#fff; line-height:2rem; padding-top:2rem; padding-bottom:10px; width:100%;}
#bottom ul li p.a1 a{ color:#fff; line-height:30px; font-size:0.8rem;}
#bottom ul li p.a1 a:hover{ color:#fff;}
#bottom ul li p.a1{ color:#aaa;}
#bottom ul li:nth-child(1){ width:40%; display:none}
#bottom ul li:nth-child(2){ width:60%; display:none;}
#bottom ul li:nth-child(2) div{ overflow:hidden;}
#bottom ul li:nth-child(2) div p{ width:50%; float:left;}
#bottom ul li:nth-child(3){ width:40%;}
#bottom ul li:nth-child(4){ width:60%;}
#bottom ul li:nth-child(4) p{ color:#fff;}
#bottom ul li p.a4{ margin-top:20px;}
#bottom ul li p.a4 a{ display:block; background:#252525; width:26px; border-radius:50%; float:left; margin-right:5px;}
#bottom ul li p.a4 a:hover{background:#f08200;}


#copyright{ width:90%; margin:2rem auto 2rem auto; padding-top:1rem; overflow:hidden; text-align:center; border-top:solid 1px #4dc5c2; color:#fff; line-height:1rem; font-size:0.8rem;}


#float{ position:fixed; z-index:20; bottom:2rem;right:0.8rem; }
#float div{ background:#0ba29b;border-top-right-radius:10px;border-bottom-left-radius:10px; width:40px; margin-bottom:5px; cursor:pointer;}
#float div img{ width:100%;}
#float div div{ position:absolute; right:60px; display:none; margin-top:-40px;}
#float div.a1 div{ width:60px;}
#float div.a2 div{ background:#fff; width:10rem; padding:1rem; box-shadow:0 5px 10px rgba(0,0,0,0.1)}
#float div.a2 div p:nth-child(1){ font-size:0.8rem;}
#float div.a2 div p:nth-child(2){ font-size:1.2rem; line-height:2rem; color:#00aca8;}
#float div.a4{ background:#333; cursor:pointer; text-align:center; color:#fff; font-size:0.6rem;}
#float div.a4 img{ width:30px;}
#float div.a4 p{ margin-top:-10px; padding-bottom:0rem;}


#zhizun{ width:100%; height:100%; top:0;left:0; background:rgba(0,0,0,0.6); position:fixed; z-index:500; overflow:hidden; display:none;}
#zhizun .k{ width:80%; margin:0 auto; overflow:hidden; background:#fff; margin-top:5rem; padding:1rem 5%; border-radius:30px;}
#zhizun .k p:nth-child(1){ font-size:1.2rem; line-height:60px; width:100%; padding-bottom:1rem;}
#zhizun .k p:nth-child(1) span{ display:block; width:10px; height:10px; background:#00aca8;padding:10px; border-radius:50%; float:right; cursor:pointer;}
#zhizun .k p:nth-child(1) span img{ width:100%; }
#zhizun .k p:nth-child(2){ width:100%; float:left;}
#zhizun .k p:nth-child(2) input{ border:none; border-bottom:solid 2px #666; width:100%; height:3rem; outline:none; font-size:1rem;}
#zhizun .k p:nth-child(3){ width:100%; float:left; margin-left:0;}
#zhizun .k p:nth-child(3) input{ border:none; border-bottom:solid 2px #666; width:100%; height:3rem;outline:none; font-size:1rem;}
#zhizun .k p:nth-child(4){ width:100%; float:left; margin-top:1rem; overflow:hidden;}
#zhizun .k p:nth-child(4) textarea{ border:none; border-bottom:solid 2px #666; width:100%; height:40px;outline:none; font-size:20px; height:80px;}
#zhizun .k p:nth-child(5){ width:100%; text-align:center; margin-top:1rem; overflow:hidden; float:left;}
#zhizun .k p:nth-child(5) button{ width:160px; line-height:3rem; background:#00aca8; color:#fff; border-radius:5px; font-size:1rem; cursor:pointer; transition:all 0.5s;}
#zhizun .k p:nth-child(5) button:hover{ width:190px; background:#a5bc4a;}



#banner_about{ width:100%; margin-top:4rem; overflow:hidden;}
#banner_about img{ width:200%; margin-left:-50%;}

#about_menu{ width:100%; overflow:hidden;  text-align:center; position:absolute; margin-top:-60px; border-bottom:solid 2px #0ba29b; display:none;}
#about_menu ul{ display:inline-block;}
#about_menu ul li{ float:left; margin:0 10px;}
#about_menu ul li a{ display:block; line-height:50px; font-size:16px; padding:0 50px; background:#0ba29b;}
#about_menu ul li a:hover{ background:#0ba29b; color:#fff; margin-top:10px;}
#about_menu ul li a.it{background:#0ba29b; color:#fff; margin-top:10px;}

#case_menu{ width:100%; background:#0ba29b; text-align:center; height:60px; display:none;}
#case_menu div{ position:absolute; margin-top:-110px; width:100%;}
#case_menu ul{display:inline-block;}
#case_menu ul li{ float:left;}
#case_menu ul li a{display:block; line-height:20px; padding-bottom:36px; font-size:16px; background:#f1f1f1; width:240px;}
#case_menu ul li a img{ width:35%; padding:20px 0 0 0;}
#case_menu ul li a:hover{ background:url(image/line2.jpg) no-repeat top left/100% 2px #fff; color:#0ba29b;margin-top:10px;}
#case_menu ul li a.it{ background:url(image/line2.jpg) no-repeat top left/100% 2px #fff; color:#0ba29b;margin-top:10px;}

#pro_menu{ width:100%; background:#0ba29b; text-align:center; height:60px; display:none;}
#pro_menu div{ position:absolute; margin-top:-86px; width:100%;}
#pro_menu ul{display:inline-block;}
#pro_menu ul li{ float:left;}
#pro_menu ul li a{display:block; line-height:20px; padding-bottom:26px; font-size:16px;  background:url(image/line2.jpg) no-repeat top left/0% 2px #f1f1f1; width:200px;}
#pro_menu ul li a img{ width:60px; padding:30px 30px 0px 30px;}

#pro_menu ul li a:hover{ background:url(image/line2.jpg) no-repeat top left/100% 2px #fff; color:#0ba29b; margin-top:10px;}
#pro_menu ul li a.it{background:url(image/line2.jpg) no-repeat top left/100% 2px #fff; color:#0ba29b; margin-top:10px;}




#title{ width:100%; margin:2rem auto 0rem auto; overflow:hidden; border-bottom:solid 0px #eee;}
#title h1{ font-size:1.4rem; line-height:3rem; font-weight:500; text-align:center; }
#title p{ float:right; line-height:60px; color:#999; display:none;}
#title p a{ color:#999;}
#title p a:hover{ color:#000;}

#about1{ width:90%; margin:2rem auto 3rem auto; font-size:16px; line-height:30px; overflow:hidden; color:#666; background:#fff;}
#about1 .left{ width:100%; float:left;}
#about1 .left video{ width:100%; height:auto; background:#000;}
#about1 .right{ width:100%; float:right;}
#about1 .right h1{ font-size:1.4rem; color:#000; line-height:2rem; text-align:center;}
#about1 .right h2{ font-size:0.8rem; text-align:center; line-height:1.2rem; font-weight:500; padding-bottom:10px;}
#about1 .right p:nth-child(3){ padding-top:20px;font-size:0.8rem; line-height:24px;}


#about2{ width:100%; margin:2rem auto 2rem auto; overflow:hidden;}
#about2 ul{ border-left:solid 1px #eee;border-top:solid 1px #eee; overflow:hidden;}
#about2 ul li{ width:24.6%; padding:0; float:left; border-bottom:solid 1px #eee; border-right:solid 1px #eee;}
#about2 ul li img{ width:100%;}

#about3{ width:100%; overflow:hidden; padding:1vw 0 2rem 0; background:#eff8fc;}
#about3 h2{ font-size:1.4rem; line-height:2rem; font-weight:900; padding-top:2rem; text-transform:uppercase; text-align:center; color:#000; }
#about3 h3{ text-align:center; font-size:0.8rem;line-height:1.2rem; color:#666; font-weight:500;}
#about3 .list{ text-align:left; font-size:0.9rem; line-height:1.6rem; color:#666; padding-top:1rem; width:90%; margin:0 auto;}
#about3 .pic{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#about3 .pic ul{ width:100%;}
#about3 .pic ul li{ width:100%; margin-right:0; float:left; margin-bottom:2rem;}
#about3 .pic ul li p{ font-size:1rem;}
#about3 .pic ul li img{ width:100%;}

#about3 .con{ width:90%; margin:5vw auto 0 auto; overflow:hidden;}
#about3 .con ul{ width:100%;}
#about3 .con ul li{ width:100%; margin-right:0; float:left; margin-bottom:2rem;}
#about3 .con ul li p:nth-child(1){ line-height:60px; font-size:18px; font-weight:bold; color:#000;}
#about3 .con ul li p:nth-child(2){ width:30px; height:3px; background:#333; margin-bottom:20px;}
#about3 .con ul li p:nth-child(3){ font-size:0.8rem;}


#about4{ width:100%; overflow:hidden; padding:1vw 0 5vw 0; }
#about4 h2{ font-size:1.4rem; line-height:2rem; font-weight:900; padding-top:2rem; text-transform:uppercase; text-align:center; color:#000; }
#about4 h3{ text-align:center; font-size:0.8rem; line-height:1.2rem; color:#666; font-weight:500;}

#about4 .str1{ width:100%; overflow:hidden; background:#eff8fc; margin-top:4vw;}
#about4 .tat{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#about4 .tat p:nth-child(1){ font-size:1.2rem; text-align:center; line-height:2rem;}
#about4 .tat p:nth-child(2){ font-size:0.8rem; color:#666; line-height:1.8rem;}

#about4 .tat1{ width:90%; margin:3vw auto 0 auto; overflow:hidden;}


#about4 .tat1 .st1{ width:90%; background:#fff; float:left; overflow:hidden; padding:50px 5% 0 5%; margin-bottom:1rem;}
#about4 .tat1 .st1 h3{ font-size:1.2rem; color:#4dc5c2; line-height:40px; text-align:center; font-weight:400; overflow:hidden;}
#about4 .tat1 .st1 .left{padding-top:2vw; padding:50px 0;}
#about4 .tat1 .st1 .left img{ width:100%; border:solid 0px #eee;}
#about4 .tat1 .st1 .right{ font-size:0.8rem; line-height:1.8rem; padding-top:2vw; overflow:hidden; color:#005261;}


#about4 .tat1 .st2{ width:90%; float:right; background:#fff; overflow:hidden; padding:50px 5% 0 5%;}
#about4 .tat1 .st2 h3{ font-size:1.2rem; color:#4dc5c2; line-height:40px; text-align:center; font-weight:400; overflow:hidden;}
#about4 .tat1 .st2 .left{ padding-top:2vw;padding:50px 0px;}
#about4 .tat1 .st2 .left img{ width:100%; padding:0 0 0 0;}
#about4 .tat1 .st2 .right{ font-size:0.8rem; line-height:30px;overflow:hidden; color:#005261; padding-top:2vw; }
#about4 .tat1 .st2 .right p{ width:100%; float:left;}


#about4 .st3{ width:80%; margin:1rem auto 5vw auto; overflow:hidden; padding:2rem 5% 1rem 5%; background:#fff;}
#about4 .st3 .tt{ font-size:0.8rem; line-height:1.8rem; padding-left:0; overflow:hidden; color:#005261; text-align:left;}
#about4 .st3 .tt p:nth-child(1){ font-size:1.2rem; color:#4dc5c2; line-height:80px; text-align:center; font-weight:400;}

#about4 .st3 .pic{ width:100%; text-align:center; overflow:hidden; padding-top:1rem;}
#about4 .st3 .pic ul{ display:inline-block;}
#about4 .st3 .pic ul li{ float:left; width:33.33%;}
#about4 .st3 .pic ul li img{ width:100%;}

#about4 .tat2{ width:90%; margin:4vw auto 0 auto; overflow:hidden;}
#about4 .tat2 p:nth-child(1){ font-size:1.4rem; text-align:center; line-height:60px; padding-top:1rem;}
#about4 .tat2 p:nth-child(2){ font-size:0.8rem; color:#666; line-height:1.8rem;}
#about4 .tat2 p:nth-child(3){ margin-top:3vw;}
#about4 .tat2 p:nth-child(3) img{ width:100%;}

#about4 .tat3{ width:90%; margin:4vw auto 0 auto; overflow:hidden;}
#about4 .tat3 p:nth-child(1){ font-size:1.4rem; text-align:center; line-height:60px;}
#about4 .tat3 p:nth-child(2){ font-size:0.8rem; color:#666; line-height:1.8rem;}

#about4 .st4{ width:90%; margin:3vw auto 0 auto; overflow:hidden; background:#eff8fc; padding-top:0px;}
#about4 .st4 h3{ font-size:1.2rem; color:#4dc5c2; line-height:80px; text-align:center; font-weight:400; overflow:hidden;}
#about4 .st4 .left{ float:left; width:100%; padding:30px 0;}
#about4 .st4 .left img{ width:100%;}
#about4 .st4 .right{ font-size:0.8rem; line-height:1.8rem;overflow:hidden; color:#005261; width:100%; float:right; padding-top:2vw;}
#about4 .st4 .right p{ width:50%; float:left; text-indent:2rem; margin:0 0; border-bottom:solid 0px rgba(0,0,0,0.05); line-height:1.8rem;}

#about5{ width:100%; overflow:hidden; padding:1vw 0 5vw 0; background:#eff8fc;}
#about5 h2{ font-size:1.4rem; line-height:3rem; font-weight:900; padding-top:1rem; text-transform:uppercase; text-align:center; padding-top:2rem; color:#000; }
#about5 h3{ text-align:center; font-size:0.8rem; line-height:1.2rem; color:#666; font-weight:500;}
#about5 .con{ width:90%; margin:3vw auto 0 auto; overflow:hidden;}
#about5 .con .left{ float:inherit; width:100%; padding:2rem 0; overflow:hidden;}
#about5 .con .left img{ width:100%;}
#about5 .con .right{ font-size:0.9rem; color:#005261; padding-left:0; padding-top:1rem; line-height:1.4rem; overflow:hidden; width:100%;}





/*ind_pro*/
.ind_honor {width:100%; margin-left:auto; margin-right:auto; }
.ind_honor .swiper-slide {text-align: center;padding-bottom:20px;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; }
.ind_honor .swiper-slide{ overflow:hidden; text-align:center; background:none; }
.ind_honor .swiper-slide a{ padding:0; display:block; font-size:16px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px; margin-bottom:50px;}
.ind_honor .swiper-slide a div{ overflow:hidden;}
.ind_honor .swiper-slide a img{width:100%;transition:All 2s ease-in-out;}

.ind_honor .swiper-slide a p{line-height:60px;}
.ind_honor .swiper-slide a:hover{margin-top:0px; color:#0ba29b;}
.ind_honor .swiper-button-next{ display:inherit;}
.ind_honor .swiper-button-prev{ display:inherit;}

#about4_3{ width:90%; margin:0 auto; overflow:hidden;}
#about4_3 .con p.a1{ font-size:1.8rem; line-height:3rem; text-align:center; padding:1rem 0 40px 0;color:#fff}
#about4_3 .con p.a2{ line-height:30px; color:#666; font-size:0.8rem;color:#fff}

#about4_3 .li{ width:100%; margin:40px auto 0 auto; overflow:hidden;}
#about4_3 .li ul{ width:100%;}
#about4_3 .li ul li{ background:#fff; padding:30px 5%;border-top-right-radius:0;border-bottom-left-radius:0; float:left; margin:10px 0 0px 0;}
#about4_3 .li ul li p{ color:#666;}
#about4_3 .li ul li p.cc{ min-height:120px;}
#about4_3 .li ul li p.tt{ font-size:1rem; color:#000; line-height:30px; padding-bottom:10px;}
#about4_3 .li ul li p.tt span{ display:block; float:left; background:#0ba29b; border-radius:50%; line-height:24px; width:24px; margin:3px 5px 0 0; text-align:center; color:#fff; font-size:14px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#about4_3 .li ul li:nth-child(1){ width:90%}
#about4_3 .li ul li:nth-child(2){ width:90%}
#about4_3 .li ul li:nth-child(3){ width:90%;}
#about4_3 .li ul li:nth-child(4){ width:90%}
#about4_3 .li ul li:nth-child(5){ width:90%}
#about4_3 .li ul li:nth-child(6){ width:90%}
#about4_3 .li ul li:nth-child(7){ width:90%}

#about4_4{ width:90%; margin:0 auto; overflow:hidden;}
#about4_4 .con p.a1{ font-size:1.8rem; line-height:3rem; text-align:center; padding:1rem 0 40px 0;color:#fff}
#about4_4 .con p.a2{ line-height:30px; color:#666; font-size:0.8rem;color:#fff}

#about4_4 .list{ width:100%; margin:1rem auto 0 auto; overflow:hidden;}
/*ind_equipment*/
.ind_equipment {width:100%; margin-left:auto; margin-right:auto; }
.ind_equipment .swiper-slide {text-align: center;padding-bottom:20px;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; }
.ind_equipment .swiper-slide{ overflow:hidden; text-align:center; background:none; }
.ind_equipment .swiper-slide a{ padding:10px; display:block; font-size:16px; margin-bottom:50px; background:#fff; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px;}
.ind_equipment .swiper-slide a div{ overflow:hidden;}
.ind_equipment .swiper-slide a img{width:100%;transition:All 2s ease-in-out;}

.ind_equipment .swiper-slide a p{line-height:60px;}
.ind_equipment .swiper-slide a:hover{margin-top:0px; color:#0ba29b;}
.ind_equipment .swiper-button-next{ display:inherit;}
.ind_equipment .swiper-button-prev{ display:inherit;}

#history{ width:90%; margin:0 auto 3rem auto; overflow:hidden;}

#history_info{ width:100%; float:left; display:none;}
#history_info p.a1 img{ width:100%;}
#history_info p.a2{ font-size:0.8rem; color:#666; line-height:30px; padding-top:20px;}
#history_info p.a3{ padding-top:20px;}
#history_info p.a3 img{ width:100%;}

#history_con{ width:100%; margin-top:2rem; float:right; overflow:hidden; background:url(image/line4.jpg) 10px top repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) 2px 25px no-repeat; overflow:hidden; padding-top:0px; padding-bottom:30px; margin-bottom:0px; }
#history_con dl dd div{ width:78%; float:right; overflow:hidden; border:solid 1px #eee; padding:20px 4% 5px 4%; box-shadow:0 2px 5px rgba(0,0,0,0.1); background:url(image/line2.jpg) no-repeat left bottom/0% 2px; transition:all 0.5s;}
#history_con dl dd span{display:block; text-align:left; font-size:30px; color:#000; font-weight:900; line-height:30px; padding-bottom:20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#history_con dl dd p{ text-align:left; border-top:solid 1px #eee; line-height:30px; font-size:0.8rem; padding-bottom:20px; color:#666; padding-top:20px;}
#history_con dl dd div span.mig{ position:absolute; margin:-15px 0 0 -40px;}

#history_con dl dd:hover div{ background:url(image/line2.jpg) no-repeat left bottom/100% 2px;}
#history_con dl dd:hover div span{ color:#0ba29b;}


#culture{ width:90%; margin:40px auto 0 auto; overflow:hidden;}

#culture .a1{ width:100%; float:left; margin:0 20px 0 0;}
#culture .a1 ul li{ width:100%; height:200px; text-align:center; overflow:hidden; margin-bottom:20px; cursor:pointer;}
#culture .a1 ul li p.tt{ font-size:28px; line-height:50px; margin-top:55px; transition:all 0.5s;}
#culture .a1 ul li p.cc{ font-size:16px;display:block;}
#culture .a1 ul li:nth-child(1){ background:url(image/cu1.jpg) no-repeat center/100% auto; color:#fff;}
#culture .a1 ul li:nth-child(2){ background:#eeeeee; color:#000;}

#culture .a2{ width:100%; float:left; margin:0 20px 20px 0; display:none;}
#culture .a2 img{ width:100%;}

#culture .a3{ width:100%; float:left; margin:0;}
#culture .a3 ul li{ width:100%; height:200px; text-align:center; overflow:hidden; margin-bottom:20px;cursor:pointer;}
#culture .a3 ul li p.tt{ font-size:28px; line-height:50px; margin-top:55px; transition:all 0.5s;}
#culture .a3 ul li p.cc{ font-size:0.8rem;display:block;}
#culture .a3 ul li:nth-child(1){ background:#eee; color:#000;}
#culture .a3 ul li:nth-child(2){ background:#ee8202; color:#fff;}

#culture1{ width:90%; margin:0 auto 3rem auto; overflow:hidden;}
#culture1 ul{ width:100%;}
#culture1 ul li{ width:100%; float:left; margin-right:20px; margin-bottom:20px; text-align:center; height:200px; color:#fff;cursor:pointer;}
#culture1 ul li p.tt{ font-size:28px; line-height:50px; margin-top:35px; transition:all 0.5s;}
#culture1 ul li p.cc{ font-size:0.8rem; padding:0 40px; display:block;}
#culture1 ul li:nth-child(1){ background:#ee8202;}
#culture1 ul li:nth-child(2){ background:url(image/cu3.jpg) no-repeat center;}






#news_menu{ width:100%; overflow:hidden; position:absolute; margin-top:-60px; z-index:2;}
#news_menu div{ float:right; overflow:hidden;}
#news_menu ul{ float:left; background:url(image/di3.png) no-repeat left top; margin-top:10px; margin-right:-50px; z-index:1; padding:0 100px 0 50px; width:100px; height:50px;}
#news_menu ul.kuan{ float:left; background:url(image/di4.png) no-repeat left top; height:60px; z-index:9; margin-top:0; padding:0;}

#news{ width:90%; margin:0 auto; overflow:hidden;}
#news ul li{ overflow:hidden; border-bottom:solid 1px #eee; }
#news ul li a{ display:block;overflow:hidden; padding:30px 0; background:url(image/line2.jpg) no-repeat left bottom/0% 2px;}
#news ul li a:hover{ background:url(image/line2.jpg) no-repeat left bottom/100% 2px;}
#news ul li a .a1{ float:left; margin-right:0px; width:100%;}
#news ul li a .a1 img{ border-top-right-radius:0px;border-bottom-left-radius:0px; width:100%;}
#news ul li a .a2{ overflow:hidden; width:100%;}
#news ul li a .a2 p.tt{ font-size:1.2rem; color:#000; padding:20px 0;}
#news ul li a:hover .a2 p.tt{ color:#ff8e00;}
#news ul li a .a2 p.cc{ min-height:96px; color:#666; font-size:0.8rem; margin-bottom:30px;}
#news ul li a .a2 p.time{ background:url(image/k9.png) no-repeat left; padding-left:20px; color:#999; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#page{ width:100%; text-align:center; overflow:hidden; margin:1rem auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:2.4rem; padding:0 20px; border:solid 1px #eee; border-top-right-radius:10px; font-size:0.8rem;border-bottom-left-radius:10px;}
#page ul li a:hover{ background:#ff8e00; color:#fff;}
#page ul li a.it{ background:#ff8e00; color:#fff;}
#page ul li.p{ display:none;}


#contact{ width:100%; overflow:hidden; background:url(probrand/di.jpg) no-repeat center top/250% auto; min-height:auto; margin-top:4rem;}
#contact h1{ width:90%; margin:0 auto; overflow:hidden; color:#fff;}
#contact h1 p:nth-child(1){ font-size:2rem; line-height:2rem; padding-top:5rem; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
#contact h1 p:nth-child(2){ font-size:2rem; font-weight:900; line-height:2.4rem;}

#contact1{ width:80%; margin:2rem auto 0 auto; overflow:hidden; background:rgba(255,255,255,0.8); padding:1rem 5%;}
#contact1 p:nth-child(1){ font-size:1.1rem; font-weight:900; color:#000; line-height:2rem; padding-bottom:0.5rem;}
#contact1 p:nth-child(2){ line-height:1.4rem; font-size:0.8rem;}
#contact1 p:nth-child(3){ line-height:1.4rem; font-size:0.8rem;}
#contact1 p:nth-child(4){ line-height:1.4rem; font-size:0.8rem;}

#contact2{ width:80%; padding:2rem 5% 1rem 5%; background:#d4f1f0; margin:0.5rem auto 6vw auto; overflow:hidden; min-height:300px;}
#contact2 p:nth-child(1){ font-size:0.8rem; line-height:1.2rem; font-weight:bold;}

#contact2 .form{ width:100%; margin-top:20px;}
#contact2 .form p{ float:left; margin-right:20px; margin-bottom:20px; width:100%;}
#contact2 .form p input{ width:100%; height:40px; border-radius:50px; text-indent:20px; outline:none;}
#contact2 .form p textarea{ border-radius:20px; width:90%; font-family:Arial, Helvetica, sans-serif; height:100px; outline:none; padding:20px 5%;}
#contact2 .form p:nth-child(5){ width:100%;}
#contact2 .form p:nth-child(5) button{ width:150px; line-height:40px; cursor:pointer; background:#005261; color:#fff; border-radius:50px; transition:all 0.5s;}
#contact2 .form p:nth-child(5) button:hover{ width:180px; background:#00aca8;}

#contact1 #code{ position:absolute; margin:-50px 0 0 900px; background:#fff; text-align:center; padding:20px; box-shadow:0 5px 10px rgba(0,0,0,0.1); display:none;}
#contact1 #code p{ font-size:14px; background:#00aca8; color:#fff; border-radius:50px;}


#login{ width:100%; background:url(image/downloadpic.jpg) no-repeat top center/300% auto #eee; padding-top:100px; overflow:hidden;}

#login .kuang{ width:80%; margin:50px auto 2rem auto; overflow:hidden; background:#fff; padding:30px 5%; border-top-right-radius:50px;border-bottom-left-radius:50px;}
#login .kuang p.tt{ font-size:1.8rem; line-height:3rem; padding-bottom:30px;}
#login .kuang p.cc{ margin-bottom:20px;}
#login .kuang p.cc input{ width:100%; height:50px; background:#f7f7f7; text-indent:20px; border-top-right-radius:10px;border-bottom-left-radius:10px;}
#login .kuang p.forget{ text-align:right;}
#login .kuang p.forget a{ color:#0ba29b;}
#login .kuang p.gogo button{ background:#0ba29b; transition:all 0.5s; color:#fff; width:100%; line-height:50px; font-size:18px; margin-top:20px;border-top-right-radius:10px;border-bottom-left-radius:10px; cursor:pointer;}
#login .kuang p.gogo button:hover{ background:#f04f00;}
#login .kuang p.reg{ border-top:solid 1px #eee; width:80%; margin:2rem auto 0 auto; text-align:center; padding-top:30px; padding-bottom:1rem;}

#bread{ width:90%; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee; line-height:50px; padding-top:40px;}
#bread span{ color:#0ba29b;}

#bread1{ width:90%; margin:0 auto; overflow:hidden; border-bottom:solid 0px #eee; line-height:50px; padding-top:20px;}
#bread1 span{ color:#0ba29b;}

.title1{ width:90%; margin:20px auto 30px auto; overflow:hidden; text-align:center; border-bottom:solid 1px #0;}
.title1 h2{ font-size:1.1rem; line-height:50px; font-weight:500;}
.title1 p{ width:94%; margin:0 auto; color:#666; font-size:0.8rem; line-height:1.2rem;}
.title1 span{ padding-top:1rem;}
.title1 span a{ display:block; background:#fff; border-radius:50px; border:solid 2px #eee; color:#666; line-height:2rem; font-size:0.7rem; padding:0 1rem;}
.title1 span a:hover{ background:#0ba29b; color:#fff; border:solid 2px #0ba29b; padding:0 40px;}


.proa{ width:90%; margin:0 auto; overflow:hidden;}
.proa ul{ width:100%;}
.proa ul li{ float:left; width:50%; text-align:center; margin:0 0 0 0; height:auto; }
.proa ul li a{ display:block; text-align:center; border:solid 1px #eee; font-size:14px; margin-top:0; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0); background:url(image/line2.jpg) no-repeat left bottom/0 3px #fff;}
.proa ul li a img{ width:100%;}
.proa ul li a p.num{ font-size:1.2rem;line-height:40px; font-weight:700; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  border-bottom:solid 1px #eee; width:80%; font-weight:700; margin:0 auto;}
.proa ul li a p.cc{ line-height:40px; padding-bottom:10px; font-size:0.8rem;}
.proa ul li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.1); color:#0ba29b; border:solid 1px #eee;background:url(image/line2.jpg) no-repeat left bottom/100% 3px;margin-top:0px; }

#gao{ height:60px; overflow:hidden; width:100%;}


#pro{ width:95%; margin:0 auto; overflow:hidden;}
#pro ul{ width:100%;}
#pro ul li{ float:left; width:50%; text-align:center; margin:0 0 1rem 0; height:auto;}
#pro ul li a{ display:block; text-align:center; border:solid 1px #eee; font-size:14px; margin:0 auto; width:90%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0); background:url(image/line2.jpg) no-repeat left bottom/0 3px;}
#pro ul li a img{ width:100%;}
#pro ul li a p.num{ font-size:1rem;line-height:2rem; font-weight:700; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;  border-bottom:solid 1px #eee; width:80%; font-weight:700; margin:0 auto;}
#pro ul li a p.cc{ line-height:2rem; padding-bottom:10px; font-size:0.8rem;}
#pro ul li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.1); color:#0ba29b; border:solid 1px #eee;background:url(image/line2.jpg) no-repeat left bottom/100% 3px;margin-top:0px; }

#probig{ width:90%; margin:4rem auto 0 auto; overflow:hidden;}
#probig .left{ width:100%; border:solid 0px #eee; float:left;}
#probig .left img{ width:100%;}
#probig .left li{ display:none;}
#probig .left li img{ border:0;}
#probig .left p.a4t{ font-size:18px; padding-top:20px; line-height:50px; font-weight:900;}
#probig .left div.a4{ overflow:hidden; padding-bottom:2rem;}
#probig .left div.a4 span{ width:40px; float:left; border:solid 1px #eee;border-top-right-radius:10px;border-bottom-left-radius:10px; margin-right:10px; cursor:pointer; padding:10px;}
#probig .left div.a4 span img{ width:100%;}


#probig .right{ width:100%; float:right;}
#probig .right p.a1{ font-size:1.6rem; line-height:2rem; border-bottom:solid 0px #eee; text-align:center;}
#probig .right p.a2{ line-height:1rem; padding-bottom:1rem; color:#666; font-size:0.8rem; border-bottom:solid 1px #eee; text-align:center;}
#probig .right p.a3{ padding:1rem 0; line-height:1.8rem; border-bottom:solid 1px #eee; color:#666; font-size:0.9rem;}


#probig .right p.a5{ overflow:hidden; margin-top:50px;}
#probig .right p.a5 a{ display:block; background:#0ba29b; color:#fff; line-height:2.4rem; width:120px; margin:0 auto; font-size:0.8rem; border-radius:5px; text-align:center;}


#probig1{ width:100%; background:#f7f7f7; overflow:hidden; margin-top:80px; padding-bottom:2rem;}

#probig1 .btn{ width:90%; margin:30px auto 10px auto; overflow:hidden;}
#probig1 .btn p{ float:left; background:#fff; width:100px; margin-right:0.3rem; text-align:center; line-height:2.4rem; margin-top:0rem; font-size:0.8rem; cursor:pointer; transition:all 0.5s; border-top-right-radius:10px; border-bottom-left-radius:10px;}

#pro_con{ width:80%; margin:0 auto 0px auto; overflow:hidden; background:#fff; padding:1rem 5%; font-size:0.8rem; color:#666; line-height:30px; display:none;}
#pro_con p.tt{ font-size:1rem; font-weight:900; line-height:50px; color:#000;}
#pro_con p.t1{ color:#000;}
#pro_con p.pic{ margin:0;}
#pro_con p.pic img{ width:100%;}
#pro_con img{ max-width:100%;}

#pro_con p.t2{ font-size:24px; line-height:50px; border-bottom:solid 1px #eee; color:#000; font-weight:bold;}
#pro_con img{ width:100%;}
#pro_con .wg{ overflow:hidden; padding-top:30px;}
#pro_con .wg .l{ float:left;}
#pro_con .wg .r{ float:right;}
#pro_con .wg .r table{ border-top:solid 1px #eee;border-left:solid 1px #eee; text-align:center; margin-top:20px;}
#pro_con .wg .r table td{ border-bottom:solid 1px #eee;border-right:solid 1px #eee; font-size:0.7rem; line-height:2rem; padding:0 0.5rem; }
#pro_con .wg .r table tr.tot{ background:#f7f7f7; color:#000; font-weight:bold; }

#pro_con .pj{ width:100%; overflow:hidden; margin-top:1rem; padding-bottom:10px;}
#pro_con .pj ul li{ border:solid 1px #ccc; float:left; text-align:center; margin-right:1%; margin-bottom:30px; font-size:0.7rem; width:48%; padding:1rem 0; border-radius:10px; line-height:40px; overflow:hidden; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}

#pro_can{ width:80%; margin:0 auto 0px auto; overflow:hidden; background:#fff; padding:50px 5%; font-size:16px; color:#666; line-height:30px; display:none;}
#pro_can table{ border-top:solid 1px #eee; border-left:solid 1px #eee;}
#pro_can table td{border-bottom:solid 1px #eee; border-right:solid 1px #eee; font-size:0.7rem; line-height:18px; padding:10px 0.5rem;}
#pro_can table tr.tot{ color:#fff; background:#333; text-align:center; font-weight:bold; }

#pro_can .tb{ float:left; margin-right:10px;}

#feedback{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#feedback .mess{ width:90%; padding:0.5rem 5%; background:#005261; color:#fff; text-align:center; line-height:1rem; font-size:0.7rem;}
#feedback .list{ overflow:hidden; margin-top:20px; width:100%;}
#feedback .list p{ float:left; margin-right:10px; width:99%; margin-bottom:0.5rem;}
#feedback .list p input{ width:100%; height:40px; border:solid 1px #eee; text-indent:10px;}
#feedback .list p.area{ width:100%; margin-top:10px;}
#feedback .list p.area textarea{ border:solid 1px #eee; width:89%; padding:10px 5%; height:200px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#feedback p.btn{ width:100%;  margin-top:20px; text-align:center;}
#feedback p.btn button{ width:120px; line-height:2.4rem; background:#0ba29b; color:#fff; text-align:center; font-size:0.8rem; border-radius:5px; cursor:pointer;}

#pword{ width:100%; position:absolute; text-align:center; color:#fff;}
#pword p.tt{ font-size:1.8rem; line-height:3rem;}
#pword p.cc{ font-size:0.8rem; letter-spacing:2px;}
#pword p.btn{ margin-top:30px;}
#pword p.btn a{ display:block; width:120px; line-height:40px; background:#0ba29b; color:#fff; text-align:center; border-radius:5px; margin:0 auto;}
#pword p.btn a:hover{ width:140px; background:#fff; color:#000;}

#case_list{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#case_list ul li{ margin-bottom:40px;}
#case_list ul li a{ display:block; overflow:hidden; background:#f7f7f7;}
#case_list ul li a .left{ width:90%; float:left; padding:2rem 5%;}
#case_list ul li a .left p.tt{ font-size:1.4rem; line-height:60px; color:#000;transition:all 0.5s;}
#case_list ul li a .left p.cc{ font-size:0.8rem; line-height:2rem; color:#666;transition:all 0.5s;}
#case_list ul li a .left p.more{ color:#000; background:#fff; width:120px; text-align:center; border-radius:50px; color:#0ba29b; margin-top:2rem; line-height:36px;transition:all 0.5s;}
#case_list ul li a .left p.more:hover{ width:140px; background:#000; color:#fff;}
#case_list ul li a .right{ width:100%; float:right; overflow:hidden;}
#case_list ul li a .right img{ transition:all 0.5s; width:100%;}

#case_list ul li a:hover{ background:#0ba29b; color:#fff;}
#case_list ul li a:hover .left p.tt{ color:#fff;}
#case_list ul li a:hover .left p.cc{ color:#fff;}
#case_list ul li a:hover .right img{ transform:scale(1.2)}

#case_list ul li.ait a .left{ float:right}
#case_list ul li.ait a .right{ float:left}


#case1{ width:90%; margin:2rem auto 0 auto; overflow:hidden;}
#case1 .tt{ font-size:1.8rem; line-height:120px;text-align:center;}
#case1 .con{ font-size:0.8rem; color:#666; line-height:30px;}



#hy{ width:100%; margin:2rem auto 2rem auto; background:#f1f1f1;}
#hy .list{ width:90%; margin:0 auto; overflow:hidden; padding:2rem 0 2rem 0;}

#case2{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:80px;}
#case2 .tt{ font-size:1.8rem; line-height:120px; text-align:center;}
#case2 .con{ font-size:0.8rem; color:#666; line-height:30px;}

#case3{ width:100%; background:#f1f1f1; margin:0 auto ; overflow:hidden; padding-bottom:3rem; padding-top:2rem;}
#case3 .tt{ font-size:1.8rem; line-height:120px; text-align:center;}
#case3 .con{ font-size:16px; color:#666;}

#case3 .list{ width:100%; margin:30px auto 0 auto; text-align:center; overflow:hidden;}
#case3 .list ul{ display:inline-block;}
#case3 .list ul li{ float:left; width:50%;}
#case3 .list ul li a{ display:block; background:#fff; margin:0 5px; padding-bottom:20px; border-top-right-radius:0px; overflow:hidden; border-bottom-left-radius:0px; overflow:hidden;}
#case3 .list ul li a img{ width:100%;}

#con_feedback{ width:100%; overflow:hidden; background:#0ba29b;}

#title1{ width:90%; margin:1rem auto 0px auto; overflow:hidden; border-bottom:solid 0px #eee;}
#title1 h1{ font-size:1.6rem; line-height:80px; font-weight:500; text-align:center; }
#title1 p{ float:right; line-height:60px; color:#999; display:none;}
#title1 p a{ color:#999;}
#title1 p a:hover{ color:#000;}


#prolist_con{ width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:1rem; color:#fff; font-size:0.7rem; line-height:1.2rem; display:none;}

#download{ width:90%; margin:0 auto 30px auto; overflow:hidden;}
#download ul li{ line-height:80px; background:#f7f7f7; margin-bottom:10px; font-size:16px; padding:0 50px 2rem 50px; color:#666;}
#download ul li span{ float:inherit; display:block;}
#download ul li span a{ display:block; width:100px; background:#fff; text-align:center; line-height:40px; border-radius:50px; margin-top:20px; font-size:14px; color:#000; margin:0 auto;}
#download ul li span a:hover{ background:#0ba29b; color:#fff; width:120px;}






#pro_banner{ background:#eee; width:100%; overflow:hidden; height:auto; margin-top:4rem;}
#pro_banner .k{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
#pro_banner .k .left{ float:left; width:100%;}
#pro_banner .k .left img{ width:100%;}
#pro_banner .k .left img._pc{ display:none;}
#pro_banner .k .left img._m{ display:block;}
#pro_banner .k .right{ width:90%;margin:0 0 0 0; z-index:2; height:auto; padding:2rem 5%; background:#959595; display:none;}
#pro_banner .k .right p:nth-child(1){ font-size:1.4rem; line-height:3rem;}
#pro_banner .k .right p:nth-child(2){ font-size:0.9rem; line-height:1.4rem;}
#pro_banner .k .con{ width:100%; margin:-2rem auto 0 auto; z-index:1; position:inherit; background:#f7f7f7; overflow:hidden; padding:0;}
#pro_banner .k .con p:nth-child(1){ font-size:1.4rem; font-weight:bold; line-height:50px; color:#0e6eb8; position:absolute; width:100%; text-align:center; margin-top:-3rem; color:#fff;}
#pro_banner .k .con p:nth-child(2){ font-size:14px; color:#999; width:65%; display:none;}

#pro_banner .k .con .menu_btn{ width:100%; overflow:hidden; margin-top:0; position:static; margin:0; padding:0;}
#pro_banner .k .con .menu_btn ul li{ float:left; margin:0; width:33.33%;}
#pro_banner .k .con .menu_btn ul li a{ display:block; line-height:2.4rem; background:#0ba29b; font-size:0.8rem; color:#fff; text-align:center; padding:0; border-left:solid 1px rgba(255,255,255,1);border-bottom:solid 1px rgba(255,255,255,1);}
#pro_banner .k .con .menu_btn ul li a:hover{ background:#0ba29b;}
#pro_banner .k .con .menu_btn ul li a.it{ background:#0ba29b;}

#warranties{ width:90%; margin:1rem auto 6vw auto; overflow:hidden;}
#warranties .k{ width:100%; background:url(images/di3.jpg) no-repeat top left/1000px 2rem	; overflow:hidden; padding-bottom:50px;}
#warranties .k .left{ width:100%; float:left;}
#warranties .k .left p{ line-height:2rem; float:left; width:33.33%; color:#fff; font-size:0.8rem; padding:0; text-align:center; cursor:pointer;}
#warranties .k .left p:hover{ background:#0ba29b;}
#warranties .k .left h2{ line-height:3rem; color:#fff; padding:0; font-size:1.4rem; text-align:center; display:none; font-weight:300;}
#warranties .k .right{ width:100%; min-height:auto; margin-right:0; float:left; background:#fff; margin-top:1rem; box-shadow:5px 5px 1rem rgba(0,0,0,0);}
#warranties .k .right ul li{ display:none;}
#warranties .k .right ul li img{ width:100%;}
#warranties .k .right ul li p:nth-child(2){ padding:1rem 0 0 1rem; font-size:1.4rem; line-height:2rem;}
#warranties .k .right ul li p:nth-child(3){  font-size:0.8rem; padding:0 0 2rem 1rem; color:#666;}

#service{ width:90%; margin:1rem auto 6vw auto; overflow:hidden;}
#service ul{ width:100%;}
#service ul li{ width:99%; float:left; text-align:center; margin-right:0; border:solid 1px #eee; padding:1rem 0; margin-bottom:1rem;}
#service ul li img{ width:100px; padding-bottom:0;}

#faq{ width:90%; margin:1rem auto 6vw auto; overflow:hidden;}
#faq ul{}
#faq ul li{ margin-bottom:1rem; padding:30px; background:#eee;}
#faq ul li p:nth-child(1){ color:#0e6eb8; font-size:1rem; line-height:1.2rem;}
#faq ul li p:nth-child(2){ color:#666; font-size:0.8rem; line-height:1.4rem; margin-top:1rem;}


#pdf{ width:90%; margin:0 auto 6vw auto; overflow:hidden; border:solid 0 #eee; background:#eee;}
#pdf object{ width:100%; height:700px;}

#job{ width:90%; margin:0 auto 6vw auto; overflow:hidden; border-top:solid 1px #eee;}
#job ul li{ border-bottom:solid 1px #eee;}
#job ul li .tt{ overflow:hidden; padding:1rem 0; cursor:pointer; background:url(image/jia.png) no-repeat 98%; color:#666;}
#job ul li .tt p{ float:left; line-height:1.2rem; width:80%; font-size:0.8rem; padding-left:1rem;}
#job ul li .tt p:nth-child(1){ font-size:1rem; font-weight:bold; text-indent:0rem;}
#job ul li .con{ background:#eee; padding:2rem 1rem 2rem 1rem; display:none; font-size:0.7rem;}
#job ul li .con p.ta{ font-size:0.9rem; font-weight:bold; padding-bottom:0;}
#job ul li .con p:nth-child(3){ padding-top:1.2rem;}


#content_title{ width:90%; margin:6rem auto 0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px;}
#content_title h1{ font-size:1.4rem; line-height:1.6rem; font-weight:400; width:100%; float:left;}
#content_title p{ float:right; width:120px; display:none;}
#content_title p a{ display:block; width:120px; line-height:40px; border-radius:5px; background:#00aca8; color:#fff; text-align:center;}
#content_title p a:hover{ background:#c2d969;}

#content{ width:90%; margin:2rem auto 3rem auto; overflow:hidden; font-size:1rem; line-height:2rem;}
#content img{ width:100%;}










}