@charset"utf-8";











/*Generated by wjdhcms 3.0 */





/*-----------------------------------------------------------*/





/*copyright by 动力无限  www.btoe.cn*/





/*邮箱 btoe@btoe.cn*/





/*合作电话 400-0599-360*/





/*版权所有违者必究*/





/*-----------------------------------------------------------*/





.yc {





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.gd {





    -webkit-transition: .5s;





    transition: .5s;





}











.top {





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.right {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





}











.dx {





    text-transform: uppercase;





}











* {





    padding: 0;





    margin: 0;





    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;





    outline: none;





}











body {





    font: 0.15rem/1.231'Microsoft YaHei', arial, helvetica, clean, sans-serif;





    color: #333;





    margin: 0;





    line-height: 1.5;





    -webkit-text-size-adjust: none;





}











:focus {





    outline: 1;





}











article,





aside,





canvas,





details,





figcaption,





figure,





footer,





header,





hgroup,





menu,





nav,





section,





summary {





    display: block;





}











a {





    color: #333;





    text-decoration: none;





}











input::-webkit-input-placeholder {





    color: #b2b2b2;





    font-size: 0.15rem;





}











input::-moz-placeholder {





    font-size: 0.15rem;





    color: #b2b2b2;





}











input:-moz-placeholder {





    font-size: 0.15rem;





    color: #b2b2b2;





}











input:-ms-input-placeholder {





    font-size: 0.15rem;





    color: #b2b2b2;





}











input::placeholder {





    font-size: 0.15rem;





    color: #b2b2b2;





}











a:link,





a:hover,





a:active,





a:visited {





    text-decoration: none;





}











ins {





    background-color: #ff9;





    color: #000;





    text-decoration: none;





}











mark {





    background-color: #ff9;





    color: #000;





    font-style: italic;





    font-weight: bold;





}











del {





    text-decoration: line-through;





}











table {





    border-collapse: collapse;





    border-spacing: 0;





}











hr {





    display: block;





    height: 1px;





    border: 0;





    border-top: 1px solid #cccccc;





    margin: 1em 0;





    padding: 0;





}











input,





select {





    vertical-align: middle;





}











li,





ul {





    list-style-type: none;





}











img {





    border: none;





}











input,





textarea {





    outline: 0;





    border: 0;





}











textarea {





    resize: none;





}











h1,





h2,





h3,





h4,





h5,





h6,





dl,





dd,





dt,





i,





em {





    font-weight: normal;





    font-style: normal;





}











html {





    font-size: 100px;





}











.clearboth {





    clear: both;





}











ol,





ul {





    margin-bottom: 0;





}











p {





    margin: 0 0 0px;





}











dl {





    margin-bottom: 0;





}











a:hover {





    color: #333;





}











.container {





    max-width: 1200px;





    margin: 0 auto;





    /* overflow: hidden; */





    padding: 0;





}











.navbar-left {





    float: left;





}











.navbar-right {





    float: right;





}











.productscd {





    height: 0.9rem;





    border-bottom: 1px solid #ededed;





}











.productsTopvd {





    height: 0.8rem;





    overflow: hidden;





    margin-top: 0.1rem;





}











.yc {





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.gd {





    -webkit-transition: .5s;





    transition: .5s;





}











.top {





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.rightA {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





}











.dx {





    text-transform: uppercase;





}











.fl {





    float: left;





}











.fr {





    float: right;





}











.cb {





    clear: both;





}











.mbanner img {





    width: 100%;





    display: block;





    position: relative;





    top: 0;





}











/* pro_cenntern1Title */





.swiper-container {





    width: 100%;





    margin-left: auto;





    margin-right: auto;





}











.swiper-slide {





    background-size: cover;





    background-position: center;





}











.gallery-top {





    height: 80%;





    width: 100%;





    cursor: url(../img/gesture.png), default;





}











.gallery-thumbs {





    height: 20%;





    box-sizing: border-box;





    padding: 10px 0;





    cursor: url(../img/gesture.png), default;





}











.gallery-thumbs .swiper-slide {





    height: 100%;





    opacity: 1;





}











.gallery-thumbs .swiper-slide b {





    position: relative;





    display: block;





    padding: 32.8%;





    border: 1px solid #f2f2f2;





}











.gallery-thumbs .swiper-slide-thumb-active b {





    border: 1px solid #333;





}











.gallery-thumbs .swiper-slide b img {





    position: absolute;





    max-width: 100%;





    max-height: 100%;





    top: 0;





    left: 0;





    right: 0;





    bottom: 0;





    margin: auto;





}











.pro_centern1 .pro_centern1Title {





    text-align: center;





}











.pro_centern1 .pro_centern1Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





    margin-bottom: 0.1rem;





}











.pro_centern1 .pro_centern1Title p {





    padding-top: 0rem;





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





}











.pro_centern1 .pro_centern1Title a {





    display: inline-block;





    color: #333;





    font-size: 0.14rem;





    line-height: 1;





    margin-top: 0.16rem;





    padding-bottom: 0.01rem;





    border-bottom: 1px solid rgba(0, 0, 0, 0.4);





}











.pro_centern1 .pro_centern1Box .pro_centern1Brief {





    padding: 0 120px;





    font-size: 0.14rem;





    line-height: 0.3rem;





    margin-top: 0.1rem;





    color: #999;





    text-align: center;





    margin-bottom: 0.3rem;





}











.pro_centern1 .pro_centern1Box .gallery-top {





    border: 1px solid #e6e6e6;





    overflow: hidden;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxImg {





    position: relative;





    padding: 19%;





    overflow: hidden;





    border-right: 1px solid #e6e6e6;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxImg img {





    position: absolute;





    display: block;





    top: 0;





    left: 0;





    right: 0;





    margin: auto;





    bottom: 0;





    max-width: 99%;





    max-height: 99%;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText {





    padding: 0.18rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox {





    width: 100%;





    height: 100%;





    background: #f5f5f5;





    padding: 0.3rem .4rem 0.3rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox h4 {





    font-size: 0.24rem;





    color: #333;





    line-height: 1;





    text-align: center;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox h4 b {





    font-size: 0.24rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox span {





    line-height: 1;





    font-size: 0.13rem;





    color: #999;





    display: block;





    border-bottom: 1px solid #e6e6e6;





    padding: 0.16rem 0 0.14rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox span a {





    color: #999;





    display: inline-block;





    padding-left: 15px;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox span a:hover {





    color: #333;





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox p {





    font-size: 0.14rem;





    color: #808080;





    line-height: 0.32rem;





    margin-top: 0.26rem;





    padding-bottom: 0rem;





    border-bottom: 1px solid #e6e6e6;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 3;





    overflow: hidden;





    height: 1.07rem;





    border-top: 1px solid #e6e6e6;





    padding: 5px 0;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 {





    width: 100%;





    height: 100%;





    padding: 0rem .3rem 0rem;





    background: #f5f5f5;





    overflow: hidden;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare {





    padding-top: 0.3rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare .pro_centern1BoxTextBoxShareBox {





    padding: 0;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare h4 {





    font-size: 0.14rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare h4 b {





    font-size: 0.2rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare a.pro_centern1BoxTextBox1More {





    display: block;





    width: 1.25rem;





    height: 0.36rem;





    background: #333 url(../img/pro_centern1BoxTextBox1More.png) no-repeat 80% center;





    border-radius: 4px;





    line-height: .36rem;





    text-indent: 2em;





    color: #fff;





    font-size: 0.14rem;





    margin: 0.28rem 0;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare a.pro_centern1BoxTextBox1More:hover {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR {





    overflow: hidden;





    background: url(../img/pro_centern1BoxTextBoxQR.png) no-repeat center top;





    margin-top: 0.1rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR img {





    width: 1.16rem;





    height: 1.16rem;





    margin: 0 auto;





    display: block;





    margin-top: 0.32rem;





}











.pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR h6 {





    text-align: center;





    font-size: .13rem;





    margin-top: 0.15rem;





    padding-bottom: 0.1rem;





}











.pro_centern1Boxcontainer .swiper-container {





    position: relative !important;





}











.bFind-wrapper-top {





    height: 26px !important;





}











.gallery-thumbs .swiper-slide {





    overflow: hidden;





}











.pro_swiperMore {





    display: block;





    text-align: center;





    line-height: 2;





    -webkit-transition: .5s;





    transition: .5s;





    margin: 0 auto;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    max-width: 12em;





    text-indent: 0.03rem;





    border-bottom: 1px solid rgba(255, 255, 255, 0.4);





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.gallery-thumbs .swiper-slide-thumb-active .pro_swiperMore {





    border-bottom: 1px solid rgba(0, 0, 0, 0.4);





}











.gallery-thumbs .swiper-slide-thumb-active a {





    color: #333;





}











.swiper-button-next:after,





.swiper-container-rtl .swiper-button-prev:after {





    content: 'next';





}











.swiper-button-next1 {





    width: 0.35rem;





    height: 0.8rem;





    background: url(../img/swiper-button-next1.png) no-repeat center;





    position: absolute;





    top: 40%;





    z-index: 1;





    left: 0;





    outline: none;





}











.swiper-button-prev1 {





    width: 0.35rem;





    height: 0.8rem;





    background: url(../img/swiper-button-prev1.png) no-repeat center;





    position: absolute;





    top: 40%;





    z-index: 1;





    right: 0;





    outline: none;





}











.pro_centern1Box1 .pro_centern1Box1Title {





    text-align: center;





}











.pro_centern1Box1 .pro_centern1Box1Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





    margin-bottom: 0.1rem;





}











.pro_centern1Box1 .pro_centern1Box1Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





}











.pro_centern1Box1 .pro_centern1Box1Box {





    background: url(../img/pro_centern1Box1BoxBg.jpg) no-repeat center top;





    padding-bottom: 0.6rem;





    background-size: cover;





    margin-top: 0.4rem;





    position: relative;





}











.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {





    background: transparent !important;





    border: 1px solid #333;





    opacity: 1;





}











.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {





    background: #333 !important;





    background: transparent;





}











.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd {





    width: 50%;





    background: #333;





    padding: 0.3rem;





    margin: 0.8rem auto 0.3rem;





}











.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd h4 {





    text-align: center;





    padding-top: 0.3rem;





    color: #fff !important;





    font-weight: bold;





    font-size: 0.26rem;





}











.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd img {





    display: block;





    margin: 0 auto;





    margin-top: 0.3rem;





}











.pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd p {





    padding: 20px;





    color: #fff;





    text-align: center;





    font-size: 0.15rem;





}











.pro_centern1Box2 {





    overflow: hidden;





    padding-bottom: 0.3rem;





}











.pro_centern1Box2 .pro_centern1Box2Title {





    text-align: center;





}











.pro_centern1Box2 .pro_centern1Box2Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





    margin-bottom: 0.1rem;





}











.pro_centern1Box2 .pro_centern1Box2Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





}











.pro_centern1Box2 .pro_centern1Box2Box {





    margin-top: 0.2rem;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List {





    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);





    padding: 0;





    overflow: hidden;





    margin: 0.3rem 0 0;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left {





    position: relative;





    padding: 0;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a {





    display: block;





    position: relative;





    padding-top: 87%;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a img {





    position: absolute;





    top: 0;





    left: 0;





    right: 0;





    bottom: 0;





    max-width: 94%;





    max-height: 94%;





    margin: auto;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftLeft {





    position: absolute;





    height: 0%;





    width: 1px;





    background: #fff;





    top: 5%;





    left: 5%;





    overflow: hidden;





    -webkit-transition: .5s;





    transition: .5s;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftRight {





    position: absolute;





    height: 0%;





    width: 1px;





    background: #fff;





    bottom: 5%;





    right: 5%;





    overflow: hidden;





    -webkit-transition: .5s;





    transition: .5s;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box3 .pro_centern1Box3R h4 i {





    width: 0.12rem;





    height: 0.12rem;





    display: inline-block;





    vertical-align: middle;





    overflow: hidden;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftTop {





    position: absolute;





    width: 0%;





    height: 1px;





    background: #fff;





    top: 5%;





    left: 5%;





    overflow: hidden;





    -webkit-transition: .5s;





    transition: .5s;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left a .pro_centern1Box2LeftBottom {





    position: absolute;





    width: 0%;





    height: 1px;





    background: #fff;





    bottom: 5%;





    right: 5%;





    overflow: hidden;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right a.pro_centern1Box2MinTitle {





    font-size: 0.16rem;





    -webkit-transition: .5s;





    transition: .5s;





    display: block;





    margin: .3rem 0 .2rem;





    text-align: left;





    line-height: 0.3rem;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 1;





    overflow: hidden;





    height: 0.3rem;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right a.pro_centern1Box2MinTitle:hover {





    color: #333;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right p {





    font-size: 0.14rem;





    color: #808080;





    line-height: 0.3rem;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 2;





    overflow: hidden;





    height: 0.6rem;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right .pro_centern1Box2More {





    display: block;





    width: 1.06rem;





    height: 0.3rem;





    background: url(../img/pro_centern1Box2More.png) no-repeat 50% center;





    border: 1px solid #ccc;





    color: transparent;





    text-transform: uppercase;





    -webkit-transition: .5s;





    transition: .5s;





    line-height: 0.3rem;





    margin-top: 0.3rem;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftLeft {





    height: 90%;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftBottom {





    width: 90%;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftTop {





    width: 90%;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a .pro_centern1Box2LeftRight {





    height: 90%;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2right .pro_centern1Box2MinTitle {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





    color: #333;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2right .pro_centern1Box2More {





    background: #333 url(../img/pro_centern1Box2More1.png) no-repeat 80% center;





    text-indent: 1.3em;





    color: #fff;





    border: 1px solid #333;





}











.pro_centern1Box3 {





    background: url(../img/pro_centern1Box3.jpg) no-repeat center top;





    margin-top: 0.3rem;





    display: block;





    overflow: hidden;





}











.pro_centern1Box3 .pro_centern1Box3L h4 {





    line-height: 3;





    font-weight: bold;





    color: #333;





    font-size: 0.2rem;





    margin-top: 0.05rem;





}











.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input {





    text-indent: 2.5em;





    color: #999;





}











.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message1 {





    background: transparent url(../img/pro_centern1Message1.png) no-repeat 10px center;





    padding: 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





}











.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message2 {





    background: transparent url(../img/pro_centern1Message2.png) no-repeat 10px center;





    padding: 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    margin-left: 2%;





}











.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message3 {





    background: transparent url(../img/pro_centern1Message3.png) no-repeat 10px center;





    padding: 9px 1.9% 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    box-sizing: content-box;





    margin: 0.13rem 0;





}











.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message4 {





    background: transparent url(../img/pro_centern1Message4.png) no-repeat 10px center;





    padding: 9px 1.9% 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    box-sizing: content-box;





}











.pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message5 {





    text-indent: 0;





    text-align: center;





    padding: 9px 0% 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    box-sizing: content-box;





    background: #333;





    color: #fff;





}











.pro_centern1Box3 .pro_centern1Box3R {





    float: right;





}











.pro_centern1Box3 .pro_centern1Box3R h4 {





    font-weight: bold;





    color: #333;





    font-size: .26rem;





    line-height: 1;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    padding-left: 0.356rem;





    margin: 0;





}











.pro_centern1Box3 .pro_centern1Box3R h4::before {





    content: "";





    width: 0.49rem;





    height: 0.02rem;





    background: #333;





    display: inline-block;





    vertical-align: middle;





    margin-right: 0.2rem;





}











.pro_centern1Box3 .pro_centern1Box3R h5 {





    font-weight: bold;





    color: #333;





    font-size: 0.2rem;





    line-height: 2.5;





    padding-left: 0.46rem;





    padding-top: 0.1rem;





}











.pro_centern1Box3 .pro_centern1Box3R p {





    padding: 0;





    padding-left: 0.46rem;





    display: block;





    overflow: hidden;





    width: 28em;





    line-height: 2.3;





    font-size: 0.15rem;





    padding-top: 0.08rem;





}











.pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore {





    display: block;





    float: none;





    width: 1.08rem;





    height: 0.3rem;





    background: #333;





    text-align: center;





    color: #fff;





    margin-top: 0.2rem;





    line-height: 0.3rem;





    margin-left: 0.46rem;





    margin-bottom: 0.4rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore:hover {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);





}











.pro_centern1Box4 .pro_centern1Box2Title {





    text-align: center;





}











.pro_centern1Box4 .pro_centern1Box2Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





    margin-bottom: 0.1rem;





}











.pro_centern1Box4 .pro_centern1Box2Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





}











.pro_centern1Box1BoxLine {





    width: 100%;





    height: 1px;





    background: rgba(255, 255, 255, 0.2);





    position: absolute;





    top: 2.25rem;





    z-index: 2;





}











.pro_centern1BoxTextBox1Center .swiper-button-next,





.pro_centern1BoxTextBox1Center .swiper-button-prev {





    width: auto;





    top: 2.27rem;





}











.clearboth {





    clear: both;





}











.pro_centern1Box4line {





    width: 100%;





    height: 1px;





    background: #f5f5f5;





    position: absolute;





    top: 1.66rem;





}











.pro_centern1Box4 {





    position: relative;





}











.pro_centern1Box4Center {





    position: relative;





    z-index: 3;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd {





    margin-top: 0.5rem;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li {





    width: 16.6%;





    cursor: pointer;





    float: left;





}











.pro_centern1BoxTextBox1Center .swiper-button-prev:after,





.pro_centern1BoxTextBox1Center .swiper-container-rtl .swiper-button-next:after {





    content: "";





    background: url(../img/pro_centern1BoxTextBox1CenterL1.png) no-repeat center;





    width: 0.48rem;





    height: 0.41rem;





}











.pro_centern1BoxTextBox1Center .swiper-button-prev {





    background: rgba(255, 255, 255, 0.1) url(../img/pro_centern1BoxTextBox1CenterL.png) no-repeat center;





    width: 0.48rem;





    height: 0.41rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1BoxTextBox1Center .swiper-button-next {





    background: rgba(255, 255, 255, 0.1) url(../img/pro_centern1BoxTextBox1CenterR.png) no-repeat center;





    width: 0.48rem;





    height: 0.41rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1BoxTextBox1Center .swiper-button-prevL:hover {





    background: url(../img/pro_centern1BoxTextBox1CenterL1.png) no-repeat center;





    width: 0.48rem;





    height: 0.41rem;





}











.pro_centern1BoxTextBox1Center .swiper-button-next:hover {





    background: url(../img/pro_centern1BoxTextBox1CenterR1.png) no-repeat center;





    width: 0.48rem;





    height: 0.41rem;





}











.pro_centern1BoxTextBox1Center .swiper-button-next:after,





.pro_centern1BoxTextBox1Center .swiper-container-rtl .swiper-button-prev:after {





    content: "";





    background: url(../img/pro_centern1BoxTextBox1CenterR1.png) no-repeat center;





    width: 0.48rem;





    height: 0.41rem;





}











.pro_centern1BoxTextBox1Center .swiper-button-next:hover::after {





    background: #333 url(../img/pro_centern1BoxTextBox1CenterR1.png) no-repeat center;





}











.pro_centern1BoxTextBox1Center .swiper-button-prev:hover::after {





    background: #333 url(../img/pro_centern1BoxTextBox1CenterL1.png) no-repeat center;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li i {





    display: block;





    width: 0.26rem;





    height: 0.26rem;





    background: url(../img/pro_centern1Box4CenterLcLI.png) no-repeat center;





    margin: 0 auto;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li span {





    font-size: 0.24rem;





    display: block;





    text-align: center;





    line-height: 3;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li b {





    display: block;





    background: url(../img/pro_centern1Box4CenterLcOn.png) no-repeat center;





    width: 0.6rem;





    height: 0.34rem;





    margin: 0 auto;





    margin-top: 0.1rem;





    display: none;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on em {





    width: 0.3rem;





    height: 0.26rem;





    overflow: hidden;





    margin: 0 auto;





    display: block;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on i {





    display: block;





    width: 3.9rem;





    height: 0.26rem;





    background: url(../img/pro_centern1Box4CenterLcLI2.png) no-repeat center;





    margin: 0 auto;





    overflow: hidden;





    border-left: 360px solid transparent;





    -webkit-filter: drop-shadow(-360px 0 0px #333);





    filter: drop-shadow(-360px 0 0px #333);





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on span {





    font-size: 0.24rem;





    display: block;





    color: #333;





    text-align: center;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .hd ul li.on b {





    display: block;





    background: url(../img/pro_centern1Box4CenterLcOn.png) no-repeat center;





    width: 0.6rem;





    height: 0.34rem;





    margin: 0 auto;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi {





    /* height: 2.86rem; */





    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);





    padding: 0.34rem;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL {





    float: left;





    width: 32%;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL a {





    position: relative;





    padding: 31.2%;





    display: block;





    border: 1px solid #f2f2f2;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL a img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    top: 0;





    left: 0;





    padding: 2%;





    right: 0;





    bottom: 0;





    margin: auto;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR {





    width: 64%;





    float: left;





    margin: 0 0 0 3%;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR .pro_centern1Box4CenterRTitle {





    display: block;





    font-size: 0.2rem;





    color: #333;





    -webkit-transition: .5s;





    transition: .5s;





    padding-top: 0.1rem;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR p {





    font-size: 0.14rem;





    color: #999;





    line-height: 2;





    margin-top: 0.2rem;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 4;





    overflow: hidden;





    height: 1.1rem;





    text-indent: 2em;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR .pro_centern1Box4CenterRMore {





    display: block;





    font-size: 0.14rem;





    width: 1.25rem;





    height: 0.3rem;





    border: 1px solid #d9d9d9;





    line-height: 0.3rem;





    text-indent: 1.3em;





    background: transparent url(../img/pro_centern1Box4CenterRMore.png) no-repeat 80% center;





    -webkit-transition: .5s;





    transition: .5s;





    margin-top: 0.28rem;





    color: #808080;





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR .pro_centern1Box4CenterRMore:hover {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





    color: #fff;





    background: #333 url(../img/pro_centern1Box4CenterRMore1.png) no-repeat 80% center;





    box-shadow: 0 0 16px rgba(32, 107, 209, 0.2);





}











.pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR:hover .pro_centern1Box4CenterRTitle {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box4CenterLBth i {





    width: 0.3rem;





    height: 0.3rem;





    position: absolute;





    background: #CCC url(../img/pro_centern1Box4CenterLBth.png) no-repeat center;





    top: 0;





    left: -0.3rem;





    cursor: pointer;





    -webkit-transition: .5s;





    transition: .5s;





    border-radius: 50%;





}











.pro_centern1Box4CenterLBth i:hover {





    background: #333 url(../img/pro_centern1Box4CenterLBth.png) no-repeat center;





}











.pro_centern1Box4CenterRBth i {





    width: 0.3rem;





    height: 0.3rem;





    position: absolute;





    background: #ccc url(../img/pro_centern1Box4CenterRBth.png) no-repeat center;





    top: 0;





    right: -0.3rem;





    cursor: pointer;





    -webkit-transition: .5s;





    border-radius: 50%;





    transition: .5s;





}











.pro_centern1Box4CenterRBth i:hover {





    background: #333 url(../img/pro_centern1Box4CenterRBth.png) no-repeat center;





}











.pro_centern1Box5 {





    position: relative;





}











.pro_centern1Box5 .pro_centern1Box2Title {





    text-align: center;





}











.pro_centern1Box5 .pro_centern1Box2Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





    margin-bottom: 0.1rem;





}











.pro_centern1Box5 .pro_centern1Box2Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





}











.pro_centern1Box5 .pro_centern1Box5Box {





    margin-top: 0.4rem;





    cursor: url(../img/gesture.png), default;





}











.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li .pro_centern1Box5BoxLiTitle {





    position: relative;





    display: block;





    border: 1px solid #d8d8d8;





    cursor: url(../img/gesture.png), default;





    padding-top: 62%;





}











.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li .pro_centern1Box5BoxLiTitle img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    top: 0;





    left: 0;





    right: 0;





    bottom: 0;





    /* padding: 2%; */





    margin: auto;





    display: block;





}











.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li .pro_centern1Box5BoxLiMore {





    display: block;





    height: 80px;





    border-bottom: 1px solid #f2f2f2;





    width: 100%;





    text-align: center;





    padding-top: 0.26rem;





    -webkit-transition: .5s;





    transition: .5s;





    background: url(../img/pro_centern1Box5BoxLiMore1.png) no-repeat center 30px;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li:hover .pro_centern1Box5BoxLiMore {





    color: #fff;





    padding-top: 0.16rem;





    background: #333 url(../img/pro_centern1Box5BoxLiMore1.png) no-repeat center 50px;





}











.pro_centern1Box5 .pro_centern1Box5Box .pro_centern1Box5BoxLi ul li:hover .pro_centern1Box5BoxLiMore .pro_centern1Box5BoxLiMore1 {





    color: #fff;





}











.pro_centern1Box5 .pro_centern1Box5Box .swiper-pagination {





    height: 0.3rem;





    width: 100%;





    top: 3.4rem;





}











.pro_centern1Box5Box .swiper-container {





    padding-bottom: 0.9rem;





    box-sizing: content-box;





}











.pro_centern1Box5Box .swiper-container span.swiper-pagination-bullet-active {





    width: 0.2rem !important;





    height: 0.08rem;





    border-radius: 5px;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box5BoxLiTitle i::after {





    content: "";





    width: 0%;





    position: absolute;





    height: 0%;





    border-left: 1px solid #fff;





    border-right: 1px solid #fff;





    top: 50%;





    left: 50%;





    z-index: 3;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box5BoxLiTitle i::before {





    content: "";





    width: 0%;





    position: absolute;





    height: 0%;





    border-top: 1px solid #fff;





    border-bottom: 1px solid #fff;





    top: 50%;





    z-index: 2;





    left: 50%;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box5BoxLiTitle:hover i::after {





    width: 90%;





    height: 90%;





    top: 5%;





    left: 5%;





}











.pro_centern1Box5BoxLiTitle:hover i::before {





    height: 90%;





    width: 90%;





    left: 5%;





    top: 5%;





}











.pro_centern1Box5BoxLiTitle i {





    width: 0%;





    height: 0%;





    position: absolute;





    top: 50%;





    left: 50%;





    background: rgba(0, 0, 0, 0.1) url(../img/pro_centern1Box5BoxLiMore2.png) no-repeat center;





    z-index: 2;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box5BoxLiTitle:hover i {





    top: 0%;





    left: 0%;





    width: 100%;





    background: rgba(0, 0, 0, 0.1) url(../img/pro_centern1Box5BoxLiMore2.png) no-repeat center;





    height: 100%;





}











.pro_centern2 .pro_centern1Title {





    text-align: center;





}











.pro_centern2 .pro_centern1Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





}











.pro_centern2 .pro_centern1Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    margin-top: 0.1rem;





}











.pro_centern2 .pro_centern1Title a {





    display: inline-block;





    color: #333;





    font-size: 0.14rem;





    line-height: 1;





    margin-top: 0.16rem;





    padding-bottom: 0.01rem;





    border-bottom: 1px solid rgba(0, 0, 0, 0.4);





}











.pro_centern2 .pro_centern2Box .pro_centern2Brief {





    padding: 0 120px;





    font-size: 0.14rem;





    line-height: 0.3rem;





    margin-top: 0.2rem;





    color: #999;





    text-align: center;





    margin-bottom: 0.3rem;





}











.pro_centern2 .pro_centern2BoxMain {





    margin: 0 auto;





}











.pro_centern2 .pro_centern2BoxMain ul li img {





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li .pro_centern2BoxMain3More {





    -webkit-transition: .5s;





    transition: .5s;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_centern2 .pro_centern2BoxMain ul li:hover .pro_centern2BoxMain3More {





    color: #333;





    border-bottom: 1px solid #f2f2f2;





}











.pro_centern3Box4BoxTitleText {





    padding-left: 0;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 {





    width: 49%;





    margin-right: 2%;





    float: left;





    position: relative;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainTitle {





    position: relative;





    padding: 35%;





    display: block;





    border: 1px solid #f2f2f2;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainTitle img {





    position: absolute;





    top: 0;





    left: 0;





    right: 0;





    bottom: 0;





    max-width: 100%;





    max-height: 100%;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 .pro_centern2BoxMainMore {





    height: 0.5rem;





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





    position: absolute;





    bottom: 0;





    width: 100%;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 .pro_centern2BoxMainMore .pro_centern2BoxMainMore1 {





    height: .5rem;





    text-align: center;





    font-size: 0.18rem;





    font-weight: bold;





    display: block;





    line-height: .5rem;





    color: #fff;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 p {





    width: 70%;





    margin: 0 auto;





    text-align: center;





    color: #fff;





    padding-top: 7%;





    background: url(../img/pro_centern1Box1BoxList.png) no-repeat center 2%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainMore2 {





    display: block;





    margin: 0 auto;





    width: 0.4rem;





    height: 0.4rem;





    margin-top: 0.3rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 a.pro_centern2BoxMainMore2:hover {





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1:hover .pro_centern2BoxMainMore {





    height: 100%;





    padding-top: 22%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 {





    width: 49%;





    float: left;





    position: relative;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainTitle {





    position: relative;





    padding: 35%;





    display: block;





    border: 1px solid #f2f2f2;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainTitle img {





    position: absolute;





    top: 0;





    left: 0;





    right: 0;





    bottom: 0;





    max-width: 100%;





    max-height: 100%;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 .pro_centern2BoxMainMore {





    height: 0.5rem;





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





    position: absolute;





    bottom: 0;





    width: 100%;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 .pro_centern2BoxMainMore .pro_centern2BoxMainMore1 {





    height: .5rem;





    text-align: center;





    font-size: 0.18rem;





    font-weight: bold;





    display: block;





    line-height: .5rem;





    color: #fff;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 p {





    width: 70%;





    margin: 0 auto;





    text-align: center;





    color: #fff;





    padding-top: 7%;





    background: url(../img/pro_centern1Box1BoxList.png) no-repeat center 2%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainMore2 {





    display: block;





    margin: 0 auto;





    width: 0.4rem;





    height: 0.4rem;





    margin-top: 0.3rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 a.pro_centern2BoxMainMore2:hover {





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2:hover .pro_centern2BoxMainMore {





    height: 100%;





    padding-top: 22%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2::after {





    clear: both;





    content: "";





    display: block;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 {





    display: block;





    margin-top: .3rem;





    float: left;





    width: 19%;





    margin-right: 1.23%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3:last-child {





    margin-right: 0;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 a.pro_centern2BoxMain3Title {





    display: block;





    position: relative;





    padding: 34.6%;





    border: 1px solid #ccc;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 a.pro_centern2BoxMain3Title img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 a.pro_centern2BoxMain3More {





    display: block;





    text-align: center;





    line-height: 3;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 {





    display: block;





    margin-top: .3rem;





    float: left;





    width: 19%;





    margin-right: 1.23%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 a.pro_centern2BoxMain3Title {





    display: block;





    position: relative;





    padding: 34.6%;





    border: 1px solid #f2f2f2;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 a.pro_centern2BoxMain3Title img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 a.pro_centern2BoxMain3More {





    display: block;





    text-align: center;





    line-height: 3;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 {





    display: block;





    margin-top: .3rem;





    float: left;





    width: 19%;





    margin-right: 1.23%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 a.pro_centern2BoxMain3Title {





    display: block;





    position: relative;





    padding: 34.6%;





    border: 1px solid #f2f2f2;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 a.pro_centern2BoxMain3Title img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 a.pro_centern2BoxMain3More {





    display: block;





    text-align: center;





    line-height: 3;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 {





    display: block;





    margin-top: .3rem;





    float: left;





    width: 19%;





    margin-right: 1.23%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 a.pro_centern2BoxMain3Title {





    display: block;





    position: relative;





    padding: 34.6%;





    border: 1px solid #f2f2f2;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 a.pro_centern2BoxMain3Title img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 a.pro_centern2BoxMain3More {





    display: block;





    text-align: center;





    line-height: 3;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 {





    display: block;





    margin-top: .3rem;





    float: left;





    width: 19%;





    margin-right: 0%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 a.pro_centern2BoxMain3Title {





    display: block;





    position: relative;





    padding: 34.6%;





    border: 1px solid #f2f2f2;





    overflow: hidden;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 a.pro_centern2BoxMain3Title img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 a.pro_centern2BoxMain3More {





    display: block;





    text-align: center;





    line-height: 3;





}











.pro_centern2 .pro_centern2Box1Main {





    margin-top: 0.6rem;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2BoxMain1Title {





    position: relative;





    width: 100%;





    height: 0.86rem;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2BoxMain1Title h4 {





    font-size: .86rem;





    color: #e5e5e5;





    text-align: center;





    text-transform: uppercase;





    font-weight: bold;





    position: absolute;





    width: 100%;





    height: 0.86rem;





    line-height: 1;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2BoxMain1Title b {





    font-weight: normal;





    font-size: .26rem;





    color: #fff;





    padding: 0px 10px;





    display: table;





    background: #333;





    margin: 0 auto;





    position: relative;





    z-index: 2;





    top: 0.48rem;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul {





    display: table;





    margin: 40px auto;





    text-align: center;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li {





    display: inline-block;





    padding: 0 .32rem;





    width: 2.14rem;





    margin-bottom: 0.2rem;





    box-sizing: content-box;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li i {





    display: block;





    width: 2.14rem;





    text-align: center;





    height: 0.46rem;





    line-height: .46rem;





    background: #e6e6e6;





    border-radius: 3px;





    -webkit-transition: .5s;





    transition: .5s;





    font-size: 0.18rem;





    cursor: pointer;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    padding: 0 10px;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li.on i {





    color: #fff;





    background: #333;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList {





    min-height: 2.26rem;





    background: url(../img/pro_centern1Box1BoxBg.jpg) no-repeat center;





    padding-top: 0.01rem;





    background-size: cover;





    padding-bottom: 0.3rem;





    box-sizing: content-box;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList i {





    display: block;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    font-style: italic;





    color: #fff;





    font-size: 0.26rem;





    text-align: center;





    width: 0.55rem;





    height: 0.55rem;





    line-height: .55rem;





    border-bottom: 2px solid #fff;





    margin: .2rem auto;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList p {





    width: 9.82rem;





    font-size: .14rem;





    color: #fff;





    line-height: .3rem;





    text-align: center;





    margin: 0 auto;





    margin-top: 0.2rem;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5 {





    color: #fff;





    text-align: center;





    padding-top: 0.3rem;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5 img {





    vertical-align: baseline;





    padding: 0 0.04rem;





}











.pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5 b {





    font-size: 0.24rem;





}











.pro_centern2 .pro_centern3Box1Main {





    position: relative;





    padding: 0px;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern1Title {





    text-align: center;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern1Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern1Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern1Title a {





    display: inline-block;





    color: #333;





    font-size: 0.14rem;





    line-height: 1;





    margin-top: 0.16rem;





    padding-bottom: 0.01rem;





    border-bottom: 1px solid rgba(0, 0, 0, 0.4);





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox {





    cursor: url(../img/gesture.png), default;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi {





    margin-top: 0.5rem;





    cursor: url(../img/gesture.png), default;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxImg1 {





    display: block;





    position: relative;





    padding: 35%;





    border: 1px solid #f2f2f2;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxImg1 img {





    width: 100%;





    height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i {





    width: 90%;





    height: 86%;





    position: absolute;





    top: 5%;





    left: 5%;





    border: 1px solid #e6e6e6;





    z-index: 2;





    -webkit-transition: .5s;





    transition: .5s;





    cursor: url(../img/gesture.png), default;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i {





    border: 1px solid transparent;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i::after {





    content: "";





    width: 0%;





    height: 0%;





    position: absolute;





    top: 50%;





    left: 50%;





    border-left: 1px solid #333;





    border-right: 1px solid #333;





    z-index: 2;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi i::before {





    content: "";





    width: 0%;





    height: 0%;





    position: absolute;





    top: 50%;





    left: 50%;





    border-top: 1px solid color;





    border-bottom: 1px solid color;





    z-index: 3;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i::after {





    content: "";





    width: 100%;





    height: 100%;





    border-top: 1px solid #333;





    border-bottom: 1px solid #333;





    top: 0%;





    left: 0%;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover i::before {





    content: "";





    width: 100%;





    height: 100%;





    border-top: 1px solid #333;





    border-bottom: 1px solid #333;





    top: 0%;





    left: 0%;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi:hover .pro_centern3Box1MainBoxTitle {





    color: #333;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxTitle {





    display: block;





    text-align: center;





    text-overflow: ellipsis;





    white-space: nowrap;





    width: 80%;





    margin: 0 auto;





    overflow: hidden;





    padding: .15rem 0;





    position: relative;





    z-index: 2;





    font-size: .16rem;





    color: #4c4c4c;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi p {





    width: 80%;





    margin: 0 auto;





    position: relative;





    z-index: 2;





    text-align: center;





    color: #808080;





    margin-bottom: .15rem;





    font-size: 0.15rem;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    height: 0.3rem;





    line-height: 0.3rem;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxMore {





    width: 1.08rem;





    height: 0.3rem;





    background: #d9d9d9 url(../img/pro_centern1BoxTextBox1More.png) no-repeat 72% center;





    display: block;





    margin: 0.4rem auto -0.1rem;





    text-indent: 2em;





    line-height: .3rem;





    text-transform: uppercase;





    color: #fff;





    font-size: 0.12rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi .pro_centern3Box1MainBoxMore:hover {





    background: #333 url(../img/pro_centern1BoxTextBox1More.png) no-repeat 72% center;





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





}











.pro_centern2 .pro_centern3Box1Main .swiper-pagination {





    position: relative;





    margin: 0.7rem 0 0.4rem;





}











.pro_centern1Box2Box ul li {





    padding-right: 30px;





    padding-left: 0;





}











.pro_centern1Box2Box ul li:nth-child(2n) {





    padding-left: 0px;





}











.pro_centern2 .pro_centern3Box1Main .swiper-pagination span.swiper-pagination-bullet {





    -webkit-transition: .5s;





    transition: .5s;





    margin: 0 0.06rem;





}











.pro_centern2 .pro_centern3Box1Main .swiper-pagination span.swiper-pagination-bullet-active {





    width: 0.2rem;





    border-radius: 0.15rem;





}











.pro_centern2 .pro_centern4Box1Main {





    width: 100%;





    height: 3.75rem;





    background: url(../img/pro_centern4Box1Main.jpg) no-repeat center;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox {





    width: 97%;





    margin: 0 15%;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox h4 {





    line-height: 3;





    margin-top: 0.35rem;





    font-weight: bold;





    color: #333;





    margin-bottom: 0.1rem;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message .pro_centern1imgcode {





    margin: 0.15rem 0 0 0.12rem;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input {





    text-indent: 2.5em;





    color: #999;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message1 {





    background: transparent url(../img/pro_centern1Message1.png) no-repeat 10px center;





    padding: 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message2 {





    background: transparent url(../img/pro_centern1Message2.png) no-repeat 10px center;





    padding: 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    margin-left: 2%;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message3 {





    background: transparent url(../img/pro_centern1Message3.png) no-repeat 10px center;





    padding: 12px 1.9% 12px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    box-sizing: content-box;





    margin: 0 0 0.16rem;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message4 {





    background: transparent url(../img/pro_centern1Message4.png) no-repeat 10px center;





    padding: 9px 1.9% 9px 0;





    border: 1px solid #ccc;





    border-radius: 4px;





    box-sizing: content-box;





    margin: 0.15rem 0;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message5 {





    text-indent: 0;





    text-align: center;





    padding: 9px 0% 9px 0;





    border-radius: 4px;





    box-sizing: content-box;





    background: #333;





    color: #fff;





    width: 85%;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox {





    padding: 0 18%;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox h4 {





    line-height: 1;





    margin-top: 0.52rem;





    font-weight: bold;





    color: #333;





    margin-bottom: 0.2rem;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox b {





    font-weight: bold;





    color: #333;





    text-transform: uppercase;





    font-size: 0.14rem;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox p {





    line-height: 0.4rem;





    font-size: 0.15rem;





    margin-top: 0.1rem;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox i {





    font-weight: bold;





    font-size: .26rem;





    color: #333;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    display: block;





    margin-top: 0.16rem;





}











span.pro_centern4Box1MainRImgd {





    display: inline-block;





    width: 0.68rem;





    height: 0.2rem;





    overflow: hidden;





    display: inline-block;





    vertical-align: middle;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox i img {}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox a {





    display: block;





    width: 1.3rem;





    height: 0.36rem;





    background: #333;





    text-align: center;





    color: #fff;





    margin-top: 0.2rem;





    line-height: 0.36rem;





    margin-bottom: 0.4rem;





    -webkit-transition: .5s;





    transition: .5s;





    border-radius: 3px;





}











.pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox a:hover {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox {





    margin-top: 0.5rem;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi {





    cursor: url(../img/gesture.png), default;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList {





    margin-bottom: 15px;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList a.pro_centern5Box1MainBoxListImg {





    position: relative;





    display: block;





    padding: 36%;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList a.pro_centern5Box1MainBoxListImg img {





    width: 100%;





    height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    opacity: 0;





    -webkit-transition: 0.8s;





    transition: 0.8s;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover a.pro_centern5Box1MainBoxListImg img {





    opacity: 1;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB {





    width: 100%;





    height: 78%;





    padding: 21% 10%;





    position: absolute;





    top: 0;





    left: 0;





    background: #f5f5f5;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB span {





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    font-size: 0.2rem;





    -webkit-transition: .5s;





    transition: .5s;





    color: #999999;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB span i {





    color: #b2b2b2;





    -webkit-transition: .5s;





    transition: .5s;





    font-size: .14rem;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB a {





    color: #4c4c4c;





    display: block;





    font-size: 0.15rem;





    -webkit-transition: .5s;





    transition: .5s;





    line-height: 4;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB p {





    font-size: 0.14rem;





    color: #999999;





    line-height: 2;





    -webkit-transition: .5s;





    transition: .5s;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 2;





    overflow: hidden;





    height: 0.56rem;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListB b {





    display: block;





    -webkit-transition: .5s;





    transition: .5s;





    border-bottom: 1px solid #ccc;





    margin-top: 0.73rem;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList .pro_centern5Box1MainBoxListMore {





    display: block;





    position: relative;





    z-index: 2;





    padding: 0 10%;





    -webkit-transition: .5s;





    transition: .5s;





    height: 1rem;





    color: #b3b3b3;





    background: #f5f5f5 url(../img/pro_centern5Box1MainBoxListMore.png) no-repeat 90% center;





    line-height: 1rem;





    cursor: url(../img/gesture.png), default;





    margin-top: 0rem;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover {





    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB {





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





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB span {





    color: #fff;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB span i {





    color: #fff;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB a {





    color: #FFF;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB p {





    color: #fff;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListB b {





    border-bottom: 1px solid transparent;





}











.pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList:hover .pro_centern5Box1MainBoxListMore {





    background: #fff url(../img/pro_centern5Box1MainBoxListMore.png) no-repeat 90% center;





}











.pro_centern3 .pro_centern1Title {





    text-align: center;





}











.pro_centern3 .pro_centern1Title h3 {





    padding-top: 0.5rem;





    font-size: 0.26rem;





    line-height: 1;





    color: #4c4c4c;





}











.pro_centern3 .pro_centern1Title p {





    text-transform: uppercase;





    line-height: 1;





    font-size: 0.18rem;





    color: #999;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    margin-top: 0.1rem;





}











.pro_centern3 .pro_centern1Title a {





    display: inline-block;





    color: #333;





    font-size: 0.14rem;





    line-height: 1;





    margin-top: 0.16rem;





    padding-bottom: 0.01rem;





    border-bottom: 1px solid rgba(0, 0, 0, 0.4);





}











.pro_centern3 .pro_centern2Box .pro_centern2Brief {





    padding: 0 120px;





    font-size: 0.14rem;





    line-height: 0.3rem;





    margin-top: 0.2rem;





    color: #999;





    text-align: center;





    margin-bottom: 0.2rem;





}











.pro_centern3 .pro_centern3Box {





    overflow: hidden;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 {





    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);





    margin-top: 0.125rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li {





    /* overflow: hidden; */





}











.pro_center3ListBox ul li {





    margin-top: 0.16rem;





    padding: 0 10px;





}











.ShowProductsListBoxImg {





    background: #f9f9f9;





    border-radius: 5px;





    -webkit-transition: .5s;





    transition: .5s;





}











.ShowProductsListBoxImgBox {





    background: #fff;





    padding: 10px;





    box-shadow: 0 0 10px rgba(0, 0, 0, .1);





    border-radius: 5px;





    -webkit-transition: .5s;





    transition: .5s;





}











.ShowProductsListBoxImgD {





    position: relative;





    padding: 33.3%;





    display: block;





}











.ShowProductsListBoxImgBox a.ShowProductsListBoxImgD img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    -webkit-transition: .5s;





    transition: .5s;





}











.showProductListMOred {





    overflow: hidden;





    margin-top: 0.1rem;





}











.showProductListMOredL {





    width: 80%;





    float: left;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_center3ListBox ul li:hover .showProductListMOredL {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





}











.pro_center3ListBox ul li:hover .showProductListMOredL a {





    color: #206bd1;





}











.pro_center3ListBox ul li:hover .showProductListMOredL p {





    color: #206bd1;





}











.pro_center3ListBox ul li:hover .showProductListMOredR {





    margin-right: 0.04rem;





}











.pro_center3ListBox ul li:hover .ShowProductsListBoxImg img {





    display: block;





    -webkit-transform: scale(1.02);





    transform: scale(1.02);





}











.showProductListMOredL a {





    display: block;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    font-size: 0.16rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.showProductListMOredL p {





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    color: #999;





    -webkit-transition: .5s;





    transition: .5s;





}











.showProductListMOredR {





    float: right;





    width: 10%;





    position: relative;





    padding: 2%;





}











.showProductListMOredR {





    -webkit-transition: .5s;





    transition: .5s;





}











.showProductListMOredR img {





    display: block;





    margin: 0 auto;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiImg {





    position: relative;





    display: block;





    padding: 35.5%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiImg img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiImg::after {





    content: "";





    top: 50%;





    left: 50%;





    width: 0%;





    height: 0%;





    position: relative;





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





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle {





    display: block;





    position: absolute;





    bottom: 0;





    left: 0;





    height: 0.5rem;





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





    width: 100%;





    padding: 0 5%;





    line-height: 0.5rem;





    text-align: center;





    font-weight: bold;





    font-size: 0.18rem;





    color: #fff;





    overflow: hidden;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle::after {





    content: "";





    width: 100%;





    background: #333;





    position: absolute;





    left: 0;





    top: -100%;





    height: 0.5rem;





    display: block;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle i {





    position: absolute;





    bottom: 0;





    left: 0;





    z-index: 8;





    width: 100%;





    padding: 0 10px;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    -webkit-transition: .5s;





    transition: .5s;





    font-size: 0.18rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li:hover a.pro_centern3BoxLiImg::after {





    content: "";





    width: 100%;





    height: 100%;





    position: absolute;





    top: 0%;





    left: 0%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li:hover a.pro_centern3BoxLiTitle::after {





    content: "";





    top: 0%;





}











/* .pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .pro_centern3BoxLiImgL {  width: 0.35rem;  height: 0.8rem;  background: url(../img/swiper-button-next1.png) no-repeat center;  position: absolute;  top: 40%;  z-index: 1;  left: 0;  outline: none;} */





/* .pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .pro_centern3BoxLiImgR {  width: 0.35rem;  height: 0.8rem;  background: url(../img/swiper-button-prev1.png) no-repeat center;  position: absolute;  top: 40%;  z-index: 1;  right: 0;  outline: none;} */





.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li {





    padding: 0px 0px 0 0;





    float: left;





    margin-top: 0.125rem;





    width: 47.5%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li:nth-child(2n) {





    margin-left: .28rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox {





    width: 100%;





    border: 1px solid #e6e6e6;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3Box1 {





    position: relative;





    padding: 36%;





    display: block;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3Box1 img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3Box1::after {





    content: "";





    width: 0;





    height: 0;





    position: absolute;





    top: 50%;





    left: 50%;





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





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore {





    width: 100%;





    height: 0.3rem;





    line-height: 0.3rem;





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





    display: block;





    position: absolute;





    bottom: 0;





    left: 0;





    text-align: center;





    color: #fff;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    padding: 0 15px;





    z-index: 6;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after {





    content: "";





    width: 100%;





    height: 0.3rem;





    background: #333;





    position: absolute;





    left: 0;





    top: -100%;





    display: block;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore i {





    position: absolute;





    bottom: 0;





    left: 0;





    z-index: 8;





    width: 100%;





    padding: 0 10px;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    -webkit-transition: .5s;





    transition: .5s;





    font-size: 0.15rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox:hover a.pro_centern3Box1::after {





    content: "";





    width: 100%;





    height: 100%;





    position: absolute;





    top: 0%;





    left: 0%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox:hover a.pro_centern3BoxMore::after {





    top: 0%;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box {





    width: 100%;





    min-height: 3.11rem;





    background: #333;





    margin-top: 0.5rem;





    background-size: cover;





    overflow: hidden;





    position: relative;





    padding-bottom: 0;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL {





    padding-left: 0%;





    padding-right: 0;





    margin-top: 0.6rem;





    padding: 0;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL i {





    display: block;





    position: relative;





    padding: 32%;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL i img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR {





    padding-left: 0;





    padding-bottom: 0.2rem;





    padding-top: 0.8rem;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR h4 {





    background: url(../img/pro_centern3Box1BoxMainBdListRLine.png) no-repeat center left;





    padding-left: .7rem;





    font-size: 0.22rem;





    color: #fff;





    margin-top: 0.1rem;





    margin-left: -14px;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR p {





    padding-left: 0.7rem;





    color: #fff;





    width: 4.5rem;





    font-size: 0.14rem;





    line-height: 0.34rem;





    margin-top: 0.3rem;





    margin-left: -14px;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b {





    padding-left: 0.7rem;





    margin-top: 0.3rem;





    display: block;





    font-size: 0.14rem;





    color: #fff;





    font-weight: normal;





    margin-left: -14px;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b img {





    padding-right: 0.05rem;





    vertical-align: sub;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b i {





    font-size: 0.24rem;





    font-weight: bold;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd {





    height: 4.05rem;





    padding: 0 0 0 0.3rem;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-webkit-scrollbar {





    background: transparent;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-moz-scrollbar {





    background: transparent;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-ms-scrollbar {





    background: transparent;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd::-webkit-scrollbar-thumb {





    background: #4c4c4c;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li {





    border-bottom: 1px solid #5a5a5a;





    border-left: 1px solid #5a5a5a;





    height: 0rem;





    border-right: 1px solid #5a5a5a;





    overflow: hidden;





    position: relative;





    -webkit-transition: .5s;





    transition: .5s;





    /* height: auto; */





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li h4 {





    color: #ccc;





    text-align: center;





    line-height: 1.15rem;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li.on {





    min-height: 1.35rem;





    line-height: 1.35rem;





    cursor: pointer;





    background: #595959;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li.on h4 {





    color: #fff;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL {





    width: 0.32rem;





    height: 0.32rem;





    position: absolute;





    left: 64%;





    top: .85rem;





    background: url(../img/pro_centern3Box1BoxMainL.png) no-repeat center;





    cursor: pointer;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL:hover {





    background: url(../img/pro_centern3Box1BoxMainL1.png) no-repeat center;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR {





    width: 0.32rem;





    height: 0.32rem;





    background: url(../img/pro_centern3Box1BoxMainR.png) no-repeat center;





    position: absolute;





    left: 66%;





    cursor: pointer;





    -webkit-transition: .5s;





    transition: .5s;





    top: .85rem;





}











.pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR:hover {





    background: url(../img/pro_centern3Box1BoxMainR1.png) no-repeat center;





}











.pro_centern3Box2 .pro_centern3Box2List {





    width: 85.6%;





    margin: 0 auto;





    margin-top: 0.5rem;





    position: relative;





    background: url(../img/pro_centern3Box2ListBox.png) no-repeat center;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi {





    padding: 0 0%;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi:hover .pro_centern3Box2ListTitle {





    color: #333;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListImg {





    display: block;





    position: relative;





    padding: 29%;





    border: 1px solid #f2f2f2;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListImg img {





    width: 100%;





    height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListTitle {





    display: block;





    font-size: 0.18rem;





    line-height: 3;





    border-bottom: 1px solid #e6e6e6;





    width: 18em;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi p {





    color: #999999;





    line-height: 2;





    margin-top: 0.1rem;





    font-size: 0.14rem;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 2;





    overflow: hidden;





    height: 0.56rem;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListMore {





    width: 1.56rem;





    height: 0.4rem;





    border: 1px solid #ccc;





    display: block;





    background: transparent url(../img/pro_centern3Box2ListMore.png) no-repeat center;





    margin-top: 0.3rem;





    -webkit-transition: .5s;





    transition: .5s;





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListMore:hover {





    background: #333 url(../img/pro_centern3Box2ListMore2.png) no-repeat center;





    box-shadow: 0 0 16px rgba(32, 107, 209, 0.2);





    border-color: #333;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListLeft {





    width: 0.41rem;





    height: 0.41rem;





    background: url(../img/pro_centern3Box2ListBoxLiLeft.png) no-repeat center;





    position: absolute;





    top: 55%;





    left: -8%;





    z-index: 10;





    cursor: pointer;





}











.pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListRight {





    width: 0.41rem;





    height: 0.41rem;





    background: url(../img/pro_centern3Box2ListBoxLiRight.png) no-repeat center;





    position: absolute;





    top: 55%;





    z-index: 10;





    right: -8%;





    cursor: pointer;





}











.pro_centern3Box3 {





    height: 2.53rem;





    width: 100%;





    background: url(../img/pro_centern3Box3.png) no-repeat center top;





    margin-top: 0.5rem;





}











.pro_centern3Box3 .pro_center3Box3L h4 {





    font-size: .2rem;





    font-weight: bold;





    color: #fff;





    margin-top: 0.44rem;





}











.pro_centern3Box3 .pro_center3Box3L p {





    line-height: 2;





    font-size: 0.15rem;





    color: #fff;





    margin-top: 0.16rem;





    width: 24em;





}











.pro_centern3Box3 .pro_center3Box3L h5 {





    font-size: .26rem;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    color: #fff;





    font-weight: bold;





    margin-top: 0.3rem;





}











.pro_centern3Box3 .pro_center3Box3L a {





    display: inline-block;





    width: 1.06rem;





    height: 0.3rem;





    border: 1px solid #333;





    background: #333;





    font-size: 0.15rem;





    line-height: 0.15rem;





    font-weight: normal;





    text-align: center;





    line-height: 0.3rem;





    color: #FFF;





    vertical-align: text-bottom;





    margin-left: 0.3rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3Box3 .pro_center3Box3L a:hover {





    -webkit-transform: translateX(5px);





    transform: translateX(5px);





}











.pro_centern3Box3 .pro_center3Box3R {





    width: 45%;





    padding-left: 5%;





    padding-right: 0;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message1 {





    background: transparent url(../img/pro_centern3Message1.png) no-repeat 10px center;





    padding: 9px 0;





    border-bottom: 1px solid #b3b3b3;





    text-indent: 2.5em;





    color: #b2b2b2;





    width: 44%;





    margin: 8% 3% 0;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message2 {





    background: transparent url(../img/pro_centern3Message2.png) no-repeat 10px center;





    padding: 9px 0;





    border-bottom: 1px solid #b2b2b2;





    text-indent: 2.5em;





    width: 44%;





    margin: 0 3%;





    color: #b2b2b2;





    margin: 8% 3% 0;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message3 {





    background: transparent url(../img/pro_centern3Message3.png) no-repeat 10px center;





    padding: 9px 0;





    border-bottom: 1px solid #b2b2b2;





    text-indent: 2.5em;





    margin: 0 3%;





    width: 44%;





    color: #b2b2b2;





    margin: 5% 3% 0;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message4 {





    background: transparent url(../img/pro_centern3Message4.png) no-repeat 10px center;





    padding: 9px 0;





    border-bottom: 1px solid #b2b2b2;





    text-indent: 2.5em;





    margin: 0 3%;





    width: 44%;





    color: #b2b2b2;





    margin: 5% 3% 0;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1imgcode {





    height: 0.24rem;





    position: absolute;





    top: 0;





    right: 0%;





    top: 51%;





    width: 18%;





    z-index: 10;





}











.pro_centern1imgcode {





    height: .4rem;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message5 {





    width: 94%;





    display: block;





    height: 0.4rem;





    background: transparent;





    border: 1px solid #b2b2b2;





    color: #b2b2b2;





    border-radius: 4px;





    margin: 7% 3% 0;





    -webkit-transition: .5s;





    transition: .5s;





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.pro_centern3Box4 {}











.pro_centern3Box4 .pro_centern3Box4Box {





    margin-top: 0.4rem;





    cursor: url(../img/gesture.png), default;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li {





    -webkit-transition: .5s;





    transition: .5s;





    margin-bottom: 15px;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxImg {





    display: block;





    padding: 31%;





    position: relative;





    border: 1px solid #f2f2f2;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxImg img {





    width: 100%;





    height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    padding: 2%;





    bottom: 0;





    margin: auto;





    cursor: url(../img/gesture.png), default;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime {





    padding: 0 0.16rem;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox {





    background: #fff;





    margin-top: 0.2rem;





    -webkit-transition: .5s;





    transition: .5s;





    border: 1px solid #b3b3b3;





}











.pro_centern3Box4 .pro_centern3Box4Box .swiper-container {





    padding: 15px;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox h5 {





    font-size: .26rem;





    font-weight: bold;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    color: #333;





    padding: 0.16rem 0.1rem 0;





    -webkit-transition: .5s;





    transition: .5s;





    line-height: 1;





    text-align: center;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox p {





    padding: 0 0.2rem 0.08rem 0.2rem;





    -webkit-transition: .5s;





    transition: .5s;





    color: #808080;





    padding-top: 0.08rem;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleText {





    padding-left: 0;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleText a {





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    margin-top: 0.2rem;





    -webkit-transition: .5s;





    transition: .5s;





    display: block;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxTitleText p {





    font-size: 0.14rem;





    line-height: 1.7;





    color: #808080;





    margin-top: 0.1rem;





    -webkit-transition: .5s;





    transition: .5s;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 2;





    overflow: hidden;





    height: 0.49rem;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li .pro_centern3Box4BoxMore {





    display: block;





    padding: 0.2rem 10px;





    border-bottom: 1px solid #f2f2f2;





    color: #b2b2b2;





    font-size: 0.14rem;





    background: url(../img/pro_centern3Box2ListMore.png) no-repeat 95% center;





    cursor: url(../img/gesture.png), default;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover {





    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox {





    background: #333;





    border: 1px solid #333;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox h5 {





    color: #fff;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleTime .pro_centern3Box4BoxTitleTimebox p {





    color: #fff;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxTitleText a {





    text-decoration: underline;





    color: #333;





}











.pro_centern3Box4 .pro_centern3Box4Box .pro_centern3Box4BoxLi ul li:hover .pro_centern3Box4BoxMore {





    border-bottom: 1px solid #fff;





}











.pro_centern1Box1BoxAutoPage {





    box-sizing: content-box !important;





    bottom: 0px !important;





    left: 0 !important;





    width: 100% !important;





}











.pro_centern1Box1BoxAutoPage span.swiper-pagination-bullet {





    border: 1px solid #333 !important;





    background: transparent !important;





}











.pro_centern5Box1MainBoxLiLeftIco {





    width: 0.35rem;





    height: 0.8rem;





    background: url(../img/swiper-button-next1.png) no-repeat center;





    top: 36%;





    z-index: 2;





    left: 0;





    position: absolute;





}











.pro_centern5Box1MainBoxLiLeftIco:hover {





    background: url(../img/pro_centern5Box1MainBoxLiLeftIco1.png) no-repeat center;





}











.pro_centern5Box1MainBoxLiRightIco {





    width: 0.35rem;





    height: 0.8rem;





    background: url(../img/swiper-button-prev1.png) no-repeat center;





    top: 36%;





    position: absolute;





    z-index: 2;





    right: 0;





}











.pro_centern5Box1MainBoxLiRightIco:hover {





    background: url(../img/pro_centern5Box1MainBoxLiRightIco1.png) no-repeat center;





}











.pro_centern3Box3 .pro_center3Box3R .pro_centern1Message5:hover {





    background: #333;





    color: #fff;





    border: 1px solid #333;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2Left {





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List:hover .pro_centern1Box2Left a img {





    max-width: 100%;





    max-height: 100%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3Box1 img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    left: 0;





    right: 0;





    top: 0;





    bottom: 0;





    margin: auto;





    padding: 1%;





}











.pro_centern3BoxBottom ul li {





    margin-top: 0.4rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3Box1 {





    position: relative;





    padding: 36%;





    display: block;





    border: 1px solid #f2f2f2;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore i {





    position: absolute;





    bottom: 0;





    left: 0;





    z-index: 8;





    width: 100%;





    padding: 0 10px;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    -webkit-transition: .5s;





    transition: .5s;





    font-size: 0.15rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .swiper-wrapper {}











.pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 ul li a.pro_centern3BoxLiTitle i {





    position: absolute;





    bottom: 0;





    left: 0;





    z-index: 8;





    width: 100%;





    padding: 0 10px;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    -webkit-transition: .5s;





    transition: .5s;





    font-size: 0.18rem;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore::after {





    content: "";





    width: 100%;





    height: 0.3rem;





    background: #333;





    position: absolute;





    left: 0;





    top: -100%;





    display: block;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore {





    width: 89.5%;





    height: 0.3rem;





    line-height: 0.3rem;





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





    display: block;





    position: absolute;





    bottom: 0;





    left: 5%;





    text-align: center;





    color: #fff;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    padding: 0 15px;





    z-index: 6;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox:hover a.pro_centern3Box1::after {





    content: "";





    width: 100%;





    height: 100%;





    position: absolute;





    top: 0%;





    left: 0%;





}











.pro_centern3 .pro_centern3Box .pro_centern3BoxBottom ul li .pro_centern3BoxRightBox:hover a.pro_centern3BoxMore::after {





    top: 0;





}











.pro_centern2 .pro_centern2BoxMain {





    width: 100%;





    margin: 0 auto;





    overflow: hidden;





    background: #fafafa;





    padding: 0.32rem 0;





}











.pro_centern2 .pro_centern2BoxMain ul li:hover img {





    -webkit-transform: scale(1.01);





    transform: scale(1.01);





}











.pro_centern2BoxMainNew ul li {





    padding: 0 10px;





    padding-bottom: 0.3rem;





}











.pro_centern2BoxMainNewBox {





    background: #fff;





    padding-bottom: 0.2rem;





    box-shadow: 0 0 16px rgba(0, 0, 0, .1);





}











.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewImg {





    display: block;





    position: relative;





    padding: 35.1%;





}











.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewImg img {





    max-width: 100%;





    max-height: 100%;





    position: absolute;





    top: 0;





    left: 0;





    right: 0;





    margin: auto;





    padding: 10px;





}











.pro_centern2BoxMainNew ul li .pro_centern2BoxMainNewImgLine {





    width: 100%;





    position: absolute;





    left: 0;





    bottom: 11px;





}











.pro_centern2BoxMainNew ul li .pro_centern2BoxMainNewImgLine i {





    display: block;





    padding: 0 10px;





    width: 90%;





    border-bottom: 1px solid #f2f2f2;





    margin: 0 15px;





}











.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewTitle {





    line-height: 2.5;





    padding-top: 0.1rem;





    font-size: 0.16rem;





    padding: 0 20px;





    display: block;





    text-align: center;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





    color: #5a5a5a;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2BoxMainNewLine {





    width: 0.4rem;





    height: 1px;





    background: #5a5a5a;





    margin: 0 auto;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2BoxMainNew ul li p {





    background: url(../img/pro_centern2BoxMainNewP.png) no-repeat center;





    padding: 15px;





    color: #b6b6b6;





    line-height: 0.2rem;





    text-align: center;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 2;





    overflow: hidden;





    -webkit-transition: .5s;





    transition: .5s;





    text-align: center;





    display: block;





    height: 0.5rem;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_centern2BoxMainNew ul li a.pro_centern2BoxMainNewMore {





    width: 1.35rem;





    height: 0.28rem;





    border: 1px solid #e0e0e0;





    display: block;





    margin: 0 auto;





    text-align: center;





    border-radius: 0.14rem;





    margin-top: 0.1rem;





    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;





    color: #5a5a5a;





    line-height: 0.28rem;





    -webkit-transition: .5s;





    transition: .5s;





}











.pro_centern2BoxMainNew ul li:hover a.pro_centern2BoxMainNewTitle {





    color: #333;





}











.pro_centern2BoxMainNew ul li:hover a.pro_centern2BoxMainNewTitle,





.pro_centern2BoxMainNew ul li:hover p {





    -webkit-transform: translateY(-5px);





    transform: translateY(-5px);





}











.pro_centern2BoxMainNew ul li:hover .pro_centern2BoxMainNewMore {





    background: #333;





    animation: lr linear 2s infinite alternate;





    color: #fff;





}











.pro_centern2BoxMainNew ul li:hover .pro_centern2BoxMainNewLine {





    width: .8rem;





    background: #333;





}











.pro_reason3AdvTop {





    padding: 0.4rem 0.2rem;





    height: 3.39rem;





    background: #fff url(../img/zan.png) no-repeat 90% 95.5%;





    border-radius: 10px;





    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);





}











.pro_reason3Adv {





    padding: 0.2rem 0;





    background: #f5f5f5;





    margin-top: 50px;





}











.pro_reason3AdvTopText {





    float: left;





    margin-left: 0.05rem;





    width: 68%;





    position: relative;





    text-indent: 0.1rem;





    margin-top: 0.08rem;





}











.pro_reason3AdvTopNum {





    font-size: 0.54rem;





    color: #6e6e6e;





    text-align: right;





    float: left;





    line-height: 1;





}











.pro_reason3AdvTopText::before {





    content: "";





    width: 0.04rem;





    height: 0.43rem;





    background: #f5f5f5;





    position: absolute;





    top: 0;





    left: 0;











}











.pro_reason3AdvTopText h4 {





    color: #999999;





    text-transform: uppercase;





    font-size: 0.16rem;





}











.pro_reason3AdvTopText p {





    color: #56b919;





    font-size: 0.2rem;





    font-weight: bold;





    width: 100%;





    overflow: hidden;





    text-overflow: ellipsis;





    white-space: nowrap;





}











.pro_reason3AdvCenter {





    font-size: 0.14rem;





    line-height: 2;





    color: #888;





    height: 1.4rem;





    text-indent: 2em;





}











.pro_reason3AdvTopText p i {





    width: 0.2rem;





    height: 0.03rem;





    background: #999;





    display: block;





    margin: 0.2rem 17% 0.3rem;





}











.pro_reason3AdvCenter {





    overflow: hidden;





    text-overflow: ellipsis;





    display: -webkit-box;





    line-height: 2;





    -webkit-line-clamp: 5;





    -webkit-box-orient: vertical;





}











.oro_reason3AdvBottom {





    width: 100%;





    margin-top: 0.2rem;





}











.oro_reason3AdvBottom img {





    float: right;





}

















@keyframes lr {





    0% {}











    50% {





        -webkit-transform: translateX(-5px);





        transform: translateX(-5px);





    }











    100% {





        -webkit-transform: translateX(5px);





        transform: translateX(5px);





    }





}





























@media(max-width:960px) {





    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL {





        width: 0.32rem;





        height: 0.32rem;





        position: absolute;





        left: 68%;





        top: 0.9rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR {





        width: 0.32rem;





        height: 0.32rem;





        position: absolute;





        left: 71%;





        top: 0.9rem;





    }





}











@media (max-width: 768px) {





    .pro_centern1 .pro_centern1Box .pro_centern1Brief {





        padding: 0 15px;





    }











    .pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxImg {





        border-right: 0;





        padding: 30.7%;





        margin-top: 0.3rem;





    }











    .gallery-thumbs {





        display: none;





    }











    .pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxQR {





        display: none;





    }











    .pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 .pro_centern1BoxTextBoxShare {





        padding-bottom: 0.3rem;





    }











    .pro_centern1Box1BoxLine {





        display: none;





    }











    .pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd {





        width: 80%;





    }











    .swiper-pagination-clickable {





        display: none;





    }











    .pro_centern1Box1 .pro_centern1Box1Box .pro_centern1BoxTextBox1Center .pro_centern1Box1BoxList .pro_centern1Box1dd h4 {





        padding-top: 0.2rem;





    }











    .pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right a.pro_centern1Box2MinTitle {





        margin: .1rem 0;





    }











    .pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right .pro_centern1Box2More {





        margin-top: 0.1rem;





    }











    .pro_centern1Box4Center .pro_centern1Box4CenterLc .hd {





        display: none;





    }











    .pro_centern1Box4Center .pro_centern1Box4CenterLc .bd {





        margin-top: 0.5rem;





        padding: 0 15px;





    }











    .pro_centern1Box4CenterLBth,





    .pro_centern1Box4CenterRBth {





        top: 1.4rem;





    }











    .pro_centern1Box4line {





        display: none;





    }











    .pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterL {





        display: none;





    }











    .pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi .pro_centern1Box4CenterR {





        width: 100%;





        margin: 0;





    }











    .pro_centern1Box3 {





        background: #f5f5f5;





    }











    .pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message2 {





        margin: 0.13rem 0 0;





    }











    .pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message5 {





        margin: 0.13rem 0;





    }











    .pro_centern1Box3 .pro_centern1Box3R h5,





    .pro_centern1Box3 .pro_centern1Box3R p {





        padding-left: 0;





    }











    .pro_centern1Box3 .pro_centern1Box3R a.pro_centern1Box3RMore {





        margin-left: 0;





    }











    .pro_centern1Box3 .pro_centern1Box3R h4 {





        padding-left: 0;





        margin-top: .2rem;





    }











    .pro_centern1Box3 .pro_centern1Box3L h4 {





        line-height: 6;





    }











    .pro_centern1Box5 .pro_centern1Box5Box .swiper-pagination {





        display: none;





    }











    .pro_centern1Box5Box .swiper-container {





        padding-bottom: 0.4rem;





    }











    .pro_centern1Box5BoxLi .swiper-slide {





        padding: 0 15px;





    }











    .pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText {





        padding: 0 0.3rem;





    }











    .pro_centern3 .pro_centern2Box .pro_centern2Brief {





        padding: 0 15px;





    }











    .pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li {





        margin-top: 0.2rem;





        margin-bottom: 0;





    }











    .pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li .pro_centern3BoxRightBox a.pro_centern3BoxMore {





        width: 96%;





        left: 2%;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL {}











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR {}











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR h4 {





        margin-top: 0.1rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR {





        padding-left: none;





        padding-top: 0.2rem;





        padding-left: .1rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd {





        display: none;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL i {





        padding: 40%;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR p {





        width: 100%;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd {





        min-height: 2rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li {





        margin-top: 0.3rem;





        border-top: 1px solid #5a5a5a;





    }











    .pro_centern3Box3 .pro_center3Box3L p {





        width: 100%;





    }











    .pro_centern3 {





        overflow: hidden;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b {





        padding-left: 0;





        text-align: center;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR b i {





        font-size: 0.18rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListR p {





        padding-left: .1rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li {





        line-height: 1;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li.on {





        line-height: 1;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL {





        left: 5%;





        top: 1.9rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR {





        left: 90%;





        top: 1.9rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainL:hover {





        left: 5%;





        top: 1.9rem;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .pro_centern3Box1BoxMainR:hover {





        left: 90%;





        top: 1.9rem;





    }











    .pro_centern3Box2 .pro_centern3Box2List {





        background: none;





    }











    .pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi .pro_centern3Box2ListTitle {





        width: 100%;





    }











    .pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox ul li .pro_centern3Box2ListBoxLi {





        padding: 0;





    }











    .pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox .pro_centern3Box2ListLeft,





    .pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListBox .pro_centern3Box2ListRight {





        display: none;





    }











    .pro_centern3Box3 {





        background: #f1f1f1;





        overflow: hidden;





        height: auto;





        padding-bottom: 0.3rem;





    }











    .pro_centern3Box3 .pro_center3Box3L h4 {





        margin-top: 0.2rem;





    }











    .pro_centern3Box3 .pro_center3Box3L h5 {





        margin-top: 0.1rem;





    }











    .pro_centern3Box3 .pro_center3Box3R {





        width: 93%;





    }











    .pro_centern3Box3 .pro_center3Box3R {





        padding: 0;





        overflow: hidden;





    }











    .pro_centern3Box3 .pro_center3Box3R .pro_centern1Message1 {





        width: 100%;





        margin: 8% 0 0;





    }











    .pro_centern3Box3 .pro_center3Box3R .pro_centern1Message2 {





        width: 100%;





        margin: 8% 0 0;





    }











    .pro_centern3Box3 .pro_center3Box3R .pro_centern1Message3 {





        width: 100%;





        margin: 8% 0 0;





    }











    .pro_centern3Box3 .pro_center3Box3R .pro_centern1Message4 {





        width: 100%;





        margin: 8% 0 0;





    }











    .pro_centern3Box3 .pro_center3Box3R {





        width: 100%;





        padding: 0 15px;





    }











    .pro_centern3Box3 .pro_center3Box3L h4 {





        color: #333;





    }











    .pro_centern3Box3 .pro_center3Box3L p {





        color: #999;





    }











    .pro_centern3Box3 .pro_center3Box3L h5 {





        color: #999;





    }











    .pro_centern3Box3 .pro_center3Box3L a {





        margin-top: 0.2rem;





    }











    .pro_centern3Box4 {





        padding: 0 15px;





    }











    .pro_centern3Box4BoxTitleTime {





        display: none;





    }











    .pro_centern3Box4BoxTitleText {





        width: 100%;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .hd ul li h4 {





        line-height: 2;





        margin-top: 44%;





    }











    .pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .pro_centern3BoxLiImgL {





        display: none;





    }











    .pro_centern3 .pro_centern3Box .pro_centern3BoxLi1 .pro_centern3BoxLiImgR {





        display: none;





    }











    .pro_centern2 .pro_centern2Box .pro_centern2Brief {





        padding: 0 15px;





    }











    .pro_centern2 .pro_centern2BoxMain {





        width: 100%;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain1 {





        width: 100%;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain2 {





        width: 100%;





        margin-top: 0.2rem;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 {





        width: 47%;





        margin-top: .2rem;





        margin-left: 1.8%;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain4 {





        width: 47%;





        margin-top: .2rem;





        margin-right: 1%;





        margin-left: 1.8%;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain5 {





        width: 47%;





        margin-top: 0rem;





        margin-right: 1%;





        margin-left: 1.8%;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain6 {





        width: 47%;





        margin-top: 0rem;





        margin-right: 1%;





        margin-left: 1.8%;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain7 {





        width: 48%;





        margin-top: 0rem;





        display: none;





    }











    .pro_centern2 {





        overflow: hidden;





    }











    .pro_centern2Box1MainBox {





        width: 100%;





        overflow: hidden;





    }











    .pro_centern2 .pro_centern2Box1Main {





        margin-top: 0;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul {





        display: inline-block;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li i {





        width: 100%;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul li {





        padding: 0 5px;





        height: auto;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList p {





        width: 100%;





        padding: 0 15px;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList {





        height: auto;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .bd .bdList h5 {





        padding-bottom: 0.1rem;





        padding-top: 0.1rem;





    }











    .pro_centern2 .pro_centern2Box1Main .pro_centern2Box1MainBox .hd ul {





        margin: 0.2rem auto;





    }











    .pro_centern2 .pro_centern3Box1Main .pro_centern3Box1MainBox .pro_centern3Box1MainBoxLi {





        padding: 0 15px;





    }











    .pro_centern3Box1Main {





        margin-bottom: 0.2rem;





    }











    .pro_centern2 .pro_centern4Box1Main {





        background: #f2f2f2;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox {





        margin: 0 15px;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox h4 {





        margin-top: 0.2rem;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message2 {





        margin-left: 0;





        margin-top: 0.13rem;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message3 {





        width: 97%;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainL .pro_centern4Box1MainLBox .pro_centern1Message input.pro_centern1Message5 {





        width: 99%;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox {





        padding: 0 15px;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox h4 {





        margin-top: 0.4rem;





    }











    .pro_centern2 .pro_centern5Box1Main .pro_centern5Box1MainBox .pro_centern5Box1MainBoxLi .pro_centern5Box1MainBoxList a.pro_centern5Box1MainBoxListImg img {





        display: none;





    }











    .pro_centern2 .pro_centern4Box1Main .pro_centern4Box1MainR .pro_centern4Box1MainRBox p {





        line-height: 0.3rem;





    }











    .pro_centern1 .pro_centern1Box .gallery-top .pro_centern1BoxText .pro_centern1BoxTextBox1 {





        padding: 0;





    }











    .pro_centern1Box2 .pro_centern1Box2Box .pro_centern1Box2List .pro_centern1Box2right .pro_centern1Box2More {





        display: none;





    }











    .pro_centern1Box3 .pro_centern1Box3L .pro_centern1Message input.pro_centern1Message3 {





        width: 97%;





    }











    .pro_centern1Box4Center .pro_centern1Box4CenterLc .bd .pro_centern1Box4CenterLi {





        height: 3rem;





    }











    .pro_centern3 .pro_centern3Box .pro_centern3BoxRight ul li {





        padding: 0 5px;





    }











    .pro_centern3 .pro_centern3Box1 .pro_centern3Box1Box .pro_centern3Box1BoxMain .bd .pro_centern3Box1BoxMainBdListL {





        margin-top: 0.4rem;





    }











    .pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListLeft {





        display: none;





    }











    .pro_centern3Box2 .pro_centern3Box2List .pro_centern3Box2ListRight {





        display: none;





    }











    .pro_centern2 .pro_centern2BoxMain ul li.pro_centern2BoxMain3 {





        margin-left: 1.7%;





    }





}

















.pro_reason3AdvBox{





    padding: 0.1rem 0;





}