@charset "utf-8";
html,body{font-family: "思源黑体","Microsoft YaHei","Arial";background: #fff;}
/*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;}

.max_con{padding:0 80px;max-width: 1920px;box-sizing: border-box;margin:0 auto;}

/*头部样式*/
header{margin:0 auto;position: fixed;top:0px;left:0;right:0;z-index: 99;text-align: center;transition: all .5s;background: url(../images/nav_bg.png) no-repeat center;padding-top: 30px;box-sizing: border-box;height:153px;}
header h1{float: left;max-width: 202px;line-height: 60px;}
header .head_right{float: right;}
header .head_right ul{font-size: 0;}
header .head_right ul,
header .head_right ul>li,
header .head_right .language{display: inline-block;vertical-align: top;line-height: 60px;}
header .head_right ul>li>a{padding:0 25px;display: block;font-size: 20px;color:#fff;position: relative;}
header .head_right ul>li>a::after{content: "";display: block;background: url(../images/nav_bar.png) no-repeat center;width:100%;height:0px;position: absolute;bottom: 0;left: 0;right:0;transition: height 1s;}
header .head_right ul>li>a.active,
header .head_right ul>li:hover>a{background: rgba(190, 51, 44, .2);color:#fff;}
header .head_right ul>li>a.active::after,
header .head_right ul>li:hover>a::after{height:7px;transition: height 1s;}

header .head_right ul>li .show_nav{position: absolute;width:100%;right:80px;max-width: 1640px;border-radius: 10px;height:0;overflow: hidden;transition: all 1s;}
header .head_right ul>li .show_nav .yyui_tab{position: relative;}
header .head_right ul>li .show_nav .yyui_tab>ul{max-width: 220px;float: left;line-height: 20px;box-sizing: border-box;background: rgba(255, 255, 255, .8);width: 13.415%;}
header .head_right ul>li .show_nav .yyui_tab>ul>li{width:100%;font-size: 14px;line-height: 20px;color:#333;text-align: left;cursor: pointer;padding:10px 20px;box-sizing: border-box;display: block;}
header .head_right ul>li .show_nav .yyui_tab>ul>li.yyui_tab_title_this{font-size: 14px;color:#be332c;background: #fff;}
header .head_right ul>li .show_nav .yyui_tab>ul>li::after{content: "next";font-family: swiper-icons;font-size: var(--swiper-navigation-size);text-transform: none!important;letter-spacing: 0;text-transform: none;font-variant: initial;font-size: 16px;float: right;display: none;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content{position: absolute;z-index: 0;right: 0;max-width: 1420px;width:86.585%;height:500px;background: #fff;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this{float: right;background: #fff;max-width: 1420px;width:86.585%;height:500px;position: absolute;z-index: 1;right:0;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list{text-align: left;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul{line-height: 30px;display: block;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li{max-width: 280px;width:20%;line-height: 30px}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li:hover a{background: none !important;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_img,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_img{max-width: 280px;max-height:277px;overflow: hidden;padding-top: 45%;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_img img,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_img img{max-width: 100%;transition: all 1s;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_bt,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_bt{font-size:16px;color:#111;text-align: center;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li .li_bt em,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li .li_bt em{font-family: "Book Antiqua";font-weight: bold;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li>a::after,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li>a::after{display: none;}
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content_this .nav_list>ul>li:hover .li_img img,
header .head_right ul>li .show_nav .yyui_tab .yyui_tab_content .nav_list>ul>li:hover .li_img img{transform: scale(1.1);transition: all 1s;}



header .head_right ul>li .show_navs{height:0px;position: absolute;right:80px;transition: all 1s;}
header .head_right ul>li .show_navs .show_nav_con{background: #ffff;overflow: hidden;position: absolute;right:0px;height:300px;z-index: 3;padding: 30px;box-sizing: border-box;border-radius: 10px;overflow: hidden;text-align: left;}
header .head_right ul>li .show_navs .show_nav_con dl{display: inline-block;vertical-align: top;margin:0 15px;max-width: 220px;}
header .head_right ul>li .show_navs .show_nav_con dl dt{max-width: 220px;max-height:180px;overflow: hidden;;}
header .head_right ul>li .show_navs .show_nav_con dl dd{font-size:16px;color:#333;text-align: left;}
header .head_right ul>li:hover .show_nav{height:500px;transition: all 1s;}
header .head_right ul>li:hover .show_navs{height:300px;transition: all 1s;}
header .head_right ul>li .show_navs .show_nav_con dl dt img{transition: all 1s;max-width: 100%;}
header .head_right ul>li .show_navs .show_nav_con dl:hover dt img{transform: scale(1.1);transition: all 1s;}

header .head_right .language{width:125px;height:50px;background: #be332c;line-height: 50px;margin:5px auto;margin-left:100px;color:#fff;border-radius: 5px;}
header .head_right .language img{display: inline-block;vertical-align: revert;opacity: .6;transition: all 1s;margin-right: 5px;}
header .head_right .language:hover img{opacity: 1;transition: all 1s;}
header .head_right .language a{display: inline-block;vertical-align: top;font-size: 14px;color:#fff;opacity: .8;margin:0 5px;}
header .head_right .language a.active{opacity: 1;}

.fixeds header{top:0;background: #fff;box-shadow: 0 0 2px #333;height: 60px;padding-top: 0;}
.fixeds header .head_right ul li>a{color:#333;background: none;}
/*底部样式*/
footer{margin: 0 auto;background: url(../images/footer_bg.jpg) no-repeat center;width:100%;overflow: hidden;position: relative;background-size: cover;}
.foot_top{border-bottom: 1px solid rgba(255, 255, 255, .2);}
.foot_sever{margin-right: 60px;}
.foot_sever a{font-size:20px;color:#fff;margin-left:80px;}
.foot_sever a font{font-size: 24px;font-family: "Book Antiqua";}
.foot_cen{border-bottom: 1px solid rgba(255, 255, 255, .2);}
.foot_cenl{max-width: 1025px;width:58.239%;font-size:0;border-right: 1px solid rgba(255, 255, 255, .2);box-sizing: border-box;}
.foot_cenl dl{max-width: 120px;display: inline-block;vertical-align: top;width:12%;}
.foot_cenl dl:nth-child(2){max-width: 360px;width:35.13%;}
.foot_cenl dl:nth-child(2) dd{font-size:0;line-height: 20px;}
.foot_cenl dl:nth-child(2) dd span{display: inline-block;width:50%;vertical-align: top;}
.foot_cenl dl dt{font-size:18px;line-height: 32px;color:#fff;margin-bottom: 10px;}
.foot_cenl dl dt a{color:#fff;display: block;}
.foot_cenl dl dd{font-size:14px;line-height: 20px;color:#fff;opacity: .7;}
.foot_cenl dl dd a{color:#fff;font-size:14px;display: block;}
.foot_cenr{max-width: 735px;width:41.761%;}
.foot_cenr dl{padding:0 40px;margin:10px auto;}
.foot_cenr dl dt{display: inline-block;vertical-align: top;font-size:13px;color: #fff;width:12%;}
.foot_cenr dl dt img{margin-right: 5px;}
.foot_cenr dl dd{display: inline-block;vertical-align: top;font-size:13px;color:#fff;opacity: .6;max-width: 410px;width:62.5%;}
.foot_cenr dl.fr{padding:0;margin-right: 60px;}
.foot_cenr dl.fr img{width:110px;height:110px;overflow: hidden;}
.foot_cenr dl.fr span{display: block;font-size:16px;color:#fff;text-align: center;margin-top:10px;}

.foot_btm{padding:10px 0;}
.foot_btm p{text-align: center;font-size: 14px;color:#fff;opacity: .6;font-weight: 300;}
.foot_btm p a{color:#fff;margin-left:20px;}
.foot-tp{background: #222;width: 80px;position: absolute;right: 0;bottom: 0;height: 100%;cursor: pointer;transition: all 1s;}
.foot-tp:hover{background: #be332c;transition: all 1s;}
/*banner样式*/
.banner{max-height:940px;position: relative;overflow: hidden;max-width: 1920px;margin:0 auto}
.swiper-container-banner .swiper-slide{overflow: hidden;}
.swiper-container-banner .swiper-slide-active{width:100%;}
.swiper-container-banner .swiper-slide img{transform: scale(1.2);transition: all .5s;}
.swiper-container-banner .swiper-slide.swiper-slide-active img{transform: scale(1);transition: all .5s;}
.swiper-container-banner .swiper-button-next,
.swiper-container-banner .swiper-button-prev{width:60px;height:60px;background: rgba(255, 255, 255, .3);border-radius: 60px;opacity: 0;}
.swiper-container-banner .swiper-button-next{right: 60px;transition: all .5s;}
.swiper-container-banner .swiper-button-prev{left: 60px;transition: all .5s;}
.swiper-container-banner:hover .swiper-button-next,
.swiper-container-banner:hover .swiper-button-prev{opacity: 1;}
.swiper-container-banner .swiper-button-next::after,
.swiper-container-banner .swiper-button-prev::after{font-size: 20px;color:#fff;}
.swiper-container-banner .swiper-button-next:hover::after,
.swiper-container-banner .swiper-button-prev:hover::after{font-size: 20px;color:#be332c;}
.swiper-pagination-banner {position: absolute;bottom: 40px;left: 0;right:0;margin:0 auto;z-index: 22;text-align: center;}
.swiper-pagination-banner .swiper-pagination-bullet{margin:0 8px;background: #fff;width:15px;height:15px;opacity: .8;}
.swiper-pagination-banner .swiper-pagination-bullet-active{background: #be332c;}

.sy_mains{margin:0 auto;}
.sy_mains .title{max-width: 1000px;text-align: center;margin:0 auto;text-align: center;}
.sy_mains .title h3{font-size: 32px;font-weight: bold;color:#333;padding-bottom: 15px;}
.sy_mains .title p{font-size: 14px;line-height: 26px;color:#666;font-weight: 300;}
.sy_mains .more{width:200px;line-height: 50px;font-size: 16px;color:#333;border:1px solid #333;text-align: center;margin: 0 auto;transition: width 1s;}
.sy_mains .more a{display: block;}
.sy_mains .more:hover{width: 250px;transition: width 1s;background: #be332c;border:1px solid #be332c;color:#fff;}
.sy_mains .more:hover a{color:#fff;}

.sy_product_list .swiper-container-product{position: relative;overflow: hidden;}
.sy_product_list .swiper-container-product .swiper-slide{max-width: 330px;max-height:530px;position: relative;overflow: hidden;}
.sy_product_list .swiper-container-product .swiper-slides .pics{background: #c1cfdb;height:100%;text-align: center;color:#fff;padding: 70% 0;}
.sy_product_list .swiper-container-product .swiper-slides .pics span{display: block;color:#fff;font-size: 22px;margin-top:15px;}
.sy_product_list .swiper-container-product .swiper-slide .pic{max-width: 330px;max-height:530px;overflow: hidden;}
.sy_product_list .swiper-container-product .swiper-slide .pic img{max-width: 100%;text-align: center;}
.sy_product_list .swiper-container-product .swiper-slide .tct{position: absolute;top: 0;left: 0;right:0;padding:20px;box-sizing: border-box;text-align: center;max-height:530px;}
.sy_product_list .swiper-container-product .swiper-slide .tct .ico{max-width: 290px;max-height: 360px;overflow: hidden;margin: 10% auto;}
.sy_product_list .swiper-container-product .swiper-slide .tct .ico img{max-width: 100%;text-align: center;transition: all 1s;}
.sy_product_list .swiper-container-product .swiper-slide .tct .bt{font-size: 22px;line-height: 32px;height:32px;color:#333;transition: all 1s;}
.sy_product_list .swiper-pagination-product{text-align: center;margin:20px auto;}
.sy_product_list .swiper-pagination-product .swiper-pagination-bullet{width:20px;height:20px;background: #eff1f3;border:1px solid #b0b0b0;opacity: 1;margin:0 25px;position: relative;}
.sy_product_list .swiper-pagination-product .swiper-pagination-bullet-active{border:1px solid #be332c;background: #eff1f3;}
.sy_product_list .swiper-pagination-product .swiper-pagination-bullet-active::after{content: "";display: block;width:4px;height:4px;background: #be332c;margin:0 auto;margin-top:8px;border-radius: 10px;}
.sy_product_list .swiper-pagination-product .swiper-pagination-bullet::before{content: "";display: block;width:52px;height:2px;background: #b0b0b0;position: absolute;left: -52px;top:10px}
.sy_product_list .swiper-pagination-product .swiper-pagination-bullet:first-child:before{display: none;}
.sy_product_list .swiper-pagination-product .swiper-pagination-bullet-active::before{background: #be332c;}
.sy_product_list .swiper-container-product .swiper-slide:hover .tct .ico img{transform: scale(0.9);transition: all 1s;}
.sy_product_list .swiper-container-product .swiper-slide:hover .tct .bt{transform: translateY(10px);transition: all 1s;}


/* .sy_about .title h3,
.sy_about .title p{color:#fff;} */
.sy_about .more{color:#fff;border:1px solid #fff;margin:30px auto;}
.sy_about .more a{color:#fff;}
.sy_about_list{position: relative;margin: 30px auto 0;}
.sy_about_list .swiper-container-about{position: relative;max-width: 1400px;overflow: hidden;margin:0 auto;}
.sy_about_list .swiper-container-about .swiper-slide{max-width: 330px;}
.sy_about_list .swiper-container-about .swiper-slide .pic{max-width: 330px;height: 260px;overflow: hidden;position: relative;}
.sy_about_list .swiper-container-about .swiper-slide .pic img{max-width: 100%;text-align: center;transition: all 1s;}
.sy_about_list .swiper-container-about .swiper-slide .bt{font-size:20px;line-height: 60px;height:60px;background: rgba(255, 255, 255, .1);color:#333;text-align: center;padding:0 15px;}
.swiper-container-about .swiper-button-next,
.swiper-container-about .swiper-button-prev{width:60px;height:60px;border-radius: 60px;opacity: 0;}
.swiper-container-about .swiper-button-next{right: 0px;transition: all .5s;}
.swiper-container-about .swiper-button-prev{left: 0px;transition: all .5s;}
.swiper-container-about:hover .swiper-button-next,
.swiper-container-about:hover .swiper-button-prev{opacity: 1;}
.swiper-container-about .swiper-button-next::after,
.swiper-container-about .swiper-button-prev::after{font-size: 20px;color:#fff;}
.swiper-container-about .swiper-button-next:hover::after,
.swiper-container-about .swiper-button-prev:hover::after{font-size: 20px;color:#be332c;}
.sy_about_list .swiper-container-about .swiper-slide:hover .pic::after{content: "";display: none;width:100%;height:100%;background: rgba(0, 0, 0, .3);position: absolute;top: 0;}
.sy_about_list .swiper-container-about .swiper-slide:hover .pic img{transform: scale(1.1);transition: all 1s;}
.sy_about_list .swiper-container-about .swiper-slide:hover .bt{background: #be332c;color:#fff;}

.sy_case_con{max-width: 1400px;margin:0 auto;padding:0;}
.sy_case .title{margin:0 auto;}
/* .sy_case .title h3,
.sy_case .title p{color:#fff;} */
.sy_case_list .yyui_tab{position: relative;height: 687px;overflow: hidden;}
.sy_case_list .yyui_tab>ul{text-align: right;font-size:0;line-height: 50px;}
.sy_case_list .yyui_tab>ul>li{display: inline-block;vertical-align: top;font-size:16px;line-height: 32px;color:#333;padding:0 30px;position: relative;cursor: pointer;}
.sy_case_list .yyui_tab>ul>li.yyui_tab_title_this{color:#be332c;}
.sy_case_list .yyui_tab>ul>li::after{content: "";display: block;width:1px;height:10px;background: #333;position: absolute;left: 0px;top:50%;margin-top: -5px;}
.sy_case_list .yyui_tab>ul>li:first-child:after{display: none;}
.sy_case_list .yyui_tab .yyui_tab_content_this{position: absolute;top:50px;left: 0;right:0;margin: 0 auto;z-index: 2;}
.sy_case_list .yyui_tab .yyui_tab_content{position: absolute;z-index: 1;width:100%;overflow: hidden;}
.swiper-container-case{overflow: hidden;position: relative;width:100%;}
.swiper-container-case .swiper-slide{width:100%;font-size:0;}
.swiper-container-case .swiper-slide .pic,
.swiper-container-case .swiper-slide .tct{max-width: 700px;width:50%;display: inline-block;vertical-align: top;height: 637px;background: #f0f2f5;overflow: hidden;}
.swiper-container-case .swiper-slide .tct{padding:60px;box-sizing: border-box;}
.swiper-container-case .swiper-slide .pic img{max-width: 100%;text-align: center;transition: all 1s;width:100%;height:100%;}
.swiper-container-case .swiper-slide .tct .bt{font-size:32px;line-height: 32px;color:#333;height:32px;margin: 12% auto;}
.swiper-container-case .swiper-slide .tct .txt{font-size:14px;line-height: 26px;color:#666;height:78px;}
.swiper-container-case .swiper-slide .tct .more:hover a{color:#fff;}
.swiper-container-case .swiper-slide .tct .more{margin:35px auto;}
.swiper-container-case .swiper-button-next,
.swiper-container-case .swiper-button-prev{width:60px;height:60px;border-radius: 0;background: rgba(51, 51, 51, .4);opacity: 1;top: auto;bottom: 0;}
.swiper-container-case .swiper-button-next{left:50%;}
.swiper-container-case .swiper-button-prev{right: 50%;left: auto;}
.swiper-container-case .swiper-button-next::after,
.swiper-container-case .swiper-button-prev::after{font-size: 24px;color:#fff;}
.swiper-container-case .swiper-button-next:hover,
.swiper-container-case .swiper-button-prev:hover{background: #be332c;}
.swiper-pagination-case{position: absolute;width:50%;right:0;text-align: center;bottom: 20%;z-index: 3;}
.swiper-pagination-case .swiper-pagination-bullet{background: #b9babc;width:15px;height:15px;opacity: 1;margin:0 8px;}
.swiper-pagination-case .swiper-pagination-bullet-active{background: #be332c;}
.swiper-container-case .swiper-slide:hover .pic img{transform: scale(1.1);transition: all 1s;}
.swiper-container-case .swiper-slide .tct .bt:hover{color:#be332c;}
.sy_news_list{max-width: 1400px;margin: 0 auto;}
.sy_news_list .left{max-width: 655px;width: 46.79%;}
.sy_news_list .left ul li{padding:0 25px;box-sizing: border-box;font-size:0;background: #e8e9e9;height:70px;line-height: 70px;margin-bottom: 30px;transition: all .5s;}
.sy_news_list .left ul li p{font-size:22px;color:#666;display: inline-block;vertical-align: middle;max-width: 500px;width:82.65%;}
.sy_news_list .left ul li p em{display: inline-block;vertical-align: middle;width:5px;height:5px;background: #666;border-radius: 5px;margin-right: 15px;}
.sy_news_list .left ul li span{display: inline-block;vertical-align: middle;font-size:14px;color:#333;text-align: center;max-width: 100px;width:16.529%;position: relative;}
.sy_news_list .left ul li span::before{content: "";width: 1px;height:10px;position: absolute;left: 0;top:50%;margin-top:-5px;background: #333;}
.sy_news_list .left ul li:hover{background: #be332c;transition: all .5s;}
.sy_news_list .left ul li:hover p,
.sy_news_list .left ul li:hover span{color:#fff;}
.sy_news_list .left ul li:hover p em{background: #fff;}
.sy_news_list .left ul li:hover span::before{background: #fff;}
.sy_news_list .right{max-width: 640px;overflow: hidden;width:45.72%;position: relative;}
.sy_news_list .right .swiper-container-news{position: relative;}
.sy_news_list .right .swiper-container-news .swiper-slide{width:100%;}
.sy_news_list .right .swiper-container-news .swiper-slide .pic{max-width: 640px;max-height:280px;overflow: hidden;position: relative;}
.sy_news_list .right .swiper-container-news .swiper-slide .pic img{max-width: 100%;text-align: center;transition: all 1s;}
.sy_news_list .right .swiper-container-news .swiper-slide .pic span{position: absolute;display: inline-block;padding:0 20px;background: rgba(51, 51, 51, .6);left: 20px;bottom: 0;z-index: 2;font-size:14px;line-height: 32px;color:#fff;font-weight: 300;}
.sy_news_list .right .swiper-container-news .swiper-slide .tct{padding:15px;box-sizing: border-box;}
.sy_news_list .right .swiper-container-news .swiper-slide .tct h3{font-size:22px;color:#333;line-height: 40px;height:40px;}
.sy_news_list .right .swiper-container-news .swiper-slide .tct p{font-size: 16px;line-height: 26px;color:#666;height:52px;font-weight: 300;}
.sy_news_list .right .swiper-container-news .swiper-slide .tct .mores{font-size: 16px;line-height: 32px;color:#333;margin-top:30px;}
.sy_news_list .right .swiper-pagination-news{position: absolute;bottom: 20px;right:0;z-index: 2;}
.sy_news_list .right .swiper-pagination-news .swiper-pagination-bullet{background:#afb0b4;opacity: 1;width:10px;height:10px;margin-left: 10px;}
.sy_news_list .right .swiper-pagination-news .swiper-pagination-bullet-active{background: #be332c;}
.sy_news_list .right .swiper-container-news .swiper-slide .tct h3:hover,
.sy_news_list .right .swiper-container-news .swiper-slide .tct .mores:hover{color:#be332c;}
.sy_news_list .right .swiper-container-news .swiper-slide:hover .pic img{transform: scale(1.1);transition: all 1s;}

.bar{height:420px;}
.bar h3{font-size:38px;color:#fff;height:420px;transition: all .8s;}
.bar:hover h3{font-size:42px;transition: all .8s;}

.mains_title{font-size:32px;color:#333;font-family: "思源黑体";text-align: center;}
.mains_title::before,
.mains_title::after{content: "";display: inline-block;background: url(../images/mains_title_icon.png) no-repeat;width:75px;height:14px;margin: 0 20px;}
.mains_title::after{transform: rotateY(180deg);}

.product_list .list_tit,
.product_list .list_tct{font-size:0;}
.product_list .list_tit li{display: inline-block;vertical-align: top;font-size: 20px;color:#333;padding-right: 22px;border-bottom: 1px solid #e5e5e5;line-height: 40px;}
.product_list .list_tit li a{display: block;color:#333;padding:10px 0;}
.product_list .list_tit li:hover,
.product_list .list_tit li:hover a,
.product_list .list_tit li.active,
.product_list .list_tit li.active a{color:#be332c;}

.product_list .list_tct li{display: inline-block;vertical-align: top;max-width: 330px;width: 23.58%;margin: 0 1.8% 2% 0;}
.product_list .list_tct li .list_img{max-width: 330px;height:530px;overflow: hidden;border:1px solid #e5e5e5;box-sizing: border-box;position: relative;background: #fff;}
.product_list .list_tct li .list_img::after{content: "+";display: block;width:95px;height:95px;border-radius: 5px;background: rgba(190, 51, 44, .7);position: absolute;left: 0;right:0;margin:0 auto;font-size: 50px;color:#fff;text-align: center;line-height: 95px;transition: all .8s;opacity: 0;} 
.product_list .list_tct li .list_img img{width: 312px;height:358px;max-width: 100%;transition: all .8s;}
.product_list .list_tct li:nth-child(4n){margin-right: 0;}
.product_list .list_tct li .list_txt{background: #f8f8f8;text-align: center;transition: all .8s;}
.product_list .list_tct li .list_txt .list_en{font-size: 20px;font-weight: bold;color:#111;font-family: "Book Antiqua";line-height: 32px;padding: 4% 0;}
.product_list .list_tct li .list_txt .list_cn{font-size: 18px;line-height: 32px;color:#333;line-height: 32px;}

.product_list .list_tct li:hover .list_img{border:1px solid #be332c;}
.product_list .list_tct li:hover .list_img{background: #f8f8f8;transition: all .8s;}
.product_list .list_tct li:hover .list_img img{transform: scale(1.1);transition: all .8s;}
.product_list .list_tct li:hover .list_txt{background: #be332c;transition: all .8s;}
.product_list .list_tct li:hover .list_txt .list_en,
.product_list .list_tct li:hover .list_txt .list_cn{color:#fff;}
.product_list .list_tct li:hover .list_img::after{opacity: 1;transition: all .8s;}

.product_tit{font-size: 24px;color:#333;font-family: "思源黑体";}
.product_con .yyui_tab{}
.product_con .yyui_tab h4{font-size: 32px;color:#333;line-height: 32px;}
.product_con .yyui_tab h4::before{content: "";display: inline-block;vertical-align: top;width:5px;height:30px;background: #be332c;margin-right: 20px;}
.product_con .yyui_tab>ul{margin-top: -65px;text-align: right;}
.product_con .yyui_tab>ul>li{display: inline-block;vertical-align: top;font-size: 20px;color:#000;font-family: "思源黑体";line-height: 32px;cursor: pointer;padding:0 10px;margin-left: 20px;position: relative;text-align: center;}
.product_con .yyui_tab>ul>li::after{content: "";display: block;width:0;height:1px;background: #be332c;position: absolute;bottom: -30px;left: 0;right:0;transition: all .8s;}
.product_con .yyui_tab>ul>li.yyui_tab_title_this{color:#be332c;}
.product_con .yyui_tab>ul>li.yyui_tab_title_this::after{width:100%;transition: all .8s;}
.product_con .yyui_tab .yyui_tab_content{display: none;}
.product_con .yyui_tab .yyui_tab_content_this{border-top: 1px solid #e5e5e5;margin: 30px auto;display: block;}
.product_con .yyui_tab .yyui_tab_content_this .mains_text{padding:40px;box-sizing: border-box;}

.lg_page ul li{float: left;line-height: 60px;background: #ebebeb;text-align: center;font-size: 16px;color:#333;transition: all 1s;max-width: 670px;width:49%;box-sizing: border-box;}
.lg_page ul li:nth-child(2){float: right;}
.lg_page ul li a{display: block;}
.lg_page ul li p{display: inline-block;vertical-align: middle;width:85%;max-width: 500px;text-align: left;}
.lg_page ul li span{max-width:60px;display: inline-block;vertical-align: middle;width:14%;position: relative;margin:0 2%;}
.lg_page ul li span::after{content: "";display: block;width:1px;height:15px;background: #333;position: absolute;right:0;top:50%;margin-top:-7px;}
.lg_page ul li:hover{background: #005bac;transition: all 1s;}
.lg_page ul li:hover p,
.lg_page ul li:hover span{color:#fff;height:60px;}
.lg_page ul li:hover span::after{background: #fff;}

.menu_nav{line-height: 60px;background: #f8f8f8;text-align: center;box-shadow: 5px 5px 10px #f8f8f8;}
.menu_nav ul li{display: inline-block;vertical-align: top;font-size: 16px;color:#333;}
.menu_nav ul li a{display: block;padding: 0 30px;color:#333;}
.menu_nav ul li.active,
.menu_nav ul li:hover{background: #e8e8e8;}
.menu_nav ul li.active a,
.menu_nav ul li:hover a{color:#be332c;}

.download_list ul li{padding:25px 40px;box-sizing: border-box;background: #f2f4f8;margin:30px auto;transition: all .8s;}
.download_list ul li .list_left{width:70%;}
.download_list ul li .list_right{width:30%;}
.download_list ul li .list_left img{margin-right: 15px;}
.download_list ul li .list_left span{display: inline-block;vertical-align: middle;font-size: 16px;color:#333;}
.download_list ul li .list_right{text-align: right;}
.download_list ul li .list_right span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 32px;color:#333;font-family: "Book Antiqua";}
.download_list ul li .list_right em{display: inline-block;vertical-align: middle;font-size: 16px;color:#fff;width:140px;line-height: 50px;text-align: center;background: #be332c;margin-left: 30px;transition: all .8s;}
.download_list ul li:hover{background:#e8e8e8;transition: all .8s;}
.download_list ul li:hover .list_right em{background: #fff;color:#be332c;transition: all .8s;}

.service_list ul,
.case_list ul{font-size: 0;}
.service_list ul li{display: inline-block;vertical-align: top;max-width: 430px;width: 32.0899%;margin: 0 1.8% 2% 0;}
.service_list ul li:nth-child(3n){margin-right: 0;}
.service_list ul li .list_img{max-width: 430px;height:320px;overflow: hidden;position: relative;}
.service_list ul li .list_img::before,
.service_list ul li .list_img::after{content: "";display: block;position: absolute;opacity: 0;transition: all .8s;}
.service_list ul li .list_img::before{z-index: 2;width:100%;height:100%;background: rgba(0, 0, 0, .3);}
.service_list ul li .list_img::after{background: url(../images/viode_icon.png) no-repeat;width: 71px;height:57px;top:50%;left: 0;right:0;margin:0 auto;margin-top:-27.5px;z-index: 3;}
.service_list ul li .list_img img{max-width: 100%;text-align: center;transition: all .8s;height:100%;}
.service_list ul li .list_tit{font-size: 16px;color:#333;line-height: 80px;text-align: center;} 
.service_list ul li:hover .list_img img{transform: scale(1.1);transition: all .8s;}
.service_list ul li:hover .list_tit{background: #e8e8e8;color:#be332c;}
.service_list ul li:hover .list_img::before,
.service_list ul li:hover .list_img::after{transition: all .8s;opacity: 1;}

.link_list ul li{max-width: 248px;max-height:100px;overflow: hidden;width: 18.508%;margin: 0 1.8% 2% 0;display: none;float: left;}
.link_list ul li img{max-width: 100%;text-align: center;transition: all .8s;}
.link_list ul li:nth-child(5n){margin-right: 0;}
.link_list ul li:hover img{transform: scale(1.1);transition: all .8s;}
.lg_ckgd{width: 190px;line-height: 55px;border: 1px solid #333;font-size: 16px;color: #333;text-align: center;margin: 30px auto;cursor: pointer;transition: all .8s;}
.lg_ckgd:hover{background: #be332c;color:#fff;transition: all .8s;}

.case_list ul li{display: inline-block;vertical-align: top;max-width: 650px;width: 48.508%;margin: 0 2.8% 3% 0;}
.case_list ul li:nth-child(2n){margin-right: 0;}
.case_list ul li .list_img{max-width: 650px;height:330px;overflow: hidden;}
.case_list ul li .list_img img{width: 100%;height:100%;transition: all .8s;}
.case_list ul li .list_tit{font-size: 26px;line-height: 80px;color:#333;text-align: center;background: #f3f3f3;transition: all .8s;}
.case_list ul li:hover .list_img img{transform: scale(1.1);transition: all .8s;}
.case_list ul li:hover .list_tit{background: #be332c;color:#fff;transition: all .8s;}

.message_con h3{text-align: center;font-size: 30px;line-height: 64px;color:#333;}
.message_con h3 span{color:#999;}
.message_con p{text-align: center;font-size: 16px;line-height: 32px;color:#666;}

.thank_box{max-width: 910px;margin:0 auto;}
.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:100%; 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;padding:15px;box-sizing: border-box;}
.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 #005bac; color: #fff; transition: all 0.5s ease 0s; background: #005bac 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; }

.BMap_Marker div{width:39px !important;height:25px !important;}

.contact_list ul{font-size: 0;}
.contact_list ul li{display: inline-block;vertical-align: top;max-width: 320px;height:220px;background: #f5f5f5;width:23.89%;margin: 0 1.4% 1.5% 0;padding:20px;box-sizing: border-box;text-align: center;}
.contact_list ul li:nth-child(4n){margin-right: 0;}
.contact_list ul li .li_ico{width:24px;height:24px;overflow: hidden;margin: 15px auto;}
.contact_list ul li .li_img{width: 150px;height:150px;overflow: hidden;margin: 0 auto;}
.contact_list ul li .li_img img{max-width: 100%;}
.contact_list ul li .li_tit{font-size: 26px;color:#333;line-height: 38px;}
.contact_list ul li .li_tit::after{content: "";display: block;width:40px;height:1px;background: #be332c;margin:10px auto;}
.contact_list ul li .li_txt{font-size: 24px;line-height: 32px;color:#666;}
.contact_list ul li .li_txt span{font-size: 18px;line-height: 30px;color:#666;}

.news_title{border-bottom: 2px solid #d41f29;}
.news_title h3{font-size: 26px;line-height: 26px;color:#333;}
.news_title p{font-size: 12px;line-height: 26px;color:#999;margin:30px auto;}
.news_title p span{display: inline-block;vertical-align: top;}
.news_title p a{font-size: 18px;line-height: 26px;color:#333;}
.news_title p a img{display: inline-block;vertical-align: text-bottom;}
.main_text ul li{list-style: initial;}

.news_list ul li{width:100%;margin-bottom: 30px;font-size: 0;}
.news_list ul li .list_img{max-width: 500px;height:220px;display: inline-block;vertical-align: top;width: 37.314%;margin-right: 2%;overflow: hidden;}
.news_list ul li .list_img img{max-width: 100%;height:100%;width: 100%;transition: all .8s;}
.news_list ul li .list_tct{max-width: 810px;display: inline-block;vertical-align: top;width: 60.448%;}
.news_list ul li .list_tct .list_time{font-size: 14px;line-height: 26px;color:#333;font-family: "Book Antiqua";}
.news_list ul li .list_tct .list_tit{font-size: 24px;line-height: 36px;height:36px;color:#333;transition: all .8s;}
.news_list ul li .list_tct .list_txt{font-size: 16px;line-height: 26px;height:52px;color:#666;margin: 10px auto;}
.news_list ul li .list_tct .list_more{border-top: 1px solid #b2b2b2;padding:15px 0;}
.news_list ul li .list_tct .list_more span{display: inline-block;width:120px;line-height:40px;font-size: 14px;color:#333;border:1px solid #333;text-align: center;transition: all .8s;}
.news_list ul li:hover .list_tct .list_tit{font-weight: bold;transition: all .8s;}
.news_list ul li:hover .list_tct .list_more span{background: #e8e8e8;border:1px solid #e8e8e8;transition: all .8s;}
.news_list ul li:hover .list_img img{transform: scale(1.1);transition: all .8s;}

.honor_list ul{font-size: 0;}
.honor_list ul li{display: inline-block;vertical-align: top;border: 1px solid #dfdfdf;box-sizing: border-box;max-width: 310px;max-height:380px;width: 23.135%;margin: 0 2.4% 2.5% 0;}
.honor_list ul li:nth-child(4n){margin-right: 0;}
.honor_list ul li .list_img{max-width: 310px;position: relative;max-height:380px;}
.honor_list ul li .list_img::after{content: "+";display: block;width: 95px;height: 95px;border-radius: 5px;background: rgba(0, 91, 172, .6);position: absolute;left: 0;right: 0;margin: 0 auto;font-size: 50px;color: #fff;text-align: center;line-height: 95px;transition: all .8s;opacity: 0;}
.honor_list ul li:hover .list_img::after{opacity: 1;transition: all .8s;}

#content { width: 500px; height: 170px; margin: 100px auto; }
#imgbox-loading { position: absolute; top: 0; left: 0; cursor: pointer; display: none; z-index: 90; }
#imgbox-loading div { background: #FFF; width: 100%; height : 100%; }
#imgbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none; z-index: 80; }
.imgbox-wrap { position: absolute; top: 0; left: 0; background: #FFF; display: none; z-index: 90; }
.imgbox-img { padding: 0; margin: 0; border: none; width: 100%; height: 100%; vertical-align: top; }
.imgbox-title { padding-top: 10px; font-size: 11px; text-align: center; font-family: Arial; color: #333; display: none; }
.imgbox-bg-wrap { position: absolute; padding: 0; margin: 0; display: none; }
.imgbox-bg { position: absolute; width: 20px; height: 20px; }

.about_left{max-width: 460px;width: 34.329%;}
.about_left h3{font-size: 32px;line-height: 32px;color:#333;font-family: "思源黑体";}
.about_left h3::after{content: "";width: 90px;height:2px;background: #d41f29;display: block;margin:20px 0;}
.about_right{max-width: 820px;width: 61.195%;}

.about_con3 .swiper-container_bars{max-width: 1340px;max-height:320px;overflow: hidden;position: relative;}
.about_con3 .swiper-container_bars .swiper-button-prev,
.about_con3 .swiper-container_bars .swiper-button-next{width:60px;height:60px;background: rgba(255, 255, 255, .6);top:auto;bottom: 20px;opacity: 1;}
.about_con3 .swiper-container_bars .swiper-button-prev:hover,
.about_con3 .swiper-container_bars .swiper-button-next:hover{background: #be332c;}
.about_con3 .swiper-container_bars .swiper-button-prev:hover::after,
.about_con3 .swiper-container_bars .swiper-button-next:hover::after{color:#fff;}
.about_con3 .swiper-container_bars .swiper-button-prev{left: auto;right:200px;}
.about_con3 .swiper-container_bars .swiper-button-next{right:20px;}
.about_con3 .swiper-container_bars .swiper-button-prev::after,
.about_con3 .swiper-container_bars .swiper-button-next::after{font-size: 24px;color:#d41f29;}
.about_con3 .swiper-container_bars .swiper-pagination_bars{position: absolute;bottom: 20px;left: auto;right:90px;width:100px;height:60px;background: #fff;z-index: 22;text-align: center;line-height: 60px;}
.about_con3 .swiper-container_bars .swiper-pagination_bars span{font-size: 14px;color:#333;}
.about_con3 .swiper-container_bars .swiper-pagination_bars span.swiper-pagination-current{font-size: 26px;}

.about_con h3{font-size: 32px;line-height: 32px;color:#333;font-family: "思源黑体";margin:30px auto;text-align: center;}
.about_con2 ul{font-size: 0;}
.about_con2 ul li{display: inline-block;vertical-align: top;max-width: 430px;width: 32.0899%;margin: 0 1.8% 2% 0;}
.about_con2 ul li:nth-child(3n){margin-right: 0;}
.about_con2 ul li .list_img{max-width: 430px;max-height:220px;overflow: hidden;}
.about_con2 ul li .list_img img{max-width: 100%;transition: all .8s;}
.about_con2 ul li .list_tit{font-size: 20px;color:#333;line-height: 32px;text-align: center;margin: 15px auto;}
.about_con2 ul li:hover .list_img img{transform: scale(1.1);transition: all .8s;}

.fb_ico{position: fixed;right:0;top:30%;z-index: 999;}
.fb_ico ul li{width:60px;height:60px;background: #fff;border-radius: 5px;margin-bottom: 10px;position: relative;}
.fb_ico ul li a em{background: url(../images/fb_ico.png) no-repeat;display: block;width:60px;height:60px;border-radius: 5px;}
.fb_ico ul li:nth-child(1) a em{background-position: -60px 0;}
.fb_ico ul li:nth-child(2) a em{background-position: -60px -60px;}
.fb_ico ul li:hover a em{background: url(../images/fb_ico.png) no-repeat #ba2c26;}
.fb_ico ul li:hover:nth-child(1) a em{background-position: 0px 0;}
.fb_ico ul li:hover:nth-child(2) a em{background-position: 0px -60px;}
.fb_ico ul li dl{position: absolute;right:60px;width:0;background: #fff;border-radius: 5px;top: 0;min-height: 30px;line-height: 30px;overflow: hidden;padding:15px 0}
.fb_ico ul li dl dd{width:88px;background: none;font-size: 16px;color:#111;}
.fb_ico ul li dl dd img{display: block;width:88px;height:88px;}
.fb_ico ul li dl dd span{display: block;text-align: center;line-height: 30px;}
.fb_ico ul li:hover dl{padding:15px;width:88px;transition: all 1s;}
.fb_ico ul li:hover:nth-child(1) dl,.fb_ico ul li:hover:nth-child(1) dl dd{width: 120px;text-align: center;}
.fb_ico ul li:hover:nth-child(2) dl{bottom: 0;top: auto;}

.mains_text{width: auto;overflow-x: auto;}