@charset "gb2312";
/* CSS Document */

body { margin:0 auto; font-family: "微软雅黑",Verdana; line-height:1.5;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#444; text-decoration:none;}
a:hover { color:#f00;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 



 
  .indexThree { padding-top: 60px; }
  .indexThree .prohfo { margin-bottom: 40px; }
  .vodeicon { display: block; background: url(../images/vode.png) no-repeat; width: 67px; height: 67px; margin: auto; }
  .indexThree li a { display: block; position: relative; color: #fff;}
  .indexThree li { position: relative; }
  .indexThree li .walktit { width: 160px; height: 160px; margin-top: -80px; margin-left: -80px; line-height: 50px; font-size: 20px; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li:hover .walktit { width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-radius: 0; top: 0; left: 0px; right: 0px; bottom: 0; }
  .indexThree li h3 { text-align: center; font-size: 22px; -webkit-transition: all .4s; transition: all .4s; color: #fff;}
  .indexThree li .walkinto { position: absolute; top: 0; left: 5px; right: 5px; bottom: 0; opacity: 0; padding: 20px 35px 0 35px; -webkit-transition: all .4s; transition: all .4s; z-index: 12; }
  .indexThree li:hover .walkinto { opacity: 1; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li:hover h3 { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li .walkinto h5 { text-align: center; font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-bottom: 25px; }
  .indexThree li .pstxt { text-align: center; font-size: 16px; color: #fff; height: 115px; display: block; overflow: hidden; line-height: 30px;}
  .indexThree li .walkinto .mores { width: 108px; height: 32px; line-height: 32px; text-align: center; margin: auto; display: block; border: 1px #fff solid; color: #fff; margin-top: 18px; }


#yk{ width:100%; height:900px; background:url(../images/dc.jpg); background-position:center;}
#uii { height:100px;}
#channleft{ float:left; width:302px;}
#channright { margin-left:302px;}
#chann { width:1280px; margin:0 auto;}
#cne { width:302px;background:url(../images/ddg.jpg);}
#chanp { width:960px; line-height:50px; font-size:26px; padding-top:30px; }
#zhans { width:960px;}
#cnee { width:230px; margin-left:55px;}
#cnee dl dt { display:block; line-height:35px; background:#39C; color:#FFF; font-size:16px; margin-bottom:4px;}
#cnee dl dt a { color:#FFF; padding-left:15px;}
#cnee dl dd { display:block; line-height:35px;  font-size:14px; border-bottom:solid 1px #DFDFDF;}
#cnee dl dd a { color:#333; padding-left:15px;}


#top { width:100%; background:#F0F0F0; height:40px; line-height:40px; background:#E7E7E7;}
#gun { float:left; width:1280px; margin:0 auto; height:40px; line-height:40px; font-size:14px;}
#kun { width:1280px; height:80px;}
#zhong { height:40px;}
#logo { float:left; width:245px; height:78px; padding-left:60px;}
#topb { width:1084px; height:146px; margin:0 auto; }
#nav { width:100%; height:45px; line-height:45px; background:#007fba;}
#navson { width:1280px; margin:0 auto;  height:45px;}
#navson ul li{ float:left; width:140px; font-size:16px; }
#navson ul li a { display:block;color:#FFF; text-align:center;}
#navson ul li a:hover { background:#dd3222;}
#cc { width:1280px; }
#logonav { margin-left:399px; width:860px; height:50px; line-height:50px; font-size:16px; padding-top:20px;}
#logonav ul li { float:left; width:100px; text-align:center; }
#logonav ul li a { display:block; font-size:16px;}
#logonav ul li a:hover { font-size:16px;  color:#009;}


#newbg { width:100%; background:url(../images/xx.jpg); background-position:center; height:587px; }
#newss{ width:1262px; margin:0 auto; height:450px; }
#yun { float:left; width:600px; height:450px; }
#im { width:553px; margin:0 auto; height:268px; background:url(../images/ime.jpg); margin-top:20px;}
#mw { width:553px; margin:0 auto; height:99px;  }
#biaoti { height:45px; line-height:45px; padding-left:20px; font-size:16px; }
#tui { padding-left:20px; font-size:12px;}
#yune { margin-left:600px; height:450px;}
#xinw { width:600px; margin:0 auto; height:90px; margin:15px 40px; }
#xinwleft { float:left; width:80px; height:90px; background:#db4d01; font-size:46px; color:#FFF; text-align:center;}
#xinright { margin-left:80px; }
#biaot { line-height:38px; font-size:16px; padding-left:10px;}
#biaott{ font-size:12px; padding-left:10px;}

#hua { width:1280px; margin:0 auto; height:109px; }
#hua ul li { float:left; width:300px; text-align:center; margin-right:20px; }
#hua ul li a { display:block; width:300px; height:109px;}

#fl1 { display:block; width:280px; height:109px; background: url(../images/a1.jpg);}
#fl2 { display:block; width:280px; height:109px; background: url(../images/b2.jpg);}
#fl2:hover { background:url(../images/a2.jpg);}

#fl3 {display:block; width:280px; height:109px; background: url(../images/b3.jpg);}
#fl3:hover { background:url(../images/a3.jpg);}

#fl4 {display:block; width:280px; height:109px; background: url(../images/b4.jpg);}
#fl4:hover { background:url(../images/a4.jpg);}

#kue { width:1280px; margin:0 auto; height:470px; margin-top:20px;}
#kueleft { float:left; width:311px; height:300px; }
#fi { font-size:86px; color:#2354ca; line-height:100px; padding-left:30px; }
#fion { font-size:36px; color:#000000; line-height:70px; padding-left:30px;}
#fions { font-size:26px; padding-left:30px;}
#kueright { margin-left:311px; height:449px;}
#ui { width:905px; height:449px; margin-left:30px; background:url(../images/tts.jpg);}
#uis { width:905px; height:449px; margin-left:30px; background:url(../images/ttss.jpg);}
#uit { width:905px; height:449px; margin-left:30px; background:url(../images/tts2.jpg);}
#uitt { width:905px; height:449px; margin-left:30px; background:url(../images/ttssf.jpg);}

#io { width:1280px; margin:0 auto; height:260px;}
#ioleft { float:left; width:555px; height:260px;}
#ioright { margin-left:555px; height:260px;}
#yt { height:80px; font-size:25px; line-height:80px; color:#000; padding-left:20px;}
#ytt { padding-left:20px; color:#333; line-height:35px; }
#mx { width:700px; height:250px;}

#fis { width:100%; height:299px; background:url(../images/fis.jpg); margin:0 auto;}
#fiscn { width:1280px; margin:0 auto; height:259px; padding-top:20px;}
#fiscnleft { float:left; width:600px; height:250px;}
#fiscnright { margin-left:600px; height:250px;}
#cont { width:400px; margin:0 auto; font-size:14px; color:#FFF; line-height:35px;}
#fisleft { float:left; width:80px; height:250px;}
#fisright { margin-left:80px; height:250px;}
#down { width:100%; height:60px; background:#20252f; line-height:60px;}
#downn { width:1280px; margin:0 auto; color:#FFF; font-size:14px;}
#downn a { color:#FFF;}

#tuij { width:1105px; height:108px; margin-bottom:10px;}
#gsji { width:1280px; margin:0 auto; height:430px; } 
#gsleft { float:left; width:800px; height:430px;}
#gsright { margin-left:800px; height:430px; text-align:center;}
#dis { height:60px; text-align:left;}
#cpzs { width:1280px; }
#cpi { width:100%; background:#d05007; height:760px;}
#gongs { height:280px; font-size:14px; line-height:34px;}
#tr { height:50px; text-align:right;}
#cps { width:1055px; height:118px;}
#uui { width:1105px; height:108px; margin-top:20px;}
#cpzs ul { width:1200px; height:270px; }
#cpzs ul li { float:left; display:block; width:260px; padding:8px; text-align:center; margin-right:20px; background:#0082d0;}
#cpzs ul li a span{ display:block; font-size:14px; color:#FFF; line-height:50px;}
#indexcp { width:1280px; margin-top:25px; height:620px;}
#indexleft { float:left; width:263px; height:550px; }
#she { width: 362px; height:122px;}
#indexpro { margin-left:280px;  height:600px; background:#f0f0f0;}
#chis { width:266px; background:url(../images/tt.jpg); height:600px;}
#xx { width:255px; height:180px; background:#E7E7E7;}
#xr { width:230px; font-size:14px; line-height:30px;}
#fenlei { width:230px;}
#wie { width:266px;}
#fenlei ul li { height:33px; line-height:33px;  background:#878787;  margin-bottom:8px;}
#fenlei ul li a { display:block; color:#FFF; padding-left:15px; font-size:14px; }
#fenlei ul li a:hover { background:#F60;}



#pro{ width:1210px; margin-top:10px;}
#pro ul li { float:left;display:block; width:290px; height:110px; margin:5px;  background:#1361b4;}
#pro ul li:hover { background:url(../images/men.JPG);  width:290px; height:110px;}
#tleft { float:left; width:111px; padding:16px;}
#ming { margin-left:140px; line-height:110px; font-size:18px; color:#FFF;}
#ming a {color:#FFF;}
#cptop { width:494px; height:111px; background:url(../images/gs.jpg); margin-top:20px;}

#chanpin { width:202px; height:90px; background:url(../images/chan.jpg); margin-top:10px;}
#cpnav { margin-top:10px; width:1220px;}
#cpnav ul li { float:left; width:160px; line-height:40px; margin:0 7px;}
#cpnav ul li a { display:block; font-size:16px; text-align:center; background:#0d5ca1; color:#FFF;}
#chan { width:1200px; padding-top:25px; height:520px;}
#gsi { width:1000px; line-height:50px;}

#comm { width:350px; margin:0 auto; height:80px; margin-top:15px; font-size:28px; line-height:80px; font-family:"微软雅黑"; text-align:center; }
#comm span { color:#039;}
#sc { width:350px; margin:0 auto; margin-bottom:15px;}
#yw { width:1240px; font-size:14px; min-height:300px; font-family:"微软雅黑"; margin:0 auto; line-height:30px;}
#abb { width:1220px; margin:0 auto; font-size:14px; line-height:36px; margin-bottom:40px;}
#newsff { float:left; width:586px; height:193px; border:solid 1px #EAEAEA; margin:10px; }
#newleft { float:left; height:160px; margin:15px;}
#newright { margin-left:220px; height:160px; margin-top:15px;}
#newright dl dt{ font-size:16px; border-bottom: solid 1px #EAEAEA;}
#newright dl dt dd { font-size:14px; line-height:26px;}

#gsi ul li { float:left; width:136px; text-align:center; font-size:14px; background:#cccccc; margin:5px;}
#gsi ul li a { color:#000000; }
#gsi ul li a:hover { background:#666; color:#FFF;}
#chan ul li { float:left; width:220px; margin:0 8px; display:inline;}
#chan ul li a { display:block; line-height:40px; text-align:center; font-size:14px; color:#FFF;}
#abouts { width:984px; height:127px; background:url(../images/ve.jpg); margin-bottom:20px;}
#aut { width:1280px; height:340px;}
#autleft { float:left; width:514px; height:340px; text-align:center;}
#autright { margin-left:514px; font-size:15px; height:340px; line-height:40px;}


.con, .con_box, .con_rows { width: 940px; margin-top:10px; }
    .con_box ul, .con_rows ul { list-style: none; }
        .con_box ul li { float: left; padding: 0px 6px; }
        .con_rows ul li { border-bottom: 1px dashed #efefef; line-height: 35px; }
            .con_rows ul li a { color: #373737; width:600px; padding-left: 5px; display: block; float: left; }
			.hbox { display: table-cell; vertical-align: middle; text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 70px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width: 161px; height: 64px; *height: 64px; border: 1px solid #eee; margin-left: 0px; }
    .hbox a img { /*设置图片垂直居中*/ vertical-align: middle; max-width: 161px; max-height: 64px; }
    .hbox a { vertical-align: middle; }
.hbox_title { text-align: center; width: 161px; line-height: 30px; height: 30px; margin-left: 0px; }
    .hbox_title a { font-size: 12px; color: black; text-decoration: none; }
        .hbox_title a:hover { font-size: 12px; color: orangered; }

#gsjj { width:100%; height:867px; background:url(../images/chan.jpg); background-position:center;}
#wen { padding-top:220px; width:1150px; font-size:14px; line-height:30px;}

#tu { width:422px; float:left; margin:15px;}
#cpd { margin-left:460px; font-size:14px; line-height:35px; margin:15px; height:300px; font-size:15px;}
#nv { width:1042px; height:638px; background:url(../images/vn.jpg);}
#case { width:100%; height:104px; background:url(../images/case.jpg); background-position:center;}
#cases { width:1280px; height:270px; margin-top:10px;}
#cases ul li { float:left; width:250px; margin:0 3px;}
#cases ul li a { display:block; font-size:14px; line-height:40px; text-align:center; }
#im { width:100%; background:#f2f2f2; height:450px; margin-top:15px;}
#im { width:553px; margin:0 auto; height:268px; background:url(../images/ime.jpg); margin-top:20px;}




#new { width:1280px; margin-top:15px;}
#news { width:1280px;  height:380px;}
#newsf { width:600px; float:left; height:190px;}
#tuleft { float:left; padding:15px 20px;}
#turight { margin-left:200px;}
#biaoti { font-size:14px;}
#timu { font-size:12px; line-height:30px;}
#chaiss{ width:1200px; margin:0 auto;  }
#chaiss ul li { float:left; font-size:16px; width:550px; margin:15px; }
#chaiss ul li a { display:block; text-align:center; line-height:40px; }


#chais { width:1200px; margin:0 auto; height:50px;}
#chais ul li { float:left; font-size:16px; width:150px; line-height:50px; height:50px; font-family:"微软雅黑";  }
#chais ul li a { display:block; text-align:center; margin-right:5px;  background:#0b2f49; color:#FFF; margin-bottom:20px;}

#chais ul li a:hover { background:#C00;} 

#cas { width:100%; height:400px; background:#f1f0f0; margin-top:20px;}
#cai { width: 1280px; margin-top:20px;}
#ds { width:1118px; height:95px;}
/*neibody*/
#maincont { width:1280px; margin-bottom:15px;}
#mainleft { float:left; width:266px;}
#mainc { width:282px; height:110px; background:url(../images/cp.jpg); margin-top:10px;}
#maindon { width:282px; background:#0082d0; padding-bottom:25px;}
#maindon ul li { width:250px; line-height:40px; height:40px; margin-bottom:5px; border:solid 1px #FFFFFF;}
#maindon ul li a { display:block;  padding-left:10px; background:#3697db; font-size:15px; color:#FFF; }
#maindon ul li a:hover { background:#666;}
#mainright { margin-left:300px;}
#maind { width:895px; height:57px; background:url(../images/wi.jpg); margin-top:15px;}
#zitu { width:895px; height:57px; line-height:57px; padding-left:20px; font-size:18px; color:#000000;}
#cpe { width:895px; font-size:14px; line-height:40px;}
#lxwm { width:282px; background:url(../images/vq.jpg); height:116px;}
#wo { width:240px; line-height:26px; font-size:14px; color:#FFF; border:solid 1px #FFFFFF;}




/*页面详细，分页，产品，新闻*/
#pagination { display: block; list-style: none; position: absolute; left: 50%; top: 350px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0; width: 700px; }
    #pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF; }
        #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
        #pagination li.current { background: #0092CE; }
.pbox { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center; /* 针对IE的Hack */ *display: block; *font-size: 165px; /*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ width: 250px; height: 236px; *height: 236px; border: 1px solid #eee; margin-left: 0px; }
    .pbox a img { /*设置图片垂直居中*/ vertical-align: middle; max-width: 250px; max-height: 236px; }
    .pbox a { vertical-align: middle; }
.pbox_title { text-align: center; width: 250px; line-height: 30px; height: 30px; margin-left: 0px; }
    .pbox_title a { font-size: 12px; color: black; text-decoration: none; }
        .pbox_title a:hover { font-size: 12px; color: orangered; }

.cm { margin-top: 10px; width:725px; }
    .cm ul li { float: left; width: 241px; list-style: none; margin: 0px; padding: 0px; font-size: 12px; }


/*新闻*/
/*#neinews, .gen_content1, .gen_details_content { width: 740px; margin: auto; }
    #neinews ul { margin: 0px; padding: 0px; list-style: none; }
        #neinews ul li { margin: 0px; padding: 0px; margin-top: 8px; }
            #neinews ul li a { display: block; padding-left: 15px; height: 30px; line-height: 30px; background: #F6F6F6; }
                #neinews ul li a:hover { background: #999; color: #FFF; }*/


		
		
		#product { width: 1200px; margin: 0 auto; }
    #product ul { overflow: auto; zoom: 1; }
        #product ul li { float: left; border: solid 1px #DDD; display: inline; width: 250px; height:285px; margin: 10px 20px; text-align: center; }
            #product ul li a { display: block; line-height: 35px; background: #F3F3F3; font-size: 14px; }
                #product ul li a div {
                    width: 250px;
                    height: 250px;
                    overflow:hidden;
                }
                #product ul li a img {
                    transition: all .4s;
                    width: 250px;
                    height: 250px;
                }

                    #product ul li a img:hover {
                        /*                    width: 260px;
                    height: 260px;*/
                        transform: scale(1.2);
                    }

                #product1 {
                    width: 850px;
                    margin: 0 auto;
                }
    #product1 ul { overflow: auto; zoom: 1; }
        #product1 ul li { float: left; border: solid 1px #F3F3F3; display: inline; width: 380px; margin: 10px 15px; text-align: center; }
            #product1 ul li a { display: block; line-height: 35px; background: #F3F3F3; font-size: 14px; }

#hezuo { width: 880px; margin: 0 auto; }
    #hezuo ul { overflow: auto; zoom: 1; }
        #hezuo ul li { float: left; border: solid 1px #F3F3F3; display: inline; width: 210px; margin: 10px 4px; text-align: center; }
            #hezuo ul li a { display: block; line-height: 35px; background: #F3F3F3; font-size: 14px; }