/*主题色值  彩色#023F98,  咖色  #4D2D27 浅 __ 支持批量替换色彩*/
body{font-size:14px;color:#000;background:#fff;line-height:1.5;margin:0px;font-family:myFirstFont,"微软雅黑";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/fontawesome-webfont0.ttf'); 字体样式} */
@font-face{font-family: myFirstFont01;src: url('../font/a_futuricamedium.ttf '); /* 字体样式 */}
@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 16px/1 FontAwesome;transform: translate(0, 0);} /* 字体箭头样式 */
.menuarrow:before { content:"\f107"; transform: translate(0, 0);opacity:1;}

/*字体大小，行高属性_css*/ 
h1{font-size:1.6em;line-height:2;font-weight:normal; text-transform:uppercase; margin:0;opacity:1 }/* 列表标题 */
h2{font-size:1em;line-height:1.5;font-weight:lighter; margin:0; text-transform:uppercase;opacity:0.6;}/* 副标题 */
h2:first-letter{}/*选择每个 <h2> 元素的首字母，并为其设置样式 */
h3{font-size:1em;line-height:1.5;font-weight:normal;margin:0;opacity:1;opacity:0.8;}/* 列表摘要 */

h4{color:#333;font-size:2em;font-weight:normal;margin:0;opacity:1}/* 内容大标题 */
h5{color:#333;font-size:1.2em;line-height:2;font-weight:normal;margin:0;opacity:1}/* 文章内容 */
h6{font-size:1em;font-weight:normal;margin:0;opacity:0.3}/* 时间/数字 */

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:px; font-weight: normal;height:100px;position:relative;display:block;width:15%; margin-right:2px;/* 按钮平均分 */ height:auto;border:0px solid rgba(0,0,0,0.0);border-radius:0px ;opacity:1;transition:0.2s}
.menu:hover {background:rgba(0,0,0,0.0);border-radius:0px;}
.menu:last-child{margin-right:0px;}

.menu >a{position: relative;padding:0px 10px; line-height:7; height:auto;/* 高度自适应 */ display: block;overflow:hidden;border-radius:0px; text-align:center;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);transition:0.2s}
.menu a:hover span {color:#666;transform:translate3d(0, 0%, 0);}

.menu a .menuarrow{position:absolute;line-height:6.0; opacity:0.5; top:0;right:20px;}/*有二级菜单显示箭头*/  
.menu span {position:relative;text-transform:uppercase;display: block;transition:0.2s}
.menu span:before{color:#fff;content:attr(data-title);left:0px;right:0px;top:0px;bottom:0px;position:absolute;top:100%;transition:0.2s}/*经过菜单滚动文字'字母*/

.menu .erji { font-size:px;position:fixed;opacity:0;top:0px; left:0; width:90%; height:110px; padding:0 5%; text-align:center;overflow:hidden;visibility:hidden;display:flex;justify-content:center;align-items:center;z-index:-99;transition:0.3s;}/*二级菜单盒子*/ 

.menu .erji li img {background-size:cover;width:0px;display:block; margin:0 auto;/*filter: brightness(0)/*亮度*/ sepia(0)/*褐色*/ hue-rotate(70deg)/*色相旋转*/ saturate(0)/*饱和度*/;transform:scale(1);/*html5变化移动命令*/ box-shadow:0px 0px 0px #fff;transition:1.2s;}
.menu .erji li:hover img  {/*filter: brightness(6)/*亮度*/ sepia(0)/*褐色*/ hue-rotate(70deg)/*色相旋转*/ saturate(0)/*饱和度*/;opacity:1;box-shadow:0px 0px 0px #FFC600;}
.menu:hover .erji {top:70px;visibility:inherit;opacity:1; background:#023F98;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);z-index:-99}
.menu .erji li a {font-size:em; line-height:5;padding:20px; margin:0 10px; color:#FFF;  border-radius:0px; display:block;transition:0.1s; box-shadow:0px 0px 0px #ccc;}
.menu .erji li a:hover {color:#FFF;box-shadow:0px 0px 0px #999;}

#menu .select{background:#023F98; color:#FFF; border-radius:0px;/*text-decoration:underline*/   }/*栏目高亮*/  
#menu:hover .select span{transform:translate3d(0, 0%, 0); }
#menu .selecterji{background:#03C; color:#ccc;}/*二级栏目高亮*/  

#menu_page {background:#fff;color:#023F98;border-radius:0px; }
#menu_page:visited {background:#fff;color:#023F98;}

#menu_danye {background:#;color:#023F98;border-radius:0px; }/*单页高亮*/  
#menu_danye:visited {background:#;color:#023F98;}

/*二级菜单链接_css*/
.left_menu {color:#666;display:block;padding:25px 61px; border-bottom:3px solid #fff;border-radius:0px;text-transform:uppercase;overflow: hidden;transition:0.2s}
.left_menu last-child{border-right:1px solid #E3E3E3;}
.left_menu:link {color:#666}
.left_menu:visited {}
.left_menu:hover {border-bottom:3px solid #023F98; color:#023F98}
.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{border-bottom:3px solid #023F98;color:#023F98}
#navi01 ul li.h1 a{background:#023F98; border:1px solid #023F98;color:#fff}
#navi02 ul li.h1 a{background:#023F98; border:1px solid #023F98;color:#fff}


/*more按钮链接_css*/
.more{color:#023F98;background:#fff;display:block;border:#333 1px solid;  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:rgba(0,0,0,0.02);width:80px; height:20px; font-weight:normal; border:1px solid  #eee; margin:50px  auto; border-radius:0;display:block; text-transform:uppercase;display:flex;justify-content:center;align-items:center;padding:20px;transition:0.2s}
.back:link {text-align:center}
.back:visited {}
.back:hover {background:rgba(0,0,0,1); color:#fff;border:1px solid rgba(0,0,0,0.1);}


/*分页链接_css*/
.page{background:#fff; font-size:16px; padding:10px 15px;border-radius:0px;border:1px solid rgba(0,0,0,0.05); color:#666; margin: 0 5px;transition:0s}
.page:link{ color:#999}
.page:visited {color:#999} 
.page_ding{padding:10px 15px; border:1px solid rgba(0,0,0,0.05);color:#999; margin: 0 5px; border-radius:0px; background:#fbd200;color:#fff}
.page:hover{background:#fbd200; color:#fff;text-decoration: none;}


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


/*主体盒子box_css*/	
.box_top{background:rgba(255,255,255,1)  no-repeat top; background-size:100%; width:90%; padding:0 5%; height:100%;opacity:1;display:flex;justify-content:space-between;align-items:center}
.box_top_left{background:rgba(0,255,255,0);border:0px solid (0,0,0,1);display:block; width:35%;}
.box_top_left img{float:left;width:230px;margin-right:10px;transition:0.5s}
.box_top_left .logo{ position:relative;display:flex;justify-content:center;align-items:left;flex-direction:column;}

.box_top_left .logoch{ display:none;color:#023F98; font-size:1.7em;line-height:1.2;letter-spacing:2px; font-weight:normal;margin:0px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);opacity:1}
.box_top_left .logoch sup{font-size:0.5em;font-weight:normal;opacity:0.5}
.box_top_left .logoen{ display:none;color:#023F98;font-size:0.8em; text-transform:uppercase;line-height:1;letter-spacing:1px;padding-left:0%;margin:0px;opacity: 0.5}

.box_top_left .slogan{display:none;background:#023F98; font-weight:normal; position:absolute; right:24%;top:50%;border:1px solid #023F98;  border-radius:5px; padding:3px 4px; text-align:center; opacity: 1}
.box_top_left .slogan .arrow{position:absolute; border:5px solid #023F98;border-left-color:transparent;border-top-color: transparent;border-bottom-color:transparent;right:65px;top:22%;}/*微信箭头*/

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

.box_index{overflow:hidden}

.box_main{background:#;overflow:hidden; padding:4% 0 4% 0}
.box_main_padding{padding:0% 5%; margin:0 0%; border-radius:0px;overflow:hidden}
.box_main_nopadding{margin:0;padding:0;  overflow:hidden}

.box_main_about{background:# url(../images/back_news.jpg) no-repeat top; background-size:100%; background-attachment:fixed}
.box_main_news{background:# url(../images/back_news.jpg) no-repeat top; background-size:100%; background-attachment:fixed}
.box_main_demo{background:# url(../images/back_demo.jpg) no-repeat top; background-size:100%; background-attachment:fixed; }
.box_main_service{background:# url(../images/back_service.jpg) no-repeat top; background-size:100%; background-attachment:fixed}
.box_main_video{background:#url(../images/back_video.jpg) no-repeat bottom; background-size:100%; background-attachment:fixed}
.box_main_products{background:# url(../images/back_products.jpg); background-size:100%; background-attachment:fixed}
.box_main_project{background:# url(../images/back_products.jpg); background-size:100%; background-attachment:fixed}
.box_main_count {background:# url(../images/back_count.jpg);background-size:100%}
.box_main_team{background:#fff url(../images/back_team0.jpg); background-size:100%; background-attachment:fixed}

.box_banner{position:relative;background:#333;overflow:hidden; margin-bottom:0px}
.box_banner img{background:no-repeat; background-size:cover;  background-attachment:fixed/*固定*/;
}

.box_banner_color{position:absolute;background:#000; width:100%;height:100%;top:0;/*遮罩位置*/opacity:0.5}
.box_banner_text{position:absolute;width:84%;padding:0 8%;height:100%;top:10%;/*保证居中的条件，适当让位*/display:flex;justify-content:center;align-items:center;flex-direction:column;transition:0s}

.box_column_back{background:rgba(0,0,0,0); padding:3% 0 3% 0; border-top:1px solid rgba(0,0,0,0.03);border-bottom:0px solid rgba(0,0,0,0.03);}
.box_column{display:flex;justify-content:/*space-between*/center;align-items:center;flex-direction:column;padding:0% 0%; border-radius:0;border:20px 0 0 0; /*灰度酌情*/border:0px solid rgba(255,255,255,0.2); border-bottom:0;margin-top:0px;z-index:999999}
.box_erji{background:#eee;border-top:1px solid rgba(0,0,0,0.1);border-bottom:0px solid rgba(0,0,0,0.1);display:flex; margin-top:30px; flex-wrap:nowrap;justify-content:center;align-items:center}

.box_more{background:#080808; padding:0px 0;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}

.box_view_rangwei{padding-top:120px}
.box_view{background:#fff;border:1px solid rgba(255,255,255,0.2);padding:2% 18%;width:auto;margin:2% 0% 5% 0% ;border-radius:0px;box-shadow:0px 0px 0px #eee; }
.box_view  img {width:100%;background:no-repeat center; background-size:100%; transform:scale(1) rotatey(0deg);opacity:1;transition:0.5s}
.box_view01{margin:2% 5% 5% 5%}

.box_view_top{background:;display:flex;justify-content:left; align-items:center;padding:4% 0% 0% 0%; }
.box_view_content{ margin:0 0}
.box_view_content p{text-indent: 0em}
.box_view_content img{max-width:100%; margin:10px 0}
.box_view_content embed{width:100%}
.box_view_column_ch{display:block; text-align:center}
.box_view_column_en{display:block;  text-align:center;opacity: 0.5}

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

.box_page{background:#fff;border-top:#EBEBEB 1px solid; margin:0;overflow:hidden;padding:5% 0 5% 0;text-align: center;}

.box_select{background:#eee url(../images/select_back.jpg); background-size:100%;padding:5px 10%;display:flex;justify-content:space-between;align-items:center}
.box_select li{ width:18%;border:0px solid (255,255,255,0.05);opacity: 0.9;}
select{background:rgba(255,255,255,1); opacity: 0.6; padding:15px; width:100%;  border-radius:0px}

.box_next {display:flex;justify-content:space-between;align-items:center;margin-top:10px;}/*创建两列等宽布局*/
.box_next > span {width:30%;}
.box_next > span:first-child {display:flex; width:50% }
.box_next > span:last-child { display:flex; width:50%; text-align:right}
.box_next .font{width:100%; padding:30px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.box_next .font:hover{color:#023F98}

.box_foot_back{background:#fff;border-top:#272727 0px solid; padding-top:0px; }
.box_foot{color:#999; text-transform:uppercase; padding:2% 0; border-radius: 0;overflow:auto;text-align:center}
	
/*字体样式_css*/	
.font_banner_title{display:none; margin-left:0px;text-transform:uppercase;opacity: 1.0}
.font_banner_line{letter-spacing:0px;text-align:center}
.font_banner_ch{ font-size:4em; font-weight: bold; color:#fff;line-height:1.5; opacity:1;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);}
.font_banner_en{ font-size:2em; font-weight: lighter; line-height:1.5; text-align:center; color:#fff;text-transform:uppercase;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);opacity:0.5}
.font_column_ch{font-size:28px; line-height:1.5;display:block;text-align:center; opacity:1;}
.font_column_line{display:none;border-bottom:#333 2px solid; text-align:center; margin:10px  auto;  width:20%;transform: rotatez(0deg);}
.font_column_en{ font-weight:lighter; display:block;font-size:14px; color:#666;text-transform:uppercase;text-align:center; margin:0 auto; opacity:0.3;}
.font_column_position{ display:none;opacity:0.5;}

.font_nodata {color:#ccc; width:150px;display:block; margin:80px auto}
.font_input{color:#666; background:#fff;border:0px; border-bottom:1px solid #eee;height:55px;width:50%;padding: 0 6.4% 0 0%;}
.font_input_width{width:30%;}
.font_faq{background:#333; color:#fff; border:0;height:50px; width:200px;cursor:pointer;transition:0.2s}
.font_faq:hover{background:#eee; color:#666; opacity:1;}
.font_copyright{ display:block; opacity:1;}


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

/*针对流动布局 liudong_css*/
.list_liudong {display:flex;justify-content:space-around;/*左右分布，不顶边*/ flex-direction:row;/*从左到右控制*/align-items:center;/*元素垂直居中*/}

/*针对一列布局one_css*/
.list_one {background:#FFF; padding:0px 0px }
.list_one img{max-width:70%;display:block; margin:30px auto}
.list_one p{text-indent:0em}

/*针对两列布局two_css*/
.list_two {background:#FFF; padding:0px;display:flex;justify-content:space-between;align-items:top}
.list_one p{text-indent:0em}
.list_two .left {width:30%}
.list_two .left img{width:100%}
.list_two .right {width:65%}



/*图文混排两列列表_css*/
.list_text2{-webkit-column-count:2;-webkit-column-gap:100px;column-fill:no;-webkit-column-rule:1px solid #eee}
.list_text2 img{ width:auto; margin-bottom:2%}
.list_text2 .text{ display:block; margin:5% 0}


/*图文混排三列列表_css*/
.list_text3{-webkit-column-count:3;-webkit-column-gap:30px;column-fill:no;-webkit-column-rule:0px dotted #ccc}
.list_text3 img{width:100%;}/*其他属性不能给，确保兼容*/
.list_text3 .text{ }/*其他属性不能给，确保兼容*/


/*首页关于我们开始 */ 
.list_index_about{float:left;width:100%; margin:0px 2% 0 0}
.list_index_about:nth-of-type(1n) {margin-right:0px}

.list_index_about .box {background:#fff; position:relative;display:flex;justify-content:space-between;overflow:hidden;flex-direction:row-reverse;/*反向 */}
.list_index_about .box:hover {}

.list_index_about .color{position:absolute;width:100%; height:100%;top:0;background:#000;opacity:0.4;overflow:hidden;transition:0.5s} /*颜色*/
.list_index_about:hover .color{background:#000;opacity:0} 

.list_index_about .picposition {position:relative;width:40%;/*左侧百分比*/ overflow:hidden}
.list_index_about .picposition img {background:#000 center;background-size:cover;width:100%;opacity:1}
.list_index_about a:hover .picposition img {}

.list_index_about .position {position:relative;width:50%;/*右侧百分比*/padding:0% 5%;/*留白*/display:flex;justify-content:center;flex-direction:column}
.list_index_about:hover .position {}

.list_index_about .font_01{ font-size:1.5em; line-height:1.5; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.5s}
.list_index_about:hover .font_01 {}

.list_index_about .font_02{font-size:1.2em;opacity:1; display:block;transition:0.5s}
.list_index_about:hover .font_02 {}

.list_index_about .font_03 {margin-top:15px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.list_index_about:hover .font_03 {}

.list_index_about .botton {width:160px;margin-top:30px; border:1px rgba(0,0,0,0.1) solid;text-align:center;line-height:50px;transition:0.2s}
.list_index_about:hover .botton{color:#fff; border:#333 1px solid; } 
.list_index_about .botton:after {background:#fff;width:0%;height:50px;margin-top:-50px; display: block; content: ""; transition:0.5s}/*选择器*/
.list_index_about:hover .botton:after {background:#000; width:100%} 


/*首页服务块 */ 
.list_index_service{float:left;width:25%; margin-right:0%; margin-bottom:0px}
.list_index_service:nth-of-type(4n) {margin-right:0px}

.list_index_service:nth-of-type(odd){background:#fff;}/*奇数行 */
.list_index_service:nth-of-type(even){background:#fff;}/*偶数行 */

.list_index_service .box{position:relative;display:block; border-radius:0px; overflow:hidden;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0);}
.list_index_service:hover .box{ background:#333 }

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

.list_index_service .color{position:absolute;background:rgba(255,255,255,0);opacity:1;width:100%; height:100%; top:0; transition:0s} 
.list_index_service:hover .color{background:#023F98;transform:scale(1.0) rotatey(0deg);bottom:0px; border-radius:0px; opacity:1;} 

.list_index_service .biankuang{position:absolute;width:100%;height:100%;top:0;border:#000 0px solid; opacity:0;transition:0.5s;z-index:1}
.list_index_service:hover .biankuang{background:linear-gradient(45deg, #023F98, #023F98  50%);width:100%;height:100%;top:0;opacity:1;transition:0.5s;z-index:1;animation:list_index_service infinite;/*命名*/animation-delay:0s;/*延时*/animation-duration:0.5s;/*播放时长*/animation-direction:alternate;/*支持反向播放*/}
@keyframes list_index_service{from {opacity:0;} to {background:linear-gradient(135deg, #023F98, #023F98  50%);opacity:0}}

.list_index_service .position{ position:absolute;top:0; width:100%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s;}
.list_index_service:hover .position{background:rgba(255,255,255,0);opacity:1;transform:scale(1.0) rotatez(0deg) ;}

.list_index_service .svg{ display:none;width:0%; margin:0px 0;opacity:1; transition:0.5s;} 
.list_index_service:hover .svg {filter: brightness(5)/*亮度*/ sepia(0)/*褐色*/ hue-rotate(70deg)/*色相旋转*/ saturate(0)/*饱和度*/;opacity:1;}  

.list_index_service .font_01{ text-transform:uppercase; line-height:1; display:block;transition:.0s;} 
.list_index_service:hover .font_01{color:#fff;}  

.list_index_service .font_02{opacity:0.8;line-height:1; text-align:center; max-width:180px;display:block} 
.list_index_service:hover .font_02{color:#fff;} 

.list_index_service .font_line{background:#ccc;width:10px; height:1px; margin:10px 0; display:block;opacity:1;transition:0.2s;} 
.list_index_service:hover .font_line{ background:#fff;}

.list_index_service .font_03{display:block;text-align:center;padding:0px 20%; margin-top:20px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;transition:0.2s;} 
.list_index_service:hover .font_03{color:#fff;} 

.list_index_service .font_05{ display:none}


/*首页常识*/
.list_index_skill{float:left;width:49%; margin:0 2% 0px 0; overflow:hidden;border-bottom:0px solid rgba(0,0,0,0.1); transition:0.5s}
.list_index_skill:nth-of-type(2n) {margin-right:0px}

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

.list_index_skill .box{position:relative; border:0px solid #eee;overflow:hidden;transition:0.5s; border-radius:0px}
.list_index_skill:hover .box{}

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

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

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

.list_index_skill .font_01{ font-size:1.0em; line-height:1.3;color:#fff;transition:0.2s}
.list_index_skill:hover .font_01 {}

.list_index_skill .font_02{color:#fff;transition:0.2s}
.list_index_skill:hover .font_02 {}

.list_index_skilltextbox{ background:#fff; padding:25px 50px; border:1px solid #eee}
.list_index_skilltextlist{display:flex;justify-content:space-between;align-items:center; border-bottom:1px solid #F6F6F6 }
.list_index_skilltextlist .font01{ font-size:;display:block;width:280px; line-height:3em;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:3;overflow:hidden;transition:0.2s;transition:0.2s}
.list_index_skilltextlist:hover .font01{color:#023F98}
.list_index_skilltextlist .font02{ opacity:0.5;font-size:;transition:0.2s}
.list_index_skilltextlist:hover .font02{color:#023F98}


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

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

.list_index_products .box img{ background:#FFF  bottom no-repeat; background-size:100%;opacity:1;width: 100%;transition:0.5s}
.list_index_products:hover .box img{}

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

.list_index_products .biankuang{position:absolute;width:100%;height:100%;top:0;border-top:#000 0px solid;border-bottom:#000 0px solid; opacity:0;transition:0.5s;z-index:1}
.list_index_products:hover .biankuang{width:93.5%;height:90%; margin:3% 4%; top:0; opacity:1;}

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

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

.list_index_products .font_01{display:block; max-width:250px;/*宽度*/line-height:1.5; transition:0.5s} 
.list_index_products:hover .font_01{ color:#023F98;opacity:1;}

.list_index_products .font_02{ max-width:120px; line-height:1.5;display:block} 
.list_index_products:hover .font_02{}  
 
.list_index_products .font_zaiyao{ margin:0px 0;opacity:0.5;transition:0.5s} 
.list_index_products:hover .font_zaiyao{opacity:1; }

.list_index_products .font_line{background:#000;width:35%;height:1px;margin:10px 0; display:block;opacity:0.1;transition:0.5s;} 
.list_index_products:hover .font_line{width:35%}

.list_index_products .font_03{text-align:left;max-width:200px;/*宽度*/padding:0 0%;display:none;/*-webkit-box;*/-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0;transition:0.5s;} 
.list_index_products:hover .font_03{opacity:0.5;} 

.list_index_products .font_05{ /*display:none;*/ position:absolute; border:1px solid rgba(0,0,0,0.1);width:50px; height:50px; left:10%; bottom:30%; border-radius:500px;display:none;display:flex;justify-content:center;align-items:center;opacity:0.3; margin-top:50px;transition:0.5s;} 
.list_index_products:hover .font_05 {background:#023F98;color:#fff;opacity:1;}  


/*简介类列表16开始 */ 
.list_about16{float:left;width:100%;margin-right:0%;border-left:0px  solid #333; margin-bottom:0px}

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

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

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

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

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

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

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

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

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

.list_about16 .font_05{border:1px solid #023F98; color:#023F98;  width:160px;height:40px;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_about16:hover .font_05 {}  


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

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

.list_news .box{position:relative; border:0px solid #eee;overflow:hidden;transition:0.5s; border-radius:0px}
.list_news:hover .box{}

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

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

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

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

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

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

.list_news .font_01{display:block;width:250px; opacity:1;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:3;overflow:hidden;transition:0.2s}
.list_news:hover .font_01 {color:#fff;transform:translate(0px,0px);}
.list_news .font_02 {width:100%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;word-break: break-all;transition:0.5s;overflow: hidden;}
.list_news:hover .font_02 {opacity:0.6;transform:translate(0px,0px);}

.list_news .font_time {opacity:0.5;}
.list_news:hover .font_time {color:#fff;opacity:0.5;}

.list_news .font_03 { z-index:1;transition:0.5s}
.list_news:hover .font_03 {color:#fff;transform:translate(0px,0px);}


/*产品列表开始 */ 
.list_products{float:left;width:100%; margin:0px 0 2% 0}
.list_products:nth-of-type(1n) {margin-right:0px}

.list_products:nth-of-type(odd){}/*奇数行 */
.list_products:nth-of-type(even){}/*偶数行 */

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

.list_products .box {position:relative;background:#fff; border-bottom:1px solid #eee;  display:flex;justify-content:space-between;overflow:hidden;transition:0.5s}
.list_products:nth-of-type(even) .box{/*flex-direction:row-reverse;反向*/}/*偶数行 */
.list_products .box:hover {background:#fff}

.list_products .color{position:absolute;width:100%; height:100%;top:0;overflow:hidden;transition:0.5s} /*颜色*/
.list_products:hover .color{opacity:0.3} 

.list_products .picposition {position:relative;width:100%;/*左侧百分比*/ overflow:hidden}
.list_products .picposition img {background: no-repeat center;background-size:contain;width:50%;opacity:1}
.list_products a:hover .picposition img {opacity:1;}

.list_products .position {position:relative; width:100%;/*右侧百分比*/padding:3%;/*留白*/display:flex;justify-content:center;flex-direction:column;opacity:0.8;transition:0.5s}
.list_products:hover .position {opacity:1}

.list_products .font_01{width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s}
.list_products:hover .font_01 {}

.list_products .font_02{}
.list_products:hover .font_02 {}

.list_products .font_03 {margin-top:30px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;word-break: break-all;transition:0.5s;overflow: hidden;}
.list_products:hover .font_03 {}

.list_products .font_04 {transition:0.5s}
.list_products:hover .font_04 { transform:scale(1) rotatex(0deg);}

.list_products .font_05 {transform:translate(-30px,0px);opacity:0.3;transition:0.5s }
.list_products:hover .font_05 {transform:translate(0px,0px);}

.list_products .pingjun{display:flex;justify-content:space-between;align-items:center; margin-top:10px;width:100%}
.list_products .botton {color:#ccc;display:block; border-radius:0px; padding:2px 5px;transition:0.5s}
.list_products:hover .botton {color:#39ECB4;display:block;opacity:1;transform:translate(0px,0px);}



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

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

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

.list_count .color{position:absolute;opacity:0;width:100%; height:100%; top:0; border:1000px; transition:0.5s} 
.list_count:hover .color{background:rgba(0, 0, 0, 0);transform:scale(1.0) rotatez(0deg);bottom:0px;opacity:0;} 
.list_count .position{ position:absolute; top:0; width:50%; padding:0 25%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1; }
.list_count:hover .position{opacity:1;}
.list_count .font_01{ transition:0.5s} 
.list_count:hover .font_01{color:#023F98; opacity:1;}  
.list_count .font_01 sup{} 

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


@media all and (min-width:1024px) 
{.header{background:rgba(255,255,255,0);width:100%; height:80px;padding:0 0%;position:fixed;display:flex;justify-content:space-between;align-items:center;transition:0.2s ease; border-bottom:0px solid #023F98; box-shadow:0px 0px 2px #999; border-radius: 0px;z-index:1000; margin-bottom:10px}
.header.mini .menu >a{}
.header.mini .menu a:hover span {}
.header.mini .menu:hover .erji {top:60px;}

.header.mini .box_top{}
.header.mini .box_top_left img{opacity:1; /*filter: brightness(1.2) sepia(1) hue-rotate(330deg) saturate(20)*/}
.header.mini .box_top_left .logoch{}
.header.mini .box_top_left .logoen{}
.mheader {display:none}
}

@media all and (max-width:1024px) 
{
body {font-size:14px;/*适合手机的行高*/}
.header {display:none;}
.mheader {background:rgba(255,255,255,1);width:100%;height:80px;position:fixed;display:flex;justify-content:space-between;align-items:center;z-index:10000;border-bottom:0px solid #f1f1f1; box-shadow:0px 0px 5px #eee; border-radius: 0 0 0px 0px;transition:0.5s;}
.mheader.mini {background:rgba(0,0,0,0.7)}

h1{}/* 列表标题 */
h2{}/* 副标题 */
h3{ line-height:1.5}/* 列表摘要 */
h4{ font-size:1.5em; max-width:100%; margin:0 auto;}/* 内容大标题 */
h5{}/* 文章内容 */
h6{font-size:0.8em;}/* 时间/数字 */
hr{margin:10px 0}

/*链接_css*/	
#menup .select{background:#fff; color:#023F98}/*栏目高亮*/
.left_menu {background:#EDEDED;font-size:14px; display:block; padding:25px 13px;border-right:1px solid #fff;text-align:center;border-bottom:0px solid rgba(51,51,51,0.05); margin-bottom:0px;margin:0}
.left_menu:hover {border:0px;border-bottom:0px solid rgba(51,51,51,0.05);}
#navi ul li.h1 a{border:0px}

/*返回_css*/
.back { display:none;}
/*分页链接_css*/
.page{ font-size:12px;padding:8px 8px; margin: 0 1px;}
.page_ding{font-size:12px;padding:8px 8px;}

/*主体box_css*/	
.box_top{padding:0 4%;width:92%}
.box_top_left{width:300px}
.box_top_left img{width:200px}
.box_top_left .logoch{font-size:1.2em; margin-top:3px}
.box_top_left .logoen{font-size:0.65em;}
.box_top_left .slogan{right:10%;}
.box_top_left .slogan .arrow{right:63px}/*微信箭头*/

.box_main{padding:1px 0}
.box_main_padding{ padding:0% 0%; margin:0 0%; border-radius:0px;overflow:hidden}
.box_banner{border-bottom:0px solid #000}
.box_banner img{width:250%; margin-left:-75%;}


.box_shouji {margin-top:60px}
.box_column_back{padding:10% 0}
.box_column{  }
.box_erji{background:#EDEDED;border-top:0px solid rgba(0,0,0,0.1);border-bottom:0px solid rgba(0,0,0,0.1);}

.box_view_rangwei{padding-top:80px}

.box_view{padding:10% 4%;margin:0 0 5% 0;border:0px solid rgba(255,255,255,0.2); }

.box_view_top{flex-wrap: wrap;display:flex;padding:4% 0% 1% 0%}
.box_view_content img{width:100%; }


.box_select{ background-size:420%;padding:30px 10%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;/*从上到下控制*/}
.box_select li{width:100%; margin-bottom:5px}
select{ padding:10px; border:1px solid (0,0,0,0.01)}

.box_page{padding:10% 2% 10% 2%}
.box_next .font{width:100%; padding:30px 0px}
.box_foot{font-size:12px;padding:8% 5%;}

/*字体_css*/	

.font_banner_ch{font-size:1.6em; }
.font_banner_en{font-size:1.4em; }

.font_column_ch{ font-size:1.6em; }
.font_column_line{ width:10%;margin:5px  auto;}
.font_column_en{font-size:1em; }
.font_copyright{display:block;}

.demo_box{padding:35px 4%}
.demo_title{}
.demo_title sup{}

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

/*针对流动布局，不限制列数 liudong_css*/
.list_liudong {flex-direction:column;/*从上到下控制*/}

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

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

/*图文混排两列列表_css*/
.list_text2{-webkit-column-count:1}

/*图文混排三列列表_css*/
.list_text3{-webkit-column-count:1; padding:5% 0; flex-wrap: wrap}
.list_text3 .text{ display:block; margin:5% 0}


/*首页关于我们开始 */ 
.list_index_about{width:100%; margin-bottom:20px;/*百分比间隙2018.03.15*/}
.list_index_about:nth-of-type(1n) {margin-right:0px;}
.list_index_about .box {flex-wrap: wrap;}/*流动命令*/
.list_index_about .picposition {width:100%;/*流动上侧百分比*/}
.list_index_about .position {width:100%;/*流动下侧百分比*/padding:10% 10%}


/*首页服务块 */ 
.list_index_service{width:100%; margin-right:0px;  margin-bottom:0px;/*百分比间隙2018.03.15*/}
.list_index_service:nth-of-type(1n) {margin-right:0px;}
.list_index_service .box{padding:0px 0;opacity:1;}
.list_index_service .box img{background-size:cover;opacity:1;width: 100%;transition:0.2s}
.list_index_service .color{} 
.list_index_service .font_03{max-width:300px;/*宽度*/padding:0px 10%; margin-top:10px} 
.list_index_service .svg{width:20%; opacity:1;}

/*首页常识*/
.list_index_skill{width:100%; margin-bottom:1px}/*距离相隔2%最佳*/
.list_index_skill:nth-of-type(1n) {}


/*首页产品列表开始 */ 
.list_index_product{width:100%; margin-bottom:20px;/*百分比间隙2018.03.15*/}
.list_index_product:nth-of-type(1n) {margin-right:0px;}
.list_index_products .box img{ background:#F9F9F9 bottom no-repeat; background-size:100%;opacity:0.95;height:60%}


/*首页相册开始 */ 
.list_honor{width:100%; margin-bottom:20px /*百分比间隙2018.03.15*/}
.list_honor:nth-of-type(1n) {}	


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


/*产品列表开始 */ 
.list_products{width:100%; margin-bottom:20px;/*百分比间隙2018.03.15*/}
.list_products:nth-of-type(1n) {margin-right:0px;}	
.list_products .box img{height:160px /*图片放大，同时要向左平均*/}	

	
/*首页数字list_index_count*/ 
.list_count{ width:49.8%; margin-right:0%; }
.list_count:nth-of-type(2n) {margin-right:0px;border-right:0px}
.list_count .box img{width:250%}
.list_count .position{width:80%; padding:0 10%; }
.list_count .font_01{}
.list_count .font_01 sup{} 
}