锘緻charset "utf-8"; /*鍏ㄥ眬鍒濆鍖栨牱寮?/ body{padding:0; margin:0 auto;font-size: 14px;line-height:24px;font-family:Noto Sans SC;color: #333;min-width: 320px;width: 100%; zoom:1; /*绂佺敤Webkit鍐呮牳娴忚鍣ㄧ殑鏂囧瓧澶у皬璋冩暣鍔熻兘*/ -webkit-text-size-adjust:none; /*鍙栧嚭鐐瑰嚮鍑虹幇鍗婇€忔槑鐨勭伆鑹茶儗鏅?/ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*璁剧疆瀛椾綋鐨勬姉閿娇鎴栬€呰鍏夋粦搴?/ -webkit-font-smoothing: antialiased; background: #fff; /*鎺у埗鏂囨湰鍙€夋€?/ -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; } * { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap:break-word; } /*榛樿鍘婚櫎ul銆乴i鐨勯粯璁ゆ牱寮?/ .p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;} .ul,.ul li,.dl,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;} /*鍒濆鍖栦笅鎷夎彍鍗曘€佸崟琛岃緭鍏ユ銆佸琛岃緭鍏ユ鐨勬牱寮?/ select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;} /*琛ㄥ崟鍏冪礌鑾峰緱鐒︾偣鏃朵笉鏄剧ず铏氱嚎妗?/ input:focus { outline: none;} input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎琛ㄥ崟鑷甫鐨勬牱寮?/ } /*涓嶅厑璁稿琛岃緭鍏ユ枃鏈鏈夋粴鍔ㄦ潯*/ textarea{ resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/ } /*鍒濆鍖栬〃鍗曞厓绱犳牱寮?/ textarea,input,select { background:none; border:none; margin:0; padding:0;} /*鍒濆鍖朒TML5鏍囩鏍峰紡*/ audio,canvas,progress,video { display: inline-block; vertical-align:baseline;} article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;} /*鍘婚櫎figure杈硅窛*/ figure,figcaption{ margin:0px; padding:0px;} /*鍒濆鍖栧浘鐗囨牱寮?/ img{ border:none; border:0;vertical-align:top;} /*鍒濆鍖朼鐨勬牱寮忓拰瀛椾綋鏍峰紡*/ a{color:#666;text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} a:focus{outline:none; -moz-outline:none;} a:hover{color:#c4261d;} /*娓呴櫎娴姩*/ .clear{clear:both;height:0px;overflow:hidden;} .clearfix {*zoom:1;}/*IE/7/6*/ .clearfix:after { content:"\200B"; display:block; height:0; clear:both; } /*鍏ㄥ眬鏍峰紡*/ em{font-style: normal;} .WarpBox{ margin:0 2%;} .PIC{position:relative;overflow: hidden;height: 0;padding-bottom: 50%;} .PIC img{display: block;width: 100%;} .dot{display: block;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;} /*椤甸潰妗嗘灦缁撴瀯*/ .MainBox{padding: 4% 0;overflow: hidden;} .MainLeft{float: left;width: 21%;overflow: hidden;} .MainRight{margin-left: 21%;overflow: hidden;padding-left: 3%;min-height: 240px;} .SinglePage{text-justify:inter-ideograph;text-align:justify;overflow:hidden;} .SinglePage img{max-width: 100%;} .TxtPage{text-justify:inter-ideograph;text-align:justify;} .TxtPage img{max-width: 100%;} /*鍒嗛〉寮€濮?/ .Pages{font-size: 0;line-height:20px;zoom:1;overflow:hidden;text-align: center;} .Pages a{display:inline-block; margin:0;font-size: 14px;color: #666;border: 1px solid #ededed; padding:4px 10px;vertical-align: top;} .Pages a:hover{color: #fff;background: #d7000f;border-color: #c4261d;} .Pages .p_page em{ font-style:normal; font-family:Arial;position: relative;} .Pages .p_page em a.a_cur{ color:#fff; background:#d7000f;border-color: #c4261d;} .Pages a.a_prev, .Pages a.a_next{margin: 0 10px;} .Pages a.a_first, .Pages a.a_end{min-width: 70px;} .Pages .p_count{display:inline-block; *zoom:1; *display:inline; font-size: 14px; padding: 4px 10px; border: 1px solid #ededed; margin-left: 10px; color: #666;} /*鍒嗛〉缁撴潫*/ /*缃戠珯鍦板浘*/ .ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;} .ul_sitemap li strong{display:inline-block;} /*澶撮儴*/ .Header{position: relative;} .Header0 .Logo {float:left;} .Header0 .Logo img {display:block; width:auto; height:56px;} .Header1{color: #999;text-align: right;font-size: 0;line-height: 20px;padding: 3px 0;} .Header1 a{display: inline-block;vertical-align: top;font-size: 14px;color: #999;} .Header1 em{color: #999;display: inline-block;vertical-align: top;font-size: 14px;position: relative;top: -2px;margin: 0 8px;} .Header2{position: absolute;top: 100%;z-index: 100;width: 100%;left: 0;background: url(../images/topbg.png) repeat;font-size: 17px;color: #fff;} .Header11{text-align: right;line-height: 20px;padding: 5px 0;} .Header11 .TopTel, .Header11 .LogBox{display: inline-block;vertical-align: top;} /*.Header11 .TopTel a{color: #999;cursor: text;display: inline-block;vertical-align: top;background: url(../images/top_tel2.png) left center no-repeat;padding-left: 25px;}*/ .Header11 .TopTel a{color: #999;cursor: text;display: inline-block;vertical-align: top;} .Header11 .TopTel a span{font-size:18px;} .Header11 .LogBox{margin-left: 35px;} .Header11 .LogBox a, .Header11 .LogBox em{display: inline-block;vertical-align: top;color: #999;} .Header11 .LogBox em{opacity: .2;position: relative;top: -1.5px;margin: 0 13px;} .Header22 a.Logo{display: none;float: left;height: 36px;overflow: hidden;max-width: 195px;margin-top: -10px;} .Header22 a.Logo img{display: block;height: 100%;} .Header22 nav{margin-top: 5px;margin-right: -20px;} .Header22 nav .ul{ text-align: right;} .Header22 nav .ul li{display: inline-block;vertical-align: top;padding: 0 18px; position: relative;} .Header22 nav .ul li>a{display: block;line-height: 35px;color: #fff; overflow:hidden; font-weight:bold;} .Header22 nav .ul li:hover >a, .Header22 nav .ul li>a.aon{font-weight: bold; position:relative;} .Header22 nav .ul li:hover >a:after,.Header22 nav .ul li>a.aon:after {content:''; background-color:#fff; width:10px; height:10px; display:block; transform:rotate(45deg); position:absolute; left:50%; margin-left:-5px; bottom:-5px;} .nav_list{position: absolute; top: 100%; left:-8%; width:110%; display: none; box-shadow:0 0 10px #e6e6e6;padding: 10px 0;background: #fff;} .Header22 nav .ul li#nav7 .nav_list{ width:200%; padding:10px 0; } .Header22 nav .ul li#nav38 .nav_list{ width:185px; right:-80px; left:auto; padding:10px 0; } .nav_list dl {margin: 0;} .nav_list dl dd{margin: 0; position: relative;} .nav_list dl dd a{ background:#fff; line-height:20px; padding:0 5px 0 15px; display: block; text-align:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .nav_list dl dd a span{ padding-right:5px; } .nav_list dl dd a:hover{ color:#c73830;} .nav_list dl dd .Sunbox a:hover{background: #c4261d;} .Header22 nav{ position: relative; } .Header22 nav .ul li#nav5:not(.newmenu), .Header22 nav .ul li#nav6:not(.newmenu){ position:static; } .nav_list.topcpbox{ display:none; width:auto; text-align: center; padding:10px; background:#fff; left:auto;right:0; box-shadow:0 0 10px #e6e6e6; font-size:13px;} .Header22 nav .ul li#nav5 .nav_list.topcpbox {padding-left:19px;} .Header22 nav .ul li#nav6 .nav_list.topcpbox{ left:auto; right:auto; text-align:left; width:260px; padding:10px 0;} .nav_list.topcpbox .prosud{ float: left; margin-right:10px; text-align: left; } .nav_list.topcpbox .prosud > a{ color:#d60711; font-weight:bold; display:block; text-align:center; font-size:14px;} .nav_list.topcpbox .prosud strong {margin-bottom:10px;} .nav_list.topcpbox .prosud .Sunbox{/* min-height:183px;*/ border-right:solid 1px #ddd;padding-right:10px; } .nav_list.topcpbox .prosud .subbox a {margin-left:2.3em;} .nav_list.topcpbox .prosud .subbox strong a {margin-left:0; padding:2px 0;} .nav_list.topcpbox .prosud:last-child .Sunbox{border-right:none;} .nav_list.topcpbox .prosud .Sunbox a{ display:block; width:100%; line-height:20px; } .nav_list.topcpbox .prosud .Sunbox > a {margin-left:2.3em;} .nav_list.topcpbox .prosud .Sunbox a span{ padding-right:5px; } .nav_list.topcpbox .prosud2{ float: left; width: 50%; text-align:center; border-right: solid 1px #ccc; padding:0 10px; line-height: 18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .nav_list.topcpbox .prosud2:nth-child(2n){ border-right:none; } .nav_list.topcpbox .prosud2 a span{ padding-right:5px; } /*搴曢儴*/ .Footer{color: #b6b6b6;padding: 25px 0;background: #4c4c4c; font-size:13px;} .Footer a{color: #b6b6b6;display: inline-block;vertical-align: top;} .Footer .Links{margin-bottom:5px;} .Footer .Links em{position: relative;top: -1.5px;display: inline-block;vertical-align: top;margin: 0 10px;} .Footer .WarpBox{position:relative;} .Footer .bot_link{ width:100%; } .Footer .bot_link .bot_tw{ float: left; } .Footer .bot_link .bot_wz{ text-align:left; margin-left:70px; } .Footer .bot_link .bot_wz a{ padding:0 5px; display:inline-block; } .Footer .bot_link .bot_wz a:hover{ color:#c4261d; } .Footer a.bot_bigbtn:hover{ background:#c4261d;border-color:#c4261d; } .Footer .left {float:left; padding-top:15px;} .Footer .right {float:right;} .Footer .right p {padding:0; margin:0 0 5px;} .Footer .qrcode {float:right; padding-left:30px;} .Footer .qrcode img {display:block; width:80px; height:80px; float:left;} .Footer .qrcode i {display:block; width:1.5em; text-align:center; padding-top:2px; float:left; font-style:normal; padding-left:5px; line-height:1.2em; font-size:12px;} .BanBox{width: 100%;height: 256px;margin-top:21px} .BanBox img{display: none;width: 100%;} .Header22 .NavBtn{display: none;} .NavList{display: none;} @media screen and (max-width:1060px){ .WarpBox{padding: 0 4%; margin:0 auto;} .Header22 nav{margin-right: 0;} .Header22 nav .ul li{padding: 0 17px;} .Header22 nav .ul li#nav12 {padding-right:0;} .Header22 nav .ul li#nav12 .nav_list {width:130%;} .nav_list.topcpbox{ width:auto; } .Footer .qrcode {padding-left:20px;} } @media screen and (max-width:1024px){ } @media screen and (max-width:1000px){ .Header0 {display:none;} .Header1{text-align: center;padding: 10px 0;} .Header11{padding-top: 15px;text-align: center;} .Header2{position: relative;top: 0;background: #d7000f;} .Header22{position: relative;} .Header22 nav{display: none;} .Header22 a.Logo{display:block; margin: 5px 0 15px;} .Header11 .LogBox em{margin: 0;} .Header22 .NavBtn{display: block;cursor: pointer;position: absolute;right: 0;top: 50%;margin-top: -13px;width: 33px;height: 26px;background: url(../images/btn_bg.png) center no-repeat; background-size: contain;} .Header{z-index: 100;} .NavList{position: fixed;right: 0;top: 0;width: 100%;background: rgba(38,34,34,.9);padding:75px 20px 35px;height: 100%;overflow: auto;text-align: center;z-index: 99;} /*.NavList{position: fixed;right: -50%;top: 0;width: 50%;background: rgba(38,34,34,.9);padding:15px 20px 35px;height: 100%;overflow: auto;text-align: center;z-index: 101;} .NavList{transition:right 0.6s;-moz-transition:right 0.6s;-webkit-transition:right 0.6s;-o-transition:right 0.6s;}*/ .NavList .ul li{padding: 10px 0;border-bottom: 1px solid #53504f;} /*.NavList .ul li{padding: 0;padding-top:8px;}*/ .NavList .ul li a{color: #fff;line-height: 20px;padding: 7px 0;display: block;/*text-align:left;*/} .NavList .ul li a.MbA{font-size: 16px;} /*.NavList .ul li a.MbA{font-size: 15px;}*/ .NavList .ul li dl.dl{display: none;/*margin-bottom:10px;font-size:13px;*/} .NavList .NavHr{height:0px;border-bottom:none;border-top:1px solid #53504f;margin:10px 0;} .Header11 .LogBox{margin-left: 15px;} .NavList .NavTel{color:#fff;text-align:left;font-size:15px;} .NavList .NavTel span{display:block;margin-top: 8px;} .NavList .NavTel a{color:#fff;font-size:20px;display:block;padding:8px 0;text-align:center;} .NavList .LastLink{overflow: hidden;padding-top: 4%;text-align: center;font-size: 0;} /*.NavList .LastLink a{display: inline-block;font-size: 16px;color: #9e9e9e;height: 30px;line-height: 30px;min-width: 30.333333%;margin: 1.5%;background: #fff;border-radius: 30px;padding: 0 15px;}*/ .NavList .LastLink a{display: inline-block;font-size: 15px;color: #fff;min-width: 30.333333%;margin: 1.5%;} .NavList .LastLink a span{float:right;position:relative;left:6%;} .NavList .LastLink a:nth-of-type(3n) span{display:none;} .NavList .ul li a.NavClose{font-size:24px;position:absolute;top:0;right:0;display:inline-block;padding-right:16px;padding-left:16px;cursor: pointer;} .nav_list{display: none!important;} } /* @media screen and (max-width:510px){ .NavList .LastLink a:nth-of-type(2n+1) span{left:4%;} .NavList .LastLink a:nth-of-type(2n) span{display:none;} .NavList .LastLink a:nth-of-type(3n) span{display:inline;} } @media screen and (max-width:380px){ .NavList .LastLink a span{display:none !important;} } */ @media screen and (max-width:1024px){ .MainLeft{width: 28%;} } @media screen and (max-width:1000px){ .MainLeft{float: none;width: 100%;margin-bottom: 4%;} .MainRight{margin: 0;padding: 0;} .Header1 em{display: none;} .Header1 a{margin: 0 15px;} .Footer{text-align: center;padding: 4% 0;} .Footer .right {float:none; text-align:center;} .Footer .left {float:none;} .Footer .qrcode {float:none; width:100%;} .Footer .qrcode img {float:none; margin:0 auto 5px;} .Footer .qrcode i {width:100%; padding:0;} } @media screen and (max-width:640px){ .BanBox{background: none !important ; height:auto;} .BanBox img{display: block;} .Footer .Links em{margin: 0 5px;} } /* .Menu001756 涓篸emo缂栧彿 */ .Menu001756{} .Menu001756 header{background:url(../images/addbg2.png) right center no-repeat #c4261d; padding:25px 20px;line-height: 30px;text-align:center; font-size:24px; color:#fff;border-top-right-radius: 5px;border-top-left-radius: 5px;background-size: auto 100%;} .Menu001756 ul{ border:1px solid #d9d7d5; border-top:0;} .Menu001756 li{ border-bottom:1px solid #d9d7d5; } .Menu001756 li:last-child{border:none;} .Menu001756 li a{ display:block; color:#25170f; font-size:16px;line-height: 20px;padding:15px 20px;} .Menu001756 li a:hover, .Menu001756 li a.aon{ background: url(../images/Menu001756-a_on.jpg) no-repeat left center #fafafa; color: #c4261d;} .Menu001756 li{position: relative;} .Menu001756 li a.dot{padding-right: 35px;} .Menu001756 li dl.dl{padding: 15px 0;overflow: hidden;background: #efefef;display: none;} .Menu001756 li dl.dl a{padding: 5px 20px;color: #888; font-size:14px; text-indent:1em;} .Menu001756 li dl.dl a em{opacity: 0;} .Menu001756 li dl.dl a:hover, .Menu001756 li dl.dl a.aon{ background:none; color: #c4261d;} .Menu001756 li dl.dl a:hover em, .Menu001756 li dl.dl a.aon em{opacity: 1;} .Menu001756 li.has .ClickA{display: block;width: 20px;height: 20px;background: url(../images/pro_btn1.png) center no-repeat;cursor: pointer;position: absolute;right: 15px;top: 13px;} .Menu001756 li.has .ClickA.on{background: url(../images/pro_btn2.png) center no-repeat;} @media(max-width:1000px){ .Menu001756 header{ background-image:none; padding:3% 0; font-size:20px;} .Menu001756 ul{ display:none; border:none; padding-bottom:0;text-align:center;font-size: 0;} .Menu001756 li{font-size: 14px;display: inline-block;vertical-align: top;} .Menu001756 li a{padding: 15px;} .Menu001756 li:last-child{border-bottom:1px solid #d9d7d5;} .Menu001756 li a:hover, .Menu001756 li a.aon{ background-image:none;} .Menu001756 li.has .ClickA{top: 14px;} .Menu001756 li a.dot{padding-right: 40px;} } @media(max-width:768px){ .Menu001756 li a{ font-size:14px;} } /* .Location002308 涓篸emo缂栧彿 */ /*.Location002308 {margin-bottom: 4%;}*/ .Location002308 {margin-bottom: 15px;} .Location002308 dl{padding:10px 0; line-height:30px; border-bottom:#e5e5e5 1px solid;} .Location002308 em{ font-style:normal;color: #999; float:right; background:url(../images/Location002308-icon.png) no-repeat right center; padding-right:15px;} .Location002308 em span{ color:#c4261d;} .Location002308 em a{ position:relative; padding-right:15px; margin-right:10px;color: #999;} .Location002308 em a:first-child{ margin-left: 5px;} .Location002308 em a:hover{ color: #c4261d;} .Location002308 em a:before{ position:absolute; content:''; right:0; border-top:4px solid transparent;border-bottom:4px solid transparent; border-left:5px solid #a1a1a1; top:50%; margin-top:-4px;} .Location002308 dl dd{ float: left;} .Location002308 dl dd span{ display: inline-block; position: relative; font-weight: bold; font-size: 16px; color:#c4261d;} .Location002308 dl dd span:after,.Location002308 dl dd span:before{ content: ""; position:absolute; display: block; background-color: #c4261d;} .Location002308 dl dd span:after{left: 0; bottom: -13px; height: 2px; width: 100%; } .Location002308 dl dd span:before{left: -14px; top: 50%; margin-top: -2px; width: 4px ; height: 4px;} @media(max-width:640px){ .Location002308 em{ display:none;} .Location002308 dl{ padding:0;} .Location002308 dl dd span:after{bottom: -1px;} } /* .RighInfo002223 涓篸emo缂栧彿 */ .RighInfo002223 {background-color: #fff;} .RighInfo002223 .pic {margin-top: 20px;} .RighInfo002223 .h3 {color: #c4261d;line-height: 1.6;margin: 0;font-size: 20px;} .RighInfo002223 .h4 {font-size: 16px;color: #c4261d;margin: 30px 0px 0 0;} .RighInfo002223 .h3:after, .RighInfo002223 .h4:after {color:#c4261d;width: 50px;height: 2px;background: #d7000f;border: none;margin: 15px 0px;content: "";display: block;} .RighInfo002223 .ul {margin: 0;clear: both;} .RighInfo002223 .ul li {font-size: 14px;line-height: 2.245;} .RighInfo002223 .ul li span {font-family: Arial;font-size: 16px;color: #c4261d;font-weight: bold;} .RighInfo002223 .p {line-height: 2.245;font-size: 14px;color: #666;margin: 0;clear: both;} @media screen and (min-width: 1000px) { .RighInfo002223 .h3 {font-size: 24px;} .RighInfo002223 .pic {width: 24%;} .RighInfo002223 .con {width: 72%;} } @media screen and (min-width: 768px) { .RighInfo002223 .h3:after, .RighInfo002223 .h3:after {margin: 16px 0;} .RighInfo002223 .h4 {font-size: 16px;margin-top:14px; font-weight:normal;} .RighInfo002223 .pic {float: right;width: 30%;margin-top:6px; margin-bottom: 30px;} .RighInfo002223 .con {float: left;width: 65%; } .RighInfo002223 .con1 {width: 100%; } } /*鑽h獕璧勮川*/ .fancybox-opened .fancybox-title{font-weight: bold!important;text-align: center!important;} .HrList .ul{overflow: hidden;} .HrList .ul li{width: 31.33333333%;float: left;margin: 1%;} .HrList .ul li a{display: block;overflow: hidden;} .HrList .ul li .divbox{padding: 6% 6%;overflow: hidden;border: 1px solid #eee;} .HrList .ul li figure{padding-bottom: 70.96%;} .HrList .ul li .dot{text-align: center;line-height: 50px;} @media screen and (max-width: 850px) { .HrList .ul li .divbox{padding: 20px;} .HrList .ul li .dot{line-height: 30px;} } @media screen and (max-width: 500px) { .HrList .ul li .divbox{padding: 5px;} } /* .Timeline000192 涓篸emo缂栧彿 */ .Timeline000192{ padding:0;min-height: 400px;} .Timeline000192 .box{ padding-left:80px; position:relative;} .Timeline000192 .box .event_year{width: 60px;border-bottom: 2px solid #DDD;text-align: center; position:absolute; margin-left:-80px;top: 0;transition:all .4s ease-out;} .Timeline000192 .box .AddFix{/*position: fixed;*/top: 2%;transition:all .4s ease-out;} .Timeline000192 .event_year li{height: 40px;line-height: 40px;background: #eee;margin-bottom: 1px;font-size: 18px;color: #828282;cursor: pointer; position:relative;} .Timeline000192 .event_year li i{ display:none;} .Timeline000192 .event_year li.active{ background-color:#c4261d; color:#fff;} .Timeline000192 .event_year li.active i{ display:block; position:absolute; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #d7000f; right:-9px; top:50%; margin-top:-10px;} .Timeline000192 .event_list{ overflow: hidden;background:url(../images/Timeline000192-line.png) repeat-y 139px top;min-height: 720px;} .Timeline000192 .event_list h3{ margin:0;padding: 0 0 10px 157px;font-size: 24px;font-family: Georgia;color: #c4261d;background: url(../images/Timeline000192-icon_year.png) no-repeat 133px 9px;line-height: 30px;font-style: italic;} .Timeline000192 .event_list li{ padding-left:176px; position:relative; margin-bottom:10px; font-size:14px;} .Timeline000192 .event_list li time{ position:absolute; left:0; text-align:right; width:146px; background:url(../images/Timeline000192-icon_time.png) no-repeat right center; padding:10px 19px 10px 0; min-height:24px;} .Timeline000192 .event_list li p{ margin:0; background-color:#eee; border-bottom:2px solid #E1DDDD; padding:10px 15px; position:relative;} .Timeline000192 .event_list li p i{ position:absolute; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #eee; left:-9px; top:12px;} @media screen and (max-width: 640px) { .Timeline000192 .box{padding: 0;} .Timeline000192 .box .event_year{position: relative;top: 0;left: 0;margin-left: 0;width: 100%;} .Timeline000192 .box .AddFix{position: relative;top: 0;} .Timeline000192 .event_year li.active i{display: none;} .Timeline000192 .event_year li{display: inline-block;vertical-align: top;padding: 0 15px;margin: 2px 0;height: 30px;line-height: 30px;font-size: 16px;} .Timeline000192 ul.event_year{overflow: hidden;position: relative;padding-bottom: 5px;} .Timeline000192 .event_list{background: url(../images/Timeline000192-line.png) repeat-y 79px top} .Timeline000192 .event_list li time{width: 86px;} .Timeline000192 .event_list li{padding-left: 106px;} .Timeline000192 .event_list h3{padding-left: 96px;background: url(../images/Timeline000192-icon_year.png) no-repeat 73px 9px;} } /*浼佷笟鏂囧寲*/ .INFO201801161129{overflow: hidden;} .INFO201801161129 .DivLeft{background-image: url(../images/ct_bg1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;width: 40%;float: left;border: 1px solid #a0a0a0;padding: 50px 55px;} .INFO201801161129 .DivRight{margin-left: 40%;padding-left: 1%;} .INFO201801161129 .DivRight .ULLIST{overflow: hidden;background-image: url(../images/ct_bg2.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;line-height: 20px;} .INFO201801161129 .DivRight .ULLIST li{width: 33.33333333%;float: left;overflow: hidden;} .INFO201801161129 .DivRight .ULLIST li .divbox{color: #666;overflow: hidden;height: 0;padding-bottom: 100%;position: relative;} .INFO201801161129 .DivRight .ULLIST li .divbox2{position: absolute;left: 50%;margin-top: -50px;top: 50%;margin-left: -45px;width: 90px;} .INFO201801161129 .DivRight .ULLIST li.List1 .divbox2{width: 116px;margin-left: -58px;} .INFO201801161129 .DivRight .ULLIST li.List2 .divbox2{width: 246px;margin-left: -123px;margin-top: -40px;} .INFO201801161129 .DivRight .ULLIST li.List1 .divbox{background: #c4261d;color: #fff;} .INFO201801161129 .DivRight .ULLIST li.List2 .divbox{background: rgba(255,255,255,.9);padding-bottom: 50%;} .INFO201801161129 .DivRight .ULLIST li.List2{width: 66.66666666%;} .INFO201801161129 .DivRight .ULLIST li.List3 .divbox{background: rgba(255,255,255,.9);} .INFO201801161129 .DivRight .ULLIST li.List4 .divbox{background:#dbdbdb;} .INFO201801161129 .DivRight .ULLIST li.List5 .divbox{background: rgba(199,57,50,.9);color: #fff;} .INFO201801161129 .DivRight .ULLIST li.LIST .h3{font-size: 16px;font-weight: normal;color: #c4261d;} .INFO201801161129 .DivRight .ULLIST li.LIST .h4{font-size: 14px;font-weight: normal;max-height: 40px;overflow: hidden;} .INFO201801161129 .DivRight .ULLIST li.List5 .h3{color: #fff;} .INFO201801161129 .DivRight .ULLIST li.List1 .h3{font-size: 22px;line-height: 24px;font-weight: normal;padding-top: 20px;position: relative;margin-bottom: 5px;} .INFO201801161129 .DivRight .ULLIST li.List1 .h3:after{display: block;width: 22px;height: 2px;background: #fff;content: '';position: absolute;top: 0;left: 0; } .INFO201801161129 .DivRight .ULLIST li.List1 .h4{font-size: 16px;font-weight: normal;max-height: 40px;overflow: hidden;text-transform: uppercase;} .INFO201801161129 .DivRight .ULLIST li i{display: block;width: 25px;height: 25px;overflow: hidden;margin-bottom: 15px;} .INFO201801161129 .DivRight .ULLIST li i img{display: block;width: 100%;height: 100%;} @media screen and (max-width: 1200px) { .INFO201801161129 .DivLeft{float: none;width: 100%;max-width: 390px;} .INFO201801161129 .DivRight{margin: 4% 0 0;padding: 0;} } @media screen and (max-width: 500px) { .INFO201801161129 .DivLeft{max-width: 100%;padding: 4%;} .INFO201801161129 .DivRight .ULLIST li{width: 50%!important;} .INFO201801161129 .DivRight .ULLIST li .divbox{padding-bottom: 100%!important;} .INFO201801161129 .DivRight .ULLIST li.List2 .divbox2{margin-top: -50px;margin-left: -45px;width: 90px;} .INFO201801161129 .DivRight .ULLIST li.List1{width: 100%!important;} .INFO201801161129 .DivRight .ULLIST li.List1 .divbox{padding-bottom: 45%!important;} .INFO201801161129 .DivRight .ULLIST li.List1 .divbox2{width: 166px;margin-left: -83px;margin-top: -35px;} } /* .PicList001111 涓篸emo缂栧彿 */ .PicList001111 .ul{padding: 0 0 3%;} .PicList001111 li{ padding:2% 0; border-bottom:1px solid #dedede;} .PicList001111 li:hover{} .PicList001111 li div{position:relative;padding:0 0 0 20%;color:#999;} .PicList001111 li .Ispic{ position:absolute; height:100%; width:18%; left:0; top:0;background-repeat: no-repeat;background-position: center;background-size: contain;} .PicList001111 li h2{ margin:0; font-size:16px; } .PicList001111 li h2 a{ color:#333;} .PicList001111 li:hover h2 a{color:#c4261d;} .PicList001111 li p{ line-height:20px; overflow:hidden; height:40px;margin: 0;color: #666;} .PicList001111 li time{ display:block; background:url(../images/PicList001111-icon.png) no-repeat left center; padding-left:20px; font-size:12px;} @media(max-width:640px){ } @media(max-width:480px){ .PicList001111 li .Ispic{ position:static; height:auto; width:auto; display:block; padding-bottom:95px;max-width: 170px;} .PicList001111 li div{ padding:2%;} .PicList001111 li h2{ padding-top:3%;} } .News_info{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;} .News_info img{max-width: 100%;height:auto;} .News_info .info_title{ margin: 0;padding:0 0 2%;font-size:24px;text-align:center;color: #333;font-weight: normal;} .News_info .info_time{margin: 0;font-size:12px; text-align:center; color:#999; font-weight:normal; ; padding-bottom:1%;} .News_info .info_txt{ padding:2% 0;border-bottom: 1px solid #000;border-top:1px solid #e5e5e5; margin-bottom: 2%;color: #666;} .News_info .PrevNextBox{overflow: hidden;} .News_info .PrevNextBox dl{margin:0;padding: 0;float: left;overflow: hidden;padding-right: 2%;} .News_info .PrevNextBox dl.dl2{overflow: hidden;float: right;padding-right: 0;padding-left: 2%;} .News_info .PrevNextBox a{color: #999;} .News_info .PrevNextBox a:hover{color:#c4261d;} .News_info .info_txt .back{display: block; margin-top: 40px;} .News_info .info_txt .back a{width: 100px; height: 35px; line-height: 35px; text-align: center; color: #fff; background: #c4261d; display: block; padding: 0 10px;} .goback {/*margin:-20px 0 10px;*/margin-bottom:15px; background-color:#c4261d; width:80px; height:35px; text-align:center; line-height:35px;} .goback a {color:#fff;} @media(min-width:1000px){ .News_info .PrevNextBox dl{width: 50%;} } /*鑱旂郴鎴戜滑*/ .ConBox .DivBox1{color: #666;} .ConBox .DivBox2{color: #999;margin: 4% 0;} .ConBox .DivBox2 table{border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;} .ConBox .DivBox2 table td{padding: 15px 25px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} #allmap{height: 251px;} @media(max-width:640px){ .ConBox .DivBox2 table td{display: block;width: 100%;padding: 4%;} } /*INFO201801161733*/ .INFO201801161733{overflow: hidden;} .INFO201801161733 .DivName{font-size: 24px;line-height: 30px;font-weight: normal;color: #333;margin-bottom: 2%;} .INFO201801161733 .DivName1{border-bottom: #e5e5e5 1px solid;padding-bottom: 2%;} .INFO201801161733 .DivTxt{overflow: hidden;padding-bottom: 4%;} .INFO201801161733 .DivTxt table{text-align: center;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;color: #999;margin: .5% 0;} .INFO201801161733 .DivTxt table td{padding: 12px 20px;line-height: 20px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .INFO201801161733 .DivTxt table td.RedBg{background: #d7000f;color: #fff;} /*INFO201801170846*/ .INFO201801170846{overflow: hidden;} .INFO201801170846 .DivName{margin-bottom: 2%;} .INFO201801170846 .DivName .h3{font-weight: normal;font-size: 24px;line-height: 30px;color: #333;} .INFO201801170846 .DivName .h4{font-weight: normal;color: #999;font-size: 14px;} .INFO201801170846 .DivName1{border-bottom: #e5e5e5 1px solid;padding-bottom: 2%;} .INFO201801170846 .DivTxt{overflow: hidden;padding-bottom: 4%;} .INFO201801170846 .DivTxt .div1{text-align: center;font-size: 18px;color: #999;} .INFO201801170846 .DivTxt .ULLIST{overflow: hidden;border-left: 1px solid #d2d2d2;border-top: 1px solid #d2d2d2;} .INFO201801170846 .DivTxt .ULLIST li{border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;overflow: auto;height: 165px;width: 25%;float: left;padding: 20px 10px;text-align: center;line-height: 20px;position: relative;} .INFO201801170846 .DivTxt .ULLIST li:after{display: block;width: 15px;height: 1px;background: #d7000f;position: absolute;left: 50%;margin-left: -7.5px;top: 0px;content: '';} .INFO201801170846 .DivTxt .ULLIST li .h3{font-weight: normal;font-size: 18px;color: #c4261d;} .INFO201801170846 .DivTxt .ULLIST li .h4{font-weight: normal;color: #c4261d;font-size: 14px;} .INFO201801170846 .DivTxt .ULLIST li .divbox{margin-top: 10px;color: #999;} /*INFO201801170946*/ .INFO201801170946{overflow: hidden;} .INFO201801170946 .DivName{font-size: 24px;line-height: 30px;font-weight: normal;color: #333;margin-bottom: 2%;} .INFO201801170946 .DivName1{border-bottom: #e5e5e5 1px solid;padding-bottom: 2%;} .INFO201801170946 .DivTxt{overflow: hidden;padding-bottom: 4%;} .INFO201801170946 .DivTxt table{border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;color: #999;margin: .5% 0;} .INFO201801170946 .DivTxt table td{padding: 12px 20px;line-height: 20px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .INFO201801170946 .DivTxt table tr td:first-child{text-align: center;min-width: 120px;} @media(max-width:1000px){ .INFO201801161733 .DivName{font-size: 20px;line-height: 24px;} .INFO201801161733 .DivName{margin-bottom: 4%;} .INFO201801170846 .DivTxt .ULLIST li{width: 33.333333333%;} .INFO201801170846 .DivName .h3{font-size: 20px;line-height: 24px;} .INFO201801170846 .DivName{margin-bottom: 4%;} .INFO201801170946 .DivName{font-size: 20px;line-height: 24px;} .INFO201801170946 .DivName{margin-bottom: 4%;} .INFO201801170946 .DivTxt table td{padding: 10px;} } @media(max-width:769px){ .INFO201801170846 .DivTxt .ULLIST li{width: 50%;} } /*鍦ㄧ嚎璇婃柇*/ .OnlineDiag{overflow: hidden;} .OnlineDiag .InputBox{overflow: hidden;margin-bottom: 2%;border-bottom: 1px solid #e5e5e5;padding-bottom: 1%;} .OnlineDiag .InputBox input{position: absolute;top: 6px; left:0;} .OnlineDiag .InputBox .div1{color: #333;margin-bottom: 5px;} .OnlineDiag .InputBox .div2{overflow: hidden;font-size: 0;} .OnlineDiag .InputBox .div2 label{display: inline-block;vertical-align:top; font-size: 14px;color: #888; min-width:14.2857%;padding-right:2%; position:relative; padding-left:1.5em; margin-left:1.5em;} .OnlineDiag .InputBoxBtn{height: 44px;} .OnlineDiag .InputBoxBtn .btn{display: inline-block; cursor: pointer;background: #c93831;border-radius: 5px;width: 160px;height: 44px;line-height: 44px;text-align: center;color: #fff;padding: 0 10px;overflow: hidden; float: left;} .OnlineDiag_Return{display: inline-block; margin-top: 20px;} @media(max-width:1000px){ .OnlineDiag .InputBoxBtn .btn{margin: 0 auto;} .OnlineDiag .InputBoxBtn .btn_r{ margin-left: 10px;} } @media(max-width:640px){ .OnlineDiag .InputBox{margin-bottom: 4%;padding-bottom: 2%;} } /*鐩存挱涓績*/ .LiveList .ul{overflow: hidden;padding-bottom: 1%;} .LiveList .ul li{padding: 20px 10px;overflow: hidden;border: 1px solid #f1f1f1;margin-bottom: 2%;} .LiveList .ul li .divleft{float: left;width: 135px;overflow: hidden;border: 1px solid #f1f1f1;} .LiveList .ul li .divleft figure{padding-bottom: 70.37%;} .LiveList .ul li .divright{margin-left: 155px;overflow: hidden;} .LiveList .ul li .divright .h3{font-size: 16px;font-weight: normal;margin-bottom: 10px;} .LiveList .ul li .divright .TxtPage{font-size: 12px;color: #666;line-height: 22px;} .LiveList .ul li .divright figure{padding-bottom: 73.333333%;} .LiveList .ul li .divright dl.dlimg{overflow: hidden;padding: 1%;margin:20px 0;} .LiveList .ul li .divright dl.dlimg dd{width: 23%;margin: 1%;float: left;overflow: hidden;} .LiveList .ul li .divright dl.dlimg dd .bg,.LiveList .ul li .divright dl.dlimg dd .vcover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/v_bg.png);background-repeat: no-repeat;background-position: center;background-size: cover;cursor: pointer;z-index: 2;} .LiveList .ul li .divright dl.dlimg dd .vcover {z-index:1;} .LiveList .ul li .divright .divtime{overflow: hidden; height:60px;padding-top:4px} .LiveList .ul li .divright .divtime time{background: url(../images/PicList001111-icon.png) left center no-repeat;padding-left: 25px;color: #888;display: block;} .index_19zan{ z-index:99; float: right;display: block;height: 30px;line-height: 30px;color: #fff;overflow: hidden;padding: 0 13px 0 30px;background: #d7000f url(../images/zan_bg.png) 13px center no-repeat;border-radius: 5px;cursor: pointer;} .share{ float: right;margin-right:5px;box-shadow:-2px 2px 6px 0px #d7000f;display: block;height: 30px;line-height: 30px;color: #d7000f;overflow: hidden;padding: 0 20px 0 20px;background: #FFFFFF;border-radius: 5px;cursor: pointer;} .share:hover{ box-shadow:-0px 0px 1px 1px #f81d1d;} @media(max-width:640px){ .LiveList .ul li{padding: 2%;} .LiveList .ul li .divleft{float: none;} .LiveList .ul li .divright{margin: 2% 0 0;} .LiveList .ul li .divright dl.dlimg dd{width: 48%;} .LiveList .ul li .divright dl.dlimg{margin: 2% 0;} .LiveList .ul li .divright .h3{margin-bottom: 5px;} } /**/ .SclList .ul{overflow: hidden;padding-bottom: 2%;} .SclList .ul li a{display: block;overflow: hidden;line-height: 43px;border-bottom: 1px dotted #ddd;} .SclList .ul li .dot{width: 72%;float: left;position: relative;} .SclList .ul li .dot:after{/*display: block;position: absolute;left: 0;width: 10px;height: 100%;top: 0;content: '路';*/} .SclList .ul li time{display: block;float: right;overflow: hidden;} .INFO201801171543{line-height: 26px;overflow: hidden;} .INFO201801171543 .div1{color: #999;margin-bottom: 3%;} .INFO201801171543 .divname{font-size: 18px;color: #333;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom:10px;} .INFO201801171543 .divtxt{margin-bottom: 3%;} @media(max-width:640px){ .SclList .ul li .dot{width: 98%;margin: 0 1%;float: none;} } /**/ .ExpertsList .ul{overflow: hidden;padding-bottom: 1%;} .ExpertsList .ul li{width: 23%;float: left;overflow: hidden;margin: 1%;text-align: center;} .ExpertsList .ul li a{display: block;overflow: hidden;} .ExpertsList .ul li figure{padding-bottom: 115.3846%;} .ExpertsList .ul li .divtxt{padding: 15px 10px;overflow: hidden;color: #888;} .ExpertsList .ul li .h3{font-size: 16px;color: #333;font-weight: normal;} .ExpertsInfo3{background: #f7f7f7;padding: 35px 50px;overflow: hidden;} .ExpertsInfo3 .Name{color: #666;font-weight: bold;text-align: center;margin-bottom: 2%;font-size: 16px;position: relative;} .ExpertsInfo3 .Name:after{width: 100%;position: absolute;top: 50%;margin-top: -.5px;background: #f0f0f0;height: 1px;left: 0;content: '';z-index: 1;} .ExpertsInfo3 .Name span{display: inline-block;vertical-align: top;background: #f7f7f7;padding: 0 20px;z-index: 2;position: relative;} .ExpertsInfo3 .InputDiv{ position:relative;overflow: hidden;width: 48%;margin:1%;float: left;border: 1px solid #ddd;background:#fafafa;border-radius: 5px;} .ExpertsInfo3 .InputDiv label{cursor: text;position:absolute; height:40px; line-height:40px; left:65px; top:0; z-index:10;color: #999;} .ExpertsInfo3 .InputDiv:after{display: block;width: 60px;height: 40px;content: '';position: absolute;left: 0;top: 0;background-position: center;background-repeat: no-repeat;} .ExpertsInfo3 .InputDivName:after{background-image: url(../images/m_ico1.png);} .ExpertsInfo3 .InputDivTel:after{background-image: url(../images/m_ico2.png);} .ExpertsInfo3 .InputDivMal:after{background-image: url(../images/m_ico3.png);} .ExpertsInfo3 .InputDiv .text{ height: 40px;line-height: 40px;display: block;padding: 0 15px 0 65px;width: 100%;} .ExpertsInfo3 .InputDiv .btn{display: block;cursor: pointer;background: #c93831;border-radius: 5px;width: 97px;height: 31px;line-height: 31px;text-align: center;color: #fff;padding: 0 10px;overflow: hidden;float: right;margin:4%;} .ExpertsInfo3 .InputDiv2{width: 98%;} .ExpertsInfo3 .InputDiv2 label{left: 15px;} .ExpertsInfo3 .InputDiv2 .text{height: 165px;padding: 10px 15px;line-height: 20px;} .ExpertsInfo2{padding: 4% 0;color: #888;} .ExpertsInfo1{background: #f8f8f8;overflow: hidden;} .ExpertsInfo1 .DivLeft{float: left;width: 390px;overflow: hidden;} .ExpertsInfo1 .DivLeft figure{padding-bottom: 115.385%;} .ExpertsInfo1 .DivRight{margin-left: 390px;overflow: hidden;padding: 4%;color: #888;} .ExpertsInfo1 .DivRight .h3{font-weight: normal;font-size: 16px;color: #333;} .ExpertsInfo1 .DivRight .h4{font-weight: normal;font-size: 14px;color: #888;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #dfdfdf;} .Browsing{ padding-bottom:4%; width:100%; float:left;} .Browsing li{ width:100%; float: left; } .Browsing li .titleT{ background:#666; padding:7px 2%; color:#fff; font-size:16px; font-weight:bold; width:100%; float: left; } .Browsing li .titleT span{ display:block; float:left; width:33.33%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .Browsing li .textC{ background:#e8e8e8; padding: 1% 2%; width:100%; float: left; } @media(max-width:900px){ .ExpertsInfo1{background: none;} .ExpertsInfo1 .DivLeft{float: none;} .ExpertsInfo1 .DivRight{margin:4% 0 0;background: #f8f8f8;} } @media(max-width:640px){ .ExpertsList .ul li{width: 48%;} .ExpertsInfo3{padding: 4% 4% 2%;} .ExpertsInfo3 .InputDiv{width: 100%;margin: 2% 0;} .Browsing li .titleT span.MN{ width:20%; } .Browsing li .titleT span.Mp{ width:33%; } .Browsing li .titleT span.Mb{ width:47%; } } @media(max-width:500px){ .ExpertsInfo1 .DivLeft{width: 100%;} } /*瑙e喅鏂规*/ .MainBox2 .MainRight{margin: 0; padding-left:0;} .MainBox2 .MainRight .Location002308{ padding-left:1%; } .SolutionList .ul{overflow: hidden;padding-bottom: 1%;} .SolutionList .ul li figure{padding-bottom: 68.42%;} .SolutionList .ul li{width: 16.6666666%;padding: 1%;float: left;} .SolutionList .ul li a{display:block;overflow: hidden;} .SolutionList .ul li .dot{font-size: 16px;text-align: center;padding: 0 15px;line-height: 80px;border: 1px solid #eee;border-top: none;} .SolutionInfo1{overflow: hidden;} .SolutionInfo1 .DivLeft{float: left;width: 60%;overflow: hidden;} .SolutionInfo1 .DivLeft figure{padding-bottom: 56.7%;} .SolutionInfo1 .DivRight{margin-left: 60%;overflow: hidden;padding:2% 4%;color: #888;} .SolutionInfo1 .DivRight .Tt{color: #c4261d;font-size: 24px;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;} .SolutionInfo1 .DivRight .TxtPage{padding: 4% 0;overflow: hidden;} .SolutionInfo1 .DivRight .TxtMore{overflow: hidden;} .SolutionInfo1 .DivRight .TxtMore a{display: inline-block;vertical-align: top;color: #fff;line-height: 20px;padding: 10px 25px;background: #c4261d;border-radius: 40px;margin-right: 15px;margin-bottom: 5px;} .SolutionInfo2{overflow: hidden;margin-top: 4%;} .SolutionInfo2 .InfoHd{border-bottom: 1px solid #d7000f;background: #f7f7f7;font-size: 0;overflow: hidden;} .SolutionInfo2 .InfoHd span{display: inline-block;vertical-align: top;font-size: 16px;color: #666;padding:10px 25px;line-height: 20px;cursor: pointer;} .SolutionInfo2 .InfoHd span.on{color: #fff;background: #c4261d;} .SolutionInfo2 .InfoBd{overflow: hidden;padding-top: 4%;} .SolutionInfo2 .InfoBd img {max-width:100%;} .INFO2018011181113{overflow: hidden;color: #888;} .INFO2018011181113 ul{padding-left: 15px;margin: 0;} .INFO2018011181113 .DivName{color: #c4261d;font-size: 24px;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;margin-bottom: 2%;} .INFO2018011181113 .DivTxt{overflow: hidden;padding-bottom: 4%;} .INFO2018011181113 .DivTxt b{color: #333;} .INFO2018011181113 .DivTxt .ULLIST1 li{font-size: 20px;line-height: 25px;padding: 50px 20px;border-radius: 100%;border: 1px dashed #dfdfdf;display: inline-block;vertical-align: top;margin: 2px 10px 2px 0;text-align: center;width: 150px;height: 150px;overflow: hidden;} @media(max-width:1200px){ .SolutionList .ul li .dot{line-height: 50px;} .SolutionInfo1 .DivRight .TxtMore a{margin-right: 0;padding: 10px 12px;} } @media(max-width:1000px){ .SolutionList .ul li{width: 25%;} .SolutionInfo1 .DivRight .Tt{font-size: 20px;padding-bottom: 2%;} .INFO2018011181113 .DivName{font-size: 20px;padding-bottom: 2%;} } @media(max-width:950px){ .SolutionInfo1 .DivLeft{float: none;} .SolutionInfo1 .DivRight{margin: 0;padding: 4% 0;} } @media(max-width:769px){ .SolutionList .ul li{width: 33.33333333%;} } @media(max-width:500px){ .SolutionList .ul li{width: 50%;} .SolutionList .ul li .dot{line-height: 40px;} .SolutionInfo1 .DivLeft{width: 100%;} .SolutionInfo1 .DivRight .TxtMore{text-align: center;} .SolutionInfo1 .DivRight .TxtMore a{margin: 0 5px;padding: 5px 15px;} .SolutionInfo2 .InfoHd{text-align: center;} .SolutionInfo2 .InfoHd span{padding: 5px 10px;font-size: 14px;} } /*浜у搧*/ .ProInfoName{color: #333;font-size: 24px;margin-bottom: 3%;} .ProInfoTxt{overflow: hidden;color: #666;} .ProList .ul{overflow: hidden;padding-bottom: 2%;} .ProList .ul li{width: 33.333333%;padding: 1%;float: left;overflow: hidden;} .ProList .ul li a{display: block;overflow: hidden;} .ProList .ul li .dot{text-align: center;font-size: 16px;line-height: 45px;} .ProList .ul li figure{padding-bottom: 66.6666666%;border:1px solid #eee;} @media(max-width:1000px){ .ProInfoName{font-size: 20px;} } @media(max-width:640px){ .ProList .ul li{width: 50%;} .ProList .ul li .dot{font-size: 14px;line-height: 35px;} } /*妗堜緥*/ .CaseBox .ul li figure{padding-bottom: 67.5%;} .CaseBox2{margin-top: 8%;} .CaseBox2 .ul li figure{border: 1px solid #e5e5e5;} .CaseBox2 .BtnBox{position: relative;width: 110px;margin: 30px auto;height: 36px;} .CaseBox2 .swiper-button-next, .CaseBox2 .swiper-button-prev{left: 0;width: 40px;height: 36px;margin-top: -18px;} .CaseBox2 .swiper-button-next{left: auto;right: 0;} .CaseBox2 .swiper-button-prev, .CaseBox2 .swiper-container-rtl .swiper-button-next{background: url(../images/btn_left.png) center no-repeat;} .CaseBox2 .swiper-button-next, .CaseBox2 .swiper-container-rtl .swiper-button-prev{background: url(../images/btn_right.png) center no-repeat;} .CaseBox1 .ul{overflow: hidden;padding-bottom: 2%;} .CaseBox1 .ul li{width: 23%;margin: 1%;float: left;overflow: hidden;border: 1px solid transparent;} .CaseBox1 .ul li a{display: block;overflow: hidden;border: 1px solid #e5e5e5;padding:10px 20px 5px;text-align: center;line-height: 20px;} .CaseBox1 .ul li:hover{border-color: #d60711;} .CaseBox1 .ul li:hover a{border-color: #d60711;} .CaseBox1 .ul li:hover .span{background: url(../images/more_bg2.png) center no-repeat;} .CaseBox1 .ul li .h3{font-size: 16px;color: #333;font-weight: normal;} .CaseBox1 .ul li .TxtPage{text-align: center;color: #888;margin: 5px 0;height: 20px;overflow: hidden;} .CaseBox1 .ul li .span{display: block;width: 11px;height: 9px;margin: 0 auto;background: url(../images/more_bg.png) center no-repeat;} .CaseInfo{overflow: hidden;color: #666;line-height: 20px;} .CaseInfo img{max-width: 100%;} .CaseInfo .DivName{color: #c4261d;font-size: 24px;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;margin-bottom: 2%;} .CaseInfo .DivTxt{overflow: hidden;} .CaseInfo .CaseInfo2 .DivTxt{padding-bottom: 4%;} .CaseInfo .CaseInfo1{overflow: hidden;padding-bottom: 4%;} .CaseInfo1 .DivLeft{float: left;width: 380px;overflow: hidden;} .CaseInfo1 .DivLeft figure{padding-bottom: 56.52%;} .CaseInfo1 .DivRight{margin-left: 380px;overflow: hidden;padding:2% 0 0 4%;} .CaseInfo .News_info .info_txt{padding: 0 0 2%;} @media(max-width:1000px){ .CaseBox2 .BtnBox{margin: 20px auto;width: 100px;} .CaseInfo .DivName{font-size: 20px;padding-bottom: 2%;} } @media(max-width:920px){ .CaseInfo1 .DivLeft{float: none;} .CaseInfo1 .DivRight{margin: 0;padding:4% 0 0;} } @media(max-width:640px){ .CaseBox1 .ul li{width: 48%;} .CaseBox1 .ul li a{padding:10px 15px 5px;} } @media(max-width:501px){ .CaseBox2 .BtnBox{margin: 15px auto;width: 95px;} .CaseInfo1 .DivLeft{width: 100%;} } .LinksList .ul{overflow: hidden;padding-bottom: 2%;} .LinksList .ul li{width: 25%;padding: 1%;float: left;overflow: hidden;text-align: center;} .LinksList .ul li a{display: block;overflow: hidden;} .LinksList .ul li figure{padding-bottom: 38.888888%;border: 1px solid #ccc;} .LinksList .ul li .dot{line-height: 30px;} @media(max-width:769px){ .LinksList .ul li{width: 33.333333%;} } @media(max-width:500px){ .LinksList .ul li{width: 50%;} } /*涓汉涓績*/ .LogA{display: inline-block} .PerA{display: none } .PersonBd .LogA{display: none;} .PersonBd .PerA{display: inline-block;} .PersonBd .LogA2, .LogBox .LogA2{display: inline-block;vertical-align: top;color: #fff;position: relative;} .Header11 .LogBox .LogA2 em{margin: 0;top: 0;opacity: 1;padding-right: 15px;background: url(../images/aem_bg.png) center right no-repeat;cursor: pointer;} .Header11 .LogBox .LogA2 a{display: none;position: absolute;background: #fff;width: 110px;height: 35px;top: 30px;left: 50%;margin-left: -55px;color: #c4261d;text-align: center;line-height: 35px; z-index:9;} .Header11 .LogBox .LogA2 a:after{display: block;background: url(../images/jiao_s.png) center no-repeat;width: 8px;height: 5px;bottom: 100%;left: 50%;margin-left: -4px;content: '';position: absolute;} .PcShow{display: block!important;} .IpShow{display: none!important;} .HomeBan{position: relative;overflow: hidden;} .HomeBan .ul li{width: 100%;overflow: hidden;} .HomeBan .ul li a{width: 100%;min-height:256px;display: block;overflow: hidden;background-repeat: no-repeat;background-position: top center; padding-bottom: 25%; background-size: contain;/*margin-top:21.5px*/} .HomeBan .ul li img{display: none;width: 100%} .HomeBan .swiper-button-next, .HomeBan .swiper-button-prev{left: 0;width: 72px;height: 72px;margin-top: -36px;top: 50%;filter:alpha(opacity=0);opacity: 0;} .HomeBan:hover .swiper-button-next, .HomeBan:hover .swiper-button-prev{filter:alpha(opacity=100);opacity: 1;} .HomeBan .swiper-button-next{left: auto;right: 0;} .HomeBan .swiper-button-prev, .HomeBan .swiper-container-rtl .swiper-button-next{background: url(../images/per_left.png) center no-repeat;} .HomeBan .swiper-button-next, .HomeBan .swiper-container-rtl .swiper-button-prev{background: url(../images/per_right.png) center no-repeat;} .HomeBan .swiper-pagination{bottom: 10px!important;} .HomeBan .swiper-pagination-bullet{width: 18px;height: 18px;margin: 0 5px;opacity: 1;background: url(../images/tab_bg.png) center no-repeat;} .HomeBan .swiper-pagination-bullet-active .HomeBan .bx-pager .bx-pager-item a.active {background: url(../images/tab_bgon.png) center no-repeat;} .HomeBan .bx-pager{position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; z-index: 99;} .HomeBan .bx-pager .bx-pager-item{display:inline-block; *zoom:1; *display:inline; margin: 0 5px;} .HomeBan .bx-pager .bx-pager-item a{display: block; width: 18px;height: 18px;opacity: 1; background: url(../images/tab_bg.png) center no-repeat; text-indent: 18px; overflow: hidden;} /*.HomeBan .bx-pager .bx-pager-item a.active{background: url(../images/tab_bgon.png) center no-repeat;}*/ .HomeBan .bx-controls-direction{display: none;} .PersonBan a{cursor: default;} .PersonBox{position: relative;z-index: 2;background: #fff;width: 580px;margin:-390px auto 4%;} .PersonBox .Name{line-height: 20px;color: #666;font-size: 20px;font-weight: bold;padding: 35px 30px;border-bottom: 1px solid #ededed;} .PersonBox .FormBox{padding: 4% 0;max-width: 375px;width: 100%;margin: 0 auto;color: #666;} .PersonBox .TopTips{margin-bottom: 4%;} .PersonBox .InputDiv{position:relative;overflow: hidden;clear: both;margin: 0 0 4%;width: 100%;} .PersonBox .InputDiv label{cursor: text;position:absolute; height:40px; line-height:40px; left:15px; top:0; z-index:10;color: #999;} .PersonBox .InputDiv .text{ height: 40px;line-height: 40px;display: block;padding: 0 15px;width: 99%;z-index: 2;position: relative;border: 1px solid #bdbdbd;} .PersonBox .InputDiv .btn{display: block;cursor: pointer;background: #d7000f;width: 147px;height: 40px;line-height: 40px;text-align: center;color: #fff;padding: 0 10px;overflow: hidden;margin:0 auto;} .PersonBox .InputDiv a{color: #387ece;} .PersonBox .InputDivBtn{border: none;} .PersonBox .InputDivMm{} .PersonBox .InputDivMm:after{display: block;width: 20px;height: 20px;right: 15px;top: 50%;margin-top: -10px;content: '';position: absolute;background: url(../images/mm_bg.png) right center no-repeat;} .PersonBox .InputDivMm .text{padding-right: 35px;} @media(max-width:1000px){ .PersonBox{margin: 4% auto;} .HomeBan .ul li a{min-height: auto;/*margin-top:21.5px*/} } .HomeBd .back_top{display: none!important;} @media(max-width:1000px){ .PcShow{display: none!important;} .IpShow{display: block!important;} .HomeBan .ul li a{background: none!important;height: auto; padding-bottom: 0;/*margin-top:21.5px*/} .HomeBan .ul li img{display: block;} .HomeBan .ul li a{background: none!important;padding-bottom: 0;} } @media(max-width:640px){ .PersonBox{width: 100%;padding: 0 4%;} .PersonBox .Name{padding: 4% 30px;} .HomeBan .swiper-button-next, .HomeBan .swiper-button-prev{display: none;} .HomeBan .swiper-pagination{bottom: 5px!important;} } /*鐧诲綍娉ㄥ唽*/ .BDOVH{position: fixed;width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;} .PopBoxBg{background: rgba(0,0,0,.8);position:fixed;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;z-index: 999;display: none;} .PopBoxBg .CLS{ position: absolute;width: max-content;right: 10px;} .PopBox{position: absolute;background: #fff;width: 410px;left: 50%;top: 50%;margin-left: -205px;} .PopBox2{height: 644px;margin-top: -322px;} .PopBox .PopTop{font-size: 20px;font-weight: bold;color: #666;text-align: center;line-height: 30px;padding: 15px;} .PopBox .PopHd{border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;overflow: hidden;font-size: 0;text-align: center;} .PopBox .PopHd span{display: inline-block;vertical-align: top;padding: 12px;line-height: 20px;font-size: 20px;font-weight: bold;color: #666;width: 50%;cursor: pointer;} .PopBox .PopHd span.on, .PopBox .PopHd span:hover{background: #e1e1e1;} .PopBox .PopBd{padding: 15px 50px;overflow: hidden;} .PopBox .InputDiv{ position:relative;overflow: hidden;width: 100%;margin:0 0 10px;} .PopBox .InputDiv label{cursor: text;position:absolute;height:40px; line-height:40px; left:55px; top:0; z-index:10;color: #999;} .PopBox .InputDivBor{border: 1px solid #bdbdbd;} .PopBox .InputDivBor:after{display: block;width: 40px;height: 40px;content: '';position: absolute;left: 0;top: 0;background-position: center;background-repeat: no-repeat;background-color: #f3f3f3;border-right: 1px solid #bdbdbd;} .PopBox .InputDivName:after{background-image: url(../images/dl_ico1.png);} .PopBox .InputDivMm:after{background-image: url(../images/dl_ico2.png);} .PopBox .InputDivMm:before{display: block;width: 20px;height: 20px;right: 15px;top: 50%;margin-top: -10px;content: '';position: absolute;background: url(../images/mm_bg.png) right center no-repeat;} .PopBox .InputDiv .text{ height: 40px;line-height: 40px;display: block;padding: 0 15px 0 55px;width: 100%;} .PopBox .InputDivMm .text{padding-right: 40px;} .PopBox .InputDivLink{text-align: right;} .PopBox .InputDiv .btn{display: block;cursor: pointer;background: #d7000f;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;padding: 0 10px;overflow: hidden;font-size: 18px;} .PopBox .PopBd1 .InputDiv{border: 1px solid #bdbdbd;} .PopBox .PopBd1 .InputDiv label{left: 15px;} .PopBox .PopBd1 .InputDiv .text{padding-left: 15px;} .PopBox .PopBd1 .btn{width: 140px;float: left;} .PopBox .PopBd1 .btn2{float: right;background: #e1e1e1;color: #666;} .PopBox .PopBd1 .InputDivBtn{border: none;} @media(max-width:1000px){ .PopBoxBg .CLS{display: block;position: absolute;right: 4%;top: 2%;font-size: 16px;cursor: pointer;} } @media(max-width:640px){ .PopBox{width: 96%;left: 2%;margin-left: 0;} .PopBox .PopBd1 .btn{width: 48%;} } @media(max-height:660px){ .PopBox{max-height: 98%;top: 50%; transform:translateY(-50%); margin-top: 0!important;overflow: auto;} } /*棣栭〉*/ .HomePage0 {padding:30px 0;} .HomePage1{overflow: hidden; background-color:#f3f4f6;} .HomeName{/*overflow: hidden;*/padding-right: 8px;position: relative;width: 45px;float: left;height: 125px;} /*.HomeName:after{display: block;width: 2px;height: 30px;background: #d7000f;right: 0;top: 0;content: '';position: absolute;} */.HomeName .h3{color: #848885;font-size: 18px;width: 18px;font-weight: normal;float: left;} .HomeName .h4{color: #c4261d;font-size: 14px;font-weight: normal;opacity: .35;text-align: center;text-transform: uppercase;position: absolute;writing-mode: tb-rl;left: 17px;top: 30px;} .HomeSolution .Btn{position: relative;width: 42px;height: 118px;float: right;overflow: hidden;} .HomeSolution .swiper-button-next, .HomeSolution .swiper-button-prev{left: 0;width: 42px;height: 58px;margin-top: 0;top: 0;} .HomeSolution .swiper-button-next{top: auto;bottom: 0;} .HomeSolution .swiper-button-prev, .HomeSolution .swiper-container-rtl .swiper-button-next{background: url(../images/h_left.png) center no-repeat;} .HomeSolution .swiper-button-next, .HomeSolution .swiper-container-rtl .swiper-button-prev{background: url(../images/h_right.png) center no-repeat;} .HomeSolution .swiper-button-prev:hover{background: url(../images/h_left2.png) center no-repeat;} .HomeSolution .swiper-button-next:hover{background: url(../images/h_right2.png) center no-repeat;} .HomeSolution .swiper-button-next.swiper-button-disabled, .HomeSolution .swiper-button-prev.swiper-button-disabled{opacity: 1;} .HomeSolution .SwiperBox{margin: 0 65px;position: relative;} .HomeSolution .ul li figure{padding-bottom: 68.421%;} .HomeSolution .ul li figure img{ -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; } .HomeSolution .ul li:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .HomeSolution .ul li{width: 120px;} .HomeSolution .ul li .dot{color: #848885;text-align: center;line-height: 55px;} .HomeSolution .ul li:hover .dot{color: #c4261d;} .HomeSolution .bx-controls{display: none;} .HomePage1 .HomeSolution .ul li .dot{height: 55px; line-height: 55px; overflow: hidden; text-overflow:inherit; white-space:inherit; font-size: 13px;} .HomeProduct{overflow: hidden;clear: both;padding: 20px 0 30px;} .HomeProduct .ul{overflow: hidden;margin-left: 65px;height: 124px;} .HomeProduct .ul li{width: 16.66666666%;float: left;margin-bottom: 28px;overflow: hidden;height: 48px; font-size:13px;} .HomeProduct .ul li i{display: block;width: 48px;height: 48px;background: #c4261d; overflow: hidden;border-radius: 2px;float: left;} .HomeProduct .ul li i img{display: block;width: 100%;height: 100%;} .HomeProduct .ul li .div{display: table;height: 48px;margin-left: 48px;padding:4px 10px;overflow: hidden;line-height: 20px;color: #676867; width:65%;} .HomeProduct .ul li:hover .div{color: #c4261d;} .HomeProduct .ul li .div2{display: table-cell;vertical-align: middle;width: 100%;} .HomePage2{clear: both;overflow: hidden;padding:20px 0 30px 0;} .HomePage2 .HomeWBox{width: 25%;float: left;overflow: hidden;padding: 0 1%;} .HomePage2 .HomeNews{padding-left: 0;} .HomePage2 .HomeCase{padding-right: 0;} .HomeName2{height: 35px;line-height: 35px;border-bottom: 1px solid #e7e9e9;overflow: hidden;margin-bottom: 20px;} .HomeName2 .h3{color: #555;line-height: 33px;float: left;font-size: 18px;font-weight: normal;border-bottom: 2px solid #d7000f;} .HomeName2 a{float: right;display: block;line-height: 35px;color: #555; font-size:12px; } .HomeName2 a:hover{color: #c4261d;} .HomeCaseBox figure{padding-bottom: 40%;margin-bottom: 10px;} .HomeCaseBox figure img{ -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; } .HomeCaseBox:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .HomeCaseBox .TxtPage{font-size:13px; line-height: 20px;color: #777;max-height: 80px;overflow: hidden;} .HomeCaseBox:hover .TxtPage{color: #c4261d;} .HomeNews .ul li{font-size: 12px;line-height: 20px;margin-bottom: 5px;} .HomeNews .ul li figure{padding-bottom: 52%;margin-bottom: 10px;} .HomeNews .ul li figure img{ -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; } .HomeNews .ul li:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .HomeNews .ul li .dot{color: #777; font-size:13px;} .HomeNews .ul li:hover .dot{color: #c4261d;} .HomeNews .ul li time{color: #999;display: block;} .HomeItems .ul li{font-size: 12px;line-height: 17px;margin-bottom: 14px; overflow: hidden;} .HomeItems .ul li figure{padding-bottom: 52px;width: 52px;float: left;} .HomeItems .ul li figure img{ -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; } .HomeItems .ul li:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .HomeItems .ul li .divtxt{margin-left: 52px;padding-left: 14px;} .HomeItems .ul li .div{color: #777;height: 36px;overflow: hidden;margin-bottom: 1px; font-size:13px; } .HomeItems .ul li time{color: #999;display: block;} .HomeItems .ul li:hover .div{color: #c4261d;} .HomeManagerBox{color: #777;line-height: 20px;font-size: 12px;} .HomeManagerBox .TxtPage{margin-bottom: 14px;height: 60px;overflow: hidden;} .HomeManagerBox .TxtPage:hover{color: #c4261d;} .HomeManagerBox .ul li{line-height: 17px;margin-bottom: 14px; overflow: hidden;} .HomeManagerBox .ul li figure{padding-bottom: 52px;width: 52px;float: left;} .HomeManagerBox .ul li figure img{ -webkit-transition:all .4s ease-out; -moz-transition:all .4s ease-out; -ms-transition:all .4s ease-out; -o-transition:all .4s ease-out; transition:all .4s ease-out; } .HomeManagerBox .ul li:hover figure img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .HomeManagerBox .ul li .divtxt{margin-left: 52px;padding-left: 14px;} .HomeManagerBox .ul li .div{color: #777;height: 34px;overflow: hidden;margin-bottom: 1px;} .HomeManagerBox .ul li .dot{color: #999;} .HomeManagerBox .ul li time{color: #999;display: block;} .HomeManagerBox .ul li:hover .div{color: #c4261d;} .wap_btn{width: 50%; margin: 20px auto; background: #e8e8e8; color: #9f9f9f; text-align: center; height: 35px; line-height: 35px; display: none;} @media screen and (max-width: 1280px) { .HomeProduct .ul li .div { padding: 4px 8px; } .HomeProduct .ul li .div2 { font-size: 12px; } } @media(max-width:1000px){ .HomeProduct .ul li{width: 25%;} .HomeProduct .ul{height: auto;} .HomeProduct{padding: 4% 0 0;} .HomeSolution .Btn{ float:right;width:42px; height:118px;margin-left: 65px;margin-bottom: 5px;} .HomeSolution .swiper-button-next{top: 0;right: 0;left: auto;} .HomeSolution .swiper-button-prev{ bottom:0; top:auto; } .HomeSolution .SwiperBox{margin:0 65px;} .HomePage2{padding: 2% 0;} } @media(max-width:1000px){ .HomePage2 .WarpBox{padding:0 2%;} .HomePage2{font-size: 0;} .HomePage2 .HomeWBox{ float: none;width: 50%; display: inline-block;vertical-align: top;font-size: 14px;padding: 2%;} .HomeSolution .ul li .dot{line-height: 35px;} } @media(max-width:768px){ .HomeProduct .ul li{width: 33.33333333%;} } @media(max-width:500px){ .HomeProduct .ul li{width: 50%;} .HomePage2 .HomeWBox{width: 100%;} } .add_center{ height:650px; background-repeat:no-repeat; background-size:100% auto; background-position:center top;} .add_center .add_centerimg{ display:none; width:100%;} @media(max-width:1000px){ .add_center{height:440px;} } @media(max-width:1000px){ .add_center{ background:none !important; height:auto;} .add_center .add_centerimg{ display:block;} } @media(max-width:640px){ .Header1{display: none;} .Header11{padding: 0;} .Header11 .TopTel{display: none;} .Header11 .LogBox{margin-left: 15px; position: absolute; padding-top: 19px; right: 60px; z-index: 100;} .Header22 a.Logo{/*height: 26px;margin: 15px 0;*/} .Header22 .NavBtn{width: 26px;} .Menu001756 li{width: 100%;} .Menu001756 li a.dot{text-align: left;} .Menu001756 li dl.dl a{text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; font-size: 12px;} .HomePage0{padding: 20px 0;} .HomeProduct{padding-top: 20px;} .HomeSolution .swiper-button-next, .HomeSolution .swiper-button-prev{display: none;} .HomeName{width: 100%; border-right: none; padding-right: 0; text-align: center; height: auto; float: none;} .HomeName .h3{width: 100%;} .HomeName .h4{writing-mode:inherit; position: static; display: inline-block; padding: 0 5px; border-bottom: 1px solid #eee;} .HomeName:after{width: 30px;height: 2px;background: #d7000f;right: 50%;margin-right: -15px;top: auto;bottom: -1px;content: '';position: absolute;} .HomeSolution .Btn{display: none;} .HomeSolution .SwiperBox{margin:20px 0 0 0;} .HomeProduct .ul{margin-left: 0; margin-top: 20px;} .HomeProduct .ul li{display: none;} .HomeProduct .ul li:nth-child(1), .HomeProduct .ul li:nth-child(2), .HomeProduct .ul li:nth-child(3), .HomeProduct .ul li:nth-child(4), .HomeProduct .ul li:nth-child(5), .HomeProduct .ul li:nth-child(6), .HomeProduct .ul li:nth-child(7), .HomeProduct .ul li:nth-child(8){display:block;} .HomeProduct .ul li:last-child {display:none; display:none!important;} .SwiperBox .swiper-wrapper{display: block; } .HomeSolution ul {margin-right: -2%; width: auto;} .HomeSolution .ul li{width: 48%; margin:10px 2% 0 0; float: left; display: none;} .HomeSolution .ul li:nth-child(1), .HomeSolution .ul li:nth-child(2), .HomeSolution .ul li:nth-child(3), .HomeSolution .ul li:nth-child(4){display: block;} .wap_btn{display: block; border-radius: 4px;} .HomeNews .ul li{position: relative;} .HomeNews .ul li .dot{padding-right: 90px;} .HomeNews .ul li time{position: absolute; bottom: 0; right: 0;} } @media(min-width:640px){ .HomeName{ background:#c4261d; position:relative; width:40px;} .HomeName .h3{ color:#fff; margin:12px 0 0 10px;} .HomeName .h4{ display:none;} .HomeName::before{ content:""; display:block; width:0; height:0; border-width:8px 8px 8px 6px; border-style:solid; border-color:transparent transparent transparent #c4261d; position:absolute; top:45%; right:-13px;} } .INLINE{display: none;} .ProList2 .ul li figure:after{display: block;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5) url(../images/play_bg.png) center no-repeat;content: '';z-index: 2;left: 0;top: 0;} @media(max-width:640px){ .INLINE video{height: 300px!important;} } .back_top{position: fixed; right: 5px; bottom: 15%;} .back_top a{width: 40px; height: 40px; background: url(../images/top.png) 0 0 no-repeat; display: block;} .HomePage3 {padding-bottom:30px;} .HomePage3 .WarpBox {overflow:hidden; position:relative;} .HomePage3 ul {overflow:hidden; /*width:106.4%;*/} .HomePage3 ul li {/*float:left; width:16%;*/ text-align:center; /*padding:0.5% 2% 0.5% 0;*/} .HomePage3 ul li .PIC {border:1px solid #ccc; padding-bottom:37.42%;} .HomePage3 ul li .PIC img {position:absolute; left:0; top:0; width:100%; height:100%;} .HomePage3 .bx-next {height:100%; text-indent:-9999em; position:absolute; top:0; left:0; display:block; width:32px; background:#e8e8e8 url(../images/h_left.png) no-repeat center center;} .HomePage3 .bx-prev {height:100%; text-indent:-9999em; position:absolute; top:0; right:0; display:block; width:32px; background:#e8e8e8 url(../images/h_right.png) no-repeat center center;} @media(max-width:1060px){ .HomePage3 .bx-wrapper {padding:0 32px; position:relative;} .HomePage3 .bx-next,.HomePage3 .bx-prev {width:25px;} } @media(max-width:640px){ .HomePage3 ul {width:103%;} .HomePage3 ul li {width:33%;} .HomePage3 .bx-wrapper {padding:0; position:static;} } .caseList ul {overflow:hidden; width:102%;} .caseList ul li {float:left; width:20%; padding:0 2% 1% 0; text-align:center;} .caseList ul li .PIC {border:1px solid #ccc; padding-bottom:55.6%;} .caseList ul li .PIC img {position:absolute; left:0; top:0; width:100%; height:100%;} /*璇佷功鏌ヨ*/ .InquireBox{ max-width:600px; margin:0 auto; padding-top:10%; overflow: hidden; } .InquireBox figure{ width:330px; height: 220px; } .InquireBox img{ max-width:100%; max-height: 100%; } .InquireBox .BJ_top{ width:100%; padding-top:17.5%; background:#fff url(../images/chax_top.png) no-repeat center center; background-size:100%; } .InquireBox .BJ_con{ width:100%; padding:30px 0; background:url(../images/chax_con.png); background-size:100%; } .InquireBox .BJ_bot{ width:100%; padding-top:9.6%; background:url(../images/chax_bot.png) no-repeat center center; background-size:100%; } .BJ_con .Anbox{ padding:5px 0; } .BJ_con .Anbox .Name{ font-size:18px; color:#666666; text-align:center; float: left; width:33%; padding-right:2%; text-align:right; } .BJ_con .Anbox .Inputbox input{ background:#fff; border:solid 1px #ccc; height:35px; line-height:35px; padding:0 2%; border-radius:20px; width:50%; } .BJ_con .Anbox3{ text-align:right; width:83%; } .BJ_con .Anbox3 .Abut{ cursor:pointer; display:inline-block; width:120px; height:35px; background:url(../images/anou.png) no-repeat right center; } #Signature { text-align:right; } #SignatureBefore { vertical-align: 10px; } #imgSignature { vertical-align: bottom; width:25%;margin-right:10%; } @media(max-width:640px){ .InquireBox{ margin-top:20%; } .InquireBox .BJ_top{ padding-top:17%; } .BJ_con .Anbox .Name{ font-size:16px; } .BJ_con .Anbox .Inputbox input{ width:56%; padding:0 4%; } .BJ_con .Anbox3{ width:89%; } .InquireBox{ padding:0 2%; } } /*璇佷功鏌ヨ_缁撴灉*/ .ResultBox{} .ResultBox .InquireBox{ max-width:777px; margin:0 auto; padding-top:10%; overflow: hidden; } .ResultBox .InquireBox .BJ_top{ width:100%; padding-top:9%; background:url(../images/Jg_top.png) no-repeat center center; background-size:100%; } .ResultBox .InquireBox .BJ_con{ width:100%; padding:0 7% 10px; background:url(../images/Jg_con.png); background-size:100%; overflow: hidden; } .ResultBox .InquireBox .BJ_bot{ width:100%; padding-top:9%; background:url(../images/Jg_bot.png) no-repeat center center; background-size:100%; } .ResultBox .ResL{ width:50%; float: left; text-align: center; } .ResultBox .ResL .Xindx{ padding:7% 0; padding-left:10%; } .ResultBox .ResL .ResLbox{ text-align:left; margin-top:5px; font-size:16px;} .ResultBox .ResL .ResLbox .Tin{ padding-right:10px; } .ResultBox .ResR{ width:50%; float:right; font-size:16px; } .ResultBox .ResR .Tishi{ line-height:30px; } .ResultBox .ResR .textwz{ padding:25px 0 10px;} .ResultBox .ResR .textwz2{ padding-bottom:25px;} .ResultBox .zhide{right: 20px;margin-top: 14px;} @media(max-width:1440px){ .ResultBox .InquireBox{padding-top:4%; } } @media(max-width:640px){ .ResultBox .InquireBox .BJ_con{ padding:0 10% 10%; } .ResultBox .ResL,.ResultBox .ResR{ width:100%; text-align:left; } .ResultBox .ResL .Xindx{ padding:0;} } .zychide{position: fixed;width: 100%;height: 100%;display: none;z-index: 999;background: rgba(0,0,0,0.6);top: 0;left: 0;} .zychide.on{background:url(../images/Jg_BJ.jpg); height:100vh;} .zyhide2{display: none;} .InquireBox{position: relative;} .zhide{width: max-content;position: absolute;right: 5px; cursor: pointer;padding: 0 5px;} .bot_line {height:1px;background-color:rgba(255,255,255,0.4);margin:1.2em 0;} .bot_tw a {font-weight:bold;color:#fbfbfb;} .bot_wz a {color:#f0f0f0;} .bot_wz em:last-of-type {display:none;} .bot_link {margin:5px 0;} a.bot_bigbtn {border:1px solid #f0f0f0;display:inline-block;height:2.3em;line-height:2.2em;font-size:1.4em;color:#f0f0f0;padding:0 1.5em;border-radius:2.3em;margin:7px 1.5em 0 1.5em;min-width: 215px;} .bot_bigbtn_icon {height: 1.7em;margin-right: 0.5em;margin-top: 0.25em;} .laster {background-color:#242424;color:#bbb;padding:0.9em 0;text-align:center;font-size:1.1em;} .laster a {color:#9f9f9f;} .laster a:hover {color:#c4261d;} .laster .laster_right {display:inline-block;margin-left:10%;} .laster .laster_right em {margin:0 16px;} /*娌℃湁璺宠浆鍦板潃鐨刟鏍囩鐨勯紶鏍囨牱寮忎笉瑕佹樉绀烘垚鎵嬫寚*/ a[href='javascript:void(0)'] { cursor:default; } .newmenu .nav_list.topcpbox { padding:1.2em 2em; white-space: nowrap; width:auto; } .newmenu .nav_list.topcpbox .prosud { display: inline-block; float:none; vertical-align:top; } .newmenu .nav_list.topcpbox .prosud:last-of-type { margin-right:0px; } .newmenu .nav_list.topcpbox .prosud .top_title { font-size:15px; margin-bottom: 0.6em; } .newmenu .nav_list.topcpbox .prosud .Sunbox { border-right:0px; padding-right: 0px; } .newmenu .nav_list.topcpbox .prosud .Sunbox > a { margin-left:1em; margin-right:1em; } .newmenu .nav_list.topcpbox .menu_more { text-align:right; font-size: 12px; float: none; clear: both; } .newmenu .nav_list.topcpbox .prosud > a { color:#555; min-width:5em; text-align:left; padding-bottom:8px; border-bottom:1px solid #ccc; } .Menu001756 li dl.dl a.submenu3 { padding-left: 3em; } .Header22 nav { margin-top: 2px; } .nav_list.topcpbox .prosud strong { display:block; margin:2px; font-weight:normal; } .newmenu .nav_list { padding:0.5em; } .newmenu .nav_list dl dd a{ padding:0; text-align:center; line-height:2em; } .newnavmenu.Location002308 em { background:none; float:none; } .newnavmenu + div .ProInfoName { border-bottom:none; } .newmenu-more { color:#333; font-size:12px; text-align:right; } .HolderLeft,.HolderRight { display:none; width:calc(325px + 2%); height:35px; visibility:hidden; } @media(min-width:1000px) { .Header.newheader { text-align: center; /*margin-bottom: 10px;*/ } .Header.newheader .HolderLeft { display: block; float: left; } .Header.newheader .HolderRight { display: block; float: right; } .Header.newheader .WarpBox.top_box { position: relative; min-height:56px; margin-bottom: -32px; } .Header.newheader .WarpBox.top_box .Header0 { position: absolute; top: 0; left: 0; } .Header.newheader .WarpBox.top_box .Header11 { display: inline-block; position: absolute; right: 0; } .Header.newheader .Header2 { position: relative; background: transparent; /*display: inline-block;*/ width: auto; /*padding-top:10px; padding-bottom:10px;*/ height: 85px; display: flex; } .Header.newheader .Header2 .WarpBox { margin: auto; padding:0; } .Header.newheader .Header2 .Header22 nav { /*margin-right: 0;*/ } .Header.newheader .Header2 .Header22 nav .ul li > a { color: #111; font-weight:normal; } .Header.newheader .Header2 .Header22 nav .ul li:hover > a { color: #c4261d; } .Header.newheader .Header2 .Header22 nav .ul li > a + span { background: url(../images/dhico.png) no-repeat center center; transition-duration: .5s; transform: rotate(0); -webkit-transform: rotate(0); display: inline-block; width: 12px; height: 10px; position: absolute; top: 0.8em; right: 2px; } .Header.newheader .Header2 .Header22 nav .ul li:hover > a + span { background: url(../images/dhico2.png) no-repeat center center; transition-duration: .5s; transform: rotate(180deg); -webkit-transform: rotate(180deg); z-index: 100000; } .Header.newheader li > .nav_list { border: 1px solid #e5e5e5; } } .Footer .bot_wz a.dot[title='婊存淮鍙嬮摼'], .Footer .bot_wz a.dot[title='婊存淮鍙嬮摼'] + em { display:none; } #nav_product { position:static; width:auto; } #nav_product .nav_product_box { display:flex; flex-direction:row; justify-content:space-between; max-width:1000px; width:100%; margin:0 auto; margin-bottom:30px; } #nav_product .nav_product_block { width:20%; margin-left:5%; text-align:left; } #nav_product .nav_product_group { display:block; font-size:18px; border-bottom:1px solid #ccc; padding:15px 0; } #nav_product .nav_product_list { list-style: none; padding-left: 0; } #nav_product .nav_product_list li { cursor:pointer; font-size:16px; padding:5px; } .newmenu .nav_list { padding-left:0; padding-right:0; } .newmenu .nav_list dd { margin:8px 0; } .newmenu .nav_list dd a:hover { color:#fff; background:#c4261d; } .Header2 { /*margin-top:10px; margin-bottom:10px;*/ } @media(min-width:1000px) { .Header2 nav { min-width:1000px; max-width:1150px; width:auto; margin:0 auto; display:flex; justify-content:space-around; } } @media(max-width:1000px) { .Header2 { margin-top:0; margin-bottom:0; } } /*#MobileBottom { display:none; position:fixed; bottom:0; background:#fff; width:100%; z-index:999; }*/ #MobileBottom { display:none; height:60px; border-collapse:collapse; border-spacing:0; position:fixed; bottom:0; background:#fff; width:100%; z-index:999; } #MobileBottom td { text-align:center; font-size:12px; cursor:pointer; } @media screen and (max-width: 1000px) { .Header2 { background: #fff; } .Header2.active { border-bottom:1px solid #999; } .NavList { background: #fff; color: #000; padding-left:0; padding-right:0; padding-top:60px; padding-bottom:60px; } .NavList > ul.ul > li { padding:0; border:0; } .NavList > ul.ul > li > a { text-align: left; padding-left: 1.5em; color: #000; padding-top:17px; padding-bottom:17px; border-bottom:1px solid #999; } .NavList > ul.ul > li.active > a { color:#c4261d; } .NavList > ul.ul > li > a img.on { display:inline-block; margin-right: 1em; height: 20px; float:right; } .NavList > ul.ul > li > a img.off { display:none; margin-right: 1em; height: 20px; float:right; } .NavList > ul.ul > li.active > a img.on { display:none; } .NavList > ul.ul > li.active > a img.off { display:inline-block; } .NavList > ul.ul > li > dl > dd > a { text-align: left; padding-left: 2.5em; color: #000; padding-top:17px; padding-bottom:17px; border-bottom:1px solid #999; font-size:16px; background-color:#e8e8e8; } .NavList > ul.ul > li > dl > dd > a.active { color:#c4261d; } .NavList > ul.ul > li > dl > dd > a img.down { margin-right: 1em; float:right; width: 20px; margin-top: 5px; } .NavList > ul.ul > li > dl > dd > a.active img.down { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .NavList > ul.ul > li > dl > dd > .submenus { background-color:#e9e9e9; } .NavList > ul.ul > li > dl > dd > .submenus > a { text-align: left; padding-left: 3.5em; color: #000; font-size:16px; padding-top:17px; padding-bottom:17px; border-bottom:1px solid #999; } /*#MobileBottom { display:block; height:60px; border-collapse:collapse; border-spacing:0; }*/ /*#MobileBottom td { text-align:center; font-size:12px; cursor:pointer; }*/ } @media screen and (max-width: 1100px) { .hide1100{ display:none; } }