body{font-size:14px; font-family:"寰蒋闆呴粦"; background:#FFF;} .fr{ float:right;} .fl{ float:left;} .fn{ float:none;} .f2{ font-size:12px;} *{margin:0;padding:0;list-style-type:none;} a,img{border:0;text-decoration: none;} ul,li{padding:0px; margin:0px; list-style:none;} ul li a:hover{ color:#e35211; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } div a:hover{ color:#e35211; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } input,form,select,textarea{ margin:0px;padding:0px; outline:medium; border:0; border-radius:0; background:none; font-family:"寰蒋闆呴粦"; font-size:14px;} i,em{ font-style:normal;} .mo{ margin: 0 auto;} .most{ width:100%; height:auto; overflow:hidden; display:block;} .roundBorder{border-radius: 15px;} .clear{ clear:both; height:0; overflow:hidden;} .dsk{ width:100%; height:100%; display:block; overflow:hidden;} /*瀹氫綅*/ .pr{ position: relative;} .pa{ position: absolute;} .pf{ position: fixed;} /*鍧楃骇杞崲*/ .db { display: block;} .dn { display: none;} .di { display: inline;} .dib { display: inline-block;} /*娓呴櫎娴姩*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix{*zoom:1;} .lazy{ background: url(../images/loading.gif) no-repeat center center;} .usf img{ -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .usf a:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); } .ucss3{ -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } /*棣栭〉*/ .i-lista .ul .li:nth-child(1){opacity: 0; -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } .i-lista .ul .li:nth-child(2){opacity: 0; -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } .i-lista .ul .li:nth-child(3){opacity: 0; -webkit-transform:translateY(40px); -moz-transform:translateY(40px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } body section.put-section-0 .ul .li:nth-child(1){opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } body section.put-section-0 .ul .li:nth-child(2){opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 1s ease-in-out; transition: all 0.8s 1s ease-in-out; } body section.put-section-0 .ul .li:nth-child(3){opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 1.2s ease-in-out; transition: all 0.8s 1.2s ease-in-out; } .ioadcs-wk{ width:32%; overflow:hidden; background:#fff; float:left; padding-bottom:20px;} .ioadcs-wk .zxr-title{ text-indent:0; text-align:center;} .ioadcs-wk .zxr-nr{ margin:0 auto;} html,body{ width:100%; height:100%; overflow:hidden;} .section-wrap{ position:relative; z-index:10; width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);} .section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; overflow:hidden;} .section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;} .section-wrap .section .title p{ padding:0 4%;opacity:0} .section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);} .section-wrap .section-1{ background-color:#337ab7} .section-wrap .section-2{ background-color:#fff} .section-wrap .section-3{ background-color:#5bc0de} .section-wrap .section-4{ background-color:#f0ad4e} .section-wrap .section-5{ background-color:#d9534f} .put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);} .put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);} .put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);} .put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);} .put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);} .section-btn{ width:14px;position:fixed;right:4%;top:50%;} /*.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#BD362F;text-align:center; color:#fff; onsor:pointer;} .section-btn li.on{ background:#fff}*/ .arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#fff;border:1px solid #fff;cursor:pointer;overflow:hidden;} .arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;} @keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } @-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} } .hc{ width:85px; height:100%; background:url(../images/hd-hx.png) repeat-x left top #ef8810; position:absolute; z-index:98; left:0; top:0;} .logo{ width:100%; overflow:hidden; background:#fff; padding:15px 0 6px;} .logo a{ width:76px; height:62px; display:block; overflow:hidden; margin-left:4px;} .hc-num{ text-align:center; padding-bottom:8px; border-bottom:1px solid #fdf2e9; font-size:13px; color:#4d4948; background:#fff;} .hc-cz{ width:57px; padding:60px 0 16px 0; height:40px; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .hc-cz p{ width:100%; height:100%; display:block; position:relative; cursor:pointer;} .hc-cz p span{ width:37px; height:3px; overflow:hidden; display:block; background:#fff; position:absolute; z-index:5; right:0; top:0; -webkit-transform-origin: right top 0; -o-transform-origin: right top 0; transform-origin: right top 0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .hc-cz p em{ width:37px; height:3px; overflow:hidden; display:block; background:#fff; position:absolute; z-index:6; right:0; top:9px; opacity:1; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .hc-cz p i{ width:26px; height:3px; overflow:hidden; display:block; background:#fff; position:absolute; z-index:7; right:0; top:18px; -webkit-transform-origin: right bottom 0; -o-transform-origin: right bottom 0; transform-origin: right bottom 0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .hc-cz p.act em{ opacity:0;} .hc-cz p.act span{ width:26px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hc-cz p.act i{ width:26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } ul.hc-pos{ width:100%; position:relative; right:auto; top:0;} ul.hc-pos li{ width:100%; position:relative; cursor:pointer; padding:20px 0 29px; height:43px; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } ul.hc-pos p{ width:100%; height:43px; display:block; overflow:hidden; position:absolute; top:32px; left:0; z-index:10;} ul.hc-pos b{ width:135px; height:43px; display:block; position:absolute; z-index:5; left:0; top:32px; overflow:hidden; text-indent:65px; font-size:17px; color:#e35211; line-height:43px; opacity:0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } ul.hc-pos i{ background:url(../images/hd-icon0.png) no-repeat center center; width:135px; height:1px; position:absolute; z-index:3; left:-135px; top:46px; display:block; overflow:hidden; } ul.hc-pos em{ width:100%; height:29px; display:block; overflow:hidden; position:absolute; z-index:10; background:url(../images/hd-sx.png) no-repeat 41px center; left:0; bottom:-22px;} ul.hc-pos li.on em{background:url(../images/hd-sxh6.png) no-repeat center center;} ul.hc-pos li.on{ padding-bottom:37px;} ul.hc-pos li.on b{ opacity:1; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } ul.hc-pos li.hcp-icon0 p{ background:url(../images/hd-icon1.png) no-repeat 22px center;} ul.hc-pos li.hcp-icon0.on p{ background:url(../images/hd-icon1h.png) no-repeat 22px center;} ul.hc-pos li.hcp-icon1 p{ background:url(../images/hd-icon2.png) no-repeat 26px center;} ul.hc-pos li.hcp-icon1.on p{ background:url(../images/hd-icon2h.png) no-repeat 26px center;} ul.hc-pos li.hcp-icon2 p{ background:url(../images/hd-icon34.png) no-repeat 26px center;} ul.hc-pos li.hcp-icon2.on p{ background:url(../images/hd-icon33h.png) no-repeat 26px center;} ul.hc-pos li.hcp-icon22 p{ background:url(../images/hd-icon3.png) no-repeat 26px center;} ul.hc-pos li.hcp-icon22.on p{ background:url(../images/hd-icon3h.png) no-repeat 26px center;} ul.hc-pos li.hcp-icon3 p{ background:url(../images/hd-icon4.png) no-repeat 23px center;} ul.hc-pos li.hcp-icon3.on p{ background:url(../images/hd-icon4h.png) no-repeat 23px center;} ul.hc-pos li.hcp-icon4 p{ background:url(../images/hd-icon5.png) no-repeat 25px center;} ul.hc-pos li.hcp-icon4.on p{ background:url(../images/hd-icon5h.png) no-repeat 25px center;} .hc-wh{ width:100%; height:17px; position:relative; z-index:15;} .hc-wh i{ width:100%; height:100%; display:block; background:url(../images/hd-wh.png) no-repeat center center; cursor:pointer;} .hc-wh p{ width:150px; height:0px;background: #fff; position:absolute; display:block; left:85px; top:0; overflow:hidden; border-radius:0 2px 2px 0;} .hc-wh img{display:block; width:130px; height:130px;padding:8px;} .hc-form{ width:100%; height:19px; position:relative; margin-top:20px;} .hc-form i{ width:100%; height:100%; display:block; background:url(../images/hd-st.png) no-repeat center center; cursor:pointer;} .hc-form p{ width:250px; height:0; background:#fff; display:block; overflow:hidden; position:absolute; left:85px; top:0; border-radius:0 8px 8px 0;} .hc-form p.act{ background:#e1e1e1;} .hc-form p input.fl{ width:220px; height:100%; display:block; overflow:hidden; line-height:50px; text-indent:10px; font-size:16px; color:#333;} .hc-form p input.fr{ width:30px; height:100%; display:block; cursor:pointer; background:url(../images/hd-sth.png) no-repeat left center;} .hdbs-wk{ width:100%; position:absolute; left:0; bottom:40px; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .hd-rs{ width:0; height:100%; position:absolute; left:84px; top:0; z-index:90; border-left:1px solid #ee9b6f; overflow:hidden;} .hdrn-off{ width:30px; height:30px; position:absolute; right:40px; top:40px; z-index:10;} .hdrn-off a{ -webkit-transform:rotate(0deg);-webkit-transition-duration:0.5s; -moz-transform:rotate(0deg);-moz-transition-duration:0.5s; transform:rotate(0deg);transition-duration:0.5s; } .hdrn-off a:hover{ -webkit-transform:rotate(180deg);-webkit-transition-duration:0.5s; -moz-transform:rotate(180deg);-moz-transition-duration:0.5s; transform:rotate(180deg);transition-duration:0.5s; } .hdrn-off img{ -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .hdrn-off a:hover img{ -webkit-transform:scale(0.85); -moz-transform:scale(0.85); transform:scale(0.85); } .hdr-nr{ width:540px; height:100%; overflow:hidden; position:relative; background:url(../images/hd-hx.png) repeat-x left top #ef8810; z-index:90;} .hdrnn{ padding:14px 0;} .hdrn-nav{ position:absolute; z-index:3; left:0; top:50%; width:100%; overflow:hidden;} .hdrnn-title{ padding-left:180px; width:360px; height:50px; line-height:50px; overflow:hidden;} .hdrnn-title a{ font-size:24px; color:rgba(255,255,251,0.67); width:100%; height:100%; display:block;} .hdrnn-title a i{ font-size:30px; height:100%; overflow:hidden; display:block; width:50px;} .hdrnn-title a em{ height:100%; overflow:hidden; display:block; font-weight:bold;} .hdrnn-title a.act,.hdrnn-title a:hover{ color:#fff;} .hdrnn-list{ padding-bottom:10px; display:none; padding-left:180px; width:360px; overflow:hidden;} .hdrnn-list li{ width:100%; height:33px; line-height:33px; overflow:hidden; float:left; text-indent:50px;} .hdrn-nav .hdrnn{ -webkit-transition: all .35s ease; -ms-transition: all .35s ease; transition: all .35s ease; -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } div.hdrn-nav .hdrnn.cur{ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .hdrnn-list a{ font-size:16px; color:#fffffb;} .hdrnn-list a:hover{ color:#fff;} .hdrn-nav .hdrnn:nth-child(1){ -webkit-transition-delay:0s; transition-delay:0s; } .hdrn-nav .hdrnn:nth-child(2){ -webkit-transition-delay:0.12s; transition-delay:0.12s; } .hdrn-nav .hdrnn:nth-child(3){ -webkit-transition-delay:0.24s; transition-delay:0.24s; } .hdrn-nav .hdrnn:nth-child(4){ -webkit-transition-delay:0.36s; transition-delay:0.36s; } .hdrn-nav .hdrnn:nth-child(5){ -webkit-transition-delay:0.48s; transition-delay:0.48s; } .hdrn-nav .hdrnn:nth-child(6){ -webkit-transition-delay:0.6s; transition-delay:0.6s; } .hdrn-nav .hdrnn:nth-child(7){ -webkit-transition-delay:0.72s; transition-delay:0.72s; } .hdrn-nav .hdrnn:nth-child(8){ -webkit-transition-delay:0.84s; transition-delay:0.84s; } .hdrn-nav .hdrnn:nth-child(9){ -webkit-transition-delay:0.96s; transition-delay:0.96s; } .hdrn-nav .hdrnn:nth-child(10){ -webkit-transition-delay:1.08s; transition-delay:1.08s; } .hdr-yy{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(51,51,51,0.6); z-index:80;} .banner{ width:100%; height:100%; position:relative; overflow:hidden; z-index:10;} .banner .swiper-container{ width:100%; height:100%;} .banner .swiper-slide img{ width:100%; height:100%; display:block;} .banner .swiper-container div.swiper-pagination{ width:92px; height:28px; overflow:hidden; position:absolute; bottom:130px; left:50%; margin-left:-46px;} .banner .swiper-container div.swiper-pagination .swiper-pagination-bullet{ width:5px; height:11px; display:block; overflow:hidden; float:left; background:#f7f7f7; border-radius:0; margin:9px 18px 0 0; opacity:1; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .banner .swiper-container div.swiper-pagination span.swiper-pagination-bullet-active{ height:28px; background:#f7f7f7; margin-top:0;} .w1200 { width:1200px; margin: 0 auto; position: relative; } .i-lista { width: 100%; position: absolute; bottom:27px; text-align: center; z-index:80; } .i-lista .n-list { overflow:hidden; padding:27px; width: 100%; box-sizing: border-box; } .listb-wks{ background: rgba(225,85,23,0.8); width:100%; height:100%;box-sizing: border-box; position:relative;} .i-lista .list-box { overflow:hidden; width: 100%; height: 314px; box-sizing: border-box; text-align: left; position: absolute; bottom:11px; display:none; } .i-lista .list-box .list { position: absolute; opacity: 0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); visibility: hidden; left: 0; top: 0; width: 100%; -webkit-transition: all .8s; transition: all .8s; } .i-lista .list-box .list1 .img .imgb{ display: none; } .i-lista .list-box .list.active { opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); visibility: visible; } .i-lista .list-box .list1 .img { width:32%; height:100%; overflow:hidden; float: left; } .i-lista .list-box .list1 .img img { width: 100%; } .i-lista .list-box .list1 .p-text { width: 65%; float: right; height: 305px; } .i-lista .list-box .list1 .h { font-size:38px; padding-bottom:11px; line-height:58px; color: #fff; } .i-lista .list-box .list1 .h a{ color:#fff;} .i-lista .list-box .list1 .p { overflow:hidden; font-size: 16px; line-height:30px; margin-bottom:14px; color: #fff; width:100%; } .i-lista .list-box .list2 .n-list { padding: 50px 35px; } .i-lista .list-box .list2 .carousel { overflow: hidden; width: 100%; } .i-lista .list-box .list2 .newsli { display: block; padding: 0 40px 0 0; } .i-lista .list-box .list2 .time { font-size: 12px; color: #fff; line-height: 1.5; margin-bottom: 10px; opacity: .7; } .i-lista .list-box .list2 .h { font-size: 15px; color: #fff; line-height: 22px; height: 44px; margin-bottom: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .i-lista .list-box .list2 .img { overflow: hidden; } .i-lista .list-box .list2 .img img { width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; } .i-lista .list-box .list2 .newsli:hover .img img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); opacity: .8; } .i-lista .ul { width: 100%; } .i-lista .ul .li { width:33%; height:83px; float: left; cursor: pointer; box-sizing: border-box; } .i-lista .ul .li .f-li-wk{ width:100%; height:100%; position:relative;} .i-lista .ul .li a{ width:100%; height:100%; display:block; background:#fff; position:absolute; left:0; bottom:0; -webkit-transition: all .5s; transition: all .5s; } .i-lista .ul .li p{ background:url(../images/banner-icon0.png) no-repeat 93% center; width:100%; height:100%; display:block;} .i-lista .ul .li:nth-child(4n) { margin-right: 0; } .i-lista .ul .li.active .f-li-wk a{ -webkit-transition: all .5s; transition: all .5s; height:94px; } .i-lista .ul .li.active{ background:none;} .i-lista .ul .li.active a{ background:#e15517;} .i-lista .ul .li.active a p{background:url(../images/banner-icon0h.png) no-repeat 93% center;} .i-lista .ul .li.active em{ padding-top:20px; color: #fff; } .i-lista .ul .li.active span{ color: #fff; } .i-lista .ul .li.active .img .img1 { opacity: 0; -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); } .i-lista .ul .li.active .img .img2 { opacity: 1; -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); } .i-lista .ul .li em{ width:100%; height:29px; line-height:29px; overflow:hidden; display:block; text-indent:26px; font-size:18px; color:#323232; text-align:left; padding:15px 0 0;} .i-lista .ul .li span { width:100%; height:24px; line-height:24px; overflow:hidden; display:block; text-indent:26px; font-size:14px; color:#6d6d6d; text-align:left;} .i-lista .ul .li .img { width: 45px; height: 45px; margin-top: 7.5px; position: relative; float: left; margin-right: 5px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; } .i-lista .ul .li .img img { max-width: 100%; } .i-lista .ul .li .img .img1 { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transition: all 0.5s; transition: all 0.5s; position: absolute; left: 50%; top: 0; opacity: 1; -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); margin-left: -22px; } .i-lista .ul .li .img .img2 { position: absolute; left: 50%; margin-left: -22px; top: 0; opacity: 0; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); transition: 0.6s cubic-bezier(0.6, 0.2, 0.1, 1); } .ex-more { position: relative; display: block; width: 182px; height: 43px; font-size: 16px; font-weight: lighter; line-height: 43px; text-align: center; border-radius: 40px; color: #e15517; background: #fff; } .ex-more span { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; color:#e15517; display: inline-block; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .ex-more::after { content: ' '; position: absolute; top: 50%; right: 50px; width: 16px; height: 16px; margin-top: -8px; background: url(../images/img2.png) no-repeat center center; background-size: 15px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: right 0.4s, opacity 0.4s; transition: right 0.4s, opacity 0.4s; } .ex-more:hover span { opacity: 1; color: #e15517; filter: alpha(opacity=100); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .ex-more:hover::after { right: 40px; opacity: 1; filter: alpha(opacity=100); } .i-lista .list-box .list1{ opacity: 0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -webkit-transition: all .2s 0s ease-in-out; transition: all .2s 0s ease-in-out; } .i-lista .list-box .list1.active{ opacity: 1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transition: all .6s .2s ease-in-out; transition: all .6s .2s ease-in-out; } .it-lt{ width:56%; height:100%; overflow:hidden; background:url(../images/io-img0.jpg) no-repeat right bottom; position:relative; background-size:100% 100%;} .itl-wk{ width:590px; height:600px; position:absolute; right:110px; top:50%; margin-top:-300px;} .itlw-title{ width:100%; overflow:hidden;} .itlw-title span{ line-height:66px; display:block; overflow:hidden; padding:20px 14px 0 0; font-size:46px; color:#4d4948; font-weight:400; float:left;} .itlw-title img{ width:35px; height:66px; display:block; padding:10px 0 0; float:left;} .itlw-subt{ width:100%; overflow:hidden; height:45px; line-height:45px; margin-bottom:32px; font-size:16px; color:#4d4948;} .itlw-tx{ width:100%; overflow:hidden; height:210px; line-height:30px; text-indent:25px; font-size:14px; color:#5c5b5b; margin-bottom:23px;} .itlw-more a{ margin:56px 0 0 20px; width:142px; height:51px; display:block; overflow:hidden; text-align:center; line-height:51px; color:#fff; background:url(../images/io-linkbg.png) no-repeat; font-size:15px; font-weight:bold; position:relative;} .itlw-more a:hover{ color:#fff;} .itlw-more a span { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; color:#fff; display: inline-block; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .itlw-more a::after { content: ' '; position: absolute; top: 50%; right: 40px; width: 16px; height: 16px; margin-top: -8px; background:url(../images/img2h.png) no-repeat center center; background-size: 15px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: right 0.4s, opacity 0.4s; transition: right 0.4s, opacity 0.4s; } .itlw-more a:hover span { opacity: 1; color: #fff; filter: alpha(opacity=100); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .itlw-more a:hover::after { right: 30px; opacity: 1; filter: alpha(opacity=100); } .itlw-num li{ overflow:hidden; float:left; text-align:center; font-size:15px; color:#4d4948;} .itlw-num li.itlw-adcs0{ width:76px; padding-right:71px; background:url(../images/io-hx0.png) no-repeat right center;} .itlw-num li.itlw-adcs1{ width:276px; background:url(../images/io-hx0.png) no-repeat right center;} .itlw-num li.itlw-adcs2{ width:110px; float:right;} .itlw-num li p{ width:100%; height:57px; line-height:57px; display:block; overflow:hidden;} .itlw-num li p b{ font-size:40px;} .itlw-num li span{ width:100%; height:40px; line-height:40px; display:block; overflow:hidden; background:url(../images/io-hx1.png) no-repeat top center;} .itlw-num li.itlw-adcs1 p b{ color:#e15517;} .it-rt{ width:44%; height:100%; overflow:hidden; position:relative;} .it-rt img{ width:100%; height:100%; display:block; -webkit-animation: run2 25s linear infinite; -moz-animation: run2 25s linear infinite; animation: run2 25s linear infinite; } @-webkit-keyframes run2{ 0%{-webkit-transform:scale(1);} 50%{-webkit-transform:scale(1.2);} 100%{-webkit-transform:scale(1);} } @-moz-keyframes run2{ 0%{-moz-transform:scale(1);} 50%{-moz-transform:scale(1.2);} 100%{-moz-transform:scale(1);} } @keyframes run2{ 0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);} } .ih-wk{ width:1456px; position:absolute; left:50%; top:50%;} .ih-title{ font-weight:400; width:100%; height:86px; text-align:center; overflow:hidden; line-height:86px; font-size:46px; color:#4d4948;} .ih-title span{ display:inline-block; line-height:65px; padding:21px 16px 0 0;} .ih-title img{ width:35px; height:66px; display:inline-block; padding-top:10px;} .ih-subt{ width:100%; height:46px; margin-bottom:37px; overflow:hidden; text-align:center; line-height:46px; font-size:16px; color:#4d4948;} .ihb{ width:49%; height:540px; overflow:hidden; position:relative; background:#fff;} .ihb-show{ width:100%; overflow:hidden; position:absolute; z-index:5; left:0; bottom:0; background:rgba(255,255,255,0.8); padding-bottom:22px; transition:all 0.8s; } .ihbs-title{ height:76px; line-height:76px; overflow:hidden; margin:0 auto; width:92%; font-size:16px; color:#61605f; background:url(../images/it-icon0.png) no-repeat right center;} .ihbs-title b{ font-size:30px; color:#333333; padding-right:22px;} .ihbs-tx{ height:40px; line-height:20px; overflow:hidden; margin:0 auto; width:92%; font-size:15px; color:#4b4746;} .ihbs-tx p{ width:92%; overflow:hidden; display:block;} .ihb-hide{ width:100%; overflow:hidden; position:absolute; z-index:15; left:0; bottom:-100%; background:url(../images/ih-hx.png) repeat-y; transition:all 0.8s 0.1s; } .ihbh-title{ height:78px; line-height:78px; overflow:hidden; margin:13px auto 0; width:92%; font-size:16px; color:#fff;} .ihbh-title b{ font-size:30px; color:#fff; padding-right:22px;} .ihbh-tx{ height:104px; line-height:26px; overflow:hidden; margin:0 auto 17px; width:92%; font-size:15px; color:#fff;} .ihb a:hover .ihb-show{ bottom:-100%;} .ihb a:hover .ihb-hide{ bottom:0;} .ihb a img{ width:100%; display:block; -webkit-transition:all 0.8s ease 0s; -moz-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; } .ihb a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .ihb a{ width:100%; height:100%; display:block;} .ik-wk{ width:1200px; position:absolute; left:50%; top:50%;} .ik-bt{ width:100%; overflow:hidden; margin:0 auto; background:rgba(255,255,255,0.7); padding:60px 0 35px;} .ik-bt .swiper-slide{ width:25%; overflow:hidden; float:left; box-sizing:border-box; padding:0 0 0 2.5%; margin-right:0;} .ikb-title{ position:relative; padding-bottom:10px; margin-bottom:32px;} .ikb-title p{ width:100%; height:31px; line-height:31px; overflow:hidden; display:block; font-size:20px; color:#e35211;} .ikb-title span{ width:100%; height:28px; line-height:28px; overflow:hidden; display:block; font-size:18px; color:#ecb198;} .ikb-title span em{ height:100%; display:block; overflow:hidden;} .ikb-title i{ width:40px; height:3px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:#e35211;} .ikb-list{ height:280px;} .ikb-list li{ width:100%; height:36px; line-height:36px; float:left; overflow:hidden;} .ikb-list a{ color:#211a1f;} .ik-bt .swiper-button-next{ display:none;} .ik-bt .swiper-button-prev{ display:none;} .in-wk{ width:1200px; position:absolute; left:50%; top:50%;} .in-bt .gallery-thumbs{ width:400px; height:498px; overflow:hidden; background:url(../images/ik-hx.png) repeat-x;} .in-bt .gallery-thumbs .inbtp{ width:100%; float:left; overflow:hidden; height:107px; position:relative; border-bottom:1px solid #f4bf8b;} .in-bt .gallery-thumbs .inbtp p{ width:0; height:100%; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(56,55,55,0.2); z-index:5;} .inbx-time{ width:106px; overflow:hidden; color:#fff; text-align:center; position:relative; z-index:10;} .inbx-time em{ width:100%; display:block; overflow:hidden; height:21px; line-height:21px; padding-top:30px;} .inbx-time i{ width:100%; display:block; overflow:hidden; height:24px; line-height:24px; font-size:24px;} .inbx-tx{ width:280px; overflow:hidden; height:50px; line-height:25px; padding-top:28px; color:#fff; text-align:center; position:relative; z-index:10; font-size:15px; text-align:left;} .in-bt .gallery-top .inbtp{ width:100%; height:100%; overflow:hidden; position:relative; float:left;} .inbx-link{ padding-top:7px;} .inbx-link a{ margin:0 auto; width:142px; height:51px; display:block; overflow:hidden; text-align:center; line-height:51px; color:#fff; background:url(../images/io-linkbg.png) no-repeat; font-size:15px; font-weight:bold; position:relative;} .inbx-link a:hover{ color:#fff;} .inbx-link a span { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; color:#fff; display: inline-block; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .inbx-link a::after { content: ' '; position: absolute; top: 50%; right: 40px; width: 16px; height: 16px; margin-top: -8px; background:url(../images/img2h.png) no-repeat center center; background-size: 15px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: right 0.4s, opacity 0.4s; transition: right 0.4s, opacity 0.4s; } .inbx-link a:hover span { opacity: 1; color: #fff; filter: alpha(opacity=100); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .inbx-link a:hover::after { right: 30px; opacity: 1; filter: alpha(opacity=100); } .inbt-wap{ width:100%; overflow:hidden; display:none;} .in-bt .gallery-top{ width:800px; height:498px; overflow:hidden; position:relative;} .inbtpk{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; background:#fff;} .inb-img{ width:400px; height:100%; overflow:hidden; position:relative;} .inb-rs{ padding:53px 0 0 25px; width:340px; overflow:hidden;} .inbr-title{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:18px;} .inbr-title a{ color:#383737;} .inbr-time{ width:100%; height:46px; line-height:46px; overflow:hidden; font-size:14px; color:#929090;} .inbr-tx{ width:100%; line-height:24px; height:240px; overflow:hidden; margin-bottom:14px; padding:10px 0 0; text-indent:24px; color:#747272;} .inbr-tx p{ margin-bottom:24px;} div.inbr-link{ padding-top:0;} .inbtpk{ z-index:5; opacity: 0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -webkit-transition: all .3s 0s ease-in-out; transition: all .3s 0s ease-in-out; } .in-bt .gallery-top .inbtpk.aptx{ z-index:10; opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s .3s ease-in-out; transition: all 0.8s .3s ease-in-out; } .inb-img a{ -webkit-box-shadow: 0 0 0 0 #000 inset; -moz-box-shadow: 0 0 0 0 #000 inset; box-shadow: 0 0 0 0 #000 inset; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;} .inb-img a:hover{ -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.66) inset; -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.66) inset; box-shadow: 0 0 0 10px rgba(32,6,6,0.2) inset;} .ikb-list a:hover{ padding-left:5px;} .ft{ width:100%; height:312px; overflow:hidden; background:url(../images/ft-bg.jpg) no-repeat center top; background-size:100% 100%; position:absolute; z-index:40; left:0; bottom:-312px;} .ft-top{ width:60px; height:21px; line-height:21px; overflow:hidden; padding-top:15px; color:#7accf3; background:url(../images/ft-top.png) no-repeat center top; position:absolute; z-index:10; top:150px; right:100px; font-size:12px; text-align:center;cursor: pointer;} .ft-tp{ width:100%; height:250px; overflow:hidden; box-sizing:border-box; padding:0 100px 0 105px;} .ftt-logo img{ display:block; margin:0 auto; padding:38px 0 26px;} .ftt-bt{ width:100%; height:34px; position:relative; z-index:10;} .fttb-link{ line-height:34px; height:34px; overflow:hidden;} .fttb-link em{ padding-right:30px;} .fttb-link a{ color:#333333;} .fttb-fx{ width:204px; height:100%;} .fttbf-tx{ line-height:34px; display:block; overflow:hidden; color:#000000; font-size:12px; padding-right:18px;} .fttbf-xl{ width:34px; height:34px; display:block; padding-right:18px;} .fttbf-qq{ width:34px; height:34px; display:block;} .fttbf-wh{ width:34px; height:34px; display:block; position:relative; cursor:pointer;} .fttbf-wh p{ width:117px; height:124px; display:block; position:absolute; overflow:hidden; left:-42px; bottom:37px; background:url(../images/we-bg.png) no-repeat;} .fttbf-wh p img{ width:115px; height:115px; display:block; margin:1px auto 0;} .ft-bt{ width:100%; height:62px; line-height:62px; color:#fff; overflow:hidden; background:#e35211; box-sizing:border-box; padding:0 100px 0 105px;} .ft-bt p i{ padding-left:30px;} .ft-bt p em{ padding-left:30px;} .ft-bt p em a{ color:#fff;} .fttbf-wh p{ z-index:5; opacity: 0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -webkit-transition: all .2s 0s ease-in-out; transition: all .2s 0s ease-in-out; } .fttbf-wh:hover p{ z-index:10; opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 0.2s ease-in-out; transition: all 0.6s 0.2s ease-in-out; } /*2*/ .section-2 .css3-top{ opacity: 0; -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-2 .css3-bt{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-2 .css3-lt{ opacity: 0; -webkit-transform:translateX(60px); -moz-transform:translateX(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } body section.put-section-1 .css3-top,body .section-2.add-wap-css3 .css3-top{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } body section.put-section-1 .css3-bt,body .section-2.add-wap-css3 .css3-bt{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } body section.put-section-1 .css3-lt,body .section-2.add-wap-css3 .css3-lt{ opacity: 1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } /*3*/ .section-3 .css3-tp{ opacity: 0; -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-3 .css3-lb{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-3 .css3-rb{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } body section.put-section-2 .css3-tp{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } body section.put-section-2 .css3-lb{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } body section.put-section-2 .css3-rb{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 1.2s ease-in-out; transition: all 0.8s 1.2s ease-in-out; } /*4*/ .section-4 .css3-te-top{ opacity: 0; -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-4 .css3-nr-bt0{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-4 .css3-nr-bt1{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-4 .css3-nr-bt2{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-4 .css3-nr-bt3{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } body section.put-section-3 .css3-te-top{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 0.6s ease-in-out; transition: all 0.6s 0.6s ease-in-out; } body section.put-section-3 .css3-nr-bt0{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 0.6s ease-in-out; transition: all 0.6s 0.6s ease-in-out; } body section.put-section-3 .css3-nr-bt1{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 0.8s ease-in-out; transition: all 0.6s 0.8s ease-in-out; } body section.put-section-3 .css3-nr-bt2{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 1s ease-in-out; transition: all 0.6s 1s ease-in-out; } body section.put-section-3 .css3-nr-bt3{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 1.2s ease-in-out; transition: all 0.6s 1.2s ease-in-out; } /*5*/ .section-5 .css3-tu-tp{ opacity: 0; -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .section-5 .css3-tu-bt{ opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } body section.put-section-4 .css3-tu-tp{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 0.6s ease-in-out; transition: all 0.6s 0.6s ease-in-out; } body section.put-section-4 .css3-tu-bt{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.6s 0.6s ease-in-out; transition: all 0.6s 0.6s ease-in-out; } .index-load{ position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 99; background: #fff; background-size: cover; transition: all .8s ease-in-out; } .index-load .loading-logo{ position: absolute; left: 50%; top:50%; margin-left: -91px; margin-top: -68px; z-index: 2; } .index-load .line{ width: 100%; height: 2px; position: absolute; left: 0; top:0; z-index: 2; } .index-load .line:before { content: ""; position: absolute; background: #e35211; left: 0%; height: 2px; animation: width-load 2.2s forwards ease-out; } .index-load.active{ transform: translateY(150%); -webkit-transform:translateY(150%); -moz-transform:translateY(150%); } .index-load.active .line:before { height: 100vh; transition: all .3s .1s ease-in-out; } .index-warp{ transform: translateY(-10%); -webkit-transform:translateY(-10%); -moz-transform:translateY(-10%); opacity: 0; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .index-warp.active{ transform: translateY(0%); -webkit-transform:translateY(0%); -moz-transform:translateY(0%); opacity: 1; } @keyframes width-load { 0% { width: 0; } 100% { width: 100%; } } .ft-cs3tp{ opacity: 0; -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px); -webkit-transition: all .4s 0s ease-in-out; transition: all .4s 0s ease-in-out; } .ft-cs3lt{ opacity: 0; -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); -webkit-transition: all .4s 0s ease-in-out; transition: all .4s 0s ease-in-out; } .ft-cs3rt{ opacity: 0; -webkit-transform:translateX(60px); -moz-transform:translateX(60px); -webkit-transition: all .4s 0s ease-in-out; transition: all .4s 0s ease-in-out; } div.ft-adcss3 .ft-cs3tp{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0.4s ease-in-out; transition: all 0.8s 0.4s ease-in-out; } div.ft-adcss3 .ft-cs3lt,div.ft-adcss3 .ft-cs3rt{ opacity: 1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transition: all 0.8s 0.8s ease-in-out; transition: all 0.8s 0.8s ease-in-out; } .hc-cz p span{ -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } .hc-cz p em{ -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } .hc-cz p i{ -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } .hc-cz p.horx-ns:hover span{ width:19px; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } .hc-cz p.horx-ns:hover em{ width:28px; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } .hc-cz p.horx-ns:hover i{ width:37px; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s; } .hc-wap-form{ display:none;} .ih-xgjs{ display:none;} .inbr-mores{ display:none;} .ih-xgjs{ width:100%; overflow:hidden; position:relative; display:none;} .ih-xgjs .swiper-slide{ width:100%; float:left; overflow:hidden; background:#fff; margin-bottom:20px; height:498px;} .inb-rs{ float:none; margin:0 20px 0 400px; overflow:hidden; position:relative; width:auto;} .inb-img a img{ width:100%; height:100%; display:none;} .ft-wap-wh{ display:none; width:115px; overflow:hidden; float:right; padding:20px 20px 20px 0;} .ft-wap-wh img{ width:100%; height:115px; display:block;} .ft-wap-wh p{ width:100%; display:block; overflow:hidden; text-align:center; color:#666; line-height:25px;} .hd-wap-nav{ position:fixed; width:100%; height:100%; overflow:hidden; z-index:97; left:0; top:0; background:#e5e5e5; box-sizing:border-box; padding-top:50px; display:none;} .hwn-pxs{ width:100%; height:100%; overflow:auto;} .hwn{ border-bottom:1px solid #dcdcdc;} .hwn-show{ width:100%; height:60px; overflow:hidden; line-height:60px;} .hwn .hwn-show a{ width:100%; height:100%; display:block; font-size:16px; color:#333; background:url(../images/ico_03.png) no-repeat 95% center; background-size:20px 20px; text-indent:3%; cursor:auto;} .hwn .hwn-show.act a{ color:#fff; background:url(../images/ico_03_h.png) no-repeat 95% center #e35211; background-size:20px 2px;} .hwn-hide{ width:100%; overflow:hidden; padding:10px 4%; box-sizing:border-box; background:#fff; display:none;} .hwn-hide li{ width:100%; height:40px; line-height:40px; float:left; overflow:hidden;} .hwn-hide a{ height:100%; display:block; background:url(../images/ico_04.png) no-repeat left center; height:100%; text-indent:3%; font-size:14px; color:#666;} /*.hwn-wk .hwn:nth-child(1){ -webkit-transition-delay:0s; transition-delay:0s; } .hwn-wk .hwn:nth-child(2){ -webkit-transition-delay:0.1s; transition-delay:0.1s; } .hwn-wk .hwn:nth-child(3){ -webkit-transition-delay:0.2s; transition-delay:0.2s; } .hwn-wk .hwn:nth-child(4){ -webkit-transition-delay:0.3s; transition-delay:0.3s; } .hwn-wk .hwn:nth-child(5){ -webkit-transition-delay:0.4s; transition-delay:0.4s; } .hwn-wk .hwn:nth-child(6){ -webkit-transition-delay:0.5s; transition-delay:0.5s; } .hwn-wk .hwn:nth-child(7){ -webkit-transition-delay:0.6s; transition-delay:0.6s; } .hwn-wk .hwn:nth-child(8){ -webkit-transition-delay:0.7s; transition-delay:0.7s; } .hwn{opacity: 0; -webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; } .hwn.hwn-zksjs{opacity: 1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -webkit-transition: all .6s 0s ease-in-out; transition: all .6s 0s ease-in-out; }*/ .hwn { border-bottom: 1px solid #ddd; overflow: hidden; opacity: 0; -webkit-transform: scale(1.1) translateY(-24px); -ms-transform: scale(1.1) translateY(-24px); transform: scale(1.1) translateY(-24px); -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out; } .hwn.hwn-zksjs { opacity: 1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out; transition: opacity 0.35s ease-out, transform 0.35s ease-out; } .hwn-wk .hwn:nth-child(1) { -webkit-transition-delay: 400ms, 400ms; transition-delay: 400ms, 400ms; } .hwn-wk .hwn:nth-child(2) { -webkit-transition-delay: 350ms, 350ms; transition-delay: 350ms, 350ms; } .hwn-wk .hwn:nth-child(3) { -webkit-transition-delay: 300ms, 300ms; transition-delay: 300ms, 300ms; } .hwn-wk .hwn:nth-child(4) { -webkit-transition-delay: 250ms, 250ms; transition-delay: 250ms, 250ms; } .hwn-wk .hwn:nth-child(5) { -webkit-transition-delay: 200ms, 200ms; transition-delay: 200ms, 200ms; } .hwn-wk .hwn:nth-child(6) { -webkit-transition-delay: 150ms, 150ms; transition-delay: 150ms, 150ms; } .hwn-wk .hwn:nth-child(7) { -webkit-transition-delay: 100ms, 100ms; transition-delay: 100ms, 100ms; } .hwn-wk .hwn:nth-child(8) { -webkit-transition-delay: 50ms, 50ms; transition-delay: 50ms, 50ms; } .hwn-wk .hwn:nth-child(1) { -webkit-transition-delay: 300ms, 300ms; transition-delay: 300ms, 300ms; } .hwn-wk .hwn:nth-child(2) { -webkit-transition-delay: 350ms, 350ms; transition-delay: 350ms, 350ms; } .hwn-wk .hwn:nth-child(3) { -webkit-transition-delay: 400ms, 400ms; transition-delay: 400ms, 400ms; } .hwn-wk .hwn:nth-child(4) { -webkit-transition-delay: 450ms, 450ms; transition-delay: 450ms, 450ms; } .hwn-wk .hwn:nth-child(5) { -webkit-transition-delay: 500ms, 500ms; transition-delay: 500ms, 500ms; } .hwn-wk .hwn:nth-child(6) { -webkit-transition-delay: 600ms, 600ms; transition-delay: 600ms, 600ms; } .hwn-wk .hwn:nth-child(7) { -webkit-transition-delay: 650ms, 650ms; transition-delay: 650ms, 650ms; } .hwn-wk .hwn:nth-child(8) { -webkit-transition-delay: 700ms, 700ms; transition-delay: 700ms, 700ms; } .hd-wap-nav{ display:none;} div.hdr-adbg{ background:url(../images/lt-bg.jpg) no-repeat; background-size:100% 100%;} div.hdr-adbg .hdrnn-title a{ color:#ed9573;} div.hdr-adbg .hdrnn-title a.act{ color:#e45811;} div.hdr-adbg .hdrnn-list a{ color:#e45811;} /*1鐨囨皬鍔ㄦ€?/ .nw-banner{ position:relative; height:380px; width:100%; overflow:hidden;} .nw-banner img{ -webkit-animation: scale 50s linear 0s infinite; animation: scale 50s linear 0s infinite; } @-webkit-keyframes scale{ 0%{transform: scale(1);} 45%{transform: scale(1.2);} 55%{transform: scale(1.2);} 100%{transform: scale(1);} } @keyframes scale{ 0%{transform: scale(1);} 45%{transform: scale(1.2);} 55%{transform: scale(1.2);} 100%{transform: scale(1);} } .nwb-nr{ width:1200px; overflow:hidden; position:absolute; z-index:10; left:50%; margin-left:-600px; bottom:18%;} .nwb-nr b{ width:100%; display:block; overflow:hidden; height:67px; line-height:67px; font-size:50px; color:#ffffff;} .nwb-nr p{ width:100%; display:block; overflow:hidden; height:33px; line-height:33px; font-size:16px; color:#4d4948;} .nw-bg{ position:relative;} .nwbgs{ display:block; position:absolute; z-index:5; left:50%; margin-left:627px; top:0;} .nw-nav{ width:1200px; overflow:hidden; margin:13px auto 0; line-height:24px; color:#333333; height:24px; line-height:24px; text-indent:25px; background:url(../images/nw-icon0.png) no-repeat left center;} .nw-nav a{ color:#333;} .nw-nav i{ padding:0 5px;} .nw-nav a.act{ color:#e15518;} .nw-col{ width:1200px; overflow:hidden; margin:0 auto; background:url(../images/nw-hx.png) repeat-x left bottom;} .nw-col .swiper-container{ width:auto; float:right;} .nw-col .swiper-slide{ width:auto; height:46px; line-height:46px; margin-bottom:0;} .nw-col .swiper-slide em{ height:100%; display:block; padding:0 35px;} .nw-col .swiper-slide a{ display:block; overflow:hidden; position:relative; height:100%; font-size:16px; color:#424242;} .nw-col .swiper-slide a i{ width:0; height:1px; overflow:hidden; position:absolute; left:50%; bottom:0; background:#ee800a;} .nw-col .swiper-slide a.act{ color:#e15518;} .nw-xg{ width:1200px; overflow:hidden; margin:25px auto 36px; position:relative;} body.nw-xgcss3 .ft{ position:relative; bottom:0;} body.nw-xgcss3 .hc{ position:fixed;} body.nw-xgcss3 .hd-rs{ position:fixed;} .nw-xg .swiper-container{ width:100%; overflow:hidden; position:relative; float:none;} .nw-xg .swiper-container .swiper-pagination{ width:426px; left:82px; bottom:0;} .nw-xg .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:1px solid #ee800a; border-radius:50%; margin:0 5px; opacity:1;} .nw-xg .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{ background:#ee800a;} .nw-xg .swiper-slide{ width:100%; float:left; overflow:hidden;} .nwx-img{ width:426px; height:293px; overflow:hidden; position:relative; margin-right:50px; margin-bottom:26px; padding-left:82px;} .nwx-time{ width:100%; height:31px; line-height:31px; overflow:hidden; font-size:22px; color:#e15518;} .nwx-title{ width:100%; height:68px; line-height:34px; overflow:hidden; font-size:22px; margin:19px 0 11px;} .nwx-title a{ color:#383737;} .nwx-tx{ width:100%; height:96px; line-height:24px; overflow:hidden; font-size:14px; color:#747272; text-indent:24px; margin-bottom:19px;} .nwx-more{ width:100%; overflow:hidden;} .nwxm-ny a{ width:142px; height:51px; display:block; overflow:hidden; text-align:center; line-height:51px; color:#fff; background:url(../images/io-linkbg.png) no-repeat; font-size:15px; font-weight:bold; position:relative;} .nwxm-ny a:hover{ color:#fff;} .nwxm-ny a span { position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; color:#fff; display: inline-block; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .nwxm-ny a::after { content: ' '; position: absolute; top: 50%; right: 40px; width: 16px; height: 16px; margin-top: -8px; background:url(../images/img2h.png) no-repeat center center; background-size: 15px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: right 0.4s, opacity 0.4s; transition: right 0.4s, opacity 0.4s; } .nwxm-ny a:hover span { opacity: 1; color: #fff; filter: alpha(opacity=100); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .nwxm-ny a:hover::after { right: 30px; opacity: 1; filter: alpha(opacity=100); } /*div.nw-xg .swiper-container div.swiper-button-disabled{ opacity:1; cursor:pointer;pointer-events:inherit;}*/ .nw-xg .swiper-button-prev{ width:53px; height:293px; background:url(../images/nw-icon1.png) no-repeat center center #ececec; left:0; top:0; margin:0;} .nw-xg .swiper-button-next{ width:53px; height:293px; background:url(../images/nw-icon2.png) no-repeat center center #ececec; right:0; top:0; margin:0;} .nw-list{ width:1200px; overflow:hidden; margin:0 auto; padding:26px 0; position:relative;} .nw-list:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff9f0; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1),-webkit-transform .62s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; } .nw-list:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } .nwl-img{ width:204px; height:140px; overflow:hidden; position:relative; margin-right:27px;padding-left:20px;} .nwl-img a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;} .nwl-nr{ width:760px; overflow:hidden;} .nwls-wk0 a{ color:#333333;} .nwln-title{ font-size:20px; width:100%; height:42px; margin-bottom:16px; overflow:hidden; line-height:42px;} /*.nwln-title a{ font-size:20px; color:#333333;}*/ .nwln-tx{ width:100%; height:72px; overflow:hidden; line-height:24px; color:#807f7f;} .nwl-time{ width:120px; padding-left:27px; height:125px; border-left:1px solid #d9d9d9;} .nwl-time p{ width:100%; height:54px; line-height:54px; display:block; overflow:hidden; padding-top:6px; font-size:42px; color:#333333;} .nwl-time em{ display:none; font-weight:400;} .nwl-time i{ width:100%; height:37px; line-height:37px; display:block; overflow:hidden; font-size:20px; color:#333333;} .nwl-hx{ width:0; height:1px; overflow:hidden; background:#e35211; position:absolute; left:0; bottom:0;} .nywk-xz{ padding-left:85px; box-sizing:border-box;} .nwxr-wk{ width:560px; overflow:hidden;} .nwls-wk0{ width:931px; overflow:hidden; position:relative;} /*1鐨囨皬鍔ㄦ€?璇︽儏椤?/ .nix{ width:1200px; overflow:hidden; margin:0 auto; position:relative;} .nix-lt{ width:867px; overflow:hidden;} .nixl-title{ width:100%; line-height:32px; overflow:hidden; padding:44px 0 12px; font-size:24px; color:#333333;} .nixls-tx0{ display:block; line-height:30px; color:#747471;} .nixls-tx0 i{ padding:0 17px 0 30px;} .nixls-tx1{ display:block; line-height:30px; color:#367ecf;} .nixls-fx{ width:300px; height:30px;} .nixl-tx{ padding:50px 0 30px; } .nixl-tx p{line-height:24px; text-indent:24px; color:#333333;font-size: 14px;} .nixl-tx table{width: 100%; border-collapse: collapse;} .nixl-tx table tr td{border:1px solid #ccc;padding:0.4rem;} .nixl-tx p{ padding-bottom:24px;} .nixl-tx img{ max-width: 100%;height: auto;} .nix-rt{ width:250px; padding:6px 20px 0; overflow:hidden; border:12px solid #f3f3f3; margin-bottom:30px; position:absolute; left:50%; margin-left:286px; top:47px;} .nixr p{ width:100%; display:block; overflow:hidden; line-height:49px; font-size:15px; color:#e15313;} .nixr b{ width:100%; display:block; overflow:hidden; line-height:25px; font-size:17px;} .nixr a{ color:#333333;} .nixr i{ width:100%; display:block; overflow:hidden; line-height:37px; font-size:15px; padding-bottom:15px; font-size:15px; color:#333333; border-bottom:1px solid #d6d6d6;} /*2瑙嗛涓績*/ .vd{ width:1145px; overflow:hidden; margin:47px auto 0;} .vds{ width:553px; overflow:hidden; position:relative; margin-bottom:25px;} .vds em{ position:relative;} .vds img{ width:100%; display:block; overflow:hidden;} .vds p{ width:100%; height:66px; line-height:66px; display:block; overflow:hidden; text-align:center; font-size:20px;} .vds a{ color:#333333;} .vds em span{ width:100%; height:100%; display:block; background:url(../images/vd-opo.png) repeat; position:absolute; left:0; top:0; opacity:0; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); } .vds em span i{ width:100%; height:100%; display:block; background:url(../images/vd-icon.png) no-repeat center center;} .vds a:hover span{ opacity:1; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } /*6鎶曡祫鑰呭叧绯?/ .zx{ width:1200px; overflow:hidden; margin:0 auto;} .zx-list{ width:860px; overflow:hidden;} .zxl-new{ padding:15px 0; position:relative;} .zxl-new li{ width:100%; height:88px; line-height:88px; overflow:hidden; float:left; border-bottom:1px solid #e0e0e0; font-size:18px; color:#333333; position:relative;} .zxl-new li:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff9f0; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1),-webkit-transform .62s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; } .zxl-new li:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } .zxl-new span{ height:100%; display:block; overflow:hidden; width:500px; position:relative;} .zxl-new span a{ height:100%; display:block; overflow:hidden; float:left; text-indent:42px; background:url(../images/zx-icon0.png) no-repeat 9px center; color:#333333; text-overflow:ellipsis; white-space:nowrap; width:100%;} .zxl-new em{ padding-left:12px; position:relative;} .zxl-new i{ position:relative;} .zxl-new em a{ text-decoration:underline; color:#0073bc;} .zx-rs{ width:288px; overflow:hidden; padding:50px 0 30px;} .zxr{ margin-bottom:15px; background:#f3f3f3;} .zxr-title{ width:264px; overflow:hidden; margin:10px auto 0; text-indent:15px; line-height:56px; font-size:24px; color:#282828;} .zxr-nr{ width:260px; overflow:hidden; background:#e55b11; padding-left:14px; margin:0 15px 0 7px;} .zxrn-title{ line-height:32px; padding-top:8px; font-size:16px; color:#fff;} .zxrn-st p{ line-height:64px; width:164px; overflow:hidden; display:block; height:64px; font-size:28px; color:#fff; font-size:58px; margin-right:8px;} .zxrn-st p.top{ } .zxrn-st p.bottom{ background:url(../images/zx-icon2.png) no-repeat right center;} .zxrn-st span{ width:80px; overflow:hidden; display:block; padding-top:8px;} .zxrn-st span em{ width:100%; height:24px; line-height:24px; display:block; overflow:hidden; font-size:16px; color:#fff;} .zxrn-tx{ width:100%; height:31px; line-height:31px; font-size:16px; color:#fff; overflow:hidden; display:block;} .zxrn-tx em{ padding-left:32px;} .zxrn-time{ width:100%; height:25px; line-height:25px; font-size:14px; color:#f8cfb4; overflow:hidden; display:block; margin-bottom:10px;} .zxr-link{ width:100%; line-height:84px; overflow:hidden; text-indent:29px; font-size:16px; height:84px;} .zxr-link a{ color:#e15313; text-decoration:underline;} .zxrb-img{ width:264px; height:141px; display:block; padding:0 0 0 14px;} .zxrb-cu{ width:230px; overflow:hidden; margin:15px auto; line-height:25px; color:#282828; font-size:15px;} .zxrb-cu p{ font-size:16px; color:#1c75ee;} /*9鑲′环瀹炴椂璧板娍*/ .zul{ width:840px; overflow:hidden; padding:50px 0;} .zul-title{ width:100%; height:75px; line-height:75px; overflow:hidden; text-align:center; font-weight:400; font-size:24px; color:#282828;} .zul-tx{ color:#333; line-height:24px; padding:36px 0 0;} .zul-tx img{ display:block; margin:0 auto;} /*鎶曡祫鑰呬簰鍔?/ .reset{ border-radius:30px;} div.tzd-st{ width:140px; height:42px; position:relative; overflow:hidden; margin-right:2%; border-radius:30px;} div.tzd-st input{ width:100%; height:100%; position:absolute; left:0; top:0; display:block; z-index:10; background:none; color:#666; font-size:16px;} div.tzd-st a.tzdsxs{ width:100%; height:100%; display:block; overflow:hidden; text-align:center; line-height:42px; color:#fff; background:#e35211;font-size:16px; font-weight:bold; position:absolute; z-index:5;} div.tzd-st a.tzdsxs span { font-weight:400; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; color:#fff; display: inline-block; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } div.tzd-st a.tzdsxs::after { content: ' '; position: absolute; top: 50%; right:45px; width: 16px; height: 16px; margin-top: -8px; background:url(../images/img2h.png) no-repeat center center; background-size:100% 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: right 0.4s, opacity 0.4s; transition: right 0.4s, opacity 0.4s; } div.tzd-st:hover a.tzdsxs span{ opacity: 1; color: #fff; filter: alpha(opacity=100); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } div.tzd-st:hover a.tzdsxs::after{ right:35px; opacity: 1; filter: alpha(opacity=100); } .notice,.intera{ max-width: 1200px; margin: 0 auto; } .notice .row .mian{margin-bottom: 30px;} .notice .row .mian .box{ background-color: #f7f7f7; box-sizing:border-box; padding: 50px 11% 45px 15%; } .notice .row .box .title{ font-size: 20px; color: #000; padding-right: 15%; line-height: 26px; height: 54px; margin-bottom: 10px; overflow: hidden; background: url(../images/img1.png) right top no-repeat; } .notice .row .box .time{ font-size: 16px; line-height: 20px; color: #9d9d9d; } .notice.on,.intera.on{ margin-top:76px; } .intera .row .title{ font-size: 36px; color: #555555; line-height: 40px; font-weight: bold; margin-bottom: 15px; } .intera .row .fa{ font-size: 16px; line-height: 30px; color: #888888; } .intera .row.mt35{ margin-bottom: 35px; } .intera .row .fa span{color: #e60012;} .intera .row a{ line-height: 20px; font-size: 16px; color: #888888; cursor: default; display: inline-block; } .intera .row a:hover{text-decoration:none;} .intera .row .icon1{ padding-left: 25px; background: url(../images/img6.png) left center no-repeat; transition: all 0.5s; -webkit-transition: all 0.5s; cursor: pointer; } .intera .row .icon1:hover{ background: url(../images/img5.png) left center no-repeat; color: #006cb8; } .intera .row .icon2{ padding-left: 25px; background: url(../images/img7.png) left 5px no-repeat; } .intera .row .icon3{ padding-left: 25px; background: url(../images/img8.png) left 3px no-repeat; } .intera .row .icon4{ padding-left: 25px; background: url(../images/img9.png) left 2px no-repeat; } .intera .row .nopad{ margin-bottom: 20px; } .intera .row h3{ font-size: 20px; color: #555; line-height: 35px; margin: 15px 0 20px; } .intera .row .left ul li,.intera .row .right ul li{ margin-bottom: 24px; } .intera .row .left ul li .lab,.intera .row .right ul li .lab{ width:auto; float: left; display: block; height: 42px; line-height: 42px; font-size: 14px; color: #666666; min-width: 65px; } .intera .row .left ul li label,.intera .row .right ul li label{ margin-bottom: 0; font-weight: normal; color: #666666 } .intera .row .left ul li .lab span,.intera .row .right ul li .lab span{ color: #e60012; } .mr15{margin-right: 15px;} .pr5{padding-left: 5px;} .intera .row .left ul li .inp{ display: block; float: left; width: 85%; border:1px solid #dcdcdc; height: 42px; line-height: 42px; padding: 0 3%; } .intera .row .left ul li .delt{ height: 20px; line-height: 20px; padding: 11px 0; } .intera .row .left ul li .ui-selectbox{ float: left; height: 42px; line-height: 42px; margin-right: 3.5%; border:1px solid #dcdcdc; } .intera .row .left ul li .sel{ height: 42px; line-height: 42px; width: 26%; float: left; } .intera .row .left ul li .inpp{ width: 26%; display: block; float: left; height: 42px; line-height: 42px; padding:0 2%; border:1px solid #dcdcdc; } .intera .row .right ul li .teat{ width: 85%; float: left; height: 373px; border:1px solid #dcdcdc; padding:2% 3%; } .intera .row .right ul li .yzm{ width: 22%; height: 42px; line-height: 42px; padding: 0 2%; border:1px solid #dcdcdc; display: block; float: left; } .intera .row .right ul li .img{ display: block; float: left; height: 29px; width: 82px; margin: 6px 0 0 10px; } .intera .row .right ul li .reset,.intera .row .right ul li .submit{ display: block; width:22%; height: 42px; line-height: 42px; float: left; font-size: 16px; color: #666666; text-align: center; border:0; background-color: #ececec; margin-right: 2%; transition: all 0.5s; -webkit-transition: all 0.5s; } .intera .row .right ul li .submit{ background-color: #0372cd; color: #fff; } .intera .row .right ul li .submit:hover{ background-color: #006cb8; } .intera .row.mt100{ margin-top: 100px; } .hy-wk{ position:relative; z-index:50;} /*11鑱旂郴鎴戜滑*/ .cu-tp{ width:1200px; overflow:hidden; margin:0 auto;} .cut-lt{ width:590px; overflow:hidden; padding:0 0 40px 20px;} .cutl-title{ width:100%; height:83px; line-height:83px; overflow:hidden; padding-top:17px; font-size:24px; color:#343433; font-weight:400;} .cutl-tx{ width:100%; height:32px; line-height:32px; overflow:hidden; font-size:16px; color:#343433;} .cut-wh{ width:140px; height:140px; display:block; overflow:hidden; border:1px solid #8b8a8b; margin:108px 0 0;} .cu-map{ width:1200px; overflow:hidden; margin:0 auto 30px;} /*17鍙戝睍鍘嗙▼*/ .zck-xg{ padding:15px; background:#fff; box-shadow:0 20px 40px #c5c5c5; width:390px; margin:30px auto; display:none;} .zck-xg .swiper-slide{ width:100%; overflow:hidden;} .zckx-img{ width:100%; height:185px; overflow:hidden; position:relative;} .zckx-img b{ width:100%; height:30px; display:block; overflow:hidden; line-height:30px; text-align:center; font-size:16px; color:#fff; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;} .zckx-tx{ width:100%; height:120px; line-height:24px; color:#666; overflow:hidden; margin:15px auto 0; box-sizing:border-box; padding:0 35px;} .zck-xg .swiper-button-prev{ background:url(../images/controls.png) no-repeat 0 -32px; width:32px; height:32px; left:0; top:50%; margin-top:40px; z-index:555;} .zck-xg .swiper-button-next{ background:url(../images/controls.png) no-repeat -43px -32px; width:32px; height:32px; right:0; top:50%; margin-top:40px; z-index:555;} .aux-title b{ width:100%; display:block; overflow:hidden; text-align:center; font-size:28px; color:#333333; line-height:41px; padding:61px 0 0;} .aux-title span{ width:100%; display:block; overflow:hidden; text-align:center; font-size:18px; color:#888888; line-height:34px; padding:0 0 30px;} .aux-wk{ padding-bottom:30px; position:relative; z-index:50;} .even-box{position:relative;padding-top:90px;height:440px;} .event-list{margin-bottom:50px;padding-top:100px;height:200px;} .event-list ul{position:relative;margin-left:50%;height:1px;background-color:#999;-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;-webkit-transition:all .5s;transition:all .5s;} .event-list ul li{position:absolute;width:140px;height:100px;color:#4c4c4c;text-align:center;font-style:italic;font-size:60px;} .event-list ul li .year{position:absolute;right:0;left:0;display:block;width:100%;letter-spacing:3px;font-family:number;cursor:pointer; font-weight:bold;} .event-list ul li.on .year{color:#ea1620;text-shadow:0 6px 16px rgba(234,22,32,.4);} .event-list ul li .dian{position:absolute;left:50%;z-index:3;display:block;margin-left:-10px;width:20px;height:20px;border-radius:100%;background-color:#fff;-webkit-box-shadow:0 0 8px #bbb;box-shadow:0 0 8px #bbb;} .event-list ul li .dian i{display:block;margin:5px;width:10px;height:10px;border-radius:100%;background-color:#4d4d4d;} .event-list ul li.on .dian i{background-color:#ea1620;} .event-list ul li p{position:absolute;left:50%;margin-left:-100px;width:200px;text-align:center;letter-spacing:2px;font-size:16px;cursor:pointer;} .event-list ul li::before{position:absolute;left:50%;z-index:2;display:block;width:400px;height:1px;background-color:#ea1620;-webkit-box-shadow:0 0 1px #ea1620;box-shadow:0 0 1px #ea1620;content:'';opacity:0;} .event-list ul li:last-child::before{right:50%;left:auto;} .event-list ul li.on::before{opacity:1;} .event-list ul li:nth-child(even){top:-100px;} .event-list ul li:nth-child(odd){bottom:-100px;} .event-list ul li:nth-child(even) p{bottom:-70px;} .event-list ul li:nth-child(odd) p{top:-70px;} .event-list ul li:nth-child(even) .year{top:0;} .event-list ul li:nth-child(odd) .year{bottom:0;} .event-list ul li:nth-child(even) .dian{bottom:-10px;} .event-list ul li:nth-child(odd) .dian{top:-10px;} .event-list ul li:nth-child(even)::before{bottom:-1px;} .event-list ul li:nth-child(odd)::before{top:0;} .even-box .page,.hxt-box .page,.object-photo-box .page{position:relative;left:50%;margin-left:-315px;width:630px;height:34px;text-align:center;font-size:18px;line-height:34px;} .even-box .page div,.hxt-box .page div,.object-photo-box .page div{float:left;width:50%; letter-spacing:5px;letter-spacing:1px\0/IE8+9;font-family:sans-serif;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size: 16px\0/IE8+9;} .even-box .page .prev,.hxt-box .page .prev,.object-photo-box .page .prev{background-color:#c5c5c5;color:rgba(255,255,255,.7);font-family:number;} .even-box .page .next,.hxt-box .page .next,.object-photo-box .page .next{background-color:#c9151e;color:rgba(255,255,255,.7);font-family:number;} .even-box .show-box{position:absolute;right:50%;bottom:40px;overflow:hidden;margin-right:230px;width:420px;height:360px;background-color:#fff;-webkit-box-shadow:0PX 20px 70px #C5C5C5;box-shadow:0PX 20px 70px #C5C5C5;} .show-box ul{height:360px;-webkit-transition:all .5s;transition:all .5s;} .show-box li{float:left;padding:10px;width:420px;height:100%;} .show-box li .pic{position:relative;overflow:hidden;margin-bottom:24px;height:186px;} .aux-wk div,.aux-wk ul,.aux-wk li{box-sizing:border-box;} .show-box li .pic img{width:100%;height:100%;} .show-box li .pic h6{display:none;} .show-box li p{overflow:hidden;padding:0 34px;height:140px;font-size:15px;font-family:sans-serif;line-height:2; color:#555;} .show-box li p a{color:#ea1620;} .text_center {text-align: center;} .text_overflow {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .overflow_h {overflow: hidden;} i.icon-jiantou,i.icon-jiantou-copy{display:inline-block;-webkit-transition:all .2s;transition:all .2s;} .even-box .page .next:hover i, .hxt-box .page .next:hover i, .object-photo-box .page .next:hover i{-webkit-transform:translateX(30px);transform:translateX(30px);-ms-transform:translateX(30px);} .even-box .page .next:hover, .hxt-box .page .next:hover, .object-photo-box .page .next:hover{color:#fff;} .even-box .page .prev:hover, .hxt-box .page .prev:hover, .object-photo-box .page .prev:hover{color:#fff;} .even-box .page .prev:hover i, .hxt-box .page .prev:hover i, .object-photo-box .page .prev:hover i{-webkit-transform:translateX(-30px);transform:translateX(-30px);-ms-transform:translateX(-30px);} @media screen and (max-width:1500px){.event-list ul li::before{width:300px;} } @media screen and (max-width:1400px){ .show-box li .pic{height:144px;} .even-box{padding-top:380px;} .event-list{display:none;} .even-box .show-box{bottom:90px;margin-right:-170px;width:340px;} .show-box li{width:340px;} .even-box .page,.hxt-box .page,.object-photo-box .page{margin-left:-150px;width:300px;font-size:12px;} .even-box .page ,.object-photo-box .page{display: none;} .even-box .page i,.hxt-box .page i,.object-photo-box .page i{display:none;} .show-box li .pic h6{position:absolute;bottom:0;left:0;display:block;width:100%;height:30px;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:16px;line-height:30px;} } /*17鍙戝睍鍘嗙▼2*/ .zlt-wk{ width:1200px; overflow:hidden; margin:0 auto;} .zl-rt{ width:368px; overflow:hidden;} .zlr-title{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:24px; color:#333333; font-weight:400; margin-bottom:15px;} .zlr-title span{ display:block; overflow:hidden; height:100%; background:url(../images/zlt-icon1.png) no-repeat right center; padding-right:30px;} .zlr-list{ background:#fceee7; padding:13px 0 0;} .zlr-list li{ width:100%; overflow:hidden; float:left; margin-bottom:20px;} .zlr-list span{ width:325px; height:40px; line-height:40px; display:block; overflow:hidden; margin:0 auto; font-size:20px; color:#e45811;} .zlr-list p{ width:325px; line-height:25px; display:block; overflow:hidden; margin:0 auto; font-size:16px; color:#555453; padding-bottom:10px; border-bottom:1px solid #e0d7d3;} .zl-lt{ width:788px; overflow:hidden; position:relative; padding-bottom:20px;} .lszcyuan{ width:16px; height:16px; display:block; overflow:hidden; margin:0 auto; border:1px solid #d9d9d9; border-radius:50%; position:relative; z-index:10;} .lszcyuan i{ width:12px; height:12px; display:block; overflow:hidden; margin:0 auto; border:2px solid #fff; border-radius:50%; background:#e45811;} .show.iconfont{cursor: pointer; animation: move1 2s linear infinite; display: block;margin: 70px auto 0;width:40px;height:22px;line-height: 54px;text-align: center;font-size: 50px;color: #D4D4D4; background:url(../images/zlt-icon3.png) no-repeat;} .show.iconfont:hover{color: #1B57AC;} @keyframes move1{ 0%{transform: translateY(0);} 25%{transform: translateY(8px);} 75%{transform: translateY(-8px);} 100%{transform: translateY(0);} } .lszcList{text-align: center;padding-top: 70px;position: relative;overflow: hidden;height:1300px;} .lszcList .zltw-ns{width:50%;margin-bottom:100px;} .lszcList:after{position: absolute;width: 1px;height: 100%;content: '';display: block;top: 0;left: 50%;background: #D4D4D4;} .lszcList .zltw-ns:nth-child(2n){float: right;margin-right:0;margin-top: -300px;} .lszcList .zltw-ns:nth-child(2n+1){margin-left:0;} .lszcList .zltw-ns:nth-child(2n+1) .zltl-nr{margin-right:0;} .lszcList .zltw-ns:nth-child(2n) .zltl-nr{margin-left:0; float:right;} .lszcList .zltw-ns:nth-child(2n) .zltln-title{ left:auto; right:25px;} .lszcList .zltw-ns:nth-child(10){margin-top: -150px;} .lszcList .zltw-ns:nth-child(12){margin-top: -150px;} .lszcList .zltw-ns:nth-child(18){margin-top: -150px;} /*.lszcList .zltw-ns:nth-child(6){margin-top: -395px;} .lszcList .zltw-ns:nth-child(10){margin-top: -218px;}*/ .lszcList .zltw-ns .zltl-nr{width:92%;background: #F5F5F5;text-align: left;padding-bottom: 0; position:relative;} .lszcList .zltw-ns .zltl-time{text-align: right;color: #666;font-size: 16px;margin-bottom: 50px;} .lszcList .zltw-ns:nth-child(2n) .zltl-time{text-align: left;} .lszcList .zltw-ns:nth-child(2n) .zltl-time span{float: left;margin-top: 10px;margin-left: 0;margin-right: 20px;} .lszcList .zltw-ns .zltl-time span{display: inline-block;vertical-align: middle;width: 30px;height: 1px;background: #D4D4D4;margin-left: 20px;} .zltln-title{ background:url(../images/zlt-icon0.png) no-repeat; width:62px; overflow:hidden; text-align:center; color:#fff; font-size:16px; font-weight:bold; height:60px; line-height:60px; padding-top:40px; position:absolute; left:25px; top:-65px;} .zltln-list{ width:100%; overflow:hidden; padding:63px 0 15px;} .zltln-list li{ width:100%; overflow:hidden; float:left;font-size: 16px; box-sizing:border-box; padding:0 25px 10px 28px; background:url(../images/zlt-icon2.png) no-repeat 14px 9px; line-height:24px; color:#333333;} /*13闆嗗洟绠€浠?/ .tj-wk{ width:1200px; overflow:hidden; margin:0 auto;} .tjw-title p{ width:100%; display:block; overflow:hidden; font-size:46px; color:#4d4948; height:64px; line-height:64px;} .tjw-title span{ width:100%; display:block; overflow:hidden; font-size:16px; color:#4d4948; height:37px; line-height:37px; margin-bottom:53px;} .tjwn-tx{ width:78%; overflow:hidden; line-height:30px; font-size:16px; color:#5c5b5b;} .tjwn-tx p{ text-indent:30px;} .tjwn-num{ width:16%; text-align:center; overflow:hidden;} .tjwn-num li{ width:100%; float:left; overflow:hidden; font-size:15px; color:#4d4948; margin-bottom:15px;} .tjwn-num p{ width:100%; height:57px; line-height:57px; display:block; overflow:hidden;} .tjwn-num p b{ font-size:40px;} .tjwn-num span{ width:100%; height:38px; line-height:38px; display:block; overflow:hidden; background:url(../images/tj-hx.png) no-repeat center top;} .tjw-img{ width:94%; overflow:hidden; display:block; margin:25px auto;} .tjw-nr{ position:relative;} .tjw-cs3-tps{opacity: 0; -webkit-transform:translateY(60px); -moz-transform:translateY(60px); -webkit-transition: all 0.6s 0s ease-in-out; transition: all 0.6s 0s ease-in-out; } div.tj-wk .tjw-cs3-adtps{opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transition: all 0.8s 0s ease-in-out; transition: all 0.8s 0s ease-in-out; } /*14钁d簨闀胯嚧杈?/ .jy-wk{ width:1200px; margin:0 auto; position:relative; z-index:49;} .jy-lt{ width:790px; overflow:hidden;} .jyl-tx p{ text-indent:30px; line-height:30px; color:#5c5b5b;} .jyl-name{ padding:30px 0; font-size:16px; color:#5c5b5b;} .jyl-name p{ line-height:91px;} .jy-img{ display:block; position:absolute; top:0; left:50%; margin-left:195px;width: 470px;} /*16缁勭粐鏋舵瀯*/ .zg-img{ margin:15px auto 25px; display:block;} /*18浼佷笟鑽h獕*/ .yr-wk{ width:1130px; overflow:hidden; margin:0 auto;} .yrwrs{ width:44%; display:block; overflow:hidden;} .yrw-lt{ width:53%; overflow:hidden; background:url(../images/yr-icon2.png) repeat-y 19px top;} .yrwl-title{ width:100%; overflow:hidden;} .yrwl-title i{ background:url(../images/yr-icon0.png) no-repeat; width:39px; height:46px; display:block; text-align:center; color:#fff; font-size:16px; line-height:36px;} .yrwl-title span{ line-height:44px; font-size:30px; display:block; overflow:hidden; color:#e45811; padding-left:12px;} .yrwl-list{box-sizing:border-box; padding:17px 0 38px 31px;} .yrwl-list li{ width:100%; overflow:hidden; float:left; box-sizing:border-box; line-height:36px; background:url(../images/yr-icon1.png) no-repeat left 10px; padding:0 0 0 21px; font-size:17px; color:#777777;} /*19棰嗗鍏虫€€*/ .lxn-list{ width:1170px; overflow:hidden; margin:0 auto;} .lxn-list li{ width:390px; float:left; overflow:hidden;} .lxn-list a{ width:370px; display:block; overflow:hidden; position:relative; border:1px solid #dddddd; box-shadow:0 0 4px 0 rgba(0,0,0,0.2); margin:17px auto;} .lxn-list a:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff9f0; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1),-webkit-transform .62s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; } .lxn-list a:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } .lxnl-img{ width:100%; height:250px; overflow:hidden;} .lxnl-img img{ width: 100%; height: 100%; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .lxn-list a:hover .lxnl-img img{ width: 100%; height: 100%; -webkit-transform:scale(1.03); -moz-transform:scale(1.03); transform:scale(1.03); } .lxnl-tx{ width:270px; position:relative; height:210px; overflow:hidden; margin:0 auto; color:#666; line-height:24px; display:table;} .lxnl-tx div{box-sizing:border-box;display:table-cell;vertical-align:middle; padding:30px 0;} .brand-bar{ position: absolute; width: 100%; left: 0%; top: 0%; height: 100%; z-index: 8; } .brand-bar::before,.brand-bar::after { opacity: 0; position: absolute; width: 90%; height:35%; bottom: 5%; left: 5%; transition: all 0.3s; content: ''; box-sizing: border-box; } .brand-bar::before { border-top: 2px solid #e15518; border-bottom: 2px solid #e15518; transform: scale(0, 1); -webkit-transform: scale(0,1); } .brand-bar::after { border-left: 2px solid #e15518; border-right: 2px solid #e15518; transform: scale(1, 0); -webkit-transform: scale(1,0); } .lxn-list a:hover .brand-bar::before,.lxn-list a:hover .brand-bar::after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } /*15浼佷笟鏂囧寲*/ .aut-tx{ width:1200px; overflow:hidden; background:#eeeeee; border-radius:4px; margin:0 auto 44px;} .autt-title{ width:1130px; overflow:hidden; margin:10px auto 0; line-height:51px; font-size:30px; color:#777777;} .autt-tx{ width:1130px; overflow:hidden; margin:0 auto 18px; line-height:23px; font-size:15px; color:#777777;} .aut-gd{ width:1272px; overflow:hidden; margin:0 auto 65px; position:relative; z-index:55;} .aut-gd .swiper-slide{ width:281px; overflow:hidden; float:left; position:relative; padding-bottom:40px; margin-right:25px; cursor:pointer;} .aut-gd .swiper-container{ width:1200px; margin:0 auto;} .aut-gd div.xxx{ margin-right:0;} .aut-gd .swiper-button-prev{ background:url(../images/nw-icon1.png) no-repeat; width:19px; height:31px; overflow:hidden; position:absolute; left:0; top:50%; margin-top:-56px;} .aut-gd .swiper-button-next{ background:url(../images/nw-icon2.png) no-repeat; width:19px; height:31px; overflow:hidden; position:absolute; right:0; top:50%; margin-top:-56px;} .autg-img{ width:100%; height:350px; overflow:hidden; position:relative; border-radius:4px; z-index:5;} .autg-icon{ width:208px; height:63px; text-align:center; line-height:63px; overflow:hidden; border-radius:4px; position:absolute; left:50%; margin-left:-104px; bottom:0; font-size:18px; color:#333333; background:#e5e5e5; z-index:10;} .autg-img p{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:rgba(31,6,6,0.5); opacity:0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .autg-img p span{ width:100%; height:72px; line-height: 24px; display:block; overflow:hidden; text-align:center; position:absolute; left:0; top:50%; margin-top:-36px; font-size:18px; color:#fff;} .autg-img p span em{ width:100%; display:block; overflow:hidden; height:36px; line-height:36px;} .aut-gd .swiper-slide:hover .autg-icon{ color:#fff; background:#e05313;} .aut-gd .swiper-slide:hover .autg-img p{opacity:1; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .aut-xg{ position:relative; z-index:55; background:url(../images/aut-hx.png) repeat-x;} .autx-title span{ width:100%; display:block; overflow:hidden; text-align:center; line-height:57px; padding-top:100px; font-size:34px; color:#e05313;} .autx-title p{ width:100%; display:block; overflow:hidden; text-align:center; line-height:41px; padding-bottom:56px; font-size:15px; color:#6a6969;} .autx-xg{ width:1200px; overflow:hidden; position:relative; margin:0 auto;} .autx-xg .swiper-slide{ width:614px; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } .autx-xg .swiper-slide img{ width:100%;} .autx-xg .swiper-container-3d .swiper-slide-shadow-left{ background:none;} .autx-xg .swiper-container-3d .swiper-slide-shadow-right{ background:none;} /*鏂囧寲鏉垮潡*/ .wb-wk{ width:100%; margin:0 auto; overflow:hidden; position:relative; z-index:55; box-sizing:border-box; padding:0 50px;} .type-list{width:202px;height:504px;margin-right:130px;position:relative;transition:cubic-bezier(.62,.06,.07,.98) 1s;-ms-transition:cubic-bezier(.62,.06,.07,.98) 1s;-o-transition:cubic-bezier(.62,.06,.07,.98) 1s;-webkit-transition:cubic-bezier(.62,.06,.07,.98) 1s;-moz-transition:cubic-bezier(.62,.06,.07,.98) 1s; float:left;} .type-list:last-child{margin-right:0} .type-list:before{content:'';position:absolute;width:1px;height:0;left:100%;top:0;background:#a72126;transition:ease 1s;-ms-transition:ease 1s;-o-transition:ease 1s;-webkit-transition:ease 1s;-moz-transition:ease 1s} .type-list .pro-box{width:100%;height:100%;display:inline-block;position:relative;overflow:hidden} .type-list .pro-box .pro{position:absolute;width:100%;height:100%;top:0;left:0;transition:ease 1s;-ms-transition:ease 1s;-o-transition:ease 1s;-webkit-transition:ease 1s;-moz-transition:ease 1s;transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%)} .type-list .pro-box .pro:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#a72126;transition:cubic-bezier(.74,.1,.03,.93) 1s;-ms-transition:cubic-bezier(.74,.1,.03,.93) 1s;-o-transition:cubic-bezier(.74,.1,.03,.93) 1s;-webkit-transition:cubic-bezier(.74,.1,.03,.93) 1s;-moz-transition:cubic-bezier(.74,.1,.03,.93) 1s;transition-delay:1.3s} .type-list .pro-box .pro .sub-bg{opacity:0;transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);-webkit-transform:translateX(50%);-moz-transform:translateX(50%);transition:transform ease .8s,opacity .6s;-ms-transition:transform ease .8s,opacity .6s;-o-transition:transform ease .8s,opacity .6s;-webkit-transition:transform ease .8s,opacity .6s;-moz-transition:transform ease .8s,opacity .6s;transition-delay:1.4s} .type-list .pro-box .more{opacity:0;visibility:hidden;width:70px;height:70px;transition:clip 1s ease,transform 1s ease,visibility 1s,opacity .6s;clip:rect(0,0,70px,0);transform:rotate(0);border-radius:50%;border:2px solid #fff;font-size:24px;font-weight:bolder;color:#fff;position:absolute;z-index:11;text-align:center;line-height:64px;left:50%;top:50%;margin-left:-35px;margin-top:-35px; background:url(../images/add.png) no-repeat center center; background-size:26px 26px; box-sizing:border-box;} .reset-delay .type-list .order span:first-child{transition-delay:.4s} .reset-delay .type-list .order span:last-child{transition-delay:.5s} .type-list .pro-box .more:before{position:relative;transform:rotate(45deg);display:inline-block;font-weight:lighter} .type-list .order{position:absolute;top:50px;right:-77px} .type-list .order i{display:inline-block;width:40px;height:1px;background:#dedede;margin-right:10px;width:0;transition-delay:1.8s} .type-list .order p{display:inline-block;overflow:hidden} .type-list .order p span{display:inline-block;font-family:'Baskerville Old Face';font-size:49px;color:#dedede;transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%)} .type-list .order p span:first-child{transition-delay:1.8s} .type-list .order p span:last-child{transition-delay:1.9s} .type-list .desc{width:92px;height:85px;background:#a72126;color:#fff;text-align:center;line-height:85px;position:absolute;left:0;top:50%;margin-top:-43px;z-index:-1;visibility:hidden;transition:cubic-bezier(.73,.1,.25,1) .6s;-ms-transition:cubic-bezier(.73,.1,.25,1) .6s;-o-transition:cubic-bezier(.73,.1,.25,1) .6s;-webkit-transition:cubic-bezier(.73,.1,.25,1) .6s;-moz-transition:cubic-bezier(.73,.1,.25,1) .6s} .type-list .desc p{font-size:16px;color:#fff} .type-list .hover-pro{position:absolute;top:0;left:0;opacity:0;width:0;transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;-moz-transition:1s}.type-list .tips-box{position:absolute;width:100%;bottom:0;left:0;overflow:hidden}.type-list .tips-box .tips{background:rgba(255,255,255,.8);color:#a72126;padding:22px 0 22px 25px;transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transition:ease .8s;-ms-transition:ease .8s;-o-transition:ease .8s;-webkit-transition:ease .8s;-moz-transition:ease .8s}.type-list .tips-box p{font-size:30px; margin-bottom:10px;}.type-list .tips-box span{display:inline-block;font-size:14px}.type-list .tips-box i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#a72126}.isok .type-list:nth-child(1) .pro,.isok .type-list:nth-child(1):before{transition-delay:.2s}.isok .type-list:nth-child(2) .pro,.isok .type-list:nth-child(2):before{transition-delay:.3s}.isok .type-list:nth-child(3) .pro,.isok .type-list:nth-child(3):before{transition-delay:.4s}.isok .type-list:nth-child(4) .pro,.isok .type-list:nth-child(4):before{transition-delay:.5s}.isok .type-list:before{height:100%}.step_2 .type-list:before{left:0}.step_2 .type-list .pro{transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.step_2 .type-list .pro:after{transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%)}.step_2 .type-list .pro .sub-bg{opacity:1;transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.step_2 .type-list .order i{width:40px}.step_2 .type-list .order p span{transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}.step_2 .type-list .desc{animation:show_index 2.6s 1.3s 1 forwards;-webkit-animation:show_index 2.6s 1.3s 1 forwards;-moz-animation:show_index 2.6s 1.3s 1 forwards;-o-animation:show_index 2.6s 1.3s 1 forwards}.type-list.this{width:475px}.type-list.this .hover-pro{width:100%;opacity:1}.type-list.this .desc{left:-92px;opacity:0}.type-list.this .order i{width:0}.type-list.this .order p span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}.type-list.this .tips{transition-delay:.4s;transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}.type-list.this .pro-box .more{opacity:1;visibility:visible;clip:rect(0,70px,70px,0);transform:rotate(360deg);transition-delay:.6s}.type-list.mr{margin-right:0}aside{width:460px;height:100%;background:url(../images/bg.png) repeat center;position:relative;top:-10px;transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transition:cubic-bezier(.46,.1,.13,.95) 1s;-ms-transition:cubic-bezier(.46,.1,.13,.95) 1s;-o-transition:cubic-bezier(.46,.1,.13,.95) 1s;-webkit-transition:cubic-bezier(.46,.1,.13,.95) 1s;-moz-transition:cubic-bezier(.46,.1,.13,.95) 1s} @keyframes show_index{0%{visibility:hidden}15%{visibility:visible;transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}40%{transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);z-index:-1}50%{z-index:1}70%{transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);visibility:visible;z-index:1}100%{transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index:1;visibility:visible}} .container { width: 900px; min-width: 900px; margin: 0 auto } .ib-middle{display:inline-block;vertical-align:middle} .type-item{margin-top:100px;width:1514px;transition:transform .75s ease .75s;-ms-transition:transform .75s ease .75s;-o-transition:transform .75s ease .75s;-webkit-transition:transform .75s ease .75s;-moz-transition:transform .75s ease .75s} .wbw-wap{ width:1000px; overflow:hidden; margin:35px auto 0; display:none;} .wbw-wap li{ width:475px; overflow:hidden; position:relative; margin-bottom:50px;} .wbwp-img{ width:100%; overflow:hidden; display:block;} .wbwp-hie{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5);} .wbwph-icon{ width:92px; height:86px; display:block; padding:15px;} .wbwph-nr{ overflow:hidden; padding-top:15px;} .wbwph-nr p{ padding-top:10px; width:100%; height:35px; line-height:35px; overflow:hidden; display:block; font-size:18px; color:#fff;} .wbwph-nr span{ width:100%; height:20px; line-height:20px; overflow:hidden; display:block; font-size:14px; color:#fff;} /*涔充笟鏉垮潡*/ .rbk-wk{ width:1200px; overflow:hidden; margin:30px auto;} .rbk-wk li{ width:585px; overflow:hidden; position:relative; margin-bottom:30px;} .rbks-show{ position:relative;} .rbkss-po{ position:absolute; left:0; z-index:5; top:50%; margin-top:-81px; text-align:center; width:100%; overflow:hidden;} .rbkss-po img{ width:80px; height:80px; display:block; margin:0 auto 6px;} .rbkss-po p{ width:100%; overflow:hidden; display:block; font-size:36px; color:#e45811; line-height:45px;} .rbkss-po span{ width:100%; overflow:hidden; display:block; font-size:20px; color:#fff; line-height:30px;} .rbks-hide{ width:100%; height:100%; overflow:hidden; position:absolute; z-index:10; left:0; top:0;} .rbksu{ width:100%; overflow:hidden; margin:0 auto; position:absolute; left:0; top:50%; margin-top:-164px; z-index:10; opacity:0; -webkit-transition: all 0.6s 0s ease-in-out; transition: all 0.6s 0s ease-in-out; } .rbksu-title{ width:100%; text-align:center; overflow:hidden; height:45px; line-height:45px;} .rbksu-title p{ float:left; height:100%; overflow:hidden; width: 100%;} .rbksu-title span{ display:block; float:left; line-height:45px; font-size:36px; color:#e45811; width: 100%; text-align: center;} .rbksu-title img{ width:45px; height:45px; float:left;} .rbksu-tx{ width:80%; height:120px; overflow:hidden; line-height:24px; margin:15px auto; font-size:14px; color:#646464;} .rbksu-more a{ margin:0 auto;} .rbks-hide:before { content: ""; width: 0%; height: 0%; position: absolute; left: 50%; top: 50%; background: rgba(255,255,255,0.9); background: #fff\9; filter: alpha(opacity=90); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius: 50%; transition: 0.67s ease-in-out; } .rbk-wk li:hover .rbks-hide:before { width: 130%; height: 200%; } .rbk-wk li:hover .rbksu{opacity:1; -webkit-transition: all 0.6s 0s ease-in-out; transition: all 0.6s 0s ease-in-out; } body.nss-nav-xgjs ul.hc-pos i{ background:#fff; top:27px; height:56px; opacity:0; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } body.nss-nav-xgjs ul.hc-pos li.on i{ opacity:1; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; } /*淇℃伅鎶湶鍏憡*/ .xxpl{ padding:15px 0; position:relative;} .xxpl li{ width:100%; height:50px; line-height:50px; overflow:hidden; float:left; border-bottom:1px solid #e0e0e0; font-size:15px; color:#333333; position:relative;} /*.xxpl li:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff9f0; -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1); transition: transform .62s cubic-bezier(.4,0,.2,1),-webkit-transform .62s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }*/ /*.xxpl li:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } */.xxpl span{ height:100%; display:block; overflow:hidden; width:730px; position:relative;} .xxpl span a{ height:100%; display:block; overflow:hidden; float:left; text-indent:42px; background:url(../images/zx-icon0.png) no-repeat 9px center; color:#333333; text-overflow:ellipsis; white-space:nowrap; width:100%;} .xxpl em{ padding-left:12px; position:relative;} .xxpl i{ position:relative;} .xxpl em a{ text-decoration:underline; color:#0073bc;} /*鍛樺伐澶╁湴*/ .ygtd{width: 100%;margin: 0 auto; padding:15px 0; position:relative;} .ygtd li{ width:100%; height:50px; line-height:50px; overflow:hidden; float:left; border-bottom:1px solid #e0e0e0; font-size:15px; color:#333333; position:relative;} .ygtd span{ height:100%; display:block; overflow:hidden; position:relative;} .ygtd span a{ height:100%; display:block; overflow:hidden; float:left; text-indent:24px; color:#333333; text-overflow:ellipsis; white-space:nowrap; width:100%;} .ygtd em{ padding-left:12px; position:relative;} .ygtd i{ position:relative;} .ygtd em a{ text-decoration:underline; color:#0073bc;} /*鎼滅储缁撴灉*/ .souoso{min-height: 500px;} .souoso li{width:100%;height: 50px;line-height: 50px; border-bottom: 1px solid #ddd;} .souoso li a{width:100%;height: 50px;display:block;font-size: 16px;color: #666;text-indent:10px;} .zanwu{width: 100%;height: 100px;line-height: 100px;margin-top:20px;font-size: 18px;text-align: center;color: #333;min-height: 200px;} .hwn .wucate a{background: none;} .hwn .wucate a:hover{background-image:none;color:#fff; background-color:#e35211;} .rbksu-logo{ display:block; margin:0 auto 12px; width:70px; height:70px;} .piwc{text-indent:10px;} .nieycon{margin:20px 0;} .lszcList .zltw-ns:nth-child(3){ margin-bottom:130px;} .intera .row .left ul li select.sel{ outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .ft-bt p.fl a, .ft-bt p.fr a{color: #fff;} .logo750{ display:none;} .banner-wap{ width:100%; overflow:hidden;} .banner-wap .swiper-container{ width:100%; height:100%;} .banner-wap .swiper-slide img{ width:100%; height:100%; display:block;} .banner-wap .swiper-container div.swiper-pagination{ width:92px; height:28px; overflow:hidden; position:absolute; bottom:30px; left:50%; margin-left:-46px;} .banner-wap .swiper-container div.swiper-pagination .swiper-pagination-bullet{ width:5px; height:11px; display:block; overflow:hidden; float:left; background:#f7f7f7; border-radius:0; margin:9px 18px 0 0; opacity:1; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } .banner-wap .swiper-container div.swiper-pagination span.swiper-pagination-bullet-active{ height:28px; background:#f7f7f7; margin-top:0;} .ik-bt div.swiper-pagination{ bottom:-3000px;} .nwcol-wk{ width:100%; height:46px; position:relative; z-index:70;} .nwclo-wk2{ width: 100%; height:46px; position: absolute; left: 0; top: 0; z-index: 52; background-color:#fff;} .nwcol-wk .nwclo-wk2.aptxs{ position:fixed; top:50px;} /*鏂板*/ .lxn-list li.lxnl-adcs{ width:100%;} .lxn-list li.lxnl-adcs a{ width:1150px; height:502px;} .lxn-list li.lxnl-adcs .lxnl-img{ width:760px; height:100%; float:left; margin-right:35px; position:relative; z-index:15;} .lxn-list li.lxnl-adcs .lxnl-img img{ width:100%; height:100%;} .lxn-list li.lxnl-adcs .lxnl-tx{ float:left; width:315px; height:100%;} .lxn-list li.lxnl-adcs .brand-bar{ width:34%; left:auto; right:0%;} .lxn-list li.lxnl-adcs .brand-bar::before,.lxn-list li.lxnl-adcs .brand-bar::after{ height:90%; bottom:5%;} /*涔充笟鏉垮潡淇敼*/ .rbk-wk li{ margin-bottom:58px;} .rbu-xzk{ position:relative;} .rbu-xt{ padding:16px 0 0;} .rbu-xt img{ width:80px; height:80px; display:block} .rbu-xt p{ display:block; overflow:hidden; margin-left:100px;} .rbu-xt p b{ width:100%; height:52px; line-height:52px; display:block; overflow:hidden; font-size:30px; color:#e15213;} .rbu-xt p span{ width:100%; height:23px; line-height:23px; overflow:hidden; display:block; font-size:18px; color:#626262;} .ik{background:url(../images/ik-bg.jpg) no-repeat center bottom; background-size:100% 100%;} ul.hc-pos li.hcp-icon10 p{ background:url(../images/nyad-icon0.png) no-repeat 22px center;} ul.hc-pos li.hcp-icon10.on p{ background:url(../images/nyad-icon0h.png) no-repeat 22px center;} .ik-wker{width: 1200px;margin: 0 auto;margin-top: 34px;} .edinc{width:1200px;margin: 0 auto;overflow: hidden;} .zul-tx iframe{width: 100%;height:180px;} .gucin{width:100%;margin:15px auto;overflow: hidden;} .gucin li{width:24%;float: left;text-align: center;font-size: 14px;color: #333;border-right: 1px solid #ddd; list-style:none;height: 27px;line-height: 27px; } .gucin li.atc{background:#C4D2E4;color: #000;} .guimg{width:100%;margin: 0 auto;overflow: hidden;} .guimg div{width: 100%;height:400px;margin: 0 auto;overflow: hidden;} .nisft-img{ background:#fff; width:545px; height:300px; display:block; position:absolute; top:7px; left:7px;} .i-lista .list-box .list1 div.nisft-adcs .p-text{ padding:0 20px 0 550px; float:none; width:100%; box-sizing:border-box;}