﻿body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333;}
html{font-size:100px}
@media screen and (max-width: 1100px) {
html{font-size:100px}
}
/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#0089de;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#333;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#333;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#333;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#333;}
input[type=button],input[type=submit],input[type=file],button{ -webkit-appearance:none;} 

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1440px; width:96%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}
@font-face{ font-family:impact;src:url('../images/impact.ttf'); /* IE9+ */}
.m{ display:none!important;}
.nav_w .w{width:100%;}

/*header*********************************************************************/
/* -------------------------- 原有移动端CSS（保留不变） -------------------------- */
.head_title{position:relative; float:left;display: flex;flex-direction: column;padding-right:60px;margin-top: 20px;}
.head_title h2{ float:left;font-size: 25px;font-weight: 600;/*    line-height: 50px;*/ word-spacing: 2px;color: #333;}
.head_title p{color: #54595f;font-size: 16px;font-weight: 400; /*line-height: 1px;*/float: left;}
.head_email{position:relative; float:left;display: flex;align-items: center;font-size: 18px; padding-top:20px;}

.nav{display:block;}
.sjhedes{ display:none; height:100px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:88; /*background:#1b273f;*/background:#fff; height:100px; box-shadow:2px 0 8px rgba(0,0,0,.2); padding:0 2.5%;border-bottom: 2px solid #333;}
.losdj{ float:left;}
.losdj img{ /*height:24px;*/ /*height:50px;*/ display:block;/* margin-top:37px;*/ margin-top:15px;}
.sanh{ float:right; width:50px; padding:10px; margin:10px 0px; position:relative;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#333;}
.fuernavt{ position:fixed; padding-top:96px; top:0px; left:-100%; width:100%; height:100%; background-color:#0090ff; z-index:8;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>ul>li a{ display:block; text-align:center; font-size:26px; line-height:200%; padding:10px 0px; /*border-bottom:1px solid #fff;*/ color:#fff;/*padding-left: 40%;*/}
.shojvas>div{ display:block; text-align:center; font-size:26px; line-height:200%; border-bottom:1px solid #bbb;}
.shojvas>div a{ color:#333;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:23px; right:25px; width:15px; height:26px;/* background:url(../images/arrow4.svg) no-repeat center; background-size:100%;*/ transition:transform 0.5s; z-index:-1; transform:rotate(90deg);}
.maei{ padding:10px 0; font-size:26px; color:#333;}
.maei a{ color:#333;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc .maei{ padding:0;}
.shopernc>div a{ display:block; text-align:center; font-size:24px; color:#666; padding:10px 0px; border-top:1px solid #eee;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.tesd>div{ background-color:#fff!important;/*background-color:#000!important;*/}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}
.m_tell{ position:absolute; right:85px; top:0; bottom:0; border-right:2px solid #fff; line-height:130px; padding:0 20px 0 38px; font-size:28px; color:#fff; font-weight:bold; background:url(../images/tell_m.png) left center no-repeat; display:none}
.m_txt{ position:absolute; right:85px; top:0; bottom:0; border-right:2px solid #fff; line-height:60px; padding:0 20px 0 38px; font-size:20px; color:#fff; font-weight:bold; }
/* -------------------------- 新增电脑端CSS（关键：媒体查询+样式重置） -------------------------- */
/* 媒体查询：屏幕宽度大于768px（电脑端，可根据需求调整为992px/1200px） */
@media screen and (min-width: 768px) {
.head{ position:relative; /*position:absolute;*/ transition:all linear .2s; z-index:55; top:0px; width:100%; height:140px; background: linear-gradient(#fff 80px, #0089de 80px);margin:0 auto;}
/* 1. 电脑端显示头部容器（移动端默认隐藏） */
.sjhedes{display: block; height:80px; /* 电脑端头部高度可自定义，无需100px */ width: 100%; background:inherit; /* 与移动端头部背景一致，也可自定义 */float: left;}
/* 2. 重置电脑端头部布局（取消fixed固定定位，改为常规布局） */
.tuerhed{position:relative; /* 取消移动端fixed固定定位 */ height:80px; /* 适配电脑端头部高度 */ padding: 0%; /* 电脑端左右内边距更大，视觉更协调 */ box-shadow: inherit; /* 弱化阴影，更贴合电脑端风格 */ border-bottom: 0px solid #fff; width:100%; box-sizing: border-box; /* 防止padding撑大宽度 */background:inherit; padding-left:30px;}
/* 3. 电脑端logo样式调整 */
.losdj{height: 80px; /* 电脑端logo适当缩小 */ display:flex;} 
.losdj img { width:100%;height: auto; margin:auto;}
.head_title{margin-top:5px;}
/* 4. 隐藏电脑端不需要的移动端元素（汉堡菜单） */
.sanh{display: none; /* 电脑端无需汉堡菜单，直接隐藏 */}
/* 5. 重置联系电话样式（适配电脑端布局） */
.m_tell{right: 20px; /* 电脑端无需预留汉堡菜单位置，调整右侧定位 */ line-height: 80px; /* 适配电脑端头部高度，垂直居中 */ font-size: 16px; /* 电脑端字体缩小 */ padding: 0 15px 0 30px; /* 调整内边距，更紧凑 */ background-size: 20px auto; /* 调整电话图标大小 */display: none;}
/* 6. 电脑端导航栏样式（取消移动端侧边栏，改为横向导航） */
.fuernavt{position: static; /* 取消移动端fixed定位和左侧隐藏 */ padding-top: 0; /* 取消移动端顶部内边距 */ left: 0; width:calc((100% - 0px)/1); height: auto; /* 高度自适应内容 */ /*background-color: transparent; *//* 取消移动端蓝色背景 */ background:#0089de;z-index: auto; /* 重置层级 *//* margin-top: -1px; /* 与头部无缝衔接 */float: left; }
/* 7. 电脑端导航容器样式 */
.benrvav{width: 100%; height: auto; /* 取消滚动，高度自适应 */ overflow: visible; /* 取消移动端溢出隐藏 */ /*background: #fff;*/ /* 电脑端导航背景改为白色 */ /*box-shadow: 0 1px 5px rgba(0,0,0,.05);*/ /* 轻微阴影，提升层次感 */}
/* 8. 电脑端导航链接横向排列（核心：取消block，改为inline-block） */
.shojvas{text-align: center; /* 导航居中对齐 */ padding: 0; margin: 0;}
.nav{display:flex;}
.nav .plebans{ font-size:18px;position:relative; margin:5px;}
.nav .plebans a{ display:block; color:#fff; text-transform:uppercase;}
.nav li{ position:relative;text-align:center;float:left;overflow: hidden;}
.nav li{position:relative; float:left;width: calc((100% - 0px)/6); margin-right:0px;overflow: hidden;}
.nav li:nth-child(6n){margin-right: 0;}
/*.nav li:nth-child(6n){margin-right: 0;width: 40px;}
.nav li:nth-child(7n){margin-right: 0;}*/
.nav li.on b,.nav li:hover b { position: absolute;  top: 65%;  right: 45%;  width: 0; height: 0;  border: 6px solid #f6d18b; border-top-color: transparent;border-bottom-color: #f6d18b;border-left-color: transparent;border-right-color: transparent;}
.nav li.on a,.nav li:hover a{ color:#fff;}
/**/
.nav  li::after {content: ''; width:2px;height: 16px;background: #fff; position: absolute; right:0px; top: 50%;transform: translateY(-50%); }

.nav li::after {content: '';display: block;width: 2px;height: 26px;/* 1. 先做基础的重复虚线 */background: repeating-linear-gradient(to bottom,#fff 0,#fff 3px,transparent 3px,transparent 6px);background-repeat: repeat-y;background-size: 2px 6px;/* 2. 关键：用mask实现中间不透明、上下渐变透明 */-webkit-mask-image: linear-gradient( to bottom, transparent 0%,#000 20%,   /* 从20%位置开始完全不透明 */ #000 80%,   /* 到80%位置结束完全不透明 */ transparent 100% ); mask-image: linear-gradient(to bottom,transparent 0%,#000 20%, #000 80%,transparent 100%);position: absolute; right: 0;top: 50%;transform: translateY(-50%);}

.nav  li:last-child::after { display: none; }
.shojvas>ul>li a { font-size:18px; line-height:48px;position:relative; padding:0;}
/* 导航链接最后一个取消右侧边框 */
.shojvas>a:last-child {border-right: none;}
/* 导航链接hover效果（电脑端交互优化） */
.shojvas>a:hover {color: #fff; /*  hover时变为主题色 */background: #f5f9ff; /*  轻微背景色变化 */}
/* 9. 隐藏电脑端不需要的移动端额外元素 */
.m_txt, .jd, .shopernc, .tesd {display: none;}
}
/**/

.nav li:hover .plebans{background:#fff;border-radius: 8px;}
.nav li:hover a{color:#0089de}



/*二级*/
#menu ul li ul{display:none;/*默认隐藏*/top:115px;border: none;position: absolute;left:0px;color:#000;background:#fff; width:auto;}
#menu ul li ul li{width:220px; text-align: left; line-height:inherit; padding:5px 10px;border-bottom: 1px solid #181414;}
#menu ul li ul li:hover{color:#fff;background-image:none;background-color:#464646;}
#menu ul li ul li:hover a{ color:#fff;}

#menu ul li ul li a{ color:#000;background:initial; font-size: 18px;line-height:inherit; text-align:left;  }
#menu ul li:hover ul{ display: block;}

.nav li ul li,.nav li ul li:hover{ background:initial;}

.mens ul li::after{content: ''; width: 0px; height: 0px; background: #5a5a5a8f; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);}
.mens li ul::before{content: ''; width: 0px; height:100%; background: #80c000; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
#menu ul li ul li::before{content: ''; width: 0px; height:100%; background: #80c000; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.mens li:first-child ul::before{content: ''; width: 0px; height:100%; background: #80c000; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}

/*三级*/
#menu ul li ul li ul{top:auto;border-top:0px;margin-top:0px;font-size: 14px;min-height: 220px;overflow: hidden;width:143px;margin-left: 0px;border-left:0px solid #80c000;}
#menu ul li ul li:nth-child(1) ul{border-left:0px solid #80c000;margin-left:0px;}
#menu ul li ul li ul li{float:inherit; margin:auto; width:auto;height: 35px; line-height:initial;font-size: 14px;}
#menu ul li ul li ul li:first-child{border-left:0px solid #80c000;}
#menu ul li ul li ul li a{font-size: 14px;}

.sm{box-sizing:border-box;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
/* Mobile menu top separator */
#main-menu:before {
  content: '';display: block;height: 0px;overflow: hidden; background: #fff;}
/* Mobile menu toggle button */
.main-menu-btn {float: right;margin: 10px;position: relative;display: inline-block;width: 29px;height: 29px;text-indent: 29px;white-space: nowrap; overflow: hidden;cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* x icon */
.sm-blue a .sub-arrow {position: absolute; top: 50%; margin-top: -17px;left: auto; right: 24px; width: 34px;height: 34px;overflow: hidden; font: bold 16px/34px monospace !important;text-align: center;text-shadow: none; background: rgba(0, 0, 0, 0.1);border-radius: 4px; display:none}
.sm-blue a .sub-arrow::before { content: '+';}
.sm-blue a.highlighted .sub-arrow::before { content: '-';}




.banner{ position:relative; z-index:5; margin-top:0px;}
.banner .swiper-slide{ z-index:6; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block; max-width:100%;}
.banner .swiper-slide .ban_pic{ width:1920px; max-width:inherit; position:absolute; left:50%; margin-left:-960px; top:0; bottom:0;}
.banner .swiper-pagination{ bottom:30px;}
.banner .swiper-pagination-bullet{ width:45px; height:5px; border-radius:0; transition:all linear .2s; background:#fff; opacity:1; margin:0 8px!important;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#0089de;}



.titc{ text-align:center; padding:20px 0;}
.titc2{display: flex;align-items: center;justify-content: center;}
.titc .iconl {flex: 1;display: flex;align-items: center;justify-content: flex-end;padding-right: 15px;}
.titc .iconr {flex: 1;display: flex;align-items: center;padding-left: 15px;}
/*.titc .icon div { flex: 1; height: 1px; background: #038eaf;}*/
.titc em{display:block; font-size:46px; color:#333;  line-height:1.41304347826087;}
.titc span{font-weight:bold;}
.titc p{ display:block; line-height:1.9; font-size:20px; color:#333; margin-top:10px;}



.rvcImg{position: relative; margin-top: 40px;}
.rvcImg .swiper-container{ padding-bottom: 10px;}
.rvcImg .swiper-slide{ padding-bottom: 10px;}
.rvcImg .swiper-slide p{font-size: 20px; color:#333333; margin-top: 15px;text-align: center; height:30px; overflow:hidden;}
.rvcImg .swiper-slide i{display: flex; /*height: 297px; */ height:auto;justify-content: center;align-items: center;  background: #e9e9e9;border-radius: 5px;}
.rvcImg .swiper-slide img{max-width: 100%;max-height: 100%;display: block;}
.rvcImg  .swiper-slide.swiper-slide-active  i{ /*background: none;*/}
.rvcImg  .swiper-slide.swiper-slide-active p{color:#305e9b }
.rvcImg  .swiper-button-next{ background: #cccccc; width: 60px; height: 60px;
  transform:translateX(50%);
  -webkit-transform:translateX(50%); margin-top: -35px; border-radius: 50%; background-image: url(../images/ico-right.png); background-position: center center; background-repeat: no-repeat; right: 0;}
.rvcImg  .swiper-button-next:hover{ background: #e7333f; background-image: url(../images/ico-right.png); background-position: center center; background-repeat: no-repeat;}
.rvcImg  .swiper-button-prev{ width: 60px;background: #cccccc; height: 60px;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%); margin-top: -35px; border-radius: 50%; background-image: url(../images/ico-left.png); background-position: center center; background-repeat: no-repeat; left: 0;}
.rvcImg  .swiper-button-prev:hover{ background: #e7333f;background-image: url(../images/ico-left.png); background-position: center center;background-repeat: no-repeat;}

.biaoqian {color: #0089de!important;}
.titc .line {border-style: solid;color: #4f98cb;border-width: 1px; width: 54px;margin: 8px auto 1px auto;}
.con2 .line {margin: inherit;margin-top: 20px;margin-bottom: 20px;}

.con1{ padding:10px 0;background: #F7F7F8;}
.con1_list{ padding:20px;}
.con1_list li{ width:31.75%; /*border-radius:50px; */overflow:hidden; position:relative; float:left;background: #ffffff;}
.con1_list li .pic{ width:100%;}
.con1_list li .txt{ /*position:absolute;*/ position:relative; left:0; right:0; bottom:0; padding:20px 0 15px 0; /*background:#f8f8f8;*//* border-radius:50% 50% 0 0; */transition:all 0.6s;}
.con1_list li .txt em{ display:block; text-align:center; font-size:14px; color:#333; /*font-weight:bold; */line-height:1.458333333333333; margin-bottom:10px; transition:all 0.6s; height:35px; overflow:hidden;}
.con1_list li .txt .more{border: 1px solid #C6C6C6; width:87px; height:31px;margin:auto;display: flex;}
.con1_list li .txt .more a{margin:auto;}
.con1_list li .txt p{ /*display:none; */font-size:16px; line-height:1.333333333333333; color:#333; transition:all 0.6s; text-align:center;}
/*.con1_list li.hover .txt{ padding:37px 0 40px 0; background:#0090ff; border-radius:60% 60% 0 0;}
.con1_list li.hover .txt em{ color:#fff;}
.con1_list li.hover .txt p{ color:#fff; display:block;}*/

/*公司简介*/
.con2{ padding:0;width: 100%;display: flex;margin-top: 60px;}
.con2 .w{/*box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);*/}
.con2 .line{margin:inherit;margin-top: 20px; margin-bottom: 20px;}
.con2_right {float: left; width:55%; position: relative; z-index: 20;margin-top:0px; text-align:left; font-size:16px; }
.con2_right .titc em{font-size:30px;font-size: 40px;font-weight: 600;letter-spacing: .5px;}
.con2_right .titc p{font-size:18px;}
.con2_right em,.con2_right p{text-align:left;}
.con2_map {float:right;margin-top:160px;width:45%;overflow:hidden;}
.con2_map img{width:100%;}

.con2{ padding:0 0 40px 0;}
.con2_list{ padding:30px 0 0 0;}
.con2_list li .pic{ width:50%;}
.con2_list li .pic img{ display:block; width:100%; border-radius:50px 0 0 50px;}
.con2_list li .txt{ width:50%; padding:0 0 0 3.75%;}
.con2_list li .txt .clear{ width:100%;}
.con2_list li .txt em{ display:block; font-size:24px; color:#0090ff; font-weight:bold; line-height:1.333333333333333; margin-bottom:30px;}
.con2_list li .txt p{ font-size:20px; line-height:1.45; color:#333;}
.con2_list li .txt p b{ display:block;}
.con2_list li.li1 .txt{ padding:0 3.75% 0 0;}
.con2_list li.li1 .pic img{ border-radius:0 50px 50px 0; width:80%;}

.number_box{ margin-top:0px}
.number_box .numbers__one{padding-left:0; margin-top:0;float:left;padding:0 55px 0 0;text-align:left; width:25%;}
.number_box .numbers__body{ position:relative}
.number_box .number__ico{transition:all .5s;width:57px;height: 47px; position:absolute; top:3px; left:0}
.number_box .numbers__one:hover .number__ico{-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg);}
.number_box .numbers__one .wrap{width: max-content;}
.number_box .numbers__one .number__desc{color:#333;font-size:18px;line-height:20px; max-height:20px; overflow:hidden; margin-top:7px}
.numbers__num{font-size: 2em; transition: all 1s ease; /* 添加平滑过渡效果 */color:#ff6600;font-weight: 600;}
/*产品范围*/
.con3{background: #f8f8f8; padding-bottom:30px;}
.con3 .line{margin:inherit;margin-top: 20px; margin-bottom: 20px;}
.con3 .titc{text-align:left;}
.con3 .titc em{font-size:30px;font-size: 40px;font-weight: 600;letter-spacing: .5px;}
.con3 .titc p{font-size:18px;}
.con3 .line{border-width: 2px;width: 80px;}

.con3_list{ padding:35px 0 0 0;}
.con3_list li{float: left;width: calc((100% - 40px)/3);margin-right:0px;margin-bottom:30px;text-align: center;display: inline-block; padding:0;  min-height:284px; margin-right:20px; font-size:14px;background: #fff;border-radius: 8px;box-shadow: rgba(0,0,0,0.10) 0px 5px 20px; padding:0 20px 20px 20px;}
.con3_list li:nth-child(3n){margin-right: 0;}
.con3_list .pictile img{width:100%;object-fit: cover; height:auto;}
.con3_list .Ltitle{font-size: 20px;font-weight: 600;color: #333;/*padding: 20px;*/}
.con3_list .procTxt { width:100%; line-height:2;margin-top: 10px; text-align:center; /*padding:0 20px 20px 20px;*/}
.con3_list .listtopborder {background-color:#0089de;width: 100px;height: 4px; margin: auto;margin-bottom: 20px;}
.con3_list li:hover{transform: scale(1.1); /* 放大到原来的1.1倍 */transition: transform 0.3s ease; /* 添加过渡效果，使放大过程更平滑 */}
.con3 .more{ font-size:16px; float:right;border-bottom: 1px solid #333;}
.con3 .more img{padding-left:5px;}
.con3_list li .show{display:block!important;z-index:99;opacity: 1;}
.con3_list li:hover .show{display:none!important;z-index:99;opacity: 0;}
.con3_list li:hover .hide{display:block!important;opacity: 1;}
.con3_list li .hide{display:none!important;opacity: 0;}
con3_list li img {/* 关键：透明度过渡，平滑渐变 */transition: opacity 0.4s ease;}
/*产品设备*/
.con4{background: #fff;}
.con4 .line{margin:inherit;margin-top: 20px; margin-bottom: 20px;}
.con4 .titc{text-align:left;}
.con4 .titc em{font-size:30px;font-size: 40px;font-weight: 600;letter-spacing: .5px;}
.con4 .titc p{font-size:18px;}
.con4 .line{border-width: 2px;width: 80px;}

.con4_list{ padding:35px 0 0 0;}
.con4_list li{float: left;width: calc((100% - 40px)/2);margin-right:40px;margin-bottom:30px;text-align: left;display: inline-block; padding:0;  min-height:641px; margin-right:20px; font-size:14px;background: #fff;border-radius: 8px;box-shadow: rgba(0,0,0,0.10) 0px 5px 20px; padding:0 20px 20px 20px;}
.con4_list li:nth-child(2n){margin-right: 0;}
.con4_list .pictile img{width:100%;object-fit: cover; height:auto;}
.con4_list .Ltitle{font-size: 20px;font-weight: 600;color: #333;/*padding: 20px;*/}
.con4_list .procTxt { width:100%; line-height:2;margin-top: 10px; text-align:left; /*padding:0 20px 20px 20px;*/}
.con4_list .listtopborder {background-color:#0089de;width: 100px;height: 4px; margin: auto;margin-bottom: 20px;}
.con4_list li:hover{transform: scale(1); /* 放大到原来的1.1倍 */transition: transform 0.3s ease; /* 添加过渡效果，使放大过程更平滑 */}

.con5{background:url(../images/con5bg.jpg) #f1f2ed center center no-repeat;}
.con5 .line{margin:inherit;margin-top: 20px; margin-bottom: 20px;}
.con5 .titc{text-align:left;}
.con5 .titc em{font-size:30px;font-size: 40px;font-weight: 600;letter-spacing: .5px;}
.con5 .titc p{font-size:18px;}
.con5 .line{border-width: 2px;width: 80px;}
.con5_list{ padding:35px 0 0 0;}
.con5_w{position: relative; margin-top:0px;}
.con5_w .swiper-container{ padding-bottom: 10px;}
.con5_w .swiper-slide{ padding-bottom: 10px;}
.con5_w .swiper-slide p{font-size: 20px; color:#333333; margin-top: 15px;text-align: center; height:30px; overflow:hidden;}
.con5_w .swiper-slide i{display: flex; /*height: 297px; */ height:auto;justify-content: center;align-items: center;  /*background: #e9e9e9;*/border-radius: 5px;}
.con5_w .swiper-slide img{max-width: 100%;max-height: 100%;display: block;}
.con5_w  .swiper-slide.swiper-slide-active  i{ /*background: none;*/}
.con5_w  .swiper-slide.swiper-slide-active p{color:#305e9b }
.con5_w  .swiper-button-next{ background: #cccccc; width: 60px; height: 60px;
  transform:translateX(50%);
  -webkit-transform:translateX(50%); margin-top: -35px; border-radius: 50%; background-image: url(../images/ico-right.png); background-position: center center; background-repeat: no-repeat; right: 0;}
.con5_w  .swiper-button-next:hover{ background: #0089de; background-image: url(../images/ico-right.png); background-position: center center; background-repeat: no-repeat;}
.con5_w  .swiper-button-prev{ width: 60px;background: #cccccc; height: 60px;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%); margin-top: -35px; border-radius: 50%; background-image: url(../images/ico-left.png); background-position: center center; background-repeat: no-repeat; left: 0;}
.con5_w  .swiper-button-prev:hover{ background: #0089de;background-image: url(../images/ico-left.png); background-position: center center;background-repeat: no-repeat;}

.con6{padding:0;background:url("../images/con6.jpg") #f2f1f1 center bottom no-repeat;}
.con6 .titc{text-align:left; padding:80px 0px 96px 30px}
.con6 .titc em{font-size: 40px;font-weight: 600;letter-spacing: .5px;font-family: Impact, "Haettenschweiler", Arial Black, sans-serif;font-weight: 400; /* 对应 Impact Regular */ color:#fff;}
.con6 .line{margin:inherit;margin-top:30px; margin-bottom: 20px; color:#fff;border-width:3px;width: 80px;}
.con6 .txt{font-family: "Microsoft YaHei", MicrosoftYaHei, sans-serif;font-weight: 400; /* Regular 常规 */ color:#fff;font-size:23px;}

.con7{background: #fff;}
.con7 .line{margin:inherit;margin-top: 20px; margin-bottom: 20px;}
.con7 .titc{text-align:left;}
.con7 .titc em{font-size:30px;font-size: 40px;font-weight: 600;letter-spacing: .5px;}
.con7 .titc p{font-size:18px;}
.con7 .line{border-width: 2px;width: 80px;}

.con7_list{ padding:35px 0 0 0;}
.con7_list li{float: left;width: calc((100% - 0px)/3);margin-right:0px;margin-bottom:0px;text-align: left;display: inline-block; padding:0; font-size:14px;background: #fff;border-radius: 8px;box-shadow: rgba(0,0,0,0.10) 0px 5px 20px; border-bottom: 1px solid #000;}
.con7_list li:nth-child(3n){margin-right: 0;}
.con7_list .pictile img{width:20%;object-fit: cover; height:auto;}
.con7_list .Ltitle{font-size: 20px;font-weight: 600;color: #333;/*padding: 20px;*/margin-top:30px;}
.con7_list .chanpintedianjieshaoListtitle { width:100%; text-align:center;padding: 50px 0;}
.con7_list .listtopborder {background-color:#0089de;width: 100px;height: 4px; margin: auto;margin-bottom: 20px;}
.con7_list li:hover{transform: scale(1); /* 放大到原来的1.1倍 */transition: transform 0.3s ease; /* 添加过渡效果，使放大过程更平滑 */}

.con8{background: #fff;}
.con8 .line{margin:inherit;margin-top: 20px; margin-bottom: 20px;}
.con8 .titc{text-align:left;}
.con8 .titc em{font-size:30px;font-size: 40px;font-weight: 600;letter-spacing: .5px;}
.con8 .titc p{font-size:18px;}
.con8 .line{border-width: 2px;width: 80px;}

.con8_list{ padding:35px 0 0 0;}
.con8_list li{float: left;width: calc((100% - 0px)/3);margin-right:0px;margin-bottom:0px;text-align: left;display: inline-block; padding:0; font-size:14px;background: #fff;border-radius: 8px;box-shadow: rgba(0,0,0,0.10) 0px 5px 20px;border-bottom: 1px solid #e60002;}
.con8_list li:nth-child(3n){margin-right: 0;}
.con8_list .pictile img{width:100%;object-fit: cover; height:auto;}
.con8_list .Ltitle{font-size: 20px;font-weight: 600;color: #333;/*padding: 20px;*/margin-top:15px; margin-bottom:10px;}
.con8_list .chanpintedianjieshaoListtitle { width:100%; text-align:center;padding:0;}
.con8_list .listtopborder {background-color:#0089de;width: 100px;height: 4px; margin: auto;margin-bottom: 20px;}
.con8_list li:hover{transform: scale(1); /* 放大到原来的1.1倍 */transition: transform 0.3s ease; /* 添加过渡效果，使放大过程更平滑 */}
.con8_list li:hover .Ltitle{ color:#0089de;}





.con33{ background:url() #f2f1f1 center bottom no-repeat; padding:100px 0 35px 0;}
.con33_img{float: right; position:relative;width:44%; text-align:right;}
.con33_title{float:left; position:relative;width:54%}
.con33_title h1{color:#e60002;border-bottom: 1px solid #e60002;display: inline-block;font-size:36px;font-weight: bold;line-height:2;}
.con33_title hr{border-bottom:1px solid #e60002; float:left; width:16.6666%;}
.con33_title p.b { display: block; line-height: 1.9; font-size:18px; color: #333; margin-top: 10px; float:left;}
.con33_list{ width:54%; padding:30px 0 0 0; float:left; text-align:center;}
.con33_list li{ float:left;min-height:175px; padding-bottom:25px; width: calc((100% - 60px)/4);margin-right:20px; position: relative;}
.con33_list li:nth-child(4n) { margin-right: 0;}
.con33_list li .t1 img{width:100%;}
.con33_list li p{ font-size:16px; line-height:1.5; color:#333; margin-top:15px;}



/*.con5{ background:url(../images/bg5.jpg) #0b94bc center center no-repeat; padding:75px 0;}
.con5 .txt{ position:relative; padding:1% 0 0 25%; text-align:left; width:850px;}
.con5 .txt p:nth-child(1){ font-size:28px; font-weight:500; color:#fff; float:left;}
.con5 .txt p:nth-child(1) span{font-weight:bold;}
.con5 .txt p:nth-child(2){ font-size:18px; font-weight:bold; color:#fff; line-height:35px; margin-bottom:20px; float:left;  margin-top:20px;}
.con5 .txt p:nth-child(2) em{ font-family:"impact"; font-size:38px; font-weight:500; color:#fff; padding-left:5px;}
.con5 .txt p:nth-child(3){ font-size:24px; font-weight:bold; color:#fff; background:#fff; width:auto; padding:0 150px 0 30px; position:absolute; margin-top:30px; width:900px;}
.con5 .txt p:nth-child(3) a::after { content: '';  background: #fff;  width:1px;  height: 150%;  position: absolute; left:-80px; top:-18px;}

.con5 .txt .com_but{ position:absolute; right:0; }
.com_but{ color:#fff; display:inline-block; background:#e60002; font-size:20px; border-radius:1000px; padding:0 30px; line-height:52px; /*box-shadow:9px 0 16px rgb(181,181,181,.38);}
.com_but i{ padding-left:35px; font-family:"simsun"; background:#fff;border-radius:50%; color:#000; background:url(../images/com_but_bg2.png) center center no-repeat; }
.com_but:hover{ opacity:1; color:#fff;}

*/





.con9{ padding:100px 0;}
.con9_c{ width:100%; margin-top:30px;}
.con9_c img{ display:block; width:100%;}

.con10{ background:#f8f8f8; padding:100px 0;}
.con10 .swiper-slide{ background:#fff; text-align:center; padding:45px 0 30px 0; margin-top:70px; transition:all 0.6s;}
.con10 .swiper-slide hr{width:80%;}
.con10 .swiper-slide .pic{ width:66.66666666666667%; margin:0 auto;/*border-bottom: 2.5px solid #119dc5;*/}
.con10 .swiper-slide .pic .dfimg{ position:relative; z-index:0;}
.con10 .swiper-slide .pic .pic_w{ /*left:15px; bottom:15px; right:15px; top:15px;*/ left:0px; bottom:0px; right:0px; top:0px;}
.con10 .swiper-slide p{ font-size:21px; color:#333; margin-top:20px; line-height:1.333333333333333;}
.con10 ul li.hover{ /*transform:translateY(-45px);*/transform:translateY(0px); border-bottom:5px solid #e60002;}
.con10 ul li.hover .pic img{ transform:scale(1);}

.con11{ background:url(../images/con11-bg.jpg) #f6fafe center bottom no-repeat; padding:100px 0 130px 0;}
.con11 .titc em,.con11 .titc p{color:#fff;}
.con11_c{ padding:0 4.415% 0 3.085%; margin-top:45px;}
.con11_list li img{ width:100%; display:block;}
.con11_list li.li1{ width:29.72972972972973%; margin-top:188px;}
.con11_list li.li2{ width:36.21621621621622%;}
.con11_list li.li3{ width:32.7027027027027%; margin-top:112px;}

.con12{ padding:100px 0;}
.con12_list{ margin-top:30px;}
.con12_list li{font-size:20px;width: calc((100% - 0px)/4);margin-right: 0px; position: relative; float:left; text-align:center; border: 1px solid #e3e2e2; height:110px;display: flex;align-items: center;justify-content: center; overflow:hidden }
.con12_list li img{ max-width:155px;}
/*.con12_list li:hover{background:#0080a8;}*/

.con13{ padding:0 0 130px 0;}
.con13_list{ width:101%;}
.con13_list *{ transition:all 0.6s;}
.con13_list li{ position:relative; background:#f8f8f8; margin:1% 1% 0 0; width:24%;}
.con13_list li em{ display:block; font-family:"impact"; font-size:105px; color:rgba(0,0,0,.05); line-height:1.295238095238095; padding-left:15.625%;}
.con13_list li i{ display:block; width:50px; height:50px; background:url(../images/ico2.png) no-repeat; position:absolute; left:60px; top:50%; margin-top:-25px;}
.con13_list li i.i1{ background-position:0 0;}
.con13_list li i.i2{ background-position:0 -50px;}
.con13_list li i.i3{ background-position:0 -100px;}
.con13_list li i.i4{ background-position:0 -150px;}
.con13_list li i.i5{ background-position:0 -200px;}
.con13_list li i.i6{ background-position:0 -250px;}
.con13_list li i.i7{ background-position:0 -300px;}
.con13_list li i.i8{ background-position:0 -350px;}
.con13_list li .txt{ position:absolute; left:43.4%; top:50%; transform:translate(0,-50%);}
.con13_list li span{ display:block; font-size:24px; font-weight:bold; color:#333; line-height:28px;}
.con13_list li p{ font-size:18px; color:#333; line-height:22px;}
.con13_list li.hover{ background:#0090ff;}
.con13_list li.hover i.i1{ background-position:-50px 0;}
.con13_list li.hover i.i2{ background-position:-50px -50px;}
.con13_list li.hover i.i3{ background-position:-50px -100px;}
.con13_list li.hover i.i4{ background-position:-50px -150px;}
.con13_list li.hover i.i5{ background-position:-50px -200px;}
.con13_list li.hover i.i6{ background-position:-50px -250px;}
.con13_list li.hover i.i7{ background-position:-50px -300px;}
.con13_list li.hover i.i8{ background-position:-50px -350px;}
.con13_list li.hover em{ color:rgba(255,255,25,.1);}
.con13_list li.hover span,.con13_list li.hover p{ color:#fff;}

.con14{ padding:100px 0; background:url(../images/bg14.jpg) #dfeefb center bottom no-repeat;}
.con14 .w .t1{ font-size:20px; letter-spacing:7px; line-height:1.2;}
.con14 .w .t1 em{ padding-left:30px;}
.con14 .w .t2{ font-size:46px; color:#0090ff; font-weight:bold; line-height:50px; margin:30px 0; text-shadow:9px 0 16px rgb(181,181,181,.15);}
.con14 .w .t2 em{ padding:0 15px;}
.con14 .w .t3{ display:inline-block; font-size:32px; color:#0090ff; line-height:58px; border-top:1px solid #0090ff; border-bottom:1px solid #0090ff;}
.con14 .w .t3 em{ padding-left:10px;}
.con14 .w .t4{ font-size:20px; line-height:31px; padding:25px 0;}
.con14 .w .t4 em{ padding-left:20px;}
.con14 .w .t5{ padding:25px 0 0 0;}
.con14 .w .t5 em{ font-size:20px; color:#0090ff; background:#fff; border-radius:1000px; display:inline-block; line-height:40px; padding:0 25px; border-left:2px solid #0090ff; margin-right:20px; box-shadow:9px 0 16px rgb(181,181,181,.38);}

.con15{ padding:100px 0 125px 0;}
.con15_list{ width:110%; margin-top:-20px;}
.con15_list li{ text-align:center; padding:50px 0 0 0; margin-right:10%; width:6.666666666666667%;}
.con15_list li i{ width:100px; height:100px; background:#f8f8f8; border-left:1px solid #0090ff; border-bottom:1px solid #0090ff; border-radius:50%; margin:0 auto; display:block; position:relative; transition:all 0.6s;}
.con15_list li i:before{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; left:50%; top:50%; margin:-30px 0 0 -30px; width:60px; height:60px; background:url(../images/ico3.png) no-repeat; transition:all 0.6s;}
.con15_list li i.i1:before{ background-position:0 0;}
.con15_list li i.i2:before{ background-position:0 -60px;}
.con15_list li i.i3:before{ background-position:0 -120px;}
.con15_list li i.i4:before{ background-position:0 -180px;}
.con15_list li i.i5:before{ background-position:0 -240px;}
.con15_list li i.i6:before{ background-position:0 -300px;}
.con15_list li i.i7:before{ background-position:0 -360px;}
.con15_list li i.i8:before{ background-position:0 -420px;}
.con15_list li i.i9:before{ background-position:0 -480px;}
.con15_list li i.i10:before{ background-position:0 -540px;}
.con15_list li i.i11:before{ background-position:0 -600px;}
.con15_list li i.i12:before{ background-position:0 -660px;}
.con15_list li p{ font-size:18px; color:#333; margin-top:15px; line-height:28px; transition:all 0.6s;}
.con15_list li.hover i{ background:#0090ff;}
.con15_list li.hover i.i1:before{ background-position:-60px 0;}
.con15_list li.hover i.i2:before{ background-position:-60px -60px;}
.con15_list li.hover i.i3:before{ background-position:-60px -120px;}
.con15_list li.hover i.i4:before{ background-position:-60px -180px;}
.con15_list li.hover i.i5:before{ background-position:-60px -240px;}
.con15_list li.hover i.i6:before{ background-position:-60px -300px;}
.con15_list li.hover i.i7:before{ background-position:-60px -360px;}
.con15_list li.hover i.i8:before{ background-position:-60px -420px;}
.con15_list li.hover i.i9:before{ background-position:-60px -480px;}
.con15_list li.hover i.i10:before{ background-position:-60px -540px;}
.con15_list li.hover i.i11:before{ background-position:-60px -600px;}
.con15_list li.hover i.i12:before{ background-position:-60px -660px;}
.con15_list li.hover p{ font-weight:bold; color:#0090ff;}

.con17{ background:url() #f8f8f8 center bottom no-repeat; padding:60px 0 60px 0;}
.con17_c{ margin-top:45px;}
.con17_list li{width: calc((100% - 60px)/5);margin-right: 15px; position: relative; float:left; margin-bottom:10px;}
.con17_list li:nth-child(5n) { margin-right: 0;}
.con17_list li img{ width:100%; display:block;}

.con18{ padding:60px 0;}
.con18_list .weizhi {  float: left; position: relative;  display: inline-block;  padding-left: 15px; margin:60px;}
.con18_list .weizhi::after { content: '';  background: #1e83a2;  width: 3px;  height: 100%;  position: absolute; left: 0; top: 0;}
.con18_list .weizhi h2 { color: #1e83a2; font-size: 22px; font-weight: 600;}
.con18_list .weizhi p { color: #000; display: block;text-transform: uppercase;}
.con18_list li{font-size:20px;width: calc((100% - 60px)/3);margin-right: 30px; position: relative; float:left;background-size: 100% 100%; min-height:436px; border-radius:20px;margin-top:80px;}
.con18_list li:hover{margin-top:10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.con18_list li:nth-child(3){ margin-right:0px;background-image: url(../images/con18-3.jpg);}
.con18_list li:nth-child(2){background-image: url(../images/con18-2.jpg);}
.con18_list li:nth-child(1){background-image: url(../images/con18-1.jpg);}

.con19{ padding:100px 0 100px 0;background: url(../images/con19-bg.jpg) no-repeat center;background-size: cover;}
.con19 em{color:#fff;}
.con19_list{float:left; width:100%;}
.con19_list .weizhi {  float: left; position: relative;  display: inline-block;  margin-top:60px; text-align:center; border-top:1px solid #fff; width:100%;}
.con19_list .weizhi::after { content: '';background-image: url(../images/con19-line.png);  /*background: #fff;*/ position: absolute; left: 50%; top: -7px;width: 14px; height: 14px; position: absolute; right: 50%;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.con19_list li:hover .weizhi::after { content: '';background-image: url(../images/con19-line-2.png);  /*background: #fff;*/ position: absolute; left: 50%; top: -7px;width: 14px; height: 14px; position: absolute; right: 50%;border-radius: 50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.con19_list .weizhi h2 { color: #fff; font-size: 22px; font-weight: 600; margin-top:30px;}
.con19_list .weizhi p { color: #000; display: block;text-transform: uppercase;}
.con19_list li{font-size:20px;width: calc((100% - 0px)/7);margin-right:0px; position: relative; float:left;background-size: 100% 100%;  border-radius:20px;margin-top:-20px; display:flex;flex-direction: column;align-items: center;}
.con19_list li .imgbg { background-image: url(); background-repeat: no-repeat;float: left; display: flex;align-items: center;justify-content: center; z-index: 9; position: relative;}
.con19_list li .imgbg img { width: 100%; z-index: 99;}
.con19_list li .img { z-index: 1;  position: absolute; margin: 25px;}
.con19_list li .img img { width: 100%; height: 100%;}

.con19_list li .imgbg .show{display:none;}
.con19_list li .imgbg .hide{display:inherit;}
.con19_list li:hover .imgbg .show{display:inherit;}
.con19_list li:hover .imgbg .hide{display:none;}

.combut{margin:auto; float:left; width:100%; display:flex;justify-content: center;align-items: center; margin-top:50px;}
.combut .mores{background:#ff0207; color:#fff;background: url(../images/com_but_bg2.png) no-repeat center right 10%, linear-gradient(#ff0207, #ff0207); width:164px;}


.yinshua{ position: relative; margin-bottom: 60px; margin-top:60px;}
.yinshua .swiper-pointer-events{ overflow:hidden;}
.yinshua  .swiper-button-next{background: #cccccc; width: 44px; height: 44px; transform:translateX(50%);
  -webkit-transform:translateX(50%); /*border-radius: 50%;*/  background-image: url(../images/ico-left.png); background-size: 40% auto;  background-position: center center; background-repeat: no-repeat; right: 0;bottom:10px;top: auto;  margin-right: 88px;}
.yinshua  .swiper-button-next:hover{ background: #e7333f; background-image: url(../images/ico-left.png); background-position: center center; background-repeat: no-repeat;}
.yinshua  .swiper-button-prev{ width: 44px; background: #cccccc; height: 44px; transform:translateX(-50%);
  -webkit-transform:translateX(-50%); bottom: 10px;top: auto; /*border-radius: 50%;*/ background-size: 40% auto; background-image: url(../images/ico-right.png); background-position: center center;  background-repeat: no-repeat; left: auto;right: 0;  margin-right: 0px;
}
.yinshua  .swiper-button-prev:hover{background: #e7333f; background-image: url(../images/ico-right.png); background-position: center center;background-repeat: no-repeat;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '';}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: '';}

.con20{background:#f8f8f8; padding:0px;}
.con20_list{ margin-top:30px;}
.con20_list li{width: calc((100% - 40px)/3);margin-right:20px; position:relative;  background:#f8f8f8; overflow:hidden}
.con20_list li:nth-child(3n){margin-right: 0;}
.con20_list li .pic{ width:100%; float:left;}
.con20_list li .txt{ position:relative;left:0; right:0; bottom:0; float:left; width:100%;padding:30px 20px 20px 20px; text-align:center;}
.con20_list li .txt h3{padding-bottom:20px; position:relative;}
.con20_list li .txt h3 em{ display:inline-block;line-height:45px; font-size:24px; color:#333; font-weight:bold;}
.con20_list li .txtc{font-size:18px; line-height:1.2}
.con20_list li .txtc p:nth-child(2){padding:20px 0 0 0;}

.con21{ padding:60px 0 0 0; border-bottom: 1px solid #d1d1d1;}
.con21 .con21img{  width: 100%;background-size: cover;background-image: url(../images/con21-1.jpg); height:590px; background-position-x: center;margin: 30px 0 0 0;}
.con21 .txt{ position:relative;padding:30px 20px 50px 20px; text-align:center;font-size:18px; line-height:2}




.con16{ background:#FFF; padding:10px 0;background-image: url(); background-position: center center; background-repeat: no-repeat;}
.con16 .titc em{color:#fff;}
.con16 .mes_form{ padding:30px 0 0 0;}
.con16 .mes_form li{ padding-top:3.75%; width:48.3%;}
.con16 .mes_form li .wbbox { position: relative;}
.con16 .mes_form li .wbbox span{position: absolute;left: 15px;top:22px;}
.con16 .mes_form li .wbbox span img{height:22px; color:#fff;}
.con16 .mes_form li.big{ width:100%;}
.m_intxt{ border:1px solid #333; background:#333; line-height:1.388888888888889; font-size:18px; padding:20px 13px; width:100%; resize:none; transition:all 0.6s;border: 0;
    outline: none;background: none; border: 1px solid #333; color:#000;}
.m_intxt::-webkit-input-placeholder{ color:#000;}
.m_intxt::-moz-placeholder{ color:#000;}
.m_intxt:-moz-placeholder{ color:#000;}
.m_intxt:-ms-input-placeholder{ color:#000;}
/*.m_intxt:focus{ border-color:#0090ff; color:#fff; background:#e60002;}
.m_intxt:focus::-webkit-input-placeholder{ color:#000;}
.m_intxt:focus::-moz-placeholder{ color:#000;}
.m_intxt:focus:-moz-placeholder{ color:#000;}
.m_intxt:focus:-ms-input-placeholder{ color:#000;}*/

/* li 项 */
con16 li.big {margin-bottom: 20px;}
/* 输入框和文本域通用美化 */
.m_intxt {width: 100%;x border: 1px solid #999; border-radius: 4px;padding: 16px 20px; font-size: 16px;color: #333;background: #fff;outline: none;transition: all 0.3s ease;}
/* 单行输入框高度 */
input.m_intxt {height: 56px;}
/* 文本域单独样式 */
textarea.m_intxt {height: 160px;resize: none; /* 禁止拉伸，避免布局错乱 */line-height: 1.5;}
/* 聚焦效果：边框变深，和你网站主色调呼应 */
.m_intxt:focus {border-color: #0b2c65; box-shadow: 0 0 0 2px rgba(11, 44, 101, 0.1);}
/* 占位文字美化 */
.m_intxt::placeholder {color: #666;opacity: 1;}
/* 适配你的现有结构，去除文本域默认边距 */
textarea.m_intxt {margin: 0;}

.m_inbut{ color:#fff; font-weight:bold; background:#e60002; font-size:24px; cursor:pointer; border:none; line-height:2.583333333333333; border-radius:1000px; margin:0 auto; width:200px; display:block; text-align:center; transition:all 0.6s; margin-top:40px; box-shadow:9px 0 16px rgb(181,181,181,.38);background: url(../images/com_but_bg.png) no-repeat center , linear-gradient(#e60002, #e60002); background-position:right 15% center; background-size:12%;padding-right: 3%;}
.m_inbut:hover{ opacity:.9;}

.mores{border-radius:17px 5px 17px 5px; background:#fff; color:#0089de;background: url(../images/com_but_bg2.png) no-repeat center , linear-gradient(#f3f9fd, #0089de); background-position:right 15% center; background-size:12%;padding-right: 3%; width:200px;line-height:2.583333333333333; font-size:24px;/*font-weight:bold;*/padding-right: 3%; text-align:center;}

.com li .pic img{ display:block; transition:all 0.6s; width:100%;}
.com li.hover .pic img{ transform:scale(1.2);}
.con1,.con2,.con3,.con4,.con5,.con6,.con7,.con8,.con9,.con10,.con11,.con12,.con13,.con14,.con15,.con16,.con17,.con18,.con19,.con120,.con21,.con33{ overflow:hidden;}

/*foot style*********************************************************************/
.footer{ width:100%; background:#E8E8E9; padding:25px 0 0 0;}
.foot1{ padding:20px 0; border-bottom:2px solid #9196a2;}
.foot1 .f_lf{ width:22.5%;}
.foot1 .f_lf img{ height:36px; display:block; /*margin-top:3px;*/}
.foot1 .f_nav{ width:63.3%; line-height:31px;}
.foot1 .f_nav li a{ color:#fff; font-size:16px;}
.foot1 .f_nav li a:hover{ color:rgba(255,255,255,.9);}
.foot2{ position:relative; /*padding:25px 0;*/}
.foot2 .f_ewm{ position:absolute; right:0; top:50%; margin-top:-70px;}
.foot2 .f_ewm li{ width:114px; margin-left:24px; text-align:center;}
.foot2 .f_ewm li .e_pic{ position:relative;}
.foot2 .f_ewm li .e_pic:before,.foot2 .f_ewm li .e_pic:after,.foot2 .f_ewm li .e_pic .clear:before,.foot2 .f_ewm li .e_pic .clear:after{ content:""; display:block; position:absolute; font-size:0; overflow:hidden; width:10px; height:10px;}
.foot2 .f_ewm li .e_pic:before{ top:-1px; left:-1px; border-left:1px solid #ebf6ff; border-top:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic:after{ top:-1px; right:-1px; border-right:1px solid #ebf6ff; border-top:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic .clear:before{ bottom:-1px; left:-1px; border-left:1px solid #ebf6ff; border-bottom:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic .clear:after{ bottom:-1px; right:-1px; border-right:1px solid #ebf6ff; border-bottom:1px solid #ebf6ff;}
.foot2 .f_ewm li .e_pic .clear{ padding:5px; position:relative;}
.foot2 .f_ewm li .e_pic .clear img{ width:104px; height:104px; display:block;}
.foot2 .f_ewm li p{ font-size:16px; color:#fcf9e8; line-height:1.6875;}
.foot2 .f_tell{ padding:31px 0 0 0; width:33.33%;}
.foot2 .f_tell em{ display:block; font-size:20px; color:#fcf9e8; line-height:40px; margin-bottom:10px;}
.foot2 .f_tell p{ font-size:48px; color:#ffffff; font-family:"impact"; line-height:60px;}
.foot2 .f_adr{ padding:0 0 50px 0; width:25%;}
.foot2 .f_adr:nth-child(1){max-width:350px;width:35%;}
.foot2 .f_adr:nth-child(2){max-width:260px;width:25%; display:flex;flex-wrap: wrap;justify-content: space-between;}
.foot2 .f_adr:nth-child(3){max-width:260px;width:15%;}
.foot2 .f_adr:nth-child(4){max-width:300px;width:25%;}
.foot2 .f_adr p{ font-size:14px; color:#707070; line-height:2; max-width:460px;}
.foot{ font-size:14px; line-height:1.714285714285714; padding:15px 0; background:#10131c; border-bottom:2px solid #10131c;}
.foot em{ color:rgba(255,255,255,.6);}
.foot em a{ color:rgba(255,255,255,.6);}
.foot2 .f_adr .cont{float:left!important;}
.foot2 .f_adr .ewm{float:left; width:120px; overflow:hidden; margin:auto; position:relative;margin-top:72px; margin-right:10px;}
.foot2 .f_adr p:nth-child(1){color: #707070;font-size: 18px;font-weight: bold;line-height: 52px;}
.foot2 .f_adr:nth-child(2) p:nth-child(1){width:100%;}
.foot2 .f_adr:nth-child(2) p{float:left; padding-left:5px}


/*右侧浮窗 style*********************************************************************/
.right-menu{ position:fixed; right:0; bottom:5%; z-index:99; width:70px; text-align:center;}
.right-menu .btn{ width:70px; height:70px; margin-bottom:4px; cursor:pointer; font-size:0; transition:all linear 0.6s; display:block; background:url(../images/ico1.png) #464444 no-repeat; position:relative;}
.right-menu .btn.btn-tell{ background-position:0 0;}
.right-menu .btn.btn-ewm{ background-position:0 -70px;}
.right-menu .btn.btn-mail{ background-position:0 -140px;}
.right-menu .btn.btn-online{ background-position:0 -210px;}
.right-menu .btn.btn-top{ background-position:0 -280px; background-color:#babbbc;}
.right-menu .btn:hover{ background-color:#0089de;}
.right-menu .btn.btn-tell:hover,.right-menu .btn.btn-ewm:hover{ border-radius:0;}
.right-menu .btn-ewm .pic{ position:absolute; left:-160px; top:-45px; display:none; width:160px; height:160px; box-shadow:0 1px 3px rgba(2,2,2,.15); background:#fff;}
.right-menu .btn-tell .phone{ background:#0089de; position:absolute; width:200px; left:-200px; top:0; line-height:70px; color:#fff; font-size:18px; text-align:right; display:none; text-align:center;}
.right-menu .btn-tell .phonem{ position:absolute; width:240px; left:-240px; top:0; line-height:70px; color:#fff; font-size:18px; text-align: center; display:none;}