/*色值取样 深蓝色#1D2E64,    卡金   #FFCC00   浅  */

body{color:#666;background:#fff url(../images/bg_back.gif);font-size:14px; line-height:23px;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/DINCond-Medium.otf'); /* 字体样式 */}
@font-face{font-family: myFirstFont-title;src: url('../font/a_futuricamedium00.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 14px/1 FontAwesome;transform: translate(0, 0);} /* 字体箭头样式 */
.menuarrow:before {content:"\f103"; transform: translate(0, 0);opacity:0.2;}

h1{ font-size:16px; font-weight:normal;margin:0;text-transform:uppercase; }/* 单页/列表标题 */
h2{ font-size:14px;color:#999;text-transform:uppercase;font-weight:normal; margin:0;line-height:25px }/* 单页/列表副标题 */
h2:first-letter{text-transform:capitalize}/*选择每个 <h2> 元素的首字母，并为其设置样式 */
h3{font-size:30px;color:#333; line-height:30px;font-weight:normal;width:100%;margin:0;}/* 内容页/主标题 */
h4{font-size:16px; line-height:50px; color:#999;font-style:inherit; font-weight:normal; margin:0; text-transform:uppercase; }/* 时间/数字 */
hr{height:1px;border-top: 0px solid rgba(0, 0, 0, 0.05); margin:30px 0}
p:first-letter{text-transform:capitalize}/*选择器每个 <p> 元素的首字母设置样式：*/

/*公用链接_css*/  
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 {background:#FFF;height:90px;position:relative;display:block;width:14.28%;/* 按钮平均分 */ height:auto;border-right:1px solid #F7F7F7;transition:0.5s}
.menu:hover {background:#1D2E64;color:#FFF}
.menu:last-child{ border-right:0px solid #000}

.menu >a{position: relative;padding:0px 40px; height:90px; line-height:90px; display: block;overflow:hidden;border-radius:0px; text-align:center;transition:0.5s}
.menu a:hover span {color:#fff;transform:translate3d(0, 0%, 0);}

.menu a .menuarrow{position:absolute;top:42%;right:25px;}/*有二级菜单显示箭头*/  
.menu span {position:relative;text-transform:uppercase;display: block;transition:0.2s}
.menu span:before{color:#fff;font-size:16px;content:attr(data-title);left:0px;right: 0px;top:0px;bottom:0px;position: absolute;top:100%;transition:0.5s}/*经过菜单显示滚动文字或字母*/  
.menu:hover  span {color:#fff;}
.menu .erji {position:fixed;opacity:0;top:90px; left:0; width:94%; padding:0% 3%; overflow:hidden;background:#eee;visibility:hidden;display:flex;justify-content:space-between;align-items:center;z-index:-99;transition:0.5s;}/*二级菜单盒子*/  
.menu:hover .erji {padding:6% 3% 6% 3%;top:90px;visibility:inherit;opacity:1;background:#1D2E64;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
z-index:-99}/*二级菜单盒子HOVER*/  

.menu .erji li a {background:#2F468E; color:#fff; font-size:13px; font-weight:lighter; padding:60px 20px; height:120px; text-align:center;display:block;border:1px solid rgba(255, 255,255, 0.1);box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0);transition:0.2s}/*二级菜单样式*/
.menu .erji li img {  border:1px solid rgba(255, 255,255, 0.2); border-radius:100px; padding:5px;width:55px; margin-bottom:20px; display:block; margin:0 auto}
.menu .erji li :hover img { background:#FFCC00}
.menu .erji li a:hover {background:#000;color:#FFCC00;box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0);}/*二级菜HOVER*/  

#menu .select{background:#FFCC00;color:#fff}/*栏目高亮*/  
#menu:hover .select span{transform:translate3d(0, 0%, 0); }
#menu .selecterji {background:#FFCC00}/*二级栏目高亮*/  
#menu_page {background:#FFCC00;color:#fff}
#menu_page:visited {background:#FFCC00;color:#fff}
#menu_danye {background:#FFCC00;color:#fff}/*单页高亮*/  
#menu_danye:visited {background:#FFCC00;color:#fff}


/*二级菜单链接_css*/
.left_menu { font-size:16px; background:#2F468E; text-align:center; display:block; width:100%; padding:20px 0; display:flex;justify-content:center;align-items:center;flex-direction:column;opacity: 1;transition:0.5s}
.left_menu:link {color:#fff}
.left_menu:visited {color:#fff}
.left_menu:hover {background:#1D2E64;color:#fff;  }
.left_menu:after {width:0px;height:60px;margin-top:-60px; display: block;content: ""; transition:0.5s}/*after 选择器*/
.left_menu:before {width:0px;height: 60px;content:' ';position: absolute;background: #fff;top:0;left:-45px;opacity: 0.5;transition:0.5s}
.left_menu:hover:before {width: 0px;left:205px;}
#navi ul li.h1 a{background:#FFCC00;color:#fff; }


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

/*分页链接_css*/
.page{ background:#fff; padding:15px 20px; border-radius:0px; border:#eee 1px solid;color:#666; margin: 0 5px;transition:0.5s}
.page:link{color:#666}
.page:visited {color:#666} 
.page_ding{padding:15px 20px; border-radius:0px; border:#FFCC00 1px solid;color:#fff; margin: 0 5px; background:#FFCC00}
.page:hover{background:#1D2E64; border:#1D2E64px solid; color:#fff;text-decoration: none;}

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

/*主体盒子box_css*/	
.header img{width:60%;transition:0.5s;}
.box_top{width:90%;opacity:1;display:flex;justify-content:space-between;align-items:center}
.box_top_left{font-size:18px;font-weight:bold; display:block;width:160px;}
.box_top_left .logo{display:flex;justify-content:space-between;align-items:center}
.box_top_left a:link{line-height:25px;color:#333;line-height:20px;transition:0.5s  }
.box_top_left a:visited{color:#333}
.box_top_left .en{font-size:15px; line-height:15px;letter-spacing:3px; text-transform:uppercase;color:#ccc;}

.box_top_left img{width:30%;opacity:1;transition:0.5s;}

.box_top_right{width:80%}
.menu_position{width:100%; background:#900/*挡板*/}
.menu_class>li{float:left}

.box_index{overflow:hidden}

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

.box_main_news{background:#fff url(../images/back_news.jpg) no-repeat top; background-size:100%; background-attachment:fixed}
.box_main_video{background:# url(../images/back_video.jpg) no-repeat bottom; background-size:100%; background-attachment:fixed}
.box_main_products{padding:40px 0;background:#eee url(../images/back_products.jpg); background-size:100%; background-attachment:fixed}
.box_main_count {padding:80px 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;border-bottom-left-radius:0px;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% {}100% {transform:scale(1.0)}}

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

.box_column{/*display:flex;justify-content:space-between*/ background:#293969; align-items:center;/*灰度酌情*/z-index:999999}
.box_erji{display:flex; flex-wrap: nowrap;justify-content:center;align-items:center; padding:0 5%}

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

.box_view_rangwei{background:#1D2E64;padding-top:150px}
.box_view{padding:5% 10%;width:auto;margin:0 auto;border-radius:0px; border:1px solid #eee;}
.box_view_top{ display:flex;justify-content:space-between; align-items:center;flex-direction:column;}
.box_view_content{ font-size:16px; color:#333;line-height:30px;  margin:0 0}
.box_view_content p{ text-indent: 0em}
.box_view_content img{ text-align:center; display:block;max-width: 100%; margin:0 auto}

.bow_view_content_news{-webkit-column-count:2;-webkit-column-gap:80px;column-fill:no;-webkit-column-rule:1px solid #eee}
.bow_view_content_news:first-letter{ color:#1D2E64;}/*选择器每个 <p> 元素的首字母设置样式*/
.bow_view_content_news  P{margin-top:0px; }

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

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

.box_next { background:#eee;display:flex;justify-content:space-between;align-items:center; padding:5% 10%}/*创建两列等宽布局*/
.box_next > span {width:30%;}
.box_next > span:first-child {display:flex; }
.box_next > span:last-child { display:flex; text-align:right}
.box_next .font_01{ color:#999;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.box_next .font_01:hover{color:#1D2E64}
.box_next .font_02{background:#fff;display:block;border:#eee 1px solid; border-radius:5px; color:#666;display:flex;justify-content:center;align-items:center;padding:20px 30px;transition:0.2s}
.box_next .font_02:hover {background:#1D2E64;border:#1D2E64 1px solid; border-radius:5px; color:#fff;box-shadow:0px 0px 5px #999;}


.box_foot{color:#999; text-transform:uppercase;background:#333; border:#FFF 0px solid;width:100%; padding:2% 0;overflow:auto;text-align:center}
	
/*字体样式_css*/	
.font_banner_title{display:none;color:#fff; margin-left:0px;text-transform:uppercase;opacity: 1.0}
.font_banner_line{letter-spacing:0px;text-align:center}
.font_banner_ch{font-size:35px; line-height:60px; font-weight:bold; color:#fff;text-align:center;opacity:1}
.font_banner_en{ font-size:30px; color:#fff;letter-spacing:0px; text-align:center; text-transform:uppercase;opacity:1}

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

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

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

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

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

.font_zhibao{ color:#1D2E64; text-decoration:underline}

.font_faq{background:#333; color:#fff; border:0;height:50px; width:200px;cursor:pointer;transition:0.2s}
.font_faq:hover{background:#eee; color:#666; opacity:1;}

.font_copyright{color:#ccc;opacity:0.5;}

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

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

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

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



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

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


/*瀑布流pubuliu_css */ 
.list_pubuliu{float:left;width:33.3%}
.list_pubuliu:nth-of-type(3n) {}

.list_pubuliu .box{position:relative; display:block;overflow:hidden;}
.list_pubuliu:hover .box{}

.list_pubuliu .box img{width:100%;transition:0.2s; border:0}
.list_pubuliu:hover .box img{}

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

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

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

.list_pubuliu .font_01{ display:none; line-height:30px; opacity:1;transition:0.5s;} 
.list_pubuliu:hover .font_01{opacity:0.9;}  

.list_pubuliu .font_line{background:#666; display:block;width:20px;height:1px;display:block; margin:5px 0;opacity:1;transition:0.5s} 
.list_pubuliu:hover .font_line{width:100px}

.list_pubuliu .font_03{display:none; text-transform:uppercase; text-align:center;max-width:300px;transition:0.5s;} 
.list_pubuliu:hover .font_03{opacity:0.8;}

 
/*新闻列表news_css*/
.list_news{float:left;width:48%; margin:0px 4% 0 0;transition:0.5s}
.list_news:nth-of-type(2n) {margin-right:0px}

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

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

.list_news .box {position:relative;border-bottom:#eee 1px solid;padding:40px 0;display:flex;justify-content:space-between;overflow:hidden;transition:0.5s}
 
.list_news .box:hover  {box-shadow:0px 0px 0px #ccc; border-bottom:#eee 1px solid; }

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

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

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

.list_news .font_01{ font-size:18px;display:block; width:90%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s}
.list_news:hover .font_01 {color:#1D2E64;transform:translate(0px,0px);}
.list_news .font_02 {display:block;padding:10px 0}
.list_news:hover .font_02 {}

.list_news .font_03 {font-size:20px;display:block;transition:0.5s;}
.list_news:hover .font_03 {color:#1D2E64;}

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




/*作品与类作品列表product_css */ 
.list_products{ float:left;width:23%;margin-right:2.6%;margin-bottom:2%}
.list_products:nth-of-type(4n) {margin-right:0px}

.list_products .box{background:#fff;position:relative; display:block; border-radius:3px;overflow:hidden;}
.list_products:hover .box{}

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

.list_products .color{position:absolute;background:#fff;opacity:0;width:100%; height:100%; top:0;transition:0.5s} 
.list_products:hover .color{background:#1D2E64;opacity:0.1} 

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

.list_products .position{background:#F9F9F9;position:relative;top:0; width:80%; padding:12% 10%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.5s; }
.list_products:hover .position{ background:#1D2E64;color:#fff;opacity:1}

.list_products .font_01{font-size:15px; line-height:20px;height:50px; text-align:center; opacity:1;transition:0.2s;} 
.list_products:hover .font_01{opacity:1;}  

.list_products .font_line{display:none;background:#666;width:40px;height:1px;margin:10px 0;opacity:0.5;transition:0.2s} 
.list_products:hover .font_line{background:#eee;width:100px}

.list_products .font_03{ display:none; text-transform:uppercase; text-align:center;max-width:220px; margin:20px 0;transition:0.2s;} 
.list_products:hover .font_03{opacity:0.5;}

.list_products .font_04{text-align:center;max-width:300px;/*宽度*/ margin-top:15px;display:none;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0.5;transition:0.5s;} 
.list_products:hover .font_04{opacity:0.9;} 

.list_products .font_06{ text-align:center;background:#333;border-radius:3px;margin-top:10px;padding:15px 20px;color:#FFF; width:100px;opacity:0.8;transition:0.2s;} 
.list_products:hover .font_06 {background:#fff;color:#1D2E64;transform:scale(1);opacity:1;}  



/*下载列表list_down*/
.list_down{float:left;width:33.333333%; margin:0px 0% 0% 0;transition:0.5s}
.list_down:nth-of-type(3n) {margin-right:0px}

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

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

.list_down .box {position:relative;padding:30px 5%; height:100px;display:flex;justify-content:space-between;transition:0.5s;}
.list_down .box:hover  {background:#1D2E64}

.list_down .picposition {padding:0px;width:60%; overflow:hidden;display:flex;justify-content:center;align-items:left;flex-direction:column}
.list_down .position {position:relative; width:20%;display:flex;justify-content:center;align-items:center;flex-direction:column}

.list_down .font_01{display:block;transition:0.5s}
.list_down:hover .font_01 {color:#fff}
.list_down .font_02 {font-size:16px; color:#fff;background:#ccc; width:50px;height:50px;border:3px solid rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;transition:0.5s}
.list_down:hover .font_02 { background:#FFCC00;color:#fff}
.list_down .font_03 { font-size:20px; transition:0.5s}
.list_down:hover .font_03 {color:#fff}


/*常识列表skill_css */
.list_skill{float:left;width:48%; margin:0px 4% 2% 0;border-bottom:#1A1A1A 0px solid; transition:0.5s}
.list_skill:nth-of-type(2n) {margin-right:0px}

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

.list_skill .box {position:relative;padding:0%;border-top:#eee 0px solid;border-bottom:#eee 1px solid; padding:5% 0;display:flex;justify-content:space-between;overflow:hidden;transition:0.5s; 
 /*flex-direction:row-reverse*//*倒叙*/}/*左右平均盒子*/
 
.list_skill .box:hover  {box-shadow:0px 0px 0px #ccc; border-bottom:#fff 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{ background:#1D2E64;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 {background:#eee; background-size:cover;width:100%;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 0 0 0%;display:flex;justify-content:center;flex-direction:column;transition:0.5s}
.list_skill:hover .position {transform:translate(0,0px)}

.list_skill .font_01{ font-size:18px;display:block;font-weight:bold; width:90%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition:0.5s}
.list_skill:hover .font_01 {color:#1D2E64;transform:translate(0px,0px);}
.list_skill .font_02 {display:block;padding:10px 0}
.list_skill:hover .font_02 {}

.list_skill .font_03 {display:block;transition:0.5s;opacity:0.5;}
.list_skill:hover .font_03 {color:#1D2E64;}

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


/*团队列表team_css */ 
.list_team{float:left;width:98%; margin:0 2% 50px 0}
.list_team:nth-of-type(3n) {margin-right:0px;}

.list_team .box{ background:#fff; border:1px solid rgba(0,0,0,0.05);position:relative;display:block; padding:20px; border-radius:0px;transition:0.2s}
.list_team:hover .box{ background:#1D2E64; box-shadow:0px 0px 0px #A00C06;}

.list_team .box img{ background:center;background-size:cover;opacity:1;width:200px; height:200px; margin:0 auto;border-radius:100%;transition:0.2s}
.list_team:hover .box img{transform:scale(1.0) translate(0px,-0px);opacity:1;}

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

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


.list_team .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.5s;}
.list_team:hover .position{opacity:1; transform:translate(0px,-0px)}

.list_team .font_01{ text-align:center;line-height:20px;} 
.list_team:hover .font_01{color:#fff;}  

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

.list_team .font_03{text-transform:uppercase; opacity:0.8;transition:0.5s;} 
.list_team:hover .font_03{color:#fff; }

.list_team .font_line{ background:#999;width:100%; height:1px; margin:15px 0;opacity:0.2;transition:0.5s;} 
.list_team:hover .font_line{ background:#fff;color:#fff; }

.list_team .font_04{ text-align:center;opacity:0.5;transition:0.2s;} 
.list_team:hover .font_04{color:#fff;opacity:0.7;} 


/*list_abouttwo_css*/
.list_about {display:flex;justify-content:space-between;align-items:top;}
.list_about .left {width:50%;}
.list_about .left img{width:100%}
.list_about .right {width:40%}
.font_content{ display:block; padding:50px 5%}


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

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

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

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

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

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

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

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

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

table img {max-width: 100px}


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

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

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

.list_service .color{position:absolute;background:#FFCC00;opacity:1;width:100%; height:100%; top:0; transition:0.2s} 
.list_service:hover .color{background:#1D2E64;bottom:0px; opacity:0.9;} 

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

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

.list_service .font_01{ font-size:18px; opacity:1;transition:0.2s;} 
.list_service:hover .font_01{color:#FFF;opacity:1;}  

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

.list_service .font_line{background:#333; display:block;width:40px;height:2px;display:block; border-radius:10px; margin:10px 0;opacity:1; transition:0.2s} 
.list_service:hover .font_line{background:#fff;width:60px;opacity:1;}

.list_service .font_03{ font-size:16px; line-height:20px;text-transform:uppercase; text-align:center;max-width:200px;opacity:0.6;transition:0.2s;} 
.list_service:hover .font_03{color:#FFF;opacity:0.5;}

.list_service .font_04{ color:#FFF;text-align:center;max-width:300px;/*宽度*/ 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_service:hover .font_04{color:#fff;opacity:0.6;} 

.list_service .font_05 img{margin:30px 0; width:70px;opacity:1;transition:0.1s;} 
.list_service:hover .font_05 img{transform:scale(1.0);width:80px; margin:30px 0; opacity:1;}  

.list_service .font_06{ font-size:16px;background:#333;border-radius:3px;margin:50px 0;padding:15px 20px;color:#FFF; width:100px;opacity:1} 
.list_service:hover .font_06 {background:#fff;color:#1D2E64;opacity:1;}  


 /*服务范围2_css */ 
.list_service2{float:left;width:33.3%;}
.list_service2:nth-of-type(3n) {margin-right:0}
.list_service2 .box{position:relative;border-right:1px solid #eee;border-bottom:1px solid #eee;padding:0 0 ; overflow:hidden;transition:0.5s;}
.list_service2 .box:hover{background:#FFCC00;border-right:1px solid #FFCC00;border-bottom:1px solid #FFCC00}
.list_service2 .box img{ background:no-repeat center;background-size:100%;width:100%;transition:1s; display:block}
.list_service2:hover .box img{}
.list_service2 .color{background:#fff;position:absolute;width:100%;top: 0; transition:0.5s} 
.list_service2:hover .color{background:#FFCC00;} 

.list_service2 .position{position:relative;top:0;width:80%; padding:10% 10%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}
.list_service2 .font_01{font-size:18px; text-align:center} 
.list_service2:hover .font_01{color:#fff}  
.list_service2 .font_02{display:none;background:#1D2E64;color:#fff;text-transform:uppercase;width:100px; height:100px;border:1px solid #1D2E64;border-radius:0px;box-shadow: 0px 0px 0px #999; padding:15px; 
} 
.list_service2:hover .font_02{background:#fff;color:#1D2E64;width:100px; height:100px; border:1px solid #fff;border-radius:500px;box-shadow: 0px 0px 0px #999} 
.list_service2 .font_03{ text-align:center;display:block; padding: 0 0%} 
.list_service2:hover .font_03{color:#fff} 



/*首页数字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:move;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{color:#666;position:absolute; top:0; width:100%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1; }
.list_count:hover .position{color:#1D2E64;opacity:1;}
.list_count .font_01{font-size:65px;line-height:65px; transition:0.5s} 
.list_count:hover .font_01{ opacity:1;}  
.list_count .font_01 sup{font-size:16px;} 

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


/*首页list_index_video*/ 
.list_index_video{float:left;width:49%;margin-right:2%;margin-bottom:2%}
.list_index_video:nth-of-type(2n) {margin-right:0px}

.list_index_video .box{background:#eee; border:0px solid #eee;position:relative; border-radius:0px; display:block;overflow:hidden;transition:0.5s}
.list_index_video:hover .box{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3)}

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

.list_index_video .color{position:absolute;background:#000;opacity:0.3;width:100%; height:100%; top:0;} 
.list_index_video:hover .color{background:#1D2E64;opacity:0} 

.list_index_video .biankuang{position:absolute;width:100%;height:100%;top:0;border:#1D2E640px solid;transition:0.2s;z-index:1}
.list_index_video:hover .biankuang{border:#1D2E64px solid;width:100%;height:100%; margin:0%; top:0;}

.list_index_video .position{position:relative;background:#F5F5F5;top:0; width:90%; padding:8% 5%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.2s; }
.list_index_video:hover .position{ background:#1D2E64;color:#fff;opacity:1}

.list_index_video .font_01{font-size:20px; line-height:30px; color:#333;text-align:center; opacity:1;transition:0.2s;} 
.list_index_video:hover .font_01{color:#fff; opacity:1;}  

.list_index_video .font_line{background:#666;width:40px;height:2px;margin:10px 0; border-radius:10px;opacity:1;transition:0.2s} 
.list_index_video:hover .font_line{background:#eee;width:80px}

.list_index_video .font_02{ max-width:400px; text-align:center;opacity:0.8;} 
.list_index_video:hover .font_02{opacity:0.5;}


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

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

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

.list_index_about .color{position:absolute;background:#eee;opacity:0.9;width:100%; height:100%; top:0; transition:0.2s} 
.list_index_about:hover .color{background:#1D2E64;bottom:0px; border-radius:0px; opacity:0.9;} 

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


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

.list_index_about .font_01{text-transform:uppercase;font-size:20px;color:#000} 
.list_index_about:hover .font_01{color:#fff;}  

.list_index_about .font_02{ font-size:20px; text-transform:uppercase;margin:10px 0;opacity:0.6;transition:0.5s} 
.list_index_about:hover .font_02{color:#fff;opacity:1;} 

.list_index_about .font_03{ text-transform:uppercase;opacity:1;transition:0.5s;} 
.list_index_about:hover .font_03{color:#fff; }

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

.list_index_about .font_05{background:#fff;color:#666; text-transform:uppercase;border:#eee 1px solid; padding:0 20px; width:150px;height:50px; margin:30px 0;display:flex;justify-content:center;align-items:center;flex-direction:column; border-radius:3px;transition:0.1s;opacity:1} 
.list_index_about:hover .font_05 {opacity:1;color:#1D2E64; background:#eee;border:#1D2E641px solid;}  

.list_index_about .font_06{display:none;color:#1D2E64; font-size:20px; line-height:60px; text-transform:uppercase;justify-content:left;align-items:center;transition:0.5s} 
.list_index_about .font_06 img{ width:30px}
.list_index_about:hover .font_06 {opacity:1;color:#fff; }  


 
@media all and (min-width:1024px) 
{.header{background:rgba(255,255,255,0.9);width:100%; height:90px;padding:0 5%;position:fixed;display:flex;justify-content:space-between;align-items:center;transition:0.5s ease; border-bottom:0px solid rgba(51,51,51,0.5); box-shadow:0px 0px 2px rgba(51,51,51,0.5);z-index:10000000000000000000;}
.header.mini {background:#fff;height:70px;border-bottom:0px solid rgba(51,51,51,0.1);box-shadow:0px 0px 5px #ccc}
.header.mini .box_top_left img{opacity:1;}
.header.mini .menu >a{ height:70px; line-height:70px;}

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

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


h3{ font-size:20px; line-height:25px;}/* 内容页/主标题 */
hr{height:1px;border-top: 0px solid rgba(0, 0, 0, 0.05); margin:10px 0}

/*链接_css*/	
#menup .select{background:#FFCC00; color:#fff}/*栏目高亮*/  

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

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

.box_banner{}
.box_banner img{ width:280%}

.box_shouji{padding-top:0px}

.box_view_rangwei{padding-top:100px} 
.box_view{width:92%; padding:30px 4%;border-radius:20px; border:0px solid #eee; }
.box_view_top{width:100%;flex-wrap: wrap;display:flex; align-items:left;flex-direction:column}
.box_view_content img{max-width:100%}
.bow_view_content_news{-webkit-column-count:1;-webkit-column-gap:30px;column-fill:no;-webkit-column-rule:0px dotted #ccc}

.box_page{padding:15%}

.box_foot{padding:5% 0}

/*字体_css*/	

.font_banner_ch{font-size:20px; line-height:30px}

.font_column_ch{ line-height:30px}

.font_copyright{display:block;}

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

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

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

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

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

/*新闻列表news_css**/
.list_news{width:100%; margin-bottom:0px}/*距离相隔2%最佳*/
.list_news:nth-of-type(1n) {}
.list_news .box {padding:25px 0;}
.list_news .color{opacity:0} /*颜色*/
.list_news .picposition img {width:125%}
.list_news .font_01{ font-size:16px;}
.list_news .font_02{padding:5px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.list_news .font_03{font-size:16px; line-height:30px;} 


/*作品列表products_css */
.list_products{width:49%; margin-right:2%;margin-bottom:2%;border-bottom:0px  solid #eee; /*百分比间隙2018.03.15*/}
.list_products:nth-of-type(2n) {margin-right:0px;}
.list_products .font_01{font-size:14px; font-weight:normal} 
.list_products:hover .color{background:#1D2E64;opacity:0} 



/*下载列表list_down*/
.list_down{width:100%}
.list_down:nth-of-type(1n) {margin-right:0px}


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


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


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


/*服务范围2 list_service2*/	
.list_service2{ background:#FFF;width:100%}
.list_service2:nth-of-type(1n) {margin-right:0px}
.list_service2 .box{border-right:0px solid #eee;padding:0% 0 }
.list_service2 .box img{background-size:100%;width: 100%}
.list_service2 .position{position:relative; height:200px}

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


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


/*首页关于list_index_about */ 
.list_index_about{width:100%; padding:0% 0;margin-bottom:0px;border-right:0px/*距离相隔2%最佳*/ }
.list_index_about .box img{width:175%} 
.list_index_about .font_04{ margin:0px 0} 


/*首页list_index_video*/	
.list_index_video{width:100%; margin-bottom:30px}
.list_index_video:nth-of-type(1n) {margin-right:0px}
.list_index_video .box img{width:125%} 
.list_index_video .font_01{font-size:20px} 
}