@charset "utf-8";
/**/
@font-face{
font-family:impact;
src:url("impact.ttf");
}
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
a{font-size:12px; color:#000; text-decoration: none;}
a:hover {color:#dd0000;}
@media(max-width:800px){
#mlan{ float:right; display:block;}
#mlan a{ display:block; height:2rem;float:left; line-height:3rem; margin-right:1rem;}
#mlan{ display:block; }
#menu_m{display:none;width:100%; overflow:hidden;}
#menu_m p{ background:#fff;text-align:center;width:100%;}
#menu_m p a{ display:block; line-height:3rem; padding:0 0px; font-size:14px; color:#000; border-bottom:solid 1px #fff; background:#eee; transition:background 0.5s, color 0.5s;}

#top{ width:100%; margin:0 auto; overflow:hidden;}
#btn{ display:block; height:3rem; float:right;}
#btn img{ height:3rem;}
#logo{ height:3rem; margin-left:.5rem; float:left;}
#logo img{ height:3rem;}
#menu{ float:none; display:none; width:100%; overflow:hidden;}
#menu ul{ list-style:none; float:left; width:100%;}
#menu ul li{ float:none; width:100%; text-align:center;}  
#menu ul li a{ display:block; line-height:3rem; padding:0 0px; font-size:14px; color:#000; border-bottom:solid 1px #fff; background:#eee; transition:background 0.5s, color 0.5s;}
#menu ul li a:hover{ background:#0056b5; color:#fff;}
#menu dl{ float:right; margin-top:18px; margin-left:50px; display:none;}
#menu dl dt{ line-height:40px;}
#menu dl dt a{ display:block; background:url(image/bit.png) right center no-repeat; padding-right:20px; font-size:14px; color:#565854;}
#menu dl dt a img{ vertical-align:middle; margin-right:5px;}
#menu dl dt div{ position:absolute; margin-top:40px; margin-left:-20px; z-index:50; display:none;}
#menu dl dt div p{ background:#fff; padding:0 20px;}
#menu dl dt div p a{ background:none;}

#allbanner{ width:100%; overflow:hidden; display:none;}
#allbanner .banner_wid{transition:margin 0.5s;}

#allbanner .index_pic{overflow:hidden; float:left;background-size:100% auto;}

#allbanner .index_pro_tt{ text-align:center; overflow:hidden;}
#allbanner .index_pro_tt p.a1{ color:#333; font-size:60px; line-height:60px; font-weight:bold; padding-top:90px; font-family:Arial, Helvetica, sans-serif;}
#allbanner .index_pro_tt p.a2{ color:#333; font-size:18px; line-height:20px;}
#allbanner .index_pro_tt p.a3{ padding-top:30px; width:80px; margin:0 auto;}
#allbanner .index_pro_tt p.a3 a{ display:block;  transition:background 0.5s,border 0.5s,color 0.5s; font-family:Arial, Helvetica, sans-serif; background:#0056b5; color:#fff; line-height:30px; border-radius:50px;}
#allbanner .index_pro_tt p.a3 a:hover{ background:#d00;}
#allbanner .index_pro_tt p.a4{ font-size:12px; color:#333; padding-bottom:20px; padding-top:10px;}

#change{ margin:0 auto; overflow:hidden; position:absolute; z-index:50; margin-top:-20px;}
#change p{ display:block; background:#d7eaff; width:30px; height:2px; cursor:pointer; float:left; margin:0 5px;}

#mySwipe{ display:inherit;}

.swipe {
	width: 100%;/*max-width:500px;*/
	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%;
}


.title{ width:100%; margin:0 auto; overflow:hidden; font-size:30px; font-family:impact; font-weight:normal; color:#000; line-height:40px; text-align:center; border-bottom:solid 0px #eee; padding-top:33px;}
.title p{ float:none;}
.title p a{ display:block; color:#333; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.title p a span{ display:block; float:none; width:24px; margin:0 auto 0 auto; height:5px; background:#333;} 

#index_kuang{ width:100%; overflow:hidden;}

#index_pro{ width:100%; margin:0 auto; overflow:hidden; padding-top:20px;}
#index_pro ul{ list-style:none; width:100%; }
#index_pro ul li{ float:left; width:50%; overflow:hidden;}
#index_pro ul li a{ display:block; line-height:50px;text-transform:uppercase; width:100%; padding-top:130px; text-align:center; color:#fff; font-size:1rem;}
#index_pro ul li a.k1{ background:url(img/p1.png) #3383c5; background-size:100% auto;}
#index_pro ul li a.k2{ background:url(img/p2.png) #f08200;background-size:100% auto;}
#index_pro ul li a.k3{ background:url(img/p3.png) #2aa738;background-size:100% auto;}
#index_pro ul li a.k4{ background:url(img/p4.png) #b74b97;background-size:100% auto;}

.title1{ width:100%; font-size:30px; padding-top:0px; padding-bottom:0px; font-family:impact; font-weight:normal; color:#333; margin:0 auto; overflow:hidden; line-height:40px;}
#aboutcon{ width:90%; margin:0 auto; overflow:hidden; line-height:24px; color:#666;}
#aboutcon p{ padding-top:30px; overflow:hidden;}
#aboutcon p a{ display:block; font-size:14px;}
#aboutcon p a span{ display:block; float:left; width:24px; height:10px; background:#333; margin-top:7px;margin-right:10px; } 


#aboutcon1{ width:90%; margin:0 auto; overflow:hidden; line-height:24px; color:#666; padding-top:20px;}
#aboutcon1 ul{ list-style:none;}
#aboutcon1 ul li{ float:left; margin-right:0px; width:33.33%; font-size:.6rem; line-height:1.2rem;}
#aboutcon1 ul li p.a1{}
#aboutcon1 ul li p.a1 span{ font-size:30px; font-family:impact; color:#0056b5; line-height:40px; margin-right:5px;}

#index_news{ width:90%; margin:20px auto 0 auto; overflow:hidden;}

.index_news1{ float:left; width:100%; overflow:hidden; padding-top:30px;}
.index_news1 ul{ list-style:none;}
.index_news1 ul li{ padding-bottom:40px;}
.index_news1 ul li a{ display:block;}
.index_news1 ul li a p.time{ float:left; width:60px; height:60px; background:#279fd2; color:#fff; text-align:center; margin-right:10px;}
.index_news1 ul li a.bb1 p.time{ float:left; width:60px; height:60px; background:#40ae49; color:#fff; text-align:center; margin-right:10px;}
.index_news1 ul li a.bb2 p.time{ float:left; width:60px; height:60px; background:#b254a1; color:#fff; text-align:center; margin-right:10px;}
.index_news1 ul li a p.time span{ display:block;}
.index_news1 ul li a p.time span.a1{ font-size:30px; font-weight:bold; line-height:30px; padding-top:10px;}
.index_news1 ul li a p.time span.a2{ font-size:12px;}
.index_news1 ul li a p.con{ overflow:hidden; line-height:18px; color:#333;}
.index_news1 ul li a p.con span{ display:block; color:#024fa1; font-size:16px; line-height:20px; padding-bottom:10px;}

.index_news2{ float:none; width:100%; padding-bottom:40px;}
.index_news2 img{ width:100%;}

#index_rd{ width:100%; background:#fff; overflow:hidden; padding-bottom:2rem;}
#index_rd .kuang{ width:100%; margin:10px auto; overflow:hidden;}
#index_rd .kuang .l img{ width:100%;}
#index_rd .kuang .r{ width:90%;  background:#fff; margin:0 auto;overflow:hidden; padding:0 5%;}
#index_rd .kuang .r p.tt{ font-size:36px; font-family:impact; color:#000; line-height:60px; padding-top:40px;}
#index_rd .kuang .r p.more{ margin-top:30px;}
#index_rd .kuang .r p.more a{ display:block; border:solid 2px #279fd2; width:63px; height:31px; text-align:center; transition:width 0.5s;}
#index_rd .kuang .r p.more a img{ margin-top:10px;}
#index_rd .kuang .r p.more a:hover{ width:100px;}


#customer{ width:90%; margin:26px auto 10px auto; overflow:hidden;}
#customer ul{ list-style:none; width:100%;}
#customer ul li{ float:left; margin-right:0; width:50%;}
#customer ul li a{ display:block; text-align:center; line-height:14px; font-size:12px; color:#666; width:90%; margin:0 auto;}
#customer ul li a p{ padding:.5rem 0 1rem 0;}
#customer ul li a img{ width:100%;}

#mbottom{ display:inherit; position:fixed; bottom:0px; left:0px; background:#000; height:3rem;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ width:25%; float:left;}
#mbottom ul li img{ width:100%;}

#bottom{ background:#333; padding:50px 0; overflow:hidden; width:100%; display:none;}
.bottom{ width:1200px; margin:0 auto; overflow:hidden;}
.bottom dl{ list-style:none}
.bottom dl dd{ float:left; margin-right:110px;}
.bottom dl dd a{ color:#fff;}
.bottom dl dd p{ padding-bottom:15px;}
.bottom dl dd p a{ font-size:14px;}
.bottom dl dd a:hover{ text-decoration:underline;}
.bottom dl dt{ float:right; color:#fff; font-size:12px;}
.bottom dl dt p{ font-size:14px; padding-bottom:20px;}
.bottom dl dt.code{ text-align:center; padding-right:50px;}

#copy{ width:1200px; margin:0 auto; overflow:hidden; line-height:80px; font-size:12px; display:none;}

#pic{ width:100%; overflow:hidden;}
#pic img{ width:200%; margin-left:-50%;}

#aboutmenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:inherit; margin-top:0; background:url(image/di.png); display:none;}
#aboutmenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 0px #444;}
#aboutmenu ul li{ float:left; width:100%;}
#aboutmenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; transition:background 0.5s,color 0.5s; background:#eee; color:#666; border-right:0; border-top:solid 1px #fff;}


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

.title2{ width:90%; margin:0 auto; overflow:hidden; text-align:center; font-size:24px; font-family:impact; color:#000; line-height:40px; border-bottom:solid 1px #eee; padding-bottom:10px; padding-top:23px;}
.title2 p{ float:none; font-size:10px; line-height:18px; color:#999;  font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.title2 p a{color:#333; font-size:10px; font-weight:normal; transition:color 0.5s;}
.title2 p a span{ display:block; float:right; width:24px; height:10px; background:#333; margin-top:25px; margin-left:10px; transition:background 0.5s,width 0.5s;} 


#workshop{ width:90%; margin:0 auto; overflow:hidden; padding-top:26px;}
#workshop ul{ list-style:none; width:100%;}
#workshop ul li{ float:left; margin-right:0; margin-bottom:20px; width:50%;}
#workshop ul li a{ display:block; background:#fff; line-height:14px; text-align:center; color:#333; font-size:12px; width:90%; margin:0 auto;}
#workshop ul li a p{ padding:10px 0;}
#workshop ul li a img{ width:100%;}

#page{ width:100%; overflow:hidden; text-align:center; padding:10px 0 30px 0;}
#page ul{ display:inline-block; margin:0 auto; overflow:hidden; list-style:none;}
#page ul li{ float:left; line-height:2rem; border:solid 1px #eee; margin:0 2px;}
#page ul li a{ display:block; font-size:10px; padding:0 10px; transition:background 0.5s,color 0.5s; font-family:"宋体";} 


#promenu{ width:100%; overflow:hidden; border-bottom:solid 0px #eee; display:none; position:inherit; margin-top:0; background:url(image/di.png);}
#promenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 0px #444;}
#promenu ul li{ float:none; width:100%;}
#promenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; background:#eee; border:0; border-bottom:solid 1px #fff; color:#333;}


#news{ width:90%; margin:0 auto; overflow:hidden;}
#news ul{ list-style:none;}
#news ul li{ border-bottom:solid 1px #eee; padding:30px 0;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a p.a0{ float:left; margin-right:30px}
#news ul li a p.a0 img{ width:6rem; display:none;}
#news ul li a div{ overflow:hidden;}
#news ul li a p.a1{ font-size:16px; line-height:20px; padding-bottom:1rem;}
#news ul li a p.a2{ font-size:12px; line-height:18px; color:#999;}
#news ul li a p.a3{ font-size:14px; line-height:18px; padding-top:10px; color:#666;}
#news ul li a p.a4{ width:100px; background:#eee; color:#024fa1; line-height:40px; text-align:center; transition:background 0.5s, color 0.5s,width 0.5s; border-radius:5px; margin-top:30px;}
#news ul li a p.a4:hover{ background:#0056b5; color:#fff; width:120px;}

#newsmenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:inherit; margin-top:0; background:url(image/di.png);}
#newsmenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 0px #444;}
#newsmenu ul li{ float:left; width:50%;}
#newsmenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; transition:background 0.5s,color 0.5s; color:#fff; border-right:solid 1px #444;}


#feedback{ width:90%; margin:10px auto 40px auto; overflow:hidden;}
#feedback p{ padding-top:20px; overflow:hidden; float:left; width:100%;}
#feedback p input{ border:solid 1px #ddd; width:98%; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#feedback p.content{ width:100%}
#feedback p textarea{ border:solid 1px #ddd; width:92%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#0096ff; color:#fff; line-height:46px; width:98%; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#feedback p a:hover{ width:98%;}

#contact{ width:90%; overflow:hidden; margin:0 auto; padding-bottom:20px; padding-top:20px;}
#contact .con_left{ float:none; width:100%;}
#contact .con_left p{ border-bottom:solid 1px #eee; line-height:20px; padding:.5rem 0;}
#contact .con_left p.tt{ font-size:16px; font-weight:bold;}
#contact .con_left p span{ color:#0056b5; font-size:24px; font-family:impact;}

#contact .con_right{ float:none; width:100%; padding-top:20px;}
#contact .con_right img{ width:100%;}
#contact .con_right p{ padding-top:20px;}
#contact .con_right p input{ border:solid 1px #ddd; width:498px; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
#contact .con_right p textarea{ border:solid 1px #ddd; width:478px; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:Arial, Helvetica, sans-serif;}
#contact .con_right p a{ display:block; background:#0056b5; color:#fff; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px; transition:width 0.5s;}
#contact .con_right p a:hover{ width:200px;}

#bkuang{ width:90%; margin:0 auto; overflow:hidden; overflow:hidden; padding-bottom:80px; padding-top:20px;}
#bpro{ width:100%; text-align:center; overflow:hidden; padding-top:20px;}
#bpro img{ width:100%;}


#bigmenu{ width:100%; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:2px;}
#bigmenu ul{ list-style:none;}
#bigmenu ul li{ float:left; text-align:center; background:#eee; border-right:solid 2px #fff; line-height:36px; font-size:.6rem; cursor:pointer;}
#bigmenu ul li.it{background:#0096ff; color:#fff;}
#bigmenu ul li.proCon_1 { width:25%;}
#bigmenu ul li.proCon_2 { width:47%;}

#sproit{ overflow:hidden}
#sproit ul{ list-style:none;}
#sproit ul li{ float:left; width:60px; margin-right:5px; border:solid 1px #eee; margin-top:1rem; cursor:pointer;}
#sproit ul li a{ display:block;}
#sproit ul li img{ width:100%;}

.pmcon{ padding:20px 0; font-size:.8rem; line-height:1.4rem;}
.pmcon img{ width:100%;}

.bpro_con{ width:100%; padding:0px;text-align:left; font-size:.6rem; line-height:1rem; overflow:hidden; margin-bottom:1rem;}
.bpro_con span{ display:block; font-size:1rem; color:#000; font-weight:bold; text-align:left; line-height:2rem; padding-top:0;} 
.bpro_con font a{ display:block; background:#fff; border:solid 2px #0096ff; width:100px; line-height:2rem; color:#0096ff; text-align:center; font-size:.8rem; border-radius:5px; margin-top:1rem;}

#xunpan{ width:100%; border-bottom:solid 1px #eee; border-top:solid 2px #000; line-height:20px; padding:10px 0; color:#0096ff; margin-top:4px; overflow:hidden;}


#wyjob{ width:100%}
#wyjob p{ padding-top:20px; overflow:hidden; float:none; width:100%;}
#wyjob p input{ border:solid 1px #ddd; width:98%; line-height:40px; height:40px; text-indent:10px; font-family:Arial, Helvetica, sans-serif;}
#wyjob p.content{ width:100%}
#wyjob p textarea{ border:solid 1px #ddd; width:98%; line-height:24px; padding-top:10px; height:120px; padding:10px 0; font-family:Arial, Helvetica, sans-serif;}
#wyjob p a{ display:block; background:#0096ff; color:#fff; line-height:46px; width:150px; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ width:200px;}

#btnmenu{ display:inherit; height:3rem; width:100%; text-indent:1rem; font-size:1.2rem; overflow:hidden; font-family:impact; line-height:3rem; color:#fff; background:url(image/bit2.png) 95% center no-repeat #0096ff/auto .6rem;}

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

#index_about{ width:90%; margin:20px auto; overflow:hidden; padding-bottom:2rem;}
#index_about .about_l{ float:none; margin-top:2rem;}
#index_about .about_l img{ width:100%;}
#index_about .about_r{ float:none; width:100%;}
#index_about .about_r p.tt{ font-size:30px; color:#000; line-height:40px;padding:20px 0 20px 0; font-family:impact;}
#index_about .about_r p.more{ padding-top:30px;}
#index_about .about_r p.more a{ display:block; border:solid 2px #279fd2; line-height:33px; height:30px; text-transform:uppercase; color:#024fa1; width:50px; text-align:center; transition:background 0.5s,color 0.5s;}
#index_about .about_r p.more a img{ margin-top:9px;}

#zmenu{ width:90%; margin:30px auto 0 auto; overflow:scroll;}
#zmenu ul{ list-style:none; width:2000px;}
#zmenu ul li{ float:left; margin:0 10px 10px 0;}
#zmenu ul li a{ display:block; line-height:40px; border:solid 1px #eee; padding:0 20px; color:#024fa1; font-size:14px; transition:background 0.5s, color 0.5s,border 0.5s;}
#zmenu ul li a:hover{ background:#0096ff; color:#fff; border:solid 1px #0096ff;} 
#zmenu ul li a.it{ background:#0096ff; color:#fff; border:solid 1px #0096ff;} 

#zmenu ul li .kkmenu{ position:fixed; z-index:500; display:none; width:50%; left:25%; top:10rem; background:#fff; overflow:hidden;}
#zmenu ul li .kkmenu p a{ display:block; text-align:center; padding:0; line-height:3rem;}

#zzd{ position:fixed; z-index:400; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); display:none;}

#rdmenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:inherit; margin-top:0; background:url(image/di.png); display:none;}
#rdmenu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden; border-left:solid 0px #444;}
#rdmenu ul li{ float:left; width:100%;}
#rdmenu ul li a{ display:block; line-height:3rem; text-align:center; font-size:12px; transition:background 0.5s,color 0.5s; background:#eee; color:#666; border-right:0; border-top:solid 1px #fff;}

#download{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:30px;}
#download ul{  list-style:none;}
#download ul li{ width:100%;  margin-top:30px;}
#download ul li a{ display:block; border:solid 1px #eee; line-height:60px; font-size:14px; color:#000; transition:border 0.5s,color 0.5s;}
#download ul li a img{ height:60px; float:left; border-right:solid 1px #eee; margin-right:30px;} 
#download ul li a:hover{ border:solid 1px #0096ff; color:#0096ff;}


#faq{ width:90%; margin:0 auto; overflow:hidden;}
#faq ul{ list-style:none;}
#faq ul li{ border-bottom:solid 1px #eee; padding:30px 0;}
#faq ul li p.a1{ line-height:30px; font-size:18px; color:#000;}
#faq ul li p.a1 span{ width:30px; height:30px; line-height:30px; text-align:center; background:#EDB800; border-radius:50px; display:block; color:#fff; float:left; font-size:18px; margin-right:10px;}
#faq ul li p.a1 font{ overflow:hidden; display:block;}
#faq ul li p.a2{ overflow:hidden; padding-top:10px;}
#faq ul li p.a2 span{ width:30px; height:30px; line-height:30px; text-align:center; background:#37C30D; border-radius:50px; display:block; color:#fff; float:left; font-size:18px; margin-right:10px;}
#faq ul li p.a2 font{ overflow:hidden; display:block;}

}