@charset "utf-8"; @import "fonts/font.css?v=20190712"; @import "fonts/font-awesome.css?v=20190712"; html{ overflow-y:scroll;} body { margin: 0px; padding:0px; background-color:#FFF; } body,td,th,input,textarea,select { font-size: 14px; color:#313131; font-family: "Microsoft Yahei","寰蒋闆呴粦", Arial, Helvetica, sans-serif; } input,textarea{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} textarea{ resize:none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c0c0c0;} input:-moz-placeholder, textarea:-moz-placeholder {color: #c0c0c0;} input::-moz-placeholder, textarea::-moz-placeholder {color: #c0c0c0;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c0c0c0;} ul,li,form{ margin:0; padding:0; list-style-type:none;} a{color:#313131; text-decoration:none; position:relative;} a:hover, a:focus{color:#ff2300; text-decoration:none;} a,i,.animation{ 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; } .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);} 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%;} .setimg2{} .setimg2 img{ width:100%;} .AnimationScale img{transition:all 0.5s;-ms-transition::all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;} .AnimationScale:hover img{transform:scale(1.06);-ms-transform::scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);} .AnimationTranslateX{transition:all 0.3s;-ms-transition::all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;} .AnimationTranslateX:hover{transform:translateX(5px);-ms-transform::translateX(5px);-moz-transform:translateX(5px);-webkit-transform:translateX(5px);-o-transform:translateX(5px);} .AnimationRight{animation:fadeInRight 0.6s .1s ease both; -webkit-animation:fadeInRight 0.6s .1s ease both; -moz-animation:fadeInRight 0.6s .1s ease both; -ms-animation:fadeInRight 0.6s .1s ease both; -o-animation:fadeInRight 0.6s .1s ease both;} @keyframes fadeInRight{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-15px)}100%{opacity:1;-webkit-transform:translateX(0)}} @-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-15px)}100%{opacity:1;-moz-transform:translateX(0)}} @-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(-15px)}100%{opacity:1;-ms-transform:translateX(0)}} @-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-15px)}100%{opacity:1;-o-transform:translateX(0)}} .body_container{ max-width:1360px; position:relative;} .body1{max-width:1360px; margin:0px auto;} .body2{background-color:#FFF; padding:20px;} .body3{background-color:#FFF;} .tdh{height:10px; font-size:1px; line-height:1px;} .tdh2{height:20px; font-size:1px; line-height:1px;} .tdh3{height:30px; font-size:1px; line-height:1px;} .tdh4{height:40px; font-size:1px; line-height:1px;} .tdw{width:10px; font-size:1px; line-height:1px;} .tdw2{width:20px; font-size:1px; line-height:1px;} .txtshadow1{-webkit-text-shadow:2px 2px 6px rgba(0,0,0,0.5); -moz-text-shadow:2px 2px 6px rgba(0,0,0,0.5); text-shadow:2px 2px 6px rgba(0,0,0,0.5);} .shadow1{-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,0.2); box-shadow:2px 2px 6px rgba(0,0,0,0.2);} .shadow2{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);} .a_shadow1{} .a_shadow1:hover{-webkit-box-shadow:0 3px 10px #a5a5a5; -moz-box-shadow:0 3px 10px #a5a5a5; box-shadow:0 3px 10px #a5a5a5;} .a_shadow2 img{} .a_shadow2:hover img{-webkit-box-shadow:0 3px 10px #a5a5a5; -moz-box-shadow:0 3px 10px #a5a5a5; box-shadow:0 3px 10px #a5a5a5;} /* .shadow1 a{-webkit-box-shadow:3px 3px 15px #B8B8B8; -moz-box-shadow:3px 3px 15px #B8B8B8; box-shadow:3px 3px 15px #B8B8B8;} */ .header{ background-color:#FFF; height:60px; position:fixed; z-index:99997; width:100%; -webkit-transform:translateZ(0); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.2);} .header .logo{} .header .logo a{ display:inline-block;} .header img{ height:60px;} .header .menu{} .header .menu1{ line-height:50px;} .header .menu1_1{ border:solid 1px #cacaca; margin:11px 0 0;} .header .menu1_1 .find_txt{ width:140px; border:0; height:26px; line-height:24px; padding:0 5px; outline:none;} .header .menu1_2{ padding:0 30px 0 0;} .header .menu1_2 a{background-image:url(/index/link.png); background-position:left center; background-repeat:no-repeat; padding:0 5px 0 23px; margin:0 5px; display:inline-block;} .header .menu1_3{ background-image:url(/index/tell.png); background-position:left center; background-repeat:no-repeat; padding:0 30px 0 28px;} .header .menu2{} .header .tools{ position:relative; margin-left:50px;} .header .tools li{ float:left;} .header .tools a{width:30px; display:block; color:#313131; height:60px; line-height:60px; font-size:16px; text-align:center; margin:0 5px;} .header .tools a i{height:60px; line-height:60px;} .header .tools a:hover{ color:#ff2300;} .header .tools .find{ background-color:#FFF; border:solid 1px #ff2300; position:absolute; padding:0 0 0 6px; width:234px; margin-top:-5px; margin-left:-200px; z-index:1000; transform:scale(0);} .header .tools .find .find_txt{ width:170px; border:0; height:30px; line-height:28px; outline:none;} .header .tools .find .find_bt{ background-color:#ff2300; padding:4px; cursor:pointer;} .header .tools .find .find_bt:hover{ background-color:#bf0f06;} .header .nav_icon{ position:relative;} .header .nav_icon a{width:30px; display:block; color:#313131; height:60px; line-height:60px; font-size:15px; font-weight:bold; text-align:center;} .header .nav_icon a i{height:60px; line-height:60px;} .header .nav_icon a:hover{ color:#ff2300;} .header_bg{ height:60px;} /*涓昏彍鍗?/ .mainnav{ position:relative; z-index:1; display:block; z-index:999;} .mainnav a{ color:#000000; display:block;} .mainnav .nLi{ float:left; position:relative;} .mainnav .nLi span{ background-image:url(../index/mainmenu_jg.png); background-repeat:no-repeat; background-position:right center; height:50px; padding:5px 11px 5px 10px; display:block;} .mainnav .nLi span a{ display:block; line-height:40px; padding:0 15px; font-size:16px; color:#313131; text-transform:uppercase; text-align:center;} .mainnav .on span a{ background-color:#ff2300; color:#FFF;} .mainnav .sub{ display:none; left:0; top:80px; position:absolute; background-color:#FFF; padding:10px 15px 20px;-moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} .mainnav .sub li{ zoom:1; border-bottom:dashed 1px #d2d2d2;} .mainnav .sub a{ display:block; line-height:25px; font-size:14px; color:#666666; padding:4px 0;} .mainnav .sub a:hover{ color:#ff2300;} .mainnav .sub a i{ background-image:url(/index/mainmenu_sub1.png); background-position:-9px 0; background-repeat:no-repeat; width:9px; height:9px; display:inline-block; margin-right:8px;} .mainnav .sub a:hover i{ background-position:0 0;} .banner{ height:150px; background-position:center -30px; background-repeat:no-repeat; border-bottom:solid 5px #FFF;} /* background-size:auto 100%;*/ .foot1{ background-color:#f1f0f0; padding:40px 0 40px; color:#898989;} .foot1 a{ color:#898989;} .foot1 a:hover{ color:#222;} .foot1_1{} .foot1_1>.myrow>ul{} .foot1_1>.myrow>ul>li{ float:left;} .foot1_1>.myrow>ul>li>a{ line-height:22px; font-size:16px; font-weight:bold; color:#333333; margin-right:10px;} .foot1_1>.myrow>ul>li>a:hover{ color:#222;} .foot1_1>.myrow>ul>li>ul{ padding:10px 0 0;} .foot1_1>.myrow>ul>li>ul>li>a{ padding:3px 0; margin-right:10px;} .foot1_2{ padding:0;} .foot1_2_1{ line-height:22px; font-size:16px; font-weight:bold; color:#333333;} .foot1_2_2{ padding:10px 0 0; line-height:2;} .foot1_3{ text-align:right; padding:0 15px 0 0;} .foot1_3_1{ margin-left:30px;} .foot_menu{ width:35%;} .foot_prod_menu{ width:65%;} .foot_prod_menu li{ width:50%; float:left;} .foot2{ border-top:solid 1px #d5d5d5; background-color:#f1f0f0; padding:18px 10px; line-height:1.6; margin-bottom:60px; text-align:center;} .mt1{ margin-top:10px;} .mt2{ margin-top:20px;} .mt3{ margin-top:30px;} .mt4{ margin-top:40px;} .mt5{ margin-top:50px;} .myrow{ overflow:hidden;} .myrow:after{ clear:both;display: table; content:" ";} .more1{} .more1 a{ border:solid 1px #737373; line-height:33px; display:inline-block; padding:0 22px;} .more1 a:hover{ border-color:#ff2300; background-color:#ff2300; color:#FFF;} .more2{ position:absolute; right:0; display:inline-block; line-height:24px; padding:0 10px;} .title1{ background-image:url(/index/line1.png); background-repeat:repeat-x; background-position:center; text-align:center; position:relative;} .title1 span{ background-color:#FFF; display:inline-block; padding:0 10px;} .title1 span h1{ margin:0; font-weight:bold; font-size:20px;} .title1 span h2{ margin:5px 0; font-size:15px;} .title2{ text-align:center; color:#888888; padding:5px 0 0;} .index_content{ padding:20px 0; overflow:hidden;} .index_height{ height:20px;} .index_about{ background-color:#f4f4f4; background-image:url(../index/index-about-bg.jpg); background-repeat:no-repeat; background-position:right top;} .index_about1{ max-width:620px; margin:0 auto;} .index_about2{ padding:10px;} .index_about2 .title{ font-size:24px; font-weight:bold;} .index_about2 .desc{ padding:10px 0; line-height:1.8;} .index_about2 .more1{ padding:5px 0 0;} .index_news1{} .index_news1 a{ background-color:#f3f3f3; padding:1px; display:block;} .index_news1 a:hover{ background-color:#ff2300; color:#FFF;} .index_news1 .pic{ overflow:hidden;} .index_news1 .title{ font-size:16px; padding:0 10px; line-height:50px; height:50px; overflow:hidden; font-weight:bold;} .index_news1 .desc{ padding:0 10px; height:66px; line-height:22px; overflow:hidden;} .index_news1 .more{ padding:20px 10px; text-align:center;} .index_news1 .more span{ border:solid 1px #999; padding:0 20px; font-size:14px; color:#313131; text-transform:uppercase; height:32px; line-height:32px; display:inline-block; -moz-border-radius:5px; border-radius:5px;} .index_news1 a:hover .more span{ border-color:#FFF; background-color:#FFF; color:#ff2300;} .index_link{} .index_link li{ float:left; width:50%; text-align:center; margin:10px 0 0;} .index_link li a{ padding:0 10px; display:inline-block;} .left{ min-height:330px;} .left_title{ border-bottom:solid 1px #cecece; padding:0 0 12px; line-height:42px; font-size:24px; color:#222;} .left_menu{} .right{ width:100%;} .page_content{ padding:30px 0;} .content1{ line-height:1.6;} .newscontent{} .prodcontent{} .downloadcontent{ padding:30px 0;} .messagecontent{ padding:20px 0 0; max-width:700px; margin:0 auto;} .feedback{} .feedback div{ padding:5px 0;} /*褰撳墠浣嶇疆*/ .location0{ background-color:#8499a5; text-align:center; padding:22px 0 20px 0;} .location1{ text-transform:uppercase; font-size:26px; line-height:44px; color:#ff2300; background-image:url(../index/location1.png); background-repeat:no-repeat; background-position:left 8px; padding:0 0 10px 36px;} .location2{ padding-left:22px; line-height:30px; background-image:url(../index/location2.png); background-repeat:no-repeat; background-position:left center;} .location2 a{display:inline-block;} .location2 a:hover{} #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;} .prodclass1{ padding:10px; vertical-align:top;} .prodclass1 a{ position:relative; display:block; background-color:#000;} .prodclass1 a div{ position:absolute; width:100%; margin-top:50%; display:block; text-align:center;} .prodclass1 a div span{ background-color:#000; font-size:15px; color:#FFF; padding:10px 0px; width:85%; opacity:0.7; display:inline-block;} .prodclass1 a:hover div span{ background-color:#FFF; color:#000;} .ProdclassReadme{ padding:0px 15px 15px; line-height:20px;} /*浜у搧鍥炬爣鑿滃崟*/ .prodclass_menu{ padding:0 0 30px;} .prodclass_menu li{ width:16%; text-align:center; float:left; margin:15px 0 0;} .prodclass_menu li a{ display:block; padding:0 6px; text-transform:uppercase; line-height:1.3;} .prodclass_menu li a div{ padding:0 10%;} .prodclass_menu li a img{ max-width:100%; margin:0 0 6px;-moz-border-radius:200px; border-radius:200px;} /*浜у搧棣栭〉*/ .product_home1{ padding:5px 0; text-align:center; font-size:20px; font-weight:bold;} .product_home2{} /*浜у搧鍒楄〃鏍峰紡*/ .productlist1{ text-align:center; padding:10px;} .productlist1 a{ display:block; position:relative;} .productlist1 .pic{ position:relative; overflow:hidden; border:solid 0px #dedede;} .productlist1 .pic img{ width:100%;} .productlist1 .txt{ line-height:50px; height:50px; overflow:hidden; padding:0 10px;} .productlist1 a:hover .pic{ border-color:#ff2300;} .productlist2{ text-align:center; padding:6px;} .productlist2 a{ display:block; position:relative; font-size:18px; color:#FFF; overflow:hidden;} .productlist2 .pic{ position:relative; overflow:hidden;} .productlist2 .pic img{ width:100%;} .productlist2 .txt{ position:absolute; top:100%; background-color:rgba(0,0,0,0.5); height:100%; width:100%; display:flex;display:-webkit-flex; align-items:center; justify-content:center;} .productlist2 .txt span{ padding:0 15px;} .productlist2 a:hover .txt{ top:0;} .productlist2s{} .productlist2s img{ width:170px; height:170px;} .productlist3{} .productlist3 img{ width:260px; height:195px;} /*浜у搧璇︾粏鏍峰紡*/ .prod_detail{ padding:0;} .prod_detail_width{ max-width:800px; margin:0 auto;} .prod_detail_left{ width:100%;} .prod_detail_left1{ border:solid 1px #d3d3d3; text-align:center;} .prod_detail_left2{ padding:10px 0 0;} .prod_detail_left2 a{ margin:5px; display:inline-block;} .prod_detail_left2 a img{ width:56px; height:56px; border:0;} .prod_detail_right{ width:100%;} .prod_detail_title{ font-size:28px; color:#222; padding:10px 0; line-height:1.2; font-weight:bold;} .prod_detail_otherpic{ padding:6px 0;} .prod_detail_otherpic a{ display:inline-block; border:solid 1px #dbdbdb; margin:0 8px 8px 0;} .prod_detail_otherpic a:hover{ border-color:#ababab;} .prod_detail_otherpic a img{ width:80px; height:80px; border:0;} .prod_detail_desc{ line-height:1.8;} .prod_detail_cartbt{ padding:15px 0 0;} .prod_detail_content{ margin:20px 0 0;} .prod_detail_content_title{ border-bottom:solid 1px #eeeeee; text-align:center; font-size:18px; line-height:36px; color:#595959; font-weight:bold; text-transform:uppercase;} .prod_detail_content_title::after{position:relative;height:2px;display:table;content:"";left:50%;width:80px;margin-left:-40px;background-color:#595959;} .prod_detail_content_list{ line-height:1.8;} .prod_otherdetail_title{ font-size:28px; color:#222; padding:10px 0; line-height:1.2; font-weight:bold;} .prod_otherdetail_photo{ text-align:center; padding:10px 0 0;} .prod_otherdetail_content{ padding:20px 0; line-height:1.8;} .prod_detail_bt{ text-align:center; padding:15px 0;} .prod_detail_bt a{ margin:0 5px;} .prod_detail_othertitle{ text-align:center; padding:15px 0;} .prod_detail_othertitle span{ border-bottom:solid 2px #8b002b; font-size:22px; font-weight:bold; text-transform:uppercase; color:#8b002b; padding:0 5px; display:inline-block; line-height:40px;} .prod_detail_more{ padding:10px 0 0;} .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:0 0 30px;} .proddetail5 { line-height:1.8; padding:20px 0 0;} .proddetail2 img, .proddetail3 img{ max-width:100%;} /*浜у搧璇︽儏鐩稿唽3*/ .prod_detail_photo3{} .prod_detail_photo3 img{ width:100%;} .prod_detail_photo3 .big{ text-align:center; position:relative;} .prod_detail_photo3 .big .prompt{ position:absolute; left:50%; bottom:15px; margin-left:-90px; width:180px; line-height:36px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:14px; z-index:10; -moz-border-radius:40px; border-radius:40px;} .prod_detail_photo3 .small{ position:relative; margin-top:10px; padding:0 20px;} .prod_detail_photo3 .small .swiper-slide a{ margin:8px; display:block; cursor:pointer; background-color:#000;} .prod_detail_photo3 .small .swiper-slide-thumb-active img{opacity: 0.6;} @media (min-width: 768px) { .prod_detail_photo3 .small{ margin-top:10px; padding:0 26px;} } @media (min-width: 992px) { .prod_detail_photo3 .small{ margin-top:10px; padding:0 30px;} } @media (min-width: 1200px) { .prod_detail_photo3 .small{ margin-top:20px; padding:0 40px;} .prod_detail_photo3 .small .swiper-slide a{ margin:10px;} } /*鏂伴椈鍒楄〃椤垫牱寮?/ .newslist1{border-bottom:dashed 1px #cccccc;background-image:url(/index/arrow1.gif); background-repeat:no-repeat; background-position:8px 23px;font-size:14px;padding:15px 0 15px 24px;} .newslist1 span{ float:right; color:#999; width:100px; text-align:center;} .newslist2{ padding:20px 0px; border-bottom:dashed 1px #cccccc;} .newslist2_1{} .newslist2_1 a{ overflow:hidden; display:block; border:solid 1px #d3d3d3; padding:3px;} .newslist2_1 img{ border:0;} .newslist2_1 a:hover{ border-color:#ff2300;} .newslist2_2{} .newslist2_2_1{ padding:5px 0; line-height:28px;} .newslist2_2_1 a{ font-size:16px; font-weight:bold; display:block;} .newslist2_2_1 a:hover{} .newslist2_2_2{ line-height:22px;} .newslist2_2_3{ line-height:26px; color:#959595; padding:5px 0 0;} .newslist2_2_4{ padding:10px 0 0;} .newslist2_2_4 a{background-color:#ff2300; height:30px; line-height:30px; color:#FFF; display:inline-block; padding:0 20px;} .newslist2_2_4 a:hover{background-color:#e6212a; color:#FFF;} .newslist3{} .newslist3 a{ display:block; text-align:center; line-height:22px; margin:10px 0;} .newslist3 .pic{ overflow:hidden; border:solid 1px #d3d3d3; padding:3px;} .newslist3 img{ border:0;} .newslist3 a:hover .pic{ border-color:#ff2300;} .newslist3 .txt{ padding:8px 0 0;} /*鏂伴椈璇︾粏椤垫牱寮?/ .newdetail{} .newdetail1{padding:5px 5px 0; text-align:center; font-size:22px; color:#333;} .newdetail2{border-bottom:dashed 1px #cccccc; color:#a8a8a8; padding:8px 0px 12px; text-align:center;} .newdetail3{line-height:1.8; padding:10px 0px;} .newdetail3 .video{ max-width:800px; margin:0 auto; padding:0 0 20px;} .newdetail3 .video video{ max-height:600px;} .newdetail3 img{ max-width:100%;} .newdetail4{padding-top:10px; border-top:dashed 1px #cccccc; line-height:26px; width:100%; display:inline-block;} .newdetail4_1{} .newdetail4_2{ text-align:left;} .newdetail5{line-height:1.8; padding:0;} .newdetail5 img{ max-width:100%;} .my-gallery>a{ padding:0 8px;} .my-gallery .clear2{ clear:both;} .my-gallery .clear3{ clear:none;} /*淇℃伅鍙嶉*/ .feedback1{ width:80px; text-align:right; padding:5px 10px 5px 0;} .feedback1 span{ color:#F00;} .feedback2{ padding:5px 0;} /*鑱旂郴鎴戜滑*/ .contact_title{ font-size:18px; font-weight:bold; line-height:18px; padding:20px 0;} .contact_title2{ padding-left:0;} .contact1{ border-right:0;} .contact1_1{ line-height:32px;} .contact2{} .contact2_1{} .contact2_1_1{ padding:6px 0} .contact2_1_1 label{ font-size:13px; padding:0 5px 0 0; text-align:right; width:80px; font-weight:normal;} .contact2_1_1 input{ border:solid 1px #e4e4e4; line-height:36px; height:36px; width:65%; margin:0; padding:0 10px;} .contact2_1_1 textarea{ border:solid 1px #e4e4e4; line-height:22px; height:84px; width:65%; margin:0; padding:0 10px;} .contact2_1_3{ text-align:center; padding:10px 0 0;} .contact3{border-top:solid 1px #e3e3e3; padding:30px 0 0;} .contact3_1{ border:solid 1px #E1E1E1; height:350px;} .txtinput{background-color:#F9F9F9; border:solid 1px #D1D1D1; height:34px; line-height:32px; padding:0 5px; width:100%;} .txtinput2{background-color:#F9F9F9; border:solid 1px #D1D1D1; line-height:20px; padding:0 5px; width:100%;} .bt,.bt:link{ background-color:#ff2300; width:90px; height:30px; line-height:30px; cursor:pointer; border:0; color:#FFF; font-size:14px; display:inline-block; text-align:center;} .bt:hover{ background-color:#e6212a; color:#FFF;} .otherbt1{ border:solid 0px #ff2300; background-color:#ff2300; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:32px; line-height:32px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;} .otherbt1:hover{ background-color:#e6212a; color:#FFF;} .otherbt2{ border:solid 0px #ff2300; background-color:#ff2300; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:40px; line-height:40px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;} .otherbt2:hover{ background-color:#e6212a; color:#FFF;} .otherbt3{ border:solid 0px #ff2300; background-color:#ff2300; width:180px; font-size:16px; color:#FFF; text-transform:uppercase; height:40px; line-height:40px; display:inline-block; text-align:center;-moz-border-radius:25px; border-radius:25px;} .otherbt3:hover{ background-color:#FFF; color:#ff2300;} /*涓嬭浇*/ .download{ border-collapse:collapse;} .download th, .download td{ border:solid 1px #e8e8e8; padding:8px;} .download th{ background-color:#f5f5f5; text-align:center;} .downloadtd1{} .downloadtd2{ width:120px; text-align:center;} .downloadtd2 .bt{ width:110px;} /*瑙嗛鏍峰紡*/ .videolist{text-align:center; vertical-align:top; width:250px; padding:0px 13px 20px;} .videolist img{ width:240px; height:180px; border:solid 1px #E4E4E3; background-color:#FFF; margin-bottom:6px; padding:4px;} .videolist a{ display:inline-block;} .videodetail1{ text-align:center; padding:20px 0 10px; font-size:20px; font-weight:bold; color:#ff2300;} .videodetail2{ text-align:center;} .videodetail3{ text-align:center; padding:15px 0 0;} /*浼氬憳鏍峰紡*/ .star{ color:#F00; font-size:16px;} .mb_title{ text-align:center; font-size:22px; padding:10px 0; color:#333333;} .mb_name{ padding:3px; line-height:36px; color:#999; text-align:right;} .mb_txt{ padding:3px;} .mb_txt input{ border:solid 1px #e4e4e4; line-height:32px; height:32px; margin:0; padding:0 5px; width:200px;} .mb_txt textarea{ border:solid 1px #e4e4e4; line-height:22px; height:84px; margin:0; padding:0 5px; width:200px;} .mb_bt{ text-align:center; padding:10px 0;} /*璐墿杞?/ .InquireBasket{z-index: 1501; background-color:#FFF; border:solid 1px #aaaaaa; width:230px; height:270px; position:fixed; right:0; bottom:60px;-webkit-box-shadow:5px 5px 20px #1f2732; -moz-box-shadow:5px 5px 20px #1f2732; box-shadow:5px 5px 20px #1f2732; -webkit-transform:translateZ(0);} .InquireBasket_Title{ background-color:#7298ba; color:#FFF; line-height:40px; font-weight:bold; text-align:center;} .InquireBasket_Title span{} .InquireBasket_Title1{ font-size:20px; width:40px; cursor:pointer; display:inline-block;} .InquireBasket_Title2{ width:148px; font-size:13px; display:inline-block;} .InquireBasket_Title2 span{ color:#ffb629;} .InquireBasket_Content{ height:190px; overflow:auto; background-color:#FFF; font-size:12px;} .InquireBasket_Content li{border-bottom:solid 1px #e8e8e8; padding:8px;} .InquireBasket_Content li img{ width:40px; height:40px; float:left; border:0; margin-right:10px;} .InquireBasket_Content li:hover{ background-color:#fffeee;} .InquireBasket_Content .name{ display:block; line-height:20px; height:20px; overflow:hidden;} .InquireBasket_Content .name a{ color:#246bb3;} .InquireBasket_Content li .delbt{ display:none;} .InquireBasket_Content li:hover .delbt{ display:block; line-height:20px;} .InquireBasket_Content .delbt a{ color:#888;} .InquireBasket_Content .delbt a:hover{ color:#444; text-decoration:underline;} .InquireBasket_Submit{ text-align:right; padding:8px 10px 0 0;} .InquireBasket_Submit a{ background-color:#e64545; color:#FFF; line-height:24px; width:70px; display:inline-block; text-align:center;} .Inquire_Tabs{ border:0; border-collapse:collapse;} .Inquire_Tabs th, .Inquire_Tabs td{ border:solid 1px #d3d3d3; padding:8px;} .Inquire_Tabs th{ background-color:#f1f1f1; height:20px; text-align:center;} .Inquire_Tabs1{ width:40%; text-align:center;} .Inquire_Tabs1 img{ width:120px; max-width:100%; border:0;} .Inquire_Tabs2{} .Inquire_Tabs_Data{ border:0; border-collapse:collapse;} .Inquire_Tabs_Data th, .Inquire_Tabs_Data td{ padding:6px;} .ts{ text-align:center; margin:60px 0;} /*浜у搧婊氬姩鍒楄〃鏍峰紡*/ .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{ border:solid 1px #c6c6c5; padding:20px; margin:0;} .link1{} .link1 .n1{ color:#828282; height:20px; line-height:20px; font-size:30px; display:inline-block; padding:6px 0 0;} .link1 .n2{ background-color:#828282; color:#FFF; line-height:32px; padding:0 10px; display:inline-block; margin:0 20px 0 5px;} .link2{ clear:both; padding:10px 0 0; line-height:32px;} .link2 a{ padding:0 10px; display:inline-block;} .wk1_1{ background-color:#eeeeee; height:38px; line-height:38px;} .wk1_1 h1, .wk1_1 h2{ margin:0; background-color:#ff2300; background-image:url(../index/wk1_1.gif); background-repeat:no-repeat; background-position:right top; display:inline-block; color:#FFF; padding:0 50px 0 20px; line-height:38px; font-size:17px; width:180px; font-weight:normal;} .wk1_1 span{} .wk1_1 span a{ padding:0 20px; display:inline-block;} .wk1_1 a{ color:#FFF;} .wk1_1 a:hover{ color:#FF0;} .submenu{position:relative; margin:-40px 0 0; height:40px; background-image:url(../index/submenubg.png);} .submenu li{ float:left;} .submenu li a{ line-height:40px; color:#FFF; display:inline-block; line-height:35px; padding:3px 15px 0;} .submenu li a:hover{ color:#FF0;} .submenu li .this{ border-top:solid 3px #e77817; padding:0 15px;} .lmenu1{ border-bottom:solid 1px #cecece;} .lmenu1 a{ display:block;} .leftmenu1{ padding:15px 10px 15px 30px; font-size:16px; background-image:url(../index/left-menu1-up.png); background-repeat:no-repeat; background-position:10px 19px; background-size:8px auto;} .leftmenu1:hover{ background-image:url(../index/left-menu1-over.png);} .leftmenu1o{ padding:15px 10px 15px 30px; font-size:16px; color:#ff2300; background-image:url(../index/left-menu1-over.png); background-repeat:no-repeat; background-position:10px 19px; background-size:8px auto;} .lmenu2{ padding:0 0 0 30px;} .lmenu2 li{ border-top:dashed 1px #cecece;} .leftmenu2{ padding:10px 10px 10px 26px; font-size:15px; background-image:url(../index/left-menu2-up.png); background-repeat:no-repeat; background-size:5px auto; background-position:10px 18px;} .leftmenu2:hover{ background-image:url(../index/left-menu2-over.png);} .leftmenu2o{ padding:10px 10px 10px 26px; font-size:15px; color:#ff2300; background-image:url(../index/left-menu2-over.png); background-repeat:no-repeat; background-size:5px auto; background-position:10px 18px;} .menulist{ padding:0 0 15px; text-align:center;} .menulist a{ background-color:#FFF; color:#313131; width:60px; padding:5px 0; font-size:14px; line-height:20px; display:inline-block; margin:4px;-moz-border-radius:60px; border-radius:60px;} .menulist a span{ background-size:cover; width:30px; height:30px; display:block; margin:0 auto;} .menulist a:hover, .menulist .this{ background-color:#d08610; color:#FFF;} /*鎷涜仒鏍峰紡*/ .jobs_list{ border:solid 1px #d3d3d3; padding:0px; margin:0 0 15px;} .jobs_list .jobs_title{ background-color:#ededed; color:#222; font-size:16px; font-weight:bold; line-height:20px; padding:12px 15px;} .jobs_list .jobs_content{ padding:15px 20px;} .jobs_list .jobs_content div{ margin:3px 0; line-height:1.5;} .JobsAdd{} .JobsAdd div{float:left; margin:0 0 10px;} .JobsAdd2{ display:table-cell; width:25%; text-align:center; height:36px; padding:8px 0; line-height:20px;} .JobsAdd3, .JobsAdd4{ display:table-cell; width:75%; height:36px; line-height:36px;} .JobsAdd5{ display:table-cell; height:100px; width:75%; text-align:center;} .JobsAdd3 input, .JobsAdd5 textarea{ background-color:#fafafa; border:solid 1px #d3d3d3; width:100%; height:36px; line-height:36px; outline:none; padding:0 8px;} .JobsAdd5 textarea{ height:100px; line-height:20px;} .JobsAdd6{ text-align:center; width:100%;} .setpage{ text-align:center; line-height:20px;} .setpage a{ background-color:#F0F0F0; padding:1px 6px; display:inline-block; border:solid 1px #666; margin:6px 3px;} .setpage input{ border:solid 1px #313131; background-color:#000; height:19px; color:#FFF; width:30px; margin-bottom:1px;} .setpage .currentpage{ padding:1px 6px; display:inline-block; border:solid 1px #ff2300; color:#FFF; background-color:#ff2300; margin:6px 3px;} /*鍙宠竟鍦ㄧ嚎娴姩鍥炬爣*/ .side_right{ right:5px; position:fixed; z-index:9998; top:50%; width:100px; margin-top:-180px;} .side_right1{ background-image:url(../index/kefu/1.png); height:50px;} .side_right2{ background-color:#ff8a00; text-align:center; padding:5px 0 0;} .side_right2_1{} .side_right2_2{} .side_right2_2 ul{} .side_right2_2 ul li{ margin:5px 0;} .side_right2_2 ul li a{ background-image:url(../index/kefu/bt.gif); background-repeat:no-repeat; background-position:center; line-height:28px; height:28px; display:block; color:#a40000; font-weight:bold; font-size:14px;} .side_right2_2 ul li a:hover{ color:#000;} .side_right2_3{ color:#FFF; padding:5px 0 10px; font-size:13px;} .side_right3{ border-top:solid 1px #ffd099; cursor:pointer;} .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;} .sitemap_location{ padding:0 0 20px;} .sitemap_menu{} .sitemap_menu>li{ border-top:dotted 1px #d1d1d1; padding:20px;} .sitemap_menu>li>a{ padding:10px; display:inline-block; font-weight:bold; font-size:18px;} .sitemap_menu>li>ul>li{ float:left;} .sitemap_menu>li>ul>li>a{ padding:10px; display:inline-block; font-size:16px;} /*鍥剧墖鐩稿唽*/ .jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes jssorl-009-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .jssora106 {display:block;position:absolute;cursor:pointer;} .jssora106 .c {fill:#ff2300;opacity:.3;} .jssora106 .a {fill:none;stroke:#fff;stroke-width:550;stroke-miterlimit:10;} .jssora106:hover .c {opacity:.5;} .jssora106:hover .a {opacity:.8;} .jssora106.jssora106dn .c {opacity:.2;} .jssora106.jssora106dn .a {opacity:1;} .jssora106.jssora106ds {opacity:.3;pointer-events:none;} .jssort101{} .jssort101 .p {position:absolute;top:0;left:0; box-sizing:border-box; cursor:pointer;} .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;} .jssort101 .p:hover{} .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;} .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none; opacity:0.4; border:solid 1px #666;} .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;} /*=============================*/ /*鎵嬫満鍏煎*/ /*搴曢儴瀵艰埅*/ .bottom{ position:fixed; z-index:99997; height:60px; width:100%; bottom:0; background-color:#ff2300; -webkit-box-shadow:0 0 10px #B8B8B8; -moz-box-shadow:0 0 10px #B8B8B8; box-shadow:0 0 10px #B8B8B8; -webkit-transform:translateZ(0);} .bottom li{ width:25%; float:left; text-align:center; line-height:22px;} .bottom img{ width:80%; max-width:20px;} .bottom a{ background-size:auto 40%; line-height:24px; padding:34px 0 6px; display:inline-block; width:100%; background-repeat:no-repeat; background-position:center 8px; color:#FFF;} .bottom a:hover{ color:#FFF;} .bottom_home{ background-image:url(../index/m/foottool_home.png);} .bottom_tel{ background-image:url(../index/m/foottool_tel.png);} .bottom_map{ background-image:url(../index/m/foottool_map.png);} .bottom_email{ background-image:url(../index/m/foottool_email.png);} .bottom_skype{ background-image:url(../index/m/foottool_skype.png);} .bottom_whatsapp{ background-image:url(../index/m/foottool_whatsapp.png);} .foottool_dir{ background-image:url(../index/m/foottool_dir.png);} /*鑿滃崟鑳屾櫙棰滆壊*/ .mobile-nav-back{ height:100%; width:100%; position:fixed; background-color:#000; z-index:99998; top:0; left:-100%; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; } .mobile-nav-back.menu-is-open{ left:0; } /*鑿滃崟*/ .mobile-nav{ height:100%; width:90%; max-width:300px; overflow:hidden; background-color:#FFF; position:fixed; z-index:99999; top:0; left:-300px; display:inline-block; } .mobile-nav.menu-is-open{ left:0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .mobile-nav-close{ position:absolute; right:0; z-index:99999;} .mobile-nav-close img{ width:30px;} .mobile-nav-menu{ height:100%; overflow:auto; padding:0 20px;} .mobile-nav-tools{ position:fixed; z-index:99999; bottom:0; width:100%; text-align:center; padding:15px 0; background-color:#FFF;} .mobile-nav-tools a{ display:inline-block; width:40%; text-align:center; margin:0 3%; line-height:36px; font-size:14px; border:solid 1px #efefef;} .mobile-nav-tools a:hover{ border-color:#c3c3c3;} .mobile-nav-tools img{ width:20px; margin-right:4px;} .mobile-find{ padding:0 0 40px;} .mobile-find1{ width:228px; line-height:32px; height:34px; padding:0 5px; border:solid 1px #CCC;} .mobile-find2{ width:32px; padding:4px 3px;} /*寮瑰嚭鑿滃崟鏍峰紡*/ .toplang{ padding:20px 0 0;} .toplang img{ margin-right:5px;} .toplang a{ display:inline-block; padding:5px; margin-right:5px;} .topnav {width:100%; margin:10px 0 30px;} .topnav {line-height: 0.5em;} .topnav>li {border-bottom:solid 1px #efefef;} .topnav li a { line-height: 20px; font-size: 15px; padding: 15px 5px; color: #313131; display: block; font-weight:bold; text-decoration: none; } .topnav li a:hover { color:#ff2300; } .topnav ul { display: none; padding:0 0 10px; } .topnav ul li { clear: both; } .topnav ul li a { color:#313131; background-image:url(../index/m/mobile-navigation-icon1.png); background-repeat:no-repeat; -moz-background-size:6px; -webkit-background-size:6px; -o-background-size:6px; background-size:6px; background-position:8px 10px; padding:5px 5px 5px 20px; font-size: 14px; font-weight: normal; outline:0; } .topnav ul li a:hover { background-position:8px -28px; } /*浜岀骇*/ .topnav ul ul{ padding:8px 0;} .topnav ul ul li a { color:#313131; background-image:url(../index/m/mobile-navigation-icon2.png); background-position:20px 10px; padding:3px 5px 3px 35px; font-size:13px; } .topnav ul ul li a:hover { background-position:20px -31px; } /*涓夌骇*/ .topnav ul ul ul{ padding:8px 0 8px 16px;} .topnav ul ul ul li a { color:#313131; background-image:url(../index/m/mobile-navigation-icon3.png); background-position:20px 10px; padding:3px 5px 3px 35px; font-size:12px; } .topnav ul ul ul li a:hover { background-position:20px -64px; } .topnav span{ float:right; margin-top:3px; } .topnav .active a{color:#ff2300;} .csshide{display:none;} .cssshow{display:block;} /*姣忚鏄剧ず鏁伴噺*/ .row3{} .row3 .item{ width:50%;} @media (min-width: 768px) { .row3 .item{ width:33.33%;} } .row4{} .row4 .item{ width:50%;} @media (min-width: 768px) { .row4 .item{ width:33.33%;} } @media (min-width: 1200px) { .row4 .item{ width:25%;} } .row5{} .row5 .item{ width:50%;} @media (min-width: 768px) { .row5 .item{ width:33.33%;} } @media (min-width: 992px) { .row5 .item{ width:25%;} } @media (min-width: 1200px) { .row5 .item{ width:20%;} } .row6{} .row6 .item{ width:50%;} @media (min-width: 768px) { .row6 .item{ width:33.33%;} } @media (min-width: 992px) { .row6 .item{ width:25%;} } @media (min-width: 1200px) { .row6 .item{ width:20%;} } @media (min-width: 1500px) { .row6 .item{ width:16.66%;} } /*寮规€у竷灞€*/ .flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:box;flex-wrap:wrap;} .flex_nowarp{flex-wrap:nowrap; } /*鍏冪礌浜ゅ弶杞寸殑璧风偣瀵归綈*/ .flex_align_st{align-items:flex-start;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;} /*鍏冪礌浜ゅ弶杞寸殑缁撴潫瀵归綈*/ .flex_align_se{align-items:flex-end;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;} /*鍏冪礌灞呬腑*/ .flex_align_c{align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;} /*鍏冪礌鐐规弧瀹瑰櫒楂樺害*/ .flex_align_s{align-items:stretch;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;} /*姘村钩鎺掑垪*/ .flex_direction_h{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;} /*姘村钩缈昏浆鎺掑垪*/ .flex_direction_rr{-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse;} /*鍨傜洿鎺掑垪*/ .flex_direction_v {-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;} /*姣忎釜椤圭洰涓や晶闂撮殧鐩哥瓑*/ .flex_justify_sa {-webkit-box-pack:justify;justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;} /*灞呬腑瀵归綈*/ .flex_justify_c {-webkit-box-pack:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;} /*涓ょ瀵归綈*/ .flex_justify_sb {justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;} /*宸﹀榻?/ .flex_justify_fs {-webkit-box-pack:start;justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;} /*鍙冲榻?/ .flex_justify_fe {-webkit-box-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;}