@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: url(../img/pro_centern3Box1Box.png) no-repeat center top;



    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;



}