﻿@charset "utf-8";
html,body{font-family: "思源黑体","Arial";}
/*hide scroll*/
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:3px;height:10px;}
::-webkit-scrollbar-thumb {background:#b50a36;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;}
section{width:100%;margin:0 auto;}
    .yyui_tab_content_this .mains_text p span{background-color: #f8f8f8!important;}
 /*   .mains_text p span{background-color: #f8f8f8!important;}
    .mains_text p{background-color: #f8f8f8!important;}
     /*.mains_text {background-color:transparent;}*/

    /*.mains_text table{text-align: center!important;margin:0 auto;}*/
/*头部样式*/
header{margin:0 auto;position: fixed;top:0;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;line-height: 85px;border-bottom: 1px solid rgba(255, 255, 255, .18);padding:0 9.5%;background: rgba(0, 0, 0, .4);max-width: 1552px;}
header h1{float: left;max-width: 112px;}
header h1 img{max-width: 100%;}
header .head_right{float: right;}
header .head_right .head_nav{display: inline-block;vertical-align: top;}
header .head_right .head_nav ul li{float: left;font-size: 18px;color:#fff;font-weight: lighter;position: relative;}
header .head_right .head_nav ul li::after{content: "";display: block;width:0;height:2px;background: #b50a36;margin: 0 auto;position: absolute;left: 0;right:0;}5

header .head_right .head_nav ul li:hover::after{transition: all 1s;width:100%;}
header .head_right .head_nav ul li a{color:#fff;padding:0 25px;display: block;}
header .head_right .head_nav ul li dl{position: absolute;top: 150%;left: 0%;right:0;width: 100%;height:0;overflow: hidden;margin:0 auto;z-index: 9999;}
header .head_right .head_nav ul li dl dd{display: block;color:#fff;font-size: 14px;line-height: 40px;text-align: center;padding:0 5px;margin-bottom: 1px;box-sizing: border-box;background: rgb(152 151 151 / 60%);border-radius: 3px;}
header .head_right .head_nav ul li dl dd a{color:#fff;font-size: 13px;display: block;padding:0;}
header .head_right .head_nav ul li dl dd:hover{background: #b50a36;}
header .head_right .head_nav ul li:hover dl{top: 87px;z-index: 999;display: block;height:auto;transition: all .5s;}
header .head_right .head_nav ul li:hover dl dd a{background:none;margin:0;}

header .head_right .head_search{margin-left:30px;}
header .head_right .head_search{width:70px;display: inline-block;vertical-align: top;line-height: 80px;position: relative;margin-left:25px;position: relative;}
header .head_right .head_search .i_btn{cursor: pointer;display: block;width: 20px;line-height: 35px;background: #b50a36;color:#fff;border-radius: 5px;margin: 25px auto;transition: all 1s;padding:7.5px 15px;}
header .head_right .head_search .shows{position: absolute;top:86px;right: 0;height:42px;line-height: 42px;width:200px;border:1px solid #cacaca;border-radius: 8px;display: none;background: #fff;z-index: 99;box-sizing: border-box;}
header .head_right .head_search .shows input{width: 80%;height:40px;line-height: 40px;background: none;border:none;padding-left:5%;box-sizing: border-box;vertical-align: top;float: left;}
header .head_right .head_search .shows button{background: #b50a36;border:none;border-radius: 8px;width:40px;height:40px;position: absolute;right:0;top:0px;}
header .head_right .head_search .shows button i{width:auto;height:auto;margin: 0 auto;}

.fixeds header{line-height: 65px;transition: all 1s;}
.fixeds header .head_right .head_search .i_btn{margin: 15px auto;transition: all 1s;}
.fixeds header .head_right .head_nav ul li:hover dl{top: 65px;transition: all 1s;}
.fixeds header .head_right .head_nav ul li dl dd{background: #666;}
.fixeds header .head_right .head_nav ul li dl dd:hover{background: #b50a36;}
.fixeds header .head_right .head_search .head_search1{display: none;}
.fixeds header .head_right .head_search .head_search2{display: inline-block;}
.fixeds header .head_right .head_search .shows{top:66px;}

/*底部样式*/
footer{margin: 0 auto;overflow: hidden;padding: 0 9.5%;max-width: 1552px;}
footer .foot_top .left{max-width: 270px;float: left;width: 17.74%;}
footer .foot_top .center{max-width: 420px;float: left;width: 27.59%;margin-left: 2.5%;}
footer .foot_top .center dl{padding-bottom: 15px;}
footer .foot_top .center dl dt{font-size: 18px;line-height: 30px;color:#333;font-weight: 500;}
footer .foot_top .center dl dd{display: inline-block;vertical-align: top;margin-right: 15px;font-size: 14px;color:#666;line-height: 30px;}
footer .foot_top .right{max-width: 555px;float: right;width: 36.5%;}
footer .foot_top .right .hot{display: inline-block;vertical-align: top;max-width: 300px;}
footer .foot_top .right .hot dl dt{font-size: 18px;line-height: 36px;color:#333;}
footer .foot_top .right .hot dl dd{font-family:Arial;font-size: 26px;line-height: 50px;}
footer .foot_top .right .codes{max-width: 190px;float: right;}
footer .foot_top .right .codes img{width: 190px;height:190px;overflow: hidden;}
footer .foot_top .right .codes span{display: block;text-align: center;font-size: 14px;}
footer .foot_btm p{font-size: 14px;line-height: 24px;color:#999;}
footer .foot_btm p a{margin-left:10px;color:#999;}
footer .foot_btm p a:hover{color:#b50a36;}

.friend{width:190px;height:35px;margin:40px auto 0 0;position: relative;background: #fff;text-align: left;}
.friend-bar{position: relative;}
.friend-text{font-size: 14px;color:#333;line-height: 35px;text-align: left;padding-left:15px;cursor: pointer;}
.arro{background:#b50a36;width:35px;height:35px;line-height:35px;position: absolute;right: 0;top:0;cursor: pointer;font-size: 12px;color:#fff;}
.arro::before,
.arro::after{content: "";width:15px;height:1px;background: #fff;position: absolute;top:10px;left: 10px;}
.arro::before{transform: rotate(135deg);left: 15px;top:17px}
.arro::after{transform: rotate(50deg);left:5px;top:17px;}
.friend-list{position: absolute;bottom:35px;background: #3d3e3e;left:0;right:0;opacity: 0;transform: translateY(-10px);visibility: hidden;transition: all .5s;}
.friend-list .multiline1{width:100%;text-align: left;padding-left: 5px;}
.friend-list .multiline1 a{font-size: 12px;line-height: 30px;color:#fff;display: block;}
.friend.on .friend-list{transform: translateY(0);opacity: 1;visibility: visible;transition: all .5s;}



/*banner样式*/
/*.banner{position: relative;top: 0;left:0;right:0;height:100vh;overflow: hidden;}
.banner .swiper-container-banner .swiper-slide a{height:100vh;display: block;background-size: cover !important;transition: all 5s;}
.banner .swiper-container-banner .swiper-slide-active a{transform: scale(1.1) !important;transition: all 4s;}
.banner .swiper-container-banner .swiper-pagination-banner{position: absolute;bottom: 30px;left: 10%;z-index: 33;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width:15px;height:15px;background: #fff;opacity: .4;margin: 0 20px;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;background: #b50a36;position: relative;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::before,
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{content: "";display: block;width:10px;height:1px;background: #b50a36;position: absolute;top:50%;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::before{left: -10px;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{right:-10px;}*/
.banner{position: relative;top: 0;left:0;right:0;height:100vh;overflow: hidden;}
.banner .swiper-container-banner .swiper-slide a{height:100vh;display: block;background-size: cover !important;transition: all 5s;position: relative;}
.banner .swiper-container-banner .swiper-slide a img,
.banner .swiper-container-banner .swiper-slide-active a img{position: absolute;top: 87%;width: 45%;left: 100%;margin: 0 auto;opacity: 0;transition: all 1s;}
.banner .swiper-container-banner .swiper-pagination-banner{position: absolute;bottom: 30px;left: 10%;z-index: 33;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width:15px;height:15px;background: #fff;opacity: .4;margin: 0 20px;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;background: #b50a36;position: relative;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::before,
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{content: "";display: block;width:10px;height:1px;background: #b50a36;position: absolute;top:50%;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::before{left: -10px;}
.banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{right:-10px;}
.animation1 .swiper-container-banner .swiper-slide a img,
.animation1 .swiper-container-banner .swiper-slide-active a img{left: 30%;opacity: 1;transition: all 1s;}

.main .main_con{padding:0 9.5%;max-width: 1552px;margin: 0 auto;}
.main .main_con .title .en{font-size: 36px;font-family: Arial;color:#333;opacity: .3;text-transform: uppercase;}
.main .main_con .title .cn{font-size: 36px;color:#333;font-weight: 500;}
.main .main_con .more{font-size: 14px;line-height: 30px;color:#333;}
.main .main_con .more a{display: inline-block;}
.main .main_con .more img{transition: all 1s;}
.main .main_con .more:hover a{color:#b50a36;font-weight: 500;}
.main .main_con .more:hover img{transform: translateX(15px);transition: all 1s;}

.sy_about{min-height: 165vh;box-sizing: border-box;}
.sy_about .tct_txt{font-size: 14px;line-height: 30px;color:#333;max-width: 570px;}
.sy_about .tct_list dl{display: inline-block;vertical-align: top;width: 170px;}
.sy_about .tct_list dl dt{width: 120px;height:120px;border: 1px solid rgba(51, 51, 51, .2);border-radius: 50%;}
.sy_about .tct_list dl dt img{width:35px;height:35px;overflow: hidden;margin: 20px 30px;}
.sy_about .tct_list dl dd{font-size: 16px;color:#333;line-height: 45px;padding-left:30px;}
.sy_about .tct_list dl dd font{font-size: 40px;font-weight: bold;color:#b50a36;font-family: Arial;display: inline-block;}
.sy_about .tct_list dl dd sup{display: inline-block;vertical-align: text-bottom;font-size: 16px;}
.sy_about .tct_list dl dd:nth-child(2){margin-top: -55px;}

.sy_advantage{height:100vh;}
.sy_advantage .yyui_tab>ul{max-width: 510px;float: left;;}
.sy_advantage .yyui_tab>ul>li{margin-bottom: 60px;cursor: pointer;position: relative;}
.sy_advantage .yyui_tab>ul>li::after{content: "";display: none;width: 1px;height:187px;background: #fff;position: absolute;right:-20px;top:0;}
.sy_advantage .yyui_tab>ul>li.yyui_tab_title_this::after{display: block;}
.sy_advantage .yyui_tab>ul>li span{display: block;font-size: 36px;line-height: 40px;color:#fff;opacity: .3;text-transform: uppercase;font-family: Arial;}
.sy_advantage .yyui_tab>ul>li strong{display: block;font-size: 26px;font-weight: bold;color:#fff;position: relative;margin: 10px auto;}
.sy_advantage .yyui_tab>ul>li strong .tit{line-height: 30px;position: relative;z-index: 2;}
.sy_advantage .yyui_tab>ul>li p{font-size: 14px;line-height: 24px;color:#fff;opacity: .6;}
.sy_advantage .yyui_tab>ul>li strong .wave-list-box{height:30px;}
.sy_advantage .yyui_tab>ul>li strong .wave-list-box ul li{background:url(../images/sy_advantage_tit_bg.png) center;width:507px !important;height:30px !important;}
.sy_advantage .yyui_tab>ul>li.yyui_tab_title_this strong .wave-list-box ul li{background:url(../images/sy_advantage_tit_bg2.png) center;}

.sy_advantage .yyui_tab .yyui_tab_content_this{display: block;float: right;width: 58%;}
.sy_advantage .yyui_tab .yyui_tab_content{display: none;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico{max-width: 460px;height:460px;overflow: hidden;background: rgba(79, 116, 139, .35);border-radius: 50%;margin: 0 auto;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .ico{text-align: center;width:150px;height:150px;margin: 30px auto 50px;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct{width:460px;height:460px;background: rgba(181, 10, 64, .7);border-radius: 50%;overflow: hidden;transition: all 1s;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico:hover .tct{transform: translateY(15px);transition: all 1s;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .tit{font-size: 18px;line-height: 30px;color:#fff;text-align: center;margin: 50px auto 20px;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .tit font{font-size: 70px;font-family: Arial;font-weight: bold;}
.sy_advantage .yyui_tab .yyui_tab_content_this .sy_advantage_ico .tct .txt{font-size: 18px;line-height: 30px;color:#fff;text-align: center;}

.sy_products{position: relative;}
.sy_products .bgs{position: absolute;top: -285px;left: 0;right:0;height:462px;}
.sy_products .main_con{position: relative;z-index: 3;margin-top: -150px;}
.sy_products .main_con .more,
.sy_development .main_con .more{margin-top: -30px;}
.sy_products .main_con .more a,
.sy_products .main_con .more a:hover,
.sy_development .main_con .more a,
.sy_development .main_con .more a:hover{color:#fff;}

.sy_products .sy_products_list ul li{display: inline-block;vertical-align: top;max-width: 740px;max-height: 679px;overflow: hidden;position: relative;width: 47.66%;}
.sy_products .sy_products_list ul li:nth-child(2){float: right;}
.sy_products .sy_products_list ul li .list_img {max-width: 740px;max-height: 679px;overflow: hidden;text-align: center;}
.sy_products .sy_products_list ul li .list_img img{max-width: 100%;transition: all 1s;}
.sy_products .sy_products_list ul li:hover .list_img img{transform: scale(1.1);transition: all 1s;}
.sy_products .sy_products_list ul li .list_tct{position: absolute;top:30%;left: 0;right:0;max-width: 430px;padding:20px;margin: 0 auto;text-align: center;border:1px solid rgba(255, 255, 255, .6)}
.sy_products .sy_products_list ul li .list_tct .list_tst{padding:30px 40px;box-sizing: border-box;position: relative;z-index: 2;}
.sy_products .sy_products_list ul li .list_tct .list_tst .tit{font-size: 24px;line-height: 36px;color:#fff;}
.sy_products .sy_products_list ul li .list_tct .list_tst .txt{font-size: 14px;line-height: 28px;color:#fff;}
.sy_products .sy_products_list ul li .list_tct .list_tst .mores{height:0;overflow: hidden;transition: all .5s;margin-top:15px;}
.sy_products .sy_products_list ul li:hover .list_tct .list_tst .mores{height:30px;transition: all .5s;}
.sy_products .sy_products_list ul li .list_tct .list_tst .mores{font-size: 14px;color:#fff;line-height: 30px;display: inline-block;}

.sy_news .yyui_tab>ul{text-align: right;margin:-80px auto 50px;}
.sy_news .yyui_tab>ul>li{display: inline-block;vertical-align: top;cursor: pointer;font-size: 16px;color:#666;line-height: 30px;padding:0 30px;position: relative;}
.sy_news .yyui_tab>ul>li.yyui_tab_title_this{color:#b50a36;}
.sy_news .yyui_tab>ul>li::after{content: "";display: block;width:1px;height:15px;background: #666;position: absolute;top:50%;margin-top:-7.5px;left: 0px;}
.sy_news .yyui_tab>ul>li:first-child:after{display: none;}
.sy_news .yyui_tab>ul>li:last-child{padding-right: 0;}

.sy_news .yyui_tab .yyui_tab_content{display: none;}
.sy_news .yyui_tab .yyui_tab_content_this{display: block;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul{font-size: 0;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li{max-width: 480px;display: inline-block;vertical-align: top;width: 30.92%;margin: 0 3.6% 3.5% 0;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li:nth-child(3){margin-right: 0;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_img{max-width: 480px;height:280px;overflow: hidden;text-align: center;border-radius: 5px 5px 0 0;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_img img{max-width: 100%;transition: all 1s;height:100%;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li:hover .list_img img{transform: scale(1.1);transition: all 1s;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct{background: #fff;padding:30px;box-sizing: border-box;position: relative;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct::before{content: "";display: block;width:3px;height:15px;background: #b50a36;position: absolute;top: 38px;left: 0px;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct .tit{font-size: 20px;line-height: 30px;color:#333;height:60px;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct .txt span.fl{font-size: 14px;color:#333;line-height: 30px;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li .list_tct .txt span.fr{font-size: 24px;color:#333;line-height: 30px;}
.sy_news .yyui_tab .yyui_tab_content_this .sy_news_list ul li:hover .list_tct .tit{color:#b50a36;}

.sy_development .sy_development_list ul{font-size: 0;}
.sy_development .sy_development_list ul li{display: inline-block;vertical-align: top;max-width: 350px;height:260px;position: relative;width: 22.55%;margin: 0 3.2% 0 0;}
.sy_development .sy_development_list ul li:nth-child(4){margin-right: 0;}
.sy_development .sy_development_list ul li .list_img{max-width: 350px;height:260px;overflow: hidden;text-align: center;border-radius: 10px;}
.sy_development .sy_development_list ul li .list_img img{max-width: 100%;transition: all 1s;height:100%;}
.sy_development .sy_development_list ul li:hover .list_img img{transform: scale(1.1);transition: all 1s;}
.sy_development .sy_development_list ul li .list_tct{position: absolute;top: 0;left: 0;right:0;margin: 0 auto;}
.sy_development .sy_development_list ul li .list_tct .ico{width:73px;height: 73px;overflow: hidden;margin: 17% auto 3%;transition: all 1s;}
.sy_development .sy_development_list ul li:hover .list_tct .ico{transform: rotate(360deg);transition: all 1s;}
.sy_development .sy_development_list ul li .list_tct .tit{font-size: 20px;line-height: 36px;color:#fff;text-align: center;}
.sy_development .sy_development_list ul li:hover .list_tct .tit{color:#b50a36;}


.bar{height:620px;position: relative;}
.bar .title{position: absolute;bottom: 100px;}
.bar .title .cn{font-size: 46px;color:#fff;}
.bar .title .en{font-size: 20px;color: #fff;text-transform: uppercase;position: relative;padding-left:25px;line-height: 20px;margin-top:10px;}
.bar .title .en::after,
.bar .title .en::before{content: "";display: block;width:15px;height:5px;background: #b50a36;position: absolute;left: 0;top: 0;}
.bar .title .en::after{transform: rotate(90deg);left: -6px;top: 6px;}
.nav_list{margin-top:-60px;position: relative;z-index: 2;background: rgba(0, 0, 0, .2);}
.nav_list ul {text-align: center;font-size: 0;}
.nav_list ul li{line-height: 60px;display: inline-block;font-size: 16px;position: relative;}
.nav_list ul li::after{content: "";width:1px;height:15px;background: #999;display: block;position: absolute;right:0;top:50%;margin-top: -7.5px;}
.nav_list ul li:last-child:after{display: none;}
.nav_list ul li a{color:#fff;display: block;padding:0 30px;}
.nav_list ul li.active a{color:#b50a36;}

.crumbs{text-align: right;}
.crumbs dl dt,
.crumbs dl dd{display: inline-block;vertical-align: top;}
.crumbs dl dt i{font-size: 20px;color:#999;}
.crumbs dl dd a{font-size: 14px;color:#999;}
.crumbs dl dd::after{content: ">";display: inline-block;font-size: 14px;color:#999;margin: 0 10px;}
.crumbs dl dd:last-child:after{display: none;}
.crumbs dl dd:last-child a{/*color:#b50a36;*/}
.crumbss{height:656px;}

.mains_con .title{text-align: center;}
.mains_con .title .tit{font-size: 28px;line-height: 30px;color:#333;}
.mains_con .title .ico{margin: 15px auto 30px;}
.mains_con .title .txt{font-size: 16px;line-height: 24px;color:#333;}

.about_list dl{float: left;width:25%;padding: 0 2.5%;position: relative;box-sizing: border-box;}
.about_list dl::after{content: "";display: block;width: 1px;height:92px;background: #999;position: absolute;right:0;top:0;}
.about_list dl:first-child{padding-left:0;}
.about_list dl:last-child{margin-right: 0;}
.about_list dl:last-child::after{display: none;}
.about_list dl:last-child{padding-right: 0;}
.about_list dl dt{float: right;margin-top:25px;max-width: 35px;height:35px;overflow: hidden;}
.about_list dl dt img{transition: all 1s;}
.about_list dl:hover dt img{transform: rotate(360deg);transition: all 1s;}
.about_list dl dd span{font-size: 16px;color:#333;}
.about_list dl dd span font{color:#b50a36;font-size: 40px;font-weight: bold;display: inline-block;vertical-align: -webkit-baseline-middle;}
.about_list dl dd p{font-size: 16px;line-height: 32px;color:#999;}

.products_list ul{font-size: 0;}
.products_list ul li{display: inline-block;vertical-align: top;border-radius:12px;overflow: hidden;max-width: 380px;width: 300px;margin: 0 2.5% 2.5% 0;transition: all 1s;
border: 1px solid #ddd;
    box-sizing: border-box;
   
}
.cpright{
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #ddd;
border-radius: 12px;
}

.currpro{
    border: 1px solid red !important;;
}

.products_list ul li:nth-child(3n){margin-right: 0;}
.products_list ul li .list_img{max-width: 380px;height:280px;overflow: hidden;text-align: center;}
.products_list ul li .list_img img{width: 100%;transition: all 1s;height: 100%;
    object-fit: cover;}
.products_list ul li:hover .list_img img{transform: scale(1.1);transition: all 1s;}
.products_list ul li .list_tct{background: #fff;padding: 15px;}
.products_list ul li .list_tct .tit{font-size: 18px;line-height: 30px;color:#333;}
.products_list ul li .list_tct .xian{border-bottom: 1px solid #ddd;margin: 15px auto;}
.products_list ul li .list_tct .txt{font-size: 14px;line-height: 30px;color:#333;}
.products_list ul li .list_tct .txt span{transition: all 1s;display: inline-block;}
.products_list ul li:hover{box-shadow: 0 3px 8px #ddd;transition: all 1s;}
.products_list ul li:hover .list_tct .tit,
.products_list ul li:hover .list_tct .txt{color:#b50a36;}
.products_list ul li:hover .list_tct .txt span{transform: translateX(15px);transition: all 1s;}
.products_list ul li:hover .list_tct .txt span.fr{transform: translateX(-15px);}

.products_top{padding:30px;box-sizing: border-box;height:480px;margin-top:-105px;position: relative;z-index: 2;}
.products_top .top_tct{max-width: 510px;padding:30px;box-sizing: border-box;background: rgba(255, 255, 255, .9);float: right;}
.products_top .top_tct .tit{font-size: 24px;color:#111;line-height: 36px;margin-bottom: 30px;}
.products_top .top_tct .tit::before{content: "";display: inline-block;vertical-align: top;width:3px;height:20px;background: #b50a36;margin-top:8px;margin-right: 10px;}
.products_top .top_tct .mains_text{max-height: 290px;overflow-y: scroll;}
.products_btm{background: #f8f8f8;border-top: 2px solid #b50a36;margin-top:30px;}
.products_btm .yyui_tab>ul{background: #f0f4f7;}
.products_btm .yyui_tab>ul li{display: inline-block;vertical-align: top;width: 150px;line-height: 50px;text-align: center;font-size: 18px;color:#333;cursor: pointer;}
.products_btm .yyui_tab>ul li.yyui_tab_title_this{background: #b50a36;color:#fff;}
.products_btm .yyui_tab .yyui_tab_content_this{padding:30px;display: block;}
.products_btm .yyui_tab .yyui_tab_content{display: none;}

.lg_fy_con2 dl{margin:30px auto;}
.lg_fy_con2 dl dt{float: right;font-size: 16px;color:#575757;width:190px;border:1px solid #333;border-radius: 50px;line-height: 50px;box-sizing: border-box;font-size: 16px;text-indent: 2em;background: url(../images/news_info_icon_03.jpg) 140px center no-repeat;}
.lg_fy_con2 dl dt a,
.lg_fy_con2 dl dd a{display: block;}
.lg_fy_con2 dl dd{float: left;width:120px;line-height: 50px;text-align: center;background: #f1f1f1;border-radius: 50px;margin-right: 10px;font-size: 16px;overflow: hidden;}
.lg_fy_con2 dl dd:hover a{background: #b50a36 ;color:#fff;}

.contact_con{background: #f2f3f5;padding: 30px 35px;margin-top: 30px;}
.contact_con .left{float: left;width: 57%;border-right: 1px solid #999;box-sizing: border-box;margin-right: 3%;box-sizing: border-box;}
.contact_con .left .tit{font-size: 22px;line-height: 32px;color:#111;margin-bottom: 10px;}
.contact_con .left .txt dl {font-size: 0;}
.contact_con .left .txt dl dd{display: inline-block;vertical-align: top;width:50%;}
.contact_con .left .txt span{font-size: 16px;line-height: 30px;color:#666;display: block;}
.contact_con .left .txt b{font-size: 24px;font-family: Arial;line-height: 30px;color:#b50a36;display: block;}
.contact_con .right{float: right;width: 40%;}
.contact_con .right p{font-size: 16px;line-height: 30px;color:#666;}

.cont_right .bt,
.cont_map .bt{font-size: 38px;color:#424242;font-weight: bold;text-shadow: -2px 5px 2px #dedede;padding-bottom: 40px;margin-top:40px;}
.cont_maps .txt img{margin: 0 auto;}
 
.cont_map img{ width: auto; height: auto; max-width: 100% }
.address_bt{font-size: 30px;font-weight: bold;color:#666;}
.address_tit{ font-size: 16px; height:38px; line-height: 38px; display: block; overflow: hidden;color:#424242;}
.ress_i{ display: block; height:30px; line-height: 30px; overflow: hidden; font-size: 14px;color:#666;}
.resscont{ display: block; height:34px; line-height: 34px; overflow: hidden; font-size: 14px; color: #8f8f8f  }
.cont_ul li{ padding: 10px 0; border-bottom: 1px solid #eeeeee }
.cont_ul li .ress_img{ margin-right: 10px; display: inline-block; }
.ress_dl{ float: left; width: 145px; margin:0 18px 20px 0; }
.ress_dl dt{ float: left; width: 108px; height: 108px; border: 1px solid #dfdfdf; box-sizing: border-box; }
.ress_dl dt img{ width: auto; height: auto; max-width: 100% }
.ress_dl dd{ float: left; width:34px; text-align:center; padding-top: 15px;  }
.ress_dl dd .ress_sao{ font-size: 14px; display: block; line-height: 16px; }
.cont_right{ float: right; max-width:912px;width: 68%;}
.ress_div{padding-top: 20px;}
.thank_tit{ height:46px; line-height: 46px; margin-bottom: 22px; display: block; overflow: hidden; font-size:30px;   }
.tit_color{ color: #999999 }
.thank_div{ line-height: 32px; color: #666666; font-size: 16px; margin-bottom: 10px; }
.thank_em{ display: block; height:54px; line-height: 54px; font-size: 16px; color: #666;  }
.thank_txt{ background: #f2f3f5; box-sizing: border-box; border: 1px solid #f2f3f5; border-radius: 5px; width:500px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px;  }
.thank_xing{ font-size: 14px; color: #999999; padding-left: 15px; }
.thank_he{ float: left; width:290px; margin-right:20px;   }
.he_i{ height: 30px; line-height: 30px; margin-bottom: 10px; display: block; font-size: 14px; color: #999999; }
.he_txt{ width: 290px; }
.thank_he:nth-last-child(1){ margin-right: 0; }
.thank_area{ width: 100%; height: 190px;background: #f2f3f5; box-sizing: border-box; border: 1px solid #f2f3f5; border-radius: 5px; resize: none; }
.thank_sub{  display: block; border: 1px solid #575757; transition: all 0.5s ease 0s; background: #fff url(../images/cont1.png) 145px center no-repeat; width: 188px; height: 52px; line-height: 52px; text-indent: 20px; text-align: left; border-radius: 8px;  cursor: pointer; font-size:16px; color: #666   }
.thank_sub:hover{border: 1px solid #b50a36; color: #fff; transition: all 0.5s ease 0s; background: #b50a36 url(../images/cont11.png) 145px center no-repeat; }
.thank_right{ float: right; padding-top: 60px; }
.thank_left{ float: left; padding-top: 18px; }
.thank_code{ width: 262px; border-radius: 8px; border: 1px solid #cfd8dc }
.code{ height: 44px; line-height: 44px; width: 138px; float: left; display: block; background: none; border: none; font-size: 14px; color: #b9c5ca; padding: 0 10px; box-sizing: border-box; }
.code_img{ float: right; border-radius: 8px; }
.cont{ padding-bottom: 80px; }
.ser{ margin: 0 0 0 -60px; }
.ser_dl{ float: left; margin: 0 0 0 60px; width: 640px; padding: 60px 0 12px 0; border-bottom: 1px solid #dddddd;}
.ser_dl dt{ float: left; width: 90px; margin-right: 30px; }
.ser_dl dt img{ width: 90px; height: 90px; overflow: hidden; }
.ser_dl dd{ float: left; width:520px;  }
.ser_tit{ display: block; transition: all 0.5s ease 0s; height:34px; line-height: 24px; overflow: hidden; font-size: 22px;  }
.ser_words{ height:40px; margin-bottom: 16px; line-height: 20px; overflow: hidden; font-size: 14px; color: #666666  }
.ser_div{ height: 34px; line-height: 34px; overflow: hidden; }
.ser_time{ display: block; float: left; font-size: 14px; height: 34px; line-height: 34px; }
.ser_see{ float: right; height: 34px; cursor: pointer; font-size: 14px; line-height: 34px;background:  url(../images/ser11.png) right center no-repeat; padding-right: 28px; }
.ser_see:hover{background:  url(../images/ser1.png) right center no-repeat; color: #164e92;}
.ser_tit:hover{color: #164e92; transition: all 0.5s ease 0s;}

.news_list ul{font-size: 0;}
.news_list ul li{max-width: 380px;width:31.666666%;padding:20px;background: #fff;margin:0 2.5% 2.5% 0;display:inline-block; vertical-align: top;border-radius: 5px;border:1px solid #eee;box-sizing: border-box;}
.news_list ul li:nth-child(3n){margin-right: 0;}
.news_list ul li .time{font-size: 14px;color:#333;margin: 15px auto;}
.news_list ul li .time img{margin-right: 8px;display: inline-block;vertical-align: middle;}
.news_list ul li .time span{display: inline-block;vertical-align: middle;line-height: 14px;}
.news_list ul li .pic{max-width: 340px;height:200px;overflow: hidden;border-radius: 8px;}
.news_list ul li .pic img{transition: all 1s;}
.news_list ul li .bt{font-size:20px;color:#333;line-height: 30px;margin:15px auto;height:30px;}
.news_list ul li .txt{font-size: 14px;line-height: 28px;color:#666;height:56px;}
.news_list ul li .ta{font-size: 14px;line-height: 40px;border:1px solid #bebebe;box-sizing: border-box;padding:0 20px;text-transform: uppercase;border-radius: 10px;margin-top:10px}
.news_list ul li .ta i{background: url(../images/lg_case_icon.png) no-repeat;width:24px;height:10px;margin-left:35px;float: right;margin:14px auto;}
.news_list ul li:hover{background: #fff;box-shadow: 5px 5px 5px #f1f1f3,-5px -5px 5px #f1f1f3;}
.news_list ul li:hover .pic img{transition: all 1s;transform: scale(1.2);}
.news_list ul li:hover .ta{background: #b50a36;border:1px solid #b50a36;color:#fff;}
.news_list ul li:hover .ta i{background-position: 0 -10px;}
.news_list ul li:hover .bt{color:#b50a36;}

.news_con{border-bottom: 1px solid #ddd;}
.news_con .title{border-bottom: 1px solid #ddd;}
.news_con .title .tit{font-size: 24px;color:#111;font-weight: bold;}
.news_con .title .txt span{display: inline-block;font-size: 18px;color:#666;line-height: 36px;margin: 0 10px;}
.news_con .mains_text{padding:20px;}

.advantage_list{margin: 80px auto 0;}
.advantage_list ul{font-size: 0;}
.advantage_list ul li{height:330px;position: relative;z-index: 2;}
.advantage_list ul li .list_img,
.advantage_list ul li .list_tct{max-width: 600px;width:50%;float: left;}
.advantage_list ul li .list_img{max-width: 600px;height:330px;overflow: hidden;text-align: center;}
.advantage_list ul li .list_img img{max-width: 100%;transition: all 1s;}
.advantage_list ul li:hover .list_img img{transform: scale(1.1);transition: all 1s;}
.advantage_list ul li:nth-child(even){background: #f2f4f4;}
.advantage_list ul li:nth-child(odd) .list_img{float: left;}
.advantage_list ul li:nth-child(even) .list_img{float: right;}
.advantage_list ul li .list_tct{padding:50px;box-sizing: border-box;}
.advantage_list ul li .list_tct .tit{font-size: 24px;color:#b50a36;line-height: 36px;margin-top:20px;}
.advantage_list ul li .list_tct .tit::after{content: "";display: block;width:30px;height: 1px;background: #b50a36;margin: 15px 0 0;}
.advantage_list ul li .list_tct .item{font-size: 100px;font-family: Arial;color:rgba(181, 10, 64, .06);font-weight: bold;margin-top: -115px;}
.advantage_list ul li .list_tct .mains_text{margin-top: 15px;max-height: 140px;overflow-y: scroll;}

#welfare{height:580px;box-sizing: border-box;}

.recruit_tit{background: url(../images/recruit_bg.jpg) no-repeat top center;height:260px;padding:35px;box-sizing: border-box;margin-bottom: 60px;}
.recruit_tit dl dt{font-size: 20px;color:#fff;line-height: 40px;margin-bottom: 15px;}
.recruit_tit dl dd{font-size: 14px;line-height:32px;color:#fff;}
.recruit_tit dl dd span{font-size: 16px;margin-right: 10px;}
.recruit_list ul li{background: #f8f8f8;margin-top: 20px;border:1px solid #dfdfdf;border-radius: 10px;}
.recruit_list ul li .tit{padding: 20px;}
.recruit_list ul li .tit{border-bottom: 1px solid #dfdfdf;font-size: 0;cursor: pointer;}
.recruit_list ul li .tit span{display: inline-block;vertical-align: middle;line-height: 25px;}
.recruit_list ul li .tit span:nth-child(1){width:30%;font-size: 20px;color:#333;}
.recruit_list ul li .tit span:nth-child(2){width:60%;font-size: 16px;color:#666;}
.recruit_list ul li .tit span:nth-child(3){width:10%;}
.recruit_list ul li .tit span:nth-child(3)::before,
.recruit_list ul li .tit span:nth-child(3)::after{content: "";display: block;width:30px;height:3px;background: #333;text-align: center;margin:0 auto;}
.recruit_list ul li .tit span:nth-child(3)::after{transform: rotate(-90deg);margin-top:-3px;}
.recruit_list ul li .txt{height:0;padding:0;overflow: hidden;}
.recruit_list ul li.on .tit span:nth-child(3)::after{opacity: 0;}
.recruit_list ul li.on .txt{height:100%;padding:30px;}
.recruit_list ul li.on .tit span:nth-child(1){color:#b50a36;}
.recruit_list ul li.on .tit span:nth-child(3)::before{background: #b50a36;}

#train{height: 630px;box-sizing: border-box;}
.swiper-slide {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}
.gallery-top{max-width: 1200px;height: 490px;}
.gallery-thumbs {
    height: 140px;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-button-next::after,
.gallery-thumbs .swiper-button-prev::after{color:#b50a36}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    border-radius: 5px;
    /* opacity: 0.4; */
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border:1px solid #b50a36;
}

span#divMsg {
    font-size: 1.2rem;
    color: red;
    /* text-align: right; */
    float: right;
    margin-top: 10px;
}
div#Pagination {
    text-align: center;
}

.mian_bt_rypic {
    margin-top: 30px;
}

.mian_bt_rypic ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mian_bt_rypic ul li {
    width: 48%;
    display: inline-block;
    margin-right: 39px;
    height: 395px;
    border: 1px solid #e0dddd;
    margin-bottom: 20px;
}
.mian_bt_rypic ul li:nth-child(2n){
margin-right: 0;
}
.main_bt{
margin-top:20px;
}

.main_bt p {
    font-size: 18px;
    text-indent: 2em;
line-height: 30px;
}

.mains_text {
    font-size: 16px;
    line-height: 30px;
}
.mian_bt_rypic.scjdpic ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mains_text table {
    width: 100%!important;
}
.mains_text p {
   
}

.products_list.pt-90.fwal_list ul li {
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 0 0 12px 12px;
}
.fwal_list ul li .list_tct {
    border: none;
}
.fwal_list ul li .list_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.products_list.pt-90.fwal_list {
    padding-top: 0;
}




.head_left {
    float: left;
    width: 30%;
margin-right: 40px;
}
.head_left ul li {
    float: left;
    width: 33%;
    margin-right: 2px;
}
.head_left ul li:nth-child(3) {
    margin-right: 0!important;
}
.head_left ul li img {
    width: 100%;
}
.products_top.clearfix {
    background-size: contain!important;
}

.zzleftdiv
{
width:300px;
float:left;
}
.zzrightdiv
{
margin:0 auto;
width:820px;
float:right;
padding:20px;
}


@media (max-width: 768px){
.head_left ul li {
    width: 31%;
}
.mian_bt_rypic ul li {
    width: 100%;
}
.zzleftdiv
{
width:100%;

}
.zzrightdiv
{
margin:0 auto;
width:100%;
padding:0;

}

}