锘緻charset "utf-8"; /*end*/ body{overflow-x:hidden;} .search{height:62px;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.19);} .search span{display: block; height:62px;float:left;} .search span i{display: block;height:62px; line-height: 62px;padding-left:29px;background:url(../images/hea-huo.png) no-repeat left;font-size: 14px; color:#444444; font-weight: bold;float:left; margin-right: 27px;} .search span a{display: block; height:62px; line-height: 62px;font-size: 14px; color:#999999;float:left; margin-right: 27px;} .search .sou{display: block; width:389px; height:38px; border:1px solid #D1D1D1; box-sizing: border-box;float:right; margin-top: 11px;} .search .sou .txt{width:345px; height:36px; line-height: 36px;padding:0 12px; box-sizing: border-box;background:0; border:0; font-size: 14px; color:#a0a0a0;float:left;} .search .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#a0a0a0;} .search .sou .txt::-moz-placeholder{font-size: 14px; color:#a0a0a0;} .search .sou .btn{width:42px; height:36px;float:left;background:url(../images/sea-btn.png) no-repeat center;} /**/ .gui{padding:92px 0 69px;} .gui h2{text-align: center; margin-bottom: 25px;} .gui h2 span{display: block; height:63px; line-height: 63px;font-size: 50px; color:#333333; font-weight: normal;} .gui h2 em{display: block; width:340px; margin:0 auto; line-height: 0; overflow: hidden;} .gui .gui-desc{text-align: center; line-height: 29px; margin:0 auto 92px;font-size: 16px; color:#666666;width:1167px;} .gui .gui-sz ul{background:url(../images/gui-xt.jpg)no-repeat left top;} .gui .gui-sz ul li{float:left; width:25%; height:207px;background:url(../images/gui-xt.jpg) no-repeat right top; overflow: hidden;padding-left:8%; box-sizing: border-box;} .gui .gui-sz ul li span{display: block; height:55px;} .gui .gui-sz ul li span em{display: inline-block; height:55px; line-height: 55px;font-size: 66px; color:#333333; font-family: "Arial";} .gui .gui-sz ul li span i{display: inline-block;font-size: 24px; color:#1e1e1e;font-weight: bold; vertical-align: bottom; margin-bottom: 5px; font-family: "寰粺姝i粦楂?;} .gui .gui-sz ul li p{line-height: 27px;font-size: 18px; color:#333333; margin-bottom: 41px;} .gui .gui-sz ul li strong{display: block;width:48px;height: 48px;position: relative;} .gui .gui-sz ul li strong i{display: block; width:100%; height:48px; position: absolute;left:0;top:0;} .gui .gui-sz ul li strong i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .gui .gui-sz ul li strong i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;} .gui .gui-sz ul li:hover strong i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);} .gui .gui-sz ul li:hover strong i.hover{opacity: 1; transform: scale(1);} /**/ .product{padding:92px 0 63px;background:#F5F5F5;} .product h2{text-align: center; margin-bottom: 49px;} .product h2 span{display: block; height:65px; line-height: 65px;font-size: 56px; color:#333333; font-weight: bold; } .product h2 em{display: block; height:34px; line-height: 34px;font-size: 24px; color:#666666; font-weight: normal;} .product .pro-nav{height:95px; border-top:1px solid #e2e2e2; box-sizing: border-box;} .product .pro-nav ul li{float:left;width:20%; height:94px;} .product .pro-nav ul li i{display: block; width:9px; height:9px;margin:-5px auto 9px;border:1px solid #CCCCCC;border-radius: 50%; background:#FFF; box-sizing: border-box;position: relative;} .product .pro-nav ul li em{display: block; height:56px; line-height: 56px; text-align: center;font-size: 22px; color:#333333;} .product .pro-nav ul li i:before{position: absolute;content: "";width: 100%;height: 100%;background: inherit;border-radius: inherit;animation-delay: 0.2s;} .product .pro-nav ul li.pon.cur i,.product .pro-nav ul li:last-child:hover i{background: #0d47a1; border:1px solid #0d47a1;} .product .pro-nav ul li.pon.cur i:before,.product .pro-nav ul li:last-child:hover i:before{animation: wave 1.5s ease-out infinite;background:rgba(13,71,161,0.5);} .product .pro-nav ul li.pon.cur em,.product .pro-nav ul li:last-child:hover em{font-weight: bold;color:#0d47a1;} @keyframes wave { 50%, 75% { transform: scale(3.8); } 80%, 100% { opacity: 0; } } .pro-list dl{margin-bottom: 41px;} .pro-list dl dt{width:100%; line-height:0;} .pro-list dl dd{position: relative;} .pro-list dl dd .pro-desc{width:520px;height:560px; position: absolute;left:0;top:-560px;background:#FFF;padding:55px 61px 0; box-sizing: border-box;} .pro-list dl dd .pro-desc h4{height:43px; line-height: 43px; margin-bottom: 16px;} .pro-list dl dd .pro-desc h4 a{font-size: 30px; color:#333333;font-weight: bold;} .pro-list dl dd .pro-desc p{line-height: 29px; margin-bottom: 30px;font-size: 16px; color:#666666;} .pro-list dl dd .pro-desc h5{height:57px; line-height: 57px;font-size: 20px; color:#333333; font-weight: normal;} .pro-list dl dd .pro-desc ul{height:61px; border-top:1px solid #dddddd;border-bottom:1px solid #dddddd; box-sizing: border-box;margin-bottom: 49px;} .pro-list dl dd .pro-desc ul li{float:left; height:59px; line-height: 59px;font-size: 16px; color:#666666; margin-left: 47px;} .pro-list dl dd .pro-desc ul li:first-child{margin-left: 0;} .pro-list dl dd .pro-desc strong{display: block; width:180px; height:56px;background:#E24C3D; border-radius: 28px;} .pro-list dl dd .pro-desc strong a{display: block; height:56px; text-align: center;} .pro-list dl dd .pro-desc strong a i{display: inline-block; height:56px; line-height: 56px; font-size: 18px; color:#FFFFFF; padding-right:44px; background:url(../images/pro-xq.png) no-repeat right; font-weight: normal;} .pro-list .pro-bot{height:137px;} .pro-list .pro-bot .left{width:148px;float:left;padding-top:15px;border-right:1px solid #ebebeb; box-sizing: border-box;} .pro-list .pro-bot .left em{display: block;height:35px; line-height: 35px;font-size: 30px; color:#333333; text-transform: uppercase;} .pro-list .pro-bot .left span{display: block; height:33px; line-height: 33px;font-size: 20px; color:#333333; margin-bottom: 22px;} .pro-list .pro-bot .left i{display: block; width:32px; height:32px; background:url(../images/pro-jt.png) no-repeat center;} .pro-list .pro-bot .rig{width:1052px; float:left;padding-top:10px;} .pro-list .pro-bot .rig ul li{float:left;width:25%; height:41px;padding-left:24px; line-height: 41px; box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pro-list .pro-bot .rig ul li a{padding-left:15px;background:url(../images/pro-dbx.jpg) no-repeat left;font-size: 18px; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pro-list .pro-bot .rig ul li:nth-child(4){padding-left: 100px;} /**/ .ys-one{padding:109px 0 80px;} .ys-one h2{text-align: center; margin-bottom: 58px;} .ys-one h2 span{display: block; height:68px; line-height: 68px;font-size: 56px; color:#333333; font-weight: bold;} .ys-one h2 em{display: block; height:37px; line-height: 37px;font-size: 24px; color:#666666; font-weight: normal;} .ys-one .ys-con{width:770px;float:left; margin-top: 9px;} .ys-one .ys-con .ys-pic{width:100%; line-height: 0; overflow: hidden; position: relative;} .ys-one .ys-con .ys-pic:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); } .ys-one .ys-con .ys-pic img{width:100%; transition: 1s;} .ys-one .ys-con .ys-pic:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .ys-one .ys-con .ys-pic:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .ys-one .ys-rig{width:548px;float:right;} .ys-one .ys-rig span{display: block; margin-bottom: 47px;height:67px;overflow: hidden;} .ys-one .ys-rig span em{display:block; float:left; font-size: 80px; color:#c0c0c0; line-height: 67px; overflow: hidden; font-weight: bold;} .ys-one .ys-rig span i{display:block; float:left;font-size: 42px; line-height: 75px;color:#333333;} .ys-one .ys-rig p{margin-bottom: 43px;} .ys-one .ys-rig p em{display: block; line-height: 31px;font-size: 16px; color:#4c4c4c;} .ys-one .ys-rig p em:first-child{margin-bottom: 34px;} .ys-one .ys-rig strong{display: block;} .ys-one .ys-rig strong i{display: block; width:48.9%; line-height: 0; overflow: hidden;float:left; position: relative;} .ys-one .ys-rig strong i:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); } .ys-one .ys-rig strong i img{width:100%;transition: 1s;} .ys-one .ys-rig strong i:last-child{float:right;} .ys-one .ys-rig strong i:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .ys-one .ys-rig strong i:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .ys-two{background:url(../images/ys2bj.jpg) no-repeat center top;background-size:100% 100%;} .ys-two .ys2{padding:78px 0 100px;} .ys-two .ys2 h2{text-align: center; margin-bottom: 52px;} .ys-two .ys2 h2 span{display: inline-block; height:131px; line-height: 131px;font-size: 100px; color:#FFF; font-family: "Myriad Pro"; font-weight: bold;} .ys-two .ys2 h2 em{display: inline-block; height:131px; line-height: 131px;font-size: 42px; color:#FFF; font-weight: normal; vertical-align: top; margin-left: 21px;} .ys-two .ys2 .ys2-list dl{background:rgba(59,111,180,0.45);} .ys-two .ys2 .ys2-list dl dt{width:51.2%; line-height: 0; overflow: hidden;float:left;position: relative;} .ys-two .ys2 .ys2-list dl dt:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);} .ys-two .ys2 .ys2-list dl dt img{width:100%; transition: 1s;} .ys-two .ys2 .ys2-list dl dd{width:48.8%;float:left;padding:64px 81px 0; box-sizing: border-box;} .ys-two .ys2 .ys2-list dl dd h4{height:51px; line-height: 51px;font-size: 36px; color:#ffffff; font-weight: normal; margin-bottom: 15px;} .ys-two .ys2 .ys2-list dl dd p{ line-height: 30px; margin-bottom: 87px;font-size: 16px; color:#ffffff;} .ys-two .ys2 .ys2-list dl dd span{display: block;width:176px; height:50px;border:2px solid #FFF; box-sizing: border-box; transition: .5s;} .ys-two .ys2 .ys2-list dl dd span a{display: block; height:46px;text-align: center;} .ys-two .ys2 .ys2-list dl dd span a i{display: inline-block; line-height: 46px;font-size: 14px; color:#FFF; padding-right:16px;background:url(../images/ys2-dbx.png) no-repeat right; font-weight: normal;} .ys-two .ys2 .ys2-list dl dd span:hover{margin-top:-10px;} .ys-two .ys2 .ys2-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .ys-two .ys2 .ys2-list dl dt:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .ys-two .ys2 .ys2-hd{margin-top: 23px;height:17px;} .ys-two .ys2 .ys2-hd i{display: block;width:34px; height:17px; cursor: pointer;float:left;} .ys-two .ys2 .ys2-hd i.ys2-prev{background:url(../images/ys2-prev.png) no-repeat center;} .ys-two .ys2 .ys2-hd i.ys2-next{background:url(../images/ys2-next.png) no-repeat center;} .ys-two .ys2 .ys2-hd ul{float:left;padding:0 13px;} .ys-two .ys2 .ys2-hd ul li{float:left;width:13px; height:13px; border:2px solid #7D7D7D; border-radius: 50%; box-sizing: border-box;margin:0 8px; transition: .5s; font-size: 0;} .ys-two .ys2 .ys2-hd ul li.on{background:#FFF; border:2px solid #FFF;} .ys-three{background:url(../images/ys3bj.jpg) no-repeat center top;background-size:100% 100%;} .ys-three .ys3{padding:42px 0 112px;} .ys-three .ys3 h2{text-align: center; margin-bottom: 37px;} .ys-three .ys3 h2 span{display: inline-block; height:121px; line-height: 121px;font-size: 100px; color:#c0c0c0; font-family: "Myriad Pro"; font-weight: bold;} .ys-three .ys3 h2 em{display: inline-block; height:121px; line-height: 100px;font-size: 42px; color:#333333; font-weight: normal; vertical-align: top; margin-left: 18px;} .ys-three .ys3 ul li{float:left; width:30%; margin-left: 5%;box-shadow: 10px 17px 50px 0px rgba(0, 0, 0, 0.1);} .ys-three .ys3 ul li:first-child{margin-left: 0;} .ys-three .ys3 ul li dl dt{width:100%; line-height: 0; overflow: hidden; position: relative;} .ys-three .ys3 ul li dl dt:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);} .ys-three .ys3 ul li dl dt img{width:100%; transition: 1s;} .ys-three .ys3 ul li dl dd{padding:68px 6% 0;background:#FFF;height:200px;position: relative; box-sizing: border-box;} .ys-three .ys3 ul li dl dd span{display: block;width:100%;height:95px; position: absolute;left:0;top:-52px;} .ys-three .ys3 ul li dl dd span i{display: block; width:95px; height:95px;line-height: 95px; text-align: center; font-size: 24px; color:#333333; font-weight: bold; background:#FFF; border-radius: 50%; margin:0 auto;box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);position: relative;z-index:200; transition: .5s;} .ys-three .ys3 ul li dl dd p{ line-height: 30px;font-size: 16px; color:#666666;} .ys-three .ys3 ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .ys-three .ys3 ul li:hover dl dt:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .ys-three .ys3 ul li:hover dl dd span i{background:#E24C3D;color:#FFF;} /**/ .case{height:1100px; background:#F5F5F5;padding:78px 0 0; box-sizing: border-box;} .case h2{text-align: center; margin-bottom: 37px;} .case h2 span{display: block; height:69px; line-height: 69px;font-size: 56px; color:#333333; font-weight: bold;} .case h2 em{display: block; height:37px; line-height: 37px;font-size: 24px; color:#333333; font-weight: normal;} .case .cas-nav{text-align: center;height:79px; } .case .cas-nav ul{margin:0 auto; width:1200px;} .case .cas-nav ul li{display: inline-block;margin:0 39px;} .case .cas-nav ul li i{display: inline-block;width:46px; height:44px; line-height: 0; overflow: hidden;} .case .cas-nav ul li i img{width:100%; transition: .5s;} .case .cas-nav ul li em{display: inline-block; height: 44px; line-height: 44px;font-size: 22px; color:#333333; margin-left: 10px; vertical-align: top;} .case .cas-nav ul li:last-child em{margin-left: 0;} .case .cas-nav ul li.cur i img{margin-top:-44px;} .case .cas-nav ul li.cur em{font-weight: bold; color:#e24c3d;} .case .cas-con{position: relative; margin-bottom: 40px;} .case .plan_c .tempWrap{overflow: visible !important;} .case .plan_c{height:600px;} .case .plan_c dl{width: 1200px;height:600px;position: relative;margin-right: 40px; overflow: hidden; transform: scale(0.9); transition: .5s;} .case .plan_c dl dt,.case .plan_c dl dt img{width:1200px; height:600px;display: block;} .case .plan_c dl dd{width:1200px; height: 150px;position: absolute; left:0; bottom:-150px; opacity: 0; transition: .5s;background:rgba(0,0,0,0.6);padding:26px 66px 0 51px; box-sizing: border-box;} .case .plan_c dl dd .left{width:869px; float:left;} .case .plan_c dl dd .left h4{height:35px; margin-bottom:6px; position: relative;} .case .plan_c dl dd .left h4 a{display: block; height:35px; line-height: 35px;font-size: 24px; color:#FFF;} .case .plan_c dl dd .left p{ line-height: 28px;font-size: 16px; color:#FFF;} .case .plan_c dl dd .rig{width:74px;height:60px; float:right;background:url(../images/cas-jt.png) no-repeat center; margin-top: 29px;} .case .plan_c dl.cur{opacity: 1; transform: scale(1);} .case .plan_c dl.cur dd{bottom:0; opacity: 1;} .case .cas-jt{width:1200px;position: relative;} .case .cas-jt i{ width:100px; height:600px; cursor: pointer;z-index:300; } .case .cas-jt i.cas-prev{background:#F5F5F5 url(../images/cas-prev.png) no-repeat center; position: absolute;left:-100px; top:-600px;} .case .cas-jt i.cas-next{background:#F5F5F5 url(../images/cas-next.png) no-repeat center; position: absolute;right:-100px; top:-600px;} .case strong{display: block;width:200px; height:60px; background:#0D47A1;border-radius: 30px;margin:0 auto;} .case strong a{display: block; height:60px; text-align: center;} .case strong a i{display: inline-block; height:60px; line-height: 60px;font-size: 20px; color:#ffffff;padding-right:51px; background:url(../images/pro-xq.png) no-repeat right; font-weight: normal;} /**/ .hfbj{height:300px; background:url(../images/hfbj.jpg) no-repeat center;} .hfbj .hf{padding-top:47px;} .hfbj .hf h2{text-align: center; margin-bottom: 27px;} .hfbj .hf h2 span{display: block; height:65px; line-height: 65px;font-size: 55px; color:#ffffff; font-weight: 300;} .hfbj .hf h2 em{display: block; height:61px; line-height: 61px;font-size: 50px; color:#ffffff; font-family: "鎬濇簮榛戜綋 CN";} .hfbj .hf strong{display: block;width:529px;margin:0 auto;height:70px;} .hfbj .hf strong a{display: block; width:220px; height:70px; line-height:70px; text-align: center;float:left; font-size: 24px;font-weight: bold; border-radius: 50px;} .hfbj .hf strong a:first-child{background:#E14931;color:#FFF;} .hfbj .hf strong a:last-child{background:#ffc600;float:right;color:#e14931;} /**/ .news{padding:104px 0 83px;} .news h2{ text-align: center; margin-bottom: 28px;} .news h2 span{display: block; height:65px; line-height: 65px;font-size: 56px; color:#333333;font-weight: bold; } .news h2 em{display: block; height:34px; line-height: 34px;font-size: 24px; color:#666666; font-weight: normal;} .news .news-left{width:47.1%;float:left;} .news .news-left h3{height:72px;} .news .news-left h3 em{display: inline-block; height:72px; line-height: 72px;font-size: 24px; color:#333333; font-weight: normal;} .news .news-left h3 i{display: inline-block;height:72px; line-height: 80px;font-size: 14px; color:#999999; font-weight: normal; margin-left: 14px; vertical-align: top;} .news .news-left .news-con{width:100%; position: relative;margin-bottom: 40px;} .news .news-left .news-con span{display: block; width:100%; line-height: 0; overflow: hidden;} .news .news-left .news-con span img{width:100%; transition: 1s;} .news .news-left .news-con em{display: block;height:70px; width:100%; line-height: 70px; position: absolute;left:0;bottom:0;padding-left:30px; box-sizing: border-box;background:rgba(0,0,0,0.6);} .news .news-left .news-con em a{font-size: 20px; color:#ffffff;} .news .news-left .news-con:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .news .news-left ul li{height:39px; padding-left:20px;background:url(../images/news-ico.png) no-repeat left;} .news .news-left ul li em{display: block; height:39px; line-height: 39px;font-size: 16px; color:#333333;float:left;} .news .news-left ul li i{display: block; height:39px; line-height: 39px; float:right;font-size: 16px; color:#999999;} .news .news-rig{width:47.1%;float:right;} .news .news-rig h3{height:72px;} .news .news-rig h3 em{display: inline-block; height:72px; line-height: 72px;font-size: 24px; color:#333333; font-weight: normal;} .news .news-rig h3 i{display: inline-block;height:72px; line-height: 80px;font-size: 14px; color:#999999; font-weight: normal; margin-left: 14px; vertical-align: top;} .news .news-rig ul li{height:200px; border-bottom:1px solid #dddddd; box-sizing: border-box;padding-top:38px;} .news .news-rig ul li dl dt{width:33.3%; line-height: 0; overflow: hidden;float:right;} .news .news-rig ul li dl dt img{width:100%; transition: 1s;} .news .news-rig ul li dl dd{float:left; width:59.5%;padding-top:12px;} .news .news-rig ul li dl dd h4{height:32px; line-height: 32px;margin-bottom: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news .news-rig ul li dl dd h4 a{font-size: 20px; color:#333333; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news .news-rig ul li dl dd p{ line-height: 27px; font-size: 16px; color:#888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .news .news-rig ul li:first-child{padding-top:10px;height:172px;} .news .news-rig ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .news .news-left ul li:hover em{color:#E14931;} .news .news-left ul li:hover i{color:#E14931;} .news .news-rig ul li:hover dl dd h4 a{color:#E14931;} /**/ .abo-top{height:800px;background:url(../images/aboout.jpg) no-repeat center top;} .abo-top .ab{padding-top:82px;} .abo-top .ab h2{text-align: center; margin-bottom: 42px;} .abo-top .ab h2 span{display: block; height:65px; line-height: 65px;font-size: 56px; color:#333333; font-weight: bold;} .abo-top .ab h2 em{display: block; height: 35px; line-height: 35px;font-size: 24px; color:#666666; font-weight: normal; margin-bottom: 18px;} .abo-top .ab h2 i{display: block; width:60px; height:2px; background:#94979a;margin:0 auto;} .abo-top .ab p{width:692px; margin:0 auto 61px; line-height: 31px;font-size: 16px; color:#333333; text-align: center;} .abo-top .ab strong{display: block;width:180px; height:56px; background:#0D47A1;border-radius: 30px;margin:0 auto; transition: .5s;} .abo-top .ab strong a{display: block; height:56px; text-align: center;} .abo-top .ab strong a i{display: inline-block; height:56px; line-height: 56px;font-size: 18px; color:#ffffff;padding-right:47px; background:url(../images/pro-xq.png) no-repeat right; font-weight: normal;} .abo-top .ab strong:hover{width:200px;margin-top:-10px;} .abo-bot{padding:70px 0 85px;} .abo-bot .hd{width:20.7%;float:left;} .abo-bot .hd ul{height:260px;border-left:1px solid #eeeeee; box-sizing: border-box;} .abo-bot .hd ul li{margin-bottom: 39px;height:60px;padding:4px 0 0 30px; position: relative;} .abo-bot .hd ul li span{display: block; line-height: 30px;font-size: 24px; color:#333333; letter-spacing: 1px;} .abo-bot .hd ul li em{display: block;height:21px; line-height: 21px;font-size: 14px; color:#666666;letter-spacing: 1px;} .abo-bot .hd ul li:before{width:3px; height:0; background:#e4000d;content:""; position: absolute;left:-1px;top:0; transition: .5s;} .abo-bot .hd ul li.cur{background:url(../images/abo-jt.png) no-repeat right;} .abo-bot .hd ul li.cur span,.abo-bot .hd ul li.cur em{color:#e4000d;} .abo-bot .hd ul li.cur:before{height: 60px;} .abo-bot .abo-rig{width:74.3%;float:right;} .abo-bot .abo-rig ul li{float:left;width:32.2%;margin-left: 1.4%; line-height: 0; overflow: hidden;position: relative;} .abo-bot .abo-rig ul li img{width:100%; transition: 1s;} .abo-bot .abo-rig ul li:first-child{margin-left: 0;} .abo-bot .abo-rig ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} @media screen and (min-width:230px) and (max-width:1400px){ .ys-one .ys-rig span{margin-bottom: 37px;} .ys-one .ys-rig p{margin-bottom: 26px;} .ys-one .ys-rig p em{font-size: 14px;} .ys-one .ys-rig p em:first-child{margin-bottom: 17px;} .ys-one .ys-con{width:55%;} .ys-one .ys-rig{width:39.1%;} .ys-two .ys2 .ys2-list dl dd p{font-size: 15px; margin-bottom: 40px;} .abo-bot .hd ul{height:222px;} .abo-bot .hd ul li{margin-bottom: 14px;} .abo-bot .hd ul li span{font-size: 20px;} .abo-bot .hd ul li span em{font-size: 12px;} .news .news-rig ul li{height:167px;padding:25px 0 0;} .news .news-rig ul li:first-child{height:167px;padding-top:25px;} }