@charset "utf-8";
@media(max-width:900px) {
/*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:100%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}


#search{ position:fixed; top:0; left:0; background:#fff; overflow:hidden; z-index:2000; width:100%; box-shadow:0 5px 5px rgba(0,0,0,0.1); display:none;}
#search .k{ width:80%; margin:2rem auto; overflow:hidden; border-bottom:solid 1px #ddd;}
#search .k input{ width:70%; height:3rem; line-height:3rem; font-size:1rem;}
#search .k button{ float:right; width:25%; height:3rem;  background:#0066b0; cursor:pointer; transition:all 0.5s;}
#search .k button:hover{ background:#cf8526}
#search .k p{ width:30px; height:30px; border:solid 2px #eee; border-radius:50%; overflow:hidden; position:absolute; margin:-68px 0 0 79%; background:#fff; cursor:pointer;}
#search .k p img{ width:100%;}

#top{ width:100%;  height:3rem; background:rgba(0,0,0,0.8); position:fixed; z-index:20;}
#logo{ float:left; padding-left:0.5rem;}
#logo img{ height:3rem;}
#menu{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); overflow:hidden; display:none;}
#menu ul{ float:left; background:#fff; width:70%; height:100%; overflow:scroll;}
#menu ul li{ border-bottom:solid 1px #eee;}
#menu ul li.onit{ background:url(image/down.png) no-repeat 90% center;}
#menu ul li a{ display:block; line-height:4rem; font-size:1rem; color:#000; text-indent:2rem; background:url(image/line.jpg) no-repeat left 80%/0% 3px;}
#menu ul li .zmenu{ background:#f7f7f7; display:none;}
#menu ul li .zmenu p{ border-top:solid 1px #eee;}
#menu ul li .zmenu p a{ color:#000; line-height:50px; background:url(image/line.jpg) no-repeat left center/4px 0px;}

#mbtn{ float:right; overflow:hidden; cursor:pointer;}
#mbtn img{ height:3rem;}

#close{ float:left; width:4rem; height:4rem; background:#0066b0; cursor:pointer;}
#close img{ width:100%;}

#lan{ float:right; overflow:hidden; margin:0.5rem 0 0 0; line-height:2rem;}
#lan p{ float:left; cursor:pointer; color:#fff; font-size:0.8rem;}
#lan p img{ vertical-align:middle; margin-right:5px; height:0.7rem;}
#lan span{ display:block; float:right; margin:13px 0 0 5px;}

#search_btn{ width:2rem; height:2rem; border:solid 0px #0066b0; background:url(image/search.png) no-repeat center; border-radius:10px; float:right; margin:0.5rem 0 0 1rem;  cursor:pointer;}

#height{ width:100%; overflow:hidden; height:3rem;}

#ind_inquiry{  background:#f3f3f3; line-height:1.2rem; overflow:hidden; font-size:0.8rem; padding:1rem; text-align:center; color:#000;}
#ind_inquiry .k a{ display:block; width:125px;line-height:40px; text-align:center; color:#fff; background:#0066b0; border-radius:5px;  margin:1rem auto 0 auto;  font-size:0.8rem;}
#ind_inquiry .k a:hover{ background:#cf8526;}

#ind_pro{ width:90%; margin:1.5rem auto; overflow:hidden;}
#ind_pro ul li{ width:100%; float:left;}
#ind_pro ul li a{ display:block; overflow:hidden; padding:10px; overflow:hidden;}
#ind_pro ul li a img{ width:100%; transition:all 0.5s;}
#ind_pro ul li a p:first-child{ position:absolute; font-size:1rem; color:#fff; font-weight:700; text-transform:uppercase; margin:1rem; z-index:10;}
#ind_pro ul li a p:nth-child(2){ overflow:hidden; width:100%;}
#ind_pro ul li a:hover img{ transform:scale(1.15);}

#ind_advantage{ background:url(image/di1.jpg) no-repeat center top; overflow:hidden;}

#ind_advantage .tt{ text-align:center; font-size:1.4rem; color:#fff; line-height:2rem; font-weight:900; margin-top:2rem	;}
#ind_advantage .con{ width:90%; font-size:0.8rem; line-height:1.1rem; margin:0.5rem auto 0 auto; text-align:center; color:#fff; overflow:hidden}
#ind_advantage .list{ width:90%; margin:1rem auto 2rem auto; overflow:scroll;}
#ind_advantage .list ul{ width:1200px;}
#ind_advantage .list ul li{ width:20%; float:left; text-align:center;}
#ind_advantage .list ul li div{ background:rgba(0,102,176,0.8); border-radius:5px; margin:10px; min-height:320px;}
#ind_advantage .list ul li div p.a1{ padding-top:50px;}
#ind_advantage .list ul li div p.a2{ font-size:18px; line-height:50px; color:#fff;}
#ind_advantage .list ul li div p.a3{ font-size:14px; line-height:18px; color:#fff; padding:0 20px;}

#ind_about{ width:90%; margin:2rem auto; overflow:hidden;}
#ind_about .left{width:100%;}
#ind_about .left p.tt{ font-size:1.4rem; font-weight:900; line-height:2rem; color:#000;}
#ind_about .left p.con{ font-size:0.8rem; overflow:hidden; margin-top:0.5rem;}
#ind_about .left p.more{ overflow:hidden; margin-top:2rem;}
#ind_about .left p.more a{ display:block; line-height:40px; width:125px; text-align:center; background:#0067b0; border-radius:5px; color:#fff;}
#ind_about .left p.more a:hover{ background:#cf8526; width:150px;}

#ind_about .right{ width:100%; overflow:hidden; margin-top:2rem;}
#ind_about .right img{ width:100%;}

#bottom{ overflow:hidden; background:url(image/di2.jpg) no-repeat center top/auto 100%;background-attachment:fixed;}

.bottom1{ width:90%; margin:0 auto; overflow:hidden;}
.bottom1 ul{ overflow:hidden;}
.bottom1 ul li{  color:#fff;}
.bottom1 ul li p.tt{ font-size:24px; line-height:60px; padding-top:1rem;}
.bottom1 ul li p.a1 a{ color:#fff; background:url(image/line1.jpg) no-repeat left bottom/0% 1px;}
.bottom1 ul li p.a1 a:hover{background:url(image/line1.jpg) no-repeat left bottom/100% 1px;}
.bottom1 ul li p.a2 span{ display:block; overflow:hidden;}
.bottom1 ul li p.a2 img{ float:left; vertical-align:middle; margin-right:10px;}


.copyright{ text-align:center; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.5); width:100%; margin-top:2rem;}

.copyright p.b1{ line-height:1.2rem; color:#fff; font-size:0.8rem; padding-top:1rem; padding-bottom:1rem;}
.copyright p.b2{ overflow:hidden; padding-bottom:40px;}
.copyright p.b2 a{ margin:0 3px;}


#bread{ width:100%; line-height:3rem; overflow:hidden; }
#bread .k{ width:90%; margin:0 auto; overflow:hidden;}

#bread1{ width:100%; line-height:3rem; overflow:hidden; }
#bread1 .k{ width:90%; margin:0 auto; overflow:hidden;}


#bg_k{ width:100%; background:#f7f7f7; overflow:hidden;}

#page_title{ width:90%; margin:0 auto; overflow:hidden; border-bottom:solid 1px #ddd; line-height:3rem; font-size:1.2rem; padding-top:1rem;}

#compic1{ width:90%; margin:1rem auto 0 auto; padding-bottom:3rem; overflow:hidden;}
#compic1 img{ width:100%;}

#content{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}

#pro_pic{ width:100%; overflow:hidden; background:url(image/prodi.jpg) no-repeat center top/auto 100%; height:10rem;}
#pro_pic p{ font-size:1.4rem; text-align:center; color:#fff; line-height:10rem; text-transform:uppercase; padding-top:0;}

#about_pic{ width:100%; overflow:hidden; background:url(image/aboutpic.jpg) no-repeat center top/auto 100%; height:10rem;}
#about_pic p{ font-size:1.4rem; text-align:center; color:#fff; line-height:10rem; text-transform:uppercase; padding-top:0;}

#ser_pic{ width:100%; overflow:hidden; background:url(image/serpic.jpg) no-repeat center top/auto 100%; height:10rem;}
#ser_pic p{ font-size:1.4rem; text-align:center; color:#fff; line-height:10rem; text-transform:uppercase; padding-top:0;}

#news_pic{ width:100%; overflow:hidden; background:url(image/newspic.jpg) no-repeat center top/auto 100%; height:10rem;}
#news_pic p{ font-size:1.4rem; text-align:center; color:#fff; line-height:10rem; text-transform:uppercase; padding-top:0;}

#contact_pic{ width:100%; overflow:hidden; background:url(image/contactpic.jpg) no-repeat center top/auto 100%; height:10rem;}
#contact_pic p{ font-size:1.4rem; text-align:center; color:#fff; line-height:10rem; text-transform:uppercase; padding-top:0;}


#about_menu{ display:none;}

#pro_menu{ width:1200px; margin:20px auto 0 auto; overflow:hidden; background:#333; text-align:center; display:none;}
#pro_menu ul{ display: inline-block;}
#pro_menu ul li{ float:left; padding:15px 0; transition:all 0.5s;} 
#pro_menu ul li a{ display:block; color:#fff; padding:0 42.6px; line-height:30px; border-left:solid 1px #666;}
#pro_menu ul li:first-child a{ border:none;}
#pro_menu ul li:hover{ background:#0066b0;}

#menu ul li .zmenu .kmenu{ background:#eee;}
#menu ul li .zmenu .kmenu p{ border-bottom:solid 1px #fff; }
#menu ul li .zmenu .kmenu p a{ font-size:0.8rem; text-indent:3rem;}

#btn_change{ display:none;}

#pro_list{ width:100%; margin:40px auto 0 auto; overflow:hidden;}
#pro_list ul{ }
#pro_list ul li{ width:45%; margin:0 2.5%; float:left; margin-bottom:30px;}
#pro_list ul li a{ display:block; text-align:center; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0); transition:all 0.5s; border-bottom:solid 5px #fff;}
#pro_list ul li a:hover{ display:block; text-align:center; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.2); border-bottom:solid 5px #0066b0;}
#pro_list ul li a p.a1{ border-top: solid 1px #eee; width:90%; margin:0 auto; padding-top:10px;}
#pro_list ul li a p.a2{ width:90%; margin:0 auto; padding-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#pro_list ul li a img{ width:100%;}

#page{ text-align:center; width:100%; overflow:hidden; margin:1rem auto 2rem auto}
#page ul{ display:inline-block}
#page ul li{ float:left; margin:0 5px;}
#page ul li.num{ display:none;}
#page ul li a{ background:#fff; line-height:40px; padding:0 0.5rem; display:block;}
#page ul li a:hover{ background:#0066b0; color:#fff;}
#page ul li a.it{ background:#0066b0; color:#fff;}

#probig_pic{ width:100%; margin:0 auto 2rem auto; overflow:hidden;}

#probig_pic .left{ width:100%; overflow:hidden;}
#probig_pic .left .big ul li{ display:none;}
#probig_pic .left .big ul li img{ width:100%;}
#probig_pic .left .big ul li:first-child{ display:inherit;}
#probig_pic .left .small{ overflow:hidden; width:100%;}
#probig_pic .left .small ul{ width:100%;}
#probig_pic .left .small ul li{ width:20%;float:left;}
#probig_pic .left .small ul li a{ display:block; border:solid 1px #fff; margin:0.5rem 0.2rem}
#probig_pic .left .small ul li a img{ width:100%;} 
#probig_pic .left .small ul li a.it{ display:block; border:solid 1px #000;}

#probig_pic .right{ width:90%; margin:0 auto;overflow:hidden;}
#probig_pic .right .a1{ font-size:1.2rem; line-height:1.5rem; font-weight:900; color:#000; padding-top:1rem}
#probig_pic .right .a2{ margin-top:10px; overflow:hidden;}
#probig_pic .right .a3 p.tt{ font-size:20px; line-height:30px; padding-top:20px;}
#probig_pic .right .a4{ width:100%; overflow:hidden; padding-top:20px;}
#probig_pic .right .a4 ul li{ float:left; width:25%; text-align:center; line-height:14px;}
#probig_pic .right .a4 ul li p{ padding:5px 0;}
#probig_pic .right .a5{ margin-top:30px}
#probig_pic .right .a5 a{ width:184px; line-height:50px; border-radius:5px; background:#0066b0; color:#fff; font-size:18px; text-align:center; display:block;}
#probig_pic .right .a5 a:hover{ background:#cf8526; width:200px;}

#probig_change_btn{ width:100%; border-bottom:solid 1px #eee; overflow:hidden; text-align:center;}
#probig_change_btn ul{}
#probig_change_btn ul li{ float:left; width:33.33%;}
#probig_change_btn ul li a{ display:block; line-height:3rem; font-size:0.8rem; border-bottom:solid 4px #fff;}
#probig_change_btn ul li a.it{ border-bottom:solid 4px #0066b0;}

#pro_pic_detail{ width:100%; margin:0 auto 30px auto; overflow:hidden; text-align:center;}
#pro_pic_detail img{ width:100%;}

#specifications{ width:90%; margin:30px auto; overflow:scroll;}
#specifications table{ width:100%; border-left:solid 1px #eee; border-top:solid 1px #eee; min-width:800px;}
#specifications table td{border-right:solid 1px #eee; border-bottom:solid 1px #eee; line-height:40px;}

#pro_feedback{ width:100%; background:#eee; overflow:hidden;}
#pro_feedback .a1{ width:90%; line-height:1rem; font-size:0.8rem; padding:0.5rem 5%; color:#fff; background:#0066b0; text-align:center; margin:0 auto 20px auto;}
#pro_feedback .a2{ width:90%; margin:0 auto; overflow:hidden;}
#pro_feedback .a2 ul{ width:100%;}
#pro_feedback .a2 ul li{ width:100%;margin:0 0 15px 0; background:#fff; overflow:hidden;}
#pro_feedback .a2 ul li img{ float:left;}
#pro_feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:70%;}
#pro_feedback .a3{ width:80%; margin:0 auto 15px auto; overflow:hidden; background:#fff; height:180px; padding:20px 5%;}
#pro_feedback .a3 textarea{ width:90%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#pro_feedback .a4{ width:90%; margin:0 auto 0rem auto; overflow:hidden;}
#pro_feedback .a4 ul li{ margin-bottom:15px;}
#pro_feedback .a4 ul li.b1{}
#pro_feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:100%; border-radius:3px; text-align:center; color:#fff; background:#0066b0; font-size:16px;}
#pro_feedback .a4 ul li.b1 a:hover{ background:#cf8526;}
#pro_feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:100%; border-radius:3px; text-align:center; color:#fff; background:#009dab; font-size:16px;}
#pro_feedback .a4 ul li.b2 a:hover{ background:#d6000f;}
#pro_feedback .a4 ul li.b3{ width:100%; background:#fff; overflow:hidden;}
#pro_feedback .a4 ul li.b3 img{ float:left;}
#pro_feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:50%;}
#pro_feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px; text-align:center;}

#market{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#market img{ width:100%;}
#market p.tt{ font-size:18px; font-weight:900; line-height:30px;}
#market p.tc{ font-size:16px; color:#0066b0;}
#market p.cc{ overflow:hidden;}
#market p.cc span{ display:block; float:left; margin-right:0.3rem; line-height:30px; padding:0 1rem; font-size:0.7rem; text-align:center; margin-bottom:0.3rem; border:solid 1px #ddd;}


#rd1{ width:90%; margin:30px auto 2rem auto; overflow:hidden; border-top:solid 1px #eee; padding-top:30px;}
#rd1 .left{ overflow:hidden;width:100%%; padding:10px 0 0 0; margin-bottom:1rem; }
#rd1 .left p.tt{ font-size:18px; line-height:30px;}

#rd1 .right{ width:100%;}
#rd1 .right img{ width:100%;}

#rd2{ width:90%; margin:30px auto 1rem auto; overflow:hidden; border-top:solid 1px #eee; padding-top:30px;}
#rd2 p.tt{ font-size:18px; line-height:30px;}
#rd2 p.cc{ overflow:hidden; padding-top:10px; padding-bottom:30px;}
#rd2 p.cc span{ display:block; margin:0 10px 10px 0; border:solid 1px #eee; line-height:30px; padding:0 20px; float:left;}

#rd2 p.pic{ overflow:hidden; padding-top:10px;}
#rd2 p.pic img{ width:100%;}

#step{ width:100%; margin:40px auto 0 auto; overflow:hidden;}
#step ul li{ width:100%;}
#step ul li p.tc{ font-weight:900; font-size:16px; color:#0066b0;}

#content p.t1{ font-size:18px; font-weight:900; line-height:30px; padding-bottom:20px;}
#content p.t2{ font-size:16px; font-weight:700; line-height:30px; color:#0066b0}
#content p.t3{ font-size:14px; font-weight:700; line-height:30px; color:#000}
#content p.c1{ border-bottom:solid 1px #eee; padding:0 0 20px 0; overflow:hidden; margin-bottom:30px;}

#course1{ width:90%; margin:0 auto 0 auto; overflow:hidden;}
#course1 ul li{ border-bottom:solid 1px #eee; overflow:hidden; margin-bottom:30px;}
#course1 ul li a{ display:block; padding:0 0 30px 0; overflow:hidden;}
#course1 ul li a .l{ overflow:hidden; width:100%;}
#course1 ul li a .l img{ width:100%; transition:all 0.5s;}
#course1 ul li a .r{ width:100%; transition:all 0.5s;}
#course1 ul li a .r p.a1{ font-size:1.1rem; line-height:1.4rem; font-weight:900; padding:1rem 0; overflow:hidden;}
#course1 ul li a .r p.a2{ color:#666; padding-bottom:10px;}
#course1 ul li a .r p.a4{ width:100px; line-height:36px; background:#eee; color:#00275e; text-align:center; border-radius:3px; margin-top:30px; transition:all 0.5s;}
#course1 ul li a:hover .r p.a4{ background:#fff;}
#course1 ul li a:hover{ background:#f7f7f7; padding:20px 20px 30px 20px;}
#course1 ul li a:hover .r{ width:760px;}
#course1 ul li a .r p.a4:hover{ background:#d6000f; width:120px; color:#fff;}
#course1 ul li a:hover .l img{ transform:scale(1.15);}



#feedback{ width:100%; overflow:hidden;}
#feedback .a1{ width:90%; line-height:1rem; font-size:0.8rem; padding:0.5rem 5%; color:#fff; background:#0066b0; text-align:center; margin:0 auto 20px auto;}
#feedback .a2{ width:90%; margin:0 auto; overflow:hidden;}
#feedback .a2 ul{ width:100%;}
#feedback .a2 ul li{ width:100%;margin:0 0 15px 0; background:#fff; overflow:hidden;}
#feedback .a2 ul li img{ float:left;}
#feedback .a2 ul li input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:70%;}
#feedback .a3{ width:80%; margin:0 auto 15px auto; overflow:hidden; background:#fff; height:180px; padding:20px 5%;}
#feedback .a3 textarea{ width:90%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback .a4{ width:90%; margin:0 auto 0rem auto; overflow:hidden;}
#feedback .a4 ul li{ margin-bottom:15px;}
#feedback .a4 ul li.b1{}
#feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:100%; border-radius:3px; text-align:center; color:#fff; background:#0066b0; font-size:16px;}

#feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:100%; border-radius:3px; text-align:center; color:#fff; background:#009dab; font-size:16px;}

#feedback .a4 ul li.b3{ width:100%; background:#fff; overflow:hidden;}
#feedback .a4 ul li.b3 img{ float:left;}
#feedback .a4 ul li.b3 input{ height:34px; border-left:solid 1px #eee; text-indent:15px; line-height:34px; margin-top:8px; width:50%;}
#feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px; text-align:center;}

#contact{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#contact p{ border-bottom:solid 1px #eee; line-height:50px; font-size:0.8rem;}
#contact p.add{ border-bottom:solid 1px #eee; line-height:18px; padding-bottom:0.5rem;}
#contact p span{ float:left;}

#mapic{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
#mapic img{ width:100%;}






.botbox{height:auto; float:left; margin-bottom:20px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}
.news_info_back{ width:90%; margin-top:2rem; margin-bottom:2rem;}
.news_info_back button{ width:100%; line-height:3rem; background:#e11931; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}

#news_con{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#news_con .news_title{font-size: 1.5rem;}
#news_con img{width:100%;}

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll}
.canshu table{width:100%; } 
.canshu table img{width:auto} 
.canshu table td{ padding:5px; white-space:nowrap;} 
.cs-d{display:block;}



}