/* CSS Document */
@import url(main.css);
/*头部*/
.topmenu{ width:100%; height:80px; line-height:80px; margin:20px 0px;}
.logo{ float:left}
.header{position: relative;color: #333;}
.headerTitle{height: 80px;line-height: 80px;}
.headerTitle ul{padding-left:50px;}
.headerTitle li{float: left;padding:0 20px;cursor: pointer; color:#333; font-size:20px;}
.headerTitle li a {font-size:20px;}
.headerTitle li:hover,.headerTitle li.on{background-color: #fff; color:#5479AF!important}
.headerTitle li:hover{color:#5479AF}

.light_mv{ display: flex;list-style-type: none;}
.light_mv a {position: relative; text-decoration: none;}
.light_mv a:before {position: absolute;bottom: -2px;content: ""; width: 100%; height: 2px; background: #5479AF; transform: translateX(-100%); opacity: 0;}
.light_mv a:hover:before {opacity: 1; transition: 0.5s transform ease, 0.8s opacity ease; transform: translateX(0);}
.light_mv .active {color: #FF1EAD;}
.light_mv .active:hover:before {opacity: 0;}

.dropDownArea li a:hover {color:#5479AF}
.content{background-color: #eee;height: 150px;text-align: center; padding-top:15px; font-size: 16px;}
a.smallCell{text-decoration: none;}
.dropDownArea {color: rgba(0, 0, 0, .8);position: relative;display: inline-block;color: #eee;font-size: 20px;}
.dropDownArea.page:hover {color: rgba(0, 0, 0, .8);position: relative;display: inline-block;color: #eee;font-size: 20px;border-color: transparent !important;}
.dropDownArea img {vertical-align: baseline !important;}
.dropDownArea .myButton {display: inline-block;	/*color: #FFF;*/font-size: 15px;}
.dropDownArea {	position: relative;}
.dropDownArea .showDropDownArea {display: none;display: block; margin-top:30px; z-index:9999999999999}
.dropDownArea .showDropDownArea {display: none;position: absolute;left: 0;top: 80px;transform: translateX(0%);}
.dropDownArea .showDropDownArea .contentArea {display: flex;box-sizing: content-box;width:1200px;height: 345px;background: #ffffff;margin:0px auto; margin-left:-32px; border-radius: 6px;overflow: hidden;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);}
.dropDownArea .showDropDownArea .contentArea .leftSelect {width: 369px;height: 100%;background: #fff;}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell {height: 345px;box-sizing: border-box;padding-left:30px;display: flex;justify-content center;flex-direction: column;}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .cnName {height: 23px;font-size:15px;text-align: left;color: #666;line-height: 23px;font-weight: 600; height:auto; margin-top:45px;}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .enName {height: 36px;font-size:18px;text-align: left;color: #333;line-height: 36px; margin-top:28px;height:auto}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .leftSelect-right{ border-right:solid 1px #666; height:300px; width:20px; background-color:#FF0000; float:right}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .left-contact{height: 30px;font-size: 14px;text-align: left;color: #333;line-height: 30px; height:auto;margin-top:48px;}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell .left-contact span{ font-size:18px;}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell.choosed {background: #fff;position: relative;}
.dropDownArea .showDropDownArea .contentArea .leftSelect .downCell.choosed:after {position: absolute;content: "";left: 0;top: 50%;transform: translateY(-50%);}
.dropDownArea .showDropDownArea .contentArea .rightShow {width: 830px;background: #fff;height: 100%;box-sizing: border-box;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell {display: flex;justify-content: space-between;width: 830px;height: 137px;box-shadow: 0px -1px 0px 0px #e2e8ee inset;	padding: 14px 0;box-sizing: border-box;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell:last-child {box-shadow: none;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell {height: 100%;display: flex;justify-content: flex-start;align-items: center;width: 280px;cursor: pointer;box-sizing: border-box;padding-left: 40px;border-radius: 12px;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellLeftIcon {flex-shrink: 0;	width: 40px;height: 40px;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellLeftIcon img {width: 40px;height: 40px;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellRightArea {margin-left: 11px;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellRightArea .cellRightName {height: 24px;font-size: 18px;text-align: left;color: #222222;line-height: 24px;font-weight: 600;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell .smallCell .cellRightArea .cellRightDesc {margin-top: 1px;height: 19px;font-size: 14px;text-align: left;color: #999999;line-height: 19px;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell.ok .smallCell {background-color: #eef6fe;}
.proshowlist{ width:100%; float:left; padding:0px; margin:0px; height:267px; margin-top:24PX; border-left:solid 1px #EDEDED}
.proshowlist ul {padding:0px; margin:0px; padding-top:8PX; padding-left:20PX;}
.proshowlist ul li{ line-height:36px;  font-weight:400; font-size:15px; float:left; width:28%;}
.proshowlist ul li a{font-size:15px;position: relative; text-decoration: none;}
.proshowlist ul li a:before {position: absolute;bottom:-4px;content: ""; width: 100%; height: 2px; background: #5479AF; transform: translateX(-100%); opacity: 0;}
.proshowlist ul li a:hover:before {opacity: 1; transition: 0.5s transform ease, 0.8s opacity ease; transform: translateX(0);}
.proshowlist ul li .active {color: #FF1EAD;}
.proshowlist ul li .active:hover:before {opacity: 0;}
.proshowlist ul li:hover{ background-color:#EDEDED}

.topsearchemain{ float:right}
.topsearchemain_email{ float:left; background-color:#E9E7E7;border-radius:32px; padding:0px 10px; height:40px; margin-top:20px; margin-right:20px; line-height:36px;}
.topsearchemain_email span{  border-radius:24px; width:24px; height:24px; font-size:12px; background-color:#333333; display:block; color:#FFF;line-height:24px; float:left; margin-top:8px; margin-right:8px; text-align:center}
.topsearchemain_searche{ float:right; border:solid 2px #D2D2D2; width:200px; padding:0px 10px; border-radius:32px; height:36px; margin-top:20px;}
.topsearchemain_searche input{ border:none; float:right; height:36px; width:140px; line-height:36px; font-size:12px;color:#666}
.searche_icon{ float:left; width:30px; text-align:center; height:36px; line-height:36px;cursor:pointer;}
.searche_input{ float:left;width:160px; overflow:hidden}

/*首页*/
.mainall{ width:100%; height:auto; overflow:hidden; padding-bottom:40px;}
.titleh1{ font-size:24px; width:100%; text-align:center; margin-top:60px;}
.titleh1_news{ font-size:30px; width:100%; text-align:center; margin-top:0px;}
.titleg1line{ width:60px; height:1px; background:#999999; margin:10px auto 40px auto}

a.btn{background:#1B2A53;border-radius:4px;box-shadow:0 2px 0 0 rgba(0,0,0,0.25);color:#fff;display:inline-block;padding:6px 30px 8px;position:relative;text-decoration:none;transition:all .1s 0s ease-out}
.no-touch a.btn:hover{background:#00a2ad;box-shadow:0 8px 2px 0 rgba(0,0,0,0.075);transform:translateY(-2px);transition:all .25s 0s ease-out}
.no-touch a.btn:active,a.btn:active{background:#008a93;box-shadow:0 1px 0 0 rgba(255,255,255,0.25);transform:translate3d(0,1px,0);transition:all .025s 0s ease-out}
div.cards{margin:20px auto;width:100%;text-align:center; background:#FF0000}
div.card{background:#FFF;display:inline-block; margin-right:20px; margin-bottom:20PX; max-width:365px;perspective:1000;position:relative;text-align:left;transition:all .3s 0s ease-in;width:365px;z-index:1; float:left}
div.card img{max-width:365px;}
div.card:nth-child(4n){ margin-right:0px;}
div.card .card__image-holder{background:rgba(0,0,0,0.1);height:0;padding-bottom:75%; cursor:pointer}
div.card div.card-title{background:#EDEDED;padding:6px 15px 10px;position:relative;z-index:0; margin-top:60px;}
div.card div.card-title a.toggle-info{border-radius:32px;height:32px;padding:0;position:absolute;right:15px;top:10px;width:32px}
div.card div.card-title a.toggle-info span{background:#fff;display:block;height:2px;position:absolute;top:16px;transition:all .15s 0s ease-out;width:12px}
div.card div.card-title a.toggle-info span.left{right:14px;transform:rotate(45deg)}
div.card div.card-title a.toggle-info span.right{left:14px;transform:rotate(-45deg)}
div.card div.card-title h2{font-size:16px;line-height:24px; height:48px; width:90%;margin:0;padding:0;overflow: hidden;}
div.card div.card-title small{display:block;font-size:14px;}
div.card div.card-description{padding:15px 15px 10px;position:relative;font-size:14px}
div.card div.card-actions{box-shadow:0 2px 0 0 rgba(0,0,0,0.075);padding:10px 15px 20px;text-align:center}
div.card div.card-flap{background:#d9d9d9;position:absolute;width:100%;transform-origin:top;transform:rotateX(-90deg)}
div.card div.flap1{transition:all .3s .3s ease-out;z-index:-1}
div.card div.flap2{transition:all .3s 0s ease-out;z-index:-2}
div.cards.showing div.card{cursor:pointer;opacity:.6;transform:scale(0.88)}
.no-touch div.cards.showing div.card:hover{opacity:.94;transform:scale(0.92)}
div.card.show{opacity:1!important;transform:scale(1)!important}
div.card.show div.card-title a.toggle-info{background:#f66!important}
div.card.show div.card-title a.toggle-info span{top:15px}
div.card.show div.card-title a.toggle-info span.left{right:10px}
div.card.show div.card-title a.toggle-info span.right{left:10px}
div.card.show div.card-flap{background:#fff;transform:rotateX(0deg)}
div.card.show div.flap1{transition:all .3s 0s ease-out}
div.card.show div.flap2{transition:all .3s .2s ease-out}
.Solutions{ width:100%}
.Solutions ul li{ float:left; margin-bottom:30px; width:32%;  margin-right:2%;}
.Solutions ul li img{ width:100%; height:auto; overflow:hidden;}
.Solutions ul li .solutimg{ width:100%; height:237px; overflow:hidden; cursor:pointer}
.Solutions ul li div{ height:48px; line-height:48px; text-align:center; font-size:18px}
.Solutions ul li:nth-child(3n){ margin-right:0px;}
.hover-image {
    width: 100%; /* 默认情况下，图片填充容器宽度 */
    transition: transform 0.3s ease; /* 平滑变化 */
}
.hover-image:hover {transform: scale(1.1); /* 鼠标悬停时，图片缩放1.1倍 */}
.hover-image_ewm {
    width: 100%; /* 默认情况下，图片填充容器宽度 */
    transition: transform 0.3s ease; cursor:pointer /* 平滑变化 */
}
.hover-image_ewm:hover {transform: scale(3.1); /* 鼠标悬停时，图片缩放1.1倍 */}

.Newslist{ width:100%}
.Newslist ul li{ float:left; margin-right:43px; margin-bottom:30px; margin-right:1.5%; width:23.875%}
.Newslist ul li img{ width:100%; height:auto}
.Newslist ul li .date{ height:36px; background-color:rgba(0,0,0,0.5); line-height:36px; color:#FFF; width:100%; padding-left:8px; box-sizing:border-box; margin-top:-36px; position:relative}
.Newslist ul li .newtitle{ height:48px; line-height:48px; text-align:left; font-size:18px;}
.Newslist ul li:nth-child(4n){ margin-right:0px;}
.newsimg{ width:100%; height:236px; overflow:hidden}

/*新闻中心*/
.Newslist_ny{ width:1254px; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.Newslist_ny ul li{ float:left; margin-bottom:30px; margin-right:2%; width:32%}
.Newslist_ny ul li img{ width:100%; height:auto}
.Newslist_ny ul li .date{ height:36px; background-color:rgba(0,0,0,0.5); line-height:36px; color:#FFF; width:100%; padding-left:8px; box-sizing:border-box; margin-top:-36px; position:relative}
.Newslist_ny ul li .newtitle{ height:48px; line-height:48px; text-align:left; font-size:18px;}
.Newslist_ny ul li:nth-child(3n){ margin-right:0px;}
.titleh1_news_ny{ font-size:24px; width:100%; text-align:center; margin-top:0px;}
.titleh1_news_date{ font-size:16px; width:100%; text-align:center; margin-top:30px; color:#333}
.titleg1line_news{width:100%; height:1px; background:#F1F1F1; margin:30px auto 40px auto}
.newshow_wz{ font-size:14px; line-height:24px; color:#666}
.newsnyimg{ width:100%; height:261px; overflow:hidden}

/*简介*/
.mt100{ margin-top:100px;}
.mbx_main{ height:60px; background:url(../images/topbg.jpg) repeat-x; line-height:60px; padding:0px 20px; box-sizing:border-box; color:#666666}
.mbx_main a {color:#000}
.mbx_main a:hover {text-decoration:underline}
.about_img{ float:left; width:45%; padding-left:5%}
.about_img img{ max-width:95%;}
.about_wz{ float:right; width:45%; padding-right:5%; line-height:30px; font-size:14px; color:#666; padding-top:50PX;}
.about_wz h3{ font-size:24px; color:#333}
.title_02{ margin-top:-20px; font-size:16px;}
.mapmain{ width:100%; text-align:center; margin-top:40px; margin-bottom:80px;}

/*服务*/
.service_main{ width:100%; height:auto; overflow:hidden}
.service_main_list{ width:100%; height:auto; padding:30px; box-sizing:border-box; float:left; border-radius:16px; background:#F6F5F5; margin-bottom:60px;}

.service_main_left{ float:left; height:auto; width:380px; text-align:center; border-right:solid 1px #DDDDDD}
.service_main_left_02{float:left; height:auto; width:380px; text-align:center; padding:45px 0px; border-right:solid 1px #DDDDDD}
.service_main_right{ float:left; height:auto; width:1000px; line-height:26px; border-left:solid 1px #FFFFFF; padding-left:40px;}
.service_main_right h3{ font-size:24px; padding-top:15px;}

/*产品中心*/
.products_main{ width:100%; height:auto; margin-top:20px; overflow:hidden}
.products_main_left{ width:240px; height:auto; float:left; margin-bottom:60PX;overflow:hidden}
.products_main_left h3{ width:240px; height:60px; background:#1A2A52; text-align:center; color:#FFF; line-height:60PX; font-size:18PX; font-weight:lighter}
.products_main_left ul{ border-left:solid 1px #EFEFEF; border-right:solid 1px #EFEFEF; border-top:solid 1px #EFEFEF;}
.products_main_left ul li{ width:100%; height:auto; line-height:50px; padding-left:10px; border-sizing:border-box; border-bottom:solid 1px #EFEFEF}
.products_main_left ul li:hover{ background:#F1F1F1; cursor:pointer}
.products_main_right{ width:1254px; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.products_main_right ul li{ margin-right:2%; width:18.4%; box-sizing: border-box; overflow:hidden; margin-bottom:30px; height:auto; border:solid 1px #EDEDED; float:left; cursor:pointer}
.products_main_right ul li .divtitle{ width:100%;  background:#F6F6F6; height:auto; float:left; margin-top:8px; line-height:20px; height:78px; font-size:14px; text-align:left; padding:8px;box-sizing:border-box;  border-top:solid 1px #EDEDED;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.products_main_right ul li span{ font-size:14px; color:#666; line-height:22px; padding:8px; float:left}
.products_main_right ul li:hover .divtitle{ background:#F1F1F1; width:100%; height:78px; float:left;}
.products_main_right ul li img{ width:100%;aspect-ratio: 1/1;}
.products_main_right ul li:nth-child(5n){ margin-right:0px;}
.products_main_right ul li .pro_shuiyin { position:absolute; width:230px; height:230px; z-index:999999; margin-top:-230px;}
.products_main_show_right{width:1254px; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.proshow_right{ float:right; width:630px; height:auto; overflow:hidden; margin-right:20px;}
.proshow_name{ font-size:18px; border-bottom:solid 1px #F4F4F4; padding-bottom:20px; line-height:30px; margin-top:10px;}
.proshow_name span {font-size:18px; color:#666}
.proshow_cont{ font-size:14px; line-height:30px; margin-top:20px;}
.proshow_cont_01{ width:100%; float:left}
.proshow_cont_ewm{ width:auto; text-align:center; float:left; padding-bottom:0px; margin-top:30px;}
.proshow_cont_ewm span{ float:left; margin-right:8px;}
.proshow_cont_ewm img{ width:40px;}
.pro_que{ width:200px; height:36px; margin-bottom:20px; margin-top:10px; text-align:center; color:#FFF; float:left; background:#1A2A52; border-radius:8px; line-height:36px;}
.proshow_table { width:100%; margin-top:20px}
.proshow_table table{ width:100%; margin-top:20px}
.proshow_table td{ padding:10px 5px; width:33%; box-sizing:border-box;background-color:#FFF; color:#333; text-align:left; line-height:22px;}
.proshow_table table tr:nth-child(2n) td{background-color:#F2F2F2}
.proshow_table table tr:nth-child(1) td{ font-weight:bold}

/*英尺切换按钮*/
.checkbox {
  position: relative;
  display: inline-block;
}
.checkbox:after, .checkbox:before {
  font-family: FontAwesome;
  -webkit-font-feature-settings: normal;
     -moz-font-feature-settings: normal;
          font-feature-settings: normal;
  -webkit-font-kerning: auto;
     -moz-font-kerning: auto;
          font-kerning: auto;
  -webkit-font-language-override: normal;
     -moz-font-language-override: normal;
          font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.checkbox label {
  width: 45px;
  height: 24px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 24px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.checkbox label:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  left: 0;
  top: -5px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.checkbox input:hover + label:after {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.checkbox input:checked + label:after {
  left: 40px;
}
.model-8{ color:#333; line-height:24px; float:right; margin-bottom:30px }
.model-8-01{ height:24px; line-height:24px; float:left; padding-right:10px;}
.model-8-02{ height:24px; line-height:24px; float:right; padding-left:10px; margin-right:30px;}
.model-8 .checkbox label {background: #ddd;width: 45px;border-radius: 10px; color:#333;}
.model-8 .checkbox label:after {background: #fff;border-radius: 10px;top: 0;width: 30px; height: 24px;}
.model-8 .checkbox input:checked + label {background: #FF980F; float:right}
.model-8 .checkbox input:checked + label:after {left: 15px;}
.proshow_size{ float:right; margin-right:8px; border-bottom:solid 1px #EDEDED; width:100%; margin:16px 0px 0px 0px}

/*产品展示放大效果*/
.demo-body{width:540px; float:left}
.abPicZoom-preview{width:540px}
.abPicZoom-preview .bigImg{width:540px;height:540px;padding:0px;border:1px solid #EDEDED;background:#fff;overflow:hidden}
.abPicZoom-preview .bigImg li .big_pic { width:540px; height:540px; position:absolute; margin-top:0px;}
.abPicZoom-preview .bigImg li{width:540px;height:540px;overflow:hidden}
.abPicZoom-preview .bigImg li img{ width:540px;}
.abPicZoom-preview .preview,.abPicZoom-preview .bigImg li img{border-radius:0px}
.abPicZoom-preview .selector{ cursor:pointer}
.abPicZoom-preview .selector1{cursor:move;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;background-color:#000;border:1px solid #eee;width:160px;height:160px;background-image:url(../images/selector_bg.png);border-radius:8px}
.abPicZoom-preview .smallImg{position:relative;width:540px;height:100px;overflow:hidden}
.abPicZoom-preview .smallImg .smallList{width:466px;margin:0 auto;overflow:hidden}
.abPicZoom-preview .smallImg li{float:left;width:84px;padding:0px; margin-left:8px; margin-top:8px;}
.abPicZoom-preview .smallImg li img{border-radius:0px;width:82px;height:82px;cursor:pointer}
.abPicZoom-preview .smallImg li a{background:#DBDBDB;border:1px solid #DBDBDB;width:82px;height:82px;display:block}
.abPicZoom-preview .smallImg li.on a{background:#FFF;border:1px solid #999;width:82px;height:82px;display:block}
.abPicZoom-preview .smallImg li a:hover,.abPicZoom-preview .smallImg li.on a:hover{border:1px solid #999}
.abPicZoom-preview .sPrev,.abPicZoom-preview .sNext{border-radius:2px;z-index:2;position:absolute;top:26px;width:18px;height:48px;background:#efefef;font-size:18px;line-height:48px;color:#ccc;text-align:center;display:block}
.abPicZoom-preview .sPrev{left:10px}
.abPicZoom-preview .sNext{right:10px}
.abPicZoom-preview .sPrev:hover,.abPicZoom-preview .sNext:hover{color:#fff;background:#EEE}

/*产品分享*/
.proshorelist{ width:100%; margin-top:10px; float:left}
.proshorelist ul li{ float:left; width:24px; height:24px; text-align:center; border-radius:8px; background:#334C7B; text-align:center; line-height:24px; color:#fff; margin-right:10px;}
.proshorelist ul li span{ font-size:14px;}
.proshorelist ul li:nth-child(4) { background:none   }

/*产品详情选项卡*/
#tabbox{ width:100%; overflow:hidden; margin-top:40px;}
.tab_conbox{}
.tab_con{ display:none;}
.tabs{height: 55px; background:url(../images/v_1.jpg) repeat-x;width: 100%;}
.tabs li{height:55px;line-height:55px;float:left;overflow: hidden;position: relative;}
.tabs li a {display: block;padding: 0 60px;}
.tabs li a:hover {}	
.tabs .thistab,.tabs .thistab a{color:#FFF;}
.tabs .thistab,.tabs .thistab a:hover{  background:url(../images/v_2.jpg) no-repeat center; color:#FFF}
.tab_con {padding:12px 0px;font-size: 14px; line-height:175%;color:#FFF}
.tab_con iframe { width:100%; height:auto;aspect-ratio: 16/9;}

.proshow_table { width:100%; margin-top:20px}
.proshow_table  td{ padding:10px 20px; width:33%; box-sizing:border-box;color:#333; text-align:left; line-height:22px;}
.proshow_table  tr:nth-child(2n) {background-color:#F9F9F9}

.pro_speci{ color:#333; line-height:24px; height:auto; font-size:16px; padding:0px 10px; float:left; width:100%; border-sizing:border-box}
.pro_speci span{ width:30%; float:left;font-size:14px; height:auto; line-height:24px;padding:10px; box-sizing:border-box }
.pro_speci a{ font-size:14px;height:auto; float:right; width:65%; line-height:24px; padding:10px 10px; box-sizing:border-box }


.pro_speci:nth-child(2n){ background:#F9F9F9;}

/*产品资料下载*/
.pro_down_main{ width:100%; height:auto; overflow:hidden}
.pro_down_tags{ height:auto; background:#F9F9F9; width:46%; padding:18px; float:left; margin-right:2%; overflow:hidden; margin-bottom:15px;}
.pro_down_tags_img{ float:left}
.pro_down_tags_wz{ float:left; color:#666; padding-left:20px;}
.pro_down_tags_wz span{ color:#333; font-size:16px; padding-top:20px; float:left; width:100%}
.pro_down_xz span{ width:40px; height:40px; border-radius:4px; background:#EDEDED; display:block; float:right; text-align:center; line-height:40px; color:#333; margin-top:23px;cursor:pointer;}
.pro_down_tags:nth-child(2n){ margin-right:0%;}

/*联系我们*/
.map_main{ width:1219px; margin:0px auto;}
.contact_title{ font-size:30px;padding-left:20px; height:80px; line-height:80px; margin-top:30px}
.contact_title_01{ font-size:18px; background:#EEEEEE; height:72px; line-height:72px; padding-left:20px; color:#666}
.contact_title_01 strong{font-size:18px; color:#333}
.contact_title_02{ font-size:18px; height:72px; line-height:72px;padding-left:20px; color:#666}
.contact_title_02 strong{font-size:18px;color:#333}
.contact_wz{font-size:24px; margin-bottom:30px; margin-top:60px;}
.contact_feedback_wz{ font-size:14px; margin-bottom:20px;}
.contact_feedback_wz input{ width:100%; border: solid 1px #EDEDED; height:20PX; line-height:20PX; padding:15px 5px; margin-top:8px; box-sizing:border-box;}
.contact_feedback_wz textarea{width:100%; border: solid 1px #EDEDED; height:200px; line-height:20PX; padding:5px; margin-top:8px; box-sizing:border-box;outline:none}
.contact_sub{ width:190px; text-align:center; height:44px; line-height:44px; color:#fff; font-size:18px; background:#334C7B; border-radius:8px; margin:0px auto 100px auto; cursor:pointer	}
.contact_sub:hover{ background:#5479AF}

/*底部*/
.bottom_contact{ color:#fff}
.bottom_left{ float:left; width:330px; height:290px;overflow:hidden}
.bottom_contact{ line-height:30px; margin-top:20px;}
.bottom_right{ width:880px; float:left;height:290px}
.bottom_prolist{ margin-top:20px;}
.bottom_prolist ul li{ float:left; width:32%; line-height:30px; color:#FFF; font-size:14px;}
.bottom_prolist ul li a{float:left; width:32%; line-height:30px; color:#FFF; margin:0px; padding:0px; font-size:14px;white-space: nowrap;}
.bottom_prolist ul li a:hover{float:left; width:32%; line-height:30px; color:#FFF; margin:0px; padding:0px; font-size:14px;text-decoration: underline;}
.pro_title{ color:#FFF; font-size:24PX;}
.bottom_Service{ float:right; width:250px;}
.bottom_Service ul li{ float:left; width:100%}
.tags{ color:#FFF; padding:0px 0px 20px 0px; line-height:24px;}
.bottomcop{ color:#FFF; text-align:center; height:86PX; line-height:86px;}
.shorelist{ width:100%; margin-top:10px;}
.shorelist ul li{ float:left; width:34px; height:34px; border-radius:34px; background:#FFF; text-align:center; line-height:34PX; color:#334C7B; margin-right:10PX;}

@media screen and (max-width:1440px){
.logo img{ width:150px}
.headerTitle li{float: left;padding:0 16px;cursor: pointer; color:#333; font-size:14px;}
.headerTitle li a {font-size:14px;}
.dropDownArea .showDropDownArea .contentArea {display: flex;box-sizing: content-box;width: 1200px;height: 345px;background: #ffffff; margin-left:-142px; border-radius: 6px;overflow: hidden;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);}

.topsearchemain_email{ float:left; background-color:#E9E7E7;border-radius:32px; font-size:12px;padding:0px 10px; height:36px; margin-top:20px; margin-right:20px; line-height:36px;}
.topsearchemain_email span{  border-radius:24px; width:24px; height:24px; font-size:12px; background-color:#333333; display:block; color:#FFF;line-height:24px; float:left; margin-top:6px; margin-right:8px; text-align:center}
.topsearchemain_searche{ float:right; border:solid 2px #D2D2D2; width:170px; padding:0px 10px; border-radius:32px; height:32px; margin-top:20px;}
.topsearchemain_searche input{ border:none; float:right; height:32px; width:130px; line-height:32px; font-size:12px;color:#666}
.searche_icon{ float:left; width:30px; text-align:center; height:32px; line-height:32px;cursor:pointer;}
.searche_input{ float:left;width:140px; overflow:hidden;}
.titleh1{ font-size:24px; width:100%; text-align:center; margin-top:40px;}
.titleg1line{ width:60px; height:1px; background:#999999; margin:10px auto 30px auto}
.titleh1_news{ font-size:24px; width:100%; text-align:center; margin-top:0px;}

.Solutions ul li .solutimg{ width:100%; height:189px; overflow:hidden; cursor:pointer}
.newsimg{ width:100%; height:189px; overflow:hidden}
div.card{background:#FFF;display:inline-block; margin-right:10px; margin-bottom:20PX; max-width:297px;perspective:1000;position:relative;text-align:left;transition:all .3s 0s ease-in;width:297px;z-index:1; float:left}
div.card img{max-width:297px;}
div.card div.card-title h2{font-size:16px;line-height:24px; height:48px; width:90%;margin:0;padding:0;overflow: hidden;}
div.card div.card-title small{display:block;font-size:12px;font-weight:300;letter-spacing:-0.025em}

.products_main_show_right{width:980px; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.proshow_right{ float:right; width:370px; height:auto; overflow:hidden; margin-right:20px;}
.pro_down_tags{ height:auto; background:#F9F9F9; width:45%; padding:18px; float:left; margin-right:2%; overflow:hidden}
.products_main_right{ width:980px; float:right; height:auto; margin-bottom:100px; overflow:hidden}

.products_main_left{ width:220px; height:auto; float:left; margin-bottom:60PX;overflow:hidden}
.products_main_left h3{ width:220px; height:36PX; background:#1A2A52; text-align:center; color:#FFF; line-height:36PX; font-size:14PX; font-weight:lighter}
.products_main_left ul{ border-left:solid 1px #EFEFEF; border-right:solid 1px #EFEFEF; border-top:solid 1px #EFEFEF;}
.products_main_left ul li{ width:100%; height:auto; line-height:36px; padding-left:10px; border-sizing:border-box; border-bottom:solid 1px #EFEFEF}
.products_main_left ul li:hover{ background:#F1F1F1; cursor:pointer}

.service_main_left{ float:left; height:auto; width:360px; text-align:center; border-right:solid 1px #DDDDDD}
.service_main_left_02{float:left; height:auto; width:360px; text-align:center; padding:22px 0px; border-right:solid 1px #DDDDDD}
.service_main_right{ float:left; height:auto; width:740px; line-height:22px; font-size:12px; border-left:solid 1px #FFFFFF; padding-left:40px;}
.service_main_right h3{ font-size:18px; padding-top:15px;}

.about_wz{ float:right; width:45%; padding-right:5%; line-height:22px; font-size:14px; color:#666; padding-top:30PX;}
.about_wz h3{ font-size:18px; color:#333}

.mt100{ margin-top:100px;}
.mt30{ margin-top:30px;}
.map_main{ width:1200px; margin:0px auto;}
.contact_title{ font-size:24px;padding-left:20px; height:80px; line-height:80px; margin-top:30px}
.contact_title_01{ font-size:14px; background:#EEEEEE; height:52px; line-height:52px; padding-left:20px; color:#666}
.contact_title_02{ font-size:14px; height:52px; line-height:52px;padding-left:20px; color:#666}
.contact_feedback_wz input{ width:100%; border: solid 1px #EDEDED; height:20PX; line-height:20PX; padding:15px 5px; margin-top:8px; box-sizing:border-box;}

.Newslist_ny{ width:950px; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.newsnyimg{ width:100%; height:198px; overflow:hidden}

.bottom_prolist{ margin-top:20px;}
.bottom_prolist ul li{ float:left; width:32%; font-size:12px; line-height:24px; color:#FFF}
.bottom_prolist ul li a{ float:left; width:32%; font-size:12px; line-height:24px; color:#FFF;white-space: nowrap;}
.bottom_prolist ul li a:hover{ float:left; width:32%; font-size:12px; line-height:24px;text-decoration: underline;}
.pro_title{ color:#FFF; font-size:18PX;}
.bottom_left{ float:left; width:330px; height:250px}
.bottom_right{ width:660px; float:left;height:250px;}

.bottom_Service{ float:right; width:180px;}
.bottom_Service ul li{ float:left; width:100%}
.bottomtags{ color:#FFF; padding:12px 0px; line-height:30px;}
.bottomcop{ color:#FFF; text-align:center; height:60PX; line-height:60px; font-size:12PX;}
}

@media screen and (max-width:1305px){

}
@media screen and (max-width:1280px){
.products_main_right{ width:980px; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.products_main_right ul li{ margin-right:2%; width:18.4%; box-sizing: border-box; overflow:hidden; margin-bottom:30px; height:auto; border:solid 1px #EDEDED; float:left; cursor:pointer}
.products_main_right ul li .divtitle{ width:100%; height:auto; float:left; margin-top:8px; box-sizing:border-box; line-height:20px; height:78px; font-size:14px; text-align:left; padding:8px;box-sizing:border-box;  border-top:solid 1px #EDEDED;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.products_main_right ul li span{ font-size:12px; color:#666; line-height:22px; padding:8px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; float:left}
.products_main_right ul li:hover .divtitle{ background:#F1F1F1; width:100%; height:78px; box-sizing:border-box;float:left;}
.products_main_right ul li img{ width:100%;}
.products_main_right ul li:nth-child(5n){ margin-right:0px;}
.products_main_right ul li .pro_shuiyin { position:absolute; width:178px; height:178px; z-index:999999; margin-top:-178px;}
div.card div.card-title h2{font-size:16px;line-height:24px; height:48px; width:85%;margin:0;padding:0;overflow: hidden;}
}

@media screen and (max-width:1200px){
.headerTitle{height: 40px;line-height: 40px;}
.logo img{ width:120px}
.bottomdiv{ display:none}
.leftSelect{ display:none}
.mbtopsearch{ width:100%; height:auto; overflow:hidden}
.headerTitle ul{padding-left:5px;}
.headerTitle li{float: left;padding:0 5px;cursor: pointer; color:#333; font-size:12px;}
.headerTitle li a { font-size:12px;}
.Solutions ul li .solutimg{ width:100%; height:auto; overflow:hidden; cursor:pointer}

.hover-image {
    width: 100%; /* 默认情况下，图片填充容器宽度 */
    transition: transform 0.3s ease; /* 平滑变化 */
}
.hover-image:hover {transform: scale(1.0); /* 鼠标悬停时，图片缩放1.1倍 */}

.dropDownArea .showDropDownArea {display: none; margin-top:-20px; z-index:9999999999999}
.dropDownArea .showDropDownArea .contentArea {display: flex;box-sizing: content-box;width:100%;height:auto;background: #FFF; margin:0px auto; margin-left:4%; border-radius: 6px;overflow: hidden;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);}
.dropDownArea .showDropDownArea .contentArea .rightShow {width:100%;background: #fff;height: 100%;box-sizing: border-box;}
.dropDownArea .showDropDownArea .contentArea .rightShow .rightBigCell {display: flex;justify-content: space-between;width: 100%;height:auto;box-shadow: 0px -1px 0px 0px #e2e8ee inset;	padding: 14px 0;box-sizing: border-box;}

.proshowlist{ width:100%; float:left; padding:0px; margin:0px; height:auto; margin-top:0PX; border-left:none}
.proshowlist ul {padding:0px; margin:0px; padding-top:8PX; padding-left:20px;width:100%;}
.proshowlist ul li{ line-height:30px; font-weight:400; height:30px; color:#333; font-size:14px; float:left; width:40%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.proshowlist ul li:hover{ background-color:#EDEDED}

div.cards{margin:20px auto;width:100%;text-align:center; background:#FF0000}
div.card{background:#FFF;display:inline-block; margin-right:4%; margin-bottom:20PX; max-width:48%;perspective:1000;position:relative;text-align:left;transition:all .3s 0s ease-in;width:365px;z-index:1; float:left}
div.card img{max-width:100%;}
div.card:nth-child(2n){ margin-right:0px;}

.Newslist{ width:100%}
.Newslist ul li{ float:left; margin-right:43px; margin-bottom:10px; margin-right:4%; width:48%}
.Newslist ul li img{ width:100%; height:auto}
.Newslist ul li .date{ height:36px; background-color:rgba(0,0,0,0.5); line-height:36px; color:#FFF; width:100%; padding-left:8px; box-sizing:border-box; margin-top:-36px; position:relative}
.Newslist ul li .newtitle{ height:36px; line-height:36px; text-align:left; font-size:14px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.Newslist ul li:nth-child(2n){ margin-right:0px;}

.Solutions{ width:100%}
.Solutions ul li{ float:left; margin-bottom:10px; width:48%;  margin-right:2%;}
.Solutions ul li img{ width:100%; height:auto; overflow:hidden;}
.Solutions ul li div{ height:36px; line-height:36px; text-align:center; font-size:14px}
.Solutions ul li:nth-child(2n){ margin-right:0px;}
.Newslist_ny ul li:nth-child(4n-1){ margin-right:2%;}
.Newslist_ny ul li:nth-child(9){ margin-right:2%;}

.mbx_main{ height:60px; background:url(../images/topbg.jpg) repeat-x; line-height:60px; padding:0px 20px; margin-top:60px; box-sizing:border-box; color:#666666}
.about_img{ float:left; width:100%; padding-left:0%; margin:0px auto; text-align:center}
.about_img img{ max-width:100%; margin:0px auto}
.about_wz{ float:right; width:100%; padding-right:0%; line-height:22px; font-size:12px; color:#666; padding-top:20PX;}
.about_wz h3{ font-size:18px; color:#333}
.mapmain{ width:100%; text-align:center; margin-top:20px; margin-bottom:80px;}
.mapmain img{ width:100%; text-align:center;}
.map_main{ width:100%; margin:0px auto;}

.contact_title{ font-size:14px;padding-left:10px; height:48px; line-height:48px; margin-top:30px}
.contact_title_01{ font-size:14px; background:#EEEEEE; height:auto; line-height:24px; padding-left:20px; padding:15px 10px; color:#666}
.contact_title_01 span{ padding-left:40px;}
.contact_title_02{ font-size:14px; height:auto; line-height:24px;padding-left:20px; padding:15px 10px; color:#666}
.contact_feedback_wz textarea{width:100%; border: solid 1px #EDEDED; height:100px; line-height:20PX; padding:5px; margin-top:8px; box-sizing:border-box;outline:none}
.contact_wz{font-size:18px; margin-bottom:30px; margin-top:30px;}
.contact_title_01 strong{font-size:14px;color:#333}
.contact_title_02 strong{font-size:14px;color:#333}

.products_main_right{ width:100%; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.products_main_right ul li{ margin-right:4%; width:48%; box-sizing: border-box; overflow:hidden; margin-bottom:30px; height:auto; border:solid 1px #EDEDED; float:left; cursor:pointer}
.products_main_right ul li div{ width:100%; height:auto; float:left; margin-top:8px; text-align:left; padding:8px;  border-top:solid 1px #EDEDED}
.products_main_right ul li div span{ font-size:12px;}
.products_main_right ul li:hover div{ background:#F1F1F1; width:100%; height:auto; float:left;}
.products_main_right ul li img{ width:100%;}
.products_main_right ul li:nth-child(2n){ margin-right:0px;}

.products_main_show_right{width:100%; float:right; height:auto; margin-bottom:100px; overflow:hidden}

div.card div.card-title a.toggle-info{border-radius:24px;height:24px;padding:0;position:absolute;right:15px;top:10px;width:24px}
div.card div.card-title a.toggle-info span{background:#fff;display:block;height:2px;position:absolute;top:12px;transition:all .15s 0s ease-out;width:12px}
div.card div.card-title a.toggle-info span.left{right:10px;transform:rotate(45deg)}
div.card div.card-title a.toggle-info span.right{left:10px;transform:rotate(-45deg)}

div.card div.card-title h2{font-size:14px;line-height:24px; height:48px; width:90%;margin:0;padding:0;overflow: hidden;}
div.card div.card-title small{display:block;font-size:12px; height:30px; overflow:hidden}

/*产品展示放大效果*/
.demo-body{width:100%; float:none; margin:0px auto}
.abPicZoom-preview{width:100%;margin:0px auto}
.abPicZoom-preview .bigImg{width:100%!important;height:auto;padding:0px;border:1px solid #EDEDED; margin:0px;  box-sizing:border-box; background:#fff;overflow:hidden}
.abPicZoom-preview .bigImg li{width:100vw!important;height:auto;padding-bottom: 100%;position: relative;overflow:hidden;}
.abPicZoom-preview .bigImg li img{ width:100vw!important;}
.abPicZoom-preview .preview,.abPicZoom-preview .bigImg li img{border-radius:0px}
.abPicZoom-preview .selector{ cursor:pointer}
.abPicZoom-preview .selector1{cursor:move;filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;background-color:#000;border:1px solid #eee;width:160px;height:160px;background-image:url(../images/selector_bg.png);border-radius:8px}
.abPicZoom-preview .smallImg{position:relative;width:100%;height:100px; margin:0px auto;overflow:hidden;}
.abPicZoom-preview .smallImg .smallList{width:390px;margin:0 auto; overflow:hidden; }
.abPicZoom-preview .smallImg li{float:left;width:70px;padding:0px; margin-left:5px; margin-top:8px;}
.abPicZoom-preview .smallImg li img{border-radius:0px;width:100%;height:100%;cursor:pointer}
.abPicZoom-preview .smallImg li a{background:#DBDBDB; box-sizing:border-box; border:1px solid #DBDBDB;width:100%;height:100%;display:block}
.abPicZoom-preview .smallImg li.on a{background:#FFF;border:1px solid #999;width:100%;height:100%; box-sizing:border-box; display:block}
.abPicZoom-preview .smallImg li a:hover,.abPicZoom-preview .smallImg li.on a:hover{border:1px solid #999}
.abPicZoom-preview .sPrev,.abPicZoom-preview .sNext{border-radius:2px;z-index:2;position:absolute;top:20px;width:18px;height:48px;background:#efefef;font-size:18px;line-height:48px;color:#ccc;text-align:center;display:block}
.abPicZoom-preview .sPrev{left:10px}
.abPicZoom-preview .sNext{right:10px}
.abPicZoom-preview .sPrev:hover,.abPicZoom-preview .sNext:hover{color:#fff;background:#EEE}

.proshow_right{ float:right; width:100%; height:auto; overflow:hidden; margin:0px;}
.pro_speci{ color:#333; line-height:24px; height:auto; font-size:12px; padding:0px 10px; float:left; width:100%; border-sizing:border-box}
.pro_speci span{ width:40%; float:left;font-size:12px; height:auto; line-height:18px;padding:10px 0px }
.pro_speci a{ font-size:12px;height:auto; float:right; width:40%; line-height:18px; padding:10px 0px }
.pro_speci:nth-child(2n){ background:#F9F9F9;}
.pro_down_tags{ height:auto; background:#F9F9F9; width:100%; padding:18px; float:left; margin-right:0%; box-sizing:border-box; margin-bottom:20px; overflow:hidden}

.Newslist_ny{ width:100%; float:right; height:auto; margin-bottom:100px; overflow:hidden}
.Newslist_ny ul li{ float:left; margin-bottom:30px; margin-right:2%; width:48%}
.Newslist_ny ul li img{ width:100%; height:auto}
.Newslist_ny ul li .date{ height:36px; background-color:rgba(0,0,0,0.5); line-height:36px; color:#FFF; width:100%; padding-left:8px; box-sizing:border-box; margin-top:-36px; position:relative}
.Newslist_ny ul li .newtitle{ height:48px; line-height:48px; text-align:left; font-size:18px;}
.Newslist_ny ul li:nth-child(2n){ margin-right:0px;}
.Newslist_ny ul li:nth-child(4n-1){ margin-right:2%;}
.Newslist_ny ul li:nth-child(9){ margin-right:2%;}

/*服务*/
.service_main{ width:100%; height:auto; overflow:hidden}
.service_main_list{ width:100%; height:auto; padding:30px; box-sizing:border-box; float:left; border-radius:16px; background:#F6F5F5; margin-bottom:40px;}
.service_main_list:nth-child(5){ margin-bottom:100px;}
.service_main_left{ float:left; height:auto; width:100%; text-align:center; border-right:none}
.service_main_left img{ width:40%}
.service_main_left_02{float:left; height:auto; width:100%; text-align:center; padding:22px 0px; border-right:none}
.service_main_left_02 img{ width:40%}
.service_main_right{ float:left; height:auto; width:100%; line-height:22px; border-left:none; padding-left:0%;}
.service_main_right h3{ font-size:18px; padding-top:15px;}
}
@media screen and (max-width:1024px) {
		

}
@media screen and (max-width:620px){

	
}
@media screen and (max-width:380px){

}
@media screen and (max-width:360px){

}