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

.zbanner{ width:992px; height:251px; float:left; margin-left:6px; display:inline; position:relative;}

.zmain{ width:1003px; height:auto; float:left;}

/*zl*/
.zl{ width:233px; height:auto; float:left; overflow-x:hidden;}

.znav{ width:215px; height:auto; float:left; margin-top:12px;}
.znav_sub{ width:205px; height:47px; float:left; background:url(../images/zy_26.jpg) right top no-repeat;}
.znav_co{ width:205px; height:auto; float:left;}
.znav_co ul{ width:201px; height:auto; float:left;}
.znav_co ul .zli_01{ width:201px; height:30px; float:left; line-height:30px; font-size:13px; margin-bottom:6px;}
.znav_co ul .zli_01 a{ width:171px; height:30px; display:block; background:url(../images/zy_28.jpg) no-repeat; padding-left:30px; color:#000;font-weight:bold;} 
.znav_co ul .zli_01 a:hover{ background:url(../images/zy_27.jpg) no-repeat; color:#fff;}

.znav_co ul .zli_01 a.selected{  background:url(../images/zy_27.jpg) no-repeat; color:#fff; font-weight:bold;}

.znav_co ul .zli_02{ width:201px; height:auto; float:left; padding-top:8px;}
.znav_co ul .zli_02 span{ width:201px; height:25px; background:url(../images/ico_05.gif) left center no-repeat; display:block; line-height:25px;}
.znav_co ul .zli_02 span a{ color:#666; width:151px; height:25px; padding-left:50px;}
.znav_co ul .zli_02 span a:hover{ color:#004ea1;}

.picnav{ width:205px; height:auto; float:left; margin-top:7px; padding-left:8px;}
.picnav ul{ width:205px; height:auto; float:left;}
.picnav ul li{ width:205px; height:50px; float:left; margin-top:5px;} 

.zcontact{ width:203px; height: auto; float:left; margin-top:12px; margin-left:9px; display:inline;}
.zcontact_01{ width:203px; height:auto; float:left;}
.zcontact_02{ width:203px; height:115px; float:left; background:url(../images/zy_09.jpg) no-repeat; overflow:hidden;}

.zfish{ width:205px; height:104px; float:left; margin-top:12px; background:url(../images/zy_15.jpg) no-repeat; overflow:hidden; margin-left:8px; display:inline;}


/*zl end*/

/*zr*/
.zr{ width:765px; height:auto; float:left; overflow-x:hidden;}

.path{ width:765px; height:37px; float:left; margin-top:12px;}
.path_l{ width:7px; height:37px; float:left; background:url(../images/zy_10.jpg) no-repeat; overflow:hidden;}
.path_r{ width:7px; height:37px; float:left; background:url(../images/zy_12.jpg) no-repeat; overflow:hidden;}
.path_c{ width:751px; height:37px; float:left; background:url(../images/zy_11.jpg) repeat-x; overflow:hidden;}
.path_c p{ float:left; line-height:37px; background:url(../images/ico_03.jpg) left center no-repeat; margin-left:12px; display:inline; padding-left:14px; color:#004ea1; }
.path_c p a{ color:#024ea4; font-weight:bold;}
.path_c p a:hover{ color:#014fa2;}

.fwlc{ width:715px; height:auto; float:left; margin-top:20px; padding-left:25px; padding-right:25px; }
.fwlc_s1{ width:715px; height:auto; float:left; font-size:30px; font-family:"微软雅黑"; color:#bc0000; padding-bottom:10px;}
.fwlc_s2{ width:645px; height:29px; float:left; background:url(../images/zy_13.jpg) left no-repeat #f6f3e1; line-height:29px; padding-left:70px; font-size:16px; font-family:"微软雅黑"; color:#237008; margin-top:10px;}
.fwlc_d1{ width:695px; height:auto; float:left; padding:10px 10px;}
.fwlc_d1 table{ width:695px; height:auto; font-family:"微软雅黑";}
.fwlc_d1 table td{ padding-top:5px; line-height:24px;}
.fwlc_s3{ display:block; font-size:14px; color:#242424;}
.fwlc_s4{ display:block; font-size:12px; color:#727272;}

.jsolution{ width:765px; height:auto; float:left;}
.jsolution_d1{ width:765px; height: auto; float:left; margin-top:44px;  font-size:34px; font-weight:bold; color:Green; font-family:"微软雅黑";}

.jsolution_d2{ width:765px; height:auto; float:left; margin-top:10px;}
.jsolution_d2 ul{ width:765px; height:auto; float:left;}
.jsolution_d2 ul li{ margin-top:10px;}
.jsolution_d2 ul .jso_li1{ width:282px; height:196px; float:left; background:url(../images/zy_19.jpg) no-repeat; overflow:hidden; margin-left:15px; margin-right:159px; display:inline;}
.jsolution_d2 ul li .jso_img{ width:272px; height:152px; float:left; margin:5px 5px 0 5px; display:inline;}
.jsolution_d2 ul li b{ float:left; padding-left:10px; font-size:14px; margin-top:11px; color:#3c3c3c;}
.jsolution_d2 ul li b a{ color:#3c3c3c;}
.jsolution_d2 ul li b a:hover{ color:#39974b;}
.jsolution_d2 ul li span{ float:right; margin-right:10px; display:inline; margin-top:10px;}

.jsolution_d2 ul .jso_li2{ width:282px; height:196px; float:left; background:url(../images/zy_19.jpg) no-repeat; overflow:hidden;}

.jsolution_d3{ width:725px; height:auto; float:left; margin-top:20px; padding-left:15px;}
.jsolution_d3_up{ width:725px; height:10px; float:left; background:url(../images/zy_21.jpg) no-repeat; overflow:hidden;}
.jsolution_d3_down{ width:725px; height:10px; float:left; background:url(../images/zy_23.jpg) no-repeat; overflow:hidden;}
.jsolution_d3_bg{ width:675px; height: auto; float:left; background:#f5f0e2; padding:0 25px; line-height:28px; font-size:13px; font-family:"微软雅黑"; font-weight:bold; color:#3c3c3c;}

.jsolution_d4{ width:725px; height:auto; float:left; margin-top:10px; padding-left:15px;}
.jsolution_d4 ul{}
.jsolution_d4 ul li{ width:659px; height:29px; float:left; background:url(../images/zy_24.jpg) left center no-repeat; padding-left:66px; line-height:29px; font-size:14px; font-family:"微软雅黑"; }
.jsolution_d4 ul li a{ color:#237008;}
.jsolution_d4 ul li a:hover{ color:#133009;}


.tsolution{  width:725px; height:auto; float:left; margin-top:30px; padding:0 20px;}
.tsolution_s1{ width:725px; height:auto; float:left; padding-bottom:15px; font-size:30px; font-family:"微软雅黑"; color:#237008;}

.page1{ width:100%; height:auto; float:left; margin-top:20px; border-top:1px dotted #ccc;}
.page1 table{ float:right; margin-top:10px;}
.page1 table td{ padding:0 10px;}

.znews{ width:720px; height:auto; float:left; margin-top:20px; padding-left:25px; padding-right:20px;}
.znews ul{ width:720px; height:auto; float:left;}
.znews ul .znews_li1{ width:720px; height:auto; float:left; border-bottom:1px dotted #b1b1b1; padding-bottom:12px; margin-bottom:10px;}
.znews ul .znews_li1 table{ width:720px; height:auto; float:left; }
.znews ul .znews_li1 table b a{ color:#040404;}
.znews ul .znews_li1 table b a:hover{ color:#004ea1;}
.znews ul .znews_li1 table span a{ color:#d00000; font-weight:bold;}
.znews ul .znews_li1 table span a:hover{ color:#004ea1;}
.znews ul .znews_li2{ width:706px; height:30px; float:left; background:url(../images/ico_04.jpg) left center no-repeat; padding-left:14px; line-height:30px; font-size:14px; color:#4a4a4a;}
.znews ul .znews_li2 a{ float:left; color:#4a4a4a;}
.znews ul .znews_li2 a:hover{ color:#004ea1;}
.znews ul .znews_li2 span{ float:right; font-family:Arial;}

.page2{ width:100%; height:auto; float:left; margin-top:10px; border-top:1px dotted #ccc; padding-top:10px;}
.page2 table{ margin:0 auto;}
.page2 table td{ padding:0 5px;}

.znewsinfo{ width:720px; height:auto; float:left; margin-top:20px; padding-left:25px; padding-right:20px;}
.znewsinfo_sub{ width:720px; height:30px; line-height:30px; text-align:center; padding:10px 0; font-family:"微软雅黑"; color:#004ea0;}
.znewsinfo_from{ width:720px; height:auto; float:left; text-align:center; border-bottom:1px dotted #ccc; padding-bottom:10px; padding-top:5px; color:#777;}
.znewsinfo_co{ width:710px; height:auto; float:left; padding:0 5px; line-height:24px; color:#777; font-size:14px; padding-top:10px; }
.znewsinfo_share{ width:720px; height:auto; float:left; text-align:right;}

.znewsinfo h1{ font-size:24px; font-weight:normal;}
.znewsinfo h2{}
.znewsinfo h3{}

.page3{ width:672px; height:40px; float:left; background:#ebebeb; margin-top:10px; padding:7px 10px 5px 10px;; line-height:20px; margin-left:10px; display:inline;}
.page3 a{ color:#000;}
.page3 a:hover{ color:#004ea1;}

.zcase{ width:765px; height:auto; float:left; padding-top:15px;}
ul.zcase_u{ width:750px; height:auto; margin:0 auto;}
ul.zcase_u li{ width:236px; height:206px; float:left; border:1px solid #d6d6d6; margin:5px 6px; display:inline;}
ul.zcase_u li img{ width:224px; height:172px; padding:6px 6px 0 6px;}
ul.zcase_u li span{ width:236px; height:auto; float:left; text-align:center; padding-top:5px;}
ul.zcase_u li span a{ color:#414141;}
ul.zcase_u li span a:hover{ color:#004ea1;}

.product{ width:765px; height:auto; float:left; padding-top:20px;}

.pro_d1{ width:735px; height:33px; float:left; padding:0 15px;}
.pro_d1_l{ width:7px; height:33px; float:left; background:url(../images/zy_32.jpg) no-repeat; overflow:hidden;}
.pro_d1_r{ width:7px; height:33px; float:left; background:url(../images/zy_34.jpg) no-repeat; overflow:hidden;}
.pro_d1_c{ width:721px; height:33px; float:left; background:url(../images/zy_33.jpg) repeat-x; }
.pro_d1_c span{ line-height:33px; float:left; padding-left:15px; font-size:18px; font-family:"微软雅黑"; color:#000;}

.pro_d2{ width:735px; height:auto; float:left; padding:0 15px; margin-top:10px; line-height:24px; color:#4c4c4c;}

.pro_d3{ width:765px; height:auto; float:left; margin-top:10px;}
.pro_d3 ul{ width:720px; height:auto; margin:0 auto;}
.pro_d3 ul li{ width:226px; height:299px; float:left; border:1px solid #dbdbdb; margin:6px 6px; display:inline;}
.pro_d3 ul li .pro_d3_img1
{
     width:226px; 
    display: table-cell;
    vertical-align:middle;
    text-align:center;/*设置水平居中*/
    *display: block;/* 针对IE的Hack */
    *font-size: 206px;/*约为高度的0.873，200*0.873 约为175*/
    *line-height:236px;
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    width:226px;
    height:236px;
 }

.pro_d3 ul li .pro_d3_img1 img{max-width:216px;max-height:224px;vertical-align:middle;}
.pro_d3 ul li .pro_d3_img2{ width:226px; height:2px; float:left; background:url(../images/zy_36.jpg) no-repeat;}
.pro_d3 ul li span{ width:193px; height:34px; float:left; background:url(../images/zy_37.jpg) left center no-repeat; padding-left:33px; line-height:34px;}
.pro_d3 ul li span a{ color:#4c4c4c;}
.pro_d3 ul li span a:hover{ color:#004ea1;}

.pro_t1{ width:655px; height:auto; float:left; padding:0 55px; color:#3c3c3c;}
.pro_t1_img{ width:270px; height:auto; border:1px solid #dbdbdb; vertical-align:middle}

.pro_t1 b a{ color:#4c4c4c;}
.pro_t1 b a:hover{ color:#004ea1;}

.cpinfo{ width:735px; height:auto; float:left; border:1px solid #e1e1e1; margin:0 15px; display:inline; margin-top:20px;}
.cpinfo_sub{ width:735px; height:34px; float:left; border-bottom:1px solid #e1e1e1; background:url(../images/zy_39.jpg) repeat-y;}
.cpinfo_sub b{ line-height:34px; font-size:14px; color:#fff; padding-left:14px;}
.cpinfo_co{ width:710px; height:auto; float:left; padding:10px 0; line-height:24px;}


.cpinfo_d1{ width:703px; height:auto; float:left; margin:0 16px; display:inline; padding-bottom:12px; border-bottom:1px dotted #ccc; margin-top:10px;}
.cpinfo_d1 table{ width:703px; height:auto;}
.cpinfo_img1{ width:205px; height:131px; float:left; background:url(../images/zy_40.jpg) no-repeat;}
.cpinfo_img1 span{ width:190px; height:24px; float:left; line-height:24px; padding-left:15px; color:#fff; }
.cpinfo_img1 span a{ color:#fff;}
.cpinfo_img1 span a:hover{}
.cpinfo_img1 img{ padding-left:1px; padding-top:1px;}

.cpinfo_img2{ width:262px; height:178px; float:left; background:url(../images/zy_42.jpg) no-repeat; overflow:hidden;}
.cpinfo_img2 img{ width:220px; height:147px; float:left; padding-left:21px; padding-top:17px;}

.cpinfo_d2{ width:704px; height:auto; float:left; margin:0 15px; display:inline; margin-top:20px; }


.zabout{ width:735px; height:auto; float:left; padding:0 15px; padding-top:15px; line-height:24px; font-size:13px; color:#4c4c4c;}

/*zr end*/

@media(max-width:1003px) {
.zbanner{ width:100%; height:; margin-left:0; height:auto}
.zbanner img{ display:block; width:100% !important; height:auto !important}
.zmain{ width:100%; padding:0 10px}
.zl{ float:none; width:auto}
.picnav,.zcontact{ display:none}
.znav{ float:none; width:auto}
.znav_sub{ float:none; width:auto; height:40px}
.znav_co{ float:none; width:auto}
.znav_co ul{ float:none; width:auto; overflow:hidden}
.znav_co ul .zli_01{ width:50%}
.znav_co.znav_co02 ul .zli_01{ width:100%}
.znav_co ul .zli_01 a{float:none; width:auto; background-color:#91c7e1 !important}
.znav_co.znav_co02 ul .zli_01 a{background-color:#004ea0 !important}
.znav_co.znav_co02 ul .zli_02{ padding-top:0; margin-bottom:10px}
.zr{ float:none; width:auto}
.path{ float:none; width:auto}
.path_l,.path_r{ display:none}
.path_c{ float:none; width:auto; background:none;border-radius:5px; border:1px solid #dcdcdc;background-image: -webkit-linear-gradient(top, #dbdbdb, #ffffff);}
.path_c p{ float:none}
.product{ float:none; width:auto; padding-top:10px}
.pro_d3{ float:none; width:auto; margin-top:0}
.pro_d3 ul{ overflow:hidden; width:auto}
.pro_d3 ul li{ width:31.33%; margin:0 1%; margin-bottom:10px; padding:5px; height:auto}
.pro_d3 ul li .pro_d3_img1{ width:100%; display:block; height:auto}
.pro_d3 ul li .pro_d3_img1 img{ width:100%; max-height:none; height:20vw}
.pro_d3 ul li .pro_d3_img2{ display:none}
.pro_d3 ul li span{ float:none; width:auto; overflow:hidden; display:block; text-align:center; padding-left:0; background:none; border-top:1px dotted #dcdcdc; margin-top:5px}
.pro_d2{ float:none; width:auto}
.pro_d1{ float:none; width:auto; text-align:center}
.pro_t1{ width:auto; float:none; padding:0; margin-bottom:10px}
.pro_t1 img{ max-width:100%}
.cpinfo{ float:none; width:auto; margin:0; display:block}
.cpinfo_sub{width:auto; float:none; background-color:#f5f5f5 !important }
.cpinfo_co{width:auto; float:none; margin:0 !important; padding:10px}
.cpinfo_co img{ max-width:100%}

.tsolution_s1{ width:auto; float:none}
.znav_co ul .zli_02{ width:100%}
.znav_co ul .zli_02 span{ width:50%; float:left; display:block; background:none; padding:0 5px}
.znav_co ul .zli_02 span a{ width:auto; padding-left:0px}
.zabout{ width:auto; float:none; padding:15px 0}
.zabout img{ max-width:100%}
.znews{ float:none; width:auto; padding:0; padding-top:20px; margin-top:0}
.znews ul .znews_li2 a{ display:block; width:75%; overflow:hidden; height:30px}
.znews ul{ float:none; width:auto}
.znews ul .znews_li2{float:none; width:auto}
.znewsinfo{ width:auto; float:none; padding-left:0; padding-right:0}
.znewsinfo_sub{ width:auto; float:none; height:auto; }
.znewsinfo_sub h1{font-size:20px}
.znewsinfo_from{width:auto; float:none}
.znewsinfo_co{width:auto; float:none}
.znewsinfo_share{width:auto; float:none}
.page3{width:auto; float:none; display:block; height:auto}
.page3 a{ display:block}
.znewsinfo_co img{ max-width:100%}
}
@media(max-width:640px) {
.pro_d3 ul{ margin-left:-1%; margin-right:-1%}
.pro_d3 ul li{ width:48%}
.pro_d3 ul li .pro_d3_img1 img{ height:30vw}
.path{ display:none}

.ke-zeroborder td{ display:block}
}

@media(max-width:500px) {
.login_input{ width:60vw}
.formtd{ width:60px}
}