@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(/uploads/image/tpimg/gesture.png), default;



}







.gallery-thumbs {



    height: 20%;



    box-sizing: border-box;



    padding: 10px 0;



    cursor: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern1box2more1.png) no-repeat 80% center;



    text-indent: 1.3em;



    color: #fff;



    border: 1px solid #333;



}







.pro_centern1box3 {



    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern1boxtextbox1centerl1.png) no-repeat center;



    width: 0.48rem;



    height: 0.41rem;



}







.pro_centern1boxtextbox1center .swiper-button-next:hover {



    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern1boxtextbox1centerr1.png) no-repeat center;



    width: 0.48rem;



    height: 0.41rem;



}







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



    background: #333 url(/uploads/image/tpimg/pro_centern1boxtextbox1centerr1.png) no-repeat center;



}







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



    background: #333 url(/uploads/image/tpimg/pro_centern1boxtextbox1centerl1.png) no-repeat center;



}







.pro_centern1box4center .pro_centern1box4centerlc .hd ul li i {



    display: block;



    width: 0.26rem;



    height: 0.26rem;



    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern1box4centerlbth.png) no-repeat center;



}







.pro_centern1box4centerrbth i {



    width: 0.3rem;



    height: 0.3rem;



    position: absolute;



    background: #ccc url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/gesture.png), default;



}







.pro_centern1box5 .pro_centern1box5box .pro_centern1box5boxli ul li .pro_centern1box5boxlititle {



    position: relative;



    display: block;



    border: 1px solid #d8d8d8;



    cursor: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/gesture.png), default;



}







.pro_centern2 .pro_centern3box1main .pro_centern3box1mainbox .pro_centern3box1mainboxli {



    margin-top: 0.5rem;



    cursor: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern5box1mainboxlistmore.png) no-repeat 90% center;



    line-height: 1rem;



    cursor: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern3box1boxmainl1.png) no-repeat center;



}







.pro_centern3 .pro_centern3box1 .pro_centern3box1box .pro_centern3box1boxmain .pro_centern3box1boxmainr {



    width: 0.32rem;



    height: 0.32rem;



    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern3box1boxmainr1.png) no-repeat center;



}







.pro_centern3box2 .pro_centern3box2list {



    width: 85.6%;



    margin: 0 auto;



    margin-top: 0.5rem;



    position: relative;



    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/pro_centern3box2listmore.png) no-repeat 95% center;



    cursor: url(/uploads/image/tpimg/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(/uploads/image/tpimg/swiper-button-next1.png) no-repeat center;



    top: 36%;



    z-index: 2;



    left: 0;



    position: absolute;



}







.pro_centern5box1mainboxlileftico:hover {



    background: url(/uploads/image/tpimg/pro_centern5box1mainboxlileftico1.png) no-repeat center;



}







.pro_centern5box1mainboxlirightico {



    width: 0.35rem;



    height: 0.8rem;



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



    top: 36%;



    position: absolute;



    z-index: 2;



    right: 0;



}







.pro_centern5box1mainboxlirightico:hover {



    background: url(/uploads/image/tpimg/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(/uploads/image/tpimg/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(/uploads/image/tpimg/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: #333;



    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;



}