@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(min-width:801px){
#mlan{ display:none;}
#menu_m{ display:none;}

#top{ width:1200px; margin:0 auto; overflow:hidden;}
#btn{ display:none;}
#logo{ float:left; margin-left:30px;}
#menu{ float:right;}
#menu ul{ list-style:none; float:left;}
#menu ul li{ float:left;} 
#menu ul li a{ display:block; line-height:80px; padding:0 20px; font-size:16px; color:#000; transition:background 0.5s, color 0.5s;}
#menu ul li a:hover{ background:#279fd2; color:#fff;}
#menu dl{ float:right;  margin-left:50px;}
#menu dl dt{ line-height:40px; float:left;}
#menu dl dt a{ display:block; line-height:80px; font-size:14px;  padding-right:10px;}
#menu dl dt a img{ vertical-align:middle; margin-right:5px;}

#language{ position:absolute; background:#fff; margin-top:80px; margin-left:-20px; display:none;}
#language p{ border-top:solid 1px #eee; width:120px;}
#language p a{ line-height:40px; font-size:14px; text-align:center; display:block;}


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

#allbanner .index_pic{overflow:hidden; float:left;}

#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:#fff; width:30px; height:2px; cursor:pointer; float:left; margin:0 5px;}

.title{ width:1200px; margin:0 auto; overflow:hidden; font-size:36px; font-family:impact;  color:#000; text-align:center; line-height:60px; padding-top:60px;}
.title p{color:#fff; font-size:14px; font-weight:normal; transition:color 0.5s; background:url(image/line1.png) center no-repeat; line-height:20px;}

.title1{ width:1200px; margin:0 auto; overflow:hidden; font-size:36px; font-family:impact; color:#000; text-align:center; line-height:60px; padding-top:0px; }
.title1 p{color:#adadad; font-size:14px; font-weight:normal; transition:color 0.5s; background:url(image/line2.png) center no-repeat; line-height:20px;}



#index_pro{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px; text-align:center;}
#index_pro ul{ list-style:none; /*width:1300px;*/ display:inline-block;}
#index_pro ul li{ float:left; width:294px; height:300px; margin-right:8px;}
#index_pro ul li a{ display:block; line-height:50px; padding-top:220px; text-transform:uppercase; text-align:center; color:#fff; font-size:18px; transition:background 0.5s,color 0.5s;}
#index_pro ul li a.k1{ background:url(img/p1.png) #3383c5; width:294px; height:300px;}
#index_pro ul li a.k2{ background:url(img/p2.png) #f08200; width:294px; height:300px;}
#index_pro ul li a.k3{ background:url(img/p3.png) #2aa738; width:294px; height:300px;}
#index_pro ul li a.k4{ background:url(img/p4.png) #b74b97; width:294px; height:300px;}
#index_pro ul li a.k1:hover{ background:url(img/p1.png) #279fd2; width:294px; height:300px;}
#index_pro ul li a.k2:hover{ background:url(img/p2.png) #ef9a35; width:294px; height:300px;}
#index_pro ul li a.k3:hover{ background:url(img/p3.png) #4dbb59; width:294px; height:300px;}
#index_pro ul li a.k4:hover{ background:url(img/p4.png) #cb75b2; width:294px; height:300px;}



#aboutcon{ width:1200px; 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; transition:background 0.5s,width 0.5s;} 
#aboutcon p a:hover{ color:#0096ff;}
#aboutcon p a:hover span{ width:40px; background:#0096ff;}

#aboutcon1{ width:1200px; margin:0 auto; overflow:hidden; line-height:24px; color:#666; padding-top:40px;}
#aboutcon1 ul{ list-style:none;}
#aboutcon1 ul li{ float:left; margin-right:100px;}
#aboutcon1 ul li p.a1{}
#aboutcon1 ul li p.a1 span{ font-size:36px; font-family:impact; color:#0096ff; line-height:50px; margin-right:5px;}

#index_news{ width:1200px; margin:0px auto 70px auto; overflow:hidden;}

.index_news1{ float:left; width:540px; 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:80px; height:80px; background:#279fd2; color:#fff; text-align:center; margin-right:50px;}
.index_news1 ul li a.bb1 p.time{ float:left; width:80px; height:80px; background:#40ae49; color:#fff; text-align:center; margin-right:50px;}
.index_news1 ul li a.bb2 p.time{ float:left; width:80px; height:80px; background:#b254a1; color:#fff; text-align:center; margin-right:50px;}
.index_news1 ul li a p.time span{ display:block;}
.index_news1 ul li a p.time span.a1{ font-size:40px; font-weight:bold; line-height:40px; padding-top:10px;}
.index_news1 ul li a p.time span.a2{ font-size:14px;}
.index_news1 ul li a p.con{ overflow:hidden; line-height:18px; color:#666; font-size:14px;}
.index_news1 ul li a p.con span{ display:block; color:#000; font-size:18px; line-height:30px; padding-bottom:10px;}

.index_news2{ float:right; margin-top:30px; overflow:hidden; width:600px;}
.index_news2 p{}

#index_rd{ width:100%; background:#e3f1f6; overflow:hidden;}
#index_rd .kuang{ width:1200px; margin:70px auto; overflow:hidden;}
#index_rd .kuang .l{ float:left;}
#index_rd .kuang .r{ float:right; width:470px; height:350px; background:#fff; padding:0 50px; overflow:hidden;}
#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:1200px; margin:46px auto 20px auto; overflow:hidden;}
#customer ul{ list-style:none; width:1300px;}
#customer ul li{ float:left; margin-right:32px; margin-bottom:30px;}
#customer ul li a{ display:block; text-align:center; line-height:50px; font-size:14px; color:#666; transition:background 0.5s,color 0.5s;}
#customer ul li a:hover{ background:#0096ff; color:#fff;}

#mbottom{ display:none;}
#bottom{ background:url(img/back.jpg) no-repeat center top/auto 100%; padding:50px 0 0 0; overflow:hidden; width:100%;}
.bottom{ width:1200px; margin:0 auto; overflow:hidden;}
.bottom dl{ list-style:none; padding-bottom:50px; overflow:hidden;}
.bottom dl dd{ float:left; width:170px; height:180px; padding-left:20px;}
.bottom dl dd a{ color:#fff; font-size:14px;}
.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:#b8daff; font-size:14px;}
.bottom dl dt p.tt{ font-size:14px; padding-bottom:15px; color:#fff;}
.bottom dl dt p{ font-size:14px; color:#fff;}
.bottom dl dt p.s{ padding-top:10px;}
.bottom dl dt.code{ text-align:center; padding-right:50px;}
.bottom dl dt.code p{ color:#b8daff; line-height:40px; font-size:12px;}

#copy{ width:100%; margin:0 auto; overflow:hidden; line-height:80px; font-size:14px; background:#FFF; color:#666; border-top:dotted 1px #3572b4;}
#copy p{ width:1200px; margin:0 auto; overflow:hidden;}

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

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

#content{ width:1200px; margin:40px auto; overflow:hidden;}
#content p.apic{ padding:40px 0; overflow:hidden;}

.title2{ width:1200px; margin:0 auto; overflow:hidden; font-size:36px; font-family:impact; color:#000; line-height:60px; border-bottom:solid 1px #eee; padding-top:23px;}
.title2 p{ float:right; font-size:12px; color:#999;  font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.title2 p a{color:#333; font-size:14px; 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;} 
.title2 p a:hover{ color:#0096ff;}
.title2 p a:hover span{ width:40px; background:#0096ff;}

#workshop{ width:1200px; margin:0 auto; overflow:hidden; padding-top:46px;}
#workshop ul{ list-style:none; width:1300px;}
#workshop ul li{ float:left; margin-right:32px; width:276px; margin-bottom:20px;}
#workshop ul li a{ display:block; background:#fff; border:solid 1px #eee; line-height:50px; text-align:center; color:#333; font-size:14px; transition:background 0.5s,color 0.5s,border 0.5s;}
#workshop ul li a img{ width:100%;}
#workshop ul li a:hover{ background:#0096ff; color:#fff; border:solid 1px #0096ff;}

#page{ width:100%; overflow:hidden; text-align:center; padding:20px 0 80px 0;}
#page ul{ display:inline-block; margin:0 auto; overflow:hidden; list-style:none;}
#page ul li{ float:left; line-height:40px; border:solid 1px #eee; margin:0 5px;}
#page ul li a{ display:block; font-size:14px; padding:0 20px; transition:background 0.5s,color 0.5s; font-family:"宋体"} 
#page ul li a:hover{ background:#0096ff; color:#fff;}

#promenu{ width:100%; overflow:hidden; border-bottom:solid 2px #eee; position:absolute; margin-top:-60px; background:url(image/di.png);}
#promenu ul{ list-style:none; width:1200px; margin:0 auto; overflow:hidden; border-left:solid 1px #444;}
#promenu ul li{ float:left; width:25%;}
#promenu ul li a{ display:block; line-height:60px; text-align:center; font-size:14px; transition:background 0.5s,color 0.5s; color:#fff; border-right:solid 1px #444;}
#promenu ul li a:hover{ background:#0096ff; color:#fff;}
#promenu ul li a.it{ background:#0096ff; color:#fff;}

#news{ width:1200px; 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:350px;}
#news ul li a div{ overflow:hidden;}
#news ul li a p.a1{ font-size:16px; line-height:40px;}
#news ul li a p.a2{ font-size:12px; line-height:18px; color:#666;}
#news ul li a p.a3{ font-size:14px; line-height:18px; padding-top:30px; color:#333;}
#news ul li a p.a4{ width:80px; background:#fff; border:solid 2px #eee; color:#024fa1; line-height:30px; text-align:center; transition:background 0.5s, color 0.5s,width 0.5s; border-radius:5px; margin-top:40px;}
#news ul li a p.a4:hover{ background:#0096ff; color:#fff; width:120px;}

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

#feedback{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#feedback p{ padding-top:20px; overflow:hidden; float:left; width:33.33%;}
#feedback p input{ border:solid 1px #ddd; width:398px; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#feedback p.content{ width:100%}
#feedback p textarea{ border:solid 1px #ddd; width:1178px; 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:150px; text-align:center; transition:width 0.5s; border-radius:5px; font-size:14px;}
#feedback p a:hover{ width:200px;}

#contact{ width:1200px; overflow:hidden; margin:0 auto; padding-bottom:60px; padding-top:40px;}
#contact .con_left{ float:left; width:500px;}
#contact .con_left p{ border-bottom:solid 1px #eee; line-height:20px; padding:15px 0;}
#contact .con_left p.tt{ font-size:18px; font-weight:bold;}
#contact .con_left p span{ color:#0096ff; font-size:24px; font-family:impact;}

#contact .con_right{ float:right; width:600px;}
#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:#0096ff; 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:1200px; margin:0 auto; overflow:hidden; overflow:hidden; padding-bottom:80px; padding-top:20px;}
#bpro{ width:600px; float:left; text-align:center; overflow:hidden; padding-top:20px;}

#bigmenu{ width:1200px; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:2px;}
#bigmenu ul{ list-style:none;}
#bigmenu ul li{ float:left; width:33%; text-align:center; background:#eee; border-right:solid 2px #fff; line-height:36px; cursor:pointer;}
#bigmenu ul li.it{background:#0096ff; color:#fff;}

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

.pmcon{ padding:20px 0;}


.bpro_con{ width:100%; padding:20px 0px;text-align:left; font-size:16px; line-height:36px; overflow:hidden; width:600px;}
.bpro_con span{ display:block; font-size:30px; color:#000; font-weight:bold; text-align:left; line-height:60px; padding-bottom:10px; padding-top:30px;} 
.bpro_con font{display:block;overflow:hidden;}
.bpro_con font a{ display:block; background:#fff; border:solid 2px #0096ff; width:100px; line-height:36px; color:#0096ff;float:left; text-align:center; font-size:14px; border-radius:5px; margin-top:50px;margin-right:10px;}

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


#wyjob{ width:100%}
#wyjob p{ padding-top:20px; overflow:hidden; float:left; width:20%;}
#wyjob p input{ border:solid 1px #ddd; width:238px; 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:1178px; line-height:24px; padding-top:10px; height:120px; padding:10px; 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:none;}


#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
/**html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}*/
#leftsead ul{list-style: none;}
#leftsead li{width:161px;height:50px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px; }
#leftsead li a .shows{display:block; }
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#0096ff;height:47px;margin-left:47px;border:1px solid #0096ff;text-align:center;line-height:47px}
#p3{width:112px;background-color:#01b7ee;height:47px;margin-left:47px;border:1px solid #01b7ee;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}

#index_kuang{ width:100%; overflow:hidden;}
#index_about{ width:100%; margin:60px auto; overflow:hidden; background:#e3f1f6;}
#index_about .ku{ width:1200px; margin:0 auto; overflow:hidden; padding:70px 0;}
#index_about .about_l{ float:left;}
#index_about .about_r{ float:right; width:550px;}
#index_about .about_r p.tt{ font-size:36px; color:#000; line-height:80px; font-family:impact; }
#index_about .about_r p.more{ padding-top:40px;}
#index_about .about_r p.more a{ display:block; border:solid 2px #279fd2; height:31px; line-height:33px; text-transform:uppercase; color:#024fa1; width:63px; text-align:center; transition:width 0.5s;}
#index_about .about_r p.more a img{ margin-top:10px;}
#index_about .about_r p.more a:hover{ width:100px;}

#zmenu{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
#zmenu ul{ list-style:none;}
#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:absolute; z-index:500; background:#fff; display:none;}
#zmenu ul li .kkmenu p a{ display:block; width:100px;}
#zzd{ display:none;}


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

#download{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
#download ul{ width:1300px; list-style:none;}
#download ul li{ width:380px; float:left; margin-right:30px; 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:1200px; 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.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;}


}