@charset "utf-8";
/* CSS Document */
.index_head .nav li .down{position: absolute; background: #fff; padding:30px; width:1200px; left:50%; margin-left:-600px; display:none; transition:.2s ease; height:0;}
.index_head .nav li.navli:hover .down{ display:block; height:auto;}
.index_head .sec_nav ul li{ float: none; height:40px; line-height:40px}
.index_head .sec_nav{margin-left: 50px; font-size:14px;}
.down .col_info{ width: 175px;}
.down .col_info h3{ font-size: 24px; font-weight:normal; display:flex; align-items:center;}
.down .col_info h3 a{ line-height: 20px; width: 20px; text-align: center; margin-left:auto; border:1px solid #e8e8e8;} 
.down .col_info p{ margin: 20px 0; font-size:14px;}
.index_head .sec_nav{ position: relative;}
.index_head .sec_nav ul li a.seclink{ font-size: 14px; padding:0 20px; width:250px; display:flex; background:#f4f4f4; border: 1px solid #e8e8e8; margin-bottom:-1px;}
.index_head .sec_nav ul li a.seclink i{ margin-left:auto; display:none;}
.sec_nav ul li .third_nav{ position: absolute; top: 0; left: 250px; padding-left:20px; display:none;}
.sec_nav ul li .third_nav a{ font-size: 14px;  line-height: 38px; width:250px; padding:0 30px; border-bottom:1px solid #e8e8e8;}
.index_head .sec_nav ul li:hover .third_nav{ display:block;}
.index_head .sec_nav ul li:hover a{ border-right:none; background: #fff;}
.index_head .sec_nav ul li:hover a.seclink i{ display:block; color:#a60000;}
.sec_nav ul li .third_nav a:hover{ color:#a60000;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img.img-m{ width: 100%;}
.sy-ban .ban_txt{ position: absolute; left:5%; top:10%; height:100%;}
.sy-ban .ban_txt img{ height: 80%;}
.tzicon{ position: absolute; top: 70%; left: 0; width: 46px; height: 46px; border-radius: 50%; background: #fff; z-index:5; text-align: center; cursor:pointer;  transition:.2s ease; display:none;}
.tzicon i{ font-size: 20px; color: #a60000; line-height:46px;  transition:.2s ease;}
.tzicon:hover{ background:#a60000; box-shadow: 0 0 8px 0 rgba(255,255,255,.8);}
.tzicon:hover i{ color:#fff;}
.tzbg{ width: 330px; border-radius:10px; background:rgba(255,255,255,.9); position:absolute; left:5%; top:30%; z-index:5; transition:.2s ease;}
.tzbg:hover{ background:#fff;}
.tzbg h4{ font-size: 17px; font-weight: normal; color:#a60000;}
.tzbg h4 i{ margin-left: 5px;}
.tzbg p{ font-size: 17px; margin: 30px 0 40px; color:#333;}
.tzbg span{ color: #999999; font-family: dinpro;}
.tz_box{ position: relative; padding: 30px 30px 60px;}
.tz_box .icon-guanbi{ color: #999; position: absolute; right: 20px; top: 20px; font-size:30px; cursor:pointer;}
.tz_box .icon-guanbi:hover{ color:#a60000;}

.top_h{ height: 90px;}
.top_search{ margin-right: 30px;}
.top_search form{ background: #ededed; border-radius: 5px; overflow: hidden; line-height: 34px; padding-left: 5px;}
.top_search form input{ background: none; line-height: 34px; font-size: 14px;}
.top_search form input.sub{ width: 40px; background: #a60000 url(../images/search_03.png) no-repeat center center; cursor: pointer;}
.index_head .lang:hover{ color: #a60000;}
.sy_item_tit{ margin-bottom: 30px;}
.sy_item_tit h3{ font-size: 40px; font-family: sourb; margin-bottom: 15px;}
.sy_item_tit p{ font-size: 26px; font-family: dinpro; color: #333; text-transform: uppercase;}
.sy_item_tit p span{ color: #a60000;}
.item_top{ display: flex; align-items: flex-end; margin-bottom: 30px;}
.item_top .sy_item_tit{ margin-right: auto; margin-bottom: 0;}
.item_top .more{ color: #a60000; font-size: 14px;}
.sy_pro_nav ul li{ width: 19%; float: left; margin-right: 1.25%; background: #fff; position: relative; border: 3px solid #fff;}
.sy_pro_nav ul li a{ padding-top: 34.5%; display: block;}
.sy_pro_nav ul li .hot{ position: absolute; left:5px; top:5px; color:#a60000;}
.sy_pro_nav ul li .hot i{ color:#a60000 ; font-size:24px;}
.sy_pro_nav ul li:nth-child(5){ margin-right: 0;}
.sy_pro_nav ul li:nth-child(3) .hot,.sy_pro_nav ul li:nth-child(4) .hot,.sy_pro_nav ul li:nth-child(5) .hot{ display:none;}
.sy_pro_nav ul li p{position: absolute; width: 100%; padding: 0 20px; left: 0; bottom: 20px;}
.sy_pro_nav ul li .icon{position: absolute; top: 20px; right: 20px;transition: .2s ease; height:42px; overflow:hidden;}
.sy_pro_nav ul li i.plus{ font-weight: bold; font-size: 20px; position: absolute; right: 0; bottom: 0; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; color: #fff;}
.sy_pro_nav ul li:hover { border-color: #a60000;}
.sy_pro_nav ul li:hover p{ color: #a60000;}
.sy_pro_nav ul li:hover i.plus{ background: #a60000;}
.sy_pro_nav ul li:hover .icon{ top: 15px;}
.sy_pro_nav ul li:nth-child(2) .icon img,.sy_pro_nav ul li:nth-child(1) .icon img{transform: translateY(-200px); filter: drop-shadow(#a60000 0 200px);}
.sy_pro_list{ margin-top: 30px; position: relative;}
.sy_pro_list ul li{ background: #fff; text-align: center;}
.swiper-container{ overflow: hidden;}
li .more_btn.gb{ min-width: 110px; margin-top: 20px;}
li .more_btn.gb span{ line-height: 28px;}
.sy_pro_list ul li .sy_pro_txt{ padding:20px 10px;}
.sy_pro_list ul li:hover p{ color:#a60000;}
.sy_pro_list ul li .sy_pro_txt p{ height: 24px; overflow: hidden;}
.sy_pro_list ul li .more_btn p{ color: #222; height: 24px; line-height: 24px; overflow: hidden;}
.swiper-button-prev:after, .swiper-button-next:after{ font-size: 30px;}
.swiper-button-prev, .swiper-button-next{ bottom: 47%;}
.sy_pro_list .swiper-button-prev{ left: -40px;}
.sy_pro_list .swiper-button-next{ right: -40px;}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after{ color: #a60000;}
.sy_app_txt{ width: 50%; padding: 50px;}
.sy_app_txt h2{ font-weight: normal; font-size: 28px; margin-bottom: 20px;}
.sy_app_txt .more_btn{ margin-top: 50px;}
.app_center .swiper-num{ position: absolute; left: 50px; bottom: 50px; font-family: dinpro; font-size: 24px; color: #333;}
.sy_app_img{ width: 50%;}
.app_center{ box-shadow: 0 5px 8px rgba(0,0,0,.1); position: relative;} 
.sy_app_img ul li .imgfd{ padding-top: 54%;}
.app_center .swiper-num .active{ font-size: 48px; color: #a60000; font-weight: bold;}
.app_center .swiper-button-prev,.app_center .swiper-button-next{ width: 45px; height: 45px; line-height: 45px; color: #fff; border: 1px solid #999; bottom: 0;}
.app_center .swiper-button-prev:after,.app_center .swiper-button-next:after{ font-size: 20px; }
.app_center .swiper-button-prev{ left: 50%; margin-left: -45px;}
.app_center .swiper-button-prev:after{ color: #999;}
.app_center .swiper-button-next{ right: 50%; margin-right: -45px; background: #a60000; border-color: #a60000;}
.app_center .swiper-button-next:after{ color: #fff;}
.sy_about{ text-align: center; padding-bottom: 0;}
.sy_about .short_line{ width: 70px; height: 2px; background: #a60000; display: inline-block; margin: 30px 0 20px;}
.sy_about .sy_ab_tit{ font-weight: normal; font-family: sour; font-size: 30px; color: #a60000;}
.sy_about .sy_ab_txt{ width: 70%; margin: 30px auto;}
.sy_about .sy_ab_txt p{ color: #333;}
.sy_number{ background: rgba(166,0,0,.8); margin-top: 80px;}
.sy_number dl dt{ width: 20%; border-right: 1px solid rgba(255,255,255,.5); padding: 40px 0; color: #fff;}
.sy_number dl dt:last-child{ border: none;}
.sy_number dl dt b{ font-family: dinpro; font-size: 72px;}
.sy_news_box .sy_news_item{ background: #fff; width: 32%; padding-bottom: 50px; float: left; margin-right: 2%; position: relative;}
.sy_news_box .sy_news_item:nth-child(3n){ margin-right: 0;}
.sy_news_box .sy_news_item .imgfdd img{ height: 246px;}
.sy_news{ background: #ededed;}
.news_info{ padding: 25px; display: flex; align-items: flex-start;}
.news_info .line{ width: 1px; height: 60px; background: #cecece; margin: 0 auto;}
.news_info .date{ font-family: dinpro; color: #333; text-align: center;}
.news_info .date b{ color: #a60000; font-size: 28px;}
.news_info .news_txt{ max-width: 75%;}
.news_info .news_txt h2{ font-weight: normal; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden;}
.news_info .news_txt p{ height: 48px; overflow: hidden; margin-bottom: 30px; font-size: 14px;}
.news_info .news_txt span{ font-size: 14px; color: #a60000;}
.news_info .news_txt span i{ font-size: 14px; margin-left: 5px;}
.sy_news_box .sy_news_item .col_name{width: 100%; text-align: center; position: absolute; bottom: 0; left: 0;}
.sy_news_box .sy_news_item .col_name span{ display: inline-block; width: 140px; line-height: 40px; background: #cecece; color: #333;}
.faq_list{ padding: 25px;}
.faq_list ul li span{ font-family: dinpro; font-size: 14px; color: #a60000;}
.faq_list ul li p{ color: #333; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.faq_list ul li{ margin-bottom: 30px;}
.sy_news_item:hover .news_info h2,.faq_list ul li:hover p{ color: #a60000;}
.foot_center{ padding: 60px 0;}
.foot_center .f_logo{ margin-bottom: 30px;}
.foot_center .f_logo img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.contact_box ul li{ margin-bottom: 15px; display: flex; align-items: flex-start; font-size: 14px;}
.contact_box ul li i{ display: block; font-size: 22px; color: #a60000; margin-right: 5px;}
.f_nav{ margin-left: auto; width: 65%;position:relative;}
.f_nav .foot_qr{ position: absolute; right:0; top:50px; text-align:center;}
.f_nav .foot_qr img{ width: 100px;}
.f_nav .foot_qr span{ display: block; font-size: 14px; color: #ddd; margin-top:5px;}
.f_nav ul{ align-items: flex-start;}
.f_nav a{ display: block;font-size: 14px; color: #bbbbbb; margin-bottom: 10px;}
.f_nav a:hover{ text-decoration: underline;}
.f_nav ul p{ font-size: 17px; color: #fff; margin-bottom: 30px;}
.f_nav ul li{ margin-left: auto;}
.f_nav ul li:first-child{ display:none;}
.f_nav ul li:nth-child(2){ margin-left:0;}
.copy{ font-size: 14px; color: #fff; text-align: center; border-top: 1px solid rgba(255,255,255,.3); padding: 25px 0;}
.copy a{ color: #fff;}
.logo_box{ margin-top: 30px;}
.logo_box img{ height: 40px;}
.logo_box a{ margin-right: 50px;}
.link{ margin-top: 30px; font-size:14px; color:#fff; line-height:16px;}
.link a{ color: #bbbbbb; margin-left: 20px; padding-left:20px; display:inline-block; border-left:1px solid #ddd;}
.link a:first-child{ border:none;}
.posi{ line-height: 70px; font-size:14px; background:#ededed;}
.posi.gray_bg{ background: #f6f6f6;}
.posi .ny_ab_nav{ margin-left: auto;}
.posi .ny_ab_nav a{ font-size: 16px; display: inline-block; width: 200px; text-align: center;}
.posi .ny_ab_nav a.on,.posi .ny_ab_nav a:hover{ background: #a60000; color: #fff;}
.ny_title{ font-size: 30px; line-height: 28px; padding-left: 15px; border-left: 5px solid #a60000; margin-bottom:30px;}
.ny_sol_list ul li{ background: #fff; margin-bottom:40px;}
.ny_sol_list ul li .ny_sol_txt{ padding: 30px;}
.ny_sol_txt h2{ font-weight: normal; font-size:20px; line-height:26px; height:26px; overflow:hidden; margin-bottom:15px;}
.ny_sol_txt p{ font-size: 14px; line-height: 24px; height: 48px; overflow:hidden;}
.ny_sol_list ul li .imgfd{ padding-top: 56.25%;}
.ny_sol_list ul li:hover h2{ color:#a60000;}
.main_left{ width: 77%;}
.main_right{ width: 20%;}
.ny_news_list ul li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px solid #e8e8e8;}
.ny_news_img{ width: 20.5%;}
.ny_news_txt{ width: 77%;}
.ny_news_txt h2{ font-weight: normal; font-size:20px; line-height:26px; height:26px; overflow:hidden;}
.ny_news_txt .date{ display: block; font-family: dinpro; color: #a60000; font-size: 14px; margin:10px 0;}
.ny_news_txt .date i{ margin-right: 5px; font-size:14px;}
.ny_news_txt p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.ny_news_list ul li:hover h2{ color:#a60000;}

.hotn_tit{ padding: 20px; background: #a60000; color: #fff; font-size: 26px; font-weight: normal; font-size:26px;}
.hotn_tit span{ font-size: 16px;}
.hot_news ul{ border: 1px solid #ddd;}
.hot_news ul li{ border-bottom: 1px solid #ddd;}
.hot_news ul li a{ padding: 17px; display:block;}
.hot_news ul li .date{ font-family: dinpro; font-size: 14px; color:#a60000;}
.hot_news ul li p{ font-size: 15px; line-height: 24px; height: 48px; margin-top: 5px;}
.hot_news ul li:hover p{ color:#a60000;}
.hot_news ul li:last-child{ border:none;}
.about_main{ text-align: center; }
.about_main h3{ font-size: 36px; }
.about_main h3 span{ font-weight: normal;}
.about_main .short_line{ background: #a60000; width: 100px; height: 3px; display: inline-block; margin:20px 0;}
.about_main .main_txt{ text-align: left; color:#333;}
.about_main .main_txt p{ line-height: 30px;}
.ab_number{ background: none; text-align: center; color:#333;}
.ab_number dl dt b{ color: #a60000;}
.ab_number p{color: #333;}
.ab_number dl dt{ padding: 0;}
.zhici_left{ width: 28%; background: #a60000;}
.zhici_right{ width: 69%;}
.tit_list{ padding:35px 40px; color:#ffc852;}
.tit_list p{ line-height: 40px;}
.zhici_right h3{ font-size: 36px; margin-bottom: 30px;}
.zhici_right p{ line-height: 30px; color:#333;}
.zhici_left .imgfd{ padding-top: 66.7%;}
.about_cult{ text-align: center;}
.about_cult h3{ font-size: 36px; margin-bottom: 40px;}
.cult_list ul li{ width: 26%; float: left; margin-right: 11%; margin-bottom:30px;}
.cult_list ul li img{ -webkit-transition: 2s ease;-moz-transition: 2s ease;}
.cult_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.cult_list ul li:hover h4{ color:#a60000;}
.cult_list ul li:nth-child(3n){ margin-right:0;}
.cult_list ul li h4{ font-size: 20px; margin: 15px 0; color:#333;}
.cult_list ul li p{ line-height: 30px; height: 150px;}
.about_team h3{ text-align: center; margin-bottom: 40px; font-size:36px;}
.team_list ul li{ width: 32%; margin-right: 2%; float:left; position:relative;}
.team_list ul li:nth-child(3){ margin-right:0;}
.team_list ul li .imgfd{ padding-top: 112%;}
.team_list ul li .team_txt{ position: absolute; width: 100%; height: 100%; padding: 130px 70px 0; color:#fff; z-index:5; left:0; top:0;}
.team_list ul li .team_txt h4{ font-size: 30px; color: #fff; margin-bottom: 30px;}
.team_list ul li .team_txt p{ color: #fff; line-height: 30px;}
.workshop{ margin-top: 60px;}
.workshop .work_title{ text-align: center; margin-bottom:30px;}
.work_title h3{ font-size: 36px; margin-bottom:15px;}
.work_list{ padding-bottom: 50px; position: relative;}
.work_list ul li{ border: 1px solid #ddd;}
.work_list .swiper-button-prev,.work_list .swiper-button-next{ bottom: 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #e8e8e8; font-size:20px;}
.work_list .swiper-button-prev:after,.work_list .swiper-button-next:after{ font-size: 16px;}
.work_list .swiper-button-prev{ left: 45%;}
.work_list .swiper-button-next{ right: 45%;}
.work_list .swiper-button-prev:hover,.work_list .swiper-button-next:hover{ background:#a60000; color: #fff;}
.work_list .swiper-button-prev:hover:after,.work_list .swiper-button-next:hover:after{ color: #fff;}
.ny_honor_nav{ text-align: center; margin-bottom:40px;}
.ny_honor_nav a{ display: inline-block; line-height: 50px; padding: 0 20px; margin:0 10px;}
.ny_honor_nav a.on,.ny_honor_nav a:hover{ background:#a60000; color: #fff;}
.honor_des{ color: #333; margin-bottom: 40px;}
.honor_list ul li{ float: left; width: 16%; margin-right: 5%; margin-bottom:30px;}
.honor_list ul li:nth-child(5n){ margin-right:0;}
.honor_list ul li p{ line-height: 50px; background: #e8e8e8; height:50px; overflow:hidden; text-align:center;}
.honor_list ul li .honor_img{ border: 1px solid #e8e8e8; padding: 4px;}
.honor_list ul li .imgfd{ padding-top: 148%;}
.honor_list ul li:hover p{ background:#a60000; color: #fff;}
.xz-list{ background: #fff; border-top:2px solid #a60000;}
.xz-list .z_sx{height: 70px;line-height: 70px;color: #333; font-size:18px;}
.xz-list .z_sx th:first-child,.xz-list .xz-flmc td:first-child{padding-left: 60px;}
.xz-list tr{border-bottom: 1px dashed #ddd;color: #333;}
.xz-list .xz-flmc td{height: 65px;line-height: 65px;overflow: hidden;}
.xz-list .xz-flmc td a{display: block;color: #333;}
.xz-list .xz-flmc td a i{ font-size: 26px; color: #666;}
.xz-list .xz-flmc:hover a{ color:#a60000;}
.xz-list  td:last-child,.xz-list  th:last-child{ text-align:center;}
.xz-list .xz-flmc:hover i{color:#a60000;}

.join_title{ text-align: center;}
.join_title b{font-family: dinprobl; color: #eeeeee; font-size: 110px; line-height:100px; text-transform:uppercase;}
.join_title h3{ font-size: 36px; margin-top: -60px;}
.join_title .short_line{ background: #a60000; width: 35px; height: 2px; display: inline-block;}
.join_des{ text-align: center; margin:40px 0;}
.join_des p{ font-size:18px; line-height:36px;}
.join_list{ background: #fff;}
.join_list .join_tit p{ line-height: 70px; padding:0 50px;}
.join_list .join_tit:not(.first){ cursor: pointer;}
.join_list .join_tit.on{border-bottom: 1px dashed #dddddd;}
.join_list ul li:first-child .join_tit{ background:#ededed; border:none; font-size:18px;}
.join_list .join_tit p{ width: 24%; color:#333;}
.join_list .join_tit p:first-child{ width:28%;}
.join_list ul li{ border-bottom: 1px solid #e8e8e8;}
.join_txt{ padding: 25px 50px; display:none;}
.join_txt p{ font-size: 14px; line-height: 30px;}
.join_txt h4{ font-size: 16px; font-weight: normal; margin: 20px 0 15px;}
.join_list ul li:last-child{ border:none;}

.sale_left{ width: 45%; padding-top:120px;}
.sale_right{ width: 45%; padding: 0 160px 0 0;}
.sale_left p{ color: #333; line-height: 30px;}
.sale_list{ margin-top: 40px;}
.sale_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom:30px; padding-top:20px; border-top:1px solid #e8e8e8;}
.sale_list ul li:nth-child(3n){ margin-right:0;}
.sale_list ul li h3{ font-weight: normal; font-size: 18px; margin-bottom:10px; height:24px;}
.sale_list ul li h3 i{ color: #a60000; margin-right:5px;}
.sale_list ul li .sale_info{ height: 144px;}
.sale_list ul li .sale_info p{ font-size: 15px; padding-left: 10px; line-height: 24px;}
.sale_list ul li:hover h3{ color:#a60000;}
.con_left{ width: 45%;}
.map{ width: 50%; overflow: hidden;}
.con_left h3{ margin-bottom: 20px; font-size: 30px;}
.con_item h4{ font-size: 20px; color: #333; font-weight: normal; margin-bottom:10px;}
.con_left p{ color: #333; margin-top:15px;}
.page_message{ padding: 50px 0;}
.msg_title{ text-align: center; margin-bottom: 30px;}
.msg_title h3{ font-size: 36px; margin-bottom: 20px;}
.page_message .formbox.fl{ width: 48%; margin-right:4%; margin-bottom:20px;}
.page_message .formbox input,.page_message .formbox textarea{ line-height: 65px; background: #fff; width: 100%; padding-left: 5px; font-size:14px;}
.page_message .formbox.fl:nth-child(2n){ margin-right:0;}
.page_message .sub{ width: 240px; margin: 20px auto 0; color:#fff; text-align:center; font-size:18px; line-height:65px; background:#a60000; display:block; cursor:pointer;} 
.page_message .sub:hover{ text-decoration:underline;}

.procol_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 45px;}
.procol_list ul li:nth-child(3n){ margin-right:0;}
.procol_list ul li a{ padding: 20px; background: #fff; display:block;}
.procol_list ul li .procol_txt{ padding: 20px 0; border-top: 1px solid #a60000; margin-top:20px;}
.procol_txt h2{ font-weight: normal; color: #a60000; font-size: 22px;margin-bottom: 15px; line-height:30px; height:30px; overflow:hidden;}
.procol_txt p{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.hot_pro h3{ font-size: 30px; margin-bottom:30px;}
.ny_pro_list ul li{ float: left; width: 24%; margin-right: 1.33%;}
.ny_pro_list ul li:nth-child(4n){ margin-right:0;}
.list_top{ padding: 40px 0 65px;}
.list_top h3{ font-size: 30px; font-weight: normal; color: #a60000; margin-bottom:10px;}
.list_top p{ font-size: 14px;}
.ny_pro_nav h3{ font-size: 24px; line-height: 90px; width:240px; text-align:center; float:left; background:#f5f5f5;}
.ny_pro_nav{ border-top: 2px solid #a60000; border-bottom: 1px solid #e8e8e8;}
.ny_pro_nav a i{ font-size: 8px; margin-right:5px;}
.ny_pro_nav a{ padding: 0 50px; line-height:88px;}
.nav_list{ float: left;}
.nav_list ul{ display: none; overflow:hidden;}
.nav_list ul li{ float: left;}
.nav_list ul.act{ display: block;}
.nav_list ul li.on a,.nav_list ul li:hover a{ color:#a60000;}

.pro_lb .ny_pro_list ul li{ border: 1px solid #e8e8e8; margin-bottom:40px;}
.hot_pro.gray_bg{ padding: 45px 0 60px;}
.proshow_top{ padding: 40px 0;}
.prodet_img{ width: 35%;}
.prodet_txt{ width: 45%; margin-top:60px;}
.prodet_txt h1{ font-size: 36px; color: #a60000; margin-bottom:40px;}
.prodet_txt p{ line-height: 30px;}
.btn_box .down_btn{ margin-left: 30px; background: #525051; border-color: #525051;}
.btn_box{ padding: 30px 0; border-bottom: 1px solid #e8e8e8;}
.product_show{ padding: 50px 0;}
.product_show .show_tit{ font-size: 36px; text-align: center;}
.show_content{ width: 100%; overflow: hidden; padding: 40px 0;}
.show_content img{ max-width: 100%;}
.page_btn{ font-size: 14px; line-height:30px;}
.page_btn .next{ margin-left: auto;}
.page_btn i{ float: left; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px; background:#f6f6f6; font-size:12px;}
.page_btn .next i{ float: right; margin-left:5px;}
.page_btn .prev i{ margin-right: 5px;}
.page_btn a:hover{ color:#a60000;}

.right_list{ position: fixed; right: 10px; top: 30%; z-index:99;}
.right_list .quick_tel{ display: none;}
.right_list ul li{ margin-bottom: 3px; position:relative; }
.right_list ul li .right_box{ width: 75px; height: 75px; text-align: center; background: #fff; border-radius:3px; padding-top:10px; cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,.2);}
.right_list ul li .right_box span{ display: block; font-size: 14px; color: #a60000; margin-top: 5px;}
.right_list ul li .zb_box{ position: absolute; top: 0px; right:77px; width:0; transition:.2s ease; display:none; background:url(../images/jt_06.png) no-repeat right center; padding-right:7px;}
.right_list ul li:hover .zb_box{ width:auto; display:block;}
.right_list ul li .right_box:hover{ background:#a60000;}
.right_list ul li .right_box:hover span{ color:#fff;}
.right_list ul li .right_box:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.right_list ul li .zb_box .zb{ background: #a60000; color: #fff; padding:18px; box-shadow:0 0 8px rgba(0,0,0,.2); font-size:14px;}
.right_list ul li:first-child .zb{ width:300px;}
.right_list ul li:nth-child(3) .zb{ width:230px; font-family: dinpro; font-weight: bold; font-size: 20px;}
.right_list ul li:nth-child(5) .zb{ width:250px; padding:25px 18px;}
.right_list ul li:nth-child(5) .zb a{ margin-right:15px;}
.right_list ul li:nth-child(5) .zb a:last-child{ margin-right:0;}
.wangdian_box{ background: #fff; padding: 50px; border-radius: 8px; position:fixed; width:40%; left:30%; top:30%; z-index:88; display:none; box-shadow:0 0 15px rgba(0,0,0,.3);}
.wangdian_box h3{ font-size: 36px; text-align:center;}
.wd_list{ text-align: center;}
.wd_list p{ color: #333; font-size: 18px; margin-bottom: 10px; margin-top:30px;}
.wd_list a{ font-size: 14px; color: #a60000;}
.wd_list a:hover{ text-decoration:underline;}
.wd_close{ position: absolute; right: 50px; top: 50px; cursor:pointer;}
.wd_close i{ font-size: 30px;}
.newshow_tit{ margin-top: 40px;}
.newshow_tit h1{ font-size: 40px;}
.newsshow_info{ padding:30px 0; border-bottom: 1px solid #e8e8e8; font-size:14px;}
.newsshow_info .date{ margin-right: auto;}
.mainh{ height: 60px;}
.newsshow_info .col span{ color: #a60000;}
@media (max-width: 1700px){

}


@media (max-width: 1600px){
	.sy_pro_list .swiper-button-prev{ left: 0;}
	.sy_pro_list .swiper-button-next{ right: 0;}
	.index_head .nav li:last-child{ margin-right: 0;}
	.index_head .nav li a{ font-size: 15px;}
}

@media (max-width: 1441px){
	.index_head .nav li{ margin-right: 40px;}
	.ny_pro_nav a{ padding: 0 35px;}
	.ny_pro_nav h3{ width: 200px;}
	.prodet_txt h1{ font-size: 30px;}
	.prodet_txt{ margin-top: 20px;}
	.team_list ul li .team_txt{padding-top: 80px;}
	
}

@media (max-width: 1281px){
	.index_head .nav li a{ font-size: 15px;}
	.top_search form input{ width: 150px;}
	.index_head .nav li{ right: 40px;}
	.sy_item_tit h3{ font-size: 32px;}
	.sy_item_tit p{ font-size: 22px;}
	.sy_pro_list ul li .sy_pro_txt p{ font-size: 14px;}
	.sy_app_txt{ padding: 30px;}
	.sy_app_txt h2{ font-size: 24px;}
	.app_center .swiper-num{ left: 30px; bottom: 30px;}
	.sy_app_txt .more_btn{ margin-top: 30px;}
	.sy_about .short_line{ margin-top: 10px;}
	.sy_about .sy_ab_txt{ width: 90%;}
	.sy_number dl dt b{ font-size: 60px;}
	.sy_number{ margin-top: 50px;}
	.top_search form input{ width: 100px;}
	.list_top{ padding: 30px 0 40px;}
	.prodet_txt{ width: 50%;}
	.prodet_txt h1{ margin-bottom: 25px;}
	.newshow_tit h1{ font-size: 34px;}
	.tit_list{ padding:30px 20px;}
	.zhici_right p{ line-height: 24px;}
	.team_list ul li .team_txt{ padding: 60px 40px;}
	.honor_list ul li{ width: 23%; margin-right: 2.33%;}
	.honor_list ul li:nth-child(5n){ margin-right:2.33%;}
	.honor_list ul li:nth-child(4n){ margin-right:0;}
	.join_title b{ font-size: 80px; line-height: 70px;}
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.sy_pro_nav ul li .icon img{ height: 30px;}
	.sy_pro_nav ul li p{ padding: 0 10px; bottom: 15px;}
	.sy_pro_nav ul li .icon{ top: 10px; right: 15px;}
	.sy_app_txt{ width: 100%; float: none;}
	.sy_app_img{ width: 100%; float: none;}
	.app_center .swiper-num{ left: auto; right: 30px;}
	.sy_about .short_line{ display: none;}
	.sy_about .sy_ab_tit{ font-size: 24px;}
	.sy_about .sy_ab_txt p{ font-size: 14px;}
	.sy_about .sy_ab_txt{ width: 96%; margin: 20px auto;}
	.sy_number dl dt p{ font-size: 12px;}
	.sy_number dl dt b{ font-size: 40px;}
	.sy_number dl dt{ padding: 20px 0;}
	.news_info{ padding: 15px;}
	.news_info .news_txt h2{ font-size: 16px; line-height: 24px; height: 48px;}
	.news_info .date b{ font-size: 22px;}
	.news_info .news_txt p{ font-size: 12px; line-height: 20px; height: 40px; margin-bottom: 15px;}
	.sy_news_box .sy_news_item .imgfdd img{ height: 200px;}
	.faq_list{ padding: 15px;}
	.faq_list ul li p{ font-size: 16px; line-height: 24px; height: 24px;}
	.faq_list ul li{ margin-bottom: 20px;}
	.foot_center{ display: none;}
	.procol_list ul li a{ padding: 15px;}
	.procol_list ul li .procol_txt{ padding: 10px 0; margin-top: 10px;}
	.procol_txt h2{ font-size: 18px; margin-bottom:10px;}
	.ny_pro_nav h3{ display: none;}
	.ny_pro_nav a{ line-height: 60px;}
	.prodet_txt{ margin-top: 0;}
	.prodet_txt{ width: 60%;}
	.product_show{ padding: 30px 0;}
	.show_content{ padding: 25px 0;}
	.product_show .show_tit{ font-size: 30px;}
	.newshow_tit h1{ font-size: 28px;}
	.newsshow_info{ padding: 20px 0;}
	.main_right{ display: none;}
	.main_left{ width: 100%; float: none;}
	.about_main h3{ font-size: 30px;}
	.tit_list p{ font-size: 14px; line-height: 30px;}
	.team_list ul li .team_txt p{ line-height: 24px;}
	.team_list ul li .team_txt h4{ font-size: 24px; margin-bottom: 20px;}
	.ny_honor_nav a{ width: 30%; font-size:14px;}
	.ny_honor_nav{margin-bottom: 25px;}
	.honor_des{ margin-bottom: 25px;}
	.xz-list .z_sx th:first-child, .xz-list .xz-flmc td:first-child{padding-left:40px;}
	.xz-list .z_sx{ line-height: 60px; height:60px;}
	.xz-list .xz-flmc td{line-height: 50px; height: 50px;}
	.join_des p{ font-size: 16px; line-height: 30px;}
	.sale_left{ padding-top: 30px;}
	.sale_list ul li h3{ font-size: 16px;}
	.map{ display: none;}
	.con_left{ width: 100%;}
	
}
@media (max-width: 768px){
	.sy_pro_nav{display: none;}
	.sy_item_tit h3{ font-size: 26px; margin-bottom: 10px;}
	.sy_item_tit p{ font-size: 18px;}
	.sy_item_tit{ margin-bottom: 15px;}
	.item_top{ margin-bottom: 15px;}
	.sy_number dl dt p{ height: 48px;}
	.sy_news_box .sy_news_item{ width: 100%; float: none; margin-bottom: 20px;}
	.sy_news_box .sy_news_item .col_name{ display: none;}
	.sy_news_box .sy_news_item{ padding-bottom: 0;}
	.right_list ul li{ display: none;}
	.right_list{ top: 80%;}
	.right_list .quick_tel{ display: block; width:60px; height:60px; border-radius:50%; padding-top:15px; text-align:center; background:rgba(255,255,255,.8); box-shadow:0 0 5px rgba(0,0,0,.3);}
	.tzbg{ display: none;}
	.ny_pro_nav a{ line-height: 40px; font-size:14px;}
	.prodet_txt h1{ font-size: 24px;}
	.prodet_txt p{ line-height: 24px;}
	.btn_box{ padding: 15px 0;}
	.posi .ny_ab_nav a{ width: 140px; font-size:14px;}
	.ny_news_txt .more_btn{ display: none;}
	.ab_number{ margin-top: 30px;}
	.zhici_right h3{ font-size: 24px; margin-bottom: 15px;}
	.cult_list ul li{ width: 30%; margin-right:5%;}
	.team_list ul li .team_txt{ padding: 30px 20px 0;}
	.team_list ul li{ width: 100%; float: none; margin-bottom:20px;}
	.team_list ul li .imgfd{ padding-top: 50%;}
	.xz-list .z_sx{ font-size: 16px;}
	.xz-list tr{ font-size: 14px;}
	.join_des{ margin: 20px 0;}
	.join_list .join_tit p{ padding: 0 20px; line-height:50px;}
	.join_txt{ padding: 15px 20px;}
	.sale_right{ padding-right: 0;}
	.sale_list ul li{ width: 49%;}
	.sale_list ul li:nth-child(3n){ margin-right:2%;}
.sale_list ul li:nth-child(2n){ margin-right:0;}
.msg_title h3{ font-size: 30px;}
}
@media (max-width: 540px){
.procol_list ul li{ width: 49%; margin-bottom:20px;}
.procol_list ul li:nth-child(3n){ margin-right:2%;}
.procol_list ul li:nth-child(2n){ margin-right:0;}
.ny_pro_list ul li{ width: 49%; margin-bottom:20px;}
.ny_pro_list ul li:nth-child(2n){ margin-right:0;}
.ny_pro_nav a{ padding: 0;}
.nav_list ul li{ width: 25%; text-align: center;}
.prodet_img{ width: 100%; float: none;}
.prodet_txt{ width: 100%; float: none; margin-top: 20px;}
.proshow_top{ padding: 0 0 20px;}
.prodet_txt h1{ font-size: 20px; margin-bottom: 10px;}
.product_show .show_tit{ font-size: 24px;}
.page_btn{ display: block; line-height:22px;}
.page_btn .next{ margin-top: 10px;}
.page_btn i{ width: 22px; height: 22px; line-height: 22px;}
.page_btn .next i{ float: left; margin-left:0; margin-right:5px;}
.hot_pro.gray_bg{ padding: 20px 0 30px;}
.hot_pro h3{ font-size: 24px; margin-bottom: 15px;}
.hot_pro .sy_pro_list{ margin-top: 0;}
.posi{ line-height: 50px; font-size: 12px;}
.ny_sol_list ul li .ny_sol_txt{ padding: 15px;}
.ny_sol_txt h2{ font-size: 16px; height: 52px;}
.ny_sol_list ul li .ny_sol_txt .more_btn{ display: none;}
.ny_sol_list ul li{ margin-bottom: 20px;}
.ny_title{ font-size: 24px; line-height: 22px;}
.newshow_tit{margin-top: 20px;}
.newshow_tit h1{ font-size: 24px;}
.newsshow_info{ padding: 15px 0;}
.mainh{ height: 25px;}
.posi .ny_ab_nav a{ width: 100px;}
.ny_news_txt p{ display: none;}
.ny_news_txt h2{ font-size: 18px;}
.ny_news_list ul li{ padding-bottom: 15px; margin-bottom: 15px;}
.ab_number dl dt{ width: 45%; padding:0;}
.zhici_left{ width: 100%; float: none;}
.zhici_right{ width: 100%; margin-top: 15px;}
.cult_list ul li{ width: 100%; float: none; padding:20px; box-shadow:0 0 8px rgba(166,0,0,.22);}
.cult_list ul li p{ height: auto;}
.about_team h3,.about_cult h3{ font-size: 28px; margin-bottom: 20px;}
.work_title h3{ font-size: 28px;}
.workshop{ margin-top: 30px;}
.ny_honor_nav a{ width:45%; padding: 0; background:#f6f6f6; margin-bottom:15px;}
.honor_list ul li{ width: 49%; margin-right: 2%;}
	.honor_list ul li:nth-child(2n){ margin-right:0;}
	.xz-list .z_sx th:first-child, .xz-list .xz-flmc td:first-child{ padding-left:20px;}
	.xz-list .z_sx th:nth-child(2),.xz-list .xz-flmc td:nth-child(2){ display:none;}
	.join_des p{ font-size: 14px; line-height: 24px;}
	.join_title b{ font-size: 60px; line-height: 50px;}
	.join_title h3{ font-size: 26px; margin-top: -30px;}
	.sale_left{ width: 100%; float: none; padding-top: 0;}
	.sale_right{ width: 100%; margin-top: 15px;}
	.sale_list ul li h3{ height: 48px;}
	.sale_list ul li .sale_info p{ font-size: 14px;}
	.page_message{ padding: 25px 0;}
	.page_message .formbox input, .page_message .formbox textarea{ line-height: 45px;}
}
@media (max-width: 450px){
	.sy_pro_list ul li .sy_pro_txt p{ height: 48px;}
	.swiper-button-prev:after, .swiper-button-next:after{ font-size: 18px;}
	.sy_pro_list ul li .more_btn{ display: none;}
	.sy_app_txt{ padding: 15px; padding-bottom: 40px;}
	.sy_app_txt h2{ font-size: 18px; margin-bottom: 10px;}
	.sy_app_txt .more_btn{ margin-top: 20px}
	.app_center .swiper-button-prev, .app_center .swiper-button-next{ width: 36px; height: 36px; line-height: 36px;}
	.app_center .swiper-num .active{ font-size: 30px;}
	.app_center .swiper-num{ font-size: 18px;}
	.sy_number{ display: none;}
	.sy_about .sy_ab_tit{ font-size: 18px;}
	.sy_about{ padding-bottom: 25px;}
	.sy_item_tit h3{ font-size: 22px; margin-bottom: 5px;}
	.copy{ font-size: 12px;}
	.procol_list ul li{ width: 100%;}
	.nav_list ul li{ width: 33.3%;}
	.product_show{ padding: 20px 0;}
	.ny_sol_txt p{ display: none;}
	.ny_sol_txt{ padding:10px;}
	.ny_sol_txt h2{ font-size: 14px; line-height: 24px; height: 48px;margin-bottom: 0;}
	.copy{ font-size: 12px; padding:15px 0;}
	.ny_news_txt h2{ font-size: 16px;}
	.ny_news_txt .date{ margin-bottom: 0;}
	.posi .ny_center{ display: block;}
	.posi .ny_ab_nav{ width: 100%; display:flex;}
	.posi .ny_ab_nav a{ margin:0 auto; width:30%;}
	.about_main h3{ font-size: 24px;}
	.ab_number{ display: block; margin-top: 0;}
	.team_list ul li .team_txt h4{ font-size: 20px; margin-bottom: 10px;}
	.team_list ul li .imgfd{ padding-top: 60%;}
	.work_title h3{ font-size: 24px;}
	.workshop .work_title{ margin-bottom: 20px;}
	.about_team h3, .about_cult h3{ font-size: 24px;}
	.cult_list ul li p{ line-height: 24px;}
	.ny_honor_nav a{ width: 100%; margin:0 0 15px;}
	.ny_honor_nav{ margin-bottom: 10px;}
	.honor_list ul li{ margin-bottom: 20px;}
	.xz-list .z_sx{ line-height: 45px; height:45px;}
	.xz-list .xz-flmc td{ line-height: 40px; height: 40px;}
	.xz-list .xz-flmc td a i{ font-size: 22px;}
	.join_list .join_tit p{padding: 0 5px;}
	.join_txt{ padding: 10px 5px;}
	.join_txt h4{ margin: 5px 0;}
	.sale_list ul li{ width: 100%; float: none;}
	.sale_list ul li h3{ height: auto;}
	.sale_list ul li .sale_info{ height: auto;}
	.con_left h3{ font-size: 24px;}
	.con_item{ font-size: 14px;}
	.msg_title h3{ font-size: 24px; margin-bottom: 15px;}
	.msg_title{ margin-bottom: 20px;}
	.page_message .sub{ line-height: 45px; width: 100%;}
	.page_message .formbox.fl{ width: 100%; float: none; margin-bottom:15px;}
	.ny_ban img{ width: 140%; margin-left: -20%;}
}