@charset "utf-8";

* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



li,

ol,

ul {

    list-style: none;

}

a {

    text-decoration: none;

    color: #737373;

}

img {

    max-width: 100%;

    vertical-align: top;

    object-fit: cover;

}

input,

select,

button,

textarea {

    border: none;

    border-radius: 0;

    font-family: '';

    font-size: 1.4rem;

}

video{width: 100%;}

button{cursor: pointer;outline: none;}

input,

textarea {

    outline: 0;

    -webkit-appearance: none;

}

@font-face {

    font-family: syNormal;

    src: url('../fonts/SourceHanSansCN-Normal.otf');

}

@font-face {

	font-family:ExtraLight;

	src: url('../fonts/GenJyuuGothicX-ExtraLight.ttf');

}

@font-face {

    font-family: tnroman;

    src: url('../fonts/times.ttf');

}

@font-face {

	font-family:CNN;

	src: url('../fonts/思源黑体 CN Medium.otf');

}

@font-face {

	font-family:Regular;

	src: url('../fonts/AlternateGothicNo2BT Regular.otf');

}

html{font-family: syNormal;font-size: 62.5%;overflow-x: hidden;}

body{overflow-x: hidden;}

h1,h2,h3,h4,h5,h6{color: #333333;}

.hide{display: none!important;}

.wrap{max-width: 1450px;margin: 0 auto;}

.wrap1{max-width: 1250px;margin: 0 auto;}

.xs-visible{display: none!important;}

.xs-hidden{}

.figure>img{width: 100%;}

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

   ::-webkit-scrollbar {

 .hide{display: none!important;}

   width: 6px;

    height: 40px; 

    }

}



::-webkit-scrollbar-thumb {

    border-radius: 12px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: rgba(0,0,0,0.5);

}*/



.p-h-menu{ float: right; }

.p-h-line{    

    position: fixed;right: 20px;top:20px;z-index: 12;

}

.p-h-line span{

    transition: all 300ms ease-in-out;

    width: 25px;

    height: 2px;

    display: block;

    margin-bottom:7px;

    background:#daad5c;

}

.p-h-line.curr .head-l-x {

    top: 10px;

    transform: translate(0, 9px) rotate(45deg);

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.p-h-line.curr .head-l-y{  opacity: 0; }

.p-h-line.curr .head-l-z {

     transform: translate(0, -9px) rotate(-45deg);

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.p-h-m-list.on{left: 0;}

.p-h-m-list{position:fixed;z-index:11;    overflow-y: scroll;top:0; left: 100%; width: 100%; background-color:#002751;transition:all .3s;padding-top:70px;bottom: 0;}

.p-h-main{ display: block; padding: .5rem 5%; font-size: 14px;; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); }

.p-h-main.p-h-arrow{ background-image: url(../images/arrow-b1.png); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; }

.p-h-main.p-h-arrow:hover{color:#fff;}

.p-h-main.curr{ background: #0f6eca url(../images/arrow-b1.png) no-repeat 95% center; background-size: 20px; }

.p-h-submenu{ padding: .5rem 7%; border-bottom: 1px solid rgba(255,255,255,.1); display: none; transition: none;}

.p-h-submenu a{ display: block; color: #fff; font-size: 14px; line-height: 1.8; }





.m{position: fixed;width: 100%;height:100%;z-index:100;padding-top:53px;background:#fff;top:0;left: 100%;transition: all .6s cubic-bezier(.19,1,.22,1);    overflow: hidden;

    overflow-y: scroll;-webkit-overflow-scrolling: touch;padding-bottom:5vh;}

.m.act{left: 0;}

.m .title{margin:35px 20% 15px;display: flex;justify-content: space-between;position: relative;}

.m .title span{width: 45%;text-align: center;padding:10px 0;font-size: 1.6rem;border-bottom: 1px solid transparent;color:#a4a2a2;}

.m .title:after{position: absolute;left:50%;width: 1px;height: 40%;top:50%;transform: translate(-50%,-50%);content: "";background: #282828;;}

.m .title span.cur{border-bottom-color: #282828;color:#282828;}

.m .list{margin:50px 10% 0;font-size: 1.4rem;}

.m .list>ul>li{line-height: 3;color:#fff;}

.m .list>ul>li.dp{background:url(../images/jia.png) no-repeat right 15px top 13px;background-size:15px 15px;}

.m .list>ul>li.open{background-image:url(../images/jian.png);}

.m .list>ul>li a{color: #282828;display: inline-block;}

.m .list>ul>li:last-child>a{

    background: url(../images/tmall.png) no-repeat center top;

}

.m .list>ul>li li{font-size: 1.2rem;line-height: 2.2;}

.m .list>ul>li li a{color:#a4a2a2}

.m .list>ul ul{margin-bottom: 15px;display: none;}



#site-navigation {

    margin-left: auto;

    position: fixed;

    top:22px;

    right:8%;

    z-index: 202;

}



#site-navigation .menu-toggle {

    cursor: pointer;

    width: 25px;

    z-index: 120;

    position: relative;

}



#site-navigation .menu-toggle span {

    transition: all 300ms ease-in-out;

    width: 20px;

    height: 2px;

    display: block;

    margin-bottom: 5px;

    background:#eba209;

}



#site-navigation .menu-toggle div {

    font-weight: bold;

    font-size: 14px;

    color: #282828;

    margin-top: 10px;

}

.m #site-navigation .menu-toggle span{background: #282828;}

.m #site-navigation .menu-toggle div{color: #282828;}

#site-navigation .menu-toggle.active span:first-of-type {

    transform: translate(0, 7px) rotate(45deg);

}



#site-navigation .menu-toggle.active span:nth-child(2) {

    opacity: 0;

}



#site-navigation .menu-toggle.active span:last-of-type {

    transform: translate(0, -7px) rotate(-45deg);

}



#site-navigation .menu-main_menu-container {

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease-in-out;

    position: fixed;

    background: #c2da68;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 110;

    transform: scale(0.9);

}



#site-navigation .menu-main_menu-container.active {

    opacity: 1;

    visibility: visible;

    transform: scale(1);

}



#site-navigation .menu-main_menu-container ul {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding: 0;

    margin: 0;

}



#site-navigation .menu-main_menu-container ul li {

    width: 100%;

    display: block;

    text-align: center;

}



#site-navigation .menu-main_menu-container ul li a {

    margin: 0 auto;

    display: inline-block;

    text-align: center;

    color: #30163c;

    font-weight: 300;

    font-size: 30px;

    line-height: 60px;

    text-transform: uppercase;

}



#site-navigation .menu-main_menu-container ul li a:hover {

    color: #eb2961;

    text-decoration: none;

    font-weight: 900;

}

#site-navigation .menu-main_menu-container ul li div a{display: block;font-size: 2.1rem;line-height: 50px;}



.ss1{position:fixed;top:0;left:0;width:100%;padding:6% 5%;z-index:999;background: #fff;display:flex;justify-content:space-between;align-items:center;transform:translateY(-100%);transition:all .3s;}

.ss1 input{padding-left:11px;background-size:contain;color:#daad5c;width: 100%;}

.ss1 input::-webkit-input-placeholder{color:#daad5c;font-family: Light;}

.ss1 img{cursor:pointer;}

.ss1 div{display: flex;align-content: center;}

.ss1 button {background: none;outline:none;vertical-align: middle;width:22px;}

.ss1.act{transform:translateY(0);}





.gd{text-align: center;line-height: 3;}

.gd a{color: #6c6c6c;font-size: 12px;}

header{width: 100%;background: #333333;position: absolute;left: 0;z-index: 100;}

header .head{padding-top: 35px;position: relative;text-align: center;}

header .head .logo{display: inline-block;}

header .head>ul{display: flex;justify-content: center;position: relative;}

header .head>ul>li{margin: 0 0 0 4rem;position: relative;}

/*header .head>ul>li.active>a:after{width: 100%;}*/

header .head>ul>li>a{color: #fff;padding:45px 1rem 35px;display: block;position: relative;font-size: 15px;}

header .head>ul>li>a:after{content: '';position: absolute;bottom: 2px;left: 0;width: 0;height: 2px;background: #eba209;transition: all .3s;}

header .head>ul>li:hover>a:after{width: 100%;}

header .head .c{position: absolute;right: 35px;bottom: 30px;}



header.active{position: fixed;top: 0;}

header.active .head{display: flex;justify-content: space-between;padding: 0 35px;align-items: center;}

header.active .c{position: initial;}































.drop_1{position: absolute;left:0;width: 100%;z-index: 10;background: #fff;text-align: center;padding:40px 0 60px;transform: translate(-10px);opacity:0;visibility: hidden;display: flex;justify-content: center;}

.drop_1 .drop_1_list{display: flex;align-items: flex-end;margin:0 20px;}

.drop_1 .drop_1_list>a{display: inline-block;}

.drop_1 .drop_1_list>a img{transition: all .3s;}

.drop_1 .drop_1_list>a:hover img{opacity: 0.6;}

.drop_1 .drop_1_list>a span{display: table;color:#333333;margin-bottom:30px;font-size: 13px;}

.drop_1 .drop_1_list ul{text-align: left;line-height: 1.7;margin-left: 1.5rem;}

.drop_1 .drop_1_list ul li{transition:all .3s;text-align: justify;word-break: break-all;height: 22px;}

.drop_1 .drop_1_list ul li:after{content: '';display: inline-block;width: 100%;}

.drop_1 .drop_1_list ul li:hover{text-decoration: underline;}



.drop_2{position:absolute;left:0;width: 100%;z-index: 10;background: #fff;text-align: center;padding:40px 0 60px;transform: translate(-10px);opacity:0;visibility: hidden;}

.drop_2 a {display: inline-block;margin:0 20px;}

.drop_2 a span{display: table;color:#333333;margin-bottom:30px;font-size: 13px;}

.drop_2 a img{transition: all .3s;width: 218px;height: 162px;}

.drop_2 a:hover img{opacity: 0.6;}



.drop_3{position:absolute;left:0;width: 100%;z-index: 33;background: #fff;text-align: center;padding:40px 0 60px;transform: translate(-10px);opacity:0;visibility: hidden;}

.drop_3 a {display: inline-block;margin:0 20px;}

.drop_3 a span{display: table;color:#333333;margin-bottom:30px;font-size: 13px;}

.drop_3 a img{transition: all .3s;}

.drop_3 a:hover img{opacity: 0.6;}



.drop_4{position:absolute;left:0;width: 100%;z-index: 10;background: #fff;text-align: center;padding:40px 0 60px;transform: translate(-10px);opacity:0;visibility: hidden;display: flex;justify-content: center;}

.drop_4 a {display: inline-block;margin:0 20px;}

.drop_4 a span{display: table;color:#333333;margin-bottom:30px;font-size: 13px;}

.drop_4 a img{transition: all .3s;}

.drop_4 a:hover img{opacity: 0.6;}



.drop_5{position:absolute;left:0;width: 100%;z-index: 10;background: #fff;text-align: center;padding:40px 0 60px;transform: translate(-10px);opacity:0;visibility: hidden;}

.drop_5 a {display: inline-block;margin:0 20px;}

.drop_5 a span{display: table;color:#333333;margin-bottom:30px;font-size: 13px;}

.drop_5 a img{transition: all .3s;}

.drop_5 a:hover img{opacity: 0.6;}

/*.has:hover .drop{transform: translateY(0);transition: all .3s;opacity: 1;visibility: visible;}*/



.c{display: flex;align-items: center;justify-content: flex-end;}

.c form{display: flex;position: relative;}

.c form input{visibility: hidden;transition:none;width: 100px;background: none;color: #fff;}

.c form.active input{visibility: visible;}

.c form div{position: absolute;bottom: 0;width: 0;height: 1px;background: #aaa;transition:none;}

.c form.active  div{width: 100%;transition:all .6s cubic-bezier(.19,1,.22,1);}

.c .search{width: 16px;height: 16px;background: url(../images/search.png);background-size:16px 16px;}

.c .active button{position: absolute;right:-28px;top: 1px;height: 20px;width: 20px;background: none;transition: none;outline: none;}

.c span{display: block;width: 1px;height: 28px;background: #fff;margin: 0 18px;}

.c .eng{color: #f6f6f6;font-size: 16px;display: inline-flex;}

.c .eng img{height: 18px;}

.index{margin-top: 200px;max-height: 782px;}

.index video{width: 100%;}

.index .swiper-pagination-bullet{background: #000;opacity: 1;}

.index .swiper-pagination-bullet-active{background: #eba209;}

.index .swiper-pagination{bottom: 30px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 11px;}

.index .swiper-slide{position: relative;max-height: 782px;}

.index .swiper-slide .container{position: absolute;left:20%;top:50%;z-index: 11;transform: translateY(-50%);}

.index .swiper-slide .container h1{font-size: 43px;font-family: 'tnroman';color: #fff;font-weight: normal;margin-bottom: 40px;}

.index .swiper-slide .container a{font-size: 14px;color: #fff;}



.morepro{display: flex;justify-content: flex-end;margin-top: 100px;position: relative;padding: 0 15px;}

.morepro .moreCont{width: 67%;background: #eee;display: flex;justify-content: flex-end;align-items: center;padding: 12% 0;}

.morepro .moreCont .content{max-width: 34%;margin-right: 100px;line-height: 3em;}

.morepro .moreCont .content a{font-size: 14px;color: #2c2c2c;}

.morepro img{position: absolute;left: 15px;top: 50%;transform: translateY(-50%);width: 60%;z-index: 11;}







.size{margin-top: 90px;}

.size .row{display: flex;align-items: center;justify-content: space-between;margin-top: 30px;padding: 0 15px;}

.size .row .rowLeft{width: 48%;}

.size .row .rowRight{width: 52%;text-align: center;}





.touchBtn{width: 100%;background: #eeeeee;text-align: center;margin-top: 120px;padding: 50px;}

.touchBtn h1{font-size: 20px;}

.touchBtn p{font-size: 14px;margin-top: 30px;}

.touchBtn a{display: block;width: 240px;height: 53px;border: 2px solid #0f0f0f;line-height: 53px;margin: 50px auto 0;font-size: 14px;font-weight: bold;color: #0f0f0f;}



.exhibition{margin-top: 100px;display: flex;justify-content: flex-end;position: relative;padding: 0 15px;}

.exhibition .exhibitionCont{position: absolute;left: 15px;bottom: -5%;background: #eee;width: 42%;height: 50vh;display: flex;align-items: center;padding-left: 60px;}

.exhibition .exhibitionCont .excontent{line-height: 3em;max-width: 54%;}

.exhibition .exhibitionCont .excontent h1{font-size: 20px;}

.exhibition .exhibitionCont .excontent p{margin: 60px 0 90px;font-size: 14px;}

.exhibition .exhibitionCont .excontent a{font-size: 14px;color: #2C2C2C;}

.exhibition .case{width: 69%;}

.exhibition .case img{width: 100%;}

.exhibition .case.swiper-container{margin-left: 31%}



.case .swiper-pagination-fraction{bottom: 100px;right: 46px;width: initial;left: initial;transform:rotate(90deg);font-size: 14px;color: #fff;}

.case .swiper-button-next{position: absolute;bottom: 34px;top: initial;right: 35px;background-image: url(../images/next.png);width: 46px;height: 46px;background-size:cover;}

.case .swiper-button-prev{position: absolute;bottom: 140px;top: initial;right: 35px;background-image: url(../images/prev.png);width: 46px;height: 46px;background-size:cover;left: initial;}



.product{padding-top: 172px;}

.product .nav{padding: 18px 2%;background: #eeeeee;}

.product .nav a{margin: 0 5px;}

.product .nav span{color: #CACACA;}

.product .series h1{margin: 80px 0 60px;font-size: 20px;}

.product .series .container form{display: flex;align-items:flex-end;}

.product .series .container form button{background: #737373;color: #fff;padding: 1rem 2rem;display: flex;justify-content: flex-end;}

.product .series .container{display: flex;}

.product .series .container .select-style{    border: 0;

    width: 28rem;

    border-radius: 0;

    overflow: hidden;

    margin-right: 3rem;

    position: relative;}

.product .series .container .select-style:after{content: "";

    position: absolute;

    width: 0;

    height: 0;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 7px solid #9c9c9c;

    right: 1.8rem;

    bottom: 1.6rem;}

.product .series .container .select-style p{font-size: 16px;margin-bottom: 1rem;font-family: normal;}

.product .series .container .select-style select{    padding: 1rem 2rem;border: 0;width: 28rem;

    max-width: 100%;

    box-shadow: none;

    background: #eee;

    transition: .2s;

    border-radius: 0;

    background-image: none;

    -webkit-appearance: none;

    cursor: pointer;}







.product .proseries{margin-top: 150px;padding-bottom: 200px;}



.product .proseries .ps-content{display: flex;align-items: flex-end;}

.product .proseries .ps-content .ps-l{width: 46%;}

.product .proseries .ps-content .ps-r{width: 48%;margin-left: 3%;padding-right: 3%;}

.product .proseries .ps-content .ps-r>p{margin-bottom: 50px;font-size: 20px;font-family: normal;}

.product .proseries .ps-content .ps-r h1{margin-bottom: 20px;}

.product .proseries .ps-content .ps-r .ps-r-con{font-family: normal;margin-bottom: 20px;line-height: 2;}











.product .pros{position: relative;}

.product .pros>.swiper-button-prev{top: 120%;left: 45%;background-image: url(../images/p-prev.png);width: 28px;height: 22px;background-size: 28px 22px;}

.product .pros>.swiper-button-next{top: 120%;right: 45%;background-image: url(../images/p-next.png);width: 28px;height: 22px;background-size: 28px 22px;}

.product .pros>.swiper-pagination{left: 49%;top: 115%;text-align: initial;}

.product .proseries .ps-content .ps-r .list{position: relative;}



.product .proseries .ps-content .ps-r .list a{display: inline-block;font-family: normal;}

.product .proseries .ps-content .ps-r .list a .lists  h3{font-size: 14px;color: #333333;font-weight: 100;margin-top: 20px;}

.product .proseries .ps-content .ps-r .list a .lists  p{font-size: 14px;color: #333333;font-weight: 100;}

.product .proseries .ps-content .ps-r .list .lists img{width: 100%;}

.product .proseries .ps-content .ps-r .list .swiper-button-prev,.product .proseries .ps-content .ps-r .list .swiper-button-next{width: 13px;height: 22px;background-size: 13px 22px;}

.product .proseries .ps-content .ps-r .list .swiper-button-prev{left: -30px;background-image: url(../images/p-p.png);}

.product .proseries .ps-content .ps-r .list .swiper-button-next{right:-30px;background-image: url(../images/p-n.png);}





.catalogs-links{background: #eee;padding: 10rem 0;}

.catalogs-links .container ul{display: flex;}

.catalogs-links .container ul li{width: 33.33%;padding-left:15px;padding-right: 15px;}

.catalogs-links .container ul li .content{height: 100%;background: #fff;padding: 5rem;font-size: 16px;font-weight: 100;text-align: center;transition: all .3s;}

.catalogs-links .container ul li:hover .content{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}

.catalogs-links .container ul li .content>img{max-height: 10rem;}

.catalogs-links .container ul li .content p{display: flex;align-items: center;justify-content: center;}

.catalogs-links .container ul li .content p a{margin-right: 10px;}



.contact{padding-top: 172px;}

.contact .nav{padding: 18px 2%;background: #eeeeee;}

.contact .nav a{margin: 0 5px;}

.contact .nav span{color: #cacaca;}



.contact .contact-one .contact-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.contact .contact-one .contact-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.contact .contact-one .contact-content h2 p:nth-child(2){font-weight: normal;}



.contact .contact-one .problem{background: #EEEEEE;padding: 10rem 2%;}

.contact .contact-one .problem ul li{max-width: 1220px;margin: 0 auto;width: 100%;background: #fff;border-radius: 15px;transition: all .4s ease;margin-bottom: 30px;}

.contact .contact-one .problem ul li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.2);}

.contact .contact-one .problem ul li .question{padding: 18px 45px;background-image: url(../images/q.png);background-position: 35px center;background-repeat: no-repeat;font-size: 16px;}

.contact .contact-one .problem ul li .answer{padding: 18px 45px;background-image: url(../images/a.png);background-position: 35px center;background-repeat: no-repeat;font-size: 13px;}



.contact .contact-one .questions{max-width: 1220px;margin: 0 auto;padding: 0 2%;}

.contact .contact-one .questions h1{margin: 80px 0 20px;font-size: 20px;color: #333333;font-weight: normal;}

.contact .contact-one .questions .sub{padding: 50px;box-shadow:0 0 20px 0 rgba(0,0,0,.2);border-radius: 15px;line-height: 2rem;}

.contact .contact-one .questions .sub p input{border-bottom: 1px solid #e6e6e6;margin-bottom: 40px;}

.contact .contact-one .questions .sub p:nth-child(2) input{width: 80%;}

.contact .contact-one .questions .sub .submit{padding: 15px 45px;background: #737373;color: #d8d8d8;cursor: pointer;}



.contact .contact-two .contact-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.contact .contact-two .contact-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.contact .contact-two .contact-content h2 p:nth-child(2){font-weight: normal;}

.contact .contact-two .introduced{padding: 10rem 2%;background-image: url(../images/us-bg.png);background-position-x: 80%;background-repeat: no-repeat;margin-top: 75px;display: flex;justify-content: space-between;align-items: center;}

.contact .contact-two .introduced .i-l{max-width: 55%;}

.contact .contact-two .introduced .i-l h1{font-size: 30px;color: #333333;margin-bottom: 20px;}

.contact .contact-two .advantage{text-align: center;}

.contact .contact-two .advantage h1{font-size: 30px;color: #333333;}

.contact .contact-two .advantage ul{display: flex;justify-content: center;}

.contact .contact-two .advantage ul li{width: 32%;padding: 10rem 0;background-repeat: no-repeat;background-position: center center;margin-right: 2%;}

.contact .contact-two .advantage ul li:last-child{margin-right: 0;}

.contact .contact-two .advantage ul li h2{font-family: Regular;font-size: 40px;font-weight: normal;}



.contact .contact-two .kssq-btn{text-align: center;margin-top: 5rem;}

.contact .contact-two .kssq-btn a{padding: 15px 45px;background: #737373;display: inline-block;color: #FFFFFF;border-radius: 10px;font-size: 15px;}



.contact .P-advantage{background: #eeeeee;margin-top: 100px;}

.contact .P-advantage h1{text-align: center;font-size: 26px;padding-top: 100px;}

.contact .P-advantage .col{position: relative;padding: 80px 0 100px;}

.contact .P-advantage .col .p-r{max-width: 90%;width: 100%;margin-right: auto;}

.contact .P-advantage .col .p-l{z-index:10;position: absolute;right: 0;top: 50%;width: 50%;padding: 6rem 5rem;background: #fff;transform: translateY(-50%);box-shadow:0 0 20px 0 rgba(0,0,0,.2);}

.contact .P-advantage .col .p-l h3{font-size: 20px;font-weight: lighter;margin-bottom: 40px;}

.contact .P-advantage .col .p-l p{font-size: 13px;color: #0F0F0F;}



.contact .P-advantage-1{background: #fff;}

.contact .P-advantage-1 h1{text-align: center;font-size: 26px;padding-top: 100px;}

.contact .P-advantage-1 .col{position: relative;padding: 80px 0 100px;}

.contact .P-advantage-1 .p-r{max-width: 90%;width: 100%;margin-left: auto;text-align: right;}

.contact .P-advantage-1 .p-l{z-index:10;position: absolute;left: 0;top: 50%;width: 50%;padding: 6rem 5rem;background: #fff;transform: translateY(-50%);box-shadow:0 0 20px 0 rgba(0,0,0,.2);}

.contact .P-advantage-1 .p-l h3{font-size: 20px;font-weight: lighter;margin-bottom: 40px;}

.contact .P-advantage-1 .p-l p{font-size: 13px;color: #0F0F0F;}



.contact .P-advantage-2{background: #eeeeee;}

.contact .P-advantage-2 h1{text-align: center;font-size: 26px;padding-top: 100px;}

.contact .P-advantage-2 .col{position: relative;padding: 80px 0 100px;}

.contact .P-advantage-2 .col .p-r{max-width: 90%;width: 100%;margin-right: auto;}

.contact .P-advantage-2 .col .p-l{z-index:10;position: absolute;right: 0;top: 50%;width: 50%;padding: 6rem 5rem;background: #fff;transform: translateY(-50%);box-shadow:0 0 20px 0 rgba(0,0,0,.2);}

.contact .P-advantage-2 .col .p-l h3{font-size: 20px;font-weight: lighter;margin-bottom: 40px;}

.contact .P-advantage-2 .col .p-l p{font-size: 13px;color: #0F0F0F;}



.contact .requirements{padding: 10rem 2%;text-align: center;}



.contact .Rights{background: #EEEEEE;padding: 80px 0 120px;text-align: center;}

.contact .Rights h1{font-size: 26px;margin-bottom: 50px;}

.contact .Rights ul{display: flex;justify-content: space-between;}

.contact .Rights ul li{margin:0 10px;width: 16.67%;}

.contact .Rights ul li h3{margin-top: 50px;font-size: 18px;}





.contact .contact-three .contact-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.contact .contact-three .contact-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.contact .contact-three .contact-content h2 p:nth-child(2){font-weight: normal;}

.contact .contact-three .position{padding: 10rem 0;background-image: url(../images/position.png);background-repeat: no-repeat;}

.contact .contact-three .position .position-list{padding: 90px 60px;background: #fff;width: 60%;margin-left: 40%;}

.contact .contact-three .position .position-list .col{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}

.contact .contact-three .position .position-list .col:last-child{margin-bottom: 0;}

.contact .contact-three .position .position-list .col .col-l{width: 40%;}

.contact .contact-three .position .position-list .col .col-r{width: 50%;}

.contact .contact-three .position .position-list .col .col-r img{width: 100%;}



.brand{padding-top: 172px;}

.brand .nav{padding: 18px 2%;background: #eeeeee;}

.brand .nav a{margin: 0 5px;}

.brand .nav span{color: #cacaca;}

 .vd {position: relative;}

 .vd img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);cursor:pointer;z-index: 1;width: 78px;height: 78px;}

 .vd video{object-fit: cover;width: 100%;}

 .vd div{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

 .vd.active:hover div{display: block;}

 .vd div img{width:60px;}

 .index .vd{max-height: 782px;}



.brand .brand-one .list{padding: 10rem 2%;position: relative;}

.brand .brand-one .list .list-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:4rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;z-index: 10;}

.brand .brand-one .list .list-l h1{font-size: 3rem;margin-bottom: 2rem;}

.brand .brand-one .list .list-l div{font-size: 14px;color: #0F0F0F;}

.brand .brand-one .list .list-r{text-align: right;}



.brand .brand-one .list-1{padding: 10rem 2%;background: #eee;}

.brand .brand-one .list-1 .wrap{position: relative;}

.brand .brand-one .list-1 .list-l{text-align: left;}

.brand .brand-one .list-1 .list-r{z-index:10;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding:4rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.brand .brand-one .list-1 .list-r h1{font-size: 3rem;margin-bottom: 2rem;}

.brand .brand-one .list-1 .list-r div{text-indent: 0em;table-layout: fixed;word-wrap: break-word;word-break: normal;text-align:justify;text-justify:inter-ideograph;}

.brand .brand-one .map{padding: 50px 0;}





.brand .brand-two .brand-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.brand .brand-two .brand-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.brand .brand-two .brand-content h2 p:nth-child(2){font-weight: normal;}

.brand .brand-two .images{text-align: center;background: #EEEEEE;padding: 10rem 0;}

.brand .brand-two .list{padding: 10rem 2%;position: relative;}

.brand .brand-two .list .list-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

/*.brand .brand-two .list .list-l div{line-height: 1.8;color: #0f0f0f;font-size: 14px;}*/

.brand .brand-two .list .list-r{text-align: right;}



.brand .brand-two .list-1{padding: 10rem 2%;background: #eee;}

.brand .brand-two .list-1 .wrap{position: relative;}

.brand .brand-two .list-1 .list-l{text-align: left;}

.brand .brand-two .list-1 .list-r{z-index:10;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.brand .brand-two .list-1 .list-r div{line-height: 1.8;color: #0f0f0f;font-size: 14px;}

.brand .brand-two .brand-two-content{text-align: center;}

.brand .brand-two .brand-two-content div{padding: 10rem 0;}



.field{padding-top: 172px;}

.field .nav{padding: 18px 2%;background: #eeeeee;}

.field .nav a{margin: 0 5px;}

.field .nav span{color: #cacaca;}



.field .field-content .container{padding: 8rem 0 6rem;}

.field .field-content section{display: inline-block;width: 100%;vertical-align: bottom;padding-bottom: 10rem!important;background: #EEEEEE;}

.field .field-content section .content-left{position: relative;margin-top: -10rem;text-align: right;}

.field .field-content section .content-left .content-container{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;text-align: left;}

.field .field-content section .content-left .content-container h1{font-size: 3rem;margin-bottom: 2rem;}

.field .field-content .btn{padding-bottom: 10rem;background: #EEEEEE;padding-right: 10%;}

.field .field-content .btn .wrap{display: flex;justify-content: flex-end;}

.field .field-content .btn .more{background: #fff;padding: 4rem 2rem;text-align: center;box-shadow:0 0 20px 0 rgba(0,0,0,.2);max-width: 33.33%;}

.field .field-content .btn .more h2{line-height: normal;padding: 1rem 1.5rem 2rem;font-size: 2rem;margin-bottom: 0;font-weight: normal;}

.field .field-content .btn .more a{color: #f2a730;text-align: center;font-size: 16px;display: flex;align-items: center;justify-content: center;}

.field .field-content .btn .more a img{margin-left: 10px;transition: all .3s;}

.field .field-content .btn .more a:hover img{margin-left: 20px;}



.field>.col{padding: 10rem 2%;}

.field>.col .col-content{position: relative;}

.field>.col .col-r{z-index:10;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.field>.col .col-r h1{font-size: 3rem;margin-bottom: 2rem;}

.field>.col .col-r div{font-size: 14px;color: #0F0F0F;line-height: 1.8;}

.field>.col .btn{padding-bottom: 2rem;padding-top: 10rem;}

.field>.col .btn .wrap{display: flex;justify-content: flex-end;margin-right: 10%;}

.field>.col .btn .more{background: #fff;padding: 4rem 2rem;text-align: center;box-shadow:0 0 20px 0 rgba(0,0,0,.2);max-width: 33.33%;}

.field>.col .btn .more h2{line-height: normal;padding: 1rem 1.5rem 2rem;font-size: 2rem;margin-bottom: 0;font-weight: normal;}

.field>.col .btn .more a{color: #f2a730;text-align: center;font-size: 16px;display: flex;align-items: center;justify-content: center;}

.field>.col .btn .more a img{margin-left: 10px;transition: all .3s;}

.field>.col .btn .more a:hover img{margin-left: 20px;}



.field>.col-1{padding: 8rem 0 6rem;background: #EEEEEE;}

.field>.col-1 .col-content{position: relative;}

.field>.col-1 .col-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.field>.col-1 .col-l h1{font-size: 3rem;margin-bottom: 2rem;}

.field>.col-1 .col-l div{font-size: 14px;color: #0F0F0F;line-height: 1.8;}

.field>.col-1 .col-r{text-align: right;}

.field>.col-1 .btn{padding-bottom: 2rem;padding-top: 10rem;}

.field>.col-1 .btn .wrap{display: flex;justify-content: flex-end;margin-right: 10%;}

.field>.col-1 .btn .more{background: #fff;padding: 4rem 2rem;text-align: center;box-shadow:0 0 20px 0 rgba(0,0,0,.2);max-width: 33.33%}

.field>.col-1 .btn .more h2{line-height: normal;padding: 1rem 1.5rem 2rem;font-size: 2rem;margin-bottom: 0;font-weight: normal;}

.field>.col-1 .btn .more a{color: #f2a730;text-align: center;font-size: 16px;display: flex;align-items: center;justify-content: center;}

.field>.col-1 .btn .more a img{margin-left: 10px;transition: all .3s;}

.field>.col-1 .btn .more a:hover img{margin-left: 20px;}



.fieldInfo{padding-top: 172px;}

.fieldInfo .nav{padding: 18px 2%;background: #eeeeee;}

.fieldInfo .nav a{margin: 0 5px;}

.fieldInfo .nav span{color: #CACACA;}

.fieldInfo .fieldInfo-list .fieldInfo-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

/*.fieldInfo .fieldInfo-list .fieldInfo-content h2 p{font-weight: normal;}*/

.fieldInfo .fieldInfo-list .fieldInfo-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.fieldInfo .fieldInfo-list .fieldInfo-content h2 p:nth-child(2){font-weight: normal;}



.fieldInfo .fieldInfo-list .col{margin-bottom: 150px;}

.fieldInfo .fieldInfo-list .col ul{display: flex;justify-content: space-between;}

.fieldInfo .fieldInfo-list .col ul li{width: 25%;}

.fieldInfo .fieldInfo-list .col ul li img{width: 99%;}

.fieldInfo .fieldInfo-list .col .related{display: flex;margin-top: 50px;}

.fieldInfo .fieldInfo-list .col .related .re{width: 25%;display: flex;align-items: center;line-height: 3rem;font-size: 14px;}

.fieldInfo .fieldInfo-list .col .related .re .re-l{width: 121px;height: 121px;}

.fieldInfo .fieldInfo-list .col .related .re .re-l img{width: 100%;}

.fieldInfo .fieldInfo-list .col .related .re .re-r{margin-left: 35px;}

.fieldInfo .fieldInfo-list .col .related .re .re-r a{display: flex;align-items: center;font-size: 14px;}

.fieldInfo .fieldInfo-list .col .related .re .re-r a img{margin-left: 10px;transition: all .3s;}

.fieldInfo .fieldInfo-list .col .related .re .re-r a:hover img{margin-left: 15px;}





.example{margin-top: 100px;}

.example ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.example ul li{width: 48%;margin-bottom: 4%;transition: all .3s;border-radius: 8px;}

.example ul li:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.2);}

.example ul li .title{line-height: 2;position: relative;padding-left: 15%;font-family: normal;margin: 30px 0 10px;}

.example ul li .title h3{font-size: 15px;}

.example ul li .title:after{content: '';position: absolute;left: 2%;top: 25%;display: block;width: 65px;height: 2px;background: #282828;}



.productInfo{padding-top: 172px;}

.productInfo .nav{padding: 18px 2%;background: #eeeeee;}

.productInfo .nav a{margin: 0 5px;}

.productInfo .nav span{color: #cacaca;}

.productInfo .figure{position: relative;}

.productInfo .figure .title{position: absolute;left: 30%;top: 55%;}

.productInfo .figure .title h1{font-size: 43px;font-family:Regular;color: #fff;position: relative;}

.productInfo .figure .title h1:after{content: '';display: block;width: 65px;height: 2px;background: #fff;position: absolute;left: -50%;top: 50%;transform: translateY(-50%);}

.productInfo .figure .title p{color: #fff;font-family: normal;font-size: 14px;margin-top: 10px;}

.productInfo .figure .title a{color: #fff;margin-top: 50px;display: inline-block;font-weight: normal;}



.productInfo .specs{margin-top: 100px;}

.productInfo .specs h1{text-align: center;font-size: 20px;font-weight: normal;font-family: normal;margin-bottom: 50px;}

.productInfo .specs .figure{position: relative;}

.productInfo .specs .figure>img{height: 70vh;}



.productInfo .specs .specs-info{position: absolute;right: 10%;top: 0;background: #fff;padding: 2rem 5rem;width: 30%;}

.productInfo .specs .specs-info h6{font-size: 14px;margin-bottom: 2rem;}

.productInfo .specs .specs-info table{width: 100%;}

.productInfo .specs .specs-info table tr{border-bottom: 1px solid #E5E5E5;margin: 10px 0;text-align: center;}

.productInfo .specs .specs-info table tr th:first-child{text-align: left;}

.productInfo .specs .specs-info table tr td:first-child{text-align: left;display: flex;align-items: center;padding: 10px 0;justify-content: space-between;padding-right: 10px;}

.productInfo .specs .specs-info table tr th{padding: 15px 0;}

.productInfo .specs .specs-info table tr td{padding: 5px 0;}

.productInfo .specs .specs-info table tr td .sx{width: 1.2rem;height: 1.2rem;border: thin solid #b7b7b7; margin-left: 1.6rem;display: inline-block;border-radius: 100%;background: #B7B7B7;}

.productInfo .specs .specs-info table tr td .kx{width: 1.2rem;height: 1.2rem;border: thin solid #b7b7b7;margin-left: 1rem;display: inline-block;border-radius: 100%;background: #FFFFFF;}





.productInfo .specs .specs-info h5{padding-top: 3rem;font-size: 14px;padding-bottom: 1.5rem;}

.productInfo .specs .specs-info a{display: inline-block;margin-bottom: 10px;}

.productInfo .specs .specs-info a .upFile{display: flex;align-items: center;}

.productInfo .specs .specs-info a .upFile .filename{margin-left: 1rem;}



.productInfo .relevant{margin-top: 100px;}

.productInfo .relevant h1{text-align: center;font-size: 20px;font-weight: normal;font-family: normal;margin-bottom: 50px;}

.productInfo .relevant .swiper-slide{width: auto;}



.advantage{padding-top: 172px;}

.advantage .nav{padding: 18px 0;background: #eeeeee;}

.advantage .nav a{margin: 0 5px;}

.advantage .nav span{color: #cacaca;}



.advantage .list{padding: 10rem 2%;position: relative;}

.advantage .list .list-l{text-align: left;}

.advantage .list .list-r{z-index:10;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .list .list-r div{line-height: 1.8;font-size: 14px;font-family: normal;}





.advantage .list-1{padding: 10rem 0;background: #EEEEEE;}

.advantage .list-1 .wrap{position: relative;}

.advantage .list-1 .list-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .list-1 .list-l div{line-height: 1.8;font-size: 14px;font-family: normal;}

.advantage .list-1 .list-r{text-align: right;}



.advantage .ad-list{padding: 10rem 0;background: #EEEEEE;}

.advantage .ad-list ul{display: flex;justify-content: space-between;}

.advantage .ad-list ul li{width: 32%;padding: 8rem 10rem 8rem;background: #FFFFFF;text-align: center;display: flex;flex-direction: column;align-items: center;}

.advantage .ad-list ul li a{display: inline-block;margin-top: 6rem;font-size: 20px;font-family: normal;}



.advantage .advantage-one .advantage-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.advantage .advantage-one .advantage-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.advantage .advantage-one .advantage-content h2 p:nth-child(2){font-weight: normal;}

.advantage .advantage-one .advantage-content ul{display: flex;justify-content: space-between;margin-bottom: 6rem;}

.advantage .advantage-one .advantage-content ul li{width: 24%;background: #333333;}

.advantage .advantage-one .advantage-content ul li a{padding: 15px 0;padding-left: 20px;font-size: 14px;color: #fff;font-family: normal;width: 100%;display: block;}

.advantage .advantage-one .advan-list{background: #EEEEEE;padding: 10rem 0;}

.advantage .advantage-one .advan-list .wrap1{position: relative;}

.advantage .advantage-one .advan-list .advan-list-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .advan-list .advan-list-l div{line-height: 1.8;font-size: 14px;font-family: normal;}

.advantage .advantage-one .advan-list .advan-list-r{text-align: right;}





.advantage .advantage-one .advan-list-1{padding: 10rem 2%;position: relative;}

.advantage .advantage-one .advan-list-1 .advan-list-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .advan-list-1 .advan-list-l h1{font-size: 30px;margin-bottom: 20px;}

.advantage .advantage-one .advan-list-1 .advan-list-l div{table-layout: fixed;word-wrap: break-word;word-break: normal;text-align:justify;text-justify:inter-ideograph;}

.advantage .advantage-one .advan-list-1 .advan-list-r{text-align: right;}





.advantage .advantage-one .advan-list-2{padding: 10rem 0;background: #EEEEEE;}

.advantage .advantage-one .advan-list-2 .wrap1{position: relative;}

.advantage .advantage-one .advan-list-2 .advan-list-r{z-index:10;position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .advan-list-2 .advan-list-r h2{font-size: 15px;margin-bottom: 20px;}

.advantage .advantage-one .advan-list-2 .advan-list-l{text-align: left;}



.advantage .advantage-one .operation{display: flex;justify-content: space-between;align-items: center;padding: 10rem 2%;}

.advantage .advantage-one .operation .opera-l{padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .operation .opera-l h2{font-size: 15px;margin-bottom: 20px}



.advantage .advantage-one .advantage-list{padding: 10rem 0;background: #EEEEEE;}

.advantage .advantage-one .advantage-list h2{font-size: 20px;font-weight: normal;font-family: normal;text-align: center;margin-bottom: 5rem;}

.advantage .advantage-one .advantage-list ul{display: flex;flex-wrap: wrap;}

.advantage .advantage-one .advantage-list ul li{width: 33.33%;text-align: center;margin-bottom: 3rem;}

.advantage .advantage-one .advantage-list ul li h4{font-size: 1.8rem;padding-top: 3rem;}

.advantage .advantage-one .advantage-list ul li h4 p{font-weight: 100;font-size: 16px;line-height: 24px;padding: 4%;font-family: normal;}



.advantage .advantage-one .type-1{padding: 10rem 2%;position: relative;z-index: 33;}

.advantage .advantage-one .type-1-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .type-1-l h1{font-size: 30px;margin-bottom: 15px;}

.advantage .advantage-one .type-1-l div{font-family: normal;}

.advantage .advantage-one .type-1-r{text-align: right;}





.advantage .advantage-one .type-content{padding-left: 8rem;}

.advantage .advantage-one .type-content h2{font-size: 3.6rem;line-height: 5.4rem;color: #000;font-weight: normal;}

.advantage .advantage-one .type-content h2 span{color: #f1a423;}

.advantage .advantage-one .type-content>div{max-width: 60%;}

.advantage .advantage-one .type-content>p{margin-top: 3rem;font-size: 18px;font-family: normal;}



.advantage .advantage-one .type-list{padding-top: 10rem;}

.advantage .advantage-one .type-list ul{display: flex;justify-content: space-between;}

.advantage .advantage-one .type-list ul li{width: 32.3%;box-shadow:0 0 20px 0 rgba(0,0,0,.2);background: #FFFFFF;}

.advantage .advantage-one .type-list ul li .t-l-c{width: 100%;padding: 3rem;}

.advantage .advantage-one .type-list ul li .t-l-c h2{font-size: 15px;margin-bottom: 20px;}



.advantage .advantage-one .pt-10{padding-top: 10rem;}

.advantage .advantage-one .type-content p font{font-size: 13px;font-family: normal;}

.advantage .advantage-one .type-container{background: #EEEEEE;display: flex;align-items: center;margin-top: 5rem;}

.advantage .advantage-one .type-container .wid-3{width: 30%;padding: 0 5rem;}

.advantage .advantage-one .type-container .wid-3 h2{font-size: 15px;margin-bottom: 20px;}

.advantage .advantage-one .type-container .wid-3 div{font-family: normal;line-height: 1.8;font-size: 13px;}

.advantage .advantage-one .glue{background: #EEEEEE;padding-top: 10rem;margin-top: 10rem;}

.advantage .advantage-one .glue .wrap1{position: relative;}

.advantage .advantage-one .glue .glue-l{z-index:10;position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .glue .glue-l h1{font-size: 30px;margin-bottom: 15px;}

.advantage .advantage-one .glue .glue-l p{font-size: 13px;line-height: 1.8;font-family: normal;}

.advantage .advantage-one .glue .glue-r{text-align: right;}

.advantage .advantage-one .glue-1{text-align: center;background: #EEEEEE;padding-top: 10rem;padding-bottom: 10rem;}

.advantage .advantage-one .glue-1 h3{font-size: 20px;font-weight: normal;font-family: normal;padding-bottom: 3rem;}

.advantage .advantage-one .glue-1 ul{display: flex;flex-wrap: wrap;}

.advantage .advantage-one .glue-1 ul li{width: 33.33%;text-align: center;margin-bottom: 3rem;}

.advantage .advantage-one .glue-1 ul li h4{font-size: 1.8rem;padding-top: 3rem;}

.advantage .advantage-one .glue-1 ul li h4 p{font-weight: 100;font-size: 16px;line-height: 24px;padding: 4%;font-family: normal;}

.advantage .advantage-one .interior{padding-top: 10rem;position: relative;}



.advantage .advantage-one .interior .interior-l{z-index:10;position: absolute;left: 0;top: 50%;transform:translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-one .interior .interior-l h1{font-size: 30px;}

.advantage .advantage-one .interior .interior-r{text-align: right;}



.advantage .advantage-one .interior-list{padding-top: 10rem;padding-left: 5%;}

.advantage .advantage-one .interior-list ul{display: flex;}

.advantage .advantage-one .interior-list ul li{margin: 0 15px;width: 40%;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}

.advantage .advantage-one .interior-list ul li .i-l-c{padding: 3rem;}

.advantage .advantage-one .interior-list ul li .i-l-c h3{font-size: 15px;margin-bottom: 15px;}



.advantage .advantage-two .advantage-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.advantage .advantage-two .advantage-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.advantage .advantage-two .advantage-content h2 p:nth-child(2){font-weight: normal;}

.advantage .advantage-two .process{padding: 10rem 2%;background: #EEEEEE;}

.advantage .advantage-two .process .wrap1{position: relative;}

.advantage .advantage-two .process .process-l{z-index:10;position: absolute;left: 0;top: 50%;transform:translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.advantage .advantage-two .process .process-l div{text-indent: 0em;table-layout: fixed;word-wrap: break-word;word-break: normal;text-align:justify;text-justify:inter-ideograph;}

.advantage .advantage-two .process .process-r{text-align: right;}

.advantage .advantage-two .process-1{padding: 10rem 2%;position: relative;}

.advantage .advantage-two .process-1 .process-l{text-align: left;}

.advantage .advantage-two .process-1 .process-r{z-index:10;position: absolute;right: 0;top: 50%;transform:translateY(-50%);padding:5rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 33%;}

.process-img{text-align: center;padding: 4rem 2%;}

.advantage .advantage-two .process-1 .process-r div{text-indent: 0em;table-layout: fixed;word-wrap: break-word;word-break: normal;text-align:justify;text-justify:inter-ideograph;}





.advantage .advantage-three .advantage-content h2{padding: 8rem 0 6rem;font-size: 16px;color: #333333;}

.advantage .advantage-three .advantage-content h2 p:nth-child(1){font-size: 20px;margin-bottom: 10px;}

.advantage .advantage-three .advantage-content h2 p:nth-child(2){font-weight: normal;}

.advantage .advantage-three .honor .honor-img{margin-top: -10rem;position: relative;padding-bottom: 5rem;}

.advantage .advantage-three .honor .honor-img .swiper-pagination{text-align: center;left: 50%;transform: translateX(-50%);bottom: 0;}

.advantage .advantage-three .honor .honor-img .swiper-button-prev{top: 99%;left: 45%;background-image: url(../images/h-p.png);background-size: 34px 34px;width: 34px;height: 34px;z-index: 12;}

.advantage .advantage-three .honor .honor-img .swiper-button-next{top: 99%;right: 45%;background-image: url(../images/h-n.png);background-size: 34px 34px;width: 34px;height: 34px;z-index: 12;}

.info{padding-top: 172px;}

.info .nav{padding: 18px 2%;background: #eeeeee;}

.info .nav a{margin: 0 5px;}

.info .nav span{color: #CACACA;}

.info .info-content{padding: 10rem 2%;}

.info .info-content h1{text-align: center;font-size: 25px;margin-bottom: 5rem;}

.info .info-content div{font-size: 14px;font-family: normal;line-height: 1.8;}

.info .info-list{padding: 5rem 0;background: #EEEEEE;}

.info .info-list .wrap1{display: flex;justify-content: space-between;}

.info .info-list .product-Information,.info .info-list .merchants-Information{width: 48%;background: #FFFFFF;padding: 3rem 5rem;}

.info .info-list h1{font-size: 20px;font-family: normal;font-weight: normal;margin-bottom: 15px;}

.info .info-list ul li a{font-size: 14px;line-height: 1.8;font-weight: Regular;}



.specifications .nav{padding: 18px 2%;background: #eeeeee;}

.specifications .nav a{margin: 0 5px;}

.specifications .nav span{color: #CACACA;}

.specifications .specifi-list{padding: 10rem 2%;position: relative;}

.specifications .specifi-list .specifi-list-r{z-index:10;position: absolute;right: 0;top: 50%;transform:translateY(-50%);padding:6rem;background: #fff; box-shadow:0 0 20px 0 rgba(0,0,0,.2);width: 50%;}

.specifications .specifi-list .specifi-list-r h2{font-weight: normal;font-family: normal;font-size: 20px;margin-bottom: 15px;}

.specifications .specifi-list .specifi-list-r div{line-height: 1.8;font-size: 15px;}



.specifications .specifi-row{background: #EEEEEE;padding: 10rem 0;}

.specifications .specifi-row ul{display: flex;justify-content: space-between;}

.specifications .specifi-row ul li{width: 32%;display: flex;align-items: center;text-align: center;padding: 6rem 5rem 8rem;background: #FFFFFF;flex-direction: column;}

.specifications .specifi-row ul li img{margin: 0 auto;}

.specifications .specifi-row ul li p{margin-top: 5rem;}



.specifications .table{margin-top: 10rem;box-shadow:0 0 40px 0 rgba(0,0,0,.2)}

.specifications .table.wrap{padding: 0;}

.specifications .table table{width: 100%;}

.specifications .table table tr:nth-child(odd){background: #fafafa;}

.specifications .table table tr:first-child{background: #eeeeee;}

.specifications .table table tr:first-child td{padding: 25px 0;}

.specifications .table table tr td{padding: 15px 0;text-align: center;}

.specifications .table table tr:last-child{background: #EEEEEE;}

.specifications .table table tr:last-child td{padding: 25px 0;text-align: right;padding-right: 10rem;}





footer .foot{padding: 50px 0;}

footer .follow{text-align: center;margin: 80px auto 60px;}

footer .follow h1{font-size: 13px;font-weight: normal;}

footer .follow span{display: block;height: 1px;width: 20px;background: #999999;margin: 20px auto;}

footer .follow ul{display: flex;justify-content: center;align-items: center;}

footer .follow ul li{margin: 0 10px;}

footer .follow ul li a{display: inline-block;width: 24px;height: 20px;background-position: center center;background-repeat: no-repeat;position: relative;}

footer .follow ul li a img{position:absolute;bottom:120%;left:50%;transform:translate(-50%,-10px);width: 120px;max-width: initial;transition: all .3s;display: none;}

footer .follow ul li a:hover img{transform:translate(-50%,0);display: block;z-index: 11;}

footer .foot{width: 100%;background: #333333;}

footer .footnav{display: flex;justify-content: space-between;padding: 0 15px;}

footer .footnav dt{margin-bottom: 20px;}

footer .footnav dt a{color: #fff;font-size: 14px;font-weight: bold;}

footer .footnav dt a:hover{text-decoration: underline;}

footer .footnav dd a{color: #d8d8d8;font-size: 12px;margin-bottom: 5px;display: inline-block;transition: all .3s;}

footer .footnav dd a:hover{text-decoration: underline;}

footer .friend{display: flex;color: #e5e5e5;margin-top: 50px;padding: 0 15px;}

footer .friend ul{display: flex;}

footer .friend ul li a{font-size: 12px;color: #e5e5e5;padding:0 10px;position: relative;display: block;}

footer .friend ul li a:after{content: '';height: 12px;width: 1px;background: #737373;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

footer .friend ul li a:hover{text-decoration: underline;}

footer .friend ul li:last-child a:after{width: 0;}

footer .copyright{width: 100%;padding: 20px 0;background: #0f0f0f;}

footer .copyrights{display: flex;justify-content: space-between;color: #e5e5e5;font-size: 12px;align-items: center;padding: 0 15px;}



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

	.wrap,.wrap1{padding: 0 2%;}

	.morepro .moreCont{height: 70vh;}

	.morepro .moreCont .content{max-width: 40%;}

	.advantage .advantage-two .process-1 .process-r{right: 2%;}

	.advantage .advantage-one .advan-list .advan-list-l{left: 2%;}

	.advantage .advantage-one .advan-list-1 .advan-list-l{left: 2%;}

	.advantage .advantage-one .advan-list-2 .advan-list-r{right: 2%;}

	.advantage .advantage-one .type-1-l{left: 2%;}

	.advantage .advantage-one .type-container{margin: 0 2%;padding: 0;}

	.advantage .advantage-one .interior .interior-l{left: 2%;}

	.advantage .list .list-r{right: 2%;}

	.advantage .list-1 .list-l{left: 2%;}

	.brand .brand-two .list .list-l{left: 2%;}

	.brand .brand-one .list .list-l{left: 2%;}

	.field .field-content section .content-left .content-container{left: 2%;}

	

}

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

	.c{display: none;}

}

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

	.xs-hidden{display:none!important;}

  	.xs-visible{display:block!important;}



    .vd div img{width: 30px;height: 30px;}

    .vd img{width: 50px;height: 50px;}

  	header .head{text-align: left;}

  	header .head ul{display: none;}

  	header .head{padding-top: 0;padding: 15px 0;display: flex;align-items: center;}

  	header .head .logo{text-align: left;margin-left: 20px;display: inline-block;}

    header .head .logo img{max-width: 90%;cursor: pointer;}

    header .head .lang{margin-left: 18%;}

    header .head .lang img{max-width: 70%;cursor: pointer;}

  	.index{margin-top: 59px;}

	.index .swiper-slide .container{left: 10%;}

	.index .swiper-slide .container h1{font-size: 18px;}

	.index .swiper-slide>img{width: 100%; height: calc(100vh - 98px);}

    .index .swiper-pagination{bottom: 15px;}

	.exhibition .exhibitionCont .excontent{line-height: 3em;max-width: 100%;}

	





	.morepro{display: block;margin-top: 30px;}

	.morepro img{position: initial;width: 100%;transform: translateY(0);}

	.morepro .moreCont{width: 100%;height: auto;}

	.morepro .moreCont .content{max-width: 100%;margin: 10px 0;line-height: 1.8;padding: 0 20px;}

	.morepro .moreCont .content h1{font-size: 14px;}

	.morepro .moreCont .content h2{margin: 10px 0 20px;font-size: 12px;}

	.morepro .moreCont .content a{font-size: 12px;}

	.size{margin-top: 0;}

	.touchBtn{margin-top: 30px;padding: 40px 15px;}

	.touchBtn p{margin-top: 15px;font-size: 12px;}

	.touchBtn a{margin: 30px auto 0;width: 150px;height: 33px;line-height: 33px;}

	

	.exhibition{flex-direction: column-reverse;margin-top: 2rem;}

	

	.exhibition .exhibitionCont{position: initial;width: 100%;padding:40px;height: auto;}

	.exhibition .exhibitionCont .excontent{line-height: 1.8;}

	.exhibition .exhibitionCont .excontent p{margin: 10px 0 20px;}

	.exhibition .case{width: 100%;}

	.case .swiper-button-next,.case .swiper-button-prev{width: 23px;height: 23px;}

	.case .swiper-button-next{bottom: 14px;}

	.case .swiper-button-prev{bottom: 84px;}

	.case .swiper-pagination-fraction{right: 36px;bottom: 50px;}

	

	.product{padding-top: 71px;}

	.product .series h1{margin: 40px 0 30px;}

	.product .series .container{flex-direction: column;}

	.product .proseries{margin-top: 3rem;padding-bottom: 90px;}

	.product .proseries .ps-content{flex-direction: column;}

	.product .proseries .ps-content .ps-l{width: 100%;}

	.product .proseries .ps-content .ps-r{width: 100%;padding-right: 0;}

	.product .proseries .ps-content .ps-r>p{margin: 20px 0;}

	.product .proseries .ps-content .ps-r .list .swiper-button-prev,.product .proseries .ps-content .ps-r .list .swiper-button-next{display: none;}

	.product .pros>.swiper-pagination{top: 105%;}

	.product .pros>.swiper-button-next{top: 108.5%;right: 30%;}

	.product .pros>.swiper-button-prev{top: 108.5%;left: 30%;}

	.catalogs-links{padding: 5rem 0;}

	.catalogs-links .container ul{flex-direction: column;}

	.catalogs-links .container ul li{width: 100%;margin-bottom: 2rem;}

	.catalogs-links .container ul li .content{padding: 1.5rem;}

	

	.example{margin-top: 50px;}

	.example ul li{width: 100%;}

	.example ul li .title{padding-left: 25%;}

	.productInfo{padding-top: 71px;}

	.productInfo .figure .title{ width: 50%; top: 35%;}

	.productInfo .figure .title h1{font-size: 26px;}

	.productInfo .figure .title a{margin-top: 12px;}

	.productInfo .figure .title h1:after{width: 42px;left: -32%;}

	.productInfo .specs{margin-top: 3rem;}

	.productInfo .specs h1{margin-bottom: 2rem;}

	.productInfo .specs .specs-info{position: initial;width: 100%;padding: 2rem;}

	.productInfo .relevant{margin-top: 3rem;}

    .advantage{padding-top: 71px;}

	

	.advantage .advantage-three .advantage-content h2{padding: 4rem 0 2rem;}

	.advantage .advantage-three .honor .honor-img{margin-top: 0;padding-bottom: 3rem;padding-top: 3rem;}

	.advantage .advantage-three .honor .honor-img .swiper-button-prev{left: 33%;}

	.advantage .advantage-three .honor .honor-img .swiper-button-next{right: 33%;}

	.advantage .advantage-two .advantage-content h2{padding: 3rem 0 2rem;}

	.advantage .advantage-two .process{padding: 4rem 2%;}

	.advantage .advantage-two .process .process-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-two .process-1{padding: 4rem 2%;}

	.advantage .advantage-two .process-1 .process-r{position: initial;transform: translateY(0);width: 100%;padding: 3rem;}

	.advantage .advantage-one .advantage-content h2{padding: 4rem 0 3rem;}

	.advantage .advantage-one .advan-list{padding: 4rem 0;}

	.advantage .advantage-one .advan-list .advan-list-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-one .advan-list-1{padding: 2rem 2%;}

	.advantage .advantage-one .advan-list-1 .advan-list-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-one .advan-list-2{padding: 4rem 0;}

	.advantage .advantage-one .advan-list-2 .advan-list-r{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-one .operation{flex-direction: column;}

	.advantage .advantage-one .operation{padding: 4rem 2%;}

	.advantage .advantage-one .operation .opera-l{width: 100%;margin-bottom: 2rem;}

	.advantage .advantage-one .advantage-list ul li{width: 100%;}

	.advantage .advantage-one .type-1{padding: 2rem 2%;}

	.advantage .advantage-one .type-1-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-one .type-content{padding-left: 15px;padding-right: 15px;font-size: 50%;}

	.advantage .advantage-one .type-content>div{max-width: 100%;}

	.advantage .advantage-one .type-list{padding-top: 2rem;}

	.advantage .advantage-one .type-list ul{flex-direction: column;}

	.advantage .advantage-one .type-list ul li{width: 100%;margin-bottom: 2rem;}

	.advantage .advantage-one .pt-10{padding-top: 2rem;}

	.advantage .advantage-one .type-container{flex-direction: column;}

	.advantage .advantage-one .type-container .wid-3{width: 100%;padding: 0 15px;padding-bottom: 15px;}

	.advantage .advantage-one .type-container .wid-3 h2{margin-top: 15px;}

	.advantage .advantage-one .glue{margin-top: 4rem;padding-top: 2rem;}

	.advantage .advantage-one .glue .glue-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-one .glue .glue-l h1{font-size: 2.1rem;}

	.advantage .advantage-one .glue-1{padding-top: 4rem;padding-bottom: 4rem;}

	.advantage .advantage-one .glue-1 ul li{width: 100%;}

	.advantage .advantage-one .interior{padding-top: 2rem;}

	.advantage .advantage-one .interior .interior-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .advantage-one .interior .interior-l h1{font-size: 2.1rem;}

	.advantage .advantage-one .interior-list{padding:4rem 2% 0;}

	.advantage .advantage-one .interior-list ul{flex-direction: column;}

	.advantage .advantage-one .interior-list ul li{width: 100%;margin: 0;margin-bottom: 2rem;}

	.advantage .advantage-one .advantage-content ul{flex-wrap: wrap;margin-bottom: 2rem;}

	.advantage .advantage-one .advantage-content ul li{width: 49%;margin-bottom: 1%;}

	.advantage .list{padding: 4rem 2%;}

	.advantage .list .list-r{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .list-1 .list-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.advantage .list-1{padding: 4rem 0;}

	.advantage .ad-list{padding: 4rem 0;}

	.advantage .ad-list ul{flex-direction: column;}

	.advantage .ad-list ul li{width: 100%;padding: 2rem 0 3rem;margin-bottom: 2rem;}

	.brand{padding-top: 71px;}

	.brand .brand-two .brand-content h2{padding: 4rem 0 2rem;}

	.brand .brand-two .images{padding: 4rem 2%;}

	.brand .brand-two .list{padding: 4rem 2%;}

	.brand .brand-two .list .list-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.brand .brand-two .list-1{padding: 4rem 0;}

	.brand .brand-two .list-1 .list-r{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.brand .brand-two .brand-two-content div{padding: 2rem 15px;font-size: 13px;}

	.brand .brand-one .list{padding: 4rem 2%;}

	.brand .brand-one .list .list-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.brand .brand-one .list .list-l h1{font-size: 2.1rem;}

	.brand .brand-one .list-1{padding: 4rem 2%;}

	.brand .brand-one .list-1 .list-r{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.brand .brand-one .list-1 .list-r h1{font-size: 2.1rem;}

	.contact{padding-top: 71px;}

	.contact .contact-three .position .position-list{margin-left: 0;width: 100%;padding: 2rem;}

	.contact .contact-three .contact-content h2{padding: 4rem 0 2rem;}

	.contact .contact-three .position{padding: 4rem 0;background-repeat: initial;}

	.contact .contact-three .position .position-list .col{flex-direction: column;}

	.contact .contact-three .position .position-list .col .col-l{width: 100%;margin-bottom: 20px;}

	.contact .contact-three .position .position-list .col .col-r{width: 100%;}

	.contact .contact-one .contact-content h2{padding: 4rem 0 2rem;}

	.contact .contact-one .problem{padding: 4rem 2%;}

	.contact .contact-one .questions h1{margin: 40px 0 20px;}

	.contact .contact-one .questions .sub{padding: 25px;}

	.contact .contact-two .contact-content h2{padding: 4rem 0 2rem;}

	.contact .contact-two .introduced{flex-direction: column;padding: 4rem 2%;margin-top: 20px;background-size: 50%;}

	.contact .contact-two .introduced .i-l{max-width: 96%;margin-bottom: 2rem;}

	.contact .contact-two .introduced .i-l h1{font-size: 2.1rem;}

	.contact .contact-two .advantage h1{font-size: 2.1rem;}

	.contact .contact-two .advantage ul{flex-direction: column;}

	.contact .contact-two .advantage ul li{width: 100%;margin-right: 0;background-size: 90%;padding: 5rem 0;}

	.contact .P-advantage h1{padding-top: 4rem;font-size: 2.1rem;}

	.contact .P-advantage{margin-top: 4rem;}

	.contact .P-advantage .col .p-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.contact .P-advantage .col{padding: 4rem 0;}

	.contact .P-advantage .col .p-r{max-width: 100%;}

	.contact .P-advantage-1 .col{padding: 4rem 0;}

	.contact .P-advantage-1 .p-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.contact .P-advantage-1 .p-r{max-width: 100%;}

	.contact .P-advantage-2 .col .p-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.contact .P-advantage-2 .col{padding: 4rem 0;}

	.contact .P-advantage-2 .col .p-r{max-width: 100%;}

	.contact .requirements{padding: 4rem 2%;}

	.contact .Rights{padding: 4rem 0;}

	.contact .Rights h1{font-size: 2.1rem;margin-bottom: 25px;}

	.contact .Rights ul{flex-wrap: wrap;}

	.contact .Rights ul li{width: 40%;margin-bottom: 2rem;}

	.contact .Rights ul li h3{margin-top: 25px;font-size: 15px;}

	.field{padding-top: 71px;}	

	.field .field-content .container{padding: 4rem 0;}

	.field .field-content section .content-left .content-container{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.field .field-content section .content-left .content-container h1{font-size: 2.1rem;}

	.field .field-content section .content-left{margin-top: 0;}

	.field .field-content section{padding-bottom: 4rem!important;}

	.field .field-content .btn{padding-bottom: 4rem;padding-right: 0;}

	.field>.col{padding: 4rem 2%;}

	.field>.col .col-r{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.field>.col .col-r h1{font-size: 2.1rem;}

	.field>.col .btn{padding-top: 4rem;}

	.field>.col-1 .col-l{position: initial;width: 100%;transform:translateY(0);padding: 3rem;}

	.field>.col-1{padding: 4rem 0;}

	.field>.col-1 .col-l h1{font-size: 2.1rem;}

	.field>.col-1 .btn{padding-top: 4rem;}

	.field>.col .btn .wrap{margin-right: 0;}

	.field>.col-1 .btn .wrap{margin-right: 0;}

    .fieldInfo{padding-top: 71px;}	

	.fieldInfo .fieldInfo-list .fieldInfo-content h2{padding: 4rem 0 3rem;}

	.fieldInfo .fieldInfo-list .col ul{flex-wrap: wrap;}

	.fieldInfo .fieldInfo-list .col ul li{width: 100%;margin-bottom: 5px;}

	.fieldInfo .fieldInfo-list .col .related{flex-direction: column;}

	.fieldInfo .fieldInfo-list .col .related .re{width: 100%;margin-bottom: 5px;}

	.info{padding-top: 71px;}

	.info .info-content{padding: 4rem 3%;}

	.info .info-content h1{font-size: 1.8rem;}	

	.info .info-list{padding: 4rem 0;}

	.info .info-list .wrap1{flex-direction: column;}

	.info .info-list .product-Information, .info .info-list .merchants-Information{width: 100%;padding: 3rem;}

	.info .info-list .product-Information{margin-bottom: 2rem;}

	.specifications .specifi-list .specifi-list-r{position: initial;width: 100%;transform:translateY(0);padding: 2rem;}

	.specifications .specifi-list{padding: 4rem 2%;}

	.specifications .specifi-row{padding: 4rem 0;}

	.specifications .specifi-row ul{flex-direction: column;}

	.specifications .specifi-row ul li{width: 100%;padding: 3rem 0 4rem;margin-bottom: 2rem;}

	.specifications .table table tr:last-child td{padding-right: 2rem;}

	.specifications .table.wrap{padding: 0;margin-top: 4rem;}

	.product .series .container form{flex-direction: column;align-items: end;}

	.product .series .container form button{margin-top: 1rem;}

	.product .series .container .select-style{margin-right: 0;}

	.example ul li .title{padding-left: 20%;}

	.example ul li .title:after{width: 44px;}

	.field .field-content .btn .wrap{display: block;}

	.field .field-content .btn .more,.field>.col .btn .more,.field>.col-1 .btn .more{max-width: 100%;width: 100%;}

	footer .foot{display: none;}

	footer .wechat{text-align: center;background: #0f0f0f;padding: 2rem 0;}

    footer .wechat img{max-width: 30%}

	footer .copyrights{display: block;text-align: center;}

	footer .copyrights img{margin-bottom: 10px;}

	footer .follow{margin: 10px auto 20px;}

	footer .follow span{margin: 10px auto;}

}