body {color:#666; background:#fff url(../images/bg.jpg);font-size:14px;margin:0px;overflow-x:hidden;font-family: myFirstFont,"微软雅黑";list-style-type:none;line-height:27px}
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/ITCAvantGardeStd-XLt.otf'); /* 字体样式 */}
h1{ font-size:16px;color:#333;font-weight:normal; margin:0;text-transform:uppercase; }/* 单页/列表标题 */
h2{font-size:14px;color:#666;font-style:inherit; font-weight:normal; margin:0;line-height:25px }/* 单页/列表副标题 */
h2:first-letter{text-transform:capitalize}/*选择每个 <h2> 元素的首字母，并为其设置样式 */
h3{font-size:20px;color:#1A1A1A; font-weight:normal;margin:0;}/* 内容页/主标题 */
h4{font-size:14px; font-weight:normal; margin:0; text-transform:uppercase; }/* 时间/数字 */
hr{height:1px;border:none;border-top: 1px solid #eee; margin:40px 0}
p:first-letter{text-transform:capitalize}/*选择器每个 <p> 元素的首字母设置样式：*/


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

/*主菜单链接_css*/
.menu_important {width:100%;position:relative }

.menu {position: relative;background:#fff url(../images/sheep0.png) no-repeat center top 30px; border-bottom:#eee 1px solid;transition: all 0.36s ease;position: relative;}
.menu:hover {background:#C9A954 url(../images/sheep.png) no-repeat center top -5px;background-size:65%;}

.menu >a{position: relative;width:100%; font-size:13px; overflow:hidden;display: block; text-align:center;height:75px; line-height:75px; }
.menu a:hover span {color:#C9A954;/*transform:translate3d(0, -100%, 0);*/  }

.menu a .menuarrow{position: absolute;top:15px;right: 5px;}/*有二级菜单显示箭头*/  
.menu span {position:relative;text-align:center;height:100%;display:block;transition:transform 0.2s linear} 
.menu span:before{ content:attr(data-title);left:0px;right: 0px;top:0px;bottom: 0px; position: absolute;top:100%;}/*经过菜单显示滚动文字或字母*/  
.menu .erji{position:fixed;width:12%;top:0;height:100%;padding-top:300px;margin-left:0px;background:#005CA1;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);visibility:hidden;opacity:0;transition:0.5s;z-index:-99}/*二级菜单盒子*/  
.menu:hover .erji{margin-left:11%;visibility:inherit;opacity:0.8;z-index:-99}/*二级菜单盒子HOVER*/ 

.menu .erji li a {color:#fff;margin:0;padding:12px 20px;line-height:30px;display: block}/*二级菜单样式*/  
.menu .erji li a:hover {background:#C9A954;color:#fff}/*二级菜HOVER*/  

.menu_position{background:#fff;height:100%;/*挡板*/ }

#menu .select{background:#005CA1;color:#fff; border-color:#003E6C}/*栏目高亮*/ 
#menu:hover .select span{color:#C9A954;transform:translate3d(0, 0%, 0)}

#menu .selecterji{background:#053D66;color:#fff;opacity:1}/*二级栏目高亮*/  

#menu_page {background:#005CA1;color:#fff}
#menu_page:hover span{transform:translate3d(0, 0%, 0)}
#menu_page:visited {background:#005CA1;color:#fff}

#menu_danye {background:#053D66;color:#fff;}
#menu_danye:visited {background:#053D66;color:#fff;}



/*二级菜单链接_css*/
.left_menu { font-size:12px;color:#666; background:#fff; border:#EBEBEB 1px solid;display:inline-block;margin:0px 1px 2px 0;padding:0px 30px;line-height:50px;text-transform:uppercase;transition:0.5s}
.left_menu:link {color:#666}
.left_menu:visited {color:#666}
.left_menu:hover {background:#005CA1;color:#fff;border:#005CA1 1px solid;transform:translate(0,-0px);}
.left_menu:after {width:0px;height:60px;margin-top:-60px; display: block;content: ""; transition:0.5s}/*after 选择器*/
.left_menu:hover:after {width:100%}
#navi ul li.h1 a{color:#fff;background:#C9A954;border:#C9A954 1px solid;}

/*more按钮链接_css*/
.button{color:#fff;display:block;overflow:hidden;width:60px; height:60px;transition:0.2s;}
.button:link {background:#0168B6;padding:0px 0px;height:60px; line-height:60px}
.button:visited {color:#fff;} 
.button:hover{color:#fff; border:0px solid #1A1A1A;transform:translate(0,0px)}
.button:after {background:#C9A954;width:0px;height:60px; margin-top:-60px; display: block; content: ""; transition:0.2s}/*after 选择器*/
.button:hover:after {width:100%}

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

/*底部链接_css*/
.foot_link{font-family: myFirstFont; text-transform:uppercase}
.foot_link:link{ color:#666;}
.foot_link:visited {color:#666;}
.foot_link:hover{color:#333}
.foot_link:active {color:#999}	

/*主体box_css*/	
.box_top{background:#fff;padding:0;width:11%;opacity:1;height:100%;position:fixed;justify-content:top;align-items:center;flex-direction:column;box-shadow:0px 0px 5px #333;border-bottom:0px solid #ccc;transition:0.5s;z-index:10000000000000}

.box_top.is-hidden{height:100%;/*菜单缩放高度*/background:#fff;border-bottom:0px solid #ccc;box-shadow:0px 0px 5px #333;}

.box_right{width:89%;float:right}

.box_main{overflow:auto; padding:5% 0; }
.box_main_padding{padding:0 6%; overflow:auto}
.box_main_nopadding{margin:0;  overflow:auto}

.box_banner{position:relative;background:#000;  border-bottom-left-radius:0px;overflow:hidden;}
.box_banner img{background-size:cover;width:100%;-webkit-animation:left 0s; 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:#fff;position:absolute;width:80%;padding:0 10%;height:100%;top:0%;/*保证居中的条件，适当让位*/display:flex;justify-content:center;align-items:center;flex-direction:column; line-height:40px;/*元素行距*/ transition:0.5s}	
.box_banner_text:hover{opacity:0.8}	

.box_column{background:#005CA1;display:flex;justify-content:space-between ;align-items:center;padding:4% 6%;margin:0 0 0 0;border-top:0px solid #054F87;border-bottom:0px solid #fff;box-shadow:0px 0px 0px #999;}
.box_erji{display:flex;justify-content:right;padding:0px 6% 3% 6%; margin: 0 0% 0% 0%;border-top:0px solid #E1E1E1;border-bottom:0px solid #E1E1E1;}

.box_more{border-radius:0px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0%}

.box_view_rangwei{padding-top:0px}
.box_view{background:#FFF; width:80%; padding:5% 10%; margin:5% auto;box-shadow:0px 0px 0px #eee;}
.box_view_top{display:flex;justify-content:space-between;}
.box_view_content{margin:0 0}
.box_view_content img{max-width: 80%; margin:5px 0}

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

.box_page{margin:0;overflow:hidden;padding:3%;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:#005CA1; color:#FFF; display:flex;justify-content:center;align-items:center;padding:20px;transition:0.2s}
.box_next .font_02:hover {background:#C9A954}



.box_gotop{display:none;background:#0F0F0F url(../img/top.svg) no-repeat center; margin-top:0%; padding:5% 0; border-top:0px solid #2E2E2E;border-bottom:0px solid #2E2E2E}
.box_gotop:hover{background:#171717 url(../img/top_after.svg) no-repeat center;}
.box_gotop img{width:70px;margin:0 auto; display:block; text-align:center; cursor:pointer}

.box_foot{color:#666;font-size:12px; line-height:20px; background:#FAFAFA; border-top:#F6F6F6 1px solid;width:100%; padding:2% 0;overflow:auto;text-align: center}
	
/*字体_css*/	
.font_banner_title{font-size:45px; line-height:1; font-weight:bold; letter-spacing:0px;margin-left:0px;text-transform:uppercase;opacity: 1.0; }
.font_banner_line{display:none;border-left:#fff 1px solid; height:10px;transform: rotatez(0deg);}
.font_banner_ch{display:none;letter-spacing:0px;text-align:center;text-transform:uppercase;padding:0% 200px;animation-name:fadeIn;animation-duration:1s}
.font_banner_en{font-size:30px;letter-spacing:0px;text-align:center;text-transform:lowercase;padding:0% 0px;transition:0.2s}

@keyframes fadeIn { 0% {opacity: 0; } 50% {opacity: 0.5; line-height:100px } 100% {opacity: 1.0}/*动画控制*/}

.font_column_ch{display:block;color:#fff; font-size:16px}
.font_column_line{display:none;border-bottom:#eee 1px dotted;width:100%;margin:0px ;transform: rotatez(0deg);}
.font_column_en{font-size:12px; color:#eee;text-transform:capitalize;}
.font_column_position{ color:#95BAD6; font-size:12px}

.font_nodata {color:#ccc; width:60px;display:block; margin:30px auto}
.font_brand{font-family: myFirstFont;font-size:13px; display:block; text-transform:uppercase}

.font_input{ color:#999; background:#fff;border:0px; border-bottom:1px solid #eee;line-height:55px;height:55px;width:17%; 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;font-size:12px;opacity:0.5;}
/*以下是各种列表，重点部分*/

/*针对一列列表one_css*/
.list_one {margin:0 0%}
.list_one img{max-width: 80%;display:block; margin:0 auto; }

/*针对两列列表two_css*/
.list_two {display:flex;justify-content:space-between;align-items:top}
.list_two .left {width:56%;}
.list_two .left img{width:100%; border:1 solid #eee}
.list_two:hover .left img{transform:translate(0,0px)}
.list_two .right { width:40%}

/*单纯文本两列列表_css*/
.list_text2{-webkit-column-count:2;-webkit-column-gap:100px;-webkit-column-rule:1px dotted #ccc}

/*单纯文本三列列表_css*/
.list_text3{-webkit-column-count:3;-webkit-column-gap:100px;-webkit-column-rule:1px solid #eee}

/*单纯图片两列列表_css*/
.list_pic2{-webkit-column-count:2;-webkit-column-gap:50px;column-fill:no;-webkit-column-rule:1px dotted #ccc}
.list_pic2 img{ width:100%}

/*单纯图片三列列表_css*/
.list_pic3{-webkit-column-count:3;column-gap:50px;-webkit-column-rule:1px solid #eee}
.list_pic3 img{max-width:100%; margin:0px 0;}


/*单纯图片三列列表_css*/
.list_pic4{-webkit-column-count:4;column-gap:50px;-webkit-column-rule:1px solid #eee}
.list_pic4 img{max-width:100%; margin:0px 0 20px 0;}
 
/*新闻列表news_css*/
.list_news{float:left;width:49%; margin:0px 2% 2% 0;border-bottom:#1A1A1A 0px solid; transition:0.5s}
.list_news:nth-of-type(2n) {margin-right:0px}

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

.list_news .box { background:#FFF; position:relative;padding:0%; border:#f1f1f1 1px solid; padding:5%;display:flex;justify-content:space-between;overflow:hidden;transition:0.2s;
 /*flex-direction:row-reverse*//*倒叙*/}/*左右平均盒子*/
 
.list_news .box:hover  {border:#EBEBEB 1px solid;box-shadow:0px 0px 40px #eee;  }

.list_news .picposition {width:35%; overflow:hidden}
.list_news .picposition img {background:#000; background-size:cover;width:100%;opacity:1;transition:0.2s}
.list_news a:hover .picposition img {transform:scale(1.1);/*html5变化移动命令*/opacity:1;}

.list_news .position {position:relative; background: no-repeat right 30px bottom; background-size:15%;width:55%;padding:0% 5%;display:flex;justify-content:center;align-items:left;flex-direction:column;border-radius:1px;opacity:0.8;transition:0.2s}
.list_news:hover .position {background:url(../img/news.svg) no-repeat no-repeat right 5px bottom;background-size:15%;transform:translate(0,0px)}

.list_news .font_01{color:#C9A954;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.2s}
.list_news:hover .font_01 { color:#005CA1;transform:translate(0px,0px);}
.list_news .font_02 {width:100%;padding:5% 0;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.list_news:hover .font_02 {}
.list_news .font_03 {font-size:20px; transition:0.5s;}
.list_news:hover .font_03 {color:#005CA1;font-size:20px}


/*产品与类产品列表product_css */ 
.list_product{float:left;width:33.25%;border-right:1px solid #eee;border-top:1px solid #eee;}

.list_product .box{ background:#fff; position:relative;overflow:hidden;transition:0.5s;transform:translate(0,0px);}
.list_product:hover .box{transform:translate(0,0px);}

.list_product .box img {width:100%;background:no-repeat top; background-size:100%; opacity:0.9;transition:0.2s}
.list_product:hover .box img {transform:scale(1.1) ;opacity:1 } 

.list_product .biankuang{position:absolute;background:url(../img/product.svg) no-repeat center ; background-size:50%;width:60px;height:100%;margin-left:-30px;left:50%;top:0;opacity:0;transition:0.2s;z-index:1}
.list_product:hover .biankuang{position:absolute;background:url(../img/product.svg) no-repeat center;  background-size:90%;width:60px;top:0;opacity:1;}

.list_product .color{background:#fff;position:absolute;width:100%;height:45%; border-top:1px solid #f1f1f1; bottom:0; opacity:0.8; transition:0.3s} /*颜色*/
.list_product:hover .color{background:#005CA1;width:100%;height:100%; border-radius:0px; bottom:0;opacity:0.9; transform:scale(1.0) rotatez(180deg);} 

.list_product .position {position:absolute/*决定了文本的位置*/;background-size:50%;width:80%; padding:10% 10%;bottom:0px;display:flex;justify-content:top;flex-direction:column;z-index:1;transition:0.5s;opacity:1;}
.list_product:hover .position{padding:10% 10%/*html5移动命令*/;opacity:1;}

.list_product .font_01{ font-size:16px;color:#C9A954;display:block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s;} 
.list_product:hover .font_01{color:#fff} 
.list_product .font_02{display:block;border-bottom:1px  solid #eee; margin:5px 0; width:40%; transition:0.5s; } 
.list_product:hover  .font_02{width:100%;  } 

.list_product .font_03{color:#999;display:block;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;transition:0.5s;} 
.list_product:hover .font_03{ color:#fff;transform:translate(0,0px);} 

/*案例列表project_css */
.list_project{background:#fff;float:left;width:15.0%; margin-right:2%; margin-bottom:0.2%; }
.list_project:nth-of-type(6n) {margin-right:0px;}
.list_project .box{ position:relative;overflow:hidden;filter:grayscale(0%); box-shadow: 0px 1px 1px #eee;transition:0.5s;}
.list_project:hover .box{transform:translate(0,0px);box-shadow: 0px 5px 20px #eee}
.list_project .box img{background-size:cover;opacity:1;  width: 100%;filter: opacity(55%);transition:0.5s}
.list_project:hover .box img{transform:scale(1.1);opacity:1;}

.list_project .biankuang{position:absolute;width:100%; border-radius:0px; height:100%;top: 0%;left:0%;border:0px solid #eee;transition:0.5s;}/*边框*/
.list_project:hover .biankuang{}

.list_project .color{position:absolute;background:rgba(0, 0, 0, 0);width:100%; height:100%; bottom: 0px;transition:0.5s} 
.list_project:hover .color{bottom:0px;opacity:0.8} 

.list_project .position{position:absolute; top:0; width:80%;color:#fff; height:100%;padding:0 10%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;}
.list_project:hover .position{color:#2E2E2E}

.list_project .font_01{ font-size:0; color:#FFF;text-align:center;padding:10px 5px;transition:0.5s;opacity:0} 
.list_project:hover .font_01{opacity:1; color:#2E2E2E }  

.list_project .font_02{display:none;font-size:0px; font-weight:lighter;text-align:center;transition:0.5s;opacity:0} 
.list_project:hover .font_02{display:none; margin:5% 0 2% 0;opacity:0} 
.list_project .font_03{color:#1A1A1A;display:block;height:0px; border-left:1px solid #2E2E2E;transition:0.5s;opacity:0} 
.list_project:hover .font_03{}
.list_project .font_04{color:#fff;text-align:center;line-height:23px;margin-top:10px;transition:0.5s;opacity:0} 
.list_project:hover .font_04{color:#2E2E2E;display:block;} 
.list_project .font_05 img{width:50px;margin-top:10%;opacity:0} 
.list_project:hover .font_05 img{transform: rotatey(0deg);opacity:0}  
 

 /*团队列表team_css */
.list_team{float:left;width:45%; margin:0px 10% 50px 0; border-top: #E1E1E1 1px solid;display:block;transition:0.5s}
.list_team:nth-of-type(2n) {margin-right:0px}
.list_team:hover{ border-top: #999 1px solid;}

.list_team:after {background:#1A1A1A;width:0px; height:1px;  display: block; top:0; content: ""; transition:0.6s}/*after 选择器*/
.list_team:hover:after {width:0%}

.list_team .box {position:relative;padding:5% 0px;display:flex;justify-content:space-between;overflow:hidden;transition:0.5s; 
 flex-direction:row-reverse/*倒叙*/}
.list_team:hover .box {box-shadow: 0px 0px 0px #eee;transform:translate(0px,15px);}

.list_team .picposition {width:40%; overflow:hidden}
.list_team .picposition img {background-size:cover;width:100%;transition:0.2s}
.list_team a:hover .picposition img {transform:scale(1.2);transform:translate(-0px,0);/*html5移动命令*/opacity:1}

.list_team .biankuang{position:absolute;background:url(../img/) no-repeat center;width:50px;height:50px;opacity:0.2;transition:0.5s;}/*边框*/
.list_team:hover .biankuang{opacity:1}

.list_team .position {width:61%;padding:0 5% 0 0 ;display:flex;justify-content:center;align-items:left;flex-direction:column;transition:0.5s; z-index:1}
.list_team:hover .position {transform:translate(0px,0);/*html5移动命令*/}

.list_team .font_01{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.list_team:hover .font_01 {color:#1A1A1A}

.list_team .font_02 {}
.list_team:hover .font_02 {}

.list_team .font_03 {text-transform:lowercase;color:#666;width:100%;padding:5% 0;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}/*多行文字截取*/
.list_team:hover .font_03 {}

.list_team .line1 {width:100%;height:0px;display: block;background-color:#2E2E2E;text-align:center; margin-top:5%; opacity:1;transition:1s}
.list_team:hover .line1 {background-color:#000;width:100%;opacity:1;}

.list_team .line2 {width:0%; height:1px; display: block;background-color:#eee;text-align:center; margin-top:0%; opacity:1;transition:1s}
.list_team:hover .line2 {background-color:#ccc;width:100%;opacity:1;}


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

.list_employ .box{ background:#FFF;position:relative;border:#f1f1f1 1px solid; padding:15%; margin-bottom:20px; transition:0.5s}
.list_employ:hover .box{border:#EBEBEB 1px solid;box-shadow:0px 0px 40px #eee;;}

.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(0, 0, 0, 0);width:100%; height:100%; bottom:0%;} 
.list_employ:hover .color{bottom:0} 

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

.list_employ .font_01{margin-bottom:10px; display:block} 
.list_employ:hover .font_01{color:#005CA1;}  

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

.list_employ .font_03{position:absolute;border:1px solid #eee; padding:18px; font-size:10px;color:#005CA1;top:-5%;right:0;opacity:0;transition:0.5s} 
.list_employ:hover .font_03{font-size:15px;color:#fff;opacity:1; border:1px solid #B08E35;background:#C9A954;} 



 /*首页服务类豆腐块_css */ 
.list_service{float:left;width:32%; margin-right:2%;margin-bottom:0%; }
.list_service:nth-of-type(3n) {margin-right:0px;border-right:#2E2E2E 0px dotted; }
.list_service .box{ background:#FFF; position:relative;display:block;padding:0%;overflow:hidden}
.list_service:hover .box{ transform: rotatey(0deg);}
.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)}

.list_service .color{position:absolute;background:rgba(0, 0, 0, 0);width:100%; height:100%; bottom: 0px;transition:0.5s} 
.list_service:hover .color{/*background:linear-gradient(to bottom, red,black);*/bottom:0px;opacity:0.5} 
.list_service .position{position:absolute; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;}
.list_service:hover .position{color:#2E2E2E}

.list_service .font_01{color:#C9A954;text-align:center;transition:0.2s;} 
.list_service:hover .font_01{color:#C9A954;}  

.list_service .font_02{width:10px; border-radius:10px; border:#C9A954 1px  solid; margin-top:10px;transition:0.2s} 
.list_service:hover .font_02{border:#C9A954 1px solid; } 

.list_service .font_03{font-size:20px; color:#C9A954; text-transform:uppercase;border-left:0px solid #1A1A1A;margin:20px;transition:0.2s;} 
.list_service:hover .font_03{font-size:25px }

.list_service .font_04{color:#999;display:block;text-align:center;margin:0 auto;max-width:100%;/*宽度*/padding:0 10%;transition:0.2s;} 
.list_service:hover .font_04{color:#C9A954;display:block;} 

.list_service .font_05 img{ display:block; width:100%;margin:0 auto 5%  auto;opacity:1;} 
.list_service:hover .font_05 img{transform:scale(1.1);filter: grayscale(0%);}  


/*首页广告位list_index_advise*/ 
.list_index_advise{float:left;width:100%;margin-right:0px;margin-bottom:0px}
.list_index_advise:nth-of-type(2n) {margin-right:0}
.list_index_advise .box{position:relative; overflow:hidden; transition:1s; z-index:1}
.list_index_advise .box:hover{box-shadow: 0px 0px 0px #eee;transform:translate(0,0px) ;}
.list_index_advise .box img{background:center bottom;background-size:100%;width:100%;display:block;opacity:1;filter:blur(0px);transition:0.5s;}
.list_index_advise:hover .box img{transform:scale(1.0); background:center;background-size:100%; opacity:1;filter: blur(0px);}

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

.list_index_advise .position{position:absolute;top:0;width:90%; height:100%;padding:0 5%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}

.list_index_advise .font_01{color:#fff;display:none;font-size:0px;display:block; line-height:0} 
.list_index_advise:hover .font_01{display:none;color:#BEAB9C; line-height:0;opacity:1;}

.list_index_advise .font_02{color:#fff;font-size:16px;text-align:center;display:block;transition:0.5s} 
.list_index_advise:hover .font_02{color:#fff;} 
 
.list_index_advise .font_03{color:#eee;display:block; text-align:center;text-transform:capitalize;transition:1s} 
.list_index_advise:hover .font_03{lcolor:#666} 

.list_index_advise .font_04{display:block} 
.list_index_advise:hover .font_04{} 
 
 
/*首页外链豆腐块_css */ 
.list_weblink{float:left;width:100%; margin-right:0%;margin-bottom:0%; }
.list_weblink:nth-of-type(1n) {margin-right:0px;border-right:#2E2E2E 0px dotted; }
.list_weblink .box{position:relative;display:block;padding:0px 0%;overflow:hidden}
.list_weblink:hover .box{ transform: rotatey(0deg);}
.list_weblink .box img{background-size:cover;opacity:1;width: 100%;filter: grayscale(0%);transition:0.2s}
.list_weblink:hover .box img{transform:scale(1.0)}
.list_weblink .position{position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}
.list_weblink:hover .position{}

.list_weblink .font_01{ font-size:12px; color:#C9A954;text-align:center;transition:0.2s;} 
.list_weblink:hover .font_01{color:#C9A954;}  
.list_weblink .font_05 img{display:block;width:45%;margin:0 auto 0px  auto;filter: grayscale(0%);opacity:1;transition:0.9s} 
.list_weblink:hover .font_05 img{transform:scale(1.0);filter: grayscale(0%);opacity:1; transform: rotatex(360deg);}  

@media all and (min-width:769px) 
{.header{right:8%; z-index:100000000000}
.mheader {display:none;z-index:0;transition:0.5s}/*手机是否隐藏*/
.mheader.is-hidden {display:none;opacity:1;z-index:100000;}/*下滚动出现手机菜单*/
.list_product:nth-of-type(3n){margin-right:0px;}
}
@media all and (max-width:769px) 
{
body {font-size:14px;/*适合手机的行高*/}
.header {display:none;}
.mheader {height:50px}

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

/*链接_css*/	

/*more按钮链接_css*/
.button{}
.left_menu {margin:0px 1px 1px 0;padding:0px 15px;}



/*主体box_css*/	
.box_top{padding:0 4%;width:92%;display:flex;font-size:17px;height:60px;box-shadow:0px 0px 1px #ccc;}
.box_top.is-hidden {height:60px;box-shadow:0px 0px 1px #ccc;}

.box_right{width:100%}
.box_main{flex-wrap: wrap;padding:10% 0}

.box_main_padding{padding:1% 4%}

.box_banner{padding-top:60px;}
.box_banner img{ background:right 0; background-size:cover; width:250%; margin-left:-300px}
@keyframes left{100% {transform:translatex(-800px)}}
.box_banner_text{width:80%; padding:0 10%;}

.box_column{padding:7% 4%;flex-wrap: wrap;}
.box_erji{justify-content:left;padding:0% 4% 4% 4%;flex-wrap: wrap;}
.box_more{padding:0% 0}

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


.box_page{ padding:10%}

.box_faq_lie{flex-wrap: wrap}
.box_foot{padding:5% 0}

/*字体_css*/	
.font_banner_title{font-size:25px;  }
.font_banner_en{font-size:20px}


.font_column_ch{font-size:16px}
.font_column_line{}
.font_column_en{ }
.font_column_position{font-size:14px}

.font_input{width:100%; margin-bottom:5%}
.font_input_width{width:100%;}
.font_faq{width:100%;}

/*针对一列列表one_css*/
.list_one { text-align:left; margin:0}
.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; flex-wrap: wrap}

/*单纯图片三列列表_css*/
.list_pic3{-webkit-column-count:1; flex-wrap: wrap}

/*单纯图片三列列表_css*/
.list_pic4{-webkit-column-count:3; flex-wrap: wrap}


/*新闻列表news_css**/
.list_news{width:100%; margin-bottom:20px}/*距离相隔2%最佳*/
.list_news:nth-of-type(1n) {}
.list_news .box {padding:0%}
.list_news .picposition {width:45%;}
.list_news .picposition img {width:140%}
.list_news .position {width:45%;padding:5%}
.list_news .font_01{width:150px}
.list_news .font_02 { font-size:14px;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

 /*产品与新品上市-CSS*/
.list_product{width:49.7%; margin-right:0%;margin-bottom:0%;/*百分比间隙2017.11.11*/}
.list_product:nth-of-type(2n) {margin-right:0px;}
.list_product:hover .box{transform:translate(0px,0px);}
.list_product:hover .position{transform:translate(0,0px);/*html5移动命令*/}
.list_product .font_01{width:100%;}
.list_product .font_02{display:none;}
.list_product .font_03{ display:none;width:100%;/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;*/} 

/*案例列表project_css */
.list_project{width:30%; margin-right:5%;margin-bottom:2%;/*距离相隔2%最佳*/}
.list_project:nth-of-type(3n) {margin-right:0px}

 /*团队列表team_css */
.list_team{width:100%; margin-bottom:10px;/*距离相隔2%最佳*/}
.list_team:nth-of-type(1n) {margin-right:0px;}

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

 /*首页服务类豆腐块_css */ 
.list_service{width:100%; padding:5% 0;margin-bottom:0px;border-right:0px/*距离相隔2%最佳*/ }
.list_service:nth-of-type(1n) {margin-right:0px;border-bottom:#eee 0px solid}
.list_service .box img{ padding:10% 0}

/*首页广告位list_index_advise*/ 
.list_index_advise{width:100%; margin:10% 0;border-bottom:#2E2E2E 0px solid;}
.list_index_advise:nth-of-type(1n) {margin-right:0px}
.list_index_advise .box img{width:250%; margin-left:-75%}
.list_index_advise .font_02{} 
}