@charset "utf-8";

/* CSS Document */

*{margin:0 auto; padding:0; border:none; text-decoration:none;}

ul{ margin:0;}

li{ list-style:none;}

.head{ background:url(../imag2es/n/tbg.jpg) no-repeat center top; height:140px;}

.w{ width:1100px;}

.logo{ width:150px; margin:10px 0 0;}

.headr{ width:950px;}

.top{ margin-top:12px;}

.topbanner{ margin:3px 0 0 10px;}

.tel{ margin:15px 0 0 108px;}

.code2{ margin-top:5px;}

.menu{ width:950px; margin-top:5px; position:relative;}

.menu .menuli{ width:118px; float:left; text-align:center; font-family:微软雅黑; font-size:16px; margin:0;display:inline;line-height:35px; position:relative;}

.menu .menuli a{ color:#000; display:block;}

.menu .menuli:hover a{color:#fff;}

.menu ul .on,.menu .menuli:hover{width:118px;height:35px;background:#e36b06; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;}

.menu ul .on a{ color:#fff;}

.menu .submenu li,.menu .menuli:hover ul li{ width:120px; border-top:1px solid #fff; margin:auto 0;z-index:2000; position:relative;}

.menu .submenu{ display:none; position:absolute; left:0; top:36px;z-index:2000;width:120px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0;border-top-left-radius:0px;border-top-right-radius: 0;}



.menu .submenu li:hover{ background:#f4760c;}

.menu .submenu li a{ color:#fff; font-size:12px;}

.ipadmenu{ display:none;}





/* banner切换 */

#full-screen-slider { height:413px;position:relative}

#slides { display:block; height:413px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:50%; top:380px; z-index:100;  padding:5px 15px 5px 0; margin:0}

#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}



.ipadbanner{ display:none;}

#full-screen-slider2{ height:413px;position:relative}

#slides2 { display:block; height:413px; list-style:none; padding:0; margin:0; position:relative}

#slides2 li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

#slides2 li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination2 { display:block; list-style:none; position:absolute; left:50%; top:380px; z-index:100;  padding:5px 15px 5px 0; margin:0}

#pagination2 li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }

#pagination2 li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}

#pagination2 li.current { background:#0092CE}









.about .pic{ background:url(../images/n/abg.jpg) no-repeat left top; width:460px; height:290px; padding:10px 0 0 9px;}

.about .text{ overflow:auto;}

.about .text h2{ margin-top:15px;}

.box h2{color:#df3c0b; line-height:40px; font-size:14px;font-family:微软雅黑;}

.box h2 span{ color:#000; margin:0 5px; font-size:16px; }

.box h2 span a{color:#000;}

.box .con{ line-height:30px; font-size:14px;}



.news{ width:610px;}



/* 默认幻灯片 */

.FocusPic{zoom:1;position:relative; overflow:hidden}

.FocusPic .content{overflow:hidden}

.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}

.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:434px;height:30px;line-height:30px;overflow:hidden}

.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}

.FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;}

.FocusPic .change{bottom:4px;height:20px;right:13px;*right:15px;_right:14px;position:absolute;text-align:right;z-index:200;}

.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}

.FocusPic .change i.cur {background:#FF7700;}



.news .con .pic{ background:url(../images/n/nbg.jpg) no-repeat left 5px; padding:13px 0 0 9px; width:240px; height:190px;}

.news .con ul{ float:right; width:350px;}

.news .con ul li{ background:url(../images/n/ico.jpg) no-repeat left center; padding-left:15px; border-bottom:1px dashed #ccc; font-size:12px;}

.news .con ul li a{ color:#000;}

.news .con ul li span{ float:right;}

.case{ width:470px;}

.case .con{ background:#efefef;overflow:auto;zoom:1; margin-top:5px;_padding-bottom:10px;}

.case .con ul{}

.case .con ul li{ float:left; margin:10px 0 10px 13px;width:215px;display:inline;}

.case .con ul li img{ display:block;}

.case .con ul .hidden{ display:none !important;}



.cate{ background:#d4d9e5; border:1px dashed #ccc; line-height:50px; overflow:auto;zoom:1;}

.cate a{ width:130px; text-align:center; margin-left:20px; float:left; color:#000;}

.cate .on{ background:#fd625d;color:#fff;}





.product .l,.product .r{width:40px; margin-top:80px;}

.product .l{float:left;}

.product .r{float:right;}

.product .m{ width:1000px; float:left; margin:0 10px;_padding-bottom:15px;}

.product .m ul li{ width:250px; float:left; text-align:center; margin:15px 0px;display:inline;}

.product .m ul li img{ border:1px solid #ccc; padding:1px; display:block;}

.product .m ul li p{ line-height:25px; font-size:12px; color:#000;}



/*.product .pro{ width:1100px; }*/

.product .pro .m{ overflow:hidden;height:250px;}

.product .pro .m ul{ display:block;}









.left{ width:210px; background:#f4f4f4;}

.category h2{ font-family:微软雅黑; background:#c6c6c6; color:#fff; text-align:center; line-height:35px; font-size:16px;}

.category ul li{ background:url(../images/n/ge.jpg) no-repeat center bottom; padding:5px 0 7px; line-height:30px; text-align:center;}

.category ul li a{color:#666666; font-size:12px; background:url(../images/n/ico2.jpg) no-repeat right center; margin:0 30px 0 20px;display:block;}

.contact{ line-height:35px;color:#666666;}

.contact dt{ font-size:12px; padding-left:30px; margin-left:30px;}

.contact dd{ font-size:16px; text-align:center;}

#tel{ background:url(../images/n/telimg.jpg) no-repeat left center;}

#mail{ background:url(../images/n/mailimg.jpg) no-repeat left center;}



.right{ width:860px;}

.right .catename{ border-bottom:2px solid #f6851f; font-size:12px; line-height:30px; color:#333;}

.right .catename h2{ font-weight:normal; font-size:16px;}

.right .catename .position{ float:right;}

.right .catename .position a{color:#000;}

.right .content{ line-height:200%; margin:15px 0px; font-size:14px;}



.list{margin:5px;}

.list ul li{ line-height:35px; border-bottom:1px dashed #ccc; font-size:14px;}

.list ul li span{ float:right;}

.list ul li a{ color:#333;}



.piclist{ margin:5px;}

.piclist ul li { float:left; margin:20px 16px 0; width:250px; text-align:center;}

.piclist ul li img{ border:1px solid #ccc; width:248px; height:200;}

.piclist ul li a p{ color:#333; line-height:30px; font-size:12px;}



.caselist{ margin:5px;}

.caselist ul li { float:left; margin:20px 10px 0; width:30%; text-align:center; display:inline;}

.caselist ul li img{ width:100%; height:200px;}

.caselist ul li a p{ color:#333; line-height:30px; font-size:12px;}



.product .con{height:250px;}



.gbook th{ font-weight:normal; width:30%;}

.gbook tr{ line-height:50px;}

.gbook td{ width:70%;}

.gbook input,.gbook select,.gbook textarea{ border:1px solid #ccc; line-height:30px;}

#code{ float:left; margin-right:10px;}



.page{ width:100%; float:left;text-align:center;line-height:35px; margin-top:10px;}

.page a,.page span{ margin:0 5px; border:1px solid #ccc; padding:5px 10px; color:#333; font-size:12px; }

.page span,.page a:hover{ background:#F93; border:1px solid #f93; color:#fff;}



.title{ text-align:center; font-size:16px; line-height:40px;}

.info{ text-align:center; font-size:12px; font-weight:normal; color:#666;}

.content .pic{ text-align:center;}

.content img{max-width: 90%; width: auto!important; width: 90%;}





.foot{ background:#ededed; font-size:12px; color:#666; padding:20px 0 0;}

.copy{text-align:center; background:url(../images/n/code.jpg) no-repeat right center; line-height:30px;}





.fl{ float:left;}

.fr{ float:right;}

.clear{ clear:both;}

.m10{ margin:10px auto;}

.bg{ background:url(../images/n/bg1.jpg) repeat left center; overflow:auto;zoom:1; width:100%;}

.yahei{font-family:微软雅黑;}

.hidden{ display:none;}

.bnone{ border:none !important;}





@media screen and (max-width: 1200px) and (min-width: 1050px){

.w{ width:1000px;}

.logo{ width:150px;}

.headr{ width:830px;}

.tel{ margin:15px 0 0 30px;}

.menu{ width:830px; margin-top:5px;}

.menu .menuli{ width:85px;}

.news{width:520px;}

.news .con ul{width:260px;}

.news .con ul li span{ display:none;}

.cate a{ width:120px;}

.piclist ul li { float:left; margin:20px 12px 0; width:225px; text-align:center;}

.piclist ul li img{ border:1px solid #ccc; width:223px; height:190px;}

.product .m{ width:900px;}

.product .m ul li{ width:225px;}

.product .m ul li img{ width:200px; height:180px;}

.right{ width:760px;}

.banner img{ width:100%;}

.caselist ul li img{ height:195px;}

}



@media screen and (max-width: 1049px){	

.left{ width:100%;}

.left .contact,.left img{ display:none;}

.left .category h2{ display:none;}

.left .category ul li{ width:25%; float:left;}

.left .category ul li a{ background:none;}

.right{ width:100%;}

}







@media screen and (max-width: 1049px) and (min-width: 760px){

.head{ height:100px;}

.w{ width:740px;}

.logo{ width:100px;}

.logo img{ width:100px; height:80px;}

.headr{ width:600px;}

.tel{ display:none;}

.menu{ display:none;}

.ipadmenu{ display:block; overflow:auto;}

.ipadmenu ul li{ width:75px; float:left; text-align:center; font-family:微软雅黑; font-size:16px; margin:8px;display:inline;line-height:35px;}

.ipadmenu ul li a{ color:#000;}

.ipadmenu ul .on{ background:#e36b06; border-radius:5px;}

.ipadmenu ul .on a{ color:#fff;}

.banner{ display:none;}

.ipadbanner{ display:block;}

.about{ margin:10px auto;}

.about .pic{ display:none;}

.about .text h2{ margin-top:0px;}

.news{width:100%;}

.news .con ul{width:490px;}

.case{ width:100%;}

.case .con ul .hidden{ display:block !important;}

.case .con ul li{ margin:10px 0 10px 28px;}

.cate a{ width:162px;}

.product .m{ width:640px;}

.product .m ul li{ width:225px;}

.product .m ul li img{ width:200px; height:180px;}

.piclist ul li { float:left; margin:20px 10px 0; width:223px; text-align:center;}

.piclist ul li img{ border:1px solid #ccc; width:220px; height:180px;}

.caselist ul li img{ height:170px;}

}

@media screen and (max-width: 759px) and (min-width: 640px){

.head{ height:100px;}

.w{ width:620px;}

.logo{ width:100px;}

.logo img{ width:100px; height:80px;}

.headr{ width:480px;}

.topbanner{ margin-left:0;}

.tel{ display:none;}

.code2{ display:none;}

.menu{ display:none;}

.ipadmenu{ display:block; overflow:auto;margin:10px auto;}

.ipadmenu ul li{ width:139px; float:left; text-align:center; font-family:微软雅黑; font-size:16px; margin:0 8px;display:inline;line-height:30px;}

.ipadmenu ul li a{ color:#000;}

.ipadmenu ul .on{ background:#e36b06; border-radius:5px;}

.ipadmenu ul .on a{ color:#fff;}

.banner{ display:none;}

.ipadbanner{ display:block;}

.about{ margin:10px auto;}

.about .pic{ display:none;}

.about .text h2{ margin-top:0px;}

.news{width:100%;}

.case{ width:100%;}

.case .con ul .hidden{ display:block !important;}

.case .con ul{ margin-right:10px;}

.case .con ul li{ width:31%; text-align:right;}

.case .con ul li img{ width:180px; height:144px;}

.cate a{ width:131px;}

.product .m{ width:520px;}

.product .m ul li{ width:225px;}

.product .m ul li img{ width:200px; height:180px;}

.copy{ background:none;}

.piclist ul li{ margin:20px 26px 0;}

.caselist ul li img{ height:145px;}



}

@media screen and (max-width: 639px){

.head{ height:70px;}

.w{ width:310px;}

.logo{ width:50px;}

.logo img{ width:50px; height:40px; margin-top:5px;}

.headr{ width:250px;}

.headr .top{ margin-top:0;}

.topbanner{ width:250px; margin:3px 0 0;}

.tel{ display:none;}

.code2{ display:none;}

.menu{ display:none;}

.ipadmenu{ display:block; overflow:auto; margin:10px auto;}

.ipadmenu ul li{ width:77px; float:left; text-align:center; font-family:微软雅黑; font-size:14px; margin:0px;display:inline;line-height:30px;}

.ipadmenu ul li a{ color:#000;}

.ipadmenu ul .on{ background:#e36b06; border-radius:5px;}

.ipadmenu ul .on a{ color:#fff;}

.banner{ display:none;}

.ipadbanner{ display:block;}

.box h2{ text-align:center;}

.about{ margin:10px auto;}

.about .pic{ display:none;}

.about .text h2{ margin-top:0px;}

.news{width:100%;}

.news .con .pic{ float:none;}

.news .con ul{ width:100%; float:none;}

.case{ width:100%;}

.case .con ul{ margin-right:10px;}

.case .con ul li{ width:45%; text-align:right;}

.case .con ul li img{ width:135px; height:108px;}

.cate{ line-height:35px;}

.cate a{ width:100px; font-size:14px; margin-left:2px;}

.product .l,.product .r,.product .l img,.product .r img{ width:20px;}

.product .m{ width:250px;}

.product .m ul li{ width:250px;}

.product .m ul li img{ width:225px; height:200px;}

.copy{ background:none;}

.caselist ul li{ width:46%;margin:10px 5px 0;}

.caselist ul li a p{ line-height:20px;}

.left .category ul li{ width:50%;}

.left .category ul .on a{ background:#ccc !important;}

.caselist ul li img{ height:105px;}

#address,#icp,#support,#stat{ display:none;}

}