/* CSS Document */ body{ line-height:180%; margin:0px auto; /* background:url(../images/bodyback.jpg) repeat-x; */ font-size:12px; width:100%; font-family:"Microsoft Yahei"; color: #000; line-height:1.4; background: #e7f7ff; } p,ul,big,small,b,span,font,h2,h1,dl,dd{;padding:0px;margin-top:0px;margin:0px;} ul{padding:0px;margin-top:0px;margin:0px;} li{ list-style:none;} ul{list-style:none;} a { color:#333; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());} a:hover{ color:#52cbcd; text-decoration:none ;} .wrap{ width:94%; max-width:96%; margin:0 auto ; } img{ border:none} .fl{ float:left} .fr{ float:right} .h20{ height:20px; clear:both;} .h10{ height:10px; clear:both;} .clear{ clear:both} .clear2{ clear:both; height:20px;} input{ outline:none; font-family:"Microsoft Yahei";} .h150{ height:150px;} .nbanner img{ width:auto;height:5rem;} .nbanner{ text-align:left; position:relative;} .nbanner .nbannertxt{ position:absolute; bottom:10%; width:100%; color:#fff} .nbanner .nbannertxt font{ font-size:0.475rem;color:#fff} .nbanner .nbannertxt p{ font-size:0.225rem; color:#fff; text-transform:uppercase;} .menubg.fix{ position:fixed; left:0; width:100%; top:94px; z-index:222222;} .menubg{ line-height:0.9rem; color:#fff; background:#000; font-size:0.275rem; background-image: linear-gradient(to right, #1574b2, #2fbfc5); box-shadow: 0px 0px 14px rgba(0, 0, 0, .3);} .menubg a{ color:#fff;} .menubg .menu_l a{ display:block; float:left; width:50%; position:relative; text-align:center;} .menubg .menu_l.menu_l_1 a{ width:33.33%;} .menubg .menu_l.m2 a{ width:25%;} .menubg .menu_l a:hover:before,.menubg .menu_l a.on:before{ content:" "; position:absolute; left:15%; bottom:0.1rem; width:70%; height:2px; background:#fff;} .menu_r { font-size:14px; display:none;;} .ztitle{ text-align:center; padding-top:20px; padding-bottom:8px; } .ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;} .ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;} .ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;} .menu2 { text-align:center; padding:20px 0;} .menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;} .menu2 a:hover ,.menu2 a.on{ background:#1a73c4; color:#fff;} .menu3{ background:#f9f9f9; height:64px; border-bottom:#e7e7e7 1px solid; text-align:center} .menu3 a{ display:inline-block; line-height:64px; font-size:18px; padding:0px 18px;} .menu3 a:hover,.menu3 a.on{ background:#4e5556; color:#fff;} /****************************** ** 鍐呴〉鏋舵瀯 ******************************/ .sidebar { float:left; width:260px; } .side-menu { position: relative; } .hr10{ clear:both; height:10px;} .hr20{ clear:both; height:20px;} .hr30{ clear:both; height:30px;} .hr40{ clear:both; height:0.5rem;}.hr50{ clear:both; height:50px;}.hr60{ clear:both; height:0.55rem;} .f24{ font-size:24px;}.f20{ font-size:20px;} .f18{ font-size:18px;} .f16{ font-size:16px;} .f14{ font-size:14px} .text_center{ text-align:center;} .row{ margin-left:-5px; margin-right:-5px;} .rowitem{ margin-left:5px; margin-right:5px;} .rowitem img{ max-width:100%;} .col_3{ width:33.3%; float:left;} .col_4{ width:25%; float:left;} .col_2{ width:50% ; float:left;} .col_5{ width:20% ; float:left;} .col_6{ width:16.66667% ; float:left;} .zttitle{ text-align:center; display:inline-block; width:3.4rem; margin:0 auto; background:url(../../pc/img/titlebg.png) center no-repeat; background-position:right 0.3rem} .zttitle .zbig{ font-size:0.375rem; margin-bottom:0.3rem;} .zttitle p{ font-size:0.225rem; line-height:1;} .zttitle .zsmall{ font-size:26px; line-height:48px;} .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;} .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;} .zttitle-bai{ text-align:center; display:inline-block; color:#fff; width:3.4rem; margin:0 auto; background:url(../../pc/img/titlebg1.png) center no-repeat; background-position:right 0.3rem} .zttitle-bai .zbig{ font-size:0.375rem; margin-bottom:0.3rem;} .zttitle-bai p{ font-size:0.225rem; line-height:1;} .m_zz li em b,.m_zz li h3,.zttitle .zbig,.zttitle p,.vpage_return a,.vpage_fl a:hover ,.vpage_fr a:hover{ background-image:-webkit-linear-gradient(right, #1574b2, #2fbfc5); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .part1{ padding:40px 0;} .part1 ul li { text-align:center; font-size:16px; line-height:2; padding:40px 0 0} .part1 ul li p{ line-height:2;} .part4{ background:#f9f9f9; padding:100px 0;} .part4 li p{ font-size:16px; text-align:center; line-height:2; margin-bottom:15px;} .part4 li .txt{ padding:20px 30px; background:#fff;} .part4 li .txt font{ display:block; font-size:24px; line-height:50px;} .part4 li .txt p{ text-align:left; color:#777} .qhbtn{ margin-top:40px; margin-left:20px;} .part4 .swiper-button-next1{ background:url(../../pc/img/qh1.png); width:42px; height:42px; display:inline-block; } .part4 .swiper-button-prev1{ background:url(../../pc/img/qh2.png); width:42px; height:42px; display:inline-block; margin-left:10px; } .side-title{ background:#1a73c4; color:#fff; line-height:1} .side-title big{ display:block; font-size:24px; font-weight:900; padding:25px 24px 25px 24px; background:url(../../pc/img/icon01.png) no-repeat 218px center; } .side-title small{ display:block; font-size:18px;} .side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; } .side-list li{ border-bottom:#ddd 1px solid; line-height:50px; } .side-list li a{ font-size:16px; background:url(../images/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;} .side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:200px;} .side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none; } .side-con { margin-bottom:20px; position:relative; top:20px; } .side-con .side-head { height:40px; line-height:40px; background:#1a73c4; } .side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0 0 15px; } .side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; } .side-con .main img{ max-width:100%; margin-bottom:5px;} .container { float:right; width:910px; } .location { height:35px; padding:10px 0 0 0 ; position:relative; line-height:35px; } .location font { font-size:20px; float:left; } .location .io { color:#666; } .location .io a{ display:inline-block; margin-right:10px; margin-left:10px;} .location .io b { color:#999; } .content { padding:20px; border:1px solid #ddd; margin-bottom:20px; } .list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;} .list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block} .list-news1 li span{ float:right; color:#666} .list-news2 li{ overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%} .list-news2 li.odd{ } .list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;} .list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;} .list-news2 li span font{ float:right} .list-news2 li p{ font-size:12px; line-height:180%;} .newsfllist font{ font-size:22px; display:block; margin-bottom:29px;} .newsfllistbox{ width:260px;height:86px; margin-bottom:40px;} .newsfllistbox span{ font-size:16px; display:block; background:#fff; line-height:86px; height:86px; padding:0 34px; position:relative} .newsfllistbox span:before{ position:absolute; content:" "; right:34px; background:url(../../pc/img/jt3.png); width:20px; height:12px; top:37px;} .newsfllistbox ul { position:relative; z-index:33; display:none;} .newsfllistbox:hover ul{ display:block;} .newsfllistbox ul li a{ display:block; background:#fff; padding:0 34px; font-size:16px; line-height:44px;} .newsbg{ padding:80px 0;} .list-news3 li{border:#fff 1px solid; overflow:hidden; margin-bottom:2%; position:relative; background:#fff;} .list-news3 li a.litpic{ float:left; display:block; width:564px; height:307px; overflow:hidden;;} .list-news3 li a.litpic img{ width:100%;} .list-news3 li span{ float:left; display:block; width:582px; margin-top:40px; margin-left:30px;;} .list-news3 li.noimg span{ width:100%; float:none} .list-news3 li span a{ font-size:30px; line-height:34px; margin-bottom:5px;} .list-news3 li span font{ display: block; font-size:16px; color:#52cbcd; margin-top:5px; margin-top:15px;} .list-news3 li span p{ margin-top:45px; font-size:16px; line-height:26px; color:#777; } .list-news3 li .arrimg{ position:absolute; width:20px; height:13px; background:url(../../pc/img/jt1.png) center; right:57px; bottom:57px;} .list-news3 li:hover{border:#52cbcd 1px solid; } .list-news3 li:hover .arrimg{background:url(../../pc/img/jt2.png) center;} .joblist li{border:#fff 1px solid; overflow:hidden; margin-bottom:2%; position:relative; background:#fff;} .joblist li a{ display:block; padding:40px; font-size:16px;} .joblist li .txt{ float:left} .joblist li .txt1{ font-size:30px;} .joblist li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px;} .joblist li .txt font{ display:block; color:#777; margin-top:10px;} .joblist li .txt p{color:#777; margin-top:40px;} .joblist li .txt p img{ vertical-align:middle; height:18px;} .joblist li .txt_r{ float:right; color:#777; margin-top:10px;} .joblist li .txt_r span{ display:inline-block; margin-left:40px;} .joblist li .txt_r span font{color:#52cbcd} .joblist li .arrimg{ position:absolute; width:20px; height:13px; background:url(../../pc/img/jt1.png) center; right:57px; bottom:57px;} .joblist li:hover{border:#52cbcd 1px solid; } .joblist li:hover .arrimg{background:url(../../pc/img/jt2.png) center;} .joblist1 li{ overflow:hidden; margin-bottom:2%; position:relative; } .joblist1 li .cc{ display:block; padding:40px 00px 0 00px; font-size:16px;} .joblist1 li .txt{ float:left} .joblist1 li .txt1{ font-size:30px;} .joblist1 li .txt1 small{ display:inline-block; background:#52cbcd; color:#fff; padding:0 10px; border-radius:5px;} .joblist1 li .txt font{ display:block; color:#777; margin-top:10px;} .joblist1 li .txt p{color:#777; margin-top:40px;} .joblist1 li .txt p img{ vertical-align:middle; height:18px;} .joblist1 li .txt_r{ float:right; color:#777; margin-top:10px;} .joblist1 li .txt_r .txt_r_btn{ margin-bottom:60px;} .joblist1 li .txt_r .txt_r_btn font{ display:inline-block; width:197px; height:60px; line-height:60px; text-align:center; background:#52cbcd; color:#fff; font-size:18px; border-radius:5px;} .joblist1 li .txt_r span{ display:inline-block; } .joblist1 li .txt_r span font{color:#52cbcd} .text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .list-news4{ padding-top:30px;} .list-news4 li{ float:left; overflow:hidden; width:33.3%; margin-bottom:30px; } .list-news4.list-news4-n li{ float:none; width:auto; margin-bottom:10px;} .list-news4 li>div{ padding:30px; background:#f3f3f3;background-image: linear-gradient(to right, #dcedf5, #d5edf6);} .list-news4 li:hover>div{background-image: linear-gradient(to right, #1575b2, #2fbec5);} .list-news4 li b{ display:block; position:relative; margin:25px 0; } .list-news4 li b:before{ display:block; padding-top:56%; content:" "} .list-news4 li b img{ width:100%; height:100%; position:absolute; left:0; top:0;} .list-news4 li span{ display:block; padding:10px 00px 00px 00px; font-size:22px; } .list-news4 li.noimg span{ width:100%; float:none} .list-news4 li font{ display:inline-block; margin-top:5px; font-size:16px; } .list-news4 li p{ margin-top:10px; font-size:14px; line-height:2; height:90px} .list-news4 li big{ background:url(../../pc/img/jt5.png) no-repeat left; height:33px; display:block; margin-top:30px;} .list-news4 li:hover big{ background:url(../../pc/img/jt6.png) no-repeat left;} .list-news4 li:hover>div a{ color:#fff;} /* shownews*/ .vtitle{ font-size:32px; line-height:2; text-align:left; padding-top:40px; margin-bottom:5px; color:#000;; text-align:center;color: #333;} .vdes{ color:#A8A6A6; border-bottom:1px solid #22a39b; padding-bottom:30px; margin-top:20px; text-align:center; } .vdes span{ display:inline-block; color:#333; font-size:14px; padding:0 20px; } .ArticleMessage a:link{ text-align:center;color:#A8A6A6;} .vcon{ line-height:2; float:left; padding:24px 0; font-size:16px; } .vcon img{ max-width:100%;} .vpages { padding:10px 10px ; margin:10px 0; font-size:16px;} .vpage_return{ text-align:right; border-bottom:#22a39b 1px solid; padding-bottom:20px; margin-bottom:20px; } .vpage_fl{ float:left} .vpage_fr{ float:right;} .vcon_right{ float:right; width:460px;} .vcon_right_title{ font-size:24px; font-weight:900; margin-top:24px; margin-bottom:24px;} ul,li{ margin:0; padding:0; list-style:none} /*绠€鍗曚骇鍝佸垪琛?/ .prolist ul{ margin:0 -15px;} .prolist li{ float:left; margin-top:10px; width:33.3%; } .prolist li .item{ margin:15px 15px 0 15px; display:block} .prolist li div.txt{ display:block; line-height:30px; font-size:18px; line-height:2; margin:10px 0;} .prolist li div.desc{ height:130px;} .prolist li div.imgbox{ padding:55px; background:#eee; } .prolist li div.img{ display:block; position:relative; } .prolist li div.img:before{ content:""; display:block; padding-top:100%;} .prolist li div.img img{ height:100%; position:absolute; left:0; top:0; display:block; width:100%;} .prolist li:hover div.txt{ color:#33aba7;} .prolist li.first{ width:66.666%} .prolist li.first .item{ overflow:hidden; background:#38b7ad;} .prolist li.first div.imgbox{ padding:55px; background:none; } .prolist li.first div.img{ float:right; width:50%;} .prolist li.first div.ftxt{ float:left; width:50%; margin:0;} .prolist li.first div.ftxt .ftxt_in{ color:#fff; padding:60px;} .prolist li.first div.ftxt .ftxt_in{} .prolist li.first div.ftxt .ftxt_in .desc{ height:230px;} .prolist li.first:hover a div.txt{ color:#fff;} /*绠€鍗曚骇鍝佸垪琛?/ .prolist1 ul{ } .prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; } .prolist1 li.last{ float:right; margin-right:0;} .prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3} .prolist1 li a.img{ display:block; height:180px;} .prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */ -webkit-opacity: 0.8; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0.8; /* Safari 1.x (pre WebKit!) 鑰佸紡khtml鍐呮牳鐨凷afari娴忚鍣?/ -khtml-opacity: 0.8; /* IE9 + etc...modern browsers */ opacity: .8; /* IE 4-9 */ filter:alpha(opacity=80); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); } /*闈㈠寘灞戝鑸?/ .vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;} .vpos font{ float:left; font-size:18px; margin-left:10px;} .vpos span{ float:right; margin-right:10px;} .sec4{ background:url(../../pc/img/ysbg1.jpg); background-size: auto 100% !important;; padding-top:40px; color:#fff; padding-bottom:10px; position:relative; z-index:1;} .sec4.bg0{background:url(../../pc/img/ysbg1.jpg); background-size:100% 100%;} .sec4.bg0{background:url(../../pc/img/ysbg2.jpg); background-size:100% 100%;} .sec4.bg0{background:url(../../pc/img/ysbg3.jpg); background-size:100% 100%;} .sec4.bg0{background:url(../../pc/img/ysbg4.jpg); background-size:100% 100%;} .sec4_1{ text-align:center} .sec4_1 span{ display:block; padding:50px 0 30px 0;} .sec4_1 span big{ display:block; font-size:22px; border-bottom:#fff 1px solid; display:inline-block; padding:0 20px; padding-bottom:20px;} .sec4_1 span small{ display:block; color:#777; font-size:16px;} .sec4_1 p{ font-size:0.275rem; line-height:2; margin:0 auto; padding-bottom:0.2rem; padding-top:0.3rem; height: 2.8rem;} .fourys{ padding:0.4rem 0 0.4rem 0; } .fourys ul{ margin:0 -3;} .fourys ul,.fourys li{ margin:0; padding:0; list-style:none;} .fourys li {color:#fff; overflow:hidden; width:25%; float:left;} .fourys li .item{ margin:0.05rem; overflow:hidden; text-align:center; position:relative;} .fourys li .item:before {content:" "; width:100%; height:100%; position:absolute; background:url(../../pc/img/ysbgpng1.png) bottom center no-repeat; left:0%; bottom:0; z-index:1 ; background-size:100% 100%} .fourys li .item:hover:before,.fourys li.on .item:before{background:url(../../pc/img/ysbgpng2.png) bottom center no-repeat; background-size:100% 100% } .fourys li .img{ } .fourys li .img img{ height:0.5rem; margin:0 auto; } .fourys li .txt{ margin:0 auto; position:relative; z-index:2; padding-top:0.8rem;} .fourys li .txt:after{content:" "; width:0; height:2px; border-radius:2px; position:absolute; left:15px; background:#fff; bottom:0px; z-index:1 ; webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .fourys li .item:hover .txt:after,.fourys li.on .item .txt:after{ width:70%;} @keyframes loader { 0% { width: 0%; } 100% { width: 106px; } } .fourys li .txt .txtbox{ } .fourys li .txt .txtbox font{ font-size:0.205rem; display:block; padding:0.2rem 0; line-height:1;} .fourys li .txt .txtbox em{ display:block; width:50px; display:none; height:3px; background:#c1162f; margin:10px 0 10px 0;} .fourys li .txt .txtbox .p1{ font-size:18px;} .fourys li .txt .txtbox p{ font-size:15px; line-height:2; padding:60px 0; height:90px;} .fourys li.odd .img{ float:right; } .fourys li.odd .txt{ float:left; width:65%;} .ysbox{ background:url(../../pc/img/lybg.jpg) center no-repeat; height:500px;} .fff1{ text-align:left; padding:26px 0; border-top:#4d515b 1px solid; margin-top:20px; padding:20px 0; } .fff1 a{ font-size:16px; display:inline-block; margin-right:130px; color:#4d515b} .fff2{ padding-bottom:20px; margin-top:20px;} .footer { background-image: linear-gradient(to right, #1574b2, #2fbfc5); padding:0.4rem 0 10px;color: #343434; position: relative; text-align:left; color:#fff; } .footer a{color: #fff;} .flogo{ float:left;} .ful{ float:left; width:33.3%; margin-bottom:0.2rem } .ful_title{ font-size:14px; line-height:1; margin-bottom:10px; margin-top:5px; font-weight:900;} .ful_p a{ display:block; color: #fff; line-height:2; font-size:12px; } .ful_p{ display:block; color: #fff; line-height:2; font-size:12px; float:left; width:200px;} .footer2{text-align:center;} .sec1 { padding:60px 0 120px 0;} .sec1 .sec1_fl font{ font-size:16px; color:#737373} .sec1 .sec1_fl p{ font-size:44px;} .sec1 .sec1_fr{ width:50%;} .sec1 .sec1_fr p{ font-size:16px; color:#737373} .sec2{ background:url(../../pc/img/bg1.jpg) center; color:#fff; text-align:center; padding:270px 0;} .sec2_1{ font-size:44px; margin-bottom:55px;} .sec2_2 a{ display:inline-block; border:#fff 1px solid; padding:15px 70px; color:#fff; font-size:16px; border-radius:5px;}.sec2_2 a:hover{ background:#52cbcd; border:#52cbcd 1px solid;} .sec2_p{ background:url(../../pc/img/bg2.jpg) center; height:100px; line-height:100px; font-size:24px; text-align:center; color:#fff; } .sec3{ position:relative; z-index:2; background:url(../../pc/img/bowen.png) bottom right no-repeat #fff ; } .sec3 .wrap{background:url(../../pc/img/bg3.jpg) right; background-size:auto 100%; overflow:hidden} .sec3_fl{ } .sec3_fl>div{ position:relative;height:100%} .sec3_fl font img{ width:100%; display:block; height:100%} .sec3_fl font{ display:block;height:100% } .sec3_fl span img{ width:100%;} .sec3_fl span{ width:1rem; height:1rem; position:absolute; z-index:2; left:50%; margin-left:-0.5rem;top:50%; margin-top:-0.5rem;} .sec3_fr{ } .sec3_fr_in{ padding:0.4rem 0.2rem;} .sec3_fr_in font{ font-size:0.375rem; display:block; margin-bottom:0.2rem; margin-top:0.3rem;} .sec3_fr_in div.sec3_fr_in_info{ } .sec3_fr_in div.sec3_fr_in_info p{ margin-bottom:10px; font-size:0.275rem; line-height:2; color:#666666 ; text-align: justify;} /*idx_pro start*/ .m_zz{ z-index: 15;position: relative;border-radius: 10px; line-height:1; overflow:hidden;} .m_zz ul{ position: relative; padding-top: 0.2rem;} .m_zz li{position: relative;float: left;width:33.3%;text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .m_zz li:before{content:"";position: absolute;width:1px;height: 95px;background: rgba(255,255,255,.3);right:0;top:0;} .m_zz li:nth-child(6):before{background: none;} .m_zz li em{display: block;overflow: hidden; font-style:normal; padding-bottom:10px;;} .m_zz li span{ background:#ddd; height:2px; display:block; width:100px; margin:0 auto; background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5);} .m_zz li em b{display: inline-block; font-size: 0.4rem; font-weight: bold;} .m_zz li em i{display: inline-block; width:24px;height: 34px; line-height:34px; border-radius: 50%; font-size: 20px;font-weight: normal; text-align: center; font-style: normal;margin-left: 2%;} .m_zz li h3{font-size: 0.275rem; font-weight: normal; clear:both; margin-top:0.15rem; margin-bottom:0.3rem } .m_zz li p img{ height:70px;} .m_zz li img{ transition: all .5s ease;} .m_zz li:hover img{transform:rotatey(180deg);} .inews{ padding:60px 0;} .titles{ text-align:center} .inewsitem_title{ line-height:0.3rem; margin-bottom:0.2rem; margin-top:0.4rem;} .inewsitem_title font{ font-size:0.325rem;} .inewsitem_title font img{ display:inline-block; vertical-align:middle} .inewsitem_title a{ float:right; color:#383838; font-size:0.275rem;} .inewsitem_title a:hover{ background:url(../../pc/img/jt2.png) right no-repeat; padding-right:30px;} .inews1 li a{ display:block; position:relative;} .inews1 li b{ display:block;} .inews1 li b:after{ display:block; content:" "; width:100%; padding-top:57%;} .inews1 li b img{ width:100%; display:block; position:absolute; left:0; top:0px; height:100%; border-radius:3px; overflow:hidden; box-shadow: 0px 0px 24px rgba(0, 0, 0, .3);} .inews1 li p{ position:absolute; bottom:0; left:0; width:100%; } .inews1 li font{ display:block; color:#fff; font-size:0.275rem; padding:0.175rem 0.125rem; border-radius:5px; position:relative; } .inews1 li font span{ display:block; position:relative; z-index:2;} .inews1 li p font:before { position:absolute;background-image: linear-gradient(to right, #1574b2, #2fbfc5); opacity:0.8 ; z-index:1; content:" "; border-radius:10px;;left:0; top:0; width:100%; height:100%;} .inewsitem1{ position:relative; } .inewsitem1:after1{ position:absolute; content:" "; height:1px; width:1px; height:86%; background:#8ecbe8; right:-4%; bottom:0;} .inewsitem2{ margin-top:0.3rem} .inews2 li{ line-height:0.8rem; overflow:hidden; border-bottom:#6abed3 1px solid;} .inews2 li a{ font-size:0.275rem; color:#666; float:left; width:74%;} .inews2 li span{ font-size:0.225rem; color:#666666; float:right; width:26%; text-align:right} .inews2 li:hover a{color: #3fc5c8;} .sec4_2{ padding:135px 0; clear:both;} .sec4_2{ width:610px; margin-left:28%; text-align:center;} .sec4_2 img{ height:37px; } .sec4_2 p{ color:#777; line-height:2;} .lybox{ background:url(../../pc/img/lybg.jpg) center; color:#fff; padding:80px 0;} .lybox_left font{ font-size:24px; display:block} .lybox_left font b{ color:#3fc5c8;} .lybox_left span{ font-size:44px; display:block; height:200px;} .lybox_left p{ font-size:24px;} .lybox_left p b{ font-size:16px;} .lybox_r{ width:45%;} .lyitem{ position:relative; margin-bottom:10px;} .lyitem .inp{ width:96%; margin-left:2%; height:60px; line-height:60px; background:none; border:none; position:relative ; color:#fff;} .lyitem textarea.inp{ height:100px; line-height:34px; outline:none;} .lyitem:before{ background:#000; content:" "; position:absolute; left:0; top:0; height:100%; width:100%; background-color:rgb(0,0,0); opacity:0.5; filter:alpha(opacity=50); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; } .lybtn button{ width:100%; height:60px; background:#3fc5c8; color:#fff; border:none; font-size:20px;} .lyitem .inp::-webkit-input-placeholder { color: #fff; } .dizhilist{ border-top:#ddd 1px solid; margin-top:60px; padding-top:50px;} .dizhilist font img{ vertical-align:middle; position:relative; top:-2px;} .dizhilist font{ display:block; font-size:28px;} .dizhilist p{ font-size:16px; line-height:2; margin-top:10px;} .flbox{ padding:50px 0;} .flbox span{ float:left; width:28%;} .flbox span big{ display:block; font-size:34px;} .flbox span small{ display:block; color:#777; font-size:16px;} .flbox .fenlei{ float:right; font-size:16px; line-height:36px; margin-top:32px;} .flbox .fenlei a{ display:inline-block; margin-left:77px;} .flbox .fenlei a.on,.flbox .fenlei a:hover{ color:#52cbcd;} .title1{ padding:50px 0;} .title1 span{ } .title1 span big{ display:block; font-size:44px; font-weight:900;} .title1 span small{ display:block; color:#777; font-size:16px;} .title2{ padding:50px 0;} .title2 span{ } .title2 span big{ display:block; font-size:34px; font-weight:900;} .title2 span small{ display:block; color:#777; font-size:16px;} .cp{ background:#f4f4f4;} .cp-slide{ } .cp-slide .txt{ float:left; width:50%; } .cp-slide .txt>div{ padding:60px;} .cp-slide .txt>div big{color:#52cbcd; font-size:16px;} .cp-slide .txt font{ font-size:50px; line-height:80px; display:block;} .cp-slide .txt span{ display:block; font-size:24px;} .cp-slide .txt p{ font-size:16px; line-height:2; margin-top:50px; color:#a1a1a1 ; height:200px;} .cp-slide .img{ float:right; width:50%; text-align:center} .cp-slide .img img{ width:100%; display:block ;} .cp-slide .swiper-slide{ } .cp-slide .swiper-pagination-bullets{ bottom:40px !important ; width:50% !important; left:auto !important ;right:0 !important;} .cp-slide .swiper-pagination-bullet{width:30px; border-radius:2px; height:4px;} .cp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px; border-radius:2px; background:#6ababc} .cp-slide .txt small{ display:inline-block; border:#d4d4d4 1px solid; padding:15px 70px; color:#000; font-size:16px; border-radius:5px;} .proinfo1{ margin-top:50px;} .proinfo1 span{ float:left; width:20%; font-size:40px; font-weight:900; line-height:3; width:490px;} .proinfo1 p{ float:left; width:910px;} .proinfo1 p img{ height:250px;} .proinfo2{ margin-top:40px;} .proinfo2 .plefttitle{width:490px; float:left; font-size:20px;} .proinfo2 .pcon{ float:left; width:910px; font-size:16px; line-height:26px;} .pcontent{font-size:16px; line-height:26px; padding:60px 0;} .aboutbanner .title1 small{ color:#33aba7} .aboutbanner{ background:url(../../pc/img/aboutbg.jpg); padding:150px 0 300px 0; color:#fff; font-size:16px;} .aboutbanner .aboutcon { padding-top:210px; width:610px;} .aboutbanner .aboutcon font{ font-size:24px; display:block; margin-bottom:20px;} .aboutbanner .aboutcon p{ line-height:2;} .about1{ width:50%; padding:110px 0;} .about1 font{ color:#33aba7; font-size:24px;} .about1 p{ font-size:40px; line-height:44px; padding:20px 0 70px 0;}.about1 span{ display:block; font-size:16px; color:#b0b0b0;} .about2 .about2fl{ width:50%;} .about2 .about2fl font{ font-size:18px; display:block; padding-top:50px;} .about2 .about2fl span{ display:block; padding:40px 0;} .about2 .about2fl p{ font-size:16px; line-height:2;} .about2 .about2fr{ width:45%; } .about2 .about2fr span{ display:block;} .about2 .about2fr span img{ width:100%;} .about2 .about2fr p{ text-align:center;font-size:16px; margin:30px 50px 0 150px; line-height:2;} .about3title{ margin-top:50px; background:url(../../pc/img/bg5.jpg) center no-repeat; color:#fff; padding:100px 0 50px 0} .wenhua{ background:url(../../pc/img/wenhuabg.jpg) center no-repeat ; padding:0.6rem 0; } .wenhualist{ padding-top:0.55rem; } .wenhualist li .rowitem{position:relative ; margin:0;color:#fff; text-align:center} .wenhualist li .whtitle{position:relative } .wenhualist li .whtitle b{ display:inline-block; font-size:30px; font-weight:normal; line-height:1; margin-bottom:33px; } .wenhualist li .whtitle:before{content:" "; position:absolute;display:inline-block ; height:40px; width:30%; background:url(../../pc/img/wenhualine.png) right center no-repeat;; left:0; top:0px;} .wenhualist li .whtitle:after{content:" "; position:absolute; display:inline-block; height:1px; width:30%; background:#fff; right:0; top:20px;} .wenhualist:after1{content:" "; position:absolute; height:100%; width:1px; background:#ddd; right:10px; top:0;} .wenhualist li font{ display:block; font-size:16px;color:#737373; padding:24px 0 165px 0;} .wenhualist li p{ font-size:16px; line-height:2; } .wenhua1{ padding:0.4rem 0;} .wenhuaimgs{ margin:0.3rem 0;} .wenhuaboxbg{ background:#fff; padding:0.4rem 0; margin:0.4rem 0;} .subtitle{ font-size:0.275rem; text-align:center; margin-bottom:0.3rem; color:#383838 ; margin:0 0.2rem 0.3rem 0.2rem} .subtitle.mb20{ margin-bottom:20px;} .subtitle.mb10{ margin-bottom:10px;} .subp{ font-size:0.275rem; line-height:2; margin-bottom:30px; margin-top:20px; width:820px; max-width:100%; margin:30px auto 50px auto; color:#666666} .table { display: table; height:100%; } .pr{ position:relative;} .miaodian{ position:absolute; z-index:222; bottom:1rem;} .table-cell { display: table-cell; vertical-align: middle; } .llbox_1{ position:relative ; box-shadow: 4px 5px 5px rgba(0, 0, 0, .1); } .llbox{ padding:0.5rem 0 0 0 ;} .llbox .titles{ margin-bottom:0.5rem;} .llbox .wrap{position:relative;} .llbox .llbox_left{ background-image: linear-gradient(to right, #1574b2, #2fbfc5); position:relative; z-index:222} .llbox .llbox_1_r .llbox_left{ float:right} .llbox .llbox_left .llbox_left_img{ background-size:100% auto; height:100%; } .llbox .llbox_left .llbox_left_img img{ width:100%; display:block; } .llbox .llbox_r{ background:#fff;border:1px solid #f5f1f1; } .llbox .llbox_1_r .llbox_r{ left:0; right:auto;} .llbox .llbox_r .llbox_r_in{ padding: 0.3rem;} .llbox .llbox_r .llbox_r_in p{ line-height:2; font-size:0.275rem; color:#666666; margin-bottom:0.1rem; text-align: justify;} .llbox .llbox_r .llbox_r_in span{ font-size:0.4rem; margin-bottom:0.15rem; display:block; color:#333333} .llbox_left_pjlist ul { } .llbox_left_pjlist ul li{ color:#fff; font-size:0.275rem; line-height:1rem; text-align:center; float:left; width:33.33%; cursor:pointer;} .llbox_left_pjlist ul li p{ border-bottom:#fff 1px solid;border-right:#fff 1px solid;} .llbox_left_pjlist ul li:hover p span{ display:block;transform:rotateY(360deg);}; .llbox_left_pjlist ul li.li1 p{ border-right:none;} .llbox_left_pjlist ul li.li2 p{ border-bottom:none;} .tiexinfuwulist ul{ } .tiexinfuwulist ul li{ } .tiexinfuwulist ul li .tiexinfuwulist_in{ margin:0.2rem; } .tiexinfuwulist ul li .txtitle{ text-align:center; margin:0.3rem;} .tiexinfuwulist ul li .txtitle b{ font-size:0.4rem;background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .tiexinfuwulist ul li .txp{ background: #e2eff5; position:relative; box-shadow: 0px 0px 14px rgba(0, 0, 0, .3); font-size:0.275rem; line-height:2; padding:0.3rem 0.4rem; color:#666;} .tiexinfuwulist ul li .txp p{ position:relative; z-index:2;} .tiexinfuwulist ul li .txp:before{ background:#000;background-image: linear-gradient(to right, #1574b2, #2fbfc5); position:absolute; content:" "; width:100%; height:100%; left:0; top:0; width:0; z-index:1;} .tiexinfuwulist ul li:hover .txp:before{ width:100%;} .tiexinfuwulist ul li:hover .txp p{color:#fff;} .nabout{ position:relative; z-index:2; background:url(../../pc/img/naboutbg.png) center no-repeat #fff ; background-size:100% 100% } .nabout .wrap{background:url(../../pc/img/bg3.jpg) right; background-size:auto 100%; overflow:hidden} .nabout_fr{ width:50%; margin:0 auto; } .nabout_fr_in{ padding:60px;} .nabout_fr_in font{ font-size:22px; display:block; margin-bottom:20px; margin-top:50px;} .nabout_fr_in div.sec3_fr_in_info{ } .nabout_fr_in div.sec3_fr_in_info p{ margin-bottom:10px; font-size:18px; line-height:34px;} .text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .rongyu{ padding:0.5rem 0.2rem 0.5rem 0.2rem; overflow:hidden;} .zzslide{} .zzslide .rowitem1{ margin-top:0.5rem;} .zzslide .rowitem1 .img {position: relative;} .zzslide .rowitem1 .img:before{display:block; width:100%;padding-top:75%; content:" ";} .zzslide .rowitem1 .img img{ width: 100%; position: absolute; left: 0; height: 100%; top: 0;} .zzslide .rowitem1 p{ font-size:0.275rem; color:#666666; text-align:center; margin-top:0.2rem; line-height:2; min-height:36px;} .about4{} .lclist li{ width:25%; float:left;} .lclist li font{ font-size:50px; display:block}.lclist li>div{ border-top:#000000 2px solid; padding:25px 20px 0 20px} .lclist li small{ font-size:16px; display:block; margin-bottom:42px;} .lclist li div.p{ font-size:16px; line-height:24px;} .lclist li.lcli3>div{ margin-top:80px;} .lclist li.lcli2>div{ margin-top:160px;} .lclist li.lcli1>div{ margin-top:240px;}.lclist li:hover>div{ border-top:#33aba7 2px solid;} .jigoubox_1{ position:relative} .jigoubox{ padding:00px 0 0 0 ;} .jigoubox .titles{ margin-bottom:50px;} .jigoubox .wrap{position:relative;} .jigoubox .jigoubox_left{ background:#000; background-image: linear-gradient(to right, #1574b2, #2fbfc5); } .jigoubox .jigoubox_left .jigoubox_left_img{ background-size:100% auto; height:100%; box-shadow: 0px 0px 14px rgba(0, 0, 0, .3);} .jigoubox .jigoubox_left .jigoubox_left_img img{ width:100%; display:block;} .jigoubox .jigoubox_r{ background:#e2eff5; box-shadow: 0px 0px 14px rgba(0, 0, 0, .3); } .jigoubox .jigoubox_r .jigoubox_r_in{ padding: 0px 0px; text-align:center;} .jigoubox .jigoubox_r .jigoubox_r_in .jigouth p{ line-height:1rem; border-bottom:#75c8d7 1px solid; font-size:0.4rem; color:#666;} .jigoubox .jigoubox_r .jigoubox_r_in .jigouth2 p{ line-height:150px; font-size:0.4rem; color:#666;} .jigoubox_left_pjlist ul { } .jigoubox_left_pjlist ul li{ line-height:1.4; color:#fff; font-size:0.225rem; text-align:center; float:left; width:33.3%; height:1.4rem;} .jigoubox_left_pjlist ul li p{border-bottom:#fff 1px solid;border-right:#fff 1px solid; overflow:hidden; width:100%; display: table; height:100%;} .jigoubox_left_pjlist ul li p span{ display:block; cursor:pointer; display: table-cell; padding:0 0.2rem; vertical-align: middle;} .jigoubox_left_pjlist ul li.li1 p{ border-right:none;} .jigoubox_left_pjlist ul li.li2 p{ border-bottom:none;} .jigoubox_left_pjlist ul li:hover p span{ transform:rotateY(360deg);}; .about5{ clear:both; background:#f9f9f9; padding:30px 0 80px 0; margin-top:50px;} .zizhiimg li span{ display:block; border:#d3b560 4px solid;} .zizhiimg li .rowitem{ margin-bottom:30px;} .zizhiimg li span img{ display:block; height:330px; width:100%} .zizhiimg li:first-child { width:40%;} .fuwu{ padding:0.5rem 0; background:url(../../pc/img/fwbg.png) no-repeat right bottom; position:relative;} .fuwubox .fuwulist ul{ margin:0px -8px 0.2rem -8px ;} .fuwubox{ width:96%; margin:0 auto;} .fuwubox li .rowitem{ margin:8px;} .fuwubox li a{ display:block;background:#1574b2;background-image: linear-gradient(to right, #46a1c6, #4aaec9); color:#fff; font-size:0.225rem; text-align:center; padding: 0.3rem 0;; margin-bottom:8px; position:relative; height:1.2rem;} .fuwubox li a.kong{background:#2095bb; opacity:0.2} .fuwubox li a img{ position:absolute; right:10px; top:0; height:100%; opacity:0.2; display:none} .fuwubox li:hover a{background-image: linear-gradient(to right, #1779b4, #1d8ab9);} .fuwubox li:hover a img{ display:block;} .fuwubox li a font{ display:block; margin-bottom:10px;} .fuwubox li a span{ display:block; width:60px; margin:0 auto; height:3px; background:#fff;} .fuwubox .fuwulist { height: 5.3rem; } .fuwulist{ } .fuwumenu{ margin:0.3rem 0 0.3rem 0; overflow:hidden; } .fuwumenuli{ position:relative} .fuwumenuli a{ width:25%; float:left; display:block; text-align:center; }.fuwumenuli a span{ padding:0 5px;font-size:0.225rem; line-height:2; border-radius:10px; display:block;} .fuwumenuli a:hover,.fuwumenuli a.on{ color:#fff; background-image: linear-gradient(to right, #1575b3, #2fbfc6);} .fuwumenuli a.a1{left: 83px; top: 16px;;} .fuwumenuli a.a2{left: 162px; top: 154px;} .fuwumenuli a.a3{left: 162px; top: 290px;;} .fuwumenuli a.a4{left: 83px; top: 426px;;} .sec3_fl span img{display:block;} .sec3:hover .sec3_fl span img{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 3s linear infinite; -moz-animation: rotate 3s linear infinite; -o-animation: rotate 3s linear infinite; animation: rotate 3s linear infinite; } @-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)} to{-webkit-transform: rotate(360deg)} } @-moz-keyframes rotate{from{-moz-transform: rotate(0deg)} to{-moz-transform: rotate(359deg)} } @-o-keyframes rotate{from{-o-transform: rotate(0deg)} to{-o-transform: rotate(359deg)} } @keyframes rotate{from{transform: rotate(0deg)} to{transform: rotate(359deg)} } .vvplay{ cursor:pointer;} .flex { display: flex; flex-wrap: wrap; } .flex-center { align-items: center; justify-content: center; } .hidden { display: none; } .w100 { width: 100%; max-height: 100%; } .ny-container .main-con h3 { font-size: 30px; } .ny-container .margin-b40 { margin-bottom: 20px; } .ny-container .menu { margin-bottom: 20px; padding-bottom: 20px; } .ny-container .fon30 { font-size: 20px; } .ny-container .fon20 { font-size: 14px; color:#666; line-height:2; } .menber-item { } .menber-item .slider { visibility: hidden; } .margin-t { margin-top: 10px !important; } .ny-container { margin: -125px auto 0 3%; position: relative; display: flex; align-items: flex-start; } .ny-container .main-con { background-size: cover; padding: 0.4rem 0px 0.2rem 0.9rem; position: relative; z-index: 2; } .ny-container .main-con h3 { font-size: 37px; color: #39444a; font-weight: normal; position: relative; } .ny-container .main-con h3::before { display: block; content: ''; width: 12px; height: 4px; background: #39444a; left: -20px; position: absolute; top: 50%; transform: translateY(-50%); } .margin-b60 { margin-bottom: 60px; } .ny-container .main-con .menu { font-size: 14px; padding-bottom: 30px; border-bottom: 1px solid #0a5281; margin-bottom: 30px; color: #78848b; } .ny-container .main-con .menu a { color: #78848b; } .ny-container .main-con-news { padding-left: 23px; padding-right: 23px; width: 100%; padding-bottom: 120px; } .ny-container .main-con-news h3::before { display: none; } .menber-item .main-con { border-left: 5px solid #0a5281; padding-top: 0; padding-bottom: 0; margin-top: .4rem; margin-bottom: .4rem; } .menber-item h1 { font-weight: normal; position: relative; } .menber-item h1 span{background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .menber-item .dots { position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: #236c9f; color: #fff; left: -1.5rem; top: -50%; border: 3px #fff solid; } .menber-item .dots .num { font-size: 0.4rem; position: relative; } .menber-item .dots .num::after { display: block; content: ''; width: 30px; background: #c1a367; position: absolute; left: 50%; transform: translateX(-50%); bottom: 3px; } .menber-item .dots .eng { font-size: 16px; display:none; text-transform: uppercase;text-align: center; } .menber-item .lines { padding: 10px 0 0 0; height: 1px; border-bottom: 1px solid #0a5281; margin-bottom: 10px; } .menber-item .margint { margin-top: 30px; } .menber-item .fon25 { font-size: 25px; } .menber-list { display: flex; justify-content:center; flex-wrap: wrap; margin-top:50px; } .menber-item h1 span{font-size:0.4rem} .menber-list li { width: 20%; text-align: center; margin-bottom: 30px; position: relative; padding: 0 3%; } .menber-list li::after { position: absolute; display: block; content: ''; width: 15px; height: 24px; background: url(../img/line-sanjiao.png) no-repeat center; right: -5%; top: 50%; transform: translateY(-50%); z-index: 2; } .menber-list li::before { display: block; content: ''; width: 130%; left: 15%; height: 1px; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1; } .menber-list li:nth-child(5)::after,.menber-list li:nth-child(5)::before{ display: none} .menber-list li:last-child::after{ display: none} .menber-list li:last-child::before{ display: none} .menber-list .number { font-size: 0.325rem; color: #aa8c6c; line-height: 3;background-image: -webkit-linear-gradient(right, #1574b2, #2fbfc5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .menber-list .menber-tit { color: #39444a; font-size: 12px; } .menber-list .dot { position: relative; z-index: 1; } .menber-list .positionb { z-index: 2; } .menber-list *,.menber-list{box-sizing: border-box;}.positionb { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }