/*主题色值  蓝 色#006DB8  浅 __ 支持批量替换色彩*/
body{color:#343434;background:#fff;font-size:14px;line-height:25px;margin:0px;font-family:myFirstFont, Arial, Helvetica, sans-serif;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: myFirstFont-title;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 12px/1 FontAwesome;transform: translate(0, 0);} /* 字体箭头样式 */
.menuarrow:before { content:"\f105"; transform: translate(0, 0);opacity:0;}

/*字体大小，行高属性_css*/ 
h1{font-size:20px; font-weight:normal; text-transform:none; margin:0;}/* 列表标题 */
h1:first-letter{text-transform:capitalize;}
h2 {font-size:12px;text-transform:capitalize;font-weight:normal; margin:0;}/* 副标题 */
h3{font-size:14px;font-weight:normal; margin:0; opacity:0.8;}/* 列表摘要 */
h4{font-size:25px;font-weight:normal; max-width:1020px; line-height:1; margin:0; text-transform:capitalize; opacity:1}/* 内容大标题 */
h4:first-letter{text-transform:capitalize}
h5{font-size:14px;font-weight:normal;margin:0;}/* 文章内容 */
h6{font-size:13px;line-height:4;font-weight:normal; margin:0; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; opacity:0.6}/* 时间/数字 */
hr{height:1px; background:#eee; display:block; border:0; margin:30px 0}
p:first-letter{text-transform:capitalize}/*选择器每个 <p> 元素的首字母设置样式：*/

.biaoti { font-size:16px; font-weight:bold; display:block;color:#006DB8;background:#F5F5F5;border:1px solid rgba(0,0,0,0.05);font-size:22px;line-height:1.2;  margin:20px 0 20px 0; padding:12px 20px}

/*公用链接_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 {background:#; height:95px;line-height:95px;position:relative;display:block; width:20%;margin-right:0px;/* 按钮平均分 */ height:auto;border-right:0px solid #F7F7F7; border-radius:0px;border:0px solid rgba(0,0,0,0.0); transition:0.2s}
.menu:hover { background:rgba(255,255,255,0.1);}
.menu:last-child{margin-right:0px;}

.menu >a{font-size:14px;color:#eee;position: relative;padding:0px 0px; height:auto;/* 高度自适应 */ display: block;overflow:hidden;border-radius:0px; text-align:center;transition:0.2s}
.menu a:hover span {transform:translate3d(0, -0%, 50);}

.menu a .menuarrow{position:absolute; top:44%;right:5px;}/*有二级菜单显示箭头*/  
.menu span {position:relative;text-transform: capitalize;display: block;transition:0.2s}

.menu span:before{color:#eee;content:attr(data-title);left:0px;right:0px;top:0px;bottom:0px;position:absolute;top:100%;transition:0.2s}/*经过菜单滚动文字'字母*/

.menu .erji {position:absolute;opacity:0;top:100px; left:50%; margin-left:-100px; text-align:left; justify;overflow:hidden;visibility:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:-99; transition:0.2s;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);opacity:1;}/*二级菜单盒子*/ 
.menu .erji li img {width:0px; height:0; display:block; margin:0 auto}
.menu:hover .erji {padding-top:0%;top:102px;visibility:inherit;opacity:1;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);z-index:-99}

.menu .erji li a {color:#999;background:rgba(255, 255, 255, 1); text-indent:0px; text-transform:capitalize; width:250px;display:block; border:0px solid #F8F8F8; display:block;box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.0); transition:0.2s}
.menu .erji li a:hover {background:#006DB8;color:#fff;border:0px solid #006DB8;box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.01);}
.menuerji_nei{ padding:0px 20px; line-height:55px;}

#menu .select{background:#006DB8;color:#fff;border-bottom:0px solid rgba(0,0,0,0.1); /*text-decoration:underline*/  }/*栏目高亮*/  
#menu:hover .select span{transform:translate3d(0, 0%, 0); }
#menu .selecterji{background:#006DB8; color:#fff;}/*二级栏目高亮*/  
#menu_page {background:#006DB8;color:#fff;border-radius:0px; }
#menu_page:visited {background:#006DB8;color:#fff;}
#menu_danye {background:#006DB8;color:#fff;border-radius:0px; }/*单页高亮*/  
#menu_danye:visited {background:#006DB8;color:#fff;}


/*top_right*/
.topright{display:flex;justify-content:space-between;align-items:center}

.toprightlink {line-height:1.8; font-size:10px;border:1px solid rgba(255,255,255,0.1); margin:0px  0 0 5px; border-radius:3px;text-transform:uppercase;padding:0px 5px;transition:0.2s}
.toprightlink:link {background:#FF0000; color:#fff}
.toprightlink:visited {color:#fff}
.toprightlink:hover {background:#F9BF00;color:#fff;border:1px solid #F9BF00}

.toprightlink01 {line-height:1.8; font-size:10px;border:1px solid rgba(255,255,255,0.1); margin:0px  0 0 5px; border-radius:3px;text-transform:uppercase;padding:0px 5px;transition:0.2s}
.toprightlink01:link {background:#006DB8; color:#fff}
.toprightlink01:visited {color:#fff}
.toprightlink01:hover {background:#F9BF00;color:#fff;border:1px solid #F9BF00}


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

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


/*more按钮链接_css*/
.more{font-size:22px;color:#000;background:;display:block;border:#2D2D2D 1px solid; line-height:50px; height:50px;overflow:hidden;width:220px;border-radius:0px; text-transform:capitalize;transition:0.2s;opacity:0.9}
.more:link { background:rgba(255,255,255,0.6);padding:0px 0px;}
.more:visited {color:#000;} 
.more:hover{color:#fff; background:#242424;border:1px solid #242424; transform:translate(0,-0px);}
.more:after {width:0%;height:60px; margin-top:-60px; display: block; content: ""; transition:0.5s}/*after 选择器*/
.more:hover:after {width:100%}


/*back按钮链接_css*/
.back {background:#fff;width:100px; font-size:20px; border:#2D2D2D 1px solid; margin:30px  auto; border-radius:0px;display:block; text-transform:capitalize;display:flex;justify-content:center;align-items:center;padding:15px 35px;transition:0.2s}
.back:link {}
.back:visited {}
.back:hover {background:#242424;color:#fff;border:1px solid rgba(255,255,255,0.1)}


/*分页链接_css*/
.page{background:#006DB8; text-transform:uppercase;padding:12px 17px;  border-radius:0px; border:1px solid #006DB8; color:#fff; margin: 0 5px;transition:0.5s}
.page:link{color:#fff}
.page:visited {color:#fff} 
.page_ding{padding:12px 17px; border-radius:0px; border:1px solid #006DB8;color:#006DB8; margin: 0 5px; background:#fff}
.page:hover{background:#fff;  color:#006DB8;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{width:76%; padding:0 12%;opacity:1;display:flex;justify-content:space-between;align-items:center;}
.box_top_left{background:rgba(255,255,255,0);border:0px solid (0,0,0,1);display:block;width:200px}
.box_top_left img{margin-right:5px;opacity:1;transition:0.5s}
.box_top_left .logo{padding-right:15px;display:flex;justify-content:left;align-items:center}
.box_top_left a:link{ font-family: myFirstFont-title;font-weight:bold;color:#fff;font-size:25px;  line-height:1.2; }
.box_top_left a:visited{color:#fff;}
.box_top_left .en{font-size:16px;line-height:20px;letter-spacing:0px}
.box_top_left .kouhao{ display:none;font-size:12px;letter-spacing:2px; text-transform:uppercase; color:#fff; opacity:1; text-align:left}

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

.box_index{overflow:hidden}

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

.box_main_news{background:# ; 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:#0E1C43 url(../images/back_products.jpg) no-repeat bottom; 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:60px 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:#000;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; /*动画持续时间*/}

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

.box_column_back{background:#fff;border-bottom:0px solid rgba(0,0,0,0);}
.box_column{display:flex;justify-content:/*space-between*/center;align-items:center;flex-direction:column;padding:2.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{padding:3.5% 0}
.box_erji{padding:20px 0 0% 0;margin-top:15px;display:flex; flex-wrap: nowrap;justify-content:center;align-items:center}

.box_more{padding:0px 0; margin-top:20px; margin-bottom:10px; text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}

.box_view_rangwei{ display:none; background:#006DB8;padding-top:150px}
.box_view{border:1px solid rgba(255,255,255,0.2);padding:0% 5%;width:auto;margin:2% 10% 5% 10% ;border-radius:0px}
.box_view_top{background:;display:flex;justify-content:center; align-items:center; text-align:center;padding:4% 2% 0% 2%}
.box_view_content{ }
.box_view_content p{ text-indent: 0em}
.box_view_content img{max-width:100%; margin:0% 0}


.box_view_column_ch{background:#F5F5F5; color:#006DB8;border:1px solid rgba(0,0,0,0.05);font-size:20px;line-height:1.2; font-weight:normal; margin:20px 0 20px 0; padding:10px 15px; display:block}

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

.box_page{ background:#3C97D5; margin:0;overflow:hidden;padding:60px 0 60px 0;text-align: center;}

.box_next {display:flex;justify-content:/*space-between*/center;align-items:left;flex-direction:column;}/*创建两列等宽布局*/

.box_next > span {width:30%;}
.box_next > span:first-child {display:flex; width:80% }
.box_next > span:last-child { display:flex; width:80%; }
.box_next .font{ font-size:16px;color:#333;width:100%; padding:5px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.box_next .font:hover{color:#006DB8}

.box_foot_back{background:#006DB8; background-size:100%; padding-top:0px  }
.box_foot{color:#999999; text-transform:capitalize;border-top:#eee 0px solid;width:76%; padding:5% 12%; border-radius: 0;overflow:hidden}

.box_foot_list{color:#fff; float:left;width:12%;padding-left:60px; border-right:1px solid rgba(255,255,255,0.05); height:240px;}
.box_foot_list:nth-of-type(4n) {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:nth-of-type(2){width:8%; border-right:0px solid rgba(255,255,255,0.05); }
.box_foot_list:nth-of-type(3){width:12%;}
.box_foot_list:nth-of-type(4){width:34%;}
.box_foot_list:nth-of-type(5){width:10%;}
.box_foot_list ul{ font-weight:bold;font-size:16px; margin:0px 0 10px 0;}
.box_foot_list li{ color:#ccc;line-height:2.0;  text-transform: capitalize;}
.box_foot_list li:hover{color:#fff; text-decoration: none}

.box_copyright{ font-size:12px; text-transform:uppercase;background:#E2E2E2;display:block;  color:#666; border-top:0px solid rgba(255,255,255,0.2); margin-top:0px; padding:20px 5%; text-align: center}

	
/*字体样式_css*/	
.font_banner_title{ display:none; font-size:20px;color:#fff; margin-left:0px;text-transform:uppercase;opacity:0.4}
.font_banner_line{letter-spacing:0px;text-align:center}
.font_banner_ch{ font-weight:bold;font-size:22px;line-height:2;color:#fff; text-transform:capitalize;opacity:1}
.font_banner_en{ font-weight:bold;font-size:28px; color:#fff;letter-spacing:0px;  line-height:1.2; max-width:700px; text-transform:uppercase;opacity:1}

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

.font_column_ch{ font-weight:bold;font-size:28px;display:block;text-align:center;text-transform: capitalize; opacity:1;display:flex;justify-content:center;align-items:center;flex-direction:row;}
.font_column_ch hr{ background:#CCC; display: block; width:80px; margin: 0 20px;}
.font_column_line{display:none;border-bottom:#000 1px solid; margin:10px auto; text-align:center; line-height:1; width:20%;opacity:0.4;transform: rotatez(0deg);}
.font_column_en{font-size:14px;line-height:1.5; margin-top:5px;text-transform:uppercase; display:none;text-align:center;opacity:0.3;}
.font_column_position{text-transform:capitalize; font-size:14px; color:#666; background:#eee url(../img/home.svg) no-repeat left 12% center;text-indent:23px; display:block; height:45px; line-height:45px; padding:0 12%; border-bottom:1px solid rgba(0,0,0,0.03)}
.font_column_position a {color:#666;}
.font_column_position a:hover {color:#006DB8;}

.font_time{}

.font_botton{ font-size:14px; background:#F5F5F5 url(../img/pdf.svg) no-repeat left 15px center; background-size:25px;padding:10px 15px 10px 50px; margin:10px 0; display:block;border:1px solid rgba(0,0,0,0.05);width:100px}
.font_botton:hover{color:#fff; background:#006DB8  url(../img/pdf.svg) no-repeat left 15px center;border:1px solid #006DB8;}
.font_bottona{background:#F5F5F5 url(../img/email.svg) no-repeat left 15px center; background-size:25px;}
.font_bottona:hover{background:#006DB8 url(../img/email.svg) no-repeat left 15px center; border:1px solid #006DB8; }

.font_beizhu{ display:none;color:#999; margin:10px 0;}

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

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

.font_input{ font-size:15px;color:#666;background:#fff;border:0px;line-height:45px;height:45px;width:40%;padding: 0 0 0 2%; border-top-left-radius:50px; border-bottom-left-radius:50px;}
.font_select{color:#FFF; background:#000;border:0px; height:45px;width:100px; border-top-right-radius:50px; border-bottom-right-radius:50px;}

.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:#999;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:20px 80px;}
.list_one h1 { font-weight:bold;color:#006DB8;background:#F5F5F5;border:1px solid rgba(0,0,0,0.05);font-size:20px;line-height:1.2; margin:20px 0 20px 0; padding:12px 20px}
.list_one h2 {text-align:center;  opacity:.5}
.list_one .left img{width:100%; display:block; border:1px #eee solid; padding:5% 0; background:no-repeat center; background-size:cover}
.list_one .new_content{ display:block; margin:30px 0px 0px 0px;}
.list_one .new_content img{max-width:100%;}


/*针对两列布局two_css*/
.list_two {display:flex;justify-content:space-between;align-items:top}
.list_two .left {width:45%}
.list_two .left img{ max-width:98%;border:0px solid rgba(255,255,255,1);}
.list_two .right {width:50%}
.list_two .right h1 { line-height:1.5}
.list_two .right h2 { line-height:1.5}


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

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



/*新闻列表news_css*/
.list_news{float:left;width:32.6%; margin:0 1% 10px 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:#F9BF00;width:0px; height:0px; display: block;content: ""; transition:0.6s}/*after 选择器*/
.list_news:hover:after {width:100%;}

.list_news .box{background:#;position:relative;overflow:hidden; border:1px #E4E4E4 solid;  transition:0.5s;}
.list_news:hover .box{box-shadow: 0px 0px 0px #000;}

.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:1; border-bottom:#fff 0px solid;top:50%; transition:0.5s;}
.list_news:hover .biankuang{width:100%; border-bottom:#006DB8 0px solid;opacity:1}

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

.list_news .position {position:relative/*决定了文本的位置*/;background:#fff; background-size:0;width:80%; padding:15% 10%;top:0px;display:flex;justify-content:center;flex-direction:column;z-index:10;transition:0.2s;}
.list_news:hover .position{background:#f1f1f1}

.list_news .font_01{word-break: keep-all;display:block;width:90%;text-overflow:ellipsis;white-space: nowrap;-webkit-line-clamp:1;overflow:hidden;transition:0.5s}
.list_news:hover .font_01 {color:#262626}

.list_news .font_03 {word-break: keep-all;margin-top:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;transition:0.5s;transition:0.5s;}
.list_news:hover .font_03 {}

.list_news .font_04 {word-break: keep-all; opacity:0.3}
.list_news:hover .font_04 {}

.list_news .font_05 { display:block; z-index:1; opacity:0;transition:0.5s}
.list_news:hover .font_05 {opacity:.8;}

.list_news .font_line{background:#000;width:100%; height:1px; margin-top:20px; display:block;opacity:0.1;transition:0.5s;} 
.list_news:hover .font_line{color:#fff; width:100%;}

.list_news .pingjun{display:flex;justify-content:left;align-items:center;transition:1.5s; padding-top:10px}
.list_news:hover .pingjun{display:flex;justify-content:space-between;align-items:center; }





/*作品列表products_css */

.list_products{ float:left;width:31.33%;margin-right:3%;border-right:0px solid #f1f1f1; border-bottom:0px  solid #f1f1f1;margin-bottom:3%}
.list_products:nth-of-type(3n) {margin-right:0px;border-right:0px}

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

.list_products .box img{ background:#FAFAFA center;border-radius:0px;background-size:cover;width:100%; margin:0 auto; display:block;transition:0.2s}
.list_products:hover .box img{transform:scale(1.0)}

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

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

.list_products .position{ background:#fff;position:relative; top:0; width:80%;padding:7% 10%; height:60px;  display:flex;justify-content:center;align-items:left;flex-direction:column;z-index:1;opacity:1;transition:0.5s; }
.list_products:hover .position{background:#006DB8;opacity:1;}

.list_products .font_01{text-transform:none;display:block; line-height:1.3;opacity:1} 
.list_products:hover .font_01{opacity:1;color:#fff;}  

.list_products .font_02{opacity:0.5;} 
.list_products:hover .font_02{color:#fff}  

.list_products .font_03{display:none;}
.list_products:hover  .font_03{color:#fff}

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

.list_products .font_line{background:#eee; display:none;width:100%;height:1px; margin:10px 0;opacity:0.5} 
.list_products:hover .font_line{background:#eee;width:100%}

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

.list_products .svg{position:absolute; top:30%;background-size:20%;  display:none;left:10%;width:55px; opacity:0;transition:0.5s;} 
.list_products:hover .svg {opacity:1;}  



/*list_service */ 
.list_service{float:left;width:31.33%;margin-right:3%;border-right:0px solid #f1f1f1; border-bottom:0px  solid #f1f1f1;margin-bottom:3%}
.list_service:nth-of-type(3n) {margin-right:0px;border-right:0px}

.list_service .box{position:relative;background:#fff;display:block; border:1px #E4E4E4 solid;border-radius:0px; overflow:hidden;}
.list_service:hover .box{}

.list_service .box img{ background: #FBFBFB no-repeat center; background-size:70%;opacity:1;width: 100%;transition:0.5s}
.list_service:hover .box img{opacity:1;}

.list_service .color{position:absolute;background:#fff;opacity:0;width:100%; height:100%; top:0; transition:0.5s} 
.list_service:hover .color{transform:scale(1.0) rotatex(0deg);transform:translate3d(0%, 0%,0);/*上下左右移动*/ opacity:0;} 

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

.list_service .position{position:relative;top:0; background:#fff; width:100%; padding:5% 0; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s; }
.list_service:hover .position{background:#006DB8;opacity:1;}

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

.list_service .font_01{opacity:1;transform:translate3d(0%, 0%,0);/*3d纵向*/ display:block;transition:0.5s} 
.list_service:hover .font_01{ color:#FFF;opacity:1;transform:translate3d(0%, 0%,0);}

.list_service .font_02{display:block;transition:0.5s} 
.list_service:hover .font_02{transform:translate3d(0%, -50%,0);opacity:0;}  
 
.list_service .font_line{ border-bottom:1px #000 solid; width:0%; margin:px 0;  display:none;transition:0.5s;} 
.list_service:hover .font_line{width:0%;}

.list_service .font_03{line-height:0;text-align:center;max-width:350px;/*宽度*/padding:0 8%;display:none;/*display:-webkit-box;*/-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;opacity:0;transition:0.5s;} 
.list_service:hover .font_03{ margin-top:10px;line-height:1.5;color:#fff;opacity:0.3;} 

.list_service .botton{position:absolute; font-size:16px; font-weight:bold; bottom:36%;color:#999;background:rgba(255,255,255,1);width:85px; height:85px; border-radius:100px;display:flex;justify-content:center;align-items:center;transition:0.5s;opacity:0;} 
.list_service:hover .botton {opacity:1;width:85px; height:85px;}  


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

.list_project .box{ background:#FFF; position:relative;border:1px #E4E4E4 solid;border-radius:0px; padding-top:0px; display:block;overflow:hidden; cursor:default }
.list_project:hover .box{}

.list_project .box img{background: center;border-radius:0px;background-size:100%;width:100%; margin:0 auto; display:block;transition:3.0s}
.list_project:hover .box img{background-size:cover;transform:scale(1.0)}

.list_project .color{position:absolute;background:#;opacity:1;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:#006DB80px solid;transition:0.2s;z-index:1}
.list_project:hover .biankuang{border:#006DB8 0px solid;width:100%;height:100%; margin:0%; top:0;}

.list_project .position{position:relative; background:#fff;top:0; width:90%;padding:5% 5%;  height:70px; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.2s; }
.list_project:hover .position{background:#006DB8;opacity:1;}

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

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

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

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

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

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


/*历史列表history_css*/
.list_history{ background:#eee;float:left;width:37%; margin:0px 0% 0 0;transition:0.5s}
.list_history:hover { background:#FFF}
.list_history:nth-of-type(1n) {margin-right:0px}

.list_history:nth-of-type(odd){border:1px solid #eee;text-align:right;margin-right:55%; padding:4%;}/*奇数行 */
.list_history:nth-of-type(even){border:1px solid #eee;margin-left:55%;padding:4%}/*偶数行 */

.list_history:nth-of-type(odd) .arrow{position:absolute;left:46.1%;border:10px solid;border-left-color:#eee;border-right-color: transparent;border-top-color: transparent;border-bottom-color: transparent; z-index:1}
.list_history:nth-of-type(even) .arrow{position:absolute;right:46%;border:10px solid;border-right-color:#eee;border-left-color: transparent;border-top-color: transparent;border-bottom-color: transparent; z-index:1}

.list_history .round{display:block; position:absolute;background:#eee; border:10px solid #FFF;border-radius:100px; width:15px; height:15px;left:50%; margin-left:-17.5px; margin-top:-0.3%;}

.list_history .box{overflow:hidden}

.list_history .box img{ display:none;background-size:cover;width:50%;transition:0.2s}
.list_history:hover .box img{transform:scale(1.2)}



/*首页数字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:;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{position:absolute;top:0; width:100%;padding:0 0%; height:100%; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:0.5s;opacity:0.8;}
.list_index_count:hover .position{color:#000;opacity:1;}
.list_index_count .font_01{ color:#333;font-size:40px; line-height:1.2;transition:0.5s} 
.list_index_count:hover .font_01{color:#006DB8;opacity:1;}  
.list_index_count .font_01 sup{font-size:12px;} 

.list_index_count .font_03{text-align:center;display:block; max-width:250px; margin:10px auto; opacity:1; transition:0.5s} 
.list_index_count:hover .font_03{display:block; opacity:1; }


/*首页服务体系豆腐块_css */ 
.list_index_danye{float:left;width:100%;margin-right:0%;margin-bottom:0%}
.list_index_danye:nth-of-type(2n) {margin-right:0px}

.list_index_danye .box{position:relative; display:block;overflow:hidden;border:10px solid rgba(255,255,255,0.1);transition:0.2s}
.list_index_danye:hover .box{border:10px solid #FFF;}

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

.list_index_danye .color{position:absolute;background:rgba(0, 0, 0, 0.3);width:100%; height:100%; top:0; overflow:hidden} 
.list_index_danye:hover .color{background:#1D2E64;opacity:0} 

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

.list_index_danye .position{position:relative;background:#fff;top:0; width:100%; padding:8% 0%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;opacity:1;transition:0.2s; }
.list_index_danye:hover .position{ background:#006DB8; color:#fff;opacity:1}

.list_index_danye .font_01{ font-weight:bold;line-height:30px; text-align:center; opacity:1;transition:0.2s;} 
.list_index_danye:hover .font_01{color:#fff; opacity:1;}  

.list_index_danye .font_line{background:#666;width:20px;height:1px;margin:10px 0; border-radius:10px;opacity:0.5;transition:0.2s} 
.list_index_danye:hover .font_line{background:#eee;width:120px}

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

.list_index_danye .font_03{display:block;text-align:center;max-width:300px; margin:10px auto; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;word-wrap: break-word ;transition:0.5s;} 
.list_index_danye:hover .font_03{opacity:1;} 

/*首页list_index_about*/ 
.list_index_about{float:left;width:100%;margin-right:0%;border-left:0px  solid #333; margin-bottom:0px}
.list_index_about:nth-of-type(1n) {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;opacity:0.9;width:100%; height:100%; top:0; transition:0.2s} 
.list_index_about:hover .color{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:relative; top:0; width:76%; padding:60px 12%;  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;}

.list_index_about .font_01{ font-weight:bold; font-size:30px;text-transform:uppercase;text-align:center; line-height:1.5} 
.list_index_about:hover .font_01{}  

.list_index_about .font_02{ display:none;text-transform:uppercase; text-align:center;transition:0.5s} 
.list_index_about:hover .font_02{opacity:1;} 

.list_index_about .font_03{display:block;/*宽度*/ margin:20px 0;max-width:800px; text-align:center;  opacity:0.9;transition:0.2s;} 
.list_index_about:hover .font_03{} 

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


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

.list_class .box{background:#fff; position:relative;display:block; border-right:0px solid #eee; margin-bottom:30px; border-radius:0px; overflow:hidden;transition:0.5s}
.list_class:hover .box{background:#006DB8;box-shadow:0px 0px 0px #ccc;}

.list_class .box img{background:#999 center;background-size:cover;opacity:1;width:50%; border-radius:100%; transform:translate(0%,25%);transition:0.5s; border:5px solid #fff;}
.list_class:hover .box img{transform:scale(1.1) translate(0%,23%);opacity:1;border:5px solid #FC0}

.list_class .color{position:absolute;opacity:1;width:100%; height:50%;bottom:0; transition:0.5s} 
.list_class:hover .color{transform:scale(1.0) rotatey(0deg);height:99%; opacity:0;} 

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

.list_class .position{background:#; position:relative;top:0; width:80%; padding:22% 10% 20% 10%; border-radius:0px;display:flex;justify-content:center;/*align-items:left;手机兼容*/flex-direction:column;z-index:1;opacity:1;transition:0.2s;}
.list_class:hover .position{ color:#FFF;background:# ;opacity:1;}

.list_class .pingjun{display:flex;justify-content:center;align-items:center; flex-direction:column; padding:0px 0}

.list_class .font_01{ line-height:2; font-weight:bold; text-transform:none;color:#000;display:block;} 
.list_class:hover .font_01{color:#FFF;}  

.list_class .font_02{opacity:1;display:block; margin:0px 0;padding:5px 15px;border:0px solid #fff;transition:0.5s} 
.list_class:hover .font_02{background:#fff;color:#000} 

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

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

.list_class .font_05{display:none;background:#fff; bottom:100px;right:20px;width:40px;height:40px;border:1px solid #262626;border-radius:100px;/*display:flex;*/justify-content:center;align-items:center;transform:translate(-50px,0px);opacity:0;transition:0.5s; } 
.list_class:hover .font_05 {background:#262626; opacity:1;transform:translate(0px,0px)}  

/*资质荣誉开始 */ 
.list_honor{float:left;width:23.5%; margin:0 2% 2% 0}
.list_honor:nth-of-type(4n) {margin-right:0px;}

.list_honor .box{background: #fff;position:relative;display:block; border:1px #eee solid; padding:0px 0 0 0; transition:0.5s}
.list_honor:hover .box{background:#}

.list_honor .box img{background:#eee no-repeat center; background-size:cover;width:100%;display:block; margin:0;transition:0.5s}
.list_honor:hover .box img{background:#eee no-repeat center; background-size:100%;  border:0px solid rgba(255,255,255, 0.1)}

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

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

.list_honor .position{background:#fff;position:relative; bottom:0; width:70%; padding:40px 15%; height:20px; display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;opacity:1}
.list_honor:hover .position{ background:#006DB8;color:#FFF;opacity:1; transform:translate(0px,-0px)}

.list_honor .font_01{ font-size:18px;text-align:center; line-height:1.5} 
.list_honor:hover .font_01{color:#FFF}  

.list_honor .font_02{transition:0.5s;} 
.list_honor:hover .font_02{ color:#FFF}

.list_honor .font_line{ background:#999;width:20%; height:1px; margin:10px 0;opacity:0.2;transition:0.5s;} 
.list_honor:hover .font_line{background:eee;width:100%; }

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

.list_honor .font_05{ display:block; margin:20px 0; text-align:center; opacity:0.5;transition:0.5s;} 
.list_honor:hover .font_05{} 



/*首页视频 */ 
.list_demo20{float:left;width:100%; margin:0px 2% 0 0}
.list_demo20:nth-of-type(1n) {margin-right:0px}

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

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

.list_demo20 .picposition {background:#fff url(../images/video_back.jpg) no-repeat center; position:relative;width:40%;/*左侧百分比*/ overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}

.list_demo20 a:hover .picposition{}

.list_demo20 .font_001{ text-transform:capitalize; font-size:26px; width:100%;}
.list_demo20:hover .font_001 {}
.list_demo20 .font_002{ font-size:16px; display:block; opacity:0.3}
.list_demo20:hover .font_002 {}

.list_demo20 .picposition img {background-size:cover;width:100%;opacity:1}
.list_demo20 a:hover .picposition img {}

.list_demo20 .position {background:#000 url(../images/employ.jpg) no-repeat bottom 0 right 0; background-size:100%; color:#fff;position:relative;width:50%;/*右侧百分比*/padding:50px 5%;/*留白*/display:flex;justify-content:center;flex-direction:column}
.list_demo20:hover .position {}

.list_demo20 .font_01{font-size:14px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.5s;opacity:0.5}
.list_demo20:hover .font_01 {}

.list_demo20 .font_02{ font-size:22px;opacity:1; line-height:1; display:block;transition:0.5s}
.list_demo20:hover .font_02 {}

.list_demo20 .font_03 {opacity:0.5; }
.list_demo20:hover .font_03 {}

.list_demo20 .botton { width:130px;margin-top:10px; border:1px rgba(255,255,255,0.2) solid;  border-radius:100px;text-align:center;line-height:30px;transition:0.2s}
.list_demo20:hover .botton{ background:#FFF;color:#006DB8;} 



table {font-size:14px; width: 100%;text-align: center;border: 0;border-collapse: collapse;border-spacing: 0}
table .title {background:rgba(51, 51, 51, 0.8);padding: 20px}
table td, table th {padding: 15px 5px;margin: 0}
table td P {margin-top:0px}
table thead {background:rgba(85, 85, 85, 0);color: #fff}
table tbody tr td{background:rgba(0, 0, 0, 0);border: 1px solid #f1f1f1;}

table img {max-width: 100px}


@media all and (min-width:1024px) 
{.header{background:rgba(0,0,0,0.7);width:100%; height:140px;padding:0 0%;position:fixed;transition:0.2s ease;  border-bottom:8px solid #006DB8; box-shadow:0px 0px 0px #999; border-radius: 0px;z-index:1000;}
.header.mini {background:rgba(0,0,0,0.8);height:120px;border-bottom:8px solid #006DB8;box-shadow:0px 0px 0px #ccc}
.header.mini .box_top_left img{opacity:1; /*filter: brightness(1.2) sepia(1) hue-rotate(330deg) saturate(20)*/}
.header.mini .menu >a{line-height:75px }
.header.mini .menu a:hover span {line-height:75px}
.header.mini .menu:hover .erji {top:82px;}


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

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

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

/*链接_css*/	
#menup .select{background:#fff; color:#006DB8}/*栏目高亮*/
.left_menu {background:; font-size:11px;display:block; width: auto;padding:12px 12px;margin:5px 2px 0px 2px; text-align:center; line-height:1.2; border:0px solid rgba(51,51,51,0.05);}
.left_menu:hover {border:0px;}
#navi ul li.h1 a{border:0px}


/*more按钮链接_css*/
.more{font-size:16px;line-height:40px; height:40px;width:160px;}

/*back按钮链接_css*/
.back {width:50px; font-size:16px; margin:30px  auto;padding:10px 35px;}

/*分页链接_css*/
.page{padding:7px 10px; margin: 0 5px;}
.page_ding{padding:7px 10px;}


/*主体box_css*/	
.box_top{padding:0 4%;width:92%}
.box_top_left{width:180px}
.box_top_left img{width:60%}
.box_top_left a:link{font-size:17px;}
.box_top_left a:visited{}
.box_top_left .kouhao{font-size:9px;letter-spacing:0px;opacity:1;}

.box_main{padding:1% 0}
.box_main_padding{padding:0% 2%; margin:0 0%; border-radius:0px;overflow:hidden}
.box_main_products{ padding:10% 0}

.box_banner img{ background:right; padding-top:30px; width:180%; background-size:120%; margin-left:-60%; }
.box_banner_text{width:90%;padding:0 5%}

.box_column_back{}
.box_column{padding:6% 2%;}
.box_erji{/*display:block*/ background:#;display:flex; flex-wrap: wrap; padding:0 0%; padding-top:0px}

.box_shouji{padding-top:0px}

.box_view_rangwei{padding-top:100px}
.box_view{width:92%; padding:0;border:1px solid rgba(255,255,255,0.2); margin:2% 4% 5% 4% ;}
.box_view_top{flex-wrap: wrap;display:flex;padding:10% 2% 1% 2%}
.box_view_content img{width:100%; }

.box_view_column_ch{font-size:16px;}

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

.box_next .font{ font-size:12px;color:#999;width:100%; padding:30px 0px}

.box_foot_back{padding-top:0px  }
.box_foot{display:none;padding:0% 0}
.box_foot_list{width:100%}
.box_copyright{ font-size:10px; text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column}


.list_one h1 {font-size:14px;line-height:1.2; font-weight:normal; margin:20px 0 20px 0; padding:10px 20px; }

/*字体_css*/	

.font_banner_title{ font-size:10px}
.font_banner_line{letter-spacing:0px;text-align:center}
.font_banner_ch{font-size:16px}
.font_banner_en{font-size:12px}

.font_column_ch{font-size:14px;font-weight:bold;line-height:1}
.font_column_ch hr{ width:50px; margin: 0 10px;}
.font_column_en{font-size:10px; line-height:1 }

.font_column_position {font-size:12px;background:#eee url(../img/home.svg) no-repeat left 5% center;text-indent:23px; padding:0 5%}

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

.font_copyright{display:block;}

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

/*针对一列布局one_css*/

.list_one {text-align:left; padding:1px 10px;}
.list_one h1 {margin-top:20px; }
.list_one h2 {}
.list_one .new_content{ display:block; margin:0px;}

.list_one .left img{width:90%; display:block; border:1px #eee solid; padding:5%; height:150px; background:no-repeat center; background-size:cover}

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



/*图文混排两列列表_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_history*/
.list_news{width:100%; margin-right:0%;margin-bottom:2%;/*百分比间隙2018.03.15*/}
.list_news:nth-of-type(1n) {margin-right:0px;}
.list_news .position {width:80%; padding:10% 10%;}

/*服务范围 list_service*/	
.list_service{width:49.5%;margin:0 1% 1% 0;}
.list_service:nth-of-type(2n) {margin-right:0px}
.list_service .svg{height:40px} 
.list_service .font_01{ text-align:center} 



/*作品列表products_css */
.list_products{width:49.5%;margin:0 1% 1% 0;}
.list_products:nth-of-type(2n) {margin-right:0px}
.list_products:nth-of-type(odd){margin-right:1%}/*奇数行 */

.list_products .box {flex-wrap: wrap;}/*流动命令*/
.list_products .picposition {width:100%;/*流动上侧百分比*/}
.list_products .position {width:100%;/*流动下侧百分比*/padding:10%}

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


/*常识列表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;}


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


/*首页数字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:200%}
.list_index_count .position{width:80%; padding:0 10%;} 
.list_index_count .font_01{ font-size:25px}
.list_index_count .font_01 sup{} 

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


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

.list_index_about .font_01{ font-size:23px; }
.list_index_about .font_03{text-align:center;display:block; padding:0 8%;} 
.list_index_about .font_04{max-width:100%; }

/*首页list_class*/	
.list_class{width:100%;margin-right:0%; margin-bottom:10px;/*百分比间隙2018.03.15*/}
.list_class:nth-of-type(1n) {margin-right:0px;}
.list_class .box{margin-bottom:0px}
.list_class .font_01{ padding:0 10% } 


/*honor */ 
.list_honor{width:49.5%; margin-right:1%;margin-bottom:10px /*百分比间隙2018.03.15*/}
.list_honor:nth-of-type(2n) {margin-right:0;}	
.list_honor .box img{width:100%; height:90px}
.list_honor .position{width:90%; padding:10px 5%;}	
.list_honor .font_01{ font-size:12px;line-height:1.1} 



/*首页视频 */ 
.list_demo20{width:100%; margin-bottom:0px;/*百分比间隙2018.03.15*/}
.list_demo20:nth-of-type(1n) {margin-right:0px;}
.list_demo20 .box {flex-wrap: wrap;}/*流动命令*/
.list_demo20 .picposition {width:100%;/*流动上侧百分比*/ padding:40px 0}
.list_demo20 .position {width:100%;/*流动下侧百分比*/padding:10% 10%}
.list_demo20 .position {background:#006DB8 url(../images/employ.jpg) no-repeat bottom 0 ; }
.list_demo20 .font_001{font-size:18px; width:100%;}
.list_demo20 .font_002{font-size:10px; opacity:1; display:block;opacity:0.5}
	}