@charset "utf-8"; *{margin:0;padding:0} HTML {OVERFLOW-X: hidden; word-wrap:break-word; } body{ font-family:;font-size:15px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; } a{color:#222; text-decoration:none;outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} a:hover{color:#b90000;text-decoration:none;} ol,ul,li{list-style:none} h1,h2,h3,h4,h5,h6{font-weight:normal} .clear{ clear:both} .clearfix{clear:both;zoom:1;} .clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;} .fl{float:left;} .fr{float:right} table{ border-collapse:collapse;} img{ border:none;} input,textarea,select,button{ outline:none;font-family:;font-size:12px;} #a01{ position: absolute; margin-top:-120px;} #a02{ position:absolute; margin-top:-120px;} #a03{ position:absolute; margin-top:-120px;} #a04{ position:absolute; margin-top:-120px;} .flex{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items:flex-start;} .pic{ height:auto; display:block; overflow:hidden;} .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block} .pic:hover img{transform:scale(1.2);} .header{ position: fixed;z-index: 9999;width: 100%;top:0;left:0;background-color:#fff;box-shadow: 0 0 10px #ccc;} .header .logo{ float:left; margin-left:5%; max-height:90px; width:auto;} .header .logo img{ display:block; max-height:85px; padding:2.5px 0; width:auto;} .header .gupiao{ display:none; float:left;color:#666; line-height:20px; margin-left:15px; padding-left:15px; border-left:solid 1px #ddd; margin-top:25px} .header .gupiao h3{font-size:15px;} .header .gupiao p{ font-weight:bold; letter-spacing:1px;} .header .menu{float:right;} .header .use{float:right; margin-left:60px; font-size:15px;} .header .use li{ float:right; line-height:90px;overflow:hidden; text-align:center;} .header .use .search a{ display: block;width:20px; height:90px;background:url(../images/icon-Hsrch.png) #b90000 no-repeat center 50%; background-size:18px auto; padding:0 30px} .header .use .cn span{ display: block;height:90px;background:url(../images/icon-Hlang.png) no-repeat 22px center; padding:0 22px 0 46px; border-left:solid 1px #ddd;} .header .use .landown{width:127px; padding:5px; line-height:40px; font-weight:18px;display:none;position:absolute; z-index:99; clear:both; background-color:#b90000; color:#fff} .header .use .landown a{ color:#fff; display:block} .header .use .landown a:hover{ color:#b90000; background-color:#fff} .black_overlay12 { Z-INDEX: 9999; POSITION: fixed; FILTER: alpha(opacity=0); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; top:0; LEFT: 0%; -moz-opacity: 0; opacity: 0 } .www_zzjs_net12 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden;background-color:#f7f8fa; TOP:80px;height:60px; padding-top:15px;} .www_zzjs_net12 .conn{ width:680px; margin:0 auto;font-size:16px } .www_zzjs_net12 .guanbi{top: 28px;right: 14%;display:block; position: absolute;} .www_zzjs_net12 .conn .input01{ background:url(../images/icon-Hsrch02.png) no-repeat 20px center; width:460px; color:#999999; line-height:40px;height:40px; border:none; float:left; padding-left:50px;display:block; background-color:#fff;} .sytijiao{ width:145px; color:#fff; background-color:#b90000; line-height:40px;height:40px;border:solid 1px #b90000; float:left; text-align:center; cursor:pointer} .header .menu li{ float:left;} .header .menu .cur a{color:#cd060b;} .header .menu li .menu_a{ font-size:17px; color:#000; text-transform:uppercase; line-height:90px; display:block; margin-left:40px; position:relative} .header .menu li:hover .menu_a{color:#b90000;} .header .menu li .menu_a:after {content: '';width: 0;height: 2px;background-color: #cd060b;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s} .header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%} .header .menu li .sub{ position:absolute; left:0; display:none;clear:both; z-index:999;background-color:#f7f8fa; width:100%} .header .menu li .subin{ width:100%; max-width:1200px; margin:0 auto; padding:30px 0;} .header .menu li .sub .nlist{ float:left;width:calc(34% - 2px);border-right:solid 1px #ddd; min-height:160px;padding-right:3%; margin-right:3%;} .header .menu li .sub .npic{ float:left;width:26%; border-right:solid 1px #ddd;padding-right:3%; margin-right:3%;} .header .menu li .sub .nwenzi{ float:right; width:28%; } .header .menu li .sub .nwenzi h3{ margin-bottom:15px;} .header .menu li .sub .nwenzi p{color:#666; line-height:28px;} .header .menu li .sub .npic img{ display:block; border:none} .header .menu li .sub .nlist p{ line-height:30px; float:left; width:50%; color:#666; font-weight:normal;} .header .menu li .sub p span{ margin-right:15px;} .header .menu li .sub p a{ display:block; color:#666} .header .menu li .sub p a:hover{ color:#b90000} @media screen and (max-width: 1700px){ .header .use{margin-left:40px;} .header .use .search a{ padding:0 20px} .header .use .cn span{ background:url(../images/icon-Hlang.png) no-repeat 12px center; padding:0 12px 0 36px; } .header .menu li .menu_a{ font-size:16px; line-height:90px;margin-left:35px;} } @media screen and (max-width: 1500px){ .header .logo{ margin-left:3%;} .header .use{margin-left:30px;} .header .menu li .menu_a{ font-size:16px; line-height:90px;margin-left:25px;} } @media screen and (max-width: 1400px){ .header .logo{ margin-left:1%;} .header .menu li .menu_a{ font-size:15px;margin-left:20px;} } .banner{ margin-top:90px; } .nbanner{ margin-top:90px; position:relative} .nbanner img{ width:100%; height:auto; display:block; } /*--- Banner ---*/ .bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;} #index-bnr .bnr-img{height:768px;overflow:hidden;} #index-bnr .swiper-pagination{font-size:0px;bottom:9.850746268656716%;} #index-bnr .swiper-pagination-bullet{width:60px;height:3px;background:#fff;border-radius:0px;opacity:.75;position:relative;overflow:hidden;margin:0 7px;} #index-bnr .swiper-pagination .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#cd060b;position:absolute;left:-100%;top:0px;} #index-bnr .swiper-pagination-bullet-active{} #index-bnr .swiper-slide .bnr-bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;} #index-bnr .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;} #index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;} /*iBnr-1*/ .iBnr1-box{position:absolute;top:50%;left:50%;margin:-200px 0 0 -241px;z-index:2;} /*iBnr-2*/ .iBnr2-box{color:#fff;position:absolute;top:35.82089552238806%;left:8.39rem;} .iBnr2-box .t1{line-height:63px;font-size:43.4px;font-weight:lighter;} .iBnr2-box .t1 .num{font-weight:600;font-size:75.5px;color:#cd060b;vertical-align:text-bottom;margin:0 0 0 24px;} .iBnr2-box .t2{line-height:30px;font-size:20px;font-weight:lighter;opacity:.85;letter-spacing:4px;margin:20px 0 0;} /*iBnr-3*/ .iBnr3-box{width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:32.38805970149254%;text-shadow: 0.5px 0.5px 2px #666;} .iBnr3-box .t1{line-height:60px;font-size:36px;color:#fff;font-weight:lighter;font-weight:bold; max-width:1000px; margin:0 auto} .banner .swiper-slide:last-child .iBnr3-box .t1{letter-spacing:0px;} .iBnr3-box .t2{line-height:80px;font-size:48px;font-weight:600;} /*animation*/ .iBnr1-box, .iBnr2-box .t1 p, .iBnr2-box .t2, .iBnr3-box .t1, .iBnr3-box .t2{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;} .iBnr1-box, .iBnr2-box .t1 p, .iBnr2-box .t2, .iBnr3-box .t1, .iBnr3-box .t2{opacity:0;} .iBnr2-box .t1 p, .iBnr2-box .t2, .iBnr3-box .t1{transform:translateX(-70px);-webkit-transform:translateX(-70px);} .iBnr3-box .t2{transform:translateX(70px);-webkit-transform:translateX(70px);} .iBnr2-box .t1 p:nth-child(2){transition-delay:.3s;-webkit-transition-delay:.3s;} .iBnr2-box .t2{transition-delay:.4s;-webkit-transition-delay:.4s;} .iBnr1-box{transform:scale(.8);-webkit-transform:scale(.8);} .swiper-slide.swiper-slide-active .iBnr1-box, .swiper-slide.swiper-slide-active .iBnr2-box .t1 p, .swiper-slide.swiper-slide-active .iBnr2-box .t2, .swiper-slide.swiper-slide-active .iBnr3-box .t2, .swiper-slide.swiper-slide-active .iBnr3-box .t1{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;} .bnr-img.page-bnr{height:480px;} #index-webBnr{display:none;} #index-webBnr .bnr-img{height:16.75rem;} .bnr-img.PSA-bnr{padding:194px 0 193px;text-align:center;color:#fff;} .bnr-img.PSA-bnr .t1{line-height:61px;font-size:43.94px;position:relative;} .bnr-img.PSA-bnr .t2{line-height:32px;font-size:20.49px;opacity:.75;text-transform:uppercase;font-weight:lighter;font-family:;letter-spacing:6px;position:relative;} .bnr-img.PSA-bnr .t1:after{content:"";display:block;width:1px;height:73px;background:rgba(255,255,255,.4);position:absolute;top:-113px;left:50%;margin-left:-1px;} .bnr-img.PSA-bnr .t2:after{content:"";display:block;width:1px;height:73px;background:rgba(255,255,255,.4);position:absolute;bottom:-113px;left:50%;margin-left:-1px;} .wrap{ width:98%; max-width:1300px; margin: 0 auto; } .nguide .wrap{ width:100%} .section{ padding:80px 0 95px 0} .title{ text-align:center; width:100%; max-width:1000px; margin-left:auto; margin-right:auto; } .title h3{ font-size:38px; line-height:38px; margin-bottom:20px;} .title p{ line-height:25px; color:#888;} .title span{ width:60px; height:3px; margin:20px auto; background:#b90000; display:block} .more{float: right;font-size: 14px;padding-left: 22px;background: url(../images/icon-more.png) no-repeat left center; line-height:40px;} .more a{color: #666;} .more a:hover{color: #b90000;} .main .conn{ clear:both; } .main .about{ float:left; width:34%; padding:60px 3%; min-height:400px;background: url(../images/aboutbg.jpg) no-repeat center center; background-size:cover;} .main .about h3{ font-size:24px; margin-bottom:20px;} .main .about p{ color:#666; line-height:30px; margin-bottom:60px; } .main .about .nmore{display:block;background-color:#b90000;width:142px;line-height:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:15px 20px;color:#fff;font-size:14px} .main .about .nmore:before{content:'';float:right;width:7px;height:14px;background:url(../images/icon-arrow-right.png) no-repeat center center} .main .youshi{ float:right; width:calc(60% - 1px); min-height:520px; position:relative; background:#f2f5f7} .strength{ padding:5%; width:90%; margin:0 auto;} .strength li{ float:left; position:relative; width:25.33%; margin:0 4%} .strength_box{position:relative; } .strength_box img{ width:40%; max-width:70px; display:block; height:auto; margin-top:20px;} .strength li .p1{ font-size:65px; color:#cd060b; margin-bottom:20px; } .strength li .p2{font-size:16px; color:#666; line-height:30px;} .main .down{ position:absolute; bottom:0; } .main .down li{ float:left; width:calc(50% - 0.5px); position:relative} .main .down li:nth-child(2){ float:right;} .main .down li .wenzi{ line-height:50px; background-color:rgba(0,0,0,0.4); color:#fff; text-align:center; position:absolute; bottom:0; z-index:99; width:100%;} .products{background: url(../images/mbg.jpg) no-repeat center center; background-size:cover;} .products .more{ margin-top:-20px} .products .tabmenu {margin-top:20px; width:100%; text-align:center} .products .tabmenu li {font-size:17px;line-height:44px; padding:0px; margin:0 20px 0 0;display:inline-block;} .products .tabmenu li:last-child{ margin-right:0} .products #atabcontent { clear:both;} .products .tabmenu .cli { color:#cd060b; border-bottom:solid 2px #cd060b } .products #atabcontent .hidden {display:none;} .products #atabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; padding:3% 3% 5% 3%; background:#fff; box-shadow:0 0 10px #eee; border-radius:5px 0;} /*.products .tabmenu .cli:after { content: "";width: 0;height: 5px;border-left: 10px solid transparent; border-right: 10px solid transparent;border-top: 10px solid #ae703a;position: absolute;left: 50%;margin-left: -10px;bottom: -10px;}*/ .products .pic{ float:left; width:30%} .products .wenzi{ float:right; width:67%; line-height:30px; color:#666} .products .wenzi p{ margin:10px 0 0 0;} .map-bg {width: 1147px;height: 600px;background: url(../images/map-bg.png) no-repeat center center/contain;margin: 0 auto;position: relative} .map-yuan {position: absolute;left: 68%;top: 26%;width: 180px;height: 180px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: url(../images/map-yuan.png) no-repeat center center/contain;text-align: center } .map-yuan .txt {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 16px} .map-yuan .txt em {font-size: 46px;line-height: 40px;height: 40px; font-style:normal;} .map-txt {opacity: 0;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s} .map-poi {position: absolute} .map-poi .dian {display: block;width: 12px;height: 12px;background-color: #b90000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 3} .map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(185, 0, 0, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 10px} .map-poi .dian:before {border: 1px solid rgba(185, 0, 0, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite} @keyframes bowen { 0% {border-width: 1px} 100% {border-width: 30px;border-color: rgba(185, 0, 0, 0)} } .poi1 {top: 200px;left: 560px} .poi2 {top: 240px;left: 270px} .poi3 {top: 190px;left: 520px} .poi4 {top: 220px;left: 535px} .poi5 {top: 250px;left: 975px} .poi6 {top: 255px;left:935px} .poi7 {top: 320px;left:785px} .poi8 {top: 480px;left:1000px} .poi9 {top: 450px;left:350px} .poi10 {top: 175px;left:645px} .poi11 {top: 380px;left:310px} .poi12 {top: 210px;left:300px} .poi13 {top: 375px;left:850px} .poi14 {top: 315px;left:220px} .poi15 {top: 470px;left:610px} .poi16 {top: 335px;left:855px} .poi17 {top: 245px;left:645px} .poi18 {top: 240px;left:520px} .poi19 {top: 390px;left:860px} .poi20 {top: 240px;left:580px} .poi21 {top: 335px;left:870px} .poi22 {top: 340px;left:260px} .poi23 {top: 300px;left:915px} .map-txt {background-color: #fff;position: absolute;left: 300%;top: -30px;width: 200px;padding: 20px 30px;box-shadow: 0 0 24px 0 rgba(0, 0, 0, .1);border-radius: 5px;z-index: 5} .map-txt:After {content: '';background: url(../images/l1.png) no-repeat center center/contain;width: 14px;height: 23px;position: absolute;right: 100%;top: 25px} .map-tit {} .map-tit i {display: inline-block;vertical-align: middle;width: 40px;height: 20px;background: no-repeat center center/contain;margin-right: 5px} .map-tit span {display: inline-block;vertical-align: middle;font-size:18px} .map-info {font-size: 14px;color: #666} .map-poi:hover .map-txt {opacity: 1;pointer-events: auto} .news{background: url(../images/mbg.jpg) no-repeat center center; background-size:cover;} .news li{ float:left; width:32%; margin-right:2%; background:#fff; box-shadow:0 0 10px #eee;} .news li:last-child{ margin-right:0} .news li .pic{ overflow:hidden; height:250px; } .news .wenzi{ padding:5%; min-height:100px;} .news .wenzi h3{ font-size:18px; margin-bottom:20px;} .news .wenzi p{ color:#999;} .news .wenzi .date{background: url(../images/icon-rili.png) no-repeat left center; padding-left:25px; padding-right:50px;} .news .wenzi .see{background: url(../images/icon-yan.png) no-repeat left center; padding-left:25px;} .ft-box{overflow:hidden;text-align:center;padding:30px 0} .ft-logo{display:inline-block;vertical-align:middle;width:227px;margin-right:34px} .ft-logo img{ width:100%; max-width:220px; height:auto; display:block} .ft-link{position:relative;padding:0 20px;width:420px;display:inline-block;vertical-align:middle;} .ft-info:before,.ft-link:before,.ft-share:before{content:'';position:absolute;left:0;top:50%;margin-top:-56px;width:1px;height:112px;background-color:#dddfed} .ft-link li{position:relative;display:inline-block;vertical-align:middle} .ft-link a{color:#000;padding:0 16px;line-height:35px; display:block} .ft-link a:hover{text-decoration:underline} .ft-link li:nth-child(2):before, .ft-link li:nth-child(3):before, .ft-link li:nth-child(4):before, .ft-link li:nth-child(7):before, .ft-link li:nth-child(8):before, .ft-link li:nth-child(8):before{content:'';position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-3px;background-color:#999} .ft-info{position:relative;text-align:left;display:inline-block;vertical-align:middle;padding:0 30px;font-size:14px;width:260px;line-height:20px;color:#000} .ft-info .item{padding:2px 0 2px 36px;background-repeat:no-repeat;background-position:left top;margin:13px 0} .ft-info .tel{background-image:url(../images/icon-tel.png)} .ft-info .mail{background-image:url(../images/icon-mail.png)} .ft-info .addr{background-image:url(../images/icon-addr.png)} .ft-share{position:relative;display:inline-block;vertical-align:middle;padding-left:36px} .ft-share dt{text-align:right;font-size:14px;color:#000;margin-bottom:5px} .ft-share.ft-share a{width:38px;height:38px;margin:0 11px 0 0;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#d9d9d9;background-repeat:no-repeat;background-position:center center;-webkit-background-size:38px auto;background-size:38px auto; display:inline-block; } .ft-share.ft-share a:hover{opacity:1;background-color:#b90000} .ft-share .bds_weixin{background-image:url(../images/icon-wechat.png)} .ft-share .bds_sqq{background-image:url(../images/icon-qq.png)} .ft-share .bds_tsina{background-image:url(../images/icon-weibo.png)} .copyright { line-height:25px; font-size:14px; padding:16px 0; color:#fff; background:#b90000;} .copyright a{ color:#fff} .copyright .co_left{ float:left} .copyright .co_right{ float:right} .location{ position:absolute; width:100%; line-height:40px; height:40px; bottom:0px; background:rgba(0,0,0,0.3); color:#fff; text-align:left; display:none; } .location span{ padding:0 10px;} .location .wrap{ /*background:url(../images/home.png) no-repeat left center; padding-left:30px;width:calc(98% - 30px); max-width:calc(1300px - 30px)*/} .location a{ color:#fff} .nguide{ font-size:16px; font-weight:bold; text-align:center; } .nguide a{color:#333; display:block; width:100%;line-height:75px; position:relative;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd; } .nguide a:hover, .nguide .cur a{color:#fff; background:#b90000} .nguide li{ float:left;} .nguide li:first-child a{ border-left:solid 1px #ddd;} .nav02 li{ width:50%} .nav03 li{ width:33.33%} .nav04 li{ width:25%} .nav05 li{ width:20%} .nav06 li{ width:16.66%} .nav07{ text-align:center} .nav07 li{ width:auto; display:inline-block; float:none } .nav07 li a{ padding:0 9.5px; width:auto; margin:0; border:solid 1px #ddd; margin-top:-1px; margin-left:-6px; background:#fff} .nav08 li{ width:12.5%} .nmain{ border-bottom:solid 1px #ddd;} .nmain .conn{ padding:10px 0 30px 0} .nmain .jianjie { line-height:30px; font-size:16px; color:#555; margin-top:30px;} .nmain .jianjie p{margin-bottom:10px;} .nmain .jianjie .wenhualist p{ font-size:16px; line-height:35px;} .nmain .jianjie h3{ line-height:45px; font-weight:bold} .nmain .er{ margin:0px auto; width:100%;} .nmain .er li{ float:left; width:49%; position:relative} .nmain .er li img{ width:100%; height:auto} .nmain .er li:nth-child(2n){ float:right} .nmain li .wenzi{ line-height:50px; background-color:rgba(0,0,0,0.4); color:#fff; text-align:center; position: relative; margin-top:-50px; z-index:99; width:100%;} .nmain .er .wenzi02{ margin-top:15px;} .nmain .er li li{ float:none; width:100%; clear:both} .nmain .er li:nth-child(2n) li{ float:none; clear:both; width:100%} .nmain .si{ margin:20px auto 30px auto;width:80%;} .nmain .si li{ float:left; width:23.5%; margin-right:2%; position:relative} .nmain .si li:nth-child(4n){ margin-right:0} .nmain .jianjie .zi li{background:url(../images/yuan.png) no-repeat left center; padding-left:30px;} .nmain .jianjie img{ width:auto; max-width:100%;height:auto; margin:0px auto} .lishi{ margin-top:50px;} .lishi .lstop{background:url(../images/niantou.jpg) no-repeat center top; height:45px;} .lishi .center{background:url(../images/nianbaby.jpg) repeat-y center center; padding:10px 0 60px 0; } .lishi .center .kuai{ position:relative} .lishi .center .kuai .neir{ float:right; width:42%; padding:1% 2% 2% 2%; box-shadow: 0 0 6px #ccc;} .lishi .center .kuai:nth-child(2n+1) .neir .wai{background:url(../images/dianzuo.png) no-repeat left center; position:absolute; z-index:99; width:10px; height:19px; right:46%; top:50px} .lishi .center .kuai:nth-child(2n) .neir .wai{background:url(../images/dianyou.png) no-repeat right center; position:absolute; z-index:99; width:10px; height:19px; left:46%; top:50px} .lishi .center .kuai:nth-child(2n) .neir{ float:left;} .lishi .center .kuai .dianzi{ width:8%; float:right; background:url(../images/niandian.jpg) no-repeat center bottom; background-size:23px auto; padding-top:60px;} .lishi .center .kuai:nth-child(2n) .dianzi{ float:left;} .lishi .center .kuai:nth-child(2n+1) .neir .pic{ float:left; width:15%;} .lishi .center .kuai:nth-child(2n+1) .neir .pic img{ width:100%; height:auto; display:block; border-radius:50%; } .lishi .center .kuai:nth-child(2n+1) .neir .wenzi{ float:right; width:78%;} .lishi .center .kuai:nth-child(2n) .neir .pic{ float:right; width:15%;} .lishi .center .kuai:nth-child(2n) .neir .pic img{ width:100%; height:auto;display:block; border-radius:50%; } .lishi .center .kuai:nth-child(2n) .neir .wenzi{ float:left; width:78%; text-align:right} .lishi .center .kuai h3{ line-height:30px; font-size:18px; color:#333; font-weight:bold} .lishi .center .kuai p{ line-height:24px; font-size:14px;color:#888;background:url(../images/line.jpg) no-repeat left 10px; padding-left:20px;} .lishi .center .kuai:nth-child(2n) p{ line-height:24px; font-size:14px;color:#888;background:url(../images/line.jpg) no-repeat right 10px; padding-right:20px;padding-left:0px;} .lianxikuai{ margin:25px auto 0px auto; } .lianxikuai .lianxi{ margin:0 auto 30px auto} .lianxikuai .lianxi li{ float:left; width:32%; margin-right:2%} .lianxikuai .lianxi li:nth-child(3){ margin-right:0%} .lianxikuai h3{ font-weight:bold; font-size:18px; margin-bottom:15px; } .lianxi h2{ line-height:50px; border-bottom:solid 1px #ddd; font-weight:bold; font-size:16px; } .lianxi p{ line-height:50px; padding-left:55px;border-bottom:solid 1px #ddd; } .lianxi .loc{background:url(../images/icon-loc.jpg) no-repeat left center; line-height:25px; padding-top:10px; padding-bottom:10px} .lianxi .web{background:url(../images/icon-web.png) no-repeat left center; } .lianxi .tel{background:url(../images/icon-tel.jpg) no-repeat left center; } .lianxi .mail{background:url(../images/icon-mail.jpg) no-repeat left center; } .lianxi .mail02{background:url(../images/icon-zip.jpg) no-repeat left center; } .lianxi .fax{background:url(../images/icon-fax.jpg) no-repeat left center; } .nmain{ position:relative} .nmain .wenhua { line-height:30px; font-size:16px; color:#555; margin-top:30px;} .nmain .wenhua p{ margin-bottom:10px;} .nmain .wenhua h3{ line-height:45px; font-weight:bold} .topnews{margin:20px 0 0 0; border:solid 1px #ddd;} .In-news .F-news-fl{width:50%;float:left;} .In-news .pic{height:400px; overflow:hidden; } .In-news .pic img{ display:block;cursor:pointer; transition:all 1.5s;border:none; width:100%;} .In-news .pic img:hover {transform:scale(1.1);} .In-news .F-news-fr{width:40%;float:right;padding:5%;} .In-news .F-news-fr h4{font-size:22px;color:#333;font-weight:bold;} .In-news .F-news-fr p.info{margin:20px auto;line-height:28px; height:150px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;overflow: hidden;} .In-news .F-news-fr a:hover{color:#b90000;} .In-news .F-news-fr .gmore{color:#b90000;} .In-news .swiper-pagination{left:69%!important;text-align: left;bottom:40px!important;} .In-news .swiper-pagination-bullet-active{background:#b90000;} .In-newsL{padding:20px 0;} .In-newsL ul li{width:31.66666%;float:left;margin-bottom:30px;margin-right:2.1953333%;color:#333;} .In-newsL ul li:nth-child(3n){margin-right:0;} .In-newsL ul li .note{border:1px solid #e5e5e5;padding:25px ;} .In-newsL ul li .pic{height:212px; overflow:hidden; } .In-newsL ul li .pic img{ display:block;cursor:pointer; transition:all 1.5s;border:none; width:100%;} .In-newsL ul li .pic img:hover {transform:scale(1.1);} .In-newsL ul li .date{font-size:14px; color:#999 } .In-newsL ul li h4{margin:25px 0;font-size:18px;height:50px;line-height:25px;overflow:hidden;} .In-newsL ul li h4:hover{color:#b90000;} .In-newsL ul li a.gmore{color:#b90000;} .newstitle{ padding:0px 0 30px 0; text-align:center; border-bottom:solid 1px #ddd; } .newstitle h3{ font-size:24px; font-weight:bold; line-height:36px; margin-bottom:15px; color:#333;} .newstitle .date{background: url(../images/icon-rili.png) no-repeat left center; padding-left:25px; padding-right:50px;} .newstitle .see{background: url(../images/icon-yan.png) no-repeat left center; padding-left:25px;} .newsxiang{ line-height:30px; color:#333; padding:30px 0;} .newsxiang h3{ font-size:24px; font-weight:bold; line-height:50px} .newsxiang img{ width:auto; max-width:100%; display:block; margin:20px auto} .shangxia{ padding:50px 0 0 0; line-height:40px; font-size:16px; color:#333;border-top:solid 1px #ddd;} .shangxia a{ color:#666} .shangxia a:hover{ color:#b90000} .shangxia .back{ background:url(../images/back.jpg) no-repeat 25px center; width:120px; float:right; margin-top:-50px; border-radius:25px; border:solid 1px #b90000; color:#b90000; text-align:center; padding-left:25px;} .shangxia .back a{ color:#b90000;} .shangxia .back a:hover{ font-weight:bold} .com-img{ overflow:hidden} .com-img img{ display:block; width:100%; height:auto; overflow:hidden; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;} .com-img:hover img,.School ul li:hover .com-img img,.worth ul li:hover .com-img img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .In-video ul{overflow:hidden;margin:20px 0;} .In-video ul li{width:31.66666%;float:left;margin-bottom:30px;margin-right:2.1953333%;background:#f2f2f2;color:#666;} .In-video ul li:nth-child(3n){margin-right:0;} .In-video ul li p{position:relative;height: 210px;} .In-video ul li p span{position:absolute;width:70px;height:70px;background:url(../images/icon-v1.png) no-repeat center / cover;left:50%;top:50%;margin-left:-40px;margin-top:-40px;} .In-video ul li p span a{display: block;width:70px;height:70px;} .In-video ul li h4 a{display: block;height:50px;line-height:50px; font-size:16px;text-align:center;padding:0px 15px 10px 15px;} .In-video ul li:hover{background:#b90000 ;color:#fff;} .In-video ul li:hover h4 a{color:#fff;} /*视频插件--视频窗口*/ .media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;} .media-modal .mediaModal-contain{width:720px;height:480px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-240px 0 0 -360px;display:none;} .mediaModal-contain .mediaModal-box, .mediaModal-contain video, .mediaModal-contain .mejs-container, .mediaModal-contain .mejs-overlay-play, .mediaModal-contain .mejs-poster, .mediaModal-contain .mejs-layers, .mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;} .mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../images/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .mediaModal-contain:hover .close{opacity:1;} @media all and (max-width:980px){.mediaModal-contain .close{opacity:1;}.media-modal .mediaModal-contain{width:100%;left:0;margin-left:0;}} .InvANC-list{ margin:20px 0;border-top:1px solid #f1f1f1;} .InvANC-list li{padding:25px 100px 30px 2.9166%;border:1px solid #fff;border-bottom:1px solid #f1f1f1;position:relative;} .InvANC-list li a{display:block;padding:15px 0 15px 69px;line-height:24px;font-size:16px;background:url(../images/icon-pdf.png) no-repeat left center;} .InvANC-list li .date{text-align:center;position:absolute;top:50%;right:3.25%;margin-top:-32.5px;} .InvANC-list li .date .day{font:bold 48px/45px ;} .InvANC-list li .date .year{font:bold 14px/20px ;color:#666666;} .InvANC-list li:hover{border-color:#b90000;} .InvANC-list li:hover a{background-image:url(../images/icon-pdf2.png);} .InvANC-list li:hover .date .day, .InvANC-list li:hover .date .year{color:#b90000;} .nmain .lianxi02 li{ float:left; width:32%; margin-right:2%} .nmain .lianxi02 li:last-child{ margin-right:0} .nmain .lianxi02 p{ line-height:28px; color:#333; text-align:center; font-size:16px;} .nmain .lianxi02 .pic02{ width:60%; max-width:124px; margin:55px auto 20px auto;} .nmain .lianxi02 .pic02 img{ width:100%; height:auto} .nmain .lianxi02 .wenzi02{ text-align:center; border:solid 1px #ddd; padding-top:80px; min-height:200px; margin-top:-80px} .nmain .lianxi02 .wenzi02 h3{ font-weight:bold; margin:10px 0;} /* 人才理念 */ .tDvptIdea-wrap{position:relative;margin:50px 0;} .tDvptIdea-box{width:477px;height:438px;margin:0 auto;position:relative;} .tDvptIdea-box .logo1, .tDvptIdea-box .logo2{width:100%;height:100%;background:url(../images/tDvptIdea-logo2.png) no-repeat center center / cover;position:absolute;top:0px;left:0px;} .tDvptIdea-box:hover .logo1{animation:IdataImg .8s linear;-webkit-animation:IdataImg .8s linear;} .tDvptIdea-box .con{width:165px;height:128px;position:absolute;} .tDvptIdea-box .con.con1{left:0px;top:0px; transform-origin:260px 229px;-webkit-transform-origin:260px 229px;} .tDvptIdea-box .con.con2{width:164px;right:0px;top:0px; transform-origin:-102px 229px;-webkit-transform-origin:-102px 229px;} .tDvptIdea-box .con.con3{height:129px;left:0px;bottom:0px; transform-origin:260px -98px;-webkit-transform-origin:260px -98px;} .tDvptIdea-box .con.con4{right:0px;bottom:0px; transform-origin:-102px -98px;-webkit-transform-origin:-102px -98px;} .tDvptIdea-block{padding:17px 8px 19px;width:20.6666%;line-height:26px;min-height:95px;color:#666666;position:absolute;font-size: 16px;} .tDvptIdea-block.block1{left:11%;top:-10px;} .tDvptIdea-block.block2{right:9%;top:45px;} .tDvptIdea-block.block3{left:12%;bottom:-60px;} .tDvptIdea-block.block4{right:13%;bottom:-60px;} .worth ul li{width:18.66666%;float:left;margin-left:1.66666%;position:relative;} .worth ul li:first-child{margin-left:0px;} .worth ul li span{position:absolute;width: 120px;height: 120px;border-radius: 50%;line-height:120px;text-align: center;font-size:28px;font-weight: bold;background:rgba(255,255,255,.2);top:50%;left:50%;margin-left:-60px;margin-top:-60px;color:#fff;} .yuangong{ margin:30px 0;} .hrlist { margin:20px 0;} .hrlist li{ margin-bottom:20px} .hrlist li .tit{ background:#f1f1f1; padding:0 25px; line-height:55px; height:55px; cursor:pointer;} .hrlist li .tit .fl{font-size:16px;} .hrlist li .hr_con{ background:#fff;display:none} .hrlist li .hr_con_det{ padding:20px 20px 50px; line-height:28px; border-bottom:solid 1px #ddd} .hrlist li .tit,.hrlist li .tit em{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;} .hrlist li .tit em{ font-style:normal; background:url(../images/icon.png) no-repeat right 0; padding-right:50px} .hrlist li:hover .tit,.hrlist li.cur .tit{ background:#b90000; color:#fff} .hrlist li.cur .tit em{background:url(../images/icon.png) no-repeat right -50px;} .zeren{ margin:20px 0;} .zeren ul li{position:relative;} .zeren ul li .pic{width:50%;float:left;height:300px;position: relative;} /* .culture ul li:hover .pic img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-ms-transform:scale(1);} */ .zeren ul li img{transition: all 0.5s;} .zeren ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .zeren ul li .note{width:40%;background:rgba(255,255,255,0.4);position:absolute;right:0px;top:40px;padding:3% 5%;top:50%;transform:translate(0%,-50%);transition: all 0.5s ease-in-out;} .zeren ul li .note h4{font-size:24px;color:#333;font-weight:bold;} .zeren ul li .note h4 span{color:#5c5c5c;padding-right:30px;font-weight:normal;} .zeren ul li .note p{margin-left:60px;color:#777;margin-top:15px;margin-bottom:20px;line-height:30px;} .zeren ul li.two .pic{width:50%;float:right;} .zeren ul li.two .note{left:0px;padding:45px 70px 45px 50px;transition: all 0.5s ease-in-out;} .zeren ul li:hover .note{background:#fff;right:20px;} .zeren ul li.two:hover .note{left:20px;} .imgyou{ float:right} .imgzuo{ float:left} .prolist{margin:20px 0;} .prolist li{width:32%; margin-right:2%;margin-bottom:2%;position:relative;float:left;} .prolist li:nth-child(3n){ margin-right:0;} .PSA-box{display:block;background:#f3f3f3;border-top-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;position:relative;} .PSA-box img{width:100%; height:auto; object-fit:cover;} .PSA-block{padding:15px 5% 40px 5%;} .PSA-block .title{line-height:34px;font-size:20px;} .PSA-block .con{height:56px;line-height:28px;color:#777777;margin:5px 0 0;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; width:calc(100% - 50px)} .PSA-box .btn{width:32px;height:32px;background:url(../images/icon-go2.png) no-repeat center center;position:absolute;right:5.576923076923077%;bottom:28px;} .PSA-box:hover{background:#b90000;box-shadow:0 12px 20px rgba(128,180,220,.22);transform:translate3d(0,-1px,0);transition:all .3s cubic-bezier(.55,0,.1,1)} .PSA-box:hover .PSA-block .title, .PSA-box:hover .PSA-block .con{color:#fff;} .PSA-box:hover .btn{background-image:url(../images/icon-go2-2.png);} .proxiang #preview{ width:55%;float:left;position:relative;} .jqzoom{ border:1px solid #e8e8e8;border-radius:25px 0 25px 0; overflow:hidden; margin-bottom:20px;overflow:hidden; text-align:center} .jqzoom img{ width:100%;display:inline-block; vertical-align:middle; } .jqzoom i{display:inline-block; width:0; height:100%; vertical-align:middle} .zoomdiv{ width:100%; height:auto; z-index:100;position:absolute;top:0 !important;left:100% !important;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} .bigimg{width:800px;height:auto;} .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px; background:url(../images/zoom_bg.gif) repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} .proxiang{ border-bottom:solid 1px #ddd; padding-bottom:60px; margin-bottom:60px;} .proxiang .proright{ width:40%;float:right; position:relative } .proxiang .proright h3{ font-size:28px; font-weight:bold; margin-bottom:15px; line-height:50px;} .proxiang .proright .jian{ line-height:30px; color:#999; margin-bottom:100px;} .proxiang .proright .jian h3{ font-size:24px; font-weight:bold;line-height:50px; color:#333} .proxiang .readMoreBtn {position: absolute;margin:0 auto;display: block; left:0%; margin-left:0px; text-align:center} .proxiang .readMoreBtn span { width:150px;background: #b90000;border: 1px solid #b90000;height:45px;line-height: 45px;font-weight: bold;color: #fff;display: inline-block;-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s; font-size:16px;} .proxiang .readMoreBtn span:hover {background: #fff;color: #b90000;} .pro-content{ padding-bottom:35px; clear:both;padding-bottom:60px; margin-bottom:60px; } .protab-list a{ display: inline-block;line-height:40px; font-size:16px; color:#333;width:200px; margin-right:2px; text-align:center; background:#ddd;cursor:pointer} .protab-list a.active{ background:#b90000; color:#fff;} .protab-con{ padding:20px 0 0 0; line-height:32px;} .protab-con .protab-con-hd{ display:none} .protab-con .protab-con-hd.active{ display:block} .protab-con .protab-con-hd .table td{ border-bottom:1px solid #d8d8d8; padding:5px 10px} .protab-con .protab-con-hd .table tr:first-child{ border-top:1px solid #d8d8d8} .protab-con .protab-con-hd .table tr:nth-child(2n){ background:#ddd} .protab-con .protab-con-hd .table1 td{ border:1px solid #d8d8d8; padding:5px 10px} .protab-con .protab-con-hd .table1 .firstRow{background:#989898;color: #fff; font-weight:bold} .protab-con .protab-con-hd .table1 tr:nth-child(2n){ background:#f5f5f5} .protab-con .protab-con-hd p{ padding-bottom:5px} .protab-con table{ border-top:solid 1px #ddd;border-left:solid 1px #ddd;} .protab-con td{ border-bottom:solid 1px #ddd;border-right:solid 1px #ddd; padding:0 12px; line-height:38px; text-align:center} .protab-con tr:nth-child(2n+1){background:#fbf2f2;} .protab-con tr:first-child { background:#f8e5e5;} .protab-con-hd .erlie li{ float:left; width:49%; margin-bottom:20px;} .protab-con-hd .erlie li:nth-child(2n){ float:right} .protab-con-hd img{ width:100%; height:auto} .wenhualist{ margin-top:40px;} .wenhualist {background:url(../images/wenhua.jpg) no-repeat center center; background-size:39% auto;} .wenhualist .xzuo{ float:left; width:30%} .wenhualist .cyou{ float:right; width:30%} .wenhualist .kuaiin{width:100%; margin-top:20px;} .wenhualist .kuaiin .kuai{ padding:2% 20px; border:solid 1px #ddd} .wenhualist h3{ font-size:18px; font-weight:bold; line-height:36px} .wenhualist p{ color:#666; font-size:14px; line-height:23px} .wenhualist .gekai { height:50px;} .honor {/*background:url(../images/desk.jpg) no-repeat center bottom;*/} .honor .picScroll{ position:relative;width:calc(100% - 76px); margin-left:38px;/*height:136px;*/bbox-sizing:border-box;-webkit-box-sizing:border-box;background:url(../images/xian.jpg) repeat-x center 102px;} .honor .picScroll ul{ overflow:hidden; zoom:1;} .honor .picScroll ul li{ float:left; width:25%;overflow:hidden;display:block; position:relative;} .honor .picScroll ul li .nian { height:120px; margin-bottom:25px; text-align:center; font-size:30px; color:#b90000; line-height:70px;background:url(../images/nian.png) no-repeat center top;} .honor .picScroll ul li:hover .nian{background:url(../images/nianzhong.png) no-repeat center top;} .honor .picScroll ul li .pic{ margin:0 auto; width:94%; height:200px; display: table;overflow:hidden; display:block; } .honor .picScroll ul li .pic img{ width:100%; height:200px; display:block;display: table-cell; vertical-align: middle;} .honor .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;} .honor li:hover .pic img{transform:scale(1.1);} .honor .picScroll ul li .text{ margin:0 auto; width:92%; padding:0 1%; text-align:center;display:block;} .honor .picScroll ul li .text h3{ line-height:25px; font-size:16px; color:#333; text-align:center;overflow: hidden; padding:12px 0; margin:0 0 5px 0;} .honor .picScroll ul li .pic,.pro .picScroll ul li .wenzi,.pro .picScroll ul li .wenzi h3,.pro .picScroll ul li .wenzi p{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;} .honor .picScroll .prev, .honor .picScroll .next{ position:absolute; z-index:99; left:-38px; top:80px; display:block; width:38px; height:38px; overflow:hidden; background:url(../images/lzuo.png) no-repeat; cursor:pointer;} .honor .picScroll .next{ left:auto; right:-38px; background:url(../images/lyou.png) no-repeat;z-index:99; } .honor .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; } .honor .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; } .wthistory-container{width: 100%;padding: 40px 0 120px 0;} .his-cont-fl{ text-align: center;width: 25%;color: #b90000; font-size: 30px;font-weight: 900;} .his-cont-fr{width: calc(65% - 1px); border-left:solid 1px #eee; padding-left:10%;height: auto;overflow: initial;background: 0px;} .his-cont-fr dl{margin-top: 30px;} .his-cont-fr:after {content: "";position: absolute;top: 0;width: 0;height: 0;background: #eee;right: 0px;z-index: -1;} .hisyearbox{user-select: none;} .his-year{margin-top:60px;position: relative;} .his-year .contain{position:relative;} .his-year .prev,.his-year .next{width:35px;height:35px;position:absolute;} .his-year .prev{left:0px;background:url(../images/his-prev.png) no-repeat center;top:33px;} .his-year .next{right:0px;background:url(../images/his-next.png) no-repeat center;top:33px;} .his-year:after{content:"";position: absolute;left:0;bottom:5px;width:100%;height:1px;background:#eee;z-index:-1;transition: all 0.3s ease;} .his-year ul,.hisyearbox{overflow:hidden;width:1080px;margin:0px auto;} .his-year ul li{width:130px;float:left;text-align:center;font-size:20px;color:#888;background:url(../images/his.png) no-repeat center bottom;padding-bottom:32px;cursor:pointer;} .his-year ul li.cur{color:#b90000;background:url(../images/hison.png) no-repeat center bottom;} .his-content .cont1{margin-top:30px;overflow: hidden;display:none;} .his-cont-fl{float:left;} .his-cont-fr{float:right;font-size:15px;color:#666666;line-height:25px;position: relative;} .his-cont-frwords{width: 90%;} .wthistory-sizeimg{ margin-bottom:15px;} .his-cont-fr dl{margin-top:0} .his-cont-fr dd{ line-height:30px;position: relative;padding-left:15px;} .his-cont-fr dd:after{content:"";position: absolute;left:0;top:10px;width:4px;height:4px;background:#b90000;border-radius:50%;} .nliuyan input{border-radius:5px; margin-bottom:15px; } .nliuyan ::-webkit-input-placeholder { color: #999;} .nliuyan .conn .liu01{ float:left; width:calc(49% - 50px); border:solid 1px #ddd; line-height:40px; height:40px; padding-left:50px; background:url(../images/l01.jpg) #fff no-repeat 15px center; } .nliuyan .conn .liu02{ float:right;width:calc(49% - 50px);border:solid 1px #ddd; line-height:40px; height:40px; padding-left:50px; background:url(../images/l02.jpg) #fff no-repeat 15px center;} .nliuyan .conn .liu03{ float:left;width:calc(49% - 50px);border:solid 1px #ddd; line-height:40px; height:40px; padding-left:50px; background:url(../images/l03.jpg) #fff no-repeat 15px center; } .nliuyan .conn .liu04{ float:right; width:calc(49% - 50px); border:solid 1px #ddd; line-height:40px; height:40px; padding-left:50px; background:url(../images/l04.jpg) #fff no-repeat 15px center;} .nliuyan .conn .liu06{ margin-bottom:15px;clear:both; width:calc(100% - 50px); border-radius:5px; border:solid 1px #ddd; line-height:40px; height:160px; padding-left:50px; background:url(../images/l06.jpg) #fff no-repeat 15px 12px;} .nliuyan .conn .liu07{ width:100px; border:solid 1px #ddd; line-height:40px; height:40px; padding-left:50px; background:url(../images/l07.jpg) #fff no-repeat 15px center;} .nliuyan .but{ clear:both; display:block; margin:0 auto;width: 160px;} .nliuyan .but a{ border-radius:5px; font-size:18px; box-shadow: 0 0 10px #ccc;width: 100%;display: inline-block; height:50px; line-height:50px; background:#b90000;text-transform: uppercase; color: #fff; text-align: center;} .nliuyan .but:hover{ animation:pulse 1.5s;-moz-animation:pulse 1.5s;-webkit-animation:pulse 1.5s;-o-animation:pulse 1.5s; color: #fff;} .nliuyan .but a{ color:#fff;} .jidi li{ float:left; width:32%; margin-right:2%} .jidi li:nth-child(3n){ margin-right:0%} .jidi li .text { background:#f5f5f5; text-align:center; padding:10px;} .jidi li .text h3{ line-height:35px; font-size:16px;} .jidi li .text p{ line-height:26px;} .chengguo .text1{ font-size: 30px; color: #333; text-align: center; line-height: 39px; margin-top: 25px; } .chengguo .text2{font-size: 14px; color: #666; text-align: center; line-height: 32px;} .chengguo .icon{ text-align: center; } .chengguo .text3{ font-size: 24px; color: #333; text-align: center; font-weight: bold; margin-top: 10px; } .chengguo .infos{ margin: 20px 0 50px 0; overflow: hidden; } .chengguo .infos *{ font-size: 16px; color: #666; line-height: 36px; float: left; } .chengguo .infos .left{ width: calc(45% - 1px); text-align: right; } .chengguo .infos .right{ width: 45%; text-align: left; } .chengguo .infos .line1{ width: 1px; height: 450px; background-color: #999; margin: 10px 5% ; } .chengguo .infos .line2{ width: 1px; height: 87px; background-color: #999; margin: 10px 5%; } .chengguo .infos .line3{ width: 1px; height: 24px; background-color: #999; margin:10px 5%; } .chengguo .infos .line4{ width: 1px; height:160px; background-color: #999; margin:10px 5%; } .nmain .jishudt{ padding:30px 0 0 0} .jishudt li{ float:left; width:calc(47% - 2px); padding:1%; margin-bottom:2%; border:solid 1px #ddd; background:url(../images/ttzmore.png) no-repeat 96% center;} .jishudt li:hover{ background:url(../images/img_40.png) no-repeat 96% center;} .jishudt li:nth-child(2n){ float:right} .jishudt li a{background:url(../images/ipdf.png) no-repeat left center; display:block; width:78%; padding:5px 10% 5px 12%; line-height:28px; } .jishudt li h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .jishudt li p{ color:#666} .linian{ padding:20px 0} .linian h3{ font-weight:bold; font-size:20px; line-height:50px} .linian p{ line-height:30px; } .nmain .linian .imgzuo { height:280px; width:auto; float:left; margin-right:25px;} .nmain .linian .imgyuo { height:280px; width:auto; margin-left:25px; float:right } .V-qywh-mien { width: 1260px; margin: 20px auto; overflow: hidden; padding-bottom: 110px; } .V-qywh-miTi { width: 100%; overflow: hidden; text-align: center; padding: 80px 0 54px; } .V-qywh-miTi h4 { font-size: 36px; color: #333333; font-weight: bold; } /* .V-qywh-mienPic{ width: 100%; } */ #focus_Box { position: relative; width: 100%; height: 418px; margin: 20px auto; } #focus_Box ul { position: relative; width: 100%; } #focus_Box li { z-index: 0; position: absolute; width: 0px; height: 0px; top: 146px; cursor: pointer; left: 377px; } #focus_Box li img { width: 100%; height: 100%; vertical-align: top; } #focus_Box li p { position: absolute; left: 0; width: 100%; line-height: 28px; text-align: center; color: #333333; padding:15px 0; } #focus_Box .prev, #focus_Box .next { display: block; z-index: 99; overflow: hidden; cursor: pointer; position: absolute; width: 50px; height: 50px; top: 180px; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; } #focus_Box .prev img, #focus_Box .next img { width: 14px; height: 25px; margin-top: 12.5px; } #focus_Box .prev { left: 0px; } #focus_Box .next { right: 0px; } #focus_Box .prev:hover { background-position: left top; } #focus_Box .next:hover { background-position: right top; } .nmain .aboutjian .imgzuo { height:280px; width:auto; margin-right:25px; } .nmain .aboutjian .imgyuo { height:280px; width:auto; margin-left:25px; float:right } .nmain .jianjie .jt01{ margin:60px 0;} .nmain .jianjie .jt02{ margin:160px 0 100px 0;} .nhistory .tabmenu { margin-top:20px;border-bottom:solid 1px #cd060b;} .nhistory .tabmenu li {font-size:18px;line-height:46px; width:calc(24.25% - 2px); margin:0; padding:0; padding-top:2px; text-align:center;display:inline-block; border-radius:15px 15px 0 0; border-left:solid 1px #b90000; border-right:solid 1px #b90000;border-top:solid 1px #b90000;} .nhistory .tabmenu li:last-child{ margin-right:0} .nhistory #atabcontent { clear:both; margin-top:35px;} .nhistory .tabmenu .cli { color:#fff; background:#b90000;} .nhistory #atabcontent .hidden {display:none;} .nhistory #atabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;background:url(../images/xian02.png) repeat-y 140px center;} .nhistory #atabcontent .nianfen{ float:left; width:200px;background:url(../images/hnian.png) no-repeat 130px center; height:50px; line-height:50px; font-size:18px; padding-left:20px;} .nhistory #atabcontent .historylist{ float:right; width:calc(100% - 220px); margin-top:10px; border-bottom:dotted 1px #ddd} .nhistory #atabcontent .historylist p{ margin-bottom:10px; line-height:30px; clear:both} .nhistory #atabcontent .historylist p .jvnian{ color:#666; border:solid 1px #ddd; text-align:center; width:150px;margin-right:10px; display:inline-block; float:left} .nhistory #atabcontent .historylist p span:nth-child(2){ width:calc(100% - 200px); float:left} .nmain .shili .pic{ float:right; width:40%;} .nmain .shili .wenzi{ float:left; width:50%; line-height:30px; } .nmain .shili ul { padding:15px 0;} .nmain .shili li{ background:url(../images/hyue.png) no-repeat left center; background-size:15px; padding-left:30px;} .zuji .kuai{ margin-bottom:30px;} .zuji .kuai .fabiao{ font-size:18px; font-weight:bold; line-height:40px;} .zuji .kuai .fabiao span{ color:#b90000; margin-right:8px; font-size:24px} .item-picwords{width: 100%;margin-top:15px;overflow: hidden;position: relative;} .item-pic{width: 100%;height: auto;overflow: hidden; margin-bottom:40px; text-align:center} .item-pic img{width: 100%;height: 100%;object-fit: cover;} .item-prev,.item-next{width: 30px;height: 60px;user-select: none;cursor: pointer;transition: all .3s ease-in-out;position: absolute;top:50%; margin-top:-50px;z-index: 6;} .item-prev{left: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background: rgba(0, 0, 0, .54) url('../images/itemL.png') no-repeat center center;} .item-next{right: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;background: rgba(0, 0, 0, .54) url('../images/itemR.png') no-repeat center center;} .item-prev:hover{background: rgba(0, 0, 0, 1) url('../images/itemL.png') no-repeat center center;} .item-next:hover{background: rgba(0, 0, 0, 1) url('../images/itemR.png') no-repeat center center;} .item-words{width: 100%;padding: 20px 0 40px 0;text-align: center;opacity: 0;transition: all .4s ease-in-out;} .item-words p{color: #010101;line-height: 30px;height: 86px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .item-picwords .swiper-pagination-bullet {border-radius: 100%;background: transparent;opacity: 1;border: 1px solid #000;} .item-picwords .swiper-pagination-bullet-active {background: #000;} .swiper-slide-active .item-words{opacity: 1;} .dszshuo{ line-height:30px; margin-bottom:15px; } .dszshuo p{ margin-top:20px;} .dszshuo h3{ font-size:18px; line-height:40px; font-weight:bold; } .zhanlv { text-align:center; line-height:35px;} .zhanlv h2{ font-size:20px; margin-bottom:10px; font-weight:bold;} .zhanlv h3{ font-size:18px; margin-bottom:10px} .teampic h3{ line-height:50px; font-size:20px; font-weight:bold;} .teampic img{ margin-bottom:30px;} .zhanlv img, .teampic img{ display:block; width:auto; max-width:100%; margin:0 auto;} .sanlih { width:100%; max-width:1300px; margin:20px auto 0 auto;} .sanlih li{ float:left; width:33.33%;position:relative } .sanlih li h3{ font-size:16px; font-weight:bold; line-height:40px;} .sanlih li p{background: url(../images/hyue.png) no-repeat left center;background-size: 15px;padding-left: 30px; line-height:32px;color: #666;} table td{ padding:0 10px}