.capacitor{padding:80px 0 140px;} .capacitor_left{width:410px;margin-right:50px;} .cap_menu li{ position: relative;margin-bottom:20px; background:#f6f6f6; } .cap_menu li img{ position: relative; z-index: 10; opacity: 0.1; } .cap_menu li a{display:block;overflow: hidden;} .cap_menu li .cap_title{ position: absolute;width:80%;left:10%;top:50%; transform: translateY(-50%); z-index: 10;overflow: hidden; } .cap_menu li .cap_title h3{font-size: 24px; color: #565656;} .cap_menu li .cap_title h4{font-size: 14px; color: #aaa;} .cap_menu li.active{border-color: #235fb4;} .cap_menu li::after{display:none;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent; border-left:13px solid #235fb4; content: ''; position: absolute;right:-13px;top:50%;margin-top:-13px; z-index:1; } .cap_menu li.active{ background:#235fb4; } .cap_menu li.active::after{display:block; } .cap_menu li.active .cap_title h3{color: #fff;} .cap_menu li.active .cap_title h4{color: #749bd4;} .remarks dl{overflow:hidden;font-size:14px;color: #666; line-height: 2.1;} .remarks dl dt{float:left;margin-right:10px;} .remarks dl dd{overflow:hidden;} .capacitor_right{padding:0 30px;border-left:1px dashed #ccc;overflow:hidden;} .search_select{/*width:355px;*/width:85%;height:45px;padding-left:20px;background:#fafafa url(../img/search_ico.png) no-repeat 95% 50% ; text-align:center;} .search_select option{line-height: 30px;} .red_tip{color: red;} .series_radio label{display: block; float:left;margin-right:30px;} .series_radio label span{cursor: pointer;} .series_radio input.mgc { position: relative; width: 14px; height: 14px; background-clip: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: -3px 12px 0 0; vertical-align:middle; border-radius: 50%; background-color: #fff; border: 1px solid #999; float:none;padding:0; cursor: pointer;} .series_radio input.mgc:disabled { opacity: 0.65; } .series_radio input.mgc:before { content: ''; display: block; height: 0px; width: 0px; -webkit-transition: width 0.25s, height 0.25s; transition: width 0.25s, height 0.25s; } .series_radio input.mgc:checked:before { height: 6px; width: 6px; border-radius: 50%; margin: 3px 0 0 3px; } .series_radio input.mgc:focus { outline: none; box-shadow: inset 0 1px 1px rgba(255,255,255,0.075), 0 0px 2px #38a7ff; } .series_radio input.mgc:checked { border: 1px solid #235fb4; } .series_radio input.mgc:checked:before { background-color: #235fb4; } .capacitor_right dl{margin-bottom:20px; overflow: hidden; } .capacitor_right dt{width:35%;float:left; line-height: 45px; text-align:right;margin-right:20px;} .capacitor_right dt span{display: inline-block; font-size:14px;} .capacitor_right dt span.fnt_18{font-size:18px; color: #0a2c7d;} .capacitor_right .unit{min-width:30px;margin-left:20px;} .capacitor_right dd{overflow:hidden;} .capacitor_right dd input{width:80%;height:45px;padding-left:20px;background:#fafafa; border:1px solid #e6e6e6;} .capacitor_right dd input.has_value{ background:#dfdfdf; } .capacitor_right dd span{padding-left:18px;} .capacitor_right dd .note{width:88%;margin-top:15px;line-height:1.8;color: #999; font-size:14px;} .capacitor_right dd .btn_submit{width:84.5%;height:50px;display: block; margin:40px 0 0;background: url(img/btn_bg.jpg) no-repeat center left #235fb4;background-size: 0% 100%;color: #fff; border:none;} .cap_tit{margin-bottom:40px;color: #999;} .lookmore:hover{background-size: 100% 100%;} @media only screen and (max-width: 1200px) { .capacitor_right{padding-right:0;} } @media (max-width: 1024px){ .capacitor{padding:30px 0 50px;} .capacitor_left{width:100%;float:none!important;margin-right:0; overflow: hidden;} .cap_menu{padding-bottom:20px;overflow: hidden;} .cap_menu li{width:33.33%;float:left;margin-bottom:0;} .cap_menu li::after{border-left:4px solid transparent;border-right:4px solid transparent; border-top:4px solid #235fb4; content: ''; position: absolute;top:auto;margin-top:0;bottom:-4px;left:50%;margin-left:-2px; } .capacitor_right{padding-left:0;border-left:none;margin-top:30px;} .cap_tit{margin-bottom:20px;} } @media (max-width: 768px) { .cap_menu li .cap_title h3{font-size:20px;} .cap_menu li .cap_title h4{font-size:12px;} .capacitor_right dd span{padding-left:8px;font-size:13px;} } @media (max-width: 640px) { .capacitor_right dt{width:100%;float:none;text-align:left;} .cap_menu li img{height:70px; max-width: none;width:auto;margin-left:-50%;} .cap_menu li .cap_title h3{font-size:15px;} .cap_menu li .cap_title h4{font-size:10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .capacitor_right dl:nth-last-child(2) dt span.unit{display: block;} }