/*公共*/

.width1200{position: relative; width: 1200px; margin: auto;}

.p-h1{font-size: 32px; font-weight: 500; margin-bottom: 10px; line-height: normal;}

.p-h2{font-size: 18px; color: #9f9f9f; line-height: normal;}

.text--center{text-align: center}

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

/*组件*/

/*侧边栏*/

.side-bar{width: 100%;position:relative;border:1px solid #e5e5e5;}

.side-bar .side-bar__mian{}

.side-bar .side-bar__mian .item{height: 52px;border-bottom:1px solid #e5e5e5;font-size: 16px;color:#323232;padding-left: 18px;line-height: 52px}

.side-bar .side-bar__mian .item:last-child{border:none;}

.side-bar .side-bar__mian .item--on{background: #ffe5e5;color:#ff4e50;border-left:4px solid #ff4e50;}

/*页码*/

.pagination{display: inline-block;}

.pagination .pagination-main{font-size: 0;color:white;}

.pagination .pagination-main .page-item{background:#cccccc;display: inline-block;width: 35px;height: 35px;font-size: 16px;border-radius:6px; margin-right: 12px;text-align: center;line-height: 35px;}

.pagination .pagination-main .page-item:last-child{margin: 0;}

.pagination .pagination-main .page-item--no-bg{color:#cccccc;background: none}

.pagination .pagination-main .item-hover:hover{background:#ff4e50;}

.pagination .pagination-main .page-item--on{background:#ff4e50;}

/*面包屑导航*/



.breadcrumb { display: inline-block;font-size: 16px;}

.breadcrumb li {display: inline;color:#ff9596}

.breadcrumb li+li:before {padding: 8px;color: black;content: "❯";}

.breadcrumb li a {color: #666666;}

/*查看图片*/

.look-photo-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:none;width: 620px;height: 570px;background: white;margin: auto;border-radius: 5px;padding: 10px;}

.look-photo-box .photo-close{position:absolute;top:-20px;right:-20px;z-index:10;width: 40px;height: 40px;background: #7f7f7f;border:3px solid white;border-radius: 50%;font-size: 35px;line-height: 26px;text-align: center;color: white;}

.look-photo-box img{width: 100%;height: 500px;}

.look-photo-box .photo-tips{height: 60px;line-height: 60px;text-align: center;font-size: 16px;}

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

.wrap{}

.pulic-class .header{}

/*顶部导航*/

.pulic-class .top{background: #373d44; font-size: 12px; color:#8d8e8f; height: 36px; line-height: 36px; text-align: center;}

.pulic-class .top .topnav .topnav-right a{width: 80px; height: 100%; display: inline-block;}

.pulic-class .top .topnav .topnav-right a:hover{background: #ff4e50; color: white;}

/*logo*/

.pulic-class .logo{padding: 20px 0; line-height: 50px; font-size: 24px; font-weight: 500;}

.pulic-class .logo .logo-img{width: 206px; height: 50px; margin-right: 80px; display: block;}

.pulic-class .logo .logo-title{}

.pulic-class .logo .phone{color: #ff6465; background: url("../images/phon.png") no-repeat left center; background-size: 24px 24px; padding-left: 30px;}

/*导航和banner*/

.pulic-class .NavAndBanner{position: relative;}

.pulic-class .NavAndBanner .nav{position: absolute; top:0; left: 0; width: 100%; height: 75px; z-index: 2; background: rgba(0,0,0,.1);}

.pulic-class .NavAndBanner .banner{ width: 100%;}

.pulic-class .NavAndBanner .nav-list{margin:0 -30px}

.pulic-class .NavAndBanner .nav-list li{margin: 0 30px; line-height: 75px; display: inline-block; font-size: 18px; color: white; position: relative;}

.pulic-class .NavAndBanner .nav-list li:after{content: ""; display: block; width: 0; height: 2px; background:#ffdc00; position: relative; bottom: 2px; /*left: 50%;*/ /*-webkit-transform: translateX(-50%);*/ /*-ms-transform: translateX(-50%);*/ /*transform: translateX(-50%);*/ -webkit-transition: width .2s; -o-transition: width .2s; transition: width .2s; margin: auto;}

.pulic-class .NavAndBanner .nav-list li.nav-active{color: #ffdc00;}

.pulic-class .NavAndBanner .nav-list li.nav-active:after{color: #ffdc00; width: 100%;}

.pulic-class .NavAndBanner .nav-list li:hover{color: #ffdc00;}

.pulic-class .NavAndBanner .nav-list li:hover:after{width: 100%; /*-webkit-transform: translateX(-50%);*/ /*-ms-transform: translateX(-50%);*/ /*transform: translateX(-50%);*/ margin: auto;}

/*!*二级导航*!*/

/*.subnav{position: absolute; width: 100%; padding: 0 50px; background: white; z-index: 2; border-radius: 6px; box-shadow: 0 2px 20px #6a6a6a; display: block; height: 0; overflow: hidden; transition: all .5s;}*/

/*.subnav .subnav__body{padding-top: 50px;}*/

/*.subnav .subnav__item{float: left; width: 150px; margin-right: 40px; color:#4c4c4c;}*/

/*.subnav .subnav__item:last-child{margin-right: 0;}*/

/*.subnav .subnav__item .item__title{font-size: 16px; padding-bottom: 20px; margin-bottom: 10px; border-bottom:1px solid #c0c0c0;}*/

/*.subnav .subnav__item .item__list{line-height: 40px; font-size: 13px;}*/

/*.subnav .subnav__item .item__list:hover{text-decoration: underline;}*/

/*二级导航*/
.subnav{position: absolute; width: 180px; left: 66px; background: rgba(0,0,0,.6); z-index: 2; display: none; overflow: hidden; transition: all .3s;border-radius: 3px;padding: 10px 0;}
.subnav-item{width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;cursor: pointer;}
/*banner*/

.wrap .banner .banner-cont{height: 500px; color: white;}

.wrap .banner .banner-cont .b-h1{font-size: 52px; font-weight: 500;}

.wrap .banner .banner-cont .b-h2{font-size: 30px; font-weight: 500;}

.wrap .banner .banner-cont .b-h3{font-size: 20px; font-weight: 500;}

.wrap .banner .banner-cont .b-btn{font-size: 20px; width: 180px; height: 50px; text-align: center; line-height: 50px; color: white; border: solid 1px white; border-radius: 3px; position: absolute; z-index: 10;}

.wrap .banner .banner-cont .b-img{width: 520px; height: 500px;}

.wrap .banner .banner-cont .b-position{position: absolute;}

/*公司项目介绍*/

.wrap .group_items{padding: 80px 0;}

.wrap .group_items .items-title{text-align: center;}

.wrap .group_items .items-list{padding-top: 50px;}

.wrap .group_items .items-list .items-box{width: 25%;float: left;height: 324px;}

.wrap .group_items .items-list .items-num{width: 100%; padding: 80px 30px 25px; float: left; text-align: center; font-size:16px; position: relative;}

.wrap .group_items .items-list .items-num .items-num-link{position: absolute; top:0; left: 0; right:0; bottom:0;width: 100%; height: 100%;}

.wrap .group_items .items-list .items-box:hover .items-num{box-shadow: 0 0 20px #ddd; padding: 48px 30px 25px; color: white; cursor:pointer; animation: bounceIn .3s linear ; -webkit-animation: bounceIn .3s linear;}

.wrap .group_items .items-list .items-box:hover .items-bg1{background: url("../images/items_bg1.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg2{background: url("../images/items_bg2.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg3{background: url("../images/items_bg3.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg4{background: url("../images/items_bg4.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg5{background: url("../images/items_bg5.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg6{background: url("../images/items_bg6.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg7{background: url("../images/items_bg7.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-bg8{background: url("../images/items_bg8.png")no-repeat; background-size: 100%;}

.wrap .group_items .items-list .items-box:hover .items-btn{display: block;}

.wrap .group_items .items-list .items-box:hover .items-info{color: white;}

.wrap .group_items .items-list .items-num .items-img{width: 80px; height: 80px; margin: auto; margin-bottom:28px;}

.wrap .group_items .items-list .items-num .items-title{font-size: 24px; margin-bottom: 10px;}

.wrap .group_items .items-list .items-num .items-info{color:#a0a0a0; line-height: 25px; margin-bottom: 20px;}

.wrap .group_items .items-list .items-num .items-btn{width: 100px; height: 32px; font-size: 14px; color: white; border:solid 1px white; line-height: 32px; text-align: center; margin: auto; border-radius: 3px; display: none;}

/*案例中心*/

.wrap .case{background:#f2f5fa;}

.case .case-main{padding:80px 0;}

.case .case-main .case-title{text-align: center;}

.case .case-main .case-cont{padding-top: 40px;}

.case .case-main .case-list li{float: left; width: 383px; padding:27px 25px; margin-right: 25px; margin-bottom: 25px; text-align: center; background: white; font-size: 14px; box-shadow: 0 0 20px #ddd; position: relative;}

.case .case-main .case-list .case-img{padding: 10px; border-radius: 50%; border:solid 1px #ddd; width: 110px; height: 110px; margin: 0 auto 25px;}

.case .case-main .case-list .case-img img{border-radius: 50%;}

.case .case-main .case-list .case-h1{font-size:18px; margin-bottom:15px;}

.case .case-main .case-list .case-info{font-size:14px; margin-bottom:52px; color: #878787;}

.case .case-main .case-list .case-addr span:first-child{color: #878787;}

.case .case-main .case-list .case-details{position: absolute; top:0; left: 0; right:0; bottom:0; z-index: 3; opacity: 0; overflow: hidden; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

.case .case-main .case-list .case-details .case-details-img{width: 130px; height:130px; padding:10px; margin: -100px auto 10px; background: white; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.case .case-main .case-list .case-details .case-details-link{position: absolute; top:0; left: 0; right:0; bottom:0;width: 100%; height: 100%;}

.case .case-main .case-list .case-details .case-details-img img{border-radius: 50%;}

.case .case-main .case-list .case-details .case-details-btn{width: 130px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; background: white; color:#939393; margin: auto; border-radius: 3px;}

.case .case-main .case-list li:hover .case-details{opacity: 1; cursor: pointer;}

.case .case-main .case-list li:hover .case-details-img{margin: 85px auto 10px;}

.case .case-main .case-more{width:200px; height: 48px; background: #ff4e50; color: white; font-size: 15px; line-height: 48px; margin: auto; margin-top: 40px; display: block; border-radius: 5px; text-align: center;}

/*困惑*/

.confused{padding: 80px 0;}

.confused .confused-title{text-align: center;}

.confused .confused-main{width: 100%; height: 547px; margin-top: 70px; background: url("../images/confused_bg.png")no-repeat center center; position: relative;}

.confused .confused-main li{position: absolute; width: 400px;}

.confused .confused-main li .list-img{width: 60px; height: 60px;}

.confused .confused-main li .list-text{text-align: right;}

.confused .confused-main li .list-h1{font-size: 22px; margin-bottom: 10px;}

.confused .confused-main li p{font-size: 14px; color: #666666;}

/*优势*/

.advantage{background: #f2f5fa;}

.advantage .advantage-main{text-align: center; padding: 80px 0 60px;}

.advantage .advantage-main .advantage-cont{padding-top: 50px;}

.advantage .advantage-main .advantage-cont li{width: 225px; height: 319px; float: left; padding: 0 18px; margin: 0 18px 19px 0; background: white;}

.advantage .advantage-cont li .list-icon{margin: 50px auto 42px;}

.advantage .advantage-cont li .list-title{font-size: 22px; margin-bottom: 20px;}

.advantage .advantage-cont li p{font-size: 14px; color: #bcbcbc;}

.advantage .advantage-cont li:hover{cursor: pointer; box-shadow: 0 0 30px #ddd;}

.advantage .advantage-cont li:hover .list-title{color: #ff4e50;}

.advantage .advantage-cont li:hover .list-icon{animation: bounce 1s ease infinite; -webkit-animation: bounce 1s ease infinite;}

/*关于我们*/

.about-us{padding-top:80px; padding-bottom: 135px;}

.about-us .about-title{text-align: center;}

.about-us .about-main{padding-top: 45px;}

.about-us .about-main .about-img{width: 620px; height: 390px; /*margin-right: 50px;*/ /*margin-left: -362px;*/}

.about-us .about-main .about-us-info{padding-left: 650px;}

.about-us .about-main .about-us-info p{font-size: 15px; color:#898a8b; line-height: 35px; text-indent:30px;}

.about-us .about-main .about-us-info .about-more{width: 180px; height: 48px; border: solid 1px #ff4e50; color:#ff4e50; font-size: 16px; text-align: center; line-height: 48px; display: block; border-radius: 5px; margin-top: 40px;}

.about-us .about-main .about-us-info .about-more:hover{background: #ff4e50; color: white;}

/*留言*/

.message{padding: 80px 0 54px; box-shadow: 0 0 20px #ddd; border-radius: 10px; margin-bottom: 85px;}

.message .message-title{text-align: center;}

.message .message-main{padding-top: 45px;}

.message .message-main .message-input{display: flex; justify-content: center; margin-bottom: 30px; text-align: center;}

.message .message-main .message-input input{width: 300px; height: 40px; border:solid 1px #ddd; margin-right: 30px; padding:0 10px; font-size: 14px;}

.message .message-main .message-input input:last-child{margin: 0;}

.message .message-main .message-text textarea{width: 963px; height: 105px; border:solid 1px #ddd; padding: 10px; margin: auto; display: block; font-size: 14px; margin-bottom: 50px;}

.message .message-main .message-btn{width: 200px; height: 48px; background: #ff4e50; text-align: center; line-height: 48px; font-size: 16px; display: block; margin: auto; border-radius: 5px; color: white;}

/*加入我们*/

.join-us{background: url("../images/join_us.png") no-repeat; background-size: cover;}

.join-us .join-us-mian{padding: 40px 0; text-align: center; color: white;}

.join-us .join-us-mian .join-us-title .p-h2{color: white;}

.join-us .join-us-mian .join-us-btn{width: 150px; height: 48px; font-size: 15px; line-height: 48px; color: #ff4e50; margin: auto; margin-top: 40px; background: white; display: block; border-radius: 8px;}

/*新闻资讯*/

.news{margin-bottom: 80px;}

.news__main{padding:50px 0;overflow: hidden;}

.news__main .news-view{background: #f2f5fa;padding: 50px;float:left;width:600px;}

.news__main .news-view .news-view__img{width: 100%;height: 250px;}

.news__main .news-history{padding:50px 0 30px 0;position: relative; margin-left: 680px;}

.news__main .news-history:before{content:"";position: absolute;width: 2px;height: 100%;background: #e6e6e6; left: 95px;top:0;}

.news__main .news-view .news-tablist{display: none;}

.news .news__btn{width: 180px; height: 48px; font-size: 16px; line-height: 48px; color: #808080; margin:40px auto 0; display: block; border-radius: 8px; text-align: center;border: 1px solid #808080;}

.news .news__btn:hover{color:white;background: #808080;}

.history{overflow: hidden;margin-bottom: 40px}

.history--big-mg{margin-bottom: 70px}

.history .history__time{position:relative;float:left;padding-right: 22px;}

.history .history__time:after{content:"";position: absolute;width: 2px;height: 20px;top:5px;right:0;background: black;}

.history .history__time .time__month{font-size: 27px;margin-bottom: 10px;line-height: 27px}

.history .history__time .time__year{font-size: 14px; color:#808080;text-align: right}

.history .history__explain{padding-left: 130px;}

.history .history__explain .explain__title{font-size: 20px;margin-bottom: 20px}

.history .history__explain .explain__detail{font-size: 14px;color:#808080;}

.history--color-red{color: #ff4e50;}

.history--color-red .history__time:after{background: #ff4e50}

.history--color-red .history__time .time__year{color: #ff4e50;}



/*页脚*/

.footer{background: #373d44;}

.footer .footer-mian{padding: 0 45px;}

.footer .footer-mian .footer-box{padding: 80px 0; border-bottom:solid 1px #ddd; position: relative;}

.footer-mian .footer-box .footer-list{color: white; float: left; font-size: 14px; margin-right: 100px;}

.footer-mian .footer-box .footer-list h4{font-size: 20px;}

.footer-mian .footer-box .footer-list ul{float: left; padding-top: 25px; margin-right: 40px;}

.footer-mian .footer-box .footer-list ul li{height: 40px; line-height: 40px;}

.footer-mian .footer-box .footer-list .footre-icon{vertical-align: middle; display: inline-block; margin-top: -3px;}

.footer-mian .footer-copy{font-size: 12px; height: 72px; text-align: center; line-height: 72px; color: #96989b;}

.footer-mian .footer-box .group-qrcode{width: 121px; position: absolute; top:80px; right: 0; color: #96989b; font-size: 15px; text-align: center; line-height: 30px;}





/*案例中心页面*/

.works .works-center{padding: 60px 0 80px;overflow: hidden;}

.works .works-center .works-c__main{padding-top:50px;}

.works .works-center .works-c__main .main-side-bar{width: 238px;float:left}

.works .works-center .works-c__main .main-content{margin-left: 260px;background: #ffe5e5;padding: 20px 20px 0;overflow: hidden}

.works .works-item{width: 286px;height: 244px;position: relative; float:left;display: block;margin: 0 20px 20px 0; background: white}

.works .works-item:nth-of-type(3n+0){margin: 0 0 20px 0}

.works .works-item:hover .item-hover{opacity: 1}

.works .works-item .item-main{padding-top: 40px;}

.works .works-item .item-main .item-main__head{width: 100px;height: 100px;padding: 10px;border-radius: 50%;margin:0 auto 20px;border:1px solid #d4d4d4;}

.works .works-item .item-main .item-main__head img{border-radius: 50%;}

.works .works-item .item-main .item-main__text{text-align: center;}

.works .works-item .item-main .item-main__text h3{font-size: 16px;margin-bottom: 15px;line-height: 16px;}

.works .works-item .item-main .item-main__text span{font-size: 14px;color:#666666;}

.works .works-item .item-hover{position: absolute;top:0;right:0;bottom:0;left:0;background: rgba(245,69,72,.8) url("../images/works/hover-icon.png") no-repeat center;background-size: 128px;opacity: 0; transition: all 2s}

.works .works-center .works-c__main .main-foot{padding-top:40px;text-align: right;}



/*案例详情页面*/

.works-details .breadcrumb-box{height: 80px; line-height: 80px;font-size: 16px;}

.works-details .works-banner-box{background: #f2f5fa;padding-bottom: 40px;}

.works-details .works-banner__main{width: 1000px;margin: auto;}

.works-details .works-banner__name{font-size: 22px;font-weight: bold;}

.works-details .intro{padding: 20px 0;}

.works-details .intro__main{overflow: hidden;}

/* .works-details .intro-text{float:left;width: 840px;padding: 30px 0;} */
.works-details .intro-text{float:left;width: 1200px;padding: 30px 0;}

.works-details .text-box{margin-bottom: 45px;}

.works-details .text-box:last-child{margin-bottom: 0;}

.works-details .text-box .text__title{font-size: 18px;border-left:4px solid #ff4e50;margin-bottom: 10px;padding-left: 10px}

.works-details .text-box .text__p{font-size: 16px;color: #333333;line-height: 40px;text-indent:40px;}

.works-details .intro-qrcode{float:right;}

.works-details .intro-qrcode .qrcode-picture{width: 180px;height: 225px;border:1px dashed #bfbfbf;padding-top: 30px;font-size: 16px;color:#333333;text-align: center;}

.works-details .intro-qrcode .qrcode-picture .picture{width: 120px;height: 120px;margin:0 auto 30px;}





/*关于我们*/

.aboutUS .culture{background: #f2f5fa;padding: 80px 0 70px;}

.aboutUS .culture .culture__top .top-intro{font-size: 15px;color:#666666;line-height: 30px;margin: 20px 0 50px;}

.aboutUS .culture-card{overflow: hidden;}

.aboutUS .culture-card .card-item{width: 383px;height: 162px;float:left;background: white;margin-right: 25px;margin-bottom: 25px;padding: 36px 30px;overflow: hidden;box-shadow: 0 2px 10px #ddd;}

.aboutUS .culture-card .card-item:nth-of-type(3n+0){margin-right: 0;}

.aboutUS .culture-card .card-item .card-icon{width: 90px;height: 90px;float:left;border-radius: 50%;overflow: hidden; border:2px solid #ff4e50;}

.aboutUS .culture-card .card-item .card-intro{margin-left: 110px;padding-top: 8px;}

.aboutUS .culture-card .card-item .card-intro .title{font-size: 20px;margin-bottom: 10px;}

.aboutUS .culture-card .card-item .card-intro .p{font-size: 15px;color:#666666;}

.aboutUS .culture-card .card-item .icon-1{background: url("../images/about_us/culture-icon-1.png")no-repeat center;background-size: 51px 40px;}

.aboutUS .culture-card .card-item .icon-2{background: url("../images/about_us/culture-icon-2.png")no-repeat center;background-size: 58px 40px;}

.aboutUS .culture-card .card-item .icon-3{background: url("../images/about_us/culture-icon-3.png")no-repeat center;background-size: 48px 40px;}

.aboutUS .culture-card .card-item .icon-4{background: url("../images/about_us/culture-icon-4.png")no-repeat center;background-size: 42px 48px;}

.aboutUS .culture-card .card-item .icon-5{background: url("../images/about_us/culture-icon-5.png")no-repeat center;background-size: 58px 42px;}

.aboutUS .culture-card .card-item .icon-6{background: url("../images/about_us/culture-icon-6.png")no-repeat center;background-size: 48px;}

.aboutUS .culture-card .card-item:hover{background:#ff4e50 }

.aboutUS .culture-card .card-item:hover .card-intro{color:white;}

.aboutUS .culture-card .card-item:hover .card-intro .p{color:white;}

.aboutUS .culture-card .card-item:hover .card-icon{border:2px dashed white;}

.aboutUS .culture-card .card-item:hover .icon-1{background: url("../images/about_us/culture-cur-1.png")no-repeat center;background-size: 51px 40px;}

.aboutUS .culture-card .card-item:hover .icon-2{background: url("../images/about_us/culture-cur-2.png")no-repeat center;background-size: 58px 40px;}

.aboutUS .culture-card .card-item:hover .icon-3{background: url("../images/about_us/culture-cur-3.png")no-repeat center;background-size: 48px 40px;}

.aboutUS .culture-card .card-item:hover .icon-4{background: url("../images/about_us/culture-cur-4.png")no-repeat center;background-size: 42px 48px;}

.aboutUS .culture-card .card-item:hover .icon-5{background: url("../images/about_us/culture-cur-5.png")no-repeat center;background-size: 58px 42px;}

/*团队展示*/

.aboutUS .culture-card .card-item:hover .icon-6{background: url("../images/about_us/culture-cur-6.png")no-repeat center;background-size: 48px;}

.aboutUS .team-mien{background: #f2f5fa;padding: 80px 0 70px;}

.aboutUS .tab-nav{margin: 50px 0;text-align: center;font-size: 0;}

.aboutUS .tab-nav .nav-item{display: inline-block;padding: 10px 28px;border:1px solid #808080; font-size: 14px;color:#808080;border-radius: 30px;margin-right: 12px;}

.aboutUS .tab-nav .nav-item:last-child{margin:0;}

.aboutUS .tab-nav .nav-cur{background: #ff4e50;color:white;border-color: #ff4e50;}

.aboutUS .tab-nav .nav-item:hover{background: #ff4e50;color:white;border-color: #ff4e50;cursor: pointer}

.aboutUS .tab-list{}

.aboutUS .tab-list .photo-list{position: relative;padding:0 40px;}

.aboutUS .tab-list .photo-tips{position: absolute;bottom:0;z-index:10;width: 100%;height: 50px;font-size: 16px;color:white;text-align: center;line-height: 50px;background: rgba(0,0,0,.3)}





/*联系我们*/

.contactUS .contact{padding: 60px 0 80px;}

.contactUS .contact .contact__body{padding-top: 45px;}

.contactUS .contact .contact__body .map{float:left;width: 700px;height: 400px;box-shadow: 0 5px 20px #ddd;border-radius: 10px;}

.contactUS .contact .contact__body .address-info{margin-left: 810px;padding-top: 45px;}

.contactUS .contact .contact__body .address-info h2{font-size: 22px;margin-bottom: 30px}

.contactUS .contact .contact__body .address-info p{font-size: 16px; color:#323232;margin-bottom: 15px;}

.contactUS .contact .contact__body .social{margin-top: 35px;}

.contactUS .contact .contact__body .social-icon{display: inline-block;width: 32px;height: 32px;margin-right: 18px;}



/*新闻页面*/

.news-box .news-center{padding: 60px 0 80px;}

.news-box .news-center .news-c__main{padding-top:50px;}

.news-box .news-center .news-c__main .main-side-bar{width: 238px;float:left}

.news-box .news-center .news-c__main .main-content{margin-left: 260px;}

.news-box .news-center .news-c__main .main-foot{padding-top:40px;text-align: right;}

.news-box .article-list .item{position: relative;padding:25px 0;border-bottom:1px solid #e6e6e6;transition: all .2s;}

.news-box .article-list .item:hover{box-shadow: 0 0 40px 2px #ddd; cursor: pointer;padding:25px;}

.news-box .article-list .item:hover .content-title{color:#ff7a7c;}

.news-box .article-list .item .article-img{float:left;width: 280px;height: 140px;}

.news-box .article-list .item .article-content{margin-left: 320px;padding-top: 24px;margin-right: 200px;}

.news-box .article-list .item .article-content .content-title{font-size: 20px;margin-bottom: 25px;}

.news-box .article-list .item .article-content .content-p{font-size: 14px;color: #808080;}

.news-box .article-list .item .article-time{position: absolute;top:50%;right:50px;transform: translateY(-50%);padding-left: 50px;}

.news-box .article-list .item .article-time:before{content:"";position: absolute;left: 0;top:0;width:1px;height: 100%;background:#e6e6e6; }

.news-box .article-list .item .article-time .time-month{font-size: 27px;color:#666666;margin-bottom: 10px;}

.news-box .article-list .item .article-time .time-year{font-size:14px;color:#808080;text-align: center;}



/*新闻详情页面*/

.news-details .breadcrumb-box{height: 80px; line-height: 80px;font-size: 16px;}

.news-details .article-box{padding-bottom: 120px;}

.news-details .article-box .article__top{padding-bottom: 25px;border-bottom:1px dashed #d9d9d9;margin-bottom: 40px;}

.news-details .article-box .article__body p{font-size: 16px;color:#666363;line-height: 35px;margin-bottom: 45px;text-indent: 50px;}

.news-details .article-box .article__body img{margin-bottom: 45px;}

.news-details .article__foot .prev,.article__foot .next{position: relative;float: left;width: 50%;padding: 36px 50px;cursor: pointer;font-size: 18px;line-height: 20px;}

.news-details .article__foot .prev{background: #f7f7f7;color:#999999}

.news-details .article__foot .next{background: #ff4e50;color: white;}

.news-details .article__foot .prev .btn-text{padding-left: 24px;text-align: left;border-left:1px solid #dedede; margin-left: 25px;}

.news-details .article__foot .next .btn-text{padding-right: 24px;text-align: right;border-right:1px solid white;margin-right: 25px;}

/* 2020-11-21 新加 */
.det-banner-main{
    min-width: 1200px;
    padding: 60px 0;
}
.det-banner-main .banner-container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.det-banner-main .banner-container .left-switch{
    margin-right: 106px;
}
.det-banner-main .banner-container .rigth-switch{
    margin-left: 106px;
}
.det-banner-main .banner-container .switch-container > div{
    width: 200px;
    height: 70px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    margin: 35px 0;
    cursor: pointer;
    transition: all ease-in-out .3s;
}
.det-banner-main .banner-container .switch-container > div:hover{
    background: #FF4E50;
    border-color: #FF4E50;
    color: #fff;
    box-shadow: 0px 8px 25px 0px rgba(255, 78, 80, 0.3);
    border-radius: 10px;
    
}
.det-banner-main .banner-container .phone-container{
    width: 348px;
    height: 676px;
    position: relative;
    /* margin: 0 auto; */
}
.det-banner-main .banner-container .phone-container::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 348px;
    height: 676px;
    background-image: url(/themes/simplebootx/Public/images/phone/phone-bg.png);
}

.det-banner-main .banner-container .phone-container .swiper-container{
    height:  609px;
    width:  282px;
    margin-top: 22px;
}
.red{
    background-color: #FF4E50!important;
    color: #ffffff!important;
}
/*.det-banner-main .banner-container .phone-container .swiper-slide{*/
/*}*/
/* ---end--- */