/* CSS Document */ /* Theme Name:鍖椾含-鍚閲忓瓙 Theme URI: / Description: 楂樻悳浜掕仈鐨勪綔鍝併€ Author: 楂樻悳浜掕仈 Author URI: http://www.igaosou.com/ Date:2022-02-08 Version: 1.1 License: 楂樻悳浜掕仈璁稿彲璁よ瘉 License URI: http://www.igaosou.com/ Tags: 缃戠珯妯℃澘,濠氬簡缃戠珯妯℃澘,鎽勫奖缃戠珯妯℃澘 */ /* =Reset default browser CSS. Based on work by 楂樻悳浜掕仈: http://www.igaosou.com/ -------------------------------------------------------------- */ *{margin:0;padding:0;} html{font-size:44.44px} @media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px} html[mip]{font-size:44.44px!important}} @media screen and (min-width:360px) and (max-width:374px){html{font-size:50px} html[mip]{font-size:50px!important}} @media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px} html[mip]{font-size:52.08px!important}} @media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px} html[mip]{font-size:53.33px!important}}769 @media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px} html[mip]{font-size:54.58px!important}} @media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px} html[mip]{font-size:57.5px!important}} @media screen and (min-width:540px){html{font-size:75px} html[mip]{font-size:75px!important}} html{ width:100%; height:100%; overflow-x:hidden;} ul,li,ol{list-style:none;} img{ border:0; display:block; max-width:100%;transition: all 0.3s;} a{text-decoration:none; color:#333; outline:none;transition: all 0.3s;} body{font-size:14px; color: #333; font-family: "Microsoft YaHei","Hiragino Sans GB","Hiragino Sans GB W3","Helvetica Neue",Helvetica,Arial,sans-serif; background:#0d0d0d;} .clear{ clear:both;} .clearfix::after, .clearfix::before{display: table; content: " ";} *, ::after, ::before{box-sizing: border-box;} .clearfix:after { clear:both} a, button{cursor: pointer;} button { border: 1px solid #e9e9e9; background: 0 0; border-radius: 0;} video{object-fit: fill; width:100%; display:block;} h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; line-height: 1.75; } /*浠ヤ笅涓哄吋瀹规墜鏈?/ input:active, input:visited{ background:none;} input,input:focus, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;} input:focus, textarea:focus {outline: none;} input:-webkit-autofill{ background:none;} input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;} input::-ms-clear {display: none;} /*浠ヤ笂涓哄吋瀹规墜鏈?/ .swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;} .wrap{ width:1100px; margin:0 auto;} @media(min-width:1560px){ .wrap{ width:1100px;} } .ibannerall{ position:relative; width:100%; height:100%;} .headerbg{ width:100%; position:fixed; left:0; top:0; z-index:9999; padding:0px 100px; background:rgba(0,0,0,0.5);} .header{height:70px; display: flex; display: -webkit-flex; justify-content:space-between;align-items:center;} .header .logo{ width:100px;} .headerright{ display: flex; display: -webkit-flex; align-items:center;} .header .nav{} .nav li{ margin-right:45px; width:100px; float:left; position:relative; line-height:70px; text-align:center;} .nav li a{ display:block; color:#fff; font-size:16px; position:relative;} .nav li a:before{ content:""; display:block; width:100%; height:3px; background:#3196f1; margin:0px auto 0; border-radius: 5px; display:none; position:absolute; top:0; z-index:5;} .nav li.current a, .nav li:hover a, .nav li.current_page_item a,.nav li.current-menu-item a,.nav li.current-menu-parent a,.nav li.current-page-ancestor a,.nav li.current-category-ancestor a,.nav li.current-post-ancestor a, .nav li.current-product-ancestor a{ color:#3196f1;} .nav li.current a:before, .nav li:hover a:before, .nav li.current_page_item a:before,.nav li.current-menu-item a:before,.nav li.current-menu-parent a:before,.nav li.current-page-ancestor a:before,.nav li.current-category-ancestor a:before,.nav li.current-post-ancestor a:before, .nav li.current-product-ancestor a:before{ display:block;} .nav li ul{ position:absolute; width:100%; top:70px; padding:10px 0px 10px 0; display:none; background:rgba(0,0,0,0.5);} .nav li ul li{ float:none; margin-right:0; text-align:center; line-height:35px;} .nav li ul li a{ font-size:14px;} .nav li ul li a:after{ display:none;} .nav li ul li a:hover:before{ display:none;} .nav li:hover ul li a:before{ display:none;} .nav li:hover ul li a{ color:#fff;} .nav li:hover ul li a:hover{ color:#3196f1;} .nav li:hover ul{ display:block;} .header .language{ color:#fff; width:82px; text-align:right; line-height:35px;} .header .language a{ color:#fff; font-size:16px;} .header .language a.actvie{ color:#3196f1;} .menubtn{ display:none;} .ibanner{ width:100%; height:600px; max-height:100%;} .fullwidthbanner{ width:100%; height:100%; overflow:hidden;} .fullwidthbanner li{ width:100%; height:100%; overflow:hidden;} .fullwidthbanner li a{} .fullwidthbanner li img{ width:100%; height:100%; object-fit: cover;object-position: center;} .fullwidthbanner li img.mobileslide{ display:none;} .fullwidthbanner li video{ width:100%; height:100%; object-fit: cover;object-position: center;} .fullwidthbanner li.swiper-slide-active img{ animation:mymove 8s infinite;} @keyframes mymove{ from{transform: scale(1.4);} to {transform: scale(1);} } @-moz-keyframes mymove{ from{transform: scale(1.4);} to {transform: scale(1);} } @-webkit-keyframes mymove{ from{transform: scale(1.4);} to {transform: scale(1);} } @-o-keyframes mymove{ from{transform: scale(1.4);} to {transform: scale(1);} } .bantext{ position:absolute; left:10%; top:40%; color:#fff; z-index:5555;} .bantext h2{ font-size:52px; display:inline-block; line-height:50px;} .bantext p{ font-size:22px; margin:0 0 10px 0;} .bantext span{ font-size:18px;} .banbtn{ margin-top:20px;} .banbtn a{ width:150px; border-radius: 10px; color:#fff; display:block; line-height:40px; border:#fff 1px solid; text-align:center; font-size:15px; position:relative; overflow:hidden;} .banbtn a i{ position:absolute; right:-30px; transition: all 0.3s;} .banbtn a:hover{ color:#3196f1; padding-right:10px; border:#3196f1 1px solid; } .banbtn a:hover i{ right:25px;} .ibanner .ibannerjt{ position:absolute; width:100%; text-align:center; bottom:3%; z-index:5;} .ibanner .ibannerjt span{ display:inline-block; width:10px; height:4px; margin:0 5px; cursor:pointer; background:#ffffff;transition: all 0.3s;} .ibanner .ibannerjt span.swiper-pagination-bullet-active{ background:#3196f1; width:20px;} /*棣栭〉寮€濮?/ .imtit{ display:none;} .itit{ color:#fff; text-align:center;} .itit h2{ font-size:28px;} .itit .i1{ margin:0px auto 10px; display: block; width:70px; height:2px; background: #3196f1;} .itit span{ display:block; font-size:14px;} .itit p{font-size:16px; margin-top:10px;} /*閲忓瓙璁$畻*/ #lunbo{} .portlet{} .iproducts .itit{ position:relative; top:50px; z-index:5;} .mc_a1s1_r_bgbox{ width:377px; height:630px;} .mc_a1s1_r_bgbox img{ display:none;} /* .mc_a1s1_r .mc_a1s1_r_li:before, .mc_a1s1_r .mc_a1s1_r_li:after{ content:""; display:block; width:15px;height:200px;border: 1px solid #ccc;border-radius: 0 100% 100% 0/50%;border-left: none; position:absolute; right:-120px; top:-10px; transform: rotate(-59deg); z-index:4; transition: all 0.3s;} .mc_a1s1_r .mc_a1s1_r_li:after{ display:none; border: 1px solid #3196f1;border-radius: 0 100% 100% 0/50%;border-left: none; z-index:5;} .mc_a1s1_r .mc_a1s1_r_li:hover:after{ display:block;} .mc_a1s1_r .mc_a1s1_r_li:nth-child(2):before, .mc_a1s1_r .mc_a1s1_r_li:nth-child(2):after{ transform: rotate(0deg); right:0; top:120px; height:170px;} .mc_a1s1_r .mc_a1s1_r_li:nth-child(3):before, .mc_a1s1_r .mc_a1s1_r_li:nth-child(3):after{ transform: rotate(55deg); right:170px; top:75px; height:170px;} .mc_a1s1_r .mc_a1s1_r_li:nth-child(4):before, .mc_a1s1_r .mc_a1s1_r_li:nth-child(4):after{ display:none;} */ .mc_a1s1_r .mc_a1s1_r_li:before{ content:""; display:block; width:172px; height:107px; background:url(images/iproxiannew001.png) no-repeat; position:absolute; right:-185px; top:40px;} .mc_a1s1_r .mc_a1s1_r_li:nth-child(2):before{ width:17px; height:172px; background:url(images/iproxiannew002.png) no-repeat; right:0px; top:130px;} .mc_a1s1_r .mc_a1s1_r_li:nth-child(3):before{ width:147px; height:82px; background:url(images/iproxiannew003.png) no-repeat; right:100px; top:70px; transform: rotate(5deg);} .mc_a1s1_r .mc_a1s1_r_li:nth-child(4):before, .mc_a1s1_r .mc_a1s1_r_li:nth-child(4):after{ display:none;} .mc_a1s1_r .mc_a1s1_r_li:hover:before{ background:url(images/iproxiannew001_lan.png) no-repeat; } .mc_a1s1_r .mc_a1s1_r_li:nth-child(2):hover:before{ background:url(images/iproxiannew002_lan.png) no-repeat; } .mc_a1s1_r .mc_a1s1_r_li:nth-child(3):hover:before{ background:url(images/iproxiannew003_lan.png) no-repeat; } /*閲忓瓙閫氫俊*/ .indextwo{ padding:50px 0; position:relative; background:url(images/lzwlbgnew.jpg) no-repeat; background-size:cover;} .indextwo_mob{ display:none;} .ilztxall{ width:1100px; margin:0 auto; padding:30px 0;} .ilztxtitqh{position:relative; } .ilztxtitlist{ width:100%; margin:0 auto; overflow:hidden;} .ilztxtitlist li{ line-height:50px; color:#fff; cursor:pointer; text-align:center; padding-bottom:20px;} .ilztxtitlist li:after{ content:""; width:20px; height:20px; background:url(images/ilztxtitlibg.png) no-repeat; background-size:cover; display:block; position:absolute; bottom:0px; left:50%; margin-left:-13px; z-index:4;} .ilztxtitlist li.swiper-slide-thumb-active{ color:#86d2f3; font-weight:bold;} .ilztxtitlist li.swiper-slide-thumb-active:after{background:url(images/ilztxtitlilanbg.png) no-repeat; background-size:cover;} .ilztxnrqh{ position:relative; margin-top:0px; padding:30px 0 0 0;} .ilztxnrlist{ width:80%; margin:0 auto; overflow:hidden;} .ilztxnrlist li{} .ilztxnrlist li img{ margin:0 auto; max-width:40%;} .iproleftbtn a { width:60px; height:60px; position:absolute; top: 50%; margin-top:-30px; z-index:3;} .iproleftbtn a.iproleftprve{ left:3%; background:url(images/btn_prve.png) no-repeat center center;} .iproleftbtn a.iproleftnext{ right:3%; background:url(images/btn_next.png) no-repeat center center;} .iproleftbtn a.iproleftprve:hover{ background:url(images/btn_prve_lan.png) no-repeat center center;} .iproleftbtn a.iproleftnext:hover{ background:url(images/btn_next_lan.png) no-repeat center center;} /*閲忓瓙缃戠粶*/ .lzwlbg{ background:#000;} .lzwlbg img{ margin:0 auto;} .indexthree{ padding:40px 0 50px 0; background:#000; background-size:cover; } .ilzwlall{ margin-top:40px; width:1100px; display: flex; display: -webkit-flex; align-items:center;} .ilzwlleft{ width:70%; color:#fff; float:right;} .ilzwlleft p{ text-align:center; font-size:18px;} .ilzwlleft img{} .ilzwlright{width:30%; float:left;} .ilzwlright .itit{ text-align:left;} .ilzwlright .itit .i1{ margin:0 0 10px;} .linefg{ background:#000;} .linefg img{ margin:0 auto;} /*鏂伴椈璧勮*/ .inews{ padding:50px 0px; overflow:hidden; background:#000; position:relative;} .inewscon{ height:100%;} h2.inewstit{ color:#fff; text-align:center; margin-bottom:0px; letter-spacing:3px; font-size:28px;} h2.inewstit span{ color:#3196f1;} .inewscon .inewsleft{ width:40%; float:left; height:auto; position:relative; z-index:5; margin-top:12%;} .inewscon .inewsright{ width:65%; float:left; margin-left:-5%; height:100%; position:relative; z-index:2;} .inewslist{ height:100%;} .inewslist ul{ height:100%;} .inewslist li{ width:50%; float:left;} .inewslist li a{ background:url(images/bg3.jpg) no-repeat; display:block; padding:0 30px; height:200px; overflow:hidden; color:#000; display: flex; display: -webkit-flex; justify-content:center; align-items:center; position:relative;} .inewslist li:nth-child(2) a, .inewslist li:nth-child(3) a{ background:url(images/bg4.jpg) no-repeat; color:#fff;} .inewslist li a .inewsimg{ display:none;} .inewslist li a h3{ font-size:14px; font-weight:normal; float:left;} .inewslist li a p{ font-size:14px; line-height:24px; float:right; overflow:hidden; width:80px; position:absolute; bottom:10px; right:10px; } .inewslist li a .tcydc{ position:absolute; width:100%; height:100%; top: 0px; left: -100%; background:url(images/newlibg.png); color:#fff; z-index:555; display: -webkit-flex; justify-content:center; align-items:center; padding:0 30px; } .inewsmore{ margin-top:20px;} .inewsmore a{ color:#fff; display:inline-block; line-height:30px; font-size:14px;} .inewsmore a:hover{ color:#46aee6;} /* .ivideoqh{ position:relative; display:none;} .ivideolist{ overflow:hidden;} .ivideoqh .ivideojt{width:100%; text-align:center; margin-top:20px;} .ivideoqh .ivideojt span{ display:inline-block; width:10px; height:10px; margin:0 5px; cursor:pointer; background:#fff; border-radius:100%; } .ivideoqh .ivideojt span.swiper-pagination-bullet-active{ background:#46aee6;} */ .ivideoda{ position:relative; width:100%;} .ivideoda .ivideobigimg img{ width:100%;} .ivideobtn{ position:absolute; top:0%; left:0; display: flex; display: -webkit-flex; justify-content:center; align-items:center; text-align:center; width:100%; height:100%; cursor:pointer; background:rgba(0,0,0,0.2);} .ivideobtn img{ display:inline-block;transition: all 0.3s;} .ivideobtn:hover img{transform: scale(1.2);} .tanchuvideo{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:999; display:none;} .tvideoboxcon{ width:100%; height:100%; display: flex; display: -webkit-flex; align-items:center; justify-content:center;} #tvideobox{ width:640px; margin:0 auto; height:auto; max-height:500px; position:relative;} @media(max-width:1440px){ #tvideobox{ max-height:400px;} } span.closebtn{ width:25px; display:block; height:25px; line-height:25px; color:#fff; text-indent:-999em; background:url(images/close.png) no-repeat; background-size:cover; text-align:center; border-radius: 100%; cursor:pointer; position:absolute; right:-25px; top:-25px;} /*搴曢儴寮€濮?/ .footer .top-block{background: url("images/footerbg.png") no-repeat center top #222; background-size: 100% auto;} .wrapper{width: 80vw;max-width: 1440px;margin: 0 auto;position: relative;z-index: 2;} .footer .top-box{padding: 4vw 0 3vw;display: flex;justify-content: space-between;align-items: center;} .footerlogo{ width:130px;} .footer .top-box .footerlogo img{display: block;height: auto;} .footer .top-box .share span{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;} .footer .top-box .share a{display: inline-block;vertical-align: middle;float: none;width:38px;height:38px;padding: 0;margin: 0 15px 0 0;border-radius: 50%;border: 1px solid #e6e6e6;background-position: center;background-repeat: no-repeat;transition: all .3s ease;} .footer .top-box .share a.weixin{background-image: url("images/share-1.png");} .footer .top-box .share a.tsina{background-image: url("images/share-2.png");} .footer .top-box .share a.sqq{background-image: url("images/share-3.png");} .footer .top-box .share a:last-of-type{margin-right: 0;} .footer .top-box .share a:hover{ border: 1px solid #fff;} .footer .top-box .share a.weixin:hover{background-image: url('images/share-1-on.png');} .footer .top-box .share a.tsina:hover{background-image: url('images/share-2-on.png');} .footer .top-box .share a.sqq:hover{background-image: url('images/share-3-on.png');} .footer .mid-box{border-top: 1px solid #999;padding: 2vw 0 3.5vw;display: flex;justify-content: space-between;} .footernav{ width:50%;} .footernav ul#footernavul{ display: flex;justify-content: space-between;} .footernav ul#footernavul li:nth-child(1).xilali, .footernav ul#footernavul li:nth-child(3).xilali{ display:none;} .footernav ul#footernavul li a{font-size: 16px;color: #fff; display:block;} .footernav ul#footernavul li a.youzifl:after{content: '';display: block;width: 24px;height: 2px;background-color: #f5f5f5;margin: 20px 0;} .footernav ul#footernavul li ul{} .footernav ul#footernavul li ul li{} .footernav ul#footernavul li ul li a{font-size: 14px;color: #ccc;margin-top: 20px;transition: color .3s ease;} .footernav ul#footernavul li ul li a:hover{ color:#fff;} .footer .mid-box h3{font-size: 16px;color: #fff;} .footer .mid-box h3 a{ color:#fff;} .footer .mid-box h3:after{content: '';display: block;width: 24px;height: 2px;background-color: #f5f5f5;margin: 20px 0;} .footer .mid-box .link a{display: block;font-size: 14px;color: #ccc;margin-top: 20px;transition: color .3s ease;} .footer .mid-box .link a:hover{ color:#fff;} .footer .bot-box{padding: 0; width:50%; display: flex;justify-content:flex-end;align-items: center;} .footer .bot-box .info-box{ width:50%; margin-right:30px;} .footer .bot-box .info{padding-left:50px;position: relative;margin-top: 1vw;} .footer .bot-box .info:nth-of-type(1){margin-top: 0;} .footer .bot-box .info::before{content: '';width: 30px;height: 30px;background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;top: 0;left: 0;} .footer .bot-box .info.info-1::before{background-image: url("images/icon-3.png");} .footer .bot-box .info.info-2::before{background-image: url("images/icon-3-1.png");} .footer .bot-box .info.info-3::before{background-image: url("images/u64.svg");} .footer .bot-box .info p{font-size: 14px;color: #ccc;} .footer .bot-box .info span{font-size: 14px;} .footer .bot-box .info:hover span{ color:#fff;} .footer .bot-box .ewm{display: inline-block;vertical-align: top;margin-left: 24px;text-align: center;} .footer .bot-box .ewm:nth-of-type(1){margin-left: 0;} .footer .bot-box .ewm .img-box{border: 1px solid #e6e6e6;} .footer .bot-box .ewm p{font-size: 14px;color: #808080;margin-top: 10px;} .footer .bot-block{background-color: #000;padding: 2vw 0;} .footer .bot-block .flex{display: flex;justify-content: space-between;} .footer .bot-block a, .footer .bot-block span{font-size: 14px;line-height: 24px;} .copyright{ color:#666; font-size:12px;} .copyright a{ color:#666; } .copyright a:hover{ text-decoration:underline;} /*浜岀骇椤甸潰*/ .erjibanner{ position:relative; overflow:hidden;} .erjibanner img{width:100%; height:100%; object-fit: cover;object-position: center; animation:erjibanmove 10s ease-out 1;} .erjibantext{ color:#fff; text-align:center; position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; display: flex; display: -webkit-flex; justify-content:center; align-items:center;} .erjibantextnr{} .erjibantext h2{ font-size:40px; font-weight:bold;} .erjibantext span{ display:block; font-size:16px; text-transform:capitalize;} .erjibantext p{ margin-top:30px; font-size:18px;} .erjibantext p i{ font-style:normal; color: #3196f1;} @keyframes erjibanmove{ 0%{transform: scale(1.5);} 100%{transform: scale(1);} } @-moz-keyframes erjibanmove{ 0%{transform: scale(1.5);} 100%{transform: scale(1);} } @-webkit-keyframes erjibanmove{ 0%{transform: scale(1.5);} 100%{transform: scale(1);} } @-o-keyframes erjibanmove{ 0%{transform: scale(1.5);} 100%{transform: scale(1);} } .wrap1100{ width:1100px; margin:0 auto;} .proflbg{ background:#000; padding:30px 0;} .profl{} .profl ul{ text-align:center;} .profl li{ display:inline-block; width:200px; margin:0 20px;} .profl li a{ display:block; background:#343434; padding:10px 0;} .profl li a .proflicon{ width:50px; height:50px; margin:0 auto; overflow:hidden; position:relative;} .profl li a .proflicon img{ position:absolute;} .profl li a .proflicon img:nth-child(1){ transform: translate(-50px, 0);} .profl li a .proflicon img:nth-child(2){} .profl li a h3{ font-size:18px; color:#eee; text-align:center; margin-top:10px;} .profl li a:hover, .profl li.current a{ background:#208eef;} .profl li a:hover .proflicon img:nth-child(1), .profl li.current a .proflicon img:nth-child(1){ transform: translate(0px, 0);} .profl li a:hover .proflicon img:nth-child(2), .profl li.current a .proflicon img:nth-child(2){ transform: translate(50px, 0);} .prolistbg{ background:#111; padding:30px 0 50px 0;} .prolist{} .prolist li{ border-bottom:#333 1px solid; position:relative; padding-bottom:30px; margin-bottom:30px;} .prolist li:after{ height:1px; width:0%; background:#999; content:""; display:block; position:absolute; bottom:0; z-index:5;transition: all 0.5s;} .prolist li a{ transition: all 0.3s; display:block; background: #222; padding: 30px; border-radius: 10px;} .prolist li .prolistimg{ width:30%; float:right; overflow:hidden;} .prolist li .prolistimg img{} .prolist li .prolisttext{ width:64%; float:left; } .prolist li:nth-child(2n) .prolistimg{ float:left;} .prolist li:nth-child(2n) .prolisttext{ float:right;} .prolist li .prolisttext h2{ font-size:18px; color:#f4f4f4; height:40px; line-height:40px; position:relative;} .prolist li .prolisttext h2 i{ font-style:normal; display:inline-block; overflow:hidden; width:50%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .prosx{ position:absolute; right:0; top:0px;} .prosx span{ background:url(images/protiticon.png) no-repeat left center; display:inline-block; line-height:20px; background-size:18px 18px; font-size:12px; padding-left:25px; margin-left:10px;} .prolist li .prolisttext .prolisttextjj{ color:#999; font-size:16px; margin-top:30px; line-height:30px; width:90%;} .prolist li .prolisttext .prolistbtn{ border:#999 2px solid; color:#999; text-align:center; line-height:40px; width:150px; margin-top:40px;} .prolist li a:hover{ box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.5);} .prolist li a:hover .prolistimg img{ transform: scale(1.1);} .prolist li a:hover .prolisttext .prolisttextjj{ color:#f5f5f5;} .prolist li a:hover .prolisttext h2{ color:#fff;} .prolist li a:hover .prolisttext .prolistbtn{ background:#222; color:#fff;} .prolist li:hover:after{ width:100%;} /*鍒嗛〉鏍峰紡寮€濮?/ #pageabc{text-align:center;margin:20px 0 0 0;clear:both;height:auto;overflow:hidden;color:#333;line-height:23px;} #pageabc a.noallowed{cursor: not-allowed;} #pageabc span,#pageabc a{font-size:12px;color:#666;padding:4px 12px;border:1px solid #666;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius: 5px; } #pageabc a:hover,#pageabc a.current{color:#208eef;border:1px solid #208eef;} /*鍒嗛〉鏍峰紡缁撴潫*/ /*寮€鏀惧钩鍙?/ .kfptbg{ background:url(images/bg5.jpg); padding:150px 0 100px;} .kfpt{display: flex; display: -webkit-flex; justify-content:center; align-items:center;} .kfptrightmob, .kfptleftmob{ display:none;} .kfptleft{ color:#fff; width:40%; text-align: center;} .kfptleft span{ text-transform:capitalize; display:block; font-size:22px; line-height:24px; height:24px;} .kfptleft span i{ font-style:normal; position:relative;} .kfptleft h2{ font-size:18px; margin-top:20px;} .kfptleft a{ margin:30px auto 0; width:150px; border-radius: 10px; color:#fff; display:block; line-height:40px; border:#fff 1px solid; text-align:center; font-size:15px; position:relative; overflow:hidden;} .kfptright{ position:relative; width:60%; display:none;} .kfptiframe{ width:calc(100% - 55px); background:#fff; height:340px; position:absolute; top:28px; left:27px;} .kfptiframe iframe{ height:100%;} /*鍚堜綔浼欎即*/ .hzhbbg{ background:url(images/banner_partners.jpg) center bottom; padding:100px 0 100px 0;} .hzhbbg .kfpt{justify-content: space-between;} .hzhbbg .kfptleft h2{ font-size:32px;} .hzhbbg .kfptleft p{ font-size:18px; margin-top:10px;} .hzhbbg .kfptleft span{} .hzhbrightimg{ width:30%; text-align:right;} .hzhbrightimg img{ display:inline-block;} .hzhbbtn{} .hzhbbtn a{ margin:0 auto; line-height:35px;} .partnersbg{ background:#111; padding:50px 0;} .partnerslist{} .partnerslist li{ overflow:hidden; width:23.5%; float:left; margin:0 2% 2% 0; position:relative;} .partnerslist li:nth-child(4n){ margin-right:0;} .partnerslist li .partnerimg{ overflow:hidden; } .partnerslist li img{ width:100%;} .partnerslist li:before{content:"";position: absolute;left:0;top:0;border-top:3px solid #3196f1;border-left:3px solid #3196f1;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;} .partnerslist li:after{content:"";position: absolute;right:0;bottom:0;border-right:3px solid #3196f1;border-bottom:3px solid #3196f1;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;} .partnerslist li:hover:before{width:100%;height:100%;visibility: visible;} .partnerslist li:hover:after{width:100%;height:100%;visibility: visible;} .leadmore{ margin-top:30px;} .leadmore a{ width:130px; display:block; margin:0 auto; color:#eee; background:url(images/leadmorebg.png) no-repeat 90% center; padding-right:15px; border:#eee 1px solid; border-radius: 10px; text-align:center; line-height:40px; font-size:16px;} .leadmore a:hover{color:#3196f1; border:#3196f1 1px solid; background:url(images/leadmorehover.png) no-repeat 90% center;} /*鍚堜綔鐢宠*/ .partnerbdbg{ background:url(images/xxbg.gif); padding:100px 0 70px;} .partnerbd{} .partnertit{ color:#fff; text-align:center;} .partnertit h2{ font-size:32px;} .partnertit h3{ font-size:16px; text-transform:capitalize;} .partnertit p{ color:#fff; margin-top:10px; font-size:18px;} .partnerform{ width:500px; margin:50px auto 0;} .partnerform li{ margin-bottom:20px;} .partnerform li label{ display:none !important;} .partnerform li input, .partnerform li select{ width:100%; background:#fff; border:#ccc 2px solid; padding:0 20px; color:#333; font-size:16px; line-height:45px; height:45px; border-radius: 10px;} .partnerform li select{ cursor:pointer; background:url(images/selcetbg.png) no-repeat 97% center #fff; color:#666;} .partnerform .tijiaobtn{ text-align:center;} .partnerform .tijiaobtn input{ float:none; height:40px; line-height:40px; background:#3196f1; border:#3196f1 2px solid; width:30%; margin:0 auto; color:#fff; font-size:16px; font-weight:bold; cursor:pointer; border-radius: 10px;} .partnerform li input:focus, .partnerform li select:focus{border:#3196f1 2px solid;} .partnerform .tijiaobtn input:hover{ background:none; border:#3196f1 2px solid;} /*鏂伴椈涓績*/ .newsflbg{ background:#555;} .newsfl{} .newsfl ul{ text-align:center;} .newsfl li{ display:inline-block; width:15%; box-sizing: border-box; } .newsfl li:last-child{ border-right:none;} .newsfl li a{ display:block; line-height:50px; color:#fff; height:50px; text-align:center; font-size:16px; position:relative; transition: all 0.3s; } .newsfl li a span{ position:relative; z-index:5;} .newsfl li a:before{ content:""; position: absolute;left: 0;transform: scaleX(0);transform-origin: right center;transition: transform 0.4s ease,width 0.4s ease;top: 0;width: 100%;height: 100%;background: #333;transform: scaleX(0) \9;width: 0\9;} .newsfl li.current a{ background:#333; color:#fff;} .newsfl li a:hover:before{transform: scaleX(1);width: 100% \9;transform-origin: left center; } .newsfl li a:hover{ color:#fff;} .newbg{ background:#333; padding:50px 0;} .news{} .newslist{} .newslist li{ width:23.5%; margin:0 2% 3% 0; float:left;} .newslist li:nth-child(4n){ margin-right:0;} .newslist li a{ display:block; position:relative;} .newslist li a:after{ content:""; display:block; width:0%; height:3px; background:#3196f1;transition: width 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); position:absolute; bottom:0; left:0;} .newslist li a .newsimg{ height:150px; overflow:hidden;} .newslist li a .newsimg img{ width:100%; height:100%; object-fit: cover;object-position: center;} .newslist li a .newstext{ background:#f7f7f7; padding:20px;} .newslist li a .newstext h3{ font-size:15px; line-height:22px; overflow:hidden; height:44px; color:#3196f1; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .newslist li a .newstext p{ font-size:12px; margin-top:10px; line-height:22px; overflow:hidden; color:#666; height:66px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .newslist li a .newstext span{ display:block; height:22px; line-height:22px; margin-top:20px; background:url(images/newslibg.png) no-repeat right center;} .newslist li a:hover .newstext h3{ color:#000;} .newslist li a:hover .newstext p{ color:#333;} .newslist li a:hover .newsimg img{transform: scale(1.1);} .newslist li a:hover:after{ width:100%;} /*瑙嗛鍥炬枃*/ .videobg{ padding:30px 0 50px 0; background:#333;} .videozifl{ padding-bottom:30px; text-align:center;} .videozifl dd{ display:inline-block; margin:0 10px;} .videozifl dd a{ color:#eee; display:block; line-height:35px; text-align:center; padding:0 30px; border:#fff 1px solid; border-radius:20px;} .videozifl dd.active a, .videozifl dd a:hover{ background:#3196f1; border:#3196f1 1px solid;} .videolist{} .videolist li{ width:32%; float:left; margin:0 2% 2% 0;} .videolist li:nth-child(3n){ margin-right:0;} .videolist li a{ background:#666; padding:10px; display:block;} .videolist li a .videoimg{ position:relative; overflow:hidden; height:205px;} .videolist li a .videoimg img{ width:100%; height:100%; object-fit: cover;object-position: center;} .videolist li a .videoimg i{ display:block; position:absolute; width:100%; height:100%; background:url(images/player.png) no-repeat center center; background-size:40px 40px; left:0; top:0; } .videolist li a .videotext{ margin-top:15px; padding-bottom:10px;} .videolist li a .videotext h3{ color:#fff; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .videolist li a .videotext span{ display:block; margin-top:10px; color:#eee; text-align:right;} .videolist li a:hover{ background:#3196f1;} .videolist li a:hover .videoimg img{ transform: scale(1.1);} /*瑙嗛璇︽儏椤?/ .singlevide{} .dqwz{ color:#888;} .dqwz a{ color:#888;} .dqwz a:hover{ color:#ccc;} .singlevideonr{ width:80%; margin:50px auto 0;} .singlevideonr video{ width:100%;} /*鍥剧墖鏂伴椈*/ .newsimglist{} .newsimglist li{ margin-bottom:30px;} .newsimglist li a{ display:block; height:210px;} .newsimglist li a .newsimgimg{ width:31%; float:left; overflow:hidden;} .newsimglist li a .newsimgimg img{ width:100%; height:100%; object-fit: cover;object-position: center;} .newsimglist li a .newsimgtext{ width:69%; float:left; background:#666; height:100%; position:relative;} .newsimglist li a .newsimgtext:after{ content:""; display:block; width:0%; height:100%; background:#3196f1; position:absolute; top:0; left:0%; z-index:2; transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;} .newsimglist li a .newsimgtext .newstextnr{ position:relative; z-index:5; padding:20px;} .newsimglist li a .newsimgtext h3{ font-size:18px; color:#fff;} .newsimglist li a .newsimgtext p{ margin-top:15px; color:#eee; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .newsimglist li a .newsimgtext .datetime span{ display:inline-block; height:20px; line-height:20px; margin-right:20px; color:#ccc; margin-top:20px; background-image:url(images/news_time_icon_bai.png); background-repeat:no-repeat; background-position:left 40%; line-height:20px; padding-left:30px;} .newsimglist li a .newsimgtext .datetime span:nth-child(2){background-image:url(images/news_type_icon_bai.png);} .newsimglist li a .newsimgtext .datetime span:nth-child(3){background-image:url(images/news_preview_icon_bai.png);} .newsimglist li:nth-child(2n) a .newsimgimg{ float:right;} .newsimglist li:nth-child(2n) a .newsimgtext{ float:left;} .newsimglist li:nth-child(2n) a .newsimgtext:after{ left:auto; right:0;} .newsimglist li a:hover .newsimgtext:after{ width:100%;} .newsimglist li a:hover .newsimgimg img{ transform: scale(1.1);} /*鏂伴椈璇︽儏椤?/ .signlenewsbg{ background:#111; padding:30px 0 100px;} .singlenews{} .singlenewsnr{ margin-top:50px;} .singlenewshead{ color:#fff; border-bottom:#ccc 1px solid; padding-bottom:20px;} .singlenewshead h2{ font-size:24px; text-align:center; margin-bottom:20px;} .singlenewshead .newsdate{ text-align:center; line-height:26px;} .singlenewshead .newsdate span{ margin:0 5px;} .singlenewsbody{ color:#eee; font-size:14px; } .singlenewsbody p{ margin-top:30px;line-height:30px;} .singlenewsbody img{ margin:0 auto; max-width:90%;} .singlenews .page_turning{margin-top:50px;color:#5b5b5b; padding-top:30px; font-size:14px;line-height:30px;overflow:hidden; border-top:#ccc 1px solid;} .singlenews .page_turning a{color:#5b5b5b; font-size:14px;} .singlenews .page_turning a:hover{color:#fff} .singlenews .page_turning .prev{padding-left:20px;background:url("images/iproleftbtn_prve.png") left center no-repeat; background-size:10px; float:left} .singlenews .page_turning .next{padding-right:20px;background:url("images/iproleftbtn_next.png") right center no-repeat; background-size:10px;float:right} .othernews{ margin-top:50px;} h3.othnewstit{ border-bottom: 1px solid #ccc; font-size:24px; padding-bottom:5px; font-weight:normal; color:#fff;} h3.othnewstit span{ border-bottom:#3196f1 3px solid; padding-bottom:10px;} .othernewslist{ padding-top:30px;} .othernewslist li{ width:23.5%; margin:0 2% 2px 0; float:left;} .othernewslist li:nth-child(4n){ margin-right:0;} .othernewslist li a{ display:block; border-bottom:#999 1px solid; position:relative; padding-bottom:20px;} .othernewslist li a .othernewsimg{ overflow:hidden; height:160px;} .othernewslist li a .othernewsimg img{ width:100%; height:100%; object-fit: cover;object-position: center;} .othernewslist li a:after{ content:""; display:block; width:0; height:1px; background:#3196f1; position:absolute; bottom:-1px; z-index:555; left:0; transition: all 0.3s;} .othernewslist li a .othernewstext{ margin-top:20px; line-height:24px;} .othernewslist li a .othtit{ color:#ccc; width:calc(100% - 80px); float:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .othernewslist li a .othdate{ color:#ccc; width:80px; font-size:12px; float:right; text-align:right;} .othernewslist li a:hover .othtit{ color:#fff;} .othernewslist li a:hover .othdate{ color:#ccc;} .othernewslist li a:hover:after{ width:100%;} /*鍏充簬鎴戜滑*/ .aboutbg{ background:#333; padding:50px 0;} .about{} .aboutleft{ width:55%; float:left;} h2.abouttit{ font-size:24px; color:#fff;} h2.abouttit:after{ content:""; display:block; width:80px; height:2px; background:#3196f1; margin-top:2px;} .aboutnr{ margin-top:20px; color:#eee; } .aboutnr p{ margin-bottom:20px; text-indent:2em; color: #fff !important;} .aboutirhgt{ width:40%; float:right; padding-top:75px;} .aboutirhgt img{ border:#eee 2px solid; border-radius:5px;} .aboutzizhibg{ background:#444; padding:50px 0;} .ihonorqieh{ margin-top:30px; position:relative;} .ihonorlist{ overflow:hidden;} .ihonorlist li{} .ihonorlist li .ihonorimg{ overflow:hidden; padding:20px; background:url(images/iryzzimgbg.png) no-repeat; background-size:cover;} .ihonorlist li .ihonorimg img{} .ihonorlist li .ihonortext{ color:#eee; font-size:14px; text-align:center; margin-top:15px;} .ihonorlist li:hover .ihonorimg img{} .ihonorbtn{} .ihonorbtn a{ display:block; width:15px; height:30px; position:absolute; top:50%; margin-top:-20px;} .ihonorbtn a.ihonorprve{ left:-30px; background:url(images/iproleftbtn_prve.png) no-repeat center center; } .ihonorbtn a.ihonornext{ right:-30px; background:url(images/iproleftbtn_next.png) no-repeat center center;} .ihonorbtn a.ihonorprve:hover{ background:url(images/iproleftbtn_prve_bai.png) no-repeat center center;} .ihonorbtn a.ihonornext:hover{ background:url(images/iproleftbtn_next_bai.png) no-repeat center center;} /*浼佷笟鏂囧寲*/ .qiyewh{ line-height:30px; color:#eee; margin-bottom:40px;} .qiyewh p{ margin-top:20px;color: #fff !important;} .whlist{ margin-bottom:30px;} .whlist li{ width:23.5%; margin:0 2% 0 0; float:left; border-radius:10px; overflow:hidden; background: #dde6ed;} .whlist li:nth-child(4n){ margin-right:0;} .whlist li .whtext{ padding:20px;} .whlist li .whtext h3{ font-size:18px; color: #000;} .whlist li .whtext p{ margin-top:10px; line-height:20px; color:#666; height:60px; overflow:hidden;} .whlist li .whtext .more{ margin-top:20px;} .whlist li .whtext .more a{ padding-right:36px; font-size:14px;color:#666; display:inline-block; position:relative;} .whlist li .whtext .more a:before{content: "";display: block;position: absolute;top: 0;right: 0;width:26px;bottom: 0;background: url("images/img26.png") right center no-repeat; background-size: auto;background-size: 100%; transition: all 0.3s;} .whlist li .whtext .more a:hover:before{ right:-10px;} /*鑱旂郴鎴戜滑*/ .map-box{ position:relative;} .map{height:500px; width:100%; line-height:20px;} .map b{ margin-bottom:0px; display:block;} .map p{ line-height:22px;} .map img{ max-width:inherit; display:inline-block;} .text-boxbg{ width:350px; padding:20px; position: absolute;left:6%;top: 50%;transform: translate(0%, -50%); border-radius:10px; background:rgba(0,0,0,0.5); z-index: 6666;} .text-box{} .text-box .tit{font-size:16px;line-height:30px;color: #fff;font-weight: bold;} .text-box .con{font-size:14px;line-height:24px;color: #fff;margin-top:20px;} .text-box .qrcode{margin-top:20px;} .text-box .qrcode .item{ width:100px; text-align:center;} .text-box .qrcode .item img{} .text-box .qrcode .txt{margin-top:5px;color: #fff;font-size:14px;line-height:30px;} .BMap_pop div:nth-child(1) div{ border-top-left-radius:10px;} .BMap_top+div div{border-top-right-radius:10px;} .BMap_center+div div{border-bottom-left-radius:10px;} .BMap_bottom+div div{border-bottom-right-radius:10px;} /*浜у搧璇︽儏椤?/ .singleprotopbg{ padding:120px 0 60px 0; background:#080e1a;} .singleprotop{} .singleprotopleft{ width:48%; float:left;} h2.singleprotit{ font-size:24px; color:#fff;} .singleprotitm{ display:none;} h3.singleprotit{ font-size:18px; color:#fff; margin-top:30px;} .singleprojj{ font-size:14px; color:#fff; margin-top:10px; line-height:24px;} .singleprojj p{ margin-bottom:10px; color: #fff !important;} .imerjitit, .cpxq_mnewtit{ display:none;} .singleprotopright{ width:48%; float:right;} .singleprotoprightnr{} .singleprotoprightnr .singleprovideo, .singletopqhbtn{ display:none;} .singleprotoprightnr.youshipin .singleprovideo, .singletopqhbtn.yspbtn{ display:block;} .singleprotoprightnr.youshipin .singleproimgqhall{ display:block;} /*瑙嗛*/ .singleprovideo{ position:relative; box-shadow: 5px 5px 5px rgba(83, 76, 76, 0.996078431372549); border:#343434 1px solid;} .singleprovideo a{ display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0; background: url(images/player.png) no-repeat center center; background-size: 40px 40px;} .singleprovideo img{ margin:0 auto;} .tanchuspbg{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7); left:0; top:0; z-index:9999; display:none;} .tanchusp{ height:100%; display: flex; display: -webkit-flex; justify-content:center; align-items:center;} .tanchuspnr{ position:relative; width:640px; background:#fff; padding:3px; border-radius: 5px;} .tanchuspnr span{width: 25px;height: 25px;background: url(images/jiahao.png) no-repeat; border-radius: 100%; background-size: auto;background-size: 100%;position: absolute; bottom:-40px; margin-left:-12.5px; left:50%; cursor: pointer;} .tanchuspnr video{ width:100%;} .singletopqhbtn{ width:120px; margin:40px auto 0; border-radius: 25px; overflow:hidden; border:#eee 2px solid;} .singletopqhbtn a{ display:inline-block; text-align:center; width:50%; line-height:30px; color:#eee;} .singletopqhbtn a.active{ color:#fff; background:#3196f1;} /*鍥剧墖*/ .singleproimgqhall{} .sprodatu{ border:#343434 1px solid; box-shadow: 5px 5px 5px rgba(83, 76, 76, 0.996078431372549); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .sprodatulist{ overflow:hidden;} .sprodatulist ul{ align-items:center;} .sprodatulist li{ padding:2px;} .sprodatulist li .proxqtkimg{ height:300px; display: flex; display: -webkit-flex; justify-content:center; align-items:center;} .sprodatulist li .proxqtkimg img{ margin:0 auto; width:auto; max-width:90%; height:auto; max-height:90%; object-fit: cover;object-position: center;} .sprothumbs{ position:relative; margin-top:20px; padding:0 40px;} .sprothumbslist{ overflow:hidden;} .sprothumbslist li{ cursor:pointer; padding:1px;} .sprothumbslist li img{ border:#343434 1px solid; width:100%; height:80px; object-fit: cover;object-position: center; } .sprothumbslist li.swiper-slide-thumb-active{} .sprothumbslist li.swiper-slide-thumb-active img{ border:#3196f1 1px solid;} .sprothumbsbtn{} .sprothumbsbtn a{ width:25px; height:80px; position:absolute; top: 50%; margin-top:-40px; z-index:3;} .sprothumbsbtn a.sproprve{ left:0; background:url(images/iproleftbtn_prve_bai.png) no-repeat center center #333;} .sprothumbsbtn a.spronext{ right:0; background:url(images/iproleftbtn_next_bai.png) no-repeat center center #333;} .sprothumbsbtn a.sproprve:hover{ left:0; background:url(images/iproleftbtn_prve.png) no-repeat center center #fff;} .sprothumbsbtn a.spronext:hover{ right:0; background:url(images/iproleftbtn_next.png) no-repeat center center #fff;} .sprothumbsbtn a.swiper-button-disabled:hover{ cursor:not-allowed;} /*浜у搧浼樺娍*/ .cpyoushibg{ background:#000; padding:50px 0;} .cpyoushi{} .projectitemtit{display: flex; display: -webkit-flex; border-bottom:#eee 1px solid; padding-bottom:20px; align-items:center;} .projectitemtit .projectitemtiticon{ margin-right:12px;} .projectitemtit .projectitemtiticon img{ max-width:45px;} .projectitemtit .projectitemtittext{ color:#eee;} .projectitemtit .projectitemtittext h2{ font-size:18px;} .projectitemtit .projectitemtittext span{ display:block; font-size: 14px;} .cpyoushilist{ margin-top:40px;} .cpyoushilist li{ width:31.33%; float:left; margin:0 3% 3% 0; box-shadow: 0px 0px 5px 2px rgba(237,237,237,0.8); display: flex; display: -webkit-flex; justify-content:center; align-items:center; padding:30px 0;} .cpyoushilist li:nth-child(3n){ margin-right:0;} .cpyoushilist li .cpysicon{ width:25%; height:60px; display: flex; display: -webkit-flex; justify-content:center; align-items:center;} .cpyoushilist li .cpysicon img{ margin:0 auto; max-width:50px;} .cpyoushilist li .cpystext{ width:70%; float:left;} .cpyoushilist li h3{ color:#fff; font-size:14px; line-height:30px;} .cpyoushilist li p{ font-size:12px; color:#eee; height:42px;} .cpysys1 li{ width:100%; float:none; margin:0; justify-content:flex-start;} .cpysys1 li .cpysicon{ width:120px;} .cpysys2 li{ width:48.5%; justify-content:flex-start;} .cpysys2 li:nth-child(2n){ margin-right:0;} .cpysys2 li .cpysicon{ width:20%;} .cpysys2 li .cpystext{ width:80%;} .cpysys3 li{} .cpysys4 li{ width:48.5%; justify-content:flex-start;} .cpysys4 li:nth-child(3n){ margin-right:3%;} .cpysys4 li:nth-child(2n){ margin-right:0;} .cpysys5 li:nth-child(1), .cpysys5 li:nth-child(2){ width:48.5%;} .cpysys5 li:nth-child(2), .cpysys5 li:nth-child(5){ margin-right:0;} .cpysys5 li:nth-child(3){ margin-right:3%;} .cpysys6 li{} .cpysys7 li{} .cpysys7 li:nth-last-child(-n+4){ width:22.75%; } .cpysys7 li:nth-last-child(-n+4) .cpysicon img{ width:70%;} .cpysys7 li:nth-last-child(-n+4) .cpystext{ width:65%;} .cpysys7 li:nth-child(6){ margin-right:3%;} .cpysys7 li:nth-child(7){ margin-right:0;} .cpysys8 li{ width:22.75%;} .cpysys8 li:nth-child(3n){ margin-right:3%;} .cpysys8 li:nth-child(4n){ margin-right:0;} .cpysys8 li .cpysicon img{ width:65%;} .cpysys8 li .cpystext{ width:65%;} .cpysys8 li p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .cpysys9 li{} .cpysys10 li{} .cpysys10 li:nth-child(n+4):nth-child(-n+7){ width:22.75%; } .cpysys10 li:nth-child(n+4):nth-child(-n+7) .cpysicon img{ width:70%;} .cpysys10 li:nth-child(n+4):nth-child(-n+7) .cpystext{ width:65%;} .cpysys10 li:nth-child(6), .cpysys10 li:nth-child(9){ margin-right:3%;} .cpysys10 li:nth-child(7), .cpysys10 li:nth-child(10){ margin-right:0;} .cpysys11 li:nth-last-child(-n+2){ width:48.5%;} .cpysys11 li:nth-child(11){ margin-right:0;} .cpysys11 li:nth-last-child(-n+2) .cpysicon{ width:20%;} .cpysys11 li:nth-last-child(-n+2) .cpystext{ width:80%;} .cpysys12 li{} .cpyyanlibg{ background:#333; padding:50px 0;} .cpyyanliqh{ position:relative; margin-top:40px;} .cpyyanlilist{ overflow:hidden;} .cpyyanlilist li{} .cpyyanlilist li:nth-child(4n){} .cpyyanlilist li .cpyyanliimg{ height:168px; overflow:hidden;} .cpyyanlilist li .cpyyanliimg img{width:100%; height:100%; object-fit: cover;object-position: center;} .cpyyanlilist li h3{ color:#fff; height:45px; line-height:20px; font-size:14px; text-align:center; background:#666; font-weight: normal; display: flex; display: -webkit-flex; justify-content:center; align-items:center; padding: 0 20px;} .cpyyanlilist li:hover h3{ background:#fff; color:#333;} .ihonorbtn a.ihonorprve.cpalprve{ left:-30px; background:url(images/iproleftbtn_prve_bai.png) no-repeat center center; } .ihonorbtn a.ihonornext.cpalnext{ right:-30px; background:url(images/iproleftbtn_next_bai.png) no-repeat center center;} .ihonorbtn a.ihonorprve.cpalprve:hover{ background:url(images/iproleftbtn_prve.png) no-repeat center center;} .ihonorbtn a.ihonornext.cpalnext:hover{ background:url(images/iproleftbtn_next.png) no-repeat center center;} /*鍏ㄧ悆鎷涘嫙*/ .zhaomubg{ background:#333; padding:50px 0;} .zhaomu{} table{width:100%; border-collapse:collapse;} .zhaomu table{ margin-bottom:40px;} .zhaomu tr:nth-child(2n){} .zhaomu tr:nth-child(2n+1){} .zhaomu tr:hover{ background:#4a4a4a;} .zhaomu tr:nth-child(1){ background:#282828; } .zhaomu tr:nth-child(1):hover{ background:#282828; } .zhaomu th{ line-height:60px; color:#fff; font-size:16px; font-weight:normal;} .zhaomu td{ color:#ccc; text-align:center; line-height:28px; padding:15px 5px; font-size:14px; border-bottom:#4a4a4a 1px solid;} .zhaomu td a{ background:#ccc; border-radius: 15px; color:#222; font-size:12px; display:block; margin:0 auto;} .zhaomu tr:hover td{ color:#fff;} .zhaomu td a:hover{ background:#208eef; color:#fff;} /*鍏ㄧ悆鎷涘嫙璇︽儏椤?/ .zhaomunr{ color:#eee; margin-top:30px; line-height:30px;} .zhiweijj{ color:#fff; margin-top:30px; font-size:14px;} .zhiweijj span{display: block; line-height: 26px;} .zhaomunr p{ margin:10px 0; color: #fff !important;} .zhaomuform{ width:40%; margin:50px auto 0;color: #fff !important;} .zhaomuform li{ color:#eee; margin-bottom:20px; text-align:center; position:relative; border:#eee 1px solid; border-radius: 10px; overflow:hidden;} .zhaomuform li#fm-item-file-622efbbba2c68{ padding:30px 0;} .zhaomuform li label{ display:none !important;} .zhaomuform li input{ color:#fff; padding:0 15px; width:100%; background:none; border:none; line-height:40px; margin-top:0;} .zhaomuform li input[type="file"]{ height:45px; cursor:pointer; opacity:0;filter:alpha(opacity=0); position:absolute; left:0; top:30px; z-index:5; cursor:pointer;} .zhaomuform li span{ display:block;width:30%;height: 45px;line-height:45px; background: #F3FBFF; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; position:relative; z-index:2; font-size: 14px;letter-spacing: 0.03em;color: #808080; margin:0px auto; cursor:pointer;} .zhaomuform li i{ font-style:normal; display:block; margin-bottom:10px; font-size:12px;} .zhaomuform li p{ font-size:12px; line-height:20px; margin-top:10px;} .zhaomuform .tijiaobtn{ margin-top:40px;} .zhaomuform .tijiaobtn input{ display:block; cursor:pointer; float:none; background:#3196f1; color:#fff; width:150px; margin:0 auto; line-height:40px; border-radius:20px; border: none;}