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


@media(max-width:899px) {
/*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:150%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#top{ width:100%; margin:0 auto; overflow:hidden; background:#fff;}
#logo{ float:left; height:3rem;}
#logo img{ height:3rem; margin-left:.8rem;}
#lan{ float:right; overflow:hidden; padding-top:35px; display:none;}
#lan p{ float:left; margin-left:30px;}
#lan p img{ vertical-align:middle; margin-bottom:3px; margin-right:5px;}
#lan p.btn{ background:url(images/bit1.png) no-repeat 95% center; padding-right:20px; cursor:pointer;}

#menu{ width:100%; overflow:hidden; background:rgba(0,0,0,0.5); height:100%; position:fixed; z-index:50; left:0; top:0; display:none;}
#menu .menu{ width:60%; overflow:hidden;background:#00395d; height:100%; float:left;}
#menu .menu ul li{ width:100%; border-bottom:solid 1px rgba(255,255,255,0.1);}
#menu .menu ul li a{ display:block; line-height:3.6rem; text-align:center; color:#fff;  font-size:0.9rem;}
.isLanguage{ display:block;}

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

#close{ float:left; width:3.6rem; height:3.6rem; background:#0063a1;}
#close img{ width:100%;}

#search{ float:right; border-bottom:solid 1px #606f79; margin-top:10px; overflow:hidden; width:170px; transition:border 1s; display:none;}
#search:hover{ border-bottom:solid 1px #fff;}
#search input{ height:27px; line-height:27px; background:none; color:#fff; width:140px; text-indent:5px;}
#search input::placeholder{ color:#606f79;}
#search button{ width:27px; height:27px; background:none; float:right;}


#index_about{ width:90%; margin:2rem auto 4rem auto; overflow:hidden;}
#index_about .l{ width:100%;}
#index_about .l img{ width:100%;}
#index_about .r{ width:100%; }
#index_about .r p.a1{ color:#fabd00; font-weight:900; font-size:1.2rem; padding-top:1rem; text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.4rem;}
#index_about .r p.a2{ color:#0063a1; font-weight:900; font-size:1.4rem; line-height:1.4rem;}
#index_about .r p.a3{ padding-top:1rem;}
#index_about .r .btn{ width:100%; overflow:hidden; padding-top:30px;}
#index_about .r .btn ul li{ float:left; width:20%;}
#index_about .r .btn ul li a{ display:block; text-align:center; line-height:60px; font-size:.6rem; color:#666;}
#index_about .r .btn ul li a img{ width:60%;}

#index_pro{ width:100%; overflow:hidden; background:url(images/di.jpg) no-repeat top center;}
#index_pro .tt{ overflow:hidden; text-align:center; width:100%; padding-top:80px;}
#index_pro .tt p.a1{ font-size:30px; font-weight:900; line-height:40px; color:#fabd00; text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#index_pro .tt p.a2{ font-size:18px;  line-height:20px; color:#fff; }

#index_pro .btn{ width:100%; text-align:center; overflow:scroll; padding-top:20px;}
#index_pro .btn ul{ width:690px;}
#index_pro .btn ul li{ float:left; margin:5px;}
#index_pro .btn ul li a{ color:#fff; display:block; line-height:34px; border:solid 1px rgba(255,255,255,0.2); padding:0 15px;}
#index_pro .btn ul li a:hover{ background:#fabd00; color:#000;}

#index_pro .proli{ width:100%; margin:50px auto 0px auto; overflow:hidden;}
#index_pro .proli ul{ width:100000px; transition:margin 0.5s;}
#index_pro .proli ul li{ float:left;}
#index_pro .proli ul li a{ display:block; text-align:center; line-height:60px;}
#index_pro .proli ul li a img{ background:rgba(255,255,255,0.1);transition:background 0.5s; width:90%;}
#index_pro .proli ul li a:hover img{ background:rgba(0,99,161,0.5)}

#change{ width:100%; margin:0 auto; overflow:hidden;}
#change .l{ position:absolute; width:53px; height:37px; margin:-290px 0 0 0; background:url(images/bit7.png) no-repeat center #0063a1; z-index:20; cursor:pointer; transition:background 0.5s;}
#change .l:hover{ background:url(images/bit7.png) no-repeat center #fabd00;}

#change .r{ position:absolute; width:53px; height:37px; margin:-290px 0 0 0; right:0; background:url(images/bit6.png) no-repeat center #0063a1;z-index:20; cursor:pointer; transition:background 0.5s;}
#change .r:hover{ background:url(images/bit6.png) no-repeat center #fabd00;}



#index_news{ width:100%; margin:0 auto; overflow:hidden;}
#index_news .tt{ overflow:hidden; text-align:center; width:100%; padding-top:2rem;}
#index_news .tt p.a1{ font-size:30px; font-weight:900; line-height:40px; color:#fabd00; text-transform:uppercase; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
#index_news .tt p.a2{ font-size:24px;  line-height:40px; color:#0063a1; }


#ind_news{ width:90%; margin:50px auto 0 auto; overflow:hidden;}
#ind_news div.a1{ float:left; display:none;}
#ind_news div.a2{ float:right; width:100%; overflow:hidden;}
#ind_news div.a2 ul li{ overflow:hidden; background:url(images/hline2.png) repeat-y 95px; padding-bottom:20px; padding-top:5px;}
#ind_news div.a2 ul li a{ display:block;}
#ind_news div.a2 ul li a div.b1{ float:left; width:105px; font-size:.6rem; overflow:hidden}
#ind_news div.a2 ul li a div.b1 p{ float:right; padding-top:5px;}
 
#ind_news div.a2 ul li a div.b2{ float:right; width:60%; overflow:hidden; border-bottom:solid 1px #eee; background:url(images/hline1.png) no-repeat  left bottom/0 1px; transition:background 1s;}
#ind_news div.a2 ul li a div.b2 p.c1{ font-size:16px; line-height:30px; color:#333;}
#ind_news div.a2 ul li a div.b2 p.c2{ font-size:13px; line-height:18px; color:#666; padding-bottom:20px;}

#ind_news div.a2 ul li a:hover div.b2{background:url(images/hline1.png) no-repeat left bottom /100% 1px;}
#ind_news div.a2 ul li a:hover div.b2 p.c1{ color:#0063a1;}

#ind_more{ overflow:hidden; width:100%; margin:1rem 0 2rem 0;}
#ind_more a{ display:block; width:107px; line-height:36px; background:#eee; text-align:center; border-radius:50px; font-size:12px; margin:0 auto;}
#ind_more a:hover{ width:130px; background:#0063a1; color:#fff;}

#bottom{ width:100%; background:#00395d; overflow:hidden; display:none}
#bottom .bottom{ width:1200px; margin:40px auto 30px auto; overflow:hidden;}
#bottom .bottom ul{ float:left; overflow:hidden;}
#bottom .bottom ul li{ float:left; margin-right:40px;}
#bottom .bottom ul li p.tt{ color:#fff; font-size:16px; line-height:40px;}
#bottom .bottom ul li p a{ color:#ccc;}
#bottom .bottom ul li p a:hover{ color:#fff; padding-left:5px;}
#bottom .bottom .code{ float:left; margin-left:40px; overflow:hidden; width:200px;}
#bottom .bottom .code p.tt{ color:#fff; font-size:16px; line-height:40px;}
#bottom .bottom .code p.a{ float:left; text-align:center; margin-right:10px; padding-top:5px;}
#bottom .bottom .code p.a span{ display:block; color:#fff; font-size:12px;}

#bottom .bottom .contact{ overflow:hidden; margin-left:50px; float:left; width:250px;} 
#bottom .bottom .contact p.tt{ color:#fff; font-size:16px; line-height:40px;}
#bottom .bottom .contact p.a{ color:#ccc; font-size:12px; line-height:18px;}
#bottom .bottom .contact p.a span{color:#fabd00}

#bottom1{ width:100%; overflow:hidden; background:#052d46; display:none}
#bottom1 .k{ width:1200px; margin:0 auto; overflow:hidden; line-height:60px; color:#fff; font-size:12px;}
#bottom1 .k p{ float:right; background:#0063a1; cursor:pointer; transition:background 0.5s;}
#bottom1 .k p:hover{ background:#fabd00;}

#mbottom{ width:100%; overflow:hidden; position:fixed; bottom:0; left:0; background:#000;}
#mbottom ul li{ width:25%; text-align:center; float:left;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ height:3rem;}

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

#banner{ width:100%; overflow:hidden;}
#banner img{ width:100%;}

#aboutmenu{ width:100%; overflow:scroll; background:#f7f7f7; text-align:center;}
#aboutmenu ul{ display:inline-block; border-right:solid 1px #fff; width:910px;}
#aboutmenu ul li{ float:left; border-left:solid 1px #ffff;}
#aboutmenu ul li a{ display:block; line-height:3rem; color:#000; padding:0 30px; font-size:16px;}
#aboutmenu ul li a:hover{ background:#0163a2; color:#fff;}

#newsmenu{ width:100%; overflow:hidden; background:#f7f7f7; text-align:center;}
#newsmenu ul li{ float:left; border-left:solid 1px #ffff; width:49.5%;}
#newsmenu ul li a{ display:block; line-height:3rem; color:#000; padding:0 30px; font-size:16px;}
#newsmenu ul li a:hover{ background:#0163a2; color:#fff;}

#promenu{ width:100%; text-align:center; background:rgba(255,255,255,0.2); overflow:hidden;}
#promenu ul li{ float:left; width:25%;}
#promenu ul li a{ display:block; line-height:3rem; border-left:solid 1px rgba(255,255,255,0.1); color:#fff;  font-size:14px;}
#promenu ul li a:hover{ background:#0163a2; color:#fff;}

#promenu ul li .pro_z_menu{ position:absolute; display:none;}
#promenu ul li .pro_z_menu p{ margin-top:5px; width:218px;}
#promenu ul li .pro_z_menu p a{ display:block; line-height:40px; border:solid 1px rgba(255,255,255,0.2); color:#fff; padding:0; text-align:center;font-size:14px; background:rgba(0,0,0,0.3)}
#promenu ul li .pro_z_menu p a:hover{ background:#0163a2; color:#fff;}

#servicemenu{ width:100%; overflow:scroll; background:#f7f7f7; text-align:center;}
#servicemenu ul{ display:inline-block; border-right:solid 1px #fff; width:630px;}
#servicemenu ul li{ float:left; border-left:solid 1px #ffff;}
#servicemenu ul li a{ display:block; line-height:3rem; color:#000; padding:0 30px; font-size:16px;}
#servicemenu ul li a:hover{ background:#0163a2; color:#fff;}

#title{ width:90%; margin:2rem auto 20px auto; text-align:center; overflow:hidden;}
#title p.tt{ font-size:24px; color:#000; font-weight:900; line-height:40px;}
#title p.cc{ font-size:12px; background:url(images/line.png) repeat-x center;}
#title p.cc span{ background:#fff; padding:0 20px; color:#999;}
#title p.cc a{ color:#999;}
#title p.cc a:hover{ color:#00395d;}

#title1{ width:90%;margin:2rem auto 20px auto; text-align:center; overflow:hidden;}
#title1 p.tt{ font-size:24px; color:#fff; font-weight:900; line-height:40px;}
#title1 p.cc{ font-size:12px; background:url(image/line3.png) repeat-x center;}
#title1 p.cc span{ background:none; padding:0 20px; color:#999;}
#title1 p.cc a{ color:#999;}
#title1 p.cc a:hover{ color:#00395d;}

#about{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#about img{ width:100%}

#history_con{ width:90%; margin:1rem auto; overflow:hidden; background:url(image/line2.jpg) 30% repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) 29% 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:20%; float:left; text-align:right; font-size:1rem; color:#000; font-weight:900; line-height:1.2rem;}
#history_con dl dd p{ float:right; width:60%; text-align:left; border-bottom:solid 1px #ddd; line-height:2rem; font-size:.8rem; padding-bottom:1.2rem;}


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

#leader{ width:85%; margin:0 auto; overflow:hidden;}
#leader ul li{ width:100%;  margin-bottom:2rem;}
#leader ul li a{ display:block; text-align:center; border:solid 1px #eee; padding:20px 20px 10px 20px;}
#leader ul li a img{ width:100%;}
#leader ul li a p{ padding:10px 0;}

#leader ul li a:hover{ border:solid 1px #0163a2;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.p{ display:none;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#00395d; color:#fff;}
#page ul li a.it{ background:#00395d; color:#fff;}


#page1{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page1 ul{ display:inline-block;}
#page1 ul li{ float:left; margin:0 5px;}
#page1 ul li.p{ display:none;}
#page1 ul li a{ display:block; line-height:40px; padding:0 20px; color:#fff; border:solid 1px #eee;}
#page1 ul li a:hover{ background:#0163a2; color:#fff;}
#page1 ul li a.it{ background:#0163a2; color:#fff;}


#manager{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#manager .l{ width:100%}
#manager .l img{ width:100%;}
#manager .r{ width:100%;}
#manager .r p.a1{ font-size:24px; color:#000; line-height:40px; padding-top:2rem;}
#manager .r p.a2{ color:#000;}
#manager .r p.a3{ color:#000; border-bottom:solid 1px #eee; padding-bottom:20px; margin-bottom:20px;}
#manager .r p.a4{ overflow:hidden;  padding-top:20px;}
#manager .r p.a4 span{ width:100%; float:left;}
#manager .r p.a5{ padding-bottom:20px;border-bottom:solid 1px #eee;}

#honorcon{ width:90%; margin:0 auto 30px auto; overflow:hidden; text-align:center;}
#honor{ width:85%; margin:0 auto; overflow:hidden;}
#honor ul li{ width:100%;  margin-bottom:2rem;}
#honor ul li a{ display:block; text-align:center; border:solid 1px #eee; padding:20px 20px 10px 20px;}
#honor ul li a img{ width:100%;}
#honor ul li a p{ padding:10px 0;}
#honor ul li a:hover{ border:solid 1px #0163a2;}

#video{ width:90%; margin:30px auto 2rem auto; overflow:hidden; text-align:center;}
#video img{  width:100%}

#news{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; margin-top:30px;}
#news ul li a{ display:block; overflow:hidden; padding-bottom:30px;}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ width:100%;}
#news ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:1rem 0; font-weight:900;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:20px; text-align:center; color:#18258b; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}


#salenet{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}

#salenet ul li{ width:89%; margin-right:32px; border:solid 1px #eee; padding:20px 5%; float:left; margin-bottom:1rem;}
#salenet ul li p.tt{ font-size:18px; color:#000;}

#strangecc{ width:90%; margin:0 auto 30px auto; overflow:hidden;}
#strangecc span{ font-weight:bold; color:#000;}

#contact{ width:90%; margin:20px auto 2rem auto; overflow:hidden;}
#contact .contact{ width:100%; }
#contact p{ font-size:.8rem; line-height:1rem; padding:.5rem 0; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:1rem; color:#000; font-weight:900; line-height:2rem;}
#contact .map{ float:right; margin-top:1rem;}
#contact .map img{ width:100%;}


#pro{ overflow:hidden;}
#pro1{ background-image:url(image/prodi.jpg); background-repeat:no-repeat; background-position:center top; height:100%; width:100%; overflow:hidden; z-index:-1; top:0; left:0; position:fixed; }
#proli{ width:80%; margin:0 auto; overflow:hidden;}
#proli ul li{ text-align:center; width:100%; margin-bottom:1rem;}
#proli ul li a{ display:block; line-height:2rem; color:#fff;}
#proli ul li a img{ background:url(images/hline1.png) no-repeat left bottom /0 1px rgba(255,255,255,0.1); transition:background 0.5s; width:100%}

#probig{ width:100%; margin:1rem auto 0 auto; overflow:hidden;}
#probig .left{ width:100%;}
#probig .left img{ width:100%;}
#probig .right{ width:90%; margin:0 auto;}
#probig .right p.a1{ font-size:18px; line-height:60px; border-bottom:solid 1px rgba(255,255,255,0.2); color:#fff;}
#probig .right p.a0{ font-size:14px; line-height:2rem; border-bottom:solid 1px rgba(255,255,255,0.2); color:#fff;}
#probig .right p.a2{ padding:20px 0; border-bottom:solid 1px rgba(255,255,255,0.2); padding-bottom:20px; color:#ccc;}
#probig .right p.a3{ padding-top:20px; color:#ccc;}
#probig .right p.a4{ font-family:Arial, sans-serif; color:#f9be00; font-weight:900; line-height:40px; font-size:30px;}
#probig .right p.a5{ overflow:hidden; margin-top:20px; border-top:solid 1px rgba(255,255,255,0.2); padding-top:20px; padding-bottom:2rem;}
#probig .right p.a5 a{ display:block; border: solid 1px rgba(255,255,255,0.2); color:#fff; text-align:center; line-height:34px; width:120px; font-size:14px; }

#probig_menu{ width:100%; margin:0 auto 0 auto; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#probig_menu ul li{ float:left; width:50%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:2.6rem; font-size:.8rem;}
#probig_menu ul li a:hover{ background:#0063a1; color:#fff;}
#probig_menu ul li a.it{ background:#0063a1; color:#fff;}

#probig_con{ width:90%; margin:30px auto 50px auto; overflow:hidden;}
#probig_con img{ width:100%;}

#canshu{ width:90%; margin:1rem auto 40px auto; overflow:scroll;}
#canshu table{ border-left:solid 1px #eee; border-top:solid 1px #eee;width:800px; }
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

#guige{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#guige table{ border-left:solid 1px #eee; border-top:solid 1px #eee; }
#guige table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

.bbg{ display:none;}
#xunpan{ width:90%; margin:0 auto; line-height:1rem; font-size:.8rem; padding:.5rem 0; overflow:hidden; border-top:solid 2px #000; color:#0063a1;}

#wyjob{ width:90%; margin:0 auto 2rem 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:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; padding:10px 4% 0 4%;  height:120px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#0063a1; color:#fff; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}

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

#service1{ width:90%; margin:2rem auto; overflow:hidden;}
#service1 p{ width:100%; margin-bottom:1rem;}
#service1 p.a1 input{height:40px; line-height:40px; width:99%; border:solid 1px #eee; text-indent:35px; transition:border 0.5s;}

#service1 p.a1 input.k1{ background:url(image/bit1.png) no-repeat 5px center/auto 70% #fff;}
#service1 p.a1 input.k2{ background:url(image/bit2.png) no-repeat 5px center/auto 70% #fff;}
#service1 p.a2{ width:49.5%; float:left;}
#service1 p.a2 button{ width:100%; height:42px; background:#0063a1; color:#fff; margin-right:10px; border:solid 1px #eee; transition:background 0.5s; cursor:pointer;}
#service1 p.a3{ float:left; width:49.5%;}
#service1 p.a3 a{ display:block; line-height:40px; width:100%; border:solid 1px #eee; background:#fff; text-align:center;}

#service2{ width:90%; margin:0 auto 2rem auto;overflow:hidden;}
#service2 .a1{ width:100%; float:left;overflow:hidden; }
#service2 .a1 p.tt{ font-size:24px; color:#000; line-height:50px;}
#service2 .a2{ width:100%; float:right;overflow:hidden; padding-top:2rem;}
#service2 .a2 p.tt{ font-size:24px; color:#000; line-height:50px;}
#service2 .a2 p.cc{ font-size:14px; color:#0063a1; line-height:40px;}


#service3{ width:100%; background:#f7f7f7; overflow:hidden;}
#service3 .k{ width:100%; margin:40px auto 40px auto; overflow:hidden; text-align:center;}
#service3 .k p.tt{ font-size:24px; color:#000; line-height:60px; padding-bottom:1rem;}
#service3 .k img{ width:100%;}

#service4{ width:100%; margin:0 auto; padding:2rem 0 2rem 0; overflow:hidden; background:url(image/servicedi.jpg) no-repeat center;}
#service4 .l{ width:90%; margin:0 auto; overflow:hidden;}
#service4 .l p.tt{ font-size:24px; color:#fff; line-height:60px;}
#service4 .l p.cc{ font-size:14; line-height:30px; color:#ccc;}
#service4 .l p.btn{ margin-top:1rem;}
#service4 .l p.btn a{ display:block; width:150px; border:solid 1px #fff; line-height:40px; text-align:center; color:#fff;}
#service4 .l p.btn a:hover{ background:#f9be00; color:#000; border:solid 1px #f9be00;}

#kmenu{ width:100%; overflow:hidden; text-align:center;}
#kmenu ul{ display:inline-block;}
#kmenu ul li{ float:left; margin:0 2px;}
#kmenu ul li a{ display:block; line-height:36px; padding:0 0.6rem; border:solid 1px #eee; font-size:0.8rem;}
#kmenu ul li a.it{ background:#0063a1; color:#fff;}

#content{ width:1200px; margin:40px auto 80px auto; overflow:hidden; min-height:300px;}

#baoxiu{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#baoxiu .a1{overflow:hidden;}
#baoxiu .a1 p{float:left; width:100%; text-align:center; margin-bottom:1rem;}
#baoxiu .a1 p input{ border:solid 1px #ddd; width:99%; height:40px; line-height:40px; text-indent:10px;}
#baoxiu .a2{ overflow:hidden;}
#baoxiu .a2 p.tt{ font-size:24px; line-height:50px; color:#000; padding-top:20px; width:100%; text-align:center;}
#baoxiu .a2 p{float:left; width:100%; text-align:center; margin-bottom:20px;}
#baoxiu .a2 p input{ border:solid 1px #ddd; width:99%; height:40px; line-height:40px; text-indent:10px;}

#baoxiu .a3{ overflow:hidden;}
#baoxiu .a3 p.tt{ font-size:24px; line-height:50px; color:#000; padding-top:20px; width:100%; text-align:center;}
#baoxiu .a3 p{float:left; width:100%; text-align:center; margin-bottom:20px;}
#baoxiu .a3 p input{ border:solid 1px #ddd; width:99%; height:40px; line-height:40px; text-indent:10px;}
#baoxiu .a3 p select{ border:solid 1px #ddd; width:99%; height:42px; line-height:40px; text-indent:10px; appearance:none;-webkit-appearance:none;-ms-appearance:none; background:url(image/bit3.png) no-repeat right center/auto 80% #fff; font-size:14px;}

#baoxiu .a4{ overflow:hidden; padding-top:20px;}
#baoxiu .a4 p{float:left; width:50%; text-align:center; margin-bottom:20px;}
#baoxiu .a4 p select{ border:solid 1px #ddd; width:97%; height:42px; line-height:40px; text-indent:10px; appearance:none;-webkit-appearance:none;-ms-appearance:none; background:url(image/bit3.png) no-repeat right center/auto 80% #fff; font-size:14px;}

#baoxiu .a5{ overflow:hidden; padding-top:20px;}
#baoxiu .a5 p{float:left; width:100%; text-align:center; margin-bottom:20px;}
#baoxiu .a5 p textarea{ border:solid 1px #ddd; width:89%; height:150px; line-height:24px; padding:10px 5%; font-family:"微软雅黑"}
#baoxiu .a6{ overflow:hidden; padding-top:20px; text-align:center;}
#baoxiu .a6 button{ width:150px; height:3rem; line-height:3rem; text-align:center; background:#0063a1; color:#fff; font-size:16px; border-radius:3px; transition:background 0.5s,color 0.5s,width 0.5s; cursor:pointer;}
#baoxiu .a6 button:hover{ background:#f9be00; width:180px;}

#sale{ width:90%; margin:0 auto 2rem auto; overflow:hidden; text-align:center;}
#sale p{ margin-top:20px;}
#sale p img{ width:100%;}

#member{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#member p{ overflow:hidden; margin-bottom:20px;}
#member p input{ width:70%; border:solid 1px #eee; height:40px; float:right;}
#member p span{ float:left;line-height:42px;}
#member p button{ width:100%; text-align:center; margin-top:2rem; height:3rem; line-height:3rem; margin-bottom:1rem; background:#0063a1; color:#fff; transition:background 0.5s; float:left; cursor:pointer;}
#member p a{ display:block; border:solid 1px #ddd; width:99%; text-align:center; background:#fff; line-height:3rem; float:left;}

.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}

#download{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#download ul li{ border-bottom:solid 1px #eee; margin-top:10px;}
#download ul li a{ display:block; overflow:hidden; padding-bottom:10px;}
#download ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:1rem 0; }














}