@charset "UTF-8"; @font-face { font-family: "sans-serif"; src: url("../../fonts/NotoSansHans-Light.woff2") format("woff2"), url("../../fonts/NotoSansHans-Light.woff") format("woff"), url("../../fonts/NotoSansHans-Light.ttf") format("truetype"), url("../../fonts/NotoSansHans-Light.eot") format("embedded-opentype"), url("../../fonts/NotoSansHans-Light.svg") format("svg"); font-weight: normal; font-style: normal; } html {min-width:1300px;} .hidden {display:none;} .hide {display:none !important;} .w1200 {width:1200px;margin:0 auto;} @media screen and (min-width:1680px) { .w1200 {width:1660px;margin:0 auto;} } .hv4 {clear:both;height:40px;} /*清除浮动*/.clearfix {*zoom:1;} .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .dialog-layout {width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:#000;opacity:0.3;filter:alpha(opacity=30);} /***********top and bottom css end***********/ .page-title1{width: 100%} .leftNav {width:238px;position:relative;z-index:20;} .leftNav .title {height:96px;color:#fff;} .leftNav .title .en {display:block;padding:20px 0 0 15px;line-height:30px;font-size:28px;text-transform:uppercase;font-family:"Cambria";} .leftNav .title .line {width:22px;height:1px;display:block;margin:10px 0 10px 15px;background:#fff;} .leftNav .title h3 {font-size:20px;font-weight:bold;padding-left:15px;padding-top:24px;} .leftNav .list {padding:0 8px;} .leftNav .item {} .leftNav .item:first-child {border-top:0px;} .leftNav .item h3 {font-weight:bold;color:#1e468e;font-size:20px;width: 100%;text-align: center;box-sizing: border-box;} .leftNav .item h3 a {color:#333;display:block;padding-left:0px;line-height:55px;border-bottom:1px solid #e5e5e5; width: 97%;background: #fff;} .leftNav .item h3 i {float:right;margin-right:8px;line-height: 50px} .leftNav .item h3.hover {color: #fff;background:url(../../images/libg.png) no-repeat center; background-size: 100% 100%; border-bottom: none;} .leftNav .item h3.hover a{background: none;color: #fff;border-bottom: none;} .leftNav .item ul{} .leftNav .item ul li{line-height: 32px} .leftNav .item ul li i{padding:0 10px;display: none;} .leftNav .item h3 a:hover,.leftNav .item h3 a.hover,.leftNav .item ul li a.hover,.leftNav .item ul li a:hover{} .leftNav .item .box {padding-bottom:0;background:#f6f6f6;} .leftNav .item .box a {color:#333;line-height:40px;display:block;height:40px;padding-left:25px;overflow:hidden;} .leftNav .item .box a s {width:10px;height:10px;margin-right:8px;display:inline-block;background-position:2px -178px;} .leftNav .item .box a:hover,.leftNav .item .box a.hover {color:#fff;font-weight:bold;background: red;} .leftNav .item1 {} .leftNav .item1:first-child {border-top:0px;} .leftNav .item1 h3 {font-weight:bold;color:#1e468e;font-size:20px;width: 100%;text-align: center;box-sizing: border-box;} .leftNav .item1 h3 a {color:#333;display:block;padding-left:5px;line-height:50px;border-bottom:1px solid #e5e5e5; width: 97%;background: #fff;} .leftNav .item1 h3 i {float:right;margin-right:8px;line-height: 50px} .leftNav .item1 h3.hover {color: #fff;background:url(../../images/lli.png) no-repeat center; background-size: 100% 100%; border-bottom: none;} .leftNav .item1 h3.hover a{background: none;color: #fff;border-bottom: none;} .leftNav .item1 ul{} .leftNav .item1 ul li{line-height: 32px} .leftNav .item1 ul li i{padding:0 10px;display: none;} .leftNav .item1 h3 a:hover,.leftNav .item1 h3 a.hover,.leftNav .item1 ul li a.hover,.leftNav .item1 ul li a:hover{} .leftNav .item1 .box {padding-bottom:0;background:#f6f6f6;} .leftNav .item1 .box a {color:#333;line-height:40px;display:block;height:40px;padding-left:25px;overflow:hidden;} .leftNav .item1 .box a s {width:10px;height:10px;margin-right:8px;display:inline-block;background-position:2px -178px;} .leftNav .item1 .box a:hover,.leftNav .item1 .box a.hover {color:#fff;font-weight:bold;background: red;} .chengPage .item {width:100%;height:240px;margin:0 autotransition:all .5s;padding: 20px;box-sizing: border-box;margin-bottom: 20px;} .chengPage .item a.a1 {display:block;width:100%;} .chengPage .item img {width:240px;height:173px;display:block;float:left;padding:3px;margin-right:20px;margin-top: 20px;} .chengPage .item h3 {font-size:16px;color:#333;height:62px;line-height:32px;overflow:hidden;margin-bottom:5px; font-weight:bold;transition:all ease 300ms;width: 618px;} .chengPage .item h3 a.a3{font-size:18px;color:#333;font-weight: 600px;float: left;} .chengPage .item h3 a.a2{font-size:18px;color:#333;font-weight: 600px;float: right;margin-left: 20px;display: inline-block;border-bottom: 4px solid #F8C24C;} .chengPage .item h3 a.a2:hover{color:#F8C24C;} .chengPage .item .txt {color:#737373;line-height:34px;height:68px;margin:12px 0 33px;overflow:hidden;} .chengPage .item .txt span {} .chengPage .item .time {color:#333;height: 60px;line-height: 60px;border-bottom: 1px solid #ccc;width: 618px;float: left;} .chengPage .item .time1 {color:#333;height: 60px;line-height: 60px;width: 618px;float: left;} .chengPage .item .time1 .d1{float: left;width: 46%;margin-right: 8%;border-bottom: 1px solid #ccc;} .chengPage .item:hover h3 {} .chengPage .item:hover {box-shadow:0 0 15px rgba(0,0,0,0.2);} .chengPage .toplie{width: 69%;height: 175px;background:url(../../images/lanbg.png) no-repeat left center; float: right;position: relative;z-index: 1000;padding-left:200px;box-sizing: border-box;} .chengPage .toplie .title{width: 100%;height: 80px;border-left: 5px solid #F8C24C;padding-left: 10px;box-sizing: border-box;margin-top: 48px;} .chengPage .toplie .title h2{color: #fff;font-size:30px; font-weight: 600;color: #FFFFFF;line-height: 52px;} .chengPage .toplie .title p{color: #fff;font-size:20px; font-weight: 500;color: #FFFFFF;} .leftCon {width:240px;padding-bottom:40px;float:right;position:relative;z-index:20;} .leftCon .leftContact {width:238px;margin-top:20px;border:1px solid #e5e5e5;border-bottom: 9px solid #eaeaea;} .leftCon .leftContact .title {height:53px;line-height:53px;padding:3px 15px 4px;font-size:20px;font-weight:bold;color:#fff;} .leftCon .leftContact .title span {font-size:14px;margin-left:6px;} .leftCon .leftContact .leftprocomt {padding-top:10px;} .leftCon .leftContact .leftprocomt li {float:left;text-align:center;width:104px;margin:0 10px;} .leftCon .leftContact .leftprocomt li:nth-child(2n) {margin:0;} .leftCon .leftContact .leftprocomt li img {width:104px;height:78px;border-radius:3px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;} .leftprocomt li p {font-size:12px;line-height:30px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;} .leftprocomt li:hover img {-webkkit-filter:brightness(105%);filter:brightness(105%);} .leftCon .leftContact .contxt {padding:8px 10px 15px;line-height:30px;} .leftCon .leftContact .contxt .img {float:left;display:block;border:1px solid #e5e5e5;margin:0 auto 10px;} .leftCon .leftContact .contxt img {width:215px;height:215px;} .indexTit {width:100%;padding:6px 0 16px;line-height:40px;} .indexTit .more {float:right;line-height:36px;font-family:arial;margin-top:6px;} .indexTit h3 {font-size:24px;display:inline-block;*display:inline;*zoom:1;margin:0 5px 0 7px;} .indexTit s {width:25px;height:30px;background-position:-94px -26px;} .indexTit .en {font-family:arial;font-size:16px;display:inline-block;*display:inline;*zoom:1;} /* 内页轮播 */ .postbig{ position: relative; width: 964px; margin: 0 auto;} .postbox { margin:60px auto; width:900px; position: relative;} .postbox ul,.postbox li{ list-style: none; padding:0; margin: 0;} .poster-main { width: 964px; height: 500px; margin: 0 auto; } .poster-main a, .poster-main img { display: block; } .poster-main .poster-list { width: 100%; height: 500px; } .poster-main .poster-list .poster-item { position: absolute; left: 0; top: 0; } .poster-main .poster-btn { position: absolute; top: 0; z-index: 10; cursor: pointer; } .poster-main .poster-prev-btn { left: -100px; background: url(../../images/lj.png) no-repeat left 140px; } .poster-main .poster-next-btn { right:-100px; background: url(../../images/rj.png) no-repeat right 140px; } .poster-list span{ display: block; position: absolute; bottom: 0px; width: 100%; height: 108px; line-height: 24px; color: #fff; background: rgba(0,0,0,.4);} .fir{ font-size: 16px; font-weight: bold; padding:10px 0 5px 0; width: 90%; margin: 0 auto;} .sec{font-size: 14px; width: 90%; margin: 0 auto; overflow: hidden;} .partcont{ width: 100%; } .partcont h2{width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 40px;font-family: sans-serif, sans-serif;font-weight: 600;color: #333333;margin-bottom: 20px;} .partcont p{font-size: 20px;font-family: sans-serif, sans-serif;font-weight: 400;color: #333333;line-height: 50px;} @media screen and (min-width:1680px) { .leftCon {width:390px;float:right;position:relative;z-index:20;} .chengPage .item h3 {width: 854px;} .chengPage .item .time {width: 844px;} .chengPage .item .time1 {width: 844px;} .leftNav {width:390px;position:relative;z-index:20;} .leftNav .title {height:96px;color:#fff;} .leftNav .title .en {display:block;padding:20px 0 0 15px;line-height:30px;font-size:28px;text-transform:uppercase;font-family:"Cambria";} .leftNav .title .line {width:22px;height:1px;display:block;margin:10px 0 10px 15px;background:#fff;} .leftNav .title h3 {font-size:20px;font-weight:bold;padding-left:15px;padding-top:24px;} .leftNav .list {padding:0 8px;} .leftNav .item {} .leftNav .item:first-child {border-top:0px;} .leftNav .item h3 {font-weight:bold;color:#1e468e;font-size:14px; width: 100%;text-align: center;box-sizing: border-box;} .leftNav .item h3 a {color:#333;display:block;padding-left:0px;line-height:80px;border-bottom:6px solid #EFEFEF; width: 89%;font-size: 24px;background: #fff; font-family: sans-serif, sans-serif; font-weight: 600;} .sanli a{font-size:20px !important} .leftNav .item h3 i {float:right;margin-right:8px;line-height: 50px} .leftNav .item h3.hover {color: #fff;background:url(../../images/libg.png) no-repeat center; background-size: 100% 100%; border-bottom: none;} .leftNav .item h3.hover a{background: none;color: #fff;border-bottom: none;} .leftNav .item ul{} .leftNav .item ul li{line-height: 32px} .leftNav .item ul li i{padding:0 10px;display: none;} .leftNav .item h3 a:hover,.leftNav .item h3 a.hover,.leftNav .item ul li a.hover,.leftNav .item ul li a:hover{} .leftNav .item .box {padding-bottom:0;background:#f6f6f6;} .leftNav .item .box a {color:#333;line-height:40px;display:block;height:40px;padding-left:25px;overflow:hidden;} .leftNav .item .box a s {width:10px;height:10px;margin-right:8px;display:inline-block;background-position:2px -178px;} .leftNav .item .box a:hover,.leftNav .item .box a.hover {color:#fff;font-weight:bold;background: red;} /*.leftNav .item1 {} .leftNav .item1:first-child {border-top:0px;} .leftNav .item1 h3 {font-weight:bold;color:#1e468e;font-size:14px;width: 100%;text-align: center;padding-right: 23px;box-sizing: border-box;} .leftNav .item1 h3 a {color:#333;display:block;padding-left:5px;line-height:50px;border-bottom:1px solid #e5e5e5; width: 97%;background: #fff;} .leftNav .item1 h3 i {float:right;margin-right:8px;line-height: 50px}*/ .leftNav .item1 h3.hover {background:url(../../images/lli.png) no-repeat center;background-size: 100% 100%; border-bottom: none; } .leftNav .item1 h3.hover a{background: none;color: #fff;border-bottom: none;} /* .leftNav .item1 ul{} .leftNav .item1 ul li{line-height: 32px} .leftNav .item1 ul li i{padding:0 10px;display: none;} .leftNav .item1 h3 a:hover,.leftNav .item1 h3 a.hover,.leftNav .item1 ul li a.hover,.leftNav .item1 ul li a:hover{} .leftNav .item1 .box {padding-bottom:0;background:#f6f6f6;} .leftNav .item1 .box a {color:#333;line-height:40px;display:block;height:40px;padding-left:25px;overflow:hidden;} .leftNav .item1 .box a s {width:10px;height:10px;margin-right:8px;display:inline-block;background-position:2px -178px;} .leftNav .item1 .box a:hover,.leftNav .item1 .box a.hover {color:#fff;font-weight:bold;background: red;} */ } /*prolist*/.prolist {width:100%;overflow:hidden;} .prolist .list {width:100%;} .prolist .item {width:290px;float:left;margin:0 23px 30px 0;position:relative;background:#fff;transition:all ease 300ms;overflow:hidden;} .prolist .item a{display:block;padding:3px;border:1px solid #e5e5e5;} .prolist .item a div {width:282px;height:211px;} .prolist .item img {width: 100%;height: 100%;object-fit: contain;} .prolist .item h3 {padding:0 6px;height:60px;text-align:center;font-size:16px;color:#383838;line-height:60px;overflow:hidden;transition:all ease 300ms;} .prolist .item:hover a {} .prolist .item:hover h3 {color:#fff;} /*caselist*/.caselist {width:100%;position:relative;overflow:hidden;} .caselist .list {width:105%;position:relative;} .caselist .item {width:570px;height:245px;float:left;margin:0 52px 30px 0;position:relative;transition:all ease 300ms;overflow:hidden;} .caselist .item a {display:block;height:200px;padding:20px 30px 0 20px;} .caselist .item img {width:267px;height:200px;float:left;margin-right:30px;display:block;transition:all ease 300ms;} .caselist .item h3 {height:38px;line-height:38px;font-size:16px;overflow:hidden;transition:all ease 300ms;margin-bottom:14px;border-bottom:1px solid #ededed;font-weight:bold;} .caselist .item .txt {line-height:24px;max-height:96px;overflow:hidden;color:#737373;} .caselist .item .more {width:40px;height:30px;padding-top:10px;display:block;position:absolute;right:25px;bottom:25px;background:#eeeeee;} .caselist .item .more s {width:22px;height:22px;display:block;margin:0 auto;background-position:-105px 0;transition:all ease 300ms;} .caselist .item:hover h3 {} .caselist .item:hover img {filter:brightness(105%);} .caselist .item:hover .more {} .caselist .item:hover .more s {background-position:-130px 0;} /*txtlist*/.txtlist {width:97%;position:relative;overflow:hidden;border:#ccc solid 1px;padding:12px;} .txtlist .list {width:106%;position:relative;} .txtlist li {width:300px;height:36px;line-height:36px;overflow:hidden;float:left;margin-right:70px;} .txtlist li a {width:100%;display:block;} .txtlist li s {width:4px;height:4px;display:inline-block;vertical-align:middle;margin-top:-1px;border-radius:100%;background:#333333;margin-right:10px;} .txtlist li .time {float:right;} .qalist .item {width:100%;padding:0 0 15px;} .qalist .item .t,.qalist .item .txt {padding-left:40px;position:relative;display:block;} .qalist .item s {width:28px;height:28px;border-radius:3px;position:absolute;left:0;top:9px;background-position:-144px -24px;} .qalist .item .t {height:55px;line-height:55px;overflow:hidden;display:block;font-size:16px;margin-bottom:12px;border-bottom:1px solid #e5e5e5;} .qalist .item .t s {top:13px;} .qalist .item .txt {color:#333333;line-height:30px;max-height:120px;overflow:hidden;} .qalist .item .txt s {background-position:-168px -22px;top:0;background-color:#1e468e;} /***********index css ***********/.index {width:100%;position:relative;z-index:20;} /**********index css end**********//************content************/ /* loaction */ .location {width:100%;padding:0px 0 0;height:45px;line-height:45px;margin-bottom:20px;position:relative;border-bottom:2px solid #191919;} .location h3 {font-size:18px;padding-left:3px;display:inline-block;position:relative;} .location h3 s {width:100%;height:2px;display:block;position:absolute;left:0;bottom:-2px;} .location .sitepath {color:#333333;float:right;text-align:right;width:60%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .location .sitepath a {color:#333333;} .location .sitepath a:hover {} .fenx {height:40px;} /* reLink */ .reLink {clear:left;width:100%;height:58px;line-height:58px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;} .reLink .nextLink,.reLink .prevLink {width:50%;display:block;text-align:left;color:#666;overflow:hidden;} .reLink .nextLink a:hover,.reLink .prevLink a:hover {} .reLink .nextLink {text-align:right;} .nybanner {width:100%;height:300px;overflow:hidden;position:relative;} .nybanner img {width:1920px;display:block;position:absolute;left:50%;margin-left:-960px;top:0;} .n-tit {margin-bottom:20px;} .n-tit h3 {font-size:24px;color:#000;margin-bottom:22px;} .n-tit .line {width:28px;height:2px;display:block;background:#000;} .wrapper {padding:0 0 30px;} .wrapper .shareNew {padding-bottom:20px;} .wrapper .noinfo {width:100%;padding:0 3%;} .wrapper .noinfo img {display:block;margin:0 auto;} .wrapper .content {width:930px;float:left;} .wrapper .content .prolist {width:100%;position:relative;} .wrapper .content .prolist .item {margin-right:30px;} .wrapper .content .bgfff {width:818px;padding:15px 40px 50px;border:1px solid #dddddd;background:#fff;} .wrapper .qalist .item {padding-bottom:25px;} .wrapper .probox {padding-top:30px;*padding-bottom:30px;} .wrapper .probox.a1 {padding-top:0;background:none;} .wrapper .newsbox {padding-top:30px;padding-bottom:40px;} .wrapper .newsbox .txtlist li {width:420px;margin-right:40px;} .aboutbtop{display: block;height: 900px;position: relative;top: 0;} .aboutbtop img{height: 900px;position: absolute;top: 0;z-index: -1;} .aboutbtop .miaosu{height: 365px;position: absolute;top: 766px;z-index: -1;width: 62.08%;background: rgba(17,116,240,0.7);} @media screen and (min-width:1680px) { .wrapper .content {width:75%;float:left;} .wrapper .content>img{text-align:center;} .aboutbtop{display: block;height: 900px;position: relative;top: 0;} .aboutbtop img{height: 900px;position: absolute;top: 0;z-index: -1;} .aboutbtop .miaosu{min-height: 365px;position: absolute;top: 766px;z-index: -1;width: 52.08%; background: rgba(17,116,240,0.7);padding-bottom: 30px;max-height: 400px;} } .singlePage .txtcon img,.aboutPage .txtcon img {max-width:100%;} .aboutPage .t {padding:0 0 25px;color:#191919;font-size:20px;} .aboutPage .t2 {color:#191919;font-size:30px;display:block;padding:30px 0;} .showPro {padding-bottom:50px;} .showPro .showTab {width:100%;border-bottom-width: 2px;border-bottom-style:solid } .showPro .showTab a {display:inline-block;cursor:pointer;margin-right:12px;height:33px;line-height:33px;width:90px;text-align:center;color:#333;} .showPro .title{text-align: center;} .showPro .mark{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-bottom: 1px dashed #ccc;} .showPro .showTab a.hover,.showPro .showTab a:hover {color:#fff;} .showPro .showContxt {padding:20px 0 30px;line-height:26px;} .showPro .showContxt img {max-width:100%;height:auto !important;} .showPro .showimgCon {padding:0 0 30px;width:930px;} .showPro .showimgCon .txtcon {width:457px;height:330px;float:right;position:relative;} .showPro .showimgCon .txtcon .tit {font-size:24px;margin-bottom:20px;font-weight:bold;line-height:30px;} .showPro .showimgCon .txtcon .txt {line-height:30px;max-height:270px;overflow:hidden;} .showPro .showimgCon .txtcon .btn2 {width:204px;height:50px;line-height:50px;font-size:18px;text-align:center;position:absolute;right:0;bottom:0;transition:all ease 300ms;background: #ddd} .showPro .showimgCon .txtcon .btn2:hover {} .showPro .showimgCon .txtcon .btn1 {width:240px;height:50px;line-height:50px;font-size:18px;text-align:center;position:absolute;right:217px;bottom:0;transition:all ease 300ms;} .showPro .showimgCon .txtcon .btn1 span,.showPro .showimgCon .txtcon .btn1 strong {display:block;width:100%;color:#fff;height:50px;line-height:50px; background: #d20a05 } .showPro .showimgCon .txtcon .btn1 strong {display:none;} .showPro .showimg {width:442px;position:relative;float:left;overflow:hidden;} .showPro .showimg .bigimg {width:440px;height:330px;display:block;position:relative;border:1px solid #e5e5e5;} .showPro .showimg .bigimg .list {width:500%;} .showPro .showimg .bigimg .list li {width:440px;height:330px;} .showPro .showimg .bigimg .list img {width:100%;height:100%;display:block;transition:all ease 300ms;} .showPro .showimg .smallimg {width:442px;height:80px;position:relative;padding-top:10px;z-index:10;overflow:hidden;} .showPro .showimg .list {width:374px;overflow:hidden;position:relative;margin:0 auto;} .showPro .showimg .listcon {width:300%;position:relative;} .showPro .showimg .prev,.showPro .showimg .next {width:24px;height:62px;z-index:10;position:absolute;top:10px;cursor:pointer;background:#eeeeee;} .showPro .showimg .prev:hover,.showPro .showimg .next:hover {background-color:#ddd;} .showPro .showimg .prev {left:0;background-position:6px center;} .showPro .showimg .next {right:0;background-position:-41px center;} .showPro .showimg li {width:80px;height:60px;margin-right:16px;float:left;cursor:pointer;position:relative;border:1px solid #e5e5e5;} .showPro .showimg li img {width:100%;height:100%;display:block;} .showPro .showimg li.on {width:78px;height:58px;border:2px solid #1e468e;} .contactPage .txtcon img {max-width:100%;} .contactPage .t2 {font-size:20px;padding:36px 0 30px;} .contactPage .mapArea {width:100%;height:400px;margin-top:20px;} .contactPage .mapArea #allmap {width:100%;height:400px;} .formData {padding-bottom:20px;} .formData .item {float:left;color:#999;font-weight:normal;width:425px;height:56px;line-height:56px;border:1px solid #e5e5e5;margin-right:76px;margin-bottom:45px;position:relative;} .formData .item label {padding-left:15px;position:absolute;left:0;top:0;z-index:11;text-align:center;display:block;margin:0;height:56px;line-height:56px;font-size:18px;color:#cccccc;} .formData .item input {outline:none;line-height:38px;height:38px;font-size:18px;} .formData .item .txt {width:355px;height:56px;line-height:56px;display:block;background:none;padding-left:70px;border:0 none;color:#999;} .formData .item .red {position:absolute;right:15px;top:0;color:#ff0000;z-index:11;} .formData .item.mr0 {margin-right:0;} .formData .msg-box {position:absolute;left:0;top:0px;} .formData .liuyan {width:928px;height:260px;border:1px solid #e5e5e5;float:left;} .formData .liuyan label {text-align:right;display:block;} .formData .liuyan textarea {width:908px;height:234px;line-height:35px;padding:12px 10px;text-indent:100px;font-size:18px;color:#333;border:0 none;overflow:hidden;background:none;resize:none;display:block;outline:none;} .formData .bot {width:100%;} .formData .sub {width:232px;line-height:58px;margin-right:2px;text-align:center;background:#1e468e;color:#FFF;cursor:pointer;font-size:18px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;} .formData .sub:hover {} .formData .yzm {width:432px;} .formData .yzm .txt {padding-left:80px;} .formData .yzm img {position:absolute;right:0;top:0;height:56px;border:0px;display:block;} .newsPage .item {width:890px;height:auto;margin:0 auto;padding:20px;border-bottom:1px solid #eaeaea;transition:all .5s;} .newsPage .item a {display:block;width:100%;} .newsPage .item .pic {width:200px;height:150px;display:block;float:left;border:1px solid #e5e5e5;padding:3px;margin-right:20px;overflow: hidden;} .newsPage .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;} .newsPage .item h3 {font-size:16px;color:#333;height:42px;line-height:45px;overflow:hidden;margin-bottom:5px;font-weight:bold;border-bottom:1px solid #ededed;transition:all ease 300ms;} .newsPage .item .txt {line-height:30px;height:68px;margin:12px 0 13px;overflow:hidden;color: #666;font-size: 14px;} .newsPage .item .txt span {} .newsPage .item .time {color:#737373;} .newsPage .item:hover h3 {} .newsPage .item:hover {box-shadow:0 0 15px rgba(0,0,0,0.2);} .newsPage .item:hover img {transform: scale(1.2,1.2);} .newsPage .toplie{width: 80%;height: 175px;background:url(../../images/lanbg.png) no-repeat left center;float: right;position: relative; z-index: 1000;padding-left: 200px;box-sizing: border-box;} .newsPage .toplie .title{width: 100%;height: 80px;border-left: 5px solid #F8C24C;padding-left: 10px;box-sizing: border-box;margin-top: 48px;} .newsPage .toplie .title h2{color: #fff;font-size:30px; font-weight: 600;color: #FFFFFF;line-height: 52px;} .newsPage .toplie .title p{color: #fff;font-size:20px; font-weight: 500;color: #FFFFFF;} /*showpage*/.showPage {background:#fff;} .showPage .title {color:#333333;margin-bottom:5px;font-size:24px;text-align:center;} .showPage .title .more {font-size:14px;} .showPage .mark {padding:5px 0 10px;text-align:center;margin-bottom:20px;border-bottom:1px solid #eee;} .showPage .mark span {margin-right:18px;font-size:12px;color:#666666;} .showPage .showContxt {color:#333333;padding:5px 0 30px;} .showPage .showContxt img {max-width:100%;} .showPage .newsbox {margin-top:0;} .showPage .gridlist {padding-top:10px;} .showPage .gridlist .item {width:350px;height:323px;} .showPage .gridlist .item img {width:350px;height:263px;} .showPage .gridlist .item h3 {height:60px;line-height:60px;} .showPage .img-quotes {padding-top:30px;margin-bottom:40px;} .showPage .imgcon {width:423px;height:468px;padding-left:295px;margin-left:30px;position:relative;border:1px solid #dddddd;} .showPage .imgcon .img {position:absolute;left:-30px;top:-30px;width:276px;height:368px;display:block;z-index:10;} .showPage .imgcon h4 {padding-top:45px;font-size:16px;} .showPage .imgcon h3 {font-size:26px;margin-bottom:40px;} .showPage .imgcon .txt {margin-top:40px;line-height:30px;} .resultPage .item1 {display:block;float:left;width:860px;padding:20px 35px;background:#f7f7f7;margin-bottom:28px;} .resultPage .item1 h3 {height:36px;line-height:36px;overflow:hidden;font-size:18px;color:#000;margin-bottom:5px;transition:all ease 300ms;} .resultPage .item1 img {width:150px;height:90px;float:left;margin-right:24px;display:block;transition:all ease 300ms;} .resultPage .item1 .txt {font-size:12px;color:#999999;line-height:22px;height:44px;overflow:hidden;} .resultPage .item1:hover h3 {color:#1e468e;} .resultPage .item1:hover img {-webkit-filter:brightness(110%);filters:brightness(110%);} .resultPage .item2 {width:280px;margin:0 26px 31px 0;float:left;position:relative;overflow:hidden;} .resultPage .item2 img {width:280px;height:210px;display:block;transition:all ease 300ms;} .resultPage .item2 .bg {width:280px;height:210px;display:block;transition:all ease 300ms;position:absolute;left:-100%;top:0;} .resultPage .item2 .plus {width:280px;height:210px;display:block;transition:all ease .4s;position:absolute;left:-100%;top:0;} .resultPage .item2 h3 {color:#000;line-height:28px;text-align:center;padding-top:8px;height:28px;overflow:hidden;} .resultPage .item2:hover .bg {left:0;} .resultPage .item2:hover .plus {left:0;} .resultPage .item2:hover img {-webkit-filter:brightness(110%);filters:brightness(110%);} .resultPage .item2:hover h3 {color:#1e468e;} .map_ul {list-style:outside none none;display:block;width:100%;padding-top:10px;padding-bottom:30px;} .map_ul li {display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DCDBDB;margin-left:10px;float:left;} .map_ul li a {font-size:14px;float:left;width:100%;height:23px;line-height:23px;font-weight:bold;} .map_ul .list-inline {display:block;margin-left:8%;width:86%;min-height:30px;} .map_ul .list-inline a {font-weight:normal;width:auto;float:none;line-height:32px;height:32px;margin:0 10px 10px 0;display:inline-block;border:1px solid #ccc;padding:0px 10px;} .map_ul .list-inline a:hover {background:#1e468e;border-color:#1e468e;color:#fff;} .aboutPage{position: relative;;z-index: 10000;} .boxtop1{background: url(../../images/aboutbg.png) no-repeat left center;background-size: 100% 100%;padding-left: 100px;box-sizing: border-box; width: 50%;height: 175px;margin-bottom: 20px;margin-top: -160px;position: relative;left: 0;} .boxtop{width: 80%;min-height: 175px;margin-bottom: 20px;margin-top: -98px;padding-left: 100px;box-sizing: border-box; padding-bottom: 30PX;position: relative;left: 0;background: url(../../images/aboutbg.png) no-repeat left center;background-size: 100% 100%;} .boxtop .title{width: 100%;height: 80px;border-left: 5px solid #F8C24C;padding-left: 10px;box-sizing: border-box;margin-top: 8px;} .boxtop .title h2{color: #fff;font-size:30px; font-weight: 600;color: #FFFFFF;line-height: 52px;} .boxtop .title p{color: #fff;font-size:20px; font-weight: 500;color: #FFFFFF;} .boxtop .tit1{width: 341px;height:121px;position: relative;} .boxtop .tit1 .kuang{width: 256px;height:106px;position: absolute;right: 0;top: 0; background: url(../../images/jianbg.png) no-repeat center;} .boxtop .tit1 h2{width: 257px;height:40px;position: absolute;color: #fff;left: 20px;top: 40px; font-weight: 600;font-size: 30px;text-indent: 20px;} .boxtop .tit1 p{width: 257px;height:40px;position: absolute;left: 95px;top: 8px;font-weight: 400;font-size: 24px;font-weight: 600; color: #F8C24C;} .aboutPage .about_txt {background:#fff;padding:40px 50px;margin-bottom:30px;} .aboutPage .img {margin-bottom:30px;width:100%;display:block;} .aboutPage .txtcon {color:#666666;} .aboutPage .txtcon img {max-width:100%;} .showImg {float:left;width:440px;height:330px;} .showImg .showImg_left {width:440px;height:330px;position:relative;overflow:hidden;border:1px solid #e5e5e5;} .showImg .showImg_left .hd {position:absolute;bottom:30px;right:20px;height:12px;z-index:1;} .showImg .showImg_left .hd ul {display:inline-block;} .showImg .showImg_left .hd ul li {display:block;float:left;width:12px;height:12px;border-radius:10px;text-indent:-999px;cursor:pointer;margin-left:10px;background-color:#000;} .showImg .showImg_left .hd ul li.on {} .showImg .showImg_left .bd {width:440px;height:330px;} .showImg .showImg_left .bd ul {display:inline-block;} .showImg .showImg_left .bd ul li {float:left;width:440px;height:330px;} .showImg .showImg_left .bd ul li img {width:100%;height:100%;object-fit: contain;} .center{text-align: center;} .center img{max-width: 100%;} .yewu{width: 100%;height: 364px;margin-bottom: 60px;} /*.w1200{ width: 100%;margin: 0 auto;height: 100%;margin-top: -100px; }*/ .picScroll-left{ overflow:hidden; position:relative; width: 100%;height: 100%;margin-top: -140px; } .picScroll-left .hd{ overflow:hidden;height:100%; width: 100%;position: absolute; } .picScroll-left .hd .prev,.picScroll-left .hd .next{ color:#fff;display:block;top: 80px;position: absolute; width:40px; height:100px;background:rgba(0,0,0,0.4);text-align: center; line-height: 100px;font-size: 30px;cursor:pointer; } .picScroll-left .hd .next{ float: right;right: 0; } .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .hd ul{position: absolute;bottom: 10px;width: 100%;text-align: center;} .picScroll-left .hd ul li{ display: inline-block; width:50px; height:5px; overflow:hidden; text-indent:-999px; cursor:pointer; background:#dedede;margin:5px; } .picScroll-left .hd ul li.on{ background: #ffb84d; } .picScroll-left .bd{width:90%;margin: 0 auto;} .picScroll-left .bd ul{ overflow:hidden; zoom:1;width: 100%; } .picScroll-left .bd ul li{width: 25%;height: 276px;position: relative;;float: left; } .picScroll-left .bd ul li .pic{ width:96%;height:100%;text-align:center;position: absolute;left: 2%;overflow: hidden; } .picScroll-left .bd ul li .pic img{ width: 100%;height: 100%;transition: 3s; } .picScroll-left .bd ul li:hover .pic img{ transform: scale(1.2,1.2); } .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{width: 96%;height: 276px;line-height:46px;padding-top: 42px;box-sizing: border-box;color: #fff; position: absolute;left: 2%;background: rgba(102,102,102,0.6);top: 0;text-align: center;font-size: 20px;color: #fff; } /*.picScroll-left .bd ul li .title{width: 96%;height: 276px;line-height:46px;padding-top: 42px;box-sizing: border-box;color: #fff;*/ /*position: absolute;left: 2%;background: rgba(27,72,161,0.8);top: 0;text-align: center;font-size: 20px;color: #fff; }*/ .picScroll-left .bd ul li .title a{color: #fff; } /*.picScroll-left .bd ul li:hover .title {background: rgba(51,102,205,0.8); }*/ .picScroll-left .bd ul li:hover .title {background: rgba(123,102,195,0.8); } /* .picScroll-left .bd ul li:hover .title a{color: #b22c83; }*/ .picScroll-left .bd ul li.title img{transition: 3s;} .picScroll-left .bd ul li:hover .title img{transform: scale(1.1,1.1);} .yewubanner{width: 100%;position: relative;height: 900px;} .yewubanner img{width: 100%;height: 900px;top: 0;position: absolute;left: 0;z-index: -1;} .yewubanner h2{width: 100%;position: absolute;text-align: center;top:376px; font-size: 60px;line-height: 60px;font-weight: 600;color: #fff;text-shadow: #666 1px 8px 14px;} .yewubanner p{width: 100%;position: absolute;text-align: center;top: 460px; font-size: 40px;line-height: 60px;font-weight:500;color: #fff;text-shadow: #666 1px 8px 14px;} @media screen and (min-width:1680px) { .picScroll-left{ margin-top: -200px; } .picScroll-left .hd .prev,.picScroll-left .hd .next{ top: 140px; } .yewu{ width: 100%;height: 424px;margin-bottom: 60px;} .yewubanner{width: 100%;position: relative;height: 900px;} .yewubanner img{width: 100%;height: 900px;top: 0;position: absolute;left: 0;} .yewubanner h2{width: 100%;position: absolute;text-align: center;top:376px; font-size: 60px;line-height: 60px;font-weight: 600;color: #fff;text-shadow: #666 1px 8px 14px;text-shadow: #666 1px 8px 14px;} .yewubanner p{width: 100%;position: absolute;text-align: center;top: 460px; font-size: 40px;line-height: 60px;font-weight:500;color: #fff;text-shadow: #666 1px 8px 14px;} .picScroll-left .hd ul{position: absolute;bottom: -10px;width: 100%;text-align: center;} .picScroll-left .hd ul li{ display: inline-block; width:50px; height:5px; overflow:hidden; text-indent:-999px; cursor:pointer; background:#dedede;margin:5px; } .picScroll-left .hd ul li.on{ background: #ffb84d; } .picScroll-left .bd{width:90%;margin: 0 auto;display: flex;justify-content:center; } .picScroll-left .bd ul{ overflow:hidden; zoom:1;width: 100%; } .picScroll-left .bd ul li{width: 421px;height: 350px;position: relative;;float: left; max-width: 25%; } .picScroll-left .bd ul li .pic{ width:96%;height:100%;text-align:center;position: absolute;left: 2%; } .picScroll-left .bd ul li .pic img{ width: 100%;height: 100%;object-fit: cover; transition: 3s;} .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{height: 350px;line-height: 92px;color: #fff;position: absolute;text-align: center;font-size: 20px;color: #fff; } .picScroll-left .bd ul li .title a{color: #fff; font-size: 40px;font-weight: 600; } /* .picScroll-left .bd ul li:hover .title a{color: #b22c83; }*/ .newsPage .list{display: flex;flex-direction: column;} .newsPage .item {width:1250px;/*height:225px*/height:auto;margin:0 auto;padding:25px 25px;border-bottom:1px solid #eaeaea;transition:all .5s;box-sizing: border-box;} .newsPage .item a {display:block;width:100%;} .newsPage .item .pic {width:263px;height:165px;display:block;float:left;border:1px solid #e5e5e5;padding:3px;margin-right:20px;overflow: hidden;} .newsPage .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;} .newsPage .item h3 {font-size: 20px; font-family: sans-serif, sans-serif; font-weight: 600; color: #333333;height:42px;line-height:45px;overflow:hidden;margin-bottom:5px;font-weight:bold;border-bottom:0px solid #ededed;transition:all ease 300ms;} .newsPage .item .txt {line-height:30px;height:auto;margin:12px 0 0px;overflow:hidden;font-size: 16px; font-family: sans-serif, sans-serif; font-weight: 400; color: #666666;} .newsPage .item .txt span {} .newsPage .item .time {font-size: 14px; font-family: sans-serif, sans-serif; font-weight: 400;/*margin-top: 25px;*/ color: #666666;} .newsPage .item:hover h3 {} .newsPage .item:hover {box-shadow:0 0 15px rgba(0,0,0,0.2);} .newsPage .toplie{width: 72%;height: 175px;background:url(../../images/lanbg.png) no-repeat right center;float: right;position: relative; z-index: 1000;padding-left: 200px;box-sizing: border-box;} .guzhi{font-size: 16px;width: 70%;justify-content: space-around;margin-left: 30%;} .newsPage .toplie .title{width: 100%;height: 80px;border-left: 5px solid #F8C24C;padding-left: 10px;box-sizing: border-box;margin-top: 48px;} .newsPage .toplie .title h2{color: #fff;font-size:30px; font-weight: 600;color: #FFFFFF;line-height: 52px;} .newsPage .toplie .title p{color: #fff;font-size:20px; font-weight: 500;color: #FFFFFF;} }