body{color:#666;background: #fff url(../images/bg_back.gif); font-size:14px;margin:0px;font-family: myFirstFont,"微软雅黑";overflow-x:hidden;list-style-type:none;line-height:25px}
ul {margin:0;padding:0;list-style: none;}li {margin:0;padding:0; list-style: none;}P {margin-bottom: 0px}
@keyframes fade-in { 0% {opacity: 0;}/*初始状态 透明度为0*/ 40% {opacity: 0;}/*过渡状态 透明度为0*/  100% {opacity: 1;}/*结束状态 透明度为1*/}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  0% {opacity: 0;}  40% {opacity: 0;}  100% {opacity: 1;}}  
#wrapper {animation: fade-in;/*动画名称*/  animation-duration: 1.0s;/*动画持续时间*/  -webkit-animation:fade-in 1.0s;/*针对webkit内核*/}  
@font-face{font-family: myFirstFont;src: url('../font/GOTHAMRND-BOOK.OTF'); /* 字体样式 */}
@font-face{font-family: myFirstFont-title;src: url('../font/本墨剪字0.ttf'); /* 字体样式 */}
h1{font-size:15px;color:#666; font-weight:normal; margin:0;text-transform:uppercase; }/* 单页/列表标题 */
h2{font-size:14px;color:#888888;font-style:inherit;text-transform:uppercase; font-weight:normal; margin:0;line-height:25px }/* 单页/列表副标题 */
h2:first-letter{text-transform:capitalize}/*选择每个 <h2> 元素的首字母，并为其设置样式 */
h3{font-size:26px;color:#333; font-weight:normal;margin:0;}/* 内容页/主标题 */
h4{font-style:inherit; font-weight:normal; margin:0; text-transform:uppercase; }/* 时间/数字 */
hr{height:1px;border:none;border-top: 1px solid #eee; margin:20px 0}
p:first-letter{text-transform:capitalize}/*选择器每个 <p> 元素的首字母设置样式：*/

/*公用链接_css*/  
a:link{color:#999; text-decoration:none}
a:visited {color:#666}
/*a:hover{color:#1A1A1A;}*/

/*主菜单链接_css*/
.menu>li:first-child a{}/*第一child*/
.menu>li:last-child a{}/*最后child*/
.menu{font-size:15px;color:#666; padding:30px 30px;display:block; overflow:hidden}
.menu:link{color:#666; transition:0.3s }
.menu:visited{color:#666;}
.menu:hover{background:#;color:#0EA558; transform:translate(0px,-0px); border-bottom: 3px solid #0EA558; }

.menu span {}
.menu span:before {position: absolute;content: attr(data-title);transition:1.6s}
.menu:hover span {}

.menu:after {background:#fff;width:0px; height:0px; margin-top:2px;display: block; content: ""; transition:0.6s}/*after 选择器*/
.menu:hover:after {width:100%;}
.menu_erji:hover .menu{color:#fff}/*当前鼠标悬停颜色*/
.menu .en{}
.menu:hover .en{display:none}
.menu .ch{display:none}
.menu:hover .ch{display:block}
#navi01 .h2 a{background:#0EA558;color:#fff;border-bottom:#0EA558 3px solid;display:block; opacity:1}
#navi01 .h2 a:after {width:100%}


/*二级菜单链接_css*/
.left_menu {background:#666;border:#eee 0px solid;display:block;margin:0px 1px 0px 0;padding:13px 45px; border-radius:0px;text-transform:uppercase;overflow: hidden;opacity: 1;transition:0.5s}
.left_menu:link { color:#eee}
.left_menu:visited {color:#eee}
.left_menu:hover {background:linear-gradient(45deg, #fff 10%, #fff 10%, #fff 50%, #fff 100%);border:#0EA558 0px solid;color:#333;border-radius:0px;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.5; border-radius:-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: 0px;left: 205px;}
#navi ul li.h1 a{ background:#0EA558;color:#fff;border:0px solid #0EA558;}


.left_menu_index {background:#0EA558;color:#333;border:0px solid #0EA558;border-radius:0px;}
.left_menu_index:link {color:#333;}
.left_menu_index:hover {background:#333;color:#333;border:0px solid #ccc;}
.left_menu_index:visited {color:#333}/*首页定位全部

/*more按钮链接_css*/
.button{color:#0EA558;background:#242424;display:block;border:#333 1px solid; line-height:55px; height:55px;overflow:hidden;width:100%;border-radius:0px;text-transform:uppercase;transition:0.5s;opacity:0.9}
.button:link {padding:0px 0px;}
.button:visited {color:#fff;} 
.button:hover{color:#fff; transform:translate(0,0px); z-index:1000 }
.button:after {background:#000;width:0%;height:60px; margin-top:-60px; display: block; content: ""; transition:0.5s}/*after 选择器*/
.button:hover:after {background:#000;width:100%; }

/*分页链接_css*/
.page{padding:12px 17px; border-radius:0px; border:#eee 1px solid;color:#666; margin: 0 5px;transition:0.5s}
.page_ding{padding:12px 17px;border-radius:0px; border:#0EA558 1px solid;color:#fff; margin: 0 5px; background:#0EA558}
.page:hover{background:#0EA558; border:#0EA558 1px solid; color:#FFF;text-decoration: none;}

/*底部链接_css*/
.foot_link{}
.foot_link:link{ color:#666;}
.foot_link:visited {color:#666;}
.foot_link:hover{color:#fff}
.foot_link:active {color:#999}	

/*主体盒子box_css*/	
.box_top{width:90%;opacity:1;display:flex;justify-content:space-between;align-items:center;}
.box_top_left{ width:18%;display:flex;justify-content:left;align-items:center;}
.box_top_left a:link{line-height:25px;color:#333; }
.box_top_left a:visited{color:#333}
.box_top_left .en{line-height:15px; text-transform:capitalize;color:#999;}

.box_top_left img{float:left;width:70%;transition:0.5s;}


.box_top_right{width:80%}
.menu_position{float:right}/*主菜单位置*/
.menu_class>li{float:left}

.box_index{overflow:hidden}

.box_main{overflow:hidden; padding:5% 0 1% 0}
.box_main_padding{ padding:0 5%; overflow:hidden}
.box_main_nopadding{margin:0;  overflow:hidden}

.box_main_news{background:#fff url(../images/back_news.jpg) no-repeat top; background-size:100%; background-attachment:fixed}
.box_main_video{background:# url(../images/back_video0.jpg) no-repeat bottom; background-size:100%; background-attachment:fixed}
.box_main_products{background:#; background-size:100%; background-attachment:fixed}
.box_main_count {padding:50px 0; background:url(../images/b_count.jpg)}

.box_banner{position:relative;background:#0EA558 ;border-bottom-left-radius:0px;overflow:hidden;}
.box_banner img{background:no-repeat; background-size:cover;width:100%; background-size:100%; background-attachment:fixed/*固定*/}
@keyframes left{0% {transform: translatex(-100px)}}
.box_banner_color{position:absolute;background:#000  url(../images/ppt_back.png); width:100%;height:100%;top:0;/*遮罩位置*/opacity:0.2}
.box_banner_text{color:#000;position:absolute;width:84%;padding:0 8%;height:100%;top:5%;/*保证居中的条件，适当让位*/display:flex;justify-content:center;align-items:center;flex-direction:column;transition:0.5s}	

.box_column{background:#303030 url(../images/box_column.png);display:flex;justify-content:/*space-between*/center;align-items:center;flex-direction:column;padding:4% 8%;margin:0 auto; margin-top:-0px;border-top:0px solid #333;border-bottom:0px solid #333/*灰度酌情*/;box-shadow:0px 0px 5px #666; z-index:999999}
.box_erji{padding:20px 0 0 0; display:flex;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:100px}
.box_view{ background:#fff; border:0px solid #eee; padding:100px; width:70%; margin:0 auto; margin-bottom:50px;}
.box_view_top{display:flex;justify-content:space-between; padding:0% 0 0 0}
.box_view_content{ padding:20px 0; color:#999;  margin:0 0}
.box_view_content img{max-width: 80%; margin:0% 0}

.box_faq{margin:0}
.box_faq_lie{ margin:3% 0;display:flex;justify-content:space-between;align-items:top;}

.box_page{ background:#F8F8F8;margin:0;overflow:hidden;padding:5% 0 5% 0;text-align: center;}

.box_next {display:flex;justify-content:space-between;align-items:center; padding:0% 0 0% 0}/*创建两列等宽布局*/
.box_next > span {width:30%;}
.box_next > span:first-child {display:flex; }
.box_next > span:last-child { display:flex; text-align:right}
.box_next .font_01{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.box_next .font_02{background:#242424;display:block;border:#333 1px solid;  text-transform:uppercase; display:flex;justify-content:center;align-items:center;padding:13px 30px;transition:0.2s}
.box_next .font_02:hover {background:#0EA558; border:#0EA558 1px solid;color:#FFF;}

.box_gotop{background:#fff url(../images/gotop_back0.jpg);display:none;justify-content:center;align-items:center; padding:2% 0;border-top:1px solid #eee;border-bottom:1px solid #eee;transition:0.5s}
.box_gotop:hover{background:#fff url(../images/gotop_back0.jpg);}
.box_gotop img{transform:scale(0.7) rotatey(0deg); display:block;transition:0.2s}
.box_gotop:hover img{transform:scale(0.7) rotatey(360deg); display:block; }

.box_foot{ font-size:12px;  color:#999; text-transform:uppercase; line-height:20px; background:#3E3E3E; border:#FFF 0px solid;width:100%; padding:2% 0;overflow:auto;text-align: center}
	
/*字体样式_css*/	
.font_banner_title{/*font-family: myFirstFont-title;*/color:#fff; font-size:40px; margin:20px 0;letter-spacing:0px;margin-left:0px;text-transform:uppercase;opacity: 1.0;animation-name:fadeIn;animation-duration:0s}
.font_banner_line{letter-spacing:0px;text-align:center;text-transform:uppercase;padding:0% 0%;opacity: 0.8;}
.font_banner_ch{ font-size:28px;color:#fff;text-transform:uppercase;text-align:center;  max-width:950px;opacity: 1}
.font_banner_en{ font-size:25px; display:none; line-height:20px;letter-spacing:0px;  border:0px #0EA558 solid; margin:0% 0%; text-transform:uppercase;opacity:0.2;animation-name:fadeIn;animation-duration:0s}

@keyframes fadeIn { 0% {font-size:0px; opacity: 0; margin-right:0px } 50% {} 100% {}/*动画控制*/}

.font_column_ch{color:#fff; font-size:23px; line-height:35px;display:block;text-align:center;  }
.font_column_line{display:block;border-bottom:#eee 0px solid; text-align:center; line-height:0; width:100%;transform: rotatez(0deg);}
.font_column_en{display:block;font-size:14px;color:#fff; opacity:0.3;text-transform:uppercase; text-align:center;}
.font_column_position{display:none; color:#999}

.font_nodata {color:#ccc; width:80px;display:block; margin:80px auto}
.font_brand{ display:block; text-transform:uppercase}

.font_select{height:37px;color:#999;text-transform:capitalize;display:block;border:1px #eee solid; cursor:pointer}
.font_select_big{color:#666;background:#0EA558;color:#FFF;  }
.font_select_small{font-size:12px;border-bottom:#666 1px solid;color:#999}

.font_input{color:#666; background:#fff;border:0px; border-bottom:1px solid #eee;line-height:55px;height:55px;width:50%;padding: 0 6.4% 0 0%;}
.font_input_width{width:30%;}

.font_zhibao{ color:#0EA558; text-decoration:underline}

.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{color:#ccc;opacity:0.5;}

/*以下是各种列表，重点部分*/

/*针对一列布局one_css*/
.list_one {text-align:left; margin-bottom:80px}
.list_one img{max-width:80%;display:block; margin:30px auto; }

/*针对两列布局two_css*/
.list_two {display:flex;justify-content:space-between;align-items:top;}
.list_two .left {width:45%;}
.list_two .left img{width:100%}
.list_two .right {width:50%}


/*图文混排两列列表_css*/
.list_text2{-webkit-column-count:2;-webkit-column-gap:20px;column-fill:no;-webkit-column-rule:1px dotted #ccc}
.list_text2 img{ width:100%; 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{ }/*其他属性不能给，确保兼容*/

 
/*新闻动态列表news_css*/
.list_news13{float:left;width:33.1%; border-top:#fff 0px solid;border-bottom:#fff 0px solid; border-right:#fff 0px solid;}
.list_news13:nth-of-type(3n) {margin-right:0px;border-right:#303030 0px solid;}
.list_news13:hover{ box-shadow:0px 0px 10px #eee}

.list_news13:after {background:#000;width:100%;  height:0px; margin-bottom:-0px; display: block;content: "";}/*after 选择器*/
.list_news13:hover:after {width:100%;}

.list_news13 .box {background:rgba(255,255,255,0);position:relative;padding:50 10px;  display:flex;justify-content:space-between;overflow:hidden;
 /*flex-direction:row-reverse*//*倒叙*/}/*左右平均盒子*/
 
.list_news13 .box:hover  {box-shadow:0px 0px 0px #ccc }

.list_news13 .biankuang{border-bottom:#000 1px solid; width:0%;opacity:0.3; transform:translate(0px,0px);top:50%; margin:10px 0}
.list_news13:hover .biankuang{width:100%;width:0%;border-bottom:#0EA558 1px solid;opacity:0.5;transform:translate(0px,0px);z-index:10001}

.list_news13 .color{position:absolute;background:#000;width:25%; top:0; height:100%; border-radius:0px;opacity:0;transition:0.5s} /*颜色*/
.list_news13:hover .color{background:#000; width:25%; height:100%; border-radius:0px; top:0;opacity:.0} 

.list_news13 .picposition {display:none;width:25%; overflow:hidden}
.list_news13 .picposition img {background:#000; background-size:cover;width:100%; opacity:1;transition:0.5s}
.list_news13 a:hover .picposition img {transform:scale(1.2);/*html5变化移动命令*/opacity:1;}

.list_news13 .position {position:relative;width:65%; padding:0 5%;display:flex;justify-content:center;align-items:left;flex-direction:column;opacity:1}
.list_news13:hover .position { background-size:2%;transform:translate(0,0px)}

.list_news13 .timeposition {width:25%;display:flex;justify-content:center;align-items:center;flex-direction:column}

.list_news13 .font_01{display:block;margin:5px 0; width:80%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s}
.list_news13:hover .font_01 {color:#0EA558;transform:translate(0px,-0px);}
.list_news13 .font_02 {width:100%;padding:2% 0; hidden;transition:0.5s}
.list_news13:hover .font_02 {transform:translate(0px,0px);}
.list_news13 .font_03 { font-size:12px;color:#666;transition:0.5s;}
.list_news13:hover .font_03 {color:#0EA558;transform:translate(0px,0px)}

.list_news13 .font_05{ display:block; font-family:"宋体";color:#666;bottom:100px;right:20px;width:40px;height:40px;border:1px solid #ccc;border-radius:0px;display:flex;justify-content:center;align-items:center;transform:translate(0px,0px);opacity:1;transition:0.5s; } 
.list_news13:hover .font_05 {opacity:1;transform:translate(0px,0px)}  



/*产品与类产品列表product_css */ 
.list_products{float:left;width:24%; border:1px solid #eee;margin:0 1.1% 50px 0}
.list_products:nth-of-type(4n) {margin-right:0px;}

.list_products .box{position:relative;display:block; overflow:hidden;  border-radius:0px;transition:0.2s}
.list_products:hover .box{transform:translate(0,-0px);box-shadow:0px 0px 0px #000;}

.list_products .box img{ background:center;background-size:cover;opacity:1;width: 100%;filter: grayscale(0%); transition:0.2s}
.list_products:hover .box img{transform:scale(1.1) translate(0px,-0px);opacity:1;}

.list_products .color{position:absolute;background:linear-gradient(135deg, #000 10%, #000 10%, #000 50%, #000 100%);opacity:0.0;width:100%; height:100%;bottom:0; z-index:0;transition:0.5s} 
.list_products:hover .color{background:linear-gradient(45deg, #000 10%, #000 10%, #000 50%, #000 100%);transform:scale(1.0) rotatey(0deg);height:100%;bottom:0;border-radius:0px; opacity:0.5;} 

.list_products .biankuang{position:absolute;width:100%;height:100%;top:0;border:#eee 0px solid; opacity:0;border-radius:800px;transition:0.2s;z-index:1}
.list_products:hover .biankuang{width:100%;height:65%; margin:0% 0%; top:0; opacity:0.5;}

.list_products .number{position:absolute;top:0;font-size:10px;padding:10%; height:80%; color:#fff; opacity:0;z-index:1000;transition:0.5s;} 
.list_products:hover .number{font-size:16px;padding:10%; height:80%;opacity:0.5; z-index:2} 

.list_products .text{position:absolute;top:0; padding:15% 10%; height:80%; color:#fff; opacity:0;z-index:1000;transition:0.5s;} 
.list_products:hover .text{height:80%; transform:translate(0px,20px);opacity:0.8; z-index:2} 

.list_products .position{position:relative; background:linear-gradient(45deg, #fff,#fff);width:80%; display:block;  padding:30px 10% 30px 10%; left:0%; top:0px; display:flex;justify-content:center;flex-direction:column;z-index:1;opacity:1;transition:0.5s}
.list_products:hover .position{opacity:1; background:linear-gradient(135deg, #0EA558,#0EA558);display:block; top:0px;opacity:1 }

.list_products .font_01{display:block;width:85%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s} 
.list_products:hover .font_01{ color:#FFF}  

.list_products .font_02{ margin:10px 0;border:1px solid #333;border-radius:10px;width:45px; height:45px;line-height:45px; transition:0.5s} 
.list_products:hover .font_02{ background:#FFF;border:1px solid #FFF;} 

.list_products .font_03{color:#ccc;font-size:16px;text-transform:uppercase; opacity:0.8; display:block;transition:0.5s;} 
.list_products:hover .font_03{color:#eee; transform:translate(0px,-50px);opacity:0;display:block;}

.list_products .font_line{ display:none; background:#000;width:0px;height:1px;transform:translate(30px,0px);opacity:0.2;transition:0.5s;} 
.list_products:hover .font_line{width:15px;}


.list_products .font_05{font-family:"宋体";color:#999;bottom:60px;right:0px;width:40px;height:40px;border:1px solid #ccc;border-radius:10000px;display:flex;justify-content:center;align-items:center;opacity:0.5;transition:0.5s; } 
.list_products:hover .font_05 {background:#fff;color:#0EA558; border:1px solid #fff; opacity:1;transform:translate(0px,0px)}  


/*案例列表project_css */
.list_project{background:#fff; float:left;width:24%; margin-right:1.333%; margin-bottom:1px}
.list_project:nth-of-type(4n) {margin-right:0px;}
.list_project .box{ position:relative; border:#eee 1px solid; overflow:hidden;transition:0.5s;}
.list_project:hover .box{box-shadow:0px 0px 0px #ccc}

.list_project .box img {width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.2s}
.list_project:hover .box img {transform:scale(1.1) rotatey(0deg);opacity:1;} 

.list_project .svg{position:absolute;background:url(../img/project.svg) no-repeat center; background-size:10%;width:100%;height:100%;top:30%;opacity:0;transition:0.5s;z-index:1;}
.list_project:hover .svg{position:absolute;background:url(../img/project.svg) no-repeat center; background-size:10%;top:25%;opacity:1;}

.list_project .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 0px solid; opacity:0;transition:0.2s;z-index:1}
.list_project:hover .biankuang{width:93%;height:93.5%; margin:4% 3%; top:0; opacity:0.5;}

.list_project .color{position:absolute;background:linear-gradient(to bottom, #000,#000);width:0%;height:0%; top:50%; left:50%; border-radius:0px;opacity:0; transition:0.5s} /*颜色*/
.list_project:hover .color{background:linear-gradient(to bottom, #0EA558,#0EA558);width:100%;height:100%; border-radius:0px; top:0;left:0%;opacity:1;} 

.list_project .position {position:absolute/*决定了文本的位置*/;background-size:0;width:80%; padding:20% 10%;top:0px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.2s;}
.list_project:hover .position{transform:translate(0,-20px);/*html5移动命令*/}

.list_project .font_01{display:block;width:100%; margin:0 auto; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;opacity:0; transition:0.5s} 
.list_project:hover .font_01{display:block;color:#fff;opacity:1; transform:translate(0,0px);} 
.list_project .font_02{display:block; width:10%; text-align:center; border-bottom:1px solid #fff;margin:5px 0;opacity:0; } 
.list_project:hover .font_02{opacity:0.5; }
.list_project .font_03{ display:block;opacity:0;text-align:center;transform:translate(0px,0px);width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;transition:0.5s} 
.list_project:hover .font_03{display:block;color:#fff;opacity:0.5;transform:translate(0,0px);} 
 

/*常识列表skill_css */
.list_skill{background:#; float:left;width:33.2%; margin-right:1px; margin-bottom:1px;}
.list_skill:nth-of-type(3n) {margin-right:0px;}
.list_skill .box{ position:relative;overflow:hidden; border:1px #eee solid;  transition:0.5s;}
.list_skill:hover .box{box-shadow:0px 0px 0px #ccc}

.list_skill .box img {width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.2s}
.list_skill:hover .box img {transform:scale(1.1) rotatey(0deg);opacity:1;} 

.list_skill .svg{position:absolute;background:url(../img/skill.svg) no-repeat center; background-size:10%;width:100%;height:100%;top:30%;opacity:0;transition:0.5s;z-index:1;}
.list_skill:hover .svg{position:absolute;background:url(../img/skill.svg) no-repeat center; background-size:10%;top:25%;opacity:1;}

.list_skill .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 0px solid; opacity:0;transition:0.2s;z-index:1}
.list_skill:hover .biankuang{width:93%;height:92.5%; margin:4% 3%; top:0; opacity:0.5;}

.list_skill .color{position:absolute;background:linear-gradient(to bottom, #000,#000);width:100%;height:100%; top:0%; left:0%; border-radius:0px;opacity:0; transition:0.5s} /*颜色*/
.list_skill:hover .color{background:linear-gradient(45deg, #0EA558 10%, #0EA558 10%, #0EA558 50%, #0EA558 100%);width:100%;height:100%; border-radius:0px; top:0;left:0%;opacity:1;} 

.list_skill .position {position:absolute/*决定了文本的位置*/; width:80%;padding:0 10% ;height:100%;top:0%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s;}
.list_skill:hover .position{transform:translate(0,-0px);/*html5移动命令*/}

.list_skill .font_01{display:block;width:80%; margin:0 auto; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;opacity:1; transition:0.5s} 
.list_skill:hover .font_01{display:block;color:#fff;opacity:1; transform:translate(0,0px);} 
.list_skill .font_02{display:block; width:0%; text-align:center;border-bottom:1px solid #fff;margin:5px 0;opacity:1; transition:0.5s } 
.list_skill:hover .font_02{width:10%;opacity:0.5; }
.list_skill .font_03{ display:block;opacity:1;text-align:center;transform:translate(0px,0px);width:100%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;transition:0.5s} 
.list_skill:hover .font_03{color:#fff;opacity:0.5;transform:translate(0,0px);} 
.list_skill .font_04{display:block; opacity:0;transform:translate(0,0px);transition:0.5s} 
.list_skill:hover .font_04{display:block; color:#fff;opacity:1;transform:translate(0,20px);}



/*招聘瀑布流列表hr_css */ 
.list_employ{float:left;width:30%;margin-right:4.7%; }
.list_employ:nth-of-type(3n) {margin-right:0px;}

.list_employ .box{background:#fff;color:#666; position:relative;border:1px solid #eee;padding:0px; margin-bottom:40px;transition:0.2s;box-shadow:0px 0px 0px #ccc;}
.list_employ:hover .box{background:#0EA558;transform:translate(0,-0px);/*html5移动命令*/border:#eee 1px solid;box-shadow:0px 0px 0px #ccc;}

.list_employ .box img{display:none;transform:scale(1.0);background-size:cover; width: 100%;opacity:1}
.list_employ:hover .box img{display:none)}

.list_employ .color{position:absolute;background:rgba(255, 255,255, 1);width:100%; height:100%; bottom:0; left:0;opacity:0.1;transition:0.5s} 
.list_employ:hover .color{z-index:0 } 

.list_employ .position{position:relative/*决定了文本的位置*/;width:80%;padding:10%;display:flex;justify-content:top;flex-direction:column;z-index:1;}
.list_employ:hover .position{}

.list_employ .font_01{ margin-bottom:20px; display:block} 
.list_employ:hover .font_01{}  

.list_employ .font_02{ } 
.list_employ:hover .font_02{color:#fff} 

/*招聘表格_CSS*/
table {font-weight:normal; font-size:12px; width: 100%;text-align: center}
table .title {font-weight:normal; font-size:16px;padding: 30px;}

table .title .time {font-weight:normal;display:block;font-size:14px;color:#0EA558; margin-top:10px;}
table td, table th {font-weight:normal;background:#fff;padding: 15px;border: 1px solid #eee}

table img {max-width: 100px}


/*首页业务体系豆腐块_css */ 
.list_service{float:left;width:100%;margin-right:0%;border-left:1px  solid #F8F8F8; margin-bottom:0px}

.list_service .box{position:relative; display:block; border-right:0px solid #eee; border-radius:0px; overflow:hidden;}
.list_service:hover .box{}

.list_service .box img{background-size:cover;opacity:1;width: 100%;filter: grayscale(0%);transition:0.2s}
.list_service:hover .box img{transform:scale(1.0)rotatey(0deg) translate(0px,-0px)}

.list_service .color{position:absolute;background:linear-gradient(135deg, #fff 10%, #fff 10%, #fff 50%, #fff 100%);opacity:1;width:100%; height:100%; top:0; transition:0.5s} 
.list_service:hover .color{background: linear-gradient(45deg, #000 10%, #000 10%, #000 50%, #000 100%);transform:scale(1.0) rotatey(0deg);bottom:0px; border-radius:0px; opacity:0.1;} 

.list_service .biankuang{background:#FFF;position:absolute;width:100%;height:100%;top:0;border:#eee 0px solid; opacity:0;transition:0.2s;z-index:1}
.list_service:hover .biankuang{ background:#FFF;width:92%;height:91.5%; margin:5% 3.7%; top:0; opacity:0.9;box-shadow:1px 0px 5px #999;}


.list_service .position{position:absolute;top:0; width:100%;padding-top:0%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.2s; }
.list_service:hover .position{opacity:1;padding-top:0%;}

.list_service .font_01{ color:#0EA558;font-size:20px;opacity:1;transition:0.5s;} 
.list_service:hover .font_01{opacity:1;}  

.list_service .font_02{display:none;border:1px solid #333; transition:0.5s} 
.list_service:hover .font_02{background:#FFF;border:1px solid #FFF;} 

.list_service .font_line{background:#0EA558;width:100px; height:1px;display:block; margin:10px 0;opacity:0.5;transition:0.5s;} 
.list_service:hover .font_line{background:#0EA558}

.list_service .font_03{text-transform:uppercase; color:#0EA558;  font-size:20px;text-align:center;opacity:0.5; max-width:200px;transition:0.5s;} 
.list_service:hover .font_03{opacity:0.5;}

.list_service .font_04{display:block;text-align:center;max-width:260px;/*宽度*/display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0.2;transition:0.2s;} 
.list_service:hover .font_04{opacity:0.8;} 

.list_service .font_05 img{ margin:10px 0; width:60px; display:none; opacity:0.8;transition:0.5s;} 
.list_service:hover .font_05 img{transform:scale(0.8);display:none; opacity:1;}  


/*首页数字list_count*/ 
.list_count{float:left;width:24.9%;margin-right:0%;border-right:1px solid #D8D8D8}
.list_count:nth-of-type(4n) {border-right:0px solid #333;}

.list_count .box{position:relative;display:block;  border-radius:0px; overflow:hidden;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:100%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1; }
.list_count:hover .position{color:#0EA558;}
.list_count .font_01{ font-size:50px;line-height:60px; transition:0.5s;} 
.list_count:hover .font_01{letter-spacing:0px;margin-left:0px;opacity:1;}  

.list_count .font_02{text-align:center; transition:0.5s;} 
.list_count:hover .font_02{opacity:1;display:block; }
.list_count sup{ top:0;font-size:18px; transition:0.5s} 

/*首页关于list_about */ 
.list_about{float:left;width:50%;margin-right:0%;border-left:0px  solid #333; margin-bottom:0px}
.list_about:nth-of-type(2n) {margin-right:0px;border-right:0px  solid #333}

.list_about .box{position:relative;display:block; border-right:0px solid #eee; border-radius:0px; overflow:hidden;box-shadow:0px 0px 10px #eee;}
.list_about:hover .box{}

.list_about .box img{ background:no-repeat;background-size:cover; background:right;opacity:1;width: 100%; background-size:100%;filter: grayscale(0%); transition:0.2s}
.list_about:hover .box img{transform:scale(1.0) translate(0px,-0px);opacity:1;}

.list_about .color{position:absolute;background:linear-gradient(135deg, #eee 10%, #eee 10%, #fff 50%, #fff 100%);opacity:0.1;width:100%; height:100%; top:0; transition:1s} 
.list_about:hover .color{background:linear-gradient(45deg, #0EA558 10%, #0EA558 10%, #0EA558 50%, #0EA558 100%);transform:scale(1.0) rotatey(0deg);bottom:0px; border-radius:0px; opacity:1;} 

.list_about .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 0px solid; opacity:0;transition:0.2s;z-index:1}
.list_about:hover .biankuang{width:93.5%;height:91%; margin:3% 3%; top:0; opacity:0.2;}


.list_about .position{position:absolute;top:0; width:90%; padding:0% 5%; height:90%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.5s}
.list_about:hover .position{opacity:1;padding-top:0%;}

.list_about .font_01{font-size:20px;line-height:30px;} 
.list_about:hover .font_01{color:#fff;}  

.list_about .font_02{text-transform:uppercase;margin:10px 0;transition:0.5s} 
.list_about:hover .font_02{color:#fff;} 

.list_about .font_03{ opacity:1;transition:0.5s;} 
.list_about:hover .font_03{color:#fff; }

.list_about .font_line{ display:none; background:#999;width:40px; height:1px; margin:10px 0; opacity:0.5;transition:0.5s;} 
.list_about:hover .font_line{ }

.list_about .font_04{display:block;/*宽度*/ margin:20px 0;max-width:500px; text-align:center; opacity:0.6;transition:0.2s;} 
.list_about:hover .font_04{color:#fff;} 

.list_about .font_05{color:#ccc; display:block; text-transform:uppercase; background:#242424;border:#333 1px solid; width:50%;height:50px;margin:20px auto;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:0.5s;opacity:1} 
.list_about:hover .font_05 {opacity:1;color:#0EA558; background:#fff;border:#0EA558 1px solid;}  

 
@media all and (min-width:1024px) 
{.header{background:rgba(255,255,255,1);width:100%; height:90px;padding:0 5%;position:fixed;display:flex;justify-content:space-between;align-items:center;z-index:10000;transition:0.5s ease; border-bottom:0px solid rgba(51,51,51,0.1); box-shadow:0px 0px 10px #eee}
.header.mini {background:rgba(255,255,255,1);height:70px;box-shadow:0px 0px 10px #eee}
.header.mini img{}
.header.mini .menu{padding:21px 30px;}
.header.mini .box_top_left a:link{ color:#333}
.header.mini .box_top_left a:visited{color:#333}


.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 10px #ccc; transition:0.5s;}
.mheader.mini {background:rgba(0,0,0,0)}


hr{margin:20px 0}
h1{font-size:16px}
h2{font-size:14px}/* 副标题 */
h3{font-size:16px}/* 内容页/主标题 */

/*链接_css*/	

.left_menu { font-size:14px;padding:10px 10px;margin:1px 0px 1px 0;}
.left_menu:hover:before {width: 0px;left: 205px;}

.button{ height:40px;margin:0px 0px 0px 0; line-height:40px}

/*主体box_css*/	
.box_top{padding:0 4%;width:92%;height:60px;}
.box_top_left{width:60%}
.box_top_left a:link{ color:#fff; }
.box_top_left a:visited{  color:#fff}

.box_top_left .en{font-size:12px;line-height:12px}

.box_top_left img{width:65%}

.box_main{flex-wrap:wrap;padding:10% 0}
.box_main_padding{padding:1% 4%}

.box_main_count {padding:40px 0; background:url(../images/b_count.jpg);background-size:200%}

.box_banner{padding-top:0px;}
.box_banner img{ background:right 0; background-size:cover; width:310%; margin-left:-500px}
@keyframes left{100% {transform:translatex(-800px)}}

.box_column{padding:10% 0%;display:flex;flex-wrap: wrap;line-height:20px}
.box_erji{display:flex;justify-content:center ;align-items:center;flex-wrap:wrap; padding:4% 0% 4% 0;}
.box_more{}
 
 
.box_shouji{padding-top:50px}

.box_view_rangwei{padding-top:100px}
.box_view{width:92%; padding:30px 4%}
.box_view_top{width:100%;flex-wrap: wrap;display:flex;flex-direction:column}
.box_view_content img{max-width: 100%}

.box_page{ padding:15%}

.box_faq_lie{flex-wrap: wrap}

.box_next .font_02{}
.box_gotop{padding:8% 0;}
.box_foot{padding:5% 0}

/*字体_css*/	

.font_banner_title{font-size:35px;margin:10px 0;}
.font_banner_ch{font-size:20px;}
.font_banner_en{}


.font_column_ch{ font-size:18px; line-height:20px}
.font_column_line{}
.font_column_en{}

.font_select{height:43px}
.font_input{width:100%; margin-bottom:5%}
.font_input_width{width:100%;}
.font_faq{width:100%;}
.font_copyright{ display:block;}

/*以下是各种列表，重点部分*/

/*针对一列布局one_css*/
.list_one {text-align:left;}
.list_one img{max-width: 100%;}

/*针对两列布局two_css*/
.list_two {flex-wrap:wrap}
.list_two .left {width:100%}
.list_two .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}

/*新闻动态列表news_css**/
.list_news13{padding:0px 0;width:100%;border-top:#303030 0px solid;border-right:#303030 0px solid; margin-bottom:20px}/*距离相隔2%最佳*/
.list_news13:nth-of-type(1n) {}

.list_news13 .box {padding:10px 10px}/*左右平均盒子*/
.list_news13 .position {width:75%;padding:0 0%}
.list_news13 .timeposition {width:25%}
.list_news13 .font_01{width:75%}
.list_news13 .font_02{width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; } 



/*产品列表products_css */
.list_products{width:100%; margin-right:0%;margin-bottom:20px; /*百分比间隙2018.03.15*/}
.list_products:nth-of-type(1n) {margin-right:0px;}
.list_products .font_03{width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; } 



/*案例列表project_css */
.list_project{width:100%; margin-right:0%;margin-bottom:2%;/*百分比间隙2018.03.15*/}
.list_project:nth-of-type(1n) {margin-right:0px;}
.list_project .font_03{width:100%; } 

/*常识列表skill_css */
.list_skill{width:100%; margin-right:0%;margin-bottom:20px;/*百分比间隙2018.03.15*/}
.list_skill:nth-of-type(1n) {margin-right:0px;}
.list_skill .font_03{width:100%; } 


/*招聘瀑布流列表hr_css */ 
.list_employ{float:left;width:100%; margin:0  0 0px 0;padding:0;}
.list_employ:nth-of-type(1n) {margin-right:0px;}



 /*首页服务类豆腐块_css */ 
.list_service{width:100%; padding:0% 0;margin-bottom:0px;border-right:0px/*距离相隔2%最佳*/ }
.list_service .box img{transform:scale(1); padding:0% 0}

.list_service:hover .biankuang{ width:100%;height:100%; margin:0; opacity:0.8;}
.list_service .font_03{max-width:300px;margin:10px auto; } 
.list_service .font_04{max-width:300px;} 
.list_service .font_05 img{margin:0px 0;} 


/*首页数字list_count*/ 
.list_count{ width:49.8%; margin-right:0%; margin-bottom:5px }
.list_count:nth-of-type(2n) {margin-right:0px;border-right:0px}
.list_count .box img{width:250%}
.list_count .font_01{font-size:38px} 
.list_count .font_02{ padding:0 20%; line-height:1.5} 

/*首页关于list_about */ 
.list_about{width:100%; padding:0% 0;margin-bottom:0px;border-right:0px/*距离相隔2%最佳*/ }
.list_about .box img{width:130%; padding:0% 0; margin-left:-30px}
.list_about .font_04{margin:0px 2%; line-height:1.5} 
.list_about .font_05{width:50%;height:40px;margin:10px auto 0  auto }
}