.mobile {width:100%;} .mobile-inner {margin-right:auto;margin-left:auto;background-color:#000000;position:relative;} .mobile-inner img {} .mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;} .mobile-inner-header {background-color:rgb(255,255,255);width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;} .mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;} .mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;} .mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color:rgb(199,34,27);} .mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);} .mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);} .mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;} .mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;} @keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);} 100% {transform:translateY(0) rotate(45deg);} } @keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);} 100% {transform:translateY(0) rotate(-45deg);} } .mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;} .mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;} @keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);} 100% {transform:translateY(-4px) rotate(0deg);} } @keyframes outsecond {0% {transform:translateY(0) rotate(45deg);} 100% {transform:translateY(4px) rotate(0deg);} } .mobile-inner-nav {background-color:hsla(224,27%,35%,.6);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;} .mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;} .mobile-inner-nav dl {display:none;} .mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;} .mobile-inner-nav li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;} .mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;} .mobile-inner-nav h2.h2tit a {color:#FFFFFF;} .mobile-inner-nav a {border-bottom:none;} .mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;} @-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);} } @keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);} } @-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} to {opacity:1;-webkit-transform:none;transform:none;} } @keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} to {opacity:1;-webkit-transform:none;transform:none;} } .mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;} .mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;} .mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;} .mobile-inner-nav li:last-child {border-bottom:none;} .mobile-inner-nav li form {display:block;width:100%;height:100%;} @charset "utf-8";@charset "UTF-8"; .animated {animation-duration:1s;animation-fill-mode:both;} .animated.infinite {animation-iteration-count:infinite;} .animated.hinge {animation-duration:2s;} .fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;} @keyframes fadeInUp {from {opacity:0;transform:translate3d(0,9%,0);} to {opacity:1;transform:none;} } body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span { margin: 0; padding: 0; } html {font-size: 62.5%;} body {font-size: 1.4rem;} html,body{ -moz-user-select: none; -khtml-user-select: none; user-select: none; } body { font-family: "Microsoft YaHei" ! important; color: #000000; background: #fff; margin: 0 auto; padding: 0px; } body{ -webkit-tap-highlight-color:rgba(0,0,0,0); } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } input{ -webkit-appearance: none; } textarea { -webkit-appearance: none;} a { text-decoration: none; color: #235aa7; outline: none; } a:active { star:expression(this.onFocus=this.blur()); } img { border: 0px; vertical-align: middle; } li { list-style: none; } *{ outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a:link{text-decoration:none; } a:visited{text-decoration:none; } a:hover{text-decoration:none;} a:active{text-decoration:none;} .loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; z-index: 99999; } .loadingfa { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 29px; color: #1f8adf; position: absolute; left: 50%; margin-top: -25px; margin-left: -25px; top: 50%; } html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: none; } html { -webkit-tap-highlight-color: transparent; } body { -webkit-overflow-scrolling: touch; } * { padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } @keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-webkit-keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate{ from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} } @-ms-keyframes rotate{ from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)} } @-o-keyframes rotate{ from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)} } .xuanzhuan { animation: 2s linear 0s normal forwards infinite rotate; -webkit-animation: 2s linear 0s normal forwards infinite rotate; -moz-animation: 2s linear 0s normal forwards infinite rotate; -o-animation: 2s linear 0s normal forwards infinite rotate; } .xuanzhuan img{ display: block; width: 100%; } .wrap{ width: 1200px; max-width: 100%; margin: auto; } .pc{ display: block; } .wap{ display: none; } .clearflex:after,.wrap:after{ content: ""; display: table; clear: both; } .top *{ font-size: 14px; color: #666666; line-height: 40px; } .top{ background: #e6e6e6; } .top .left{ float: left; } .top .h1tit{ font-weight: normal; float: left; } .top .weather{ float: left; padding: 0px 21px; } .top .weather img{ margin-right: 4px; position: relative; top: -1px; } .top .time{ float: left; } .top .right{ float: right; } .top .right a:nth-child(2){ border:1px solid #bcbcbc; border-top:none; border-bottom:none; height:15px; line-height:15px; margin-top:13px; } .top .right a{ float: left; padding: 0px 10px; position: relative; } .top .right a.phone span img{ width:130px; } .top .right a.phone:hover span{ visibility:visible; opacity:1; top:40px; z-index:5; } .top .right a.phone span{ position:absolute; padding:5px; background:#fff; border-radius:4px; border:1px solid #333; left: -18px; top:50px; z-index: 6; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; visibility: hidden; opacity: 0; z-index: -1; top: 60px; } .top .right a.phone{ float: left; padding-left: 34px; background: url(../images/phone.png) no-repeat left 2px; position: relative; } .head{ } .head .logo{ float: left; padding-top: 27px; padding-bottom: 24px; } .head .logo img{ } .head .right{ float: right; } .head .block_1 { zoom: 1; overflow: hidden; } .head .block_1 .link{ float: right; padding-top: 24px; } .head .block_1 .link a{ display: inline-block; line-height: 21px; color: #666; padding: 0px 3px; } .head .block_1 .link a:nth-child(1){ background: url(../images/home.png) no-repeat left center; padding-left: 26px; } .head .block_1 .link a:last-child:hover{ color:#fff !important; background: #ff4404; } .head .block_1 .link a:last-child{ color: #a30c0c; background: #eee; margin-left: 8px; } .head .search:after{content:"";right:40px;top: 12px;height:10px;background:#ccc;position:absolute;z-index:5;width: 2px;} .head .search{ margin-top: 17px; float: right; width: 242px; position: relative; background: #eee; border-radius: 40px; overflow: hidden; margin-left: 23px; } .head .words{ width: 100%; height: 100%; border: none; background: none; padding: 0px 20px; height: 32px; } .head .send{ position: absolute; right: 0; top: 0px; height: 100%; width: 40px; border: none; cursor: pointer; background: url(../images/search.png) no-repeat center center; background-size: 13px; } .head .block_2{ padding-top: 13px; } .head .block_2 li:nth-child(1):after{ display:none; } .head .block_2 li:after{content:"";position:absolute;width:1px;height:14px;background:#ddd;top:15px;left: -7px;} .head .block_2 li{ float: left; margin: 0px 7px; position: relative; } .head .block_2 .h2tit{ position: relative; } .head .block_2 .h2tit a{ display: block; line-height: 46px; padding: 0px 10px; color: #555; font-size: 16px; font-weight: normal; } .head .block_2 li:hover dl{ visibility:visible; opacity:1; top:46px; z-index:5; } .head .block_2 dl{ position: absolute; left: 0px; top: 46px; width: 130px; background: #ff4404; padding: 10px 0px; visibility: hidden; opacity: 0; z-index: -1; top: 60px; } .head .block_2 dl dd a{ line-height: 30px; color: #fff; display: block; padding-left: 18px; } .head .block_2 li:hover .h2tit a, .head .block_2 li.current .h2tit a{ background: #ff4404; color: #fff } .head .block_2 dl dd a:hover{ background: #FB895C } .head, .head *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .banner img{ width: 100%; } .main{ } .main .sec_1{ padding-bottom: 27px; } .main .sec_1 .left{ float: left; padding-top: 23px; width: 41.4%; } .main .sec_1 .left .imgbox{ position: relative; overflow: hidden; } .main .sec_1 .left .imgbox img{ width: 100%; } .main .sec_1 .left .title{ position: absolute; z-index: 56; left: 0; bottom: 0; width: 100%; line-height: 41px; padding: 0px 10px; font-size: 14px; font-family: SimSun; font-weight: 400; color: #FFFFFF; background: rgba(0,0,0,0.7); } .main .sec_1 .left .swiper-pagination{ width: auto; right: 0; left: auto; right:10px; } .main .sec_1 .left .swiper-pagination *{ background:#fff; opacity:1; } .main .sec_1 .left .swiper-pagination *.swiper-pagination-bullet-active{ background:#FF4403; opacity:1; } .titlemodel:after{ content:""; display:table; clear:both; } .titlemodel{ /* zoom: 1; */ /* overflow: hidden; */ border-bottom: 1px solid #ddd; } .titlemodel .title{ float: left; font-size: 20px; font-family: Microsoft YaHei; font-weight: 400; color: #FF4403; border-bottom: 1px solid #FF4403; padding-bottom: 12px; line-height: 1; position: relative; top: 1px; } .titlemodel .more{ float: right; color: #777; padding-top: 4px; } .main .sec_1 .center{ width: 34%; float: left; margin-left: 2%; margin-right: 1%; padding-top: 28px; } .listmodel1{ padding: 0px 16px; padding-top: 18px; padding-right: 22px; padding-left: 0; } .listmodel1 li{ border-bottom: 1px solid #eee; } .listmodel1 li a{ display: block; line-height: 35.6px; font-size: 14px; zoom: 1; overflow: hidden; } .listmodel1 li a .s1:before{ content:"路"; position:absolute; left:0px; top:0px; } .listmodel1 li a .s1{ width: calc(100% - 65px); float: left; color: #686868; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 16px; position: relative; } .listmodel1 li a .s2{ float: right; color: #ccc; width: 60px; text-align: right; font-size: 15px; } .main .sec_1 .right{ float: right; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); width: 21%; background: #f1eee9; height: 444px; padding-top: 11px; } .main .sec_1 .right .imgbox{ text-align: center; width: 200px; margin: auto; overflow: hidden; } .main .sec_1 .right .imgbox img{ max-width: 100%; } .main .sec_1 .right .name{ font-size: 18px; font-family: SimSun; font-weight: bold; color: #434343; line-height: 12px; opacity: 0.77; padding-left: 35px; padding-top: 12px; } .main .sec_1 .right .dec{ font-size: 14px; font-family: SimSun; font-weight: 400; color: #434343; line-height: 20px; opacity: 0.73; padding: 0px 24px; text-indent: 2em; } .main .sec_1 .right .more{ float: right; margin-right: 33px; line-height: 33px; width: 94px; text-align: center; color: #fff; background: #FF4403; margin-top: 8px; } .main .sec_1 .right .pos{ font-family: SimSun; font-weight: bold; color: #434343; padding-left: 36px; opacity: 0.77; line-height: 1.6; padding-top: 5px; margin-bottom: 20px; } .main .sec_1{ margin-bottom: 12px; background: #fff; } .main { background: #f7f4ed } .main .sec_2{ } .main .sec_2 .items{ -webkit-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09); -moz-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09); -o-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09); -ms-box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09); box-shadow:0px 12px 24px 0px rgba(0,0,0,0.09); background: #fff; padding-top: 26px; padding-left: 10px; padding-right: 10px; } .main .sec_2 .items .item:nth-child(3){ margin-right:0px; } .main .sec_2 .items .item{ float: left; width: calc((100% - 60px)/3); margin-right: 30px; } .main .sec_2 .items .content{ } .main .sec_2 .items .content{ padding-top: 17px; zoom: 1; overflow: hidden; } .main .sec_2 .items .content .imgbox{ float: left; width: 127px; overflow: hidden; } .main .sec_2 .items .content .imgbox img{width: 100%;} .main .sec_2 .items .rig{ float: left; width: calc(100% - 127px); padding-left: 10px; } .main .sec_2 .items .rig .title{ display: block; line-height: 23px; font-size: 16px; color: #ff4403; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .sec_2 .items .dec{ padding-top: 10px; font-size: 13px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .main .sec_2 .items .list{ padding-top: 8px; } .main .sec_2 .items .list li{ } .main .sec_2 .items .list2 li:nth-child(2n){ margin-right:0px; } .main .sec_2 .items .list a{ display: block; line-height: 37px; zoom: 1; overflow: hidden; padding-left: 22px; background: url(../images/title.png) no-repeat left center; background-size: 13px; } .main .sec_2 .items .list .s1{ float: left; color: #555; width: calc(100% - 73px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main .sec_2 .items .list .s2{ float: right; color: #777; width: 67px; text-align: right; } .main .sec_2 .items .list2{ padding-top: 17px; zoom: 1; overflow: hidden; } .main .sec_2 .items .list2 li{ float: left; width: 46%; text-align: center; margin-right: 8%; } .main .sec_2 .items .list2 .imgbox{ overflow: hidden; } .main .sec_2 .items .list2 .imgbox img{ width: 100%; } .main .sec_2 .items .list2 .title2{ display: block; padding-top: 7px; margin-bottom: 20px; color: #1b766a; } .main .sec_2{ padding-bottom: 28px; } .footer{ } .footer .sec_1{ background: #ff2a00; padding-bottom: 36px; } .footer .sec_1 .left{ text-align: center; float: left; width: 188px; } .footer .sec_1 .left .logo{ } .footer .sec_1 .left .logo img{ padding-top: 48px; } .footer .sec_1 .left .ewm{ padding-top: 20px; } .footer .sec_1 .left .ewm img{ } .footer .sec_1 .right .item:after{ content:""; left:0px; width:1px; height: 160px; position: absolute; background: #e3573c; top: 13px; } .footer .sec_1 .right{ float: left; width: calc(100% - 188px); } .footer .sec_1 .right .item{ width: 14.26%; float: left; margin-top: 45px; position: relative; } .footer .sec_1 .right .item h2{ font-size: 14px; font-family: SimSun; font-weight: bold; color: #ffffff; text-align: center; } .footer .sec_1 .right .link{ padding-top: 27px; } .footer .sec_1 .right .link a{ display: block; text-align: center; font-size: 14px; font-family: SimSun; font-weight: 400; color: #ffbdb0; line-height: 26px; } .footer .sec_2{ background: #262932; line-height: 45px; } .footer .sec_2 .left{ float: left; padding-left: 20px; color: #8c8c8c } .footer .sec_2 .right{ float: right; } .footer .sec_2 .right a{ color: #8c8c8c; margin-left: 15px; } .s1, .top .right a, .head .block_1 .link a, .main .sec_1 .right .more, .main .sec_1 .right .imgbox img, .footer .sec_1 .right .link a, .main .sec_2 .items .list2 .imgbox img, .main .sec_1 .left .imgbox img, .main .sec_2 .items .list a, .main .sec_2 .items .list2 .title2, .main .sec_2 .items .content .imgbox img{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .main .sec_1 .right .more:hover, .main .sec_1 .right .imgbox:hover img, .main .sec_2 .items .list2 .imgbox img:hover, .main .sec_1 .left .imgbox:hover img, .main .sec_2 .items .content .imgbox:hover img{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .main .sec_1 .right .more:hover{ background: #fba058 } .head .block_1 .link a:hover, .s1:hover, .main .sec_2 .items .list2 li:hover .title2, .top .right a:hover{ color: #ff4403 !important; } .footer .sec_1 .right .link a:hover{ color: #fff } .main .sec_2 .items .list a:hover{ background: url(../images/title2.png) no-repeat left center; background-size: 13px; }