/* banner */
#banner{width: 100%;height: 100vh;}
#banner .swiper-pagination{width: auto !important; bottom: .5rem !important; left: 85% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); background:rgba(255,255,255,.2);padding:10px 15px;border-radius:20px;} 
#banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;opacity: 1;transition: all .5s;background: transparent;background: #fff;position: relative;margin:0 15px;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet::after{content: "";display: block;width: 8px;height: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .5s;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;}
#banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 16px;height: 16px;border: 1px solid #fff;}
#banner .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center bottom;}
#banner .swiper-slide a {width:100%;height:100%;display:block;}

#banner .page{position: absolute;z-index: 15;color: #fff;left: 50%;margin-left: -50px;width: 100px;bottom: .35rem;font-size: 22px;text-align: center;line-height: 60px;font: 600 16px/2.5 'PingFangSC';letter-spacing: 1px;cursor: pointer;}
@media (max-width: 639px){#banner .banner-info >div{padding-bottom: 1.5rem;}#banner .banner-info .title{font-size: .5rem;}#banner .page{bottom: 1.2rem;}#banner  .cn img {max-width:90%;}}
#banner .page p{position: relative;}
#banner .page p span{border: 2px solid #fff;display: inline-block;width: 24px;height: 42px;border-radius: 10px;}
#banner .page p::before{content: "";width: 2px;height: 6px;border-radius: 1px;position: absolute;left: 50%;transform: translateX(-50%);top: 8px;background: #fff;animation: move .5s infinite;}

#banner .banner-info{width: 100%;height: 100%;display: flex;flex-direction: column;margin-top:20%;}
#banner .cn{-webkit-animation: fadeOutDown 2s; animation: fadeOutDown 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;width:100%;text-align:left;}
#banner .cn span {color:#fff;font-size:.82rem;line-height:1.1;position:relative}
#banner .cn a {margin-top:.52rem;}
#banner .cn a img{width:2.2rem;}

/*#banner .cn img {max-width:40%;}*/
#banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

#banner .swiper-button-white {border:1px solid #fff;border-radius:50%;height:68px;width:68px;background-size:10px;}
#banner .swiper-button-prev {left:5%;}
#banner .swiper-button-next {right:5%;}

@media (max-width: 767px) {
    #banner{height:35vh;margin-top:60px}
    #banner .swiper-button-white {height:28px;width:28px;background-size:6px}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
    #banner .cn span {font-size:24px;}
    /*#banner .cn a {display:none}*/
    /*#banner .cn img {display:none}*/
    /*#banner .swiper-pagination {display:none}*/
    #banner .swiper-pagination {left:50% !important;padding:5px 10px;bottom:15px !important}
    #banner .page {bottom:20px;display:none}
    #banner .banner-info {margin-top:25%;}
    #banner .banner-info .container {width:75%;padding-bottom:0;}
}
@media (min-width: 768px) {
    #banner{height:40vh;}
    #banner .swiper-button-white {height:38px;width:38px;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
}
@media (min-width: 1024px) {
    #banner{height:65vh;}
    #banner .container{width:780px;}
    #banner .cn img {max-width:40%;}
    #banner .swiper-button-white {height:38px;width:38px;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
}
@media (min-width: 1200px) {
    #banner{height:65vh;}
    #banner .container{width:900px;}
    #banner .cn img {max-width:40%;}
    #banner .swiper-button-white {height:48px;width:48px;}
    #banner .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
}
@media (min-width: 1280px) {
    #banner{height:70vh;}
    #banner .container{width:950px;}
    #banner .cn img {max-width:40%;}
    #banner .swiper-button-white {height:48px;width:48px;}
}
@media (min-width: 1366px) {
    #banner{height: 90vh;}
    #banner .container{width:1000px;}
    #banner .cn img {max-width:40%;}
    #banner .swiper-button-white {height:48px;width:48px;}
}
@media (min-width: 1440px) {
    #banner{height: 90vh;}
    #banner .container{width:1100px;}
    #banner .cn img {max-width:40%;}
    #banner .banner-info{margin-top:20%;}
    #banner .swiper-button-white {height:58px;width:58px;}
}
@media (min-width: 1600px) {
    #banner .container{width:1400px;}
    #banner .cn img {max-width:40%;}
    #banner .banner-info{margin-top:18%;}
}
/*�Ƽ���Ʒ*/
.divSm1 {float:left;width:100%;padding-top:.65rem}
.divSm1 .itemTops {float:left;width:100%;border-bottom:1px solid #ebebeb;margin-top:15px;position:relative; z-index:3;}
.divSm1 .itemTops .dl{float:left;width:70%;}
.divSm1 .itemTops .dl p{float:left;width:100%;font-size:.36rem;color:#537188;}
.divSm1 .itemTops .dl h1{font-size:16px;color:#94a8bc;font-weight:normal;float:left;width:100%;margin-bottom:.4rem;margin-top:10px}
.divSm1 .itemTops .dr {float:right;}
.divSm1 .pmpList{float:left;width:100%;}
.divSm1 .list {float:left;width:calc(100% - ((100% - 1440px) /  2));margin-left:calc((100% - 1440px) /  2);cursor:pointer;position:relative; z-index:2;}
.ptp {float:left;width:60%;padding-top:60px;padding-bottom:.9rem;border-right:1px solid #e2e8ef;position:relative;z-index:2;}
.ptp .covers {width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(243,246,251,.9);z-index:1;display:block;}
.ptp .hot {float:left;width:100%;background:url(../images/hot.png) no-repeat left center;font-size:14px;color:#e02634;height:20px;line-height:25px;padding-left:25px;}
.ptp .talk {float:left;width:100%;font-size:.3rem;color:#537188;height:1rem;line-height:1rem;margin-top:.1rem}
.ptp .talk span {float:left;}
.ptp .talk img {float:left;margin-left:.4rem;margin-top:.32rem;height:.4rem}
.ptp .title {float:left;width:40%;color:#a3b4c5;font-size:.48rem;line-height:.6rem;margin-top:.2rem}
.ptp .inquiry {float:left;width:100%;margin-top:.5rem}
.ptp .inquiry a{float:left;color:#537188;font-size:16px;display:block;width:1.7rem;height:.4rem;line-height:.4rem;text-align:center;background:#ecedef;border-radius:20px;}
.ptp .lm {float:left;margin-top:.88rem;height:.57rem;line-height:.57rem;background:#3377e6;border:1px solid #fff;border-radius:28px;color:#fff;padding-left:.4rem;padding-right:7px;}
.ptp .lm span {float:left;}
.ptp .lm i {float:left;margin-left:.17rem;width:.42rem;height:.42rem;background:url(../images/lm.jpg) no-repeat center #fff;border-radius:50%;margin-top:.07rem}
.ptp .imgCov {position:absolute;right:.2rem;bottom:.5rem;width:65%;}
.ptp .imgCov img{width:100%;}
.divSm1 .list .swiper-slide-active .covers {display:none}
.pcpBtnSlider {position:absolute;left:calc(100% - (100% * 0.4));top:250px;width:43px;z-index:2}
.pcpBtnSlider .btnSlider {float:left;width:43px;height:43px;border-radius:50%;background:#eaebed;cursor:pointer;text-align:center;margin-bottom:10px;}
.pcpBtnSlider .btnSlider:before {line-height:43px;height:43px;color:#7f8690}
.pcpBtnSlider .btnSlider:hover {background:#f7931e;}
.pcpBtnSlider .btnSlider:hover:before {color:#fff;}
/*����*/
.wrapper-dropdown-5{position:relative;margin:0 auto;padding:13px 45px 13px 30px;background:#fff;color:#537188; border-radius:20px;box-shadow:0 1px 0 rgba(0,0,0,0.2);cursor:pointer;outline:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;margin-top:30px; z-index: 99999;}
.wrapper-dropdown-5:after{content:"";width:0;height:0;position:absolute;top:50%;right:15px;margin-top:-3px;border-width:6px 6px 0 6px;border-style:solid;border-color:#aaaaaa transparent}
.wrapper-dropdown-5 .dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 5px 5px;border:1px solid rgba(0,0,0,0.2);border-top:none;border-bottom:none;list-style:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;max-height:0;overflow:hidden;z-index:9999;padding:0}
.wrapper-dropdown-5 .dropdown li{padding:0 10px}
.wrapper-dropdown-5 .dropdown li a{display:block;text-decoration:none;color:#333;padding:10px 0;transition:all 0.3s ease-out;border-bottom:1px solid #e6e8ea}
.wrapper-dropdown-5 .dropdown li:last-of-type a{border:none}
.wrapper-dropdown-5 .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}
.wrapper-dropdown-5 .dropdown li:hover a{color:#57a9d9}
.wrapper-dropdown-5.active{border-radius:5px 5px 0 0;background:#3377e6;box-shadow:none;border-bottom:none;color:white}
.wrapper-dropdown-5.active:after{border-color:#fff transparent}
.wrapper-dropdown-5.active .dropdown{border-bottom:1px solid rgba(0,0,0,0.2);max-height:400px}
.animate__swing .dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 5px 5px;border:1px solid rgba(0,0,0,0.2);border-top:none;border-bottom:none;list-style:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;max-height:0;overflow:hidden;z-index:9999;padding:0}
.animate__swing .dropdown li{padding:0 10px}
.animate__swing .dropdown li a{display:block;text-decoration:none;color:#333;padding:10px 0;transition:all 0.3s ease-out;border-bottom:1px solid #e6e8ea}
.animate__swing .dropdown li:last-of-type a{border:none}
.wrapper-dropdown-5 .dropdown li i{margin-right:5px;color:inherit;vertical-align:middle}
.wrapper-dropdown-5 .dropdown li:hover a{color:#57a9d9}
.wrapper-dropdown-5.active{border-radius:5px 5px 0 0;background:#3377e6;box-shadow:none;border-bottom:none;color:white}
.wrapper-dropdown-5.active:after{border-color:#fff transparent}
.wrapper-dropdown-5.active .dropdown{border-bottom:1px solid rgba(0,0,0,0.2);max-height:400px}
@media (max-width: 767px) {
    .divSm1 {padding-top:10px}
    .divSm1 .itemTops .dl{float:left;width:100%;}
    .divSm1 .itemTops .dr {float:right;width:100%;}
    .divSm1 .itemTops .dl h1{font-size:14px;}
    .wrapper-dropdown-5{margin-top:0;margin-bottom:20px;}
    .divSm1 .list {width:calc(100% - 30px);margin-left:15px}
    .ptp {float:left;width:60%;padding-top:25px;padding-bottom:0;border-right:0}
    .ptp .talk {font-size:24px;}
    .ptp .title {float:left;width:100%;color:#a3b4c5;font-size:18px;line-height:.6rem;margin-top:0}
    .ptp .inquiry {display:none}
    .ptp .imgCov {position:static;width:100%;}
    .ptp .lm {display:none}
    .pcpBtnSlider {position:absolute;left:auto;right:0px; top:30px;width:43px;z-index:2}
}
@media (min-width: 768px) {
    .divSm1 {padding-top:20px}
    .divSm1 .list {width:calc(100% - 30px);margin-left:15px}
    .pcpBtnSlider {left:auto;right:0;top:45%;}
    .ptp {border-right:0}
}
@media (min-width: 1024px) {
    .divSm1 .list {width:calc(100% - ((100% - 960px) /  2));margin-left:calc((100% - 960px) /  2);}
    .pcpBtnSlider {left:calc(100% - (100% * 0.26));top:160px;}
}
@media (min-width: 1200px) {
    .divSm1 .list {width:calc(100% - ((100% - 1170px) /  2));margin-left:calc((100% - 1170px) /  2);}
    .pcpBtnSlider {left:calc(100% - (100% * 0.25));top:160px;}
}
@media (min-width: 1280px) {
    .divSm1 .list {width:calc(100% - ((100% - 1170px) /  2));margin-left:calc((100% - 1170px) /  2);}
    .pcpBtnSlider {left:calc(100% - (100% * 0.25));top:180px;}
}
@media (min-width: 1366px) {
    .divSm1 .list {width:calc(100% - ((100% - 1280px) /  2));margin-left:calc((100% - 1280px) /  2);}
    .pcpBtnSlider {left:calc(100% - (100% * 0.25));top:180px;}
}
@media (min-width: 1440px) {
    .divSm1 .list {width:calc(100% - ((100% - 1366px) /  2));margin-left:calc((100% - 1366px) /  2);}
    .pcpBtnSlider {left:calc(100% - (100% * 0.306));top:220px;}
}
/*��Ʒ����*/
.divSm2 {float:left;width:100%;background:#eaeef3;padding:.59rem 0 .85rem 0}
.divSm2 .title {float:left;width:100%;text-align:center;color:#537188;font-size:.36rem;}
.divSm2 .list {float:left;width:100%;padding:.55rem 0}
.divSm2 ul {padding:0;margin:0 auto;display:table;}
.divSm2 ul li {float:left;margin:0 .06rem}
.divSm2 ul li a{float:left;height:45px;line-height:45px;background:#fff;border:1px solid #e2e8ef;font-size:14px;color:#537188;border-radius:22px;padding:0 .3rem;min-width:1.3rem;text-align:center;}
.divSm2 ul li a:hover {background:#f7931e;color:#fff;}
.divSm2 ul li a.on {background:#f7931e;color:#fff;}
.scrollList {float:left;width:100%;}
.listItem {float:left;width:100%;}
.listItem .item {float:left;width:calc(27% - 22px);background:#fff;border-radius:10px;box-shadow:-10px 10px 25px 3px #eaedf1;margin-right:30px;}
.listItem .item a {float:left;width:100%;height:100%; display:block;padding:.3rem;padding-bottom:.45rem;position:relative;}
.listItem .item a .divTmp {float:left;width:100%;height:70px;line-height:70px;border-bottom:2px solid #f1f1f1}
.listItem .item a .divTmp span {float:left;font-size:.2rem;color:#537188}
.listItem .item a .divTmp img {float:right;margin-top:7px;margin-right:7px;}
.listItem .item a .param {float:left;width:100%;font-size:14px;color:#94a8bc;line-height:26px;margin-top:.2rem}
.listItem .item a img.pip {float:right;margin-top:.2rem;height:195px;}
.listItem .item a .link {width:.52rem;height:.52rem;background:url(../images/btn1.png) no-repeat center;background-size:contain;position:absolute;left:.3rem;bottom:.2rem}
/*.listItem .item a:hover .link{background:url(../images/btn2.png) no-repeat center;}*/
.listItem .item.not{width:calc(27% - 22px);margin-right:0;}
.listItem .item.on{background:url(../images/listBG.jpg) repeat-x top center #fff;width:calc(46% - 22px);}
.listItem .item.on a .divTmp {border-bottom:2px solid #e6e9ea}
.listItem .item.on a .divTmp span{font-size:.3rem}
.listItem .item.on a .link{background:url(../images/btn2.png) no-repeat center;}
.divPager {float:left;width:100%;height:4px;background:#c0c0c0;border-radius:30px;margin-top:.74rem;position:relative}
.divPG {float:left;width:3.6rem;height:4px;background:#3473e5;border-radius:30px;margin-left:2.45rem}
.DivYuan {width:45px;height:45px;line-height:45px;background:#3473e5;border-radius:50%;position:absolute;left:calc(4.3rem - 22px);top:-22px;padding-left:8px;}
.DivYuan a {float:left;color:#fff;margin:0px 3px;}
.DivYuan a:hover {color:#ec9069}
@media (max-width: 767px) {
    .divSm2 ul li {margin:0;margin-right:7px;width:calc((100% - 7px) / 2);margin-bottom:10px;}
    .divSm2 ul li:nth-child(2n) {margin:0;}
    .divSm2 ul li a {width:100%;display:block;border-radius:0;font-size:12px;padding:0 2px}
    .divSm2 .list {padding-bottom:10px;}
    .listItem .item {float:left;width:100%;background:#fff;margin-right:0;margin-bottom:10px;}
    .divPG {float:left;width:2.6rem;margin-left:0px}
    .DivYuan {left:calc(2.5rem);}
}
@media (min-width: 768px) {
    .divSm2 ul li {width:auto;margin:0;margin-bottom:15px;margin-right:10px;}
    .divSm2 ul li:nth-child(4n) {margin-right:0}
    .divSm2 ul li a {font-size:12px;}
}
@media (min-width: 1024px) {
    .divSm2 ul li {margin:0 1px}
    .divSm2 ul li a {font-size:11px;padding:0 6px;border-radius:20px;}
}
@media (min-width: 1200px) {
    .divSm2 ul li {margin:0 2.5px}
    .divSm2 ul li a {font-size:13px;padding:0 .2rem;border-radius:20px;}
}
@media (min-width: 12800px) {
    .divSm2 ul li {margin:0 2.5px}
    .divSm2 ul li a {font-size:13px;padding:0 .2rem;border-radius:20px;}
}
@media (min-width: 1366px) {
    .divSm2 ul li {margin:0 2.5px;width:auto;}
    .divSm2 ul li a {font-size:13px;padding:0 .2rem;border-radius:20px;}
}
/*����*/
.divSm3 {float:left;width:100%;position:relative;}
.divSm3 .item {position:relative;width:80%;float:left;}
.divSm3 .item img{float:left;width:100%;}
.divSm3 .item .title{position:absolute;width:100%;left:0;top:0;padding:0px .5rem;margin-top:.35rem;border-bottom: 1px solid rgba(255,255,255,0.15);display:none}
.divSm3 .item .title p {float:left;color:#fff;font-size:.48rem;font-weight:bold;line-height:.95rem;}
.divSm3 .item .title a {float:right;color:#fff;line-height:.95rem;font-weight:bold;font-size:.36rem;margin-right:.3rem}
.divSm3 .item .content {position:absolute;left:1.62rem;bottom:3.2rem;color:#fff;display:none}
.divSm3 .item .content .p1 {float:left;width:100%;font-size:0.48rem;}
.divSm3 .item .content .lm {float:left;margin-top:1.5rem;height:.57rem;line-height:.57rem;background:#fff;border-radius:28px;color:#3277e5;padding-left:.4rem;padding-right:7px;}
.divSm3 .item .content .lm span {float:left;}
.divSm3 .item .content .lm i {float:left;margin-left:.17rem;width:.42rem;height:.42rem;background:url(../images/lm2.jpg) no-repeat center #3277e5;border-radius:50%;margin-top:.07rem}
.divSm3 .item .nText {width:300px;display:block;text-align:center;color:#fff;font-size:.24rem;position:absolute;top:40%;left:40px;background:url(../images/link.png) no-repeat bottom center;padding-bottom:120px;}
.divSm3 .spmPager {position:absolute;bottom:78px;left:0px;border-bottom: 1px solid rgba(255,255,255,0.5);width:100%;z-index:1}
.divMP {float:left;width:100%;position:relative;}
.divSm3 .spmPager .liPager{width:79px;height:79px;position:absolute;bottom:-40px;-webkit-transition: all 1s; transition: all 1s;cursor:pointer}
.divSm3 .spmPager .liPager.prev {background:url(../images/left.png) no-repeat center;left:50px;}
.divSm3 .spmPager .liPager.prev:hover {background:url(../images/leftH.png) no-repeat center;}
.divSm3 .spmPager .liPager.next {background:url(../images/right.png) no-repeat center;right:50px;}
.divSm3 .spmPager .liPager.next:hover {background:url(../images/rightH.png) no-repeat center;}
.divSm3 .swiper-pagination{width: auto !important; bottom:68px !important; left: 45% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.divSm3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 20px;background:#fff;opacity:1}
.divSm3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#f7931e;opacity:1}
.divSm3 .swiper-pagination-bullets .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;transition: all .5s;background: transparent;background: #fff;position: relative;margin:0 15px;}
.divSm3 .swiper-pagination-bullets .swiper-pagination-bullet::after{content: "";display: block;width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .5s;}
.divSm3 .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;}
.divSm3 .swiper-pagination-bullets .swiper-pagination-bullet-active::after{width: 24px;height: 24px;border: 1px solid #f7931e;}
@media (max-width: 767px) {
    .divSm3 .item .title p {float:left;color:#fff;font-size:24px;font-weight:bold;line-height:24px;}
    .divSm3 .item .title a {float:right;color:#fff;line-height:.65rem;font-weight:bold;font-size:.36rem;margin-right:.3rem}
    .divSm3 .spmPager {bottom:40px;}
    .divSm3 .spmPager .liPager{width:39px;height:39px;position:absolute;bottom:-20px;}
    .divSm3 .spmPager .liPager.prev {left:35%;background-size:39px;}
    .divSm3 .spmPager .liPager.prev:hover {background-size:39px;}
    .divSm3 .spmPager .liPager.next {right:35%;background-size:39px;}
    .divSm3 .spmPager .liPager.next:hover {background-size:39px;}
    .divSm3 .swiper-pagination{display:none}
}
@media (min-width: 768px) {
    .divSm3 .item .content {left:80px;bottom:140px;color:#fff;display:none}
    .divSm3 .item .content .lm {margin-top:40px}
    .divSm3 .spmPager {position:absolute;bottom:38px;}
    .divSm3 .swiper-pagination{bottom:28px !important;}
}
@media (min-width: 1024px) {
    .divSm3 .item .content {position:absolute;left:1.22rem;bottom:2.2rem;}
    .divSm3 .item .nText {width:250px;font-size:.24rem;position:absolute;top:40%;left:0px;padding-bottom:100px;}
}
@media (min-width: 1200px) {
    .divSm3 .item .content {position:absolute;left:1.22rem;bottom:2.2rem;}
    .divSm3 .item .nText {width:250px;font-size:.24rem;position:absolute;top:40%;left:0px;padding-bottom:100px;}
}
@media (min-width: 1280px) {
    .divSm3 .item .content {position:absolute;left:1.22rem;bottom:2.2rem;}
    .divSm3 .item .nText {width:250px;font-size:.24rem;position:absolute;top:40%;left:0px;padding-bottom:100px;}
}
@media (min-width: 1366px) {
    .divSm3 .item .content {position:absolute;left:1.22rem;bottom:2.2rem;}
    .divSm3 .item .nText {width:300px;font-size:.24rem;position:absolute;top:40%;left:0px;padding-bottom:100px;}
}
@media (min-width: 1440px) {
    .divSm3 .item .content {position:absolute;left:1.42rem;bottom:2.2rem;}
    .divSm3 .item .nText {width:300px;font-size:.24rem;position:absolute;top:40%;left:0px;padding-bottom:120px;}
}
.divSm3 .swiper-slide-active .title {display:block}
.divSm3 .swiper-slide-active .content {display:block}
.divSm3 .swiper-slide-active .nText {display:none}
@media (max-width: 767px) {
    .divSm3 .swiper-slide-active .content {display:none}
}
/*��������*/
.divSm4 {float:left;width:100%;background:url(../images/map.jpg.webp) no-repeat 90% 100px #eaeef3;padding:1.37rem 0 1.15rem}
.divSm4 .dl {float:left;width:662px;height:467px;background:url(../images/video.jpg.webp) no-repeat center;background-size:cover;border-radius:20px;position:relative}
.divSm4 .dl a {position:absolute;right:.5rem;bottom:0;display:block;}
.divSm4 .dr {float:right;width:720px;}
.divSm4 .dr h1{float:left;width:100%;font-size:.36rem;color:#537188;line-height:.95rem;}
.divSm4 .dr ul {float:left;width:100%;padding:0;margin-top:16px;}
.divSm4 .dr ul li {float:left;color:#537188;background:#fff;border:1px solid #e2e8ef;border-radius:22px;height:.45rem;line-height:.45rem;width:1.65rem;cursor:pointer;text-align:center;margin-right:.25rem}
.divSm4 .dr ul li:hover {background:#f7931e;border:1px solid #f7931e;color:#fff;}
.divSm4 .dr ul li.on {background:#f7931e;border:1px solid #f7931e;color:#fff;}
.divSm4 .dr .listTab {float:left;width:100%;}
.divSm4 .dr .listTab .list{float:left;width:100%;display:none}
.divSm4 .dr .listTab .list:first-child {display:block;}
.divSm4 .dr .listTab .list p{float:left;width:100%;font-size:16px;color:#94a8bc;line-height:30px;border-bottom:1px solid #c4cdd8;padding:.35rem 0}
.divSm4 .dr .listTab .list .lm {float:left;margin-top:.7rem;height:57px;line-height:57px;background:#3377e6;border:1px solid #fff;border-radius:28px;color:#fff;padding-left:.4rem;padding-right:7px;}
.divSm4 .dr .listTab .list .lm span {float:left;}
.divSm4 .dr .listTab .list .lm i {float:left;margin-left:.17rem;width:42px;height:42px;background:url(../images/lm.jpg.webp) no-repeat center #fff;border-radius:50%;margin-top:7px}
.divSm4 .listNum {float:left;width:100%;margin-top:1.05rem}
.divSm4 .listNum .item {float:left;width:25%;position:relative}
.divSm4 .listNum .item p{float:left;font-size:14px;color:#94a8bc;float:left;width:100%;margin-bottom:10px;}
.divSm4 .listNum .item h1{float:left;font-size:.48rem;color:#537188}
.divSm4 .listNum .item span{float:left;font-size:.3rem;color:#537188;margin-left:05px;margin-top:-.1rem}
.divSm4 .listNum .item label{float:left;font-size:14px;color:#537188;margin-left:10px;margin-top:.25rem}
.divSm4 .listNum .item img{position:absolute;top:0;right:17%}
@media (max-width: 767px) {
    .divSm4 {padding:20px 0 30px}
    .divSm4 .dl {width:100%;height:347px;}
    .divSm4 .dl a img{width:150px;}
    .divSm4 .dr {width:100%;margin-top:20px;}
    .divSm4 .dr ul li {height:40px;line-height:40px;width:110px;margin-right:3px;font-size:11px;}
    .divSm4 .dr ul li:last-child {margin-right:0}
    .divSm4 .dr .listTab .list p{font-size:14px;}
    .divSm4 .listNum {float:left;width:100%;margin-top:40px}
    .divSm4 .listNum .item {float:left;width:50%;position:relative;margin-bottom:25px;}
    .divSm4 .listNum .item img{display:none}
    .divSm4 .listNum .item h1{float:left;font-size:18px;}
    .divSm4 .listNum .item label{float:left;font-size:12px;margin-left:5px;margin-top:4px}
    .divSm4 .listNum .item:nth-child(2n+1){ clear: both;}
    .divSm4 .dr .listTab .list .lm {width:100%;float:left;margin-top:15px;height:47px;line-height:47px;border-radius:28px;}
    .divSm4 .dr .listTab .list .lm span {float:left;}
    .divSm4 .dr .listTab .list .lm i {float:right;margin-left:.17rem;width:32px;height:32px;background:url(../images/lm.jpg.webp) no-repeat center #fff;border-radius:50%;margin-top:7px}
}
@media (min-width: 768px) {
    .divSm4 .dl {width:100%;height:347px;}
    .divSm4 .dr {width:100%;margin-top:20px;}
    .divSm4 .dr ul li {height:.45rem;line-height:.45rem;width:150px;}
}
@media (min-width: 1024px) {
    .divSm4 .dl {width:100%;height:347px;}
    .divSm4 .dr {width:100%;margin-top:20px;}
    .divSm4 .dr ul li {height:.45rem;line-height:.45rem;width:150px;}
}
@media (min-width: 1200px) {
    .divSm4 .dl {width:565px;height:447px;}
    .divSm4 .dr {width:578px;}
    .divSm4 .dr ul li {height:.45rem;line-height:.45rem;width:150px;}
}
@media (min-width: 1280px) {
    .divSm4 .dl {width:560px;height:407px;}
    .divSm4 .dr {width:568px;}
    .divSm4 .dr ul li {height:.45rem;line-height:.45rem;width:1.85rem;}
}
@media (min-width: 1366px) {
    .divSm4 .dl {width:600px;height:447px;}
    .divSm4 .dr {width:628px;}
    .divSm4 .dr ul li {height:.45rem;line-height:.45rem;width:1.85rem;}
}
@media (min-width: 1440px) {
    .divSm4 .dl {width:630px;height:447px;}
    .divSm4 .dr {width:688px;}
    .divSm4 .dr ul li {height:.45rem;line-height:.45rem;width:1.85rem;}
}
/*��ҵ����*/
.divSm5 {float:left;width:100%;}
.divSm5 .tmImg {float:left;width:100%;height:570px;background:url(../images/honor.jpg.webp) no-repeat center;background-size:cover}
.divSm5 .tmHonor {float:left;width:100%;background:#697180;padding:.52rem 0 .89rem 0}
.divSm5 .tmHonor .dl {float:left;background:url(../images/honDot.jpg.webp) no-repeat left center;height:88px;line-height:128px; color:#fff;font-size:.36rem;padding-left:.6rem;width:400px;}
.divSm5 .tmHonor img {float:right;width:1000px;margin-top:20px;}
@media (max-width: 767px) {
   .divSm5 .tmImg{ height:180px;}
.divSm5 .tmHonor{ padding: 20px 0;}
.divSm5 .tmHonor .dl{width:100%; height: auto; background: none; line-height: 1.5; padding-left: 0;}
    .divSm5 .tmHonor img {width:100%;margin-top:25px;}
}
@media (min-width: 768px) {
    .divSm5 .tmImg {height:350px;}
    .divSm5 .tmHonor .dl {width:200px;}
    .divSm5 .tmHonor img {width:530px;margin-top:45px;}
}
@media (min-width: 1024px) {
    .divSm5 .tmImg {height:350px;}
    .divSm5 .tmHonor .dl {width:200px;}
    .divSm5 .tmHonor img {width:680px;margin-top:35px;}
}
@media (min-width: 1200px) {
    .divSm5 .tmImg {height:450px;}
    .divSm5 .tmHonor .dl {width:290px;}
    .divSm5 .tmHonor img {width:880px;margin-top:35px;}
}
@media (min-width: 1280px) {
    .divSm5 .tmImg {height:450px;}
    .divSm5 .tmHonor .dl {width:300px;}
    .divSm5 .tmHonor img {width:880px;margin-top:35px;}
}
@media (min-width: 1366px) {
    .divSm5 .tmImg {height:500px;}
    .divSm5 .tmHonor .dl {width:320px;}
    .divSm5 .tmHonor img {width:880px;margin-top:35px;}
}
@media (min-width: 1440px) {
    .divSm5 .tmImg {height:480px;}
    .divSm5 .tmHonor img {width:880px;}
}
/*����*/
.divSm6 {float:left;width:100%;padding:.92rem 0 .7rem 0}
.divSm6 .expNews {float:left;width:50%;}
.divSm6 .expNews .cnTit{float:left;width:100%;font-size:.36rem;line-height:.4rem; color:#537188;margin-bottom:25px;}
.divSm6 .expNews .cnCts2{float:left;width:100%;margin-top:30px;}
.divSm6 .expNews .cnCts2 .item{float:left;width:100%;}
.divSm6 .expNews .cnCts2 .item a{float:left;width:100%;display:block;}
.divSm6 .expNews .cnCts2 .item .Tops{float:left;width:100%;}
.divSm6 .expNews .cnCts2 .item .Tops img{float:left;width:202px;border:1px solid #dee5f0;border-radius:10px;}
.divSm6 .expNews .cnCts2 .item .Tops div{float:right;width:calc(100% - 222px);font-size:22px;color:#537188;line-height:30px;margin-top:10px;}
.divSm6 .expNews .cnCts2 .item p {float:left;width:100%;font-size:16px;color:#94a8bc;margin-top:.4rem;line-height:30px;}
.divSm6 .expNews .cnCts2 .item span {float:left;width:100%;font-size:20px;color:#94a8bc;margin-top:.25rem}
.divSm6 .expNews .cnCts2 .swiper-container {padding-bottom:.6rem}
.divSm6 .expNews .cnCts2 .swiper-pagination-bullet {float:right;margin-right:.3rem}
.divSm6 .expNews .cnCts2 .swiper-pagination span {border-radius:50%;width:11px;height:11px}
.divSm6 .expNews .cnCts2 .swiper-pagination .swiper-pagination-bullet-active { background:#f08200}
.divSm6 .cmpNews {float:left;width:50%;padding-left:7%;}
.divSm6 .cmpNews .cnTit{float:left;width:100%;font-size:.36rem;line-height:.4rem; color:#537188;margin-bottom:25px;}
.divSm6 .cmpNews .cnCts{float:left;width:100%;}
.divSm6 .cmpNews .cnCts a{float:left;width:100%;display:block;margin-top:30px}
.divSm6 .cmpNews .cnCts a img{float:left;width:165px;border-radius:5px;border:1px solid #e9e9e9}
.divSm6 .cmpNews .cnCts a .mtr{float:right;width:calc(100% - 200px);}
.divSm6 .cmpNews .cnCts a .mtr span{float:left;width:100%;color:#94a8bc;margin-top:8px;}
.divSm6 .cmpNews .cnCts a .mtr p{float:left;width:100%;color:#537188;font-size:16px;line-height:22px;margin-top:10px;}
.divSm6 .cmpNews .cnCts a:hover p{text-decoration:underline}
@media (max-width: 767px){
    .divSm6 {padding-top:30px;padding-bottom:0;}
    .divSm6 .cmpNews {width:100%;padding-left:0;}
    .divSm6 .cmpNews .cnTit{font-size:18px;line-height:40px; color:#000;margin-bottom:10px;}
    .divSm6 .cmpNews .cnCts a{float:left;width:100%;display:block;margin-top:0px;margin-bottom:20px;}
    .divSm6 .cmpNews .cnCts a img{width:100%;}
    .divSm6 .cmpNews .cnCts a .mtr{float:left;width:100%;}
    .divSm6 .cmpNews .cnCts a .mtr span{margin-top:15px;}
    .divSm6 .cmpNews .cnCts a .mtr p{font-size:14px;line-height:22px;margin-top:10px;}
    .divSm6 .expNews {width:100%;padding-left:0;}
    .divSm6 .expNews .cnTit{font-size:18px;line-height:24px;margin-bottom:15px;}
    .divSm6 .expNews .cnCts2{float:left;width:100%;margin-top:0px;}
    .divSm6 .expNews .cnCts2 .item .Tops img{width:100%;}
    .divSm6 .expNews .cnCts2 .item .Tops div{float:left;width:100%;font-size:14px;line-height:24px;margin-top:10px;}
    .divSm6 .expNews .cnCts2 .item p {font-size:12px;margin-top:10px;}
    .divSm6 .expNews .cnCts2 .item span {font-size:12px;margin-top:10px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divSm6 .expNews {float:left;width:100%;}
    .divSm6 .cmpNews {float:left;width:100%;padding-left:0%;}
}
@media (min-width: 1200px) {
    .divSm6 .expNews .cnCts2 .item .Tops div{font-size:18px;}
}
/*�������*/
.divSm7 {float:left;width:100%;padding:.33rem 0 .6rem;}
.divSm7 .container {display:flex}
.divSm7 .container a{flex:1;display:block;text-align:center;}
.divSm7 .container a img {display:inline}
@media (max-width: 767px){
    .divSm7 .container {display:flex;flex-wrap:wrap}
    .divSm7 .container a{flex:none;display:block;width:24.5%;margin:10px 0}
	.divSm7 .container a img{max-width:initial;}
}
/*ѯ��*/
.htmlTXT {float:left;height:40px;line-height:40px;border-bottom:1px solid #306ccd;background:transparent;color:#9aabd6;font-size:14px;width:100%;}
.divsm8 {float:left;width:100%;height:240px;background:#3377e6;border-radius:20px;box-shadow:-10px 10px 25px 3px #c9c9e6;padding:0 .5rem;margin-bottom:.5rem}
.divsm8 .title {float:left;font-size:.26rem;color:#fff;line-height:.31rem;background:url(../images/mail.png) no-repeat top left;padding-top:.45rem;margin-top:.4rem;width:195px;}
.divsm8 .con {float:right;width:calc(100% - 300px)}
.divsm8 .con .inp {float:left;width:calc(100% - 280px);margin-top:120px;}
.divsm8 .con .inp > div {width:27%;padding-right:.43rem;float:left;}
.divsm8 .con .inp > div:last-child {width:46%;}
.divsm8 .con .sub {float:left;width:240px;margin-top:1rem}
.divsm8 .con .sub a {float:left;font-size:.12rem;border-radius:50px;height:.72rem;line-height:.72rem;background:#fff;width:100%;}
.divsm8 .con .sub a span {float:left;letter-spacing:3px;color:#f7931e;width: 130px;}
.divsm8 .con .sub a i {width:.57rem;height:.57rem;float:right;margin-top:.1rem;line-height:.57rem;border-radius:50%;margin-right:.1rem;background:url(../images/lm3.jpg.webp) no-repeat center #f7931e;}
@media (max-width: 767px){
    .divsm8 {height:auto;padding-bottom:30px;}
    .divsm8 .title {float:left;width:100%;background:url(../images/mail.png) no-repeat left center;padding-top:0;padding-left:45px;}
    .divsm8 .title br{display:none}
    .divsm8 .con {float:left;width:100%;}
    .divsm8 .con .inp {float:left;width:100%;margin-top:30px;}
    .divsm8 .con .inp > div {width:100%;padding-right:0;float:left;margin:10px 0}
    .divsm8 .con .inp > div:last-child {padding-right:0;width:100%;}
    .divsm8 .con .sub {float:left;width:100%;margin-top:30px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divsm8 {height:240px;}
    .divsm8 .title {float:left;width:100%;background:url(../images/mail.png) no-repeat left center;padding-top:0;padding-left:45px;}
    .divsm8 .title br{display:none}
    .divsm8 .con {float:left;width:100%;}
    .divsm8 .con .inp {float:left;width:100%;margin-top:30px;}
    .divsm8 .con .inp > div:last-child {padding-right:0;}
    .divsm8 .con .sub {float:left;width:100%;margin-top:30px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divsm8 {height:202px;padding:0 .3rem}
    .divsm8 .con {width:calc(100% - 200px)}
    .divsm8 .con .inp {width:calc(100% - 140px);margin-top:80px;}
    .divsm8 .con .inp > div {padding-right:15px;}
    .divsm8 .con .sub {width:140px;margin-top:1rem}
    .divsm8 .con .sub a {height:.6rem;line-height:.6rem;width:100%;}
    .divsm8 .con .sub a span {margin:0;width:100%;text-align:center;}
    .divsm8 .con .sub a i {display:none}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .divsm8 {height:242px;padding:0 .3rem}
    .divsm8 .con {width:calc(100% - 230px)}
    .divsm8 .con .inp {width:calc(100% - 200px);margin-top:100px;}
    .divsm8 .con .sub {width:200px;margin-top:.9rem}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .divsm8 {height:242px;padding:0 .3rem}
    .divsm8 .con {width:calc(100% - 230px)}
    .divsm8 .con .inp {width:calc(100% - 210px);margin-top:100px;}
    .divsm8 .con .sub {width:210px;margin-top:.9rem}
	.divsm8 .con .sub a span {width: 130px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .divsm8 .con {width:calc(100% - 260px)}
    .divsm8 .con .inp {width:calc(100% - 230px);margin-top:120px;}
    .divsm8 .con .sub {width:230px;margin-top:1rem}
    .divsm8 .con .sub a span{width: 120px;}
}
/*�ײ�*/
.foot {float:left;width:100%;padding-top:.15rem;padding-bottom:.2rem}
.foot .dm1 {float:left;width:100%;}
.foot .dm1 .fm1 {float:left;width:15%;}
.foot .dm1 .fm1 h1 {float:left;width:100%;font-size:.24rem;height:.9rem;line-height:.9rem;color:#6c88a1;}
.foot .dm1 .fm1 ul {float:left;width:100%;padding:0}
.foot .dm1 .fm1 ul li{float:left;width:100%;line-height:.5rem}
.foot .dm1 .fm1 ul li a{color:#94a8bc;font-size:16px;-webkit-transition: all 1s; transition: all 1s;}
.foot .dm1 .fm1 ul li a:hover{color:#f7931e;padding-left:1px;}
.foot .dm1 .fm1 ul li a:hover:before {content:"-";margin-right:2px;}
.foot .dm1 .fm2{float:left;width:35%;text-align:left;padding-left:30px;}
.foot .dm1 .fm2 h1 {float:left;width:100%;font-size:14px;height:.6rem;line-height:.6rem;color:#94a8bc;margin-top:.15rem}
.foot .dm1 .fm2 .pm{float:left;width:100%;text-align:left;font-size:16px;color:#537188;line-height:40px;margin-top:.2rem}
.foot .dm1 .fm2 .pm2{float:left;width:100%;text-align:left;font-size:.36rem;line-height:40px;}
.foot .dm1 .fm2 .pm2 a{color:#f7931e;font-family:"LucidaCalligraphy"}
.foot .dm1 .fm2 .pmt{font-size:16px;margin-top:0}
.foot .dm1 .fm2 .pmt a{color:#94a8bc;}
.foot .dm1 .pmt3{font-size:16px;color:#94a8bc;width:75%;line-height:21px;float:left;}
.foot .dm1 .fm3 {float:left;width:50%;}
.foot .dm1 .fm3 h1 {float:left;width:100%;font-size:.24rem;height:.9rem;line-height:.9rem;color:#6c88a1;}
.foot .dm1 .fm3 ul {float:left;width:100%;padding:0}
.foot .dm1 .fm3 ul li{float:left;width:50%;line-height:.5rem}
.foot .dm1 .fm3 ul li a{color:#94a8bc;font-size:16px;-webkit-transition: all 1s; transition: all 1s;}
.foot .dm1 .fm3 ul li a:hover{color:#f7931e;padding-left:1px;}
.foot .dm1 .fm3 ul li a:hover:before {content:"-";margin-right:2px;}
.foot .dm2 {float:left;width:100%;padding:.3rem 0;color:#6b6b6b;}
.foot .dm2 .dpage {float:left;width:100%;background:url(../images/line.jpg) repeat-x 0px 70px;}
.foot .dm2 .il {float:left;padding:.25rem .5rem;background:#fff;border-radius:20px;margin-top:20px;align-items: center;display: flex;}
.foot .dm2 .il .tongle {float:left;}
.foot .dm2 .il .inj {float:left;margin-left:.25rem;}
.foot .dm2 .il .inj span{float:left;line-height:.39rem;font-size:16px;color:#b8c6d2;text-transform:uppercase;}
.foot .dm2 .il .inj img{float:left;margin-left:.3rem}
.foot .dm2 .ir {float:right;}
.foot .dm2 .ir span{font-size:18px;color:#94a8bc;margin-left:10px;}
.foot .dm2 .ir ul{margin-top:25px;padding:0;}
.foot .dm2 .ir ul li{float:left;margin-left:10px;}
.foot .dm2 .ir ul li a{font-size:16px;color:#6c88a1;width:.43rem;height:.43rem;line-height:.43rem;text-align:center;background:#fff;display:block;border-radius:50%;}
.foot .dm2 .ir ul li a:hover{background:#f7931e; color: #fff;}
.foot .dm2 .ir ul li a:hover>img{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.foot .copy {float:left;width:100%;font-size:16px;margin-top:.1rem;text-align:right;color:#94a8bc;}
.foot .copy a{color:#94a8bc;}
.foot .copy a:hover{color:#f7931e;}
@media (max-width: 767px){
    .foot {padding-top:20px}
    .foot .dm1 {padding:0}
    .foot .dm1 .fm1 {width:100%;}
    .foot .dm1 .fm2{float:left;width:100%;text-align:left;padding-left:0}
    .foot .dm1 .fm2 .pm{text-align:left;font-size:14px;color:#6b6b6b;line-height:24px;}
    .foot .dm1 .fm3 {float:left;width:100%;}
    .foot .dm2 {padding:0}
    .foot .dm2 .dpage {background:none;margin-top:30px;}
    .foot .dm2 .il {float:left;padding:.1rem .2rem;border-radius:20px;margin-top:10px;width:100%;}
    .foot .dm2 .il img {height:20px;}
    .foot .dm2 .ir {float:left;width:100%;}
    .foot .dm2 .ir span{font-size:18px;color:#6b6b6b;margin-left:0px;width:100%;text-align:center;display:block;line-height:60px;}
    .foot .dm2 .ir ul{display:table;margin:0 auto;}
    .foot .dm2 .il .tongle {padding:.15rem .37rem .15rem .37rem}
    .foot .dm1 .pmt3{font-size:14px;color:#617180;width:100%;line-height:22px;}
    .foot .copy {padding-bottom:80px;width:100%;text-align:center;font-size:12px;margin-top:20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .foot .dm1 .fm1 h1 {font-size:17px;height:60px;line-height:60px}
    .foot .dm1 .fm1 ul li a{font-size:13px;}
    .foot .dm1 .fm2 .pm{font-size:13px;line-height:35px;}
    .foot .dm1 .fm2 .pmt{font-size:15px;margin:5px 0}
    .foot .dm2 .il {float:left;padding:.1rem .3rem;}
    .foot .dm2 .il img {height:25px;}
    .foot .dm2 .dpage {background:url(../images/line.jpg.webp) repeat-x 0px 40px;}
    .foot .copy {font-size:13px;margin-top:30px;text-align:center;}
    .foot .dm1 .fm1 {float:left;width:25%;}
    .foot .dm1 .fm3 {float:left;width:25%;}
    .foot .dm1 .fm3 ul li{float:left;width:100%;line-height:.5rem}
    .foot .dm1 .fm2{width:50%;text-align:left;padding-left:30px;}
    .foot .dm2 .ir ul{margin-top:0px;padding:0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .foot .dm1 .fm1 h1 {font-size:17px;height:60px;line-height:60px}
    .foot .dm1 .fm1 ul li a{font-size:13px;}
    .foot .dm1 .fm2 .pm{font-size:13px;line-height:35px;}
    .foot .dm1 .fm2 .pmt{font-size:15px;margin:5px 0}
    .foot .dm1 .pmt3{width:80%;}
    .foot .dm2 .ir ul{margin-top:18px;}
    .foot .dm2 .il {float:left;padding:.1rem .3rem;}
    .foot .dm2 .il img {height:30px;}
    .foot .dm2 .dpage {background:url(../images/line.jpg.webp) repeat-x 0px 60px;}
    .foot .dm2 .il .tongle {padding:.15rem .37rem .15rem .37rem}
    .foot .copy {font-size:13px;margin-top:.2rem;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .foot .dm2 .dpage {background:url(../images/line.jpg.webp) repeat-x 0px 60px;}
    .foot .dm2 .ir ul{margin-top:20px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .foot .dm2 .ir ul{margin-top:33px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
}
.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #f1f1f1;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:13px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px;color:#999}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#999}
/*��ǰλ��*/
.breadcrumbs {float:left;width:100%;background:url(../images/location.png) no-repeat left center;position:relative;color:#000;padding:.3rem 0;padding-left:28px;font-size:16px;border-bottom:1px solid #dfdfdf}
.breadcrumbs a{text-decoration:underline;color:#666}
.breadcrumbs a:hover{color:#f7931e}
@media (max-width: 767px){
    .breadcrumbs {font-size:12px;margin-top:0;margin-bottom:10px;padding-bottom:20px;padding-top:20px; border-bottom:1px solid #ececec;margin-top:-10px;color:#000}
    .breadcrumbs a{color:#000}
}
.nBanner {float:left;width:100%;height:480px;}
@media (max-width: 767px){
    .nBanner {float:left;width:100%;margin-top:60px;height:110px;}
}
@media (min-width: 768px) and (max-width: 991px){
   .nBanner {height:260px}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .nBanner {height:320px}
}
@media (min-width: 1200px) and (max-width: 1280px) {
   .nBanner {height:360px}
}
@media (min-width: 1281px) and (max-width: 1366px) {
   .nBanner {height:380px}
}
@media (min-width: 1367px) and (max-width: 1440px) {
   .nBanner {height:420px}
}
/*�����б�*/
.news1tab{
 overflow: hidden;
 padding: 0.3rem 0 0.15rem 0;
 text-align: center;
}
.news1tab a{
 display: inline-block;
 margin-right: 0.1rem;
 padding: 0.1rem 0.2rem;
 background: #fff;
 border-radius: 10px;
}
.newsinfo-box2{padding:1.2rem 0 .5rem}
.brand-list li a,.sinceimg,.error-img,.providefix li,.seo-data,.apply-item,.advantage-wraps,.coopecate-in1 figure,.coopecate-in figure,.serves-process-wrap,.city-list-item,.city-dit-content,.city-serve-images,.multivariate-list li,.serviceli li,.vide-pop{
    border-radius: 12px;
    overflow: hidden;
}
.brand-list {padding:0;margin-top:.3rem;float:none;} 
.brand-list li{ width: 33.3333%; float: left; margin-bottom: 100px;}
.brand-list li a{ display: block;position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.brand-list li a figure{ display: block; line-height: 0; padding-bottom: 75%; position: relative; height: 0; overflow: hidden;}
.brand-list li a figure:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/shabox4.png) left bottom repeat-x; opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: 0.65s; -o-transition: 0.65s; -moz-transition: 0.65s; transition: 0.65s;}
.brand-list li a:hover figure img{ -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04);}
.brand-list li a:hover figure:before{ opacity: 1; visibility: visible;}
.brand-list li a:hover .brand-text:before{ opacity: 0; visibility: hidden;}
.brand-list li a:hover .brand-text{ background: #3377e6;}
.brand-list li a:hover .brand-text strong{ font-weight: bold; color: #fff; -webkit-transition:all 0.4s 0s,font-size 0.4s 0.3s; -o-transition:all 0.4s 0s,font-size 0.4s 0.3s; -moz-transition:all 0.4s 0s,font-size 0.4s 0.3s; transition:all 0.4s 0s,font-size 0.4s 0.3s;}
.brand-list li a:hover .brandtt{ top: -45px;}
.brand-list li a:hover .brandtt:before{ width: 70px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;}
.brand-list li a:hover .brand-down{ border-color: #fff; border-color: rgba(255,255,255,0.2);}
.brand-list li a:hover .brand-down b{ color: #fff;}
.brand-list li a:hover .brand-down p{ color: #fff;}
.brand-list li a:hover .brand-down span{ color: #fff;}

.brand-list li a figure img{ display: block; width: 100%; height: auto; -webkit-transition: 0.65s; -o-transition: 0.65s; -moz-transition: 0.65s; transition: 0.65s;}
.brand-text{ position: relative; padding: 0 25px; z-index: 3; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-radius: 0 0 12px 12px;}
.brand-text:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; z-index: -1; -webkit-transition: 0.65s; -o-transition: 0.65s; -moz-transition: 0.65s; transition: 0.65s; border-radius: 0 0 12px 12px;}
.brandtt{ height: 122px; position: relative; top: 0; padding-top: 25px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.brandtt1{ height: 80px; position: relative; top: 0; padding-top: 25px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.brand-text strong{ position: relative; display: block; color: #666; font-size: 22px; line-height: 1.4; font-weight: normal; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.brandtt:before{ content: ""; width: 0; height: 6px; background: #fff; position: absolute; left: -25px; top: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.brand-down{border-top: 1px solid #E8D9D5;padding: 15px 0 10px;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;}
.brand-down b{display: block;float: left;line-height: 20px;color: #3377e6;max-width: 64%;height: 40px;font-size: 14px;margin-right: 14px;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.brand-down p{ float: left; color: #666; font-size: 14px; line-height: 20px; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}
.brand-down span{ display: block; float: right; color: #666; font-size: 20px; line-height: 20px; font-weight: bold; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}
.brands li a figure{ padding-bottom: 48.52%;}
.brands .brand-text strong{ font-size: .17rem;}
.brand-down .time{ display: block; float: left; color: #666; font-size: 14px; line-height: 20px; padding-left: 22px; position: relative; -webkit-transition: 0.35s; -o-transition: 0.35s; -moz-transition: 0.35s; transition: 0.35s;}
.brand-down .time i{ display: inline-block; color: #E2C2B8; font-size: 16px; font-style: normal; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -10px; -webkit-transition: 0.36s; -o-transition: 0.36s; -moz-transition: 0.36s; transition: 0.36s;} 
.brands li a:hover .brand-down .time{ color: #fff;}
.brands li a:hover .brand-down i{ color: #fff;}
.newslist li{ width:calc((100% - 200px) / 3); margin-right:100px;}
.newslist li:nth-child(3n){margin-right:0px;}
@media (max-width: 767px){
    .newslist li{ width:100%; margin-right:0px;margin-bottom:30px;}
    .newslist li:nth-child(4n){margin-right:0px;}
    .brands .brand-text strong{ font-size: 14px;}
    .brandtt{ height: 82px;}
    .newsinfo-box2{padding-bottom:0;}
}
@media (min-width: 768px) and (max-width: 991px){
    .newslist li{ width:calc((100% - 50px) / 2); margin-right:50px;margin-bottom:60px;}
    .newslist li:nth-child(4n){margin-right:0px;}
    .newslist li:nth-child(2n){margin-right:0px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .newslist li{ width:calc((100% - 60px) / 3); margin-right:20px;margin-bottom:30px;}
    .newslist li:nth-child(4n){margin-right:20px;}
    .newslist li:nth-child(3n){margin-right:0px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .newslist li{ width:calc((100% - 180px) / 3); margin-right:60px;margin-bottom:50px;}
    .newslist li:nth-child(4n){margin-right:60px;}
    .newslist li:nth-child(3n){margin-right:0px;}
}
.about-more{display:block;width:1.625rem;height:.5rem;line-height:.5rem;color:#3377e6;font-size:.2rem;border-radius:4px;border:2px solid #3377e6;text-align:center;transition:all .3s}
.news-view{width:75.125%;margin:0 auto}
.newsinfo-box{padding:2.3rem 0 2.2rem}
.newsinfo-view{width:72.9%;margin:0 auto}
.newsinfo-box .tit-box{padding-bottom:.36rem;border-bottom:1px solid #d1d1d1}
.newsinfo-box .tit{font-size:.24rem;line-height:.32rem;color:#000}
.newsinfo-box .share-box{margin-top:.5rem;font-size:0}
.newsinfo-box .bshare-custom{font-size:0}
.newsinfo-box .bshare-custom a,.newsinfo-box .bshare-custom span{display:inline-block;*display:inline;zoom:1;font-size:16px;color:#666;margin:0;padding:0;vertical-align:middle;line-height:20px}
.newsinfo-box .bshare-custom span{margin-right:.2rem}
.newsinfo-box .bshare-custom a{width:25px;height:20px;background-repeat:no-repeat;background-position:center;background-size:100%;margin-right:.16rem}
.newsinfo-box .bshare-custom .bshare-weixin{background-image:url("../images/wechat.svg")}
.newsinfo-box .bshare-custom .bshare-sinaminiblog{background-image:url("../images/weibo.svg")}
.newsinfo-box .orign,.newsinfo-box .bshare-custom,.newsinfo-box .time{display:inline-block;*display:inline;zoom:1;vertical-align:middle}
.newsinfo-box .divide{display:inline-block;*display:inline;zoom:1;width:1px;height:.16rem;margin:0 .4rem;background-color:#cbcbcb;vertical-align:middle}
.newsinfo-box .orign{font-size:16px;line-height:20px;color:#666}
.newsinfo-box .time{font-size:16px;line-height:20px;color:#666}
.newsinfo-box .con{margin-top:.56rem;font-size:16px;line-height:.36rem;color:#666}
.newsinfo-box .con img{max-width:100%;display:block;margin:0 auto}
.newsinfo-box .ctrl-box{padding-top:.5rem;border-top:1px solid #ccc;margin-top:.9rem}
.newsinfo-box .ctrl{float:left;width:70%}
.newsinfo-box .ctrl-box .item{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;font-size:0}
.newsinfo-box .ctrl-box .item a{display:inline-block;*display:inline;zoom:1;font-size:15px;line-height:22px;color:#000;transition:all .3s}
.newsinfo-box .ctrl-box .back-btn{float:right;transition:all .3s}
@media (max-width:1366px){}
@media (max-width:1024px){.newsinfo-box{padding:1.58rem 0}.newsinfo-box .left .bshare-custom{display:none}.newsinfo-box .time{float:none}.news-view{width:auto;padding:0 5%}}
@media (max-width:992px){}
@media (max-width:767px){.newsinfo-box{padding:1.51rem 0}
.newsinfo-box .left,.newsinfo-box .right{float:none;width:100%}
.newsinfo-box .right .once{height:.4rem;line-height:.4rem}
.newsinfo-box .right .once span{font-size:13px;line-height:.4rem;background-size:10px}
.newsinfo-box .left .tit{font-size:.3rem;line-height:.5rem}
.newsinfo-box .left .tit-box{padding-bottom:.4rem}
.newsinfo-box .time{font-size:.24rem;line-height:.4rem}
.newsinfo-box .left .share-box{margin-top:.3rem}
.newsinfo-box .left .con{font-size:.24rem;line-height:.5rem;margin-top:.4rem}
.newsinfo-box .left .buttons{margin-top:.5rem;height:1rem;padding:0 .3rem}
.newsinfo-box .left .buttons a{font-size:.24rem;line-height:.4rem}
.newsinfo-box .left .buttons .prev,.newsinfo-box .left .buttons .next{margin-top:.3rem}
.newsinfo-box .right .tit{font-size:.3rem;line-height:.4rem}
.newsinfo-box .right .list{margin-top:.3rem}
.newsinfo-box .right .list a{font-size:.24rem;padding:.3rem .7rem .3rem .3rem}
.newsinfo-box .right .list a:before{right:.3rem;width:.0875rem;height:.1625rem}
.newsinfo-box .divide{margin:0 .3rem}
.newsinfo-box .divide:nth-child(4){display:none}
.newsinfo-box .orign{font-size:.24rem;line-height:.4rem}
.newsinfo-box .ctrl-box{margin-top:.5rem;padding-top:.5rem}
.newsinfo-box .ctrl{float:none;width:100%}
.newsinfo-box .ctrl-box .item{margin-bottom:.2rem}
.newsinfo-box .ctrl-box .item a{font-size:12px;line-height:20px}
.newsinfo-box .ctrl-box .back-btn{float:none;display:block;margin:.4rem auto 0}
}@media (min-width:1025px){.newsinfo-box .ctrl-box .back-btn:hover{background-color:#3377e6;color:#fff}.newsinfo-box .ctrl-box .item a:hover{color:#3377e6}}
.bsBox {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.news2con{float:left;width:100%;margin-bottom:60px;margin-top:.4rem;}
.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.2rem;font-size:16px;min-height:2.5rem}


.news2box .contentbox  p{margin-bottom:10px;}
.news2box .contentbox .row p{line-height:24px;margin-bottom:0;}


.news2box .contentbox img{display:inline-block;}
.news2top .h1{font-size: .24rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size: .14rem;color: #2f2f2f}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #666;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #fff;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 1000px){
  .news1tab .item:hover,.news1tab .item.on{background: #f7931e;color: #fff}
  .news2bottom .item:hover{background: #f7931e}
  .news2bottom .item:hover span{color: #fff}
  .news1tab2 .item:hover{background: #f7931e;color: #fff}
}
@media (max-width: 767px){
  .news1tab .item{font-size: 14px;border-width: 1px;width: 150px;height: 36px;line-height: 34px;  margin: 6px;}
  .news2box{padding:6vw}
  .news2top .h2{font-size: 12px;line-height: 1.3}
  .news2top .h1{font-size: 18px;}
  .news2bottom .item{width: 100%}
  .news2bottom .item span{font-size: 13px;}
  .news2box .contentbox{font-size:14px;line-height:24px;}
  .news1tab2 .item{font-size: 14px;border-width: 1px; margin: 6px;}
}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 1000px){
  .news2bottom .item:hover{background: #f7931e}
  .news2bottom .item:hover span{color: #fff}
}
.casecon{padding:0 0 .65rem;float:left;width:100%;}
.casebox .row{margin:0 -3.5px}
.casebox .col-sm-3{padding:0 3.5px;margin-bottom:.5rem}
.casebox .item{display:block;background:#fff;box-shadow:0 2px 11px 0 rgba(0,0,0,.03);border-radius:.06rem;overflow:hidden;transition:all .3s}
.casebox .item .imgbox{overflow:hidden}
.casebox .item .imgbox img{transition:all .3s;width:100%;}
.casebox .item .title{line-height:.8rem;font-size:.18rem;text-align:center;color:#333;transition:all .3s}
@media (min-width:1000px){.casetab a:hover:after{width:100%}
.casebox .item:hover{transform:translateY(-5px)}
.casebox .item:hover .title{color:#f7931e}
}
@media (max-width:1000px){.casebox .item .title{line-height:.7rem}
}
@media (max-width:767px){.casetab a{font-size:12px;margin-right:.5rem;line-height:.7rem}
.casebox .item .title{font-size:12px}
.casebox .col-sm-3{margin-bottom:20px}
}

.ctatitle{display: flex;align-items: center;padding:0 .04rem;font-size: .28rem;color: #000;margin-top:.3rem;margin-bottom: .25rem;position:relative}
img.img_tit{position:absolute;right:0rem;width:1rem !important;}
.ctatitle img{width:.36rem;margin-right:.16rem;}

.cta2{display: flex;align-items: center;padding:2.5vw 3.1vw 2.5vw 4vw;background: #eaeef3}
.cta2-1{width:5.2vw;}

.cta2-2{padding: 0 3vw 0 4.5vw;margin-left: 5.5vw;position: relative;}
.cta2-2 .h1{font-size:.22rem;color: #000;padding-bottom: .24rem;position: relative;margin-bottom: .3rem;}
.cta2-2 .h1:after{content:"";width:.56rem;height: .04rem;position: absolute;bottom: 0;left: 0;background: #1d2088;}
.cta2-2 p{font-size: .16rem;color: #666;line-height: 1.5;margin-top: .1rem}
.cta2-2 p span{color: #000}
.cta2-2:before{content:"";width:.02rem;height:1.34rem;position: absolute;top: 50%;left: 0;margin-top: -.67rem;background: #e4e4e4}
.cta2-3{width:1.2rem;text-align: center;}
.cta2-3 p{font-size:.16rem;color: #1d2088;line-height: 1.2;margin-top: .08rem;}
.cta3 .row{margin:0 -1vw}
.cta3 .col-sm-6{padding: 0 1vw;margin-bottom: 1.5vw;}
.cta3 .item{padding: 1.8vw 2.7vw;background: #eaeef3;min-height:14vw}
.cta3 .item  .h1{font-size: .18rem;color: #333;padding-bottom:.15rem;position: relative;margin-bottom: .2rem}
.cta3 .item  .h1:after{content:"";width:.56rem;height:2px;background: #1d2088;position: absolute;bottom: 0;left: 0}
.cta3 .item p{font-size: .16rem;color: #666;line-height: 1.5;margin-top: .1rem}
.cta3 .item p span{color: #000}

@media (max-width: 767px){
	.ctacon{padding: 6vw 0 4vw}
	.ctatitle{font-size: 16px;margin:6vw 0 4vw}
	.ctatitle img{width: 20px;}
	.cta2{display: block;padding: 18px}
	.cta2-1{max-width: 30vw;margin:0 auto;display: none;}
	.cta2-2 .h1{font-size: 14px;margin-bottom:.2rem}
	.cta2-2 .h1:after{height: 2px;}
	.cta2-2 p{font-size: 12px;}
	.cta2-2{padding: 0;margin: 0;padding:0 0 4vw 0}
	.cta2-2:before{display: none;}
	.cta2-3{width: 90px;margin: 0 auto}
	.cta2-3 p{font-size:12px;}
	.cta3 .item{padding: 18px}
	.cta3 .col-sm-6{margin-bottom: 4vw}
	.cta3 .item .h1{font-size: 14px;padding-bottom: 12px;}
	.cta3 .item p{font-size: 12px}
}

.feedItem {float:left;width:100%;margin-bottom:20px;}
.feedItem span{float:left;width:100%;font-size:14px;color:#797979}
.txtInput3 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;height:140px;}
.txtInput4 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.txtInput5 {float:left;width:50%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.btnSubmit2 {float:left;width:250px;height:42px;line-height:42px;background:#f7931e;text-align:center;color:#fff;}
.btnSubmit2:hover {background:#f7931e}

.contMain {float:left;width:100%;background:#eaeef3;padding:20px;margin-top:.25rem;}
.contMain .top2 {float:left;width:100%;margin-top:20px;}
.contMain .top2 .dl{float:left;width:60%;}
.contMain .top2 .top2Tit {float:left;width:100%;font-size:.24rem;line-height:24px;margin:.2rem 0}
.contMain .top2 .dr{float:left;width:40%;padding-left:40px;}
@media (max-width: 767px){
    .contMain .grid {float:left;width:100%;margin-right:0%;margin-bottom:20px;}
    .contMain {width:100%;background:#fff;padding:18px;float:left;}
    .contMain .top2 .dl{float:left;width:100%;}
    .contMain .top2 .dr{float:left;width:100%;padding-left:0px;}
    .txtInput5 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
    .btnSubmit2 {float:left;width:100%;height:42px;line-height:42px;background:#f7931e;text-align:center;color:#fff;}
}
.divSm31 {float:left;width:100%;/*background:url(../images/wave1.jpg) repeat-x top center #3377e6;*/background:#F3F6FB;padding:1.58rem 0 .5rem;color:#96a5d9}
.divSm41 {float:left;width:100%;position:relative;}
.divSm41:before1 {width:100%;height:60%;display:block;content:" ";position:absolute;left:0;top:0;background:#3377e6}
.divSm41 .frameVideo {float:left;width:100%;height:597px;background:url(../images/vBG.jpg) no-repeat center; position:relative;color:#fff;border-radius:10px;}
.divSm41 .frameVideo .vTitle {position:absolute;right:.4rem;top:.4rem;font-size:.24rem;font-weight:bold;}
.divSm41 .frameVideo .vPlay {position:absolute;left:calc(50% - .62rem);top:35%;}
.divSm41 .frameVideo .vPlay img{width:1.25rem;height:1.25rem}
.divSm41 .frameVideo .vNums {position:absolute;left:6%;bottom:.5rem;width:88%;height:100px;}
.divSm41 .item {float:left;width:25%;position:relative;}
.divSm41 .item:after {width:1px;height:80%;background:#a5a29b;content:" ";position:absolute;right:8px;top:20%}
.divSm41 .item:last-child:after {display:none}
.divSm41 .item .lock{display:table;margin:0 auto;}

.divSm41 .item .lock div{font-size:.48rem;font-family:"Montserrat"}
.divSm41 .item .lock div span {font-size:14px;font-family:"OppoSansR";margin-left:5px;}

@media (max-width: 767px){
    .divSm31 {padding:40px 0 .5rem;color:#96a5d9}
    .divSm41 .frameVideo {height:450px;}
    .divSm41 .frameVideo .vNums {left:0%;bottom:.5rem;width:100%;height:auto;}
    .divSm41 .item {float:left;width:50%;position:relative;margin-top:15px;}
    .divSm41 .item .lock{ width: 90%;}
    .divSm41 .item .lock div{font-size:24px;}
    .divSm41 .item .lock div span {font-size:12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm31 {padding:40px 0 .5rem;color:#96a5d9}
    .divSm41 .frameVideo {height:450px;}
    .divSm41 .item .lock{ width: 90%;}
    .divSm41 .frameVideo .vNums {left:0%;bottom:.5rem;width:100%;height:auto;}
    .divSm41 .item {float:left;width:50%;position:relative;margin-top:15px;}
    .divSm41 .item .lock div{font-size:24px;}
    
    .divSm41 .item .lock div span {font-size:12px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divSm31 .div1 {font-size:24px;color:#fff;width:13%;}
    .divSm41 .frameVideo {height:520px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
   .divSm31 .div2 {width:33%}
   .divSm31 .div3 {width:54%;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
   .divSm31 .div2 {width:30%}
   .divSm31 .div3 {width:57%;}
}

.about1{float:left;width:100%;}
.about1 .title{font-size:1.666vw;color: #fff;text-transform: uppercase;font-weight: bold;margin-bottom: 4.5vw;}
.about1box{display: flex;align-items: flex-start;}
.about1box .title1{font-size:.26rem;color: #333;width: 15%;}
.about1box .content{padding-bottom:.08rem;padding-left:2.5vw;border-left:1px solid #e8e8e8;color:#333}
.about1box .content p{font-size:16px;line-height: 1.625;margin-bottom:.55vw;}
@media (max-width: 767px){
	.about1{padding: 0 0 5vw;padding-top:80px;}
	.about1box{display: block;}
	.about1 .title{font-size: 16px;margin-bottom: 4vw}
	.about1box .title1{width: auto;font-size: 16px;margin-bottom: 15px}
	.about1box .content{padding: 0;padding-top:15px;border:0;border-top:1px solid #e8e8e8;}
	.about1box .content p{font-size: 14px;margin-bottom: 10px}
}
.duty-tit-box{font-size:0;text-align:center}
.duty-tit{display:inline-block;*display:inline;zoom:1;font-size:.33rem;line-height:.35rem;color:#1a1a1a;padding-bottom:18px;border-bottom:1px solid rgba(112,112,112,.3)}
.duty-tit-box .img{margin:.44rem auto 0;width:1.5rem}
.duty-tit-box .img img{position:relative;width:100%;animation:imgfd 1.5s linear infinite alternate;-moz-animation:imgfd 1.5s linear infinite alternate;-webkit-animation:imgfd 1.5s linear infinite alternate;-o-animation:imgfd 1.5s linear infinite alternate}
@keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}@-moz-keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}@-webkit-keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}@-o-keyframes imgfd{from{top:-.2rem}
to{top:.2rem}
}
.talk-tab-box{position:relative;margin-top:.5rem;float:left;width:100%;}
.talk-tab-box .talk-tit{text-align:center;font-size:0}
.talk-tab-box .talk-tit .tit{display:inline-block;*display:inline;zoom:1;font-size:.38rem;line-height:.38rem;color:#000;position:relative}
.talk-tab-box .talk-tit .txt{position:relative}
.talk-tab-box .talk-tit .txt:before{content:"";position:absolute;left:0;bottom:5px;width:100%;height:6px;z-index:-1;background-color:#df0024}
.talk-tab-box{padding:.2rem 0 1rem}
.talk-tab-box .bimg-box{margin-top:.4rem;position:relative}
.talk-tab-box .bimg-tab{overflow:hidden;position:relative}
.talk-tab-box .bimg-tab .swiper-slide{width:52.67%;margin:0 2%;cursor:pointer}
.talk-tab-box .bimg-tab .swiper-slide .img{position:relative}
.talk-tab-box .bimg-tab .swiper-slide .img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;opacity:.68;filter:alpha(opacity=68)}
.talk-tab-box .bimg-tab .swiper-slide .text{font-size:.22rem;line-height:.26rem;color:#1a1a1a;text-align:center;margin-top:.45rem;opacity:0;filter:alpha(opacity=0)}
.talk-tab-box .bimg-tab .swiper-slide-active{cursor:default}
.talk-tab-box .bimg-tab .swiper-slide-active .img:before{opacity:0;filter:alpha(opacity=0)}
.talk-tab-box .bimg-tab .swiper-slide-active .text{opacity:1;filter:alpha(opacity=100)}
.talk-tab-box .simg-tab{width:48.4375%;margin:.3rem auto 0;padding-top:.78rem;border-top:1px solid #231f20;overflow:hidden}
.talk-tab-box .simg-tab .swiper-slide{width:12.8371%;margin-right:1.7%;position:relative;border-radius:4px;overflow:hidden}
.talk-tab-box .simg-tab .swiper-slide:last-child{margin-right:0}
.talk-tab-box .simg-tab .swiper-slide:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=50);transition:all .3s}
.talk-tab-box .simg-tab .swiper-slide img{width:100%}
.talk-tab-box .simg-tab .swiper-slide.cur:before{opacity:0;filter:alpha(opacity=0)}
.talk-tab-box .prev,.talk-tab-box .next{position:absolute;top:50%;width:.4rem;height:.4rem;margin-top:-.42rem;background-repeat:no-repeat;background-position:center;background-size:.08rem;background-color:#f8931f;border-radius:100%;z-index:3}
.talk-tab-box .prev{background-image:url("../images/talk-prev.png");left:1%}
.talk-tab-box .next{background-image:url("../images/talk-next.png");right:1%}
.talk-tab-box .swiper-button-disabled{display:none}
@media (max-width:767px){
.ban-duty{margin-top:23px;height:3rem;background-position:60% center}
.talk-tab-box .bimg-tab .swiper-slide{width:100%}
.talk-tab-box{padding:.3rem 0 .2rem}
.talk-tab-box .talk-tit .tit{font-size:24px;line-height:.6rem}
.talk-tab-box .simg-tab{display:none}
.talk-tab-box .bimg-box{margin-top:.4rem}
.talk-tab-box .bimg-box img{width:100%}
.talk-tab-box .bimg-tab .swiper-slide .text{font-size:.24rem;line-height:.4rem;margin-top:.2rem;opacity:1;filter:alpha(opacity=100)}
.talk-tab-box .prev,.talk-tab-box .next{width:.6rem;height:.6rem;margin-top:-.4rem}
.talk-tab-box .prev{left:3%}
.talk-tab-box .next{right:3%}
.talk-tab-box .bimg-tab .swiper-slide .img:before{display:none}
}
.index3{padding: .25rem 0 1rem;}
.index3 .item{position: relative;overflow: hidden;display:block;height:2.8rem}
.index3 .item img{transition: all .5s ease;height:100%;object-fit:cover;width:100%}
.index3 .item p{line-height: .5rem;padding: 0 .18rem;font-size: 14px;color: #fff;position: absolute;left: 0;bottom: 0;right: 0}
.index3 .item p{background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);transition: all .3s ease}
.index3 .swiperbtn{background: rgba(0,0,0,.4);position: absolute;top: 0;bottom: 0;width: .28rem;z-index: 2;cursor: pointer;}
.index3 .prev{left: 0}
.index3 .next{right: 0}
.index3 .swiperbtn img{width: .1rem;margin: 0 auto}
.index3 .swiperbtn{display: flex;align-items: center;transition:all .3s ease}
.index3 .swiper-slide{height:100%}
.index3 .container p{margin-bottom:15px;font-size:17px;line-height:30px;color:#333;}
@media (min-width:1000px){
.index3 .swiperbtn:hover{background:rgba(248,147,31,.8)}
.index3 .item:hover img{transform: scale(1.05);}
}
@media (max-width: 767px){
    .index3 .swiperbtn{width: 20px}
    .index3 .swiperbtn img{width: 8px;}
}
.topContent{float:left;width:100%;}
.topContent h3{float:left;width:100%;font-size:26px;}
.topContent p{float:left;width:100%;font-size:16px;margin:.5rem 0 .3rem;line-height:28px;}
@media (max-width: 767px){
.topContent{margin-top:20px;}
.topContent h3{font-size:18px;}
.topContent p{font-size:14px;margin:.4rem 0 .5rem;line-height:24px;margin-bottom:20px}
}
.topSlider {float:left;width:100%;}
.topSlider .item {float:left;width:200px;}
.topSlider a {display:block;padding:.52rem 0;width:100%;text-align:center;background:#fff;}
.topSlider a h3 {width:100%;text-align:center;font-size:14px;color:#333;padding:12px 5px;line-height:16px;height:56px; overflow:hidden;}
.topSlider a:hover {background:#e7e7e7}
.topSlider a:hover img{background:url(../images/quan.png)no-repeat center;background-size:contain}
.topSlider .item.on a {background:#e7e7e7}
.topSlider .item.on a img{background:url(../images/quan.png)no-repeat center;background-size:contain}
@media (max-width:1000px){
.topSlider .item{width:33.3333333%;}
.topSlider a{padding:.3rem 0;}
.topSlider a h3{padding:12px 5px 0;height:auto;}
}
@media(max-width:999px){
.topSlider{ display: none;}
.portalResProduct_category{ display: none;}
}
@media (max-width:480px){
.topSlider .item{width:50%;}
}
.portalResProduct_category {float:left;width:280px; margin-top:30px;}
.p_problemCategory {float:left;width:100%;text-align:center;background:#3377e6;color:#fff;height:50px;line-height:50px;margin-bottom:0px;cursor:pointer;}
.pcpCate {float:left;width:100%;background:#fff;padding:18px;background:#3377e6}
.pcpCate p {float:left;width:100%;color:#fff;font-weight:bold;font-size:20px;margin:15px 0}
.pcpCate ul {float:left;width:100%;margin:0;padding:0;background:#fff;}
.pcpCate ul li{float:left;width:100%;margin:0;padding:0;border-bottom:1px solid #f3f3f3;height:.55rem;line-height:.55rem;overflow:hidden;}
.pcpCate ul li a{color:#666;padding:0 15px;display:block;width:100%;height:100%;background:#fff}
.pcpCate ul li a i {float:left;width:0px;height:2px;background:#3377e6;display:block;margin-top:.27rem;-webkit-transition: all 1s; transition: all 1s;}
.pcpCate ul li a span {float:left;}
.pcpCate ul li a:hover{background:#f3f3f3;color:#333;}
.pcpCate ul li a:hover i {width:15px;margin-right:5px;}
.pcpCate ul li.on a{background:#f3f3f3;color:#333;}
.pcpCate ul li.on i{width:15px;margin-right:5px;}
.portalResProduct_list {float:right;width:calc(100% - 310px);margin-top:30px;}
.listPosi {float:left;width:100%;background:#3377e6;height:60px;line-height:60px;padding:0 20px;}
.listPosi h1{float:left;font-size:18px;line-height:60px;color:#fff;}
.listPosi h2{float:left;font-size:18px;line-height:60px;color:#fff}
.listPosi .div {float:right;background:url(../images/location.png) no-repeat left center;padding-left:28px;position:relative;color:#fff;font-size:14px;}
.listPosi .div a{text-decoration:underline;color:#fff}
.listPosi .div a:hover{color:#3377e6}
@media (max-width: 767px){
    .listPosi {display:none}
    .listPosi .div {font-size:12px;margin-top:0;margin-bottom:10px;padding-bottom:20px;padding-top:20px; border-bottom:1px solid #ececec;margin-top:-10px;color:#000}
    .listPosi .div a{color:#000}
    .topSlider a h3 {font-size:13px;}
}
.listPtp {float:left;width:100%;margin-top:30px;}
.pcpItem {float:left;width: calc((100% - 50px) / 3); margin-right:25px;margin-bottom:30px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);}
.pcpItem:nth-child(3n) {margin-right:0;}
.pcpItem a {width:100%;display:block;}
.pcpItem .img {float:left;width:100%;overflow:hidden;}
.pcpItem .img img {transition: all 1s;_transition: all 1s;}
.pcpItem .txtBox {float:left;width:100%;padding:20px;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem .txtBox .proTitle {float:left;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pcpItem .txtBox .proTitle h3{float:left;width:calc(100% - 30px);font-size:14px;line-height:30px;height:30px;overflow:hidden;color:#666}
.pcpItem .txtBox .proTitle span{float:left;width:30px;height:30px;display:block;background:url(../images/eye.png);background-position:30px 0px;}
.pcpItem .txtBox .line {width:30px;float:right;border-bottom:1px solid #999;margin-top:5px;-webkit-transition: all 1s; transition: all 1s;}



.pcpItem .txtBox .proTitle h5{line-height: 30px;}
.pcpItem .txtBox p{line-height: 30px;}

.pcpItem a:hover .img img{transform: scale(1.1);}
.pcpItem a:hover .txtBox{background:#3377e6}
.pcpItem a:hover .txtBox h3{color:#fff;}
.pcpItem a:hover .txtBox span{background:url(../images/eye.png);background-position:0px 0px;}
.pcpItem a:hover .line{width:100%;border-bottom:1px solid #fff;}
@media (max-width: 767px){
    .pcpMain {padding:22px 15px;}
    .portalResProduct_category {float:left;width:100%;}
    .portalResProduct_list {float:left;width:100%;margin-top:0;}
    .pcpCate2 {display:none}
    .pcpItem {float:left;width: calc((100% - 12px) / 2); margin-right:12px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:12px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:0}
    .pcpItem .txtBox .proTitle h3{float:left;width:100%;font-size:14px;line-height:20px;height:40px;overflow:hidden;}
    .pcpItem .txtBox .proTitle span {display:none}
    .pcpItem .txtBox .line {width:100%;}
}
@media (max-width: 480px){
.pcpItem{float:none;width:100%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .portalResProduct_category {float:left;width:100%;}
    .portalResProduct_list {float:left;width:100%}
	.pcpCate p{font-size:18px;margin:0 0 15px;}
    .pcpCate ul li a:hover i {width:0px;margin-right:0px;}
    .pcpCate ul li.on i{width:0px;margin-right:0px;}
    .pcpItem {float:left;width: calc((100% - 20px) / 2); margin-right:20px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:20px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pcpItem {float:left;width: calc((100% - 30px) / 2); margin-right:30px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:30px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .pcpItem {width: calc((100% - 40px) / 3);margin-right:20px;}
    .pcpItem:nth-child(4n) {margin-right:20px;}
    .pcpItem:nth-child(3n) {margin-right:0px;}
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .pcpItem {width: calc((100% - 40px) / 3);margin-right:20px;}
    .pcpItem:nth-child(4n) {margin-right:20px;}
    .pcpItem:nth-child(3n) {margin-right:0px;}
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .pcpItem {width: calc((100% - 50px) / 3);}
    .pcpItem:nth-child(4n) {margin-right:25px;}
    .pcpItem:nth-child(3n) {margin-right:0px;}
}
.prodetails{}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #3377e6;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.pro-title{font-size: .24rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;margin:.2rem 0}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #3377e6}
.prodetails .one{background: #fff;margin-bottom: .4rem;}
.prodetails .one .btn-box a{font-size: .2rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .one .btn-box .btn2{background: #3377e6;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #3377e6}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .28rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .one .swiper{display: flex;align-items: center;position: relative;}
.prodetails .one .swiper-container{width: 70%;padding-bottom: .4rem}
.prodetails .one .swiperbtn{width: 15%;}
.prodetails .one .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .one .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .one .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .one .swiper-pagination-bullet-active{background: #3377e6}
.prodetails .one .swiper-pagination{bottom: 0}
.prodetails .one .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .one .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .one .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .one .ask1 .row{margin: 0 -.1rem}
.prodetails .one .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .one .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .one .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .one .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .one .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .one .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .one .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .one .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .one .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .one .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}
.pro-share{margin:25px 0 0;text-align:center;}
.pro-share .addthis_inline_share_toolbox_ysau{clear:none !important;}
.prodetails .two{background: #fff;margin-bottom: .2rem;padding: .35rem 0 .5rem}
.prodetails .two .item{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2.667;float: left;width: 50%}
.prodetails .two .item .title{min-width:1.25rem;padding-right: .25rem}
.prodetails .two .item span{display: inline-block;}
.prodetails .two .item:nth-child(2n+1){padding-left: 4vw}
.prodetails .two .clearfix{margin-top: .35rem}
.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;padding-right: .4rem}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}
.prodetails .four{background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow:hidden;line-height:30px;font-size:15px;}
.prodetails .four .imgbox div>p{line-height: 1 !important;}
@media (min-width: 1000px){
   .prodetails .one .btn-box a:hover{transform:translateY(-5px)}
   .prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}
}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
    .prodetails .four .imgbox{margin:15px;line-height:24px;font-size:14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}
@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-5px)}
.platform2 .two .next:hover img{transform:translateX(8px)}
.platform2 .two .prev:hover img{transform:translateX(-8px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .one .btn1:hover img{opacity:1}
.prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
.prodetails .one .next .btn1:hover img{transform:translateX(5px)}
}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
.prodetails .four .imgbox{margin:15px 0;}
    .pro-menu .item{width:1.2rem}
	.pro-menu .item p{font-size:5px;}
	.search-box .right{padding: 0 10px}
	.search-box .right span{font-size: 14px;}
	.search-box input{font-size: 14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.pro-menu{display: none;}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}
.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{/*width:100% !important;*/ height:auto !important; border:0px none !important; line-height:1.5; padding:5px 10px !important; /*text-align:left;*/ border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:14px;}
.text-content table td p{display:block; margin:0;word-break:break-all;width:100%;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.text-content .con {float:left;width:100%;overflow-x:scroll}
.text-content p {/*word-break:break-all;*/}
.text-content .con img {max-width:100%;}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .text-content .con {float:left;width:100%;overflow-x:hidden;}
}
@media (max-width: 767px){
.text-content table{width:100% !important; }
}
#fh5co-contact {margin-top:10px;float:left; width:100%;margin-top:.3rem}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:62px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}
.dlm {float:left;width:70%;}
.dlr {float:left;width:29%;padding-left:1%;}
.dlr .p1 {float:left;width:100%;font-size:.26rem;font-weight:bold;margin-top:.3rem;border-bottom:1px solid #ececec;padding-bottom:.2rem;margin-bottom:.2rem}
.dlr .p2 {float:left;width:100%;font-size:16px;line-height:.32rem}
.dlr .p3 {float:left;width:100%;margin-top:20px;}
@media (max-width: 767px){
    .dlm {float:left;width:100%;}
    #fh5co-contact .col-md-12 {padding:0;}
    #fh5co-contact .col-md-6 {padding:0;}
    #fh5co-contact .row {margin:0;}
}
@media (min-width: 768px) and (max-width: 991px){
    .dlm {float:left;width:100%;}
    #fh5co-contact .col-md-12 {padding:0;}
    #fh5co-contact .col-md-6 {padding:0;}
    .dlr {display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) and (max-width: 1280px) {
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .dlr {float:left;width:28%;padding-left:2%;}
    .dlr .p2 {font-size:14px;}   
}
@media (min-width: 1367px) and (max-width: 1440px) {
    .dlr {float:left;width:28%;padding-left:2%;}
    .dlr .p2 {font-size:14px;}
}
.divXG {float:left;width:100%;}
.divXG .pcpItem{float:left;width:100%;margin:0}
@media screen and (max-width: 860px) {
    .pcshow{display: none!important;}
    .mbshow {display: block!important;}
}
.divSm8 .waveCon{float:left;width:100%;text-align:center;margin-bottom:1rem;}
.divSm8 .waveCon .title {float:left;color:#666;font-size:.48rem;width:100%;margin:.3rem 0;font-family:"Insignia";text-transform:uppercase;}
.divSm8 .waveCon .desc {float:left;width:100%;color:#999898;line-height:.36rem;font-size:18px;text-transform:uppercase;}
.divSm8 .waveCon .list {float:left;width:100%;text-align:left;margin:.4rem -10px 0 -10px;display:flex;justify-content:center;}
.divSm8 .waveCon .list .item {width:20%;padding:0 20px;float:left;margin-top:40px;-webkit-transition: all 1s; transition: all 1s;}
.divSm8 .waveCon .list .item span {display:block;width:100%;height:100%;position:relative;}
.divSm8 .waveCon .list .item span .img{width:100%;padding:0 20px;position:relative;z-index:1}
.divSm8 .waveCon .list .item span .img img{width:100%;border-radius:20px;}
.divSm8 .waveCon .list .item span .quaty {width:100%;background:#fff;text-align:center;border-radius:30px;padding-top:70px;-webkit-transition: all 1s; transition: all 1s;height:200px;margin:-50px 0 0;}
.divSm8 .waveCon .list .item span .quaty span {color:#afbdcd;font-size:14px;}
.divSm8 .waveCon .list .item span .quaty h1 {color:#537188;font-size:18px;margin-top:.1rem}
.divSm8 .waveCon .list .item .btnlist{overflow: hidden; display: flex; justify-content:center; flex-wrap: wrap; padding:5px 15px; margin-top:10px}
.divSm8 .waveCon .list .item .btnlist .btn{ background: #f7931e; margin: 0 10px; display:inline-flex; color:#fff;}
.divSm8 .waveCon .list .item .btnlist .btn>a{ display: block; color: #fff;}
.divSm8 .waveCon .list .item:hover {-webkit-transform:translateY(-40px);transform:translateY(-40px)}
.divSm8 .waveCon .list .item:hover  span .quaty h1{color:#aacd06}
.divSm8 .waveCon .list .item:hover .quaty {box-shadow:1px 5px 5px 3px rgba(48,71,89,.2);}
@media (max-width: 767px){
    .divSm8 .waveCon .title {font-size:24px;}
    .divSm8 .waveCon .desc {font-size:16px;}
    .divSm8 .waveCon .desc br{display:none}
    .divSm8 .waveCon .list {float:left;width:100%;text-align:left;margin:0;display:block;}
    .divSm8 .waveCon .list .item {width:100%;padding:0;margin-bottom:20px;margin-top:20px;}
    .divSm8 .waveCon .list .item span .quaty {padding:30px 0;position:static;height:auto;margin:-15px 0 0;}
	.divSm8 .waveCon .list .item:hover {-webkit-transform:translateY(0);transform:translateY(0)}
}
@media (min-width: 768px) and (max-width: 1440px) {
    .divSm8 .waveCon .list {margin:.4rem -5px 0 -5px}
    .divSm8 .waveCon .list .item {padding:0 5px;width:25%;}
    .divSm8 .waveCon .list .item span .img{padding:0 5px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .divSm8 .waveCon .list .item {width:33.33333333%;margin-bottom:20px;}
	.divSm8 .waveCon .list .item span .quaty h1{font-size:16px;}
}

.portalResProduct_category{float:left;width:280px;margin-top:30px}
.p_problemCategory{float:left;width:100%;text-align:center;background:#3377e6;color:#fff;height:50px;line-height:50px;margin-bottom:0;cursor:pointer}
.problemCategory{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; background: rgba(36,35,35,0.8); transform: scale(0,1); transform-origin: left center; transition: all 0.35s;}
.problemCategory.active{ transform: scale(1,1)}
.problemCategory>ul{ width: 300px; background: rgba(36,35,35,0.8); height: 100%;  overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; margin: 0;}
.problemCategory>ul>li{ overflow: hidden; font-size: 15px; text-transform: capitalize; position: relative;}
.problemCategory>ul>li>a{ display: block; color: #fff; padding: 15px 0 15px 15px; position: relative; border-bottom:1px solid #f5f5f5; transition: all 0.35s;}
.problemCategory>ul>li>.libtn{ position: absolute; right: 10px; top: 15px; z-index: 2; font-size: 16px; cursor: pointer; color: #fff;	}
/*.problemCategory>ul>li>.libtn:before{ content: "\eb78";}*/
.problemCategory>ul>li>.libtn:before{ content:"\f078"}
.problemCategory>ul>li>.libtn.active{}
.problemCategory>ul>li>.libtn.active:before{content: "\e620";}
/*.problemCategory>ul>li.active>.libtn:before{content: "\e620";}*/
.problemCategory>ul>li.active>.libtn:before{content:"\f077";}
.problemCategory>ul>li.active>ul{ }

.problemCategory>ul>li:first-child{ display: flex; justify-content: space-between; align-items: center;}
.problemCategory>ul>li:first-child>img{ margin: 0; height: 40px;}
.problemCategory>ul>li:first-child>.close{ display: inline-block; margin: 0; color: #fff; cursor: pointer;}
.problemCategory>ul>li:first-child>.close i{ font-size: 24px;}

.problemCategory>ul>li>ul{ overflow: hidden; font-size: 14px; height: 0; transition: all 0.35s;}
.problemCategory>ul>li>ul>li>a{ display: block; color: #fff; padding: 7px 0 7px 35px; border-bottom: 1px solid #f5f5f5; position: relative; text-transform: capitalize;}
.problemCategory>ul>li>ul>li>a:before{ content: ""; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #0e9399; }
.problemCategory>ul>li>ul>li:last-child>a{ border-bottom: 0;}
.problemCategory>ul>li>ul>li:hover>a,.problemCategory>ul>li>ul>li.active>a{ background: #0e9399; color: #FFF;}
.problemCategory>ul>li>ul>li:hover>a:before,.problemCategory>ul>li>ul>li.active>a:before{ border-left: 5px solid #fff;}
.problemCategory>ul>li{}

@media (min-width:992px){
.p_problemCategory { display: none;}
.problemCategory{ display: none;}
}
@media (min-width:1px) and (max-width:991px){
}


.details .xgeffect{ overflow: hidden; margin-top: 30px;}
.details .xgeffect .detailtop{}
.details .xgeffect .detailtop h2{ border-left: 5px solid #0e9399; padding: 0 0.1rem; text-transform: capitalize; font-weight: bold; }
.details .xgeffect .detalist{ overflow: hidden; padding: 0.15rem 0; width: 100%; box-sizing:border-box; font-size: 14px; line-height: 2;}

.relatedProducts{ margin-top: 0.4rem;}
.relatedProducts .ipto{ overflow: hidden; width: calc((100% - 45px)/4); float: left; margin-right: 15px;}
.relatedProducts .ipto .ipti{ overflow: hidden; border: 1px solid #f5f5f5;}
.relatedProducts .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.relatedProducts .ipto .iptz{ overflow: hidden; text-align: center; margin: 0.2rem 0;}
.relatedProducts .ipto .iptz h3{font-size: 16px; }
.relatedProducts .ipto:hover .ipti img{ transform: scale(1.1)}
@media (min-width:992px)  {
.relatedProducts .ipto:nth-child(4n){ margin-right: 0;}
.relatedProducts .ipto:hover .ipti img{ transform: scale(1.1)}
}

@media (min-width:1px) and (max-width:991px) {
.details .xgeffect{ margin-top: 2vw;}
.details .xgeffect .detailtop strong{ width: auto; font-size: 12px; padding: 6px 8px; text-transform: capitalize;}
.details .xgeffect .detalist{}
.details .xgeffect .detalist table{ overflow-x: auto;}

.relatedProducts .ipto{ overflow: hidden; width: calc((100% - 15px)/2); }
.relatedProducts .ipto:nth-child(2n){ margin-right: 0;}
}
   .mbot30 { margin-bottom:30px;}
        .cta3 { padding:2.5vw 3.1vw 2.5vw 4vw;background: #eaeef3}
        .new_conmidd { padding-top:15px;line-height:30px;font-size:.18rem;}
        .new_conmidd_pli { padding-top:15px;padding-bottom:15px;}
        .new_bott_img { margin-top:25px;}
        .new_contoph2 { font-size:30px;}
        @media (max-width: 1440px) {
                    .new_contoph2 { font-size:20px;}
            .new_conmidd { padding-top:15px;line-height:26px;font-size:14px;}
        }