/* CSS Document */
/*通用样式*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0}ol,ul,dl{list-style:none}
a,img{border:0; text-decoration:none}
img{ vertical-align:top}
body{ font:"微软雅黑"; background:#FFF;}
/*首页样式*/

/*top*/
.top{ width:1000px; margin:0 auto; overflow:hidden; background:url(/statics/images/sy_ty.png) no-repeat left bottom}
.top .logo,.footer .footernr .logo2{ float:left; margin:34px 0 29px}
.top .logoword{ float:left; margin:20px 0 28px 12px; height:43px;}
.top .logoword1{ font-size:28px; font-weight:bold; color:#000; font-family:"微软雅黑"; letter-spacing:2px;}
.top .logoword2{ font-size:14px;  color:#000; font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;}
.top .tel{ float:right; width:244px; margin:24px 0 28px 0; font:100 16px/16px ""}
.top .tel .telimg{ float:left; margin-right:15px;}
.top .tel li{ margin-bottom:4px}
/*nav*/
.nav{ width:100%; height:43px; background:#3388FF; margin:1px 0}
.nav ul{ width:1000px; margin:0 auto; }
.nav ul li{ float:left; width:125px;text-align:center; background:url(/statics/images/navline.png) no-repeat right center}
.nav ul li a{ display:block;font:bold 15px/43px ""; color:#FFF}
.nav ul li a:hover{ background:#2868c8}
.nav ul li a.active{background:#2868c8}
/*banner*/
.focus{ width:100%;height:499px;}
.xmSlide{position:relative; }
.xmSlide_01{ height:499px;background:url(/statics/images/banner2.png) no-repeat center center;}
.xmSlide_02{height:499px;background:url(/statics/images/banner3.png) no-repeat center center;}
.xmSlide_03{height:499px;background:url(/statics/images/banner1.png) no-repeat center center;}
.xmSlide-pagination{text-align:center;}
.xmSlide-pagination li{display:inline-block;width:12px;height:12px;margin:0 5px;}
.xmSlide-pagination li a{ position:absolute; bottom:45px; z-index:9999;width:12px;height:12px;text-indent:-9999px;background:url(/statics/images/sy_xb2.png) no-repeat;}
.xmSlide-pagination li a.active{background:url(/statics/images/sy_xb1.png) no-repeat}
.xmSlide-control{overflow:hidden;}

/*main*/
.main{ width:1000px; margin:0 auto; overflow:hidden}
/*首页公司简介*/
.sy_gsjj,.sy_cpzx{ overflow:hidden; margin:25px 0 0}
.sy_gsjj h2,.sy_cpzx h2,.sy_al h2{ text-align:center; font:bold 24px/30px "宋体";letter-spacing:1.5px}
.sy_gsjj h3,.sy_cpzx h3,.sy_al h3{ height:30px; }
.sy_gsjj h3 span,.sy_cpzx h3 span,.sy_al h3 span{font:100 20px/30px ""; margin:0 23px}
.sy_gsjj h3 span a,.sy_cpzx h3 span a,.sy_al h3 span a{font:100 20px/30px "";  color:#000;}

.sy_gsjj h3 img,.sy_cpzx h3 img,.sy_al h3 img{ margin-top:10px;}
.sy_gsjj .syjj_l{ float:left; margin:47px 0 0; width:377px; height:281px; background:url(/statics/images/sybj1.png) no-repeat left center}
.sy_gsjj .syjj_l img{ margin:10px 10px}
.sy_gsjj .syjj_r{ float:right; width:585px; margin:50px 0 0;font:100 13px/26px "微软雅黑";}
.sy_gsjj .syjj_r span{ display:block;font:100 20px/32px "微软雅黑";color:#3388FF; margin-bottom:8px;}
.sy_gsjj .syjj_r a{ float:right; width:98px; height:33px; display:block;font:100 14px/33px "微软雅黑"; background:#3388FF; color:#FFF; text-align:center;}
/*首页产品中心*/
.sy_cpzx .sycp_l{ float:left; width:235px; margin-top:37px;}
.sy_cpzx .sycp_l dt{ height:66px; background:url(/statics/images/sybj2.png) no-repeat left center; border-bottom:1px solid #CCC;padding-left:23px;font:100 18px/40px "微软雅黑"; color:#FFF}
.sy_cpzx .sycp_l dt a{color:#fff;}
.sy_cpzx .sycp_l dt span{ display:block; font:100 14px/18px "微软雅黑";color:#FFF}
.sy_cpzx .sycp_l dd{ height:45px; background:url(/statics/images/syxb1.png) no-repeat 20px center; border:1px solid #CCC; border-top:none; border-bottom:1px dashed #CCC; padding-left:40px;}
.sy_cpzx .sycp_l dd:hover{background:#3388FF url(/statics/images/syxb2.png) no-repeat 20px center; }
.sy_cpzx .sycp_l dd:hover a{ color:#FFF}
.sy_cpzx .sycp_l dd a{font:100 14px/45px "微软雅黑"; color:#505050; display:block}

.sy_cpzx .sycp_r{ float:right; width:744px; overflow:hidden; margin-top:37px;}
.sy_cpzx .sycp_r h4{ height:60px; background:url(/statics/images/syxb4.jpg) no-repeat left center;font:100 18px/40px "微软雅黑"; color:#3388FF; margin-right:10px; padding:0 0 8px 15px; border-bottom:1px solid #CCC}
.sy_cpzx .sycp_r h4 span{ display:block}
.sy_cpzx .sycp_r h4 img{ float:left}
.sy_cpzx .sycp_r h4 a{ float:right; color:#333;font:100 13px/20px "微软雅黑";}
.sy_cpzx .sycp_r li{ float:left;border:3px solid #a8a8a8; margin:14px 14px 0 0}
.sy_cpzx .sycp_r li:hover{border:3px solid #3388FF; }
.sy_cpzx .sycp_r li:hover span{ background:#3388FF}
.sy_cpzx .sycp_r li span{ display:block; height:39px; background:#a8a8a8;font:100 14px/39px "微软雅黑"; color:#FFF; text-align:center}

/*首页最新案例*/
.sy_al{ overflow:hidden; margin:50px 0 0}
.sy_al .syalnr{ overflow:hidden; width:1016px; margin:35px 0 0}
.sy_al .syalnr li{ float:left; margin-right:12px; border:1px solid #e6e6e6}
.sy_al .syalnr li:hover{border:1px solid #57b24a}
.sy_al .syalnr li p{ display:block; height:72px; background:#f2f2f2 url(/statics/images/syxb6.png) no-repeat 60px 50px; text-align:center;}
.sy_al .syalnr li:hover p{background:#3388FF url(/statics/images/syxb8.png) no-repeat 60px 50px;}
.sy_al .syalnr p span{ display:block; background:url(/statics/images/syxb5.png) no-repeat 10px center;font:100 13px/50px "微软雅黑"; }
.sy_al .syalnr li:hover span{background:url(/statics/images/syxb7.png) no-repeat 40px center;color:#FFF}
/*首页新闻列表*/
.sy_news{ overflow:hidden; width:1014px; margin:50px 0 0}
.sy_news .sy_list{float:left; width:313px; overflow:hidden; margin-right:25px; }
.sy_news .sy_list h4{ height:63px; font:100 16px "微软雅黑"; background:url(/statics/images/new_ty.png) no-repeat left 52px}
.sy_news .sy_list h4 .xb{ margin:20px 8px 0 0;}
.sy_news .sy_list h4 font{ float:right;font:100 12px/55px "微软雅黑";}
.sy_news .sy_list h4 a{ color:#333;}
.sy_news .sy_list h4 span{font:100 16px/55px "微软雅黑";}
.sy_news .sy_list li{ background:url(/statics/images/syxb10.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #CCC; margin:5px 0}
.sy_news .sy_list li:hover{background:url(/statics/images/syxb9.png) no-repeat left center;}
.sy_news .sy_list li span{ float:right}
.sy_news .sy_list li a{font:100 13px/30px "微软雅黑"; color:#333}
.sy_news .sy_list li:hover a{ color:#3388FF}

.link{ height:94px; margin-top:30px; border:1px solid #f1f1f1}
.link h4{ height:40px; padding-left:25px;}
.link h4 strong{ float:left;font:100 30px/40px "微软雅黑"; color:#3388FF;}
.link h4 span{ float:left; display:block; width:88px; height:25px; background:#3388FF;font:100 14px/25px "微软雅黑"; color:#FFF; text-align:center; margin:9px 0 0 10px;}


.box{ width:980px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:980px; height:115px; overflow:hidden; position:relative;}
.piclist{ height:115px;position:absolute; left:0px; top:0px}
.piclist li{ margin:5px 10px 0 0; float:left;}
.piclist li a{font:100 13px/28px "微软雅黑"; color:#333; margin-right:10px}
.swaplist{ position:absolute; left:0px; top:0px; overflow:hidden}
.og_next{ width:26px; height:20px; background:#3388FF; position:absolute;top:7px; right:0px;z-index:99; cursor:pointer; text-align:center}
.og_next img{ padding-top:3px}

/*footer*/
.footer_ty{ clear:both;margin:30px 0 1px; width:100%; height:14px; background:url(/statics/images/ft_ty.png) no-repeat center center}
.footer{ width:100%; height:137px;  background:#3388FF}
.footer .footernr{ width:1000px; margin:0 auto}
.footer .footernr .footer_l{ float:left; margin:30px 30px 21px 33px} 
.footer .footernr p{ float:right; width:735px; margin-top:40px;font:100 13px/30px "微软雅黑"; color:#FFF; letter-spacing:1px;}


/*关于我们*/
.banner{ width:100%; height:263px; background:url(/statics/images/lxwmbanner.jpg) no-repeat center center}
.mainleft{ float:left; width:246px;}
.gywm_t{ overflow:hidden; width:246px; height:280px; background:url(/statics/images/gywmbj.png) no-repeat left center}
.gywm_t dt,.gywm_b dt{ height:36px; background:#3388FF; margin:14px 20px 0 1px }
.gywm_t dt img,.gywm_b dt img{ margin:10px 10px 0 15px}
.gywm_t dt a,.gywm_b dt a{font:bold 16px/36px "微软雅黑"; color:#FFF}
.gywm_t dd{ height:44px; border-bottom:1px solid #CCC; margin:0 10px; padding-left:55px; background:url(/statics/images/gywmxb3.png) no-repeat 38px center}
.gywm_t dd:hover{background:url(/statics/images/gywmxb2.png) no-repeat 38px center}
.gywm_t dd:hover a{ color:#3388FF}
.gywm_t dd a{font:100 14px/44px "微软雅黑"; color:#333}
.gywm_t .active2{background:url(/statics/images/gywmxb2.png) no-repeat 38px center}
.gywm_t .active2 a{color:#3388FF}

.gywm_b{ width:246px; height:500px; margin-top:20px; background:url(/statics/images/gywmbj2.png) no-repeat -4px center; padding-top:10px}
.gywm_b dt{ margin:10px 20px 0 5px}


#imgauto{width:221px;height:186px; margin:15px 0 40px 10px;position:relative;background:url(/statics/images/gywmbj3.png) no-repeat top center }
.img-con,.next,.pre{display:block;position:absolute;}
.img-con{left:0px;top:0px;z-index:50; }
.img-con a{display:none; }
.img-con a img{ padding:8px}	
.next{right:5px;bottom:-25px;z-index:99;width:18px; height:12px;background:url(/statics/images/gywm_r.png) no-repeat left top; margin-bottom:5px;}
.next:hover{background:url(/statics/images/gywm_r.png) no-repeat left bottom;}
.pre{right:30px;bottom:-25px;z-index:98; width:18px; height:12px;background:url(/statics/images/gywm_l.png) no-repeat left top;margin-bottom:5px;}
.pre:hover{background:url(/statics/images/gywm_l.png) no-repeat left bottom;}

.gywm_b dd{ margin:10px 0 30px 17px}
.gywm_b dd b{font:100 14px/22px ""; color:#9d9d9d}
.gywm_b dd span{ float:left; margin:0 12px 0 0; width:40px; height:40px; display:block;text-align:center; background:#3388FF;}
.gywm_b dd em{ display:block; font:100 21px/22px ""; color:#ff6600}
.gywm_b dd span img{ margin-top:7px}
.gywm_b dd strong{font:100 12px/20px ""; color:#9d9d9d}


.mainright{ float:right; width:742px; height:auto; margin-top:15px; background:url(/statics/images/gywmxbj.png) no-repeat left top}
.mainright h2{ margin:10px; border-bottom:1px dashed #CCC}
.mainright h2 b{font:100 16px/30px ""; color:#3388FF; padding-left:10px;}
.mainright h2 span{ height:30px; float:left;font:100 12px/30px ""}
.mainright h2 a{font:100 12px/30px ""; color:#333}
.mainright h2 em a{font:100 13px/30px ""; color:#3388FF}
.mainright h2 img{ margin:8px 5px 0}
.mainright .qyjjnr{ overflow:hidden; margin-top:50px;}
.mainright .qyjjnr h3{ text-align:center;font:100 24px/30px "微软雅黑"; margin-bottom:25px; }
.mainright .qyjjnr p{font:100 13px/30px "微软雅黑"; margin:0 25px; text-indent:24px;}


/*联系我们*/
.lxwmbanner{ width:100%; height:263px; background:url(/statics/images/lxwmbanner.png) no-repeat center center}
.lxwmnr{ overflow:hidden}
.lxwmnr h3{ text-align:center;font:100 24px/35px "微软雅黑"; margin:40px 0}
.lxwmnr h3 span{ display:block;font:100 14px/30px "微软雅黑"; letter-spacing:1px}
.lxwmnr .map{ margin:0 25px 20px 25px}
.lxwmnr dd{ float:left;width:245px;margin:10px 30px;font:100 14px/26px "微软雅黑"; }
.lxwmnr dt{ clear:both; width:690px; margin:15px 30px 0px;font:100 14px/30px "微软雅黑";}
.lxwmnr dt span{color:#3388FF;font:100 14px/30px "微软雅黑";}
.lxwmnr dt img{ margin:5px 8px 0 10px}


/*诚聘英才*/
.cpycbanner{ width:100%; height:263px; background:url(/statics/images/cpycbanner.png) no-repeat center center}
.cpycnr{ overflow:hidden; margin:0 25px;}
.cpycnr dt{font:100 14px/30px "微软雅黑";color:#3388FF; margin-top:20px}
.cpycnr dd{font:100 12px/28px "微软雅黑"; margin-bottom:20px }

.fanye2{ width:675px; overflow:hidden; margin:30px auto }
.fanye2 a{ float:left; padding:2px 8px; display:block; border:1px solid #CCC; margin:0 3px; font:bold 14px/24px "微软雅黑"; color:#333}
.fanye2 a:hover{border:1px solid #ff6601; color:#ff6601;}
.fanye2 .xuanding{border:1px solid #ff6601; color:#ff6601;}

/*客户案例*/
.casenr{overflow:hidden; margin:25px;}
.casenr li{ background:url(/statics/images/gywmxb3.png) no-repeat 5px center; padding-left:20px; margin:15px 0; border-bottom:1px solid #CCC}
.casenr li a{font:100 13px/30px "微软雅黑"; color:#000 }
.casenr li:hover{background:url(/statics/images/gywmxb2.png) no-repeat 5px center;}
.casenr li:hover a{color:#3388FF}
.casenr li span{ float:right}


/*产品中心*/
/*产品中心*/
.cpbanner{ width:100%; height:263px; background:url(/statics/images/cpbanner.png) no-repeat center center}
.cpfl{ width:248px; padding-top:10px; background:url(/statics/images/cpdbj.png) no-repeat}
.cpfl dt{ height:36px; background:#3388FF;margin:0px 20px 0 1px;}
.cpfl dt a{font:bold 16px/36px "微软雅黑"; color:#FFF;}
.cpfl dt img{margin:10px 10px 0 15px}
.cpfl dd{ border-bottom:1px solid #CCC; margin:0 10px; background:url(/statics/images/syxb1.png) no-repeat 25px center; padding-left:55px;}
.cpfl dd:hover{ background:url(/statics/images/syxb1.png) no-repeat 25px center}
.cpfl .active2{background:url(/statics/images/syxb1.png) no-repeat 25px center}
.cpfl .active2 a{color:#3388FF}
.cpfl dd:hover a{ color:#3388FF}
.cpfl dd a{font:100 13px/45px "微软雅黑"; color:#333}


.cpzx{ overflow:hidden; width:726px; margin:25px 20px 0 20px;}
.cpzx li{ position:relative; float:left; width:200px; margin:0 24px 36px 0; border:#a8a8a8 solid 3px;}
.cpzx li:hover{ position:relative; float:left; width:200px; margin:0 24px 36px 0; border:#3388FF solid 3px;}
.cpzx li a{font:100 13px/45px "微软雅黑"; color:#fff}
.cpzx li span{  left:0; bottom:0; display:block; width:200px; height:45px; background:url(/statics/images/btm.png); text-align:center}
.cpzx li:hover span{left:0; bottom:0; display:block; width:200px; height:45px; background:#3388FF; text-align:center}

.fanye{ float:right; width:675px; overflow:hidden; margin:0 auto; }
.fanye a{ float:left; padding:2px 8px; display:block; border:1px solid #CCC; margin:0 3px; font:bold 14px/24px "微软雅黑"; color:#333}
.fanye a:hover{border:1px solid #ff6601; color:#ff6601;}
.fanye .xuanding{border:1px solid #ff6601; color:#ff6601;}

.mainright .cpword{ margin:20px 25px 0 25px; text-indent:24px;font:100 13px/30px "微软雅黑"; border-bottom:1px dashed #CCC; padding-bottom:10px }

/*产品中心详情*/
.cpxqnr{ overflow:hidden; margin:20px}
.cpxqnr h4{ text-align:center; margin:20px 0;font:100 18px/30px "微软雅黑";}
/*.cpxqnr img{ margin:0 45px}*/
.cpxqnr img{ margin:0 45px;}
.cpxqnr .cons{font:100 13px/30px "微软雅黑"; color:#000; margin:5px 0; letter-spacing:1px;text-indent:24px;}
.cpxqnr .hr{border:1px #ccc solid; width:606px;margin:20px 45px 0 45px;}
/*.cpxqnr dd {font:100 13px/26px "微软雅黑";letter-spacing:1px}*/

/*新闻动态*/
.newsbanner{ width:100%; height:263px; background:url(/statics/images/newsbanner.png) no-repeat center center}
.news{ overflow:hidden; margin:20px}
.news img{ float:left}
.news .news_r{ float:right; width:460px;font:100 13px/28px "微软雅黑"; }
.news .news_r h4{font:100 16px/26px "微软雅黑"; color:#3388FF;}
.news .news_r span{ display:block;font:100 12px/20px  "微软雅黑"; color:#3388FF;}
.news .news_r a{font:100 12px/26px "微软雅黑"; color:#ff6600}
/*新闻动态详情*/
.newxqnr{ overflow:hidden; margin:15px 25px}
.newxqnr h3{font:100 18px/30px  "微软雅黑"; color:#3388FF; text-align:center; margin:10px 0;}
.newxqnr h4{font:100 13px/24px  "微软雅黑"; text-align:center; padding-bottom:20px; background:url(/statics/images/news_ty.png) no-repeat center bottom}
.newxqnr .cons{font:100 13px/36px "微软雅黑"; color:#000; margin:5px 0; letter-spacing:1px;text-indent:24px;}
/*.newxqnr p{font:100 13px/26px  "微软雅黑"; text-indent:24px;}*/
/*技术支持*/
.jszcbanner{ width:100%; height:263px; background:url(/statics/images/jszcbanner.png) no-repeat center center}
.hybzbanner{ width:100%; height:263px; background:url(/statics/images/hybzbanner.png) no-repeat center center}
/* 懒人图库 搜集整理 www.lanrentuku.com */
*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:499px;  background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
a{ color:#000000;}
.promenu{ color:#fff; background: #3388FF url("/statics/images/syxb2.png") no-repeat scroll 20px center; height:45px; border:1px solid #CCC; border-top:none; border-bottom:1px dashed #CCC; padding-left:40px; line-height:45px;}
.promenu a{ color:#fff; margin-top:10px; font-weight:bold; font-size:15px;}
.promenun{ color:#fff; background: #3388FF url("/statics/images/syxb2.png") no-repeat scroll 20px center; height:45px; border:1px solid #CCC; border-top:none; border-bottom:1px dashed #CCC; padding-left:40px; line-height:45px;}
.promenun a{ color:#fff; margin-top:10px; font-weight:bold; font-size:15px;}
.ricpbdd {
    padding: 0 5px; width:742px; margin-bottom:10px;}
	
	.ricplbd {
    border-bottom: 1px dashed #cccccc;
    height: 170px;
    overflow: hidden;
    padding-top: 10px;
	font-size:12px;
}
.ricplimg {
    float: left;
    height: 160px;
    padding: 0 15px;
    width: 162px;
}
.ricplimg img {
    border: 3px solid #199ff7;
    height: 154px;
    width: 156px;
}
.ricplbd strong {
    display: block;
    float: left;
    padding-right: 8px;
}
.ricplbdtxt {
    float: left;
    height: 105px;
    line-height: 22px;
    padding-top: 10px;
    text-indent: 8px;
    width: 525px;
}
.ricplbd img {
    float: left;
}
.ricpltit {
    float: left;
    height: 47px;
    padding-left: 8px;
    padding-top: 1px;
    width: 39px;
}
.ripctihz {
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    padding-top: 8px;
    text-indent: 8px;
    width: 200px;
}
.contxts {
    color: #1e1e1e;
    line-height: 25px;
    overflow: hidden;
    padding: 10px 0;
    text-indent: 18px;
    width: 742px;
}

.pk01 {
    height: 180px;
    margin: 10px auto;
    text-align: center;
    width: 897px;
}
.pk01 p {
    float: left;
    line-height: 25px;
    margin: 5px 8px;
    text-align: center;
    width: 162px;
}
.pk01 img {
    float: left;
}