@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;} /* -- 椤甸潰鏁翠綋甯冨眬 -- */ body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;} .content{ width:1400px; 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;} /* -- 骞垮憡 -- */ .banner{position: relative; height:auto;clear: both;} .banner img {display: block;width: 100%;margin:0 auto;} .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;} .banner .slick-prev {left: 3%; background:url(../images/ban_lt.png) no-repeat center center;opacity: 0;} .banner .slick-next {right: 3%;background:url(../images/ban_rt.png) no-repeat center center;opacity: 0;} .banner:hover .slick-prev { left: 5%; opacity: 0.8; } .banner:hover .slick-next { right: 5%; opacity: 0.8; } .slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;} .slick-dots li {display: inline-block;margin: 0 8px; outline: none;} .slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:12px; display: inline-block;outline: none;background: #ffffff; transition: .5s;} .slick-dots .slick-active button {background: #f18b19;width: 40px;} /* -- 鎼滅储 -- */ .sou{height: 65px;} .sou p{height: 65px;color: #444444;line-height:65px;font-size: 14px;width:755px;float: left;background:url(../images/s_1.png) no-repeat left;} .sou p b{font-size: 14px;color: #444444;font-weight:bold;padding-left:30px;} .sou p a{font-size: 14px;color: #888888;padding-right:13px;font-weight: normal;line-height: 14px;} .sou p a:hover{color:#f18b19;} .sou .s_box{float: right;margin-top:16px;width:392px;height: 37px;overflow: hidden;margin-right: 6px;box-sizing: border-box;} .sou .s_box .input1{float: left;width:320px;padding-left: 13px;height: 37px;line-height: 37px;font-size: 14px;color: #797979;border: 0;background: url(../images/bg1.jpg) no-repeat center left;outline: 0;} .sou .s_box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:59px;height:39px;background:url(../images/sou.png) no-repeat center;margin-top: -1px;} /* -- 寮曞瓙 -- */ .yz{height: 696px;background: url(../images/yz-bg.jpg) no-repeat center top;} .yz-fl{float: left;margin-top: 95px;width: 567px;} .yz-fl h2{transition: 0.35s;text-align: left;height: 71px;background: url(../images/l-1.png) no-repeat left bottom;} .yz-fl h2 em{font-size: 42px;line-height: 42px;display: block;font-weight: normal;color: #333333;} .yz-fl h2 em b{font-weight: bold;} .yz-fl h2:hover{transform: translateY(-5px);} .yz-fl p{font-size: 15px;line-height: 26px;color: #666666;display: block;font-weight: normal;padding-top: 20px;margin-bottom: 52px;} .yz-fl .div{height: 234px;width: 567px;display: block;overflow: hidden;} .yz-fr{margin-top: 96px;float: right;width: 549px;height: 482px;} .yz-fr ul li{transition: 0.35s;float: left;height: 171px;text-align: center;width: 274px;position: relative;padding-top: 70px;} .yz-fr ul li b{font-size: 40px;font-weight: bold;display: inline-block;color:#0d54b0;font-family: "Arial";line-height: 40px;} .yz-fr ul li em{vertical-align: super;font-size: 32px;line-height: 32px;display: inline-block;color: #0d54b0;font-weight: bold;} .yz-fr ul li i{vertical-align: bottom;margin-bottom: 5px;margin-left: 2px;font-size: 32px;line-height: 32px;display: inline-block;color: #0d54b0;font-weight: bold;font-family: "Arial";} .yz-fr ul li span{position: relative;;font-size: 15px;line-height: 22px;display: block;color: #333333;font-weight: normal;padding-top: 25px;} .yz-fr ul li span::after{width: 16px;height: 1px;display: block;background: #bfbfbf;position: absolute;top: 10px;content: "";left: 50%;margin-left: -8px;z-index: 99;} .yz-fr ul li.cur span::after{background: #ffffff;} .yz-fr ul li.cur span{color: #ffffff;} .yz-fr ul li.cur b{color: #ffffff;z-index: 99;position: relative;} .yz-fr ul li.cur i{color: #ffffff;z-index: 99;position: relative;} .yz-fr ul li.cur em{color: #ffffff;z-index: 99;position: relative;} .yz-fr li::before{content: "";display: block;width:284px;height:0;background: #f18b19;position: absolute;left:0;bottom:0;transition:all 0.5s} .yz-fr li.cur::before{height: 252px;left: -11px;bottom: 1px;} /* -- 寮辩數宸ョ▼椤圭洰 -- */ .cpt1{height: 935px;} .cpt1 h2{text-align: center;padding-top: 79px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;transition: all 0.5s;} .cpt1 h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;} .cpt1 h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;} .cpt1 h2:hover em{transform: translateY(-5px);} .cpt_1{margin-top: 45px;} .cpt_1 ul li{ box-shadow: 0 0 6px rgba(0,0,0,0.3);background:#ffffff; float: left; width:286px; margin-right:16px; position: relative;overflow: hidden; font-size: 0; line-height: 0;margin-bottom: 38px;height: 271px;} .cpt_1 ul li .pics{height: 211px;width: 280px;display:block;margin: 3px auto 0;} .cpt_1 ul li .pics img{ display:block; width:280px;height: 211px;} .cpt_1 ul li h3{width: 100%;height: 57px;} .cpt_1 ul li h3 em{height: 36px;width: 36px;display: block;float: left;margin: 10px 4px 0 80px;} .cpt_1 ul li h3 i{font-size:20px;color: #333333;display: block;line-height:20px;font-weight:normal;padding-top: 20px;} .cpt_1 ul li:hover .desc{ width: 98%; position: absolute; left: 3px; top: 3px; height: 98%; background:rgba(2,54,122,0.9); text-align:center; display: block;animation-duration: 0.5s;animation-name: fadeInUp;z-index: 99;} .desc p{ font-size:14px;line-height:34px;color: #ffffff;font-weight: normal;display: block;text-align: center;margin-top: 30px;} .desc p a{float: left; font-size:14px;line-height:34px;color: #ffffff;font-weight: normal;display: block;width: 100%;} .desc p a:hover{color: #f18b19;} .cpt_1 ul li .desc .gds{height:57px;display: block;width:100%;position: absolute;bottom:-2px;left: 0px;background: #ffffff;} .cpt_1 ul li .desc .gds b{float: left;font-size: 20px;font-weight: bold;color: #333333;display: block;padding-left: 80px;line-height: 57px;} .cpt_1 ul li .desc .gds img{float: right;margin-right: 60px;margin-top: 13px;display: block;} .cpt_1 ul li .desc{ display:none;} .cpt_1 ul li:nth-of-type(4n){margin-right: 0;} .cpt_1 ul li:hover h3{display: none;} .cpt_1 ul li:nth-of-type(7) .desc .gds b{padding-left:65px;} .cpt_1 ul li:nth-of-type(7) .desc .gds img{margin-right:50px;} .cpt_1 ul li:last-of-type .desc .gds b{padding-left:65px;} .cpt_1 ul li:last-of-type .desc .gds img{margin-right:50px;} /* -- 璧勮川璁ゅ彲 -- */ .rk{height: 872px;background: url(../images/ry-bg.jpg) no-repeat center;} .rk h2{text-align: center;padding-top: 120px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;transition: all 0.5s;} .rk h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;} .rk h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;} .rk h2:hover em{transform: translateY(-5px);} .rk_con{margin-top: 36px;position: relative;} .rk_con .tempWrap{width: 1200px!important;} .rk_con ul li{transition: 0.35s;float: left;width:279px;margin-right:28px; position: relative;height:372px;text-align: center;padding-bottom: 16px;background: url(../images/y-z1.png) no-repeat center bottom;} .rk_con ul li i{width:279px; height:372px; display: block;position: relative;overflow: hidden;border: 1px solid #f2f2f2;box-sizing: border-box;} .rk_con ul li i img{width:279px; height:372px; display: block;transition:all 0.5s;} .rk_con ul li:last-of-type{margin-right: 0;} .rk_con .prev{position: absolute;left:-7%;top:175px;width:41px;height:41px;background:url(../images/left.png) no-repeat;z-index: 10;} .rk_con .next{position: absolute;right:-7%;top:175px;width:41px;height:41px;background:url(../images/right.png) no-repeat;z-index: 10;} .rk_con .cur.prev{position: absolute;left:-7%;top:175px;width:41px;height:41px;background:url(../images/lefts.png) no-repeat;z-index: 10;} .rk_con .cur.next{position: absolute;right:-7%;top:175px;width:41px;height:41px;background:url(../images/rights.png) no-repeat;z-index: 10;} .rk .gds{transition: 0.35s;height: 47px;line-height: 47px;width: 210px;background: url(../images/gds.png) no-repeat center;display: block;margin: 33px auto 0;} .rk .gds i{font-size: 15px;padding-left: 45px;display: block;font-weight: normal;color: #ffffff;} .rk .gds:hover{transform: translateY(-5px);} /* -- 杩囩▼鏈嶅姟 -- */ .fw{height: 677px;background: url(../images/ys-gs1.jpg) no-repeat center top;} .fw h2{text-align: center;padding-top: 90px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;transition: all 0.5s;} .fw h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #ffffff;display: block;line-height: 42px;font-weight: normal;} .fw h2 span{font-size: 18px;display: block;color: #ffffff;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;} .fw h2:hover em{transform: translateY(-5px);} .fw1{margin: 0 8.33%;display: block;margin-top: 72px;height: 409px;} .fw1 ul li{float: left;width: 20%;height: 409px;text-align: center;position: relative;overflow: hidden;} .fw1 ul li .w1 i{margin: 55px auto 0;display: block;height: 80px;width: 80px;} .fw1 ul li .w1 i img{width: 80px;height: 80px;display: block;} .fw1 ul li .w1 h3{margin-top: 45px;position: relative;background: url(../images/dian.png) no-repeat center top;} .fw1 ul li .w1 h3 b{padding-top: 36px;font-size: 20px;color: #fff;font-weight: normal;display: block;font-family: "Arial";} .fw1 ul li .w1 h3 em{margin-top: 28px;font-size: 30px;line-height: 30px;display: block;font-weight: normal;height: 50px;color: #ffffff;background: url(../images/aft.png) no-repeat center bottom;} .fw1 ul li:hover .desc2{ box-shadow: 0 0 20px rgba(0,0,0,0.1);width: 100%; position: absolute; left: 0; top: 0; height: 100%; background:url(../images/bg-s1.png) no-repeat center; text-align:center; display: block;animation-duration: 0.5s;animation-name: fadeInUp;z-index: 99;margin-bottom: 5px;} .fw1 ul li .desc2 i{margin: 56px auto 0;display: block;height: 80px;width: 80px;} .fw1 ul li .desc2 i img{width: 80px;height: 80px;display: block;} .fw1 ul li .desc2 h4{margin-top: 43px;text-align: center;} .fw1 ul li .desc2 h4 b{height: 94px;width: 94px;display: block;background: url(../images/s-bg.png) no-repeat center;margin: 0 auto;line-height: 94px;text-align: center;font-size: 30px;font-weight: normal;color: #f18b19;font-family: "Arial";} .fw1 ul li .desc2 h4 em{margin-top: 33px;font-size: 30px;line-height: 30px;display: block;font-weight: bold;height: 30px;color: #ffffff;} .fw1 ul li .desc2 h4 em strong{height: 30px;width: 30px;display: inline-block;vertical-align: bottom;margin-right: 10px;} .fw1 ul li .desc2 p{font-size: 15px;line-height: 28px;color: #ffffff;display: block;font-weight: normal;margin: 15px auto 0;width: 81%;height:85px;} .fw1 ul li .desc2{ display:none;} .fw1 ul li .desc2 .gds{transition: 0.35s;text-align: left;height: 47px;line-height: 47px;width: 210px;background: url(../images/gds2.jpg) no-repeat center;display: block;margin: 40px auto 0;} .fw1 ul li .desc2 .gds strong{font-size: 15px;padding-left: 16px;display: block;font-weight: normal;color: #ffffff;} .fw1 ul li .desc2 .gds:hover{transform: translateY(-5px);} /* -- 宸ョ▼妗堜緥 -- */ .case{height: 1276px;background: url(../images/case_bg.jpg) no-repeat center;} .case h2{transition: all 0.5s;text-align: center;padding-top: 86px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;margin-bottom: 32px;} .case h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;} .case h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;} .case h2:hover em{transform: translateY(-5px);} .case_nav{margin: 0 auto;width: 663px;height: 53px;} .case_nav h3{float: left;width: 129px;height: 53px;text-align: center;line-height: 53px;background: url(../images/nav-b1.png) no-repeat center;margin-right: 4px;} .case_nav h3 a{font-size: 18px;color: #333333;display: block;line-height: 53px;font-weight: normal;} .case_nav h3:last-of-type{margin-right: 0;} .case_nav h3.cur{background: url(../images/nav-bs.png) no-repeat center;} .case_nav h3.cur a{color: #ffffff;} .case_con{margin-top: 55px;} .case_con ul li{transition: 0.35s;float: left;width: 390px;border-bottom: 1px solid #dfdfdf;box-sizing: border-box;position: relative;margin-bottom: 43px;margin-right: 15px;z-index: 99;} .case_con ul li i{position: relative;width: 381px;height: 214px;display: block;overflow: hidden;z-index: 99;} .case_con ul li i img{height: 214px;width: 381px;display: block;} .case_con ul li i em{height:27px;width:111px;display: block;line-height:27px;position: absolute;bottom:0px;left: 0;text-align: center;background: url(../images/t-bg.jpg) no-repeat center;font-size: 15px;color: #ffffff;font-weight: normal;z-index: 99;left:50%;margin-left:-55px;} .case_con ul li h4{height: 64px;text-align: center;line-height: 64px;display: block;font-size: 16px;color: #333333;font-weight: normal;position: relative;z-index: 99;} .case_con ul li::after{content: "";display: block;width:400px;height:0;background: #ffffff;position: absolute;left:0;bottom:0;transition:all 0.5s} .case_con ul li.cur::after{height: 290px;left: -10px;bottom: 0px;box-shadow: 0 0 20px rgba(0,0,0,0.1);} .case_con ul li.cur{transform: translateY(1px);border-bottom: none; } .case_con ul li:nth-of-type(3n){margin-right: 0;float: right;} .case_con ul li:hover h4{color:#f18b18;} .sz1{margin-top: 26px;height: 167px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.3);} .sz1 ul li{transition: 0.35s;text-align: center;float: left; padding-top: 43px;width: 25%;position: relative;} .sz1 ul li:hover{transform: translateY(-5px);} .sz1 ul li:hover b{color:#f18b19;} .sz1 ul li:hover i{background:#f18b19;} .sz1 ul li:hover em{background:#f18b19;} .sz1 ul li b{ display: inline-block;font-size:63px;line-height:50px;color: #024399;font-weight:bold;vertical-align:top;font-family: "Arial";} .sz1 ul li i{margin-left: 5px;display: inline-block;width:29px;height:29px;line-height:29px;font-size: 18px;color: #ffffff;text-align: center;font-family: "Arial";font-weight:normal;background: #024399;border-radius: 20px;margin-top: 20px;} .sz1 ul li em{margin-left: 5px;display: inline-block;width:29px;height:29px;line-height:29px;font-size: 18px;color: #ffffff;text-align: center;font-family: "Arial";font-weight:normal;background: #024399;border-radius: 20px;margin-top: 20px;} .sz1 ul li span{ padding-left: 90px;display: block;font-size: 20px; line-height:20px; color: #333333; font-weight:normal;text-align: left;margin-top: 10px;} .sz1 ul li:first-of-type span{padding-left: 100px;} .sz1 ul li:last-of-type span{padding-left: 65px;} .sz1 ul li::after{width: 1px;height: 118px;background: url(../images/t1.png) no-repeat;content: "";position: absolute;right: 0;top: 20px;z-index: 99;content: "";display: block;} /* -- 鏍稿績鑳藉姏 -- */ .ys{height: 930px;background: url(../images/sl-bg.jpg) no-repeat center top;} .ys h2{transition: all 0.5s;margin-top: 86px;text-align: center;padding-top: 86px;} .ys h2 em{transition: all 0.5s;font-size:42px;color: #ffffff;display: block;line-height:42px;font-weight: bold;} .ys h2 span{transition: all 0.5s;font-size:18px;color: #ffffff;display: block;line-height:18px;font-weight: normal;padding-top: 15px;} .ys h2:hover em{transform: translateY(-5px);} .ys_nav{float: left;margin-top: 48px;width: 406px;} .ys_nav ul li{height: 109px;background: rgba(255,255,255,0.3);float: left;width: 470px;margin-bottom: 12px;position: relative; border-top-left-radius: 20px;border-bottom-left-radius: 20px;} .ys_nav ul li i{height: 40px;width: 40px;display: block;float: left;margin: 36px 12px 0 107px;position: relative;z-index: 99;} .ys_nav ul li i img{height: 40px;width: 40px;display: block;} .ys_nav ul li h3{float: left;line-height: 109px;position: relative;z-index: 99;} .ys_nav ul li h3 em{font-size: 30px;color: #ffffff;display: block;font-weight: normal;} .ys_nav ul li::after{content: "";display: block;width:0;height:109px;background: #f18b19;position: absolute;left:0;bottom:0;transition:all 0.5s;border-top-left-radius: 20px;border-bottom-left-radius: 20px;} .ys_nav li.cur::after{width: 488px;left: 0px;bottom: 0px;} .ys_nav ul li.cur h3 em{font-weight: bold;} .ys_con{float: right;margin-top:48px;width:712px;position: relative;} .ys_con dl{position: relative;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.3);} .ys_con dl dt{height: 410px;width:660px;display: block;overflow: hidden;padding-top: 24px;margin: 0 auto;} .ys_con dl dt img{height: 410px;width:660px;display: block;} .ys_con dl dd{height: 246px;} .ys_con dl dd h3{padding-top: 43px;padding-left: 75px;margin-bottom: 20px;} .ys_con dl dd h3 em{font-size:30px;color:#333333;display: block;line-height:30px;font-weight: bold;} .ys_con dl dd p{margin-left: 75px;padding-left: 20px;font-size: 15px;line-height: 30px;color: #666666;font-weight: normal;display: block;background: url(../images/dian1.png) no-repeat left 14px;width: 80%;} /* -- 鏂伴椈璧勮 -- */ .news{height: 900px;} .news h2{text-align: center;padding-top: 28px;height: 106px;background: url(../images/l-1.png) no-repeat center bottom;margin-bottom: 32px;transition: all 0.5s;} .news h2 em{transition: all 0.5s;font-size: 42px;display: block;color: #333333;display: block;line-height: 42px;font-weight: normal;} .news h2 span{font-size: 18px;display: block;color: #666666;display: block;line-height: 18px;font-weight: normal;padding-top: 20px;transition: all 0.5s;} .news h2:hover em{transform: translateY(-5px);} .news1{margin-top: 25px;overflow: hidden;} .news1 .n1{float: left;width: 685px;} .news1 .n1 .t1{height: 85px;width: 685px;border-bottom: 1px solid #bfbfbf;box-sizing: border-box;} .news1 .n1 .t1 i{height: 42px;width: 42px;display: block;float: left;margin-top: 21px;margin-right: 7px;} .news1 .n1 .t1 b{font-size: 22px;line-height: 22px;font-weight: bold;color: #333333;display: block;float: left;padding-top: 30px;} .news1 .n1 .t1 em{font-size: 15px;line-height: 15px;font-weight: normal;color: #666666;display: block;float: left;padding-top: 36px;margin-left: 8px;} .news1 .n1 .t1 span{height: 26px;line-height: 26px;width: 75px;text-align: center;display: block;float: right;border: 1px solid #bfbfbf;border-radius: 20px;font-size: 14px;color: #666666;margin-top: 29px;} .news1 .tz{height: 150px;} .news1 .tz h4{padding-top: 30px;} .news1 .tz h4 a{font-size: 18px;color: #303030;font-weight: bold;display: block;line-height: 18px;} .news1 .tz p{font-size: 14px;color: #999999;font-weight: normal;display: block;line-height: 24px;padding-top: 15px;} .news1 .tz p a{color: #f18b19;font-weight: bold;display: inline-block;padding-left: 3px;} .news1 .n1 ul{height: 163px;margin-bottom: 31px;} .news1 .n1 ul li{width: 647px;float: left;height: 23px;line-height: 23px;padding-left: 38px;margin-bottom: 24px;background: url(../images/r1.png) no-repeat left;} .news1 .n1 ul li a{font-size: 15px;display: block;color: #333333;font-weight: normal;line-height: 23px;} .news1 .n1 ul li:hover{background: url(../images/rs.png) no-repeat left;} .news1 .n1 ul li:hover a{font-weight: bold;} .news1 .n1 ul li:hover a em{font-weight: bold;} .news1 .n1 ul li a em{font-size: 15px;display: block;color: #333333;font-weight: normal;line-height: 23px;float: right;} .news1 .n1 ul li:last-of-type{margin-bottom: 0;} .news1 .n1 dl{height: 104px;display: block;margin-bottom: 12px;} .news1 .n1 dl dt{width: 186px;height: 104px;display: block;overflow: hidden;float: left;} .news1 .n1 dl dt img{width:186px;height: 104px;display: block;transition: all 0.3s linear 0s;} .news1 .n1 dl:hover dd h4 a{color: #f18b19;} .news1 .n1 dl:hover dt img{transform: scale(1.06);} .news1 .n1 dl dd{margin-left: 25px;float: left;width: 474px;} .news1 .n1 dl dd h4{position: relative;} .news1 .n1 dl dd h4 a{font-size: 16px;font-weight: bold;display: block;line-height: 16px;color: #333333;padding: 20px 100px 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news1 .n1 dl dd h4 em{font-size: 15px;position: absolute;right: 5px;bottom: 0;height: 16px;line-height: 16px;color: #333333;font-weight: normal;} .news1 .n1 dl dd p{font-size: 13px;line-height: 20px;font-weight: normal;display: block;color: #999999;padding-top: 15px;} .news1 .n1 dl dd p a{color: #f18b19;font-weight: bold;display: inline-block;padding-left: 3px;} .news1 .n1 dl:hover{background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .news-2{margin-top: 6px;margin-right: 10px;width: 450px;height: 650px;background: #ffffff;float: right;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .news-2 .t1{height: 85px;width: 450px;} .news-2 .t1 i{height: 42px;width: 42px;display: block;float: left;margin-top: 21px;margin-right: 7px;margin-left: 33px;} .news-2 .t1 b{font-size: 22px;line-height: 22px;font-weight: bold;color: #333333;display: block;float: left;padding-top: 30px;} .news-2 .t1 em{font-size: 15px;line-height: 15px;font-weight: normal;color: #666666;display: block;float: left;padding-top: 36px;margin-left: 8px;} .news-2 .t1 span{height: 26px;line-height: 26px;width: 75px;text-align: center;display: block;float: right;border: 1px solid #bfbfbf;border-radius: 20px;font-size: 14px;color: #666666;margin-top: 29px;margin-right: 33px;} .news-2 dl{width: 384px;margin: 0 auto;} .news-2 dl dt{width: 384px;height: 216px;display: block;overflow: hidden;} .news-2 dl dt img{width:384px;height: 216px;display: block;transition: all 0.3s linear 0s;} .news-2 dl:hover dt img{transform: scale(1.06);} .news-2 .z1s{margin: 26px 33px 0 33px;} .news-2 ul li{margin-bottom: 15px;float: left;height: 92px;background: url(../images/x-1.jpg) no-repeat left bottom;} .news-2 ul li h4{position: relative;} .news-2 ul li:hover h4 a{color: #f18b19;} .news-2 ul li h4 a{background: url(../images/q1.png) no-repeat center left;font-size: 16px;font-weight: bold;display: block;line-height: 23px;color: #4c4c4c;padding: 0 100px 0 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news-2 ul li h4 em{font-size: 15px;position: absolute;right: 5px;bottom: 0;height: 23px;line-height: 23px;color: #333333;font-weight: normal;} .news-2 ul li p{background: url(../images/a1.png) no-repeat left 15px;font-size: 14px;line-height: 26px;font-weight: normal;display: block;color: #666666;padding-top: 8px;padding-left: 32px;} .news-2 ul li:last-of-type{margin-bottom: 0;background: none;} /* -- 鍏充簬鎴戜滑 -- */ .abt{height: 985px;background: url(../images/abt-bg.jpg) no-repeat center top;} .abt h2{text-align: center;height: 71px;padding-top: 90px;transition: all 0.5s;} .abt h2 em{transition: all 0.5s;font-size: 42px;line-height: 42px;display: block;font-weight: normal;color: #ffffff;} .abt h2 em b{font-weight: bold;} .abt h2 span{font-size: 18px;display: block;color: #ffffff;display: block;line-height: 18px;font-weight: normal;padding-top: 15px;transition: all 0.5s;} .abt h2:hover em{transform: translateY(-5px);} .abt-s{margin-top: 125px;height: 186px;} .abt-s ul li{float: left;text-align: center;height: 186px;width: 365px;background: #ffffff;border-radius: 30px;margin-right:50px;transition: 0.35s;} .abt-s ul li i{height: 117px;width: 117px;margin: -45px auto 0;display: block;overflow: hidden;border-radius: 100%;background: url(../images/bg-a1.png) no-repeat center;transition: all 0.3s;} .abt-s ul li i img{width: 100%;display: block;} .abt-s ul li:hover{transform: translateY(-8px);} .abt-s ul li:hover i{transform: rotateY(180deg);} .abt-s ul li h3{text-align: center;padding-top: 15px;} .abt-s ul li h3 em{font-size: 30px;line-height: 30px;display: block;font-weight: bold;color: #333333;} .abt-s ul li h3 span{font-size: 15px;line-height: 15px;display: block;font-weight: normal;color: #666666;padding-top: 10px;} .abt-s ul li:last-of-type{margin-right: 0;} .abt-s ul li:hover i{background: url(../images/bg-as.png) no-repeat center;} .abt_con{margin-top: 200px;position: relative;} .abt_con .tempWrap{width: 1200px!important;} .abt_con ul li{transition: 0.35s;float: left;width:285px;margin-right:20px; position: relative;text-align: center;} .abt_con ul li i{width:285px; height:160px; display: block;position: relative;overflow: hidden;border: 1px solid #f2f2f2;box-sizing: border-box;} .abt_con ul li i img{width:285px; height:160px; display: block;transition:all 0.5s;} .abt_con ul li:last-of-type{margin-right: 0;} .abt_con ul li h4{height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #666666;font-weight: normal;} .abt_con ul li h4 a{color: #4c4c4c;} .abt_con .prev{position: absolute;left:-7%;top:58px;width:41px;height:41px;background:url(../images/left.png) no-repeat;z-index: 10;} .abt_con .next{position: absolute;right:-7%;top:58px;width:41px;height:41px;background:url(../images/right.png) no-repeat;z-index: 10;} .abt_con .cur.prev{position: absolute;left:-7%;top:58px;width:41px;height:41px;background:url(../images/lefts.png) no-repeat;z-index: 10;} .abt_con .cur.next{position: absolute;right:-7%;top:58px;width:41px;height:41px;background:url(../images/rights.png) no-repeat;z-index: 10;} @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); } }