@charset "utf-8";
html,body{font-family: "思源黑体","Arial";-ms-overflow-style: none;}
/*hide scroll*/
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;}
.swiper-button-disabled{display: none;}
.mains_text p span{background-color: !important;}
/*头部样式*/

header{margin:0 auto;position: absolute;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;padding:0 8.333333333333334vw;background: rgba(255, 255, 255, .9);}
.logo{max-width: 9.895833333333334vw;line-height: 4.270833333333334vw;overflow: hidden;float: left;margin:0.46875vw auto;}
.logo img{vertical-align: top;}
.head_right{float: right;}
.head_right .head_nav ul,
.head_right dl{display: inline-block;vertical-align: top;}
.head_right dl{margin-left:1.5625vw;}
.head_right .head_nav ul li{display: inline-block;vertical-align: top;line-height: 4.270833333333334vw;font-size: 0.9375vw;position: relative;}
.head_right .head_nav ul li::after{content: "";display: block;width:0%;height:2px;background: #b61c22;position: absolute;bottom: 0;left: 0;}
.head_right .head_nav ul li a{display: block;padding:0 1.5625vw;margin: 0.46875vw auto;}
.head_right .head_nav ul li.active a,
.head_right .head_nav ul li:hover>a{color:#b61c22;font-weight: 400;}
.head_right .head_nav ul li.active::after,
.head_right .head_nav ul li:hover::after{width: 100%;transition: width .5s;}
.head_right .head_nav ul li .shows{position: absolute;top: 5.208333333333334vw;background: rgba(255, 255, 255, .85);right: 0;display: none;width: 250%;left: 0%;text-align: left;}
.head_right .head_nav ul li .shows dl{width:94%;margin-left:0.78125vw;}
.head_right .head_nav ul li .shows dl a{background: none;color:#333;box-shadow: none;margin: 0 auto;}
.head_right .head_nav ul li:hover.on .shows{display: block;}
.head_right .head_nav ul li.on .shows a:hover{color:#b61c22;}
.head_right .head_nav ul li .shows dl a{display: block;font-size: 0.8333333333333334vw;line-height: 1.25vw;padding:0.4166666666666667vw 0.5208333333333334vw;margin: 0 auto;}
.head_right .head_nav ul li:nth-child(5) .shows,
.head_right .head_nav ul li:nth-child(6) .shows{width: 130%;}
.head_right>dl{position: relative;margin:0 auto 0 1.5625vw;}
.head_right dl dt{width:0.9895833333333334vw;height:0.9895833333333334vw;margin:1.5625vw;cursor: pointer;position: relative;}
.head_right dl dt img{vertical-align: top;}
.head_right dl dt::before{content: "";display: block;position: absolute;width:1px;height:0.5208333333333334vw;left: -1.5625vw;top: 50%;margin-top: -0.2604166666666667vw;background: #333;}
.head_right dl dd{display: inline-block;vertical-align: top;height:2.0833333333333335vw;line-height: 2.0833333333333335vw;width:10.416666666666668vw;border:1px solid #cacaca;border-radius: 10px;background: #fff;margin:1.5625vw auto;position: relative;box-sizing: border-box;}
.head_right dl dd input{width: 80%;height:2.0833333333333335vw;line-height: 2.0833333333333335vw;background: none;border:none;padding-left:5%;box-sizing: border-box;vertical-align: top;float: left;}
.head_right dl dd button{background: none;border:none;border-radius: 0.4166666666666667vw;width:2.0833333333333335vw;height:2.0833333333333335vw;position: absolute;right:0;top:0;}
.head_right dl dd button i{font-size: 0.9375vw;}
.head_right .head_nav,
.head_right .head_menu{vertical-align: top;}
.head_right .head_menu{margin:0.9895833333333334vw 0;cursor: pointer;width: 2.291666666666667vw;height:2.291666666666667vw;padding: 0.46875vw 0;display: none;}

.fixeds header{position: fixed;}

/*底部样式*/
footer{margin: 0 auto;background: #3d3d3d url(../images/foot_bg.jpg) center bottom no-repeat;border-bottom: 2px solid #b61c22;position: relative;z-index: 6;}
.foot_top{padding:0 8.333333333333334vw;}
.logo_left{width:11.458333333333334vw;}
.logo_right .yyui_tab{position: relative;}
.logo_right .yyui_tab .tabss li{display: inline-block;vertical-align: top;text-align: center;margin-right: 0.5208333333333334vw;position: relative;}
.logo_right .yyui_tab .tabss li a{display: block;border:1px solid #fff;border-radius: 50%;width:2.0833333333333335vw;height:2.0833333333333335vw;box-sizing: border-box;overflow: hidden;}
.logo_right .yyui_tab .tabss li.active a{background: #b61c22;border:1px solid #b61c22;}
.logo_right .yyui_tab .tabss li a::after{content: "";display: block;width: 2.0833333333333335vw;height:2.0833333333333335vw;overflow: hidden;margin: 0 auto;background-size:100% !important}
.logo_right .yyui_tab .tabss li:nth-child(2) a::after{background: url(../images/wb_icon.png) no-repeat;}
.logo_right .yyui_tab .tabss li:nth-child(1) a::after{background: url(../images/wx_icon.png) no-repeat;}
.logo_right .yyui_tab .tabss li .pics{position: absolute;top: -9.114583333333334vw;width:7.604166666666667vw;left: -150%;display: none;}
.logo_right .yyui_tab .tabss li .pics img{margin:0 auto;width:7.604166666666667vw;height:7.604166666666667vw;overflow: hidden;}
.logo_right .yyui_tab .tabss li p{font-size: 0.7291666666666667vw;line-height: 1.0416666666666667vw;color:#999;text-align: center;}
.logo_right .yyui_tab .tabss li:hover .pics{display: block;}
.foot_nav .nav_left{width:61.458333333333336vw;border-right: 1px solid rgba(255, 255, 255, .1);box-sizing: border-box;}
.foot_nav .nav_left dl{display: inline-block;vertical-align: top;margin-right: 2.0833333333333335vw;max-width: 12.541667vw;}
.foot_nav .nav_left dl dt{font-size: 1.0416666666666667vw;line-height:1.5625vw;color:#fff;margin-bottom: 0.5208333333333334vw;}
.foot_nav .nav_left dl dd{font-size: 0.7291666666666667vw;line-height:1.5625vw;color:#fff;letter-spacing: -0.8px;}
.foot_nav .nav_left dl dt a{color:#fff;}
.foot_nav .nav_left dl dd a{opacity: .5;color:#fff;}
.foot_nav .nav_left dl dd a:hover{opacity: 1;}
.foot_nav .nav_right{width: 20.3125vw;}
.foot_nav .nav_right dl{margin-bottom: 0.78125vw;}
.foot_nav .nav_right dl dt{width:2.0833333333333335vw;height:2.0833333333333335vw;overflow: hidden;border:1px solid rgba(255, 255, 255, .3);border-radius: 0.5208333333333334vw;display: inline-block;vertical-align: top;margin-right: 0.78125vw;}
.foot_nav .nav_right dl dd{display: inline-block;vertical-align: top;width:16.1875vw;}
.foot_nav .nav_right dl dd span{display: block;font-size: 0.9375vw;line-height:1.5625vw;color:#fff;}
.foot_nav .nav_right dl dd b{font-size: 1.3541666666666667vw;font-family: Arial, Helvetica, sans-serif;color:#fff;}
.foot_nav .nav_right dl dd p{font-size: 0.7291666666666667vw;line-height:1.5625vw;color:#fff;letter-spacing: -0.5px;}

.foot_btm{border-top: 1px solid #4c4c4c;padding:0.9375vw 8.333333333333334vw;}
.foot_btm p{color:#999;line-height:1.5625vw;font-size: 0.7291666666666667vw;text-align: center;}
.foot_btm p a{color:#999;margin-left: 0.78125vw;display: inline-block;}
.foot_btm p a:hover{color:#fff;}
/*banner样式*/
.banner{position: relative;top: 0;left:0;right:0;height:100vh;}
.swiper-container-banner{position: relative;}
.swiper-container-banner .swiper-slide a{display: block;height:100vh;}
.swiper-pagination-banner .swiper-pagination-bullet{margin: 0 0.5208333333333334vw;opacity: 1;}
.swiper-pagination-banner .swiper-pagination-bullet,
.swiper-pagination-banner .swiper-pagination-bullet-active{background: none;}
.swiper-pagination-banner .swiper-pagination-bullet::before,
.swiper-pagination-banner .swiper-pagination-bullet::after{content: "";display: block;width:0.7291666666666667vw;height:0.4166666666666667vw;background: #999ba5;}
.swiper-pagination-banner .swiper-pagination-bullet::after{transform: rotate(90deg);margin-top: -0.4166666666666667vw;}
.swiper-pagination-banner .swiper-pagination-bullet-active::before,
.swiper-pagination-banner .swiper-pagination-bullet-active::after{background: #b61c22;}
.swiper-container-banner .swiper-button-next,
.swiper-container-banner .swiper-button-prev{width:3.125vw;height:3.125vw;}
.swiper-container-banner .swiper-button-next::after,
.swiper-container-banner .swiper-button-prev::after{display: none;}
.swiper-container-banner .swiper-button-next{right: 8.333333333333334vw;}
.swiper-container-banner .swiper-button-prev{transform: rotateY(180deg);right: 12.333333333333334vw;left: auto;}
.swiper-container-banner .swiper-button-next:hover,
.swiper-container-banner .swiper-button-prev:hover{background: rgba(182, 28, 34, 1);}
.swiper-container-banner .swiper-pagination-banner{bottom: 0;position: absolute;z-index: 6;margin-top: -0.5208333333333334vw;top: 50%;}
.swiper-container-banner .bar{padding:0 8.333333333333334vw;position: absolute;height:3.125vw;bottom: 4.166666666666667vw;width:100%;box-sizing: border-box;}


.box{padding:0 8.333333333333334vw;}
.box_title{text-align: left;}
.box_title h3{font-size:2.1875vw;color:#333;font-weight: 500;position: relative;padding-left: 1.0416666666666667vw;}
.box_title h3::before,
.box_title h3::after{content: "";display: block;width: 0.3125vw;position: absolute;left: 0.2604166666666667vw;top: 50%;}
.box_title h3::before{height:1.1458333333333335vw;background: #b61c22;margin-top: -0.5729166666666667vw;}
.box_title h3::after{height:0.3125vw;background: #f06e73;}
.box_title p{font-size: 0.7291666666666667vw;text-transform: uppercase;color:#333;padding-left: 1.0416666666666667vw;}
.box_title .more{width: 7.291666666666667vw;line-height: 2.0833333333333335vw;text-align: center;float: right;margin-top: -2.0833333333333335vw;border:1px solid rgba(25, 25, 25, .3);font-size: 0.8333333333333334vw;box-sizing: border-box;position: relative;z-index: 2;}
.box_title .more a{display: block;}
.box_title .more img{margin-left: 0.5208333333333334vw;transition:all .75s;width:1.1458333333333335vw;height:1.1458333333333335vw;}
.box_title .more:hover{border:1px solid #b61c22;}
.box_title .more:hover a{color:#b61c22;}
.box_title .more:hover img{transform: rotate(360deg);transition:all .5s;}

.about_con{position: relative;}
.about_left{width:38.020833333333336vw;height:26.041666666666668vw;overflow: hidden;box-shadow: 0.2604166666666667vw 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.1);position: absolute;left: 0;top: 0;margin: 2.604166666666667vw auto;text-align: center;line-height: 26.041666666666668vw;}
.about_left img{transition: all .75s;}
.about_left:hover img{transform: scale(1.1);transition: all .5s;}
.about_right{width:48.958333333333336vw;background: #fff;height:32.29166666666667vw;padding:2.604166666666667vw 2.604166666666667vw 2.604166666666667vw 6.510416666666667vw;box-sizing: border-box;}
.about_right .about_txt{font-size: 0.8333333333333334vw;line-height:1.5625vw;text-align: justify;text-justify: distribute-all-lines;}

.about_right .about_item {border-bottom: 1px solid #eaeee9;}
.about_right .about_item ul{text-align: center;margin: 2.0833333333333335vw auto;font-size: 0;}
.about_right .about_item ul li{display: inline-block;vertical-align: top;width:33%;}
.about_right .about_item ul li p{font-size:0.8333333333333334vw; line-height:1.5625vw;color:#666;}
.about_right .about_item ul li p b{font-size: 2.3958333333333335vw;font-family: Arial, Helvetica, sans-serif;color:#b61c22;}
.about_right .about_list{margin: 2.0833333333333335vw auto;}
.about_right .about_list ul{font-size: 0;}
.about_right .about_list ul li{display: inline-block;vertical-align: top;width:25%;text-align: center;}
.about_right .about_list ul li span{display: block;width:6.25vw;height:6.25vw;overflow: hidden;margin: 0 auto;transition: all .75s;text-align: center;line-height: 6.25vw;}
.about_right .about_list ul li p{font-size: 0.9375vw;line-height:1.5625vw;color:#666;margin-top: 1.0416666666666667vw;}
.about_right .about_list ul li:hover span{transform: rotateY(360deg);transition: all .5s;}
.about_right .about_list ul li:hover p{color:#b61c22}
.case_list ul{font-size: 0;}
.case_list ul li{display: inline-block;vertical-align: top;width:15.104166666666668vw;height:8.333333333333334vw;line-height: 8.333333333333334vw;overflow: hidden;text-align: center;border:1px solid #e6e9ec;margin:1.0416666666666667vw 1.8229166666666667vw 0.78125vw 0;background: rgba(255, 255, 255, .3);box-sizing: border-box;}
.case_list ul li:nth-child(5n){margin-right: 0;}
.case_list ul li img{transition: all .75s;}
.case_list ul li:hover img{transition: all .5s;transform: scale(.9);}

.product_con .yyui_tab{position: relative;}
.product_con .yyui_tab>ul{padding: 1.0416666666666667vw 0 1.0416666666666667vw 1.0416666666666667vw;background: #fff;position: absolute;right: 0;top: -4.947916666666667vw;z-index: 5;}
.product_con .yyui_tab>ul li{display: inline-block;vertical-align: top;width:10.416666666666668vw;height:6.770833333333334vw;overflow: hidden;position: relative;background: #2e2a35;cursor: pointer;margin-left: 0.5208333333333334vw;}
.product_con .yyui_tab>ul li:first-child{margin-left: 0;}
.product_con .yyui_tab>ul li.yyui_tab_title_this .txt{background: rgba(182, 28, 34, .6);transition: all .5s;}
.product_con .yyui_tab>ul li .pic{width:10.416666666666668vw;height:6.770833333333334vw;overflow: hidden;opacity: .6;text-align: center;line-height: 6.770833333333334vw;}
.product_con .yyui_tab>ul li .txt{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;font-size: 0.9375vw;line-height:1.4583333333333335vw;color:#fff;height:6.770833333333334vw;text-align: center;padding:0.78125vw;box-sizing: border-box;transition: all .5s;}
.product_con .yyui_tab .yyui_tab_content{display: none;}
.product_con .yyui_tab .product_left{width: 45.833333333333336vw;height:32.8125vw;overflow: hidden;text-align: center;line-height: 32.8125vw;}
.product_con .yyui_tab .product_left img{transition: all .75s;}
.product_con .yyui_tab .product_left:hover img{transition: all .5s;transform: scale(1.1);}
.product_con .yyui_tab .product_right{width:33.59375vw;overflow: hidden;padding-top: 7.8125vw;}
.product_con .yyui_tab .product_right .icon{width: 3.0208333333333335vw;height:3.0208333333333335vw;overflow: hidden;}
.product_con .yyui_tab .product_right .tit{font-size: 1.6666666666666667vw;line-height: 2.0833333333333335vw;color: #333;margin-top:1.5625vw;}
.product_con .yyui_tab .product_right .txt{font-size: 0.8333333333333334vw;line-height:1.5625vw;color:#333;margin: 1.0416666666666667vw auto;}
.product_con .yyui_tab .product_right .desc{font-size: 0.9375vw;line-height: 2.0833333333333335vw;color:#666;}
.product_con .yyui_tab .product_right .mores{width:3.6458333333333335vw;height:3.6458333333333335vw;overflow: hidden;margin-top: 2.0833333333333335vw;}
.product_con .yyui_tab .product_right .mores img{transition: all .75s;}
.product_con .yyui_tab .product_right .mores:hover img{transition: all .5s;transform: rotate(360deg);}
.product_con .yyui_tab .product_right:hover .tit{color:#b61c22;}
.custom_con {position: relative;}
.large_box ul li{display: none;}
.large_box ul li.on{display: block;}
.small_box{position: relative;} 
.custom_con .small_list{height:5.729166666666667vw;  overflow: hidden;padding: 2.604166666666667vw 4.166666666666667vw;}
.custom_con .small_list ul{margin-right: 0;}
.custom_con .small_list ul li{ width: 17.1875vw;height: 5.729166666666667vw;opacity: 0.4;background: rgba(255, 255, 255, .1);border:1px solid rgba(255, 255, 255, .5);font-size: 1.25vw;line-height:1.5625vw;color:#fff;padding: 0 1.7625vw;box-sizing: border-box;text-align: center;opacity: 1;cursor: pointer;float: left;margin-right: 2vw;}
.custom_con .small_list ul li.on {background: rgba(182, 28, 34, 1);}
.custom_con .btn{background: #b61c22;width:4.166666666666667vw;height:5.729166666666667vw;position: absolute;bottom: 2.604166666666667vw;top: auto;cursor: pointer;text-align: center;line-height: 5.729166666666667vw;}
.custom_con .right_btn{right: 0;}
.custom_con .left_btn{left: 0;transform: rotateY(180deg);}

.customs{padding:0 4.166666666666667vw;}
.custom_left{width: 37.239583333333336vw;}
.custom_left .tit{font-size: 1.875vw;line-height: 2.0833333333333335vw;color:#fff;margin-top: 3.125vw;}
.custom_left .tit::after{content: "";display: block;width:4.166666666666667vw;height:2px;background: #fff;margin:1.5625vw 0;}
.custom_left .txt{font-size: 0.8333333333333334vw;line-height: 1.6666666666666667vw;color:#fff;opacity: 1;}
.custom_left .more{width: 10.416666666666668vw;line-height: 3.125vw;border:1px solid rgba(255, 255, 255, .6);font-size: 0.8333333333333334vw;color:#fff;text-align: center;margin-top: 2.604166666666667vw;}
.custom_left .more img{margin-left: 1.0416666666666667vw;transition: all .5s;}
.custom_left .more:hover{border:1px solid #b61c22;color:#b61c22}
.custom_left .more:hover img{transform: rotate(360deg);transition: all .5s;}
.custom_left:hover .tit{color:#b61c22;}
.custom_right{width: 34.375vw;height:23.958333333333336vw;text-align: center;line-height: 23.958333333333336vw;}
.custom_right img{transition: all .75s;}
.custom_right:hover img{transform: scale(1.1);transition: all .5s;}
.service_list .swiper-container-service{overflow: hidden;position: relative;}
.service_list .swiper-container-service .swiper-slide{display: inline-block;vertical-align: top;width:25%;position: relative;}
.service_list .swiper-container-service .swiper-slide{display: inline-block;vertical-align: top;width:15.885416666666668vw;text-align: center;padding: 1.5625vw;box-sizing: border-box;background: #fff;}
.service_list .swiper-container-service .swiper-slide .icons{width:9.114583333333334vw;height:9.114583333333334vw;overflow: hidden;margin: 0 auto;transition: all .75s;text-align: center;line-height: 9.114583333333334vw;}
.service_list .swiper-container-service .swiper-slide .tit{font-size: 1.3541666666666667vw;line-height: 1.6666666666666667vw;color:#333;font-weight: bold;margin: 1.3020833333333335vw auto 1.0416666666666667vw;}
.service_list .swiper-container-service .swiper-slide .txt{font-size: 0.8333333333333334vw;line-height: 1.4583333333333335vw;color:#666;text-align: justify;}
.service_list .swiper-container-service .swiper-slide .more{width:7.291666666666667vw;line-height: 2.0833333333333335vw;margin:1.5625vw auto 0;font-size: 0.8333333333333334vw;border:1px solid #c5c5c5;transition: all .5s;text-align: center;}
.service_list .swiper-container-service .swiper-slide .more img{margin-left: 1.0416666666666667vw;transition: all .5s;}
.service_list .swiper-container-service .swiper-slide:hover .icons{transform: scale(.9);transition: all .5s;}
.service_list .swiper-container-service .swiper-slide:hover .tit{color:#b61c22;}
.service_list .swiper-container-service .swiper-slide:hover .more{border:1px solid #b61c22;color:#b61c22;transition: all .5s;}
.service_list .swiper-container-service .swiper-slide:hover .more img{transform: rotate(360deg);}
.service_list .swiper-container-service .swiper-pagination-service{text-align: center;margin: 1.0416666666666667vw auto;}
.service_list .swiper-container-service .swiper-pagination-service .swiper-pagination-bullet-active{background: #b61c22;}
.service_list .swiper-container-service .swiper-slide .tct:hover .tit{color:#b61c22;}

.project_list ul{font-size: 0;}
.project_list ul li{display: inline-block;vertical-align: top;width: 19.270833333333336vw;height:25vw;overflow: hidden;position: relative;margin: 0 2.0833333333333335vw 0 0;background: #eaedf3;transition: all .75s;}
.project_list ul li:nth-child(4n){margin-right: 0;}
.project_list ul li .tit{font-size: 1.6666666666666667vw;color: #333;line-height: 4.6875vw;text-align: center;background: #fff;position: relative;height:4.6875vw;}
.project_list ul li .tit::after{content: "";display: block;width:4.6875vw;height:1px;background: #b61c22;margin: 0 auto;position: absolute;bottom: 0;left: 0;right: 0;}
.project_list ul li .ico{width:14.84375vw;height:13.020833333333334vw;margin: 1.5625vw auto;transition: all .75s;text-align: center;overflow: hidden;}
.project_list ul li .ico img{display: block;}
.project_list ul li .txt{font-size: 0.8333333333333334vw;line-height: 1.3541666666666667vw;color:#333;margin: 0 1.5625vw;height:2.7083333333333335vw;text-align: justify;}
/* .project_list ul li:hover{box-shadow: 0 10px 20px rgba(79, 10, 12, 0.1);transition: all .5s;} */
.project_list ul li:hover .tit{background: #b61c22;color: #fff;}
.project_list ul li:hover .ico{transform: scale(1.1);transition: all .75s;}

/* .project_list ul li .pic{width: 19.270833333333336vw;height:29.166666666666668vw;overflow: hidden;text-align: center;line-height: 29.166666666666668vw;}
.project_list ul li .pic img{transition: all .75s;}
.project_list ul li:hover .pic img{transition: all .5s;transform: scale(1.1);}
.project_list ul li .tct{padding:1.5625vw;box-sizing: border-box;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.project_list ul li .tct .tit{font-size: 1.6666666666666667vw;line-height: 2.0833333333333335vw;color:#fff;}
.project_list ul li .tct .tit::after{content: "";display: block;width:2.604166666666667vw;height:2px;background: rgba(255, 255, 255, .4);margin: 1.0416666666666667vw 0;}
.project_list ul li .tct .mores{width:100%;height:0;line-height: 3.125vw;font-size: 0.8333333333333334vw;color:#fff;background: #b61c22;padding:0 1.0416666666666667vw;box-sizing: border-box;overflow: hidden;transition: height .75s;}
.project_list ul li .tct .mores img{float: right;margin: 1.015625vw 0;transform: rotate(180deg);}
.project_list ul li:hover .tct .mores{height:3.125vw;transition: height .5s;} */

.boxss{width:69.79166666666667vw;margin: 0 auto;}
.ban{height:30.208333333333336vw;}
.ban h3{font-size: 2.1875vw;font-weight: bold;color:#fff;padding-top: 20%;}
.ban p{display: block;position: relative;width:0.5208333333333334vw;height:0.5208333333333334vw;margin-top: 1.0416666666666667vw;}
.ban p::before,
.ban p::after{content: "";display: block;width: 0.5208333333333334vw;height:0.2604166666666667vw;background: #ddd;}
.ban p::after{transform: rotate(90deg);margin-top: -3px;}
.ban p span{display: block;width:7.8125vw;height:1px;background: #ddd;margin-left: 0.5208333333333334vw;margin-top: -3px;}

.crumbs{margin-top: -3.125vw;position: relative;z-index: 2;text-align: right;height:3.125vw;}
.crumbs dl dt,
.crumbs dl dd{display: inline-block;vertical-align: top;font-size: 0.8333333333333334vw;line-height: 1.0416666666666667vw;color:#fff;opacity: .6;position: relative;}
.crumbs dl dd a{color:#fff;padding-right: 1.0416666666666667vw;}
.crumbs dl dt{margin-right: 0.5208333333333334vw;}
.crumbs dl dd::after{content: ">";display: block;color:#fff;font-family: 'Courier New', Courier, monospace;position: absolute;right:0.2604166666666667vw;top: 50%;margin-top: -0.5208333333333334vw;}
.crumbs dl dd:last-child{opacity: 1;padding-right: 0;}
.crumbs dl dd:last-child::after{display: none;}
.crumbs dl dd:last-child a{padding-right: 0;}
.box_con .title{text-align: center;}
.box_con .title h3{font-size: 1.6666666666666667vw;color:#333;font-weight: bold;}
.box_con .title span{display: block;width:2.604166666666667vw;height:1px;background: #b61c22;margin: 0.78125vw auto;}

.swiper-container-product {width: 100%;height: 100%;overflow: hidden;position: relative;}
/* .swiper-container-product .swiper-slide .pic{width:100%;height:15.625vw;overflow: hidden;text-align: center;line-height: 15.625vw;}
.swiper-container-product .swiper-slide .pic img{transition: all .5s;}
.swiper-container-product .swiper-slide:hover .pic img{transition: all .75s;transform: scale(1.1);} */
.swiper-container-product .swiper-slide .pic{width:100%;height:21.354166666666668vw;overflow: hidden;text-align: center;line-height: 21.354166666666668vw;position: relative;}
.swiper-container-product .swiper-slide .pic>img{transition: all .5s;}
.swiper-container-product .swiper-slide .pic span{display: block;width: 14.583333333333334vw;height:9.6875vw;overflow: hidden;position: absolute;left: 0.4166666666666667vw;right: 0;top: 5.729166666666667vw;margin: 0 auto;transition: all .75s;border-radius: 3px;}
.swiper-container-product .swiper-slide .pic span>img{display: block;transition: all .75s;}
.swiper-container-product .swiper-slide:hover .pic span img{display: block;transition: all .5s;transform: scale(1.1);}

.swiper-container-product .swiper-slide .txt{font-size: 1.25vw;color:#333;line-height:1.5625vw;height:3.125vw;padding:1.5625vw;text-align: center;letter-spacing: -0.5px;}
.swiper-container-product .swiper-slide:hover .txt{background: #b61c22;color:#fff;}
.swiper-container-product .swiper-button-next,
.swiper-container-product .swiper-button-prev{width:3.125vw;height:4.166666666666667vw;background: #b61c22;opacity: 1;z-index: 99;opacity: 0;}
.swiper-container-product:hover .swiper-button-next,
.swiper-container-product:hover .swiper-button-prev{opacity: 1;}
.swiper-container-product .swiper-button-next{right: 0;}
.swiper-container-product .swiper-button-prev{left: 0;}
.swiper-container-product .swiper-button-next:hover,
.swiper-container-product .swiper-button-prev:hover{background: #b61c22;}
.swiper-container-product .swiper-button-next::after,
.swiper-container-product .swiper-button-prev::after{font-size: 1.25vw;}

.custom_list ul li{margin: 0px auto 8.333333333333334vw;}
.custom_list ul li:nth-child(odd) .list_left{float: left;}
.custom_list ul li:nth-child(odd) .list_right{float: right;}
.custom_list ul li:nth-child(even) .list_left{float: right;}
.custom_list ul li:nth-child(even) .list_right{float: left;}
.custom_list ul li .list_left{width: 32.29166666666667vw;}
.custom_list ul li .list_left .num{font-size: 3.125vw;font-weight: bold;color:#b61c22;font-family: Arial, Helvetica, sans-serif;margin: 2.0833333333333335vw auto 0.5208333333333334vw;}
.custom_list ul li .list_left .tit{font-size: 1.7708333333333335vw;color:#333;font-weight: bold;}
.custom_list ul li .list_left .ico{margin: 1.0416666666666667vw 0;}
.custom_list ul li .list_left .txt{font-size: 0.8333333333333334vw;line-height: 1.6666666666666667vw;color:#333;}
.custom_list ul li:hover .list_left .tit{color:#b61c22;}
.custom_list ul li .list_left .more{font-size: 0.8333333333333334vw;border:1px solid #c5c5c5;width: 7.291666666666667vw;line-height: 2.0833333333333335vw;text-align: center;margin-top:1.5625vw;}
.custom_list ul li .list_left .more img{margin-left: 1.0416666666666667vw;transition: all .75s;}
.custom_list ul li .list_left .more:hover{color:#b61c22;border:1px solid #b61c22;}
.custom_list ul li .list_left .more:hover img{transform: rotate(360deg);transition: all .5s;}
.custom_list ul li .list_right{width:34.375vw;height: 22.916666666666668vw;overflow: hidden;box-sizing: border-box;text-align: center;line-height: 22.916666666666668vw;transition: all .75s;transform: scale(.95);}
.custom_list ul li .list_right:hover{transition: all .5s;transform: scale(1);}
.custom_list ul li:last-child{margin-bottom: 0;}

.service_list ul{font-size: 0;text-align: center;}
.service_list ul li{display: inline-block;vertical-align: top;width:15.885416666666668vw;text-align: center;margin: 0 2.0833333333333335vw 3.125vw 0;}
.service_list ul li .icons{width:9.114583333333334vw;height:9.114583333333334vw;overflow: hidden;margin: 0 auto;transition: all .75s;text-align: center;line-height: 9.114583333333334vw;}
.service_list ul li .tit{font-size: 1.3541666666666667vw;line-height: 1.6666666666666667vw;color:#333;font-weight: bold;margin: 1.3020833333333335vw auto 1.0416666666666667vw;}
.service_list ul li .txt{font-size: 0.7291666666666667vw;line-height: 1.4583333333333335vw;color:#666;text-align: justify;}
.service_list ul li .more{width:7.291666666666667vw;line-height: 2.0833333333333335vw;margin:1.5625vw auto 0;font-size: 0.8333333333333334vw;border:1px solid #c5c5c5;transition: all .5s;text-align: center;}
.service_list ul li .more img{margin-left: 1.0416666666666667vw;transition: all .5s;}
.service_list ul li:hover .icons{transform: scale(.9);transition: all .5s;}
.service_list ul li:hover .tit{color:#b61c22;}
.service_list ul li:hover .more{border:1px solid #b61c22;color:#b61c22;transition: all .5s;}
.service_list ul li:hover .more img{transform: rotate(360deg);}
.service_list ul li:nth-child(4n){margin-right: 0;}

.project_lists ul li{width:100%;height:19.791666666666668vw;overflow: hidden;margin-bottom: 2.0833333333333335vw;}
.project_lists ul li:nth-child(odd) .tct{float: left;margin-left: 5.208333333333334vw;;}
.project_lists ul li:nth-child(even) .tct{float: right;margin-right: 5.208333333333334vw;}
.project_lists ul li .tct{width:28.90625vw;}
.project_lists ul li .tct .tit{font-size:1.5625vw;font-weight: bold;color:#333;margin: 3.90625vw auto 1.3020833333333335vw;}
.project_lists ul li .tct .txt{font-size: 0.8333333333333334vw;line-height:1.5625vw;color:#666;}
.project_lists ul li .tct .more{width:7.291666666666667vw;line-height: 2.0833333333333335vw;margin: 1.8229166666666667vw 0 0;font-size: 0.8333333333333334vw;border:1px solid #c5c5c5;transition: all .5s;text-align: center;}
.project_lists ul li .tct .more img{margin-left: 1.0416666666666667vw;transition: all .5s;}
.project_lists ul li .tct .tit:hover{color:#b61c22;}
.project_lists ul li .tct .more:hover{border:1px solid #b61c22;color:#b61c22;transition: all .5s;}
.project_lists ul li .tct .more:hover img{transform: rotate(360deg);}

.about_cons{background: #fff;padding:3.125vw;box-sizing: border-box;}
.about_cons2{background: none;padding:0;}
.about_tit{width:9.635416666666668vw;}
.about_tit h3{font-size: 1.875vw;color:#333;font-weight: bold;}
.about_tit ul{text-align: right;padding-right: 2.0833333333333335vw;}
.about_tit ul li{font-size: 1.0416666666666667vw;line-height: 2.604166666666667vw;color:#333;margin: 0.5208333333333334vw auto;}
.about_tit ul li.active a{color:#b61c22;}
.fixed .about_tit{position: fixed;top: 5.208333333333334vw;}

.about_cons .about_cont{width: 51.5625vw;padding-left: 2.0833333333333335vw;border-left: 1px solid #dadada;}
.about_cons2 .about_cont2{width:57.29166666666667vw;}
.about_cons2 .about_cont2 .honor_list {padding-top: 5.208333333333334vw;}
.about_cons2 .about_cont2 .honor1{padding-top: 0;}

.about_lists ul li{height:18.75vw;padding:3.125vw;box-sizing: border-box;margin-top: 3.125vw;}
.about_lists ul li h3{font-size: 1.875vw;font-weight: bold;color:#fff;}
.about_lists ul li p{font-size: 0.8333333333333334vw;line-height:1.5625vw;color:#fff;height:3.125vw;margin-top: 1.0416666666666667vw;width: 75%;}
.about_lists ul li span{display: block;}
.about_lists ul li .more{width:7.291666666666667vw;line-height: 2.0833333333333335vw;margin: 1.8229166666666667vw 0 0;font-size: 0.8333333333333334vw;border:1px solid #fff;transition: all .5s;text-align: center;color:#fff;}
.about_lists ul li .more img{margin-left: 1.0416666666666667vw;transition: all .75s;}
.about_lists ul li .more:hover img{transform: rotate(360deg);transition: all .5s;}

.honor_list h3{font-size:1.5625vw;font-weight: bold;color:#333;padding-bottom:1.5625vw;}
.honor_list ul{font-size: 0;}
.honor_list ul li{width:17.916666666666668vw;height:15.625vw;overflow: hidden;display: inline-block;vertical-align: top;margin-right: 1.7708333333333335vw;text-align: center;line-height: 15.625vw;margin-bottom: 1.7708333333333335vw;}
.honor_list ul li img{transition: all .75s;}
/* .honor_list ul li:hover img{transform: scale(1.1);transition: all .5s;} */
.honor_list ul li:nth-child(3n){margin-right: 0;}

.party_top .pic{width:100%;height:16.354166666666668vw;overflow: hidden;}
.party_top .txt{font-size: 0.8333333333333334vw;line-height:1.5625vw;color:#333;margin: 1.0416666666666667vw auto;}
.party_btm h3{font-size:1.5625vw;font-weight: bold;color:#333;margin: 2.604166666666667vw auto 1.5625vw;}
.party_btm ul{font-size: 0;}
.party_btm ul li{display: inline-block;vertical-align: top;width:28.125vw;margin-bottom:1.5625vw;margin-right: 1.0416666666666667vw;}
.party_btm ul li:nth-child(2n){margin-right: 0;}
.party_btm ul li .pic{width:28.125vw;height:11.979166666666668vw;overflow: hidden;text-align: center;line-height: 11.979166666666668vw;}
.party_btm ul li .pic img{transition:  all .5s;}
.party_btm ul li:hover .pic img{transition:  all .5s;transform: scale(1.1);}
.party_btm ul li .day{background: #b61c22;color:#fff;font-size: 0.7291666666666667vw;text-align: center;width: 5.208333333333334vw;line-height:1.5625vw;margin-top: -1.5625vw;position: relative;z-index: 2;margin-left:  0.78125vw;}
.party_btm ul li .tit{font-size: 0.9375vw;line-height:1.5625vw;color:#333;margin-top: 0.78125vw;}
.party_btm ul li .mains_text{height:4.6875vw;overflow: hidden;margin: 0.5208333333333334vw auto;overflow-y: scroll;padding:0 0.78125vw;box-sizing: border-box;}
.party_btm ul li .mains_text::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#ebebeb;}
.party_btm ul li .mains_text::-webkit-scrollbar {width:0.2604166666666667vw;height:0.5208333333333334vw;}
.party_btm ul li .mains_text::-webkit-scrollbar-thumb {background:#b61c22;background-clip:padding-box;min-height:28px;}
.party_btm ul li .mains_text::-webkit-scrollbar-thumb:hover {background:#b61c22;}

.join_item ul{font-size: 0;padding:0;box-sizing: border-box;text-align: center;}
.join_item ul li{display: inline-block;vertical-align: middle;width:33.333333%;text-align: center;position: relative;line-height: 4.166666666666667vw;}
.join_item ul li img{padding:0 20px;box-sizing: border-box;}
.join_item ul li::after{content: "";display: block;width: 1px;height:3.125vw;background: #dedede;position: absolute;right: 0;top: 50%;margin-top: -1.5625vw;}
.join_item ul li:last-child:after{display: none;}
.join_con ul li {
    margin-bottom: 2.0833333333333335vw;
    border:1px solid #dedede;
    border-radius: 10px;
}

.join_con ul li:last-child{
    margin-bottom: 0;
}
.join_con ul li .tit{
    padding: 1.5625vw;
    cursor: pointer;
    box-shadow: 0 0.5208333333333334vw 1.0416666666666667vw rgba(0, 0, 0, 0.05);
}
.join_con ul li .tit h3{
    font-size: 1.3541666666666667vw;
    color:#333;
    margin-bottom: 1.5625vw;
    padding-bottom: 1.5625vw;
    border-bottom: 1px solid #eee;
    position: relative;
}
.join_con ul li .tit h3::before,
.join_con ul li .tit h3::after{
    content: "";
    display: block;
    width:1.0416666666666667vw;
    height:2px;
    background: #333;
    position: absolute;
    right: 0;
    top: 1.0416666666666667vw;
}
.join_con ul li .tit h3::after{transform: rotate(90deg);}
.join_con ul li .tit p{font-size: 0;}
.join_con ul li .tit p span{
    display: inline-block;
    vertical-align: top;
    width:33.33333%;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color:#666;
}
.join_con ul li .tct {
    border-radius: 0 0 0.5208333333333334vw 0.5208333333333334vw;
    overflow: hidden;
    display: none;
    margin-top:1.5625vw;
}
.join_con ul li .tct .mains_text{padding:1.5625vw;box-sizing: border-box;}
.join_con ul li .tct .tbs{background: #eee;padding:0 1.5625vw;line-height: 2.0833333333333335vw;}
.join_con ul li .tct .tbs .sp1{font-size: 1.0416666666666667vw;color:#333;}
.join_con ul li .tct .tbs .sp1 a{color:#333;}
.join_con ul li .tct .tbs .sp2{font-size: 0.7291666666666667vw;color:#999;}
/* .join_con ul li.active{border:none;} */
.join_con ul li.active .tct{display: block;}
.join_con ul li.active .tit h3{color:#b61c22;}
.join_con ul li.active .tit h3::before,
.join_con ul li.active .tit h3::after{background: #b61c22;}
.join_con ul li.active .tit h3::after{display: none;}

.contact_con{position: relative;}
#allmap{height:38.54166666666667vw;width: 100%;}
.BMap_Marker div{width:39px !important;height:25px !important;}

.contact_txt{width:25vw;height:31.25vw;box-sizing: border-box;padding:2.0833333333333335vw;position: absolute;right: 2.0833333333333335vw;top: 3.6458333333333335vw;background: rgba(255, 255, 255, .85);}
.contact_txt dl dt{font-size: 1.875vw;font-weight: bold;color:#333;position: relative;padding-bottom:1.5625vw;}
.contact_txt dl dt::before,
.contact_txt dl dt::after{content: "";display: block;position: absolute;height:1px;bottom: 0;left: 0;z-index: 3;}
.contact_txt dl dt::before{width:7.291666666666667vw;background: #b61c22;z-index: 4;}
.contact_txt dl dt::after{width: 100%;background: #dedede;}
.contact_txt dl dd{margin-top:1.5625vw;}
.contact_txt dl dd img{width:7.604166666666667vw;height: 7.604166666666667vw;}
.contact_txt dl dd span{display: block;font-size: 1.1458333333333335vw;line-height: 1.6666666666666667vw;color:#333;}
.contact_txt dl dd span font{color:#b61c22;}
.contact_txt dl dd b{font-size: 1.25vw;font-family: Arial, Helvetica, sans-serif;color:#333;}
.contact_txt dl dd p{font-size: 0.8333333333333334vw;line-height:1.5625vw;color:#333;}

.case_lists ul{font-size: 0;}
.case_lists ul li{display: inline-block;vertical-align: top;width:21.875vw;height:6.770833333333334vw;overflow: hidden;border:1px solid #cbd9e7;background: #f7f7fa;padding:1.5625vw;box-sizing: border-box;margin: 0 2.0833333333333335vw 2.0833333333333335vw 0;position: relative;}
.case_lists ul li:nth-child(3n){margin-right: 0;}
.case_lists ul li h3{font-size: 1.25vw;font-weight: bold;line-height: 1.9791666666666667vw;color:#333;position: relative;}
.case_lists ul li h3::before{content: "";display: block;width:2px;height:1.0416666666666667vw;background: #b61c22;position: absolute;left: -1.5625vw;top: 50%;margin-top: -0.5208333333333334vw;}
.case_lists ul li p{font-size: 0.9375vw;line-height:1.5625vw;color:#333;position: relative;z-index: 2;}
.case_lists ul li::before{content: "";display: block;width:100%;height:100%;position: absolute;top: 0;left: 0;z-index: 0;}
.case_lists ul li:hover::before{background: #b61c22;}
.case_lists ul li:hover h3,
.case_lists ul li:hover p{color:#fff;}
.case_lists ul li:hover h3::before{background: #fff;}

.news_title{text-align: center;margin-bottom: 2.0833333333333335vw;}
.news_title h3{font-size: 1.875vw;font-weight: bold;line-height: 2.0833333333333335vw;}
.news_title p{font-size: 0.7291666666666667vw;line-height: 1.5625vw;color:#999;margin: 0.78125vw auto;}

.news_con .mains_text{background: #f3f4f8;padding:2.0833333333333335vw;box-sizing: border-box;font-size: 16px;}
.pag{background: #f3f4f8;padding: 1.5625vw;box-sizing: border-box;margin: 2.0833333333333335vw auto;}
.pag ul {font-size: 0;}
.pag ul li{display: inline-block;vertical-align: top;width: 40%;text-align: center;background: #fff;line-height: 3.125vw;font-size: 0.8333333333333334vw;color: #333;padding: 0 1.5625vw;box-sizing: border-box;}
.pag ul li:hover {background: #b61c22;}
.pag ul li a {display: block;color: #333;}
.pag ul li:hover a{color: #fff;}
.pag ul li:nth-child(1) {text-align: right;}
.pag ul li:nth-child(2) {width: 15%;box-sizing: border-box;margin: 0 1.5625vw;}
.pag ul li:nth-child(2) span {display: inline-block;vertical-align: text-top;width: 1.25vw;height: 0.8333333333333334vw;overflow: hidden;background: url(../images/pag_icn.png) no-repeat;background-size: cover;}
.pag ul li:nth-child(2):hover span {background-position: 0 -0.8333333333333334vw;}
.pag ul li:nth-child(3) {text-align: left;}
.pag ul li:nth-child(2) a img {display: inline-block;vertical-align: inherit;width: 1.25vw;height: 0.8333333333333334vw;}


.news_list ul li{margin-bottom: 2.0833333333333335vw;}
.news_list ul li .pic{width: 20.3125vw;height:10.416666666666668vw;overflow: hidden;float: left;}
.news_list ul li .pic img{transition: all .75s;}
.news_list ul li .tct{width:46.35416666666667vw;float: right;}
.news_list ul li .tct .tit{font-size: 1.3541666666666667vw;line-height: 1.7708333333333335vw;color:#333;margin: 0.5208333333333334vw auto;}
.news_list ul li .tct .time{font-size: 0.7291666666666667vw;color:#999;line-height: 1.5625vw;}
.news_list ul li .tct .txt{font-size: 0.8333333333333334vw;line-height: 1.4583333333333335vw;color:#666;margin-top: 5px;}
.news_list ul li .tct .more{font-size: 0.7291666666666667vw;color:#999;margin: 0.5208333333333334vw auto;}
.news_list ul li .tct .more span{width:18px;height:7px;background: url(../images/news_icon.png) no-repeat;display: inline-block;margin-left: 5px;}
.news_list ul li:hover .tct .tit,
.news_list ul li:hover .tct .more{color:#b61c22;}
.news_list ul li:hover .tct .more span{background-position: 0 -7px;}
.news_list ul li:hover .pic img{transition: all .75s;transform: scale(1.1);}