/* CSS Document */
/*---------- import ---------*/
@import url("page.css");
@import url("layout.css");


@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;list-style:none}
img,a img{border:0px;vertical-align:bottom}
body{font:12px/0px  Arial, Helvetica, sans-serif;color:#333; background:#fff }
a:link{color:#737373;text-decoration:none}
a:visited{color:#737373;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
a:active{color:#737373;text-decoration:none}
span.more a,span.more a:visited{float:right;display:block;height:30px;padding-right:10px;margin-top:-33px;color:#333;line-height:30px;font-weight:bold;font-family:arial;font-size:12px}
span.more a:hover{color:#333}

.clear{clear:both;}
.left_bg{ height:10px; width:254px; overflow: hidden; }


.Amsg{width:1180px;margin:0 auto;overflow:hidden;}
.LMsg{float:left;width:225px;display:inline;}
.RMsg{float:right;width:760px;overflow:hidden; padding-bottom:10px;}
.RAMsg{float:right;width:760px;overflow:hidden;}
.LHsg{float:left;width:920px;overflow:hidden;}

.header{overflow:hidden; width:100%; height:166px; background:url(../images/topbg.png) repeat-x;position:fixed; z-index:99999; }
.top_tit{ float:left; width:1180px; height:39px; line-height:39px; font-size:14px; color:#737373;}
.top_tit .tel{ float:left; background:url(../images/telico.png) no-repeat left 12px; padding-left:20px; line-height:39px;}
.top_tit .mail{ float:left; margin-left:20px; background:url(../images/emailico.png) no-repeat left 12px; padding-left:25px; line-height:39px;}

.top_logo_nav{ float:left;width:1180px;}

.logo{float:left;width:250px;height:100px; margin-top:10px;overflow:hidden;}

.top_r_tel{float:right; width:240px; height:60px; margin-top:20px; overflow:hidden;}

.nav{float:right;height:47px;overflow:hidden; margin-top:40px;}
.nav ul{float:left;height:47px;display:inline; overflow:hidden;}
.nav li{float:left;height:47px;line-height:47px;text-align:center;overflow:hidden;font-size:16px; }
.nav li a,.nav li a:visited{float:left;line-height:47px;height:47px;color:#737373;font-weight: normal; padding:0 20px; text-align:center;}
.nav li a:hover{color:#4074c1;text-decoration:none;line-height:47px;height:47px; background: url(../images/navbg.png) no-repeat top center;  overflow:hidden; }
.nav .hover a{color:#4074c1;text-decoration:none;line-height:47px;height:47px; background: url(../images/navbg.png) no-repeat top center;  overflow:hidden;}
.nav .hover a:visited{color:#4074c1; }




/*slider*/
.fullSlide {width:100%;position:relative;height:500px; margin-top:160px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:30px;height:5px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}


/*banner*/

.banner{margin:0 auto;width:100%;position:relative;height:88px;overflow:hidden; background:#1d52a0; margin-top:160px;}



.search{overflow:hidden;float:right; font-size:12px; margin-top:8px;height:22px; margin-right:25px; line-height:20px; display:inline;overflow:hidden;width:150px; border:1px solid #e9e9e9;background:#fff;}
.search-keyword {float:left; width:127px; height:20px; color:#7d7d7d; line-height:20px;padding-left:5px; font-size:12px; border:none;}
.search-option {float:left;height:15px;margin-top:5px;}


#lx{margin:0 auto;width:1002px;overflow:hidden; height:500px;margin-top:25px; }
.lx_menu {float:left;width:1002px;}
.lx_menu ol{float:left; text-align:center;width:1002px;height:39px; line-height:39px; font-size:24px; color:#106cc8;}
.lx_menu ol span{ padding-left:10px; font-size:14px; color:#949494; font-family:Arial;}
.lx_menu ul{ float:left;width:1022px; float:left; margin-top:20px;}
.lx_menu li{float:left;display:block;cursor:pointer; margin-right:15px;width:240px;text-align:center;color:#fff; font-size:24px;height:98px;line-height:90px;background: url(../images/pro_tit_bg.png) no-repeat; font-weight:normal;}
.lx_menu li.hover{padding:0px;background: url(../images/pro_tit_bg_1.png) no-repeat;width:240px; color:#fff;}
.www_zzjs_net_3{clear:both;margin-top:0px;line-height:25px; border-top:none;border-bottom:none;text-align:left;}
.www_zzjs_net_3 li span.time{float:right;margin-right:10px;}
.home_pro{ margin:0 auto; width:1000px; overflow:hidden;}
.home_pro ol{float:left;width:1020px;overflow:hidden; margin-top:20px; }
.home_pro ol li{float:left;width:240px; height:220px;overflow:hidden; margin-right:14px; }
.home_pro ol li img{float:left;width:240px;height:180px;}
.home_pro ol li img:hover{float:left;width:240px;height:180px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}
.home_pro ol li h2{float:left;width:240px;font-weight: normal;font-size:12px; text-align:center;line-height:35px;}


.servicebg{ float:left; width:100%; height:330px; overflow:hidden; background:#4074c1;}
.service{ margin:0 auto;width:1180px; overflow:hidden; }
.service ol{float:left; width:1180px; margin-top:50px; color:#fff; font-size:30px; text-align:center; line-height:54px; background: url(../images/service_tit_bg.png) no-repeat  center center}
.service ul{float:left;width:1200px; margin-top:40px;  }
.service ul li{float:left; width:250px; height:200px; line-height:55px; text-align:center; color:#fff; font-size:16px; margin-left:30px;}
.service ul li img{float:left; width:94px; height:94px; margin:0 78px;}
.service ul li a:hover img{float:left; width:94px; height:94px; margin:0 78px; background:url(../images/service_bg.png) no-repeat;}
.service ul li a{float:left; width:250px; height:200px; color:#fff; }
.service ul li a:hover{ color:#fff;-webkit-transition: all ease .5s;transition: all ease .5s;}




.home_product{ margin:0 auto;width:1180px; overflow:hidden; height:940px;}
.home_product ol{float:left; width:1180px; margin-top:50px; color:#404040; font-size:30px; text-align:center; line-height:54px; background: url(../images/pro_tit_bg.jpg) no-repeat  center center}
.m2yw_tab {height: 38px; margin-top:15px; width:505px; float:left; margin-left:435px; font-size:14px; }
.m2yw_tab ul li { cursor: pointer; float: left; height:38px; line-height: 38px; margin-right:12px; text-align: center; width:150px;color:#737373; background:#f5f5f5;}
.m2yw_tab ul .m2yw_cutli {color: #fff; font-weight: normal; background:#4074c1; }
.m2yw_pic { float:left; margin-top: 30px; width:1180px;height:720px; overflow:hidden; }
.m2yw_btnl {cursor: pointer; float: left; margin-right:30px; padding-top:150px; width:28px; }
.m2yw_btnr { cursor: pointer; float: left; padding-top:150px; margin-left:20px; }
.m2yw_piclist {float: left; height:720px; overflow: hidden; position: relative; width:1180px; margin-top:10px;}
.m2yw_posul {left: 0; position: absolute; top: 0;width:1220px; height:720px; }
.m2yw_piclist ul li{float: left; margin-right:33px; text-align: center; width:270px; font-size:14px;line-height:35px; margin-bottom:30px;}
.m2yw_piclist ul li img{display: block;height:270px; width: 270px; }
.m2yw_piclist ul li p{ float:left; width: 270px;height:60px; line-height:60px; margin-top:5px;width: 270px; background:#f5f5f5; overflow:hidden; }
.m2yw_piclist ul li a:hover p{overflow:hidden;height:60px; line-height:60px; margin-top:5px;width: 270px; background:#4074c1; color:#fff;}





.about{width:100%;height:540px; background:url(../images/aboutbg.jpg) no-repeat top center; }
.about .con{width:1200px; margin:0 auto; overflow:hidden;}
.about .con ol{ margin-left:530px;float:left; width:610px;height:39px; margin-top:120px; line-height:39px; font-size:30px; color:#4074c1;}
.about .con ul{margin-left:530px;float:left; width:610px; font-size:14px;margin-top:45px;overflow:hidden;line-height:26px;}
.about .con ul span{ float:left;text-transform:uppercase; border:1px solid #dfdfdf; line-height:35px; padding:0 20px; margin-top:25px;}



.buysome{width:100%;height:480px; background:url(../images/buysomebg.jpg) no-repeat top center; }
.buysome .con{width:820px; margin:0 auto; overflow:hidden; }
.buysome .con h2{ float:left;width:820px; line-height:35px;text-transform:uppercase; color:#fff; font-size:18px; text-align:center; margin-top:70px;  }
.buysome .con h3{float:left;width:820px; line-height:35px;text-transform:uppercase; color:#fff; font-size:24px; text-align:center; margin-top:30px;  }

/*rollBox*/

.rollBox{width:780px;overflow:hidden;padding:15px 0 5px 0; float:left; margin-left:30px; margin-top:20px;}
.rollBox .LeftBotton{height:52px;width:156px;background:url(../images/left.png) no-repeat left;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:156px;background:url(../images/right.png) no-repeat right;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:450px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:450px;float:left;text-align:center; font-size:12px; }
.rollBox .Cont .pic img{widht:100px; height:100px; margin-left:175px;display:block; padding-top:2px; padding-left:2px;}
.rollBox .Cont .pic p{line-height:25px; margin-top:25px; height:60px;width:450px;color:#ccc; font-size:14px; text-align:center;text-transform:uppercase;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}




.news{ margin:0 auto;width:1180px; overflow:hidden; }
.news ol{float:left; width:1180px; margin-top:50px; color:#404040; font-size:30px; text-align:center; line-height:54px; background: url(../images/pro_tit_bg.jpg) no-repeat  center center}
.news ul{ float:left;width:1220px; overflow:hidden; }
.news dl{float:left;width:360px; height:430px; overflow:hidden; margin-top:30px; margin-right:45px;}
.news dl img{float:left;width:360px; height:160px;}
.news dl span{float:left;width:360px; line-height:60px; margin-top:15px; color:#737373; font-size:24px;}
.news dl dt{float:left; width:360px; line-height:26px; height:50px; color:#404040; border-top:1px solid #eee; padding-top:15px;  font-size:16px; overflow:hidden;}
.news dl dd{float:left;width:360px;  max-height:110px; padding-top:15px; line-height:22px; color:#737373; font-size:14px; overflow:hidden;}
.news a:hover dl dt{float:left; width:360px; line-height:26px; height:50px; color:#4074c1; border-top:1px solid #4074c1; padding-top:15px;  font-size:16px; overflow:hidden;}





.nTab {width:1002px; margin:0 auto;  margin-top:25px; height:340px; overflow:hidden;}
.nTab .TabTitle {float:left;width:200px; overflow:hidden; }
.nTab .TabTitle ul {float:left;width:200px; overflow:hidden; }
.nTab .TabTitle li {float: left;cursor:pointer; width:200px; margin-top:1px;text-align:center; background: url(../images/nTab_bg.png) no-repeat; height:111px; }
.nTab .TabTitle .active {width:200px; background: url(../images/nTab_bg_1.png) no-repeat; height:111px; color:#fff;}
.nTab .TabTitle .normal {}
.nTab .TabContent {float:rgiht;width:790px;overflow:hidden;}

.ntab_pro{float:left; width:790px; overflow:hidden;}
.ntab_pro ol{float:left;width:810px;overflow:hidden; }
.ntab_pro ol li{float:left;width:250px; height:158px;overflow:hidden; margin-left:13px; margin-bottom:20px; }
.ntab_pro ol li img{float:left;width:250px;height:158px;position:relative;z-index:0;}
.ntab_pro ol li img:hover{float:left;width:250px;height:158px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}
.ntab_pro ol li a p{float:left;width:250px;height:158px; position:absolute;font-size:16px; color:#fff;z-index:100;line-height:158px;text-align:center; display:none; }
.ntab_pro ol li a:hover p{float:left;width:250px;height:158px;position:absolute; font-size:16px; color:#fff;z-index:100;line-height:158px;background:rgba(0,0,0,0.5); text-align:center; display:block; }



.cooperation{width:100%;height:400px; margin-top:30px; background:#e2e2e2;}
.cooperation .con{width:1002px; margin:0 auto; overflow:hidden;}
.cooperation .con ol{float:left; text-align:center;width:1200px;height:39px; margin-top:30px; line-height:39px; font-size:24px; color:#b48023;}
.cooperation .con ol span{ padding-left:10px; font-size:14px; color:#949494; font-family:Arial;}
.cooperation .con ul{float:left;width:1030px;overflow:hidden; }
.cooperation .con ul li{float:left;width:178px; height:108px;overflow:hidden; margin-top:30px; margin-right:28px; }
.cooperation .con ul li img{float:left;width:178px;height:108px;}
.cooperation .con ul li img:hover{float:left;width:178px;height:108px;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(Opacity=90);}









.contact{width:310px;  float:right;  overflow:hidden; margin-top:20px;}
.contact ol{width:310px; height:40px; border-bottom:1px solid #c4c4c4;}
.contact ol .text{float:left;line-height:40px;}
.contact ol .text h2{float:left;line-height:40px;font-size:18px;font-weight: normal; color:#b48023; padding-right:5px;}
.contact ol .text span{color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contact ol .more a{ float:right;color:#999;line-height:30px; margin-top:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.contact ul{float:left;width:310px; overflow:hidden; margin-top:15px; line-height:30px;}



.categories{width:225px; float:left;margin-top:20px; }
.categories ul{width:225px; float:left; height:60px; overflow:hidden; background:#106cc8;}
.categories ul .text{float:left;width:200px;line-height:60px;font-size:24px; padding-left:25px; font-weight: normal; color:#fff;}
.categories ol{width:223px; float:left; overflow:hidden; border:1px solid #e9e9e9; border-top:none; padding-bottom:10px;}
.categories ol li{width:223px; float:left; height:40px;line-height:40px;font-size:14px;font-weight:normal; border-bottom:1px dashed #c0c0c0; }
.categories ol li a{width:200px;float:left;color:#333;line-height:40px; padding-left:23px;background: url(../images/left_bg_r.png) no-repeat 200px 14px;}
.categories ol li a:hover{width:200px; float:left;color:#ea0000;line-height:40px;background: url(../images/left_bg_r_1.png) no-repeat 200px 14px;}
.categories .thisclass{width:200px; float:left;color:#ea0000;line-height:40px;background: url(../images/left_bg_r_1.png) no-repeat 200px 14px;}
.categories_con{width:200px; float:left; overflow:hidden; line-height:25px; margin:10px 0 5px 0;background:#fff; }


.left_contact{width:223px; float:left;margin-top:20px; border:1px solid #e9e9e9; margin-bottom:20px; }
.left_contact ul{width:223px; float:left; height:110px; overflow:hidden; background:#0071c1;}
.left_contact ol{width:203px; float:left; overflow:hidden; color:#666; line-height:27px; background:#f3f3f3; padding:10px;}
.left_contact ol h2{width:203px; float:left; overflow:hidden; color:#333; font-size:14px; line-height:30px;}








.honor{width:914px; height:326px;margin:0 auto;position:relative; margin-top:-15px; background:url(../images/honor_bg.jpg) no-repeat;}
.honor ol{width:914px; text-align:center; font-size:24px; color:#0059ab; padding-top:20px; line-height:30px; }
.honor ul{float:left;width:914px; margin-top:20px; margin-left:4px;}
.honor ul li{float:left;width:156px; height:247px;overflow:hidden; margin-left:20px; background:url(../images/honor_pro_bg.jpg) no-repeat}
.honor ul li img{float:left;width:144px;height:207px; padding:5px;}
.honor ul li a img{float:left;width:144px;height:207px;overflow: hidden; }
.honor ul li a img:hover{float:left;width:144px;height:207px;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80); }
.honor ul li h2{ float:left;height:35px; margin-top:5px; overflow:hidden;font-weight: normal;font-family:"Microsoft YaHei"; text-align: center; font-size:12px;line-height:32px;width:156px;color:#5e5e5e;}




.new_box{width:914px;margin:0 auto; margin-top:30px;}


.faq{ float:left;width:300px; overflow: hidden;}
.faq ol{ float:left;width:300px; line-height:35px; border-bottom:1px solid #cccccc;}
.faq ol .text{float:left; line-height:35px; font-size:18px;color:#0059ab;font-weight:700; }
.faq ol .text span{line-height:35px; font-size:13px;color:#b2b2b2;font-weight: normal; font-family:Arial;}
.faq ol .more a{float:right;line-height:35px; color:#555; }
.faq ul{ float:left;width:300px; overflow:hidden;}
.faq ul dl{ float:left;width:300px; height:60px; overflow:hidden; margin-top:5px; border-bottom:1px dotted #ccc;}
.faq ul dl dt{ float:left;width:280px; padding-left:20px; height:30px;line-height:30px; color:#333; font-size:14px; font-weight: normal; overflow:hidden; background:url(../images/w.jpg) no-repeat left 8px}
.faq ul dl dd{ float:left;width:280px;padding-left:20px;line-height:30px; overflow:hidden;  color:#666;font-size:12px; background:url(../images/d.jpg) no-repeat left 7px }








.serverbg{width:100%; float:left; height:380px; margin-top:15px; background:#00a8ef;}
.server{width:1002px; margin:0 auto; overflow:hidden;}
.server h2{width:1002px;line-height:44px; padding-top:10px; text-align:center; font-size:24px;color:#fff;font-weight: normal; }
.server h3{width:1002px;line-height:60px;text-align:center; font-size:58px;color:#53baf5;font-weight: 700; font-family: "Times New Roman", Times, serif }
.server .more{width:1002px; height:18px;text-align:center; margin-top:10px; }
.server ul{width:1002px; float:left;overflow:hidden; margin-top:30px;}
.server ul li{width:220px; height:185px; float:left;overflow:hidden; padding-left:24px; font-size:16px;}
.server ul li img{width:220px; height:146px; float:left;}
.server ul li p{width:220px; height:30px; line-height:30px; text-align:center;}

.process{width:1002px; margin:0 auto; overflow:hidden;}
.process h2{width:1002px;line-height:44px; padding-top:20px; text-align:center; font-size:24px;color:#5b85e5;font-weight: normal; }
.process h3{width:1002px;line-height:30px;text-align:center; font-size:14px;color:#666;font-weight: normal; background:url(../images/gaohong_33.jpg) no-repeat center }
.process ul{width:1002px; float:left; height:180px;overflow:hidden; background:url(../images/gaohong_33-38.jpg) no-repeat center}



.committed{float:left;width:100%; height:647px; background: url(../images/gaohong_41.jpg) no-repeat center;}





/*customer*/


.customer{padding:20px;margin:0 auto; margin-top:20px; background:#fff; width:961px; overflow: hidden;}
.customer ol{ float:left;width:961px; line-height:35px; border-bottom:1px solid #cccccc;}
.customer ol .text{float:left; line-height:35px; font-size:16px;color:#00a8ef;font-weight:700; }
.customer ol .text span{line-height:35px; font-size:14px;color:#00a8ef;font-weight: normal; font-family:Arial;}
.customer ol .more a{float:right; line-height:35px; color:#00a8ef; padding-right:10px;}
.customer ul{ float:left;width:981px; overflow:hidden}
.customer ul li{ float:left;width:460px; height:146px; overflow:hidden; margin-top:25px; margin-right:30px;}
.customer ul li img{ float:left;width:174px; height:136px; padding:4px; border:1px solid #CCC; margin-right:15px; overflow:hidden;}
.customer ul li h2{width:245px; height:36px; overflow:hidden; line-height:36px; color:#161616; font-size:14px;}
.customer ul li p{width:245px; height:100px; margin-top:5px; overflow:hidden; line-height:25px; color:#666; font-size:12px;}
.customer ul li img:hover{border:1px solid #f00; }
.customer ul li h2:hover{ color:#f00; }
.customer ul li p:hover{ color:#f00; }


.video{padding:20px; float:right; margin-top:20px; background:#fff; width:330px; overflow: hidden;}
.video ol{ float:left;width:330px; line-height:35px; border-bottom:1px solid #cccccc;}
.video ol .text{float:left; line-height:35px; font-size:16px;color:#00a8ef;font-weight:700; }
.video ol .text span{line-height:35px; font-size:14px;color:#00a8ef;font-weight: normal; font-family:Arial;}
.video ol .more a{float:right;line-height:35px; color:#00a8ef; padding-right:10px;}
.video ul{ float:left;width:330px; overflow:hidden; padding:32px 0 40px 10px;}



.site{width:1180px;margin:0 auto; overflow:hidden;margin-top:40px;height:41px;font-size:14px;}
.site_type{ float:left; line-height:41px; font-size:30px; color:#fff; font-weight:normal;}
.site_link{ float:right; line-height:41px; margin-top:5px; font-size:14px; color:#fff; font-family:Arial;font-weight: normal;}
.site_link a{ color:#fff; }
.site_link a:hover{color:#ff0000; text-decoration:none; }

.aboutcontact{ float:left;width:1180px;padding:60px 0;font-size:16px; line-height:35px;}


.newlist{ float:left; width:1180px;overflow:hidden;padding:40px 0;}
.newlist ol{ float:left;width:1180px;overflow:hidden; }
.newlist ol li{float:left;width:1180px; padding:20px 0;overflow:hidden;border-bottom:1px dotted #CCCCCC}
.newlist ol li img{float:left;width:360px; height:160px; border:1px dotted #e8e8e8;border-radius:2px; }
.newlist ol li p{float:left;width:770px; margin-left:40px; height:60px;line-height:32px;font-size:20px; color:#f56e00; font-weight: normal;text-transform: uppercase}
.newlist ol li span{float:left;width:770px; margin-left:40px; margin-top:10px; line-height:25px; font-size:14px; color:#747474; font-weight: normal; }




#product { float:left;width: 1180px;}
#product .product {width: 1180px;margin: 0 auto;}
#product .product .pronav {text-align: center;padding-top: 30px;}
#product .product .pronav li{padding:0 15px;height:28px;margin: 0 7px;cursor: pointer;color: #4074c1;line-height: 26px;display: inline-block;border: 1px solid #4074c1; font-size:16px;}
#product .product .pronav li:hover {color: white;background: #4074c1;transition: all 0.5s ease 0s;}
#product .product .pronav .click {color: white;background: #4074c1;transition: all 0.5s ease 0s;}
#product .product .all { margin-top: 30px; width: 1220px;overflow: hidden;}
#product .product .all .list {float: left;width: 270px; height:320px;display: block; margin-right:32px;}
#product .product .all .list .img {width: 270px; height: 270px;position: relative;overflow: hidden; border: 1px solid #E6E6E6;}
#product .product .all .list .img img {top: 0;left: 0; width: 270px; height: 270px; display: block;position: absolute; transition: all 0.5s ease 0s;}
#product .product .all .list .img .label {top: 20px;right: 15px;width:38px; height:38px;color: white;font-size: 14px;line-height: 38px; border-radius: 50%;text-align: center;position: absolute;}
#product .product .all .list .title { margin-top:5px;color: #333333;line-height:30px;text-align: center;text-transform: uppercase}
#product .product .all .list .price { color: #B97549;line-height:33px; text-align: center;}
#product .product .all .list .txt {color: #737373;text-align: center;}
#product .product .all .list:hover .img img { top: -5px;left: -5px;width: 280px; height:280px;transition: all 0.5s ease 0s;}
#product .product .all .list:hover .title {color: #4074c1;}













.allnews{float:left;width:1180px ;overflow:hidden; margin:50px 0;}

.newstit{margin-top:10px;text-align:center;width:1180px;font-size:26px; line-height:45px;font-weight:500;color:#555; padding-bottom:15px;border-bottom:1px solid #F2F2F2;text-transform: uppercase}
.news_stit{text-align:center;width:1180px;height:45px;line-height:45px;font-size:14px;color:#333;  }
.news_content{float:left;width:1180px; font-size:14px;overflow:hidden; margin-top:20px; line-height:26px;}
.news_content p{padding:0px;}
.return{margin:0 auto;width:82px;height:25px;}




.SubContent{float:right;width:760px;overflow:hidden; line-height:28px; padding-top:15px; }






.prolist{float:right;width:760px;overflow:hidden;margin-top:10px;}
.prolist ul{float:left;width:790px;overflow:hidden; }
.prolist ul li{float:left;width:240px; height:220px;overflow:hidden; margin-right:20px;}
.prolist ul li img{float:left;width:240px;height:180px; }
.prolist ul li a img{float:left;width:240px;height:180px;overflow: hidden; }
.prolist ul li a img:hover{float:left;width:240px;height:180px;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80); }
.prolist ul li h2{ float:left;height:35px; margin-top:5px; overflow:hidden;font-weight: normal;text-align: center; font-size:12px;line-height:32px;width:240px;color:#5e5e5e;}


.prolist1{float:right;width:760px;overflow:hidden;margin-top:10px;}
.prolist1 ul{float:left;width:780px;overflow:hidden; }
.prolist1 ul li{float:left;width:240px; height:200px;overflow:hidden; margin-right:20px;}
.prolist1 ul li img{float:left;width:240px;height:152px; }
.prolist1 ul li a img{float:left;width:240px;height:152px;overflow: hidden; }
.prolist1 ul li a img:hover{float:left;width:240px;height:152px;opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(Opacity=80); }
.prolist1 ul li h2{ float:left;height:35px; margin-top:5px; overflow:hidden;font-weight: normal;text-align: center; font-size:12px;line-height:32px;width:240px;color:#5e5e5e;}


.v8 {margin-bottom: 10px; overflow: hidden; width: 867px;}
.v8 .inbody {padding-right: 5px; padding-left: 5px; padding-bottom: 5px;  padding-top:5px; float:left; display: block; overflow:hidden}
.v8 .focus {padding-right: 5px; display: block; padding-left: 5px; padding-bottom: 0px; overflow: hidden; cursor: pointer; margin-top:10px; height:84px; text-decoration: none;border-bottom:1px dotted #cccccc}
.v8 .focus img {border-right: #ccc 1px solid; padding-right: 1px; border-top: #ccc 1px solid; display: inline; padding-left: 1px; float: left; padding-bottom: 1px; border-left: #ccc 1px solid; width: 120px; margin-right: 10px; padding-top: 1px; border-bottom: #ccc 1px solid; height: 90px}
.v8 .focus strong {display: block; font-weight:blod; font-size: 14px; overflow: hidden; color: #333;font-family:"microsoft yahei"; line-height: 27px; height: 27px}
.v8 .focus span {display: block; overflow: hidden;  line-height:18px; height:54px}
.v8 ul {padding-right: 5px; border-top: #e2e2e2 1px solid; margin-top: 10px; padding-left: 5px; padding-bottom: 0px; padding-top: 5px}
.v8 li {overflow: hidden; line-height: 26px; font-family: arial; height: 26px; font-family:"microsoft yahei"}
.v8 li span {display: inline; float: right; margin-left: 5px; color: #666}
.v8 li .cat {border-right: #959595 1px solid; padding-right: 8px; font-weight: normal; margin-right: 8px}
.v8 li .cat a {color: #4a8109; }
.v8 li .arc {color: #4d4d4d}
.v8 .inbody a:hover {text-decoration: none; }
.v8 li a:hover {color: #e23f13; }
.v8 .focus:hover strong {color: #e23f13; }
.v8 .arrow a{ font-weight:normal; padding-left:5px; font-size:12px;}

.rq{float:left; width:71px; height:65px; margin-right:12px; text-align:center;background:url(../images/ns_03.jpg) no-repeat left top;}
.rq h4{ font-size:30px;font-weight:bold;font-family:"΢���ź�";line-height:43px;color:#ff4400}









.Sallpro{float:left;width:730px;overflow:hidden}
.proli{float:left;width:330px;height:105px;margin-bottom:20px;display:inline;}
.proimg{float:left;width:123px;height:105px;}
.proimg img{float:left;width:113px;height:75px;}
.proimg span.imgname{float:left;width:113px;display:block;line-height:25px; text-align:center}
.projianjie{float:left;width:207px;height:105px;color:#005063}
.projianjie li{float:left;width:207px;line-height:20px;}








/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:400px;height:300px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:402px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:370px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:74px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:67px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.previe12{float:left; width:410px; overflow:hidden;}
.previe34{float:right; width:330px; margin-top:10px; line-height:30px; font-size:14px; overflow:hidden;}
.previe34 h2{float:left;width:330px; font-size:14px; color:#233891; font-weight:bold;}
.previe45{float:right; width:330px; margin-top:20px; line-height:30px; font-size:14px; overflow:hidden; background:#f5f5f5; padding:5px;border-radius:5px;}

.previe56{float:left; padding:5px; margin-top:10px; width:740px; overflow:hidden; border-top:1px solid #CCCCCC;}




.goods{ float: left; width: 720px; overflow:hidden; }
.goods-left { float: left; width: 430px; }
.goods-right { float: right; width: 270px; margin-top:15px; }
.goods-right li del { color: #666; }
.goods-spce-ul li {padding: 5px;line-height:25px;}
.goods-spce-ul li strong {font-size: 16px;font-weight: 700;}




.link{ float:left;width:100%;overflow:hidden; margin-top:25px; min-height:45px; background:#0071c1;}
.link ul{ margin:0 auto;width:1002px;line-height:30px; margin-top:8px; }
.link ul li{ float:left;line-height:30px;color:#fff; font-size:14px; }
.link ul li a{ float:left; padding-right:15px; color:#fff; font-size:12px;}
.link ul li a:hover{color:#ff0000}


.footer_about{ float:left; width:500px;overflow:hidden; margin-top:20px; padding-bottom:10px;}
.footer_about ol{ float:left; width:500px;line-height:35px; font-size:24px; font-weight: normal; color:#fff; overflow:hidden;}
.footer_about ul{ float:left; width:500px;overflow:hidden;font-size:14px; line-height:30px;font-weight:normal; margin-top:10px;}
.footer_about ul li{float:left;width:450px;line-height:35px; height:35px; overflow:hidden; color:#fff; padding-left:35px; }
.footer_about .add{background:url(../images/footidc.png) no-repeat 0 0;}
.footer_about .tel{background:url(../images/footidc.png) no-repeat 0 -34px;}
.footer_about .fax{background:url(../images/footidc.png) no-repeat 0 -74px;}
.footer_about .email{background:url(../images/footidc.png) no-repeat 0 -107px;}


.footer_nav{ float:left; width:320px;overflow:hidden; margin-top:20px; margin-left:70px;}
.footer_nav ol{ float:left; width:320px;line-height:35px; font-size:24px; font-weight: normal; color:#fff; overflow:hidden;}
.footer_nav ul{float:left; width:320px;overflow:hidden;font-size:14px; line-height:30px;font-weight:normal; margin-top:10px;}
.footer_nav ul li{float:left;width:110px;line-height:38px; height:38px; overflow:hidden; border-bottom:1px solid #4771b0; margin-right:45px;}
.footer_nav ul li a{color:#ccc;}
.footer_nav ul li a:hvoer{color:#ff0000; }

.footer_logo{ float:right; width:252px; margin-top:60px;}


.footerbg{float:left;width:100%; padding:15px 0; background:#1d52a0; margin-top:25px; }
.footer{margin:0 auto;width:100%; text-align:center; border-top:1px solid #4a75b3; line-height:25px; padding:12px 0; color:#fff; font-size:14px; background:#1d52a0; overflow:hidden;}