﻿
@media (min-width:1201px) {
/*类别导航*/
div#c500020001 { width: 100% !important;}
div#i57cd6d25c1c72470>ul>li {display: none;width: 100% !important;}
div#i57cd6d25c1c72470>ul>li.xg_tMenuLi1-select{display: block !important;}
div#i57cd6d25c1c72470>ul>li .xg_tTitle1{ display: none;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li{position:relative;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li .xg_tTitle2{transition: all 0.5s}

#i57cd6d25c1c72470 .xg_tMenuUl2>li:after{content: "";height: 0;transition: all 0.5s;background: #009FA8;position: absolute;z-index: 0;width: 100%;left: 0; bottom: 0;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li:hover:after{ height: 58px;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li.xg_tMenuLi2-select:after{height: 58px;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li:hover .xg_tTitle2{color:#fff;position:relative;z-index:10;} 
#i57cd6d25c1c72470 .xg_tMenuUl2>li.xg_tMenuLi2-select .xg_tTitle2{color:#fff;position:relative;z-index:10;  }

div#ib63368975202915d>ul>li {display: none;}
div#ib63368975202915d>ul>li.xg_tMenuLi1-select {display: block !important;}
div#ib63368975202915d>ul>li.xg_tMenuLi1-select .xg_tTitle1 { display: none;}
div#ib63368975202915d>ul>li .xg_tMenuUl2>li { display: none;}
div#ib63368975202915d>ul>li .xg_tMenuUl2>li.xg_tMenuLi2-select{display: block !important;}
div#ib63368975202915d>ul>li .xg_tMenuUl2>li .xg_tTitle2 { display: none;}



/*1*/
div#i25ba69a39bfdd721>div>div:first-child{display:none;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div {width: 280px;height: 260px;float: left;background: #fff;margin: 20px 0 0 20px;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div .xg_img.p1772mcf3df221e5b6eece {width: 60px;margin: 50px auto 0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div .xg_text.p1772m81da05e038985f25 { width: 90%; margin: 12px auto 0;text-align: center;font-size: 18px;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div .xg_text.p1772mc5e2acf381b505ea {width: 220px;margin: 20px auto 0;font-size: 12px;color: #666;line-height: 18px;text-align: center;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:nth-child(3n+1) { margin: 20px 0 0 0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:after{content: "";height: 6px;transition: all 0.5s;background: #009FA8;position: absolute;z-index: 0;width: 0;bottom: 0px;left:0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover:after{ width: 100%;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover .p1772m81da05e038985f25{color: #009FA8;font-weight: 500;}

.p1772mcf3df221e5b6eece img{transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover .p1772mcf3df221e5b6eece img{transform: rotateZ(180deg);}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:before{content: "";height: 100px;transition: all 0.5s;background:url("http://web72-64770.119.maitl.com.cn/Images/Upload/20210602/6458860b971f49b5991a35f58a699124.png") no-repeat;
position: absolute;z-index: 0;width: 0;top: 0px;left:0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover:before{ width: 100%;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div>div:nth-child(1) { display: none;}


/*产品*/
#i642d67c992bc2b8a>div>div>div:nth-child(2){width: 880px;}
.cur>div:nth-child(1) .p1772maa79f1c20857b5cb{background-image: url(https://0.rc.xiniu.com/g2/M00/54/9F/CgAGe2DSjWeAEangAAABDB2slMU714.png);width: 430px;}
.p1772m6ab89af47b3dcb3e:after{ content: "";height: 6px;transition: all 0.5s; background: #009FA8;position: absolute;z-index: 0; width: 0;top: 0px;left: 0;}
#i642d67c992bc2b8a>div>div>div:hover .p1772m6ab89af47b3dcb3e:after{ width: 100%;}
.cur .p1772m6ab89af47b3dcb3e:after{ width: 100%;}
#i642d67c992bc2b8a .data_col:nth-child(2n)>div:nth-child(2){margin-left: -449px;}
#i642d67c992bc2b8a .data_col:nth-child(2n) {margin-right: 0px;}
#i642d67c992bc2b8a .data_col {float: none;width: 430px;display: inline-block;margin-right: 16px;}
.p1772m6ab89af47b3dcb3e {width: 430px !important;}



/*2*/
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div {width: 430px;height: 200px;float: left;margin: 20px 0 0 20px;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_img.p1772mcf3df221e5b6eece { width: 100%;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_text.p1772m81da05e038985f25 { width: 376px; margin: 40px auto 0;text-align: left;font-size: 18px; color: #fff;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div:nth-child(2n+1) {margin: 20px 0 0 0;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div>div:nth-child(2){position: absolute;top: 0;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_text.p1772mc5e2acf381b505ea{width: 32px;height:3px; background: #fff;margin: 8px 0 0 30px;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_text.p1772mc5e2acf381b505ea>div{ display: none;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div:hover .p1772mcf3df221e5b6eece img{ transform: scale(1.1);}


/*3*/
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div { width: 280px; height: 160px;float: left;background: #fff;margin: 20px 0 0 20px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div .xg_img.p1772mcf3df221e5b6eece { width: 60px;height: 60px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div .xg_text.p1772m81da05e038985f25 { width: 100%;text-align: left;font-size: 20px;color: #333;line-height: 60px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:nth-child(3n+1) { margin: 20px 0 0 0;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div:nth-child(2){ width: 60px;float: left;margin-left: 40px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div:nth-child(3) { width: 150px;float: left; margin-left: 12px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div .xg_text.p1772mc5e2acf381b505ea { display: none;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div:nth-child(1){background: url("https://0.rc.xiniu.com/g1/M00/4C/72/CgAGS2C0rXCAZEFQAAAEy10zTRM597.png") repeat-x;height: 36px;width: 100%;display: block;margin-bottom: 14px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div .no_content_add_span{display: none;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:before{content: "";width: 6px;height: 0;background: #009FA8;position: absolute;left: -6px;top: -6px;transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:after{content: "";width: 0;height: 6px;background: #009FA8;position: absolute;left: -6px;top: -6px;transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div{transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover{ border: 1px solid #009FA8;box-shadow: 0px 2px 13px rgb(0,159,168,0.5);}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover:before{height: 80px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover:after{width: 120px;}

div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover .p1772mcf3df221e5b6eece img{transform: rotateZ(180deg); }
.p1772m857dcfce2bf24c9b>div:nth-child(2) { position: absolute; bottom: 0;width: 100%;}
.more{text-align: center; margin: 30px auto 0;}
.more a{display: inline-block; font-size: 12px;color: #333333; padding-right: 16px;background: url("https://0.rc.xiniu.com/g2/M00/4E/6B/CgAGe2C3V7uAW7WXAAABHCAhBT4598.png") right center no-repeat;}
.more a:hover{color: #009fa8;}


.xg_text.p1772m08f813d88c609c38 img {width: 50% !important;}


}


@media (max-width:1200px) {


/*类别导航*/
div#c500020001 { width: 100% !important;}
div#i57cd6d25c1c72470>ul>li {display: none;width: 100% !important;}
div#i57cd6d25c1c72470>ul>li.xg_tMenuLi1-select{display: block !important;}
div#i57cd6d25c1c72470>ul>li .xg_tTitle1{ display: none;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li{position:relative;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li .xg_tTitle2{transition: all 0.5s}

/*#i57cd6d25c1c72470 .xg_tMenuUl2>li:after{content: "";height: 0;transition: all 0.5s;background: #009FA8;position: absolute;z-index: 0;width: 100%;left: 0; bottom: 0;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li:hover:after{ height: 58px;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li.xg_tMenuLi2-select:after{height: 58px;}
#i57cd6d25c1c72470 .xg_tMenuUl2>li:hover .xg_tTitle2{color:#fff;position:relative;z-index:10;} 
#i57cd6d25c1c72470 .xg_tMenuUl2>li.xg_tMenuLi2-select .xg_tTitle2{color:#fff;position:relative;z-index:10;  }*/

div#ib63368975202915d>ul>li {display: none;}
div#ib63368975202915d>ul>li.xg_tMenuLi1-select {display: block !important;}
div#ib63368975202915d>ul>li.xg_tMenuLi1-select .xg_tTitle1 { display: none;}
div#ib63368975202915d>ul>li .xg_tMenuUl2>li { display: none;}
div#ib63368975202915d>ul>li .xg_tMenuUl2>li.xg_tMenuLi2-select{display: block !important;}
div#ib63368975202915d>ul>li .xg_tMenuUl2>li .xg_tTitle2 { display: none;}



/*1*/
div#i25ba69a39bfdd721>div>div:first-child{display:none;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div {width: 280px;height: 260px;float: left;background: #fff;margin: 20px 0 0 20px;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div .xg_img.p1772mcf3df221e5b6eece {width: 60px;margin: 50px auto 0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div .xg_text.p1772m81da05e038985f25 { width: 90%; margin: 12px auto 0;text-align: center;font-size: 18px;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div .xg_text.p1772mc5e2acf381b505ea {width: 220px;margin: 20px auto 0;font-size: 12px;color: #666;line-height: 18px;text-align: center;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:nth-child(3n+1) { margin: 20px 0 0 0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:after{content: "";height: 6px;transition: all 0.5s;background: #009FA8;position: absolute;z-index: 0;width: 0;bottom: 0px;left:0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover:after{ width: 100%;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover .p1772m81da05e038985f25{color: #009FA8;font-weight: 500;}

.p1772mcf3df221e5b6eece img{transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover .p1772mcf3df221e5b6eece img{transform: rotateZ(180deg);}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:before{content: "";height: 100px;transition: all 0.5s;background:url("http://web72-64770.119.maitl.com.cn/Images/Upload/20210602/6458860b971f49b5991a35f58a699124.png") no-repeat;
position: absolute;z-index: 0;width: 0;top: 0px;left:0;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div:hover:before{ width: 100%;}
div#i25ba69a39bfdd721>div>div:first-child>div>div>div>div:nth-child(1) { display: none;}


/*产品*/

.cur>div:nth-child(1) .p1772maa79f1c20857b5cb{background-image: url(https://0.rc.xiniu.com/g2/M00/54/9F/CgAGe2DSjWeAEangAAABDB2slMU714.png);}
.p1772m6ab89af47b3dcb3e:after{ content: "";height: 6px;transition: all 0.5s; background: #009FA8;position: absolute;z-index: 0; width: 0;top: 0px;left: 0;}
#i642d67c992bc2b8a>div>div>div:hover .p1772m6ab89af47b3dcb3e:after{ width: 100%;}
.cur .p1772m6ab89af47b3dcb3e:after{ width: 100%;}
#i642d67c992bc2b8a .data_col:nth-child(2n) {margin-right: 0px;}
#i642d67c992bc2b8a .data_col {}
.p1772m6ab89af47b3dcb3e {}


.p1772m66dac0f6b2f996e7 .data_col {width: 100% !important;position: relative;overflow: hidden;}
/*2*/
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div {width: 430px;height: 200px;float: left;margin: 20px 0 0 0px;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_img.p1772mcf3df221e5b6eece { width: 100%;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_text.p1772m81da05e038985f25 {width: 100%;margin: 40px auto 0;text-align: left;font-size: 14px;color: #fff;padding-left: 18px;margin-top: 19px;line-height: 20px;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div:nth-child(2n+1) {margin: 20px 0 0 0;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div>div:nth-child(2){position: relative;top: 0;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div>div:nth-child(3){position: absolute;top: 0;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_text.p1772mc5e2acf381b505ea{width: 32px;height:3px;background: #fff;margin: 14px 0 0 18px;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div .xg_text.p1772mc5e2acf381b505ea>div{ display: none;}
div#i25ba69a39bfdd721>div>div:nth-child(2)>div>div>div:hover .p1772mcf3df221e5b6eece img{ transform: scale(1.1);}


/*3*/
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div {width: 48% !important;height: 160px;float: left;background: #fff;margin: 20px 4% 0 0;min-height: 16rem !important;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div .xg_img.p1772mcf3df221e5b6eece { width: 60px;height: 60px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div .xg_text.p1772m81da05e038985f25 {width: 100%;text-align: center;font-size: 16px;color: #333;line-height: 38px;height: 38px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:nth-child(2n) { margin: 20px 0 0 0;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div:nth-child(2){width: 60px;/* float: left; *//* margin-left: 40px; */margin: 0 auto;margin-bottom: 10px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div:nth-child(3) {width: 85%;/* float: left; *//* margin-left: 12px; */margin: 0 auto;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div .xg_text.p1772mc5e2acf381b505ea { display: none;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div:nth-child(1){background: url("https://0.rc.xiniu.com/g1/M00/4C/72/CgAGS2C0rXCAZEFQAAAEy10zTRM597.png") repeat-x;height: 36px;width: 100%;display: block;margin-bottom: 14px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div>div .no_content_add_span{display: none;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:before{content: "";width: 6px;height: 0;background: #009FA8;position: absolute;left: -6px;top: -6px;transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:after{content: "";width: 0;height: 6px;background: #009FA8;position: absolute;left: -6px;top: -6px;transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div{transition: all 0.5s;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover{ border: 1px solid #009FA8;box-shadow: 0px 2px 13px rgb(0,159,168,0.5);}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover:before{height: 80px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover:after{width: 120px;}
div#i25ba69a39bfdd721>div>div:nth-child(3)>div>div>div:hover .p1772mcf3df221e5b6eece img{transform: rotateZ(180deg); }


.data_col {height: auto !important;}
.col-sm-12 {height: auto !important;}

.xg_text.p1772mce4e4fef6cd7777d {position: relative !important;}
div#i1d828fefd2744e45 { position: relative !important;}



.more{text-align: center; margin: 30px auto 0;}
.more a{display: inline-block; font-size: 12px;color: #333333; padding-right: 16px;background: url("https://0.rc.xiniu.com/g2/M00/4E/6B/CgAGe2C3V7uAW7WXAAABHCAhBT4598.png") right center no-repeat;}
.more a:hover{color: #009fa8;}

}




