/*PRO 产品页面图标 start*/ /*大于768*/ @media only screen and (min-width : 768px) { .protopmenbg {width:100%; height:204px; background-color: rgba(119,119,119,1); margin-top:1px; } .img-pro-tubiao { padding-top:42px; } } /*PRO 产品页面图标 小于等于767*/ @media only screen and (max-width : 767px) { .protopmenbg {width:100%; height:325px; background-color: rgba(119,119,119,1); margin-top:1px; } .img-pro-tubiao { padding-top:20px; } } /*PRO 产品页面图标 end*/ .protopmenbg h3 {color:#ffffff;font-size:16px;font-weight:400; } .img-wenzi-duiqi { text-align:center;transition: all 1s; } .img-wenzi-duiqi a{text-decoration:none;} .img-wenzi-duiqi:hover{ transform: scale(1.1); } .img-wenzi-duiqi img { text-align:center; } .img-wenzi-duiqi h3 { text-align:center; margin-top:2px; } /*pro 下导航图标结束*/ .protitle {height:60px;line-height:60px;color:#005bac;font-size:20px; text-align:left;font-weight:600; margin-top:10px; } .protitleshuxian {height:24px; width: 4px; border-left:4px solid #005bac; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(4); transform: scaleX(4); padding-right:15px; } .pro-list-css01 img { border:1px solid #e2e2e2; text-align:center;transition: all 1s; } .pro-list-css01 img:hover { border:1px solid #b1c4d5; transform: scale(1.05); } .pro-list-css01 h3{ text-align:center;font-size:18px;font-weight:400; } .pro-list-css01 a { text-decoration:none;color:#7c7c7c; } .pro-tonglan-bg { background:#f2f2f4;margin-top:20px;padding-bottom:20px; } .dibu-info-css1 { margin-top:80px; margin-bottom:20px; } .dibu-info-css1 ul {margin:0;padding:0;list-style:none;} .dibu-info-css1 ul li{display:inline;color:#333335;font-size:16px; font-family: "Microsoft YaHei"; } .dibu-info-css2 { margin-top:80px; margin-bottom:20px; } .dibu-info-css2 ul{margin:0;padding:0;list-style:none;} .dibu-info-css2 li { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 14px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; } .dibu-info-css2 li:hover .dibu-info-css2-big-tu { display: block; } .dibu-info-css2 li .dibu-info-css2-big-tu { width: 130px; height: 180px; position: static; left: -50px; top: -130px; text-align: center; padding-top: 15px; background: 1px top no-repeat; display: none; } .dibu-info-css2 li:hover .dibu-info-css3-big-tu { display: block; } .dibu-info-css2 li .dibu-info-css3-big-tu { width: 130px; height: 180px; position: static; left: -50px; top: -130px; text-align: center; padding-top: 15px; background: 1px top no-repeat; display: none; } /*媒体查询:注意and后面空格的添加*/ /*iphone: w < 768px*/ @media screen and (max-width: 768px){ .index-pro-tubiao-css{ margin-top:30px; } .index-pro-tubiao-css h1 {font-size:30px; } .index-pro-tubiao-css h3 {font-size:20px; } } /*pad: w >= 768 && w< 992*/ @media screen and (max-width: 992px) and (min-width: 768px) { .index-pro-tubiao-css{ margin-top:45px; } } /*中等屏幕 w >= 992 && w<1200*/ @media screen and (max-width: 1200px) and (min-width: 992px) { .index-pro-tubiao-css{ margin-top:55px; } } @media screen and (min-width: 1200px){ .index-pro-tubiao-css{ margin-top:35px; } } .pro-hidd-xian-css {padding-top:5px;padding-bottom:5px;text-align:left; } .pro-hidd-xian-css h2 {font-size:14px;font-weight:400;} .pro-hidd-xian-css a {color:#ffffff;font-size:13px;} .pro-hidd-xian-class a {color:#ffffff;} .pro-hidd-xian-class p {font-size:18px;font-weight:400;text-align:left;} .pro-class-top-one{margin-top:50px;} .pro-list-top-juli {margin-top:33px; } .pro-list-bg-two-css { background:#005bac; height:100px; color:#ffffff; font-size:25px; text-align:center; padding-top:20px; } .pro-list-bg-two-css P { font-size:15px; } .pro-list-bg-two-css a { text-decoration:none; color:#ffffff; } .pro-list-bg-juti-css1 {background:#f1f1f1; height:50px; color:#000000; line-height:50px; font-size:16px; padding-left:10px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; } .pro-list-bg-juti-css1 h2 { font-size:18px; font-weight:500; display: inline; } .pro-list-bg-juti-css1 h2 a {text-decoration:none; color:#005bac; } .pro-list-bg-juti-css2 {background:#ffffff; height:35px; color:#000000; line-height:35px; font-size:16px; padding-left:10px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; } .pro-list-bg-juti-css2-end { border-bottom:1px solid #e9e9e9; height:10px; margin-bottom:50px; } .pro-list-bg-juti-css2 a { font-size:14px;text-decoration:none; font-weight:400; display: inline; color:#000000; } /*手机下MENUCSS开始*/ .PhoneMenu {width:100%; height:50px; background:#727272; line-height:50px; text-align:center; clear:both; margin-top:1px; margin-bottom:1px; } .PhoneMenuLine { border-right: 2px solid #ffffff; height:30px; margin-top:10px; } .PhoneMenuLineLast { border-right: 0px solid #ffffff; height:30px; margin-top:10px; } .PhoneMenuA { margin-top:-10px; } /*MENU字体320下修正*/ /*iphone: w < 361px*/ @media screen and (max-width: 361px){ .PhoneMenu a { text-decoration:none; color:#ffffff; font-size:12px; font-weight:bold; } } /*pad: w >= 361 */ @media screen and (min-width: 361px) { .PhoneMenu a { text-decoration:none; color:#ffffff; font-size:15px; font-weight:bold; } } /*MENU字体320下修正*/ /*手机下MENUCSS结束*/