@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background:#f7f7f7;font-size: 14px;color:#000;line-height: 24px;	font-family:Arial, Helvetica, sans-serif;}
a {color:#3f3c36;	text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}
@media(max-width:3000px) {
#top{ width:100%; position:fixed; top:0; left:0; z-index:10; background:#fff;}
#logo{ float:left;}
#top_menu{ width:1300px;  margin:0 auto; overflow:hidden;}

#menu{ float:right; overflow:hidden; margin-right:3vw;}
#menu ul li{ float:left; }
#menu ul li a{ display:block; line-height:110px; font-size:16px; color:#000; padding:0 1.3vw;}
#menu ul li a.k{ background:url(image/bit1.png) no-repeat 90% center;}
#menu ul li a:hover{ color:#7cbb3b; }

#menu ul li .zmenu{ position:absolute; background:#253a69; overflow:hidden; padding:20px; display:none; min-width:250px;}
#menu ul li .zmenu a{ line-height:40px; color:#fff; font-size:14px;}
#menu ul li .zmenu a:hover{ background:#7cbb3b;}

#lan{ float:right;}
#lan a{ display:block; width:28px; line-height:28px; text-align:center; color:#fff; background:#253a69; border-radius:50%; text-transform:uppercase; margin-top:36px; font-size:12px;}
#lan a:hover{ background:#7cbb3b;}


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

/*banner*/
#banner{ overflow:hidden; margin-top:90px;}
.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%;}
.PC_banner{ display:block;}
.M_banner{ display:none;}

#ind_data{ width:100%; margin:-80px auto 0 auto; position:absolute;z-index:1;}
#ind_data ul{ padding:50px 30px; width:1240px; margin:0 auto; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-radius:20px; overflow:hidden;  }
#ind_data ul li{ float:left; width:20%; padding-left:5%;}
#ind_data ul li p:nth-child(1){ font-size:48px; line-height:50px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#253a69;}
#ind_data ul li p:nth-child(1) sup{ color:#7cbb3b;}
#ind_data ul li p:nth-child(2){ color:#666; font-size:18px;}

#ind_about{ width:1300px; margin:180px auto 0 auto; overflow:hidden;}
#ind_about .left{ float:left; background:url(image/videodi.png) no-repeat right bottom; padding:0 10px 10px 0;}
#ind_about .left video{ width:650px; height:410px; background:#000;}

#ind_about .right{ width:600px; float:right;}
#ind_about .right p:nth-child(1){ font-size:30px; line-height:40px; font-weight:900; color:#253a69; margin-top:20px;}
#ind_about .right p:nth-child(2){ font-size:18px; line-height:20px; font-weight:900; color:#7cbb3b; text-transform:uppercase;}
#ind_about .right p:nth-child(3){ font-size:16px; line-height:30px; color:#666; margin-top:20px;}
#ind_about .right p:nth-child(4){ margin-top:50px;}
#ind_about .right p:nth-child(4) a{ display:block; width:138px; line-height:50px; background:#7cbb3b; color:#fff; font-size:16px; border-radius:5px; text-align:center;}
#ind_about .right p:nth-child(4) a:hover{ width:160px; background:#253a69;}

#ind_st{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat top center #eee; margin-top:80px;}
#ind_st h2{ font-size:36px; color:#fff; line-height:80px; font-weight:bold; text-align:center; padding:50px 0;}
#ind_st .list{ width:1300px; margin:0 auto 100px auto; overflow:hidden;}
#ind_st .list ul{ width:1400px;}
#ind_st .list ul li{ width:400px; margin-right:50px; background:#fff; float:left;}
#ind_st .list ul li p:nth-child(1){ overflow:hidden;}
#ind_st .list ul li p:nth-child(2){ padding:0 30px; line-height:60px; padding-top:10px;font-size:24px; font-weight:bold; color:#253a69;}
#ind_st .list ul li p:nth-child(2) span{ color:#7cbb3b;}
#ind_st .list ul li p:nth-child(3){ padding:0 30px; color:#666; min-height:72px; padding-bottom:40px;}

#ind_pro{ width:100%; background:#fff; overflow:hidden; text-align:center;}
#ind_pro .list{ width:1300px; margin:0 auto; overflow:hidden; text-align:left;}
#ind_pro .list ul{ width:1000000px; transition:all 0.5s;}
#ind_pro .list ul li{ width:1300px; float:left;}
#ind_pro .list ul li .left{ float:left; width:600px;}
#ind_pro .list ul li .left p:nth-child(1){ font-size:36px; color:#253a69; line-height:80px; padding-top:90px;}
#ind_pro .list ul li .left p:nth-child(2){ color:#666; padding-top:10px;}
#ind_pro .list ul li .left p:nth-child(3){ padding-top:60px;}
#ind_pro .list ul li .left p:nth-child(3) a{ display:block; border-radius:5px; width:120px; line-height:40px; background:#7cbb3b; font-size:16px; color:#fff; text-align:center;}
#ind_pro .list ul li .left p:nth-child(3) a:hover{ width:150px; background:#253a69;}
#ind_pro .list ul li .right{ float:right;}
#ind_pro .btn{ display:inline-block;}
#ind_pro .btn p{ background:#253a69; width:12px; height:12px; border-radius:50%; float:left; margin:0 5px 30px 5px; cursor:pointer; transition:all 0.5s;}

#ind_news{ width:100%; background:#eee; overflow:hidden; padding-bottom:5vw;}
#ind_news h2{ font-size:36px; color:#253a69; line-height:80px; font-weight:bold; text-align:center; padding:50px 0 20px 0;}
#ind_news h2 span{ color:#7cbb3b;}
#ind_news .list{ width:1300px; margin:0 auto; overflow:hidden;}
#ind_news .list .left{ width:570px; float:left;}
#ind_news .list .left a{ display:block; background:#fff;}
#ind_news .list .left a p{ overflow:hidden;}
#ind_news .list .left a div{ min-height:170px; padding:0 30px;}
#ind_news .list .left a div p:nth-child(1){ font-size:18px; color:#253a69; line-height:50px; padding-top:10px; overflow:hidden; white-space:normal; text-overflow:ellipsis;}
#ind_news .list .left a div p:nth-child(2){ color:#666; line-height:18px;}
#ind_news .list .left a div p:nth-child(3){ color:#999; padding-top:20px;}
#ind_news .list .left a div p:nth-child(3) img{ vertical-align:middle; margin-right:5px;}
#ind_news .list .left a:hover{ background:#253a69; color:#fff;}
#ind_news .list .left a:hover p:nth-child(1){ color:#fff;}
#ind_news .list .left a:hover p:nth-child(2){ color:#ccc;}

#ind_news .list .right{ width:720px; float:right;}
#ind_news .list .right ul li{ margin-bottom:10px;}
#ind_news .list .right ul li a{ display:block; background:#fff; padding:0 30px; min-height:170px;}
#ind_news .list .right ul li a p:nth-child(1){ font-size:18px; color:#253a69; line-height:50px; padding-top:20px; overflow:hidden; white-space:normal; text-overflow:ellipsis;}
#ind_news .list .right ul li a p:nth-child(2){ color:#666; line-height:18px;}
#ind_news .list .right ul li a p:nth-child(3){ color:#999; padding-top:10px;}
#ind_news .list .right ul li a p:nth-child(3) img{ vertical-align:middle; margin-right:5px;}

#ind_news .list .right ul li a:hover{ background:#253a69;}
#ind_news .list .right ul li a:hover p:nth-child(1){ color:#fff;}
#ind_news .list .right ul li a:hover p:nth-child(2){ color:#ccc;}


#bottom{ width:100%; background:#253a69; overflow:hidden;}
#bottom ul{ width:1300px; margin:0 auto; overflow:hidden;}
#bottom ul li{ float:left; }
#bottom ul li p.tt{ font-size:18px; color:#fff; line-height:50px; padding-top:40px; padding-bottom:10px; width:100%;}
#bottom ul li p.a1 a{ color:#fff; line-height:30px;}
#bottom ul li p.a1 a:hover{ color:#7cbb3b;}
#bottom ul li p.a1{ color:#aaa;}
#bottom ul li:nth-child(1){ width:230px;}
#bottom ul li:nth-child(2){ width:230px;}
#bottom ul li:nth-child(3){ width:270px;}
#bottom ul li:nth-child(4){ width:230px;}
#bottom ul li:nth-child(4) img{ margin-top:5px;}
#bottom ul li:nth-child(5) p{ color:#fff;}
#bottom ul li:nth-child(5) p.a1:nth-child(3){ font-size:36px; line-height:36px; color:#7cbb3b; font-weight:bold; padding-bottom:10px;}



#copyright{ width:1300px; margin:60px auto 10px auto; overflow:hidden; text-align:center; border-top:solid 1px rgba(255,255,255,0.3); color:#fff; line-height:90px;}

#float{ position:fixed; z-index:20; bottom:60px;right:20px;}
#float p{ background:rgba(51,51,51,0.8);border-top-right-radius:10px;border-bottom-left-radius:10px; margin-bottom:5px;}
#float p.a3{ background:#7cbb3b; cursor:pointer;}




#banner_about{ width:100%; margin-top:90px; background:#000;}
#banner_about img{ width:100%;}

#about_menu{ width:100%; overflow:hidden; background:#fff;  text-align:center;  margin-top:0;}
#about_menu ul{ width:1300px; border-left:solid 1px #f7f7f7; margin:0 auto; overflow:hidden;}
#about_menu ul li{ float:left; margin:0 0; border-right:solid 1px #f7f7f7;}
#about_menu ul li a{ display:block; line-height:70px; font-size:16px; padding:0 50px; background:url(image/line2.jpg) no-repeat bottom center/0% 2px; color:#253a69;}
#about_menu ul li a:hover{ background:url(image/line2.jpg) no-repeat bottom center/100% 2px; color:#000; margin-top:0;}
#about_menu ul li a.it{background:url(image/line2.jpg) no-repeat bottom center/100% 2px; color:#00; margin-top:0;}
#about_menu ul dd{ float:right; line-height:70px;}
#about_menu ul dd a img{ height:22px; vertical-align:middle; margin-bottom:4px;}


#case_menu{ width:100%; background:#f7f8fa; text-align:center; height:60px;}
#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:#f08200;margin-top:10px;}
#case_menu ul li a.it{ background:url(image/line2.jpg) no-repeat top left/100% 2px #fff; color:#f08200;margin-top:10px;}



#title{ width:1200px; margin:80px auto 30px auto; overflow:hidden; border-bottom:solid 0px #eee;}
#title h1{ font-size:36px; line-height:60px; font-weight:500; text-transform:uppercase; text-align:center; }
#title p{ text-align:center; line-height:20px; color:#999;}
#title p a{ color:#999;}
#title p a:hover{ color:#000;}


#about1{ width:1300px; margin:0 auto 2vw auto; font-size:16px; line-height:30px; overflow:hidden; color:#666; }


#about2{ width:1300px; margin:0 auto 6vw auto; overflow:hidden;}
#about2 .left{ float:left;}
#about2 .right{ float:right;}

#culture0{ width:1200px; margin:0 auto; overflow:hidden; background:#fff; padding:30px 50px; font-size:16px;}

#culture{ width:1300px; margin:20px auto 0 auto; overflow:hidden;}

#culture .a1{ width:350px; 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:75px; transition:all 0.5s;}
#culture .a1 ul li p.cc{ font-size:16px;display:none;}
#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:560px; float:left; margin:0 20px 20px 0;}

#culture .a3{ width:350px; 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:75px; transition:all 0.5s;}
#culture .a3 ul li p.cc{ font-size:16px;display:none;}
#culture .a3 ul li:nth-child(1){ background:#eee; color:#000;}
#culture .a3 ul li:nth-child(2){ background:#7cbb3b; color:#fff;}

#culture1{ width:1300px; margin:0 auto 130px auto; overflow:hidden;}
#culture1 ul{ width:1400px;}
#culture1 ul li{ width:640px; float:left; margin-right:20px; text-align:center; height:200px; color:#fff;cursor:pointer;}
#culture1 ul li p.tt{ font-size:28px; line-height:50px; margin-top:75px; transition:all 0.5s;}
#culture1 ul li p.cc{ font-size:16px; padding:0 40px; display:none;}
#culture1 ul li:nth-child(1){ background:#7cbb3b;}
#culture1 ul li:nth-child(2){ background:url(image/cu3.jpg) no-repeat center/100% auto;}

#honor{ width:1300px; margin:0 auto; overflow:hidden;}
#honor ul{ width:1400px;}
#honor ul li{ width:400px; margin-right:50px; float:left; margin-bottom:20px;}
#honor ul li a{ display:block; font-size:16px; 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:#7cbb3b; color:#fff;}
#honor ul li a:hover img{transform:scale(1.15)}

#workshop{ width:1300px; margin:20px auto 0 auto; overflow:hidden;}
#workshop ul{ width:1400px;}
#workshop ul li{ width:420px; margin-right:20px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; background:#fff; padding:20px; font-size:16px; line-height:50px; text-align:center;}
#workshop ul li a img{ width:100%; transition:all 0.5s;}
#workshop ul li a p{ overflow:hidden;}
#workshop ul li a:hover{ background:#7cbb3b; color:#fff;}
#workshop ul li a:hover img{transform:scale(1.15)}


#news{ width:1200px; margin:0 auto; overflow:hidden; border-top:solid 0px #eee;}
#news ul li{ overflow:hidden; border-bottom:solid 0px #eee; margin-bottom:20px;}
#news ul li a{ display:block;overflow:hidden; padding:30px 30px 30px 30px; background:#fff; }
#news ul li a:hover{}
#news ul li a .a1{ float:left; margin-right:50px; overflow:hidden; width:400px;}
#news ul li a .a1 img{ width:100%; transition:all 0.5s;}
#news ul li a:hover .a1 img{ transform:scale(1.15)}
#news ul li a .a2{ overflow:hidden;}
#news ul li a .a2 p.tt{ font-size:24px; color:#000; padding:20px 0; transition: all 0.5s;}
#news ul li a:hover .a2 p.tt{ color:#0ba29b;}
#news ul li a .a2 p.cc{ min-height:96px; color:#666; font-size:16px; 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:60px auto 100px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee; background:#fff; border-top-right-radius:10px;border-bottom-left-radius:10px;}
#page ul li a:hover{ background:#7cbb3b; color:#fff;}
#page ul li a.it{ background:#7cbb3b; color:#fff;}

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

#contact1{ width:1100px; margin:100px auto 0 auto; overflow:hidden; background:rgba(255,255,255,0.8); padding:50px;}
#contact1 p:nth-child(1){ font-size:30px; font-weight:900; color:#000; line-height:50px; padding-bottom:20px;}
#contact1 p:nth-child(2){ line-height:30px; font-size:16px;}
#contact1 p:nth-child(3){ line-height:30px; font-size:16px;}
#contact1 p:nth-child(4){ line-height:30px; font-size:16px;}

#contact2{ width:1100px; padding:50px; background:#d4f1f0; margin:10px auto 10px auto; overflow:hidden; min-height:300px;}
#contact2 p:nth-child(1){ font-size:20px; line-height:40px; font-weight:bold;}

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

#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);}
#contact1 #code p{ font-size:14px; background:#253a69; color:#fff; border-radius:50px;}













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

#login .kuang{ width:400px; margin:150px auto 150px auto; overflow:hidden; background:#fff; padding:30px 50px; border-top-right-radius:50px;border-bottom-left-radius:50px;}
#login .kuang p.tt{ font-size:30px; line-height:50px; 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:#f08200;}
#login .kuang p.gogo button{ background:#f08200; 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:80px auto 0 auto; text-align:center; padding-top:30px; padding-bottom:50px;}

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

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


.title1{ width:1200px; margin:20px auto 30px auto; overflow:hidden; text-align:center; padding:30px 0 0px 0; background:none; border-radius:50px;}
.title1 h2{ font-size:30px; line-height:50px; font-weight:500; }
.title1 p{ width:800px; margin:0 auto; color:#666; font-size:15px;}
.title1 span{display:block; margin:0 auto; padding-top:30px;}
.title1 span a{ display:block; background:#fff; border-radius:50px; border:solid 2px #eee; color:#666; line-height:30px; width:100px; margin:0 auto;}
.title1 span a:hover{ background:#f08200; color:#fff; border:solid 2px #f08200; width:120px;}


.proa{ width:1200px; margin:0 auto; overflow:hidden;}
.proa ul{ width:1300px;}
.proa ul li{ float:left; width:285px; text-align:center; margin:10px 20px 30px 0; height:400px; }
.proa ul li a{ display:block; text-align:center; border:solid 1px #eee; font-size:14px; margin-top:10px; 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:24px;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:16px;}
.proa ul li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.1); color:#f08200; border:solid 1px #eee;background:url(image/line2.jpg) no-repeat left bottom/100% 3px #fff;margin-top:0px; }

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

#pro_k{ width:1300px; margin:0 auto; overflow:hidden;}


#pro_menu{ width:250px; background:#f7f8fa; text-align:left; height:60px; float:left; margin-top:50px}

#pro_menu ul dt{ background:#253a69; line-height:60px; color:#fff; font-size:18px; font-weight:700; margin-bottom:10px; text-indent:30px;}
#pro_menu ul li{ margin-bottom:10px;}
#pro_menu ul li a{display:block; line-height:60px; font-size:16px;  background:url(image/line2.jpg) no-repeat bottom left/0% 2px #fff; width:100%;}
#pro_menu ul li a span{ float:left;}
#pro_menu ul li a:hover{ background:url(image/line2.jpg) no-repeat bottom left/100% 2px #fff; color:#f08200; }

#pro_menu .search{ background:#fff; padding:20px; overflow:hidden; margin-bottom:10px;}
#pro_menu .search select{ border:solid 1px #eee; width:70%; height:40px; padding-left:10px; float:left;}
#pro_menu .search input{ border:solid 1px #eee; width:69%; height:38px; text-indent:10px; float:left;}
#pro_menu .search button{ width:30%; height:40px; background:#253a69; color:#fff; cursor:pointer; float:right;}


#pro_list{ width:1300px; float:right;}
#pro_list h1{ line-height:60px; border-bottom:solid 1px #ddd; font-size:24px; margin-top:50px; margin-bottom:30px; font-weight:700; color:#253a69;}

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

#probig{ width:1300px; margin:150px auto 0 auto; overflow:hidden;}
#probig .left{ width:500px; border:solid 0px #eee; float:left; }
#probig .left img{ width:100%; }
#probig .left li{ display:none;}
#probig .right{ width:750px; float:right;}
#probig .right p.a1{ font-size:30px; line-height:60px; border-bottom:solid 1px #eee; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#probig .right p.a2{ line-height:50px; font-size:18px; border-bottom:solid 1px #eee;}
#probig .right p.a3{ padding:13px 0; border-bottom:solid 1px #eee; color:#666;}
#probig .right p:nth-child(9){ padding-top:30px;}
#probig .right p:nth-child(9) a{ display:block; width:120px; line-height:40px; text-align:center; background:#7cbb3b; border-radius:5px; color:#fff;}

#probig .right p.a4t{ font-size:18px; padding-top:20px; line-height:50px; font-weight:900;}
#probig .right div.a4{ overflow:hidden; padding-top:30px;}
#probig .right div.a4 span{ width:60px; float:left; border:solid 1px #eee;border-top-right-radius:10px;border-bottom-left-radius:10px; margin-right:10px; cursor:pointer; padding:10px;}
#probig .right div.a4 span img{ width:100%;}

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

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

#probig1 .btn{ width:1300px; margin:30px auto 10px auto; overflow:hidden;}
#probig1 .btn p{ float:left; background:#fff; width:150px; margin-right:10px; text-align:center; line-height:50px; margin-top:20px; font-size:16px; cursor:pointer; transition:all 0.5s; border-top-right-radius:10px; border-bottom-left-radius:10px;}

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

#pro_con p.t2{ font-size:24px; line-height:50px; border-bottom:solid 1px #eee; color:#000; font-weight:bold;}

#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:14px; line-height:40px; padding:0 20px; }
#pro_con .wg .r table tr.tot{ background:#f7f7f7; color:#000; font-weight:bold; }

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

#pro_can{ width:1100px; margin:0 auto 0px auto; overflow:hidden; background:#fff; padding:50px; 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:14px; line-height:18px; padding:10px 10px;}
#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:1300px; margin:80px auto 100px auto; overflow:hidden;}
#feedback .mess{ width:100%; background:#253a69; color:#fff; text-align:center; line-height:50px;}
#feedback .list{ overflow:hidden; margin-top:20px; width:1400px;}
#feedback .list p{ float:left; margin-right:10px; width:208px;}
#feedback .list p input{ width:100%; height:40px; border:solid 1px #eee; text-indent:10px;}
#feedback .list p.area{ width:1300px; margin-top:10px;}
#feedback .list p.area textarea{ border:solid 1px #eee; width:1278px; padding:10px; height:200px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#feedback p.btn{ width:1300px;  margin-top:20px; text-align:right;}
#feedback p.btn button{ width:200px; line-height:50px; background:#7cbb3b; color:#fff; text-align:center; font-size:16px; border-radius:5px; cursor:pointer;}

#pword{ width:100%; position:absolute; text-align:center; color:#fff;}
#pword p.tt{ font-size:42px; line-height:80px;}
#pword p.cc{ font-size:16px; letter-spacing:10px;}
#pword p.btn{ margin-top:30px;}
#pword p.btn a{ display:block; width:120px; line-height:40px; background:#f08200; 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:1200px; margin:80px auto 100px 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:460px; float:left; padding:50px 70px;}
#case_list ul li a .left p.tt{ font-size:24px; line-height:60px; color:#000;transition:all 0.5s;}
#case_list ul li a .left p.cc{ font-size:16px; line-height:30px; 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:#f08200; margin-top:50px; 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:600px; float:right; overflow:hidden;}
#case_list ul li a .right img{ transition:all 0.5s;}

#case_list ul li a:hover{ background:#f08200; 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:1200px; margin:80px auto 0 auto; overflow:hidden;}
#case1 .tt{ font-size:36px; line-height:120px;text-align:center;}
#case1 .con{ font-size:16px; color:#666; line-height:30px;}



#hy{ width:100%; margin:120px auto 80px auto; background:#f1f1f1;}
#hy .list{ width:1220px; margin:0 auto; overflow:hidden; padding:100px 0 50px 0;}

#case2{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:80px;}
#case2 .tt{ font-size:36px; line-height:120px; text-align:center;}
#case2 .con{ font-size:16px; color:#666; line-height:30px;}

#case3{ width:100%; background:#f1f1f1; margin:0 auto ; overflow:hidden; padding-bottom:120px; padding-top:80px;}
#case3 .tt{ font-size:36px; 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:305px;}
#case3 .list ul li a{ display:block; background:#fff; margin:0 10px; 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:#f7f8fa;}


#title1{ width:1200px; margin:80px auto 0px auto; overflow:hidden; border-bottom:solid 0px #eee;}
#title1 h1{ font-size:36px; 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:800px; margin:20px auto 0 auto; overflow:hidden; text-align:left; padding-bottom:80px; color:#fff; font-size:15px;}

.kuang1{ background:#f7f7f7; width:100%; overflow:hidden; padding-bottom:50px;}
.kuang2{ background:#fff; width:100%; overflow:hidden;padding-bottom:50px;}

#download{ width:1200px; margin:0 auto 30px auto; overflow:hidden;}
#download ul li{ line-height:80px; background:#f7f7f7; margin-bottom:10px; font-size:16px; padding:0 50px; color:#666;}
#download ul li span{ float:right;}
#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;}
#download ul li span a:hover{ background:#f08200; color:#fff; width:120px;}

#pro_banner{ background:#eee; width:100%; overflow:hidden; height:700px; margin-top:90px;}
#pro_banner .k{ width:1300px; margin:50px auto 0 auto; overflow:hidden;}
#pro_banner .k .left{ float:left;}
#pro_banner .k .right{ position:absolute;margin:50px 0 0 900px; z-index:2; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
#pro_banner .k .con{ width:1100px; margin:350px 0 0 50px; z-index:1; position:absolute; overflow:hidden; background:rgba(255,255,255,1); padding:30px 50px 50px 50px;}
#pro_banner .k .con p:nth-child(1){ font-size:30px; line-height:50px; color:#005261;}
#pro_banner .k .con p:nth-child(2){ font-size:14px; color:#999; width:65%;}

#pro_banner .k .con .menu_btn{ width:100%; overflow:hidden; margin-top:20px;}
#pro_banner .k .con .menu_btn ul li{ float:left; margin-right:10px;}
#pro_banner .k .con .menu_btn ul li a{ display:block; line-height:36px; background:#005261; color:#fff; padding:0 20px;}
#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:1300px; margin:0 auto 6vw auto; overflow:hidden;}
#warranties .k{ width:1300px; background:url(images/di3.jpg) no-repeat top left/1000px 500px; overflow:hidden; padding-bottom:50px;}
#warranties .k .left{ width:350px; float:left;}
#warranties .k .left p{ line-height:80px; color:#fff; font-size:18px; padding:0 0 0 80px; cursor:pointer;}
#warranties .k .left p:hover{ background:#0ba29b;}
#warranties .k .left h2{ line-height:60px; color:#fff; padding:60px 0 20px 80px; font-size:30px; font-weight:300;}
#warranties .k .right{ width:750px; min-height:500px; margin-right:50px; float:left; background:#fff; margin-top:50px; box-shadow:5px 5px 50px rgba(0,0,0,0.1);}
#warranties .k .right ul li{ display:none;}
#warranties .k .right ul li p:nth-child(2){ padding:30px 0 0 50px; font-size:24px; line-height:60px;}
#warranties .k .right ul li p:nth-child(3){  font-size:18px; padding:0 0 100px 50px; color:#666;}

#service{ width:1300px; margin:0 auto 6vw auto; overflow:hidden;}
#service ul{ width:1400px;}
#service ul li{ width:398px; float:left; text-align:center; margin-right:50px; border:solid 1px #eee; padding:50px 0;}
#service ul li img{ width:100px; padding-bottom:30px;}

#faq{ width:1300px; margin:0 auto 6vw auto; overflow:hidden;}
#faq ul{}
#faq ul li{ margin-bottom:30px; padding:30px; background:#eee;}
#faq ul li p:nth-child(1){ color:#0e6eb8; font-size:18px; line-height:40px;}
#faq ul li p:nth-child(2){ color:#666;}


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

#job{ width:1300px; margin:0 auto 6vw auto; overflow:hidden; border-top:solid 1px #eee;}
#job ul li{ border-bottom:solid 1px #eee; background:#fff;}
#job ul li .tt{ overflow:hidden; padding:30px 0; cursor:pointer; background:url(image/jia.png) no-repeat 98%; color:#666;}
#job ul li .tt p{ float:left; line-height:18px; width:25%; font-size:16px;}
#job ul li .tt p:nth-child(1){ font-size:20px; font-weight:bold; text-indent:50px;}
#job ul li .con{ background:#eee; padding:50px; display:none;}
#job ul li .con p.ta{ font-size:18px; font-weight:bold; padding-bottom:10px;}
#job ul li .con p:nth-child(3){ padding-top:30px;}

#job1{ width:1300px; margin:20px auto 6vw auto; overflow:hidden; background:#fff;}
#job1 .left{ float:left; font-size:16px; line-height:30px; padding:50px; width:500px}
#job1 .left p{ border-bottom:solid 1px #eee; padding:10px 0;}
#job1 .right{ float:right;}

#map{ width:1200px; margin:0 auto 6vw auto; overflow:hidden;}

#pro_list1{ width:1000px; float:right;}
#pro_list1 h1{ line-height:60px; border-bottom:solid 1px #ddd; font-size:24px; margin-top:50px; margin-bottom:30px; font-weight:700; color:#253a69;}


#procon{ overflow:hidden; width:100%; margin-bottom:4vw;}
#procon .a1 img{ width:100%;}
#procon .a2{ font-size:16px; line-height:30px; color:#666; padding-top:20px;}

#prosearch{ width:1200px; margin:30px auto 0 auto; overflow:hidden; background:#fff; padding:50px;}
#prosearch p{ float:left;}
#prosearch p input{ width:100%; height:40px; background:#f7f7f7; text-indent:10px;}
#prosearch p select{ width:100%; height:40px; background:#f7f7f7; padding-left:10px; line-height:40px;}
#prosearch p:nth-child(1){ width:150px; margin-right:10px;}
#prosearch p:nth-child(2){ width:250px; margin-right:10px;}
#prosearch p:nth-child(3){ width:250px; margin-right:10px;}
#prosearch p:nth-child(4){ width:250px; margin-right:10px; }
#prosearch p:nth-child(5){ width:120px;  margin-right:10px;}
#prosearch p:nth-child(5) button{ width:100%; height:40px; color:#fff; background:#253a69;cursor:pointer; transition:all 0.5s;}
#prosearch p:nth-child(5) button:hover{ background:#7cbb3b;}

#prosearch p:nth-child(6){ width:120px; }
#prosearch p:nth-child(6) a{ display:block; text-align:center; line-height:40px; width:100%; height:40px; color:#fff; background:#7cbb3b;cursor:pointer; transition:all 0.5s;}
#prosearch p:nth-child(6) a:hover{ background:#7cbb3b;}

.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;}

#content{ width:1300px; margin:0px auto 6vw auto; overflow:hidden;}
#content .news_title{ font-size:24px;padding: 10px;}
#content .news_con{ font-size:16px; line-height:28px;}


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

#probrand{ width:100%; overflow:hidden; margin-bottom:5vw; margin-top:3vw;}
#probrand ul li{ width:50%; float:left; padding-bottom:50px;}
#probrand ul li span{ display:block; width:36px; height:36px; background:#7cbb3b; border-radius:5px; float:left; margin-right:20px;}
#probrand ul li a{ font-size:36px; line-height:36px;}
#probrand ul li a:hover{ color:#7cbb3b;}

#probrand_class{ width:100%; overflow:hidden; margin-bottom:4vw;}
#probrand_class h2{ font-size:24px; line-height:50px; color:#7cbb3b;}
#probrand_class ul{ border-right:solid 4px #eee; border-bottom:solid 4px #eee; overflow:hidden; margin-bottom:30px;}
#probrand_class ul dl{display:flex;}
#probrand_class ul li{ float:left; display:flex;border-left:solid 4px #eee;  border-top:solid 4px #eee;}
#probrand_class ul li div{padding:10px 0; line-height:18px; width:216px; text-align:center; }
#probrand_class ul li a:hover{ color:#7cbb3b}












}