@charset "utf-8"; /* CSS Document */ html,body{height:100%;} body,td,th { font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; line-height:180%; color:#333; font-size:14px; } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding:0; background:#fff; } textarea:focus, input:focus{ outline: none; } h1,h2,h3,h4,h5,h6,ul,form,dl{padding:0;margin:0;} a{text-decoration:none;color:#333333} a:hover{text-decoration:none;color:#133984} ul{list-style:none;} img{border:0;} .w{margin:0 auto;width:95%;max-width:1500px;_width:1300px;} .fl{float:left;} .fr{float:right;} .clear{clear:both;height:0;line-height:0; overflow:hidden;} .clear{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;} .cf:before, .cf:after {content:"";display:table;} .cf:after {clear:both;} .cf {zoom:1;} .m_d_t{display:none;} .h65{clear:both;height:65px;} #top{border-top:3px solid #133984;box-shadow:0px 3px 4px rgb(164,164,164,0.3); position:relative; z-index:100;border-bottom:1px solid #ccc\9;background:#fff;} #nav{height:105px;background:url(/images/logo.png) no-repeat left center;background-size:240px auto;display: flex;justify-content:space-between;} #nav li{float:left\9;} #nav a{display:block;text-align:center;height:105px; line-height:105px; color:#000;font-size:16px;padding:0 20px\9;} #nav a.marrow:after{background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23444444' d='M174.081 283.648l-59.008 57.225 396.929 399.479 396.924-399.476-59.004-57.228-337.92 335.872z'/%3E%3C/svg%3E") no-repeat right center;padding-right: 22px;content:"";} #nav a:hover{color:#133984;} #nav #logo a{width:256px; display:block;} #nav #search{display: flex;align-items: center;} #nav #search a{width:40px;height:40px;background:url() no-repeat center center;text-indent: -10000px;margin:0 8px;} #nav #search #topSearchBtn{background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23555555' d='M700.8 775.765333a384 384 0 1 1 74.965333-74.965333l147.370667 147.370667a53.034667 53.034667 0 0 1-74.965333 74.965333l-147.370667-147.370667zM469.333333 768a298.666667 298.666667 0 1 0 0-597.333333 298.666667 298.666667 0 0 0 0 597.333333z'/%3E%3C/svg%3E");} #nav #search #topMenuBtn{background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23222222' d='M896 307.2h-768a25.6 25.6 0 0 1 0-51.2h768a25.6 25.6 0 0 1 0 51.2zM896 563.2h-768a25.6 25.6 0 0 1 0-51.2h768a25.6 25.6 0 0 1 0 51.2zM896 819.2h-768a25.6 25.6 0 0 1 0-51.2h768a25.6 25.6 0 0 1 0 51.2z'/%3E%3C/svg%3E");} #nav>li>ul{background:#fff;left:-100px;position:absolute;z-index:1000000;display:none;text-align:left;min-width:250px;color:#999;box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.2); } #nav li ul div{padding:11px;} #nav li ul div b{font-weight:normal;line-height:150%;display:block;padding:12px 0;} #nav li ul div i{display:block; overflow:hidden;} #nav li ul div i img{display:block;width:100%;} #nav li ul li{padding:5px 10px;position:relative;border-top:1px solid #ddd;} #nav li ul li:first-child{border-top:0;} #nav li ul li a{display:block;min-width:auto; text-transform:capitalize;padding:12px 28px 12px 0;transition: all .4s;position:relative;line-height: normal;height:auto;} #nav li ul li a.leftArrow{background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23666666' d='M283.648 849.919l57.225 59.008 399.479-396.929-399.476-396.924-57.228 59.004 335.872 337.92z'/%3E%3C/svg%3E") no-repeat right center;} #nav2 li ul li a:before{content:'';width:0;position:absolute;bottom:-5px;height:2px;background:#06c;transition: all .4s;} #nav li ul li:hover{background:#f4f4f4} #nav2 li ul li a:hover{color:#003399;} #nav2 li ul li a.leftArrow:hover{background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 1024 1024'%3E%3Cpath fill='%230066cc' d='M322.58048 852.35712a34.05824 34.05824 0 0 1-8.51968-48.9472l192.14336-255.50848a59.65824 59.65824 0 0 0 0-71.80288l-192.14336-255.488a34.03776 34.03776 0 0 1 8.51968-48.9472 47.18592 47.18592 0 0 1 57.344 4.096l310.12864 276.70528a79.60576 79.60576 0 0 1 0 119.07072l-310.10816 276.6848a47.18592 47.18592 0 0 1-57.344 4.13696z'/%3E%3C/svg%3E") no-repeat right center;} #nav li ul li a:hover:before{width:100%;} #nav li ul li span{padding-left:16px;} #nav li ul li ul li{line-height:100%;} #nav li ul li ul li i{ font-style: normal; font-weight: 300; display: block; padding-left: 16px; font-size: 80%; color: #aaa; } #nav li ul li ul li span{ font-weight:400; } #nav li{position:relative;} #nav li ul{display: none;top:90%;padding:20px;} #nav ul ul { left: 100%; position: absolute; top: 0; background:#fff; box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.2); min-width:250px; } #nav li:hover>ul{display:block;} #nav>li{white-space: nowrap;height:100%;display:flex;align-items: center;} #showmapa{width:40px;height:40px; display:block;border:1px solid #b0b0b0; background:#ededed url(/images/ssa1.png) no-repeat center center;} #fmapcon{ background:#9195a2 url(/images/bbk1.png) repeat-x left bottom; } #fmapcon p{padding:40px 0; font-size:26px; color:#fff; font-style:italic; line-height:110%; font-family:sans-serif;} #fmapcon ul{} #fmapcon ul li{width:33%;float:left;background:#fff;} #fmapcon ul li a{ text-align:center; display:block;color:#7f7f7f;height:54px; line-height:54px; border-bottom:1px solid #7f7f7f; border-right:1px solid #7f7f7f;font-weight:bold;} #fmapcon ul li a span{padding:0 0 0 12px; background:url(/images/ldot2.png) no-repeat left center;} #fmapcon ul li a:hover{color:#f00;} #fmapcon ul li a:hover span{background:url(/images/ldot1.png) no-repeat left center;} #fmap #seemore{width:248px; display:block; background:#333333; color:#fff; height:38px; line-height:38px; text-align:center; float:right;} #fmap #seemore span{background:url(/images/dot3.png) no-repeat left center; padding: 0 0 0 11px;} #fmap #seemore:hover{background:#da251d;} #footmsg{ background:#f2f2f2;} #footmsg .footmsgcon{padding-left:220px; background:url(/images/blogo.png) no-repeat left center; height:140px;} #footmsg h3{font-weight:normal; font-style:italic;font-size:28px;padding:20px 0 0 0;} #footmsg p{width:80%;} #ff2{ height:70px;} #ff2 a{color:#333;width:188px;background:url(/images/navsplit.gif) no-repeat right center; display:block; float:left; text-align:center;} #ff2 a:hover{color:#da251d;} #ff2 a:first-child{width:25px;} #ff2 #goupa{width:42px; height:42px; background:url(/images/ssa2.png) no-repeat; float:right;} #nsimg{ height:220px; overflow:hidden;position:relative; background:#fff url(/images/productbar.jpg) no-repeat center center;position:relative;background-size:cover;} #p3830 #nsimg{background-image:url(/images/aboutbar.jpg)} #p3940 #nsimg{background-image:url(/images/productbar.jpg)} #p4980 #nsimg{background-image:url(/images/solbar.jpg)} #p6040 #nsimg{background-image:url(/images/servicebar.jpg)} #p6030 #nsimg{background-image:url(/images/newsbar.jpg)} #nsimg .zi{width:100%px;height:85px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 0; font-size:30px; /*设置字体大小*/ font-weight:bolder; /*设置字体粗细*/ color:#133984; /*设置文字颜色*/ font-style: italic;} #nsimg .cnzi{position: absolute;left:60px;top:25px;font-size:23px;} #nsimg .cnzi span{display: block;font-size:13.3px;margin-top:-3px;} #nsimg .enzi{position: absolute;left:360px;top:27px;font-size:15px;padding-left:55px;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='55' height='55' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M637.669 216.143H386.342c-39.458 0-71.56 32.095-71.56 71.546V736.31c0 39.451 32.102 71.548 71.56 71.548h251.327c39.452 0 71.549-32.097 71.549-71.548V287.688c0-39.45-32.097-71.545-71.549-71.545z m-251.327 30h251.327c22.91 0 41.549 18.637 41.549 41.546v17.282H344.782v-17.282c0-22.909 18.644-41.546 41.56-41.546z m292.876 78.615v340.385H344.782V324.758h334.436z m-41.549 453.099H386.342c-22.916 0-41.56-18.639-41.56-41.548v-51.384h334.436v51.384c0 22.91-18.639 41.548-41.549 41.548z M483.73 288.009h56.549c4.699 0 8.476-3.809 8.476-8.489a8.468 8.468 0 0 0-8.476-8.475H483.73c-4.688 0-8.485 3.801-8.485 8.475 0 4.68 3.798 8.489 8.485 8.489zM511.995 701.073c-17.167 0-31.101 13.923-31.101 31.112 0 17.179 13.934 31.102 31.101 31.102 17.178 0 31.112-13.923 31.112-31.102-0.001-17.189-13.934-31.112-31.112-31.112z M512.013 93.174C280.69 93.174 93.182 280.695 93.182 512c0 231.307 187.508 418.826 418.831 418.826 231.315 0 418.806-187.52 418.806-418.826-0.001-231.305-187.491-418.826-418.806-418.826z m-0.001 819.795c-221.459 0-400.973-179.524-400.973-400.969 0-221.442 179.514-400.969 400.973-400.969 221.453 0 400.949 179.526 400.949 400.969 0 221.444-179.496 400.969-400.949 400.969z'/%3E%3C/svg%3E") no-repeat left center;} #nsimg .enzi span{display: block;font-size:30px;padding-bottom:13px;border-bottom:1px solid #133984;} @-webkit-keyframes shine{/*创建动画*/ 0%,100%{ color:#133984;text-shadow:0 0 6px #5b5b5b,0 0 10px #5b5b5b; } 50%{ text-shadow:0 0 6px #5b5b5b,0 0 20px #5b5b5b; } } #simg{ position:relative;z-index:9;} #simg ul{padding:0;margin:0;height:600px; overflow:hidden;} #simg ul li{height:600px; background:url() no-repeat center center;width:100%; overflow:hidden;background-size:cover;} #simg ul li.li1{background-image:url(/images/simg1.jpg);background-image:url(/images/simg1.webp) !important;} #simg ul li.li2{background-image:url(/images/simg2.jpg);} #simg ul li.li3{background-image:url(/images/simg3.jpg);} #simg ul li div.zi{ position:relative; height:600px;} #simg ul li div.zi{color:#fff;text-shadow:1px 0px 8px #133984;font-weight:bold;top:130px;left:120px;} #simg ul li.li3 div.zi{left:0;top:80px;} #simg ul li.li1 .z1{font-size:41px;padding:0;margin:0;} #simg ul li.li1 .z2{font-size:30px;padding-bottom:20px;} #simg ul li.li1 .z3{ font-size: 19px; border-top: 2px solid; padding: 20px 0 0 0px; display: inline; } #simg ul li.li2 .z1,#simg ul li.li3 .z1{font-size:48px;padding:0;margin:0;color:#fff;font-weight:bold;top:-30px;left:20px;position:absolute;background: linear-gradient(to bottom, #129ef7, #043694); -webkit-background-clip: text; color: transparent;height:70px;line-height:70px;text-shadow:none;} #simg ul li.li2 .z1::after,#simg ul li.li3 .z1::after { content:attr( data-content ); -webkit-text-stroke: 2px #fff; position: absolute; left: 0; top: 0; z-index: -1; } #simg ul li.li3 .z1{left:0;right:0;text-align:center;} #simg ul li.li3 .z1::after{right:0;margin:auto;} #simg ul li.li2 .z2{position: absolute; top: 30px; left: 35px; font-size: 15px; color: #333; text-shadow: 0 0 2px #fff;} #simg ul li.li3 .z2{ text-align: center; position: relative; top: 50px;color: #333; text-shadow: 0 0 2px #fff;} #simg ul li div.zi a{position:absolute; bottom:240px; width:250px; background:#0048fe;color:#fff; text-align:left;font-size: 25px; width: auto; padding: 20px 45px; bottom: 310px;left:60px;border-radius:18px;text-shadow:1px 0 10px #000;} #simg ul li div.zi a:hover{background:#436dc0} #simg ul li.li2 div.zi a{bottom:430px;} #simg ul li.li3 div.zi a{bottom: 430px; left: 0; right: 0; width: 310px; margin: auto; text-align: center;} #hotline{height:104px; background:rgb(0,0,0,0.6); color:#fff;position:absolute;width:100%;bottom:0px; z-index:10000;} #pnsn{text-align:right;color:#fff;position:absolute;top:30px;bottom:0;right:0; z-index:100001} #pnsn a{display:inline-block; vertical-align:middle;} #pnsn a i{font-size:30px; color:rgb(255,255,255,0.6);padding:0 12px;} #pnsn a:hover i{color:#133984;} #simgNum{position:absolute;left:0;text-align:center;margin:auto;right:0;} #simgNum span{color:#ccc; cursor:pointer;font-size:0; display:inline-block; vertical-align:text-bottom;width:12px;height:4px;background:#ededed;border-radius:2px;margin:0 4px;} #simgNum span.cycle-pager-active{color:#133984;background:#133984;width:19px;} #imt{padding:100px 0 50px 0;} .ih2{font-size:270%;text-align:center;padding:0 0 20px;margin-bottom:30px; font-weight:normal;font-style: normal;background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23dddddd' d='M532.886439 534.015436l345.472988-270.394708c3.951488-3.38699 6.209482-7.902977 6.209481-13.547961V168.220507c0-7.338479-7.902977-11.289967-13.54796-6.77398L512 443.131202 152.979052 162.011025c-5.644983-4.515987-13.54796-0.564498-13.54796 6.773981v81.85226c0 5.080485 2.257993 10.16097 6.209481 13.54796L491.113561 534.015436c12.418964 9.596472 29.353914 9.596472 41.772878 0z m0 0 M532.886439 855.779493l345.472988-270.394708c3.951488-3.38699 6.209482-7.902977 6.209481-13.54796V489.984564c0-7.338479-7.902977-11.289967-13.54796-6.77398l-359.020948 281.120177-359.020948-280.555678c-5.644983-4.515987-13.54796-0.564498-13.54796 6.77398v81.85226c0 5.080485 2.257993 10.16097 6.209481 13.54796L491.113561 855.779493c12.418964 10.16097 29.353914 10.16097 41.772878 0z m0 0'/%3E%3C/svg%3E") no-repeat bottom center;} .ih2 .bt1{display: block;} .ih2 .bt2{ font-size: 50%; padding: 18px; text-transform: uppercase; color: #aaa;position: relative; display: flex; align-items: center; justify-content: center;} .ih2 .bt2:after,.ih2 .bt2::before{content: " ";width:50px;height: 1px;background:#ddd;margin:0 12px;} #imt ul{padding:0 0 0 0;position:relative; display:-webkit-flex;display:flex;justify-content:flex-start;flex-wrap: wrap;justify-content: space-between} #imt ul li{display:inline-block;width:24%; position:relative;} #imt ul li a{ border-radius:9px;text-align:center; background:#ebeff2;display:block;height:330px;width:100%; margin:0 auto; position:relative;color:#444;} #imt ul li a i{display:block;text-align:center;height:140px;background:url() no-repeat center 70px;position: relative;} #imt ul li a i::after{display: block;height:70px;width:70px;margin:auto;left:0;right:0;margin:auto;bottom:-10px;background:url() no-repeat center 70px;content: " ";position:absolute;transition: all .4s ease;mask-mode: alpha; mask-repeat: no-repeat; mask-position: center 0;opacity: 0;background-color: #fff;} #imt ul li a i::before{display: block;height:140px;width:70px;left:0;right:0;margin:auto;bottom:0;background:url() no-repeat center 70px;content: " ";position:absolute;transition: all .4s ease;mask-mode: alpha; mask-repeat: no-repeat;mask-position: center 70px;opacity: 1;background-color: #444444;;} #imt ul li a i.vabout::before{mask-image: url("/images/about_icon.svg");-webkit-mask-image: url("/images/about_icon.svg");} #imt ul li a:hover i.vabout::after{mask-image: url("/images/about_icon.svg");-webkit-mask-image: url("/images/about_icon.svg");} #imt ul li a i.vproduct::before{mask-image: url("/images/pro_icon.svg");-webkit-mask-image: url("/images/pro_icon.svg");} #imt ul li a:hover i.vproduct::after{mask-image: url("/images/pro_icon.svg");-webkit-mask-image: url("/images/pro_icon.svg");} #imt ul li a i.vdaili::before{mask-image: url("/images/dl_icon.svg");-webkit-mask-image: url("/images/dl_icon.svg");} #imt ul li a:hover i.vdaili::after{mask-image: url("/images/dl_icon.svg");-webkit-mask-image: url("/images/dl_icon.svg");} #imt ul li a i.vcontact::before{mask-image: url("/images/lx_icon.svg");-webkit-mask-image: url("/images/lx_icon.svg");} #imt ul li a:hover i.vcontact::after{mask-image: url("/images/lx_icon.svg");-webkit-mask-image: url("/images/lx_icon.svg");} #imt ul li a b{font-size:22px;font-weight: 400; display:block;padding:10px 0; } #imt ul li a span{display:block;padding:0 36px; height:64px; overflow:hidden;} #imt ul li a o{display: block;position:relative;} #imt ul li a o::before{left:110px\9; position: absolute; display: block; content:">"; font-weight:400; opacity: 1; left:calc(50% - 45px) } #imt ul li a o::after{background-position: 0 0; position: absolute; display: block; top: 0px; right: 150px; opacity: 0; content:">"; font-weight:400; color:#fff;} #imt ul li a:hover{background:#133984;color:#fff;} #imt ul li a:hover o{padding-right: 20px;transition: all .4s cubic-bezier(0.15,.8,.5,1);} #imt ul li a:hover o::after{right:120px;opacity: 1;transition: all .4s cubic-bezier(0.15,.8,.5,1);} #imt ul li a:hover o::before{display: none;} #imt ul li a:hover i::after{bottom:0;height:70px;opacity: 1;} #imt ul li a:hover i.vabout::before,#imt ul li a:hover i.vproduct::before,#imt ul li a:hover i.vdaili::before,#imt ul li a:hover i.vcontact::before{opacity: 0;bottom:10px;} a.more{ background:#133984;box-sizing:border-box;padding:9px 24px 9px 24px;color:#fff; position:relative;display: inline-block; transition: all .4s cubic-bezier(0.15,.8,.5,1); border-radius:4px;} a.more span{transition: padding .4s cubic-bezier(0.15,.8,.5,1);} a.more span:before{ left:7px; top:15px; position: absolute; display: block; content:" "; font-weight:900; opacity: 1; transition: all .4s cubic-bezier(0.15,.8,.5,1); width:14px;height:14px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M704 511.904v-0.112a47.84 47.84 0 0 0-14.688-34.544l0.016-0.016-288-288-0.128 0.128a48 48 0 1 0-64.464 71.04l251.488 251.488L333.44 766.672l0.016 0.016a48 48 0 0 0 67.856 67.856l0.016 0.016 288-288-0.016-0.016A47.84 47.84 0 0 0 704 512v-0.096z'/%3E%3C/svg%3E") no-repeat left center;; } a.more span:after{ background-position: 0 0; position: absolute; display: block; top: 16px; right: 60px; opacity: 0; transition: all .2s cubic-bezier(0.15,.8,.5,1); content:" "; font-weight:900; width:14px;height:14px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M704 511.904v-0.112a47.84 47.84 0 0 0-14.688-34.544l0.016-0.016-288-288-0.128 0.128a48 48 0 1 0-64.464 71.04l251.488 251.488L333.44 766.672l0.016 0.016a48 48 0 0 0 67.856 67.856l0.016 0.016 288-288-0.016-0.016A47.84 47.84 0 0 0 704 512v-0.096z'/%3E%3C/svg%3E") no-repeat left center;; } a.more:hover{padding-left:14px; background:#133984;color:#fff;} a.more:hover span:before{left:0;opacity:0;} a.more:hover span:after{content:" ";right:10px; opacity:1;} a.more2{text-align:right;display: block;padding:30px 0 0 0;} #iicon{padding:52px 0;} #iicon li.ipic{width:45%;float:left;} #iicon li.ipic img{width:90%;} #iicon li.iconli1{width:55%;float:right;padding:40px 0 0 0;} .iimsg{} .iiimsg{font-size:42px;} .iimsg2{color:#666;font-size:22px;padding:22px 0;} .iimsgcon{padding:20px 0 30px 0; line-height:200%} .iimsg a.more{width:120px;} #itopic{padding:40px 0 60px 0;} #itopic ul{padding:40px 0 0 0;} #itopic ul li{float:left;width:25%;} #itopic ul li a{display:block;height:180px; border:1px solid #c4c4c4;margin:0 12px; position:relative; background:url() no-repeat top center; overflow:hidden;} #itopic ul li a span{display:block;position:absolute;bottom:0px;left:0px;width:100%;background:#333 url(/images/dot5_2.gif) no-repeat right bottom;color:#fff;padding:8px 4%;} #itopic ul li a:hover span{background-color:#da251d;} #itopic ul li span.memo{display:block;padding:8px 12px; height:120px; overflow:hidden;} #inews{padding:0 0 60px 0;} #inews ul{padding:40px 0;} #inews ul li{float:left;width:25%; position:relative} #inews ul li a{display:block; background:url(/images/xdot1.gif) repeat-y left top;padding:0 16px;} #inews ul li a span{display:block;} #inews ul li a span.date{color:#999999;padding:0 0 18px 0;} #inews ul li a span.date i{float:right;} #inews i.t1{color:#da3125;} #inews i.t2{color:#4178ad;} #inews ul li a:hover{background-image:url(/images/xdot2.gif);} #inews a.viewAll{width:188px;height:40px; background:#cb0002;color:#fff; text-align:center;float:right; line-height:40px;} #inews a.viewAll span{padding:0 0 0 15px; background:url(/images/dot3.png) no-repeat left center;} #inews a.viewAll:hover{background-color:#ea1315;} #iaboutMemo{padding:40px 0 24px 0;} #iul{position:relative;height:600px;} #iul li{position:absolute;} #iul li a{display:block; position:relative;left:0;top:0;} #iul li a span{position:absolute;height:70px;background:#333;color:#fff;line-height:70px; text-align:center;width:100%;} #iul li a:hover span{background-color:#da251d;} #iul li.ili1{width:290px;height:600px;left:0;top:0; background:url(/images/ia1.jpg) no-repeat center center;} #iul li.ili1 a{height:600px;} #iul li.ili1 a span{width:120px;height:38px;left:40px;top:145px; line-height:38px;} #iul li.ili2{width:290px;height:245px;left:290px;top:0; background:url(/images/ia2.jpg) no-repeat center top;} #iul li.ili2 a{height:245px;} #iul li.ili2 a span{bottom:0px;} #iul li.ili3{width:290px;height:245px;left:290px;top:245px; background:url(/images/ia3.jpg) no-repeat center top;} #iul li.ili3 a{height:245px;} #iul li.ili3 a span{bottom:0px;} #iul li.ili4{width:290px;height:245px;left:580px;top:0px; background:url(/images/ia4.jpg) no-repeat center bottom;} #iul li.ili4 a{height:245px;} #iul li.ili4 a span{top:0px;} #iul li.ili5{width:290px;height:245px;left:580px;top:245px; background:url(/images/ia5.jpg) no-repeat center bottom;} #iul li.ili5 a{height:245px;} #iul li.ili5 a span{top:0px;} #iul li.ili6{width:290px;height:490px;left:870px;top:0px; background:url(/images/ia6.jpg) no-repeat center top;} #iul li.ili6 a{height:490px;} #iul li.ili6 a span{bottom:0px;} #iul li.ili7{width:870px;height:110px;left:290px;top:490px; background:url(/images/ia7.jpg) no-repeat center top;} #iul li.ili7 a{height:110px;} #iul li.ili7 a span{right:17px;bottom:17px;height:38px; width:200px; line-height:38px;} #home #nsimg{display:none;} #tts{padding:60px 0 70px 0; display:none;} #tts li{float:left;width:33.3333%;_width:33%;overflow:hidden; line-height:140%;} #tts li a{ display:block;height:110px;background:url() no-repeat top center; padding:100px 70px 0 70px;border-right:1px solid #dcdcdc; text-align:center;} #tts li span.ttp{display:block;font-size:22px;padding:8px 0 12px 0;} #tts li.pp a{ background-image:url(/images/ico1.png);} #tts li.cp a{ background-image:url(/images/ico2.png);} #tts li.fw a{ background-image:url(/images/ico3.png); border:none;} .dbt{ background:url(/images/hxdot.gif) repeat-x left 14px;height:50px; text-align:center;color:#0070c3; display:block; clear:both;} .dbt h4{padding:0 20px; line-height:100%;font-size:30px; font-weight:normal;} .dbt h4 span.zh{font-size:28px; padding:0 20px; background:#fff;text-transform:uppercase;} .dbt span.en{font-size:14px; text-transform:uppercase; display:none} #iabout{padding:70px 0 95px 495px;background:url(/images/img1.jpg) no-repeat left 165px} #iaboutCon{height:195px; overflow:hidden;} a.iabouta{height:38px; width:135px;color:#fff;line-height:38px; text-align:center; background:#cb0002 url(/images/dot1.png) no-repeat 10px center; display:block;} a.iabouta:hover{background:#ea1315;} #iabout h2{font-weight:normal;font-size:22px; text-transform:uppercase; padding:0 0 20px 0;} #iabout h2 span{color:#999; display:block;font-size:18px;} #iqy{} #iqy li{float:left;width:33.3333%;_width:33%;overflow:hidden;} #iqy li a{display:block;margin:0 4px;height:170px; background:#ededed url(/images/dot2.png) no-repeat right bottom;color:#cb0002;} #iqy li a .img{float:left;width:186px;height:170px;} #iqy li a img{transition: all 0.5s; } #iqy li .zh1{float:left;font-size:18px; margin:12px 0 0 62px;} #iqy li .zh1 .en1{font-size:12px;display:block; text-transform:uppercase;} #iqy li a:hover{background:#cb0002 url(/images/dot2.png) no-repeat right bottom;color:#fff;} #iqy li a:hover img{ transform: scale(1.04); } .msimg{ height:460px; background:url(/images/msimg.jpg) no-repeat center center;} #tabdiv{ position:relative;} .itab{} .itab ul{display: flex;justify-content: center;} .itab a{ padding:7px 25px;margin:0 4px;background:#ededed;color:#666;border-radius:4px;box-sizing:border-box;position:relative;display: inline-block; transition: all .4s cubic-bezier(0.15,.8,.5,1);} .itab a:before{ left:7px; top:12px; position: absolute; display: block; content:" "; font-weight:900; opacity: 1; transition: all .4s cubic-bezier(0.15,.8,.5,1); width:14px;height:14px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23666666' d='M704 511.904v-0.112a47.84 47.84 0 0 0-14.688-34.544l0.016-0.016-288-288-0.128 0.128a48 48 0 1 0-64.464 71.04l251.488 251.488L333.44 766.672l0.016 0.016a48 48 0 0 0 67.856 67.856l0.016 0.016 288-288-0.016-0.016A47.84 47.84 0 0 0 704 512v-0.096z'/%3E%3C/svg%3E") no-repeat left center;; } .itab a:after{ background-position: 0 0; position: absolute; display: block; top: 12px; right: 50px; opacity: 0; transition: all .2s cubic-bezier(0.15,.8,.5,1); content:" "; font-weight:900; width:14px;height:14px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M704 511.904v-0.112a47.84 47.84 0 0 0-14.688-34.544l0.016-0.016-288-288-0.128 0.128a48 48 0 1 0-64.464 71.04l251.488 251.488L333.44 766.672l0.016 0.016a48 48 0 0 0 67.856 67.856l0.016 0.016 288-288-0.016-0.016A47.84 47.84 0 0 0 704 512v-0.096z'/%3E%3C/svg%3E") no-repeat left center;; } .itab a:hover{padding-left:14px; background:#133984;color:#fff;} .itab a:hover:before{left:0;opacity:0;} .itab a:hover:after{content:" ";right:10px; opacity:1;} a.viewall{width:19%;float:right;padding-top:7px;padding-bottom:7px;} #sul{} #sul h4{font-size:16px;padding:0 0 22px 0;} #sul li{float:left;width:33.3333%;_width:33%; overflow:hidden;} #sul li.xw .ibcon{padding:0 20px;} #sul li.js .ibcon{padding:0 20px;} #sul li.fk .ibcon{padding-left:20px;} #sul li a.morea{color:#09f;padding:0 0 0 12px; background:url(/images/dot4.gif) no-repeat left center;} #sul li .xwimg{height:115px; overflow:hidden; background:url() no-repeat left top;} #sul li.xw .xwimg{ background-image:url(/images/img6.jpg);} #sul li.js .xwimg{ background-image:url(/images/img5.jpg);} #sul .itemCon{height:220px;padding-top:20px; } #sul .itemCon .item{padding-bottom:12px;} #sul .itemCon .item a{ line-height:140%; display:block; padding:0 0 8px 0;} #sul .itemCon .item .memo{color:#999999;} #footer{color:#fff;background:#153b84;margin-top:120px;box-shadow:inset 0px 15px 7px -15px #444;} #footer a{color:#fff;} #footer a:hover{text-decoration:underline;} .fnav1{height:56px;line-height:56px;border-bottom:1px solid #729cc6; overflow:hidden;} .fn1{color:#48484b; float:left} .fn1 a{padding:0 17px;} .fn1 a:first-child{padding-left:0;} .fn2{float:right;} .fnav2{padding:20px 0 40px 0; line-height:180%;background:url(/images/bewm.png) no-repeat right center} .binfo{line-height:170%; background:#333;color:#fff;text-align:right;} .binfo a{color:#fff;} .rcw{float:right;width:22%; overflow:hidden;} .lcw{float:left;width:71.3%;_width:72%; overflow:hidden;} #pshow .lcw,#p3940 .lcw,#article .lcw{float:none;width:100%;_width:100%;} .pagecon{padding:38px 0;} .r_item{border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;} .r_pcname{background:#133984 url(/images/xlogo.png) no-repeat 0 center;background-size: 20px auto;background-size:contain;height:40px;line-height:40px;color:#fff;font-size:16px;} .r_pcname span{padding:0 0 0 51px;} .r_pcname span i{opacity:.6;} .r_submenu{background:#f4f4f4;} .r_submenu a{display:block; border-bottom:1px solid #fff;padding:10px 0;} .r_submenu a:hover{background:#fefefe;color:#133984;} .r_submenu a span{padding:0 0 0 34px; } .r_submenu a span:before{content:" ";padding-right:16px; font-weight:bold;background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23aaaaaa' d='M704 511.904v-0.112a47.84 47.84 0 0 0-14.688-34.544l0.016-0.016-288-288-0.128 0.128a48 48 0 1 0-64.464 71.04l251.488 251.488L333.44 766.672l0.016 0.016a48 48 0 0 0 67.856 67.856l0.016 0.016 288-288-0.016-0.016A47.84 47.84 0 0 0 704 512v-0.096z'/%3E%3C/svg%3E") no-repeat left center;} .r_submenu a.act{background:#fefefe;color:#133984;} .r_sub2{padding-left:10px; border-bottom:1px solid #ddd; display:none;} .r_submenu .r_sub2 a{border-bottom:none;} #printa{display:block;height:65px; background:url(/images/pico.png) no-repeat;margin:22px 0;} #l_p_a{display:block;height:201px; background:url(/images/img7.jpg) no-repeat;margin:22px 0;} .tjs{padding:30px 0 14px 0;} #location{color:#aaa;padding:12px 0;} #location a{padding:0 15px;color:#aaa} #location a.home{padding-left:30px;position: relative;} #location a.home:before{background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23aaaaaa' d='M729.088 898.56h-102.912c-10.24 0-18.944-8.192-18.944-18.944v-282.624c0-10.24-12.288-16.384-24.064-16.384H431.104c-10.24 0-24.064 5.12-24.064 16.384v282.624c0 10.24-8.192 18.944-18.944 18.944h-102.4c-54.272 0-97.792-44.032-97.792-98.304v-258.56c0-10.24 8.192-18.944 18.944-18.944s18.944 8.192 18.944 18.944v258.048c0 33.28 27.136 60.416 60.416 60.416h83.968v-263.168c0-30.208 27.136-54.272 61.952-54.272h152.064c34.816 0 61.952 24.064 61.952 54.272v263.68h83.968c33.28 0 60.416-27.136 60.416-60.416v-258.56c0-10.24 8.192-18.944 18.944-18.944 10.24 0 18.944 8.192 18.944 18.944v258.048c-1.536 54.784-45.056 98.816-99.328 98.816z M927.232 552.96l-386.56-369.664c-23.552-23.552-61.44-23.552-84.992 0l-370.688 371.2c-7.168 7.168-18.944 7.168-26.624 0s-7.168-19.456 0-26.624l370.688-371.2c37.888-38.4 99.84-38.4 138.24 0l386.56 369.664c7.168 7.168 7.168 19.456 0 26.624-3.584 3.584-8.704 5.632-13.312 5.632-4.608 0-9.216-1.536-13.312-5.632z M76.8 522.24h128c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48H76.8c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48zM808.96 522.24h128c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48h-128c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48z'/%3E%3C/svg%3E") no-repeat bottom center;width:24px;height:24px;content: " ";position:absolute;left:0;} .grille{display:flex;flex-wrap: wrap;justify-content: flex-start;} .grille li{width:24%;margin:0 0.5%;} .grille li a{display:block; border:1px solid #e7e7e7;margin:12px 0;border-radius:4px; overflow:hidden;box-shadow: 0 0 3px #bdbdbd;} .grille li .img{height:310px;position:relative;overflow: hidden;} .grille li img{width:100%;height:100%;object-fit: contain;transition: all 0.5s;} .grille li .sa{display:block;padding:10px 0; border-top:1px solid #ededed; text-align:center;} .grille li .sa b{display:block;height:25px; overflow:hidden;transition: all 0.2s ease-out 0s;font-weight:bold;} .grille li .sa .xl{display:block;font-size:14px;line-height:100%; opacity:.7;transition: all 0.2s ease-out 0s;} .grille li a:hover{border:1px solid #b4d9ff;} .grille li a:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);} .grille li a:hover .sa{background:#133984; color:#fff;transition: all 0.2s ease-out 0s; } .grille li a:hover .sa b{background:none;padding-left:0;} .grille li a:hover .sa .xl{padding-left:0;} .grille .idb{display: block; font-weight: normal; width: 90%; text-align: center; line-height: 34px; overflow: hidden; color: #fff; background: #133984; margin: 10px auto; border-radius: 5px;} .grille .idb i{padding-left:7px; font-style:normal;} .grille a:hover .idb{background:#fff;color:#133984} .grille a:hover .idb i{padding-left:80px;transition: all 0.2s ease-out 0s; } .newslist li{margin-bottom:40px;} .p3940 .newslist li{border-bottom:1px solid #ccc;} .newslist li h3{border-bottom:1px solid #ccc;} .newslist li a{padding:3px 0 3px 10px; display:block;margin:0 0 12px 0;} .newslist li h2 a:before{font-family:"Font Awesome 5 Free";content:"\f13a";font-weight:900;padding-right:6px;color:#133984} .newslist li a.more{width:214px;text-align:center; margin:32px 12px; border:none; background:#133984;color:#fff;padding:12px 0;} .newslist li a.more:hover{ background-color:#133984;} .newslist li a.more:before{font-family:"Font Awesome 5 Free";content:"\f35a";font-weight:900;padding-right:6px;} .newslist .plist{padding:20px 0 0 0;} .newslist .plist li{width:25%;float:left; overflow:hidden;margin:0 0 16px 0; border:none;} .newslist .plist li a{ border:1px solid #ddd; display:block; text-align:center;width:90%; margin:0 auto; border-radius:3px; padding:0;} .newslist .plist li a:hover{border:1px solid #133984; } .newslist .plist li a span.img{display:block;height:280px; overflow:hidden;width:90%;border-bottom:1px solid #ddd;padding-bottom:12px; margin:0 auto; position:relative;} .newslist .plist li a img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;} .newslist .plist li a span.pname{display:block;height:35px; overflow:hidden; line-height:140%;padding:12px 12px 0 12px;} .newslist li.act a{border:1px solid #133984;} .newslist li.act a span.pname{color:#133984;} .nplist li a{display:block;padding:22px 0;border-bottom:1px dotted #ccc;display: flex;} .nplist li a span.time{float:left;width:16%;text-align:center;background:#f4f4f4;} .nplist li a div{float:right;width:60%;border-left:1px solid #ccc;padding-left:4%;} .nplist li a img{float:left;margin-right:4%;width:30%;} .nplist li a div{color:#777;} .nplist li a h5{color:#333333; font-size:130%;padding-bottom: 12px;font-weight: normal;} .nplist li a:hover div{color:#133984;} .nplist li a:hover h5{color:#133984;} #p442 .newslist .newstype a{border:none;} #p442 .newslist .newstype h3{ border:none; background:#f4f4f4; margin-bottom:30px;} .nop{color:#ccc;display:block;padding:20px 0 0 0;} #pclist{} #pclist li{margin-bottom:40px;} #pclist li .pccon{} #pclist li .pccon h2{font-weight:normal;font-size:16px;padding:6px 12px; border-left:2px solid #ff9b00;margin-bottom:12px;} #pclist li .pccon .simg{height:112px; background:url() no-repeat center bottom; display:none;} #pclist li .pccon .pcmemo{text-overflow: ellipsis; height:60px; padding:15px 0 0 0; overflow:hidden;-webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0 0 15px 0;} #pclist li .pccon .cplist{} #pclist li .pccon .cplist a{ display:block;width:18%;margin:0 1% 8px 0;float:left;border:1px solid #ddd;height:40px; text-align:center; line-height:40px; overflow:hidden;} #pclist li .pccon .cplist a:hover{background:#133984;color:#fff;} #pclist li .pccon .cplist a.more{ background:#133984;color:#fff;border:none;} #pclist li .pccon .cplist a.more:hover{background:#e4850e;} #pimglist{float:left;width:45%;height:380px; overflow:hidden;} #pimglist img{width:100%;height:100%;object-fit: contain;} #productInfo{width:50%; float:right;} #productInfo .pimemo{padding:20px 0 60px 0;} #productInfo .pm2 p{border-bottom:1px solid #ddd;padding:0 0 12px;} #productInfo .down a{display:block;width:135px; height:34px; background:#eb890e url(/images/ico2.gif) no-repeat left center;color:#fff;line-height:34px; text-indent:35px;} .tabTitle{height:44px; background:#fbf9fa; border-bottom:1px solid #e7e5e6;} .tabTitle a{display:block;float:left;height:44px;border-right:1px solid #e7e5e6;line-height:44px;padding:0 40px;border-top:1px solid #e7e5e6;} .tabTitle a:first-child{border-left:1px solid #e7e5e6;} .tabTitle a.act{ background:url(/images/zbar.gif) repeat-x left bottom;color:#333;} .tabCon{padding:38px 12px;} #tabCon .first{display:block;} .tabCon table{width:100%; border-bottom:1px solid #333;border-collapse:collapse; line-height:100%;} .tabCon table p{margin:0;padding:0;} .tabCon table th{color:#333333;font-weight:bold;border:1px solid #ccc; text-align:center;background:#e9f3fd; vertical-align:middle;padding:7px 0;} .tabCon table tr{background:#fff;} .tabCon table td{ text-align:center;padding:9px 0; border:1px solid #ccc;} .tabCon table tr:hover{background:#eaedf6;} .tabCon table td:hover{background:#b1d8ff;} .tabCon img{max-width:100%;} #imgSilidCon{width:260px;height:320px; position:relative; overflow:hidden;} #imgSilidCon img{width:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;} #imgDot{height:60px;} #imgDot a{border:1px solid #ddd;height:54px;width:54px; margin:0 2px; position:relative;display:block;float:left;} #imgDot a.cycle-pager-active{border:1px solid #133984;} #imgDot img{width:100%; position:absolute;left:0;top:0;right:0;bottom:0; margin:auto;} .icon1{width:49%;float:left;} .icon2{width:49%;float:right;} .icon1x,icon2x{width:47%} .h31{color:#0098a7;font-size:34px;padding:0 0 24px 0; font-style:italic; line-height:110%; font-weight:normal;} .con1x{column-count:2;column-gap:28px;-webkit-column-gap:28px;-moz-column-gap:28px; -moz-column-count:2;-webkit-column-count: 2; line-height:180%;} a.ititlea{font-size:18px;padding:4px 16px; background:url(/images/dot1.png) no-repeat left center; display:block; text-transform:uppercase;} a.iva{color:#ff850d;display:block;} a.ivaiau{padding:12px 0;} .vimg{height:142px; background:url(/images/img4.jpg) no-repeat;margin-top:14px;} .vimgstr{padding:14px;padding-left:0;} .itimg{height:235px; overflow:hidden; text-align:center;} .itimg img{} .itabconList2 .imemo{height:78px; overflow:hidden;padding:0 15px;} .itabconList2 a.dmore{color:#ff8907;padding:10px 15px; display:block;} .itabconList2 a.ititlea2{font-size:13px;font-weight:bold;padding:6px 16px 6px 28px; background:url(/images/dot1.png) no-repeat 16px 8px; display:block; text-transform:uppercase;} .itabconItem{height:390px; display:none; } a.ivaln{padding:15px 0; display:block;} #tu1{height:460px; overflow:hidden;width:100%; position:relative;} #tu1 ul{ position:absolute;height:460px; width:100%; z-index:100;} #tu1 ul li{height:460px; width:100%;} .tu1{ background:url(/images/tu1.jpg) no-repeat ;} .tu2{ background:url(/images/tu2.jpg) no-repeat ;} .tu3{ background:url(/images/tu3.jpg) no-repeat ;} #bmap{background:url(/images/img3.jpg) no-repeat ; height:440px;} .item1{float:left;width:22%;} .item2{float:left;width:40%;margin-left:4%;} .item3{float:right;width:30%;} .titlediv{padding:22px 0 12px 0;} .bcon{border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:270px; padding:18px 0;} .lmorediv{padding:20px 0 0 0;} .bcon2_1{float:left;width:46%;padding:124px 0 0 0;background:url(/images/imgx2.jpg) no-repeat top left;} .bcon2_2{float:right;width:46%;padding:124px 0 0 0;background:url(/images/imgx3.jpg) no-repeat top left;} .bcon2_1 h5,.bcon2_2 h5{padding:8px 0;} .ivacon{padding:20px 0 0 0;} .bcon3 a{display:block; padding:11px 0; border-top:1px solid #ccc;} .bcon3 a:first-child{border-top:none;} .yhl{height:60px; background:url(/images/dotx1.gif) no-repeat left bottom;} .yhr{height:60px; background:url(/images/dotx2.gif) no-repeat right top;} .mydiv{padding:19px 35px 19px 120px; background:#09f url(/images/toux.png) no-repeat 33px 19px;color:#fff; border-radius:6px;margin:9px 0;} .mydiv .qm{color:#000;font-weight:bold; font-style:italic; text-transform:uppercase;padding:8px 0 0 0;} a.iau{padding-top:12px;padding-bottom:12px;} .ncon{padding:24px 0;} .icon1x2{ padding:22px 0 14px 0;} .date{font-size:14px; font-weight:normal;padding:8px 0;} .alinkdiv{padding:12px 0;} .alinkdiv a{ display:block;padding:8px 40px; background:url(/images/pdfico.png) no-repeat 10px center;} .alinkdiv a:nth-of-type(even),.dlist li:nth-of-type(even){background-color:#fff3e6} .vk_gallery{padding:0 0 0 0;} .vk_gallery li{width:25%;float:left; overflow:hidden;margin:0 0 16px 0;} .vk_gallery li a{ border:1px solid #ddd; border-radius:4px; display:block; text-align:center;width:90%; margin:0 auto;} .vk_gallery a:hover{border:1px solid #133984;} .vk_gallery a span.img{display:block;height:150px; overflow:hidden;padding-bottom:12px; margin:12px; position:relative;} .vk_gallery li a img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height: 100%;object-fit: cover;} .vk_gallery li a span.title{display:block;height:30px; overflow:hidden; line-height:140%;padding:12px;border-top: 1px solid #ddd;;} .video_gallery{padding:40px 0 0 0; border-top:1px dotted #ccc;} .video_gallery li{width:25%;float:left; overflow:hidden;margin:0 0 28px 0;} .video_gallery li a{ border:1px solid #ddd; display:block; text-align:center;width:90%; margin:0 auto;} .video_gallery a:hover{border:1px solid #64c1ff;} .video_gallery a span.img{display:block;height:170px; overflow:hidden;width:90%;border-bottom:1px solid #ddd;padding-bottom:12px; margin:0 auto; position:relative;} .video_gallery li a img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;} .video_gallery li a span.title{display:block;height:30px; overflow:hidden; line-height:140%;padding:12px 12px 0 12px;} #fbdiv{} #fbdiv iframe{width:100%;border:none; overflow:hidden\9} .jsDiv{padding:30px 0 0 0;} .jsTable{width:100%;border-collapse:collapse;} .jsTable td{padding:4px 0; text-align:left; vertical-align:top;} .jsTable p{margin:0;padding:0;} .jsTitle{font-weight:bold;border-bottom:1px solid #ccc;margin-bottom:8px; text-align:left;} span.hx{color:#FF0000;padding:0 4px 0 0;} .jsForm input{background:#ecfdff;width:144px;} .jsForm select{width:150px;} .jsForm .jsjg{ background:#ccc;} .alertSpan{color:#FF0000;padding:0 0 0 26px;background:url(/images/error.png) no-repeat 8px -2px;display:none;} .alert{border:1px solid #f00;} .mlist{width:50%;} .mms{width:50%;} .mlist a{display:block;padding:14px 10px 14px 18px;border-bottom:1px solid #ccc;margin:0 26px; background:url(/images/dot5.gif) no-repeat left center;} .mlist a:hover{ background:#e3f2fc url(/images/dot5.gif) no-repeat left center;} .mms .mmscon{padding:0 26px;} .mms .mmscon i{display:block;height:160px;margin-bottom:0px;} .mms a.mvda{display:block;width:120px;background:#09f url(/images/dot6.gif) no-repeat 10px center;color:#fff; text-align:center;padding:6px 0;margin:20px 0 0 0;} /*#mabout{width:660px;} #mpro{width:580px;} #mservice{width:660px;} #mnews{width:660px;} #mabout .mms .mmscon i{background:url(/images/imgx2.jpg) no-repeat center top;} #mpro .mms .mmscon i{background:url(/images/imgx3.jpg) no-repeat center top;} #mservice .mms .mmscon i{background:url(/images/imgx4.jpg) no-repeat center top;} #mnews .mms .mmscon i{background:url(/images/imgx5.jpg) no-repeat center top;} .hotbar{background:#f3f3f3;height:46px; } .hotbar span{float:right;padding:0 44px; background:url(/images/htico.png) no-repeat left center; height:46px; line-height:46px; font-weight:bold;} .wpack{height:90px; background:#fff; clear:both;} */ #ssForm{padding:0; border:2px solid #ededed; height:40px;} #ssForm #skey{width:70%;float:left; border:0; height:36px; line-height:36px; padding:0 40px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23555555' d='M700.8 775.765333a384 384 0 1 1 74.965333-74.965333l147.370667 147.370667a53.034667 53.034667 0 0 1-74.965333 74.965333l-147.370667-147.370667zM469.333333 768a298.666667 298.666667 0 1 0 0-597.333333 298.666667 298.666667 0 0 0 0 597.333333z'/%3E%3C/svg%3E") no-repeat 6px center} #ssForm #ssbtn{float:right;background:#ededed;color:#333;border:0;margin:0;padding:0; width:20%; height:40px;} .slist li{padding:12px 0;border-top:1px solid #ddd;} .slist a.surl{color:#993300;} .slist a.saimg{width:180px;height:120px;float:left; overflow:hidden; text-align:center;} .slist a.saimg img{max-width:100%; max-height:100%;} .highlight{color:#ff0000} #kpagememo{margin-bottom:40px;} #kpagememo .kimg{float:left;width:34%; height:182px; overflow:hidden; position:relative;} #kpagememo .kimg img{width:100%; position:absolute;margin:auto; left:0;top:0;bottom:0;right:0;} #kpagememo .kmemo{float:right;width:64%;} .pageList,#kpagelist{text-align:center;padding:20px ;} .pageList a,#kpagelist a{padding:5px 10px;line-height:35px;font-size:13px;margin:0 8px;} .pageList a.act,#kpagelist a.act{background:#133984;color:#fff;border-radius: 4px;;} #downul{list-style:none;} #downul li{padding:0 0 42px 170px; background:url(/images/pdfico.gif) no-repeat 30px top; border-bottom:1px dotted #ccc; margin-bottom:20px;} #downul a.downatitle{font-weight:bold; line-height:120%;display:block;padding:0 0 10px 0;} #downul a.downa{display:block;background:#000 url(/images/dot8.gif) no-repeat left center;color:#fff;padding:0 0 0 24px;height:20px;line-height:20px;width:60px;margin:10px 0 0 0;} #downul a.downa:hover{background-color:#666; text-decoration:none;} #zwcon img{max-width:100%;_width:100%;} h1.title{padding:14px 0 80px 0; font-weight:100; text-transform:uppercase; font-size:280%;} h1.title a{color:#333;} #p3940 h1.title{text-align: center;} #p3940 .pageContent{width:85%;margin:auto;text-align: center;} #p3940 #tabdiv{padding:40px 0;border-bottom: 1px solid #ddd;margin-bottom: 40px;} #cpicDiv ul{padding:30px 0 0 0;border-top:1px dotted #ccc;} #cpicDiv{padding:30px 0 0 0;} #cpicDiv li{width:33.33333%;_width:33%;} #cpicDiv .vk_gallery a span.img{height: 250px;} .agentTable table{width:100%; border-bottom:1px solid #333; border-collapse:collapse; line-height:100%;} .agentTable p{margin:0;padding:0;} .agentTable th{font-weight:bold;border:1px solid #bbb; text-align:center;background:#f2f2f2 url(/images/bar6.gif) repeat-x left top; vertical-align:middle;padding:16px 4px;} .agentTable tr{background:#fefefe} .agentTable td{ text-align:center;padding:12px 8px;border:1px solid #bbb; } .leftContactDiv{margin-top:20px;display: none;;} .leftContactDiv li{border-bottom:1px solid #ededed;padding:8px 4px;} #lsform{padding:12px 8px; margin:12px 0;border:1px solid #ededed; background:#f4f4f4; position:relative; height:24px;} #lsform #lkey,#lsform button{height:24px; line-height:24px;border:none; position:absolute; } #lsform button{background:#133984;color:#fff;} #lsform #lkey{width:90%;} #lsform button{ right:10px;} #lfw{height:222px; overflow:hidden; background:url(/images/lfw.jpg) no-repeat center center; position:relative;background-size: cover;} #lfw a{display:block; position:absolute;height:46px; line-height:46px; background:rgb(0,0,0,0.6);color:#fff; bottom:0;left:0;width:100%; text-align: center;} .lwx{ text-align:center;padding:20px 0;} a.maoa{display:block; height:90px;font-size:22px;font-weight:bold;line-height:90px; outline:none;} .psPageCon{ position:relative;} /*.tabBar{height:40px; border-bottom:2px solid #09f;padding-left:12px;width:100%;background:#fff;} .tabBar a{display:block;float:left;height:40px; line-height:40px;padding:0 20px;} .tabBar a.act{border:2px solid #09f; border-bottom:0px; position:relative; background:#fff;color:#09f;font-weight:bold;}*/ .tabBar{height:40px;width:100%;background:#ededed; border-bottom:2px solid #133984;} .tabBar a{display:block;float:left;height:40px; line-height:40px;padding:0 20px;border-right:2px solid #fff;} .tabBar a:hover{ background:#133984;color:#fff;} #productContent_con a.productContent_con,#sameP_con a.sameP_con,#inquriy_con a.inquriy_con{ position:relative; background:#133984;color:#fff;font-weight:bold;} #zxxpFrame{border:none;width:100%;height:530px;} .xgcp{font-size:22px;font-weight:bold;padding:50px 0 38px 0; color:#555;} #ipscon{background:#fff;padding:35px 0; border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #ips{ position:relative;} .ibt{ text-align:center;font-size:30px; font-weight:bold;color:#000; text-transform:uppercase;} .ibt span{} .ibt span i{display:block;width:30%;height:3px; background:#09f; margin:8px auto 0 auto;} #ztu{background:url(/images/iimg11.jpg) no-repeat center center; height:548px;} 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; } .zsBox{overflow:hidden;} .zsBox li{float:left;width:100%;} .zsBox li ul li{width:25%;_width:25%;padding:0;} .zsBox li a{display:block; border:1px solid #e7e7e7;margin:12px;border-radius:4px; overflow:hidden;box-shadow: 0 0 3px #bdbdbd;} .zsBox li img{width:100%;border:none; background:#fff; display:block; border-bottom:1px solid #ededed;} .zsBox li .sa{display:block;padding:10px 0; border-top:1px solid #fff; text-align:center;} .zsBox li .sa .ipname{display:block;height:25px; overflow:hidden;transition: all 0.2s ease-out 0s;font-weight:bold;} .zsBox li .sa .xl{display:block;font-size:14px;line-height:100%; opacity:.7;transition: all 0.2s ease-out 0s;} .zsBox li a:hover{border:2px solid #b4d9ff;} .zsBox li a:hover .sa{background:#133984; color:#fff;transition: all 0.2s ease-out 0s; } .zsBox li a:hover .sa .ipname{background:none;padding-left:0;} .zsBox li a:hover .sa .xl{padding-left:0;} .zsBox .idb{display: block; font-weight: normal; width: 90%; text-align: center; line-height: 34px; overflow: hidden; color: #fff; background: #133984; margin: 10px auto; border-radius: 5px;} .zsBox .idb i{padding-left:7px; font-style:normal;} .zsBox a:hover .idb{background:#fff;color:#133984} .zsBox a:hover .idb i{padding-left:80px;transition: all 0.2s ease-out 0s; } #zsBoxNum{text-align:center;font-size:40px;padding:20px 0;} #zsBoxNum span{color:#ccc; cursor:pointer;font-size:40px;} #zsBoxNum span.cycle-pager-active{color:#133984;} a.slick-btn{display:block;width:24px; height:100%; position:absolute; cursor:pointer;} /*===========product page==========*/ #sico2{height:54px; background:url(/images/sico2.png) no-repeat right center;} #ppageImg{height:388px; background:url(/images/pimg1.jpg) no-repeat center center;margin:50px 0 30px 0;} #ppageNavA{text-align:center;} #ppageNavA a{display:block;padding:0 30px;height:46px; background:#333;color:#fff; text-align:center;margin:0 12px; display:inline-table;line-height:46px; min-width:140px;} #ppageNavA a span{padding:0 0 0 24px; background:url(/images/dot4.png) no-repeat left center;} #ppageNavA a:hover{background-color:#da251d;} #ppageother{border-top:1px solid #333;margin:117px 0 0 0 ;padding:20px 0;} .pcitem{margin:0 0 24px 0;} .pcitem a{display:inline-table;border:1px solid #b5b5b5; background:#333333 no-repeat center top;color:#fff; position:relative;} .pcitem #ot1{width:588px;height:310px;margin:0 12px 0 0; background-image:url(/images/ot1.jpg);} .pcitem #ot2{width:280px; height:310px; background-image:url(/images/ot2.jpg);} .pcitem #ot3,.pcitem #ot4{width:433px;height:183px;} .pcitem #ot3{margin-right:12px;background-image:url(/images/ot3.jpg);} .pcitem #ot4{background-image:url(/images/ot4.jpg);} .pcitem span{width:100%;display:block;height:66px; position:absolute;bottom:0; line-height:66px;} .pcitem span:before{content:" ";width:53px; display:block;float:left;background:url(/images/dot4.png);height:66px; background-repeat:no-repeat; background-position:32px center;} .pcitem a:hover{background-color:#da251d;} /*=================yy page =================j*/ #yyDiv{width:60%;float:left;} #yyListDiv{width:35%;float:right;border-left:1px solid #ccc;} #yyListDiv ul{padding:0 0 0 40px;} #yyListDiv ul li{padding:0 0 12px 0;} #yyListDiv a{display:block; overflow:hidden;} #yyListDiv a span{display:block;} #yyListDiv a span.img{height:80px; overflow:hidden;} #yyListDiv a span.title{padding-left:12px; background:url(/images/ldot1.png) no-repeat left 8px;} /*==================rp===============*/ #snews{padding:30px 0 0 0;} #snews li{margin:0 0 30px 0; border:1px solid #9a9a98; overflow:hidden} #snews li span{display:block;} #snews li span.title{background:#333;color:#fff;padding:8px 12px; line-height:120%;} #snews li img{display:block;} #snews li a:hover span.title{background:#da251d;} #ipimg{height:300px; background:url(/images/mimg.jpg) no-repeat center center; position:relative;} #ipimg h2{color:#fff;position:relative;top:160px;} #iinews{padding:0px 0 50px 0;} #iinews li{float:left; width:50%;} #iinews li a{padding:12px;display:block; border:1px solid #ddd;margin:9px; background:#fff} #iinews li img{display:block;float:left;width:33%;} #iinews li .inm{float:right;width:64%;padding:0 0 0 0;} #iinews li .inm b{display:block;padding:10px 0 12px 0;font-size:18px;font-weight: normal;} #iinews li .inm i{font-style:normal; display:block; height:100px ; overflow:hidden;} #iinews li .inm .va{display: block; font-weight: normal; width: 120px; text-align: center; line-height: 34px; overflow: hidden; color: #fff; background: #133984; border-radius: 4px; margin:20px 0 0 0; } h2.ico3{font-weight:bold;font-size:40px; text-align:center;} h2.ico3 a{ border-bottom:2px solid #133984;} #iapp{display: flex;justify-content: space-between; flex-wrap: wrap;;} #iapp li{width:32%;} #iapp li a{display: block;} #iapp li .img{height:260px;display:block;} #iapp li .img img{object-fit: cover;width:100%;height:100%;} #iapp li .inm{display: block;text-align: center;padding:18px 0;margin: 0 0 42px 0;border-bottom: 1px solid #ddd;;} #qyzsCon{width:65%;float:left;} .qyzsTitle{padding:0 0 20px 0;} .qyzsTitle h2{float:left;} #jmdla{display:block;padding:20px 0 0 0;} #jmdla .img{display:block;height:170px;background:url(/images/jmdl.jpg) no-repeat center top; margin:12px 0 24px 0;} #jmdla .jmdlmemo{display:block;} #jmdla .jmdlmemo i{float:left;font-size:26px;width:10%;color:#999999;} #jmdla .jmdlmemo b{float:left; font-weight:normal;width:90%;} #qyzsUl{height:220px; overflow:hidden;} #qyzsUl li{float:left;width:100%;} #qyzsUl li ul{} #qyzsUl li ul li{width:33.33333%;_width:33%;padding:0;} #qyzsUl li span{display:block;margin:12px;} #qyzsUl li img{width:100%;border:none; display:block;} #qyzsUl li span b{font-weight:normal;display:block;padding:12px 0;} #qyzsUl li span b:before{font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight: 900; padding-right: 5px;color:#666;} #jmdlCon{width:30%;float:right;} .contentImgDiv{ text-align:center;} .ia a{border-left:3px solid #133984;padding-left:10px;} .yyjt{padding-left:12px;color:#ccc;} .yyjt i:hover{color:#133984; cursor:pointer;} .p3933820 #zwcon{background:url(/images/qywx.jpg) no-repeat 300px 40px;} #proul>li{padding:50px 0;border-top: 1px solid #ddd;;} #proul>li:first-child{padding-top:0;border-top: 0;;} #proul h2{text-align: center;font-weight: normal;font-size:180%;padding-bottom: 30px;background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23dddddd' d='M532.886439 534.015436l345.472988-270.394708c3.951488-3.38699 6.209482-7.902977 6.209481-13.547961V168.220507c0-7.338479-7.902977-11.289967-13.54796-6.77398L512 443.131202 152.979052 162.011025c-5.644983-4.515987-13.54796-0.564498-13.54796 6.773981v81.85226c0 5.080485 2.257993 10.16097 6.209481 13.54796L491.113561 534.015436c12.418964 9.596472 29.353914 9.596472 41.772878 0z m0 0 M532.886439 855.779493l345.472988-270.394708c3.951488-3.38699 6.209482-7.902977 6.209481-13.54796V489.984564c0-7.338479-7.902977-11.289967-13.54796-6.77398l-359.020948 281.120177-359.020948-280.555678c-5.644983-4.515987-13.54796-0.564498-13.54796 6.77398v81.85226c0 5.080485 2.257993 10.16097 6.209481 13.54796L491.113561 855.779493c12.418964 10.16097 29.353914 10.16097 41.772878 0z m0 0'/%3E%3C/svg%3E") no-repeat bottom center;margin-bottom: 20px;} #article #title h1{text-align: center;font-weight: 400;padding:0 0 40px 0;border-bottom: 1px solid #ddd;} #article .articleContent{padding:40px 0;} .pnNews{padding:60px 0 12px 0;margin:12px 0; display:flex; justify-content:space-between;flex-wrap:wrap;} .pnNews a{width:46%;padding:8px 12px;border:1px dotted #333;} .pnNews a span{display:block;} .pnNews a b{font-weight: normal;} .pnList{padding:30px 0;} .pnList h4{margin:12px 0;border-left:2px solid #3e8fc7;padding-left:8px;} .pnList a{display:block;padding:8px 0;border-top:1px dotted #ddd;} .clx{display: flex; flex-wrap: wrap; justify-content:space-between} .clx li{width:48.5%;border:1px solid #ededed;margin:0 0 22px 0;background:#f7f7f7;border-radius: 8px;} .clx li div{display: flex;flex-direction:column;align-items: center;justify-content: center;padding:80px 0 40px;} .clx li div b{font-size:130%;font-weight: 400;position: relative;padding-bottom: 50px;;} .clx li div b:after{content: " ";width:25px;height:2px;background:#133984;position:absolute;left:0;top:50px;right:0;margin:auto;} .clx li div b::before{content: " ";width:35px;height:35px;position:absolute;left:0;top:-50px;right:0;margin:auto;background:url() no-repeat center center;mask-mode: alpha; mask-repeat: no-repeat; mask-position: center;background-color: #153b84;} .clx li.zj div b::before{mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M177.39776 202.05056c-27.52 34.28864-88.48896 197.5808 172.83072 464.89088 275.3536 281.77408 452.95616 221.47072 483.52256 189.72672l-184.07424-183.80288c-25.73312 25.65632-58.84928 2.8416-122.42944-48.88064-42.01472-34.24256-90.48576-80.29184-132.45952-132.22912-29.45536-36.37248-55.5008-74.60864-28.61056-101.49376L177.39776 202.05056z M900.31104 790.87104c11.92448-11.93984 10.73152-30.11072-0.11776-41.00608l0-0.16384c0 0-143.62624-143.10912-143.69792-143.19104-11.37152-11.34592-29.54752-11.12064-40.86272 0.08192l-52.0704 52.0704 184.56576 184.27904c0 0 52.13696-51.93216 52.0704-51.96288L900.31104 790.87104z M432.53248 323.98848c11.92448-11.96544 10.81344-30.08512 0-40.9088l0-0.18432c0 0-147.77344-147.28704-147.85024-147.31776-11.37152-11.41248-29.58336-11.14112-40.84736 0.03072L191.79008 187.70432l188.63616 188.37504c0 0 52.10624-51.86048 52.10624-51.95264L432.53248 323.98848z'/%3E%3C/svg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M177.39776 202.05056c-27.52 34.28864-88.48896 197.5808 172.83072 464.89088 275.3536 281.77408 452.95616 221.47072 483.52256 189.72672l-184.07424-183.80288c-25.73312 25.65632-58.84928 2.8416-122.42944-48.88064-42.01472-34.24256-90.48576-80.29184-132.45952-132.22912-29.45536-36.37248-55.5008-74.60864-28.61056-101.49376L177.39776 202.05056z M900.31104 790.87104c11.92448-11.93984 10.73152-30.11072-0.11776-41.00608l0-0.16384c0 0-143.62624-143.10912-143.69792-143.19104-11.37152-11.34592-29.54752-11.12064-40.86272 0.08192l-52.0704 52.0704 184.56576 184.27904c0 0 52.13696-51.93216 52.0704-51.96288L900.31104 790.87104z M432.53248 323.98848c11.92448-11.96544 10.81344-30.08512 0-40.9088l0-0.18432c0 0-147.77344-147.28704-147.85024-147.31776-11.37152-11.41248-29.58336-11.14112-40.84736 0.03072L191.79008 187.70432l188.63616 188.37504c0 0 52.10624-51.86048 52.10624-51.95264L432.53248 323.98848z'/%3E%3C/svg%3E")} .clx li.addr div b::before{mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M505.600808 0c211.749267 0 383.951526 165.867059 383.951526 370.001287 0 67.447485-19.197576 133.551139-55.225028 191.143868l-301.849891 448.583367a31.803985 31.803985 0 0 1-52.985311 0L177.642213 562.361002A360.530483 360.530483 0 0 1 121.649282 370.001287C121.649282 165.867059 293.787549 0 505.600808 0z m0 192.615682c-100.27534 0-181.86504 78.966031-181.86504 175.977783 0 96.94776 81.589699 175.977783 181.86504 175.977783 100.211348 0 181.86504-79.030022 181.865039-175.977783 0-97.011752-81.653691-175.977783-181.865039-175.977783z'/%3E%3C/svg%3E");} .clx li.mtel div b::before{mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M170.666667 0v967.111111h682.666666V0z m341.333333 910.222222a85.333333 85.333333 0 1 1 85.333333-85.333333A85.333333 85.333333 0 0 1 512 910.222222z m227.555556-227.555555H284.444444V113.777778h455.111112z'/%3E%3C/svg%3E");} .clx li.fax div b::before{mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M309.6 433.6h393.5c22.7 0 43.3-18.5 43.3-43.3V130.8c0-22.7-18.5-43.3-43.3-43.3h-377c-30.9 0-55.6 24.7-55.6 55.6v251.3c0 22.8 16.5 39.2 39.1 39.2z m0 0 M888.5 260.6h-33c-28.8 0-51.5 16.5-51.5 55.6v103c0 30.9-24.7 55.6-55.6 55.6H278.7c-30.9 0-55.6-24.7-55.6-55.6v-103c0-33-14.4-55.6-51.5-55.6h-35c-41.2 0-74.2 33-74.2 74.2v459.4c0 41.2 33 74.2 74.2 74.2h53.6c24.7 0 33-14.4 33-37.1v-37.1c0-30.9 24.7-55.6 55.6-55.6h467.6c30.9 0 55.6 24.7 55.6 55.6v43.3c0 20.6 8.2 30.9 28.8 30.9h55.6c41.2 0 74.2-33 74.2-74.2V334.7c2.1-41.2-30.9-74.1-72.1-74.1z m0 0 M309.6 433.6h393.5c22.7 0 43.3-18.5 43.3-43.3V130.8c0-22.7-18.5-43.3-43.3-43.3h-377c-30.9 0-55.6 24.7-55.6 55.6v251.3c0 22.8 16.5 39.2 39.1 39.2z m0 0M303.4 936.3h407.9c20.6 0 37.1-16.5 37.1-37.1v-78.3c0-16.5-14.4-30.9-30.9-30.9h-412c-18.5 0-35 14.4-35 35v78.3c0 16.5 14.4 33 32.9 33z m0 0'/%3E%3C/svg%3E");} .clx li.mail div b::before{mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M513.92 537.216L99.968 278.592v96.96L513.92 637.44v-0.32l412.48-265.664V277.12L513.92 537.216zM0 128h1024v768H0V128z'/%3E%3C/svg%3E"); } .clx li.web div b::before{mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23133984' d='M887.68 567.253333c-72.96 60.586667-168.746667 114.986667-281.173333 155.946667-108.8 39.68-213.76 59.52-306.56 61.226667-1.92 0-2.773333 2.56-1.28 3.84C361.813333 841.813333 443.733333 874.666667 533.333333 874.666667c180.693333 0 330.24-132.48 357.76-305.493334 0.213333-1.92-1.92-3.2-3.413333-1.92zM205.866667 585.6c64 13.653333 179.84 13.44 334.933333-42.88 160.64-58.453333 250.24-136.106667 288.426667-187.733333 11.093333-14.933333 11.52-35.413333 0.853333-50.56C764.586667 210.773333 656.213333 149.333333 533.333333 149.333333 333.013333 149.333333 170.666667 311.68 170.666667 512c0 12.16 0.64 24.32 1.92 36.053333a42.666667 42.666667 0 0 0 33.28 37.546667z M971.733333 260.906667c-22.4-61.866667-90.026667-99.626667-183.253333-112.213334-9.6-1.28-14.506667 11.306667-6.613333 16.853334 23.893333 17.066667 45.866667 36.693333 65.92 58.666666 3.84 4.266667 8.746667 7.68 13.866666 10.24 25.386667 12.373333 42.88 28.8 49.92 48.213334 29.44 80.64-106.666667 231.893333-349.013333 320s-443.733333 59.733333-472.96-20.906667c-8.106667-22.613333-3.413333-50.56 13.013333-81.28 3.2-5.76 5.12-12.16 5.546667-18.773333 1.92-28.373333 6.826667-55.893333 14.08-82.56 2.56-9.386667-8.96-16.213333-15.786667-9.173334-69.76 72.32-100.48 148.906667-77.013333 213.546667 47.146667 129.28 290.773333 155.306667 555.093333 59.093333 264.106667-95.786667 434.346667-272.426667 387.2-401.706666z'/%3E%3C/svg%3E");} .clx li div i{font-style: normal;font-size: 110%;} .clx li:hover{background:#153b84;color:#fff;} .clx li:hover div b:after{background:#fff;} .clx li:hover div b::before{background-color:#fff;} /*顶部移动端导航*/ #c-header .c-nav2-box { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; line-height: 1.5; } @media (max-width: 1580px) { #c-header .c-nav2-box { font-size: 14px; } } #c-header .c-nav2-box .c-nav2 { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; } #c-header .c-nav2-box .c-nav2 .c-left { position: relative; width: 50%; height: 100%; overflow: hidden; top: -100%; } @media (max-width: 972px) { #c-header .c-nav2-box .c-nav2 .c-left { display: none; } } #c-header .c-nav2-box .c-nav2 .c-left img { width: 100%; height: 100%; object-fit: cover; } #c-header .c-nav2-box .c-nav2 .c-left .c-title { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #c-header .c-nav2-box .c-nav2 .c-right { position: relative; display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; background-color: #fff; text-align: left; padding: 0 2.6rem 0 1.8rem; overflow: auto; top: -100%; } @media (max-width: 972px) { #c-header .c-nav2-box .c-nav2 .c-right { padding: 60px 1rem 0; width: 100%; align-items: flex-start; } } #c-header .c-nav2-box .c-nav2 .c-right > div { width: 100%; } #c-header .c-nav2-box .c-nav2 .c-right .c-title { font-size: 24px; color: #333; } @media (max-width: 1580px) { #c-header .c-nav2-box .c-nav2 .c-right .c-title { font-size: 20px; } } @media (max-width: 748px) { #c-header .c-nav2-box .c-nav2 .c-right .c-title { font-size: 16px; } } @media (max-width: 972px) { #c-header .c-nav2-box .c-nav2 .c-right .c-list { padding-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.1); } } #c-header .c-nav2-box .c-nav2 .c-right .c-list > li { margin-bottom: 25px; } @media (max-width: 972px) { #c-header .c-nav2-box .c-nav2 .c-right .c-list > li { margin-bottom: 1rem; } } #c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 ul { display: flex; align-items: flex-start; flex-wrap: wrap; } #c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 ul li { margin: 0.1rem 1.4rem 0 0; } @media (max-width: 972px) { #c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 ul li { margin: 0.5rem 1rem 0 0; } } @media (max-width: 748px) { #c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 ul li { margin: 0 0.5rem 0 0; } } #c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 ul li:last-child { margin-right: 0; } #c-header .c-nav2-box .c-nav2 .c-right .c-ico { display: flex; align-items: center; padding-top: 0.8rem; } @media (max-width: 1580px) { #c-header .c-nav2-box .c-nav2 .c-right .c-ico { padding-top: 0; } } #c-header .c-nav2-box .c-nav2 .c-right .c-ico a { display: flex; align-items: center; justify-content: center; margin-right: 20px; width: 34px; height: 34px; border-radius: 50%; color: #fff; transition: 0.5s; } #c-header .c-nav2-box .c-nav2 .c-right .c-ico a:last-child { margin-right: 0; } #c-header .c-nav2-box .c-nav2 .c-right .c-ico a img { height: 20px; } #c-header .c-nav2-box .c-nav2 .c-right .c-ico a img:last-child { display: none; } #c-header .c-nav2-box .c-nav2 .c-right .c-ico a:hover img { display: none; } #c-header .c-nav2-box .c-nav2 .c-right .c-ico a:hover img:last-child { display: inline-block; } #c-header .c-nav2-box .c-nav2 .c-right > div.close{ width: 70px; height: 70px; background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23666666' d='M552.220444 512l201.159112 201.159111a28.444444 28.444444 0 0 1-40.220445 40.220445L512 552.220444l-201.159111 201.159112a28.444444 28.444444 0 0 1-40.220445-40.220445L471.779556 512 270.620444 310.840889a28.444444 28.444444 0 1 1 40.220445-40.220445L512 471.779556l201.159111-201.159112a28.444444 28.444444 0 0 1 40.220445 40.220445L552.220444 512z'/%3E%3C/svg%3E") no-repeat bottom center; position: absolute; top: 2%; right: 2%;} #c-header .c-nav2-box .c-nav2 .c-right .c-list > li .c-list2 ul ul{display: none;} .ctx{font-size:280%;font-weight: bold;text-shadow: #000 1px 0 10px;} .ctx span{display: block;font-size:60%;;} #rul li{margin-bottom: 14px;border: 1px solid #d9e7f8;border-radius: 8px;} #rul li a{display: block;} #rul li a p{height:200px;padding:0;margin: 0;} #rul li a p img{width:100%;height:100%;object-fit: contain;} #rul li a div{ text-align: center;background:#e5f1ff;padding:12px;} .rcw .title{font-size: 150%;font-weight: 400;padding:0 0 22px;;}