html{ overflow-y:scroll;} body,td,th,input,textarea,select { font-size: 14px; color:#555555; font-family:"Microsoft Yahei","微软雅黑", Arial, Helvetica, sans-serif; } body,ul,li,form{margin: 0px;padding:0px; list-style-type:none;} span{ transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; } a,a img,input{ color:#555555; text-decoration:none; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; } a:hover{color:#e4007f; text-decoration:none;} .noanimation a{ transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; } .movex{} .movex a{ display:inline-block;} .movex a:hover{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform: translateX(5px);} .movex2{} .movex2 a{ display:inline-block;} .movex2 a:hover{ -moz-transform:translateX(-5px); -webkit-transform:translateX(-5px); -o-transform:translateX(-5px); -ms-transform:translateX(-5px); transform: translateX(-5px);} .movey{} .movey a{ display:inline-block;} .movey a:hover{ -moz-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); -ms-transform:translateY(5px); transform: translateY(5px);} .movey2{} .movey2 a{ display:inline-block;} .movey2 a:hover{ -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); transform: translateY(-5px);} #more{background-image:url(../index/more1.gif); background-repeat:no-repeat; background-position:right top; padding-right:21px; text-align:right;} #more a{color:#444444; text-decoration:none;} #more a:hover{color:#FF001E; text-decoration:none;} a.white{color:#FFFFFF; text-decoration:none;} a.white:hover{color:#FFFFFF; text-decoration:underline;} .floatl{ float:left;} .floatr{ float:right;} .clear{ clear:both;} .r5{-moz-border-radius:5px; border-radius:5px;} .r10{-moz-border-radius:10px; border-radius:10px;} .r15{-moz-border-radius:15px; border-radius:15px;} .r20{-moz-border-radius:20px; border-radius:20px;} .setp{} .setp p{ margin:0; padding:0;} .setimg{} .setimg img{ max-width:100%;} .txtshadow1{-webkit-text-shadow:1px 1px 2px #2b2b2b; -moz-text-shadow:1px 1px 2px #2b2b2b; text-shadow:1px 1px 2px #2b2b2b;} .shadow1{-webkit-box-shadow:0 0 10px #B8B8B8; -moz-box-shadow:0 0 10px #B8B8B8; box-shadow:0 0 10px #B8B8B8;} .shadow2{-webkit-box-shadow:0 10px 30px #B8B8B8; -moz-box-shadow:0 10px 30px #B8B8B8; box-shadow:0 10px 30px #B8B8B8;} .shadow_a a{} .shadow_a a:hover{-webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} #bg3{ background-image:url(../index/bg3.jpg); width:969px; height:219px; text-align:center;} #IndexAddress{ background-color:#A38F71; line-height:20px; padding:10px 0px; width:100%;} #IndexAddress td{ color:#FFF;} .body1{width:1200px; margin:0px auto;} .body2{ background-color:#f5f5f5;} .body3{ padding:40px 0; width:1080px; margin:0 auto;} .body4{ width:1080px; margin:0 auto;} .top1{ background-color:#ffe10a; height:34px;} .top1_1{ background-color:#FFF; padding:0 6px; margin:5px 0 0;} .top1_2{ border:0; height:24px; line-height:24px; margin:0; padding:0;} .top1_3{} .top1_4{} .top1_4 li{ float:left;} .top1_4 a{ display:inline-block; line-height:34px; padding:0 10px;} .top1_4 img{ border:0; margin-right:5px;} .top2{ background-position:center 0; height:102px;} .top2_1{ padding:10px 0 0;} .top2_3{ margin:18px 0 0 12px; border-left:solid 1px #e1e0e0;} .top2_2{ padding:31px 0 0;} /*主菜单*/ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .mainnav{ position:relative; z-index:1; display:inline-block;} .mainnav a{ color:#434343;} .mainnav .nLi{ float:left;position:relative; display:inline; background-image:url(../index/mainmenujg.png); background-repeat:no-repeat; background-position:right center;} .mainnav .nLi h3{ float:left; margin:0;} .mainnav .nLi h3 a{ display:block; line-height:40px; font-size:16px; font-weight:normal; text-transform:uppercase; color:#434343; text-align:center; padding:0 14px;} .mainnav .nLi h3 a:hover{ -moz-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); -ms-transform:translateY(5px); transform: translateY(5px);} .mainnav .sub{ display:none; left:0; top:40px;position:absolute;line-height:20px; background:#ffd901; padding:10px 10px 20px;} .mainnav .sub li{ zoom:1; border-bottom:dashed 1px #fff4b4;} .mainnav .sub a{ background-position:-12px 9px; display:block; padding:6px 10px; color:#434343;} .mainnav .sub a:hover{ background-image:url(../index/icon1.png); background-position:-6px 9px; background-repeat:no-repeat; color:#c23700;} .mainnav .sub a span{ transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; display:block; } .mainnav .sub a:hover{ -moz-transform:translateX(8px); -webkit-transform:translateX(8px); -o-transform:translateX(8px); -ms-transform:translateX(8px); transform: translateX(8px); } .mainnav .on h3 a{ color:#434343; background-color:#ffd901;} .foot1{ background-color:#ffe107; text-align:center; padding:5px 0;} .foot2{ padding:30px 0;} .foot2_1{ padding:0 42px 0 0;} .foot2_2{ text-align:center; padding-left:10px; font-weight:bold;} .foot3{ background-color:#080403; text-align:center; color:#FFF; padding:7px 0; font-size:13px;} .foot3 a{ color:#FFF;} .foot3 a:hover{ color:#CCC;} .footmenu1{ font-weight:bold; font-size:15px;} .footmenu2{ font-size:13px; padding:8px 0 0;} .footmenu2 li{ width:70px;} .footmenu2 li a{ padding:2px 0; display:inline-block;} .more1{ text-align:right;} .more1 a{ font-size:11px;} .banner{ height:420px; background-repeat:no-repeat; background-position:center; background-color:#000;} /*主页*/ .indexbanner{ background-image:url(../index/indexbanner1.jpg); background-repeat:no-repeat; background-position:center; height:640px;} .indexprod{ background-image:url(../index/index_prod_bg.png); background-repeat:no-repeat; background-position:left bottom; height:790px;} .indexprod1{ width:570px; padding:260px 0 0;} .indexprod1_1{} .indexprod1_2{ font-size:16px; line-height:30px; padding:12px 0 0;} .indexprod1_3{ padding:12px 0 0; line-height:40px; font-size:18px;} .indexprod1_3 span{ background-color:#fee101; width:148px; display:inline-block; text-align:center;} .indexprod1_3 a{ border:solid 1px #595758; color:#595758; width:148px; line-height:38px; text-align:center; display:inline-block; margin-left:30px;} .indexprod1_3 a:hover{ background-color:#fee101; border-color:#fee101;} .indexprod2{ width:600px; padding:120px 0 0;} .indexprod2 li{ width:150px; height:150px; display:inline-block;} .indexprod2 .bg1{ background-color:#edefee;} .indexprod2 .bg2{ background-color:#727272;} .indexprod2 a{ background-image:url(../index/index_prod_bt.gif); display:inline-block; width:150px; height:50px; padding:100px 0 0; line-height:30px; text-align:center; font-size:17px;} .indexprod2 .a1{ background-position:0 0; color:#ffffff;} .indexprod2 .a1o{ background-position:0 -150px; color:#595758;} .indexprod2 .a2{ background-position:-150px 0; color:#ffffff;} .indexprod2 .a2o{ background-position:-150px -150px; color:#595758;} .indexprod2 .a3{ background-position:-300px 0; color:#ffffff;} .indexprod2 .a3o{ background-position:-300px -150px; color:#595758;} .indexprod2 .a4{ background-position:-450px 0; color:#ffffff;} .indexprod2 .a4o{ background-position:-450px -150px; color:#595758;} .indexprod2 .a5{ background-position:-600px 0; color:#ffffff;} .indexprod2 .a5o{ background-position:-600px -150px; color:#595758;} .indexprod2 .a6{ background-position:-750px 0; color:#595758;} .indexprod2 .a6o{ background-position:-750px -150px; color:#ffffff;} .indexprod2 .a7{ background-position:-900px 0; color:#595758;} .indexprod2 .a7o{ background-position:-900px -150px; color:#ffffff;} .indexprod2 .a8{ background-position:-1050px 0; color:#595758;} .indexprod2 .a8o{ background-position:-1050px -150px; color:#ffffff;} .indexprod2 .a9{ background-position:-1200px 0; color:#595758;} .indexprod2 .a9o{ background-position:-1200px -150px; color:#ffffff;} /*反转效果*/ .flip-container { display: inline-block; -webkit-perspective: 500; -moz-perspective: 500; -ms-perspective: 500; perspective: 500; -ms-transform: perspective(500px); -moz-transform: perspective(500px); transform-style: preserve-3d; } .flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);} .flip-container, .front, .back {width: 150px;height: 150px;} .flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;} .front, .back {backface-visibility: hidden;position:absolute;top: 0;left: 0;} .front {z-index:2; transform: rotateY(0deg);} .back {transform: rotateY(180deg);} .indexjoin{ background-image:url(../index/index_join_bg.jpg); background-repeat:no-repeat; background-position:center; height:790px;} .indexjoin1{ width:500px; padding:290px 0 0;} .indexjoin1_1{} .indexjoin1_2{ font-size:16px; line-height:30px; padding:12px 0;} .indexjoin1_3{ font-size:18px; border:solid 1px #727272; display:inline-block; padding:0 10px; line-height:30px;} .indexjoin1_3 span{ font-size:20px; font-weight:bold; font-family:"Times New Roman", Times, serif;} .indexservice{ padding:90px 0;} .indexservice1{ text-align:center;} .indexservice2{ text-align:center; background-image:url(../index/index_service2.png); background-repeat:no-repeat; background-position:center bottom; font-size:18px; padding:5px 0 35px;} .indexservice3{ padding:50px 0 0;} .indexservice3 li{ float:left; width:240px; text-align:center; font-size:16px; line-height:22px;} .indexservice3 img{ margin-bottom:10px;} .indexabout{ background-image:url(../index/index_about_bg.jpg); height:700px;} .indexabout1{ text-align:center; padding:80px 0 70px;} .indexabout2{} .indexabout2 li{ float:left; width:240px; text-align:center; font-size:16px; line-height:22px; color:#ffffff;} .indexabout2 a{ color:#FFF;} .indexabout2 img{ margin-bottom:20px; border:0;} .indexabout2 span{ font-size:24px; color:#ffd901; line-height:60px; display:inline-block;} /*切换*/ .slideTxtBox1{ width:100%; position:relative;} .slideTxtBox1 .hd{ position:relative; height:80px;} .slideTxtBox1 .hd ul{} .slideTxtBox1 .hd ul li{ float:left; font-size:15px; cursor:pointer; color:#b5b5b5;} .slideTxtBox1 .hd ul li a{ border:solid 1px #b5b5b5; color:#b5b5b5; height:32px; line-height:32px; display:inline-block; text-align:center; margin:0 5px; padding:0 20px; font-size:15px;} .slideTxtBox1 .hd ul li.on{ color:#FFF;} .slideTxtBox1 .hd ul li.on a{ background-color:#e60012; border-color:#e60012; color:#FFF;} .slideTxtBox1 .bd ul{ zoom:1;} .slideTxtBox1 .bd li{ float:left; display:inline-block; padding:3px; text-align:center;} .slideTxtBox1 .bd li img{ width:250px; height:225px; border:0; padding:5px; background-color:#FFF;} .slideTxtBox1 .bd li a{ background-image:url(../index/prodlistbg.png); color:#b5b5b5; display:inline-block; line-height:36px; width:260px; height:270px; overflow:hidden;} .slideTxtBox1 .bd li a:hover{ color:#FFF;-webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .left{width:214px; vertical-align:top; padding:40px 36px 10px 0;} .leftcontact{ background-image:url(../index/leftcontact.png); background-repeat:no-repeat; height:140px; padding:220px 14px 0; line-height:22px;} .leftcontact p{ margin:0; padding:0;} .right{vertical-align:top; padding:40px 0 20px;} .title1{ background-image:url(../index/icon3.png); background-repeat:no-repeat; background-position:right center; display:inline-block; font-size:18px; line-height:30px; padding:0 18px 0 0;} .title1 span{ text-transform:uppercase; font-size:24px; margin-right:4px; display:inline-block; font-family:"Times New Roman", Times, serif;} .title2{ font-size:36px; border-bottom:solid 1px #d5d5d5; height:60px;} .contact1{ background-image:url(../index/contact1.png); background-repeat:no-repeat; background-position:right center;} .contact2{ padding:0 0 20px;} .contact3{ padding:0 0 30px;} .contact3_1{ padding:0 0 10px;} .contact3_2{} .contact3_2 td{ padding:3px 0;} .download1{ width:362px; padding:12px 21px; text-align:center;} .download1 a{ display:inline-block; font-size:14px;} .download1 img{ width:350px; height:240px; border:solid 1px #E3E3E3; padding:5px; background-color:#FFF; margin-bottom:8px;} .download1 a:hover img{-webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;}} .tdh{height:10px; font-size:1px; clear:both;} .tdh2{height:20px; font-size:1px; clear:both;} .tdh3{height:30px; font-size:1px; clear:both;} .tdh4{height:40px; font-size:1px; clear:both;} .tdw{width:12px; font-size:1px;} .tdw2{width:6px; font-size:1px;} .content1{ padding:0 75px; line-height:26px;} .content2{ padding:20px 75px 0; line-height:32px;} .newscontent{} /*当前位置*/ .location1{ border-bottom:solid 1px #e1e1e1; font-size:18px; font-weight:bold; color:#333; height:30px; padding:5px 0px 2px 6px; font-family:Microsoft Yahei;} .location2{ background-color:#ebebeb; border-bottom:solid 1px #e1e1e1; line-height:28px; font-size:12px;} .location2 a{} .location2 a:hover{} .prodcontent{ background-image:url(../index/banner2.jpg); background-repeat:no-repeat; background-position:center top; background-color:#eeeeee; overflow:hidden;} .prodcontent2{ background-color:#FFF;} .prodcontent_name{ text-align:center; padding:100px 0 50px;} .prodcontent_class{ text-align:center; padding:0 0 50px;} .prodcontent_class a{ border:solid 1px #969696; display:inline-block; padding:0 20px; line-height:46px; font-size:16px; color:#FFF; margin:0 5px; background-image:url(../index/prodcontent_class_bg.png);} .prodcontent_class a:hover, .prodcontent_class .this{ background-color:#ffd901; border-color:#ffd901; color:#313131; background-image:none;} .prod_detail1{ background-image:url(../index/prod_detail1.jpg); background-repeat:no-repeat; background-position:center bottom; border-top:solid 1px #e5e5e5; padding:40px 0;} .prod_detail1_1{ width:514px;} .prod_detail1_1_1{ width:500px; border:solid 1px #eeeeee; padding:6px;} /*.prod_detail1_1_1 img{ width:500px; height:385px; border:0;}*/ .prod_detail1_1_2{} .prod_detail1_1_2 .this img{ border:solid 2px #ffe100;} .prod_detail1_1_2 li{ float:left; margin:5px 5px 5px 0;} .prod_detail1_1_2 img{ border:solid 2px #FFF;} .prod_detail1_1_2 .smalllist1{} .prod_detail1_1_2 .smalllist1 img{ width:78px; height:60px;} .prod_detail1_2{ width:520px;} .prod_detail1_2_1{ font-size:22px; font-weight:bold; color:#000; padding:10px 0; line-height:36px;} .prod_detail1_2_2{ line-height:24px;} .prod_detail1_2_3{ padding:15px 0 0;} .prod_detail1_2_3 a{ background-color:#ffd901; line-height:46px; width:280px; display:inline-block; text-align:center; font-size:18px;} .prod_detail1_2_3 a:hover{ background-color:#e4007f; color:#FFF;} .prod_detail1_2_4{ padding:10px 0 0;} .prod_detail1_3{ height:350px; padding:60px 0 0;} .prod_detail_title{ border-bottom:solid 1px #b2b2b2; font-size:22px; color:#313131; font-weight:bold; line-height:40px;} .prod_detail_content{ line-height:26px;} #productmenu{padding:0px 0px 0px 33px;} #productmenu .tdset{vertical-align:top; height:400px; padding:8px 8px 0px;} #productmenuc2 {font-size:14px; font-weight:bold; margin-bottom:5px;} #productmenuc3 {margin-top:18px;} #productmenu1 a{font-size:12px; color:#FFFFFF; width:93px; display:block; float:left; height:17px;} #productmenu1 a:hover,#productmenu1 .this{font-size:12px; color:#FF9024;} #productmenu2 a{font-size:12px; color:#FFFFFF; width:75px; display:block; float:left; height:17px;} #productmenu2 a:hover,#productmenu2 .this{font-size:12px; color:#FF9024;} #productmenu3 a{font-size:12px; color:#FFFFFF; width:70px; display:block; float:left; height:17px;} #productmenu3 a:hover,#productmenu3 .this{font-size:12px; color:#FF9024;} .csshide{display:none;} .cssshow{display:block;} .prodclass1{ width:300px; vertical-align:top; padding:10px 28px 10px; line-height:20px;} .prodclass1 img{ width:300px; height:240px; border:0px; margin-bottom:8px;} .prodclass1 a{ font-size:14px;} .ProdclassReadme{ padding:0px 15px 15px; line-height:20px;} .productlist1{ text-align:center; vertical-align:top; width:242px; padding:12px 12px;} .productlist1 img{width:230px; height:158px; border:0; padding:5px; background-color:#FFF;} .productlist1 a{ background-color:#E5E5E5; border:solid 1px #E5E5E5; color:#555555; display:inline-block; line-height:36px; width:240px; height:204px; overflow:hidden;} .productlist1 a:hover{ background-color:#888888; border-color:#888888; color:#FFF;-webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .productlist2{ text-align:center; vertical-align:top; width:250px; padding:12px 10px;} .productlist2 img{width:250px; height:250px; border:0; background-color:#FFF;} .productlist2 a{ background-color:#FFF; color:#555555; display:inline-block; line-height:60px; width:250px; height:310px; overflow:hidden;} .productlist2 a:hover{ background-color:#ffe100; border-color:#888888; color:#333333; -webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .productlist2b{ width:320px; padding:12px 20px;} .productlist2b a{ width:320px; height:300px;} .productlist2b img{ width:320px; height:240px;} .productlist3{ padding:12px 0;} .productlist3 a{ background-color:#FFF; display:block;} .productlist3 a:hover{ -webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .productlist3_1{} .productlist3_1 img{ width:350px; height:260px; border:0;} .productlist3_2{ width:700px; padding:45px 0 0; height:180px; overflow:hidden;} .productlist3_2_1{ width:560px;} .productlist3_2_1_1{ font-size:22px; line-height:26px;} .productlist3_2_1_2{ line-height:23px; padding:10px 0 0; color:#555555;} .productlist3_2_2{ width:138px; height:135px; border-left:dashed 1px #e5e5e5; text-align:center; padding:45px 0 0;} .productlist3_2_2 span{ width:60px; padding:60px 0 0; line-height:30px; display:inline-block; background-image:url(../index/icon4.png); background-repeat:no-repeat; background-position:-60px 0; color:#bfbfbf;} .productlist3 a:hover .productlist3_2_2 span{ background-position:0 0; color:#666;} .productlist4{ width:400px; vertical-align:top; text-align:center; padding:60px 0 40px;} .productlist4:hover{ background-color:#efefef;} .productlist4_1{ padding:0 0 50px;} .productlist4_1 img{ width:260px; height:200px; border:0;} .productlist4_2{ font-size:18px; font-weight:bold;} .productlist4_3{ font-size:13px; padding:10px 20px 0; line-height:20px;} .productlist4_4{ padding:15px 0 0;} .productlist4_4 a{ border:solid 1px #ffd901; background-color:#ffd901; color:#313131; line-height:36px; padding:0 20px; display:inline-block;} .productlist4_4 a:hover{ background-color:#FFF; border-color:#dcdddd;} /*产品详细样式*/ .proddetail1{ padding:5px 5px 10px; text-align:center; font-size:20px; font-weight:bold; color:#000;} .proddetail2{ text-align:center; padding-bottom:8px;} .proddetail3{ line-height:26px; padding:10px 0 10px;} .proddetail4{ text-align:center; padding:20px 0;} .proddetail5 { line-height:26px;} .proddetail2 img, .proddetail3 img{ max-width:100%;} .proddetail11{ width:580px; float:left;} .proddetail11b{ width:720px;} .proddetail11_1{} .proddetail11_1 img{width:100%;} .proddetail11_2{} .proddetail11_2 .this img{ border:solid 2px #ffe100;} .proddetail11_2 li{ float:left; margin:5px 5px 5px 0;} .proddetail11_2 img{ border:solid 2px #FFF;} .proddetail11_2 .smalllist1{} .proddetail11_2 .smalllist1 img{ width:60px; height:60px;} .proddetail11_2 .smalllist2{} .proddetail11_2 .smalllist2 img{ width:81px; height:60px;} .proddetail11_2 .smalllist3{} .proddetail11_2 .smalllist3 img{ width:60px; height:45px;} .proddetail12{ width:460px; float:right;} .proddetail12b{ width:320px;} .proddetail12_1{font-size:22px; font-weight:bold; color:#000; padding:10px 0; line-height:36px;} .proddetail12_2{ line-height:24px;} .proddetail12_3{ padding:10px 0 0;} .proddetail13{ border-bottom:solid 1px #e7e7e7;} .proddetail13 span{ border-bottom:solid 4px #ffe100; display:inline-block; font-size:16px; color:#434343; line-height:34px; padding:0 5px; font-weight:bold; margin-bottom:-2px;} .proddetail14{ line-height:26px;} .proddetail_otherpic{ width:100%; padding-bottom:8px;} .proddetailmore{ padding:25px 0 0;} .proddetailmore td{ text-align:center; width:180px; padding:0 18px; vertical-align:top;} .proddetailmore img{ width:180px; height:135px; border:0;} .proddetailmore a{ line-height:40px; height:175px;} .proddetailmore2{ padding:25px 0 0;} .proddetailmore2 td{ text-align:center; width:180px; padding:0 18px; vertical-align:top;} .proddetailmore2 img{ width:180px; height:134px; border:0;} .proddetailmore2 a{ line-height:40px; height:174px;} .proddetailmore3{ padding:25px 0 0;} .proddetailmore3 td{ text-align:center; width:180px; padding:0 18px; vertical-align:top;} .proddetailmore3 img{ width:180px; height:138px; border:0;} .proddetailmore3 a{ line-height:40px; height:178px;} .prodshadow a{ background-color:#FFF; color:#555555; display:inline-block; overflow:hidden;} .prodshadow a:hover{ background-color:#ffe100; border-color:#888888; color:#333333; -webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .prodmorelist{ background-color:#f6f6f6; border-top:solid 3px #ebebeb;} .prodmorelist1{} .prodmorelist1 span{ border-top:solid 3px #e4007f; display:inline-block; margin-top:-3px; font-size:16px; height:38px; line-height:38px; padding:0 15px;} .prodmorelist2{ padding:5px 0 20px;} .producttitle{font-size:18px; font-weight:bold; padding:10px 0px; text-align:center; color:#D5291D;} .producttitle2{font-size:12px; font-weight:bold; padding-bottom:10px;} .productbt{text-align:center;} .productbt a{background-image:url(../index/pbt.png); width:106px; height:33px; display:inline-block; margin:0 3px;} .bt1{ background-image:url(../index/bt1-en.gif); width:87px; height:33px; display:inline-block; margin:0px 5px;} .bt2{ background-image:url(../index/bt2-en.gif); width:87px; height:33px; display:inline-block; margin:0px 5px;} .bt3{ background-image:url(../index/bt3-en.gif); width:87px; height:33px; display:inline-block; margin:0px 5px;} .pbt{ padding:10px 0 0;} .pbt a{background-image:url(../index/pbt.png); width:106px; height:33px; display:inline-block; margin:0 5px 0 0;} .pbt1{ background-position:0 0;} .pbt1:hover{ background-position:0 -37px;} .pbt2{ background-position:-110px 0;} .pbt2:hover{ background-position:-110px -37px;} .pbt3{ background-position:-220px 0;} .pbt3:hover{ background-position:-220px -37px;} .pbt4{ background-position:-330px 0;} .pbt4:hover{ background-position:-330px -37px;} .indexnews11{ background-image:url(../index/arrow1.gif); background-repeat:no-repeat; background-position:6px 10px; padding:2px 0px 0px 15px; line-height:26px; border-bottom:dashed 1px #D3D5D6;} .indexnews12{ background-image:url(../index/arrow1.gif); background-repeat:no-repeat; background-position:0px 8px; padding:3px 0px 3px 9px; line-height:17px;} .indexnews12 a{ color:#0011FF;} .indexnews12 a:hover{ color:#0011FF; text-decoration:underline;} .indexnews21{ width:80px; text-align:center; color:#555555; border-bottom:dashed 1px #D3D5D6;} .indexnews22{ padding-left:9px; color:#555555;} .join_home{ background-repeat:no-repeat; background-position:center top;} .join_home img{ min-width:1200px; max-width:100%; border:0;} /*新闻列表页样式*/ .newslist1{border-bottom:dashed 1px #cccccc; padding:0; display:block;} .newslist1_1{background-image:url(../index/arrow1.gif); background-repeat:no-repeat; background-position:8px 22px; float:left; font-size:16px; width:740px; padding:15px 0 15px 24px;} .newslist1_2{width:100px; text-align:center; float:right; padding:17px 0 0;} .newslist2{ padding:20px 20px; border-bottom:dashed 1px #d5d5d5;} .newslist2:hover{ background-color:#f6f4e2;} .newslist2_1{ width:288px; padding:0 5px;} .newslist2_1 a{ display:inline-block;} .newslist2_1 img{ width:280px; height:180px; border:solid 1px #E5E5E5; padding:3px; background-color:#FFF;} .newslist2_1 a:hover img{ border-color:#888888; -webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .newslist2_2{ width:720px;} .newslist2_2_1{ padding:5px 0; line-height:28px;} .newslist2_2_1 a{ font-size:18px; font-weight:bold;} .newslist2_2_2{ line-height:26px;} .newslist2_2_3{ line-height:26px; color:#959595; padding:5px 0 0;} .newslist3{ width:290px; padding:25px 35px 0; vertical-align:top;} .newslist3 a{ display:inline-block; text-align:center; line-height:22px;} .newslist3 img{ width:280px; height:180px; border:solid 1px #E5E5E5; padding:4px; background-color:#FFF; margin-bottom:6px;} .newslist3 a:hover img{ border-color:#888888; -webkit-box-shadow:0 5px 10px #B8B8B8; -moz-box-shadow:0 5px 10px #B8B8B8; box-shadow:0 5px 10px #B8B8B8;} .newslist3_2{} .newslist3_2 img{ height:189px;} .newslist4{ padding:20px 0 0;} .newslist4 a{ border:solid 1px #e5e5e5; background-color:#FFF; padding:19px; display:block;} .newslist4_1{ font-size:18px; font-weight:bold;} .newslist4_2{ color:#7d7d7d; padding:15px 0 0;} .newslist4_3{padding:15px 0 0;} .newslist4_3 img{ width:1040px; height:300px; border:0;} /*新闻详细页样式*/ .newdetail{} .newdetail1{padding:26px 5px 0; text-align:center; font-size:22px; color:#333;} .newdetail2{border-bottom:solid 1px #e6e5e5; color:#a8a8a8; padding:8px 0px 12px; text-align:center;} .newdetail3{line-height:28px; padding:5px 10px;} .newdetail3 img{ max-width:100%;} .newdetail4{padding-top:10px; border-top:solid 1px #e6e5e5; line-height:26px; width:100%; display:inline-block;} .newdetail5{line-height:28px;} .newdetail5 img{ max-width:100%;} .txtinput{background-color:#FFF; border:solid 1px #D1D1D1; height:30px; line-height:30px; padding:0 4px;} .txtinput2{background-color:#FFF; border:solid 1px #D1D1D1; padding:0 4px;} .indextxtinput{ background-color:#232323; border:solid 1px #414141; padding:0 5px; height:28px; line-height:28px; color:#cecece; width:360px;} .indextxtinput2{ background-color:#232323; border:solid 1px #414141; padding:0 5px; line-height:22px; color:#cecece; width:360px;} .bt{ background-image:url(../index/otherbt.png); width:90px; height:30px; line-height:30px; cursor:pointer; border:0; color:#6a3906; font-size:14px; display:inline-block; background-color:transparent;} .bt:hover{ background-position:0 -30px; color:#FFF;} .otherbt1{ background-image:url(../index/otherbt2.gif); width:120px; height:40px; line-height:40px; cursor:pointer; border:0; color:#FFF; font-size:14px; display:inline-block;} .otherbt1:hover{ background-position:0 -40px; color:#FF0;} .otherbt2{ background-image:url(../index/otherbt.png); width:90px; height:30px; cursor:pointer; border:0; color:#6a3906; font-size:14px; background-color:transparent;} .otherbt2:hover{ background-position:0 -30px; color:#FFF;} /*友情连接*/ .friendlink{ border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; padding:5px 0; line-height:26px; font-size:13px;} .friendlink a{ padding:0 10px; display:inline-block;} /*产品滚动列表样式*/ .roll {display: inline-block;overflow: hidden;width: 500px; height:122px;} .roll .LeftBotton{display: inline; float: left; overflow: hidden; width:20px; cursor: pointer; text-align:center; margin-right:10px;} .roll .LeftBotton img{ width: 20px; height:85px;} .roll .RightBotton img{ width: 20px; height:85px;} .roll .RightBotton {display: inline;float: left;overflow: hidden; width: 20px; cursor: pointer; text-align:center; margin-left:10px;} .roll .Cont { padding-right: 0px; padding-left: 0px; float: left; overflow: hidden; width: 440px;} .roll .ScrCont {width: 10000000px} .roll #List1 {float: left;} .roll #List2 {float: left;} /*友情连接*/ #link{ margin:0px; padding:0px;} #link li{float:left; padding:3px 2px;} #link li a{width:124px; display:block; padding:8px 5px 5px 20px; border:solid 1px #E1E1E1; background-image:url(../index/arrow1.gif); background-repeat:no-repeat; background-position:8px 10px;} #link li a:hover{background-color:#F6F6F6;} .wk1_1{ background-image:url(../index/leftmenubg.gif); height:203px; padding:0px 43px 0px 30px; background-repeat:no-repeat;} .leftmenu{ background-color:#dcdcdc;} .leftmenu a{ height:48px; line-height:48px; padding:0 30px; display:inline-block; font-size:15px; color:#1b1b1b;} .leftmenu a:hover{ color:#c23700;} .leftmenu .this{ background-color:#fff100;} .leftmenu .this:hover{ color:#1b1b1b;} .lmenu1{ padding:0 0 5px;} .lmenu2{} .leftmenu1{ background-image:url(../index/leftmenu1.gif); background-repeat:repeat-x; color:#FFF; text-decoration:none; display:block; line-height:33px; padding:0 0 0 20px; font-size:14px; font-weight:bold;} .leftmenu1:hover{ background-position:0 -33px; color:#FF0; text-decoration:none;} .leftmenu1o{ background-image:url(../index/leftmenu1.gif); background-repeat:repeat-x; background-position:0 -33px; color:#FF0; text-decoration:none; display:block; line-height:33px; padding:0 0 0 20px; font-size:14px; font-weight:bold;} .leftmenu1o:hover{ color:#FF0;} .leftmenu2{ background-image:url(../index/leftmenu2.gif); background-repeat:no-repeat; background-position:8px 10px; line-height:26px; color:#51A7D3; text-decoration:none; font-weight:bold; padding:2px 0px 2px 26px; display:block; border-bottom:dashed 1px #4DADDF;} .leftmenu2:hover{color:#FE6C09; text-decoration:none;} /*招聘样式*/ .JobsList1{ background-color:#E2E2E2;} .JobsList2{ background-color:#F3F3F3; text-align:center; font-weight:bold;} .JobsList3{ background-color:#FFF;} .JobsList3 a{ color:#F00;} .JobsList3 a:hover{ text-decoration:underline;} .JobsList4{ background-color:#FFF; text-align:center;} .JobsAdd2{ background-color:#F3F3F3; text-align:center; width:140px;} .JobsAdd3{ background-color:#FFF;} .JobsAdd3 .txtinput{ width:350px; background-color:#FFF; height:22px; line-height:22px; border:solid 1px #D1D1D1;} .JobsAdd3 .txtarea{ width:860px; height:100px; border:solid 1px #D1D1D1;} /*首页焦点效果*/ .fullSlide { width:100%; position:relative; background:#FFF; } .fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; } .fullSlide .bd ul { width:100% !important; } .fullSlide .bd li { width:100% !important; overflow:hidden; text-align:center; background-position:center top; background-repeat:no-repeat; } .fullSlide .bd li a { display:block; } .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:42px; height:11px; 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:-52px; left:30px; z-index:1; width:57px; height:104px; background:url(../index/indexbannerbt.jpg) 0 0 #E9E5E4 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; } .fullSlide .next { left:auto; right:30px; background-position:-57px 0px; } .fenxiang{ height:36px; line-height:36px; padding:10px 0 0 0; font-size:12px;} .fenxiang1{ float:left; margin-right:8px; font-weight:bold;} .fenxiang2{ float:left;} .setpage{ padding:20px 0; text-align:center; line-height:20px; font-size:15px; font-family:Arial, Helvetica, sans-serif;} .setpage a{ padding:6px 12px; display:inline-block; border:solid 0px #666;} .setpage a:hover{ color:#e4007f;} .setpage input{ border:solid 1px #666666; background-color:#000; height:19px; color:#FFF; width:30px; margin-bottom:1px;} .setpage .currentpage{ padding:6px 12px; display:inline-block; border:solid 0px #002C6E; color:#e4007f;} .nodata{ padding:80px; text-align:center;} /*右边在线浮动图标*/ .side_right {width:90px;right:10px;position:fixed;z-index:102; top:50%; margin-top:-225px;} .side_right .con{position:relative;height:450px;} .side_right .con a{ width:90px; height:90px; line-height:90px; text-align:center; display:inline-block; margin-bottom:6px; background-image:url(../index/tools_icon_20171104.png);} .side_right .con .tools_icon1{ background-position:0 0;} .side_right .con .tools_icon1:hover{ background-position:-90px 0;} .side_right .con .tools_icon2{ background-position:0 -90px;} .side_right .con .tools_icon2:hover{ background-position:-90px -90px;} .side_right .con .tools_icon3{ background-position:0 -180px;} .side_right .con .tools_icon3:hover{ background-position:-90px -180px;} .side_right .con .tools_icon4{ background-position:0 -270px;} .side_right .con .tools_icon4:hover{ background-position:-90px -270px;} .side_right .con .tools_icon5{ background-position:0 -360px;} .side_right .con .tools_icon5:hover{ background-position:-90px -360px;} .side_right .con #totop{cursor:pointer;} .side_right .nobt{ height:90px;} .side_right .con .rightweixin{} .side_right .con .rightweixin .weixin{ display:none;} .side_right .con .rightweixin a:hover .weixin{ display:block; border:0; position:absolute; margin:-55px 0 0 -170px;}