@charset "utf-8"; /*鍒濆鏍峰紡*/ body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*缃戠珯瀛椾綋棰滆壊*/ body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;} a { text-decoration:none;font-family: "Microsoft Yahei";} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ /*a:hover { text-decoration:underline;}*/ img{border:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; } h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";} .tr { text-align:right;} .tl { text-align:left;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} i,em{ font-style:normal;} .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;} .clearfix{zoom:1;} /* -- 椤甸潰鏁翠綋甯冨眬 -- */ .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";} .white,.whites{position: relative;overflow: hidden;} .white:after,.whites:after{content: ''; cursor: pointer; 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); } .white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} .tits{background: url(../images/tits.jpg) no-repeat center bottom;} /* -- 瀛椾綋 -- */ @font-face { font-family: 'Bahnschrift'; src: url('../font/bahnschrift.ttf') format('truetype'); } /* -- 骞垮憡 -- */ .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";} .banner{position: relative;} .banner li{width: 100%;} .banner li img{display: block;width: 100%;} .banner .content{position: relative;} .ban_pg{position: absolute;left: 0;bottom:61px;height:15px;z-index: 15;width: 100%;text-align: center;} .ban_pg i{display: inline-block;width: 15px;height: 15px;background: #6886a4;border-radius: 100%;margin: 0 10px;vertical-align: top;} .ban_pg i.on{background: #ffffff;} .banner .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;} .banner .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;transition: all .25s linear;opacity:0;} .banner em{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.8);} .banner em img{height: 30px;display: inline-block;margin-top: 15px;} .banner:hover .prev{opacity: 1;left: 4%;} .banner:hover .next{opacity: 1;right: 4%;} /* -- 鎼滅储 -- */ .sou{height: 89px;box-shadow: 0 0 20px rgba(0,0,0,0.1);} .sou p{height: 89px;color: #6d6d6d;line-height:89px;font-size: 16px;width:755px;float: left;} .sou p b{font-size: 16px;color: #6d6d6d;font-weight: normal;} .sou p a{font-size: 16px;color: #6d6d6d;padding-right:13px;font-weight: normal;line-height: 16px;} .sou .s_box{float: right;margin-top:20px;width:328px;height: 41px;border: 1px solid #d2d2d2;overflow: hidden;margin-right: 2px;box-sizing: border-box;border-radius: 20px;} .sou .s_box .input1{float: left;width:265px;padding-left: 20px;height: 41px;line-height:41px;font-size: 14px;color: #b7b7b7;border: 0;background: none;outline: 0;} .sou .s_box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:24px;height:24px;background:url(../images/sou_1.png) no-repeat center;margin-top:8px;} /* -- 寮曞瓙 -- */ .yz{height: 919px;} .yz h2{text-align: center;height: 103px;padding-top: 90px;} .yz h2 em{font-size:42px;color:#000000;display: block;line-height:42px;font-weight: bold;} .yz h2 span{font-size:22px;color:#666666;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .yz p{font-size:16px ;color:#666666;display: block;text-align: center;line-height:28px;font-weight: normal;margin-top: 28px;} .vid{margin-top: 35px;height: 415px;overflow: hidden;} .vid img{height: 415px;width: 1200px;display: block;} .yz1{margin-top:35px;overflow: hidden;} .yz1 ul li{float: left;text-align: center;transition: 0.35s;width: 300px;position: relative;} .yz1 ul li b{font-size:60px;color:#2180c1;display: inline-block;line-height:55px;font-weight:bold;font-family: "Bahnschrift";} .yz1 ul li em{font-size: 16px;color: #2180c1;display:inline-block;font-weight: normal;line-height: 16px;vertical-align:inherit;} .yz1 ul li span{font-size: 16px;color: #656565;display: block;font-weight: normal;padding-top:12px;line-height: 16px;margin-bottom: 25px;} .yz1 ul li::after{display: block;height: 73px;width: 1px;background: #d9d9d9;position: absolute;right: 0;top:6px;content: "";} .yz1 ul li:last-of-type:after{display: none;} /* -- 瑙e喅鏂规 -- */ .Solution{height:930px;background: url(../images/c1_bg.jpg) no-repeat center;} .Solution h2{text-align: center;height: 103px;padding-top:82px;} .Solution h2 em{font-size:42px;color:#ffffff;display: block;line-height:42px;font-weight: bold;} .Solution h2 span{font-size:22px;color:#ffffff;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .slt1{margin-top: 36px;height: 591px;} .fa_nav {height:591px;width:271px;background:#ffffff;float: left;} .fa_nav li{float: left;transition:all 0.5s;width: 271px;height: 147px;background: #2b81bc;border-bottom: 1px solid #ffffff;} .fa_nav li i{display: block;height: 60px;width:60px;overflow: hidden;margin:41px 18px 0 26px;float: left;} .fa_nav li i img{display: block;height: 60px;width:60px;transition: all 0.3s;} .fa_nav li.cur i img:nth-child(1){ margin-top:-60px;} .fa_nav li h3{float: left;text-align: left;margin-top: 47px;font-weight: normal;color: #ffffff;} .fa_nav li h3 em{font-size:22px;display: block;line-height:22px;} .fa_nav li h3 span{font-size:16px;display: block;line-height:16px;padding-top: 10px;} .fa_nav li:last-of-type{border-bottom: 0;} .fa_nav li.cur{background: #ffffff;} .fa_nav li.cur h3 {color: #000000;font-weight: bold;} .sl_con{float:right;background: #ffffff;width:860px;position: relative;padding-left: 69px;} .sl_con dl{width:860px;overflow: hidden;height: 591px;} .sl_con dd{height:258px;padding-top: 83px;} .sl_con dd h4{height: 53px;width: 796px;border-bottom: 1px solid #000000;box-sizing: border-box;display: block;} .sl_con dd h4 a{font-size: 30px;color: #000000;font-weight: bold;display: block;line-height: 30px;} .sl_con dd .desc{margin-top: 45px;overflow: hidden;} .sl_con dd .desc p{font-size: 14px;line-height: 24px;color: #808080;font-weight: normal;display: block;float: left;width: 565px;} .sl_con dd .desc .gds{height:92px;margin-top:8px;display: block;float: right;margin-right: 65px;width: 141px;} .sl_con dd .desc .gds a{transition: 0.35s;width: 135px;float:left;height: 35px;text-align: center;line-height: 35px;font-size: 16px;color: #363636;display: block;border-radius: 25px;margin-bottom: 10px;border: 3px solid #2b81bc;} .sl_con dd .desc .gds .zx{background:#2b81bc;color: #ffffff;} .sl_con dd .desc .gds a:hover{transform: translateY(-5px);} .sl_con dt{height: 149px;display: block;width: 800px;} .sl_con dt ul li{float: left;height: 189px;width: 265px;margin-right: 1px;overflow: hidden;} .sl_con dt ul li img{height: 149px;width: 265px;display: block;} .sl_con dt ul li h4{line-height: 40px;text-align: left;font-size: 14px;color: #000000;font-weight: normal;} /* -- 浜у搧1 -- */ .cpt1{height: 1068px;background: #f2f2f2;} .cpt1 h2{text-align: center;height: 103px;padding-top:88px;} .cpt1 h2 em{font-size:42px;color:#000000;display: block;line-height:42px;font-weight: bold;} .cpt1 h2 span{font-size:22px;color:#666666;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .cpt1 dl{margin-top: 38px;height: 452px;} .cpt1 dl dt{float: right;height: 452px;width:726px;} .cpt1 dl dd{float: left;width: 474px;background: #ffffff;height: 452px;} .cpt1 dl dd h3{padding-top: 62px;font-size: 30px;font-weight: bold;color: #000000;margin-left: 65px;display: block;} .cpt1 dl dd h3 a{color: #000000;} .cpt1 dl dd p{font-size: 16px;line-height: 28px;color: #808080;font-weight: normal;display: block;margin-top: 35px;margin-left: 65px;width: 330px;} .cpt1 dl dd .gds{height:41px;margin-top:45px;display: block;margin-left: 65px;width:290px;} .cpt1 dl dd .gds a{transition: 0.35s;width: 135px;float:left;height: 35px;text-align: center;line-height: 35px;font-size: 16px;color: #363636;display: block;border-radius: 25px;margin-bottom: 10px;border: 3px solid #2b81bc;} .cpt1 dl dd .gds .zx{background:#2b81bc;color: #ffffff;float: right;} .cpt1 dl dd .gds a:hover{transform: translateY(-5px);} .cpt1_con{margin-top:30px;position: relative;} .cpt1_con .tempWrap{width: 1200px!important;} .cpt1_con ul li{transition: 0.35s;transition: 0.35s;float: left;width:292px;margin-right:10px; position: relative;background: #ffffff;height:279px;border: 1px solid #eeeeee;} .cpt1_con ul li i{width:291px; height:217px; display: block;position: relative;overflow: hidden;} .cpt1_con ul li i img{width:291px; height:217px; display: block;transition:all 0.5s;} .cpt1_con ul li h4{height: 60px;border-top: 1px solid #eeeeee;line-height: 60px;text-align: center;width: 100%;} .cpt1_con ul li h4 b{font-size: 16px;color: #000000;font-weight: normal;line-height: 60px;display: block;} .cpt1_con ul li:last-of-type{margin-right: 0;} .cpt1_con ul li:hover h4{border-color: #ffffff;} .cpt1_con ul li:hover h4 b{color: #2180c1;} .cpt1_con li:hover{transform: translateY(-5px);} .cpt1_con li:hover img{transform:scale(1.05);} .cpt1_con .prev{position: absolute;left:-2%;top:112px;width:41px;height:41px;background:url(../images/lt.png) no-repeat;z-index: 10;} .cpt1_con .next{position: absolute;right:-2%;top:112px;width:41px;height:41px;background:url(../images/rt.png) no-repeat;z-index: 10;} .cpt1_con .prev:hover{position: absolute;left:-2%;top:112px;width:41px;height:41px;background:url(../images/lts.png) no-repeat;z-index: 10;} .cpt1_con .next:hover{position: absolute;right:-2%;top:112px;width:41px;height:41px;background:url(../images/rts.png) no-repeat;z-index: 10;} /* -- 浜у搧2-- */ .cpt2{height: 645px;box-shadow: 0 0 20px rgba(0,0,0,0.1);} .cp2{position: relative;} .cp2 dl{height:645px;} .cp2 dl dt{float:left;margin-left: -360px;display: block;height: 645px;width:905px;} .cp2 dl dt img{display: block;height: 645px;width:905px;} .cp2 dl dd{width:655px;float: left;height: 645px;} .cp2 dl dd h3{padding-top:70px;font-size: 30px;font-weight: bold;color: #000000;margin-left:70px;display: block;} .cp2 dl dd h3 a{color: #000000;} .cp2 dl dd p{font-size: 16px;line-height: 28px;color: #808080;font-weight: normal;display: block;margin-top: 35px;margin-left:70px;width:555px;} .cp2 dl dd .gds{height:41px;margin-top:40px;display: block;margin-left:70px;width:290px;} .cp2 dl dd .gds a{transition: 0.35s;width: 135px;float:left;height: 35px;text-align: center;line-height: 35px;font-size: 16px;color: #363636;display: block;border-radius: 25px;margin-bottom: 10px;border: 3px solid #2b81bc;} .cp2 dl dd .gds .zx{background:#2b81bc;color: #ffffff;float: right;} .cp2 dl dd .gds a:hover{transform: translateY(-5px);} .cp2 dl dd .cpt2_con{margin-top: 50px;height: 259px;position: relative;margin-left: -95px;width: 838px;} .cp2 dl dd .cpt2_con .tempWrap{width: 838px!important;} .cp2 dl dd .cpt2_con ul li{transition: 0.35s;transition: 0.35s;float: left;width:270px;margin-right:11px; position: relative;background: #ffffff;height:259px;border: 1px solid #eeeeee;} .cp2 dl dd .cpt2_con ul li i{width:270px; height:201px; display: block;position: relative;overflow: hidden;} .cp2 dl dd .cpt2_con ul li i img{width:270px; height:201px; display: block;transition:all 0.5s;} .cp2 dl dd .cpt2_con ul li h4{height: 57px;border-top: 1px solid #eeeeee;line-height: 57px;text-align: center;width: 100%;} .cp2 dl dd .cpt2_con ul li h4 b{font-size: 16px;color: #000000;font-weight: normal;line-height: 57px;display: block;} .cp2 dl dd .cpt2_con ul li:last-of-type{margin-right: 0;} .cp2 dl dd .cpt2_con ul li:hover h4{border-color: #ffffff;} .cp2 dl dd .cpt2_con ul li:hover h4 b{color: #2180c1;} .cp2 dl dd .cpt2_con li:hover img{transform:scale(1.05);} .cp2 dl dd .cpt2_con .prev{position: absolute;left:-2%;top:104px;width:41px;height:41px;background:url(../images/lt.png) no-repeat;z-index: 10;} .cp2 dl dd .cpt2_con .next{position: absolute;right:-2%;top:104px;width:41px;height:41px;background:url(../images/rt.png) no-repeat;z-index: 10;} .cp2 dl dd .cpt2_con .prev:hover{position: absolute;left:-2%;top:104px;width:41px;height:41px;background:url(../images/lts.png) no-repeat;z-index: 10;} .cp2 dl dd .cpt2_con .next:hover{position: absolute;right:-2%;top:104px;width:41px;height:41px;background:url(../images/rts.png) no-repeat;z-index: 10;} /* -- 浜у搧3-- */ .cpt3{height:688px;background: #f2f2f2;padding-top: 82px;} .cp3 {height: 542px;position: relative;} .cp3 dl dt{float: right;height: 542px;width:641px;display: block;} .cp3 dl dt img{height: 542px;width:641px;display: block;} .cp3 dl dd{float: left;width:559px;background: #ffffff;height: 542px;} .cp3 dl dd h3{padding-top:70px;font-size: 30px;font-weight: bold;color: #000000;margin-left:57px;display: block;line-height: 30px;} .cp3 dl dd h3 a{color: #000000;} .cp3 dl dd p{font-size: 16px;line-height: 28px;color: #808080;font-weight: normal;display: block;margin-top: 36px;margin-left:57px;width:450px;} .cp3 dl dd .gds{height:41px;margin-top:43px;display: block;margin-left:57px;width:290px;} .cp3 dl dd .gds a{transition: 0.35s;width: 135px;float:left;height: 35px;text-align: center;line-height: 35px;font-size: 16px;color: #363636;display: block;border-radius: 25px;margin-bottom: 10px;border: 3px solid #2b81bc;} .cp3 dl dd .gds .zx{background:#2b81bc;color: #ffffff;float: right;} .cp3 dl dd .gds a:hover{transform: translateY(-5px);} .cp3 dl dd .gda{margin-left: 57px;margin-top: 47px;height: 103px;border-left: 1px solid #e5e5e5;box-sizing: border-box;border-top: 1px solid #e5e5e5;width: 451px;} .cp3 dl dd .gda ul li{float: left;text-align: center;line-height:51px;height: 51px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;box-sizing: border-box;width: 225px;} .cp3 dl dd .gda ul li a{font-size: 16px;color:#000000;display: block;font-weight: normal;} .cp3 dl dd .gda ul li:hover a{color: #2b81bc;} /* -- 妗堜緥涓績-- */ .case{height:1066px;background: url(../images/case_bg.jpg) no-repeat center;} .case h2{text-align: center;height: 103px;padding-top:92px;margin-bottom: 41px;} .case h2 em{font-size:42px;color:#ffffff;display: block;line-height:42px;font-weight: bold;} .case h2 span{font-size:22px;color:#ffffff;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .case_nav{height: 147px;margin:0 auto;} .case_nav li{float: left;text-align: center;transition:all 0.5s;width: 150px;border-right: 1px solid #ededed;box-sizing: border-box;background: #ffffff;height: 147px;} .case_nav li i{display: block;height: 60px;width:60px;overflow: hidden;margin:27px auto 0;} .case_nav li i img{display: block;height: 60px;width:60px;transition: all 0.3s;} .case_nav li.cur i img:nth-child(1){ margin-top:-60px;} .case_nav li em{display: block;font-size: 16px;color: #2b81bc;line-height: 24px;} .case_nav li.cur em{ color:#ffffff;font-weight: bold;} .case_nav li.cur img {animation-duration: 2s;animation-name: flipInY;} .case_nav li:last-of-type{margin-right: 0;border-right: 0;} .case_nav li.cur{background: #2b81bc;} .cas-con{margin-top: 37px;} .case .plan_cl ul li{float: left;width:466px;margin-right:26px;} .case .plan_cl ul li em{height:263px;width: 466px;display: block;overflow: hidden;} .case .plan_cl ul li em img{height:263px;width: 466px;display: block;transition: all 0.3s linear 0s;} .case .plan_cl ul li:hover em img{transform: scale(1.06);} .case .plan_cl ul li .desc{height:248px;background: #ffffff;} .case .plan_cl ul li .desc h4{padding-top: 21px;height: 51px;margin-left:40px;width: 385px;border-bottom: 1px solid #e3e3e3;box-sizing: border-box;} .case .plan_cl ul li .desc h4 a{font-size: 18px;line-height: 18px;font-weight: bold;color: #4c4c4c;display: block;} .case .plan_cl ul li .desc p{margin-left: 40px;font-size: 14px;line-height: 30px;color: #808080;font-weight: normal;display: block;margin-top: 5px;width: 82%;} .case .plan_cl ul li .desc .gds{height:41px;margin-top:25px;display: block;margin-left:40px;width:290px;} .case .plan_cl ul li .desc .gds a{transition: 0.35s;width: 135px;float:left;height: 35px;text-align: center;line-height: 35px;font-size: 16px;color: #363636;display: block;border-radius: 25px;margin-bottom: 10px;border: 3px solid #2b81bc;} .case .plan_cl ul li .desc .gds .zx{background:#2b81bc;color: #ffffff;float: right;} .case .plan_cl ul li .desc .gds a:hover{transform: translateY(-5px);} /* -- 鍚堜綔瀹㈡埛-- */ .hz1{height: 505px;background: #f2f2f2;} .hz1 h2{text-align: center;height: 103px;padding-top:64px;} .hz1 h2 em{font-size:42px;color:#000000;display: block;line-height:42px;font-weight: bold;} .hz1 h2 span{font-size:22px;color:#666666;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .kh_con{margin-top: 35px;height: 240px;} .kh_con ul li{float: left;height: 106px;width: 232px;position: relative;margin-right: 10px;margin-bottom: 13px;} .kh_con ul li i{height: 106px;width: 232px;display: block;overflow: hidden;} .kh_con ul li i img{height: 106px;width: 232px;display: block;transition: all 0.3s linear 0s;} .kh_con ul li h4{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #ffffff;font-weight: normal;transform: scale(0);transition: .5s;} .kh_con ul li:hover h4,.kh_con ul li.cur h4{transform: scale(1);} .kh_con ul li:nth-of-type(5n){margin-right: 0;} .kh_con ul li:hover img{transform: scale(1.06);} /* -- 浼樺娍-- */ .ys{background: #ffffff;padding-top:73px;padding-bottom: 121px;} .ys .content-s{margin: 0 8.69%;} .ys h2{text-align: center;height: 112px;} .ys h2 em{font-size:42px;color:#000000;display: block;line-height:42px;font-weight: bold;} .ys h2 em b{font-size: 60px;display: inline-block;line-height: 60px;color: #2b81bc;font-family: "Bahnschrift";font-weight: bold;margin-right: 3px;} .ys h2 span{font-size:22px;color:#666666;display: block;line-height:22px;font-weight:normal;padding-top: 10px;} .ys_1 ul{ overflow: hidden; margin-top:43px;} .ys_1 ul li{ float: left; width:24%; margin-right:1.19%; position: relative;overflow: hidden; font-size: 0; line-height: 0;} .ys_1 ul li img{ display: inline-block; width: 100%;transition: all 0.3s linear 0s;} .ys_1 ul li:hover img{transform: scale(1.05);} .ys_1 ul li:last-of-type{ margin-right: 0;} .ys_1 ul li .y1{ display:block;width: 100%; height:100%;transition: all 0.2s;position: absolute;bottom: 0;left: 0;} .ys_1 ul li .y1 h3{width: 6.7rem;height: 5.05rem;background: #2b81bc;border-bottom-right-radius: 25px;display:block;text-align: center;padding-top: 1.35rem;} .ys_1 ul li .y1 h3 b{display: inline-block;font-size: 3rem;color: #ffffff;line-height: 3rem;font-weight: bold;font-family: "Bahnschrift";} .ys_1 ul li .y1 h3 i{font-size: 16px;color: #ffffff;display: inline-block;line-height:16px;} .ys_1 ul li .y1 h3 span{font-size: 16px;color: #ffffff;display: block;line-height:16px;} .ys_1 ul li .y1 h4{position: absolute;bottom: 1.45rem;width: 100%;left: 0;text-align: center;} .ys_1 ul li .y1 h4 em{font-size:1.6rem;color: #ffffff;display: block;line-height:1.6rem;font-weight: bold;} .ys_1 ul li .y1 h4 span{font-size:18px;color: #ffffff;display: block;line-height:18px;font-weight:normal;padding-top: 14px;} .ys_1 ul li .y1 h4 i{height:2.1rem;width:2.1rem;display: block;margin: 0.75rem auto 0;} .ys_1 ul li .y1 h4 i img{width: 100%;display: block;} .ys_1 ul li:hover .f_om{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; background:rgba(39,125,184,0.8); text-align: center; color: #fff; display: block;animation-duration: 0.5s;animation-name: fadeInUp;z-index: 99;} .f_om h4{margin-top: 8rem;margin-left: 2.85rem;display: block;text-align: left;padding-bottom: 2.3rem;background: url(../images/tits.jpg) no-repeat bottom left;background-size: 2.45rem 0.2rem;} .f_om h4 em{display: block;font-size: 1.8rem;font-weight: bold;color: #ffffff;line-height: 1.8rem;} .f_om h4 span{display: block;font-size: 1.8rem;font-weight: bold;color: #ffffff;line-height: 1.8rem;margin-top: 0.4rem;} .f_om h4 span b{font-size: 2.6rem;line-height: 2.6rem;color: #facd00;display: inline-block;} .f_om p{font-size: 0.8rem;line-height: 1.5rem;color: #ffffff;font-weight: normal;display: block;margin-left: 2.85rem;text-align: left;margin-top: 2.5rem;width: 80%;} .ys_1 ul li .f_om{ display:none;} .ys_1 ul li:hover .y1{ display: none;} /* -- 鏂伴椈-- */ .news{padding-top: 75px;background: #f2f2f2;padding-bottom: 104px;} .news h2{text-align: center;height: 103px;} .news h2 em{font-size:42px;color:#000000;display: block;line-height:42px;font-weight: bold;} .news h2 span{font-size:22px;color:#666666;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .news h3 a { display: block; font-size: 24px; line-height: 100%; color: #000000; font-weight: 400; padding-bottom: 20px;padding-top:37px;background: url(../images/ld.jpg) no-repeat bottom right;} .news h3 a span { font-size: 14px; color: #000000; float: right; margin-top: 8px; font-family: Arial; -o-transition: all .3s ease; transition: all .3s ease ;font-weight: normal;} .news_l{ float: left;width: 500px;} .news_l h3 a{ border-bottom: 0;} .news_l dt{ display: block;width: 500px;height: 282px;overflow: hidden;} .news_l dt img{ display: block;width: 501px;height: 282px;transition: all 0.5s;} .news_l dl:hover dt img{transform:scale(1.05);} .news_l h4 a{ display: block;font-size: 18px;line-height: 48px;height: 48px;color: #000000;font-weight: normal;transition:all 0.3s;} .news_l dd p{font-size:14px ;line-height:24px ;color:#999999;} .news_r{ float: right;width: 635px;} .news_r dl{height: 135px!important;padding-top: 36px;box-sizing: border-box;border-bottom: 1px dashed #cccccc;} .news_r dl:last-child{ border-bottom: 0;} .news_r dt{float: right;width: 545px;box-sizing: border-box;} .news_r dt h4 a{font-size: 18px;line-height: 18px;color: #000000;display: block;margin-bottom: 10px;font-weight: normal;transition:all 0.3s;} .news_r dt p{font-size: 14px;line-height: 24px;color: #999999;} .news_r dd{width: 90px;text-align: left;float: left;color: #000000;box-sizing: border-box;} .news_r dd em{font-size: 60px;display: block;line-height: 80%;color: #2180c1;font-weight: bold;font-family: "Bahnschrift";} .news_r dd i{display: block;font-size: 16px;line-height: 80%;margin-top: 7px;color: #999999;} .news_l h4 a:hover,.news_r dt h4 a:hover{ color: #2b81bc; } .news_s{ margin-top: 10px;} .news_s h3 a{ border-top:1px solid #999999;border-bottom: 0;padding-top: 22px;background: none;} .news_s dl{ width: 591px;height: 137px;padding: 11px;box-sizing: border-box;background: #ffffff;float: left;} .news_s dl:nth-child(2n){ float: right;} .news_s dt{ float:left;width: 206px;height: 115px;display: block;overflow: hidden;} .news_s dt img{ display: block;width: 206px;height: 115px;transition: all 0.5s;} .news_s dl:hover dt img{ transform:scale(1.05);} .news_s dd{ float: left;width: 363px;padding: 0 24px;box-sizing: border-box;} .news_s dd h4 a{font-size: 18px;line-height: 48px;color: #000000;display: block;font-weight: normal;transition:all 0.3s;height: 48px;margin-top: 6px;} .news_s dd p{font-size: 14px;line-height: 24px;color: #999999;} .news_s dd h4 a:hover{ color: #2b81bc; } /* -- 鍏充簬鎴戜滑-- */ .abt{height: 905px;} .abt h2{text-align: center;height: 103px;padding-top: 91px;} .abt h2 em{font-size:42px;color:#000000;display: block;line-height:42px;font-weight: bold;} .abt h2 span{font-size:22px;color:#666666;display: block;line-height:22px;font-weight:normal;padding-top: 14px;} .abt dl{margin-top: 46px;height: 665px;position: relative;} .abt dl dt{width: 1920px;margin-left: -360px;height: 563px;display: block;} .abt dl dt img{width: 1920px;height: 563px;display: block;} .abt dl dd{width: 1344px;margin-left: -72px;position: absolute;bottom: 0;height: 226px;background: #ffffff;} .abt dl dd h3{text-align: center;font-weight: bold;font-size: 24px;color: #272727;display: block;padding-top: 65px;} .abt dl dd p{font-size: 16px;line-height: 28px;color: #272727;display: block;font-weight: normal;padding-top: 25px;margin: 0 auto;width:70%; text-align: center;} /* -- 鍥㈤槦椋庨噰 -- */ .fc_c{padding:14px 0 85px 0;overflow:hidden;} .fc_qh{height: 40px;width: 536px;margin: 0 auto;} .fc_qh li{float:left;margin-right: 38px;line-height:36px;height: 40px;text-align: center;border: 3px solid #2b81bc;box-sizing: border-box;width: 153px;} .fc_qh li a{font-size:18px;color: #272727;display: block;} .fc_qh li.on{background: #2b81bc;border-color: #2b81bc;} .fc_qh li.on a{color: #ffffff;} .fc_qh li:last-child{margin:0;} .fc_nr{position: relative;margin-top:45px;} .fc_nr li{float:left;font-size:0;line-height: 0;width: 296px;margin-right:5px;} .fc_nr li i{width:296px;height: 166px;overflow: hidden;display: block;position:relative;} .fc_nr li img{width:296px;height: 166px;transition: all 0.5s} .fc_nr li h4{height: 40px;line-height: 40px;text-align: center;} .fc_nr li h4 a{display: block;font-size: 16px;color: #272727;line-height:40px;font-weight: normal;text-align: center;} .fc_nr li:last-child{margin:0;} .fc_nr li:hover i img{transform:scale(1.1);} .fc_nr .fc_j1{position: absolute;left:-9%;top:77px;width:41px;height:41px;background:url(../images/lt.png) no-repeat;z-index: 10;} .fc_nr .fc_j2{position: absolute;right:-9%;top:77px;width:41px;height:41px;background:url(../images/rt.png) no-repeat;z-index: 10;} .fc_nr .fc_j1:hover{position: absolute;left:-9%;top:77px;width:41px;height:41px;background:url(../images/lts.png) no-repeat;z-index: 10;} .fc_nr .fc_j2:hover{position: absolute;right:-9%;top:77px;width:41px;height:41px;background:url(../images/rts.png) no-repeat;z-index: 10;} /* -- 鍙嬫儏閾炬帴 -- */ .links{height: 81px;line-height: 81px;background: #1971ae;} .links b{ float: left;font-size: 16px;color: #ffffff;line-height:81px;margin-right: 50px;font-weight: bold;} .links a{ float: left;font-size: 16px;color: #ffffff;font-weight: normal;line-height:81px;margin-right: 36px;} .links a:last-of-type{height: 38px;line-height: 38px;width: 168px;background: #e5e5e5;text-align: center;color: #4c4c4c;float: right;margin-top: 21px;} @media screen and (min-width: 1263px) { html { font-size: calc(1263px * 20 / 1903); } } @media screen and (min-width: 1349px) { html { font-size: calc(1349px * 20 / 1903); } } @media screen and (min-width: 1463px) { html { font-size: calc(1463px * 20 / 1903); } } @media screen and (min-width: 1543px) { html { font-size: calc(1543px * 20 / 1903); } } @media screen and (min-width: 1583px) { html { font-size: calc(1583px * 20 / 1903); } } @media screen and (min-width: 1643px) { html { font-size: calc(1643px * 20 / 1903); } } @media screen and (min-width: 1663px) { html { font-size: calc(1663px * 20 / 1903); } } @media screen and (min-width: 1903px) { html { font-size: calc(1903px * 20 / 1903); } }