元素的首字母设置样式：*/ /*公用链接_css*/ a{-webkit-tap-highlight-color:rgba(255,0,0,0);} /* 去除移动端点击色块遮罩层 */ a:link{color:#333;text-decoration:none} a:visited {color:#333} /*主菜单链接_css*/ .menu_important {width:100%;position:relative;display:flex;justify-content:space-between;align-items:center;}/* 菜单平均分 */ .menu {font-size:15px; font-weight:normal;height:100px;position:relative;display:block;width:25%; margin-right:2px;/* 按钮平均分 */ height:auto;border:0px solid rgba(0,0,0,0.0);border-radius:0px ;opacity:1;transition:0.2s} .menu:hover {background:rgba(0,0,0,0.0);border-radius:0px;} .menu:last-child{margin-right:0px;} .menu >a{color:#666;position: relative;padding:0px 18px; line-height:3.5; height:auto;/* 高度自适应 */ display: block;overflow:hidden;border-radius:0px; text-align:center;text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);transition:0.2s} .menu a:hover span {color:#9C2828;transform:translate3d(0, -100%, 0);} .menu a .menuarrow{position:absolute;line-height:3.5;opacity:0.3; top:0;right:8px;}/*有二级菜单显示箭头*/ .menu span {position:relative;text-transform:uppercase;display: block;transition:0.2s} .menu span:before{color:#9C2828;content:attr(data-title);left:0px;right:0px;top:0px;bottom:0px;position:absolute;top:100%;transition:0.2s}/*经过菜单滚动文字'字母*/ .menu .erji {font-size:14px;position:fixed;opacity:0;top:0px; left:0; width:90%; height:290px; padding:0 5%; text-align:center;overflow:hidden;visibility:hidden;display:flex;justify-content:center;align-items:center;z-index:-99;transition:0.2s;}/*二级菜单盒子*/ .menu .erji li img {background-size:cover;width:165px;display:block; margin:0 auto;/*filter: brightness(0)/*亮度*/ sepia(0)/*褐色*/ hue-rotate(70deg)/*色相旋转*/ saturate(0)/*饱和度*/;transform:scale(1);/*html5变化移动命令*/ box-shadow:0px 0px 0px #fff;transition:1.2s;} .menu .erji li:hover img {/*filter: brightness(6)/*亮度*/ sepia(0)/*褐色*/ hue-rotate(70deg)/*色相旋转*/ saturate(0)/*饱和度*/;opacity:1;box-shadow:0px 0px 0px #FFC600;} .menu:hover .erji {top:100px;visibility:inherit;opacity:1; background:#F5F5F5 url(../images/menu_erji_back.gif) ;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);z-index:-99} .menu .erji li a {background:#fff; font-size:1.0em; line-height:5;padding:10px;border:1px #fff solid; margin:0 5px; border-radius:0px; display:block;transition:0.1s; box-shadow:0px 0px 0px #ccc;} .menu .erji li a:hover {background:#9C2828;border:1px #9C2828 solid;color:#fff;box-shadow:0px 0px 0px #999;} #menu .select{background:#; color:#9C2828;/*text-decoration:underline*/ }/*栏目高亮*/ #menu:hover .select span{transform:translate3d(0, 0%, 0); } #menu .selecterji{background:#; color:#ccc;}/*二级栏目高亮*/ #menu_page {color:#9C2828;border-radius:0px; } #menu_page:visited {background:#9C2828;color:#9C2828;} #menu_danye {background:#9C2828;color:#9C2828;border-radius:0px; }/*单页高亮*/ #menu_danye:visited {background:#9C2828;color:#9C2828;} /*二级菜单链接_css*/ .left_menu { font-size:16px;color:#666;background:rgba(0,0,0,0.0); color:#666; font-weight:normal;border-right:1px solid #E3E3E3;display:block;margin:0px 0px 0px 0px;padding:25px 50px; border-radius:0px;text-transform:uppercase;overflow: hidden;transition:0.2s} .left_menu last-child{border-right:1px solid #E3E3E3;} .left_menu:link {color:#666} .left_menu:visited {color:#666} .left_menu:hover {background:#F6F6F6;color:#9C2828; transform:translate(0,-0px);} .left_menu:after {width:0px;height:60px;margin-top:-60px; display: block;content: ""; transition:0.5s}/*after 选择器*/ .left_menu:before {width:0px;height: 60px;content: ' ';position: absolute;background: #fff;top:0;left:-45px;opacity: 0;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);} .left_menu:hover:before {width: 45px;left: 205px;} #navi ul li.h1 a{background:#9C2828; border:0px solid rgba(206,176,126,0.2);color:#fff} #navi01 ul li.h1 a{background:#9C2828; border:1px solid #9C2828;color:#fff} #navi02 ul li.h1 a{background:#9C2828; border:1px solid #9C2828;color:#fff} /*more按钮链接_css*/ .more{color:#CC0000;background:rgba(255,255,255,0.5);display:block;border:#999 1px solid; line-height:50px; height:50px;overflow:hidden;width:100%;border-radius:0px;text-transform:uppercase;transition:0.5s; text-align:center} .more:link {color:#666; padding:0px 0px;} .more:visited {color:#666;} .more:hover{color:#fff; border:#9C2828 1px solid; transform:translate(0,0px); z-index:1000} .more:after {background:#9C2828;width:0%;height:60px; margin-top:-60px; display: block; content: ""; transition:0.5s}/*after 选择器*/ .more:hover:after {background:#9C2828;width:100%} /*back按钮链接_css*/ .back {background:rgba(0,0,0,0.02);width:80px; height:20px; font-weight:normal; border:1px solid #eee; margin:50px auto; border-radius:0;display:block; text-transform:uppercase;display:flex;justify-content:center;align-items:center;padding:20px;transition:0.2s} .back:link {text-align:center} .back:visited {} .back:hover {background:rgba(0,0,0,1); color:#fff;border:1px solid rgba(0,0,0,0.1);} /*分页链接_css*/ .url{ font-weight:lighter;padding:10px 20px; border-radius:30px; border:1px solid rgba(0,0,0,0.1);transition:0.5s} .url:link{background:#9C2828;color:#fff; text-transform:uppercase} .url:visited {background:#9C2828;color:#fff} .url:hover{background:#eee; color:#333;text-decoration: none;} /*分页链接_css*/ .page{background:#fff; font-size:18px;padding:13px 18px; border-radius:0px; border:1px solid rgba(0,0,0,0.1); color:#666; font-weight:normal; margin: 0 5px;transition:0.5s} .page:link{color:#666; text-transform:uppercase} .page:visited {color:#666} .page_ding{background:#333;font-size:18px;color:#fff;padding:13px 18px; border:1px solid rgba(0,0,0,0.05);margin: 0 5px;} .page:hover{background:#9C2828; color:#fff;text-decoration: none;} /*底部链接_css*/ .foot_link{ color:#ccc;} .foot_link:link{color:#ccc;} .foot_link:visited {color:#ccc;} .foot_link:hover{color:#999} .foot_link:active {color:#ccc} /*主体盒子box_css*/ .box_top{background:rgba(255,255,255,1) url(../images/back_top.jpg) no-repeat top; background-size:100%; width:80%; padding:0 10%; height:100%;opacity:1;display:flex;justify-content:space-between;align-items:center} .box_top_left{background:rgba(0,255,255,0);border:0px solid (0,0,0,1);display:block; width:25%;} .box_top_left img{float:left;width:240px;margin-right:10px;transition:0.5s} .box_top_left .logo{ position:relative;display:flex;justify-content:center;align-items:left;flex-direction:column;} .box_top_left .logoch{ display:none;font-size:1.6em; font-weight:normal;margin:0px;text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);opacity:1} .box_top_left .logoch sup{display:none;font-size:0.5em;font-weight:normal;text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);opacity:0.2} .box_top_left .logoen{display:none;font-size:0.8em; text-transform:uppercase;line-height:1;letter-spacing:0px;padding-left:0%;margin:0px;opacity: 0.3} .box_top_left .slogan{display:none;background:#9C2828; font-weight:normal; position:absolute; right:24%;top:50%;border:1px solid #9C2828; border-radius:5px; padding:3px 4px; text-align:center; opacity: 1} .box_top_left .slogan .arrow{position:absolute; border:5px solid #9C2828;border-left-color:transparent;border-top-color: transparent;border-bottom-color:transparent;right:65px;top:22%;}/*微信箭头*/ .box_top_right{width:75%;}/*右侧宽度*/ .box_menu_position{width:100%}/*挡板*/ .box_menu_class>li{float:left} .box_index{overflow:hidden} .box_main{background:#;overflow:hidden; padding:3% 0 3% 0} .box_main_padding{padding:0% 10%; margin:0 0%; border-radius:0px;overflow:hidden} .box_main_nopadding{margin:0;padding:0; overflow:hidden} .box_main_about{background:# url(../images/back_news.jpg) no-repeat top; background-size:100%; background-attachment:fixed} .box_main_news{background:# url(../images/back_news.jpg) no-repeat top; background-size:100%; background-attachment:fixed} .box_main_demo{background:# url(../images/back_demo.jpg) no-repeat top; background-size:100%; background-attachment:fixed; } .box_main_service{background:# url(../images/back_service.jpg) no-repeat top; background-size:100%; background-attachment:fixed} .box_main_video{background:#url(../images/back_video.jpg) no-repeat bottom; background-size:100%; background-attachment:fixed} .box_main_products{background:# url(../images/back_products.jpg); background-size:100%; background-attachment:fixed} .box_main_project{background:# url(../images/back_products.jpg); background-size:100%; background-attachment:fixed} .box_main_count {background:# url(../images/back_count.jpg);background-size:100%} .box_main_team{background:#fff url(../images/back_team0.jpg); background-size:100%; background-attachment:fixed} .box_banner{position:relative;background:#333;overflow:hidden; margin-bottom:0px} .box_banner img{background:no-repeat; background-size:cover; background-size:100%; background-attachment:fixed/*固定*/; -webkit-animation-name: fadeIn02;-webkit-animation-iteration-count: 1; /*动画次数*/-webkit-animation-duration: 1s; /*动画持续时间*/} @-webkit-keyframes fadeIn02 {0%{ transform:scale(1.0)}50% {transform:scale(1.0)}100% {transform:scale(1.0)}} .box_banner_color{position:absolute;background:#9C2828; width:100%;height:100%;top:0;/*遮罩位置*/opacity:0.9} .box_banner_text{position:absolute;width:84%;padding:0 8%;height:100%;top:10%;/*保证居中的条件，适当让位*/display:flex;justify-content:center;align-items:center;flex-direction:column;transition:0.5s} .box_column_back{background:#fff;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.0); padding:3% 0 3% 0; border-top:1px solid rgba(0,0,0,0);border-bottom:0px solid rgba(0,0,0,0);} .box_column{display:flex;justify-content:/*space-between*/center;align-items:center;flex-direction:column;padding:0% 0%; border-radius:0;border:20px 0 0 0; /*灰度酌情*/border:1px solid rgba(255,255,255,0.2); border-bottom:0;margin-top:0px;z-index:999999} .box_erji{background:#;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);display:flex; margin-top:20px; flex-wrap:nowrap;justify-content:center;align-items:center} .box_more{background:#080808; padding:0px 0;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column} .box_view_rangwei{padding-top:120px} .box_view{background:#fff;border:1px solid rgba(255,255,255,0.2);padding:5% 8%;width:auto;margin:2% 15% 5% 15% ;border-radius:0px;box-shadow:0px 0px 10px #eee; } .box_view img {width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s} .box_view01{margin:2% 5% 5% 5%} .box_view_top{background:;display:flex;justify-content:left; align-items:center;padding:4% 0% 0% 0%; } .box_view_content{ margin:0 0} .box_view_content p{text-indent:35px} .box_view_content img{max-width:100%; margin:10px 0 10px -35px;text-indent: 0em} .box_view_content embed{width:100%} .box_view_column_ch{display:block; text-align:center} .box_view_column_en{display:block; text-align:center;opacity: 0.5} .box_faq{margin:0} .box_faq_lie{margin:3% 0;display:flex;justify-content:space-between;align-items:top;} .box_page{background:#fff;border-top:#EBEBEB 1px solid; margin:0;overflow:hidden;padding:5% 0 5% 0;text-align: center;} .box_select{background:#333 url(../images/select_back.jpg); background-size:100%;padding:60px 10%;display:flex;justify-content:space-between;align-items:center} .box_select li{ width:15%;border:0px solid (255,255,255,0.05);opacity: 0.9;} select{background:rgba(255,255,255,1); opacity: 0.6; padding:15px; width:100%; border-radius:0px} .box_next {display:flex;justify-content:space-between;align-items:center;margin-top:10px;}/*创建两列等宽布局*/ .box_next > span {width:30%;} .box_next > span:first-child {display:flex; width:50% } .box_next > span:last-child { display:flex; width:50%; text-align:right} .box_next .font{width:100%; padding:30px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .box_next .font:hover{color:#9C2828} .box_foot_back{background:#fff;border-top:#272727 0px solid; padding-top:0px; } .box_foot{color:#666; text-transform:uppercase; padding:2% 0; border-radius: 0;overflow:auto;text-align:center} /*字体样式_css*/ .font_banner_title{display:none; margin-left:0px;text-transform:uppercase;opacity: 1.0} .font_banner_line{letter-spacing:0px;text-align:center} .font_banner_ch{ font-size:3.5em; font-weight: bold; color:#fff;opacity:1;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);} .font_banner_en{ font-size:1.8em; font-weight: lighter; line-height:1.0; text-align:center; color:#fff;text-transform:uppercase;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);opacity:0.3} .font_column_ch{font-size:2.5em; font-weight: bold;text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);line-height:2;display:block;text-align:center; opacity:1;} .font_column_line{display:none;border-bottom:#333 2px solid; text-align:center; margin:10px auto; width:20%;transform: rotatez(0deg);} .font_column_en{ display:none;font-size:1em; color:#333;text-transform:uppercase;text-align:center; margin:0 auto; opacity:0.3;} .font_column_position{ display:none;opacity:0.5;} .font_nodata {color:#ccc; width:150px;display:block; margin:80px auto} .font_input{color:#666; background:#fff;border:0px; border-bottom:1px solid #eee;height:55px;width:50%;padding: 0 6.4% 0 0%;} .font_input_width{width:30%;} .font_faq{background:#333; color:#fff; border:0;height:50px; width:200px;cursor:pointer;transition:0.2s} .font_faq:hover{background:#eee; color:#666; opacity:1;} .font_copyright{ display:block; opacity:1;} /*以下是各单页种列表，重点部分*/ /*针对流动布局 liudong_css*/ .list_liudong {display:flex;justify-content:space-around;/*左右分布，不顶边*/ flex-direction:row;/*从左到右控制*/align-items:center;/*元素垂直居中*/} /*针对一列布局one_css*/ .list_one {background:#FFF; padding:60px 100px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .list_one img{max-width:90%;display:block; margin:30px auto} .list_one p{text-indent:0em} /*针对两列布局two_css*/ .list_two {background:#FFF; padding:100px;display:flex;justify-content:space-between;align-items:top} .list_two p{text-indent:0em} .list_two .left {width:30%} .list_two .left img{width:100%} .list_two .right {width:65%} /*针对两列布局two_css*/ .list_two_member {background:#FBFBFB; padding:100px;display:flex;justify-content:space-between;align-items:top} .list_two_member p{text-indent:0em} .list_two_member .left {width:28%; text-align:center} .list_two_member .left img{width:100%} .list_two_member .right {width:67%} /*图文混排两列列表_css*/ .list_text2{-webkit-column-count:2;-webkit-column-gap:100px;column-fill:no;-webkit-column-rule:1px solid #eee} .list_text2 img{ width:auto; margin-bottom:2%} .list_text2 .text{ display:block; margin:5% 0} /*图文混排三列列表_css*/ .list_text3{-webkit-column-count:3;-webkit-column-gap:30px;column-fill:no;-webkit-column-rule:0px dotted #ccc} .list_text3 img{width:100%;}/*其他属性不能给，确保兼容*/ .list_text3 .text{ }/*其他属性不能给，确保兼容*/ /*首页关于我们开始 */ .list_index_about{float:left;width:100%; margin:0 0% 0px 0 } .list_index_about:nth-of-type(3n) {margin-right:0px} .list_index_about .box{position:relative;background:#000;display:block; border:0px solid #3CF; border-radius:0px; overflow:hidden} .list_index_about:hover .box{} .list_index_about .box img{ background:center no-repeat; background-size:100%;opacity:1;width:100%;transition:0.5s} .list_index_about:hover .box img{background:center no-repeat; background-size:100%; transform:scale(1.0) rotatex(0deg) translate(0px,0px);opacity:1;} .list_index_about .color{position:absolute;background:#9C2828;opacity:0.95;width:100%; height:100%; top:0;transition:0.5s} .list_index_about:hover .color{background:#000;transform:scale(1.0) rotatez(0deg);width:100%; height:100%;bottom:0px; border-radius:0px; opacity:0.6;} .list_index_about .biankuang{position:absolute; width:100%;height:100%;top:0;transition:0.5s;z-index:1} .list_index_about:hover .biankuang{} .list_index_about .position{position:absolute;top:0; width:100%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.5s; color:#fff} .list_index_about:hover .position{ } .list_index_about .pingjun{display:flex;justify-content:space-between;align-items:center;flex-direction:column} .list_index_about .font_01{ font-weight: bold;font-size:2.5em; line-height:1.5;color:#fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); text-align:center; display:block;transform:scale(1.0)} .list_index_about .font_02{ display:none;text-align:center; max-width:50%; margin: 0 auto} .list_index_about:hover .font_02{} .list_index_about .font_line{display:block; background:#fff;width:30px; height:1px; margin:8px 0; opacity:0.5;transition:0.5s;} .list_index_about:hover .font_line{} .list_index_about .font_03{text-align:center;padding:0px 20%;opacity:0.8;margin-top:0px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .list_index_about:hover .font_03{} .list_index_about .font_05{background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.3);font-size:16px; width:150px;height:45px;margin:20px auto;opacity:0.5;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:0px;transition:0.5s;} .list_index_about:hover .font_05 {color:#fff;opacity:1;} /*首页服务块 */ .list_index_service{float:left;width:25%; margin-right:0%; margin-bottom:0px} .list_index_service:nth-of-type(4n) {margin-right:0px} .list_index_service:nth-of-type(odd){background:#fff;}/*奇数行 */ .list_index_service:nth-of-type(even){background:#fff;}/*偶数行 */ .list_index_service .box{position:relative;display:block; border-radius:0px; overflow:hidden;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0);} .list_index_service:hover .box{ background:#333 } .list_index_service .box img{background-size:cover;opacity:1;width: 100%;transition:0.2s} .list_index_service:hover .box img{transform:scale(1) rotatey(0deg);opacity:1;} .list_index_service .color{position:absolute;background:rgba(255,255,255,0);opacity:1;width:100%; height:100%; top:0; transition:0s} .list_index_service:hover .color{background:#9C2828;transform:scale(1.0) rotatey(0deg);bottom:0px; border-radius:0px; opacity:1;} .list_index_service .biankuang{position:absolute;width:100%;height:100%;top:0;border:#000 0px solid; opacity:0;transition:0.5s;z-index:1} .list_index_service:hover .biankuang{background:linear-gradient(45deg, #9C2828, #9C2828 50%);width:100%;height:100%;top:0;opacity:1;transition:0.5s;z-index:1;animation:list_index_service infinite;/*命名*/animation-delay:0s;/*延时*/animation-duration:0.5s;/*播放时长*/animation-direction:alternate;/*支持反向播放*/} @keyframes list_index_service{from {opacity:0;} to {background:linear-gradient(135deg, #9C2828, #9C2828 50%);opacity:0}} .list_index_service .position{ position:absolute;top:0; width:100%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s;} .list_index_service:hover .position{background:rgba(255,255,255,0);opacity:1;transform:scale(1.0) rotatez(0deg) ;} .list_index_service .svg{width:18%; margin:10px 0;opacity:1; transition:0.5s;} .list_index_service:hover .svg {filter: brightness(5)/*亮度*/ sepia(0)/*褐色*/ hue-rotate(70deg)/*色相旋转*/ saturate(0)/*饱和度*/;opacity:1;} .list_index_service .font_01{ font-size:22px; display:block;transition:.0s;} .list_index_service:hover .font_01{color:#fff;} .list_index_service .font_02{opacity:0.8; text-align:center; max-width:180px;display:block} .list_index_service:hover .font_02{color:#fff;} .list_index_service .font_line{background:#000;width:10px; height:0px; margin:0px 0; display:block;opacity:0.3;transition:0.5s;} .list_index_service:hover .font_line{ } .list_index_service .font_03{display:block;text-align:center;padding:0px 20%; margin-top:15px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;transition:0.2s;} .list_index_service:hover .font_03{color:#fff;} .list_index_service .font_05{ display:none} /*首页ceo开始 */ .list_index_ceo{ float:left;width:100%;margin-right:0%;margin-bottom:0px;transition:0.5s} .list_index_ceo:nth-of-type(1n) {margin-right:0px;} .list_index_ceo .box{background:#fff; background-size:100%;position:relative; display:block;overflow:hidden;border:0px solid #F00; border-radius:0px;transition:0.2s} .list_index_ceo:hover .box{border:0px solid #F00;} .list_index_ceo .box img{background-size:cover; border:0px #eee solid; background:no-repeat top; background-size:100%;padding:0px;opacity:1;width:100%;border-radius:0%;transition:0.2s} .list_index_ceo:hover .box img{width:100%; margin:0%} .list_index_ceo .color{position:absolute;background:#000;opacity:0.4;width:100%;height:100%; top:0; transition:0.2s} .list_index_ceo:hover .color{opacity:0;} .list_index_ceo .biankuang{position:absolute;top:0;width:38%; height:50%; transition:0.2s;z-index:1} .list_index_ceo:hover .biankuang{} .list_index_ceo .position{position:absolute;background:#fff; border-top:0px solid rgba(255,255,255,0.5);bottom:0;width:100%; height:34%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.2s} .list_index_ceo:hover .position{ color:#FFF;background:#900;opacity:1} .list_index_ceo .font_01{font-size:22px; text-align:center;opacity:1;transition:0.2s} .list_index_ceo:hover .font_01{color:#FFF;opacity:1} .list_index_ceo .font_02{transition:0.2s} .list_index_ceo:hover .font_02{color:#FFF;} .list_index_ceo .font_03{max-width:250px;/*宽度*/ text-align:center; padding:0 10%; display:none;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0.8;transition:0.2s} .list_index_ceo:hover .font_03{} .list_index_ceo .font_line{background:#000;width:30px;height:1px;margin:5px 0;opacity:0.3;transition:0.2s} .list_index_ceo:hover .font_line{background:#eee} .list_index_ceo .botton{display:none; padding:5px 20px;opacity:0; border-bottom:1px solid #eee;border-top:1px solid #eee;transition:0.2s} .list_index_ceo:hover .botton {opacity:1;} /*首页常识*/ .list_index_skill{float:left;width:32%; margin:0 2% 0px 0; overflow:hidden;border-bottom:0px solid rgba(0,0,0,0.1); transition:0.5s} .list_index_skill:nth-of-type(3n) {margin-right:0px} .list_index_skill:after {background:#262626;width:0px; height:0px; display: block;content: ""; transition:0.6s}/*after 选择器*/ .list_index_skill:hover:after {width:100%} .list_index_skill .box{position:relative; border:0px solid #eee;overflow:hidden;transition:0.5s; border-radius:0px} .list_index_skill:hover .box{} .list_index_skill .box img {width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s} .list_index_skill:hover .box img {transform:scale(1.0) rotatey(0deg);opacity:1;} .list_index_skill .color{background:#000;position:absolute;width:100%;height:100%; top:0; border-radius:0px;opacity:.4; transition:0.5s} /*颜色*/ .list_index_skill:hover .color{background:#9C2828;width:100%;height:100%; border-radius:0px; top:0;opacity:0.9;} .list_index_skill .position {position:absolute/*决定了文本的位置*/;width:100%; height:100%;top:0px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;transition:0.2s;} .list_index_skill:hover .position{transform:translate(0px,0px);/*html5移动命令*/} .list_index_skill .font_01{ font-size:22px;color:#fff;transition:0.2s} .list_index_skill:hover .font_01 {} .list_index_skill .font_02{color:#fff;transition:0.2s} .list_index_skill:hover .font_02 {} .list_index_skilltextbox{ background:#FFF; padding:25px;} .list_index_skilltextlist{display:flex;justify-content:space-between;align-items:center; } .list_index_skilltextlist .font01{display:block;width:230px; line-height:2.2em;opacity:0.8;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:3;overflow:hidden;transition:0.2s;transition:0.2s} .list_index_skilltextlist:hover .font01{color:#9C2828} .list_index_skilltextlist .font02{ font-size:12px;opacity:0.3;transition:0.2s} .list_index_skilltextlist:hover .font02{color:#9C2828} /*首页产品开始 */ .list_index_products{float:left;width:100%; margin:0 0% 0px 0;border-left:0px solid #333; } .list_index_products:nth-of-type(1n) {margin-right:0px;border-right:0px solid #333} .list_index_products .box{position:relative;display:block; border-right:0px solid #eee; border-radius:0px; overflow:hidden;} .list_index_products:hover .box{} .list_index_products .box img{ background:#FFF bottom no-repeat; background-size:100%;opacity:1;width: 100%;transition:0.5s} .list_index_products:hover .box img{} .list_index_products .color{position:absolute;background:#fff;opacity:0;width:100%; height:100%; top:0; transition:0.5s} .list_index_products:hover .color{background:#fff;transform:scale(1.0) rotatey(0deg);bottom:0px; border-radius:0px; opacity:0;} .list_index_products .biankuang{position:absolute;width:100%;height:100%;top:0;border-top:#000 0px solid;border-bottom:#000 0px solid; opacity:0;transition:0.5s;z-index:1} .list_index_products:hover .biankuang{width:93.5%;height:90%; margin:3% 4%; top:0; opacity:1;} .list_index_products .position{position:absolute;top:0; width:100%; height:100%;padding-left:13%;padding-top:13%;display:flex;justify-content:top;align-items:left;flex-direction:column;z-index:1;transition:0.5s;opacity:1 } .list_index_products:hover .position{opacity:1} .list_index_products .font_number{display:none; margin:10px 0;transition:0.5s} .list_index_products:hover .font_number{opacity:1;} .list_index_products .font_01{font-size:22px;display:block; max-width:150px;/*宽度*/transition:0.5s} .list_index_products:hover .font_01{ color:#9C2828;opacity:1;} .list_index_products .font_02{ max-width:120px; line-height:1.5; display:block} .list_index_products:hover .font_02{} .list_index_products .font_zaiyao{ margin:0px 0;opacity:0.5;transition:0.5s} .list_index_products:hover .font_zaiyao{opacity:1; } .list_index_products .font_line{background:#000;width:50px;height:1px;margin:5px 0; display:block;opacity:0.1;transition:0.5s;} .list_index_products:hover .font_line{width:35%} .list_index_products .font_03{text-align:left;max-width:200px;/*宽度*/padding:0 0%;display:none;/*-webkit-box;*/-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0;transition:0.5s;} .list_index_products:hover .font_03{opacity:0.5;} .list_index_products .font_05{ /*display:none;*/ position:absolute; border:1px solid rgba(0,0,0,0.1);width:50px; height:50px; left:10%; bottom:30%; border-radius:500px;display:none;display:flex;justify-content:center;align-items:center;opacity:0.3; margin-top:50px;transition:0.5s;} .list_index_products:hover .font_05 {background:#9C2828;color:#fff;opacity:1;} /*资质荣誉开始 */ .list_honor{float:left;width:23.5%; margin:0 2% 2% 0} .list_honor:nth-of-type(4n) {margin-right:0px;} .list_honor .box{position:relative;display:block; padding-top:0px; transition:0.5s} .list_honor:hover .box{background:#333} .list_honor .box img{background:#eee no-repeat center; background-size:cover;width:100%;display:block; margin:0px auto;transition:0.5s} .list_honor:hover .box img{background:#eee no-repeat center; background-size:100%; border:0px solid rgba(255,255,255, 0.1)} .list_honor .color{position:absolute;background:rgba(0,0,0,0.2);width:100%; height:100%;bottom:0;transition:0.5s} .list_honor:hover .color{background:rgba(0,0,0,0);transform:scale(1.0);height:100%;bottom:0; border-radius:0px; } .list_honor .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 1px solid; opacity:0;transition:0.5s} .list_honor:hover .biankuang{width:93.5%;height:91%; margin:3% 3%; top:0; opacity:0;} .list_honor .position{background:#fff;position:relative; bottom:0; width:70%; padding:50px 15%; height:20px; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;opacity:1} .list_honor:hover .position{ background:#9C2828;color:#FFF;opacity:1; transform:translate(0px,-0px)} .list_honor .font_01{ text-align:center; line-height:1.5} .list_honor:hover .font_01{ color:#FFF} .list_honor .font_02{transition:0.5s;} .list_honor:hover .font_02{ color:#FFF} .list_honor .font_line{ background:#999;width:20%; height:1px; margin:10px 0;opacity:0.2;transition:0.5s;} .list_honor:hover .font_line{background:eee;width:100%; } .list_honor .font_03{ display:block; text-align:center;transition:0.5s;} .list_honor:hover .font_03{opacity:0.5;} .list_honor .font_05{ display:block; margin:20px 0; text-align:center; opacity:0.5;transition:0.5s;} .list_honor:hover .font_05{} /*团队列表09team_css */ .list_history{float:left;width:100%; margin:0 1% 0px 0} .list_history:nth-of-type(1n) {margin-right:0px;} .list_history .box{ background:#FFF;position:relative;display:block; border:0px solid #9C2828; padding:90px 0px; transition:0.5s; cursor:move} .list_history:hover .box{border:0px solid #9C2828;} .list_history .box img{ display:block; background:#9C2828 center;background-size:cover;opacity:0.9;width:130px; height:130px; margin:0 auto;border-radius:100%;transition:0.5s} .list_history:hover .box img{background:#9C2828 top;background-size:cover;transform:scale(1.0) translate(0px,-0px);opacity:1;} .list_history .color{position:absolute;background:rgba(0,0,0,0);width:100%; height:100%;bottom:0; transition:0.5s} .list_history:hover .color{background:rgba(255,255,255,0);transform:scale(1.0);height:100%;bottom:0; border-radius:0px; } .list_history .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 1px solid; opacity:0;transition:0.5s;z-index:1} .list_history:hover .biankuang{width:93.5%;height:91%; margin:3% 3%; top:0; opacity:0;} .list_history .position{color:#333;position:relative;top:0; width:80%; padding:30px 10% 30px 10%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;opacity:1;transition:0.2s;} .list_history:hover .position{color:#9C2828;opacity:1} .list_history .font_01{ font-weight:bold; font-size:25px;text-align:center} .list_history:hover .font_01{color:#9C2828;} .list_history .font_02{} .list_history:hover .font_02{color:#9C2828;} .list_history .font_line{background:#000;width:100%; height:2px; margin:10px 0;opacity:0.8;transition:0.2s;} .list_history:hover .font_line{color:#9C2828;background:#9C2828;opacity:0.8;} .list_history .font_03 { font-size:14px;margin-top:0px; text-align:left;padding:0 5%;width:90%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;word-break: break-all;transition:0.5s;opacity:0.8;} .list_history :hover .font_03 {opacity:1;color:#9C2828} /*首页相册开始 */ .list_photo{float:left;width:100%; margin:0 2% 0% 0} .list_photo:nth-of-type(1n) {margin-right:0px;} .list_photo .box{position:relative;display:block; padding-top:0px; transition:0.5s} .list_photo:hover .box{} .list_photo .box img{background:#eee no-repeat center; background-size:cover;width:100%;display:block; margin:0px auto;transition:0.5s} .list_photo:hover .box img{background:#eee no-repeat center; background-size:cover; border:0px solid rgba(255,255,255, 0.1)} .list_photo .color{position:absolute;background:rgba(0,0,0,0.2);width:100%; height:100%;bottom:0;transition:0.5s} .list_photo:hover .color{background:rgba(0,0,0,0);transform:scale(1.0);height:100%;bottom:0; border-radius:0px; } .list_photo .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 1px solid; opacity:0;transition:0.5s} .list_photo:hover .biankuang{width:93.5%;height:91%; margin:3% 3%; top:0; opacity:0;} .list_photo .position{background:#fff;position:relative; bottom:0; width:70%; height:60px; padding:20px 15%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;opacity:1} .list_photo:hover .position{ background:#9C2828;color:#FFF;opacity:1; transform:translate(0px,-0px)} .list_photo .font_01{ font-size:16px; ddisplay:block; line-height:1.5; max-width:100px; } .list_photo:hover .font_01{ color:#FFF} .list_photo .font_02{transition:0.5s;} .list_photo:hover .font_02{ color:#FFF} .list_photo .font_line{ background:#999;width:20%; height:1px; margin:10px 0;opacity:0.2;transition:0.5s;} .list_photo:hover .font_line{background:eee;width:100%; } .list_photo .font_03{ display:none;text-align:center;transition:0.5s;} .list_photo:hover .font_03{opacity:0.5;} .list_photo .font_05{ display:block; margin:20px 0; text-align:center; opacity:0.5;transition:0.5s;} .list_photo:hover .font_05{} /*新闻列表开始*/ .list_news{float:left;width:32%; margin:0 2% 20px 0; overflow:hidden;border-bottom:0px solid rgba(0,0,0,0.1); transition:0.5s} .list_news:nth-of-type(3n) {margin-right:0px} .list_news:after {background:#262626;width:0px; height:0px; display: block;content: ""; transition:0.6s}/*after 选择器*/ .list_news:hover:after {width:100%} .list_news .box{position:relative; border:0px solid #eee;overflow:hidden;transition:0.5s; border-radius:0px} .list_news:hover .box{} .list_news .box img {width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s} .list_news:hover .box img {transform:scale(1.0) rotatey(0deg);opacity:1;} .list_news .svg{position:absolute;background:url(../img/products0.svg) no-repeat center; background-size:15%;width:100%;height:100%;top:-50%;opacity:0;transition:0.5s;z-index:1;} .list_news:hover .svg{position:absolute;background:url(../img/product0.svg) no-repeat center; background-size:15%;top:0;opacity:1;} .list_news .biankuang{border-bottom:#ccc 0px solid; width:100%;opacity:0.5; transform:translate(0px,0px);top:50%; margin:0px 0; transition:0.5s;} .list_news:hover .biankuang{width:100%;width:100%;border-bottom:#262626 0px solid;opacity:0.5;transform:translate(0px,0px);z-index:10001} .list_news .color{position:absolute;background:#000;width:100%;height:100%; top:0; border-radius:0px;opacity:.1; transition:0.5s} /*颜色*/ .list_news:hover .color{background:#000;width:100%;height:100%; border-radius:0px; top:0;opacity:0;} .list_news .position {position:relative/*决定了文本的位置*/;background:#fff; background-size:0;width:80%; padding:12% 10%;top:0px;display:flex;justify-content:center;align-items:left;flex-direction:column;z-index:10;transition:0.2s;} .list_news:hover .position{background:#9C2828;opacity:1;transform:translate(0px,0px);/*html5移动命令*/} .list_news .font_line{border-bottom:#ccc 1px solid; width:100%;opacity:0.5; transform:translate(0px,0px);top:50%; margin:10px 0; transition:0.5s;} .list_news:hover .font_line{width:100%;width:100%;border-bottom:#fff 1px solid;opacity:0.5;transform:translate(0px,0px);z-index:10001} .list_news .font_01{display:block;width:280px; opacity:1;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:3;overflow:hidden;transition:0.2s} .list_news:hover .font_01 {color:#fff;transform:translate(0px,0px);} .list_news .font_02 {width:100%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;transition:0.5s;overflow: hidden;} .list_news:hover .font_02 {opacity:0.6;transform:translate(0px,0px);} .list_news .font_time {opacity:0.5;} .list_news:hover .font_time {color:#fff;opacity:0.5;} .list_news .font_03 { z-index:1;transition:0.5s} .list_news:hover .font_03 {color:#fff;transform:translate(0px,0px);} /*会员列表开始 */ .list_member{float:left;width:32%; margin:0px 2% 2% 0} .list_member:nth-of-type(3n) {margin-right:0px} .list_member:nth-of-type(odd){}/*奇数行 */ .list_member:nth-of-type(even){}/*偶数行 */ .list_member:after {background:#fff;width:0px; height:0px; margin-top:-1px; display: block;content: ""; transition:0.6s}/*after 选择器*/ .list_member:hover:after {width:100%} .list_member .box {position:relative; background:#FFF; display:flex;justify-content:space-between;overflow:hidden;transition:0.5s} .list_member:nth-of-type(even) .box{/*flex-direction:row-reverse;反向*/}/*偶数行 */ .list_member .box:hover {background:#fff} .list_member .color{position:absolute;background:#000;opacity:0.02;width:100%; height:100%;top:0;overflow:hidden;transition:0.5s} /*颜色*/ .list_member:hover .color{opacity:0;} .list_member .picposition {background:center;position:relative;width:35%;/*左侧百分比*/ display:flex;justify-content:center;align-items:center;overflow:hidden} .list_member .picposition img { background:#DBDBDB center ;background-size:cover;width:100%;opacity:1} .list_member a:hover .picposition img {opacity:1;} .list_member .position {position:relative;width:55%;/*右侧百分比*/padding:5%;/*留白*/display:flex;justify-content:center;flex-direction:column;transition:0.5s} .list_member:hover .position {} .list_member .font_01{max-width:250px; display:block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s} .list_member:hover .font_01 {} .list_member .font_02 {display:block;opacity:0.2;transition:0.2s} .list_member:hover .font_02 {transform:scale(1.0) rotatez(0deg)} .list_member .font_03 {margin-top:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .list_member:hover .font_03 {} .list_member .font_time { opacity:0.2;transition:0.2s} .list_member:hover .font_time {opacity:0.5;} .list_member .pingjun{display:flex;justify-content:space-between;align-items:center;width:100%; margin-top:10px} .list_member .botton {color:#ccc;display:block; border-radius:0px; padding:2px 5px;transition:0.5s} .list_member:hover .botton {color:#39ECB4;display:block;opacity:1;transform:translate(0px,0px);} /*产品列表开始 */ .list_products{float:left;width:23.5%; margin:0 2% 2% 0} .list_products:nth-of-type(4n) {margin-right:0px;} .list_products .box{background:#fff;position:relative;display:block; padding:30px 15px 10px 15px; transition:0.2s} .list_products:hover .box{background:#9C2828} .list_products .box img{background:#fff no-repeat bottom; background-size:contain;width:100%;display:block; margin:0px auto;transition:0.2s} .list_products:hover .box img{background:#9C2828 no-repeat bottom; background-size:contain; border:0px solid rgba(255,255,255, 0.1)} .list_products .color{position:absolute;background:rgba(0,0,0,0);width:100%; height:100%;bottom:0;transition:0.5s} .list_products:hover .color{background:rgba(0,0,0,0);transform:scale(1.0);height:100%;bottom:0; border-radius:0px; } .list_products .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 1px solid; opacity:0;transition:0.5s} .list_products:hover .biankuang{width:93.5%;height:91%; margin:3% 3%; top:0; opacity:0;} .list_products .position{position:relative; bottom:0; width:80%; padding:40px 10%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;opacity:1} .list_products:hover .position{ color:#FFF;opacity:1; transform:translate(0px,-0px)} .list_products .font_01{line-height:1.5; display:block;width:200px; opacity:1;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:3;overflow:hidden;text-align:center;} .list_products:hover .font_01{ color:#FFF} .list_products .font_02{transition:0.5s;} .list_products:hover .font_02{ color:#FFF} .list_products .font_line{ background:#999;width:20%; height:1px; margin:10px 0;opacity:0.2;transition:0.5s;} .list_products:hover .font_line{background:eee;width:100%; } .list_products .font_03{ display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;} .list_products:hover .font_03{opacity:0.8;} .list_products .font_05{ display:block; margin:20px 0; text-align:center; opacity:0.5;transition:0.5s;} .list_products:hover .font_05{} /*首页数字list_count*/ .list_count{ float:left;width:24.9%;margin-right:0%;border-right:1px solid rgba(0,0,0,0.1);} .list_count:nth-of-type(4n) {border-right:0px solid #333;} .list_count .box{position:relative;display:block; border-radius:0px; overflow:hidden; cursor:help;transition:0.5s} .list_count:hover .box{} .list_count .box img{background-size:cover;opacity:0;width: 100%;transition:0.5s} .list_count:hover .box img{transform:scale(1.2);opacity:0;} .list_count .color{position:absolute;opacity:0;width:100%; height:100%; top:0; border:1000px; transition:0.5s} .list_count:hover .color{background:rgba(0, 0, 0, 0);transform:scale(1.0) rotatez(0deg);bottom:0px;opacity:0;} .list_count .position{ position:absolute; top:0; width:50%; padding:0 25%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1; } .list_count:hover .position{opacity:1;} .list_count .font_01{ transition:0.5s} .list_count:hover .font_01{color:#9C2828; opacity:1;} .list_count .font_01 sup{} .list_count .font_03{text-align:center;display:block;opacity:1; transition:0.5s} .list_count:hover .font_03{display:block; opacity:1; } /*友情链接*/ .link{float:left;width:100%; margin:0 2% 0px 0;overflow:hidden;border-bottom:0px solid rgba(0,0,0,0.1); transition:0.5s} .link:nth-of-type(1n) {margin-right:0px} .link:after {background:#f1f1f1;width:0px; height:0px; display: block;content: ""; transition:0.6s}/*after 选择器*/ .link:hover:after {width:100%} .link .box{position:relative;border:0px solid #eee;overflow:hidden;transition:0.5s; border-radius:0px} .link:hover .box{} .link .box img {display:none; width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s} .link:hover .box img {transform:scale(1.0) rotatey(0deg);opacity:1;} .link .color{position:absolute;width:100%;height:100%; top:0; border-radius:0px;opacity:.1; transition:0.5s} /*颜色*/ .link:hover .color{width:100%;height:100%; border-radius:0px; top:0;opacity:0.9;} .link .position {position: relative/*决定了文本的位置*/;width:100%; border-bottom:1px solid #ccc;padding:10px 0px} .link .font_01{font-size:23px; font-weight:bold;transition:0.2s} .link:hover .font_01 {color:#9C2828;} .link .font_02{ display:none;font-size:12px;transition:0.2s} .link:hover .font_02 {} .linktextbox{display:flex;flex-wrap:wrap;padding:25px 5px;} .linktextlist{ display:block; border:1px solid #ccc; padding:13px 25px;margin:0px 15px 15px 0; } .linktextlist:hover{ background:#9C2828; border:1px solid #9C2828 } .linktextlist .font01{font-size:18px;line-height:2; transition:0.2s} .linktextlist:hover .font01{color:#fff} .linktextlist .font02{ font-family:Arial, Helvetica, sans-serif; font-size:12px; transition:0.2s;opacity:.6; } .linktextlist:hover .font02{color:#fff} @media all and (min-width:1024px) {.header{background:rgba(255,255,255,0);width:100%; height:120px;padding:0 0%;position:fixed;display:flex;justify-content:space-between;align-items:center;transition:0.2s ease; border-bottom:0px solid #9C2828; box-shadow:0px 0px 5px #999; border-radius: 0px;z-index:1000; margin-bottom:10px} .header.mini .menu >a{} .header.mini .menu a:hover span {color:#9C2828;} .header.mini .menu:hover .erji {top:100px;} .header.mini .box_top{} .header.mini .box_top_left img{opacity:1; /*filter: brightness(1.2) sepia(1) hue-rotate(330deg) saturate(20)*/} .header.mini .box_top_left .logoch{} .header.mini .box_top_left .logoen{} .mheader {display:none} } @media all and (max-width:1024px) { body {font-size:14px;/*适合手机的行高*/} .header {display:none;} .mheader {background:rgba(255,255,255,1);width:100%;height:80px;position:fixed;display:flex;justify-content:space-between;align-items:center;z-index:10000;border-bottom:0px solid #f1f1f1; box-shadow:0px 0px 5px #eee; border-radius: 0 0 0px 0px;transition:0.5s;} .mheader.mini {background:rgba(0,0,0,0.7)} h1{}/* 列表标题 */ h2{}/* 副标题 */ h3{ line-height:1.5}/* 列表摘要 */ h4{ font-size:1.5em; max-width:100%; margin:0 auto;}/* 内容大标题 */ h5{}/* 文章内容 */ h6{font-size:0.8em;}/* 时间/数字 */ hr{margin:10px 0} /*链接_css*/ #menup .select{background:#fff; color:#9C2828}/*栏目高亮*/ .left_menu {background:#EDEDED;font-size:14px; display:block; padding:25px 13px;border-right:1px solid #fff;text-align:center;border-bottom:0px solid rgba(51,51,51,0.05); margin-bottom:0px;margin:0} .left_menu:hover {border:0px;border-bottom:0px solid rgba(51,51,51,0.05);} #navi ul li.h1 a{border:0px} /*返回_css*/ .back { display:none;} /*分页链接_css*/ .page{ font-size:12px;padding:8px 8px; margin: 0 1px;} .page_ding{font-size:12px;padding:8px 8px;} /*主体box_css*/ .box_top{padding:0 4%;width:92%} .box_top_left{width:300px} .box_top_left img{width:200px} .box_top_left .logoch{font-size:1.2em; margin-top:3px} .box_top_left .logoen{font-size:0.65em;} .box_top_left .slogan{right:10%;} .box_top_left .slogan .arrow{right:63px}/*微信箭头*/ .box_main{padding:1px 0} .box_main_padding{ padding:0% 0%; margin:0 0%; border-radius:0px;overflow:hidden} .box_banner{border-bottom:0px solid #000} .box_banner img{width:250%; margin-left:-75%;} .box_shouji {margin-top:60px} .box_column_back{padding:10% 0} .box_column{ } .box_erji{background:#EDEDED;border-top:0px solid rgba(0,0,0,0.1);border-bottom:0px solid rgba(0,0,0,0.1);} .box_view_rangwei{padding-top:80px} .box_view{padding:10% 4%;margin:0 0 5% 0;border:0px solid rgba(255,255,255,0.2); } .box_view_top{flex-wrap: wrap;display:flex;padding:4% 0% 1% 0%} .box_view_content img{width:100%; } .box_select{ background-size:420%;padding:30px 10%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;/*从上到下控制*/} .box_select li{width:100%; margin-bottom:5px} select{ padding:10px; border:1px solid (0,0,0,0.01)} .box_page{padding:10% 2% 10% 2%} .box_next .font{width:100%; padding:30px 0px} .box_foot{font-size:12px;padding:8% 5%;} /*字体_css*/ .font_banner_ch{font-size:1.6em; } .font_banner_en{font-size:1.4em; } .font_column_ch{ font-size:1.6em; } .font_column_line{ width:10%;margin:5px auto;} .font_column_en{font-size:1em; } .font_copyright{display:block;} .demo_box{padding:35px 4%} .demo_title{} .demo_title sup{} /*以下是各种单页列表，重点部分*/ /*针对流动布局，不限制列数 liudong_css*/ .list_liudong {flex-direction:column;/*从上到下控制*/} /*针对一列布局one_css*/ .list_one {text-align:left;padding:10px 30px;} .list_one h1 { } .list_one h2 {} .list_one img{max-width:100%;} /*针对两列布局two_css*/ .list_two {flex-wrap:wrap;padding:30px;} .list_two .left {width:100%} .list_two .right {width:100%;padding-top:5%} /*针对两列布局two_css*/ .list_two_member {flex-wrap:wrap;padding:30px;} .list_two_member .left {width:100%} .list_two_member .right {width:100%;padding-top:5%} /*图文混排两列列表_css*/ .list_text2{-webkit-column-count:1} /*图文混排三列列表_css*/ .list_text3{-webkit-column-count:1; padding:5% 0; flex-wrap: wrap} .list_text3 .text{ display:block; margin:5% 0} /*首页关于我们开始 */ .list_index_about{width:100%; margin-bottom:0px;/*百分比间隙2018.03.15*/} .list_index_about:nth-of-type(1n) {margin-right:0px;} .list_index_about .box img{width:320%; margin-left:-110%} .list_index_about .box{height:300px /*图片放大，同时要向左平均*/} .list_index_about .font_01{font-size:1.2em;margin-left:-8px;} .list_index_about .font_02{ max-width:80%; margin: 0 auto; } .list_index_about .font_03{padding:0px 5%;-webkit-line-clamp:2;} /*首页服务块 */ .list_index_service{width:100%; margin-right:0px; margin-bottom:0px;/*百分比间隙2018.03.15*/} .list_index_service:nth-of-type(1n) {margin-right:0px;} .list_index_service .box{padding:0px 0;opacity:1;} .list_index_service .box img{background-size:cover;opacity:1;width: 100%;transition:0.2s} .list_index_service .color{} .list_index_service .font_03{max-width:300px;/*宽度*/padding:0px 10%; margin-top:10px} .list_index_service .svg{width:20%; opacity:1;} /*首页常识*/ .list_index_skill{width:100%; margin-bottom:1px}/*距离相隔2%最佳*/ .list_index_skill:nth-of-type(1n) {} /*首页产品列表开始 */ .list_index_product{width:100%; margin-bottom:20px;/*百分比间隙2018.03.15*/} .list_index_product:nth-of-type(1n) {margin-right:0px;} .list_index_products .box img{ background:#F9F9F9 bottom no-repeat; background-size:100%;opacity:0.95;height:60%} /*首页相册开始 */ .list_honor{width:100%; margin-bottom:20px /*百分比间隙2018.03.15*/} .list_honor:nth-of-type(1n) {} /*产品列表开始 */ .list_photo{width:100%; margin-bottom:20px /*百分比间隙2018.03.15*/} .list_photo:nth-of-type(1n) {} /*新闻列表开始*/ .list_news{width:100%; margin-bottom:20px}/*距离相隔2%最佳*/ .list_news:nth-of-type(1n) {} /*产品列表开始 */ .list_products{width:100%; margin-bottom:20px /*百分比间隙2018.03.15*/} .list_products:nth-of-type(1n) {} /*会员列表开始 */ .list_member{width:100%; margin-bottom:20px}/*距离相隔2%最佳*/ .list_member:nth-of-type(1n) {} .list_member:nth-of-type(even) .box{flex-direction:row/*反向*/} .list_member .picposition img {width:125%} /*首页数字list_index_count*/ .list_count{ width:49.8%; margin-right:0%; } .list_count:nth-of-type(2n) {margin-right:0px;border-right:0px} .list_count .box img{width:250%} .list_count .position{width:80%; padding:0 10%; } .list_count .font_01{} .list_count .font_01 sup{} /*友情链接*/ .link{width:100%; margin-bottom:1px}/*距离相隔2%最佳*/ .link:nth-of-type(1n) {} }