@charset "utf-8"; /* CSS Document */ /*CSS reset*/ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} .fl{ float:left} .fr{ float:right} .clear{ clear:both} a{ text-decoration:none; color:#555;} a:hover{ color:#046eb8; } body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:15px!important;color:#555;} .pc_menu{ display:block} .wap_menu{ display:none} .pc_banner{ display:block} .wap_banner{ display:none} .pc_foot{ display:block} .wap_foot{ display:none} .gsmc{ padding-top:20px;} .alogo{ width:94%; margin:0 auto; height:115px;} .yuyan{width:90px; height:40px;text-align:center; color:#000; font-size:18px; margin-top:35px;float:right;} .yuyan a{ line-height:40px; color:#000; padding-left:10px; padding-right:10px;} .nav_bgc{padding-right:2%; padding-top:35px;} .nav{ margin:0 auto; width:100% } .nav li {float: left;display: inline-block;list-style: none;font-size: 18px; height:80px; text-align: center;position: relative; padding:0px 25px 0px 25px;} .nav li a {color:#000;display: block;text-align: center;position: relative;height: 40px;line-height: 40px;} .nav li.hover a, .nav li:hover a {color:#2076c9!important;} .nav li .subnav {border-top: 2px solid #2076c9;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%; width: 100%;z-index: 99999999;} .nav li .subnav { filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .nav li .subnav a {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;color: #fff!important;display: block;font-size: 15px;font-weight: 500; line-height: 40px;height: 40px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee; background:rgba(0,162,233,0.6);} .nav li .subnav a:hover {color: #2076c9!important;background: #f9f9f9;text-indent: 10px;} .nybnaner{height:200px; padding-top:200px;width:100%; text-align:center;} .nybnaner span{color:#FFF; font-size:40px; line-height:60px; font-weight:bold;} .nybnaner p{color:rgba(255,255,255,0.5); font-size:16px; font-weight:normal; text-transform:uppercase;} .nydh{ height:70px; width:100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);} a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:50px; color: #fff; background:#ff6600; display:block; width:15%; margin-left:10px; margin-right:10px; height:50px; text-align:center; border-radius:10px; background:#ff6600;} a.dh1:visited {font-style: normal; color: #fff; text-decoration: none;} a.dh1:hover { color:#ffffff; text-decoration: none; background:#212121; } a.dh1:active { color: #ffffff; background:#212121;} a.dh2 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:49.9%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh2:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh2:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh2:active { color: #ffffff; background:#1F63E9;} a.dh3 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:33.2%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh3:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh3:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh3:active { color: #ffffff; background:#1F63E9;} a.dh4 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:24.9%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh4:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh4:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh4:active { color: #ffffff; background:#1F63E9;} a.dh5 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:19.9%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh5:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh5:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh5:active { color: #ffffff; background:#1F63E9;} a.dh6 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:16.5%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh6:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh6:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh6:active { color: #ffffff; background:#1F63E9;} a.dh7 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:14.2%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh7:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh7:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh7:active { color: #ffffff; background:#1F63E9;} a.dh8 { font-family:"微软雅黑"; font-size: 16px; line-height:70px; color: #212121; display:block; width:12.3%; height:70px; text-align:center; border-right:1px solid #e2e2e2; font-weight:bold;} a.dh8:visited {font-style: normal; color: #212121; text-decoration: none;} a.dh8:hover { color:#fff; text-decoration: none; background:#00a2e9;} a.dh8:active { color: #ffffff; background:#1F63E9;} a.yf1 { font-family:"微软雅黑"; font-size: 14px; line-height:50px; color: #000; background:#E8E8E8; display:block; width:13%; height:50px; text-align:center; border-radius:10px;} a.yf1:visited {font-style: normal; color: #000; text-decoration: none;} a.yf1:hover { color:#ffffff; text-decoration: none; background:#ff6600; } a.yf1:active { color: #ffffff; background:#1F63E9;} .bti{padding-bottom:35px; text-align:center;} .btiwz{ text-align:center; line-height:48px; color:#ccc; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:26px;} .btiwz span{ text-align:center; color:#212121; font-family:'微软雅黑'; text-transform:uppercase; font-size:40px;} .btiwz1{ text-align:center; color:#333; font-family:'微软雅黑'; text-transform:uppercase; font-size:50px;} .nynr{ width:1260px; margin:auto; font-size:16px; line-height:34px; color:#414141; text-align:justify; padding-bottom:75px;} /*sousuo*/ .gsjj_con1_div1{background: #fff; box-sizing: border-box;font-size: 0;padding: 30px 50px; margin-bottom:30px;} .divBox{width:1260px;margin: 0 auto;} .gsjj_con1{background: url(../images/jj1_02.jpg) no-repeat center center ;background-size: cover;} .alzs .gsjj_con1_div1{background: #f1f1f1;} .alzs .gsjj_con1_div1_al {background: #f1f1f1;} .case .ej_nav_u1 li{width: 50%;} .alzs_div_sousuo{font-size: 0;/*margin-bottom: 35px;*/} .alzs_div_sousuo_span{display: inline-block;vertical-align: top;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: white; background: #ffd600;cursor: pointer;transition: 0.3s ease-in-out;} .alzs_div_sousuo_span img{margin-right: 10px;margin-top: -2px;} .alzs_div_sousuo_span:hover{background: #d8b607} .alzs_div_sousuo input[type=text]{display: inline-block;vertical-align: top;width: calc(100% - 214px);margin-right: 14px;border: none;box-sizing: border-box; height: 50px;background: white;padding-left:30px;font-size: 16px;} .alzs_div_tx{font-size: 0;margin-top: 20px;display: none;} .alzs_div_tx span{display: inline-block;vertical-align: top;width: 75px;font-size: 15px;color: #282828;font-weight: bold;} .alzs_div_tx_u1{display: inline-block;vertical-align: top;width: calc(100% - 75px);font-size: 0;} .alzs_div_tx_u1 li{display: inline-block;vertical-align: top;} .alzs_div_tx_u1 li a{padding: 0 25px;border-right: 1px solid #e2e2e2;line-height: 1;font-size: 16px;color: #777;} .alzs_div_tx_u1 li a:hover{color: #ffd600;} .alzs_div_tx_u1 li.active a{color: #ffd600;} /*sousuo e*/ .p_list{ width:1260px; margin:0px auto; line-height:40px;} .p_list h1{ color:#2d9e26; font-weight:normal; border-bottom:solid 1px #e9e9e9; padding-bottom:10px; font-size:24px;} .table{ padding:15px 0;} .table td{ text-align:left; padding:5px 30px;} .table tr:nth-child(odd){ background:#f5f3f0;} .table tr:nth-child(even){ background:#fff;} .p_detail{ width:1260px; margin:0px auto;line-height:35px; color:#737373;} .p_detail h4{ color:#FFFFFF; font-weight:normal; border-top:solid 3px #ff6600; background:#f9f9f9; margin-top:20px;} .p_detail h4 span{ background:#ff6600; width:150px; line-height:40px; display:block; text-align:center;} .p_detail h2{ font-weight:normal; color:#3c3c3c; text-align:center; line-height:50px; font-size:20px;margin-top:20px;} a.ank {color:#ffffff; margin:auto; background:#FF7702; width:90px; height:30px; line-height:30px; text-align:center; display:block; font-size:13px; border-radius:3px;} a.ank:hover{color:#ffffff; background:#ff6600; width:90px; height:30px; line-height:30px; text-align:center; display:block; text-decoration:none;} .pro{ width:100%; margin-bottom:20px;} .pro ul{ width:100%; float:left;} .pro ul li{ width:32%; float:left; margin:10px 0 ; border-top:4px solid #f1f1f1; margin-bottom:30px;} .pro ul li span img{ width:100%; border-radius:5px; height:259px;} .pro ul li:nth-child(3n-1){ margin:10px 2%;} .pro ul li p{ line-height:32px; color:#fff; text-align:center; float:left; width:100%; padding:10px 0; background:#333;} .pro ul li a:hover p{ background:#ff6600; color:#fff;} .cpsan{ height:50px; width:200px; border:none; background:#1d9ff5; font-size:18px; color:#fff;} .cpsan:hover{background:#ff6600; color:#fff;} .nycpsan01{ height:33px; width:95px; border:none; background:#e12615; font-size:14px; color:#fff; margin-top:3px;} .nycpsan01:hover{background:#ff6600; color:#fff;} .ny_news {width:100%; text-align:left; line-height:28px; padding-bottom:75px;} .new2{ width:100%; float:left; border-bottom:#e9e9e9 solid 1px; color:#666; padding-top:40px; padding-bottom:40px; } .n_l{ width:15%; float:left; margin-right:40px; border-top:#ff6600 solid 2px; text-align:center;} .n_l h1{ padding:40px 0; font-size:44px; font-weight:bold;} .n_r{ width:80%; float:left;} .n_r h2{ color:#ff6600; margin-bottom:10px; font-weight:normal; font-size:18px; font-weight:bold;} .n_r h2 a{ color:#3c3c3c;} .n_r h2 a:hover{ color:#ff6600;} .n_r h4{ width:120px; line-height:32px; border:#ff6600 solid 1px; background-color:#ff6600; color:#fff; text-align:center; margin-top:20px; font-weight:normal;} .n_r h4 a{ color:#fff;} .n_r h4 a:hover{ text-decoration:underline;} .m3{width:150px; line-height:30px; text-align:center; float:left; color:#FFFFFF; margin-top:30px;} .m3 a{width:150px; line-height:30px; float:left; background:#ff6600; color:#FFFFFF!important; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;} .m3 a:hover{ color:#FFFFFF!important; background:#ff6600; width:200px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;} .pro{ width:100%; margin-bottom:20px;} .pro ul{ width:100%; float:left;} .pro ul li{ width:32%; float:left; margin:10px 0 ; border-top:4px solid #f1f1f1; margin-bottom:30px; text-align:center;} .pro ul li span img{ width:300px; height:250px;} .pro ul li:nth-child(3n-1){ margin:10px 2%;} .pro ul li p{ line-height:32px; color:#fff; text-align:center; float:left; width:100%; padding:10px 0; background:#333;} .pro ul li a:hover p{ background:#148a00; color:#fff;} .hzk{width:23%; padding-top:10px; height:120px; text-align:center; background:#FFF; border-radius:10px; border:4px solid #eaeaea; font-size:14px; font-weight:bold; margin-bottom:40px;} .jyln{width: 1260px; margin:auto; background: #fff; margin-bottom:20px; } .jyln1{float: left; width: 540px; overflow:hidden;} .jyln2{float: right; width:600px; font-size: 20px; color:#333333; font-weight:bold;} .jyln3{font-size: 16px;color: #666666; line-height:32px; font-weight:normal; padding-top: 20px; text-align:justify;} .jyln4 a{width: 100px;height: 25px;line-height: 25px;text-align: center; font-size: 14px;display: block;border: 1px solid #BCBCBC;border-radius: 50px;color: #666;margin-top:20px; font-weight:normal;} .jyln4 a:hover{background: #414141; color:#FFF; } .wenhua{ width:1260px; height:auto; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between;} .whnr{width:50%; height:420px; background:#EEEEEE; overflow:hidden;} .whnr img{ width:100%; height:100%;object-fit: cover;} .whbt{font-size:30px; font-weight:bold; color:#333; text-align:center; background:url(../images/xxx.jpg) bottom center no-repeat; margin-top:50px; padding-bottom:20px;} .whsm{padding:20px 60px 50px 60px; font-size:16px; line-height:36px; color:#414141; text-align:justify;} .sjgck{ width:100%; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .gck{ width:360px; height:auto; margin-bottom:40px; overflow:hidden;} .gckimg img{ width:360px; height:232px; overflow:hidden; border-radius:30px;} .gckbt1{ text-align:center; display:block; height:40px;line-height:40px; font-size:16px; margin-top:15px; color:#414141;} .gckimg01 img{ width:360px; height:232px; } .gckimg01 a:hover img{ width:370px; height:242px;margin-left:-10px; margin-top:-6px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .jssm{ width:750px; margin:auto; height:442px; padding-top:45px; padding-left:450px;} .jssm01{ width:670px; text-align:justify; padding-left:40px; padding-top:40px; padding-right:40px; background-color:rgba(0,0,0,0.6); height:354px; color:#FFF; font-size:16px; line-height:32px;} .jssm02{ font-size:64px; line-height:44px; padding-bottom:20px; color:#fff; font-weight:bold;} .jssm02 span{font-size:18px; font-weight:normal; color:#FFFFFF; font-family:'微软雅黑';} .yuangong{width:40%; line-height:46px; padding:3%; font-size:14px; margin-bottom:30px; color:#333; background:#E9E9E9; border:1px solid #DBDADA; text-align:center;} .nylx{width:48%; padding-top:20px;} .lxwmbt{ font-size:48px; color:#D6D6D6; text-transform:uppercase; padding-bottom:15px; font-family:Arial;} .lxwmbt span{ text-align:center; font-size:48px; color:#89A5F7; text-transform:uppercase;padding-bottom:20px; font-family:Arial;} .lxwmbt p{ display:block; font-size:35px; color:#303030; font-weight:normal; font-family:'微软雅黑';} .yuangong{width:48%; line-height:28px; padding:2%; font-size:14px!important; margin-bottom:50px; color:#333; background:#fff; border:8px solid #E9E9E9; text-align:center; overflow:hidden;} .yuangong a{color:#de0218; font-weight:bold;} .yuangong span{color:#333;} .yuangong img{width:100%!important; height:350px; object-fit: cover; margin-bottom:2%;} .yuangong:hover img{width:110%!important; height:375px; margin-top:-25px; margin-left:-25px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .yuangong01{width:42%; line-height:26px; padding:3%; font-size:14px!important; margin-bottom:50px; color:#333; background:#E9E9E9; border:1px solid #DBDADA; text-align:center;} .yuangong01 img{ width:100%!important; margin-bottom:20px; height:350px;} .yuangong02{width:30%; line-height:28px; padding:2%; font-size:14px!important; margin-bottom:50px; color:#333; background:#fff; border:8px solid #E9E9E9; text-align:center; overflow:hidden; float:left; margin-left:20px; margin-right:20px;} .yuangong02 a{color:#212121; font-weight:bold;} .yuangong02 img{width:100%!important; height:200px; object-fit: cover; margin-bottom:2%;} .yuangong02:hover img{width:120%!important; height:225px; margin-top:-25px; margin-left:-25px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .project{ height:240px; width:1200px; margin:auto; background:#F6F6F6; margin-bottom:40px;} .projectbtk{ padding-top:30px; padding-bottom:10px; padding-right:20px; width:720px; float:right; height:150px;} .projectbt a{ line-height:42px; color:#414141; font-weight:bold; font-size:18px;} .projectbt a:hover{ color:#FF3600;} .projectbt01 a{ line-height:52px; color:#7d7d7d; font-weight:bold; font-size:16px;} .projectbt01 a:hover{ color:#FF3600;} .projectnr{ line-height:24px; color:#7d7d7d; font-size:14px; padding-bottom:35px; padding-top:10px; text-align:justify; border-bottom:1px dotted #c6c1bd;} .projectimg{ width:426px; height:240px; float:left; background:#f5f5f5; overflow:hidden;} .projectimg img{ width:426px; height:240px; object-fit: cover;} .projectimg img:hover{ width:446px; height:250px; float:left; background:#f5f5f5; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .index_cp02{ width:1260px; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom:75px;} .index_cp02 dl{ width:30%; height:420px; margin-bottom:70px; overflow:hidden;} .index_cp02 dl dt{ height:246px; overflow:hidden; background:#F6F6F6;} .index_cp02 dl dt img{ height:246px; width:100%; object-fit: cover;} .index_cp02 dl dt:hover img{ height:266px; width:375px; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .index_cp02 dl dd{ width:100%; height:196px; padding:5% 10% 5% 10%; border-top:none; background:#F6F6F6;} .index_cp02 dl dd h2 a{ text-transform:uppercase; display:block; font-size:16px; line-height:30px; height:30px; color:#2c353c; font-weight:bold;} .index_cp02 dl dd h2 a:hover{ color:#F00;} .index_cp02 dl dd span{ margin:5px 0 13px; display:block; line-height:21px; font-size:12px; color:#616e77; line-height:21px; height:42px; overflow:hidden;} .index_cp03{ font-size:14px; color:#2c353c; width:120px; height:40px; border:1px solid #CCC; display:block; text-align:center; line-height:40px;} .index_cp03:hover{ color:#ffffff; text-decoration:underline; background:#F00;} .sygsjj{background:url(../images/abbj.png) center center no-repeat;background-size:cover;} .sygsjj01{width:50%; height:500px;} .sygsjj02{width:40%; margin-right:5%; padding-top:40px;} .sygsjj02s{width:40%; margin-right:5%;} .sygsjj02as{width:40%; margin-left:5%;} .sygsjj02a{width:40%; margin-left:5%; padding-top:40px;} .sygsjj03{color:#666; font-size:16px; line-height:28px; font-family: Tahoma, Geneva, sans-serif;} .sygsjj04{color:#003c2a; font-size:32px; line-height:34px;} .sygsjj05{color:#414141; font-size:18px; line-height:34px; width:100%; padding-top:40px; text-align:justify;} .sygsjj05 span{ font-size:22px; line-height:50px; color:#212121;} .sygsjj01a{width:50%; height:400px;} .sygsjj06{color:#414141; font-size:22px; line-height:44px; width:100%; text-align:justify; font-weight:400;} .aboutk{height: auto; width:100%; background-size:cover;} /*主要样式*/ .subNavBox{width:100%;} .subNav{ cursor:pointer;font-weight:bold;font-size:14px;color:#000;line-height:40px;padding-left:10px; background:#f0f0f0; margin-bottom:15px;} .subNav:hover{color:#1a5ab1;} .currentDd{color:#000;} .subNav table td{ padding-left:10px; padding-right:10px;} .currentDt{} .navContent{display: none;border-bottom:solid 1px #e5e3da; padding-top:10px;} .navContent li{ line-height:30px; width:98%; margin:0 auto} .navContent li a{display:block;width:100%px;text-align:center;font-size:14px;line-height:30px;} ._btn { background-color: #1a5ab1; border-radius: 2px; color: #fff; display: block; height: 30px; line-height: 30px; margin: 15px 0; text-align: center; width: 85px; } /** 简历投递-css **/ .Form-J1 .Form-J1-Left { float: left; width: 50%; } .Form-J1 .Form-J1-right { float: right; width: 50%; } .Form-J1 .Form-J1-li { padding-top: 10px; } .Form-J1 .Form-J1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; } .Form-J1 .Form-J1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; } .Form-J1 .Form-J1-li textarea { border: 1px #ddd solid; width: 70%; } .Form-J1 .Form-J1-li em { color: red; vertical-align: middle; padding-left: 10px; } .Form-J1 .Form-J1-li input._yzm { width: 20%; } .Form-J1 .Form-J1-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; } .Form-J1 .Form-J1-li b { color: #666; font-size: 12px; padding-left: 4px; } .Form-J1 .Form-J1-li select { border: 1px #ddd solid; width: 70%; padding: 7px 0; } .Form-J1 .Form-J1-Btn { clear: both; text-align: center; padding-top: 40px; } .Form-J1 .Form-J1-Btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; cursor: pointer; border:0; font-family:微软雅黑;} .Form-J1 .Form-J1-Btn ._submit { background: #104ab6; margin-right: 10px; } .Form-J1 .Form-J1-Btn ._reset { background: #909090; } /*-------底部-----------*/ .Hfooter{width:100%; background:url(../images/fbj.jpg) top center no-repeat; padding-bottom:50px;} .Hfooterk{display: flex; flex-wrap: wrap; justify-content: space-between; width:1220px; margin:auto; padding-top:70px; padding-bottom:50px;} .Hfooterlx{width:30%; color:#a6a6a6; font-size:14px; line-height:34px;} .Hfooterbt{font-size:24px; height:48px; line-height:48px; color:#de7900; font-weight:bold; margin-bottom:20px; background:url(../images/fbj1.png) center left no-repeat; padding-left:60px;} .Hfooterdh{width:35%; margin-left:5%; color:#a6a6a6; font-size:14px; line-height:28px;} .Hfooterdh ul li{display:block; float:left; width:45%;} .Hfooterdh ul li a{color:#a6a6a6; font-size:14px; line-height:34px; text-decoration:none;} .Hfooterm{width:25%; padding-top:20px;display: flex; flex-wrap: wrap; justify-content: space-between;} .Hfooterm img{ margin-bottom:20px; width:130px;} .Hfootermbt{text-align:center; font-size:14px; font-weight:bold; line-height:24px; color:#a6a6a6;} .Hfooterbq{width:1200px; font-size:14px; margin:auto; border-top:1px solid rgba(51, 51, 51, 0.6); padding-top:50px; line-height:26px; text-align:center;color:#a6a6a6;} a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #6f6f6f;} a.zzb07link:hover {text-decoration: underline;color: #7f7f7f;} .zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#7f7f7f;} /*----内页---*/ .nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:300px; } .nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:300px; } .nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:300px; } .nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center; height:300px; } .nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:300px; } .nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:300px; } .nymain{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px;} .nyzuo{ width:235px;} .nyzuo h2{ background:#046eb8; height:100px; color:#fff; text-align:center; line-height:100px; text-transform:capitalize; font-size:30px; } .nyzuo ul{ background:#f5f5f5;} .nyzuo ul li:last-child{ border-bottom:0px!important} .nyzuo ul li{ height:50px; line-height:50px; border-bottom:1px solid #d8d8d8; } .nyzuo ul li a:hover{ background:#2076c9; color:#fff!important; display:block;} .nyzuo ul li a{ padding-left:30px;} .nyzuo .ctel{ font-size:20px;} .nyyou{ width:910px;} .rtop{ border-bottom:1px solid #d8d8d8; padding-bottom:10px; } .rtop h2{text-transform:capitalize; font-weight:bold} .weizhi span{ padding-left:10px; padding-right:10px;} .neirong{ padding-top:20px; line-height:30px;} /*内页翻页*/ .contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;color: #1073d8; line-height: 30px; text-decoration: none; clear:both; } .contentPage a:link {color: #1073d8; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #1073d8; font-weight: normal;} .contentPage a:visited {color: #1073d8; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #1073d8; padding:4px 7px; font-weight: normal;} .contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#1073d8;font-weight:normal;} .contentPage .current{color:#1073d8; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #1073d8; padding:4px 7px; font-weight: normal;} .contentPage .zi{font-size:12px; font-weight:bold; float:none!important;} .contentPage .zi form{ display:inline;} .contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;} .contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;} /*内页新闻*/ #ny_xinwen {width:100%; margin:auto; clear:both; } #ny_xinwen ul {padding-top:10px; padding-bottom:10px; width:100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e7e7e7; padding-top:20px; padding-bottom:20px;} #ny_xinwen ul .fl{ width:10%; text-align:center; border-top:2px solid #6d6d6d} #ny_xinwen ul .fr{ width:85%;} #ny_xinwen ul span { font-family: Arial, Helvetica, sans-serif; font-size: 35px; color: #6d6d6d; height: 57px; line-height: 57px; text-align: center; margin:0 auto; } #ny_xinwen ul font { font-size:13px;font-family: Arial, Helvetica, sans-serif; line-height: 25px; text-align:center; color: #6d6d6d; height: 25px; width: 72px; } #ny_xinwen ul li { font-size: 17px; line-height: 19px; color: #000; width: 100%; } #ny_xinwen ul li a{ text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; color: #000; } #ny_xinwen ul .miaoshu { font-size: 13px; line-height: 28px; color: #848484; text-align: left; height: 56px; width: 100%; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; } #ny_xinwen ul .xwgeng { margin-top:20px;font-size: 13px;color: #2076c9; height: 35px; line-height:35px;width: 120px; border:1px solid #2076c9;text-align: center; } #ny_xinwen ul .xwgeng a{ color:#2076c9;-webkit-transition: padding-left .8s; -moz-transition: padding-left .8s; -o-transition: padding-left .8s;} #ny_xinwen ul .xwgeng a:hover em{ border:1px solid #2076c9} #ny_xinwen ul .xwgeng a:hover {padding-left:20px; display:block; background:#2076c9; color:#fff; border:none} .fanhui{ border-top:5px solid #f2f2f2;} .fanhui ul{ margin-top:15px;} .fanhui ul li{ line-height:30px;} .nybt{ text-align:center; color:#2076c9; font-size:18px; margin-bottom:10px;} /*公司实景*/ .imglist1 ul li{text-align:center;float:left;display:inline;width:240px;height:220px; margin:10px 10px;overflow:hidden;background:#fff; border:1px dotted #ccc; padding:10px; border-radius:5px;} .imglist1 ul li img{background:#FFF; max-width:100%; max-height:100%;} .imglist1 ul li span{line-height:27px;display:block; color:#555; text-align:center; font-size:15px;} .zu11{width:240px!important; height:190px!important; overflow:hidden;vertical-align: middle!important;display: table-cell!important; } .zu11 a img{ -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .zu11 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);} /*产品详情*/ .zhongb{ text-align:center; margin:0 auto; font-size:30px; font-weight:900; line-height:70px; padding-bottom:20px;} .wsjl2{ padding-left:15px; padding-top:0px; padding-bottom:0px;} .wsjl{ padding:15px;} table td{ line-height:22px;} .cptu{ text-align:center; margin:0 auto; width:80%;margin-bottom:30px;} .cptu img{ width:100%;} .cpxq table{ width:100%;border:1px solid #d8d8d8; border-top:0; border-left:0;} .cpxq table tr td{border:1px solid #d8d8d8; border-bottom:0; border-right:0; font-size:14px; color:#333; line-height:35px; padding:5px;} /*客服部分*/ .qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;} .scrollsidebar{position:absolute;z-index:999;top:220px;} .side_content{width:167px;height:auto;overflow:hidden;float:left;} .side_content .side_list{width:167px;overflow:hidden;} .show_btn{width:0;height:144px;overflow:hidden;margin-top:10px;float:left;cursor:pointer;} .show_btn span{display:none;} .close_btn{width:24px;height:24px;cursor:pointer;} .side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.png) no-repeat;} .side_title{height:46px;} .side_title{height:46px;} .side_bottom{height:8px;} .side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;} .close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;} .close_btn span{display:none;} .side_center .qqserver p{tpadding:6px 0;margin:0;vertical-align:middle;} .phoneserver {font-size:14px;text-align:center;} .phoneserver p{padding:10px 0;_height:16px;margin:0;color:#666666;} .msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:20px 0 3px 0;} .msgserver a{background:url(../images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;} .side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;} /* green skin */ .side_green .side_title{background-position:-333px 0;} .side_green .side_center{background:url(../images/blue_line.gif) repeat-y center;} .side_green .side_bottom{background-position:-333px -60px;} .side_green .close_btn{background-position:-44px -1px;} .side_green .close_btn:hover{background-position:-65px -1px;} .side_green .show_btn{background-position:-120px 0;} .side_green .msgserver a{color:#68c40b;} .side_green hr{border-bottom:1px solid #edf2e5;} /* 代码整理:懒人之家 www.lanrenzhijia.com */ @media all and (max-width:1024px){ .pc_menu{ display:block} .wap_menu{ display:none} .pc_banner{ display:block} .wap_banner{ display:none} .pc_foot{ display:block} .wap_foot{ display:none} .alogo{ width:95%; margin:0 auto; padding-top:20px; padding-bottom:15px;} .gsmc{ float:none; text-align:center; margin:0 auto} .ayou{ float:none;margin:0 auto; width:95%} /*搜索*/ .sousuo{ width:100%;} .sousuo_txt{ width:95%;} /*------------公司---------*/ .about{ width:95%; margin:0 auto; } .abtu{ width:55%; overflow:hidden} .wd1200{ width:95%} .tuijian{ width:45%;} .tjxw{ width:100%;} /*荣誉*/ .wd1200{width:95%;} .rongzuo{ width:68%;} .rongzuo ul li:nth-child(3){ margin-right:0px!important;} .rongzuo ul li{width:22%; margin-right:2%} /*-------底部-----------*/ .foota{ width:95%; margin:0 auto;padding-bottom:50px; padding-top:50px;} .footc{ width:95%;} /*----内页---*/ .nymain{ width:95%; margin:0 auto; padding-top:50px; padding-bottom:50px;} .nyzuo{ width:23%;} .nyzuo h2{ background:#046eb8; height:100px; color:#fff; text-align:center; line-height:100px; text-transform:capitalize; font-size:30px; } .nyzuo ul{ background:#f5f5f5;} .nyzuo ul li:last-child{ border-bottom:0px!important} .nyzuo ul li{ height:50px; line-height:50px; border-bottom:1px solid #d8d8d8; } .nyzuo ul li a:hover{ background:#2076c9; color:#fff!important; display:block;} .nyzuo ul li a{ padding-left:30px;} .nyzuo .ctel{ font-size:20px;} .nyyou{ width:72%;} /*公司实景*/ .imglist1 ul li{text-align:center;float:left;display:inline;width:28%; margin:1%;overflow:hidden;background:#fff; border:1px dotted #ccc;border-radius:5px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:20px;} .imglist1 ul li img{background:#FFF; max-width:100%;object-fit: cover; } .zu11{width:100%!important; overflow:hidden!important;vertical-align: middle!important;display: table-cell!important; } .zu11 img{width:250px;object-fit: cover; height:150px!important; overflow:hidden!important;} } @media all and (max-width:768px){ .pc_menu{ display:block} .wap_menu{ display:none} .pc_banner{ display:block} .wap_banner{ display:none} .pc_foot{ display:block} .wap_foot{ display:none} .alogo{ width:95%; margin:0 auto; padding-top:20px; padding-bottom:15px;} .gsmc{ float:none; text-align:center; margin:0 auto} .ayou{ float:none;margin:0 auto; width:95%} /*搜索*/ .sousuo{ width:100%;} .sousuo_txt{ width:95%;} .huanying{ float:none} .search{ float:none; margin-top:20px;} /*------------公司---------*/ .about{ width:95%; margin:0 auto; } .abtu{ width:100%; float:none; overflow:hidden} .abzuo{ float:none; width:100%; margin-bottom:40px;} .cplist h2{ font-size:16px; color:#333; text-align:center; padding-top:35px; margin-bottom:5px; padding-bottom:0px;text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;} .teshub ul li:nth-child(1){ line-height:25px; margin-top:15px; margin-bottom:10px;} .teshub ul li{ line-height:45px;} /*----------新闻---------*/ .tuijian{ width:45%;} .tjxw{ width:100%;} /*荣誉*/ .wd1200{width:95%;} .rongzuo{ width:100%;} .rongzuo ul li:nth-child(3){ margin-right:0px!important;} .rongzuo ul li{width:24%; margin-right:1%; margin-left:1%;} .rongyou{ display:none} /*-------底部-----------*/ .foota{ width:95%; margin:0 auto;padding-bottom:50px; padding-top:50px;} .footc{ width:95%;} .fazuo{ float:none; width:100%} .ewm{display:none} /*----内页---*/ .nymain{ width:95%; margin:0 auto; padding-top:50px; padding-bottom:50px;} .nyzuo{ width:23%; float:none; display:none} .nyyou{ width:100%; float:none} /*公司实景*/ .imglist1 ul li{text-align:center;float:left;display:inline;width:28%; margin:1%;overflow:hidden;background:#fff; border:1px dotted #ccc;border-radius:5px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:20px;} .imglist1 ul li img{background:#FFF; max-width:100%;object-fit: cover; } .zu11{width:100%!important; overflow:hidden!important;vertical-align: middle!important;display: table-cell!important; } .zu11 img{width:250px;object-fit: cover; height:150px!important; overflow:hidden!important;} } @media all and (max-width:640px){ .pc_menu{ display:none} .wap_menu{ display:block} .pc_banner{ display:none} .wap_banner{ display:block} .pc_foot{ display:none} .wap_foot{ display:block} /*搜索*/ .sousuo{ width:100%; display:none} .gengduoa{ margin-right:30px;width:130px;} .gengduob{ margin-right:30px;width:130px} /*------------公司---------*/ .about{ width:95%; margin:0 auto; } .abtu{ width:100%; float:none; overflow:hidden} .abtu { height:auto} .abzuo{ float:none; width:100%; margin-bottom:40px;} /*-------产品-------*/ .chanpin{ background:url(../images/index_13.jpg) no-repeat top center #f7f7f7 fixed; background-size:cover; height:auto; margin:0 auto} .teshub{ background:#2076c9!important;} .teshub ul { padding:25px; padding-top:0px;} .teshub ul li{ line-height:55px;} .teshub ul li a{ color:#fff; font-size:16px;} .cplist{ width:48%; height:262px; background:#fff;-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ margin-top:40px;-webkit-transition: .8s; -webkit-box-shadow: 0px 1px 5px #bfbfbf; margin-right:1%; margin-left:1%} .biaoq{ color:#c7c7c7; padding-top:30px; font-size:16px;text-align:center} .cplist h2{ font-size:18px; color:#333; text-align:center; padding-top:35px; padding-bottom:5px;} .cplist h2 a{ color:#000} .cplist a:hover h2 { color:#2076c9} /*----------新闻---------*/ .news .wenzi h2{ text-align:left} .news .wenzi h3 { text-align:left; margin-top:5px;} .news .wenzi{ margin-bottom:40px;} .tuijian{ width:100%;} .tjxw{ width:100%; height:320px; display: flex;justify-content: center; align-items: center; overflow:hidden} .tjxw img{transition: all 0.8s;} .tjxw img:hover{ transform: scale(1.2);} .xinwenlist{ margin-top:40px;width:100%; float:none} /*荣誉*/ .rongzuo{ float:none; width:auto; margin-top:40px;} .rongzuo ul li:nth-child(3){ margin-top:40px;} .rongzuo ul li:nth-child(2){ float:right;} .rongzuo ul li{ float:left; padding:5px; background:#fff; width:40%;border:5px solid #d3dcd9; margin-right:0%} .rongzuo ul li p{ text-align:center; font-size:15px; line-height:20px; margin-top:10px;} .rongtu{ width:100%; height:200px; display: flex;justify-content: center; align-items: center;overflow:hidden} .rongtu img{max-height:200px; transition: all 0.6s;} .rongtu img:hover{ transform: scale(1.2);} .rongyou img{ width:100%} .rongyou{ display:block; width:40%;margin-top:-230px;} /*-------底部-----------*/ .foota{ width:95%; margin:0 auto;padding-bottom:50px; padding-top:50px;} .footc{ width:95%;} .fazuo{ float:none; width:100%} .ewm{display:none} .wd1200{ padding-top:35px; padding-bottom:35px;} /*----内页---*/ .nymain{ padding-top:30px; padding-bottom:30px;} .weizhi{ display:none} .rtop h2{ float:none; text-align:center; margin:0 auto} .nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200% } .nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% } .nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:100px; background-size:200% } .nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% } .nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200% } .nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% } #ny_xinwen ul .fl{ width:20%; text-align:center; border-top:2px solid #6d6d6d} #ny_xinwen ul .fr{ width:75%;} .yincang{ display:none} /*公司实景*/ .imglist1 ul li:nth-child(2n){ float:right} .imglist1 ul li{text-align:center;float:left;display:inline;width:42%; margin:0%;overflow:hidden;background:#fff; border:1px dotted #ccc;border-radius:5px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:20px;} .imglist1 ul li img{background:#FFF; max-width:100%;object-fit: cover; } .zu11{width:100%!important; overflow:hidden!important;vertical-align: middle!important;display: table-cell!important; } .zu11 img{width:100%;object-fit: cover; height:200px!important; overflow:hidden!important;} } body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative} @media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}} @media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}} @media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}} @media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}} @media screen and (min-width: 640px){ html{font-size:28px}} a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0} #banner {width: 100%;margin:0px;padding:0px;overflow: hidden;} #banner img{width: 100%; display:block;} .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden; } .focus .shanghl00{ width:100%; height:11px; position:absolute; z-index:1; bottom:6px; text-align:center; } .focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .focus .shanghl00 ul .on{ background:#FE6C9C; } .focus .bd{ position:relative; z-index:0; margin:0px; padding:0px; overflow: hidden; } .focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;} .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .focriqi{ font-size:0.75em;} .toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; } .toubuge{ width:100%;background:#fff; height:50px;} .main-header { height: 50px; background-color:#fff; z-index: 60; width:100%; position:relative; box-sizing: border-box;border-bottom: 1px solid #F2F2F2; } .cd-logo { position: absolute; left: 10px;top:5px; } .search_open { display: block; width: 30px;height:30px; background: url(../images/wap_sea.png) no-repeat; position: absolute; right:60px; top:10px; color: #fff; text-align: center;background-position:center center; background-size:auto 25px; } .menu_open { display: block; width: 30px; height:30px; background: url(../images/wap_menu.png) no-repeat; position: absolute; right:10px; top:10px; color: #fff; font-size: 12px; text-align: center; background-position:center center; background-size:auto 25px; } .cshow{ display:block!important;} .chide{ display:none!important;} .zicai{display:block;} .ziguanbi{display:none;} .animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block; transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center; background-size: auto 25px;} .animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block; transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */ -webkit-transform:rotate(-360deg); /* Safari 和 Chrome */ -o-transform:rotate(-360deg); /* Opera */} .rl{ float:right;} .fl{ float:left;} .badabang{ padding:13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;} .badaslid{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; overflow:hidden; position:relative; } .badaslid1{ padding:13px; width:100%; box-sizing:border-box; background-color:#fff; overflow:hidden; height:220px;} .bas1{ padding:20px; width:100%; box-sizing:border-box; overflow:hidden; border-radius:5px; } .batit1{ overflow:hidden;background-image:url(../images/wap-jiany.png); background-position:right center; background-repeat:no-repeat; background-size:auto 15px; } .batit2{ font-size:1em; color:#1b1b1b;} .batit3{ font-size:0.6em; padding:2px 6px; margin-left:10px; margin-top: 2px; line-height:inherit;} .batit4{ overflow:hidden; padding-top:15px; box-sizing:border-box;} .batit4-left{ width:65%;} .batit4-right{width:35%; padding-top:10px;} .batit4-right img{max-width:100%;} .batit5{ overflow:hidden; box-sizing:border-box; padding-bottom:25px;} .batit5-1{ width:32%; text-align:center;} .batit5-p1{ color:#c8392a; font-size:0.7em; } .batit5-p2{ color:#acaeb3; font-size:0.5em; padding-top:3px; } .lvcolor{ color:#52a94a!important;} .baborderr{ border-right:1px solid #c2ceeb;} .batit6{ width:110px; height:34px; line-height:34px; text-align:center; color:#FFF; font-size:0.75em; border-radius:17px; overflow:hidden;} .shl-n-pic { width: 100px; height: 72px; line-height:72px; text-align:center; overflow: hidden; font-size:40px; position: relative; color:#fff; margin-right: 12px; background:#0163aa } .shl-n-pic img { width:100%; height:100%; object-fit:cover;} .nsort{ position:absolute; z-index:4; left:0; top:0; color:#FFF; padding:5px 10px; font-size:12px;border-bottom-right-radius:5px; overflow:hidden;} .nscolor1{ background-color:#4e71cd;} .nscolor2{ background-color:#52a849;} .nscolor3{ background-color:#e1ab38;} .biaotixx {font-size:16px;width: 100%; text-align:center; color: #747474;box-sizing: border-box;transition:all 1s ease 0.5s; margin:0 auto} .biaoti span{ font-weight:bold} .animate-init .biaotixx{ opacity: 0; transform: translateY(100px);} .ccnews .biaoti{ font-size:30px; font-weight:bold} .shl-left {width:100%} .shl-ptit { font-size:0.85rem; overflow:hidden; width:100%; height:2.2rem; line-height:1.1rem; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:2; /*显示行数*/-webkit-box-orient:vertical; color:#000;} .shl-time { font-size:12px; color:#969696; margin-top:12px;} .shl-laiyuan { font-size:12px; color:#969696; padding-top:3px;} .shl-geng{ padding-top:20px; padding-bottom:20px;} .maipan{ padding:0px 13px 3px 13px; width:100%; box-sizing:border-box; overflow:hidden;} .woyaomai{ font-size:0.7em;color: #fff; margin-left:6px; background-image: linear-gradient(to right, #3058c7 , #5881eb); padding:5px 15px; border-radius:18px; overflow:hidden;} .woyaomai1{ font-size:0.7em;color: #fff; margin-left:6px; background-image: linear-gradient(to right, #e90c0c , #ee6d6d); padding:5px 15px; border-radius:18px; overflow:hidden;} .maimai{background-image:url(../images/mai.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; } .maimai1{background-image:url(../images/mai1.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; } .maitit{color: #1b1b1b;font-size: 0.88em; padding-top:4px;} .mailist{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; overflow:hidden;} .maisect{padding:15px 13px;box-sizing:border-box; background-color:#FFF;border-radius:5px; position:relative; overflow:hidden;} .maifont1{ display:flex;align-items: baseline; padding-bottom:5px;} .maileft{ width:70%; box-sizing:border-box; padding-right:10px;} .mairight{ width:30%; padding-top:3px;} .maifont2-1{font-size: 0.65em; color: #ea4e3d; border: 1px solid #f6c7c4; padding: 3px 10px; margin-right: 4px; background-color: #fdf6f5;} .maifont2-2{font-size: 0.65em; color: #3970de; border: 1px solid #b1c5ef; padding: 3px 10px; margin-right: 4px; background-color: #dfe9ff;} .maifont2{ height:26px; overflow:hidden;} .maifont4{ color:#000; font-size:0.8em;} .chushou { font-size: 0.65em; color: #ea4e3d; border: 1px solid #f6c7c4; padding: 2px 12px; background-color: #fdf6f5; } .goumai { font-size: 0.65em; color: #3970de; border: 1px solid #b1c5ef; padding: 2px 12px; background-color: #dfe9ff; } .shl-ff{position:absolute; right:-5px; top:15px; z-index:2;} .dingwen{ position:relative; margin-top:10px;} .chushoudi{width:50px; height:5px; background-image:url(../images/jiantou.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;} .goumaidi{width:50px; height:5px; background-image:url(../images/jiantou1.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;} .zhishu{ padding:3px 13px 15px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;} .zsfont1{ font-size:0.9em; color:#000;} .zsfont2{ font-size:0.68em; color:#585858; padding-top:10px; line-height:1.5em; padding-bottom:10px;} .zscolor{ color:#e00000;} #top{ width:100%; overflow:hidden; display:block; position:absolute; top:50px; z-index:100; background-color:#FFF;padding: 10px; box-sizing:border-box;} input.button1 { border-radius: 5px; line-height: 23px; height: 33px; width: 70%; padding: 0 5px 0 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; float:left; margin-right:3%; font-size:12px; z-index: 1001; } input.button2 { text-shadow: black 0 1px 0; border: 1px solid; border-color: #EEE #CCC #CCC #EEE; color: #666; font-weight: bold; width: 22%; border-radius: 5px; padding: 3px; height: 35px; text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); font-size:12px; z-index: 1001; float:right; } .loading-more-button { width: 100%; height: 2rem; line-height: 1.96rem; text-align: center; font-size: .8rem; border: 1px solid #1792CA; border-radius: 5px; color: #1792CA; cursor: pointer; margin: 0 auto;background-color: #fff; } .home-tit{width: 100%; position: relative; margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0a53a3; box-sizing:border-box;} .home-tit .dtit { font-weight:bold; float:left;} .home-tit a { font-family: Arial; font-size: 10px; float: right; color: #666; text-align: right; display: block; padding-top: 6px; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .tbottom{ height:4.2em;} #BottomNav { background-color:#046eb8; bottom: 0; left: 0; overflow: hidden; position: fixed; width: 100%; z-index: 9; box-sizing:border-box; } #BottomNav ul li { opacity:0.9; float: left; box-sizing:border-box; text-align: center; width: 20%; } #BottomNav ul li a { color: #fff; display: block; padding-top:0.8rem;padding-bottom:0.2rem } #BottomNav ul li a div { font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; } #BottomNav .a { background-image: url(../images/shl-a.png); } #BottomNav .b { background-image: url(../images/shl-b.png); } #BottomNav .c { background-image: url(../images/shl-c.png); } #BottomNav .d { background-image: url(../images/vperson.png); } #BottomNav .e { background-image: url(../images/vbob1.png); } #BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important; } #BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem; background-size: auto 1.5em; } .shl-toug{ height:50px; width:100%;} .shl-mingx{ width:14.285%; float:left } .shl-mingx img{ width:100%; height:100%; object-fit:cover;} #msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;} #menu{ position:fixed; width:200px; height:100%; right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;} .menu1{ position:absolute; width:200px; height:100%; right:-200px; background:#444; color:#fff; z-index:300; display:none;} #menu li:after , .menu1 li:after{ content:''; display:block; width:100%; border-bottom:1px solid #222;} #menu a , .menu1 a{ line-height:45px; padding:0 20px 0 35px; border:none; display:block; color:#fff;font-size: 0.8rem;} .list{width: 100%;} .list ul li{ border-bottom:solid 1px #222; } .list ul li::after { content: ''; display: block; width: 100%; border-bottom: 1px solid #404040; } .list ul li a{padding-left: 20px;color: #E3E3E3; display: block; height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 0.85rem; } .list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;} .list ul li .inactives{background:url(../images/shl-down-open1.png) no-repeat right center; background-size:auto 20px;} .list ul li ul{display: none;} .list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;} .list ul li ul li::after { border:none;} .list ul li ul li ul{display: none;} .list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;} .mshouye { background-image: url(../images/drawer-home.png); background-repeat: no-repeat; background-position: right center; background-size: auto 20px; } .jianyou { background-image: url(../images/shl-down-open1.png); background-repeat: no-repeat; background-position: right center; background-size: auto 19px; } .main{ max-width:640px; width:100%;} .op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;} /*-------产品----*/ .cplbtn { color: #fff; padding-left:15px; padding-right:15px; height: 34px; font-size: 14px; text-align: center;line-height: 34px; display: table; border-radius: 17px;background-color:#E60012;} .cplbtn1 { color: #fff; padding-left:10px; padding-right:10px; height: 28px; font-size: 13px; text-align: center; line-height: 28px; display: table; border-radius: 14px; background-color:#E60012; } .cplbtn65 { color: #fff; height: 28px; font-size: 13px; text-align: center; line-height: 28px; border-radius: 14px; background-color:#E60012; width:65px; min-width:65px; } .uni-video{ width:100%;object-fit: cover !important;} .aboutm { box-sizing: border-box;transition:all 1s ease 0s; padding-bottom:20px; background-color:#FFF; padding-top:10px; } .animate-init .aboutm{ opacity: 0; transform: translateY(100px);} .abouts{ background-image: url(../images/wap_034.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; height: 200px; border-radius: 7px; overflow: hidden; } .vr{ width:100%; height:365px;background-image: url(../images/vr.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; position:relative;transition:all 1s ease 0s; } .animate-init .vr{ opacity: 0; transform: translateY(100px);} .dingwei{ position:absolute; top:50%; left:50%;width: 60px; margin-left:-50px; margin-top:-17px;} .dingwei1{ position:absolute; bottom:20px; left:20px;width: 40px; } .dingnn{ position:absolute; bottom:0px; left:0px;width: 100%; box-sizing:border-box;padding: 0 15px;z-index: 1; } .dingnn1{ position:absolute; bottom:-1px; left:0px;width: 100%; box-sizing:border-box;z-index: 1; } .dingwei2{ width: 100%; box-sizing:border-box; background-color:rgba(0,0,0,0.3); color:#FFF; display:flex; padding-left:12px; padding-right:12px; height:40px;align-items: center; } .maifont1-1{ font-size:15px; color:#fff; height:40px; line-height:40px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:1; /*显示行数*/-webkit-box-orient:vertical; overflow:hidden; width:100%; box-sizing:border-box; padding-right:10px;} .maifont1-2{ font-size:16px; color:#fff; width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;} .maifont1-3{ font-size:16px; color:#666; width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;} .pffp{font-size:13px; color:#fff; text-align:center; padding-top:20px; border-top:1px dotted #FFFFFF;} .pffp1{font-size:13px; color:#666; text-align:center; padding-top:20px; border-top:1px dotted #666;} .shoushi{background-image: url(../images/shouzhi.png); background-repeat: no-repeat; background-position: center center; background-size: auto 16px; width:25px; min-width:25px; height:25px; background-color:#E60012; border-radius:50%; overflow:hidden;} .shl-vid3 { width: 100%; color: #fff; position: absolute; bottom: 0; background-image: url(../images/shl-vdi.png); background-repeat: repeat-x; background-size: auto 100%; padding: 20px 15px 10px 15px; } .shl-bico { background-image: url(../images/shl-vtu.png); background-size: auto 15px; background-position: 50%; background-repeat: no-repeat; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; position: absolute; background-color: rgba(0,0,0,.2); left: 15px; top: 15px; } .shl-atit { font-size:15px; overflow:hidden; height:20px; line-height:20px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:1; /*显示行数*/-webkit-box-orient:vertical } .shl-mor { color: #fff; font-size: 11px; padding-top: 5px; } .shl-mor div { padding-left: 10px; } .shl_abouttop { border-top: 9px solid #f1f1f1; } .shl-gong { display:flex; align-items:center; padding:10px 15px; border-bottom:1px solid #ebebeb; background-color:#FFF; } .shl-protitle { width: 100%; font-size: 16px; font-weight: 700; color: #C30D23; line-height: 30px; } .shl-xian2 { width:150px; min-width:150px; height:25px; line-height:25px; display:flex; justify-content:flex-end } .shl-xiangg { width: 80px; text-align: center; color: #989898; font-size: 13px; background-image: url(../images/vhmor.png); background-repeat: no-repeat; background-size: auto 16px; background-position: 100%; height: 25px; line-height: 25px; padding-right: 20px; text-align: right; } .fuwuw{ padding:0px 10px 15px 10px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;display: flex;flex-wrap: wrap;} .fuwusec { width: 46%; padding: 4px;background-color: #fff; box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2); border: 1px solid #f1f1f1; transition: all 0.4s; box-sizing:border-box;transition:all 0.8s ease 0s; margin-left:2%; margin-right:2%; margin-top:10px;height: 110px;overflow: hidden; } .fuwusec dt { height:100%; } .fuwusec dt img { width: 100%; height:100%;object-fit: cover; display:block; } .animate-init .fuwusec{ opacity: 0; transform: translateY(100px);} .fuwusecdd { padding: 13px; transition: all 0.4s; } .fuwusecdd h3 { padding-bottom:10px; font-size:18px;} .fuwusecdd p { font-size:14px; line-height:24px;} .gaoju{ margin-top:15px;} .shl-lian{ background: #424242; color:#ccc; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:20px;} .shl-lian a{ color:#ccc;} .shl-lian1{ color:#ccc; font-size:14px; text-align:center;box-sizing:border-box; line-height:24px;} .shl-lian1 a{ color:#ccc;} .shl-xiaflex{ width:100%; box-sizing:border-box; display:flex;padding-top: 30px;transition:all 0.8s ease 0s; padding-bottom:20px;} .animate-init .shl-xiaflex{ opacity: 0; transform: translateY(100px);} .shl-xiasen{ width:100%;} .shl-xiasencc{ width:50%;} .shl-xiasen1kk { width: 90%; height:50px; margin:0 auto; box-sizing:border-box;transition:all 0.8s ease 0s; margin-top:30px; border-radius:6px; overflow:hidden; background-color:#FFF; } .shl-xiasen1kk img { width: 100%; height:100%;object-fit: contain; display:block; } .shl-xiasen1 { width: 80px; height:80px;box-sizing:border-box;transition:all 0.8s ease 0s; overflow:hidden; min-width:80px; margin-right:20px; } .shl-xiasen1 img { width: 100%; display:block; } .animate-init .shl-xiasen1{ opacity: 0; transform: rotateY(90deg);} .shl-xikuai{} .shl-xiangmu { background-image: url(../images/pro_bg.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; overflow: hidden; } .shl-xiangmuh { background-image: url(../images/wxiangmu2.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; height: 350px; overflow: hidden; } .shl-xiangmuhj { background-image: url(../images/wxiangmu3.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; height: 350px; overflow: hidden; } .shl-xiabg { width: 100%; color: #fff; padding: 30px 20px; height: 100%; box-sizing:border-box; } .shl-xiangmu1 { width: 100%; color: #fff; box-sizing:border-box; padding-left:10px; } .shl-xiangmu1 .pp1{ padding-bottom:10px; font-size:20px; font-weight:bold;transition:all 1s ease 0s; text-align:center;} .shl-xiangmu1 .pp2{ font-size:12px; line-height:22px; transition:all 1s ease 0.5s;text-align:center;} .animate-init .pp1 { opacity: 0; transform: translateY(100px); } .animate-init .pp2{ opacity: 0; transform: rotateY(90deg);} .pshow{ width:100%; position:relative; height:366px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;} .pshow img{ width:100%; height:100%;object-fit: cover;} .animate-init .pshow { opacity: 0; transform: translateY(100px); } .alishow{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 15px; box-sizing:border-box; background-color:#FFF;} .alishow img{ width:100%; height:100%;object-fit: cover;} .animate-init .alishow { opacity: 0; transform: translateY(100px); } .pshow1{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap; padding:30px 10px;transition:all 1s ease 0s;background-color:#f7f7f7;} .pshowxx{ width:50%; box-sizing:border-box; padding:8px; } .jianbian{background-image: linear-gradient(to right, #1888DF , #22B78C);padding: 40px 15px;height: 100%; box-sizing: border-box;} .jianbian1{padding: 40px 15px;height: 100%;box-sizing: border-box; background-color:#FFF;border: 1px #e7e7e7 solid;} .pshowsec{ width:100%; box-sizing:border-box; position:relative; height:110px;border: 4px solid #fff;} .pshowsec img{ width:100%; height:100%;object-fit: cover;} .pshowsecda{ width:60px; box-sizing:border-box; position:relative; height:60px; margin:0 auto;} .pshowsecda img{ width:100%; height:100%;object-fit: cover;} .animate-init .pshow1 { opacity: 0; transform: translateY(100px); } .hbjcolor{background-color: #F6FAFE;} .hbjcolor1{background-color: #FEFEFB;} .hbjcolor3{background-color: #F8FEFE;} .shl_aboutt1 { border-top: 1px solid #e5e3e3; } .shl_anlitop { margin-top:8px;} .shl_anlimore { padding-top:30px; padding-bottom:40px; width:100%; background-color:#FFF;} .shl_newsmore { padding-top:15px; padding-bottom:40px; width:100%; } .ccnews{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden;background:#fff;} .vrpadding{ width:100%; box-sizing:border-box; padding:0px 15px 30px 15px;} .aboutvr{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden; } .vrianjie { font-size: 14px; width: 100%; padding: 15px ; color: #565656;box-sizing: border-box; line-height:24px;transition:all 1s ease 0s; background-color:#FFF; } .animate-init .vrianjie{ opacity: 0; transform: translateY(100px);} /*内页样式开始*/ .ab-tit{padding: 15px; width:100%; box-sizing:border-box;background-color: #fff; border-bottom: 1px solid #ebebeb;font-size: 16px; font-weight: 700; color: #323232;} .article { padding: 15px; color: #606060;width:100%; box-sizing:border-box; line-height:26px;font-size: 14px;background-color: #fff; } .newspage { text-align:center; padding-bottom:20px; padding-top:5px;font-size:13px;} .newspage A { border-width: 1px; border-style: solid; border-color: #999; padding: 2px 5px; background: #FFF none repeat scroll 0% 0%; font-size:13px; color: #666; margin-right: 2px; } .newspage SPAN.current { border-width: 1px; border-style: solid; border-color: #666; padding: 2px 5px; font-weight: bold; background: #E60012 none repeat scroll 0% 0%; color: #FFF; margin-right: 2px; } .news-title-view { padding: 15px; border-bottom: 1px solid #f6f6f6;border-top: 1px solid #f6f6f6; } .news-title-view .title { font-size: 20px; line-height: 25px; padding-bottom: 10px; font-weight: 700; color: #1f1f1f; } .news-title-view .titlec { font-size: 20px; line-height: 25px; padding-top:2px; font-weight: 700; color: #1f1f1f; } .otherview { display:flex; align-items:center;} .news-time { font-size:13px; line-height:13px; color:#969696; background-image:url(../images/shl-ico-time.png); background-size:auto 13px; background-position: left center; background-repeat:no-repeat; padding-left:17px; width:100% } .art-cshi { padding:15px;font-size: 15px; line-height:24px; color:#333; min-height:300px; } .art-cshi p { padding-bottom:15px } .art-cshi video { max-width:100%!important; height:auto!important; display:block } .art-cshi img { max-width:100%!important; height:auto!important; display:block } .chanpi{ width:100%; box-sizing:border-box; padding:20px 7px 20px 7px;} .chanpx{ width:100%; box-sizing:border-box; padding:10px 7px 20px 7px;} .pshowzi{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;} .pshowzi img{ width:100%; height:100%;object-fit: cover;} .animate-init .pshowzi { opacity: 0; transform: translateY(100px); } .psku{ width:50%; box-sizing:border-box; position:relative; border: 7.5px solid #fff; background-color:#f5f5f5;} .psku img{ width:100%;object-fit: cover;border-radius:5px; } .pskuflex{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap;background-color:#FFF;} .shlgpic{ height:375px!important; object-fit:cover;} .zhengpin { padding:10px 15px; display:flex; justify-content:space-between; align-items:center; } .zhengpinleft { width:100% } .zpleft1 { padding-left:17px; background-image:url(../images/shl-zhengpin.png); background-size:auto 15px; background-position: left center; background-repeat:no-repeat; height:25px; line-height:25px; font-size:14px } .baozheng{color: #f60;} .zpleft2 { color:#969696; font-size:12px } .shl-ditel { width:35px; min-width:35px; height:35px; overflow:hidden; border-radius:50%; margin-left:10px; background-image:url(../images/shl-dianhua1.png); background-repeat:no-repeat; background-color:#045abd; background-size:auto 18px; background-position:50% } .texing1{ padding-bottom:10px;} .texing{ background-color:#E60012; color:#FFF;display: table;padding: 3px 10px;margin-top: 5px;} .case { padding: 0px 15px 15px 15px; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #FFF; } .casesec { width: 100%; padding: 7px; box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2); border: 1px solid #f1f1f1; box-sizing:border-box; margin-top:20px; } .shlttt{height: 160px;} .shlttt img { width: 100%; height: 100%; object-fit: cover; display:block; } .casesecdd {padding: 13px;} .casesecdd h3 { padding-bottom: 10px; font-size: 18px; } .casesecdd p { font-size: 14px; line-height: 24px; } .wcontact{ background-color:#E60012; color:#FFF;display: table;padding: 3px 10px; margin:0 auto;font-size: 16px; border-radius:2px; overflow:auto;} .wconflex{display: flex;flex-wrap: nowrap;padding: 30px 15px;align-items: center;} .wcon-pic { width: 115px; min-width: 115px; height: 115px; overflow: hidden; position: relative; border: 1px solid rgba(0,0,0,.1); margin-right: 12px; } .wcon-pic img { width:100%; height:100%; object-fit:cover;} .wcon-right {width: 100%; font-size:14px; line-height:24px;} .art-lianxi { padding:40px 15px;font-size: 15px; line-height:24px; color:#333; } .wconfont{color: #E60012;} .wconfont1{ font-size:16px; padding-bottom:10px;} .pshowzitt{ width:100%; position:relative; height:360px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;} .pshowzitt img{ width:100%; height:100%;object-fit: cover;} .vvvvv{ height:100%; border:1px solid #ebebeb;} .ccvb{background-image: linear-gradient(to right, #1888DF , #22B78C); width:100%; box-sizing:border-box; color:#FFF; padding:15px; border-radius:5px; overflow:hidden; margin-top:20px;} .ccvb .df1{ font-size:18px;padding-bottom:5px!important;} .ccvb .df2{ padding-bottom:0!important;} .fdccc{height: 50px; line-height: 50px; color: #fff; font-size: 18px; width:80%; margin:0 auto;background-image: linear-gradient(to right, #1888DF , #22B78C); border-radius:25px; overflow:hidden; text-align:center; margin-top:50px;} /*选项卡*/ .tabs { width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; text-align: center; overflow: hidden; box-sizing:border-box; padding:10px 12px 0px 12px;background-color: #fff; font-weight:bold; } .tab_con{ display:none; padding: 0px 15px 15px 15px;} .tabs li{ float: left; width: 50%; height: 40px; line-height: 40px; font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;} .tabs .thistab{ float: left; width: 50%; height: 40px; border-bottom: 1px solid #1792CA; line-height: 40px; font-size: 0.9rem; color: #1792CA;} .listflex{ background-color: #fff; display: flex; border-radius: 5px; overflow: hidden; margin-top: 15px;box-shadow: 0px 0px 5px #E8E8E8;} .listsec{ width:50%; min-width: 50%; box-sizing: border-box;} .listleft{ height:150px; position: relative;} .listleft img{ width: 100%;height: 150px; object-fit:cover;} .zhibo{ z-index: 10; top: 5px; left: 5px; background-color: #08C060; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px; background-image:url(../images/zhibo.gif); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px; } .huifang{ z-index: 10; top: 5px; left: 5px; background-color: #0979D0; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px; background-image:url(../images/huifang.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px; } .listright{ padding: 15px;} .time{ font-size: 13px; margin-top: 12px; color: #A3A3A3; background-image:url(../images/shl-zbtime.png); background-position: left center; background-repeat: no-repeat; background-size: auto 14px; padding-left: 18px; padding-bottom:3px; } .time1{ font-size: 13px; color: #A3A3A3; } .zhubo{ margin-top: 10px; font-size: 13px;background-image:url(../images/shl-zhubo.png); background-position: left center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 18px;} .guoqi{ z-index: 10; top: 5px; left: 5px; background-color: #E81D1D; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px; background-image:url(http://testf002.webf.testwebsite.cn/Html/images/shl-guoqi.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px; } .mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;} .menu_open{ display: block;} .menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;} .msk {display: none; position: fixed; width: 100%; height: 100%; top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; } .menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;} .menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;} .menu .menu-li{border-bottom: 1px solid #222;} .menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;} .menu .twoul{ display: none;} .menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;} .menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;} .menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;} .menuico_down{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;} .menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;} /* .menu .onemenu{ color: #fff; font-size: 14px;} */ .nybanner{ width:100%} .nybanner img{ width:100%; display:block} dl.message2{ margin: 0 auto 0 auto; padding: 0px; width: 96%; } dl.message2 dd{ margin: 0 0 6px 0; padding: 0px; float: left; width: 100%; } .round1li2 input { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 23px; width: 100%; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; font-size:15px; } .round1li2 textarea { font-family:"微软雅黑"; border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 68px; width: 100%; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; font-size:15px; } .round1li3 input { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 23px; width: 150px; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; float:left; margin-right:10px; font-size:15px; } .round1li4 { margin: 0 auto; width: 100%; float:left; text-align:center;} .round1li4:after { clear: both; content: " "; display: block; } .round1li4 input.button { margin:0 auto; font-size: 15px; color:#ffffff; font-weight: bold; display:block;width: 100%; height: 45px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: #2cb33d 1px solid; background:-moz-linear-gradient(top,#2cb33d,#035faf);/*Mozilla*/ background:-webkit-linear-gradient(top,#2cb33d,#035faf);/*new gradient for Webkit*/ background:-o-linear-gradient(top,#2cb33d,#035faf); /*Opera11*/ } .cplieaa { padding:1rem} .mingcheng{ line-height:40px; margin-left:10px; font-size:0.75rem;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;} .youimg{ width:30px; margin-top:10px; } .youimg img{ width:50%;} .zuoimg{ background:#2cb33d; height:40px; width:40px; border-top-left-radius:10px; text-align:center; margin:0 auto;border-bottom-left-radius:10px;} .imaaa{ width:30px; padding-left:5px; padding-top:10px;} .imaaa img{ width:50%;} .ncon_item{display: flex;flex-wrap: nowrap; overflow: hidden; position: relative;box-sizing: border-box; padding: 15px 12px; background-color:#fff;border-bottom: 1px solid #EBEBEB;} .shl-n-pic { width: 90px; min-width: 90px; height: 72px; overflow: hidden; position: relative; color:#fff; margin-right: 12px; border-radius: 3px; } .shl-n-pic img { width:100%; height:100%; object-fit:cover;} .shl-left { width:100% } .shl-ptit { font-size:0.9rem; overflow:hidden; width:100%; height:1.3rem; line-height:1.3rem; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:2; /*显示行数*/-webkit-box-orient:vertical } .shl-ptit2 { font-size:14px; overflow:hidden; color:#555; width:100%; height:20px; line-height:20px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:1; /*显示行数*/-webkit-box-orient:vertical } .shl-nr { font-size:0.8rem; overflow:hidden; width:100%; height:2.6rem; line-height:1.3rem; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:2; color:#555; opacity:0.5; /*显示行数*/-webkit-box-orient:vertical } .shl-time { font-size:12px; color:#2cb33d; margin-top:9px; background-image:url(../images/shl-ico-time.png); background-size:auto 13px; background-repeat:no-repeat; padding-left:15px } #todayList{ margin:0 auto; } .chatPanel .mediaFullText { margin:20px 10px; } .chatPanel .time { margin:10px 0; color:#FFFFFF; width:auto; font-size:12px; display:block; float:left; background-color:#B4753C; padding:10px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; position:relative; -webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14); box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14); } .topding .chatPanel .time{background-color:#B4753C;} .chatPanel .time .timey { margin:0px; color:#FFFFFF; font-size:12px; display:block; font-family:Georgia, "Times New Roman", Times, serif; } .chatPanel .time .timem { margin:0px; color:#FFFFFF; font-size:9px; font-family:Georgia, "Times New Roman", Times, serif; } .chatPanel .time .timed { margin:0px; color:#FFFFFF; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; } .chatPanel .time .timex { position:absolute; top:10px; right:-4px; background-color:#B4753C; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; width:12px; height:12px; transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; } .topding .chatPanel .time .timex{background-color:#B4753C;} .chatPanel .media { border:0px solid #D1D1D1; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius:5px 5px 10px 10px; -moz-border-radius:5px 5px 10px 10px; border-radius:5px 5px 10px 10px; background:url(../images/wap_bottom.png) repeat-x scroll left bottom #FFFFFF; background-size:2px auto; margin-left:0px; } .chatPanel .media .mediaPanel { padding:0px; margin:0px; } .chatPanel .media .mediaHead { /*height:48px;*/ padding:15px 15px 8px; border-bottom:0px solid #D3D8DC; color:#000000; font-size:20px; } .chatPanel .media .mediashl { /*height:48px;*/ padding:5px 15px 8px; border-bottom:0px solid #D3D8DC; color:#000000; font-size:20px; } .chatPanel .media .mediaHead .title { line-height:1.2em; font-size:18px; display:block; text-align: left;/*height:25px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;*/ } .chatPanel .media .mediaImg { min-width: 200px; padding:0; margin:0 15px; overflow:hidden; position: relative; /*max-height:164px;*/ } .chatPanel .media .mediaImg img { width: 100%; } .chatPanel .mediaFullText .mediaContent { padding:0 0 10px; font-size:16px; text-align:left; color:#222222; } .chatPanel .mediaFullText .mediaContentP { margin:10px 15px 0px; border-bottom:1px solid #D3D8DC;word-break:normal; word-wrap:word-break; } .chatPanel .mediaFullText .mediaContent p{ max-height:40px; overflow:hidden; font-size:14px; line-height: 1.5em; } .chatPanel .media .mediaFooter { -webkit-border-radius:0px 0px 12px 12px; -moz-border-radius:0px 0px 12px 12px; border-radius:0px 0px 12px 12px; padding: 0 15px; } .chatPanel .media .mesgIcon { display:inline-block; height:19px; width:10px; margin:8px 0px -2px 4px; background:url(../images/wap_ico-next2.png) no-repeat 0 0 ; background-size: 10px auto; } .chatPanel .media .mediaFooter .mesgIcon { margin:18px 3px 0 0; } .pagination{ height: 60px; line-height: 60px; margin: 0 auto; text-align: right; padding-right: 8px; } .pagination div{ display:inline-block; } .pagination a { margin: 0 ; padding: 6px 13px; border:0; background:#fefefe; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size:100%; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f2f2f2)); background-image:-webkit-linear-gradient(top, #fff, #f2f2f2); background-image:-moz-linear-gradient(top, #fff, #f2f2f2); background-image:-o-linear-gradient(top, #fff, #f2f2f2); background-image:linear-gradient(top, #fff, #f2f2f2); box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#666; } .pagination a:hover { border:0; background:#fefefe; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size:100%; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #dadada)); background-image:-webkit-linear-gradient(top, #fefefe, #dadada); background-image:-moz-linear-gradient(top, #fefefe, #dadada); background-image:-o-linear-gradient(top, #fefefe, #dadada); background-image:linear-gradient(top, #fefefe, #dadada) } .pagination a:active { background:#ececec } .pagination .disabled a, .pagination .disabled a:hover { background:none; border:1px solid rgba(0, 0, 0, 0.22); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:A4A3A3; } .pagination .allpage{ position: relative; text-align: center; vertical-align: baseline; display: inline-block; } .pagination .currentpage{ line-height: 30px; width: 70px; } #dropdown-select{position:absolute; top:0; left:0; height:30px; width:70px; opacity:0; } .prolist {margin-right: 10px;} .prolist ul li{ text-align: center; width: 50%; overflow: hidden; float: left;} .prolist:after { clear: both; content: " "; display: block; } .prolist li p{ line-height: 12px;} .prolist li:nth-child(n){ } .prolist li:nth-child(n+1){ } .prolist li a{ display:block; margin: 10px 0px 0px 10px;} .prolist li a img{ height: 100px; width:100%} .pro_fl_title{ font-size:14px; font-weight:bold; color:white; text-align:center; line-height:40px; background-color:#2cb33d; width:100%; } .pro_fl_title a{color:white;} .pro_tb{ width:100%; margin-bottom:20px; border:1px solid #ccc; border-bottom:0; border-left:0;} .pro_tb tr td{ font-size:13px; color:#333;font-family:Arial,"Microsoft YaHei"; border:1px solid #ccc; border-top:0; border-right:0;} .pro_tb tr td a{ color:#333;} .pro_more{ width:150px;background-color:#0764b9; margin:0 auto; margin-bottom:20px;} .pro_more p a{ display:block; font-size:13px; color:#333; text-align:center; line-height:28px;background-color:#e5e5e5;} .pro_more p a:hover{background-color: #246815; color:white;} .jj_p1{ font-size:35px; color:#2cb33d; font-weight:bold;line-height:46px;} .jj_bg{ background:url(../images/wap_img24.jpg) center no-repeat; width:100%; height:300px;} .jj_box{ padding-left:20px; margin:0 auto; padding-top:50px;} .jj_box .jj_pic{ float:left; margin-right:12px;} .jj_kuang{ float:left;} .jj_kuang .jj_p2{ font-size:24px; color:#000; padding-top:10px;} .jj_p3{ font-size:16px; color:#e00000; text-transform:uppercase; margin-top:10px; margin-bottom:10px;} .jj_p4{ font-size:17px; color:#000; } .search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:0px; margin-top:0px; } .search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0; border-radius:5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -khtml-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; } .search .button{ height:40px; width:40px; display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;} .pro_title{ font-size:14px; color:white; line-height:40px; text-align:center; background-color:#2cb33d; font-weight:bold;} .pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;} .pro_nr_box table tr td{ font-size:12.5px; padding:2px; color:#333; line-height:20px;border:1px solid #ccc; border-top:0; border-right:0;} .pro_nr_box p{ font-size:12.5px; color:#333; line-height:20px;} .bgtu{ width:100%;} .bgtu img{ width:100%} .gongsi{ background:#f1f1f1; width:100%; margin:0 auto; padding-top:35px; padding-bottom:35px;} .gsmcaa{font-size: 21px;color: #000;font-weight: bold;} .gsnr{margin-top: 20px;} .gema{ border:1px solid #d8d8d8; height:30px; line-height:30px; width:120px; font-size:14px; text-align:center;} .gongsitu{ padding-left:15px; padding-right:15px;} .gzuo{ width:45%; margin-top:15px;} .gzuo h2{ font-size:18px; color:#000; font-weight:bold; margin-bottom:10px;} .gzuo h3{ font-weight:normal;font-size:16px; color:#333;} .cline{ background:#000; height:1px; width:50px; margin-top:20px; margin-bottom:20px;} .gyou{ width:50%;} .gyou img{ width:100%} .smnr{ overflow:hidden; font-size:15px; padding-left:15px; padding-right:15px; margin-bottom:20px; height:125px; line-height:25px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:5; /*显示行数*/-webkit-box-orient:vertical;} .gema{ margin-left:15px;} .gsmcaa{ font-size:16px; padding-left:15px; padding-right:15px; padding-bottom:15px;padding-top:15px;} .cpfenlei{ background:#f7f7f7; padding:10px;} .cptu{ width:40%} .cptu img{ width:100%} .daxie{font-weight:bold;font-size: 18px;line-height:30px;} .cumiao{ width:55%;} .cumiao ul li{ float:left; width:50%;line-height: 25px;} .gengduo{ border:1px solid #d8d8d8; height:25px; line-height:25px; text-align:center; font-size:13px; width:100px;} } @media all and (max-width:320px){ .pc_menu{ display:none} .wap_menu{ display:block} .pc_banner{ display:none} .wap_banner{ display:block} .pc_foot{ display:none} .wap_foot{ display:block} /*搜索*/ .sousuo{ width:100%; display:none} .gengduoa{ margin-right:30px;width:130px;} .gengduob{ margin-right:30px;width:130px} /*------------公司---------*/ .about{ width:95%; margin:0 auto; } .abtu{ width:100%; float:none; overflow:hidden} .abtu { height:auto} .abzuo{ float:none; width:100%; margin-bottom:40px;} /*-------产品-------*/ .chanpin{ background:url(../images/index_13.jpg) no-repeat top center #f7f7f7 fixed; background-size:cover; height:auto; margin:0 auto} .teshub{ background:#2076c9!important;} .teshub ul { padding:25px; padding-top:0px;} .teshub ul li{ line-height:55px;} .teshub ul li a{ color:#fff; font-size:16px;} .cplist{ width:48%; height:262px; background:#fff;-moz-border-radius:10px;/*Firefox支持*/ -webkit-border-radius:10px;/*webkit内核的Safari和Chrome支*/border-radius:10px;/*--Opera支持*/ margin-top:40px;-webkit-transition: .8s; -webkit-box-shadow: 0px 1px 5px #bfbfbf; margin-right:1%; margin-left:1%} .biaoq{ color:#c7c7c7; padding-top:30px; font-size:16px;text-align:center} .cplist h2{ font-size:18px; color:#333; text-align:center; padding-top:35px; padding-bottom:0px; margin-bottom:5px;} .cplist h2 a{ color:#000} .cplist a:hover h2 { color:#2076c9} /*----------新闻---------*/ .news .wenzi h2{ text-align:left} .news .wenzi h3 { text-align:left; margin-top:5px;} .news .wenzi{ margin-bottom:40px;} .tuijian{ width:100%;} .tjxw{ width:100%; height:320px; display: flex;justify-content: center; align-items: center; overflow:hidden} .tjxw img{transition: all 0.8s;} .tjxw img:hover{ transform: scale(1.2);} .xinwenlist{ margin-top:40px;width:100%; float:none} /*荣誉*/ .rongzuo{ float:none; width:auto; margin-top:40px;} .rongzuo ul li:nth-child(3){ margin-top:40px;} .rongzuo ul li:nth-child(2){ float:right;} .rongzuo ul li{ float:left; padding:5px; background:#fff; width:40%;border:5px solid #d3dcd9; margin-right:0%} .rongzuo ul li p{ text-align:center; font-size:15px; line-height:20px; margin-top:10px;} .rongtu{ width:100%; height:200px; display: flex;justify-content: center; align-items: center;overflow:hidden} .rongtu img{max-height:200px; transition: all 0.6s;} .rongtu img:hover{ transform: scale(1.2);} .rongyou img{ width:100%} .rongyou{ display:block; width:40%;margin-top:-230px;} /*-------底部-----------*/ .foota{ width:95%; margin:0 auto;padding-bottom:50px; padding-top:50px;} .footc{ width:95%;} .fazuo{ float:none; width:100%} .ewm{display:none} .wd1200{ padding-top:35px; padding-bottom:35px;} /*----内页---*/ .nymain{ padding-top:30px; padding-bottom:30px;} .weizhi{ display:none} .rtop h2{ float:none; text-align:center; margin:0 auto} .nyabout{width:100%; margin:0 auto; background:url(../images/nyabout.jpg) no-repeat center; height:100px; background-size:200% } .nycon{width:100%; margin:0 auto; background:url(../images/nycon.jpg) no-repeat center; height:100px; background-size:200% } .nyhonor{width:100%; margin:0 auto; background:url(../images/nyhonor.jpg) no-repeat center; height:100px; background-size:200% } .nyfac{width:100%; margin:0 auto; background:url(../images/nyfac.jpg) no-repeat center;height:100px; background-size:200% } .nypro{width:100%; margin:0 auto; background:url(../images/nypro.jpg) no-repeat center; height:100px; background-size:200% } .nynews{width:100%; margin:0 auto; background:url(../images/nynews.jpg) no-repeat center; height:100px; background-size:200% } #ny_xinwen ul .fl{ width:20%; text-align:center; border-top:2px solid #6d6d6d} #ny_xinwen ul .fr{ width:75%;} .yincang{ display:none} /*公司实景*/ .imglist1 ul li:nth-child(2n){ float:right} .imglist1 ul li{text-align:center;float:left;display:inline;width:42%; margin:0%;overflow:hidden;background:#fff; border:1px dotted #ccc;border-radius:5px;box-shadow: 0px 10px 10px 0px rgba(0,0,0,.1); margin-bottom:20px;} .imglist1 ul li img{background:#FFF; max-width:100%;object-fit: cover; } .zu11{width:100%!important; overflow:hidden!important;vertical-align: middle!important;display: table-cell!important; } .zu11 img{width:100%;object-fit: cover; height:200px!important; overflow:hidden!important;} } body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑";background: #fff;width:100%;position:relative} @media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}} @media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}} @media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}} @media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}} @media screen and (min-width: 640px){ html{font-size:28px}} a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0} #banner {width: 100%;margin:0px;padding:0px;overflow: hidden;} #banner img{width: 100%; display:block;} .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden; } .focus .shanghl00{ width:100%; height:11px; position:absolute; z-index:1; bottom:6px; text-align:center; } .focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; } .focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .focus .shanghl00 ul .on{ background:#FE6C9C; } .focus .bd{ position:relative; z-index:0; margin:0px; padding:0px; overflow: hidden; } .focus .bd li{ margin:0px; padding:0px;position:relative; overflow:hidden;} .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .focriqi{ font-size:0.75em;} .toubu{ position:fixed; left:0; top:0px; width:100%; z-index:999;background:#fff; height:50px;box-shadow: 0px 1px 5px #9c8e93; } .toubuge{ width:100%;background:#fff; height:50px;} .main-header { height: 50px; background-color:#fff; z-index: 60; width:100%; position:relative; box-sizing: border-box;border-bottom: 1px solid #F2F2F2; } .cd-logo { position: absolute; left: 10px;top:5px; } .search_open { display: block; width: 30px;height:30px; background: url(../images/wap_sea.png) no-repeat; position: absolute; right:60px; top:10px; color: #fff; text-align: center;background-position:center center; background-size:auto 25px; } .menu_open { display: block; width: 30px; height:30px; background: url(../images/wap_menu.png) no-repeat; position: absolute; right:10px; top:10px; color: #fff; font-size: 12px; text-align: center; background-position:center center; background-size:auto 25px; } .cshow{ display:block!important;} .chide{ display:none!important;} .zicai{display:block;} .ziguanbi{display:none;} .animate{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block; transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); /* Opera */background: url(../images/wap_close.png) no-repeat;background-position: center center; background-size: auto 25px;} .animate1{-moz-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;display: block; transform:rotate(-360deg);-moz-transform:rotate(-360deg); /* Firefox */ -webkit-transform:rotate(-360deg); /* Safari 和 Chrome */ -o-transform:rotate(-360deg); /* Opera */} .rl{ float:right;} .fl{ float:left;} .badabang{ padding:13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;} .badaslid{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; overflow:hidden; position:relative; } .badaslid1{ padding:13px; width:100%; box-sizing:border-box; background-color:#fff; overflow:hidden; height:220px;} .bas1{ padding:20px; width:100%; box-sizing:border-box; overflow:hidden; border-radius:5px; } .batit1{ overflow:hidden;background-image:url(../images/wap-jiany.png); background-position:right center; background-repeat:no-repeat; background-size:auto 15px; } .batit2{ font-size:1em; color:#1b1b1b;} .batit3{ font-size:0.6em; padding:2px 6px; margin-left:10px; margin-top: 2px; line-height:inherit;} .batit4{ overflow:hidden; padding-top:15px; box-sizing:border-box;} .batit4-left{ width:65%;} .batit4-right{width:35%; padding-top:10px;} .batit4-right img{max-width:100%;} .batit5{ overflow:hidden; box-sizing:border-box; padding-bottom:25px;} .batit5-1{ width:32%; text-align:center;} .batit5-p1{ color:#c8392a; font-size:0.7em; } .batit5-p2{ color:#acaeb3; font-size:0.5em; padding-top:3px; } .lvcolor{ color:#52a94a!important;} .baborderr{ border-right:1px solid #c2ceeb;} .batit6{ width:110px; height:34px; line-height:34px; text-align:center; color:#FFF; font-size:0.75em; border-radius:17px; overflow:hidden;} .shl-n-pic { width: 100px; height: 72px; line-height:72px; text-align:center; overflow: hidden; font-size:40px; position: relative; color:#fff; margin-right: 12px; background:#0163aa } .shl-n-pic img { width:100%; height:100%; object-fit:cover;} .nsort{ position:absolute; z-index:4; left:0; top:0; color:#FFF; padding:5px 10px; font-size:12px;border-bottom-right-radius:5px; overflow:hidden;} .nscolor1{ background-color:#4e71cd;} .nscolor2{ background-color:#52a849;} .nscolor3{ background-color:#e1ab38;} .biaotixx {font-size:16px;width: 100%; text-align:center; color: #747474;box-sizing: border-box;transition:all 1s ease 0.5s; margin:0 auto} .biaoti span{ font-weight:bold} .animate-init .biaotixx{ opacity: 0; transform: translateY(100px);} .ccnews .biaoti{ font-size:30px; font-weight:bold} .shl-left {width:100%} .shl-ptit { font-size:0.85rem; overflow:hidden; width:100%; height:2.2rem; line-height:1.1rem; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:2; /*显示行数*/-webkit-box-orient:vertical; color:#000;} .shl-time { font-size:12px; color:#969696; margin-top:12px;} .shl-laiyuan { font-size:12px; color:#969696; padding-top:3px;} .shl-geng{ padding-top:20px; padding-bottom:20px;} .maipan{ padding:0px 13px 3px 13px; width:100%; box-sizing:border-box; overflow:hidden;} .woyaomai{ font-size:0.7em;color: #fff; margin-left:6px; background-image: linear-gradient(to right, #3058c7 , #5881eb); padding:5px 15px; border-radius:18px; overflow:hidden;} .woyaomai1{ font-size:0.7em;color: #fff; margin-left:6px; background-image: linear-gradient(to right, #e90c0c , #ee6d6d); padding:5px 15px; border-radius:18px; overflow:hidden;} .maimai{background-image:url(../images/mai.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; } .maimai1{background-image:url(../images/mai1.png); background-position:left center; background-repeat:no-repeat; background-size:auto 14px; padding-left:18px; } .maitit{color: #1b1b1b;font-size: 0.88em; padding-top:4px;} .mailist{ padding:0px 13px 13px 13px; width:100%; box-sizing:border-box; overflow:hidden;} .maisect{padding:15px 13px;box-sizing:border-box; background-color:#FFF;border-radius:5px; position:relative; overflow:hidden;} .maifont1{ display:flex;align-items: baseline; padding-bottom:5px;} .maileft{ width:70%; box-sizing:border-box; padding-right:10px;} .mairight{ width:30%; padding-top:3px;} .maifont2-1{font-size: 0.65em; color: #ea4e3d; border: 1px solid #f6c7c4; padding: 3px 10px; margin-right: 4px; background-color: #fdf6f5;} .maifont2-2{font-size: 0.65em; color: #3970de; border: 1px solid #b1c5ef; padding: 3px 10px; margin-right: 4px; background-color: #dfe9ff;} .maifont2{ height:26px; overflow:hidden;} .maifont4{ color:#000; font-size:0.8em;} .chushou { font-size: 0.65em; color: #ea4e3d; border: 1px solid #f6c7c4; padding: 2px 12px; background-color: #fdf6f5; } .goumai { font-size: 0.65em; color: #3970de; border: 1px solid #b1c5ef; padding: 2px 12px; background-color: #dfe9ff; } .shl-ff{position:absolute; right:-5px; top:15px; z-index:2;} .dingwen{ position:relative; margin-top:10px;} .chushoudi{width:50px; height:5px; background-image:url(../images/jiantou.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;} .goumaidi{width:50px; height:5px; background-image:url(../images/jiantou1.png); background-position:right top; background-repeat:no-repeat; background-size:5px auto;} .zhishu{ padding:3px 13px 15px 13px; width:100%; box-sizing:border-box; background-color:#f5f5f5; color:#1b1b1b; font-size:0.88em;} .zsfont1{ font-size:0.9em; color:#000;} .zsfont2{ font-size:0.68em; color:#585858; padding-top:10px; line-height:1.5em; padding-bottom:10px;} .zscolor{ color:#e00000;} #top{ width:100%; overflow:hidden; display:block; position:absolute; top:50px; z-index:100; background-color:#FFF;padding: 10px; box-sizing:border-box;} input.button1 { border-radius: 5px; line-height: 23px; height: 33px; width: 70%; padding: 0 5px 0 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; float:left; margin-right:3%; font-size:12px; z-index: 1001; } input.button2 { text-shadow: black 0 1px 0; border: 1px solid; border-color: #EEE #CCC #CCC #EEE; color: #666; font-weight: bold; width: 22%; border-radius: 5px; padding: 3px; height: 35px; text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); font-size:12px; z-index: 1001; float:right; } .loading-more-button { width: 100%; height: 2rem; line-height: 1.96rem; text-align: center; font-size: .8rem; border: 1px solid #1792CA; border-radius: 5px; color: #1792CA; cursor: pointer; margin: 0 auto;background-color: #fff; } .home-tit{width: 100%; position: relative; margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0a53a3; box-sizing:border-box;} .home-tit .dtit { font-weight:bold; float:left;} .home-tit a { font-family: Arial; font-size: 10px; float: right; color: #666; text-align: right; display: block; padding-top: 6px; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .tbottom{ height:4.2em;} #BottomNav { background-color:#046eb8; bottom: 0; left: 0; overflow: hidden; position: fixed; width: 100%; z-index: 9; box-sizing:border-box; } #BottomNav ul li { opacity:0.9; float: left; box-sizing:border-box; text-align: center; width: 20%; } #BottomNav ul li a { color: #fff; display: block; padding-top:0.8rem;padding-bottom:0.2rem } #BottomNav ul li a div { font-size: 0.9em; padding-top:0.18rem;padding-bottom:0.5rem; } #BottomNav .a { background-image: url(../images/shl-a.png); } #BottomNav .b { background-image: url(../images/shl-b.png); } #BottomNav .c { background-image: url(../images/shl-c.png); } #BottomNav .d { background-image: url(../images/vperson.png); } #BottomNav .e { background-image: url(../images/vbob1.png); } #BottomNav .f { background-image: url(../images/shl-f.png); background-size:auto 1.1rem!important; } #BottomNav .icon { background-position: center center; background-repeat: no-repeat; display: block; height: 1.4rem; margin: 0 auto; width: 1.4rem; background-size: auto 1.5em; } .shl-toug{ height:50px; width:100%;} .shl-mingx{ width:14.285%; float:left } .shl-mingx img{ width:100%; height:100%; object-fit:cover;} #msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;} #menu{ position:fixed; width:230px; height:100%; right:-230px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;} .menu1{ position:absolute; width:200px; height:100%; right:-200px; background:#444; color:#fff; z-index:300; display:none;} #menu li:after , .menu1 li:after{ content:''; display:block; width:100%; border-bottom:1px solid #222;} #menu a , .menu1 a{ line-height:45px; padding:0 20px 0 35px; border:none; display:block; color:#fff;font-size: 0.8rem;} .list{width: 100%;} .list ul li{ border-bottom:solid 1px #222; } .list ul li::after { content: ''; display: block; width: 100%; border-bottom: 1px solid #404040; } .list ul li a{padding-left: 20px;color: #E3E3E3; display: block; height:46px;line-height: 46px;position: relative; text-decoration:none;font-size: 0.85rem; } .list ul li .inactive{ background:url(../images/shl-down-open.png) no-repeat right center; background-size:auto 20px;} .list ul li .inactives{background:url(../images/shl-down-open1.png) no-repeat right center; background-size:auto 20px;} .list ul li ul{display: none;} .list ul li ul li { border-left:0; border-right:0; background-color:#555; border-color:#666;} .list ul li ul li::after { border:none;} .list ul li ul li ul{display: none;} .list ul li ul li a{ padding-left:30px;background:url(../images/wap-jiany.png) no-repeat right 8px center; background-size:auto 10px;font-weight: lighter;font-size: 0.75rem; height:42px;line-height: 42px;} .mshouye { background-image: url(../images/drawer-home.png); background-repeat: no-repeat; background-position: right center; background-size: auto 20px; } .jianyou { background-image: url(../images/shl-down-open1.png); background-repeat: no-repeat; background-position: right center; background-size: auto 19px; } .main{ max-width:640px; width:100%;} .op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;} /*-------产品----*/ .cplbtn { color: #fff; padding-left:15px; padding-right:15px; height: 34px; font-size: 14px; text-align: center;line-height: 34px; display: table; border-radius: 17px;background-color:#E60012;} .cplbtn1 { color: #fff; padding-left:10px; padding-right:10px; height: 28px; font-size: 13px; text-align: center; line-height: 28px; display: table; border-radius: 14px; background-color:#E60012; } .cplbtn65 { color: #fff; height: 28px; font-size: 13px; text-align: center; line-height: 28px; border-radius: 14px; background-color:#E60012; width:65px; min-width:65px; } .uni-video{ width:100%;object-fit: cover !important;} .aboutm { box-sizing: border-box;transition:all 1s ease 0s; padding-bottom:20px; background-color:#FFF; padding-top:10px; } .animate-init .aboutm{ opacity: 0; transform: translateY(100px);} .abouts{ background-image: url(../images/wap_034.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; height: 200px; border-radius: 7px; overflow: hidden; } .vr{ width:100%; height:365px;background-image: url(../images/vr.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; position:relative;transition:all 1s ease 0s; } .animate-init .vr{ opacity: 0; transform: translateY(100px);} .dingwei{ position:absolute; top:50%; left:50%;width: 60px; margin-left:-50px; margin-top:-17px;} .dingwei1{ position:absolute; bottom:20px; left:20px;width: 40px; } .dingnn{ position:absolute; bottom:0px; left:0px;width: 100%; box-sizing:border-box;padding: 0 15px;z-index: 1; } .dingnn1{ position:absolute; bottom:-1px; left:0px;width: 100%; box-sizing:border-box;z-index: 1; } .dingwei2{ width: 100%; box-sizing:border-box; background-color:rgba(0,0,0,0.3); color:#FFF; display:flex; padding-left:12px; padding-right:12px; height:40px;align-items: center; } .maifont1-1{ font-size:15px; color:#fff; height:40px; line-height:40px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:1; /*显示行数*/-webkit-box-orient:vertical; overflow:hidden; width:100%; box-sizing:border-box; padding-right:10px;} .maifont1-2{ font-size:16px; color:#fff; width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;} .maifont1-3{ font-size:16px; color:#666; width:100%; box-sizing:border-box; text-align:center; padding-top:20px; padding-bottom:20px;} .pffp{font-size:13px; color:#fff; text-align:center; padding-top:20px; border-top:1px dotted #FFFFFF;} .pffp1{font-size:13px; color:#666; text-align:center; padding-top:20px; border-top:1px dotted #666;} .shoushi{background-image: url(../images/shouzhi.png); background-repeat: no-repeat; background-position: center center; background-size: auto 16px; width:25px; min-width:25px; height:25px; background-color:#E60012; border-radius:50%; overflow:hidden;} .shl-vid3 { width: 100%; color: #fff; position: absolute; bottom: 0; background-image: url(../images/shl-vdi.png); background-repeat: repeat-x; background-size: auto 100%; padding: 20px 15px 10px 15px; } .shl-bico { background-image: url(../images/shl-vtu.png); background-size: auto 15px; background-position: 50%; background-repeat: no-repeat; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; position: absolute; background-color: rgba(0,0,0,.2); left: 15px; top: 15px; } .shl-atit { font-size:15px; overflow:hidden; height:20px; line-height:20px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:1; /*显示行数*/-webkit-box-orient:vertical } .shl-mor { color: #fff; font-size: 11px; padding-top: 5px; } .shl-mor div { padding-left: 10px; } .shl_abouttop { border-top: 9px solid #f1f1f1; } .shl-gong { display:flex; align-items:center; padding:10px 15px; border-bottom:1px solid #ebebeb; background-color:#FFF; } .shl-protitle { width: 100%; font-size: 16px; font-weight: 700; color: #C30D23; line-height: 30px; } .shl-xian2 { width:150px; min-width:150px; height:25px; line-height:25px; display:flex; justify-content:flex-end } .shl-xiangg { width: 80px; text-align: center; color: #989898; font-size: 13px; background-image: url(../images/vhmor.png); background-repeat: no-repeat; background-size: auto 16px; background-position: 100%; height: 25px; line-height: 25px; padding-right: 20px; text-align: right; } .fuwuw{ padding:0px 10px 15px 10px; width:100%; box-sizing:border-box; overflow:hidden; background-color:#FFF;display: flex;flex-wrap: wrap;} .fuwusec { width: 46%; padding: 4px;background-color: #fff; box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2); border: 1px solid #f1f1f1; transition: all 0.4s; box-sizing:border-box;transition:all 0.8s ease 0s; margin-left:2%; margin-right:2%; margin-top:10px;height: 110px;overflow: hidden; } .fuwusec dt { height:100%; } .fuwusec dt img { width: 100%; height:100%;object-fit: cover; display:block; } .animate-init .fuwusec{ opacity: 0; transform: translateY(100px);} .fuwusecdd { padding: 13px; transition: all 0.4s; } .fuwusecdd h3 { padding-bottom:10px; font-size:18px;} .fuwusecdd p { font-size:14px; line-height:24px;} .gaoju{ margin-top:15px;} .shl-lian{ background: #424242; color:#ccc; font-size:14px; text-align:center; padding:25px; box-sizing:border-box; line-height:20px;} .shl-lian a{ color:#ccc;} .shl-lian1{ color:#ccc; font-size:14px; text-align:center;box-sizing:border-box; line-height:24px;} .shl-lian1 a{ color:#ccc;} .shl-xiaflex{ width:100%; box-sizing:border-box; display:flex;padding-top: 30px;transition:all 0.8s ease 0s; padding-bottom:20px;} .animate-init .shl-xiaflex{ opacity: 0; transform: translateY(100px);} .shl-xiasen{ width:100%;} .shl-xiasencc{ width:50%;} .shl-xiasen1kk { width: 90%; height:50px; margin:0 auto; box-sizing:border-box;transition:all 0.8s ease 0s; margin-top:30px; border-radius:6px; overflow:hidden; background-color:#FFF; } .shl-xiasen1kk img { width: 100%; height:100%;object-fit: contain; display:block; } .shl-xiasen1 { width: 80px; height:80px;box-sizing:border-box;transition:all 0.8s ease 0s; overflow:hidden; min-width:80px; margin-right:20px; } .shl-xiasen1 img { width: 100%; display:block; } .animate-init .shl-xiasen1{ opacity: 0; transform: rotateY(90deg);} .shl-xikuai{} .shl-xiangmu { background-image: url(../images/pro_bg.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; overflow: hidden; } .shl-xiangmuh { background-image: url(../images/wxiangmu2.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; height: 350px; overflow: hidden; } .shl-xiangmuhj { background-image: url(../images/wxiangmu3.jpg); background-repeat: no-repeat; position: relative; background-size: cover; background-position: 50%; width: 100%; height: 350px; overflow: hidden; } .shl-xiabg { width: 100%; color: #fff; padding: 30px 20px; height: 100%; box-sizing:border-box; } .shl-xiangmu1 { width: 100%; color: #fff; box-sizing:border-box; padding-left:10px; } .shl-xiangmu1 .pp1{ padding-bottom:10px; font-size:20px; font-weight:bold;transition:all 1s ease 0s; text-align:center;} .shl-xiangmu1 .pp2{ font-size:12px; line-height:22px; transition:all 1s ease 0.5s;text-align:center;} .animate-init .pp1 { opacity: 0; transform: translateY(100px); } .animate-init .pp2{ opacity: 0; transform: rotateY(90deg);} .pshow{ width:100%; position:relative; height:366px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;} .pshow img{ width:100%; height:100%;object-fit: cover;} .animate-init .pshow { opacity: 0; transform: translateY(100px); } .alishow{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 15px; box-sizing:border-box; background-color:#FFF;} .alishow img{ width:100%; height:100%;object-fit: cover;} .animate-init .alishow { opacity: 0; transform: translateY(100px); } .pshow1{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap; padding:30px 10px;transition:all 1s ease 0s;background-color:#f7f7f7;} .pshowxx{ width:50%; box-sizing:border-box; padding:8px; } .jianbian{background-image: linear-gradient(to right, #1888DF , #22B78C);padding: 40px 15px;height: 100%; box-sizing: border-box;} .jianbian1{padding: 40px 15px;height: 100%;box-sizing: border-box; background-color:#FFF;border: 1px #e7e7e7 solid;} .pshowsec{ width:100%; box-sizing:border-box; position:relative; height:110px;border: 4px solid #fff;} .pshowsec img{ width:100%; height:100%;object-fit: cover;} .pshowsecda{ width:60px; box-sizing:border-box; position:relative; height:60px; margin:0 auto;} .pshowsecda img{ width:100%; height:100%;object-fit: cover;} .animate-init .pshow1 { opacity: 0; transform: translateY(100px); } .hbjcolor{background-color: #F6FAFE;} .hbjcolor1{background-color: #FEFEFB;} .hbjcolor3{background-color: #F8FEFE;} .shl_aboutt1 { border-top: 1px solid #e5e3e3; } .shl_anlitop { margin-top:8px;} .shl_anlimore { padding-top:30px; padding-bottom:40px; width:100%; background-color:#FFF;} .shl_newsmore { padding-top:15px; padding-bottom:40px; width:100%; } .ccnews{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden;background:#fff;} .vrpadding{ width:100%; box-sizing:border-box; padding:0px 15px 30px 15px;} .aboutvr{ padding:15px 15px 0px 15px; width:100%; box-sizing:border-box; overflow:hidden; } .vrianjie { font-size: 14px; width: 100%; padding: 15px ; color: #565656;box-sizing: border-box; line-height:24px;transition:all 1s ease 0s; background-color:#FFF; } .animate-init .vrianjie{ opacity: 0; transform: translateY(100px);} /*内页样式开始*/ .ab-tit{padding: 15px; width:100%; box-sizing:border-box;background-color: #fff; border-bottom: 1px solid #ebebeb;font-size: 16px; font-weight: 700; color: #323232;} .article { padding: 15px; color: #606060;width:100%; box-sizing:border-box; line-height:26px;font-size: 14px;background-color: #fff; } .newspage { text-align:center; padding-bottom:20px; padding-top:5px;font-size:13px;} .newspage A { border-width: 1px; border-style: solid; border-color: #999; padding: 2px 5px; background: #FFF none repeat scroll 0% 0%; font-size:13px; color: #666; margin-right: 2px; } .newspage SPAN.current { border-width: 1px; border-style: solid; border-color: #666; padding: 2px 5px; font-weight: bold; background: #E60012 none repeat scroll 0% 0%; color: #FFF; margin-right: 2px; } .news-title-view { padding: 15px; border-bottom: 1px solid #f6f6f6;border-top: 1px solid #f6f6f6; } .news-title-view .title { font-size: 20px; line-height: 25px; padding-bottom: 10px; font-weight: 700; color: #1f1f1f; } .news-title-view .titlec { font-size: 20px; line-height: 25px; padding-top:2px; font-weight: 700; color: #1f1f1f; } .otherview { display:flex; align-items:center;} .news-time { font-size:13px; line-height:13px; color:#969696; background-image:url(../images/shl-ico-time.png); background-size:auto 13px; background-position: left center; background-repeat:no-repeat; padding-left:17px; width:100% } .art-cshi { padding:15px;font-size: 15px; line-height:24px; color:#333; min-height:300px; } .art-cshi p { padding-bottom:15px } .art-cshi video { max-width:100%!important; height:auto!important; display:block } .art-cshi img { max-width:100%!important; height:auto!important; display:block } .chanpi{ width:100%; box-sizing:border-box; padding:20px 7px 20px 7px;} .chanpx{ width:100%; box-sizing:border-box; padding:10px 7px 20px 7px;} .pshowzi{ width:100%; position:relative; height:200px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;} .pshowzi img{ width:100%; height:100%;object-fit: cover;} .animate-init .pshowzi { opacity: 0; transform: translateY(100px); } .psku{ width:50%; box-sizing:border-box; position:relative; border: 7.5px solid #fff; background-color:#f5f5f5;} .psku img{ width:100%;object-fit: cover;border-radius:5px; } .pskuflex{ width:100%; box-sizing:border-box; display:flex;flex-wrap: wrap;background-color:#FFF;} .shlgpic{ height:375px!important; object-fit:cover;} .zhengpin { padding:10px 15px; display:flex; justify-content:space-between; align-items:center; } .zhengpinleft { width:100% } .zpleft1 { padding-left:17px; background-image:url(../images/shl-zhengpin.png); background-size:auto 15px; background-position: left center; background-repeat:no-repeat; height:25px; line-height:25px; font-size:14px } .baozheng{color: #f60;} .zpleft2 { color:#969696; font-size:12px } .shl-ditel { width:35px; min-width:35px; height:35px; overflow:hidden; border-radius:50%; margin-left:10px; background-image:url(../images/shl-dianhua1.png); background-repeat:no-repeat; background-color:#045abd; background-size:auto 18px; background-position:50% } .texing1{ padding-bottom:10px;} .texing{ background-color:#E60012; color:#FFF;display: table;padding: 3px 10px;margin-top: 5px;} .case { padding: 0px 15px 15px 15px; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #FFF; } .casesec { width: 100%; padding: 7px; box-shadow: 2px 2px 2px 1px rgba(0,0,0,.2); border: 1px solid #f1f1f1; box-sizing:border-box; margin-top:20px; } .shlttt{height: 160px;} .shlttt img { width: 100%; height: 100%; object-fit: cover; display:block; } .casesecdd {padding: 13px;} .casesecdd h3 { padding-bottom: 10px; font-size: 18px; } .casesecdd p { font-size: 14px; line-height: 24px; } .wcontact{ background-color:#E60012; color:#FFF;display: table;padding: 3px 10px; margin:0 auto;font-size: 16px; border-radius:2px; overflow:auto;} .wconflex{display: flex;flex-wrap: nowrap;padding: 30px 15px;align-items: center;} .wcon-pic { width: 115px; min-width: 115px; height: 115px; overflow: hidden; position: relative; border: 1px solid rgba(0,0,0,.1); margin-right: 12px; } .wcon-pic img { width:100%; height:100%; object-fit:cover;} .wcon-right {width: 100%; font-size:14px; line-height:24px;} .art-lianxi { padding:40px 15px;font-size: 15px; line-height:24px; color:#333; } .wconfont{color: #E60012;} .wconfont1{ font-size:16px; padding-bottom:10px;} .pshowzitt{ width:100%; position:relative; height:360px;transition:all 1s ease 0s; padding:0 8px; box-sizing:border-box; background-color:#FFF;} .pshowzitt img{ width:100%; height:100%;object-fit: cover;} .vvvvv{ height:100%; border:1px solid #ebebeb;} .ccvb{background-image: linear-gradient(to right, #1888DF , #22B78C); width:100%; box-sizing:border-box; color:#FFF; padding:15px; border-radius:5px; overflow:hidden; margin-top:20px;} .ccvb .df1{ font-size:18px;padding-bottom:5px!important;} .ccvb .df2{ padding-bottom:0!important;} .fdccc{height: 50px; line-height: 50px; color: #fff; font-size: 18px; width:80%; margin:0 auto;background-image: linear-gradient(to right, #1888DF , #22B78C); border-radius:25px; overflow:hidden; text-align:center; margin-top:50px;} /*选项卡*/ .tabs { width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; text-align: center; overflow: hidden; box-sizing:border-box; padding:10px 12px 0px 12px;background-color: #fff; font-weight:bold; } .tab_con{ display:none; padding: 0px 15px 15px 15px;} .tabs li{ float: left; width: 50%; height: 40px; line-height: 40px; font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;} .tabs .thistab{ float: left; width: 50%; height: 40px; border-bottom: 1px solid #1792CA; line-height: 40px; font-size: 0.9rem; color: #1792CA;} .listflex{ background-color: #fff; display: flex; border-radius: 5px; overflow: hidden; margin-top: 15px;box-shadow: 0px 0px 5px #E8E8E8;} .listsec{ width:50%; min-width: 50%; box-sizing: border-box;} .listleft{ height:150px; position: relative;} .listleft img{ width: 100%;height: 150px; object-fit:cover;} .zhibo{ z-index: 10; top: 5px; left: 5px; background-color: #08C060; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px; background-image:url(../images/zhibo.gif); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px; } .huifang{ z-index: 10; top: 5px; left: 5px; background-color: #0979D0; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px; background-image:url(../images/huifang.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px; } .listright{ padding: 15px;} .title{ text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:5;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; max-height:80rpx; line-height: 20px; font-size: 15px; font-weight: bold;} .time{ font-size: 13px; margin-top: 12px; color: #A3A3A3; background-image:url(../images/shl-zbtime.png); background-position: left center; background-repeat: no-repeat; background-size: auto 14px; padding-left: 18px; padding-bottom:3px; } .time1{ font-size: 13px; color: #A3A3A3; } .zhubo{ margin-top: 10px; font-size: 13px;background-image:url(../images/shl-zhubo.png); background-position: left center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 18px;} .guoqi{ z-index: 10; top: 5px; left: 5px; background-color: #E81D1D; position: absolute; color: #fff; font-size: 12px; padding: 3px 5px; border-radius: 4px; background-image:url(http://testf002.webf.testwebsite.cn/Html/images/shl-guoqi.png); background-position: 5px center; background-repeat: no-repeat; background-size: auto 12px; padding-left: 22px; } .mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;} .menu_open{ display: block;} .menu_close{ display: none; background: url('../images/wap_close.png') no-repeat; background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;} .msk {display: none; position: fixed; width: 100%; height: 100%; top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; } .menu { position: fixed; width: 230px; height: 100%; top: 50px; right:-230px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;} .menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;} .menu .menu-li{border-bottom: 1px solid #222;} .menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;} .menu .twoul{ display: none;} .menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;} .menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;} .menuico_right{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;} .menuico_down{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;} .menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;} /* .menu .onemenu{ color: #fff; font-size: 14px;} */ .nybanner{ width:100%} .nybanner img{ width:100%; display:block} dl.message2{ margin: 0 auto 0 auto; padding: 0px; width: 96%; } dl.message2 dd{ margin: 0 0 6px 0; padding: 0px; float: left; width: 100%; } .round1li2 input { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 23px; width: 100%; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; font-size:15px; } .round1li2 textarea { font-family:"微软雅黑"; border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 68px; width: 100%; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; font-size:15px; } .round1li3 input { border-radius: 5px;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; line-height: 23px; height: 23px; width: 150px; padding-left: 5px; border: 1px solid; border-color: #CCC #EEE #EEE #CCC; background: whiteSmoke; float:left; margin-right:10px; font-size:15px; } .round1li4 { margin: 0 auto; width: 100%; float:left; text-align:center;} .round1li4:after { clear: both; content: " "; display: block; } .round1li4 input.button { margin:0 auto; font-size: 15px; color:#ffffff; font-weight: bold; display:block;width: 100%; height: 45px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border: #2cb33d 1px solid; background:-moz-linear-gradient(top,#2cb33d,#035faf);/*Mozilla*/ background:-webkit-linear-gradient(top,#2cb33d,#035faf);/*new gradient for Webkit*/ background:-o-linear-gradient(top,#2cb33d,#035faf); /*Opera11*/ } .cplieaa { padding:1rem} .mingcheng{ line-height:40px; margin-left:10px; font-size:0.75rem;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;} .youimg{ width:30px; margin-top:10px; } .youimg img{ width:50%;} .zuoimg{ background:#2cb33d; height:40px; width:40px; border-top-left-radius:10px; text-align:center; margin:0 auto;border-bottom-left-radius:10px;} .imaaa{ width:30px; padding-left:5px; padding-top:10px;} .imaaa img{ width:50%;} .ncon_item{display: flex;flex-wrap: nowrap; overflow: hidden; position: relative;box-sizing: border-box; padding: 15px 12px; background-color:#fff;border-bottom: 1px solid #EBEBEB;} .shl-n-pic { width: 90px; min-width: 90px; height: 72px; overflow: hidden; position: relative; color:#fff; margin-right: 12px; border-radius: 3px; } .shl-n-pic img { width:100%; height:100%; object-fit:cover;} .shl-left { width:100% } .shl-ptit { font-size:0.9rem; overflow:hidden; width:100%; height:1.3rem; line-height:1.3rem; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:2; /*显示行数*/-webkit-box-orient:vertical } .shl-ptit2 { font-size:14px; overflow:hidden; color:#555; width:100%; height:20px; line-height:20px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:1; /*显示行数*/-webkit-box-orient:vertical } .shl-nr { font-size:0.8rem; overflow:hidden; width:100%; height:2.6rem; line-height:1.3rem; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:2; color:#555; opacity:0.5; /*显示行数*/-webkit-box-orient:vertical } .shl-time { font-size:12px; color:#2cb33d; margin-top:9px; background-image:url(../images/shl-ico-time.png); background-size:auto 13px; background-repeat:no-repeat; padding-left:15px } #todayList{ margin:0 auto; } .chatPanel .mediaFullText { margin:20px 10px; } .chatPanel .time { margin:10px 0; color:#FFFFFF; width:auto; font-size:12px; display:block; float:left; background-color:#B4753C; padding:10px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; position:relative; -webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14); box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.14); } .topding .chatPanel .time{background-color:#B4753C;} .chatPanel .time .timey { margin:0px; color:#FFFFFF; font-size:12px; display:block; font-family:Georgia, "Times New Roman", Times, serif; } .chatPanel .time .timem { margin:0px; color:#FFFFFF; font-size:9px; font-family:Georgia, "Times New Roman", Times, serif; } .chatPanel .time .timed { margin:0px; color:#FFFFFF; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; } .chatPanel .time .timex { position:absolute; top:10px; right:-4px; background-color:#B4753C; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; width:12px; height:12px; transform: rotate(45deg) ; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; } .topding .chatPanel .time .timex{background-color:#B4753C;} .chatPanel .media { border:0px solid #D1D1D1; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius:5px 5px 10px 10px; -moz-border-radius:5px 5px 10px 10px; border-radius:5px 5px 10px 10px; background:url(../images/wap_bottom.png) repeat-x scroll left bottom #FFFFFF; background-size:2px auto; margin-left:0px; } .chatPanel .media .mediaPanel { padding:0px; margin:0px; } .chatPanel .media .mediaHead { /*height:48px;*/ padding:15px 15px 8px; border-bottom:0px solid #D3D8DC; color:#000000; font-size:20px; } .chatPanel .media .mediashl { /*height:48px;*/ padding:5px 15px 8px; border-bottom:0px solid #D3D8DC; color:#000000; font-size:20px; } .chatPanel .media .mediaHead .title { line-height:1.2em; font-size:18px; display:block; text-align: left;/*height:25px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;*/ } .chatPanel .media .mediaImg { min-width: 200px; padding:0; margin:0 15px; overflow:hidden; position: relative; /*max-height:164px;*/ } .chatPanel .media .mediaImg img { width: 100%; } .chatPanel .mediaFullText .mediaContent { padding:0 0 10px; font-size:16px; text-align:left; color:#222222; } .chatPanel .mediaFullText .mediaContentP { margin:10px 15px 0px; border-bottom:1px solid #D3D8DC;word-break:normal; word-wrap:word-break; } .chatPanel .mediaFullText .mediaContent p{ max-height:40px; overflow:hidden; font-size:14px; line-height: 1.5em; } .chatPanel .media .mediaFooter { -webkit-border-radius:0px 0px 12px 12px; -moz-border-radius:0px 0px 12px 12px; border-radius:0px 0px 12px 12px; padding: 0 15px; } .chatPanel .media .mesgIcon { display:inline-block; height:19px; width:10px; margin:8px 0px -2px 4px; background:url(../images/wap_ico-next2.png) no-repeat 0 0 ; background-size: 10px auto; } .chatPanel .media .mediaFooter .mesgIcon { margin:18px 3px 0 0; } .pagination{ height: 60px; line-height: 60px; margin: 0 auto; text-align: right; padding-right: 8px; } .pagination div{ display:inline-block; } .pagination a { margin: 0 ; padding: 6px 13px; border:0; background:#fefefe; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size:100%; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #f2f2f2)); background-image:-webkit-linear-gradient(top, #fff, #f2f2f2); background-image:-moz-linear-gradient(top, #fff, #f2f2f2); background-image:-o-linear-gradient(top, #fff, #f2f2f2); background-image:linear-gradient(top, #fff, #f2f2f2); box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#666; } .pagination a:hover { border:0; background:#fefefe; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZGFkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size:100%; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #dadada)); background-image:-webkit-linear-gradient(top, #fefefe, #dadada); background-image:-moz-linear-gradient(top, #fefefe, #dadada); background-image:-o-linear-gradient(top, #fefefe, #dadada); background-image:linear-gradient(top, #fefefe, #dadada) } .pagination a:active { background:#ececec } .pagination .disabled a, .pagination .disabled a:hover { background:none; border:1px solid rgba(0, 0, 0, 0.22); -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:A4A3A3; } .pagination .allpage{ position: relative; text-align: center; vertical-align: baseline; display: inline-block; } .pagination .currentpage{ line-height: 30px; width: 70px; } #dropdown-select{position:absolute; top:0; left:0; height:30px; width:70px; opacity:0; } .prolist {margin-right: 10px;} .prolist ul li{ text-align: center; width: 50%; overflow: hidden; float: left;} .prolist:after { clear: both; content: " "; display: block; } .prolist li p{ line-height: 12px;} .prolist li:nth-child(n){ } .prolist li:nth-child(n+1){ } .prolist li a{ display:block; margin: 10px 0px 0px 10px;} .prolist li a img{ height: 100px; width:100%} .pro_fl_title{ font-size:14px; font-weight:bold; color:white; text-align:center; line-height:40px; background-color:#2cb33d; width:100%; } .pro_fl_title a{color:white;} .pro_tb{ width:100%; margin-bottom:20px; border:1px solid #ccc; border-bottom:0; border-left:0;} .pro_tb tr td{ font-size:13px; color:#333;font-family:Arial,"Microsoft YaHei"; border:1px solid #ccc; border-top:0; border-right:0;} .pro_tb tr td a{ color:#333;} .pro_more{ width:150px;background-color:#0764b9; margin:0 auto; margin-bottom:20px;} .pro_more p a{ display:block; font-size:13px; color:#333; text-align:center; line-height:28px;background-color:#e5e5e5;} .pro_more p a:hover{background-color: #246815; color:white;} .jj_p1{ font-size:35px; color:#2cb33d; font-weight:bold;line-height:46px;} .jj_bg{ background:url(../images/wap_img24.jpg) center no-repeat; width:100%; height:300px;} .jj_box{ padding-left:20px; margin:0 auto; padding-top:50px;} .jj_box .jj_pic{ float:left; margin-right:12px;} .jj_kuang{ float:left;} .jj_kuang .jj_p2{ font-size:24px; color:#000; padding-top:10px;} .jj_p3{ font-size:16px; color:#e00000; text-transform:uppercase; margin-top:10px; margin-bottom:10px;} .jj_p4{ font-size:17px; color:#000; } .search{ margin:15px;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:0px; margin-top:0px; } .search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0; border-radius:5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -khtml-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; } .search .button{ height:40px; width:40px; display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; background:#000 url(../images/wap_ico031.png) center center no-repeat; cursor:pointer;} .pro_title{ font-size:14px; color:white; line-height:40px; text-align:center; background-color:#2cb33d; font-weight:bold;} .pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0;} .pro_nr_box table tr td{ font-size:12.5px; padding:2px; color:#333; line-height:20px;border:1px solid #ccc; border-top:0; border-right:0;} .pro_nr_box p{ font-size:12.5px; color:#333; line-height:20px;} .bgtu{ width:100%;} .bgtu img{ width:100%} .gongsi{ background:#f1f1f1; width:100%; margin:0 auto; padding-top:35px; padding-bottom:35px;} .gsmcaa{font-size: 21px;color: #000;font-weight: bold;} .gsnr{margin-top: 20px;} .gema{ border:1px solid #d8d8d8; height:30px; line-height:30px; width:120px; font-size:14px; text-align:center;} .gongsitu{ padding-left:15px; padding-right:15px;} .gzuo{ width:45%; margin-top:15px;} .gzuo h2{ font-size:18px; color:#000; font-weight:bold; margin-bottom:10px;} .gzuo h3{ font-weight:normal;font-size:16px; color:#333;} .cline{ background:#000; height:1px; width:50px; margin-top:20px; margin-bottom:20px;} .gyou{ width:50%;} .gyou img{ width:100%} .smnr{ overflow:hidden; font-size:15px; padding-left:15px; padding-right:15px; margin-bottom:20px; height:125px; line-height:25px; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*超出...*/display:-webkit-box; -webkit-line-clamp:5; /*显示行数*/-webkit-box-orient:vertical;} .gema{ margin-left:15px;} .gsmcaa{ font-size:16px; padding-left:15px; padding-right:15px; padding-bottom:15px;padding-top:15px;} .cpfenlei{ background:#f7f7f7; padding:10px;} .cptu{ width:40%} .cptu img{ width:100%} .daxie{font-weight:bold;font-size: 18px;line-height:30px;} .cumiao{ width:55%;} .cumiao ul li{ float:left; width:50%;line-height: 25px;} .gengduo{ border:1px solid #d8d8d8; height:25px; line-height:25px; text-align:center; font-size:13px; width:100px;} }