/* CSS Document */ /*all*/ *{ font:14px/29px "微软雅黑,宋体,arial"; padding:0; margin:0;} body {background-color: #FFF; margin:0 auto; width: 100%;} a{ color:#3b3b3b; text-decoration:none;} a:hover{ color:#004e98; text-decoration:none;cursor:pointer;} button{cursor:pointer;} img{ border:0;} ul,ol{ list-style:none;} .clear{ clear: both;} table{ border-collapse:collapse;} /*!all*/ /*index*/ .width-full{ width:100%; margin: 0;} .bgblue{ background: #004e98;} .red{ color:#ff3333;} .white{ color: #fff;} #top{ padding-top: 12px; height:98px; width: 1200px; margin: 0 auto; vertical-align: middle;} #top .logo-t,#top #nav{ float: left;} #top #top-r{ float: right; text-align: right;} #top #nav{ margin: 0 50px 0 50px;} #top #nav a{ margin: 0 10px; color: #acacac; display:inline-block; line-height:98px; height:98px;} #top #nav a:hover{ color: #fff;} #top #nav p{ color: #004e98;} #top #top-r p a{ font-family: "微软雅黑"; font-size: 18px; color: #fff; margin: 0 12px;} #top #top-r p a:hover{color:#fff; text-decoration: underline; transition: .3s;} #top #top-r form input{ border: 0; background: none;} #top #top-r form input[type="search"]{ border-bottom: solid 1px #fff; outline: none; line-height:20px;} #top #top-r p img{ margin-right: 6px; vertical-align: middle;} #top #top-r form input[type="submit"]{ outline: none; margin-right:18px; background:url(/images/index/search.jpg) no-repeat;width: 32px; height:32px;} /*banner*/ .bannerbgqping{ height: 400px; width: 100%; background: #7a787d;} .componybgqp{ height: 400px; width: 100%; background: #2f4246;} .footbgqpsa{ position:relative;} .footbgqpsb{ position:absolute; bottom:0px; z-index: -1000000; height:596px; width: 100%; background:#323a3e;} #banner{ position:relative;} #linebannerindex{ position: absolute; z-index:2; top:0; left: 0; background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0,0, 0) 0, rgba(255, 255, 255,0.3) 50%, transparent 0, transparent 75%, rgba(255, 255, 255,0.1) 0); background-size:5px 5px; width:100%; height:400px;} #bannertxt p{ clear: both; color: #fff;} .font48{ font-family: "微软雅黑"; font-size: 48px; padding:90px 0 40px; line-height: 120%;} .buttonf{ text-align: center; display: block; color: #fff; border: solid 1px #004e98; width: 200px; height: 40px; line-height: 40px; background: #004e98;} .buttonf:hover{background:#fff; border: solid 1px #fff; color: #004e98; transition: .5s;} .bannerbutton{ margin: 30px auto;} .width-1920bg{ width:100%; margin: 0 auto;} .indexbannerbg{ height: 400px; background:url(/images/index/banner1.jpg) no-repeat center center; width:100%;} #bannertxt{position:absolute; top:0px; left: 30%; width:40%; text-align: center;} /*Standard Products*/ .width-1200px{ width: 1200px; margin: 0 auto;} .width-900px{ width: 900px; margin: 0 auto;} #standardtitle{ height:20px; margin:0 20px 20px;} #standardtitle a{ font-size:20px; font-family: "微软雅黑"; margin-left:40px; float: right; color: #9A9A9A;} #standardtitle a:hover{ text-decoration: underline;} #standardtitle a img{ vertical-align: middle; margin-right: 10px;} #standardtitle .titleindex{ float: left; margin-left:0px; padding-left: 20px; height:20px; line-height: 20px; font-size:20px; color: #004e98; border-left: solid 10px #004e98;} #standardtitle .titleindex:hover{ text-decoration: none;} #standarproducts li{overflow: hidden; margin:0 9px 30px 8px; border: solid 1px #e5e5e5;float: left; width: 379px; height: 435px;} #standarproducts li div{ font-weight:1; vertical-align: middle; padding:15px 15px; clear: both; height:100px; background: #004e98; color: #fff;} #standarproducts li div p:first-child{ font-size: 21px; font-family: "微软雅黑"; margin-bottom: 5px;} #standarproducts li p{ font-size: 12px; color: #E5E5E5; l} #standarproducts li .txtt p:first-child{margin-top:0;} #standarproducts li:hover div{ background: #003b73; transition:.5s;} #standarproducts li:hover img{transform: scale(1.05); transition:.5s;} /*Custom Slip Ring */ .custombg{ height:348px; background: #969696;} .bgline{width:100%; height:348px; background-image: linear-gradient(135deg, transparent 25%, rgba(191, 191,191, 1) 0, rgba(255, 255, 255, 0.3) 50%, transparent 0, transparent 75%, rgba(255, 255, 255, 0.3) 0); background-size:5px 5px;} #custombgimg{ padding:88px 0; width: 1200px; height:148px; margin:40px auto 0; } .orange40px a{ color: #004e98; font-size: 40px; font-family: "微软雅黑";} #custombgimg p{ color: #fff;} #custombgimg p:nth-child(2){margin:12px 0;} #custombgimg p+p{margin:12px 0;} .custombgimg{background: url(/images/index/custombg.png) no-repeat 491px 0;} .custombgimgqihuahuan{background: url(/images/tuiguang/qihuahuan/custombg.png) no-repeat 491px 0;} /*show*/ #showindexcon{ height: 500px; margin:60px auto;} #showindexcon li{ overflow: hidden; margin: 10px 0; height: 128px; background: #e3e3e3; float: left; width: 584px;} #showindexcon .oddshow{ margin-right: 28px;} #showindexcon li p{ color: #acacac; float: left; width: 128px; text-align: center; margin-top: 30px;} #showindexcon li img{ float: left;} #showindexcon li:hover{ background: #004e98; transition: .5s;} #showindexcon li:hover p{ color: #fff; transition: .5s;} #showindexcon li:hover img{ opacity: 0.9; transition:.5s;} #showindexcon .onelinetxt p{ margin-top:48px;} /*Compony*/ .componybgindex{ height:272px; padding:64px 0; margin-top: -50px; background: url(/images/index/srbg_02.jpg) no-repeat center center; width:100%;} #componyindex div{ padding-bottom: 5px; width:680px; margin-right: 72px; float: left; border-bottom: solid 3px #fff;} #componyindex img{ float: left;} #componyindex p{ color: #fff; margin-bottom:25px;} .buttons{ color: #fff; font-size:18px; font-family: "微软雅黑";} #componyindex a{ float: right;} /*Custom Solutions*/ #customsolutions{ margin: 60px 0;} #customsolutions li{ margin-right: 28px; float: left; width: 276px; height:378px; border: solid 1px #eaeaea;} #customsolutions li p{ font-size: 24px; color: #5a5a5a; height:86px; padding-top:50px; width: 276px; text-align: center; background: #eaeaea;} #customsolutions li:last-child{ margin-right: 0;} #customsolutions li+li+li+li{ margin-right: 0;} #customsolutions li:hover p{ background: #004e98; color: #fff; transition: .5s;} #customsolutions li img{ opacity: .9;} #customsolutions li:hover img{ opacity:1; transition: .5s;} /*news*/ .bglightgray{ background: #f7f7f7; margin: 60px 0; height:499px; padding-top: 92px; padding-bottom: 45px;} #newsindex2020 #news-i-l{ float: left; width: 578px; margin-right: 44px;} #newsindex2020 #news-i-r{ float: left; width: 578px;} #newsindex2020 h2{ font-family: "微软雅黑"; margin-bottom: 20px; text-indent:36px; background:url(/images/index/newsbga.jpg) no-repeat 0 4px;font-size: 16px; color:#3b3b3b;} #newsindex2020 p{ color:#838383; margin-bottom:38px;} #newsindex2020 li,#news-i-l div{ border-bottom: solid 1px #acacac; margin-bottom:55px;} #newsindex2020 img{ margin-bottom:28px;} #newsindex2020 li:hover h2,#newsindex2020 #news-i-l div:hover h2{ transition: .5s; color: #004e98; background:url(/images/index/newsbgb.jpg) no-repeat 0 4px;} #newsindex2020 li:hover,#news-i-l div:hover{ transition: .5s; border-bottom: solid 1px #004e98;} #newsindex2020 li:hover p,#newsindex2020 #news-i-l div:hover p{ transition: .5s; color: #004e98;} .indent2 { text-indent: 2em; font-size: 13px/32px; line-height: 25px; } /*customers*/ #customersindex p{ font-size: 30px; color: #004e98; text-align: center; font-family: "微软雅黑";} #customersindex .blank{ width: 77px; height: 5px; background: #004e98; margin: 15px 561px;} #customersindex .customersimg img{ opacity: .8; float: left; margin-right: 6px;} #customersindex .customersimg .customersf{ margin-right: 0;} #customersindex .customersimg img:hover{ opacity: 1; transition: .5s;} /*questions*/ .bgorange{ background-color: #004e98; height: 200px;} .questions{ text-align: center; width: 100%; height:200px; background-image: linear-gradient(135deg, transparent 25%, rgba(0, 78,152, 1) 0, rgba(29, 98, 164, 1) 50%, transparent 0, transparent 75%, rgba(29, 98, 164, 0.5) 0); background-size:5px 5px;} .questions p{ color: #fff;} .questions .white36px{ padding:41px 0 13px; color: #fff; font-size: 36px; font-family: "微软雅黑";} .buttont{ margin:13px auto 0; display: block; background: #fff; border: solid 1px #fff;width: 174px; height: 39px; line-height: 39px; color: #004e98;} .buttont:hover{ background: none;border: solid 1px #fff; color:#fff; transition:.3s;} /*buttom*/ .foot{ position: relative; background:url(/images/index/srbg_04.jpg) no-repeat center center;z-index:100; height: 596px; clear: both; width:100%;} #linefoot{ position: absolute; z-index:101; top:0; left: 0; background-size:5px 5px; width: 1920px; height: 596px; background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0,0, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 0, transparent 75%, rgba(255, 255, 255, 0) 0);} #footnav{ padding:55px 0 0px; height:390px;} #footnav dl{ float: left; width: 240px;} #footnav a{ color: #fff;} #footnav dl dt a{ display: block; font-weight: bold; margin-bottom:24px;} #footnav dl dd a{ display: block; color: #ddd; line-height:25px;} #footnav dl dt a:hover{ color: #4697e3; transition: .3s;} #footnav dl dd a:hover{ color: #fff; text-decoration: underline; transition: .3s;} .social{ border-top: solid 1px #ADADAD; text-align: center; padding-top: 25px; margin-top:30px; color: #fff;} .social a{ color: #fff;} /*.rights{ font-size: 14px; color: #fff; text-align: center;}*/ .rights{color: #fff; text-align: center;} /*products*/ .bannerall{ height: 300px; position: relative; z-index: -100; text-align: center; width: 1920px; margin-top: 120px;} .bannerall .bannertxt{ position: absolute; left: 360px; top:130px; color: #f0f0f0; font-size: 48px; font-family: "微软雅黑";} .bread-crumbs{ height: 58px; background: #eee; margin: 0;} /*.bread-crumbs p{ line-height:58px; font-size: 14px;}*/ .bread-crumbs p{ line-height:58px;} /*.bread-crumbs p a{ font-size: 14px; color: #004e98; margin-right: 15px; display: inline-block;}*/ .bread-crumbs p a{color: #004e98; margin-right:0px; display: inline-block;} .bread-crumbs p a:hover{ text-decoration: underline; transition: .3s;} .buttonborder{color: #fff; background: #ee6806;margin-top:20px; border: solid 1px #ee6806; text-align: center; display: block;width: 200px; height: 40px; line-height: 40px;} .seemore{cursor:pointer;} .buttonborder:hover{ color: #fff; background: #004e98; transition: .3s;} #products-list2020{ padding: 50px 0;} #products-list2020 li{ width: 585px; height: 350px; float: left; margin:20px 0;} #products-list2020 li div{ float: left; width:291px;} #products-list2020 li img{ float: left;} #products-list2020 .listleft{ margin-right: 30px;} #products-list2020 h3 a{ font-size: 36px; color: #004e98; line-height: 110%; font-family: "微软雅黑";} /*h1{ font-size: 36px; color: #004e98; line-height: 110%;}*/ /*.mark-pro{ width:291px; overflow: hidden; text-indent: 18px; height: 14px; line-height: 14px; margin:0 0 8px 0; font-size: 14px; color: #acacac; background: url(/images/products/products_03.gif) no-repeat;}*/ /*.mark-pro dd,.mark-pro-product{ width:291px; overflow: hidden; text-indent: 18px; height: 14px; line-height: 14px; margin:0 0 8px 0; font-size: 14px; color: #acacac; background: url(/images/products/products_03.gif) no-repeat;}*/ .mark-pro dd,.mark-pro-product{ width:291px; overflow: hidden; text-indent: 18px; height: 14px;line-height: 14px; margin:0 0 8px 0;color: #acacac; background: url(/images/products/products_03.gif) no-repeat;} .bianjua{ line-height: 150%; margin: 20px 0;} .prolistbu{ margin-top: 30px;} #related li{ display: block; background:#eee;width: 283px; height: 350px; border: solid 1px #eee; float: left; margin-left: 11px; margin-bottom: 20px;} /*#related li dd,#related li dt{ text-indent: 20px; font-size: 14px; color: #656565;}*/ #related li dd,#related li dt{ text-indent: 10px;color: #656565;} #related li dt{ text-align: center;font-weight:bold;} #related li dd{ line-height: 30px; border-bottom:solid 1px #C8C8C8; width:90%; margin: 0 5%;} /*#related li dd span{ font-size: 14px; color: #3b3b3b;}*/ #related li dd span{color: #3b3b3b;} #related li dd:last-child{ border: none;} /*.center{ display: block; margin: 0 auto; margin-bottom: 50px;}*/ .gdcenter{ display: block; margin: 0 auto; margin-bottom: 50px; display: none;} .commontitle{ font-size: 24px; margin:45px auto; text-align: center; font-family: "微软雅黑";} /*#related li a{ display: block; width: 283px; height: 400px; border: solid 1px #eee; float: left; margin-left: 20px; margin-bottom: 20px;}*/ /*#related li .related-l{ margin-left: 0;}*/ /*#related li a{ background: #eee;}*/ /*#related li a div p{ border-bottom: solid 1px #e5e5e5;line-height:25px; margin:0 20px; width: 243px; font-size: 14px; color: #acacac；}*/ /*#related li a div p span{ line-height:25px; font-weight: bold;display: inline-block;font-size: 14px; color:#3b3b3b;}*/ /*#related li a div .title-pro-rel{ line-height:50px; text-align: center; font-size: 18px; font-weight: bold;}*/ /*#related li a:hover{ color: #3b3b3b;}*/ /*#related li a:hover{box-shadow: 0px 0px 5px rgba(0,0,0,.3); transition: .3s;}*/ /*左侧导航navleft*/ /*.mainmargin{ margin: 30px auto;}*/ /*.mainmargin .navleft{ float: left; margin-right: 30px; width: 281px; height:100%; background: #e3e9ef;}*/ /*.mainmargin .mainright2020{ float: left; width: 889px;}*/ /*.mainmargin .navleft .list .yiji li a{ text-indent: 10px;font-size:14px; color:#fff;display:block; width:100%; hight:40px; line-height:40px; background: #004e98; border-bottom: solid 1px #fff;}*/ /*.mainmargin .navleft .list .yiji li ul li a{ background:#e3e9ef; color:#656565;}*/ /*.mainmargin .navleft .list .yiji li ul li ul li a{ background:#fafafa; display:none;}*/ /*.mainmargin .navleft .list .yiji li a:hover{ text-decoration: underline;}*/ /*.mainmargin .navleft .list .yiji li ul li a:hover{ text-decoration: none; color: #004e98;}*/ .mainmargin{ margin: 25px auto;} .mainmargin .navleft{ float: left; margin-right: 30px; width: 281px; height:100%;} /*.mainmargin .navleft a{ font-size: 14px; text-indent: 20px; color: #fff; display: block; width: 281px; height: 40px; line-height: 40px;border-bottom: solid 1px #fff;}*/ .mainmargin .navleft a{text-indent: 20px; color: #fff; display: block; width: 281px; height: 40px; line-height: 40px;border-bottom: solid 1px #fff;} .mainmargin .navleft .yiji li{ background: #004e98; text-indent: 20px;} .mainmargin .navleft .yiji li ul li{ background:#dce3ec; } .mainmargin .navleft .yiji li ul li a{ color:#3b3b3b; display: block;} .mainmargin .navleft .yiji li ul li ul li{ background: #f6f9fc;} .mainmargin .navleft .yiji li ul li ul li a{ font-size: 12px;border-bottom: solid 1px #dce3ec;} .mainmargin .mainright2020{ float: left; width: 889px;} .mainmargin .navleft a:hover{ text-decoration: underline; transition:.3s;} .mainmargin .navleft .yiji li ul li ul li a:hover{ color:#004e98;} .mainmargin .navleft .yiji li ul li ul li ul li a{border-bottom: solid 1px #dce3ec; background:#fcfdff;} /*mainright*/ .chanpinpailieer{ width: 889px;} .chanpinpailieer li{ margin: 0 0 35px 6px; float: left; width: 290px; height: 347px; border: solid 1px #eee; background: #eee;} .chanpinpailieer .chanpinpailieer-one{ margin-left:0px;} .chanpinpailieer li dd,.chanpinpailieer li dt h3{ color: #004E98; margin-left: 20px;} .chanpinpailieer li dt h3{ margin-bottom: 13px; margin-top: 5px;} /*.chanpinpailieer li .mark-pro{ color: #acacac;}*/ .chanpinpailieer li .mark-pro dd{ color: #acacac;} .buttonchanpinp{ margin-top:20px; font-family: "微软雅黑"; display: block; margin-left: 20px; width: 178px; height:36px; line-height:36px; text-align: center; border: solid 1px #004e98; color: #004e98; font-size:16px;} .buttonchanpinp:hover{ background: #004e98; color: #fff; transition: .3s;} .chanpinpailieer li p:first-of-type{ margin:10px 0 10px 20px;} /*Contact Us*/ #contactus2020nav{ width: 1100px; margin: 0 auto; border-bottom: solid 1px #d2d2d2; height: 134px;} #contactus2020nav dl{ position: relative; padding-top: 80px; width: 220px; float: left; height: 120px;} #contactus2020nav a dl dt{ display: block; text-align: center;} #contactus2020nav a dl:hover dt{ color: #004e98; transition: .3s;} #contactus2020nav .navcontactus{ background:url(/images/contact/contactus.jpg) no-repeat 50% 30px;} #contactus2020nav .navcontactus:hover{ background: url(/images/contact/contactusblue.jpg) no-repeat 50% 30px; transition: .3s;} #contactus2020nav .navonlineenquiry{ background: url(/images/contact/onlineenquiry.jpg) no-repeat 50% 30px;} #contactus2020nav .navonlineenquiry:hover{ background: url(/images/contact/onlineenquiryblue.jpg) no-repeat 50% 30px; transition: .3s;} #contactus2020nav .navagentapplication{ background: url(/images/contact/agentapplication.jpg) no-repeat 50% 30px;} #contactus2020nav .navagentapplication:hover{ background: url(/images/contact/agentapplicationblue.jpg) no-repeat 50% 30px; transition: .3s;} #contactus2020nav .navpayonline{ background: url(/images/contact/payonline.jpg) no-repeat 50% 30px;} #contactus2020nav .navpayonline:hover{ background: url(/images/contact/payonlineblue.jpg) no-repeat 50% 30px; transition: .3s;} #contactus2020nav .navtechnicalinquiry{ background: url(/images/contact/technicalinquiry.jpg) no-repeat 50% 30px;} #contactus2020nav .navtechnicalinquiry:hover{ background: url(/images/contact/technicalinquiryblue.jpg) no-repeat 50% 30px; transition: .3s;} #contactus2020nav dl dd{ position: absolute; top:120px; left:44%; font-size:72px; text-align: center; color: #e5e5e5;} #contactus2020nav dl:hover dd{color: #004e98; transition: .3s;} #contactus2020nav .contacthoverblue dt a{ color: #004e98;} #contactus2020nav .contacthoverblue dd{ color: #004e98;} #contactus2020nav #navcontactus{ background: url(/images/contact/contactusblue.jpg) no-repeat 50% 30px; transition: .3s; color: #004e98;} #contactus2020nav #navonlineenquiry{ background: url(/images/contact/onlineenquiryblue.jpg) no-repeat 50% 30px; transition: .3s; color: #004e98;} #contactus2020nav #navagentapplication{ background: url(/images/contact/agentapplicationblue.jpg) no-repeat 50% 30px; transition: .3s; color: #004e98;} #contactus2020nav #navpayonline{ background: url(/images/contact/payonlineblue.jpg) no-repeat 50% 30px; transition: .3s; color: #004e98;} #contactus2020nav #navtechnicalinquiry{ background: url(/images/contact/technicalinquiryblue.jpg) no-repeat 50% 30px; transition: .3s; color: #004e98;} #contactus2020nav #navcontactus dd{color: #004e98;} #contactus2020nav #navonlineenquiry dd{color: #004e98;} #contactus2020nav #navagentapplication dd{color: #004e98;} #contactus2020nav #navpayonline dd{color: #004e98;} /*联系我们内容*/ strong{ font-weight: bold;} #contact2020main{ width: 1100px; margin: 0 auto;} #conmainint img{ float: left;} #conmainint div{ float: left; width: 533px; margin-left:60px;} #conmainint div p{ font-size: 14px;} #contact2020main strong{ font-size: 14px; color: #3b3b3b; font-family: "微软雅黑"; margin-right: 5px;} #conmainint div p:first-child{ margin-bottom: 5px; font-size: 24px; font-family: "微软雅黑"; color: #004e98;} #proxy .titleline{ width: 1100px; line-height:50px; color: #004e98; border-bottom: dashed 1px #c9c9c9;} #agents dl{ border-radius:10px; width:300px; float: left; margin: 33px 13px; padding:20px;} #agents dt{ font-size: 24px; margin-bottom: 10px; font-family: "微软雅黑";} #agents dd{ color: #656565; font-size: 14px;} #agents dl:hover{ box-shadow:0 0 5px #b6b6b6; transition: .3s; } .width1100{ width: 1100px; margin: 0 auto;} .width840{ width: 840px; margin: 0 auto;} .cxltitle{ font-size: 30px; font-family: "微软雅黑"; color: #004e98; text-align: center; margin-bottom: 20px;} table{border-collapse:collapse; } .width840 form table tr td{ text-indent: 20px; font-size: 14px; color: #656565;} .width840 form table tr:first-child td{ background: #004e98; color: #fff; text-align: center;} .width840 form table tr .bgbjhuise{ background: #eee;} option{ font-size: 14px;} .width840 input{ width: 138px; height:18px; line-height:18px;} table label{ margin-left: -10px;} /*2020010-温新加的*/ /*关于森瑞普*/ #aboutus2020nav{ width: 1100px; margin: 0 auto; border-bottom: solid 1px #d2d2d2; height: 134px;} #aboutus2020nav dl{ position: relative; padding-top: 80px; width: 220px; float: left; height: 120px;} #aboutus2020nav dl dt a{ display: block; text-align: center;} #aboutus2020nav dl:hover a{ color:#004e98;} #aboutus2020nav .navcompanyrd { background: url(/images/company/companyrd.jpg) no-repeat 50% 30px;} #aboutus2020nav .navcompanyrd:hover{ background: url(/images/company/companyrdblue.jpg) no-repeat 50% 30px; transition:0.1s;} #aboutus2020nav .navprocessingcenter{ background: url(/images/company/processingcenter.jpg) no-repeat 50% 30px;} #aboutus2020nav .navprocessingcenter:hover{ background: url(/images/company/processingcenterblue.jpg) no-repeat 50% 30px; transition: .1s;} #aboutus2020nav .navtestinglab{ background: url(/images/company/testinglab.jpg) no-repeat 50% 30px;} #aboutus2020nav .navtestinglab:hover{ background: url(/images/company/testinglabblue.jpg) no-repeat 50% 30px; transition: .1s;} #aboutus2020nav .navpatents{ background: url(/images/company/patents.jpg) no-repeat 50% 30px;} #aboutus2020nav .navpatents:hover{ background: url(/images/company/patentsblue.jpg) no-repeat 50% 30px; transition: .1s;} #aboutus2020nav .navhistory{ background: url(/images/company/history.jpg) no-repeat 50% 30px;} #aboutus2020nav .navhistory:hover{ background: url(/images/company/historyblue.jpg) no-repeat 50% 30px; transition: .1s;} #aboutus2020nav dl dd{ position: absolute; top:120px; left:44%; font-size:72px; text-align: center; color: #e5e5e5;} #aboutus2020nav dl:hover dd{color: #004e98; transition: .3s;} #aboutus2020nav .contacthoverblue dt a{ color: #004e98;} #aboutus2020nav .contacthoverblue dd{ color: #004e98;} .company2020title{ text-indent: 17px; margin: 36px 0; font-family: "微软雅黑"; font-size: 30px; color:#004e98; border-left: solid 7px #004e98;} .border-r5{ border-radius: 5px; margin: 5px 0;} .fontblue{ color:#004e98;} .fontred{ color:#ff0000;} .tu2pailie img{ float: left; margin:15px 34px 15px 0;;} .zhuanli2020pl img{ float: left; margin:10px 19px 10px 0;} .zhuanli2020pl .marginrightnone{ margin-right: 0;} .historybg{ background: #eee; height:1700px; width: 100%; padding:15px 0; margin-top: 40px;} #timeline li p{ float: left;} .timelineleft{ height: 50px; width: 168px; color:#b5b5b5; text-align: right;font-size:24px; line-height: 50px; font-family: "微软雅黑";} .timelineleft span{ font-weight: bold; font-size:42px; margin-right:43px; font-family: "微软雅黑";} .timelineright{ width: 905px; height: 50px; margin-left:25px; text-indent:27px; border-left: dashed 1px #b5b5b5;position:relative; font-size: 14px; line-height: 50px;} .timelineright:before{ position: absolute; top: 18px; left: -7px; z-index:1; content: " ";width: 14px; border-radius: 7px; height: 14px; background:#b5b5b5;} #timeline li:hover p{ color: #004e98; transition: .2s;} #timeline li .timelineright:hover{ text-decoration: underline; transition: .2s;} #timeline li .timelineright:hover:before{ background:#004e98; transition: .2s;} #timeline li:hover p span{ color: #b5b5b5;} .font14px{ font-size: 14px;} /*产品详情从旧版本挖过来的样式以及新增的*/ .dada{ clear:both; width:850px; border-left:solid 5px #004E98; color:#004E98; height:20px; line-height: 20px; margin:20px 0; text-indent:15px; font-family: "微软雅黑"; font-size: 20px;} .prodtblheader td{ background:url(/images/prod_table_bg3.gif) repeat; color:#FFFFFF;} /*#jiuwangzhanwa{ width: 890px;}*/ /*.mainright2020 dd,.mainright2020 p,.mainright2020 td{ font-size: 14px;}*/ .mainright2020 table{ text-align: center;} .sharedtd1{ text-align:center; background:#e0e0e0 url(/images/prod_table_bg_odd.gif); width:135px; } .sharedtd3{ text-align:center; background:#e0e0e0 url(/images/prod_table_bg_odd.gif); } .sharedtd1end{ border-bottom:1px solid #ccc;} .sharedtd2{ text-align:left; padding-left:6px; font-family:Verdana,sans-serif,Arial;} #features{ position:relative;background:#FFF;padding:15px 20px; border:solid 1px #D1D1D1; border-radius:10px;} .pr-tedian-list{ width:650px; margin-left:5px; margin-top:10px; Color:#666666; font-size:12px/18px;} .prodtb_submode{height:25px;line-height:25px;} /*产品内页*/ .mainright2020 .pro2020top{ width: 889px; margin-bottom: 20px;} .mainright2020 .pro2020top div{ float: left; width: 493px;} /*.mainright2020 .pro2020top img{ float: left; width:270px; margin-left: 120px; margin-bottom: 5px;}*/ .mainright2020 .pro2020top img{ float: left; width:270px; margin-left: 120px; margin-bottom: 5px;} #related li img{ height: 170px; width: 229px; margin: 0 auto; padding:0 27px; background: #fff;} .chanpinpailieer img{ width: 213px; height: 158px; padding: 0 38px; background: #fff;} .mainright2020 .pro2020top h1{ margin-bottom: 20px; font-family: "微软雅黑"; line-height: 36px; font-size:24px; color:#004e98;} .font14px{ font-size: 14px;} .productdetailstop{ width: 889px;} .productdetailstop #pdtleft{ float: left; width: 355px;} .productdetailstop #pdtright{ float: left; width:489px; margin-left: 45px;} .productdetailstop #pdtleft li{ float: left; padding-top: 280px; margin-right: 15px;} .productdetailstop #pdtleft li img{ width:40px; border: solid 1px #dcdcdc; border-radius:5px;} .productdetailstop #pdtleft ul{position: relative;} .productdetailstop #pdtleft li div img{position: absolute; top: 0; left: 0; border-radius:0px; width:355px; display: none; height: 255px;} .productdetailstop #pdtleft li:hover div img{display: block;} .productdetailstop #pdtleft li:first-child div img{display: block;} .productdetailstop #pdtright h2{ font-size: 22px; font-weight: bold; color:#004e98;} /*.productdetailstop #pdtright div{ background: #eee; margin: 20px 0; padding: 20px;}*/ .productdetailstop #pdtright div{ background: #eee;padding: 20px;} .productdetailstop #pdtright div .font14px{ margin-bottom: 20px; line-height: 22px; color: #656565;} .productdetailstop #pdtright div p a{ line-height: 36px; color: #004e98; text-decoration: underline; width:220px; text-align:left; text-indent:15px; display:inline-block;} .productdetailstop #pdtright div p a:hover{ color:#fff; background: #004e98; transition: .3S;} .rpproxq #related li a{ width: 280px;} /*产品内页挖过来的*/ .pr-tedian-list dt,.pr-tedian-info-2018 dt{margin:15px 0;background:#004E98; text-align:center; width:150px; height:30px; line-height:30px; border-radius:15px; color:#FFF;} .pr-tedian-list dd,.pr-tedian-info-2018 dd{ line-height:25px; padding-left:20px; /*width:400px;*/ background:url(/images/canshu-liebiao-tubiao.jpg) no-repeat 2px 8px; } /*20200411新增-w*/ /*.prodtblheader td strong,.mainright2020 table td,.mainright2020 table td a{font-size: 14px;}*/ .prodtb_noimg:nth-of-type(odd){ background: url(/images/prod_table_bg_odd.gif) repeat;} /*用下面这行样式把上面的替换掉*/ .prodtblheader1 td{background:url(/images/prod_table_bg7.gif) repeat;height:45px;font-size:15pt; color:#FFFFFF;} .prodtblheader td{border: 1px solid #acacac; background:url(/images/prod_table_bg8.gif) repeat; color:#FFFFFF;} /*用上面这行样式把上面的替换掉*/ /*.xinghaotable{background:#FF0000;}*/ /*.xinghaotable td{background:#FFF;}*/ .xinghaotable{border:0px solid #a1a1a1;} /*以下代码是控制单元格里的元素居中,就是图片经常无法控制，用这个来实现了。*/ .xinghaotable .img{width:86px;background:#FFF;line-height:86px;display: table-cell;} .xinghaotable .img .imgme{vertical-align: middle;} /*用这个.gdcenter{ display: block; margin: 0 auto; margin-bottom: 50px;} 换上面这个.center{ display: block; margin: 0 auto; margin-bottom: 50px;}*/ /*产品手册与安装方法按钮*/ .scaz_2016_2{overflow:hidden;margin:-180px 700px;} .scaz{overflow:hidden;margin:-180px 700px;position:absolute;} .scaz2{padding-left:2px;} /*三个按钮*/ .scaz ul li a{ margin-bottom: 10px; display: block; font-size: 14px; color:#004e98; background:none; border: solid 1px #004e98; /*width: 170px; height: 36px;*/ line-height: 36px; text-align:center; border-radius: 8px;} .scaz ul li a div{width: 170px; height: 36px;} .scaz ul li:last-child a{ background:#004e98; color: #fff;} .scaz ul li a:hover{ background:#004e98; color: #fff; transition: .3s;} .scaz ul li:last-child a:hover{ opacity: .9; ansition: .3s;} .center{ text-align: center; width:100%;} /*** 翻页代码样式：e/class/userfun.php -------------------------------------------------------------- ****/ .pageBox {text-align: center;} .pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;} .pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;} .pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;} .pageBox a.cur {color: #fff;} .pageBox .disabled {width: 79px;} .pageBox .width120 {width: 120px;} /*-----------------20200426新增的---------------------*/ /*列表新闻详情页*/ .news_list li{ padding:30px 0; border-bottom:dashed 1px #D2D2D2;width: 890px; clear: both; height:189px;} .news_list li:first-of-type{padding-top: 0;} .news_list li:last-of-type{border:0;} .news_list img{float: left; width:250px;border: #E1E0E0 1px solid; transition:.4s;} .news_list img:hover{transform:scale(1.05);} .news_list dl{ width:610px; margin-left:20px; float: left; margin-top: 0;} .news_list dt a{color:#7b7b7b; font-size:20px; font-family: "微软雅黑"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:598px; display:inline-block;} .news_list dt a:hover{text-decoration:underline;color: #004e98;} .news_list dt span{display: block; color:#999999;padding-top:5px; } .article_text{color:#666666; padding-top:15px;line-height:24px; text-align: justify; font-size: 14px;} .Details a{color:#999999; display:block; text-align: right ;padding-top: 10px} .Details a:hover{text-decoration:underline;color:#666666;} .newsliststitle{ color:#004e98; font-size:30px; margin-bottom: 30px; font-family: "微软雅黑";} /*新闻页左侧时间轴导航*/ .newsnav dt a{ color: #fff; background: #004e98; font-weight: bold;} .mainmargin .newsnav dd a{ color: #3b3b3b; background: #e3e9ef; position: relative;} .mainmargin .newnav-suffix{ margin-top: 25px;} .mainmargin .newnav-suffix dd a:after{ content:">"; position: absolute; right:33px; color:#004e98;} .mainmargin .newsnav dd a:hover{ color: #fff; background:#5d8dbb; transition: .3s;} .mainmargin .newnav-suffix dd a:hover:after{ color:#fff; transition:.3s;} /*新闻页列表的页码*/ /*.newslistspage{ text-align: center;}*/ /*.newslistspage a{ display: inline-block; border-radius: 5px; border: solid 1px #acacac; margin: 0 5px 30px 5px; color:#acacac; width: 26px; height: 26px; line-height: 26px; text-align: center;}*/ /*.newslistspage a:hover{ color: #004e98; border: solid 1px #004e98; }*/ /*.newslistspage a:first-child{ color: #004e98; border: solid 1px #004e98;}*/ /*新闻内容页*/ .newscontenttitle{color:#004e98; font-size:24px; margin-bottom:10px;} .newscontenttime{ color: #b3bdb2;} /*.news-nextto{ background: #f7f7f7; padding: 15px 30px; margin: 15px 0;}*/ /*.news-nextto span{ font-size: 14px; color:#004e98; margin-right:10px;}*/ /*.news-nextto a{ font-size: 14px;}*/ /*.news-nextto a:hover{ text-decoration: underline; color: #3b3b3b;}*/ .title-news-related{ font-size: 18px; margin:10px 0 10px 0; font-weight: bold; color: #3b3b3b;} /*--------------------------------2020-05-06和07-新增-安装方式-----------------*/ /*installation*/ #insta{ margin-top:150px;} #ins{ width:890px;} .installpdfdown{ width:890px;} .installpdfdown a{ font-size:14px; color:#004e98; width:890px; display:block; background:url(/images/huahuanjiegou/a2.jpg) no-repeat 5px 8px;transition:.2s; cursor:pointer;} .installpdfdown a:hover{ color:#acacac;} #ins li{ width:890px; clear:both; height:240px; margin:20px 0;} #ins li img{ transition:.5s;} #ins li img:hover{ transform:scale(1.05);} #ins div{ float:left; width:300px; margin-right:47px;} #ins .section{ border-bottom:dashed 1px #CCC; height:240px; float:left; width:540px;} #ins dt{ transition:.5s; margin-bottom:20px; margin-top:20px; } #ins dt a{font-size:18px;color:#7b7b7b;text-align: justify; font-weight: bold;} #ins dt a:hover{color:#004e98; text-decoration:underline;} #ins .intro{ color:#666666;line-height: 20px;text-align: justify} #ins dd{ font-size:14px;} #ins dd i{color:#424141;padding:12px 0;display: block; font-size:14px;line-height: 20px;text-align: justify} #ins .more a{ color:#666; float:right;font:normal; font-size:14px;} #ins .more a:hover{ text-decoration:underline;} .installationmain p{ font-size: 14px;} .installationmain a{ font-size: 14px;} .installationmain li{ font-size: 14px;} .zs-L-top .num{ float: left; margin-right: 10px; font-weight: bold;} .zs-L-top .zs-T{ float: left; color:#2fb3ff; line-height: 51px; font-size:20px; border-bottom:solid 1px #2fb3ff; padding: 0 30px 0 10px;} .pdata{ font-size: 14px; margin-right: 30px; color: #acacac;} .author a{ color: #acacac;} .installationmain h1{ font-size: 24px; color: #004e98; font-weight: bold;} .zs-L-top { width: 890px; height: 51px;} .num { width: 60px; height: 51px; background: url(/images/sec-zs-bg.png) no-repeat; display: block; float: left; font-size: 30px; line-height: 50px; padding-left: 16px; FONT-FAMILY: Arial, Geneva, sans-serif; color: #fff; } /*二级产品列表(如：/through-hole-slip-ring/)图片切换*/ #tucp{ margin:10px 0 15px 0; position:relative; width:840px; height:400px;} #tucp li{ margin-bottom:10px; width:148px; margin-left:660px;} #tucp .xiao{ display:block; width:148px; border:solid 1px #FFF;} #tucp span{display:block;} #tucp span img{ display:none; position:absolute; top:0; left:0;} #tucp .xiao:hover{ width:148px; border:solid 1px #004E98;} #tucp li:hover img{ display:block;} #tucp li #tuxian{ display:block;} .mobilebr{display:none;} .pro2020top h1{ color:#004e98; font-size:24px; font-weight: bold;} /*--2020-06-04新增的样式--*/ #contactus2020nav .nav3dmodel{ background: url(/images/contact/3dmodel.jpg) no-repeat 50% 30px;} #contactus2020nav .nav3dmodel:hover{ background: url(/images/contact/3dmodelblue.jpg) no-repeat 50% 30px; transition: .3s;} #contactus2020nav #nav3dmodel{ background: url(/images/contact/3dmodelblue.jpg) no-repeat 50% 30px; transition: .3s; color: #004e98;} #contactus2020nav #nav3dmodel dd{color: #004e98;} /*------------------------新增PC端样式2020-05-19（配合移动端的）-------------*/ #meun-m,.abuotus-m,#contcat-m,.logo-m,#ydxz,.ydvidio,.ydbannerwz{ display: none;} .width1100 .company2020title:first-of-type{ margin-top:0px;} .width840 table{ width: 840px;} #message{ width:100%;} /*------2020-05-27----------------------*/ .mobile-navfoot{ display: none;} /*------------------------移动端自适应导航开始--------------------------------------------------------------------------*/ #mobilemenu{} .mobile-inner{ display:none;top: 0px;background-color:none;position:fixed;width:100%} .mobile-inner p{ color: #676767; line-height: 25px; font-size: 16px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; margin:0px;} .mobile-inner-header{ background: url(../../../images/mobile/senring.png) no-repeat 12px 5px; background-size:35%; margin-top: 0; background-color:#004e98; width: 100%; height:65px; position: relative;left: 0px;} .mobile-inner-header-icon{ color: #ffffff; height:65px; font-size:25px; text-align: center; float:right; width: 50px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .mobile-inner-header-icon:hover{ background-color: rgba(255,255,255,0.2); cursor: pointer;} .mobile-inner-header-icon span{ position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color: rgba(255,255,255,1); } .mobile-inner-header-icon span:nth-child(1){ transform: translateY(4px) rotate(0deg);} .mobile-inner-header-icon span:nth-child(2){ transform: translateY(-4px) rotate(0deg);} .mobile-inner-header-icon-click span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; } .mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; } #mobile-clear-top60{margin-top:60px; display: none;} @keyframes clickfirst { 0% {transform: translateY(4px) rotate(0deg);} 100% {transform: translateY(0) rotate(45deg);} } @keyframes clicksecond { 0% {transform: translateY(-4px) rotate(0deg);} 100% { transform: translateY(0) rotate(-45deg); } } .mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; } .mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; } @keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } } @keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } } /*.mobile-inner-nav{overflow: hidden;background-color: rgba(0,0,0,0.9); width: 100%; position: absolute; top:50px; left: 0px; padding-top: 30px; padding-bottom: 60px; display: none; }*/ .mobile-inner-nav{overflow: hidden;background-color: rgba(0,0,0,0.9); width: 100%; position: relative; left: 0px; display: none;} .mobile-inner-nav a{ display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight:300; } .mobile-inner-nav a:hover{ color: rgba(255,255,255,0.4); border-bottom: solid 1px rgba(255,255,255,0.2); } .mobile-inner-nav a{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;} /*------------------------移动端自适应导航结束 --------------------------------------------------------------------------*/ /*----------2020-06-06--------------------------------------------------*/ #d3model .sd1,#pdf_down .sd1{ border:solid 1px #004e98;height:92px; line-height:92px; margin-top:20px; font-size:20px; color:#000; font-family: "微软雅黑"; text-indent:78px; font-weight:bold; background:url(/images/3d_03.jpg) no-repeat 20px 20px;} #d3model .sd2,#pdf_down .sd2{ height:163px; border:solid 1px #999; margin-top:11px; padding-top:20px; padding-left:17px; background:url(../../../images/manualdownload/h.jpg) no-repeat 630px 20px; margin-bottom:25px;} #d3model .sd2 p,#pdf_down .sd2 p{ height:30px; line-height:30px;} .a-sd{ display:inline-block; width:240px;} .b-sd{ display:inline-block; width:170px;} .c-sd{ display:inline-block; width:195px;} .d-sd{ display:inline-block; width:338px;} #d3model .sd2 #d-sd,#pdf_down .sd2 #d-sd{ height:27px; line-height:27px; margin-top:19px; color:#6c6c6c;} #d3model .sd2 #d-sd a,#pdf_down .sd2 #d-sd a{ display:inline-block; width:130px; text-indent:35px; color:#6c6c6c;} #d3model .sd2 #d-sd a:hover,#pdf_down .sd2 #d-sd a:hover{ color:#004e98; transition:.2s;} #d3model .sd2 #d-sd .a1-sd,#pdf_down .sd2 #d-sd .a1-sd{ background:url(/images/3d_01.png) no-repeat;} #d3model .sd2 #d-sd .a2-sd,#pdf_down .sd2 #d-sd .a2-sd{ background:url(/images/3d_02.png) no-repeat;} #d3model .sd2 #d-sd .a3-sd,#pdf_down .sd2 #d-sd .a3-sd{ background:url(/images/3d_03.png) no-repeat;} #d3model .sd2 #d-sd .a4-sd,#pdf_down .sd2 #d-sd .a4-sd{ background:url(/images/zixun.png) no-repeat;} #pdf_down .sd2{background:url(/images/shouce-s1.jpg) no-repeat 640px 10px;} .anniu-3d a{ display:block; width:334px; height:68px; line-height:68px; background:url(/images/3d_11.jpg) no-repeat; font-size:30px; color:#FFF; font-family: "微软雅黑"; text-indent:110px; cursor:pointer;} .ydbuttontnone,#ydsolutions,.contactcallbg{display: none;} .pcbuttontnone{display:block;} /*-------------20200623新增-------------------*/ #pcsolutions{ margin-top:50px;} #pcsolutions li{ width: 276px; float: left; margin: 12px;} #pcsolutions p{ line-height:200%; padding:15px 0; background: #004e98; color: #fff;font-size:16px; text-align:center;} #pcsolutions li .imgyy{ position: relative; width:276px; height: 276px;} #pcsolutions li .imgyy .wzbgyy{ opacity: 0; text-align: center; padding-top:45px; top:0; position: absolute; width:276px; height: 231px; background: #004e98; color:#fff;} #pcsolutions li .imgyy:hover .wzbgyy{ opacity: 1; transition: .3s; background: rgba(0,78,152,.6);} /*-----------20200624新增----------------*/ #solutionimg li{ text-align: center; float: left; width: 333px; height: 330px; padding:20px; margin: 10px; border: solid 1px #f4f4f4;} #solutionimg li:hover{ transition: .3s; box-shadow: 0 0 2px 2px rgba(0,0,0,.1);} #solutionimg li p{ font-size:20px; font-weight: bold; color:#585858;} /*---------20200628新增的样式（关于联系我们新增的表单）----------*/ #pcxianshibd .inputbiaodan{ float: left; height:36px; line-height:36px; margin-bottom:13px; width:99%; border: solid 1px #acacac; border-radius:4px;} #pcxianshibd .inputbiaodan{ float: left; height:36px; line-height:36px; margin-bottom:13px; width:99%; border: solid 1px #acacac; border-radius:4px;} #pcxianshibd .inputbiaodan input{ color: #A6A6A6; text-indent:20px; line-height:14px; width:98%; border: 0; outline: none;} #pcxianshibd .inputbiaodan textarea{ color: #A6A6A6; text-indent:20px; line-height:14px; width:98%; border: 0; outline: none;} #pcxianshibd .inputbiaodan input.red,#pcxianshibd .inputbiaodan textarea.red{ color: #FF3333;} #conmainint div form p:first-child{ margin-bottom:13px;} #pcxianshibd .subbtn{ background: #004e98; color: #fff; border: none; width: 100%; height:36px; line-height:36px; } #pcxianshibd .inputbiaodan:nth-child(3){ width:47%; margin-right:3%;} #pcxianshibd .inputbiaodan:nth-child(4){ width:48%;} #pcxianshibd .inputbiaodan-textarea{min-height:50px;} #conmainint p{ width: 100%;} #pcxianshibd .inputbiaodan:first-child{ clear: both; margin-top: 15px; font-size: 18px; font-weight: bold;line-height: 36px; border:0;} /*----20200704新增-----*/ .width840 .formxys{ width: 99%; border: solid 1px #acacac; border-radius:8px; margin-bottom: 15px; width: 100%;} .width840 .formxys input{ color: #acacac; text-indent: 15px; border:0;outline: none; height:40px; line-height:40px;} .width840 .formxys input.red{ color: #FF3333;} .zcbg{ margin-top: 20px;} /*-------20200717新增-------------*/ .ggtableleft{ width:40%; float: left;} .ggtableright{ width: 60%; float: left;} /*-------20200718新增-------------*/ #hidetable{ margin: 30px 0; margin-bottom:-10px; font-size: 18px; line-height: 18px; height: 18px; color: #656565; text-align: left;} #hidetable input[type="checkbox"]{width: 18px; height: 18px; margin-right: 15px;} .mehide{display: none;} .color-table tr .sharedtd2{ text-align: center;} /*------------------从旧中文网站挖过来的20200724------------------------------------*/ .title-index20191121{ text-align: center;} .title-index20191121 h2{ font-size: 36px; font-family: "微软雅黑"; font-weight: bold; line-height: 72px; color: #004e98; margin-top:60px;} .title-index20191121 p{ color: #7E7E7E; padding-bottom:60px;} .title-index20191121 h2 span{ color: #B9B9B9;} #zizhi2019index{ text-align: center;} #zizhi2019index img:nth-child(3){display: block; margin-left:88px;} #zizhi2019index img+img+img{display: block; margin-left:88px;} #huahuanzuoyong-x{ height: 100px; padding: 0 60px 50px;} #huahuanzuoyong-x ul{float: left; width:492px; margin: 0 30px;} #huahuanzuoyong-x ul li{ width:600px; line-height: 36px; background: url(../images/index/t_30.gif) no-repeat 5px 6px; text-align: left; text-indent: 2em;} #huahuanzuoyong-x ul li a:hover{ color: #004e98; text-decoration: underline;} #hezuohuoban-x{ width: 1080px; margin: 0 auto; padding-left:80px; margin-bottom:70px;} #hezuohuoban-x img{margin: 15px 2px;} .linex{ border-bottom: dashed 1px #CBCBCB; padding-bottom:60px;} .imgborder{ text-align: center; margin: 80px auto 110px;} .imgborder img{border:1px solid #F0F0F0;} #jiejuefangan-x{ width:984px; margin:0 auto; text-align: center;} #jiejuefangan-x div{float: left;} #jiejuefangan-x ul{float: left;} #jiejuefangan-xl{ width: 440px; } #jiejuefangan-xr{ width:494px; text-align: left; padding-left: 50px; } #jiejuefangan-xl img{ float: left; margin-right: 20px; margin-bottom: 20px;} #jiejuefangan-xr li span{ float: right; color: #BCBCBC;} #jiejuefangan-xr li a:hover{ color:#004e98; text-decoration: underline;} /*设置导航条_status_back样式*/ .header{ position:fixed; top:0; left:0; z-index:101; transition: all 1s ;width:100%; } /*banner开始*/ html,body{ width:100%;} #banner{ clear:both; } .main { width:100%; height:100%; margin: 0 auto; } main { width:100%; height:100%; margin: 0 auto; } .pro-switch { height:100%; overflow: hidden; position: relative; width:100%; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img { width: 100%; display: block; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 100%; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0 auto; position: relative; width:100%; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .flexslider .slides { zoom: 1; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(/images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(/images/dot.png) no-repeat 0 -16px; display:block; height: 16px; overflow: hidden; text-indent:-99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active { background-position: 0 0; } /*!banner结束*/ /*top all开始*/ #main{background-color:#fff;width:1200px;margin:5px auto;height: auto;min-height:1420px;_height:1420px;} .boxright_title_2018 { font: normal 18px Arial; color: #004E98; width: 100%; height:40px; margin-top:130px;} .boxright_title_2018 span{ font-size:14px; color:#666666;background:url(/images/sitemapico.png) no-repeat left; padding-left:17px;} .boxright_title_2018 span a{ color:#666666;font-weight:normal;} .widow_full_width{min-width:1200px;} .clear{ clear:both;} .whith1{width:100%;background:#ECECEC;border-bottom:1px solid #ECECEC;} .whith{ width:1200px; margin:0 auto; } #banner{ width:100%;} #header{ height:120px; width:1200px;margin:0px auto; margin-top: -10px;} #header #top{ width:100%; margin:0 auto; position:relative;} #header #top div{ float:left;} #nav-2017{ width:665px; margin:0 7px;} #nav-2017-ul li{ float:left;width:94px;} #nav-2017 a.nav_list{ height:78px; display:block; color:#FFF; font-size:16px; text-align:center; padding-top:42px;font:normal 14px/38px 微软雅黑,Arial;} #nav-2017 a.nav_list:hover{transition:.5s; background-color:#FFF; color:#000;} .nav_list_subbg{opacity: 1;top: 120px;left: 0;height: 260px;background:#153f67;width:100%;position:absolute;padding-top:20px;display:none;} .nav_about_sub_list{height:240px;width:180px;text-align:center;float:left;} .nav_about_sub_list a{color:#FFF;display:block;font:normal 16px/38px 微软雅黑,Arial;} .nav_about_sub_list a:hover{color:#FFF000;} .nav_about_sub_img{float:left;width:630px;text-align:center;} .nav_about_sub_content{float:left;width:380px;text-align:center;} .nav_about_sub_content dl{text-align:left;color:#FFF;padding:10px;} .nav_about_sub_content dt{ width: 184px;height: 28px;line-height: 28px;text-align: center;border-radius: 14px;color: #153F67;background: #FFF;margin-bottom: 18px;} .nav_list_subbg_product{background:#153f67 url(/images/topbottom/lll_01.png) no-repeat;} .nav_product_img{width:370px;height:240px;text-align:center;padding-top:20px;} .nav_product_sub_nav{width:562px;height:200px;padding-top:40px;padding-left:20px;position:relative;} .nav_product_sub_nav ol li{clear:left;height:45px;} .nav_product_sub_nav ol li dt{font:bolder 16px/28px "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;} .nav_product_sub_nav ol li dl{display:none;position:absolute;color:#FFF; width:670px;margin-top:-30px;margin-left:130px;} .nav_product_sub_nav ol li .second{margin-top:-80px;} .nav_product_sub_nav ol li .third{margin-top:-139px;} .nav_product_sub_nav ol li .fourth{margin-top:-172px;} .nav_product_sub_nav a{color:#FFF;font:normal 14px/38px "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;} .nav_product_sub_nav .third a{font:normal 14px/28px "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;} .nav_product_sub_nav ol li:first-child a{width:200px;} .nav_product_sub_nav a:hover{color:#FFF000;} .nav_product_wechat{width:267px;} #search{ width:241px; position:relative;} #search div{ margin-right:0px;} #search div form{ margin-top:44px; margin-left:37px;background:url(/images/topbottom/search.png) no-repeat;width:200px;height:30px;} #search #language{ position:absolute; top:0; right:0; color:#FFF;} #search #language a{transition:.5s; color:#FFF;} #search #language a:hover{ color:#68b7ff;} #search input[type="search"]{margin-left:15px;height:30px;color:#FFF;width:130px;border:0px;background:none;} #search input[type="submit"]{width:51px;border:0px;background:none;} .navbg{height:120px; background:#004e98;position:fixed; top:0; left: 0;width: 100%;z-index:-20;} .navbg-l-0{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;} /*专用于首页*/ .navbg-l-820,.navbg-l-199{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;} .show{display:block;} .hide{display:hidden;} /*top all结束*/ /*20200728*/ /*--选型手册--*/ #xxsc{ width:850px; height:540px; background:#eee; padding:20px; margin-bottom:50px;} #xxsc #message .feed li{ width: 50%; float: left;} #xxsc #message .feed li input{ width:94%; height:30px; line-height: 30px;} #xxsc #message .feed .scadd{ width: 100%;} #xxsc #message .feed .scadd input{ width:97%;} #xxsc #message .feed .scadd textarea{ width:97%; margin-bottom: 10px;} #xxsc #message .feed #J_submit{ background: #004e98; color:#fff; border-color: #004e98;} #xxsc #message .feed #J_submit:hover{ background: #0560B7; border-color:#0560B7; transition: .3s;} /*--20200807--*/ #search input[type="search"]{ border-bottom: solid 1px #fff; color: #fff;} #search input[type="submit"]{ border-bottom: solid 1px #fff; color:#fff;} /*20201126新增开始*/ #products-list_m{display:none;} /*20201126新增结束*/ @media(max-width:960px){ /*20201126新增开始*/ #products-list_m{display:block; width: 92%; margin: 0 4%; margin-top: 30px;} #products-list_m li{ margin: 15px; border-bottom: dashed 1px #DDDDDD;} #products-list_m li h3{ color: #004e98; font-size:8vw; font-family: "微软雅黑"; margin-top:20px;} .anniuw{ text-align: center; margin:25px 0; width:150px; height: 36px; line-height: 36px; border: solid 1px #004e98; color: #004e98;} /*20201126新增结束*/ #mwidth{ width: 92%; margin: 0 4%;} #mobile-clear-top60,.ydbuttontnone,#ydsolutions,.contactcallbg{ display:block;} .pcbuttontnone,#pcsolutions,.zcbg{display:none;} /*----------20200623新增---------*/ #ydsolutions ul{ margin-top:30%;} #ydsolutions ul li{ width:84%; padding:20px 5%; margin:20px 3%; border-radius:10px; clear: both; height:100%; background: #e5e5e5;} #ydsolutions ul li .soluleft{ float: left; width:50%; height: 100%;} #ydsolutions ul li .soluleft img{ margin: auto 0;} #ydsolutions ul li .soluright{ float: left; width:50%;} .soluright p{ line-height:100%; margin-left:8%; color: #858585;} .soluright p strong{ line-height:150%; color: #3b3b3b;} .ydbuttontnone{ width:60%; font-weight: bold; font-size:5vw; background: url(/images/bluepho.png) no-repeat 12px 9px; text-indent:4vw; background-color: #fff;} .questions .white36px{ font-weight: lighter;} .callmobilehead{color:#fff;margin-left:45%;line-height:65px;font-size:5vw; background: url(/images/baisepho.png) no-repeat 0 4px; padding-left: 20px;} /*-----------------------2020-05-28新增的移动端相应样式-----------*/ .mobile-inner{ display: block;z-index:1000;} /*移动端底部导航20201121*/ .mobile-navfoot{ display: block; position: fixed; bottom: 0; z-index: 1000; width: 100%; height:63px; background: #004e98;} .mobile-navfoot li{ position: relative; font-size:0.5em; float: left; text-align: center; width:25%; height:63px; line-height:63px; color:#fff;} .mobile-navfoot li a{ padding-top:28px; font-size:2.4em;color:#fff; display: inline-block;} .mobile-navfoot li #goutongm{ display:none; width: 100%; position: absolute; bottom:72px; right: 0;} .mobile-navfoot li #goutongm a{ padding-top:0px; font-size:1.2em; background:#3477b7;; width: 100%; display: block; height:36px; line-height:36px; border-bottom:solid 1px #fff;} .mobile-navfoot .gywmdb a{ background: url(/images/gywmdb.png) no-repeat 50% 12px;} .mobile-navfoot .cpzxdb a{ background: url(/images/cpzxdb.png) no-repeat 50% 10px;} .mobile-navfoot .zxgtdb{ font-size:1.2em;} .mobile-navfoot .lxfsdb a{ background: url(/images/lxfsdb.png) no-repeat 50% 12px;} .mobile-navfoot .zxgtdb{ padding-top:12px; background: url(/images/zxgtdb.png) no-repeat 50% 12px;} /*-----------------------2020-05-18新增的移动端相应样式-----------*/ img{ width: 100%;} /*index*/ #top{ display: none;} .pro-m-yx{display: block;} /*#meun-m{ display:block; position:fixed; top:11px; right:5px; width:30px;}*/ #bannertxt p:nth-of-type(2){ display:none; } .font48{ font-size:10vw; line-height:150%; padding: 110px 0 10% 0;} .buttonf{ text-align: center; display: block; color: #fff; border: solid 1px #004e98; width: 200px; height: 40px; line-height: 40px; background: #004e98;} .bannerbutton{ margin:0 auto; display: none;} .width-1920bg{ width:100%; margin: 0 auto;} .indexbannerbg{ height: 400px; background:url(/images/index/banner1.jpg) no-repeat; width: 100%;} #bannertxt{position:absolute; top:0px; left:10%; width:80%; text-align: center;} .width-1200px{ width: 100%;} #standardtitle{ height:50px; margin: 50px 0;} #standardtitle a{ text-align: center; color:#acacac; font-size:5vw; margin-left:0; float:none; width: 100%; display: block;} #standardtitle a:nth-child(2){ display: none;} #standardtitle a img{ width:5%;} #standardtitle .titleindex{ float:none; margin-left:0; padding-left:0; height:35px; font-size:8vw; color: #004e98; border-left:none;} #standarproducts li{overflow: hidden; margin:0 2%; width:96%; height:100%; margin-bottom:20px;} #standarproducts li a{ display: block;} #standarproducts li div{ font-weight:1; vertical-align: middle; padding:15px 15px; height:100%;} #standarproducts li div p:first-child{ font-size:5vw; margin-top:0; margin-bottom:10px;} #standarproducts li div p{font-size:3vw; line-height: 150%; color: #E3E3F0;} #standarproducts li a img{ width:100%;} .custombg{ height:100%; padding-top: 3px;} .bgline{width:100%; height:100%;} #custombgimg{ padding:88px 0; width:100%; height:100%; margin:40px auto 0; background: url(/images/index/custombg.png) no-repeat 0 0;background-size:contain;} #custombgimg .orange40px{ padding-top: 120px;} #custombgimg .orange40px a{ font-size: 7vw;} #custombgimg p{ padding:0px 10% 0 10%;} #custombgimg .buttonborder{ margin-left:10%;} .componybgindex{ height:100%; padding:45px 0; margin-top:-20px;background: url(/images/index/srbg_02.jpg) repeat center center; width: 100%;} #componyindex div{ padding-bottom:0px; width:90%; margin-right:0px; height: 100%; float:none; clear: both; border-bottom:0; margin-left:5%;} #componyindex img{ display:none; float:none; clear: both; width:100%; border-radius: 10px;} #componyindex p{ color: #fff; margin-bottom:25px;} #componyindex a{ float:none; clear: both;} .abuotus-m{ display: block; margin-top: 30px;} #customsolutions{ margin: 60px 0; margin-top:36%;} #customsolutions li{ margin-right:0px; float:none; width:44%; height:100%; border:0; float: left; margin: 10px 3%;} #customsolutions li p{ font-size:7vw; width:100%; height:100%; padding-top:0; text-align: center; background: #eaeaea; padding: 30px 0;} #customsolutions li img{ opacity:1;} .buletextcengter{ font-size: 8vw; color: #004e98; text-align: center; line-height:220%;} .bglightgray{ margin: 60px 0; height:100%; padding-top:40px; padding-bottom:0;} #newsindex2020 #news-i-l{ display: none;} #newsindex2020 #news-i-r{ float:none; width:92%; margin: 0 4%;} #newsindex2020 h2{ margin-bottom:15px; text-indent:36px; font-size:6vw;} #newsindex2020 p{ margin-bottom:15px;} #newsindex2020 #news-i-r ul li:last-child{ display: none;} #customersindex p{ font-size:6vw;} #customersindex .customersimg img{ width:40%; opacity:1; float: left; margin: 0 5%;} #customersindex .customersimg .customersf{ margin-right: 0;} #customersindex .blank{ display: none;} /*-------20200617修改-----------------*/ .foot{height:100%; width: 100%; margin-bottom: 50px;} #linefoot{width:100%; height:100%; margin-bottom:40px;} #footnav{ padding:55px 0 0px; height:450px; width:87%; margin-left: 13%;} #footnav dl{ float: left; width:35%; padding: 0 4%;} #footnav dl:nth-child(1),#footnav dl:nth-child(3),#footnav dl:nth-child(4){display: none;} #footnav a{ color: #fff;} #footnav dl dt a{ display: block; font-weight: bold; margin-bottom:24px;} #footnav dl dd a{ display: block; line-height:32px; margin-bottom: 12px; border-bottom: double 5px #004e98;font-size: 3vw; color: #ddd;} #footnav dl dt a:hover{ color: #4697e3; transition: .3s;} #footnav dl dd a:hover{ color: #fff; text-decoration: underline; transition: .3s;} /*-------！20200617修改-----------------*/ .social,.footbgqpsa{ display: none;} .rights{ border-top: solid 1px #ADADAD; line-height:500%; font-size:2vw;} /*products*/ .bannerall{display: none;} #products-list2020{ display: none;} #related li{ text-align: center; display: block; background:#eee;width:100%; padding-top: 10px; padding-bottom: 10px; height:100%; border: solid 1px #eee; float: left; margin-left:0; margin-bottom:3px;} #related li a img{ margin: 20px auto; border-radius:10px;} #related li dt a{ font-size: 5vw; line-height:200%;} .mainmargin{ margin: 25px auto;} .mainmargin .navleft{ display: none; position: fixed; bottom:40px; clear: both; float:none; margin-right:0; width:100%; height:164px;} .mainmargin .navleft a{text-indent: 20px; color: #fff; display: block; width:99%; height: 40px; line-height: 40px;border-bottom: solid 1px #fff;} .mainmargin .navleft .yiji li ul li{display: none;} .mainmargin .mainright2020{ float:none; clear: both; width:100%;} .chanpinpailieer{ width:100%;} .chanpinpailieer li{ margin:20px 9%; float:none; clear: both;width:80%; height:100%; padding-bottom: 20px;} /*.chanpinpailieer .chanpinpailieer-one{ margin-left:9%; margin-top:70px;}*/ .chanpinpailieer .chanpinpailieer-one{ margin-left:9%;} .buttonchanpinp{ width:60%; font-size:5vw;} .chanpinpailieer img{ width:100%; height:100%; padding:0;} #related li img{ height:100%; width:100%; margin:0; padding:0;} /*.mainright2020 .pro2020top{ width:100%; margin-bottom: 20px; margin-top:70px;}*/ .mainright2020 .pro2020top{ width:100%; margin-bottom: 20px;} #tucp{ margin:20px 0 30px 0; position:relative; width:100%; height:100%;} #tucp li{ margin-bottom:19px; width:20%; margin-left:80%;} #tucp .xiao{ display:block; width:99%; border:solid 1px #FFF;} #tucp span img{ display:none; position:absolute; top:0; left:0; width:80%;} #tucp .xiao:hover{ border:solid 1px #004E98; width:99%;} #tucp li:hover sapn img{ display:block;} #features{ position:none; padding:15px 2%; border:solid 1px #D1D1D1; width: 92%; margin-left:3%;} .pr-tedian-list{ width:100%; margin-left:0; margin-top:10px; font-size:3vw;} .scaz{ margin-bottom: 500px; overflow:auto;margin:0;position: static; height:100%; width: 100%;} .scaz ul li a{ margin-left: 25%; margin-top: 20px; margin-bottom: 10px; display: block; width:50%; font-size:14px; color:#004e98;background:none; border: solid 1px #004e98; line-height:36px; text-align:center; border-radius: 8px;} .scaz ul li a div{width:90%; height:36px;} @media (max-width:768px) { .nones,#dzsm{ display: none;} } .color-table{ width:95%; margin:10px auto; text-align: center;} .color-table td{ font-size:3vw;} .color-table tr .sharedtd2{ text-align: center;} #aboutus2020nav{display: none;} .width1100 .company2020title:first-of-type{ margin-top: 70px;} .width1100{ width:96%; margin-left: 2%;} .width1100 .zhuanli2020pl img{ width:10%; margin-right:4%;} .width1100 .zhuanli2020pl img:nth-child(3){ width:20%; margin-left: 2%; margin-right:5%;} .width1100 .zhuanli2020pl .marginrightnone{ margin-right:4%;} .width1100 .zhuanli2020pl img:first-child,.width1100 .zhuanli2020pl img:nth-child(7),.width1100 .zhuanli2020pl img:nth-child(14){ margin-left: 2%;} .historybg{ background: #eee; height:100%; padding:15px 0; margin-top: 40px;} #timeline li p{ float:none;} .timelineleft{ height:100%; width:20%; float: left; color: #004e98; text-align: left;font-size:6vw; line-height:100%;} .timelineleft span{ font-weight: bold; font-size:9vw; margin-right:15%;} .timelineright{ border-bottom: dashed 1px #B5B5B5; margin-bottom: 15px; width:100%; height:100%; margin-left:0; text-indent:0; border-left:none; float: left; position:relative; font-size: 14px; line-height: 50px;} .timelineright:before{ content: " ";width:0px; border-radius:0px;height:0px; background:none;} .font14px{ font-size: 14px;} #timeline{ width:90%; margin: 0 5%;} #contactus2020nav{ display: none;} .news_list li{border-bottom:none;} .news_list img{ width:30%;border:none; margin-top:2%;} .news_list dl{ width:65%; margin-left:5%;} .news_list dt a{ line-height: 100%; font-size:4vw; width:100%;} .news_list dt span{display:none;} .article_text{line-height:150%; font-size:3vw;} .newsliststitle{ font-size:7vw; margin-bottom:25px; margin-top:70px; width: 100%; text-align: center;} #contcat-m{ display: block;margin-top:26px; margin-bottom:0px;} #contcat-m a{ width:40%; margin:6px 5%; line-height:300%; border-radius: 5px; text-align: center; float: left; font-size: 3vw; display:block; color: #3b3b3b; background: #E6E6E6;} #contact2020main{ width:98%; margin: 0 1%;} #conmainint img{ width: 100%; margin-bottom:25px; margin-top: 25px;} #conmainint div{ width: 100%; margin-left:0;} #proxy .titleline{ width:100%; line-height:50px;font-size:24px;} #agents dl{ box-shadow:0 0 5px #b6b6b6; border-radius:10px; width:84%; float: left; margin: 33px 4%; padding:4%;} .width840{ width:100%; margin: 0 auto;} .cxltitle{ font-size:6vw;margin-bottom: 20px; margin-top: 25px;} table{border-collapse:collapse; } .width840 form table tr td{ text-indent: 20px; font-size: 14px; color: #656565;} .width840 form table tr:first-child td{ background: #004e98; color: #fff; text-align: center;} .width840 form table tr .bgbjhuise{ background: #eee;} .width840 table input{ width:80%; height:18px; line-height:18px;} table label{ margin-left: -10px;} .width840 table{ width:97%; margin-left: 1%;} #msxh,#dzsmqi,#bzxh,#hfxl,#hfxl,#exl,#oxl,#kxl,#pxl,#yxl{ display: none;} #showindexcon{ display: none;} /*----------2020-06-06--------------------------------------------------*/ #pdf_down .sd1{ font-size:4vw; width: 97%; margin: 0 1%;margin-top:60px; text-indent:0; text-align: center; background:none;} #pdf_down .sd2{ height:250px;margin:15px 1%;background:url(/images/catalog.jpg) no-repeat 640px 10px;} #pdf_down .sd2 p{ height:30px; line-height:30px; width: 100%;} .a-sd{ display:block; width:50%; float: left;} .b-sd{ display:block; width:50%; float: left;} .c-sd{ display:block; width:50%; float: left;} .d-sd{ display:block; width:5%; float: left;} .sd2 #d-sd a,#pdf_down .sd2 #d-sd a{ width:100%;} #pdf_down .sd2 #d-sd .a1-sd{ float: left; width:50%; margin-top: 20px; background:url(/images/3d_01.png) no-repeat;} #pdf_down .sd2 #d-sd .a2-sd{ float: left; width:50%; margin-top: 20px; background:url(/images/3d_02.png) no-repeat;} #pdf_down .sd2 #d-sd .a4-sd{ float: left; width:50%; margin-top: 20px; background:url(/images/zixun.png) no-repeat;} #pdf_down .sd2{background:none;} .anniu-3d a{ display:block; width:334px; height:68px; line-height:68px; background:url(/images/3d_11.jpg) no-repeat; font-size:30px; color:#FFF; font-family: "微软雅黑"; text-indent:110px; cursor:pointer;} /*--------20200609新增的---------*/ #products-list2020 li:first-child img{ border-top:none;margin-top: -170%;} .mainright2020 .center{ width: 100%;} .mainright2020 .center img{ width: 100%;} #ask_senring{ width:100%; margin: 0 auto; margin-bottom: 25px;} #ask_senring form table tr td{ text-indent: 20px; font-size: 14px; color: #656565;} #ask_senring form table tr:first-child td{ background: #004e98; color: #fff; text-align: center;} #ask_senring form table tr .bgbjhuise{ background: #eee;} #ask_senring table input{ width:80%; height:18px; line-height:18px;} #ask_senring table{ width:97%; margin-left: 1%;} /*20200628修改之前：2020-06-17新增的*/ #ydxz{ display: block; border-bottom: dashed 1px #C9C9C9;width:90%; padding:0px 5%; padding-top:15px; height: 100%;} .contactcallbg{ background:#004e98; margin-top:3%;} .contactcall{ background: url(/images/ydd.png) no-repeat 15% 15px;display: block; width: 100%; line-height:54px; line-height: 54px; font-size:20px; color: #fff; text-align:center; margin-left:10px;} .ydvidio{ display: block; position: relative;} .vidiomeng{ position: absolute; top: 0; left: 0; width: 100%; height:97%; background-color: rgba(0,0,0,0.3); background-image: linear-gradient(135deg, transparent 25%, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 50%, transparent 0, transparent 75%, rgba(0,0,0,0.2) 0); background-size:5px 5px;} .ydbannerwz{ display: block; position: absolute; top:5%; left:16%;} .ydbannerwz .font48{ color:#fff; font-size: 6vw; text-align: center;} .ydbannerwz .bannerbutton{ background: none; border:solid 1px #fff;} /*#ydxz p{ width:99%; border: solid 1px #acacac; border-radius:8px; margin-bottom: 15px; }*/ #ydxz p input{ color: #acacac; text-indent: 15px; border:0;outline: none; height:40px; line-height:40px; width: 99%;} #ydxz p:nth-of-type(1),#ydxz p:nth-of-type(6),#ydxz p:nth-of-type(8){ border:0;} #ydxz p textarea{ color: #acacac; text-indent: 15px; border: 0; outline: none;} #ydxz form{ margin-top: 20px;} #ydxz p:nth-of-type(8){ margin:0; padding: 0;} #ydxz .chuncenter{ border:0;} #ydxz .subbtn{ margin-top: 10px; border-radius:8px; width: 100%; background: #004e98;color:#fff;} /*#ydxz .chuncenter input[type="submit"]{ margin-top: 10px; border-radius:8px; width: 100%; background: #004e98;color:#fff;}*/ /*-----------20200627新增----------------*/ #solutionimg li{ float: left; width:89%; height:100%; padding:3%; margin:2%;} #solutionimg li p{ font-size:5vw;} /*----------------20200717新增的-----------------------*/ .dada{ width:90%; border-left:solid 5px #004E98;vertical-align:text-bottom; font-family: "微软雅黑"; font-size: 20px; font-weight: bold; height:100%;margin:20px 0; text-indent:0px; padding-left: 15px; font-size:5vw;} .productdetailstop #pdtleft{ float:none; width:100%; clear: both;} .productdetailstop{ width:96%; margin: 0 2%} .productdetailstop #pdtright{ float:none; width:100%; margin:0; clear: both;} .productdetailstop #pdtleft li{ float: left; padding-top: 280px; margin-right: 15px;} .productdetailstop #pdtleft li img{ width:40px; border: solid 1px #dcdcdc; border-radius:5px;} .productdetailstop #pdtleft ul{position: relative;} .productdetailstop #pdtleft li div img{position: absolute; top: 0; left: 0; border-radius:0px; width:98%; display: none; height: 255px;} .productdetailstop #pdtleft li:hover div img{display: block;} .productdetailstop #pdtleft li:first-child div img{display: block;} .productdetailstop #pdtright div{ background: #eee;padding: 20px 5%; width:89%;} .productdetailstop #pdtright div .font14px{ margin-bottom: 20px; line-height: 22px; color: #656565; width: 100%;} .bread-crumbs{ background:none; margin:0 2%; line-height: 20px; height: 100%; margin-bottom:-6%;;} .bread-crumbs p{ line-height:150%;} .bread-crumbs p a{color: #004e98; margin-right:0px; font-size:3.8vw; display: inline-block;} /*banner*/ .bannerbgqping{ height: 400px; width: 100%; background: #7a787d;} .componybgqp{ height: 400px; width: 100%; background: #2f4246;} .footbgqpsa{ position:relative;} .footbgqpsb{ position:absolute; bottom:0px; z-index: -1000000; height:596px; width: 100%; background:#323a3e;} /*--20200718--*/ .ggtableleft{ width:99%; float:none;border-right: 0;} .ggtableright{ width:99%; float:none;} /*--20200722--*/ .mainright2020 #pdtright .buttonborder{ display: none;} /*20200727*/ .title-index20191121 h2{ font-size:24px; line-height:48px;} .title-index20191121 p{padding-bottom:0;} .imgborder{ text-align: center; margin:20px auto 40px; height: 100%;} .imgborder img{border:1px solid #F0F0F0; width:48%; float: left; margin-left: 1%; margin-bottom: 5px;} /*解决方案*/ #jiejuefangan-x{ width: 100%;} #jiejuefangan-x #jiejuefangan-xr{float:none; width: 98%; padding: 0; margin: 0 1%;} #jiejuefangan-x #jiejuefangan-xl{ width:100%;float:none; clear: both;} #jiejuefangan-x #jiejuefangan-xl img{ width:48%; margin:20px 1%;} #jiejuefangan-x #jiejuefangan-xr li span{ float: none; display: none;} #jiejuefangan-x #jiejuefangan-xr li{ background: url(../../images/index/t_30.gif) no-repeat 5px 6px; margin-bottom: 20px; border-bottom: solid 1px #E0E0E0; width:96%; margin: 0 2%; white-space:nowrap;overflow:hidden;overflow:ellipsis;} #zizhi2019index img:nth-child(3){ margin-left:0px;} #zizhi2019index img+img+img{ margin-left:0px;} #huahuanzuoyong-x{ height: 100%; padding: 0;} #huahuanzuoyong-x ul{float:none; width:100%; margin:0;} #huahuanzuoyong-x ul li{ width:100%; line-height: 36px; background: url(../images/index/t_30.gif) no-repeat 5px 6px; text-align: left; text-indent:1em;} #hezuohuoban-x{ width:100%; padding-left:1%; margin-bottom:10px;} #hezuohuoban-x img{margin: 15px 1%; width: 30%;} /*20200728*/ /*--选型手册--*/ #xxsc{ width:94%; height:380px; padding:20px 3%; margin-bottom:0px;} /*--20200801--*/ /*--banner开始--*/ #banner{ display: none;} } @media(min-width:415px){ } @media(max-width:580px){.bannerbutton{ margin:0 auto; display: block;} .news_list li{ border-bottom:dashed 1px #D2D2D2; height:120px;width:98%; margin-left: 1%;} } @media(max-width:330px){} /*移动端顶部菜单栏*/ @-webkit-keyframes ReturnToNormal { 100% { -webkit-transform: translateX(0%) rotate(0deg); transform: translateX(0%) rotate(0deg);}} @keyframes ReturnToNormal {100% { -webkit-transform: translateX(0%) rotate(0deg); transform: translateX(0%) rotate(0deg); }}