@media only screen and (min-width:768px) {

/*banner*/
.xg_banner_item .container {left: 0px !important;margin-left: 0px !important; width: 100%  !important;}
div#i6d4bef526313b8fa {height: 100vh !important;}
section#s40001 { height: 100vh !important;}
div#c400010001 {height: 100vh !important; max-height: 100vh !important;}
.xg_banner_img img { height: 100vh !important;object-fit: cover;}
.xg_banner_item {height: 100vh !important;max-height: 100vh !important;}
.xg_banner_img { height: 100vh !important;}
/*end_banner*/

/*pro*/
.p1700mc585af239cefce0b .data_col:hover .p1700m3b0cf6f7d4fffbb0{background-color:#cd2235;}
.p1700mc585af239cefce0b .data_col:hover .p1700ma28c379c1c207b91{color:#cd2235;}


.p1700m9d5a63bb42b91662 .data_col:hover img {transform: scale(1.05);}
.p1700m9d5a63bb42b91662 .data_col img {transition: 0.4s !important;}
.p1700m9d5a63bb42b91662 .data_col  {cursor: pointer;}





/*news*/
.p1700mf6a08f1a1b080507 img {transition: all .3s linear;}
.p1700mbebd7eb44daf9b13 .data_col:hover .p1700mf6a08f1a1b080507 img {transform: scale(1.1);}

.p1700ma98c1fe51cdc5ba8 img {transition: all .3s linear;}
.p1700m559066f8c7f9822c .data_col:hover .p1700ma98c1fe51cdc5ba8 img {transform: scale(1.1);}


.p1700md527d251d9a55f89 img {transition: all .3s linear;}
.p1700mfa6362f7d797da55 .data_col:hover .p1700md527d251d9a55f89 img {transform: scale(1.1);}


/*case*/
div#ia61c4872b6ceb113 > div > div:nth-child(1) { width: 66%; height: 3.713rem;}
div#ia61c4872b6ceb113 > div > div:nth-child(2) { width: 32.3%;height: 1.776rem; right: 0px; top: 0px;}
div#ia61c4872b6ceb113 > div > div:nth-child(3) { width: 32%;height: 1.765rem;top: 3.88rem;left: 0px;}
div#ia61c4872b6ceb113 > div > div:nth-child(4) {width: 32.4%; height: 1.765rem;left: 33.75%;top: 3.88rem;}
div#ia61c4872b6ceb113 > div > div:nth-child(5) { width: 32.3%;height: 1.776rem;right: 0px;top: 1.943rem;}
div#ia61c4872b6ceb113 > div > div:nth-child(6) {width: 32.3%;height: 1.776rem;right: 0px;bottom: 0px; /* display: none; */}

div#ia61c4872b6ceb113 > div > div:nth-child(1) {
    width: 66%;
    height: 400px;
    min-width: 66%;
    max-width: 66%;
}

div#ia61c4872b6ceb113 > div > div:nth-child(2) {
    width: 32.3%;
    height: 190px;
    right: 0px;
    top: 0px;
}

div#ia61c4872b6ceb113 > div > div:nth-child(4) {
    width: 32%;
    height: 190px;
    top: 420px;
    left: 0px;
}

div#ia61c4872b6ceb113 > div > div:nth-child(5) {
    width: 32.4%;
    height: 190px;
    left: 33.75%;
    top: 420px;
}

div#ia61c4872b6ceb113 > div > div:nth-child(3) {
    width: 32.3%;
    height: 190px;
    right: 0px;
    top: 210px;
    left: auto !important;
}

div#ia61c4872b6ceb113 > div > div:nth-child(6) {
    width: 32.3%;
    height: 190px;
    right: 0px;
    bottom: 0px;
    /* display: none; */
}

div#ia61c4872b6ceb113 > div > div {
    position: absolute;
    overflow: hidden;
}

div#ia61c4872b6ceb113 {
    height: 610px;
}

.xg_img.p1700m121cba4005cf5668 img {
    object-fit: cover;
    height: 190px;
}

div#ia61c4872b6ceb113 > div > div > div:nth-child(2) {
    position: absolute;
    width: 100%;
    bottom: 0.165rem;
}

div#ia61c4872b6ceb113 > div > div:nth-child(1) > div:nth-child(2) > div > div {
    text-align: center;
}

div#ia61c4872b6ceb113 > div > div:nth-child(2) > div:nth-child(2) > div > div {
    text-align: left;
}

div#ia61c4872b6ceb113 > div > div:nth-child(3) > div:nth-child(2) > div > div {
    text-align: left;
}

div#ia61c4872b6ceb113 > div > div:nth-child(4) > div:nth-child(2) > div > div {
    text-align: left;
}

div#ia61c4872b6ceb113 > div > div:nth-child(5) > div:nth-child(2) > div > div {text-align: left;}
div#ia61c4872b6ceb113 > div > div > div:nth-child(2) > div {
    width: 100%;
    margin: 0px auto;
    float: none;
    margin-left: 0.2rem;
}
div#ia61c4872b6ceb113 > div > div:nth-child(1) .p1700m121cba4005cf5668 img {object-fit: cover;height: 400px;}


.p1700m121cba4005cf5668 img {transition: all .3s linear;}
.p1700ma61c4872b6ceb113 .data_col:hover .p1700m121cba4005cf5668 img {transform: scale(1.1);}

/*case*/





/*brand*/
.p1700md7c3c8108d5564e6 .data_col:nth-child(1) .p1700m6de88d81612817d6{background-image: url(https://0.rc.xiniu.com/g5/M00/07/33/CgAGbGV60-CAW-xAAAAkKuxYirI597.png);}
.p1700med295fe3e8ae442c { transform: scale(1.2);}

div#id7c3c8108d5564e6 {height: 500px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(1) {left: 518px; top: 70px; max-width: 166px;min-width: 166px; height: 180px;}

.p1700md7c3c8108d5564e6 .data_col:nth-child(2) {left: 416px;top: 36px; max-width: 119px;min-width: 119px;height: 101px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(3) {left: 416px;top: 152px; max-width: 119px;min-width: 119px;height: 101px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(4) {left: 668px;top: 36px; max-width: 119px;min-width: 119px;height: 101px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(5) {left: 668px;top: 152px; max-width: 119px;min-width: 119px;height: 101px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(6) {left: 318px;top: 94px; max-width: 119px;min-width: 119px;height: 101px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(7) {left: 768px;top: 94px; max-width: 119px;min-width: 119px;height: 101px;}

.p1700md7c3c8108d5564e6 .data_col:nth-child(8) {left: 238px;top: 62px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(9) {left: 238px;top: 151px;}

.p1700md7c3c8108d5564e6 .data_col:nth-child(10) {left: 872px;top: 62px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(11) {left: 872px;top: 151px }

.p1700md7c3c8108d5564e6 .data_col:nth-child(12) {left: 160px;top: 107px }
.p1700md7c3c8108d5564e6 .data_col:nth-child(13) {left: 949px;top: 107px }

.p1700md7c3c8108d5564e6 .data_col:nth-child(14) {left: 82px;top: 62px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(15) {left: 82px;top: 151px;}

.p1700md7c3c8108d5564e6 .data_col:nth-child(16) {left: 1028px;top: 62px;}
.p1700md7c3c8108d5564e6 .data_col:nth-child(17) {left: 1028px;top: 151px }

.p1700md7c3c8108d5564e6 .data_col:nth-child(18) {left: 0px;top: 107px }
.p1700md7c3c8108d5564e6 .data_col:nth-child(19) {right: 0px;top: 107px }
.p1700md7c3c8108d5564e6 .data_col:nth-child(20) {left: 160px;top: 195px;}

.p1700md7c3c8108d5564e6 .data_col:hover { z-index: 999; transform: scale(1.1);}
.p1700md7c3c8108d5564e6 .data_col {position: absolute !important;opacity: 1;transition: 0.5s;cursor:pointer;}
/*brand*/

}






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



}