@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background: #fff;font-size: 14px;color: #000;line-height: 24px;	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {color: #000;	text-decoration: none; transition:color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s;} 
ul{ list-style:none;}
@media(min-width:1600px){
#about_banner{ width:100%; overflow:hidden;}
#about_banner img{ width:100%!important;}
	}
@media(min-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%;}

#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:50px auto; overflow:hidden; border-bottom:solid 1px #ddd;}
#search .k input{ width:80%; height:50px; line-height:50px; font-size:24px;}
#search .k button{ float:right; width:15%; height:50px;  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:80%; padding:0 10%; height:100px; background:rgba(0,0,0,0.8); position:fixed; z-index:20;}
#logo{ float:left;}
#menu{ float:right; overflow:hidden;}
#menu ul{ float:left;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; font-size:16px; color:#fff; padding:0 20px; background:url(image/line.jpg) no-repeat left 80%/0% 3px;}
#menu ul li a:hover{ color:#0066b0; background:url(image/line.jpg) no-repeat left 80%/100% 3px;}
#menu ul li .zmenu{ background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.2); margin-top:-19px; position:absolute; min-width:230px; display:none;}
#menu ul li .zmenu p{ border-bottom: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;}
#menu ul li .zmenu p a:hover{ color:#0066b0;background:url(image/line.jpg) no-repeat left center/4px 20px; padding-left:10px;}
#menu ul li .zmenu .kmenu{ position:absolute; margin:-50px 0 0 -241px; background:#f7f7f7; width:240px; display:none;}

#mbtn{ display:none;}
#close{ display:none;}

#lan{ float:right; overflow:hidden; margin:35px 0 0 30px; line-height:30px;}
#lan p{ float:left; cursor:pointer; color:#fff;}
#lan p img{ vertical-align:middle; margin-right:5px;}
#lan span{ display:block; float:right; margin:13px 0 0 5px;}

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

#ind_inquiry{ width:100%; background:#f3f3f3; line-height:80px; overflow:hidden; font-size:16px; text-align:center; color:#000;}
#ind_inquiry .k{ display:inline-block;}
#ind_inquiry .k p{ float:left;}
#ind_inquiry .k a{ display:block; width:125px; line-height:40px; text-align:center; color:#fff; background:#0066b0; border-radius:5px; float:left; margin-top:20px; margin-left:20px; font-size:14px;}
#ind_inquiry .k a:hover{ background:#cf8526;}

#ind_pro{ width:90%; margin:60px auto; overflow:hidden;}
#ind_pro ul li{ width:33.33%; 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:24px; color:#fff; font-weight:900; text-transform:uppercase; margin:40px; 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:36px; color:#fff; line-height:60px; font-weight:900; margin-top:70px;}
#ind_advantage .con{ width:1100px; margin:20px auto 0 auto; text-align:center; color:#fff; overflow:hidden}
#ind_advantage .list{ width:90%; margin:40px auto 80px auto; overflow:hidden;}
#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:1260px; margin:80px auto; overflow:hidden;}
#ind_about .left{ float:left; width:530px;}
#ind_about .left p.tt{ font-size:36px; font-weight:900; line-height:60px; color:#000;}
#ind_about .left p.con{ font-size:16px; overflow:hidden; margin-top:10px;}
#ind_about .left p.more{ overflow:hidden; margin-top:40px;}
#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{ float:right;}

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

.bottom1{ width:1260px; margin:0 auto; overflow:hidden;}
.bottom1 ul{ overflow:hidden;}
.bottom1 ul li{ float:left; color:#fff;}
.bottom1 ul li p.tt{ font-size:24px; line-height:60px; padding-top:70px;}
.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;}

.bottom1 ul li:nth-child(1){ width:250px;}
.bottom1 ul li:nth-child(2){ width:200px;}
.bottom1 ul li:nth-child(3){ width:300px;}
.bottom1 ul li:nth-child(4){ width:190px;}
.bottom1 ul li:nth-child(5){ width:300px;}

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

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

#bread{ width:100%; line-height:80px; overflow:hidden; padding-top:100px;}
#bread .k{ width:1200px; margin:0 auto; overflow:hidden;}

#bread1{ width:100%; line-height:60px; overflow:hidden; }
#bread1 .k{ width:1200px; margin:0 auto; overflow:hidden;}

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

#page_title{ width:1200px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #ddd; line-height:60px; font-size:24px; padding-top:30px;}

#compic1{ width:1200px; margin:30px auto 0 auto; padding-bottom:80px; overflow:hidden;}
#compic1 img{ width:100%;}

#content{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}

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

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

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

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

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


#about_menu{ float:right; overflow:hidden;}
#about_menu p{ float:left; margin-left:10px; margin-top:11px;}
#about_menu p a{ display:block; border:solid 1px #eee; line-height:36px; border-radius:3px; padding:0 20px;}
#about_menu p a:hover{ color:#fff; background:#0066b0; border:solid 1px #0066b0}

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

#pro_menu ul li .pro_zmenu{ position:absolute; background:#333; min-width:200px; display:none;}
#pro_menu ul li .pro_zmenu p a{ text-align:left; line-height:50px;}
#pro_menu ul li .pro_zmenu p a:hover{ background:#0066b0;}

#btn_change{ width:1200px; margin:0 auto; overflow:hidden;}
#btn_change p.left{ width:30px; height:30px; background:#0066b0; border-radius:50%; overflow:hidden; position:absolute; z-index:80; margin:-43px 0 0 -15px; box-shadow:0 2px 5px rgba(0,0,0,0.2); cursor:pointer; display:none;}
#btn_change p.right{ width:30px; height:30px; background:#0066b0; border-radius:50%; overflow:hidden;position:absolute;z-index:80; margin:-43px 0 0 1185px; box-shadow:0 2px 5px rgba(0,0,0,0.2); cursor:pointer;}

#pro_list{ width:1220px; margin:40px auto 0 auto; overflow:hidden;}
#pro_list ul{ }
#pro_list ul li{ width:285px; margin:0 10px; 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:20px auto 70px auto}
#page ul{ display:inline-block}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ background:#fff; line-height:40px; padding:0 20px; display:block;}
#page ul li a:hover{ background:#0066b0; color:#fff;}
#page ul li a.it{ background:#0066b0; color:#fff;}

#probig_pic{ width:1200px; margin:160px auto 60px auto; overflow:hidden;}

#probig_pic .left{ float:left; width:630px; overflow:hidden;}
#probig_pic .left .big ul li{ display:none;}
#probig_pic .left .big ul li:first-child{ display:inherit;}
#probig_pic .left .small{ overflow:hidden; width:100%;}
#probig_pic .left .small ul{ width:650px;}
#probig_pic .left .small ul li{ width:118px; margin-right:10px; float:left; margin-top:10px;}
#probig_pic .left .small ul li a{ display:block; border:solid 1px #fff;}
#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:530px; float:right; overflow:hidden;}
#probig_pic .right .a1{ font-size:30px; line-height:36px; font-weight:900; color:#000}
#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{ display:inline-block;}
#probig_change_btn ul li{ float:left; margin:0 30px;}
#probig_change_btn ul li a{ display:block; line-height:90px; font-size:18px; border-bottom:solid 4px #fff;}
#probig_change_btn ul li a.it{ border-bottom:solid 4px #0066b0;}

#pro_pic_detail{ width:1200px; margin:30px auto; overflow:hidden; text-align:center;}

#specifications{ width:1200px; margin:30px auto; overflow:hidden;}
#specifications table{ width:100%; border-left:solid 1px #eee; border-top:solid 1px #eee;}
#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:1260px; line-height:50px; color:#fff; background:#0066b0; text-align:center; margin:50px auto 20px auto;}
#pro_feedback .a2{ width:1260px; margin:0 auto; overflow:hidden;}
#pro_feedback .a2 ul{ width:1300px;}
#pro_feedback .a2 ul li{ width:410px; float:left; margin:0 15px 15px 0; background:#fff;}
#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:340px;}
#pro_feedback .a3{ width:1220px; margin:0 auto 15px auto; overflow:hidden; background:#fff; height:180px; padding:20px;}
#pro_feedback .a3 textarea{ width:100%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#pro_feedback .a4{ width:1260px; margin:0 auto 60px auto; overflow:hidden;}
#pro_feedback .a4 ul{ float:right;}
#pro_feedback .a4 ul li{ float:left; margin-left:15px;}
#pro_feedback .a4 ul li.b1{}
#pro_feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:180px; 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:180px; border-radius:3px; text-align:center; color:#fff; background:#009dab; font-size:16px;}
#pro_feedback .a4 ul li.b2 a:hover{ background:#cf8526;}
#pro_feedback .a4 ul li.b3{ width:340px; background:#fff;}
#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:180px;}
#pro_feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px;}

#market{ width:1200px; margin:30px auto 80px auto; overflow:hidden;}
#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:10px; line-height:30px; width:200px; text-align:center; margin-bottom:10px; border:solid 1px #ddd;}

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

#rd1 .right{ float:left; width:25%;}

#rd2{ width:1200px; margin:30px auto 80px 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;}

#step{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
#step ul li{ width:50%; float:left;}
#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:1200px; margin:30px 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{ float:left; overflow:hidden; width:400px;}
#course1 ul li a .l img{ width:100%; transition:all 0.5s;}
#course1 ul li a .r{ width:740px; float:right; transition:all 0.5s;}
#course1 ul li a .r p.a1{ font-size:18px; line-height:24px; font-weight:700; height:48px; padding-top:20px;}
#course1 ul li a .r p.a2{ color:#666; padding-bottom:10px;}
#course1 ul li a .r p.a4{ width:130px; line-height:36px; background:#fff; color:#0066b0; text-align:center; border-radius:3px; margin-top:30px; transition:all 0.5s;}
#course1 ul li a:hover .r p.a4{ background:#0066b0; color:#fff;}
#course1 ul li a:hover{ background:#fff; padding:20px 20px 30px 20px;}
#course1 ul li a:hover .r{ width:700px;}
#course1 ul li a .r p.a4:hover{ background:#cf8526; width:160px; color:#fff;}
#course1 ul li a:hover .l img{ transform:scale(1.15);}


#feedback{ width:100%;  overflow:hidden;}
#feedback .a1{ width:1200px; line-height:50px; color:#fff; background:#0066b0; text-align:center; margin:50px auto 20px auto;}
#feedback .a2{ width:1200px; margin:0 auto; overflow:hidden;}
#feedback .a2 ul{ width:1300px;}
#feedback .a2 ul li{ width:388px; float:left; margin:0 15px 15px 0; background:#fff; border:solid 1px #eee;}
#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:320px;}
#feedback .a3{ width:1158px; margin:0 auto 15px auto; border:solid 1px #eee; overflow:hidden; background:#fff; height:180px; padding:20px;}
#feedback .a3 textarea{ width:100%; height:100%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback .a4{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#feedback .a4 ul{ float:right;}
#feedback .a4 ul li{ float:left; margin-left:15px;}
#feedback .a4 ul li.b1{}
#feedback .a4 ul li.b1 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#0066b0; font-size:16px;}
#feedback .a4 ul li.b1 a:hover{ background:#cf8526;}
#feedback .a4 ul li.b2 a{ display:block; line-height:50px; width:180px; border-radius:3px; text-align:center; color:#fff; background:#009dab; font-size:16px;}
#feedback .a4 ul li.b2 a:hover{ background:#cf8526;}
#feedback .a4 ul li.b3{ width:340px; background:#fff; border:solid 1px #eee;}
#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:180px;}
#feedback .a4 ul li.b3 a{ color:#1c8c00; font-size:16px;}

#contact{ width:1200px; margin:20px auto 20px auto; overflow:hidden;}
#contact p{ border-bottom:solid 1px #eee; line-height:50px;}
#contact p span{ float:left;}

#mapic{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}
.news_info_back{ width:1260px; margin-top:10px;text-align: center;}
.news_info_back button{ width:150px; line-height:50px; background:#333; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}

#news_con{ width:1200px; margin:20px auto 20px auto; overflow:hidden;}
#news_con .news_title{font-size: 24px;}
}