@charset "utf-8"; /* CSS Document */ *::selection{background:#e70014; color:#fff; text-shadow:none;} *{margin:0;padding:0;} body{font-size:16px; color:#000; background:#fff; min-width:1260px;_width:1260px;} body a{text-decoration:none; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;} a:link,a:visited{color:#000;} a:hover{color:#e70014;} /*鍘绘帀鍥惧舰鐑偣鐨勭偣鍑绘椂鍑虹幇鐨勮竟绾?/ a,area{blr:expression(this.onFocus=this.blur());} /*for IE*/ :focus{-moz-outline-style:none; outline:none;} /* for Firefox*/ img{border:0; max-width:100%;} ul,li{list-style-type:none;} .clear{clear:both; height:0;} table,table td{border-collapse:collapse;} /*video绂佹鏄剧ず涓嬭浇鎸夐挳*/ video::-internal-media-controls-download-button{display:none;} video::-webkit-media-controls-enclosure{overflow:hidden;} video::-webkit-media-controls-panel{width:calc(100% + 30px);} /* ie9浠ヤ笅璀﹀憡 */ .pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:url(../images/bg.png) repeat;} .pageTips .container{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;} .pageTips .container a.close{display:none; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(close.png) no-repeat center center;} .pageTips .container .img{text-align:center;} .pageTips .container .msg{font-size:18px; line-height:36px; padding-top:30px;} .pageTips .container a{color:#fff; text-decoration:underline;} .w1260{width:1260px; margin:0 auto;} /* 澶撮儴 */ .head{min-width:1260px; width:100%; height:60px; background:#fff; -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2); box-shadow:0 3px 5px rgba(0,0,0,0.2); position:fixed; left:0; top:0; z-index:100;} .head .logo{width:1260px; height:60px; background-repeat:no-repeat; background-position:left center; margin:0 auto;} /* 鑿滃崟 */ .menuWrap{height:60px; float:right;} #menu{float:left; height:60px;} #menu li{position:relative; text-align:center;} #menu>li{float:left; width:120px;} #menu>li>a{display:block; height:60px; line-height:60px; font-size:16px; white-space:nowrap; position:relative;} #menu>li>a:link, #menu>li>a:visited{color:#000;} #menu>li>a:hover, #menu>li>a.current:hover, #menu>li>a.current{color:#e70014;} /*杩欐槸绗簩绾ц彍鍗?/ #menu ul{display:none; width:100%; background-color:#e70014; position:absolute; z-index:999; left:0;} #menu ul li{margin-left:0; width:100%;} #menu ul li a:link, #menu ul li a:visited{display:block; padding:10px 8px; color:#fff; line-height:24px; font-size:15px;} #menu ul li a:hover, #menu ul li a.current{background-color:#f90; color:#fff;} /**鑻ュ瓙绾ц彍鍗曞惈鏈夊瓙绾ф椂锛屽湪a鏍囩澧炲姞鏍囩浣滀负绠ご锛岀敱js瀹炵幇鍔ㄦ€佸鍔狅紝绠ご澶у皬璋冭妭i鐨勮竟妗嗗搴?/ #menu ul i{display:block; position:absolute; *top:10px; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #fff solid; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;} /*杩欐槸绗笁绾ц彍鍗 鍙婁互鍚?/ #menu ul ul{top:0; left:100%; width:100%; border-left:2px solid #f90;} #menu ul ul li a:link, #menu ul ul li a:visited{font-size:14px;} .language{height:30px; float:left; margin:15px 0 15px 24px;} .language a{font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; display:block; height:28px; line-height:28px; border:#ccc 1px solid; -webkit-border-radius:30px; border-radius:30px; padding:0 12px;} .language span{display:inline-block; zoom:1; vertical-align:top; height:28px; padding-right:25px; background:url(../images/iLanguage.png) no-repeat right center;} /* 杞挱鍥 */ .banner{width:100%; margin-top:60px !important; position:relative; z-index:0;} .banner .swiper-slide{position:relative; text-align:center; float:left;} .banner .swiper-slide img{width:100%; display:block;} .banner .swiper-pagination-bullets{bottom:30px !important; height:10px;} .banner .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; border-radius:6px; background:#fff; opacity:0.8; vertical-align:top; margin:0 5px !important;} .banner .swiper-pagination-bullet-active{width:50px; opacity:1; background:#e70014;} :root{--swiper-theme-color:rgba(255,255,255,0.96);} .indH{text-align:center;} .indH p.tit1{height:28px; line-height:28px; font-size:24px; font-weight:bold;} .indH p.tit2{display:block; height:25px; line-height:25px; font-size:18px; padding-bottom:39px; position:relative;} .indH p.tit2:after{display:block; content:""; width:50px; height:4px; background:#e70014; position:absolute; left:50%; bottom:20px; margin-left:-25px;} .indH p.tit3{height:25px; line-height:25px; font-size:18px; width:90%; margin:0 auto;} .about{background:##f7f7f7; padding:60px 0;} .aboutTxt{line-height:36px; padding:40px 0;} .aboutNum{height:52px; text-align:center;} .aboutNum ul li{width:25%; height:52px; color:#262626; text-align:center; float:left;} .aboutNum ul li h3{height:35px; line-height:35px; font-size:14px; font-weight:normal;} .aboutNum ul li h3 span{font-size:30px; padding-right:5px; color:#e6212a;} .aboutNum ul li p{height:17px; line-height:17px; font-size:12px;} .more{height:40px; padding-top:40px;} .more a:link, .more a:visited{display:block; width:138px; height:38px; line-height:38px; border:#c0c0c0 1px solid; -webkit-border-radius:40px; border-radius:40px; text-align:center; margin:0 auto; color:#666; font-size:14px;} .more a:hover{border-color:#e70014; color:#e70014;} .solution{width:100%; height:530px; background:#e6222b; position:relative;} .solution .solutionImg{height:100%; background-repeat:no-repeat; background-position:top right; background-size:auto 100%; transition:0.3s;} .solution .solutionBg{width:100%; height:100%; background:url(../images/bg2.png) repeat-y center top; background-size:100% auto; position:absolute; top:0; left:0;} .solution .solutionCon{text-align:center; color:#fff; width:1260px; position:absolute; top:0; left:50%; transform:translateX(-50%); padding-top:40px;} .solution .solutionCon .indH{color:#fff;} .solution .solutionCon .indH p.tit2:after{background:#fff;} .solutionTab{display:flex;} .solutionTabList{width:80px;} .solutionTabList .solutionItem{padding:10px 0; height:24px; line-height:24px; font-size:16px;} .solutionTabList .solutionItem a{display:block; height:24px; line-height:24px; color:#fff;} .solutionTabList .solutionItem.active{font-size:18px;} .solutionTab .solutionLine{width:1px; background:rgba(255,255,255,0.4); margin:10px 0 0 16px; position:relative;} .solutionTab .solutionLine .solutionLineActive{position:absolute; width:3px; height:14px; background:#fff; left:-1px; top:6px; transition:0.3s;} .solutionTab .solutionTabCon{flex:1; margin-left:53px;} .solutionTab .solutionList{display:none; width:324px;} .solutionTab .solutionTabCon .solutionTitle{font-size:24px; text-align:left; margin-top:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;} .solutionTab .solutionTabCon .solutionText{font-size:14px; line-height:26px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10; overflow:hidden; text-align:justify;} .news{padding:40px 0; background:#f7f7f7;} .newsCon{height:408px; padding-top:20px;} .newsL{width:600px; height:408px; float:left;} .newsL .pic{width:600px; height:280px; overflow:hidden;} .newsL .pic p{height:280px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .newsL .txt{height:102px; padding-top:20px; overflow:hidden;} .newsL .txt span{display:block; width:58px; height:32px; padding:13px 0; margin-right:20px; background:#626262; color:#fff; line-height:16px; font-size:12px; text-align:center; -webkit-border-radius:8px; border-radius:8px; float:left;} .newsL .txt h3{height:22px; line-height:22px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:normal;} .newsL .txt p{height:72px; line-height:24px; padding-top:8px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-justify:inter-ideograph; text-align:justify; font-size:14px; color:#999;} .newsR{margin-left:660px; height:408px;} .news li{height:95px; border-bottom:#999 1px dashed; padding-bottom:24px; margin-bottom:24px;} .news li:last-of-type{margin-bottom:0;} .news li .pic{width:95px; height:95px; margin-right:20px; float:left; overflow:hidden;} .news li .pic p{height:95px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-border-radius:5px; border-radius:5px;} .news li .txt{height:95px;} .news li a .txt h3{font-size:16px; height:32px; line-height:32px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .news li a .txt h3 span{float:right; padding-left:20px; color:#999;} .news li a .txt p{height:48px; line-height:24px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-justify:inter-ideograph; text-align:justify; font-size:14px; color:#999;} .partner{padding:40px 0;} .partnerTab{width:1260px; margin:20px auto 0;} .partnerTab .hd{text-align:center; height:40px; font-size:0;} .partnerTab .hd p{display:inline-block; zoom:1; vertical-align:top; padding:0 30px; margin:0 10px; height:38px; line-height:38px; border:#c0c0c0 1px solid; -webkit-border-radius:40px; border-radius:40px; text-align:center; color:#666; font-size:18px; cursor:pointer;} .partnerTab .hd p.on{border-color:#e70014; color:#fff; background:#e70014;} .partnerTab .bd{padding-top:30px;} .partnerTab .bd .partnerList p{border-bottom:#e5e5e5 1px solid; border-top:#e5e5e5 1px solid; line-height:40px; text-align:center; font-size:0;} .partnerTab .bd .partnerList p span{padding:0 10px; font-size:14px; display:inline-block; zoom:1; vertical-align:top;} .partnerTab .bd .partnerList ul{font-size:0; padding-top:10px; text-align:center; margin:0 -10.5px;} .partnerTab .bd .partnerList ul li{width:150px; height:90px; line-height:90px; text-align:center; margin:21px 10.5px 0; padding:5px; border:#ccc 1px solid; background:#fff; display:inline-block; zoom:1; vertical-align:top;} .partnerTab .bd .partnerList ul li:nth-of-type(7n){margin-right:0;} .partnerTab .bd .partnerList ul li img{max-width:150px; max-height:90px; vertical-align:middle; display:inline-block; zoom:1;} .foot{background:#e70014; color:#f8cbcd; font-size:14px;} .foot a:link, .foot a:visited{color:#f8cbcd;} .foot a:hover{color:#fff;} .link{padding:22px 0 17px; border-bottom:#f8cbcd 1px solid;} .link .w1260{padding-left:56px; height:36px; line-height:36px; width:1204px; background:url(../images/link.png) no-repeat left center;} .link i{padding:0 25px;} .link span{float:right;} .link span em{font-style:normal; font-size:30px;} .contact{padding:28px 0 24px;} .contact .ewm{float:right; height:120px; text-align:right;} .contact .ewm img{float:right; width:120px; height:120px;} .contact .ewm p{height:48px; line-height:24px; padding:38px 14px 0 0; white-space:nowrap; float:left;} .contact ul{height:128px; margin-right:260px;} .contact ul li{height:32px; line-height:32px; padding-left:28px; background-repeat:no-repeat; background-position:left center;} .contact ul li.i1{background-image:url(../images/flx1.png);} .contact ul li.i2{background-image:url(../images/flx2.png);} .contact ul li.i3{background-image:url(../images/flx3.png);} .contact ul li.i4{background-image:url(../images/flx4.png);} .copy{height:30px; line-height:30px; padding:15px 0; background:#bc0010; color:#fff;} .copy a:link, .copy a:visited{color:#fff;} .copy a:hover{text-decoration:underline;} .copy span{float:right;} .nyBanner{height:320px; background-repeat:no-repeat; background-position:center center; text-align:center; color:#fff; margin-top:60px;} @media screen and (min-width:1920px){ .nyBanner{background-size:cover;} } .nyBanner h2{height:36px; line-height:36px; padding:94px 0 49px; font-size:24px; font-weight:normal; background:url(../images/iDown.png) no-repeat center bottom; letter-spacing:5px; text-indent:5px;} .nyBanner p{height:25px; line-height:25px; font-size:18px; padding-top:21px; letter-spacing:10px; text-indent:10px;} .nyMenu{background:#f5f5f5; border-bottom:#cacaca 1px solid;} .nyMenu ul{width:1260px; margin:0 auto; border-left:#cacaca 1px solid; display:flex;} .nyMenu ul:after{content:""; display:block; clear:both;} .nyMenu ul li{flex:1; height:50px; line-height:50px; text-align:center; font-size:16px; border-right:#cacaca 1px solid;} .nyMenu ul li a{display:block; height:50px;} .nyMenu ul li a.on{border-bottom:#e70014 1px solid; position:relative; bottom:0; color:#e70014;} .ny{width:1260px; margin:20px auto 30px;} .nyTitle{text-align:center; height:33px; line-height:33px; padding:20px 0; position:relative;} .nyTitle h2{width:100%; height:30px; line-height:30px; font-size:22px; position:absolute; top:36px; letter-spacing:5px; text-indent:5px; font-weight:normal;} .nyTitle p{height:33px; font-size:28px; color:#dadada; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .nyTitle2{height:42px; line-height:42px; background:url(../images/contactLine.jpg) repeat-x left center; margin-top:50px; text-align:center;} .nyTitle2 span{display:inline-block; vertical-align:top; zoom:1; height:42px; line-height:42px; font-size:30px; padding:0 16px; background:#fff;} .contactTab{height:50px; padding-top:60px; text-align:center; font-size:0;} .contactTab span{display:inline-block; vertical-align:top; zoom:1; width:298px; height:48px; line-height:48px; border:#999 1px solid; margin:0 30px; font-size:16px; cursor:pointer; color:#999; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;} .contactTab span.active{background:#F9BC00; color:#fff; border-color:#F9BC00;} .contact1{padding:50px 0 60px;} .contact1 .pic{width:810px; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; float:left;} .contact1 .txt{min-height:350px; margin-left:870px; line-height:36px; font-size:16px;} .contactCon{padding:20px 0 60px; display:none;} .contactCon:first-of-type{display:block;}{display:block;} .contactCon .articleCon{padding:30px 0 0;} .contact2 ul{margin-left:-30px;} .contact2 ul:after{display:block; content:""; clear:both;} .contact2 ul li{width:398px; border:#e4e4e4 1px solid; margin:30px 0 0 30px; float:left;} .contact2 ul li .pic{height:240px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .contact2 ul li .txtBox{margin:28px; overflow-y:auto; height:160px;} .contact2 ul li .txtBox::-webkit-scrollbar{width:6px; height:6px;} .contact2 ul li .txtBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1); box-shadow:inset 0 0 6px rgba(0,0,0,0.1); -webkit-border-radius:3px; border-radius:3px; background-color:#fbfbfb;} .contact2 ul li .txtBox::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1); box-shadow:inset 0 0 6px rgba(0,0,0,0.1); -webkit-border-radius:3px; border-radius:3px; background-color:#ddd;} .contact2 ul li .txtBox .tit{line-height:30px; padding-bottom:10px; color:#e70014; font-size:16px;} .contact2 ul li .txtBox .txt{line-height:30px; font-size:14px;} .list01{} .list01 li{height:95px; border-bottom:#999 1px dashed; padding:20px 0;} .list01 li .pic{width:95px; height:95px; margin-right:20px; float:left; overflow:hidden;} .list01 li .pic p{height:95px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-border-radius:5px; border-radius:5px;} .list01 li .txt{height:95px;} .list01 li a .txt h3{font-size:16px; height:22px; line-height:22px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .list01 li a .txt h3 span{float:right; padding-left:20px; color:#999;} .list01 li a .txt p{height:48px; line-height:24px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-justify:inter-ideograph; text-align:justify; font-size:14px; color:#999;} .list02{} .list02 ul{margin-left:-24px;} .list02 ul:after{display:block; content:""; clear:both;} .list02 ul li{width:289px; padding:24px 0 0 24px; float:left;} .list02 ul li a{display:block; height:36px; padding:20px 30px; background:#fff; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);} .list02 ul li a h3{height:36px; line-height:36px; font-size:24px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .list02 ul li a p{height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#999; padding:2px 0;} .list02 ul li a:hover{-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.3); box-shadow:0 5px 10px rgba(0,0,0,0.3);} .picList01{} .picList01 ul{margin-left:-20px;} .picList01 ul:after{display:block; content:""; clear:both;} .picList01 ul li{width:236px; margin:20px 0 0 20px; text-align:center; float:left;} .picList01 ul li p{height:216px; padding:9px; border:#e5e5e5 1px solid;} .picList01 ul li p i{display:block; height:216px; background-repeat:no-repeat; background-position:center center; background-size:contain;} .picList01 ul li h3{height:30px; line-height:30px; font-size:16px; font-weight:normal; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .picList01 ul li p, .picList01 ul li p i{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} .picList01 ul li a:hover p{border-color:#e70014;} .picList01 ul li a:hover p i{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05);} .page{text-align:center; padding:30px 0 20px; font-size:0;} .page a, .page span{display:inline-block; zoom:1; vertical-align:top; font-size:14px; height:30px; line-height:30px; border:1px solid #e3e3e3; color:#333; padding:0 12px; margin:0 2px; -webkit-border-radius:2px; border-radius:2px;} .page a:hover{color:#e70014; border-color:#e70014;} .page a.on{color:#fff; background:#e70014; border-color:#e70014;} .article{} .articleTitle{padding:40px 0 20px; line-height:30px; font-size:20px; font-weight:600; text-align:center;} .articleInfo{width:90%; font-size:14px; height:30px; line-height:30px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;} .articleInfo label{padding-left:30px;} .articlePic{text-align:center; padding-top:20px;} .articleCon{line-height:36px; padding:20px 0 30px; font-size:16px; text-align:Justify; text-justify:inter-ideograph;} .article img, .articleCon img{max-width:1260px; height:auto !important; margin:0 auto;_width:expression(document.body.clientWidth > 1260 ? "1260px" : "auto"); vertical-align:top;} .articleCon table td{padding:5px; line-height:24px; border:#333 1px solid;} .history{margin-top:15px; position:relative;} .history .parHd{width:100%; height:60px; overflow:hidden; position:relative; z-index:1; margin:0 auto;} .history .parHd:after{display:block; width:calc(100% - 80px); height:0; border-bottom:2px dashed #ccc; content:""; position:absolute; left:40px; bottom:14px; z-index:-1px;} .history .parHd ul{width:100%; text-align:center; margin:0 auto;} .history .parHd .tempWrap{margin:0 auto;} .history .parHd .tempWrap:after{content:''; width:85%; height:1px; background:#580000; position:absolute; right:8%; top:35%; z-index:10;} .history .parHd li{display:inline-block; vertical-align:top; zoom:1; width:60px; cursor:pointer; height:48px; line-height:40px; text-align:center; font-size:16px; color:#666; margin:0 60px; position:relative; cursor:pointer;} .history .parHd li:after{display:block; content:''; width:10px; height:10px; border:#ccc 4px solid; -webkit-border-radius:50%; border-radius:50%; background:#fff; position:absolute; z-index:20; bottom:-6px; left:50%; margin-left:-9px;} .history .parHd li.on{color:#e6212a; font-size:20px;} .history .parHd li.on:after{border-color:#e6212a;} .history .parBd{margin-top:30px;} .history .parBd .slideBox{display:none;} .history .parBd .slideBox:first-of-type{display:block;} .history .parBd .title{line-height:24px; color:#444; font-size:16px; text-align:center;} .history .parBd .title span{font-size:18px; padding-right:10px;} .history .parBd .title span em{font-style:normal; color:#e6212a;} .history .parBd .con{line-height:36px; padding:10px 0; font-size:16px; text-align:Justify; text-justify:inter-ideograph;} div#listBox{width:100%;} .history .sPrev, .history .sNext{width:30px; height:30px; display:block; position:absolute; top:30px; background:#fff;} .history .sPrev{left:0; padding-right:10px;} .history .sNext{right:0; padding-left:10px;} .history .sPrev img, .history .sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95); -moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95); -webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95); -o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);} .info{padding-top:30px;} .info::after{display:block; content:""; clear:both;} .nyTitle3{height:42px; line-height:42px; font-size:24px; font-weight:bold;} .infoL{width:760px; border-right:#dcdcdc 1px solid; padding-right:30px; float:left;} .infoL .article img, .infoL .articleCon img{max-width:760px; _width:expression(document.body.clientWidth > 760 ? "760px" : "auto");} .infoR{margin-left:820px;} .clsjTime{height:86px; line-height:86px; padding-top:20px; background:url(../images/iAbout.jpg) no-repeat right bottom; font-size:20px;} .clsjTime span{color:#603912; font-size:64px; padding-right:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .jjsc{margin-top:45px; padding:40px 0; border-top:#e5e5e5 1px solid; text-align:center;} .jjsc h2{height:96px; line-height:96px; font-size:48px;} .jjsc p{line-height:90px; font-size:38px;} .jjsc p span{display:block; height:100px; line-height:100px; font-size:56px;} .countdown{height:118px; line-height:118px; font-size:75px; font-weight:bold;} .countdown span{padding-right:5px;}