@charset "utf-8";
/**/
@font-face{
font-family:impact;
src:url("vani.ttf");
}

*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#000; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
a{font-size:14px; color:#000; text-decoration: none; transition:color 0.5s,background 0.5s;}
a:hover {color:#000;}



@media( min-width:1500px){


}
@media( min-width:1000px){
#mySwipe{ display:inherit;}

.swipe {width: 100%;margin: 0 auto;	overflow: hidden;visibility: hidden;position: relative;width: 100%;	background: #fff;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {	float: left;width: 100%;position: relative;}
.swipe-wrap > div a {display: block;background: url(images/loading.gif) no-repeat center center;}
.swipe-wrap img {width:100%;}
	
#top{ width:100%; overflow:hidden;position: fixed;background: #fff;border-bottom: solid 1px #eee;z-index: 99999;}
#top2{ height:82px;}
#logo{ float:left; margin-left:60px;}
#menu{ float:right; margin-right:30px;}
#menu ul{ list-style:none; float:left; margin-right:30px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:82px; padding:0 24px;}
#menu ul li a:hover{ background:#ed7100; color:#fff;}
#menu ul li a.it{ background:#ed7100; color:#fff;}
#menu dl{ float:right; margin-right:30px; /*margin-top:25px;*/ line-height:82px;}
#menu dl dd{ float:left; margin-right:10px;}

.m_menu { display:none;}

#menubtn{ display:none;}

#index{ padding:60px; overflow:hidden;}
#index_about{ overflow:hidden; background:url(image/index_13.jpg) center top no-repeat; height:508px;}
#index_about img{ width:100%;}
#index_about a{ width:760px; display:block; margin:0 auto; overflow:hidden; text-align:center; color:#fff; background:url(image/kuang.png) bottom no-repeat; margin-top:130px;}
#index_about p.a1{ font-size:48px; font-weight:bold; line-height:80px;}
#index_about p.a2{ font-size:14px; font-weight:bold; line-height:20px; padding:20px 0 50px 0; font-weight:normal; font-size:14px;}

#index_about_btn{ width:100%; margin-top:60px; overflow:hidden;}
#index_about_btn ul{ list-style:none; width:100%;}
#index_about_btn li{ float:left; width:31.11%; margin-right:3.33%; overflow:hidden;}
#index_about_btn li.non{ float:left; width:31.11%; margin-right:0;}
#index_about_btn li a{ display:block;}
#index_about_btn li a p.b img{ width:100%;transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#index_about_btn li a p.b img:hover{transform: scale(1.15);}
#index_about_btn li a p.tt{ line-height:40px; font-size:18px; padding-top:16px;}
#index_about_btn li a p.tt span{ display:block; margin-right:20px; background:#ed7100; width:40px; height:40px; transition:width 0.5s; text-align:center; float:left;}
#index_about_btn li a p.tt span img{ margin-top:13px;}
#index_about_btn li a:hover p.tt span{ width:60px;}

#index_pro{ width:100%; overflow:hidden; margin-top:80px;}
#index_pro ul{ list-style:none; width:100%;}
#index_pro ul li{ float:left; width:48.33%; margin-right:3.33%; overflow:hidden;}
#index_pro ul li a{ display:block; text-align:center; height:660px; color:#fff;transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#index_pro ul li a:hover{transform: scale(1.15);}
#index_pro ul li a.a1{ background:url(image/p1.jpg) top center no-repeat;}
#index_pro ul li a p.b1{ font-size:48px; font-weight:bold; line-height:120px; padding-top:400px;}
#index_pro ul li a.a2{ background:url(image/p2.jpg) top center no-repeat;}
#index_pro ul li.non{ margin-right:0;}

#index_news{ background:url(image/di.jpg) top center; width:100%; overflow:hidden;}
#index_news .tt{ text-align:center; color:#fff; padding:0 60px;}
#index_news .tt p.a1{ font-size:48px; padding-top:90px; font-weight:bold; line-height:60px;}
#index_news .tt p.a2{ font-size:18px; line-height:20px; background:url(image/line.png) center no-repeat;}

#index_newsli{ padding:0 60px; overflow:hidden; margin-top:50px; margin-bottom:80px;}
#index_newsli ul{ list-style:none;}
#index_newsli ul li{ float:left;width:31.11%; margin-right:3.33%;}
#index_newsli ul li a{ display:block; color:#fff;}
#index_newsli ul li a img{ width:100%;}
#index_newsli ul li a p.a1{ font-size:18px; border-bottom:solid 1px rgba(255,255,255,0.2); line-height:60px; white-space:nowrap; transition:border 0.5s;}
#index_newsli ul li a p.a2{ font-size:14px; line-height:24px; padding:20px 0; border-bottom:solid 1px rgba(255,255,255,0.2); transition:border 0.5s;}
#index_newsli ul li a p.a3{ line-height:60px;}
#index_newsli ul li.non{ margin-right:0;}
#index_newsli ul li a:hover p.a1{ border-bottom:solid 1px rgba(255,255,255,1);}
#index_newsli ul li a:hover p.a2{ border-bottom:solid 1px rgba(255,255,255,1);}

#index_customer{ padding:0 60px; overflow:hidden;}
#index_customer div.tt{ font-size:48px; font-weight:bold; line-height:100px; text-align:center; padding-top:60px;}

#index_customerli{ width:100%; overflow:hidden;}
#index_customerli ul{ list-style:none;}
#index_customerli ul li{ float:left; margin-bottom:12px; width:16.11%; margin-right:0.66%;}
#index_customerli ul li.non{margin-right:0;}
#index_customerli ul li a{ display:block; border:solid 1px #ddd; transition:border 0.5s,box-shadow 0.5s;box-shadow:0px 2px 5px 5px rgba(0,0,0,0.0);}
#index_customerli ul li a img{ width:100%;}
#index_customerli ul li a:hover{ border:solid 1px #ed7100; box-shadow:0px 2px 5px 5px rgba(0,0,0,0.1);}
#more{ overflow:hidden; padding-top:70px; padding-bottom:80px;}
#more a{ margin:0 auto; display:block; background:#f7f0e9; width:146px; line-height:40px; text-align:center; color:#000; border-radius:50px;}
#more a:hover{ background:#ed7100; color:#fff;}

#bottom{ background:#ed7100; width:100%; overflow:hidden; padding:40px 0;}
#bottom ul{ list-style:none; margin-left:6.25%;}
#bottom ul li{ float:left; width:13%; color:#fff;}
#bottom ul li a{ color:#fff; font-size:12px;}
#bottom ul li p a{ font-size:14px; line-height:50px;}
#bottom ul li a:hover{ text-decoration:underline;}
#bottom ul li.right{ float:right; font-size:12px; text-align:center;}
#bottom ul li.right1{ float:right; width:20%; font-size:12px;}

#bottom1{ text-align:center; line-height:70px; width:100%; overflow:hidden;}
#mbottom{ display:none;}

#aboutpic{ width:100%; height:300px; background:url(image/aboutpic.jpg) center top;}
#newspic{ width:100%; height:300px; background:url(image/newspic.jpg) center top;}
#jobpic{ width:100%; height:300px; background:url(image/jobpic.jpg) center top;}
#contactpic{ width:100%; height:300px; background:url(image/contactpic.jpg) center top;}
#tzpic{ width:100%; height:300px; background:url(image/tzpic.jpg) center top;}
#propic{ width:100%; height:300px; background:url(image/propic.jpg) center top;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#aboutmenu ul{ list-style:none; width:1200px; margin:0 auto; border-left:solid 1px #eee; overflow:hidden;}
#aboutmenu ul li{ float:left; width:200px;}
#aboutmenu ul li a{ display:block; border-right:solid 1px #eee; line-height:60px; text-align:center;}
#aboutmenu ul li a:hover{ background:#ed7100; color:#fff;}
#aboutmenu ul li a.it{ background:#ed7100; color:#fff;}

#aboutmenu ul li .a_z_menu{ position:absolute; background:#f7f7f7; z-index:20; width:200px; display:none;}
#aboutmenu ul li .a_z_menu p{ border-bottom:solid 1px #eee;}

#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:30px;}
#title p.a1{ font-size:36px; font-weight:bold; line-height:60px; padding-top:50px;}
#title p.a2{ font-size:12px; background:url(image/line1.jpg) center repeat-x;}
#title p.a2 span{ background:#fff; padding:0 20px;}

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

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

#honor{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
#honor ul{ list-style:none; width:1300px;}
#honor ul li{ float:left; margin-right:32px; width:276px; margin-bottom:30px;}
#honor ul li a{ display:block; text-align:center; line-height:50px;}
#honor ul li a:hover{ background:#ed7100; color:#fff;}

#page{ width:100%; overflow:hidden; text-align:center; padding-bottom:80px;}
#page ul{ list-style:none; display:inline-block; margin:0 auto;}
#page ul li{ float:left;}
#page ul li a{ display:block; border:solid 1px #eee; padding:0 20px; margin:0 5px; line-height:50px;}
#page ul li a:hover{ background:#ed7100; color:#fff;}
#page ul li a.it{ background:#ed7100; color:#fff;}


#workshop{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
#workshop ul{ list-style:none; width:1300px;}
#workshop ul li{ float:left; margin-right:30px; width:380px; margin-bottom:30px;}
#workshop ul li a{ display:block; text-align:center; line-height:50px;}
#workshop ul li a:hover{ background:#ed7100; color:#fff;}

#company{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
.companyli{ overflow:hidden; padding-bottom:60px;}
.companyli p.tt{ font-size:24px; line-height:60px; border-bottom:solid 2px #333; padding-top:20px;}
.companyli table{ border:0; border-bottom:solid 2px #333; width:100%;}
.companyli table td{ border-bottom:solid 1px #ddd; padding:10px 20px; line-height:18px; font-size:12px; color:#666;}
.companyli table th{ border-bottom:solid 1px #ddd; background:#eee;}

#customer{ width:1200px; margin:0 auto 40px auto; overflow:hidden;}
#customer ul{ list-style:none; width:1300px;}
#customer ul li{ float:left; margin-right:32px; width:214px; margin-bottom:30px;}
#customer ul li a{ display:block; text-align:center; line-height:50px; border:solid 1px #eee; transition:border 0.5s;}
#customer ul li a img{ width:100%;}
#customer ul li a:hover{ border:solid 1px #ed7100; color:#fff;}

#newsmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee;}
#newsmenu ul{ list-style:none; width:1200px; margin:0 auto; border-left:solid 1px #eee; overflow:hidden;}
#newsmenu ul li{ float:left; width:400px;}
#newsmenu ul li a{ display:block; border-right:solid 1px #eee; line-height:60px; text-align:center;}
#newsmenu ul li a:hover{ background:#ed7100; color:#fff;}
#newsmenu ul li a.it{ background:#ed7100; color:#fff;}

#newslist{ width:1200px; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:30px;}
#newslist ul{ list-style:none;}
#newslist ul li{ float:left;width:31.11%; margin-right:3.33%;}
#newslist ul li a{ display:block; color:#666;}
#newslist ul li a img{ width:100%;}
#newslist ul li a p.a1{ font-size:16px; color:#000; border-bottom:solid 1px rgba(0,0,0,0.1); line-height:60px; white-space:nowrap;}
#newslist ul li a p.a2{ font-size:14px; line-height:24px; padding:20px 0; border-bottom:solid 1px rgba(0,0,0,0.1);}
#newslist ul li a p.a3{ line-height:60px; color:#999}
#newslist ul li.non{ margin-right:0;}

#newslist ul li a:hover p.a1{ color:#ed7100}

#job{ width:1200px; margin:0 auto; padding-bottom:40px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:15%;}
#job ul li p.title2{ float:left; width:27%;}
#job ul li p span{ color:#ed7100; font-weight:bold;}
#job ul li .beiz{ width:100%; padding-top:10px; float:left;}
#job ul li p a{ display:block; background:#eee; width:100px; color:#333; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; background:#ed7100; color:#fff;}

#wyjob{ width:1200px; margin:0 auto; padding-bottom:40px; overflow:hidden;}
#wyjob p{ padding-top:20px; float:left; overflow:hidden;}
#wyjob p input{ border:solid 1px #ddd; width:298px; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
#wyjob p textarea{ border:solid 1px #ddd; width:1178px; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:Arial, Helvetica, sans-serif;}
#wyjob p a{display:block; background:#ed7100; color:#fff; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ background:#d00;}

.contact{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.contact .left{ width:530px; float:left;}
.contact .left p{ line-height:60px; border-bottom:solid 1px #eee;}
.contact .left p.tt{ font-size:18px; font-weight:bold; color:#ed7100;}
.contact .right{ float:right; border:solid 1px #ddd; padding:1px;}

.contact1{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.contact1 .left{ width:530px; float:right;}
.contact1 .left p{ line-height:60px; border-bottom:solid 1px #eee;}
.contact1 .left p.tt{ font-size:18px; font-weight:bold; color:#ed7100;}
.contact1 .right{ float:left; border:solid 1px #ddd; padding:1px;}

#prolist{ width:100%; overflow:hidden; text-align:center;}
#prolist ul{ list-style:none; display:inline-block; margin:0 auto;}
#prolist ul li{ float:left; margin:0 5px;}
#prolist ul li a{ display:block;padding:0 30px; border-radius:5px;  line-height:40px; border:solid 1px #eee;}
#prolist ul li a:hover{ background:#ed7100; color:#fff;}
#prolist ul li a.it{ background:#ed7100; color:#fff;}

#proli{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:40px}
#proli ul{ list-style:none; width:1300px;}
#proli ul li{ float:left; width:380px; padding-top:30px; margin-right:30px;}
#proli ul li a{ display:block; padding:20px; border:solid 1px #eee; overflow:hidden; line-height:36px;}
#proli ul li a img{ float:left; width:160px; margin-right:20px;}
#bbtn{ display:none;}

.history{ background:url(image/hline.jpg) center repeat-y #f2f2f2; overflow:hidden; padding-bottom:20px; width:100%; margin:0 auto 0px auto; padding:50px 0;}
.history ul{ list-style:none; width:1200px; margin:0 auto;}
.history ul li{ background:url(image/bit1.jpg) center top no-repeat; width:100%; overflow:hidden; margin-top:20px;}
.history ul li div{ width:47%; float:right; border-bottom:solid 1px #eee; padding-bottom:1rem;}
.history ul li div p.a1{ font-size:18px; color:#000; font-weight:bold; line-height:18px; padding-bottom:10px;}
.history ul li div p.a2 span{ color:#ed7100;}
.history ul li div.a{ width:47%; float:left; text-align:right; border-bottom:solid 1px #eee; padding-bottom:1rem;}

#proli2{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
#proli2 ul{ list-style:none; width:1300px;}
#proli2 ul li{ float:left; width:540px; margin-right:36px; border:solid 1px #eee; margin-top:40px; padding:20px; background:#f2f2f2;}
#proli2 ul li p.tt1{ font-size:16px; color:#ed7100; font-weight:bold;}
#proli2 ul li p.tt2{ font-size:14px; color:#000; font-weight:bold;}
#proli2 ul li p.cc1{ font-size:14px; height:72px;}

#proa{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#proa ul{ width:1300px;}
#proa ul li{ float:left; width:580px; margin-right:30px; overflow:hidden;}
#proa ul li div.a1{}
#proa ul li div.a3{ background:rgba(0,0,0,0.6); width:580px; height:50px; color:#fff; position:absolute; margin-top:-50px; text-align:center; line-height:50px; font-size:18px;}
#proa ul li div.a2{ background:rgba(0,0,0,0.6); width:580px; height:300px; color:#fff; position:absolute; margin-top:-300px; display:none;}
#proa ul li div.a2 p.tt{ font-size:24px; line-height:60px; padding:50px 80px 0 80px;}
#proa ul li div.a2 p.con{ font-size:14px; line-height:24px; padding:0 80px;}




}

.gupiao{max-width:1200px; margin:0 auto 2rem auto; background: #fff; padding-top: .5rem; padding-bottom: .6rem;}
.gupiao-content{background: #fff;box-shadow: 5px 8.66px .16rem 0px rgba(51, 51, 51, 0); padding: .5rem .6rem .3rem .4rem; display: flex;}
.gupiao-content-left{width: 55%;}
.gupiao-content-left .gp-p1{font-size: 20px; color: rgb(51, 51, 51);line-height: 1.6;}
.gupiao-content-left .gp-p2{font-size: 16px; color: rgb(51, 51, 51);line-height: 2; margin-top: .2rem; margin-bottom: .5rem;}
.gupiao-content-left .gp-p2 span{font-size: .36rem;line-height: 0.889;}
.gupiao-content-left .gp-p2 img{display: inline-block; width: 14px;}
.gupiao-content-left .gp-p3{font-size: 16px; color: rgb(153, 153, 153);line-height: 2;margin-top: .5rem;}
.gp-list{display: flex; flex-wrap: wrap;}
.gp-list div{width: 25%;}
.gp-list div p{font-size: 16px; color: rgb(51, 51, 51);line-height: 2;margin-bottom: .1rem;}
.gp-list div span{font-size: 24px; color: rgb(51, 51, 51);line-height: 1.333;}
.gupiao-content-right{width: 45%;}
.gupiao-content-right img{max-width: 100%;}
.gp-tabs{display: flex; flex-wrap: wrap; margin-top: .35rem; padding-left: .3rem;}
.gp-tabs p{font-size: 16px;color: rgb(51, 51, 51);line-height: 2; transition: all .3s; background: transparent; border: 2px solid rgba(198,198,198,0.17); margin-right: .13rem;
 padding:0 .25rem; cursor: pointer;}
.gp-tabs p.on,.gp-tabs p:hover{background: #134374; color: #fff;}
.gp-img img{display: none;}
.gp-img img.on{display: block;}

.cta1{padding: .6rem 0 4vw;margin-bottom:.56rem}
.cta1 .item{float: left;width:33.33%;text-align: center; margin-bottom:100px}
.cta1 .item img{width:60px;margin: 0 auto 0 auto;transition: all .36s}
.cta1 .item .h1{font-size: .16rem;line-height: 1.5;color: #999;margin-top: .18rem}
.cta1 .item p{font-size: .16rem;line-height: 1.5;color: #333}
.cta1 .title{font-size: .26rem;color: #333;text-align: center;margin-bottom: 4vw}

.cta2{position: relative;}
.cta2 .item{transition: all .3s;/*float: left;*/ margin: auto; width: 33.33%;text-align: center;box-shadow: 5.035px 4.863px .49rem 0px rgba(51, 51, 51, 0.13);background: #fff;height: 1.38rem;padding: .25rem 4vw 0;cursor: pointer;}
.cta2 .item .h1{font-size: .16rem;color: #134374;line-height: 1.75;transition: all .3s}
.cta2 .item p{font-size: .16rem;color: #999;line-height: 1.75}
.cta2 .container{position: absolute;top:80px;z-index:3;left: 0; right: 0; display: flex; flex-wrap: wrap; justify-content: center; }
#map1{height:35vw;}
.cta3{background: url(../images/cta3bg.jpg);background-size: cover;background-position: center;padding: 5.5vw 0 6.5vw}
.cta3 .title{font-size: .26rem;color: #333;text-align: center;margin-bottom: 4vw}
.cta3 .item{box-shadow:.17rem .24rem .29rem 0px rgba(51, 51, 51, 0.09);float: left;width: 50%;background: #fff;border:1px solid #e8e8e8;padding: 4.7vw 2.6vw;display: flex;align-items: flex-start;}
.cta3 .item .h1{font-size:.26rem;color: #134374;line-height: 1.231;width: 44%}
.cta3 .item p{font-size:.16rem;color: #333;line-height: 2}
.anchorBL{display: none;}
.cta2 .item.on{background: #134374;height:100px; overflow:hidden;}
.cta2 .item.on .h1{color: #fff;font-size:18px;padding-top:20px;}
.cta2 .item.on p{color: #fff}

#gszlList{ width:1200px; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:30px;}
#gszlList ul{ list-style:none;}
#gszlList ul li{width:100%; margin-bottom:10px;}
#gszlList ul li a{ display:block; color:#666; background:#f7f7f7; overflow:hidden; line-height:100px;}
#gszlList ul li a p.a1{ float:left; font-size:18px; width:20%; text-align:center;}
#gszlList ul li a p.a2{font-size:18px;color:#000; float:left; width:70%; padding-left:10%;}
#gszlList ul li a p.a3{color:#999; width:20%; float:right; text-align:center;}

#gszlList ul li a:hover p.a2{ color:#ed7100}

@media( max-width:999px){
	#banner{ width:100%; overflow:hidden;}
#mySwipe{ display:inherit;}
.swipe {margin: 0 auto  0 -15%;	overflow: hidden;visibility: hidden;position: relative;width: 150%;	background: #fff;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {	float: left;width: 100%;position: relative;}
.swipe-wrap > div a {display: block;background: url(images/loading.gif) no-repeat center center;}
.swipe-wrap img {width:100%;}
	
#bbtn{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; line-height:2.6rem; text-align:center; background:url(image/k2.png) 95% center no-repeat #ed7100; color:#fff;}
#top{ width:100%; overflow:hidden;position: fixed;background: #fff;border-bottom: solid 1px #eee;z-index: 99999;}
#top2{ height:48px;}
#logo{ float:left;}
#logo img{ height:3rem;}
#menu{ width:100%; overflow:hidden; display:none;}
#menu ul{ list-style:none;}
#menu ul li{ width:100%; border-top:solid 1px #eee;}
#menu ul li a{ display:block; line-height:3rem; text-align:center;}
#menu dl{ float:right; margin-right:30px; margin-top:25px; display:none;}
#menu dl dd{ float:left; margin-right:10px;}

.m_menu { display: block; float:right;float: right;line-height: 3rem;}
.m_menu a{ margin-right:1rem;}

#menubtn{ float:right;}
#menubtn img{ height:3rem;}

#index{ padding:1rem; overflow:hidden;}
#index_about{ overflow:hidden; background:url(image/index_13.jpg) center top no-repeat/200% auto; height:10rem;}
#index_about img{ width:100%;}
#index_about a{ width:90%; display:block; margin:0 auto; overflow:hidden; text-align:center; color:#fff; background:url(image/kuang.png) bottom no-repeat/100% 88%; margin-top:2rem;}
#index_about p.a1{ font-size:1rem; font-weight:bold; line-height:2rem;}
#index_about p.a2{ font-size:.6rem; font-weight:bold; line-height:1rem; padding:0 2rem .5rem 2rem; font-weight:normal;}
#index_about p.a2 .cc{ display:none;}

#index_about_btn{ width:100%; margin-top:1rem; overflow:hidden;}
#index_about_btn ul{ list-style:none; width:100%;}
#index_about_btn li{ float:left; width:100%; margin-bottom:1rem;}
#index_about_btn li a{ display:block;}
#index_about_btn li a p.b img{ width:100%;}
#index_about_btn li a p.tt{ line-height:40px; font-size:18px; padding-top:16px;}
#index_about_btn li a p.tt span{ display:block; margin-right:20px; background:#ed7100; width:40px; height:40px; transition:width 0.5s; text-align:center; float:left;}
#index_about_btn li a p.tt span img{ margin-top:13px;}
#index_about_btn li a:hover p.tt span{ width:60px;}

#index_pro{ width:100%; overflow:hidden; margin-top:1rem;}
#index_pro ul{ list-style:none; width:100%;}
#index_pro ul li{ float:left; width:100%;}
#index_pro ul li a{ display:block; text-align:center; height:280px; color:#fff;}
#index_pro ul li a.a1{ background:url(image/p1.jpg) top center no-repeat/100% auto; font-size:.6rem; line-height:1rem; padding:0 2rem;}
#index_pro ul li a p.b1{ font-size:18px; font-weight:bold; line-height:40px; padding-top:150px;}
#index_pro ul li a.a2{ background:url(image/p2.jpg) top center no-repeat/100% auto; font-size:.6rem; line-height:1rem; padding:0 2rem;}
#index_pro ul li a .cc{ display:none;}

#index_news{ background:url(image/di.jpg) top center; width:100%; overflow:hidden;}
#index_news .tt{ text-align:center; color:#fff; padding:0 60px;}
#index_news .tt p.a1{ font-size:24px; padding-top:1rem; font-weight:bold; line-height:60px;}
#index_news .tt p.a2{ font-size:12px; line-height:20px; background:url(image/line.png) center no-repeat;}

#index_newsli{ padding:0 1rem; overflow:hidden; margin-top:10px; margin-bottom:20px;}
#index_newsli ul{ list-style:none;}
#index_newsli ul li{ float:left;width:100%;}
#index_newsli ul li a{ display:block; color:#fff;}
#index_newsli ul li a img{ width:100%;}
#index_newsli ul li a p.a1{ font-size:1rem; border-bottom:solid 1px rgba(255,255,255,0.2); line-height:2rem; white-space:nowrap;}
#index_newsli ul li a p.a2{ font-size:.8rem; line-height:1.2rem; padding:10px 0; border-bottom:solid 1px rgba(255,255,255,0.2);}
#index_newsli ul li a p.a3{ line-height:60px;}
#index_newsli ul li.non{ margin-right:0;}

#index_customer{ padding:0 1rem; overflow:hidden;}
#index_customer div.tt{ font-size:24px; font-weight:bold; line-height:40px; text-align:center; padding-top:20px;}

#index_customerli{ width:100%; overflow:hidden;}
#index_customerli ul{ list-style:none;}
#index_customerli ul li{ float:left; margin-bottom:12px; width:50%;}
#index_customerli ul li a{ display:block; border:solid 1px #ddd; width:95%; margin:0 auto;}
#index_customerli ul li a img{ width:100%;}
#more{ overflow:hidden; padding-top:20px; padding-bottom:40px;}
#more a{ margin:0 auto; display:block; background:#f7f0e9; width:146px; line-height:40px; text-align:center; color:#000; border-radius:50px;}
#more a:hover{ background:#ed7100; color:#fff;}

#bottom{ display:none;}
#bottom1{ display:none;}
#mbottom{ width:100%; position:fixed; bottom:0; left:0; overflow:hidden;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ float:left; width:25%;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ width:100%;}
#mbottom1{ height:3rem; width:100%; overflow:hidden;}

#aboutpic{ width:100%; height:140px; background:url(image/aboutpic.jpg) center top/250% auto;}
#newspic{ width:100%; height:140px; background:url(image/newspic.jpg) center top/250% auto;}
#jobpic{ width:100%; height:140px; background:url(image/jobpic.jpg) center top/250% auto;}
#contactpic{ width:100%; height:140px; background:url(image/contactpic.jpg) center top/250% auto;}
#tzpic{ width:100%; height:140px; background:url(image/tzpic.jpg) center top/250% auto;}
#propic{ width:100%; height:140px; background:url(image/propic.jpg) center top/250% auto;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; display:none;}
#aboutmenu ul{ list-style:none; margin:0 auto; border-left:solid 1px #eee; overflow:hidden;}
#aboutmenu ul li{ width:100%;}
#aboutmenu ul li a{ display:block; border-bottom:solid 1px #eee; line-height:3rem; text-align:center;}




#title{ width:100%; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:30px;}
#title p.a1{ font-size:24px; font-weight:bold; line-height:40px; padding-top:30px;}
#title p.a2{ font-size:12px; background:url(image/line1.jpg) center repeat-x;}
#title p.a2 span{ background:#fff; padding:0 20px;}

#content{ width:90%; margin:0 auto 20px auto; overflow:hidden;}
#content img{ width:100%}

#honor_con{ width:90%; margin:0 auto 30px auto; overflow:hidden;}

#honor{ width:95%; margin:0 auto 0px auto; overflow:hidden;}
#honor ul{ list-style:none; width:100%;}
#honor ul li{ float:left; width:50%; margin-bottom:30px;}
#honor ul li a{ display:block; text-align:center; line-height:50px; width:95%; margin:0 auto;}
#honor ul li a img{ width:100%}
#honor ul li a:hover{ background:#ed7100; color:#fff;}

#page{ width:100%; overflow:hidden; text-align:center; padding-bottom:30px;}
#page ul{ list-style:none; display:inline-block; margin:0 auto;}
#page ul li{ float:left;}
#page ul li a{ display:block; border:solid 1px #eee; padding:0 10px; margin:0 2px; line-height:40px;}
#page ul li a:hover{ background:#ed7100; color:#fff;}
#page ul li a.it{ background:#ed7100; color:#fff;}
#page ul li.pageList{ display:none;}

#workshop{ width:95%; margin:0 auto 0px auto; overflow:hidden;}
#workshop ul{ list-style:none; width:100%;}
#workshop ul li{ float:left; width:50%; margin-bottom:30px;}
#workshop ul li a{ display:block; text-align:center; line-height:40px; width:95%; margin:0 auto;}
#workshop ul li a img{ width:100%;}

#company{ width:90%; margin:0 auto 0px auto; overflow:hidden;}
.companyli{ overflow:hidden; padding-bottom:60px;}
.companyli img{ width:100%;}
.companyli p.tt{ font-size:18px; line-height:40px; border-bottom:solid 2px #333; padding-top:10px;}
.companyli table{ border:0; border-bottom:solid 2px #333; width:100%;}
.companyli table td{ border-bottom:solid 1px #ddd; padding:10px 20px; line-height:18px; font-size:12px; color:#666;}
.companyli table th{ border-bottom:solid 1px #ddd; background:#eee; width:25%;}

#customer{ width:95%; margin:0 auto 40px auto; overflow:hidden;}
#customer ul{ list-style:none; width:100%;}
#customer ul li{ float:left;  width:50%; margin-bottom:0px;}
#customer ul li a{ display:block; text-align:center; line-height:50px; border:solid 1px #eee; transition:border 0.5s;}
#customer ul li a img{ width:100%;}
#customer ul li a:hover{ border:solid 1px #ed7100; color:#fff;}

#newsmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; display:none;}
#newsmenu ul{ list-style:none; width:100%; margin:0 auto;overflow:hidden;}
#newsmenu ul li{ float:left; width:100%;}
#newsmenu ul li a{ display:block; border-bottom:solid 1px #eee;  line-height:3rem; text-align:center;}


#newslist{ width:90%; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:30px;}
#newslist ul{ list-style:none;}
#newslist ul li{ float:left;width:100%;}
#newslist ul li a{ display:block; color:#666;}
#newslist ul li a img{ width:100%;}
#newslist ul li a p.a1{ font-size:16px; color:#000; border-bottom:solid 1px rgba(0,0,0,0.1); line-height:60px; white-space:nowrap;}
#newslist ul li a p.a2{ font-size:14px; line-height:24px; padding:20px 0; border-bottom:solid 1px rgba(0,0,0,0.1);}
#newslist ul li a p.a3{ line-height:60px; color:#999}
#newslist ul li.non{ margin-right:0;}

#newslist ul li a:hover p.a1{ color:#ed7100}

#job{ width:90%; margin:0 auto; padding-bottom:40px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li .beiz{ width:100%; padding-top:10px;}
#job ul li p a{ display:block; background:#eee; width:100px; color:#333; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; background:#ed7100; color:#fff;}

#wyjob{ width:90%; margin:0 auto;}
#wyjob p{ padding-top:20px;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
#wyjob p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; padding:10px 4% 0 4%;  height:120px; font-family:Arial, Helvetica, sans-serif;}
#wyjob p a{ display:block; background:#ed7100; color:#fff; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ background:#d00;}

.contact{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.contact .left{ width:100%; }
.contact .left p{ line-height:60px; border-bottom:solid 1px #eee;}
.contact .left p.tt{ font-size:18px; font-weight:bold;}
.contact .right{border:solid 1px #ddd; padding:1px;}
.contact .right img{ width:100%;}

.contact1{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.contact1 .left{ width:100%;}
.contact1 .left p{ line-height:60px; border-bottom:solid 1px #eee;}
.contact1 .left p.tt{ font-size:18px; font-weight:bold;}
.contact1 .right{ border:solid 1px #ddd; padding:1px;}
.contact1 .right img{ width:100%;}

#prolist{ width:95%; margin:0 auto; overflow:scroll;}
#prolist ul{ list-style:none; overflow:hidden;}
#prolist ul li{ float:left; width:150px;}
#prolist ul li a{ display:block; text-align:center; line-height:40px; border:solid 1px #eee;}
#prolist ul li a:hover{ background:#ed7100; color:#fff;}
#prolist ul li a.it{ background:#ed7100; color:#fff;}

#proli{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:40px}
#proli ul{ list-style:none; width:100%;}
#proli ul li{ float:left; width:100%; padding-top:30px;}
#proli ul li a{ display:block; padding:20px; border:solid 1px #eee; overflow:hidden; line-height:36px; font-size:12px;}
#proli ul li a img{ float:left; width:160px; margin-right:20px;}

.history{ background:url(image/hline.jpg) center repeat-y; overflow:hidden; padding-bottom:20px; width:95%; margin:0 auto;}
.history ul{ list-style:none;}
.history ul li{ background:url(image/bit1.jpg) center top no-repeat; width:100%; overflow:hidden; margin-top:20px;}
.history ul li div{ width:45%; float:right; border-bottom:solid 1px #eee; padding-bottom:1rem;}
.history ul li div p.a1{ font-size:18px; color:#000; font-weight:bold; line-height:18px; padding-bottom:10px;}
.history ul li div p.a2 span{ color:#ed7100;}
.history ul li div.a{ width:45%; float:left; text-align:right; border-bottom:solid 1px #eee; padding-bottom:1rem;}

#proli2{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:60px;}
#proli2 ul{ list-style:none; width:100%;}
#proli2 ul li{ border:solid 1px #eee; margin-top:40px; padding:20px; background:#f2f2f2;}
#proli2 ul li p.tt1{ font-size:16px; color:#ed7100; font-weight:bold;}
#proli2 ul li p.tt2{ font-size:14px; color:#000; font-weight:bold; padding-top:10px;}
#proli2 ul li p.cc1{ font-size:14px;}

#proa{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#proa ul li{ width:100%; margin-right:30px; overflow:hidden;}
#proa ul li div.a1 img{ width:100%}
#proa ul li div.a3{ background:rgba(0,0,0,0.8); width:580px; height:50px; color:#fff; position:absolute; margin-top:-50px; text-align:center; line-height:50px; font-size:18px; display:none;}
#proa ul li div.a2{ color:#000;}
#proa ul li div.a2 p.tt{ font-size:1.2rem; line-height:3rem; }
#proa ul li div.a2 p.con{ font-size:14px; line-height:24px; ;}

.gupiao-content,.prospectus-box .p-item .p-item-left{flex-wrap: wrap;}
.gupiao-content-right,.gupiao-content-left,.prospectus-box .p-item .p-item-left span,.prospectus-box .p-item .p-item-left p{width: 100%; flex: unset;}
.gp-list div{width: 50%;}
.gupiao-content-left .gp-p3{margin-bottom: .3rem;}

.cta1{padding: 30px 0}
	.cta1 .title{font-size: 15px;margin-bottom:0}
	.cta1 .item{width: 50%;margin-top: 25px}
	.cta1 .item .h1{font-size: 13px}
	.cta2 .item{width: 100%;height:auto;padding: 15px 20px}
	.cta3 .item{width: 100%}
	.cta2 .container{position: static;padding:0 15px}
	.cta3{padding: 30px 0}
	.cta3 .title{font-size: 15px;margin-bottom: 25px}
	.cta3 .item{padding: 20px 20px 15px}
	.cta3 .item .h1{font-size: 15px}
	.cta3 .item p{font-size: 12px}
	.cta1{margin-bottom: 0}
	#map1{height: 250px;}
	.cta2 .item .h1{font-size: 12px}
	.cta2 .item p{font-size: 12px}


#gszlList{ width:100%; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:30px;}
#gszlList ul{ list-style:none;}
#gszlList ul li{width:100%; margin-bottom:10px;}
#gszlList ul li a{ display:block; color:#666; background:#f7f7f7; overflow:hidden; line-height:32px; padding-left:5%;}
#gszlList ul li a p.a1{ float:left; font-size:18px; width:100%; text-align:left;}
#gszlList ul li a p.a2{font-size:18px;color:#000; float:left; width:100%;}
#gszlList ul li a p.a3{color:#999; width:100%; float:right; text-align:left;}

#gszlList ul li a:hover p.a2{ color:#ed7100}
}