
.profile{padding-top: 130px;padding-bottom: 150px;}
.about-pro{}
.video-mask{position: fixed;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 999;display: none;}
.video-mask .video-box{position: absolute;top: 50%;left: 50%;max-height: 80%;transform: translate(-50%, -50%);width: 50%;z-index: 1000;}
.video-mask video{max-height: 100%;outline: none;width: 100%;}
.video-mask .closeVideo {position: absolute;right: -55px;top: 0;width: 44px;height: 44px;background-image: url("../images/close.png");background-position: center center;background-repeat: no-repeat;background-size: 18px;border: 1px solid #fff;border-radius: 50%;cursor: pointer;}

.mCustomScrollBox{position:relative;height:100%;max-width:100%;outline:none;direction:ltr;}
.mCSB_scrollTools{position:absolute;width:10px;height:auto;left:auto;top:0;right:0;;bottom:0;}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:1px;height:auto;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:0.30rem;z-index:1;}
.mCSB_scrollTools .mCSB_draggerRail{width:1px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:transparent;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:5px;height:150px;margin:0 auto;text-align:center;/* -webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;*/
    background-color:transparent;}
.about-pro .aboutIn-cont{padding-top: 95px;}
.about-pro .aboutIn-lef{float: left;width: 55%;overflow: hidden;}
.about-pro .aboutIn-rig{float: left;width: 45%;}
.about-pro .news-right-container{padding-left: 80px;}
.about-pro .aboutIn-lef,.about-pro .aboutIn-rig{height: 582px;}
.about-pro .aboutIn-lef .lefFlex{width: 100%;height: 100%;}
.about-pro .aboutIn-lef .img{width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.about-pro .aboutIn-rig .cont{padding-top: 150px;padding-bottom: 180px;}
.about-pro .aboutIn-rig .mes{font-size: 19px;line-height: 32px;color: #3c3b38;}
.about-pro .aboutIn-rig .mes p{margin-bottom: 32px;}
/*.about-pro .aboutIn-rig .num-list{margin-top: 100px;}*/

.about-pro .aboutIn-rig .num-list{margin-top: 100px;padding-bottom: 150px;}
.about-pro .aboutIn-rig .num-list .box{display: flex;justify-content: space-between;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #d7d7d7;}
.about-pro .aboutIn-rig .num-list .num{width: 330px;display: flex;align-items: flex-start;}
.about-pro .aboutIn-rig .num-list p{flex: 1;font-size: 18px;line-height: 32px;color: #3c3b38;text-align: right;}

.about-pro .aboutIn-rig .num-list .num .numCX{display: inline-block;font-size: 84px;line-height: 74px;color: #f8b500;font-family: 'DIN';}
.about-pro .aboutIn-rig .num-list .num .dw{display: inline-block;font-size: 18px;line-height: 40px;color: #f8b500;margin-left: 5px;}


.development{padding: 115px 0;background-image: url("../images/development_bg.jpg");background-repeat: no-repeat;background-position: center center;background-size: cover;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}
.swiper-button-lock{display: block;}

.development{overflow: hidden;}
.development-swiper{margin-top: 140px;}
#swiper-gallery{margin-bottom: 115px;}
#swiper-gallery .box{display: block;padding-right: 45px;border-right: 1px solid rgba(255,255,255,0.61);}
#swiper-gallery .mes span{display: block;font-size: 68px;line-height: 68px;height: 68px;color: #efb73f;font-family: 'DIN';}
#swiper-gallery .mes p{font-size: 19px;line-height: 28px;color: #fff;height: 112px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 40px;}
#swiper-gallery .img{overflow: hidden;margin-top: 25px;}
#swiper-gallery .img img{width: 100%;}
.swiper-bottom{position: relative;padding: 0 40px;overflow: hidden;}
#swiper-thumbs{padding: 30px 0;}
#swiper-thumbs .swiper-slide{width: 102px;text-align: center;cursor: pointer;}
#swiper-thumbs .swiper-slide p{font-size: 20px;line-height: 30px;color: #fff;}
.development .swiper-button-prev{top:0;width: 30px;height: 100%;background-image: url("../images/index_prev3.png");background-position: left center;background-repeat: no-repeat;background-size: 20px;margin-top: 0;}
.development .swiper-button-next{top:0;width: 30px;height: 100%;background-image: url("../images/index_next3.png");background-position: right center;background-repeat: no-repeat;background-size: 20px;margin-top: 0;}

.development .swiper-scrollbar{bottom: auto;top:5px;height: 1px;background-color: rgba(255,255,255,0.5);}
.development .swiper-scrollbar-drag{top:-4px;height: 5px;background-color: #efb73f;}

.honor{padding: 95px 0;background-image: url("../images/honor_bg.jpg");background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
.honor-info{font-size: 17px;line-height: 32px;color: #3c3b38;padding-bottom: 55px;border-bottom: 1px solid #ddd;margin-top: 85px;}
.honor-list{padding: 70px 0 10px 0;}
.honor-list .swiper-container {width: 100%;}
.honor-list .swiper-wrapper{}
.honor-list .swiper-slide {text-align: center;}
.honor-list .swiper-slide .img{height: 300px;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.70);opacity: 0.5;}
.honor-list .swiper-slide .img img{max-width: 100%;max-height: 100%;}
.honor-list .swiper-slide p{font-size: 16px;line-height: 24px;text-align: center;color: #3c3b38;display: none;}
.honor-list .swiper-slide-active .img,.honor-list .swiper-slide-duplicate-active .img{transform: scale(1.1);opacity: 1;}
.honor-list .swiper-slide-active p,.honor-list .swiper-slide-duplicate-active p{display: block;}
.honor-list .swiper-button{margin-top: 30px;display: flex;justify-content: center;align-items: center;}
.honor-list .swiper-button .button{position: static;margin: 0 10px;width: 68px;height: 68px;border-radius: 50%;background-color: #fff;background-position: center center;background-repeat: no-repeat;background-size: 24px;box-sizing: border-box;z-index: 100;cursor: pointer;box-shadow: 0 0 18px rgba(0,0,0,0.14);}
.honor-list .swiper-button-prev{background-image: url("../images/index_prev.png");}
.honor-list .swiper-button-next{background-image: url("../images/index_next.png");}

.culture{overflow: hidden;padding: 90px 0;}
.culture-list{margin-top: 105px;}
.culture-list li{float: left;width: 31%;margin-right:3.5%; }
.culture-list li:nth-child(3n){margin-right: 0;}
.culture-list li.mid{padding-top: 65px;}
.culture-list li .img-box{padding-right: 25px;padding-bottom: 25px;}
.culture-list li .img{position: relative;}
.culture-list li .img:after{content: '';position: absolute;bottom: -25px;right: -25px;width: 100%;height: 100%;background-color: #e4e4e4;}
.culture-list li .img img{position: relative;width: 100%;z-index: 100;}
.culture-list li .mes{padding: 45px 0;color: #3c3b38;}
.culture-list li .mes h3{font-size: 40px;line-height: 50px;font-weight: 600;}
.culture-list li .mes p{font-size: 32px;line-height: 40px;margin-top: 5px;}

.contact{padding-top: 145px;background-image: url("../images/contact_bg.jpg");background-repeat: no-repeat;background-position: top left;background-size: 100%;}
.contact-mes{margin-top: 250px;display: flex;background-color: #fff;margin-bottom: 70px;}
.contact-mes .contact-tel{width: 485px;}
.contact-mes .contact-addr{flex: 1;}
.contact-mes .box .mes{padding-left: 95px;padding-top: 70px;padding-bottom: 75px;}
.contact-mes .contact-tel .mes{border-right: 1px solid #d3d3d3}
.contact-mes .box img{width: 75px;}

.contact-mes .box .info{margin-top: 30px;color: #1c1c1c;height: 160px;overflow: hidden;}
.contact-mes .box .info a{font-size: 50px;line-height: 1;font-family: 'DIN';}
.contact-mes .box .info p{font-size: 30px;line-height: 38px;}
.contact-mes .box .type{font-size: 24px;line-height: 34px;color: #aaa;margin-top: 10px;}


.suggest{padding:60px 70px;background-color: #fff;margin-bottom: 110px;box-shadow: 0 0 50px rgba(217,116,28,0.13);}
.suggest h3{font-size: 30px;line-height: 40px;color: #221715;}

.suggest .form-mes{margin-top: 85px;}
.suggest .form-mes form .user .user-fb{float: left;width: 49%;margin-right: 2%;}
.suggest .form-mes form .user .user-fb:nth-child(2n){margin-right: 0;}

.suggest .form-mes form .user .user-fb,.suggest .form-mes form .msg{margin-bottom: 45px;position: relative;border: 1px solid #e2e2e2;box-sizing: border-box;padding: 20px 0;}
.suggest .form-mes form input:focus {outline: none;}
.suggest .form-mes form input:-webkit-autofill {-webkit-text-fill-color: #a4a4a4 !important; transition: background-color 5000s ease-in-out 0s; caret-color: #a4a4a4; }

.suggest .form-mes form .user-fb input,.suggest .form-mes form .msg textarea{display: block;width: 100%;font-size: 20px;line-height: 40px;color: #3b3b3b;padding: 0 35px;}
.suggest .form-mes form .user-fb input{height: 40px;}
.suggest input::placeholder,.suggest textarea::placeholder{color: rgba(59,59,59,0.34);}

.suggest .form-mes form .msg textarea{height:288px;font-family:"PingFang SC",Arial,sans-serif;}
.suggest .form-mes form .btn{text-align: right;}
.suggest .form-mes form .submit-bt{display: inline-block;width: 214px;font-size: 24px;line-height:60px;  background: #f8b500;text-align: center;color: #fff;}


















































