/*主题色值  蓝 色#23457D,  黄色  #23457D 浅 __ 支持批量替换色彩*/
body{color:#333;background:#eee;font-size:14px;line-height:25px;margin:0px;font-family:myFirstFont,"微软雅黑";overflow-x:hidden;list-style-type:none}
ul {margin:0;padding:0;list-style: none;}li {margin:0;padding:0; list-style: none;}P {margin-top:20px}
@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/'); /* 字体样式 */}
@font-face{font-family:'FontAwesome';src: url('../font/fontawesome-webfont.ttf?v=4.3.0'),url('../font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular')}
.fa {font:normal normal normal 10px/1 FontAwesome;transform: translate(0, 0);} /* 字体箭头样式 */
.menuarrow:before {content:"\f107"; color:#666;transform: translate(0, 0);opacity:0.9}
.menuarrow01:before {content:"\f0d8"; font-size:20px;color:#23457D;opacity:1}

/*字体大小，行高属性_css*/ 
h1{font-size:18px; font-weight:bold;line-height:2; margin:0;text-transform:uppercase; }/* 列表标题 */
h2{font-size:12px;color:#000;text-transform:uppercase;font-weight:normal; margin:0; opacity:0.6}/* 副标题 */
h2:first-letter{}/*选择每个 <h2> 元素的首字母，并为其设置样式 */
h3{font-size:14px;line-height:1.7; font-weight:normal; margin:0;color:#000;opacity:0.6;}/* 列表摘要 */
h4{font-size:30px; line-height:1.2;font-weight: normal; max-width:820px; margin:0; text-transform:uppercase; opacity:1}/* 内容大标题 */
h5{font-size:16px;font-weight:normal;margin:0;}/* 文章内容 */
h6{font-size:14px; color:#999;font-weight:normal; margin:0; text-transform:uppercase; opacity:0.8}/* 时间/数字 */
hr{height:1px; background:#eee; display:block; border:0; margin:30px 0}
p:first-letter{text-transform:capitalize}/*选择器每个 <p> 元素的首字母设置样式：*/

/*公用链接_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:19px;font-weight:normal;position:relative;display:block; padding:0 0px; margin-right:0px;/* 按钮平均分 */ border-right:0px solid #F7F7F7}
.menu:hover {  }
.menu:last-child{margin-right:0px;}

.menu >a{ height:90px;line-height:90px;display:block;overflow:hidden;text-align:center;transition:0.5s}
.menu a:hover span {color:#23457D;/*text-decoration:underline;*/ }

.menu a .menuarrow{position:absolute;top:40px;right:0px;transition:0.2s}/*有二级菜单显示箭头*/  
.menu:hover a .menuarrow{transform:scale(1.0) rotatez(0deg);}/*有二级菜单显示箭头*/  
.menu a .menuarrow01{ background:;position:absolute; bottom:-7px; right:46%; opacity:0; z-index:1}/*有二级菜单显示箭头*/  
.menu:hover a .menuarrow01{position:absolute; bottom:-7px;  opacity:1;z-index:1}/*有二级菜单显示箭头*/  

.menu span {position:relative;text-transform:uppercase;display: block;transition:0.5s}
.menu span:before{content:attr(data-title);left:0px;right:0px;top:0px;bottom:0px;position:absolute;top:100%;transition:0.5s}/*经过菜单滚动文字'字母*/

.menu .erji {position:fixed;opacity:0;top:0; left:0; width:90%; padding:0 5%; overflow:hidden;background:#23457D;visibility:hidden;display:flex;justify-content:center;align-items:top;z-index:-99; transition:0.3s;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); border-top:1px solid rgba(206,176,126,0.2)}/*二级菜单盒子*/ 
.menu .erji li img {width:0px; margin:0 auto}
.menu:hover .erji {background:;padding-top:1%;padding-bottom:1%;top:80px;visibility:inherit;opacity:1;z-index:-99}
.menu .erji li a {color:#eee;font-size:14px; padding:0px 20px;line-height:2; border-right:0px solid rgba(206,176,126,0.2); display:block;transition:0.2s}
.menu .erji li a:hover {color:#fff; /*text-decoration:underline;*/ border:0px solid rgba(206,176,126,0.2);}
.menu .erji li a b{font-weight:normal;line-height:2.5; padding:5px 0px; font-size:12px;border:0px solid #F9F9F9;padding:px 0px;}
.menu .erji li a:hover b {text-decoration:underline; }


#menu .select{ border:0px solid #F4F4F4}/*栏目高亮*/  
#menu:hover .select span{}
#menu .selecterji{}/*二级栏目高亮*/  
#menu_page {border-radius:0px; }
#menu_page:visited {}
#menu_danye {}/*单页高亮*/  
#menu_danye:visited {}


/*二级菜单链接_css*/
.left_menu {background:#f1f1f1; font-size:14px;border:1px solid rgba(0,0,0,0.05);display:block;margin:0px 4px 0px 4px;padding:10px 25px; border-radius:0px;text-transform:none;overflow: hidden;transition:0.2s}


.left_menu:link { color:#666}
.left_menu:visited {color:#666}
.left_menu:hover {background:#23457D;color:#fff;border:1px solid rgba(255,255,255,0.1); 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:#23457D; border:1px solid rgba(206,176,126,0.2);color:#fff}


/*more按钮链接_css*/
.more{color:#23457D;background:#fff;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}
.more:link {padding:0px 0px;}
.more:visited {color:#fff;} 
.more:hover{color:#fff; transform:translate(0,10px); z-index:1000}
.more:after {background:#000;width:0%;height:60px; margin-top:-60px; display: block; content: ""; transition:0.5s}/*after 选择器*/
.more:hover:after {background:#000;width:100%}


/*back按钮链接_css*/
.back {background:#23457D url(../img/back.svg) no-repeat center; background-size:50%;width:30px; height:30px; border:0px solid  #eee; margin:20px  auto; border-radius:0px;display:block; text-transform:uppercase;display:flex;justify-content:center;align-items:center;padding:15px;transition:0.2s}
.back:link {color:#999}
.back:visited {color:#999}
.back:hover {background:#23457D url(../img/back.svg) no-repeat center;background-size:50%; color:#fff;border:0px solid rgba(255,255,255,0);opacity:0.8;}

/*搜索_css*/


/*分页链接_css*/
.page{background:#fff;padding:12px 17px;border-radius:0px;border:1px solid rgba(0,0,0,0.05); color:#666; margin: 0 5px;transition:0.5s}
.page:link{}
.page:visited {} 
.page_ding{padding:12px 17px; border-radius:0px; border:1px solid rgba(0,0,0,0.05);color:#999; margin: 0 5px; background:#23457D;color:#fff}
.page:hover{background:#23457D; color:#fff;text-decoration: none;}

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

/*主体盒子box_css*/	
.box_top{ background:#fff;width:94%; padding:0 8%;opacity:1;display:flex;justify-content:space-between;align-items:center}
.box_top_left{display:block; }
.box_top_left img{width:80%; margin-right:5px;opacity:1; border-right:0px solid #eee; padding-right:10px;transition:0.5s;}
.box_top_left .logo{display:flex;justify-content:left;align-items:center}
.box_top_left a:link{font-size:20px; line-height:1.3; }
.box_top_left a:visited{}
.box_top_left .en{font-size:33px;line-height:20px;letter-spacing:3px}
.box_top_left .kouhao{font-size:10px;text-transform:uppercase;letter-spacing:1px; display:block;opacity:0.6;transition:0.5s}

.box_top_right{width:65%; margin-left:-10%;}/*右侧宽度*/
.box_menu_position{width:100%}/*挡板*/
.box_menu_class>li{float:left}

.box_index{overflow:hidden}

.box_main{background:#;overflow:hidden; padding:2% 0 2% 0}
.box_main_padding{border:0px solid rgba(255,255,255,0.2);padding:0% 0%; margin:0 8%; border-radius:0px;overflow:hidden}
.box_main_nopadding{margin:0;overflow:hidden}

.box_main_list{background:; padding:3% 0 3% 0}
.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 {padding:0px 0; 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;}
.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:#000; width:100%;height:100%;top:0;/*遮罩位置*/opacity:0.4}
.box_banner_text{ opacity: 1; position:absolute;width:84%;padding:0 8%; height:100%;top:18%;/*保证居中的条件，适当让位*/display:flex;justify-content:center;align-items:right;flex-direction:column;transition:0.5s}

.box_column_back{background:#fff;padding:0% 0 ;border-bottom:0px solid rgba(0,0,0,0.05);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);margin-bottom:0px;}

.box_column{display:flex;justify-content:/*space-between*/center;align-items:center;flex-direction:column;padding:3.5% 8%; border-radius:0;margin-top:-1px;border:0px 0 0 0; /*灰度酌情*/border:1px solid rgba(255,255,255,0.2); border-bottom:0;margin-top:0px;z-index:999999}
.box_column_index{background:#fff;display:flex;border-bottom:0px solid rgba(0,0,0,0.05);justify-content:center;align-items:center;flex-direction:column;padding:50px 8%;}


.box_erji{padding:0 0 0 0; margin-top:20px;display:flex; 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:80px}
.box_view{background:#FFF; border:1px solid rgba(255,255,255,0.2);padding:5% 10%;width:auto;margin:2% 10% 5% 10% ;border-radius:0px}
.box_view_top{background:#fff; display:flex;justify-content:center; align-items:center; text-align:center;padding:4% 2% 4% 2%;}
.box_view_content{line-height:30px;  margin:0 0}
.box_view_content p{ text-indent: 0em}
.box_view_content img{width:80%; margin:0% 0}

.box_view_rangwei01{padding-top:80px}
.box_view01{background:#; border:0px solid rgba(255,255,255,0.2);padding:1% 8%;width:auto;margin:1% 0% 5% 0% ;border-radius:0px}
.box_view_top01{background:#fff; display:flex;justify-content:center; align-items:center; text-align:center;padding:4% 2% 4% 2%;}
.box_view_content01{line-height:30px;  margin:0 0}
.box_view_content01 p{ text-indent: 0em}
.box_view_content01 img{width:100%;background:#23457D no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s}

/*给产品单页左列样式_css*/
.list_products01{float:left;width:100%;margin-right:0%;margin-bottom:0%;transition:0.5s}
.list_products01:nth-of-type(1n) {margin-right:0px;border-right:0px  solid #333}

.list_products01 .box{ background:#FFF; position:relative;display:block; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; border-radius:0px; overflow:hidden;}
.list_products01:hover .box{}

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

.list_products01 .color{position:absolute;background:#fff;opacity:0;width:100%; height:100%; top:0; transition:0.2s} 
.list_products01:hover .color{background:#F8F8F8;transform:scale(1.0) rotatey(0deg);bottom:0px; border-radius:0px; opacity:1;
box-shadow: 0px 0px 20px rgba(0, 0, 10, 0.8);} 

.list_products01 .biankuang{position:absolute;width:100%;height:100%;top:0;border:#fff 0px solid; opacity:0;transition:0.5s;z-index:1}
.list_products01:hover .biankuang{background:#;transform:scale(1.0) rotatez(45deg); top:0; opacity:1;}

.list_products01 .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.2s; padding-top:0%;}
.list_products01:hover .position{opacity:1;}

.list_products01 .svg{width:20%; margin-bottom:15px;opacity:1.0; display:block; transition:0.2s;} 
.list_products01:hover .svg {}  

.list_products01 .font_01{font-size:18px; font-weight:bold;margin:10px 0; transition:0.2s} 
.list_products01:hover .font_01{opacity:1;}

.list_products01 .font_02{font-size:10px; line-height:1.5; text-align:center; padding:0 20px; display:block} 
.list_products01:hover .font_02{}  



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

.box_page{transform:translate(0px,0px);background:#fff; padding:5% 0 5% 0;text-align: center;}

.box_next { background:#FFF; 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{color:#999;width:100%; padding:30px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.box_next .font:hover{color:#23457D}

.box_foot_back{background:#23457D; background-size:100%; padding-top:30px  }
.box_foot{color:#eee; text-transform:uppercase;border:#FFF 0px solid;width:84%; padding:2% 8%; border-radius: 0;overflow:auto}

.box_foot_list{float:left;width:20%;padding-left:20px; border-right:1px solid rgba(255,255,255,0.1); height:200px;}
.box_foot_list:nth-of-type(6n) {margin-right:0px}
.box_foot_list:first-child{padding-left:0px}
.box_foot_list:last-child{margin-right:0px; border-right:0px solid #CCC}

.box_foot_list ul{color:#fff; font-size:15px; font-weight:bold; text-transform: uppercase; margin-bottom:10px;}
.box_foot_list li{color:#ccc;line-height:2; }
.box_foot_list li:hover{color:#fff; }

.box_copyright{background:#ECECEC;display:block; font-size:12px; color:#6A6A6A; border-top:1px solid #f1f1f1; margin-top:30px; padding:20px 5%;  text-align: center}

/*字体样式_css*/	
.font_top{width:140px;font-weight:bold; font-family: myFirstFont;font-size:18px; background:#FBFBFB;color:#900; border:1px solid #eee; border-radius:100px; padding:5px 15px; display:flex;justify-content:space-between;align-items:center;text-align:center;opacity: 1;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}
.font_top img{width:50%}

.font_banner_title{display:none;color:#fff; margin-left:0px;text-transform:uppercase;opacity: 0.5}
.font_banner_line{letter-spacing:0px;text-align:center}
.font_banner_ch{ display:none;font-weight:bold; font-size:22px; line-height:1.4;color:#fff;text-align:center; text-transform: capitalize; opacity:1}
.font_banner_en{ font-size:30px;color:#fff; text-transform:uppercase; text-align:center; opacity:0.4}
@keyframes fadeIn { 0% {font-size:0px; opacity: 0; margin-right:0px } 50% {} 100% {}/*动画控制*/}

.font_column_ch{font-weight:bold; font-size:24px; line-height:1; display:block;text-align:center; opacity:1;display:flex;justify-content:center;align-items:center;flex-direction:row;}
.font_column_ch hr{ background:#CCC; display: block; width:50px; margin: 0 10px;}
.font_column_ch_index{text-align:left;}
.font_column_line{display:block;border-bottom:#23457D 0px solid; margin-top:10px; text-align:center; line-height:0; width:100%;transform: rotatez(0deg);}
.font_column_en{ display:none;font-size:12px; opacity:0.2;text-transform:uppercase;text-align:center;}
.font_column_en_index{display:none;text-align:left;}
.font_column_position{text-transform:capitalize; font-size:12px; color:#999; background:#f1f1f1 url(../img/home.svg) no-repeat left 8% center;text-indent:23px; display:block; height:50px; line-height:50px; padding:0 8%; border-bottom:1px solid rgba(0,0,0,0.03)}
.font_column_position a {color:#666;}

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


.font_select_big{color:#666;background:#23457D;color:#FFF;  }
.font_select_small{border-bottom:#666 1px solid;color:#999}

.font_input{color:#666;background:#F9F9F9;border:1px solid #23457D;line-height:;height:45px;width:40%;padding: 0 0 0 2%; border-top-left-radius:50px; border-bottom-left-radius:50px;box-shadow: 0px 1px 4px rgba(0,0,0,0),0px 0px 10px rgba(0,0,0,0.1) inset;}
.font_select{color:#FFF; background:#23457D;border:1px solid #23457D; height:45px;width:120px; border-top-right-radius:50px; border-bottom-right-radius:50px; cursor:pointer}
.font_select:hover{ background:#23457D;}


.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;}


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

/*针对流动布局 liudong_css*/
.list_liudong {display:flex;justify-content:space-between;/*左右分布，不顶边*/ flex-direction:row;/*从左到右控制*/align-items:top;/*元素垂直居中*/ }
.list_liudong :nth-child(1) {width:20%; background:#23457D; display:block;padding:20px}
.list_liudong :nth-child(2) {width:60%; background:#9C0; display:block;padding:20px}
.list_liudong :nth-child(3) {width:20%; background:#F30; display:block;padding:20px}

/*针对一列布局one_css*/
/*针对一列布局one_css*/
.list_one {background:#FFF; padding:80px 80px;}
.list_one h1 {color:#F72323;background:#F5F5F5;font-size:22px;line-height:1.2; font-weight:normal; margin:20px 0 20px 0; padding:10px 20px}
.list_one h2 {text-align:center;  opacity:.5}
.list_one .right img{max-width:80%; display:block; background:no-repeat center; background-size:cover}

/*针对两列布局two_css*/
.list_two {background:#FFF;display:flex;justify-content:space-between;flex-direction:row/*row-reverse移动命令，纵向倒叙*/;align-items:top; margin-bottom:50px;}
.list_two .left {width:35%}
.list_two .left img{width:100%}
.list_two .line{height:auto;width:0px;background:#f1f1f1;display:block}
.list_two .right {width:60%}
.list_two .right img{width:100%}
.list_two .right .font_title{color:#23457D; font-size:40px;line-height:35px}

/*针对两列产品布局two_css*/
.list_two01 {display:flex;justify-content:space-between;flex-direction:row/*row-reverse移动命令，纵向倒叙*/;align-items:top}
.list_two01 .left {background:;width:25%; margin-right:0%;}
.list_two01 .left img{width:100%}
.list_two01 .line{height:auto;width:0px;background:#f1f1f1;display:block}
.list_two01 .right {background:#fff;width:72%}
.list_two01 .right img{width:100%}
.list_two01 .right .font_title{color:#23457D; font-size:40px;line-height:35px}



/*图文混排两列列表_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{ }/*其他属性不能给，确保兼容*/


/*简介类列表14开始 */ 
.list_about14{float:left;width:100%; margin:0 0% 0px 0;border-left:0px  solid #333; }
.list_about14:nth-of-type(2n) {margin-right:0px;border-right:0px  solid #333}

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

.list_about14 .box img{ background:center;background-size:cover;opacity:1;width: 100%;transition:0s}
.list_about14:hover .box img{opacity:1;}

.list_about14 .color{position:absolute;background:#000;width:100%; height:100%; top:0;opacity:0.4;transition:0.5s} 
.list_about14:hover .color{transform:scale(1.0) rotatex(0deg);border-radius:0px; opacity:0.9;} 

.list_about14 .biankuang{position:absolute;width:100%;height:100%;top:0;border:#FFF 0px solid; opacity:0;transition:0.5s;z-index:1}
.list_about14:hover .biankuang{ background:#eee;width:93.5%;height:95%; margin:3% 3%; top:0; opacity:0;}

.list_about14 .position{position:absolute;color:#fff;top:0; width:100%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s;}
.list_about14:hover .position{opacity:1; }

.list_about14 .svg{display:none;width:5%; margin-top:20px;opacity:1;transition:0.5s;
animation:svg09 infinite;/*命名*/animation-delay:0s;/*延时*/animation-duration:0.8s;animation-direction:alternate;/*支持反向播放*/} 
@keyframes svg09{from {opacity:1;} to {opacity:0.5;}}
.list_about14:hover .svg {}  

.list_about14 .font_line{ background:#fff;width:80px;height:1px; margin:15px 0;display:block;border-radius:0px;opacity:0.9;transition:0.5s;} 
.list_about14:hover .font_line{width:80px;opacity:1;}

.list_about14 .font_01{font-size:30px; line-height:1; display:block;  opacity:1; transition:0.5s} 
.list_about14:hover .font_01{}

.list_about14 .font_02{ max-width:650px;line-height:1.5; font-size:25px; text-align:center; color:#fff;opacity:1} 
.list_about14:hover .font_02{}  

.list_about14 .font_03{color:#fff;text-align:center; padding:20px 15%;/*上下填充文字易错位*/display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:20;word-break: break-all; margin-top:20px; overflow:hidden;transition:0.5s;} 
.list_about14:hover .font_03{} 


/*新闻列表16开始*/
.list_news{ float:left;width:24.625%; margin:0 0.5% 20px 0; overflow:hidden;border-bottom:0px solid rgba(0,0,0,0.1); transition:0.5s}
.list_news:nth-of-type(4n) {margin-right:0px}

.list_news:after {width:0px; height:0px; display: block;content: ""; transition:0.6s}/*after 选择器*/
.list_news:hover:after {width:100%}

.list_news .box{position:relative; border:1px solid #f1f1f1;overflow:hidden;transition:0.5s;}
.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-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{ background:rgba(0,0,0,0.2);position:absolute;width:100%;height:100%; top:0; border-radius:0px;opacity:1; transition:0.5s} /*颜色*/
.list_news:hover .color{background:rgba(0,0,0,0);width:100%;height:100%; border-radius:0px; top:0;} 

.list_news .position {background:#FAFAFA;position:relative/*决定了文本的位置*/; background-size:0;width:100%; padding:12% 0%;top:0px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;transition:0.5s;}
.list_news:hover .position{background:#23457D;opacity:1;transform:translate(0px,0px);/*html5移动命令*/}

.list_news .font_line{background:#000;width:5%; height:1px; margin:0px 0; display:block;opacity:0;transition:0.5s;} 
.list_news:hover .font_line{color:#fff; width:10%;}

.list_news .font_01{ text-align:center;display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transform:translate(0px,0px);transition:0.5s;} 
.list_news:hover .font_01 {color:#fff; transform:translate(0px,0px);}

.list_news .font_03 {margin-top:0px; text-align:center;padding:0 10%;width:80%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;transition:0.5s;}
.list_news:hover .font_03 {color:#fff;opacity:1;transform:translate(0px,0px);}

.list_news .font_time{margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;transition:0.5s;opacity:1;} 
.list_news:hover .font_time{color:#fff;opacity:1;}

.list_news .font_04 { font-size:30px; margin-bottom:5px}
.list_news:hover .font_04 {}


/*企业文化列表16开始*/
.list_staff{ 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_staff:nth-of-type(3n) {margin-right:0px}

.list_staff:after {width:0px; height:0px; display: block;content: ""; transition:0.6s}/*after 选择器*/
.list_staff:hover:after {width:100%}

.list_staff .box{  position:relative; border:1px solid #f1f1f1;overflow:hidden;transition:0.5s;}
.list_staff:hover .box{background:#eee;}

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

.list_staff .svg{position:absolute;background-size:15%;width:100%;height:100%;top:-50%;opacity:0;transition:0.5s;z-index:1;}
.list_staff:hover .svg{position:absolute;background:url(../img/product0.svg) no-repeat center; background-size:15%;top:0;opacity:1;}

.list_staff .biankuang{ border-bottom:#ccc 0px solid; width:100%;opacity:0.5; transform:translate(0px,0px);top:50%; margin:0px 0; transition:0.5s;}
.list_staff:hover .biankuang{width:100%;width:100%;border-bottom:#262626 0px solid;opacity:0.5;transform:translate(0px,0px);z-index:10001}

.list_staff .color{position:absolute;width:100%;height:100%; top:0; border-radius:0px;opacity:1; transition:0.5s} /*颜色*/
.list_staff:hover .color{width:100%;height:100%; border-radius:0px; top:0;opacity:0;} 

.list_staff .position {background:#FAFAFA;position:relative/*决定了文本的位置*/; background-size:0;width:100%; padding:10% 0%;top:0px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10;transition:0.5s;}
.list_staff:hover .position{background:#23457D;color:#fff;opacity:1;transform:translate(0px,0px);/*html5移动命令*/}

.list_staff .font_line{background:#000;width:5%; height:1px; margin:0px 0; display:block;opacity:0;transition:0.5s;} 
.list_staff:hover .font_line{color:#fff; width:10%;}

.list_staff .font_01{ text-align:center;display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transform:translate(0px,0px);transition:0.5s;} 
.list_staff:hover .font_01 {color:#fff;transform:translate(0px,0px);}

.list_staff .font_03 {margin-top:0px; text-align:center;padding:0 10%;width:80%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;transition:0.5s;}
.list_staff:hover .font_03 {color:#fff;opacity:1;transform:translate(0px,0px);}

.list_staff .font_time{margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;transition:0.5s;opacity:1;} 
.list_staff:hover .font_time{opacity:1;color:#fff;}

.list_staff .font_04 { font-size:30px; margin-bottom:5px}
.list_staff:hover .font_04 {color:#fff;}


 /*服务范围_css */ 
.list_service{float:left;width:50%;}
.list_service:nth-of-type(2n) {margin-right:0}
.list_service .box{position:relative;border-right:1px solid #eee;border-bottom:1px solid #eee; overflow:hidden;transition:0.5s;}
.list_service .box:hover{background:#23457D;border-right:1px solid #23457D;border-bottom:1px solid #23457D}
.list_service .box img{background:center  bottom -50px;background-size:0%;width: 0%;transition:1s; display:block}
.list_service:hover .box img{transform:scale(1.0); background:center  bottom 0 ;background-size:0%; opacity:0.1}
.list_service .color{background:#fff;position:absolute;width:100%;height:100%;top: 0; transition:0.5s} 
.list_service:hover .color{background:#23457D;} 

.list_service .position{position:relative;top:0;width:80%; padding:20% 10%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}
.list_service .font_01{} 
.list_service:hover .font_01{color:#fff}  
.list_service .font_02{ line-height:1.2;background:#23457D;color:#fff;text-transform:uppercase;width:100px; height:100px;border:1px solid #23457D;border-radius:500px;box-shadow: 0px 0px 0px #999; padding:15px; 
display:flex;justify-content:center;align-items:center;flex-direction:column; text-align:center; margin:15px 0;transition:0.5s} 
.list_service:hover .font_02{background:#fff;color:#23457D;width:100px; height:100px; border:1px solid #fff;border-radius:500px;box-shadow: 0px 0px 0px #999} 
.list_service .font_03{ text-align:center;display:block} 
.list_service:hover .font_03{color:#fff} 


/*作品列表products_css */
.list_products{float:left;width:16.25%;margin-right:0.5%;margin-bottom:0.5%;transition:0.5s}
.list_products:nth-of-type(6n) {margin-right:0px;border-right:0px  solid #333}

.list_products .box{position:relative;display:block; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; border-radius:0px; overflow:hidden;}
.list_products:hover .box{ background:#23457D}

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

.list_products .color{position:absolute;background:#fff;opacity:1;width:100%; height:100%; top:0; transition:0s} 
.list_products:hover .color{background:rgba(0, 0, 0, 0.4);bottom:0px; border-radius:0px; opacity:1} 

.list_products .biankuang{position:absolute;width:100%;height:100%;top:0;border:#fff 0px solid; opacity:0;transition:0.5s;z-index:1}
.list_products:hover .biankuang{background:#;transform:scale(1.0) rotatez(45deg); top:0; opacity:1;}

.list_products .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.2s; padding-top:0%;}
.list_products:hover .position{opacity:1;}

.list_products .svg{width:20%; margin-bottom:10px;opacity:1.0;   transition:0.2s;} 
.list_products:hover .svg {filter: grayscale(200%) brightness(300%) contrast(280%);}  

.list_products .font_01{ text-align:center; display:block; margin:10px 20px; transition:0.2s} 
.list_products:hover .font_01{color:#fff;opacity:1;}

.list_products .font_02{font-size:10px; line-height:1.5; text-align:center; padding:0 20px; display:block} 
.list_products:hover .font_02{color:#fff;}  

.list_products .font_line{ background:#ccc;width:20px; height:0px; margin:0px 0; opacity:0.2;transition:0.5s;} 
.list_products:hover .font_line{ opacity:0.8;background:#FFF; }

.list_products .font_03{display:block;text-align:center;max-width:200px;/*宽度*/padding:0px 8%; margin-top:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;overflow: hidden;line-height:1.5;opacity:0.5;transition:0s;} 
.list_products:hover .font_03{} 

.list_products .font_05{ color:#fff; width:30%;margin:0px auto; padding:0px 0;opacity:0; border-radius:100px;display:flex;justify-content:center;align-items:center;transition:0.5s;} 
.list_products:hover .font_05 {}  



/*案例列表product_css */ 
.list_project{ float:left;width:13.428%;margin-right:1%;border-right:0px solid #f1f1f1; border-bottom:0px  solid #f1f1f1;margin-bottom:1%}
.list_project:nth-of-type(7n) {margin-right:0px;border-right:0px}

.list_project .box{position:relative; border:1px solid #eee; border-radius:0px; padding-top:0px; display:block;overflow:hidden;}
.list_project:hover .box{border:1px solid #23457D; }

.list_project .box img{border-radius:0px;background-size:cover;width:100%; margin:0 auto; filter: grayscale(100%) invert(0%)  contrast(100%); transition:0.2s}
.list_project:hover .box img{transform:scale(1.0);filter: grayscale(0%) invert(0%)  contrast(100%); }

.list_project .color{position:absolute;width:100%; height:100%; top:0;transition:0.2s} 
.list_project:hover .color{ opacity:0} 

.list_project .biankuang{position:absolute;width:100%;height:100%;top:0;border:#23457D 0px solid;transition:0.2s;z-index:1}
.list_project:hover .biankuang{border:#23457D 0px solid;width:100%;height:100%; margin:0%; top:0;}

.list_project .position{background:#F8F8F8; position:relative; top:0; width:90%;padding:15px 5%;height:50px;/*固定行高防止标题过长错位*/ display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.2s; }
.list_project:hover .position{ color:#fff;background:#23457D;opacity:1;}

.list_project .font_01{text-align:center; display:block; line-height:1.5;opacity:1} 
.list_project:hover .font_01{opacity:1;}  

.list_project .font_02{font-size:12px;text-align:center; display:block; line-height:1.5;opacity:1} 
.list_project:hover .font_02{color:#fff;opacity:1;}  

.list_project .font_03{margin-top:10px;text-overflow:ellipsis;display:none;/*display:-webkit-box;*/-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.list_project:hover  .font_03{color:#fff}

.list_project .font_06{text-transform:uppercase; text-align:center;opacity:0.5;display:block;max-width:300px;} 
.list_project:hover .font_06{opacity:0.5;color:#fff;}

.list_project .font_line{background:#eee; display:block;width:100%;height:0px;display:block; margin:0px 0;opacity:0.5} 
.list_project:hover .font_line{background:#eee;width:100%}

.list_project .botton{display:none;background:#FFF;border:#eee 1px solid; border-radius:0px; margin-top:10px;text-align:center; padding:10px 20px;  width:100px;opacity:0.8} 
.list_project:hover .botton {background:#23457D;border:#fff 1px solid;color:#fff; transform:scale(1);opacity:1}  

.list_project .svg{display:none; width:15%; margin:10px 0;opacity:0.5;} 
.list_project:hover .svg {opacity:1;}  


/*案例列表product_css */ 
.list_project1{ float:left;width:23.5%;margin-right:2%;border-right:0px solid #f1f1f1; border-bottom:0px  solid #f1f1f1;margin-bottom:3%}
.list_project1:nth-of-type(4n) {margin-right:0px;border-right:0px}

.list_project1 .box{ background:#fff;position:relative; border:1px solid #eee; border-radius:0px; padding-top:30px; display:block;overflow:hidden;}
.list_project1:hover .box{}

.list_project1 .box img{border-radius:0px;background-size:cover;width:50%; margin:0 auto; display:block;transition:0.2s}
.list_project1:hover .box img{transform:scale(1.0) translate(0px,-0px)}

.list_project1 .color{position:absolute;background:#eee;opacity:0.2;width:100%; height:100%; top:0;transition:0.2s} 
.list_project1:hover .color{opacity:0} 

.list_project1 .biankuang{position:absolute;width:100%;height:100%;top:0;border:#4587D60px solid;transition:0.2s;z-index:1}
.list_project1:hover .biankuang{border:#4587D6 0px solid;width:100%;height:100%; margin:0%; top:0;}

.list_project1 .position{position:relative; background:#fff;top:0; width:80%;padding:10px 10%; height:90px; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.2s; }
.list_project1:hover .position{ background:#23457D;color:#fff;opacity:1;}

.list_project1 .font_01{text-align:center; display:block; line-height:1.5;opacity:1;transition:0.5s;} 
.list_project1:hover .font_01{opacity:1;}  

.list_project1 .font_03{text-align:center; display:block}

.list_project1 .font_06{text-transform:uppercase; text-align:center;opacity:0.5;display:block;max-width:300px;transition:0.5s;} 
.list_project1:hover .font_06{opacity:0.5;}

.list_project1 .font_line{background:#eee; display:block;width:100%;height:0px;display:block; margin:0px 0;opacity:0.5;transition:0.2s} 
.list_project1:hover .font_line{background:#eee;width:100%}

.list_project1 .botton{ display:none; background:; color:#23457D;border:#23457D 1px solid; border-radius:0px;margin:10px auto; text-align:center; padding:10px 20px;  width:100px;opacity:0.8;transition:0.5s;} 
.list_project1:hover .botton {background:#23457D;color:#FFF; color:#fff;transform:scale(1);opacity:1;}  

.list_project1 .svg{ display:none; width:15%; margin:10px 0;transition:0.5s;opacity:0.5;} 
.list_project1:hover .svg {opacity:1;}  

/*常识列表skill_css */
.list_skill{float:left;width:49%; margin:0px 2% 20px 0; transition:0.5s}
.list_skill:nth-of-type(2n) {margin-right:0px}

.list_skill .box {position:relative;padding:30px;border:#eee 1px solid;display:flex;justify-content:space-between;overflow:hidden;transition:0.5s; 
 /*flex-direction:row-reverse*//*倒叙*/}/*左右平均盒子*/
.list_skill .box:hover {background:#23457D;border:#23457D 1px solid; }

.list_skill .color{position:absolute;width:100%;top:0; opacity:.1; border-radius:0px;overflow:hidden;transition:0.5s} /*颜色*/
.list_skill:hover .color{height:100%; border-radius:0px; top:0;opacity:0.1} 

.list_skill .picposition {position:relative; display:none;width:0%;border-radius:0px; overflow:hidden}
.list_skill .picposition img { display:none;background:#eee; background-size:cover;width:0%;border-radius:0px; opacity:1;transition:0.2s}
.list_skill a:hover .picposition img {transform:scale(1.0);/*html5变化移动命令*/opacity:1;}

.list_skill .position {position:relative;width:100%;padding:0;display:flex;justify-content:center;flex-direction:column;transition:0.5s}
.list_skill:hover .position {color:#fff;transform:translate(0,0px)}

.list_skill .pingjun{display:flex;justify-content:space-between;align-items:center;width:100%; padding:10px 0}

.list_skill .font_01{display:block;width:90%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s}
.list_skill:hover .font_01 {transform:translate(0px,0px);}

.list_skill .font_06{ font-size:22px; line-height:1.5; ; }
.list_skill:hover .font_06 {color:#fff;opacity:1;}

.list_skill .font_07{ background:url(../img/view.svg) no-repeat left 0 center; background-size:40%; padding-left:25px; opacity:0.5; }
.list_skill:hover .font_07 {color:#fff;}

.list_skill .botton {color:#ccc;display:block;line-height:15px;text-transform:uppercase; border-radius:0px; padding:2px 5px;transition:0.5s;}
.list_skill:hover .botton {color:#23457D;display:block;opacity:1;transform:translate(0px,0px);}

/*demo列表20开始 */ 
.list_demo20{float:left;width:100%; margin:0 0 0px 0; overflow:hidden; transition:0.5s}
.list_demo20:nth-of-type(1n) {margin-right:0px}

.list_demo20:after {width:0px; height:0px; display:block;content: ""; transition:0.6s}/*after 选择器*/
.list_demo20:hover:after {width:100%}

.list_demo20 .box{position:relative;border:0px solid #eee;overflow:hidden;padding:0% 0%;transition:0.5s;flex-direction: column}
.list_demo20:hover .box{}

.list_demo20 .box img {display:none; width:100%;background:#eee no-repeat center;background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s}
.list_demo20:hover .box img {transform:scale(1.0) rotatey(0deg);opacity:1;} 

.list_demo20 .biankuang{border-bottom:#ccc 0px solid; width:10%;opacity:0.5;transform:translate(0px,0px);top:50%; margin:10px 0;transition:0.5s;}
.list_demo20:hover .biankuang{width:100%;width:100%;border-bottom:#262626 0px solid;opacity:0.5;transform:translate(0px,0px);z-index:10001}

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

.list_demo20 .position {position:relative/*决定了文本的位置*/; width:100%;top:30px; display:flex;justify-content:center;align-items:left;flex-direction:column;}
.list_demo20:hover .position{opacity:1;transform:translate(0px,0px);transition:0.5s;/*flex-direction:column-reverse;html5移动命令，纵向倒叙*/}

.list_demo20 .font_01{display:block;width:500px; margin-bottom:10px;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:1;overflow:hidden;transition:0.5s}
.list_demo20:hover .font_01 {color:#262626;transform:translate(0px,0px);}

.list_demo20 .font_line{border-bottom:#ccc 0px solid; width:100%;transform:translate(0px,0px);margin:20px 0; transition:0.5s;}
.list_demo20:hover .font_line{}

.list_demo20 .font_03 {margin-top:15px; margin-bottom:20px;width:100%;opacity:1;}
.list_demo20:hover .font_03 {transform:translate(0px,0px);opacity:1;}


/*团队列表09team_css */ 
.list_team09{float:left;width:100%; margin:0 1% 0px 0}
.list_team09:nth-of-type(1n) {margin-right:0px;}

.list_team09 .box{ background:#fff;position:relative;display:block; border:0px solid #f1f1f1; padding:40px 20px; transition:0.5s}
.list_team09:hover .box{background:#23457D;}

.list_team09 .box img{ display:block; background:#eee center;background-size:cover;opacity:0.9;width:200px; height:200px; margin:0 auto;border-radius:100%;transition:0.5s}
.list_team09:hover .box img{background:#fff top;background-size:cover;transform:scale(1.0) translate(0px,-0px);opacity:1;}

.list_team09 .color{position:absolute;background:rgba(0,0,0,0);width:100%; height:100%;bottom:0; transition:0.5s} 
.list_team09:hover .color{background:rgba(0,0,0,0);transform:scale(1.0);height:100%;bottom:0; border-radius:0px; } 

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

.list_team09 .position{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_team09:hover .position{color:#FFF;opacity:1}

.list_team09 .font_01{ font-weight:bold; font-size:25px;text-align:center} 
.list_team09:hover .font_01{color:#FFF}  

.list_team09 .font_02{} 
.list_team09:hover .font_02{color:#FFF }

.list_team09 .font_line{background:#000;width:100%; height:1px; margin:10px 0;opacity:0.1;transition:0.2s;} 
.list_team09:hover .font_line{color:#FFF;background:#fff;opacity:0.2;}

.list_team09 .font_03 {margin-top:0px; text-align:center;padding:0 5%;width:90%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;transition:0.5s;}
.list_team09 :hover .font_03 {opacity:1;color:#FFF}




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

.list_index_count .box{position:relative;display:block;  border-radius:0px; overflow:hidden; cursor:help;transition:0.5s}
.list_index_count:hover .box{}

.list_index_count .box img{background-size:cover;opacity:0;width: 100%;transition:0.5s}
.list_index_count:hover .box img{transform:scale(1.2);opacity:0;}

.list_index_count .color{position:absolute;opacity:0;width:100%; height:100%; top:0; border:1000px; transition:0.5s} 
.list_index_count:hover .color{background:rgba(0, 0, 0, 0);transform:scale(1.0) rotatez(0deg);bottom:0px;opacity:0;} 
.list_index_count .position{ color:#666;position:absolute; top:0; width:70%; padding:0 15%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1; }
.list_index_count:hover .position{opacity:1;}
.list_index_count .font_01{font-size:40px; font-weight: bold;line-height:2;transition:0.5s} 
.list_index_count:hover .font_01{color:#23457D; opacity:1;}  
.list_index_count .font_01 sup{font-size:14px;} 

.list_index_count .font_02{opacity:1;} 

.list_index_count .font_03{text-align:center;display:block;opacity:1; transition:0.5s} 
.list_index_count:hover .font_03{display:block; opacity:1; }





/*首页认证分类豆腐块_css */ 
.list_index_service{ float:left;width:100%;margin-right:0%;border-left:0px solid #333; margin-bottom:0px}

.list_index_service .box{position:relative; display:block;overflow:hidden;}
.list_index_service:hover .box{ border:0px solid #eee;}

.list_index_service .box img{background-size:cover;opacity:1;width: 100%;transition:0.2s}
.list_index_service:hover .box img{transform:scale(1.0)}

.list_index_service .color{position:absolute;background:rgba(0,0,0, 0.3);width:100%; height:100%; top:0; transition:0.2s} 
.list_index_service:hover .color{background: rgba(0,0,0, 0);bottom:0px;} 

.list_index_service .biankuang{background: rgba(0,0,0, 0);position:absolute;width:100%;height:0%;bottom:0; border-radius:0px;  transition:0.5s;z-index:1}
.list_index_service:hover .biankuang{background: rgba(0,0,0, 0);width:100%;height:100%; margin:0%; bottom:0; border:0px solid #FFF}

.list_index_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_index_service:hover .position{color:#fff;opacity:1;padding-top:0%}

.list_index_service .font_01{color:#fff;line-height:1;transition:0.2s;} 
.list_index_service:hover .font_01{color:#fff;opacity:1}  

.list_index_service .font_02{color:#FFF; line-height:1;opacity:0.5;text-transform:uppercase; text-align:center;max-width:250px; display: none; transition:0.2s} 
.list_index_service:hover .font_02{ color:#999;opacity:1}

.list_index_service .font_03{color:#FFF;text-align:center;max-width:200px;/*宽度*/ padding:0 20%; margin-top:15px;display:none;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0.8;transition:0.2s} 
.list_index_service:hover .font_03{color:#fff;opacity:1;} 

.list_index_service .font_line{background:#eee; display:block;width:50px;height:0px;display:block; margin:10px 0;opacity:0.5; transition:0.2s} 
.list_index_service:hover .font_line{width:80px}

.list_index_service .svg img{ width:50px;opacity:1;background:rgba(0, 0, 0, 0);border-radius:0px; padding:0px; margin:15px 0;transition:0.2s} 
.list_index_service:hover .svg img{ background:; border-radius:0px; opacity:1;}  

.list_index_service .botton{display:none;background:#333;color:#23457D; text-transform:uppercase;border-radius:5px;margin:50px 0;padding:15px 20px;width:100px;opacity:0.8;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0);transition:0.2s;} 
.list_index_service:hover .botton {color:#666;opacity:1;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.01)}  


/*首页产品开始 */ 

.index_class{float:left;width:100%; margin:0 0% 0px 0;border-left:0px  solid #333; }
.index_class:nth-of-type(4n) {margin-right:0px;border-right:0px  solid #333}

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

.index_class .box img{ background:top; background-size:cover;opacity:1;width: 100%;transition:0.5s}
.index_class:hover .box img{background-size:cover;transform:scale(1.0)rotatex(0deg) translate(0px,0px);opacity:1;}

.index_class .color{position:absolute;background:#000;width:100%; height:100%; top:0;  opacity:0.4;transition:0.2s} 
.index_class:hover .color{background:#23457D;transform:scale(1.0) rotatey(0deg);bottom:0px;height:100%; border-radius:0px; opacity:1;} 

.index_class .biankuang{background:#000;position:absolute;width:100%;height:100%;top:0;border-top:#000 0px solid;border-bottom:#000 0px solid; opacity:0;transition:0.1s;z-index:1}
.index_class:hover .biankuang{width:100%;height:100%; margin:0% 0%; top:0; opacity:0;}


.index_class .position{position:absolute;top:0; width:100%; height:100%;color:#fff;padding-left:0%;padding-top:0%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s;opacity:1 }
.index_class:hover .position{opacity:1}

.index_class .svg{width:20%; margin-bottom:15px;opacity:1.0; display:block; transition:0.2s;} 
.index_class:hover .svg { }  

.index_class .font_number{ display:none; margin:10px 0;transition:0.5s} 
.index_class:hover .font_number{opacity:1;}

.index_class .font_01{ font-size:22px; line-height:1.5; font-weight:normal; text-align:left;  display:block; max-width:300px;/*宽度*/transition:0.5s} 
.index_class:hover .font_01{ color:#fff;opacity:1;}

.index_class .font_02{color:#fff;text-align:center;text-transform:uppercase; margin:10px 0; line-height:1.2;max-width:150px;/*宽度*/opacity:0.5;transition:0.5s} 
.index_class:hover .font_02{}  

.index_class .font_line{ width:60%; height:1px;margin:10px 0; display:block; border-bottom:1px solid #FFF;opacity:0.2;transition:0.5s;} 
.index_class:hover .font_line{width:60%; }

.index_class .font_03{ display:none; text-align:center;max-width:60%; margin:20px auto; opacity:0.5; transition:0.5s} 
.index_class:hover .font_03{opacity:1;} 

.index_class .font_05{ position:absolute; left:50%; font-weight:bold; margin-left:-37.5px;color:#fff;border:2px solid #fff; width:75px; height:30px;line-height:30px; margin-top:250px; text-align:center; opacity:0; border-radius:1000px;transition:0.5s;} 
.index_class:hover .font_05 { background:#fff; color:#333;  display:block;opacity:1;}  
 



/*首页产品01开始 */ 
.list_index_products{float:left;width:100%;margin-right:0%;margin-bottom:0px;transition:0.5s}
.list_index_products:nth-of-type(1n) {margin-right:0px;border-right:0px  solid #333}

.list_index_products .box{ background:#000; position:relative;display:block; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; border-radius:0px; overflow:hidden;}
.list_index_products:hover .box{}

.list_index_products .box img{background-size:cover;opacity:1;width: 100%;transition:0.5s}
.list_index_products:hover .box img{opacity:1;}

.list_index_products .color{position:absolute;background:#fff;opacity:1;width:100%; height:100%; top:0; transition:0s} 
.list_index_products:hover .color{background:rgba(0, 0, 0, 0.6);bottom:0px; border-radius:0px; opacity:1} 

.list_index_products .biankuang{position:absolute;width:100%;height:100%;top:0;border:#fff 0px solid; opacity:0;transition:0.5s;z-index:1}
.list_index_products:hover .biankuang{background:#;transform:scale(1.0) rotatez(45deg); top:0; opacity:1;}

.list_index_products .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.2s; padding-top:0%;}
.list_index_products:hover .position{opacity:1;}

.list_index_products .svg{ width:15%; margin-bottom:10px;opacity:1.0; transition:0.2s;} 
.list_index_products:hover .svg {filter: grayscale(200%) brightness(300%) contrast(200%);}  

.list_index_products .font_01{margin:10px 0; transition:0.2s} 
.list_index_products:hover .font_01{ color:#FFF;opacity:1;}

.list_index_products .font_02{font-size:10px; line-height:1.5; text-align:center; padding:0 20px; display:block} 
.list_index_products:hover .font_02{ color:#FFF;}  

.list_index_products .font_line{ background:#ccc;width:20px; height:0px; margin:0px 0; opacity:0.2;transition:0.5s;} 
.list_index_products:hover .font_line{ opacity:0.8;background:#FFF; }

.list_index_products .font_03{display:block;text-align:center;max-width:200px;/*宽度*/padding:0px 8%; margin-top:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;overflow: hidden;line-height:1.5;opacity:0.5;transition:0s;} 
.list_index_products:hover .font_03{} 

.list_index_products .font_05{ color:#fff; width:30%;margin:0px auto; padding:0px 0;opacity:0; border-radius:100px;display:flex;justify-content:center;align-items:center;transition:0.5s;} 
.list_index_products:hover .font_05 {}  

/*首页流程list_liucheng*/ 
.list_liucheng{float:left;width:20%; margin-right:0%; }
.list_liucheng:nth-of-type(5n) {margin-right:0%;}

.list_liucheng .box{ background:#23457D;position:relative;display:block; border-radius:0px; overflow:hidden; transition:0.5s}
.list_liucheng:hover .box{background:#23457D;opacity:0.8;}

.list_liucheng .box img{background-size:cover;opacity:1;width: 100%;transition:0.5s}
.list_liucheng:hover .box img{transform:scale(1.2);opacity:1;}

.list_liucheng .color{background:#;position:absolute;opacity:1;width:100%; height:100%; top:0; border:1000px; transition:0.5s} 
.list_liucheng:hover .color{transform:scale(1.0) rotatez(0deg);bottom:0px;opacity:0.8;} 
.list_liucheng .position{color:#fff;position:absolute;top:0; width:100%;  height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1; }
.list_liucheng:hover .position{opacity:1;}

.list_liucheng .svg{width:18%; margin-bottom:30px;opacity:1.0; display:block; transition:0.2s;} 
.list_liucheng:hover .svg {}  

.list_liucheng .font_01{color:#FFF;font-size:22px; font-weight:normal;line-height:1.0;transition:0.5s} 
.list_liucheng:hover .font_01{ opacity:1;}  
.list_liucheng .font_01 sup{position:absolute; right:25%; top:25%; display:block; width:30px; height:30px; color:#fff; font-size:14px;  opacity:1; border:1px solid rgba(255,255,255,0.5); margin-left:10px; border-radius:200px; display:flex;justify-content:center;align-items:center;flex-direction:colum;opacity:0;} 
.list_liucheng:hover:hover .font_01 sup{ opacity:0;}  

.list_liucheng .font_02{line-height:1.0; color:#FFF;text-align:center;display:block; max-width:100%; margin:10px auto; opacity:1; transition:0.5s} 
.list_liucheng:hover .font_02{display:block; opacity:1; }

.list_liucheng .font_03{color:#FFF;display:block;text-align:center;max-width:250px;/*宽度*/padding:0 0%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;transition:0.5s;} 
.list_liucheng:hover .font_03{ }


/*首页关于我们开始 */ 
.list_index_about{float:left;width:100%;margin-right:0%; margin-bottom:0px; margin-top:20px;}

.list_index_about .box{position:relative;display:block; border-radius:0px; overflow:hidden;background-attachment:fixed}
.list_index_about:hover .box{}

.list_index_about .box img{background:# top;background-size:cover;opacity:0;width: 100%;transition:0.5s;}
.list_index_about:hover .box img{transform:scale(1.0)rotatey(0deg) translate(0px,0px);opacity:0;}

.list_index_about .color{position:absolute;background:#fff;opacity:1;width:100%; height:100%; top:0; z-index:-10;transition:0.5s} 
.list_index_about:hover .color{transform:scale(1.0) rotatey(0deg); border-radius:0px;height:100%;} 

.list_index_about .biankuang{position:absolute;width:80%;height:70%; left:10%; top:15%; opacity:1;transition:0.5s;z-index:1}
.list_index_about:hover .biankuang{background:#;color:#fff; opacity:1; transform:skewZ(-90deg)}

.list_index_about .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.5s; }
.list_index_about:hover .position{opacity:1;padding-top:0%;}

.list_index_about .font_01{line-height:1.5 } 
.list_index_about:hover .font_01{}  

.list_index_about .font_02{border-radius:10px;width:45px;transition:0.5s} 
.list_index_about:hover .font_02{ } 

.list_index_about .font_line{background:#eee;width:1px; height:0px; margin:5px 0; display:block;opacity:0.5;transition:0.5s;} 
.list_index_about:hover .font_line{}

.list_index_about .font_03{display:block;text-align:center;max-width:800px;/*宽度*/padding:0 5%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;transition:0.5s;} 
.list_index_about:hover .font_03{} 

.list_index_about .font_05{border:1px solid rgba(0,0,0,0.1);  width:180px;height:50px;margin:20px auto; border-radius:0px;opacity:1;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:scale(1) rotatey(0deg);transition:0.3s;} 
.list_index_about:hover .font_05 {background:#333;color:#fff;border:1px solid #333;}  



 /*查询表格_CSS*/
table {font-weight:normal; color:#333;font-size:14px; width: 100%;text-align: center;border-collapse:collapse; z-index:100000}
table .title {font-size:16px;background:#23457D;color:#fff;padding: 30px;}
table:hover .title {}

table .title .time {display:block;font-size:15px;background:#;color:#035CAC; margin-top:10px;}
table td, table th {font-family: myFirstFont-ppt, "Microsoft YaHei UI";background:#fff; color:#666; font-weight:normal;padding: 15px;border: 1px solid #eee}
table td img{background-size:cover;opacity:1;width: 100%;filter: grayscale(0%);transition:0.2s}

table thead {}
table tbody tr td{background:#F6F6F6; border: 1px solid #eee;}
.list_employ:hover table tbody tr td{background:#035CAC;color: #fff;}
table img {max-width: 100px}

 
@media all and (min-width:1024px) 
{.header{background:rgba(255,255,255,1);width:100%; height:90px;padding:0 0%;position:fixed;display:flex;justify-content:space-between;align-items:center;transition:0.5s ease; border-bottom:0px solid #23457D; box-shadow:0px 0px 10px #999; border-radius: 0px;z-index:100;}
.header.mini {background:rgba(255,255,255,1);height:90px;border-bottom:0px solid rgba(51,51,51,0);box-shadow:0px 0px 10px #999;}
.header.mini .box_top_left img{opacity:1; /*filter: brightness(1.2) sepia(1) hue-rotate(330deg) saturate(20)*/}
.header.mini .menu >a{ }

.header.mini .menu .erji{ }
.header.mini .menu:hover .erji{top:80px; }
.header.mini .box_top_left a:link{ color:#fff}
.header.mini .box_top_left a:visited{color:#fff}

.mheader {display:none}
}
@media all and (max-width:1024px) 
{
body {font-size:12px;/*适合手机的行高*/}
.header {display:none;}
.mheader {background:#fff;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 #eee; border-radius:0;transition:0.5s;}
.mheader.mini {background:rgba(0,0,0,0.9)}

@font-face{font-family: myFirstFont;src: url('../font/方正兰亭中黑简体.TTF'); /* 字体样式 */}

h1{font-size:14px; line-height:2; font-weight:normal;}/* 列表标题 */
h2{font-size:12px}/* 副标题 */
h3{font-size:12px; line-height:1.5}/* 列表摘要 */
h4{font-size:20px; line-height:30px; max-width:96%; margin:0 auto;}/* 内容大标题 */
h5{font-size:16px}/* 文章内容 */
h6{font-size:14px; line-height:24px}/* 时间/数字 */
hr{margin:10px 0}

/*链接_css*/	
#menup .select{background:#fff; color:#23457D}/*栏目高亮*/
.left_menu { font-size:12px;padding:10px 13px; border:0; text-align:center; line-height:1.2; border:1px solid rgba(51,51,51,0.05); margin:0px 2px 2px 2px;}
.left_menu:hover {border-bottom:1px solid rgba(51,51,51,0.05);}
#navi ul li.h1 a{border:0px}

/*主体box_css*/	
.box_top{padding:0 4%;width:92%}
.box_top_left{}
.box_top_left img{width:80%}
.box_top_left a:link{color:#000;font-size:18px;line-height:1.2;}
.box_top_left a:visited{color:#000}
.box_top_left .kouhao{font-size:9px;letter-spacing:0px;opacity:0.5;}
.box_main{padding:1% 0}
.box_main_padding{padding:3% 3%; margin:0 0%; border-radius:0px;overflow:hidden}
.box_banner img{ padding-top:0px; width:300%; background-size:100%; margin-left:-50%; }
.box_column{padding:8% 4%;}
.box_erji{/**/flex-wrap:wrap;}
.box_shouji{padding-top:0px}
.box_view_rangwei{padding-top:100px}
.box_view{width:92%;padding:5% 10%;width:auto;margin:2% 2% 5% 2% ;}
.box_view_top{flex-wrap: wrap;display:flex;flex-direction:column;padding:4% 2% 1% 2%}
.box_view_content img{width:100%; }
.bow_view_content_news{-webkit-column-count:1;-webkit-column-gap:30px;column-fill:no;-webkit-column-rule:0px dotted #ccc}

.box_view01{padding:1% 2%;width:auto;margin:1% 0% 5% 0% ;border-radius:0px}

.box_page{padding:10% 2% 10% 2%}


.box_next .font{color:#999;width:100%; padding:30px 0px}
.box_foot_back{ padding-top:0px  }
.box_foot{display:none;padding:5% 0}
.box_foot_list{width:100%}
.box_copyright{ font-size:11px;padding:25px 5%; line-height:1.5; border-top:0px solid #f1f1f1; display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:0px;}

/*字体_css*/	

.font_banner_ch{font-size:20px;line-height:1.5;}
.font_banner_en{font-size:16px}
.font_column_ch{ font-size:17px; line-height:1.5}

.font_column_position{display:none}

.font_input{ line-height:10px;height:40px;width:60%;padding: 0 0 0 5%; }
.font_select{height:40px;width:100px;}

.font_copyright{display:block;}


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

.list_liudong {flex-wrap:wrap}

/*针对一列布局one_css*/
.list_one {text-align:left;padding:10px 10px;}
.list_one .right img{max-width:100%; display:block; background:no-repeat center; background-size:cover}

/*针对两列布局two_css*/
.list_two {flex-wrap:wrap-reverse}
.list_two .left {width:100%}
.list_two .right {width:100%;padding:5%}

/*针对两列布局two_css*/
.list_two01 {flex-wrap:wrap}
.list_two01 .left {width:100%}
.list_two01 .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_about14 */
.list_about14 .box img{width: 350%; margin-left:-120%} 
.list_about14 .font_line{width:50px;height:1px; margin:10px 0;}
.list_about14 .font_01{font-size:18px} 
.list_about14 .font_02{max-width:300px; display:block; font-size:12px; } 
.list_about14 .font_03{padding:0px 5%;}

/*新闻列表*/
.list_news{width:100%; margin-bottom:20px}/*距离相隔2%最佳*/
.list_news:nth-of-type(1n) {}

/*活动列表*/
.list_staff{width:100%; margin-bottom:20px}/*距离相隔2%最佳*/
.list_staff:nth-of-type(1n) {}


/*服务范围 list_service*/	
.list_service{ background:#FFF;width:100%}
.list_service:nth-of-type(1n) {margin-right:0px}
.list_service .position{width:85%; padding:20% 7.5%;}
.list_service .font_03{text-align:left;display:block} 

/*作品列表products_css */
.list_products{width:49.75%; margin-right:0.5%; margin-bottom:2px;border-bottom:0px  solid #eee; /*百分比间隙2018.03.15*/}
.list_products:nth-of-type(2n) {margin-right:0;}
.list_products .position{}
.list_products .font_01{ font-size:16px;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}




/*作品列表products_css */
.list_products1{width:100%; margin-right:0%; margin-bottom:5%;border-bottom:0px  solid #eee; /*百分比间隙2018.03.15*/}
.list_products1:nth-of-type(1n) {margin-right:0;}
.list_products1 .position{}
.list_products1 .font_01{ font-size:16px;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}


/*案例列表project_css */
.list_project{width:50%; margin-right:0%; margin-bottom:1px;border-bottom:0px  solid #eee; /*百分比间隙2018.03.15*/}
.list_project:nth-of-type(2n) {margin-right:0;}
.list_project:nth-of-type(7n) { display:none}
.list_project .position{}
.list_project .font_01{ font-size:16px;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}


/*案例列表project1_css */
.list_project1{width:50%; margin-right:0%; margin-bottom:1px;border-bottom:0px  solid #eee; /*百分比间隙2018.03.15*/}
.list_project1:nth-of-type(2n) {margin-right:0;}

/*常识列表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{text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}


/*demo列表20开始 */ 
.list_demo20{width:100%; margin-bottom:20px;/*百分比间隙2018.03.15*/}
.list_demo20:nth-of-type(1n) {margin-right:0px;}	
.list_demo20 .position {top:0px;}	

/*团队列表18team_css */ 
.list_team18{width:100%; margin-bottom:0px;/*百分比间隙2018.03.15*/}
.list_team18:nth-of-type(1n) {margin-right:0px;}


/*首页数字index_class*/ 
.index_class .svg{width:20%; } 

.index_class .font_01{font-size:16px; font-weight:bold} 

/*首页数字list_index_count*/ 
.list_index_count{ width:49.8%; margin-right:0%; }
.list_index_count:nth-of-type(2n) {margin-right:0px;border-right:0px}
.list_index_count .box img{width:100%}
.list_index_count .position{width:95%; padding:0 2.5%;} 
.list_index_count .font_01{font-size:30px}
.list_index_count .font_01 sup{font-size:16px;} 

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

/*首页流程list_liucheng*/ 
.list_liucheng{width:50%; margin-right:0%; }
.list_liucheng:nth-of-type(2n) {margin-right:0px;border-right:0px}
.list_liucheng:nth-of-type(5n) { display:none}

.list_liucheng .box img{width:80%}
.list_liucheng .box{ padding:10px 0}
.list_liucheng .font_01{font-size:16px;}
.list_liucheng .svg{width:28%;}

/*首页list_index_about*/	
.list_index_about{width:100%}
.list_index_about:nth-of-type(1n) {margin-right:0px}

.list_index_about .font_03{ text-align:center;display:block; padding:0 8%;} 
}