@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px;}
a{ color:#333;}



.top{ height:110px; background:url(../image/topbj.png)  center; position:absolute; width:100%;}
.topm{ width:1200px; margin:0 auto;}
.logo{ float:left;}
.nav{ float:right;}
.nav>ul>li{ float:left;line-height:100px; text-align:center; font-size:16px; margin-left:50px;position:relative;}
.nav>ul>li>a{ color:#666666;}
.nav>ul>.navh>a{ color:#0060ff; font-weight:bold;}
.nav>ul>li:hover>a{ color:#0060ff; font-weight:bold;}

.nav>ul>li>ul{ padding-top:24px; background:#0060ff; line-height:20px; width:210px; position:absolute; display:none; z-index:55;}
.nav>ul>li>ul li{ text-align:left; padding-left:15px; margin-bottom:30px;}
.nav>ul>li>ul li a{ color:#fff; font-size:14px; display:block;}
.nav>ul>li>ul li a:hover{color:#ccc}

.topt{ height:100px;}



.sabout{ height:460px; background:url(../image/aboutbj.jpg) no-repeat center;}
.saboutm{ padding-top:55px; width:1200px; margin:0 auto;}
.saboutimg{ float:left;}
.saboutr{ float:right; width:880px; margin-top:28px;}
.sabouttit{ font-size:24px; font-weight:bold; color:#333; line-height:1em;} 
.saboutzy{ font-size:14px; color:#333; line-height:30px; margin-top:42px;text-indent:2em;}
.sabouta{ text-align:right;}
.sabouta a{ display:inline-block; text-align:center; width:135px; height:36px; line-height:36px; color:#fff; background:#327ffe; font-size:14px; margin-top:35px;}
.sabouta a span{ font-family:'宋体'; margin-left:2px;}

.spro{ height:842px; background:url(../image/probj1.jpg) no-repeat center;}
.sprom{ width:1200px; padding-top:63px; margin:0 auto;}
.navtop{ text-align:center;}
.navcn{ font-size:24px; color:#333; font-weight:bold; line-height:1em; margin-bottom:18px;}
.sprom .navcn{ color:#0060ff;}
.naven{ font-size:16px; font-family:Arial; color:#bfbfbf;}
.naven span::before{ content:""; width:77px; border-bottom:1px solid #cbcbcb; position:relative; display:inline-block; top:-5px; margin-right:20px;}
.naven span::after{ content:""; width:77px; border-bottom:1px solid #cbcbcb; position:relative; display:inline-block; top:-5px; margin-left:20px;}

.sproc{ margin-top:42px;}
.sproc ul{ width:1240px; overflow:hidden}
.sproc ul li{ float:left; width:279px; margin-right:25px; padding-bottom:20px; background:url(../image/proyy1.png) no-repeat bottom center; margin-bottom:5px;}
.sproc ul li .sproimg{  border:2px solid #dbdbdb;}
.sproc ul li .sproimg img{ max-width:100%;}
.sproc ul li .sprotit{ line-height:42px; text-align:center; font-size:14px; color:#333; background:url(../image/protitbj1.jpg) no-repeat center;}
.sproc ul li:hover .sproimg{border:2px solid #0060ff;}
.sproc ul li:hover .sprotit{background:#0060ff; color:#fff;}
.sproa{ text-align:center}
.sproa a span{ font-family:'宋体'; margin-left:2px;}

.sproa a{ display:inline-block; width:140px; line-height:34px; font-size:14px; color:#999; border:1px solid #999; margin-top:47px;}
.sproa a:hover{ background:#0060ff; border:1px solid #0060ff; color:#fff;}

.sadv{ padding:62px 0 72px 0; width:1200px; margin:0 auto;}
.sadvc{ margin-top:60px;}
.simgul{ display:none;}
.sadvc ul{ width:1300px; overflow:hidden}
.sadvc ul li{ float:left; width:255px; margin-right:60px;}
.sadvimg{ text-align:center; margin-bottom:22px;}
.sadvtit{ font-size:18px; color:#333; font-weight:bold; text-align:center; margin-bottom:30px;}
.sadvzy{ font-size:13px; color:#595959; line-height:24px; text-align:center}
.sadvc ul .sadvcli .sadvzy{ text-align:left;}

.simg{ background:#f7f7f7; padding:62px 0 45px 0px;}
.simgnav{ text-align:center; margin-top:47px;}
.simgnav ul li{ display:inline-block; width:138px; height:38px; border:1px solid #b1b1b1; border-radius:20px; line-height:38px; font-size:14px; margin:0px 18px;}
.simgnav ul li a{color:#666;}
.simgnav ul li:hover{ background:#0060ff; border:1px solid #0060ff;}
.simgnav ul li:hover a{ color:#fff;}

.simgnav ul .simgnavh{ background:#0060ff; border:1px solid #0060ff;}
.simgnav ul .simgnavh a{ color:#fff;}

.simgc{ margin-top:44px;}
.simgc ul{ overflow:hidden;}
.simgc ul li{ float:left; width:25%; position:relative;}
.simgc ul li .simgs img{ max-width:100%;}
.simgh{ position:absolute; width:100%; height:100%; top:0px; display:none;}
.simgh .simgbj{ position:absolute;width:100%; height:100%; top:0px; background:#000; opacity:0.8;}
.simgh .simgtit{ position:relative; text-align:center; font-size:14px; color:#fff; top:50%;}
.simgc ul li:hover .simgh{ display:block;}
.simga{ text-align:center}
.simga a{ display:inline-block; width:140px; line-height:34px; font-size:14px; color:#999; border:1px solid #999; margin-top:47px;}
.simga a:hover{ background:#0060ff; border:1px solid #0060ff; color:#fff;}
.simga a span{font-family:'宋体'; margin-left:2px;}
.snew{ width:1200px; margin:0 auto; padding:44px 0px 72px 0; overflow:hidden}
.snewl{ float:left; width:688px; }
.snewtop{ overflow:hidden; font-size:16px; color:#4d4d4d; margin-bottom:16px;}
.snewtop font{ font-weight:bold;}
.snewtop a{ float:right; font-size:14px; color:#c1c1c1;}
.snewtop s span{font-family:'宋体'; margin-left:2px;}
.snewone{ overflow:hidden}
.snewone .snewimg{ float:left; width:252px;}
.snewsr{ float:right; width:416px; padding-left:20px; height:157px;}
.snewsrtit{ padding-top:20px; font-size:15px; color:#333; font-weight:bold;}
.snewszy{ margin-top:14px; color:#666; line-height:22px;}
.snewsdate{ margin-top:16px; color:#999;}
.snewone:hover .snewsr{ background:#0060ff;}
.snewone:hover .snewsr .snewsrtit{ color:#fff;}
.snewone:hover .snewsr .snewszy{ color:#fff; opacity:0.8;}
.snewone:hover .snewsr .snewsdate{ color:#fff;}

.snewul{ margin-top:25px;}
.snewul ul li{ padding-bottom:13px; margin-bottom:15px; border-bottom:1px dashed #d2d2d2; overflow:hidden;font-size:14px;}
.snewlitit{ float:left; padding-left:12px; background:url(../image/newjt1.jpg) no-repeat 0px 4px;  color:#4d4d4d;}
.snewlidate{ float:right; color:#afafaf;}
.snewul ul li:hover .snewlitit{ color:#0060ff}

.snewr{ float:right; width:446px;}
.snewrtop{ margin-bottom:20px; font-size:16px; color:#4d4d4d; font-weight:bold;}

.shon{ width:1200px; margin:0 auto; position:relative; padding-bottom:54px; height:200px;}
.shon .shonc ul{ width:1220px; overflow:hidden}
.shon .shonc ul li{ float:left; margin-right:17px; width:287px;}
.shon .shonc ul li img{ max-width:100%;}
.shonjt div{ position:absolute; left:-60px; top:72px;}
.shonjt .shonjtr{ right:-60px; left:auto;}
.shonjt .shonjtr a{background:url(../image/honjt.jpg) no-repeat bottom;}
.shonjt div a{ display:block; width:41px; height:41px; background:url(../image/honjt.jpg) no-repeat;}

.foot{ background:#404040; padding:52px 0px 38px 0;}
.footm{ width:1200px; margin:0 auto; overflow:hidden; height:190px;}
.footnav>ul>li{ float:left; margin-right:50px; position:relative;}
.footnav>ul>li>a{ font-size:15px; color:#fff; font-weight:bold;}
.footnav>ul>li>ul{ position:absolute; width:200px; margin-top:12px;}
.footnav>ul>li>ul>li{ margin-bottom:16px; font-size:14px; }
.footnav>ul>li>ul>li a{ color:#fff; opacity:0.3;}
.footr{ width:270px; float:right; overflow:hidden}
.footrimg{ float:left;}
.footrrr{ float:left; margin-left:14px; text-align:center; margin-top:14px;}
.footrrr p{ line-height:24px; margin-top:20px; color:#cfcfcf;}
.footf{ line-height:50px; background:#292929; color:#dbdbdb; text-align:center; font-size:14px;}
.footf a{ color:#dbdbdb;}



.nybanner{ height:403px; background:url(../image/nybanner.jpg) no-repeat center;}
.ntcontent{ background:url(../image/nybj.jpg) no-repeat center top #FDFDFD; }
.ntcontentm{ width:1200px; margin:0 auto; padding-top: 40px;padding-bottom: 20px; overflow:hidden}
.left{ float:left; width:260px;}
.lefttop{ background:#0060ff url(../image/pro_07.png) no-repeat 210px 12px; color:#fff; line-height:57px; font-size:font-size: 20px;padding-left: 30px; font-size:20px; font-weight:700;}
.leftnav{ margin-top:5px;}
.leftnav ul li{ line-height:43px;  position:relative; font-size:14px; border-bottom:1px solid #ECECEC; background:#fff; }
.leftnav ul li a{ display:block;padding-left:25px;}
.leftnav ul li font{ position:absolute; top:0px; right:25px; font-family:'宋体'}
.leftnav ul li:hover{ background:#434343; }
.leftnav ul li:hover a{ color:#fff;}
.leftnav ul li:hover font{ color:#fff;}

.leftnav ul .leftli{ background:#434343; }
.leftnav ul .leftli a{ color:#fff;}
.leftnav ul .leftli font{ color:#fff;}

.right{ width:920px; float:right;}
.righttop{ border-bottom:1px solid #D5D5D5;line-height: 56px; overflow:hidden}
.righttit{ float:left; margin-left:20px; font-size:; color:#2c2c2c; font-size:20px; font-weight:bold;}
.righttoplj{ float:right; font-size:13px; color:#999;}
.righttoplj a{color:#999;}



#PageContent{ margin-top:20px; text-align:center}
#PageContent span{ display:inline-block; width:34px; text-align:center; line-height:34px; color:#666; margin:0px 3px;}
#PageContent a{ display:inline-block; width:34px; text-align:center; line-height:34px; color:#666; margin:0px 3px;}
#PageContent .current{ background:#0060ff; color:#fff;}


.about{ font-size:14px; line-height:2em;  padding:10px;padding-bottom:0px;}

.contact{ font-size:14px; line-height:2em;padding:10px;padding-bottom:0px;}
.contactright{ float:right;}


.news ul{ margin-top:10px;}
.news ul li{ overflow:hidden;line-height: 33px; border-bottom: 1px dashed #ccc; font-size:14px;}
.news ul li a{ color:#666;}
.newstit{  padding: 0 0 0 20px;background: url(../image/news_43.png) 2px center no-repeat; float:left;}
.newsr{ float:right;} 
.news ul li:hover a{ color:#0060ff}


.newstitel{ margin-top:10px; text-align:center; font-size:15px;}
.newsdate{ margin-top:10px; text-align:center; color:#666;}
.newsshowcon{ padding:0px 5px; margin-top:12px; font-size:14px; line-height:2em;}
.ns_pn{ margin-top:10px;}
.ns_pn div{ padding-left:5px; margin-bottom:10px; font-size:14px;}



.products{ width:890px; margin:0 auto; margin-top:10px;}
.products ul{ width:950px;}
.products ul li{ float:left; width:279px; margin-right:25px; padding-bottom:20px; background:url(../image/proyy1.png) no-repeat bottom center; margin-bottom:5px;}
.products ul li .sproimg{  border:2px solid #dbdbdb;}
.products ul li .sproimg img{ max-width:100%;}
.products ul li .sprotit{ line-height:42px; text-align:center; font-size:14px; color:#333; background:url(../image/protitbj1.jpg) no-repeat center;}
.products ul li:hover .sproimg{border:2px solid #0060ff;}
.products ul li:hover .sprotit{background:#0060ff; color:#fff;}



.productsshow{ margin-top:10px;}
.productsshowtit{ text-align:center; font-size:16px; text-align:center;}
.productsshowimg{ text-align:center; margin:10px 0px;}
.productsshowcon{ font-size:14px; line-height:2em; padding:0px 5px;}
.inq_btn{ clear:both; background:#212121; color:#FFF; display:inline-block; width:185px; height:40px; line-height:40px; text-align:center; margin-top:15px; border-radius:5px; margin-bottom:10px; margin-left:5px;} 
.inq_btn:hover,.inq_btn:active{ color:#FFF;}



.honor{ margin-top:10px;}
.honor ul{ width:950px;}
.honor ul li{ float:left; margin-right:29px; width:287px; margin-bottom:10px;}
.honor ul li img{ max-width:100%;}
.honor ul li p{ text-align:center; font-size:14px; padding:10px 0px;}
.honor ul li:hover p{ color:#0060ff;}


.honorshow{ margin-top:10px;}
.honorshowimg{ text-align:center;}
.honorshowtt{ font-size:14px; padding:10px 0px; text-align:center;}




#zxzx_rt{ position:fixed; right:20px; top:50%; color:#333; z-index:9999;}
#zxzx_rt .close{ float:left; width:25px; padding-top:30px;}
#zxzx_rt .close img{ cursor:pointer;}
#zxzx_rt .box{ float:right; width:120px; height:160px; border:2px solid #212121; background:#FFF;}
#zxzx_rt .box .p_1{ text-align:center; font-size:16px; line-height:20px; font-weight:bold; color:#212121; padding-top:13px;}
#zxzx_rt .box .p_2{ padding:0 0 0 8px; line-height:16px; font-size:12px; padding-top:10px;}
#zxzx_rt .box .p_3{ margin:10px auto 0 auto; width:65px; padding-left:37px; height:30px; line-height:30px; background:#EEE url(../image/zxzx_05.png) 11px center no-repeat; font-size:12px; color:#f5680d; cursor:pointer;}
#zxzx_rt .box .p_4{ text-align:center; margin-top:10px;}
#zxzx{ position:fixed; left:50%; top:50%; margin:-172px 0 0 -130px; color:#333; z-index:9999; width:256px; height:335px; border:1px solid #212121; border-radius:4px; background:#FFF; display:none;}
#zxzx .top1{ height:42px; color:#FFF; background:#212121; border-radius:4px; overflow:hidden;}
#zxzx .top1 .tit{ float:left; padding:0 0 0 10px; font-size:16px; line-height:40px;}
#zxzx .top1 .close{ float:right; padding:9px 15px 0 0;}
#zxzx .top1 .close img{ cursor:pointer;}
#zxzx .box_1{ clear:both; margin:7px 0 0 7px; width:233px; position:relative;}
#zxzx .area{ width:219px; height:70px; padding:10px 6px 6px 6px; border:1px solid #E5E5E5; border-radius:4px; color:#666; font-size:12px; line-height:16px;}
#zxzx .box_1 em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .box{ clear:both; margin:6px 0 0 7px; width:231px; height:30px; border:1px solid #E5E5E5; border-radius:4px; position:relative;}
#zxzx .box p{ float:left; padding-left:23px; width:48px; height:30px; line-height:30px; font-size:14px; color:#525252; background:#F4F4F4;}
#zxzx .box input{ float:right; width:140px; height:20px; padding:5px 5px 5px 15px; line-height:20px; border:0; color:#666; background:#FFF; font-size:12px;}
#zxzx .box em{ position:absolute; right:-10px; top:0px; line-height:32px; font-style:normal; color:#ff0000;}
#zxzx .btnbox{ clear:both; padding:7px 0 0 7px;}
#zxzx .btnbox input{ width:108px; height:31px; line-height:31px; text-align:center; color:#FFF; border:0px; cursor:pointer;}
#zxzx .btnbox .btn1{ background:#212121; margin-left:3px;}
#zxzx .btnbox .btn2{ background:#535353; margin-left:7px;}

.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:666;}


.pro_main{ clear:both; padding:25px 0; line-height:26px; min-height:260px;}
.pro_list{ overflow:hidden;}
.pro_list li{ float:left; margin:0 19px 25px 0;}
.pro_list li.none{ margin-right:0px;}
.pro_list li a{ display:block; border:1px solid #AAB0AE; text-align:center;}
.pro_list li a img{ display:block; max-width:100%;}
.pro_list li a p{ height:28px; line-height:28px; border-top:1px solid #AAB0AE; background:#E5E5E5; color:#666;}
.pro_list li a:hover{ border-color:#006D37;}
.pro_list li a:hover p{ background:#006D37; color:#fff;}
.fd_pro_tb{ width:95%; margin:0 auto; border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8; margin-bottom:20px;}
.fd_pro_tb th, .fd_pro_tb td{ border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.fd_pro_tb th{ background:#F5F5F5; height:40px; line-height:40px; font-weight:normal;}
.fd_pro_tb td{ text-align:center; padding:10px 0;}
.fd_pro_tb td input{ border:1px solid #E8E8E8; width:80px; padding:0 10px; height:22px; line-height:22px; text-align:right;}
.fd_pro_tb .del{ color:#F00; cursor:pointer;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:520px; margin:0px 0 0 240px;}
.jn_lt{ float:left; width:100px; padding:0 5px 0 0; line-height:30px; text-align:right; font-size:14px; font-weight:bold;}
.jn_rt{ float:left; width:360px;}
.jn_box .txt{ width:325px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #212121;}
.jn_box textarea:focus{ border:1px solid #212121;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:325px; height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#212121}