@import "base.css"; :root{--animate-duration:.5s;--animate-delay:.5s;--animate-repeat:1} .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}} @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;display:none} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background:#222;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-ssize:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px} #browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} html,body{height:100%} body{overflow-x:hidden} section,.w1400{max-width:1400px;margin:0 auto} .cover_bg,.cover_img >div:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover} .cover_img{position:relative;overflow:hidden} a:hover .cover_img >div:first-child,.cover_img:hover >div:first-child{-webkit-transform:scale(1.1);transform:scale(1.1)} .slick_link .cover_bg:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 2px 5px rgba(0,0,0,.1)} .link_news a:hover i{-webkit-transform:scale(.95);transform:scale(.95)} .cover_img div:first-child{position:absolute;top:0;left:0;width:100%;height:100%} [flex],[flex]>*,[flex]>[flex]{overflow:hidden;-ms-flex-item-align:center;-ms-grid-row-align:center;-ms-flex-item-align:center;-ms-grid-row-align:center;-webkit-align-self:center;align-self:center}[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex]>*{display:block}[flex]>[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex~="dir:left"]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex~="dir:right"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end}[flex~="dir:top"]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[flex~="dir:bottom"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end}[flex~="main:left"]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[flex~="main:right"]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[flex~="main:justify"]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[flex~="main:center"]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[flex~="cross:top"]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[flex~="cross:bottom"]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[flex~="cross:center"]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[flex~="cross:baseline"]{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[flex~="cross:stretch"]{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[flex~="box:mean"]>*,[flex~="box:first"]>*,[flex~="box:last"]>*,[flex~="box:justify"]>*{width:0;height:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~="box:first"]>:first-child,[flex~="box:last"]>:last-child,[flex~="box:justify"]>:first-child,[flex~="box:justify"]>:last-child{width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex~="dir:top"][flex~="box:mean"]>*,[flex~="dir:top"][flex~="box:first"]>*,[flex~="dir:top"][flex~="box:last"]>*,[flex~="dir:top"][flex~="box:justify"]>*,[flex~="dir:bottom"][flex~="box:mean"]>*,[flex~="dir:bottom"][flex~="box:first"]>*,[flex~="dir:bottom"][flex~="box:last"]>*,[flex~="dir:bottom"][flex~="box:justify"]>*{width:auto;height:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~="dir:top"][flex~="box:first"]>:first-child,[flex~="dir:top"][flex~="box:last"]>:last-child,[flex~="dir:top"][flex~="box:justify"]>:first-child,[flex~="dir:top"][flex~="box:justify"]>:last-child,[flex~="dir:bottom"][flex~="box:first"]>:first-child,[flex~="dir:bottom"][flex~="box:last"]>:last-child,[flex~="dir:bottom"][flex~="box:justify"]>:first-child [flex~="dir:bottom"][flex~="box:justify"]>:last-child{height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box="0"]{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box="1"],.flex1{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex-box="2"]{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}[flex-box="3"]{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;-webkit-flex-shrink:3;-ms-flex-negative:3;flex-shrink:3}[flex-box="4"]{-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4;-webkit-flex-shrink:4;-ms-flex-negative:4;flex-shrink:4}[flex-box="5"]{-webkit-box-flex:5;-webkit-flex-grow:5;-ms-flex-positive:5;flex-grow:5;-webkit-flex-shrink:5;-ms-flex-negative:5;flex-shrink:5}[flex-box="6"]{-webkit-box-flex:6;-webkit-flex-grow:6;-ms-flex-positive:6;flex-grow:6;-webkit-flex-shrink:6;-ms-flex-negative:6;flex-shrink:6}[flex-box="7"]{-webkit-box-flex:7;-webkit-flex-grow:7;-ms-flex-positive:7;flex-grow:7;-webkit-flex-shrink:7;-ms-flex-negative:7;flex-shrink:7}[flex-box="8"]{-webkit-box-flex:8;-webkit-flex-grow:8;-ms-flex-positive:8;flex-grow:8;-webkit-flex-shrink:8;-ms-flex-negative:8;flex-shrink:8}[flex-box="9"]{-webkit-box-flex:9;-webkit-flex-grow:9;-ms-flex-positive:9;flex-grow:9;-webkit-flex-shrink:9;-ms-flex-negative:9;flex-shrink:9}[flex-box="10"]{-webkit-box-flex:10;-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10} [flex~="as:auto"], [flex~="as:auto"]>*, [flex~="as:auto"]>[flex]{-webkit-align-self:auto;align-self:auto} .flex1{-webkit-box-flex:1;-webkit-flex:1;flex:1} /* .form_wrap li em+.r_txt{-webkit-box-flex:initial;-webkit-flex:initial;flex:initial} */ [flex~=wrap]{-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:initial} header{position: absolute;top:0;left:0;right:0;z-index:999;} header.on{-webkit-animation:ani_header .6s ease-out 0s;animation:ani_header .6s ease-out 0s} .t_nav.on{-webkit-animation:ani_nav .6s ease-out 0s;animation:ani_nav .6s ease-out 0s} header.on .t_logo{padding:15px 0} .t_logo{position:relative;padding: 29px 0 30px;} .t_logo img{max-height:50px;display:inline-block;vertical-align:middle;position:relative;z-index:6} .t_link{position:relative;margin: 54px -24px 0;} .t_link a{display:inline-block;vertical-align:top;position:relative;z-index:3;padding:0 24px;box-sizing:content-box} .t_lang{border-right:1px solid rgba(255,255,255,.2)} .t_lang i{display:inline-block;width:20px;height:20px;background:url(../images/t_lang.png) 50% no-repeat;vertical-align: -3px;margin:0 12px 0 0;} .t_search{width:20px;height:20px;background:url(../images/t_search.png) 50% no-repeat} .t_logo,.menu{z-index:9999} -webkit-@keyframes ani_header{0%,100%{top:0}50%{top:-100%}} -moz-@keyframes ani_header{0%,100%{top:0}50%{top:-100%}} -ms-@keyframes ani_header{0%,100%{top:0}50%{top:-100%}} @keyframes ani_header{0%,100%{top:0}50%{top:-100%}} -webkit-@keyframes ani_nav{0%,100%{top:70px}50%{top:-100%}} -moz-@keyframes ani_nav{0%,100%{top:70px}50%{top:-100%}} -ms-@keyframes ani_nav{0%,100%{top:70px}50%{top:-100%}} @keyframes ani_nav{0%,100%{top:70px}50%{top:-100%}} .inset header{position: relative;} header.on .t_link{margin:28px -24px 0} header section{max-width:1650px} .t_nav{position: absolute;top: 56px;right:50%;margin-right:-680px;font-size:0;z-index:1000;} .t_nav.on{top:70px} .t_nav .on h3 a{font-weight:700} .t_nav .on h3 a:before,.t_nav li:hover h3 a:before{width:100%} .t_nav li{display:inline-block;position:relative;font-size:16px;vertical-align:top;padding:0 25px} .t_nav li:last-child{margin-right:0} .t_nav h3{font-weight:normal;position:relative;z-index:3} .t_nav h3 a{font-size:20px;line-height:20px;display:block;color:#fff;padding: 0 0 40px;white-space:nowrap;position:relative;text-transform:uppercase;} .t_nav h3 a:before{content:'';position: absolute;bottom: 20px;width: 0;height: 2px;background: #fff;} .t_nav h3 p{font-size:12px;color:#888} .t_nav a{display:block;color:#fff} .t_nav .sub_nav,.nav_list .sub_con{position:absolute;top:calc(100% + 24px);font-size:16px;padding: 10px 0;background:rgba(255,255,255,.9);width:-webkit-max-content;width:-moz-max-content;min-width:100%;z-index:6;box-shadow: 0 3px 16px rgba(192,16,6,.3);text-align: center;} .t_nav li:hover .sub_nav,.nav_list li:hover .sub_con{top: 100%;opacity:1;filter:alpha(opacity=100);visibility:visible;} .t_nav .sub_nav a{padding: 10px 15px;font-size: 18px;color:#333;line-height:22px;white-space:nowrap;} .t_nav .sub_nav a:not(:first-child){border-top: 1px solid rgba(0,0,0,.05);} .t_nav .sub_nav a:hover{color: #c01006;} /*search*/ .search_wrap{position:fixed;left:0;top:0;width:100%;height:100%;color:#666;transition:all 0.5s;z-index:99999;display:none} .search_wrap .search_box{position:fixed;width:90%;max-width: 640px;z-index:999;z-index:3;display:none;} .search_wrap .i_txt{width:100%;height:46px;position:relative;border:none;background:none;padding:0 96px 0 15px;background:#fff;font-size:16px} .search_wrap .submit{position:absolute;top:0;right:0;width:80px;height:46px;cursor:pointer} .search_wrap .close{position:fixed;right:5%;top:15%;width:22px;height:22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MEUwM0UyRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MEUwM0UzRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzYwRTAzRTBEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzYwRTAzRTFEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tLD5kAAABQ0lEQVR42uyaSwrCMBCGh0LvZmnJGUQ8nidyIbgodF1wI0icSIpS6MOamSQ/Bv5NH5n52jSZzoSstUdWz+pYDYsy0Y51Zl1YNXmIod1ZJgMI430d2rUgohu9W8k6sQyl24z3sfw49nB09Ygu5TdjJnytli4wGUC8fFx9YcoQY5BUYVb5tPnGlCCmQFKB+cqHYB3FhFgCiQWzyaZYx5oQa0G0YH6yoWZIum91g1J9RjMcuq+YTzHo2401roMP0RgfqcikoT1tis18mmuA6FqktSqLL6haIYZ4iKMV9InHaZoRrGjkXBBK+w8t4I8dYvqFWBAhQhSIoBEijIf4sYL41YVIPkCkgyASdBApU4gkNkRZAaLQA1F6gyiGQpSnITYMVABbOBp3ss0EYg6mQ9nm1LuDew/T+mGWy8azyvvsfD88BRgACRoA/Uq+It4AAAAASUVORK5CYII=) no-repeat center;background-size:cover;cursor:pointer;transition-duration:.5s;z-index:9999} .search_wrap .close:hover{transform:rotate(90deg)} .search_wrap .bck{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3} /* Slick Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before, .slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-arrow{cursor:pointer} -webkit-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} -moz-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} -ms-@keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} @keyframes ani_down{0%{transform:translateY(-4px)}50%{transform:translateY(4px)}100%{transform:translateY(-4px)}} .tit{margin:0 0 60px} .tit h3{font-size:40px;color:#333;text-transform:uppercase;line-height:30px;border-left:4px solid #c01006;padding:0 0 0 12px;font-weight:700} .more{color:#999;display:inline-block} .inset header,.about_wrap,.btn_more,.list_news .txt:before,.list_row a:after,.nav_list .sub_con{background:url(../images/line.jpg) 50% repeat-y;background-size:100%} /* .list_notice a:before{background: linear-gradient(to left,#c01006,#dc6e04);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc6e04', endColorstr='#ffc01006', GradientType=1);} */ .about_wrap{padding:130px 0 0;} .about_wrap .wrap{position: relative;max-width:1650px;border-radius:100px 0 0;margin:0 auto;padding:114px 0 0;background:#fff url(../images/tj.png) calc(100% - 40px) 128px no-repeat;z-index: 6} .about_wrap .con,.res_info{font-size:20px;color: #333;line-height:34px;text-align:justify} .about_wrap .con h4{font-size:26px;font-weight:700;margin:0 0 24px} .about_wrap .con p,.res_info p{margin:0 0 34px;} .waveBox{width: 100%;height: 150px;margin-top: -150px;overflow: hidden;z-index: 1;} .waveBox canvas{position: absolute;bottom: 0px;left: 0;} #myCanvas1{z-index: 1;position: absolute;bottom: 0;} #myCanvas2{z-index: 2;} #myCanvas3{z-index: 3;} .btn_more{font-size:18px;color: #fff;box-shadow:0 0 25px rgba(192,16,6,.2);line-height:45px;border-radius:45px;padding:0 30px} .i_btnmore,.i_more{width:37px;height:14px;background:url(../images/more_white.png) 50% no-repeat;margin:0 0 0 20px} .btn_more:hover i,.more:hover i{-webkit-animation:ani_moreR 1s ease-in infinite;animation:ani_moreR 1s ease-in infinite} .more:hover{color:#c01006} .i_more{background-image:url(../images/more.png) } .more:hover .i_more{background-image:url(../images/more_on.png) } -webkit-@keyframes ani_moreR{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}} -moz-@keyframes ani_moreR{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}} -ms-@keyframes ani_moreR{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}} @keyframes ani_moreR{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}} .f1{padding:96px 0 100px;background:url(../images/bg1.jpg) 100% 50% no-repeat;background-size:cover;overflow:hidden} .list_res{width:calc(44.5% - 15px);margin:-12px} .list_res a{float:left;width:calc(50% - 24px);margin:12px;position: relative;font-size:20px;font-weight:700;line-height:30px;padding:0 22px;background-position:50%;background-repeat:no-repeat;background-size:cover;color: #333;height:200px;box-shadow: 0 0 25px rgba(192,17,6,.3);} .list_res a.on{transform:scale(1.08);box-shadow:0 3px 8px rgba(0,0,0,.5)} .list_res a span{position: absolute;width:calc(100% - 40px)} .list_res a.on{color:#fff} .list_res a.on:nth-child(1){background-image:url(../images/1.png)} .list_res a.on:nth-child(2){background-image:url(../images/2.png)} .list_res a.on:nth-child(3){background-image:url(../images/3.png)} .list_res a.on:nth-child(4){background-image:url(../images/4.png);} .list_res a:nth-child(odd){border-radius:0 30px 0 30px} .list_res a:nth-child(even){border-radius:30px 0 30px 0} .res_info{width:calc(55.5% - 15px);height: 432px;padding:0 50px 0 0;} .nicescroll-rails{opacity:1 !important;background: #ededed !important;width: 3px !important;z-index: 100!important} .nicescroll-cursors{margin:0 -2px 0 0} .f2{padding:76px 0 0;overflow:hidden;} .list_news{margin: 0 -22px;} .list_news a{float:left;width: calc(33.333333% - 44px);margin: 0 22px;position:relative;/* overflow:hidden; */} .list_news a:hover .cover_img{box-shadow:0 0 25px rgba(192,16,6,.3)} .list_news a:hover:before,.list_news .on:before{top:0} .list_news .cover_img{padding-top:69.053%;border-radius: 5px;} .list_news .txt{position:relative;padding: 20px 0 42px;} .list_news a:hover .txt{padding: 20px 0 80px} .list_news .txt:before{content:'';position: absolute;left:0;right:0;bottom: 0;height: 3px} .list_news .txt h3{font-size: 22px;line-height: 30px;height: 60px;margin: 22px 0 0;} .list_news p{position:relative;} .list_news time{font-size:16px;font-weight:700} .list_news time >em{font-size:40px;margin:0 10px 0 0} .list_news time p{display:inline-block} .list_news time p em,.list_news time p span{display:block} .list_news time p em{font-size:18px} .list_news .txt> b{position:absolute;right:0;bottom:34px;width: 20px;height: 20px;background:url(../images/arrow.png) 50% no-repeat;background-size:cover;display: none;} .list_news a:hover .txt> b{display:block} .list_news a:hover time,.list_news .on time{color: #c01006;} .list_news a:hover b,.list_news .on b{-webkit-animation: to_Right 1s ease-in infinite;animation: to_Right 1s ease-in infinite} .list_news a:hover .i_date,.list_news .on .i_date{background-image:url(../images/i_date_on.png)} @-webkit-keyframes to_arrowRight{ 0%,100%{right:0;margin-top:-4px}33.333333%{right:3px;margin-top:-7px}66.666666%{right:-3px;margin-top:-1px} }@keyframes to_arrowRight{ 0%,100%{right:0;margin-top:-4px}33.333333%{right:3px;margin-top:-7px}66.666666%{right:-3px;margin-top:-1px} } @keyframes animate { from { background-size:50%; } to { background-size:20%; } } .i_date{display:inline-block;width:18px;height:18px;background:url(../images/i_date.png) 50% no-repeat;background-size:cover;vertical-align:-3px;margin:0 12px 0 0} .f3{background:url(../images/bot.jpg) 10px 0 no-repeat;background-size:auto 100%;padding:170px 0 130px;overflow:hidden} .list_notice{margin:0 -26px;padding:0 0 12px 12px;position: relative;z-index:3} .list_notice a{float:left;width:calc(50% - 52px);padding:32px 48px;margin:0 26px;position:relative} .list_notice a:after{content:'';position: absolute;top:0;left:0;right:0;bottom:0;background:#fff;box-shadow:0 0 25px rgba(192,17,6,.3);z-index:3} .list_notice a >*{position: relative;z-index:6} .list_notice a:hover{color:#fff} .list_notice a:hover:after{border-radius:0 40px;background:url(../images/line.jpg) 50% repeat-y; background-size: 100%;background: -moz-linear-gradient(left, rgba(195,27,18,1) 0%, rgba(192,16,6,1) 31%, rgba(220,110,4,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(195,27,18,1)), color-stop(31%, rgba(192,16,6,1)), color-stop(100%, rgba(220,110,4,1)));background: -webkit-linear-gradient(left, rgba(195,27,18,1) 0%, rgba(192,16,6,1) 31%, rgba(220,110,4,1) 100%);background: -o-linear-gradient(left, rgba(195,27,18,1) 0%, rgba(192,16,6,1) 31%, rgba(220,110,4,1) 100%);background: -ms-linear-gradient(left, rgba(195,27,18,1) 0%, rgba(192,16,6,1) 31%, rgba(220,110,4,1) 100%);background: linear-gradient(to right, rgba(195,27,18,1) 0%, rgba(192,16,6,1) 31%, rgba(220,110,4,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c31b12', endColorstr='#dc6e04', GradientType=1 )} .list_notice a:hover:before{border-radius:0 50px;background:#fff;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=1);box-shadow:0 0 25px rgba(192,17,6,.3)} .list_notice a:hover time{color:#fff} .list_notice a:hover .i_time{background-image:url(../images/i_time_white.png)} .list_notice a:before{content:'';position: absolute;left:-12px;bottom:-12px;width:100%;height:100%;z-index:-1} .list_notice time{display:block;font-size: 16px;color: #6e6e6e;margin: 0 0 10px;} .list_notice h3{font-size:22px;line-height:30px;height:60px} .list_notice b{float:right;margin: 8px 0 0;} .list_notice a:hover b{animation: to_Right1 linear 1s infinite} .i_time{width:12px;height:12px;background:url(../images/i_time.png) 50% no-repeat;background-size:cover;margin: 0 8px 0 0;vertical-align: 0;} @-webkit-keyframes to_Right1{ 0%,100%{margin-right:8px}50%{margin-right:0} }@keyframes to_Right1{ 0%,100%{margin-right:8px}50%{margin-right:0} } .con_wrap .list_news{margin: 0 -20px;overflow:hidden;} .con_wrap .list_news a{width: calc(50% - 40px);margin: 0 20px;} .con_wrap .list_news .hd{padding: 0 0 6px;} .con_wrap .list_news .hd:before{width:5px} .con_wrap .list_news .txt h3{font-size: 18px;line-height:24px;height:48px;} @keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}} @-webkit-keyframes to_Right{ 0%,100%{left:5px}50%{left:-5px} }@keyframes to_Right{ 0%,100%{left:5px}50%{left:-5px} } .list_img{margin:-20px} .list_img a{float:left;width:calc(50% - 40px);margin:20px;color:#333;font-size:18px} .list_img .cover_img{padding-top:66.6668%} .list_img .txt{padding:14px 22px;border-left:5px solid #ff7b00} .list_img h3{font-size:18px;color:#333;margin:0 0 22px;line-height:28px;height:56px} .list_img p{position:relative;line-height:28px;height:84px} footer{position:relative;z-index:99;background:url(../images/f_bg.jpg) 50% 0 no-repeat;background-size:cover} .f_bd{padding:38px 0;} .f_logo{display:block;padding:20px 0;} .f_logo img{max-height:51px} .f_adr{margin:0 0 0 10%;line-height:34px;padding:26px 0 0;} .f_adr i{width:15px;height:19px;margin:0 14px 0 0} .i_adr{background:url(../images/i_adr.png) 50% no-repeat} .i_tel{background:url(../images/i_tel.png) 50% no-repeat} .f_adr a{color: #fff} .f_code img{margin:0 auto 8px} .f_copy{padding:18px;line-height:24px;border-top:1px solid rgba(255,255,255,.1);opacity:.8} @keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}} .inset_bar{width:100%;overflow:hidden} .inset_bar img{display:block;width:100%} .inset_img{position:relative;display:block;width:100%;z-index:1} aside{position:relative;border-bottom: 1px solid #e5e5e5;} .aside_tit{color:#fff;font-size:18px;line-height:50px} .aside_tit h2{font-size: 26px} .aside_tit p{opacity:.5} .nav_list{overflow-x:auto;/* white-space:nowrap */} .nav_list::-webkit-scrollbar {width:2px;height:4px} .nav_list::-webkit-scrollbar-track{width:2px} .nav_list li> a{position:relative;line-height:24px;display:block;padding: 33px 24px;color:#333;font-weight: 700;font-size: 18px;} .nav_list li{display: inline-block;position: relative;max-width: 25%;vertical-align: top;} .nav_list >a:not(:first-child){border-top: 1px dashed rgba(0,0,0,.1);} .nav_list a b{position:absolute;right:28px;top:50%;margin-top:-3px;width:50px;top:0;bottom:0;right:0;color:#999;font-size:16px} .nav_list a b:before{content:'';position:absolute;font-family:monospace,serif;z-index:6;background:url(../images/i_down.png) 50% no-repeat;z-index:6;width:22px;height:22px} .nav_list p{font-size:14px;color:#999} .nav_list .on >a{color: #c01006;} .nav_list .on em{font-weight:700} .nav_list .on:hover,.nav_list .on p{color:#fff} .nav_list .on b{right:0;font-size:12px;color:#fff;} .nav_list a.on b{transform:rotate(180deg)} .nav_list a b:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;border: 1px solid #aaa;background: #aaa;} .nav_list .on b:after{background:none;border-color: #aaa;} .nav_list .sub_con{padding:12px 0;} .nav_list .sub_con a{padding-left:24px;padding-top:12px;padding-bottom:12px;font-size:16px;background:none;line-height:1.6;position:relative;color: #fff;display: block;} .nav_list .sub_con a:hover:before,.nav_list .sub_con .active:before{height:calc(100% - 16px)} .nav_list .sub_con a:before{content:'';position:absolute;left:0;height:0;width:3px;background: #fff;} .nav_list .sub_con .active,.nav_list .sub_con .active p,.nav_list .active:hover,.nav_list .sub_con a:hover{color: #fff;} .bg_inset{background:#f5f5f5} .bg_inset section{max-width:1650px} .inset_img{position:relative;display:block;width:100%;z-index:1} .con_wrap{padding: 40px 0 90px;position:relative;min-height: 600px;} .i_pos{width:17px;height:20px;background:url('../images/i_pos.png') 50% no-repeat;margin-right:10px;vertical-align:-5px} .site_nav{color:#666;margin-bottom:40px;line-height:32px;padding: 24px 0 16px 0;border-bottom:1px solid #ddd;position: relative} .site_nav:before{content:'';position: absolute;left: 0;bottom: -1px;width: 80px;height: 6px;background: #005bac} .site_nav h3{color: #333;font-size:36px;font-weight:700;display:inline-block;font-family: title} .site_nav b{color:#bbb} .site_wrap{margin:0 0 0 -16px} .site_nav a,.site_nav em{color:#666;display:inline-block;padding:0 16px} .site_nav a:hover{color:#005bac} .site_nav em{color:#005bac} article{position:relative} .list_time a{display:block;font-size:0;padding:27px 0;color:#333;position:relative} .list_time a:hover{color:#005bac;padding:27px 0 27px 10px} .list_time a:hover:before{left:4px} .list_time time,.list_time .txt{display:inline-block;vertical-align:middle} .list_time time{font-size:15px;width:80px;height:90px;color:#fff;background:#005bac;text-align:center;position:relative} .list_time a:before,.list_time time:after{content:'';position:absolute;width:16px;height:16px} .list_time a:before{border:1px solid #ff7b00;left:-6px;top:21px} .list_time time:after{background:#ff7b00;right:-8px;bottom:-8px} .list_time time em{font-size:42px;font-family:Georgia;display:block;margin:0 0 6px} .list_time .txt{width:calc(100% - 122px);margin:0 0 0 32px} .list_time .txt h3{font-size:20px;line-height:34px;max-height:68px} .list_link a{display:block;padding: 16px 0;line-height:28px;float:left;width: calc(50% - 20px);border-bottom: 1px solid #ddd;font-size: 20px;} .list_link a:nth-child(2n){margin: 0 0 0 40px;} .list_link a:hover{color:#fff;padding:16px 20px} .list_link h3{font-size: 20px;line-height: 24px;height: 48px;margin:0 0 10px} .list_link b,.list_notice b{display:inline-block;width:16px;height:16px;background:url(../images/arrow_min.png) 50% no-repeat;background-size:cover;position:relative;} .list_link a:hover b,.list_notice a:hover b{-webkit-animation: to_Right 1s ease-in infinite; animation: to_Right 1s ease-in infinite;background-image:url(../images/arrow_min_white.png)} @-webkit-keyframes to_Right{ 0%,100%{margin-right:-4px}50%{margin-right:4px} }@keyframes to_Right{ 0%,100%{margin-right:-4px}50%{margin-right:4px} } /*page*/ .page_wrap{margin: 40px 0 0;} .pb_sys_common{font-size:12px;font-family:SimSun;line-height:12px;color:#222}.pb_sys_common a{text-decoration:none}.pb_sys_common .p_pages{margin-left:-5px}.pb_sys_common .p_fun_d,.pb_sys_common .p_no_d,.pb_sys_common .p_no_o,.pb_sys_common .p_fun a,.pb_sys_common .p_no a{border:1px solid #ccc;padding:5px 8px;margin:0 0 0 5px;height:24px;-height:auto;line-height:12px;box-sizing:border-box;display:inline-block;vertical-align:middle}.pb_sys_common .p_t{line-height:12px;margin:0;padding:0;display:inline-block;vertical-align:middle}.pb_sys_common .p_fun_d,.pb_sys_common .p_no_d,.pb_sys_common .p_no_o{color:#ccc}.pb_sys_common .p_fun a,.pb_sys_common .p_no a{color:#222}.pb_sys_common .p_dot{margin-left:4px;margin-right:-4px;color:#222}.pb_sys_common .p_goto input,.pb_sys_common .p_search input{font-family:SimSun;font-size:12px;border:1px solid #aaa;height:22px;line-height:20px;box-sizing:border-box;vertical-align:middle;outline-width:thin;outline-color:#258cff;margin:0 2px;padding:0 1px}.pb_sys_common .p_goto input{width:22px;text-align:center}.pb_sys_common .p_search input{width:100px;text-align:left}.pb_sys_common .p_goto input:hover,.pb_sys_common .p_goto input:focus,.pb_sys_common .p_search input:hover,.pb_sys_common .p_search input:focus{border:1px solid #258cff}.pb_sys_common .p_goto a,.pb_sys_common .p_search a{border:1px solid #ccc;padding:5px 6px;color:#222;margin:0;height:24px;-height:auto;line-height:12px;display:inline-block;box-sizing:border-box;vertical-align:middle}.pb_sys_common .p_dosize_d,.pb_sys_common .p_dosize a{border-right:1px solid #ccc;padding:1px 5px;color:#888}.pb_sys_common .p_dosize_d{color:#222}.pb_sys_common .p_dosize a:hover{color:#222}.pb_sys_common .p_dosize_last_d,.pb_sys_common .p_dosize_last a{border-right-width:0}.pb_sys_normal .p_first,.pb_sys_normal .p_first_d,.pb_sys_normal .p_last,.pb_sys_normal .p_last_d{display:none}.pb_sys_normal2 .p_first,.pb_sys_normal2 .p_first_d,.pb_sys_normal2 .p_last,.pb_sys_normal2 .p_last_d,.pb_sys_normal2 .p_prev_d,.pb_sys_normal2 .p_next_d{display:none}.pb_sys_full2 .p_first_d,.pb_sys_full2 .p_last_d,.pb_sys_full2 .p_prev_d,.pb_sys_full2 .p_next_d{display:none}.pb_sys_short .p_no,.pb_sys_short .p_no_d,.pb_sys_short .p_no_o,.pb_sys_short .p_dot{display:none}.pb_sys_short2 .p_no,.pb_sys_short2 .p_no_d,.pb_sys_short2 .p_no_o,.pb_sys_short2 .p_dot,.pb_sys_short2 .p_first,.pb_sys_short2 .p_first_d,.pb_sys_short2 .p_last,.pb_sys_short2 .p_last_d{display:none}.pb_sys_style1 .p_no a:hover,.pb_sys_style1 .p_fun a:hover,.pb_sys_style1 .p_goto a:hover,.pb_sys_style1 .p_search a:hover,.pb_sys_style2 .p_no a:hover,.pb_sys_style2 .p_fun a:hover,.pb_sys_style2 .p_goto a:hover,.pb_sys_style2 .p_search a:hover,.pb_sys_style3 .p_no a:hover,.pb_sys_style3 .p_fun a:hover,.pb_sys_style3 .p_goto a:hover,.pb_sys_style3 .p_search a:hover,.pb_sys_style4 .p_no a:hover,.pb_sys_style4 .p_fun a:hover,.pb_sys_style4 .p_goto a:hover,.pb_sys_style4 .p_search a:hover{background-color:#f5f5f5}.pb_sys_style1 .p_no_d{border:1px solid #258cff;color:#fff;background-color:#258cff}.pb_sys_style2 .p_no_d{border:1px solid #f04646;color:#fff;background-color:#f04646}.pb_sys_style3 .p_no_d{border:1px solid #32b907;color:#fff;background-color:#32b907}.pb_sys_style4 .p_no_d{border:1px solid #888;color:#fff;background-color:#888}.pb_sys_style5 .p_fun_d,.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no_o,.pb_sys_style5 .p_fun a,.pb_sys_style5 .p_no a,.pb_sys_style5 .p_goto a,.pb_sys_style5 .p_search a,.pb_sys_style6 .p_fun_d,.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no_o,.pb_sys_style6 .p_fun a,.pb_sys_style6 .p_no a,.pb_sys_style6 .p_goto a,.pb_sys_style6 .p_search a,.pb_sys_style7 .p_fun_d,.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no_o,.pb_sys_style7 .p_fun a,.pb_sys_style7 .p_no a,.pb_sys_style7 .p_goto a,.pb_sys_style7 .p_search a,.pb_sys_style8 .p_fun_d,.pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no_o,.pb_sys_style8 .p_fun a,.pb_sys_style8 .p_no a,.pb_sys_style8 .p_goto a,.pb_sys_style8 .p_search a{border:1px solid transparent}.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no a:hover,.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no a:hover,.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no a:hover,.pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no a:hover{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.pb_sys_style5 .p_fun a:hover,.pb_sys_style5 .p_goto a:hover,.pb_sys_style5 .p_search a:hover,.pb_sys_style6 .p_fun a:hover,.pb_sys_style6 .p_goto a:hover,.pb_sys_style6 .p_search a:hover,.pb_sys_style7 .p_fun a:hover,.pb_sys_style7 .p_goto a:hover,.pb_sys_style7 .p_search a:hover,.pb_sys_style8 .p_fun a:hover,.pb_sys_style8 .p_goto a:hover,.pb_sys_style8 .p_search a:hover{text-decoration:underline}.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no a:hover{border:1px solid #258cff;color:#fff;background-color:#258cff}.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no a:hover{border:1px solid #f04646;color:#fff;background-color:#f04646}.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no a:hover{border:1px solid #32b907;color:#fff;background-color:#32b907} .pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no a:hover{border:1px solid #888;color:#fff;background-color:#888} .page_wrap span{font-size:14px} .p_fun_d{padding:0 10px} .pb_sys_common .p_pages span,.pb_sys_common .p_pages span a{min-width:30px;height:30px;line-height:30px;color:#666;padding-top:0;padding-bottom:0} .pb_sys_common .p_pages span{margin:0 1px;position:relative;display:inline-block} .pb_sys_common .p_pages span a{margin:0;padding:0 10px;position:relative} .pb_sys_common .p_fun_d,.pb_sys_common .p_pages span a{border-color:#ddd;/* background:#fff; */} .pb_sys_style1 .p_pages .p_no_d{background: #c01006;border-color: #c01006;color:#fff;width:30px;height:30px;line-height:30px;min-width:30px;} .pb_sys_common .p_t{margin-left:10px !important} .news_hd{padding:0 0 14px;margin: 0 0 36px;color:#333;border-bottom: 1px solid #f2f2f2;} .news_hd h3{font-size:30px;color:#333;font-weight:700;line-height:38px;margin: 0 0 12px;position:relative} .news_hd p{line-height:40px} .news_hd p span{margin:0 20px 0 0;color:#888} .news_bd{font-size:20px;line-height: 30px;color: #2c2c2c;} .news_bd p{margin-bottom: 26px;} .list_dept li{padding:0 0 30px;line-height:1.8} .list_dept h3{font-size:18px;padding:6px 20px;margin:0 0 14px;background:url(../images/f_bg.jpg) 50% no-repeat;background-size:cover;color:#fff} .list_dept .con{padding:0 20px} .list_row a{display:block;padding:36px 32px;position: relative;} .list_row a:before,.list_row a:after{content: '';position: absolute;left:0;bottom:0;width:100%;height:1px} .list_row a:before{background:#ddd} .list_row a:after{width:0;height:3px} .list_row a:hover:after{width:100%} .list_row a:hover h3{font-weight:700} .list_row h3{font-size:20px;line-height:30px;height:60px;position: relative;margin:0 -32px 16px;padding:0 32px;} .list_row h3:before{content:'';position: absolute;left:0;top:8px;border-style: solid;border-width: 6.5px 0 6.5px 9px;border-color: transparent transparent transparent #c00f06} .list_row time{color: #9c9c9c;font-size:18px} .list_row a:hover .i_date,.list_imgrow a:hover .i_date{background-image:url(../images/i_date_on.png)} .list_imgrow a{display:block;padding:22px 0} .list_imgrow .img,.list_imgrow .txt{display:inline-block;vertical-align:middle} .list_imgrow .img{width: 364px;padding: 10px;border: 1px solid #d7d7d7;} .list_imgrow .cover_img{padding-top: 230px;} .list_imgrow .txt{width: calc(100% - 399px);margin: 0 0 0 30px;} .list_imgrow h3{font-size:22px;line-height:30px;height:60px} .list_imgrow .txt p{line-height:30px;height:60px;margin: 20px 0 32px;color: #747474;} .list_imgrow time{display:block;position: relative;} .list_imgrow time b{position: absolute;right:0;top:50%;width:42px;height:42px;background:url(../images/btn_more.png) 50% no-repeat;margin-top:-21px} .list_imgrow a:hover time b{background-image:url(../images/btn_more_on.png)} .list_imgrow a:hover .img{border: 1px solid #c01006;border-image: linear-gradient(to bottom right,#c01006, #dc6d04) 1;} .list_imgrow a:hover h3{font-weight:700} @media (min-width:1240px){ .menu,.t_nav h3 b{display:none} .t_nav .sub_nav{-webkit-transition:.3s all ease-in;-moz-transition:.3s all ease-in;-ms-transition:.3s all ease-in;transition:.3s all ease-in} .t_nav .sub_nav,.nav_list .sub_con{opacity:0;visibility:hidden;-webkit-transition:.3s all ease-in;-moz-transition:.3s all ease-in;-ms-transition:.3s all ease-in;transition:.3s all ease-in} .t_nav .sub_nav:before{content:'';position:absolute} .t_nav .sub_nav:before{top:-6px;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent rgba(255,255,255,.9) transparent} } @media (min-width:1024px){ .aside_tit b{display:none} .aside_tit{padding: 20px 24px;margin: -140px 0 0;opacity: .9} } @media (min-width:768px){ .m{display:none} } @media (max-width:1690px){ .about_wrap,.header section{padding-left:20px;padding-right:20px} .t_nav{right:168px;margin-right:0} } @media (max-width:1440px){ section,.w1400{max-width:none;padding-left: 20px;padding-right:20px} .t_nav{right: 140px;} .t_nav h3 a{font-size:20px} } @media (max-width: 1239px){ body{} section,.w1440,.f_bd{padding-left:20px;padding-right:20px;max-width:none} .t_nav{right:0;margin-right:0} .t_nav section{padding-left:0;padding-right:0} .t_link,header.on .t_link{margin:29px 38px 0 -24px} .t_logo{padding:16px 0;} .t_logo img{max-height:50px} .about_wrap{padding-top:82px} .about_wrap .wrap{border-radius:50px 0 0;padding:64px 20px 0;background-size:50%} .menu{right:15px;display:block;width:30px;transition:all .3s ease;z-index:99999} .menu span{width:100%;height:2px;display:block;background:#fff;transition:all .3s ease;border-radius:100px} .menu span + span{margin-top:8px} .menu.on{margin-top:5px} .menu.on span{transform:rotate(45deg)} .menu.on span:nth-child(2){transform:rotate(-45deg) translate(7px,-7px)} .menu.on span:nth-child(3){display:none} .t_nav{height:100vh;position:fixed;top:0;left:0;right:0;text-align:left;z-index:999;margin-right:0;display:none;overflow-y:auto;overflow-x:hidden;padding-top:102px;padding-bottom:20px;margin:0;z-index:998;background:url(../images/line.jpg) 50% repeat-y;background-size:100%} .t_nav li{display:block;border-bottom:1px solid rgba(0,0,0,.1);padding:0;width:auto} .t_nav h3 a{font-size:18px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;transition:none;line-height:1.8;padding: 10px 60px 10px 25px;border-top:none;color:#fff;white-space:initial;} .t_nav h3 b{position:absolute;right:0;bottom:0;width: 60px;text-align:center;line-height:44px;height:46px;color:rgba(255,255,255,.4);font-size:20px;cursor:pointer;font-weight:normal;top:50%;margin-top:-23px;} .t_nav .on h3 a,.t_nav .on h3 p{color:#ff7b00} .t_nav .on b{transform:rotate(-45deg);margin-top:-22px} .t_nav .on h3 a{height:auto;padding: 10px 60px 10px 25px;} .t_nav .sub_nav{display:none;position:initial;top:0;background:none;padding: 10px 0;width:auto;background: rgba(0,0,0,.1);left:initial;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;min-width:auto;box-shadow: none;} .t_nav .sub_nav a{padding:8px 30px;color:#fff;opacity:.7;display:block;width:auto;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; *white-space: nowrap;background-position:20px 13.5px;text-align:left;} .t_nav .on h3 a:after{content:none} .t_nav h3 a:before{width:3px;height:0;left:0;top:50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%)} .t_nav li:hover h3 a:before{width:0;height:0} .t_nav .on h3 a:before{width:3px !important;height: 100% !important} .t_nav h3 a{font-size:16px} .f1 {padding: 56px 0 80px} .list_res{width: calc(50% - 15px);} .res_info{width: calc(50% - 15px);margin:-8px} .list_news{margin: 0 -25px} .list_news b{width:20px;height:20px} .con_wrap .list_news{margin: 0 -20px;} .con_wrap .list_news a{width:calc(50% - 40px);margin: 0 20px;} .nav_list a b{transform:scale(.7) !important} .nav_list .on{font-size:16px} .nav_list a{padding: 14px 40px 14px 20px;font-size:16px;line-height:20px} .inset_bar img{position:relative;left:50%;margin-left:-70%;width:140%;max-width:none} aside{} .nav_list .sub_con a{padding:8px 20px;font-size:14px} .nav_list .sub_con p{font-size:12px} .site_nav{padding: 4px 0 16px 0;margin-bottom:30px;line-height:26px} .site_nav h3{font-size: 30px} .aside_tit{margin: -110px 0 0} .aside_tit h2{font-size:20px;line-height: 30px} .con_wrap{} .news_hd h3{font-size:24px;line-height:30px;margin:0 0 12px} .news_bd{font-size:18px;line-height:34px} .news_bd p{margin-bottom:26px} .page_wrap{margin-top:50px} .list_link h3{font-size:18px} .list_time a{padding:18px 0} .list_time time{font-size:13px;width:66px;height:74px} .list_time time em{font-size:34px} .list_time .txt{width:calc(100% - 90px);margin:0 0 0 24px} .list_time .txt h3{font-size:18px;line-height:26px;max-height:52px} } @media (max-width:1100px){ .f_logo img{max-height:60px} .f_adr{margin:0 0 0 8%} } @media (max-width:1024px){ ::-webkit-scrollbar,::-webkit-scrollbar-track{width:0} } @media (max-width:1023px){ .list_res, .res_info, .f_logo, .f_adr, .f_code{float:none !important;width:auto;margin:0} .list_res{margin: -12px;} .f1 {padding:46px 0 70px} .list_news .txt h3{font-size:16px;line-height: 24px;height: 48px;} .list_news time{font-size:22px} .i_date{} .list_img .cover_img{padding-top:69%} .list_img .txt{padding:18px 15px;height:auto} .res_info{margin-top:40px;padding: 0;} .list_news{margin: 0 -15px} .list_news a{width: calc(33.333333% - 30px);margin: 0 15px;} .f3{padding:90px 0 80px;} .list_notice a{padding:26px 30px;} .list_notice h3{font-size:18px;line-height:24px;height:48px} .f_logo{padding:0;} .f_adr{text-align:center;margin:36px 0;padding:0;} aside{} aside:before{bottom:0;transform:none} .aside_tit{padding:10px 15px;position:relative;cursor:pointer;background: url(../images/f_bg.png) 50% no-repeat;margin: 0} .aside_tit b{position:absolute;right:6px;width:40px;text-align:center} .aside_tit h2{font-size:20px;line-height:40px} .aside_tit.on b{transform:rotate(45deg)} .list_imgrow a{padding: 18px 0;} .list_imgrow .img{width:262px} .list_imgrow .cover_img{padding-top:161px} .list_imgrow .txt{width: calc(100% - 297px);} .list_imgrow .txt h3,.list_imgrow .txt p {line-height: 24px;height: 48px;} .list_imgrow .txt h3{font-size: 20px;} .list_imgrow .txt p{margin: 16px 0 24px;} .list_imgrow time b{width:26px;height: 26px;background-size: cover;margin-top: -13px;} .nav_list{} .con_wrap{width:auto;float:none;padding: 40px 0 60px;background-size:80%;} .list_link h3{font-size:16px;line-height: 22px;height: 44px} } @media (min-width:768px) and (max-width:1239px){ } @media (max-width:767px){ section,.w1400,.f_bd,.header section{padding-left:15px;padding-right:15px} .pc{display:none} aside{} .nav_list{margin:0 -15px} .nav_list li> a{padding: 16px 14px;} .list_row a{padding:26px 32px;} .list_row h3{font-size:18px;line-height: 26px;height:52px} .list_row h3:before{top:6px} .about_wrap{padding-top:62px} .tit{margin:0 0 30px} .tit h3{font-size:26px} .more{font-size:14px} .i_more{width:26px;height:10px;background-size:cover;margin: 0 0 0 10px;} .about_wrap .wrap{padding: 34px 10px 0;border-radius: 30px 0 0;background-size: 50%;} .about_wrap .con h4{font-size:20px} .about_wrap .con, .res_info{font-size:18px;line-height:28px} .t_link{font-size:0} .t_logo{padding: 12px 0;} .t_logo img{max-height: 42px;} .t_nav{padding-top: 100px} .t_nav li{margin:0} .t_nav h3 a{font-size:16px} .t_logo{max-width: calc(100% - 130px);} .t_link, header.on .t_link{margin: 20px 34px 0 -24px} .t_lang{border:none} .t_lang i{margin:0} .t_link a{padding: 0 6px;} .menu{width:26px} .menu span + span{margin-top:7px} .menu.on span:nth-child(2){transform:rotate(-45deg) translate(6px,-6px)} .menu.on{width:28px} .f1 {padding: 60px 0 70px;background-size: 200%;background-position: 100% 100%;} .list_news a{float:none !important;width:auto !important} .list_news a{display:block;-webkit-transition: none;-moz-transition: none;-ms-transition: none;transition: none} .list_news .on{margin:0 25px} .list_res{margin: 0 -10px -12px;} .list_res a{height:160px;font-size:18px;width: calc(50% - 20px);display: block;margin: 12px 10px;line-height: 20px;} .f3{background-size:60%;background-position:20px 0} .list_notice{margin:0 0 -36px} .list_notice a{float:none;width:auto;display:block;margin:36px 0} .bg_inset footer{padding:20vw 0 0} .f_logo img{max-width: 70%} .f_bot{border: none} .aside_tit h2{line-height:30px;font-size:18px} .list_img{margin:-15px 0} .list_img a{width:100%;margin:15px 0} .list_img h3{font-size:16px} .list_link a{width:auto;float:none} .list_link a:nth-child(2n){margin:0} .site_nav{padding: 14px 0 20px 0;background-size:auto 40px;background-position:0 50%} .site_wrap{margin:0 0 0 -10px} .site_nav a, .site_nav em{padding:0 10px} .site_nav h3{font-size:32px;display:none} .con_wrap{padding: 24px 0 60px;} .con_wrap .list_img{margin:-15px 0} .con_wrap .list_img a{width:100%;margin:15px 0} .list_dept{font-size:14px} .list_dept h3{font-size:16px;padding:4px 20px} .tab_tit{margin:0 0 30px} .news_hd h3{font-size:20px;line-height:28px;margin: 0 0 8px;} .news_hd p span{line-height:26px} .news_hd{margin:0 0 20px;padding:0 0 10px;font-size:14px} .news_bd img{height:auto !important} .news_bd{font-size:17px;line-height: 30px;} .news_bd p{margin-bottom:20px} .page_wrap{margin-top:40px} .p_no, .p_dot,.p_no_d{display:none !important} } @media (max-width:640px){ .inset_bar img{position:relative;left:50%;margin-left:-100%;width:200%;max-width:none} .page_wrap{margin-top:30px} .list_imgrow .img{display:block;width:auto} .list_imgrow .cover_img{padding-top:60%} .list_imgrow .txt{display:block;width:auto;margin:20px 0 0} .list_imgrow .txt h3{font-size:18px} .list_imgrow .txt p{font-size:14px} } @media (max-width:540px){ .inset_bar img{position:relative;left:50%;margin-left: -90%;width: 180%;max-width:none;} } @media (max-width:374px){ } @media (max-width:320px){ .site_wrap{font-size:12px} .news_hd{font-size:14px} }