/*通用*/ * { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-size:16px; line-height:2em; font-family:"Microsoft YaHei" } ul,ol,li { list-style:none; } a { margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; text-decoration:none } a:link { color:#333; text-decoration:none; } a:visited { color:#333; text-decoration:none } a:hover { color:#0C3C8E; text-decoration:underline } a:active { color:#0C3C8E; text-decoration:none } input,select { vertical-align:middle; } input,textarea { border:none; } body { background:#F6F6F6; } .clear { clear:both; } .pages { text-align:center; padding:2% 0; } .pages a { background:#0C3C8E; border-radius:10px; padding:1% 2%; color:#fff; font-size:14px; } .pages a:hover { background:#E1181E; color:#fff; } /*公用*/ .header { width:100%; margin:auto; background:#F2F2F4; height:100px; } .header .main { background-image:url(../images/logo.jpg); height:100px; } .header .logo { width:270px; float:left; height:100px; display:block; } .header .logo a { display:block; width:100%; height:100px; } .header .nav ul:after { display:block; clear:both; } .header .nav ul { width:900px; float:right; } .header .nav ul li { float:left; height:100px; line-height:100px; width:99px; border-right:1px solid #F5F5F5; text-align:center; } .header .nav ul li:hover,.header .nav ul li.hover { background:#0C3C8E; color:#FFFFFF; } .header .nav ul li:hover a,.header .nav ul li.hover a { color:#ffffff; } .header .nav ul li ol { position:absolute; z-index:5; width:99px; display:none; } .header .nav ul li ol li { background:rgba(255,255,255,0.8); width:100%; text-align:center; height:45px; line-height:45px; border-bottom:1px solid; } .header .nav ul li ol li a { display:block; color:#000000; line-height:45px; height:45px; } .header .nav ul li ol li a:link { color:#000000; } .header .nav ul li ol li a:hover { color:#fff; } .header .nav ul li ol li a:visited { color:#000000; } .header .nav ul li ol li:hover a { color:#FFF; } .header .language { float:right; line-height:90px; width:130px; } .header .language a { border:1px solid #999999; background-color:#efefef; width:50px; text-align:center; margin-left:5px; margin-right:5px; padding:5px; border-radius:5px; } .headerm { position:fixed; top:0; background:#fff; width:100%; z-index:999; height:50px; padding-top:10px; display:none; } .headerm .logo { width:130px; float:left; } .headerm .logo img { max-width:100%; } .headerm .menu { float:right; } .headerm .menu a { display:block; width:36px; height:36px; -webkit-transition:all .3s; transition:all .3s; } .headerm .menu .menuico { background:url(../images/navm1.png) no-repeat; float:left; margin-left:4px; border:1px solid #ccc; } .headerm .menu .menuico:hover { background:url(../images/navm2.png) no-repeat; } .mapMask { position:fixed; top:0; width:100%; height:100%; background:#000; z-index:110; opacity:0.8; filter:alpha(opacity=70); _height:1110px; display:none; } .navm { width:100%; background:#fff; position:fixed; top:60px; right:-100%; height:100%; z-index:9999999999999; -webkit-transition:all .4s; transition:all .4s; opacity:1; } .navm_close { display:block; width:20px; height:20px; float:right; margin:20px 20px 0 0; background:url(../images/close.png) no-repeat; } .navm_title { color:#f1dddd; line-height:20px; margin-bottom:22px; background:#ee2d31; height:60px; } .navm_title ul li { width:120px; height:60px; text-align:center; font-weight:bold; line-height:60px; font-size:14px; float:left; margin-right:3px; background:#d5282b; cursor:pointer; } .navm_title ul li:hover { background:#b70f14; } .navm_title ul li a { color:#fff; font-size:16px; } .navm_title ul .curr { background:#b70f14; } .navm_dl { margin-bottom:0px; width:420px; padding-left:30px; overflow:hidden; } .navm_dl a { color:#787f9d; -webkit-transition:all .3s; transition:all .3s; } .navm_dl dt a { font-size:16px; display:inline-block; color:#ee2d31; font-weight:bold; padding:3px; } .navm_dl dd { float:left; } .navm_dl dd a { display:block; font-size:14px; color:#9e948b; padding:3px; } .navm_dl dd a:hover { color:#ee2d31; } .navm_open .navm { right:0; opacity:1; visibility:visible; -webkit-transition:all .3s; transition:all .3s; } .navm_wx { padding-left:30px; margin-top:20px; } .navm_wx img { margin-right:10px; opacity:0.7; filter:alpha(opacity=70); } .navm_wx p { margin-top:6px; color:#999; } .ewmlist { float:left; width:240px; text-align:center; } .ewmlist img { width:150px; } .footer { background:rgb(12,60,142); } .footer .main { background-image:url(../images/footmap.png); background-position:center; background-position:center center; background-repeat:no-repeat; padding:50px 0 0 0; } .footer .fnav { width:100%; margin:auto; padding-top:20px; padding-bottom:20px; } .footer .fnav ul { width:100%; float:left; } .footer .fnav ul li { width:120px; float:left; color:#eaeaea; } .footer .fnav ul li a { color:#eaeaea; font-size:18px; font-weight:bold; } .footer .fnav ul li ol li { width:100%; } .footer .fnav ul li ol li a { font-size:16px; font-weight:normal; } .footer .fnav ul li:nth-child(7),.footer .fnav ul li:nth-child(8) { width:240px; position:relative; } .footer .fcontact div { position:relative; } .footer .fcontact div span { margin-left:30px; display:block; } .footer .fcontact img { width:20px; display:inline-block; padding-right:10px; padding-top:2px; margin-top:5px; position:absolute; } .footer .footinfo { background:rgb(8,42,99); color:#fff; text-align:center; padding:20px; } .footer .footinfo a { color:#9d9d9d; } /*首页*/ .bannerindex img { width:100%; } .bannerindex .mbanner { display:none; } .swiper-container { width:100%; height:100%; } .swiper-slide { text-align:center; font-size:18px; background:#fff; /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .banner { width:100%; overflow:hidden; position:relative; z-index:-10; } .banner .text { position:absolute; text-align:center; width:100%; top:38%; left:0; } .banner .text .desc { background-color:#fff; font-size:36px; font-weight:bold; color:#333; opacity:0.86; z-index:9999; transition:all 0.5s; width:max-content; margin:auto; padding:10px; border-radius:15px; -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; } .banner .banner_text .banner_text_content { width:585px; height:200px; margin-left:calc(100%/2 - 555px); } .banner .banner_text .banner_text_content .imgleft { width:124px; float:left; position:relative; left:106%; top:20px; } .banner .banner_text .banner_text_content .banner_text_bg { height:177px; padding:20px; padding-left:62px; z-index:99; padding-bottom:20px; background:url(/template/default/index/images/banner_bg.png); } .banner .banner_text .banner_text_content .banner_text_bg p { position:relative; top:290%; } .banner .banner_text .banner_text_content .banner_text_bg p strong { font-size:14px; color:#434343; font-weight:normal; display:block; text-align:center; padding-top:20px; } .banner .banner_text .banner_text_content .banner_text_bg p b { font-size:19px; font-weight:normal; font-style:normal; color:#434343; display:block; padding-top:18px; text-align:center; } .banner .banner_text .banner_text_content .banner_text_bg p b span { font-weight:bold; color:#1c4587; } .banner .banner_text .banner_text_content .banner_text_bg i { font-size:0px; opacity:0; color:#3E480B; font-weight:bold; display:block; text-align:center; font-style:normal; } .banner .banner_text .banner_text_content .banner_text_bg i em { font-style:normal; font-weight:bold; color:#068915; } .banner a img { height:100%; width:100%; } .classtitle { font-size:36px; font-weight:bold; padding:25px 0; color:#333; } .classtitle:after { font-family:Verdana,Geneva,sans-serif; display:block; color:#eeeeee; padding:0px; margin:0px; font-size:24px; height:30px; line-height:30px; margin-top:-8px; } .main { max-width:1200px; width:100%; margin:auto; } .about { background:#F6F6F6; padding-bottom:50px; } .about .left { float:left; width:285px; position:relative; } .about .left .title { background:#E1181E; width:100%; font-size:36px; color:#fff; font-weight:bold; text-align:center; position:absolute; left:0; top:-120px; z-index:1; height:120px; } .about .left .img { overflow:hidden; } .about .left .img img { display:block; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .about .left .img img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } .about .right { float:right; width:895px; } .about .right .classtitle { padding:30px 50px 10px 50px; } .about .right .classtitle:after { content:"ABOUT RISUN"; color:#CCC } .about .right .desc { padding:0px 50px 10px 50px; } .about .right .icolist { padding:0 50px; } .about .right .icolist ul li { float:left; width:20%; text-align:center; } .about .right .icolist ul li a { background-color:#0C3C8E; color:#fff; width:100px; height:100px; display:block; margin:auto; line-height:1.2em; padding:10px; transition:all 0.5s; border-radius:100px; } .about .right .icolist ul li a img { width:50%; padding-top:10px; } .about .right .icolist ul li a:hover { background:#003860 } .product { background:#fff; padding:50px 0; } .product .classtitle:after { content:"PRODUCT AND TECH"; } .product .list ul li { float:left; position:relative; width:285px; margin-left:20px; } .product .list ul li:nth-child(1) { margin-left:0; } .product .list ul li .img { overflow:hidden; } .product .list ul li .img img { display:block; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .product .list ul li .img img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } .product .list ul li .text { position:absolute; bottom:0; width:100%; height:70px; line-height:70px; opacity:0.86; transition:all 0.5s; overflow:hidden; } .product .list ul li .text .subtitle { text-align:center; color:#fff; font-size:20px; font-weight:bold; line-height:70px; } .product .list ul li .text .desc { display:none; padding:0px 16px; color:#fff; } .product .list ul li .img:hover .text { height:100%; } .product .list ul li .img:hover .desc { display:block; } .product .list ul li .text1 { background-color:rgb(2,96,247); } .product .list ul li .text1 .desc { font-size:14px; line-height:1.4rem; } .product .list ul li .text2 { background-color:rgb(80,199,28); } .product .list ul li .text3 { background-color:rgb(246,128,5); } .product .list ul li .text4 { background-color:rgb(19,181,177); } .news { background:#F6F6F6; padding:50px 0; } .news .classtitle:after { content:"NEWS CENTER"; color:#CCC } .news .tab { text-align:center; display:block; height:50px; line-height:50px; padding:20px 0; } .news .tab a { text-align:center; padding:10px 20px; background:#B0C4DE; margin:0 20px; color:#000; font-weight:bold; transition:all 0.5s; cursor:pointer; } .news .tab a.hover { background:#E1181E; color:#fff; } .news .tab a:hover { background:#E1181E; color:#fff; } .news .left { float:left; width:530px; position:relative; } .news .left .img { overflow:hidden; } .news .left .img img { display:block; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; width:100%; } .news .left .img img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } .news .left .text { position:absolute; width:100%; bottom:0; background:rgba(0,0,0,0.5); color:#fff; padding:10px 0; } .news .left .title { height:30px; line-height:30px; font-size:18px; font-weight:bold; padding:0 10px; } .news .left .desc { padding:0 10px; line-height:1.5em; } .news .right { float:right; width:650px; } .news .right ul li { width:100%; margin-bottom:10px; background:#fff; } .news .right ul li .date { float:left; text-align:center; width:80px; height:90px; background:#0168B3; color:#fff; font-family:Arial,Helvetica,sans-serif; line-height:0.2em; } .news .right ul li .date span { font-size:36px; font-weight:bold; } .news .right ul li .text { float:right; width:550px; padding:3px 10px 3px 0; } .news .right ul li .text .title { font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .news .right ul li .text .desc { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:14px; line-height:1.5em; color:#999; } .news .newsmore { margin:auto; background:#E1181E; border-radius:5px; color:#fff; width:100px; text-align:center; padding:3px; margin-top:15px; } .news .newsmore a { color:#FFF } .viewmore { margin:auto; background:#E1181E; border-radius:5px; color:#fff; width:100px; text-align:center; padding:3px; margin-top:15px; } .viewmore a { color:#FFF } .advantages { background-image:url(../images/case.jpg); background-repeat:no-repeat; padding:50px 0; } .advantages .main { padding-bottom:50px; } .advantages .classtitle { color:#fff; } .advantages .classtitle:after { content:"Industry advantages"; text-transform:Uppercase; color:#CCC; } .advantages .left { float:left; width:400px; } .advantages .left li { width:400px; background-position:30px center; background-repeat:no-repeat; margin:20px 0; } .advantages .left .li1 { background-image:url(../images/li1.png); } .advantages .left .li2 { background-image:url(../images/li2.png); } .advantages .left .li3 { background-image:url(../images/li3.png); } .advantages .left li a { padding-left:90px; color:#fff; font-size:24px; font-weight:bold; display:block; height:80px; line-height:80px; display:block; cursor:pointer; background:rgba(0,0,0,0.2); text-decoration:none; transition:all 0.5s; } .advantages .left li a.hover { background:rgba(0,0,0,0.7); } .advantages .right { float:right; width:600px; background:rgba(0,0,0,0.5); margin-top:20px; padding:20px; color:#FFF; font-size:14px; height:240px; } .links { padding:50px 0; background:#fff; } .links .classtitle:after { content:"QUICK LINKS"; } .links .list ul li { float:left; width:285px; margin-left:20px; position:relative; overflow:hidden; } .links .list ul li:nth-child(1) { margin-left:0; } .links .list ul li img { display:block; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .links .list ul li img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } .links .list ul li .title { position:absolute; bottom:0; text-align:center; color:#fff; background:rgba(0,0,0,0.5); width:100%; padding:10px 0; } .links .list ul li .title a { color:#fff; font-weight:bold; } /*内页*/ .banner img { display:block; } .position { margin-top:10px; height:42px; line-height:42px; } .position .main { padding:5px 10px; } .position .img { float:left; width:40px; text-align:center; } .position .img img { width:20px; padding-top:5px; } .position .text a { padding:0 5px; } .page { margin:10px auto } .page .left { width:260px; float:left; display:inline-block; } .page .left .box { border:4px solid #0C3C8E; border-radius:10px; background:#E6F0F6; } .page .left .title { background:#0C3C8E; font-size:24px; text-align:center; padding:20px 0; color:#fff; font-weight:bold; } .page .left .title span { display:block; text-align:center; font-size:16px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; text-transform:Uppercase; } .page .left ul li { text-align:center; padding:5px; } .page .left ul li a { font-size:18px; padding:10px 0; display:block; border-bottom:1px solid #FFF; } .page .left ul li a:hover,.page .left ul li a.hover { background:#E1181E; color:#fff; border-radius:5px; } .page .left .mpro { display:none; } .page .left ul.pro li a { border-radius:5px 5px 0 0; } .page .left ul.pro li ul { margin-top:-3px } .page .left ul.pro li ul li { border:3px solid #E1181E; border-top:0; border-bottom:0 } .page .left ul.pro li ul li:nth-last-child(1) { border-bottom:3px solid #E1181E; } .page .left ul li ul li a { font-size:14px; padding:10px 0px; color:#333; } .page .left ul li ul li a:hover,.page .left ul li ul li a.hover { font-weight:bold; background:inherit; color:red } .page .right { width:920px; float:left; display:inline-block; margin-left:20px; } .page .right .category { padding:5px 0; border-bottom:1px solid #D9D9D9; } .page .right .category div { font-size:22px; font-weight:bold; height:22px; line-height:22px; margin:8px 0 } .page .right .category div i { background:#0C3C8E; width:4px; height:22px; line-height:22px; float:left; margin-right:8px; } .page .right .detail ul { margin-top:10px; } .page .right .detail ul.newslist li { border-bottom:1px solid #D9D9D9; background:#ffffff; margin-bottom:10px; padding:10px; border-radius:15px; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .page .right .detail ul.newslist li:hover { -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .page .right .detail ul.newslist li .data { float:left; width:120px; height:120px; background:#F5F5F5; text-align:center; font-family:Verdana,Geneva,sans-serif; } .page .right .detail ul.newslist li .data .d1 { font-size:22px; margin-top:18px; font-weight:bold; } .page .right .detail ul.newslist li .data .d2 { display:block; } .page .right .detail ul.newslist li .text { float:left; width:calc(100% - 140px); margin-left:20px; } .page .right .detail ul.newslist li .text .title { font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .page .right .detail ul.newslist li .text .desc { line-height:1.5em; color:#999; } .page .right .detail ul.newslist li .text .detail { margin-top:10px; overflow:hidden; } .page .right .detail ul.newslist li .text .detail a { float:right; background:#0C3C8E; border-radius:10px; padding:0 2%; color:#fff; } .page .right .detail ul.newslist li .text .detail a:hover { background:#E1181E; color:#fff; } .page .right .detail ul.productlist li { float:left; position:relative; width:calc(33.333% - 14px); background:#fff; margin-right:20px; margin-bottom:20px; text-align:center; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .page .right .detail ul.productlist li:hover { -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .page .right .detail ul.productlist li:nth-child(3n) { margin-right:0; } .page .right .detail ul.productlist li .img { position:relative; overflow:hidden; border:3px solid #0C3C8E; border-radius:8px 8px 0 0; } .page .right .detail ul.productlist li .img img { width:90%; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .page .right .detail ul.productlist li .img img:hover { -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } .page .right .detail ul.productlist li .title { width:100%; height:35px; line-height:35px; opacity:0.86; transition:all 0.5s; overflow:hidden; background-color:#0C3C8E; } .page .right .detail ul.productlist li .title a { color:#ffffff; } .detail .content { background:#fff; padding:10px; min-height:500px; } .detail .content .view_title h3 { text-align:center; font-size:24px; margin:20px; } .detail .content .view_title p { text-align:center; background:#efefef; } .detail .content .view_title p span { margin:0 10px; } .detail .content .view_content { padding:10px; } sup, sub { font-size:revert; vertical-align:revert; } .detail .content .view_content p { position:relative; overflow:hidden; } .detail .content .view_content .list-paddingleft-2,.detail .content .view_content .list-paddingleft-2 li { margin:auto; padding:inherit; list-style:inherit; } .detail .content .view_content img { max-width:100% } .detail .content .view_content_transition img { max-width:100%; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .detail .content .view_content_transition img:hover { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } /**/ .table_list { background:#efefef; } .table_list td { padding:2px; background:#fff; white-space:nowrap; } .table_list tr td:nth-child(4n) { white-space:inherit; } .table_analy { background:#efefef; } .table_analy td { padding:2px; background:#ffffff; } .newbox tr:hover { background-color:#FAFAFA; } .newbox tr td { padding:5px; margin:5px; border-bottom:3px dotted #CCC; } .newbox tr td:nth-child(1) { border-left:15px solid #0C3C8E; } .ul_list li { float:left; width:44%; text-align:center; padding:1% 3%; overflow:hidden; } .ul_list li p { position:relative; overflow:hidden; } .ul_list li img { width:100%; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; } .ul_list li:hover img { -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); } .banner .job { top:18%; } .job .main { width:100%; background-color:auto; } .job .main ul li { width:16%; float:left; text-align:center; background-color:rgb(12,60,142); opacity:0.56; z-index:9999; transition:all 0.5s; margin:1%; padding:1%; border-radius:15px; -moz-box-shadow:4px 4px 10px #cccccc; -webkit-box-shadow:4px 4px 10px #cccccc; box-shadow:4px 4px 10px #cccccc; color:#fff; display:block; } .job .main ul li:hover { opacity:0.86; } .job .main ul li .jtitle { font-weight:bold; font-size:1.4em; } .job .main ul li img { width:100%; max-width:80px; height:auto; margin:auto } @media (max-width:992px) { .position .img { width:20px; text-align:left } .position .a { padding:0 } .ul_list li { width:100%; } .banner .job { top:25%; } .job .main ul li img { width:40px; } .job .main ul li .jtitle { font-weight:bold; font-size:16px; } .job .main ul li .jdesc { display:none; } body { padding-top:60px; } .headerm { display:block; } .classtitle { padding:10px 0; font-size:30px; font-weight:bold; } .classtitle:after { font-size:22px; } .main { width:96%; margin:auto; } .header { display:none; } .about .left { display:none; } .about .right { width:100%; float:inherit; } .about .right .classtitle { padding:20px 0; } .about .right .desc { padding:0; } .about .right .icolist { padding:30px 10px; } .about .right .icolist ul li { width:50%; margin-bottom:3%; } .about .right .icolist ul li:nth-child(5) { display:none; } .product,.news,.advantages,.links { padding:20px 0; } .product .list ul li:nth-child(1) { margin:1% 1% } .product .list ul li { width:48%; margin:1% 1% } .product .list ul li img { width:100%; } .product .list ul li .img:hover .desc { display:-webkit-box; } .product .list ul li .text { height:50px; line-height:50px; width:100% } .product .list ul li .text .subtitle { line-height:50px; } .product .list ul li .text .desc { padding:0; margin:10px; max-height:inherit; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden; } .advantages .tabcon span { display:none } .news .tab a { padding:10px; margin:0 10px; } .news .left { width:100%; } .news .left .img img { width:100%; } .news .right { width:100%; margin-top:14px; } .news .right ul li .text { width:calc(100% - 100px); } .advantages .left { width:90%; margin:auto; float:inherit; } .advantages .left li { width:100%; float:left; margin:0.3% 0; } .advantages .left li a { font-size:20px; height:60px; line-height:60px; } .advantages .right { width:84%; float:inherit; clear:both; margin:auto; padding:3%; min-height:200px; } .links .list ul li:nth-child(1) { margin:1% 1% } .links .list ul li { width:48%; margin:1% 1% } .links .list ul li img { width:100%; } .footer .main { padding:0; } .footer .fnav ul li { display:none; } .footer .fnav ul li:nth-child(7) { display:block; width:100%; } .bannerindex .pcbanner { display:none; } .bannerindex .mbanner { display:block; } .banner img { height:200px; } .banner .text div { font-size:22px; } .banner .text .desc { font-size:18px; width:80%; border-radius:0; opacity:0.7; box-shadow:0; } .page .left { width:100%; } .page .left116,.page .left119 { display:none; } .page .left .box { border:0; border-radis:0 } .page .left .title { padding:10px 0; font-size:18px; display:none; } .page .left .title span { display:none; } .page .left ul li { float:left; width:50%; padding:0; } .page .left ul li a { padding:0; background:#B0C4DE; border-radius:5px; width:95%; margin:auto; margin:5px; } .page .left28 ul li { width:33.33% } .page .left ul.pro li a { margin-bottom:0; border-bottom:0; } .page .left ul.pro li ul { display:none; } .page .left .mpro { display:block; border:3px solid #E1181E; border-radius:5px; } .page .left .mpro ul li { width:auto; } .page .left .mpro ul li a { width:auto; padding:5px; font-size:12px; } .page .right { width:100%; margin-left:auto; } .page .right .detail ul.newslist li .data { display:none; } .page .right .detail ul.newslist li .text { margin:auto; width:100%; } .page .right .detail ul.productlist li { width:calc(50% - 10px); } .page .right .detail ul.productlist li:nth-child(3n) { margin-right:20px; } .page .right .detail ul.productlist li:nth-child(2n) { margin-right:0; } }