*{ box-sizing: border-box; } body,select,input,view,text,button,textarea{ font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif; } body{ font-size: 14px; color: #000; background: #fff; overflow-x: hidden;line-height: 1.14; font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif; } a{ color: inherit; outline:none; -moz-outline-style:none; } a:hover{ color: inherit; text-decoration: none; } img{ max-width: 100%; } .clearfix:after{ content: "";display: table; clear: both; height: 0; visibility: hidden; } .fl{ float: left; } .fr{ float: right; } .tleft{ text-align: left !important; } .tright{ text-align: right !important; } .tcenter{ text-align: center; } .wrapper{ width: 1200px; margin: 0 auto; } .wrapper1{ width: 1600px; margin: 0 auto; position: relative; } .gnone{ display: none; } /*index*/ .toper{ height: 40px; background: #f6f6f6; position: relative; z-index: 10; line-height: 40px; } .toper-tel{ float: left; font-size: 14px; color: #1b77c8; line-height: 40px; } .toper-tel span{ margin-right: 30px; font-weight: bold; } .toper-nav{ float: right; } .toper-nav li{ display: inline-block;vertical-align: top; line-height: 40px; font-size: 14px; color: #777777; margin-right: 12px; position: relative; } .toper-nav li a{ display: block; text-decoration: none !important; color: #777777; } .toper-nav li a:hover{ color: #1b77c8;font-weight: bold; } .toper-nav li .qrimg{ position: absolute; left: 0; top: 45px; width: 165px; height: 150px; border-radius:0 0 6px 6px; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none; } .toper-nav li:hover .qrimg{ display: block; } .toper-nav .userimg{ display: inline-block; } .toper-nav .userimg img{ width: 30px; height: 30px; border-radius: 36px; display: inline-block;vertical-align: middle; margin-top: -5px; } .toper-nav .username{ display: inline-block;vertical-align: top; font-size: 14px; color: #ff4700; margin-left: 0px; } .toper-nav .username a{ color: #ff4700; } .toper-nav .username a:hover{ font-weight: 400 !important; color: #ff0000; } .toper-nav .usertc{ display: inline-block;vertical-align: top; font-size: 14px; color: #3189d7; margin-left: 15px; } .header{ height: 60px; background: #0573c4; position: relative; z-index: 9; } .header{ height: 60px; } .header .logo{ line-height: 60px; font-size: 0; float: left; } .header .logo img{ vertical-align: middle; } .header .nav-box{ position: absolute; right:0; } .header .nav>li{ float: left; position: relative; margin-left: 30px; } .header .nav>li>a{ line-height: 60px; font-size: 16px; display: block; padding: 0 10px; color: #fff; } .header .nav>li>a:hover{ opacity: 0.9; background-color: #fff; color: #0573c4 !important; } .header .subnav{ position: absolute; left: 50%; margin-left: -85px; top: 90px; width: 170px; background: #fff; background: rgba(255,255,255,0.8);text-align: center; border-radius: 0 0 6px 6px; padding: 10px 0; display: none; } .header .subnav>li{ padding: 2px 0; } .header .subnav>li>a{ line-height: 40px; font-size: 15px; color: #313131; display: block; } .header .subnav>li>a:hover{ background: #1769b2; color: #fff; } .header .nav>li:hover .subnav{ display: block; } .banner{ color: #fff;text-align: center; height: 600px; } .banner-img{ height: 600px; background-size:cover ; background-position:center ; background-repeat:no-repeat ;padding-top: 115px; } .banner h2{ font-size: 60px; line-height: 1.5; margin-bottom: 20px; } .banner .txt{ font-size: 24px; line-height: 1.5; } .hnav{ background: #fff; border-radius: 20px; position: relative; margin-top: -85px; height: auto; overflow: hidden; margin-bottom: 105px; box-shadow: 2px 5px 5px rgba(0,0,0,0.1); border: 1px solid #f4f4f4; z-index: 1; } .hnav li{ float: left; width: 25%; text-align: center; text-align: center; padding: 30px 0; transition: all 0.3s; } .hnav-img{ height: 65px; line-height: 65px; margin-bottom: 15px; transition: all 0.3s; } .hnav-img img{ vertical-align: middle; } .hnav-img .img1{ display: none; } .hnav-tit{ font-size: 24px; color: #1b1b1b; margin-bottom: 8px; font-weight: bold; } .hnav-txt{ font-size: 16px; color: #767676; } .hnav li:hover{ padding-top: 20px; } .hnav li:hover .hnav-img .img{ display: none; } .hnav li:hover .hnav-img .img1{ display: inline-block; } .hnav li:hover .hnav-txt, .hnav li:hover .hnav-tit{ color: #1769b2; } .htit{ text-align: center; margin-bottom: 75px; } .htit h2{ font-size: 36px; color: #222222; margin-bottom: 10px; text-transform: uppercase; } .htit p{ font-size: 16px; color: #959595; } .hrow{ margin-bottom: 120px; } .hour{ height: auto; overflow: hidden; } .hour-img{ float: left;width: 559px;overflow: hidden; height: 445px; } .hour-img img{ width: 559px; transition: all 0.5s; } .hour-img img:hover{ transform: scale(1.08); } .hour-txt{ float: left; margin-left: 30px; width: 575px; text-align: justify; font-size: 14px; line-height: 1.9; } .hour-txt p{ text-indent: 2em; margin-bottom: 17px; } .hour-txt .more{ font-size: 16px; font-weight: bold; color: #333333; display: inline-block; } .hour-txt .more img{ margin-right:8px; transition: all 0.3s; } .hour-txt .more:hover img{ margin-right: 15px; } .hservices-nav{ margin-bottom: 100px; } .hservices-nav ul{ border: 1px solid #f4f4f4;height: 275px; } .hservices-nav li{ float: left; width: 20%; text-align: center; height: 275px; padding-top: 55px; border-right: 1px solid #f4f4f4; position: relative; cursor: pointer; } .hservices-nav li:last-child{ border-right: 0; } .hservices-nav li:hover{ color: #fff; } .hservices-nav li:after{ position: absolute; width: 100%; top:0; left: 0; right: 0; content: ""; height: 100%; background-image:linear-gradient(#609edf,#3987d0) ; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition: all 0.4s 0.05s;opacity: 0; } .hservices-nav li:hover:after{ top:-25px; height: 320px;opacity: 1;background: #4e94d9; } li:hover .hservices-nav-tit, li:hover .hservices-nav-txt{ color: #fff; } li:hover .hservices-nav-img .img-w{ display: inline-block; } li:hover .hservices-nav-img .img{ display: none; } .hservices-nav-img{ margin-bottom: 22px; height: 55px; line-height: 55px;position: relative; z-index: 1; } .hservices-nav-img .img{ vertical-align: middle; } .hservices-nav-img .img-w{ display: none;vertical-align: middle; } .hservices-nav-tit{ font-size: 22px; color: #333333; margin-bottom: 12px;position: relative; z-index: 1; font-weight: bold; } .hservices-nav-txt{ font-size: 14px; color: #808080;position: relative; z-index: 1; } .hservices-lx{ height: auto; overflow: hidden; } .hservices-lx-l{ float: left; } .hservices-lx-l img{ width: 667px; } .hservices-lx-r{ float: left; margin-left: 50px; width: 410px; } .hservices-lx-r .item{ margin-bottom: 35px; } .hservices-lx-r .item .icon{ display: inline-block;vertical-align: top; margin-right: 30px; margin-top: 5px; } .hservices-lx-r .item .icon img{ width: 66px; } .hservices-lx-r .item .txts{ display: inline-block;vertical-align: top; font-size: 18px; color: #1b77c8; line-height: 2.1; } .hservices-lx-r .item .txts big{ font-size: 24px; font-weight: bold; } .hservices-lx-r .btn{ width: 290px; height: 80px; background: #1769b2; display: block; margin-left: 45px; text-align: center; color: #fff; font-size: 30px; line-height: 80px; transition: all 0.3s; } .hservices-lx-r .btn img{ margin-right: 10px; vertical-align: middle; position: relative; margin-top: -2px; } .hservices-lx-r .btn:hover{ opacity: 0.85; } .hnews{ height: auto; overflow: hidden; } .hnews-col{ width: 525px; float: left; margin-left: 20px; margin-right: 20px; } .hnews-col:nth-child(2n){ float: right; } .hnews-hd{ border-bottom: 1px solid #1769b2; height: auto; overflow: hidden; margin-bottom: 10px; } .hnews-hd h2{ float: left; line-height: 53px; background: #1769b2; width: 135px; text-align: center; font-size: 18px; color: #fff; } .hnews-hd .more{ float: right; font-size: 12px; line-height: 53px; font-weight: bold; } .hnews-hd .more:hover{ color: #1769b2; } .newslist li{ padding: 20px 0; border-bottom: 1px solid #e4e4e4; } .newslist li h3{ font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .newslist li h3 a:hover{ color: #1769b2; } .newslist li .attr{ height: auto; overflow: hidden; font-size: 13px; color: #808080; } .newslist li .attr-l{ float: left; } .newslist li .attr-r{ float: right; } .hpart-hd{ border-bottom: 1px solid #e5e5e5; margin-bottom:50px;text-align: center;font-size: 0; } .hpart-hd ul{ display: inline-block; } .hpart-hd li{ text-align: center; float: left;line-height: 90px; font-size: 24px; color: #959595; cursor: pointer; margin: 0 100px; } .hpart-hd li.active{ color: #3680c7; } .hpart-hd li.active a{ border-bottom: 5px solid #3680c7; } .hpart-hd li a{ line-height: 90px; display: block; } .hpart-bd ul{ height: auto; overflow: hidden; margin: -10px -15px; } .hpart-bd li{ float: left; padding: 10px 15px; width: 20%; overflow: hidden;text-align: center; } .hpart-bd li:nth-child(5n+1){ clear: both; } .hpart-bd li img{ transition: all 0.5s; /*width: 210px;*/ } .hpart-bd li:hover img{ transform: scale(1.08); } .hnews1{ height: auto; overflow: hidden; } .hnews1-big{ float: left; width: 350px; } .hnews1-big-hd{ margin-bottom: 30px;width: 350px; height: 142px; overflow: hidden; } .hnews1-big-hd img{ transition: all 0.5s; width: 350px; height: 142px; } .hnews1-big-hd img:hover{ transform: scale(1.08); } .hnews1-big-bd{ height: auto; overflow: hidden; } .hnews1-big-bd .left .time{ margin-bottom: 10px;color:#333 ; line-height: 1.2; } .hnews1-big-bd .left .time big{ font-weight: bold; } .hnews1-big-bd .left .addr{ font-size: 12px;color:#333 ;font-weight: bold; } .hnews1-big-bd .right{ float: right; width: 275px; } .hnews1-big-bd .right h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px; height: auto; overflow: hidden; } .hnews1-big-bd .right h3 a{ /*width:237px; float: left; wtf2021/12/30*/ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .hnews1-big-bd .right h3 a:hover{ color: #1769b2; } .hnews1-big-bd .right h3 .icon{ width: 35px; } .hnews1-big-bd .right .txt{ font-size: 12px; line-height: 1.6; color:#808080 ; padding-right: 25px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .hnews1-big-ft{ margin-top: 40px; margin-left: 85px; font-size: 14px; color: #808080; } .hnews1-big-ft img{ transition: all 0.3s; } .hnews1-big-ft a:hover{ color: #d4845d; } .hnews1-big-ft a:hover img{ margin-left: 5px; } .hnews1-txt{ float: right; } .hnews1-txt{ float: right; } .hnews1-col{ float: left; width: 355px; margin-left: 65px; border-left: 1px solid #e4e4e4; } .hnews1-hd{ height: auto; overflow: hidden;margin-bottom: 20px; padding-left: 18px; } .hnews1-hd h2{ float: left; font-size: 16px; color: #333; font-weight: bold; line-height:20px; } .hnews1-hd .more{ float: right; font-size: 12px;line-height:20px; } .hnews1-hd .more:hover{ color: #1769b2; } .hnews1-bd li{ padding: 20px 0 20px 18px; position: relative; } .hnews1-bd li:after{ position: absolute; left: 0; right: 45px; bottom: 0;border-bottom: 1px solid #e4e4e4; content: ""; } .hnews1-bd li:last-child{ padding-bottom: 0; } .hnews1-bd li:last-child:after{ border-bottom: 0; } .hnews1-bd li h3{ font-size: 15px; font-weight: bold; margin-bottom: 10px;height: auto; overflow: hidden; text-overflow: ellipsis; word-break: break-all; } .hnews1-bd li h3 a{ width:298px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .hnews1-bd li h3 a:hover{ color: #1769b2; } .hnews1-bd li h3 .icon{ width: 35px; } .hnews1-bd li .attr{ height: auto; overflow: hidden; font-size: 13px; color: #808080; margin-right: 45px; } .hnews1-bd li .attr-l{ float: left; } .hnews1-bd li .attr-r{ float: right; } .hmap{ position: relative; height: 720px; } .hmapimg{ display: block;position: absolute; right: 0; top: 0; bottom: 0; height: 720px; float: right; width: 45%; } .hmap:before{ position: absolute; left: 0; top: 0; bottom: 0; width: 55%; background: #3f9ce9; background: rgba(50,150,231,0.95); content: ""; z-index: 1; } .hmap-info-box{ position: absolute;left: 0; top: 0; bottom: 0; z-index: 2;width: 55%; } .hmap-info{ padding-top: 75px; color: #fff; width: 675px; float: right; } .hmap-tit{ text-align: center; font-size: 36px; margin-bottom: 20px; } .hmap-tit small{ font-size: 24px; text-transform: uppercase; } .hmap-bd{ height: auto; overflow: hidden; border-left: 1px solid #fff; position: relative; margin-top: -30px; } .hmap-bdl{ float: left; width: 170px; margin-right: 5px; } .hmap-bdl li{ font-size: 18px; color: #c4dff7; line-height: 30px; padding-left: 35px; margin-top: 45px; cursor: pointer; } .hmap-bdl li.active{ color: #fff; border-left: 5px solid #fff; padding-left: 30px; } .hmap-bdr{ float: left;width: 420px; } .hmap-bdl li:first-child{ margin-top: 30px; } .hmap-bdl li:last-child{ margin-bottom: 30px; } .hmap-bdr{ padding-top: 105px; } .hmap-bdr .icon{ display: inline-block;vertical-align: top; width: 35px; margin-top: 10px; } .hmap-bdr .txt{ display: inline-block;vertical-align: top; width: 375px; font-size: 18px; line-height:2.2; /*text-transform: uppercase;*/ } .hmap-bdr .addrs li{ margin-bottom:20px; } .hmap-bdr .qrs{ padding-top: 30px; margin-right: -20px; } .hmap-bdr .qrs li{ display: inline-block;vertical-align: top; margin-right: 20px;text-align: center; } .hmap-bdr .qrs img{ width: 120px; height: 120px; } .hmap-bdr .qrs p{ font-size: 16px; margin-top: 10px; } .footer{ background: #2a2e31; color: #777777 !important; font-size: 12px !important; line-height: 1.8; text-align: center; padding: 15px 0; } /*璇︽儏*/ .mdetail-box{ margin-top: 60px; } .mcurrent-box{ border-bottom: 4px solid #1769b2; line-height: 55px; font-size: 18px; color: #a6a6a6; } .mcurrent .c{ color: #434343; } .mdetail{ padding: 0 115px 120px 115px; } .mdetail-hd{ padding: 35px 0 50px 0;text-align: center; } .mdetail-hd .title{ font-size: 30px; color: #0d0d0d; line-height: 1.3; margin-bottom: 20px; } .mdetail-hd .time{ font-size: 16px; color: #bfbfbf; } .mdetail-bd{ line-height:2.2; font-size: 16px; color: #1b1b1b;text-align: justify; } .mdetail-bd p{ text-indent: 2em; } /*鐧诲綍*/ .header-blue{ background: #1769b2; } .mlogin-box{ background: url(../images/bg01.jpg) no-repeat center top #1769b2; background-size:cover ; border-top: 1px solid #fff; padding: 90px 0 220px; } .mlogin.wrapper{ background: #fff; height: 600px; border-radius: 20px; box-shadow: 0 0 15px #1746b2; width: 1000px; } .mlogin-l{ background: url(../images/bg02.png) no-repeat center bottom; background-size:cover ; float: left; width:500px; height: 600px; border-radius:20px 0 0 20px; padding: 35px 35px; color: #fff; line-height: 1.5; } .mlogin-l h2{ font-size: 36px; margin-bottom: 10px; position: relative; } .mlogin-l h2:before{ content: ""; display: block; width: 38px; height: 5px; background: #fff; margin-bottom:25px; } .mlogin-l .txt{ font-size: 18px; } .mlogin-r{ width:500px; height: 600px; background: url(../images/bg03.png) no-repeat center top; background-size:100% 100% ; float: right; border-radius: 0 20px 20px 0; position: relative; padding: 70px 40px 0 40px; } .mlogin-top{ position: absolute; right:10px; top: 12px; } .mlogin-top .img{ width: 67px; display: inline-block;vertical-align: top; } .mlogin-top .img-blue{ display: none; } .mlogin-top .img-box:hover .img-gray{ display: none; } .mlogin-top .img-box:hover .img-blue{ display: inline-block; } .mlogin-top .btn{ display: inline-block;vertical-align: top; line-height: 30px; padding: 0 15px; border: 1px solid #eeeeee; color: #61667c; border-radius: 3px; margin-top: 3px; margin-right: 3px; position: relative; } .mlogin-top .btn:after{ content: ""; background: url(../images/icon39.png) no-repeat center; width: 6px; height: 6px; display: block; position: absolute; right: -5px; top: 50%; margin-top: -4px; } .mlogin-top .btn:hover{ color: #1769b2; } .mlogin-hd{ border-bottom: 1px solid #cccccc;text-align: center;font-size: 20px; color: #737373; margin-bottom: 40px; } .mlogin-hd ul{ font-size: 0; } .mlogin-hd li{ font-size: 18px; display: inline-block; line-height: 55px; margin: 0 35px; font-weight: bold; padding: 0 10px; } .mlogin-hd li.active, .mlogin-hd li:hover{ color: #1769b2; border-bottom: 3px solid #5c96c9; } .mlogin-hd li a{ display: block; } .mlogin-bd li{ margin-bottom: 20px; height: auto; overflow: hidden; } .inputbox{ position: relative; } .inputbox .text{ height: 63px; border: 1px solid #eeeeee; border-radius: 8px; color: #333; font-size: 16px; width: 100%; padding: 0 15px; } .inputbox .text:-ms-input-placeholder{ color: #b9bed1; } .inputbox .text:-webkit-placeholder{ color: #b9bed1; } .inputbox .text:focus{ border-color: #1B77C8; } .inputbox .textpwd{ padding-right: 65px; } .inputbox .icon{ position: absolute; left: 0; top: 0; left: 23px; width: 18px; text-align: center; top: 22px; } .inputbox1 .text{ padding-left: 60px; } .eye{ position: absolute; right: 5px; top: 0; height: 63px; width:60px ; background: url(../images/eye.png) no-repeat center; cursor: pointer; } .eye.on{ background-image:url(../images/eyeon.png) ; } .inputbox-code{ width: 270px; } .mlogin-ft{ padding-top: 15px; } .mlogin-btn button{ width: 100%; height: 63px; background: #1769b2; color: #fff; font-size: 20px; border: 0; border-radius: 8px; cursor: pointer; margin-bottom: 15px; } .mlogin-btn button:hover{ opacity: 0.85; } .mlogin-attr{ height: auto; overflow: hidden; color: #b9bed1; font-size: 18px; line-height: 27px; } .mlogin-attr img{ display: inline-block;vertical-align: middle; margin-right: 10px; width: 27px; } .mlogin-attr a:hover{ color: #1769b2; } .btncode{ height: 63px; background: #1769b2; border-radius: 8px; width: 133px; border: 0; color: #fff; cursor: pointer; font-size: 16px; } .btncode:hover{ opacity: 0.85; } .mlogin-smhd{ border-bottom: 1px solid #cccccc; line-height: 55px; color: #737373; font-size: 18px; font-weight: bold; margin-bottom: 50px; height:56px; } .mlogin-smhd a.active, .mlogin-smhd a:hover{ color: #1769b2; } .mlogin-smhd-qrbox{ position: relative; } .mlogin-smhd-qr{ position: absolute; left: 50%; margin-left: -60px; top: 55px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15); border: 1px solid #eee; border-radius: 5px; width: 120px; height: 120px; padding: 10px; display: none; } .mlogin-smhd-qrbox:hover .mlogin-smhd-qr{ display: block; } .mlogin-smbd{ text-align: center; margin-bottom:30px; } .mlogin-smbd .qr{ margin-bottom: 40px; } .mlogin-smbd .qr img{ width: 195px; height: 195px; border: 1px solid #ededed; } .mlogin-smbd .txt{ font-size:16px; color: #1769b2; line-height: 1.4; } .mlogin-smft{ text-align: center; font-size: 16px; color: #4c4c4c;text-align: center; } .mlogin-smft a{ display: inline-block; margin: 0 5px; } .mlogin-smft a:hover{ color: #1769b2; } .mlogin-r.mregist{ padding-top: 55px; } .mregist-hd{ text-align: center; margin-left: -10px; margin-right: -10px; margin-bottom: 30px; } .mregist-hd .tit{ font-size: 22px; color: #1769b2; font-weight: bold; margin-bottom: 15px; } .mregist-hd .txt{ color: #737373; } /*宸ョ▼淇℃伅*/ .mbanner .banner-img{ padding-top: 90px; } .mbanner .mbanner-tit{ margin-bottom: 60px; } .mbanner-list{ text-align: center;margin-bottom: 70px; } .mbanner-list li{ display: inline-block;vertical-align: top; margin: 0 40px; } .mbanner-list .img{ margin-bottom: 18px; } .mbanner-list .tit{ font-size: 20px; line-height: 45px; vertical-align: bottom; } .mbanner-list .tit big{ font-size: 40px; } .mbanner-btns .btn{ display: inline-block;vertical-align: top; line-height: 65px; width: 205px; border: 1px solid #fff; color: #fff; font-size: 24px; border-radius: 8px; cursor: pointer; margin: 0 18px; } .mbanner-btns .btnblue{ background: #1769b2;border-color: #1769b2; } .mbanner-btns .btn:hover{ background: #fff; border-color: #fff; color: #1769b2; } .mbanner-btns .btnblue:hover{ background: #1769b2;border-color: #1769b2; color: #fff; opacity: 0.85; } .mmain{ padding: 50px 0 70px 0; } .mtabhd{ border-bottom: 1px solid #1769b2; margin-bottom: 25px; position: relative; } .mtabhd:after{ position: absolute; left: 0; right: 0; bottom: -3px; content: ""; width: 100%; height: 2px; background: #1769b2; } .mtabhd ul{ height: auto; overflow: hidden; } .mtabhd li{ float: left; font-size: 20px; font-weight: bold;display: block; } .mtabhd li a{ display: block; padding: 0 20px; cursor: pointer;height: 50px; line-height: 50px; } .mtabhd li.active a{ background: #1769b2; color: #fff; } .mrow{ margin-bottom: 25px; } .mlist-box{ border: 1px solid #efefef; } .mlist{ height: auto; overflow: hidden;margin:5px 20px; } .mlist li{ border-bottom: 1px dashed #efefef; padding: 15px 0; font-size: 15px; color: #333333; margin-right: -35px; } .mlist li:last-child{ border-bottom: 0; } .mlist li img{ vertical-align: middle; width: 18px; position: relative; margin-top: -2px; margin-right: 5px; } .mlist li span{ margin-right: 35px; } .mlist1-box{ border: 1px solid #efefef; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .mlist1{ height: auto; overflow: hidden;margin:0 10px; } .mlist1.on{ height: 58px; } .mlist1 li{ border-bottom: 1px dashed #efefef; padding: 5px 0; font-size: 15px; color: #333333; margin-right: -18px; position: relative; padding-left: 95px; line-height: 20px; } .mlist1 li:last-child{ border-bottom: 0; } .mlist1-tit{ position: absolute; left: 0; top: 10px;color: #999;font-size: 15px;line-height: 20px; } .mlist1-txt{ color: #333; font-size: 15px;color: #333; line-height: 20px; } .checkbox-box{ display: inline-block;vertical-align: top; margin-right: 18px; } .checkbox-box input.text{ margin-right: 5px; } .mlist1-txt .checkbox-box{ margin-top: 7px; margin-bottom: 7px; } .mlist1-ft{ text-align: center; height: 55px; line-height: 55px; background: #fbfbfb; font-size: 20px; color: #959493; cursor: pointer; transition: all 0.3s; } .mlist1-ft:hover{ background: #f5f7f9; } .mtable{ width: 100%;border: 1px solid #f1f1f1; border-top-color: #1769b2; border-collapse: collapse; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .mtable thead th{ font-size: 14px; color: #333; height: 40px; background: #fbfbfb; border-bottom: 1px solid #dbdbda;text-align: center; padding: 0 10px; } .mtable tbody td{ height: 63px; font-size: 14px; color: #666666;text-align: center; border-bottom: 1px dashed #efefef; padding: 5px 10px; } .mtable tbody tr:last-child td{ border-bottom: 0; } .mtable tbody tr:hover td{ background: #f5f7f9; } .mtable tbody .icon{ width: 18px; margin-right: 4px;vertical-align: middle; } .mtable a:hover{ color: #1746B2; } .mpages{ text-align: right; } .mpages-total, .mpages-num, .mpages-num li, .mpages-jump, .mpages-pagin, .mpages-prev, .mpages-next{ display: inline-block;vertical-align: top; font-size: 14px; color: #333333; line-height: 29px; } .mpages-pagin select{ width: 100px; height: 29px; border: 1px solid #efefef;text-align: center; border-radius: 3px; background: transparent; } .mpages-jump .text{ width: 45px; height: 29px;border: 1px solid #efefef; padding: 0 10px;text-align: center; margin: 0 10px;background: transparent; } .mpages-num li{ margin: 0 4px; } .mpages-num li a{ display: block;background: #f5f7f9; min-width: 30px; text-align: center; padding: 0 6px; color: #959493; border-radius: 3px; } .mpages-num li.active a, .mpages-num li:hover a{ background: #1769b2; color: #fff; } .mpages-prev:hover, .mpages-next:hover{ background: #1769b2; color: #fff; } .mpages-prev, .mpages-next{ background: #f5f7f9; min-width: 30px; text-align: center; padding: 0 6px; color: #959493; border-radius: 3px; margin: 0 4px; } .mpages-jump{ margin-left: 12px; } .mpages-prev{ margin-left: 18px; } .mpages-pagin{ margin-left: 10px; } .mt40{ margin-top: 40px; } .mbanner1 .banner-img{ padding-top: 150px; } .mbanner1-tit{ color: #6be3e5; font-weight: bold; } .mbanner1-txt{ font-size: 30px; color: #fff; line-height: 1.3; margin-bottom: 65px; } .mbanner1-btns .btn{ display: inline-block;vertical-align: top; width: 205px; border: 1px solid #fff; border-radius:8px; line-height: 62px; height: 64px; font-size: 24px; color: #fff; margin: 0 18px; cursor: pointer; } .mbanner1-btns .btn:hover{ background: #fff; color: #1746B2; } .mbanner1-btns .btn1{ background: #654bc5; background-image:linear-gradient(to right , #2c6de4,#a126a3) ; border: 0; } .mbanner1-btns .btn1:hover{ background: #2c6de4; color: #fff; } /*鍏充簬鎴戜滑*/ .pt90{ padding-top: 90px; } .mabout{ } .mabout-item{ height: auto; overflow: hidden; margin-bottom: 70px; } .mabout-item:last-child{ margin-bottom: 0; } .mabout-item .img{ width: 559px; position: relative; } .mabout-item .imgbox{ width: 559px; overflow: hidden; } .mabout-item .imgbox img{ transition: all 0.5s; } .mabout-item .imgbox:hover img{ transform: scale(1.08); } .mabout-item .img .tip{ position: absolute; left:-63px; top: 25px; width: 120px; height: 57px; line-height: 57px; text-align: center; color: #fff; background: #1769b2; font-size: 20px; z-index: 1; } .mabout-item .txt{ width: 570px; text-align: justify; font-size: 14px; color: #333333; line-height: 2; margin-right: 25px; } .mabout-item .txt p{ text-indent: 2em; } .mt125{ margin-top: 125px; } .mteam{ height: auto; overflow: hidden; padding-bottom: 10px; } .mteam-nav{ margin-left: 40px; width: 380px; float: left; } .mteam-nav li{ height: 110px; padding-top: 30px; padding-left: 23px; cursor: pointer; margin-bottom: 10px; position: relative; transition: all 0.3s; } .mteam-nav li .icon{ position: absolute; right:15px; top: 40px; width: 36px; height: 36px; background: url(../images/icon36.png) no-repeat center; display: block; } .mteam-nav .num{ display: inline-block;vertical-align: top; width: 60px; font-size: 50px; color: #bfbfbf; font-family:helvetica; line-height: 1; } .mteam-nav .info{ display: inline-block;vertical-align: top; width: 235px; } .mteam-nav .tit{ font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 8px; margin-top: 3px; } .mteam-nav .txt{ font-size: 12px; color: #bfbfbf; text-transform: uppercase; } .mteam-nav li.active, .mteam-nav li:hover{ background: #3f8bd3; box-shadow: 0 0 10px rgba(0,0,0,0.15); } .mteam-nav li.active .num, .mteam-nav li.active .tit, .mteam-nav li.active .txt, .mteam-nav li:hover .num, .mteam-nav li:hover .tit, .mteam-nav li:hover .txt{ color: #fff; } .mteam-nav li.active .icon, .mteam-nav li:hover .icon{ display: block; } .mteam-nav li:last-child{ margin-bottom: 0; } .mteam-main{ float: right; width: 740px; min-height: 600px; border-top: 4px solid #5a9bdd; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 45px 55px; margin-right: 5px; } .mteam-hd{ text-align: center; margin-bottom: 45px; } .mteam-hd h3{ font-size: 22px; color: #1b1b1b; margin-bottom: 8px; font-weight: bold; } .mteam-hd h4{ text-transform: uppercase; font-size: 12px; color: #aaaaaa; } .mteam-bd{ font-size: 16px; color: #333; text-align: justify; line-height: 1.8; } .mteam-bd p{ text-indent: 2em; } .mbusiness-txt{ font-size: 15px; color: #595959; line-height: 1.9; margin-bottom: 55px; } .mbusiness-txt p{ text-indent: 2em; } .mbusiness-imgs ul{ height: auto; overflow: hidden; margin-right: -20px; margin-top: -20px; } .mbusiness-imgs li{ float: left; width: 224px; margin-right: 20px; margin-top: 20px; position: relative; overflow:hidden; transition: all 0.3s; } .mbusiness-imgs li h3{ position: absolute; left: 0; top: 0; right: 0;text-align: center; color: #fff; padding-top: 68px; font-size: 20px; } /*.mbusiness-imgs li img{ transition: all 0.5s; }*/ .mbusiness-imgs li:hover{ transform: translateY(-5px); } /*.mbusiness-imgs li:hover img{ transform: scale(1.05); }*/ /*鍚堜綔浼欎即*/ .mcoop{ background: #f8f8f8; padding: 65px 0 75px 0; height: auto; overflow: hidden; } .mcoop-l{ float: left; margin-left: 40px; } .mcoop-nav{ background: #ffffff; width: 220px; padding: 30px 0; margin-top: 10px; } .mcoop-nav li{ padding-left: 55px; line-height: 73px; font-size: 18px; color: #1b1b1b; position: relative; } .mcoop-nav li.active, .mcoop-nav li:hover{ background: #1769b2; color: #fff;width: 250px; margin-left: -20px; padding-left: 75px; } .mcoop-nav li.active:after, .mcoop-nav li:hover:after{ position: absolute; background: url(../images/bg04.png) no-repeat; width: 20px; height: 8px; display: block; content: ""; left: 0; bottom: -8px; } .mcoop-r{ float: right; width: 875px; } .mcoop-hd{ line-height: 60px; border-bottom: 4px solid #1769b2; height: auto; overflow: hidden; margin-bottom: 35px; } .mcoop-hd .mtit{ float: left; } .mcoop-hd .mtit h2{ float: left; padding: 0 10px; font-size: 20px; color: #000000; font-weight: bold; } .mcoop-hd .mtit .cn{ float: left; font-size: 16px; color: #a6a6a6; } .mcoop-hd .current{ float: right; font-size: 18px; color: #a6a6a6; } .mcoop-hd .current span{ color: #434343; } .mcoop-bd{ margin-bottom: 65px; } .mcoop-list{ height: auto; overflow: hidden; margin-right: -45px; margin-bottom: -20px; } .mcoop-list li{ float: left; width: 185px; margin-right: 45px; margin-bottom: 20px; overflow: hidden; } .mcoop-list li:nth-child(4n+1){ clear: both; } .mcoop-list li img{ transition: all 0.3s; } .mcoop-list li:hover img{ transform: scale(1.05); } /*鑱旂郴鎴戜滑*/ .mmap{ height: auto; overflow: hidden; margin-bottom: 75px; } .mmap-main{ float: left; width: 755px; height: 646px; } .mmap-info{ float: left; width: 445px; background: #4f95d9; color: #4f95d9; height: 646px; padding: 45px 20px 0 40px; color: #fff; } .mmap-info .tit{ font-size: 24px; font-weight: bold; line-height: 1.3; } .mmap-info .item{ margin-top: 30px; width: 320px; } .mmap-info .item-hd{ border-bottom: 1px dashed #e5e5e5; padding-bottom: 18px; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; } .mmap-info .item-hd .icon{ display: inline-block;vertical-align: middle; width: 25px; } .mmap-info .item-bd{ font-size: 14px; color: #e5e5e5; line-height: 1.8; /*text-transform: uppercase;*/ } .mmap-info .qrs{ margin-top: 25px; } .mmap-info .qrs ul{ margin-right: -30px; } .mmap-info .qrs li{ display: inline-block;vertical-align: top;text-align: center; margin-right: 30px; } .mmap-info .qrs li img{ width: 80px; } .mmap-info .qrs li p{ font-size: 16px; color: #fff; margin-top: 15px; } .maddrs{ padding-bottom: 85px; } .maddrs ul{ height: auto; overflow: hidden; margin: -9px -13px; } .maddrs li{ width: 380px; min-height: 280px; border: 1px solid #f1f1f1; border-radius: 5px; float: left; margin: 9px 13px; padding:0 26px 20px 26px; } .maddrs li:nth-child(3n+1){ clear: both; } .maddrs li:hover{ box-shadow: 0 0 8px rgba(86,153,220,0.25); background-image: repeating-linear-gradient(60deg, #b8b7b7, #b8b7b7 0px, transparent 9px, transparent 9px, #b8b7b7 26px), repeating-linear-gradient(150deg, #b8b7b7, #b8b7b7 0px, transparent 9px, transparent 9px, #b8b7b7 26px), repeating-linear-gradient(240deg, #b8b7b7, #b8b7b7 0px, transparent 9px, transparent 9px, #b8b7b7 26px), repeating-linear-gradient(330deg, #b8b7b7, #b8b7b7 0px, transparent 9px, transparent 9px, #b8b7b7 26px); background-size: 1px calc(100% + 52px), calc(100% + 52px) 1px, 1px calc(100% + 52px) , calc(100% + 52px) 1px; background-position: 0 0, 0 0, 100% 0, 0 100%; background-repeat: no-repeat; animation: borderAnimation 0.8s infinite linear; } @keyframes borderAnimation { from { background-position: 0 0, -94px 0, 100% -94px, 0 100%; } to { background-position: 0 -94px, 0 0, 100% 0, -94px 100%; } } .maddrs-hd{ padding-top: 15px; font-size: 16px; color: #0573c4; font-weight: bold; padding-bottom: 15px; line-height: 1.4; border-bottom: 1px solid #dfdfdf; } .maddrs-hd-title{ font-size: 14px; color:#666; } .maddrs-bd{ padding-top: 15px; font-size: 15px; color: #333333; line-height: 2; } /*鏂伴椈璧勮*/ .mcoop-hd.mb0{ margin-bottom: 0; } .mnews-notice{ height: 55px; line-height: 55px; background: #fff; margin-bottom: 20px; } .mnews-notice .icon{ float: left; margin-left: 25px; margin-top: 16px; } .mnews-notice .tit{ float: left; font-size: 16px; color: #000; font-weight: bold; margin-left: 15px; } .mnews-notice .txt{ width: 705px; float: left;color: #707070; font-size: 16px; overflow: hidden; height: 55px; } .mnews-notice .txt li{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; transition: all 0.4s ease-in-out; } .mnews-search{ background: #fff; margin-bottom: 20px; height: 63px; position: relative; } .mnews-search .icon-search{ position: absolute; left: 30px; top: 18px; } .mnews-search .text{ width: 100%; height: 100%; padding: 0 127px 0 70px;border: 0; font-size: 14px; } .mnews-search button{ position: absolute; right: 0; top: 0; color: #fff; background: #1769b2; width: 127px; height: 100%; border: 0; cursor: pointer; font-size: 16px; } .mnews-list{ background: #fff; margin-bottom: 30px; padding: 15px 35px 0 35px; } .mnews-list li{ border-bottom: 1px dashed #efefef; padding: 25px 0; height: auto; overflow: hidden;font-size: 14px; color: #1b1b1b; line-height: 1.3; } .mnews-list li h3{ float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; width: 80%; } .mnews-list li h3:hover{ color: #1746B2; } .mnews-list li .time{ float: right; } .mnews-list li:last-child{ border-bottom: 0; } /*椤圭洰璇︽儏*/ .mdetail1{ padding: 55px 0 ; } .mdetail1-tit{ font-size: 24px; color: #1769b2; font-weight: bold; line-height: 1.4; margin-bottom: 35px; height: auto; overflow: hidden; } .mdetail1-tit h2{ font-weight: bold; float: left; padding-top: 3px; width: 80%; } .mdetail1-tit .btn{ float: right; line-height: 38px; border: 2px solid #1c7bcf; font-size: 16px; color: #1c7bcf; padding: 0 25px; } .mdetail1-tit .btn:hover{ background: #1c7bcf; color: #fff; } .mdetail1-row{ margin-bottom: 35px; } .mdetail1-hd{ height: 75px; background: #1769b2; padding: 0 25px 0 40px; line-height: 75px; color: #fff; } .mdetail1-hd h2{ float: left; font-size: 20px; } .mdetail1-hd .more{ float: right; font-size: 16px; } .mdetail1-bd{ border: #e5e5e5 1px solid; } .mtable1{ width: 100%; border-collapse: collapse; } .mtable1 .more{ color: #1769b2; } .mtable1 th, .mtable1 td{ padding: 10px 30px;text-align: left; font-size: 14px; color: #1b1b1b; border: 1px solid #e7e7e7; } .mtable1 th{ background: #f5f5f5; height: 65px; } .mtable1 td{ height: 60px } .mtable1 td:hover{ background: #f5f7f9; } .mtable1 .tcenter{ text-align: center; } .noborder{ border: 0; } .mdetail1-btn{ padding: 65px 0;text-align: center; } .mdetail1-btn a{ display: inline-block; padding:0 10px ; height: 40px; background: #1769b2; line-height: 40px; min-width: 110px; text-align: center; color: #fff; } .mdetail1-btn a:hover{ opacity: 0.85; } .mtable1-2box{ padding: 18px 15px; height: auto; overflow: hidden; } .mtable1-2{ width: 560px; float: left; margin: 12px; } .anchorBL{ display: none !important; } #map img{ max-width: initial; } /*渚ц竟*/ .sidebar{ position: fixed; right: 20px; z-index: 99; bottom: 20px; display: none; } .sidebar>ul>li{ margin-bottom: 10px; position: relative; } .sidebar>ul>li>a{ display: block; color: #1769b2;text-align: center; width: 65px; height: 65px; border-radius: 5px; padding-top: 6px; font-size: 12px; border: 1px solid #8bb4d8; background: #fff; } .sidebar .icon{ height: 34px; line-height: 34px; font-size: 0; margin-bottom: 2px; } .sidebar .icon img{ vertical-align: middle; } .sidebar .icon02{ display: none; } .sidebar>ul>li:hover .icon01{ display: none; } .sidebar>ul>li:hover .icon02{ display: inline-block; } .sidebar>ul>li:hover>a{ background: #1769b2; color: #fff; border-color: #1769b2; } .sidebar-sub-box{ position: absolute; right:65px; top: 50%; display: none; padding-right: 20px; } .sidebar-sub{ background: #fff;color: #1769b2; border-radius: 5px; border: 1px solid #8bb4d8; position: relative; padding: 8px; } .sidebar-sub:after{ background: url(../images/bg07.png) no-repeat; width: 6px; height: 10px; content: ""; position: absolute; right: -5px; top: 50%; margin-top: -5px; } .sidebar-kf { margin-top: -55px; } .sidebar-kf .sidebar-sub{ width: 200px; height: 115px;/**/ padding: 14px 12px; font-size: 14px; line-height:1.95; } .sidebar-qr{ margin-top: -60px; } .sidebar-qr .sidebar-sub{ width: 120px; height: 120px; padding: 8px; } .sidebar-qr img{ display: block; } .sidebar>ul>li:hover>.sidebar-sub-box{ display: block; } /*鏈嶅姟淇濋殰*/ .mservice{ background: url(../images/mbanner03.jpg) no-repeat center #314860; background-size:cover ; padding-top: 70px; height: 792px; } .mservice .htit h2, .mservice .htit p{ color: #fff; } .mservice-list{ color: #fff; overflow: hidden; margin-left: 45px; margin-right: 45px; } .mservice-list ul{ overflow: hidden; margin-top: -20px; margin-bottom: -20px; margin-right: -17px; margin-left: -15px; } .mservice-list li{ width: 33.33%; float: left;text-align: center; padding-top: 50px; padding-bottom: 65px; height: 245px; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.2); border-right: 1px solid #fff; border-right: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; } .mservice-list li:hover{ padding-top: 40px; } .mservice-list .img{ margin-bottom: 15px; height: 90px; line-height: 90px; } .mservice-list .img img{ vertical-align: middle; } .mservice-list h3{ font-size: 22px; font-weight: bold; } .mguara{ background: #f8f9fb; padding: 105px 0; } .mguara-list ul{ height: auto; overflow: hidden; margin: -10px; } .mguara-list li{ float: left; width: 385px; height: 170px; background: #fff; margin: 10px; transition: all 0.3s; } .mguara-list li.imgbox{ background: transparent;text-align: center; line-height: 170px; } .mguara-list li.imgbox .img img{ vertical-align: middle; } .mguara-list .icon{ display: inline-block;vertical-align: top; width: 115px;text-align: center; padding-top: 48px; line-height: 70px; } .mguara-list .icon img{ vertical-align: middle; } .mguara-list .icon2{ display: none; } .mguara-list li:hover .icon1{ display: none; } .mguara-list li:hover .icon2{ display: inline-block; } .mguara-list .info{ display: inline-block;vertical-align: top;padding-top: 48px; width: 215px; } .mguara-list .info h3{ font-size: 20px; color: #ff4700; padding-bottom: 15px; position: relative; font-weight: bold; } .mguara-list .info .line{ width: 70px; height: 2px; background: #bbbbbb; } .mguara-list .info .txt{ padding-top: 10px; font-size: 16px; color: #595959; } .mguara-list li:hover{ background: #2371b6; box-shadow: 0 0 10px rgba(35,113,182,0.5); } .mguara-list li:hover .info h3, .mguara-list li:hover .txt{ color: #fff; } .mguara-list li:hover .line{ background: #fff; } .mguara-list li.imgbox:hover{ background: transparent; } .mfine{ padding: 115px 0 140px; } .mfine-txt{ font-size: 18px; color: #4c4c4c;text-align: center; line-height: 1.8; margin-bottom: 80px; } .mfine-info{ height: auto; overflow: hidden; } .mfine-info-img{ float: left; margin-left: 30px;width: 619px; overflow: hidden; } .mfine-info-img img{ width: 619px; transition: all 0.5s; } .mfine-info-img:hover img{ transform: scale(1.08); } .mfine-info-txt{ float: left; margin-left: 65px; width: 480px; } .mfine-info-txt li{ margin-bottom: 10px; line-height: 30px; color: #748095; background: url(../images/icon57.png) no-repeat left top 9px; padding-left: 40px; transition: all 0.3s; } .mfine-info-txt li:last-child{ margin-bottom: 0; } .mfine-info-txt li:hover{ padding-left: 35px; } .mstra{ background: url(../images/img80.jpg) no-repeat center #2f3030; background-size:cover ; padding-top: 100px; height: 805px; color: #fff; } .mstra .htit h2, .mstra .htit p{ color: #fff; } .mstra-txt{ text-align: center; font-size: 30px; line-height: 1.4; margin-bottom: 130px; } .mstra-info ul{ height: auto; overflow: hidden; margin: 0 -23px; } .mstra-info li{ float: left; width: 368px; height: 220px; background: #fff; background: rgba(255,255,255,0.25); margin: 0 23px;text-align: center; padding-top: 48px; transition: all 0.3s; } .mstra-info li:hover{ padding-top: 38px; } .mstra-info .img{ margin-bottom: 20px; } .mstra-info h3{ font-size: 24px; font-weight: bold; } .mproj{ padding-top: 130px; } .mproj-main{ padding: 0 30px; position: relative; } .mproj-main .btnleft{ position: absolute; left: 0; top: 50%; background: url(../images/btn-left.png) no-repeat center; width: 58px; height: 58px; margin-top: -30px;cursor: pointer; } .mproj-main .btnright{ position: absolute; right: 0; top: 50%; background: url(../images/btn-right.png) no-repeat center; width: 58px; height: 58px; margin-top: -30px; cursor: pointer; } .mproj-main ul{ height: 775px; } .mproj-main li{ height: auto; overflow: hidden; background: #f7f8fc; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 375px; height: 775px; float: left; overflow: hidden; transition: width 0.4s ease; } .mproj-main .item-main{ width:1140px ;height: 775px; } .mproj-main li.active{ width: 760px; } .mproj-main li.active .mproj-main-hd{ margin-left: -375px; } .mproj-main-hd{ width: 375px; padding: 65px 40px 60px 70px; height: 775px; float: left; transition: margin-left 0.4s ease; } .mproj-main-hd1{ padding: 65px 50px 60px 50px; } .mproj-main-hd .num{ font-family: helvetica; font-size: 150px; color: #dadce4; line-height: 1; margin-bottom: 50px; } .mproj-main-hd .tit{ font-size: 30px; color: #000; font-weight: bold; margin-bottom: 15px; } .mproj-main-hd .line{ height: 6px; width: 85px; border-radius: 8px; background: #1d7acc; margin-bottom: 25px; } .mproj-main-hd .txt{ font-size: 22px; color: #959595; line-height: 1.8; } .mproj-main-bd{ background: #5497dc; color: #fff; width: 760px; height: 775px; padding: 85px 65px 30px 60px; position: relative; float: left; } .mproj-main-bd .num{ position: absolute; left: 0; right: 0; top: 55px; line-height: 1; font-size: 130px; color: #fff; color: rgba(255,255,255,0.2);text-align: center; } .mproj-main-bd .hd{ text-align: center; margin-bottom: 55px; } .mproj-main-bd .hd h3{ font-size: 30px; font-weight: bold; margin-bottom: 15px; } .mproj-main-bd .hd .txt{ font-size: 20px; line-height: 1.4; } .mproj-main-bd .bd{ font-size: 16px; text-align: justify; line-height: 2.4; } .msupp{ padding: 125px 0 130px 0; } .msupp-list ul{ margin-left: -12px; margin-right: -12px;height: auto; overflow: hidden; } .msupp-list li{ float: left; width: 408px; height: 318px; background: url(../images/bg05.png) no-repeat center; background-size:cover ; padding: 50px 35px; transition: all 0.3s; } .msupp-list li .img{ text-align: center; margin-bottom: 20px; } .msupp-list li .tit{ text-align: center; margin-bottom: 15px; font-size: 16px; color: #f96947; font-weight: bold; } .msupp-list li .txt{ font-size: 14px; color: #8c8c8c; line-height: 1.7; } .msupp-list li:hover{ padding-top: 40px; } .mproj-main .owl-pagination{ display: none; } .mproj-main .owl-theme .owl-controls .owl-buttons .owl-prev{ position: absolute; left: -25px; top: 50%;margin: 0; margin-top: -29px; background: url(../images/btn-left.png) no-repeat center; width: 58px; height: 58px; opacity: 1; } .mproj-main .owl-theme .owl-controls .owl-buttons .owl-next{ position: absolute; right: -25px; top: 50%;margin: 0; margin-top: -29px; background: url(../images/btn-right.png) no-repeat center; width: 58px; height: 58px; opacity: 1; } .mproj-main .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .mproj-main .owl-theme .owl-controls .owl-buttons .owl-next:hover{ opacity: 0.95; } .hbox{ clear: both; } /**/ @media only screen and (max-width:1700px) { .wrapper1{ width: auto; margin: 0 8%; } /* .header .nav>li{ margin-left: 55px; } */ } @media only screen and (max-width:1440px) { .header .nav>li{ margin-left: 7px; } .wrapper1{ width: 1000px; margin: 0 auto; } .wrapper{ width: 1000px; } .toper-tel{ line-height: 40px; font-size: 14px; } .toper-nav li{ line-height: 40px; font-size: 14px; } .toper-nav .username{ font-size: 14px; margin-left: 0px; } .toper-nav .usertc{ font-size: 14px; } .header .nav>li>a{ line-height: 60px; } .header .subnav{ top: 60px; } .header .subnav>li>a{ font-size: 14px; } .banner-img{ padding-top: 150px; } .hnav li{ padding: 20px 0; } .hnav li:hover{ padding-top: 15px; } .hnav-tit{ font-size: 18px; } .hnav-txt{ font-size: 14px; } .htit{ margin-bottom: 60px; } .htit h2{ font-size: 30px; } .htit p{ font-size: 14px; } .hour-txt .more{ font-size: 13px; } .hour-img{ width: 510px; margin-top: 40px; height: auto; } .hour-img img{ width: 510px; } .hour-txt{ width: 460px; margin-left: 20px; line-height: 1.8; } .hour-txt p{ margin-bottom: 15px; } .hservices-nav-tit{ font-size: 18px; margin-bottom: 8px; } .hservices-lx-l img{ width: 560px; } .hservices-lx-r{ width: 400px; margin-left: 30px; } .hservices-lx-r .item .icon{ margin-right: 20px; } .hservices-lx-r .item .icon img{ width: 66px; } .hservices-lx-r .btn{ width: 400px; margin-left: 0; } .hservices-lx-r .item .txts{ line-height: 1.9; } .newslist li h3{ font-size: 14px; } .newslist li .attr{ font-size: 12px; } .hnews-col{ width: 460px; } .hpart{ position: relative; margin-top: -30px; } .hpart-hd{ margin-bottom: 50px; } .hpart-hd li{ margin: 0 80px; font-size: 18px; } .hpart-hd li.active a{ border-width: 4px; } .hpart-bd li{ padding: 10px 25px; } .hnews1-col{ margin-left: 30px; } .hnews1-big, .hnews1-big-hd img{ width: 330px; } .hnews1-col{ width: 305px; } .hnews1-bd li h3 a{ width: 250px; } .hmap-info{ width: 500px; padding-top: 50px; } .hmap-info-box{ width:50%; } .hmap-tit{ font-size: 30px; margin-bottom: 50px; } .hmap-tit small{ font-size: 18px; } .hmap-bd{ margin-top: 0; } .hmap-bdl{ width: 140px; } .hmap-bdl li:first-child{ margin-top: 20px; } .hmap-bdl li:last-child{ margin-bottom: 20px; } .hmap-bdl li{ margin-top: 40px; font-size: 14px; padding-left: 22px; } .hmap-bdl li.active{ border-left-width:4px ; padding-left: 18px; } .hmap-bdr{ width: 350px; padding-top: 20px; } .hmap-bdr .icon{ width: 25px; margin-top: 8px; } .hmap-bdr .txt{ width: 305px; font-size: 14px; } .hmap-bdr .qrs img{ width: 87px; height: 87px; } .hmap-bdr .qrs p{ font-size: 14px; } .hmap:before{ width: 50%; } .hmapimg{ width: 50%; } .hrow{ margin-bottom: 90px; } .hnews1-bd li h3, .hnews1-big-bd .right h3{ font-size: 14px; } .hnews1-bd li{ padding-top: 15px; padding-bottom: 15px; } .hnews1-bd li h3 img, .hnews1-big-bd .right h3 img{ display: none; } .hnews1-bd li h3 a, .hnews1-big-bd .right h3 a{ width: auto; float: none; } .hnews1-big-bd .right h3{ line-height: 1.4; margin-bottom: 6px; } .hnews1-bd li .attr{ font-size: 12px;margin-right: 0; } .hnews1-bd li:after{ right: 0; } .mtable1-2{ width: 465px; } .mtable1 th, .mtable1 td{ padding: 10px 25px; } .mtable1-2box{ padding: 12px 10px; } .mcoop-l{ margin-left: 20px; } .mcoop-r{ width: 745px; } .mcoop-nav{ width: 205px; } .mcoop-nav li{ padding-left: 45px; } .mcoop-nav li.active, .mcoop-nav li:hover{ padding-left: 65px; width: 235px; } .mnews-notice .txt{ width: 570px; } .mpages-num li{ margin: 0 1px; } .mpages-prev{ margin-left:5px; } .mpages-jump{ margin-left: 5px; } .mpages-jump .text{ margin: 0 5px; padding: 0 5px; width: 40px; } .mpages-pagin select{ width: 90px; } .mcoop{ padding: 45px 0 60px 0; } .mdetail-box{ margin-top: 45px; } .mmap-main{ width: 575px; } .mmap-info{ width: 425px; } .maddrs ul{ margin: -5px -10px; } .maddrs li{ margin: 5px 10px; } .maddrs li{ width: 320px; padding-left: 20px; padding-right: 20px; transition: all 0.3s; } .mcoop-list li{ margin-right: 13px; width: 176px; margin-bottom: 10px; } .mcoop-list{ margin-right: -13px; margin-bottom: -10px; } .mcoop-bd{ margin-bottom: 40px; } .mdetail{ padding: 0 50px 60px 50px; } .mlist li img{ margin-right: 3px; } .mlist li{ margin-right: -14px; } .mlist li span{ margin-right: 14px; } .mlist1-txt{ font-size: 14px; } .mlist1-txt .checkbox-box{ margin-right: 14px; } .banner h2{ font-size: 56px; } .mbanner-list .tit{ font-size: 18px; } .mbanner-list .tit big{ font-size: 36px; } .mbanner-btns .btn, .mbanner1-btns .btn{ font-size: 20px; } .mbanner1-txt{ font-size: 28px; } .mbusiness-imgs ul{ margin-right: -15px; margin-top: -15px; } .mbusiness-imgs li{ margin-right: 15px; margin-top: 15px;width: 188px; } .mbusiness-imgs li h3{ padding-top: 55px; } .mteam-nav{ margin-left: 0; } .mteam-main{ width: 600px; padding: 45px ; } .mteam-hd{ margin-bottom: 30px; } .mabout-item .img{ width: 505px; } .mabout-item .imgbox{ width: 505px; } .mabout-item .txt{ width: 470px; margin-right: 0; line-height: 1.9; } .mguara-list li{ width: 320px; } .mguara-list .icon{ width: 90px; } .mfine-info-img{ margin-left: 0;width: 495px; } .mfine-info-txt{ margin-left: 0; float: right; width: 470px; } .mfine-info-txt li{ margin-bottom: 2px; } .mstra-info ul{ margin: 0 -12px; } .mstra-info li{ margin: 0 12px; width: 316px; } .mproj-main li{ width: 350px; } .mproj-main-hd{ width: 350px;padding: 50px 30px 30px 40px; } .mproj-main-bd .hd{ margin-bottom: 45px; } .mproj-main .item-main{ width: 1000px; } .mproj-main .item-main .left{ float: left; } .mproj-main li.active .mproj-main-hd{ margin-left: -350px; } .mproj-main li.active{ width: 590px; } .mproj-main-bd{ width:590px; padding-top:70px ; padding-left: 30px; padding-right: 30px; } .mproj-main-bd .num{ top: 52px; } .mproj-main-bd .hd .txt{ font-size: 18px; } .mproj-main-hd1{ padding: 50px 40px 30px 30px; } .msupp-list li{ width: 340px; background-size:100% 100% ; padding: 35px 30px; } .mservice-list h3{ font-size: 18px; } .mguara-list li.imgbox .img img{ width: 230px; } .mguara-list .info h3, .mstra-txt, .mstra-info h3{ font-size: 18px; } .mfine-txt{ font-size: 16px; } .mfine{ padding-bottom: 110px; padding-top: 110px; } .mproj-main-hd .num{ font-size: 100px; } .mproj-main-hd .tit, .mproj-main-bd .hd h3{ font-size: 24px; } .mproj-main-hd .line{ height: 5px; } .mproj-main-hd .txt{ font-size: 18px; } .mproj-main-bd .num{ font-size: 100px; } } .banner .owl-dots{ position: absolute; left: 0; right: 0; bottom: 85px;text-align: center; } .banner .owl-dots .owl-dot{ border: none; background: transparent; padding: 0; } .banner .owl-dots .owl-dot span{ -webkit-backface-visibility: visible; display: block; width: 10px; height: 10px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease; background: #fff; } .banner .owl-dots .owl-dot.active span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .banner .owl-nav .owl-prev{ position: absolute; left: 10px; top: 50%; width: 50px; height:80px; background: url(../images/btnleft.png) no-repeat center !important; margin-top: -40px; font-size: 0; opacity: 0.8; border: none; cursor: pointer; } .banner .owl-nav .owl-prev span{ display: none; } .banner .owl-nav .owl-next { position: absolute; right: 10px; top: 50%; width: 50px; height:80px; background: url(../images/btnright.png) no-repeat center !important;margin-top: -40px; font-size: 0;opacity: 0.8; border: none; cursor: pointer; } .banner .owl-nav .owl-next span{ display: none; } .banner .owl-nav .owl-prev:hover, .banner .owl-nav .owl-next:hover{ opacity: 1; } .banner .owl-nav .owl-next{ position: absolute; right: 0; top: 50%; }