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

*{margin:0px auto; padding:0px;}
body{font-family:"微软雅黑"; font-size:14px; color:#484848; overflow-x:hidden; }
img{border:0px;}
li{list-style:none;}
.fl,.f-l{ float:left;}
.fr,.f-r{ float:right;}

.clear{clear:both;}

a{color:#484848; text-decoration:none;}
a:hover{ text-decoration:none;}

.top{ width:1220px; margin:0 auto; height:135px;}
.logo{ background:url(../images/logo.jpg) top center no-repeat; height:72px; width:258px; margin:31px 0px; float:left;}
.logoTxt{width:340px;padding-left:10px;float:left;margin-left:10px;background:url(../images/line.jpg) left center no-repeat;margin-top:18px;height:100px;}

.logoTxt span{ display:block; float:left; width:340px; font-size:24px; color:#1b57b0; font-weight:bold; margin-top:22px;}
.logoTxt label{ display:block; float:left; width:340px; font-size:18px; color:#141414; margin-top:5px;}

.tel{float:right;background:url(../images/telIcon.jpg) 0px 7px no-repeat; padding-left:45px; margin-top:40px; height:60px; width:170px;}
.tel label{ display:block; float:left; width:200px;}
.tel span{ display:block; float:left; width:200px; font-size:24px; color:#063990; font-weight:bold;}



.menuBg{ width:100%;background:url(../images/menuBg.jpg) top center repeat-x; height:55px;}
.menu{width:1220px; height:52px; margin:0 auto; padding-bottom:3px;}

.nav li {height:52px;float:left;position:relative;z-index:4; width:174px; text-align:center;font-family:"微软雅黑"; font-size:16px;}
.nav li.current {  height:35px; line-height:52px; color:#363a91; background-color:#efefef; text-align:center; display:block;}
.nav li a{ width:172px; background:url(../images/menuNav.jpg) right center no-repeat; padding-right:2px;height:52px; text-align:center; display:block; color:#fff; font-weight:bold; font-size:18px; line-height:52px;}
.nav li a i{ font-style:normal; width:100%; font-size:16px; display:block; float:left; text-align:center;}
.nav li a em{ font-style:normal; width:100%; text-transform:uppercase; display:block; text-align:center;font-size:10px;-webkit-text-size-adjust:none;-webkit-transform : scale(0.84,0.84) ;
*font-size:10px; display:none;}
.nav li a:hover, .nav li.current a {height:52px;color:#fff; background-color:#fd8434; text-align:center; display:block;}




.son-nav { width:200px; min-height:50px; display:none; overflow:hidden; background:#fff url(../images/sn-bg.jpg) repeat-x top; position:absolute; left:0px; top:52px; z-index:3; box-shadow: 1px 1px 2px #777;}
.son-nav .sn-contain { width:180px; padding:10px 10px;}
.nav li .son-nav.show-r { left:auto; right:0px;}
.son-nav .sn-txt { width:180px; float:left; margin:0px 0px; padding:0px 0px;}

/*.son-nav .sn-txt .p-desc { line-height:20px;}*/
.son-nav .sn-txt .sn-list { margin:0px 0px; padding:0px 0px; display:block; float:left;}
#nav li .son-nav .sn-txt .sn-list li { width:75px; height:24px; line-height:24px;padding-left:10px;float:left; background:url(../images/sn-icon.gif) no-repeat left center; padding-top:0px; text-align:left;}
.son-nav .sn-txt .sn-list li a { height:25px; line-height:25px;background:none; border:none; display:inline; text-align:left; font-size:13px;font-family:"微软雅黑"; color:#333; padding-top:0px; font-weight:normal;}
.son-nav .sn-txt .sn-list li a:hover { border-bottom:1px solid #333;}
.son-nav .sn-pic, .son-nav .sn-pic img { width:140px; height:90px;}
.son-nav .sn-txt .sn-list1 li{ width:100%;}



.son-nav2{ width:290px; float:left;}
.son-nav2  .sn-contain { width:270px; height:100px; padding:10px 10px; border:1px solid #ccc;}
.son-nav2 .sn-txt { width:270px; float:left; margin:0px 0px; padding:0px 0px;}

#nav li .son-nav2 .sn-txt .sn-list li { width:125px; height:24px; line-height:24px;padding-left:10px;float:left; background:url(../images/sn-icon.gif) no-repeat left center; padding-top:0px; text-align:left;}



.son-nav3{ width:174px; float:left;}
.son-nav3  .sn-contain { width:174px;padding:10px 10px; border:1px solid #ccc;}
.son-nav3 .sn-txt { width:154px; float:left; margin:0px 0px; padding:0px 10px;}

#nav li .son-nav3 .sn-txt .sn-list li { width:144px; height:24px; line-height:24px; padding-left:10px;float:left; background:url(../images/sn-icon.gif) no-repeat left center; padding-top:0px; text-align:left;}




.banner{ width:100%; height:550px; z-index:-9;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1220px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#fff; width:12px;height:12px; margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#ec8000; cursor:pointer;}
.banner, .banner a {height:550px;display:block;}
.banner ul {margin:0px auto; padding:0px 0px;}



.w1220{ width:1220px; margin:0 auto; padding:30px 0px;}

.title1{ width:1220px; margin:0 auto;}
.title1 span{ display:block; float:left; text-align:center; font-size:30px; font-weight:bold; color:#666666; line-height:40px; width:100%;}
.title1 label{ display:block; float:left; text-align:center; font-size:14px; text-transform:uppercase;color:#666666; line-height:30px; width:100%;}
.title1  em{ width:48px; height:2px; background:#343b8e; display:block; margin:0 auto; clear:both;}

.gywm{ width:1220px; margin:30px auto; float:left;}
.gywm .gywmVideo{ width:480px; float:left; height:320px;}
.gywm .gywmTxt{ width:710px; float:right;font-size:14px;height:240px; overflow:hidden; line-height:30px;}

/*.gywm .gywmTxt span{ display:block; float:left; width:710px; font-size:14px;height:240px; overflow:hidden; line-height:30px;}
.gywm .gywmTxt a{ display:block; float:left; margin-top:30px;}*/


.grayBg{ width:100%; background:#f6f6f6; padding:30px 0px; margin-top:30px;}

.solutionUl{ width:1220px; margin-top:20px;}




.solutionUl .hd { text-align:center; margin:0 auto; }
.solutionUl .hd ul li { display: inline-block; width:12px; margin-right:15px; height:12px;background:#fff;border:solid 2px #1b57b0;cursor:pointer;border-radius:10px;}
.solutionUl .hd ul li.on { background:#1b57b0; border:solid 2px #1b57b0;}
.solutionUl .bd ul { width:1253px; margin:30px 0px; margin-left:-33px;}
.solutionUl .bd li { float:left; margin-left:33px; width:280px; position:relative;}
.solutionUl .bd ul li img { width:280px; height:245px;}
.solutionUl .bd ul li span{ width:280px; display:block; float:left; text-align:center; height:30px; line-height:30px;}


.caseUl { width:1220px; margin:0px auto; float:left; overflow:hidden;}

.caseUl ul { width:1266px; margin:30px 0px; margin-left:-46px;}
.caseUl ul li{ float:left;width:270px; position:relative; margin:22px 0px 22px 46px;}
.caseUl  ul li img { width:270px; height:165px;}

.caseUl ul li:hover .bdBox{ display:block;}
.caseUl ul li .bdBox { position:absolute; z-index:2; top:0px; left:0px; color:#fff; display:none;}
.caseUl ul li .bdBox .bgBg { position:absolute; width:270px; height:165px;z-index:3; background:#000; top:0px; left:0px; opacity:0.7; }
.caseUl ul li .bdBox .bdCont {position:absolute; z-index:4; top:0; left:0px; width:270px; height:270px; float:left;}
.caseUl ul li .bdBox .bdCont .bdTitle{ width:250px; float:left; padding:20px 10px 20px 10px; font-size:16px; color:#fff;}
.caseUl ul li .bdBox .bdCont .bdTxt { width:250px; float:left; padding:0px 10px; float:left; font-size:14px; color:#fff;}


.caseUl .more , .xwzxUl .more{ width:100%; margin:20px 0px;}
.caseUl .more a , .xwzxUl .more{ width:170px; height:45px; display:block; margin:0 auto;}



.xwzxUl{ width:1220px; margin:0 auto;}
.xwzxUl ul { width:1260px;margin:30px 0px 30px -40px;}
.xwzxUl ul li{ width:590px; float:left; display:block; margin:20px 0px 20px 40px}
.xwzxUl ul li a.xwzxImg{ width:210px; height:160px; display:block; float:left; position:relative;}
.xwzxUl ul li a.xwzxImg img{ position:absolute; z-index:1; left:0px; top:0px; width:210px; height:160px;}
.xwzxUl ul li a.xwzxImg i{ position:absolute; z-index:2; top:10px; font-style:normal;left:0px; width:72px; line-height:28px;height:28px; background:#1b57b0; text-align:center; color:#fff;}

.xwzxUl ul li .xwzxTxt{ width:350px; float:right;}
.xwzxUl ul li .xwzxTxt a{ width:350px; display:block; float:left; height:30px; line-height:30px; color:#515151; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px;}
.xwzxUl ul li .xwzxTxt span{ display:block; float:left; width:350px; height:50px; line-height:25px; color:#7d7d7d; overflow:hidden; margin-top:10px;}
.xwzxUl ul li .xwzxTxt .date{ color:#b2b2b2; float:left; width:350px; margin-top:10px;}


.hzhbUl{ width:1220px; margin:20px 0px; float:left;}
.hzhbUl ul { width:1257px; margin-left:-37px;}
.hzhbUl ul li{ width:170px; height:60px; display:block; float:left; border:solid 1px #a9a9a9;margin:10px 0px 10px 37px; text-align:center;}
.hzhbUl ul li img { height:60px; width:auto; max-width:170px; overflow:hidden;}


.footBg{ width:100%; background:url(../images/footBg.jpg) top center no-repeat; height:318px; margin-top:30px;}
.foot{ width:1220px; margin:0 auto; height:220px; padding:25px 0px;}

.foot .footBox1{ width:100px; float:left;}
.foot .footBox1 b{ display:block; float:left; background:url(../images/line2.png) left bottom no-repeat; padding-bottom:10px; height:30px; line-height:30px; color:#fff; font-size:16px; width:100px;}
.foot .footBox1 ul{ display:block; float:left; padding-top:15px;}
.foot .footBox1 ul li{ line-height:30px; width:100px;display:block; float:left;}
.foot .footBox1 ul li a{ color:#fff;}



.foot .footBox2{ width:280px; float:left; margin-left:200px;}
.foot .footBox2 b{ display:block; float:left; background:url(../images/line2.png) left bottom no-repeat; padding-bottom:10px; height:30px; line-height:30px; color:#fff; font-size:16px; width:280px;}
.foot .footBox2 ul{ display:block; float:left; width:280px;padding-top:15px;}
.foot .footBox2 ul li{ line-height:30px; width:140px;display:block; float:left;}
.foot .footBox2 ul li a{ color:#fff;}

.foot .footBox3{ width:280px; float:left; margin-left:160px;}
.foot .footBox3 b{ display:block; float:left; background:url(../images/line2.png) left bottom no-repeat; padding-bottom:10px; height:30px; line-height:30px; color:#fff; font-size:16px; width:280px;}
.foot .footBox3 span{ display:block; float:left; width:250px;margin-top:15px; line-height:30px; color:#fff; background:url(../images/lxwmIcon.png)0px 8px no-repeat; padding-left:30px;}

.foot .footBox4{ width:120px; float:right;}
.foot .footBox4 img{ width:120px; height:120px; display:block; margin:0 auto;}
.foot .footBox4 span{ width:120px; text-align:center; line-height:30px; color:#fff; display:block; float:left;}


.copyright{ width:1220px; margin:0 auto; height:48px; line-height:48px; color:#fff;}
.copyright a{ color:#fff;}



.banner_ny{width:100%; height:260px; margin:0px auto; /*background:url(../images/banner02.jpg) center no-repeat;*/ position:relative;}
.banner_ny0{ width:1200px; margin:0 auto;padding-top:0px;}
.banner_ny0 h1{ color:#fff; font-size:40px; padding-left: 25px; display:block;}
.banner_ny0 span{ color:#fff; font-size:30px; padding-left: 25px; display:block;line-height: 100px;}


.ny{ width:1220px; margin:0 auto;}
.ny01{ width:1220px; margin:0 auto;}
.ny_l{ width:250px; float:left;}
.ny_la dl{ position: relative;}
.ny_la dt{ width:225px; height:70px;padding-left:25px;line-height:70px;background:#155dac; color:#fff; font-size:22px; position:absolute; top:-70px;}
.ny_la dd{ width:100%; background:#f2f2f2; padding-bottom:20px;}
.sub_a_link{ display:block; background: url(../images/ny01.png) no-repeat 25px 50%; padding-left:40px; line-height:50px; border-bottom:1px #e0e0e0 solid;}
.sub_a_hover{ display:block;background:url(../images/ny02.png) no-repeat 25px 50% #e0e0e0; padding-left:40px; line-height:50px; color:#155dac;border-bottom:1px #e0e0e0 solid;}
.ny_la dd a:hover{background:url(../images/ny02.png) no-repeat 25px 50% #e0e0e0; color:#155dac;}

.ny_lb{ width:250px; float:left; margin-top:20px;}


.ny_r{ width:940px; float:right; padding-top:35px;}
.ny_ra{ width:100%; border-bottom:#cfcfcf 1px solid;margin-bottom: 15px;}
.ny_ra span{ display:block; float:left; color:#155dac; font-size:22px; font-weight:bold; padding-bottom:10px;}
.ny_ra span i{ width:4px; height:21px; background:url(../images/spanBg1.jpg) no-repeat; display:block;float: left;
margin-top: 2px;margin-right: 5px;} 
.ny_ra h2{ float:right; font-weight:normal; font-size:14px;} 

/*分页样式*/
.page_area{padding:25px 0px; text-align:center; clear:both;}

/**********单页展示***********/
.show_single{width:100%; margin:0px auto;}
.show_single_t{font-size:20px; line-height:20px; color:#000000; text-align:center; padding-bottom:20px;}
.show_single_d{height:35px; line-height:35px; text-align:center; color:#FFFFFF; font-size:14px; background:#cbcbcb;}
.show_single_c{padding-top:10px; font-size:16px; line-height:35px;}

/**********图文混排展示***********/
.show_news_img{width:100%; margin:0px auto;}
.show_news_img ul li{width:100%; padding:10px 0px; text-align:left;}
.show_news_img ul li div{height:160px;/* border:1px solid #ccc; background:#FFFFFF;*/ position:relative;}
/*.show_news_img ul li div:hover{border:1px solid #afd4c7; background:#eff8f5;}*/
.show_news_img ul li div img{width:210px; height:160px; background:#f0f0f0; display:block; position:absolute; left:0px; top:0px; z-index:1;}
.show_news_img ul li div span{width:700px; height:auto; line-height:25px; display:block; color:#555; font-size:14px; position:absolute; left:240px; top:0px; z-index:1;}
.show_news_img ul li div span h3{line-height:40px; font-size:18px; margin:0px;}
.show_news_img ul li div span h3 a{color:#fd8434;}
.show_news_img ul li div span p{width:100%; height:25px; line-height:25px; color:#999; padding-bottom:10px;}

#in_news2{width:920px; float:left; padding:0px 00px;}
#in_news2 ul li{ display:block; float:left; background:url(../images/li_list1.jpg) left center no-repeat; padding-left:10px; line-height:40px; width:910px; border-bottom:dashed 1px #e6e6e6;}
#in_news2 ul li a{ display:block; height:40px; line-height:40px;float:left; width:800px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#in_news2 ul li span{ color:#999; text-align:right; display:block; float:right;}


/*----products---*/

#in_pro{ width:940px; float:left;}
#in_pro ul{ width:940px;}

#in_pro ul li{ float:left; width:250px; height:200px; margin:25px 30px 0px 30px;}
#in_pro ul li a{ width:250px; height:200px; display:block; float:left;}
#in_pro ul li a img{ width:250px; height:175px;}
#in_pro ul li a span{ width:250px; height:30px; line-height:30px; text-align:center;display:block;font-size:14px;}

#in_pro1{ width:940px; float:left;}
#in_pro1 ul{ width:940px;}

#in_pro1 ul li{ float:left; width:250px; height:130px; margin:25px 30px 0px 30px;}
#in_pro1 ul li a{ width:250px; height:130px; display:block; float:left;}
#in_pro1 ul li a img{ width:250px; height:100px; border:1px #CCC solid;}
#in_pro1 ul li a span{ width:250px; height:30px; line-height:30px; text-align:center;display:block;font-size:14px;}

#in_pro2{ width:940px; float:left;}
#in_pro2 ul{ width:940px;}

#in_pro2 ul li{ float:left; width:250px; height:200px; margin:25px 30px 0px 30px; text-align:center; background-color:#F4F4F4;}
#in_pro2 ul li a{ width:250px; height:200px; overflow:hidden; display:block; float:left;}
#in_pro2 ul li a img{ width:auto; height:175px;}
#in_pro2 ul li a span{ width:250px; height:30px; line-height:30px; text-align:center;display:block;font-size:14px;}

.pageNav{width:100%;height:30px;line-height:30px;margin:35px 0px 0px 0px;text-align:center; clear:both;}

.title{font-size:16px; text-align:center; line-height:30px; height:30px; margin-bottom:10px; font-weight:bold; width:920px;  border:none; border-bottom:1px #CCCCCC dashed;}
.subtxt{width:920px; height:22px;  line-height:22px; text-align:center;}
.pernext{width:920px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both; font-size:12px;}

 .tab input {border:1px #CCCCCC solid;}