@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
body{margin:auto;padding:0px; -webkit-text-size-adjust: none; color: #333; overflow: initial !important; overflow-x: hidden;}
html,body{ font-size: 100%;}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:none;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:4px; background-color:#d2d2d2;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
a,a:active,a:visited,a:link{ text-decoration:none; outline-style:none;  -webkit-transition: all .6s;transition: all .6s; color: #333;}
a:hover{ text-decoration: none; color: #da251c;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%;}
.fl { float:left; }
.fr { float:right; }
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; outline: none;}
input{ padding:0; outline: none;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.all { width:100%; height:auto; margin:auto; position:relative; z-index:1;}
.w900{ width:56.25rem; margin:auto;}
.w1000{ width: 62.5rem; margin: auto;}
.w1100{ width:68.75rem; margin:auto;}
.w1200{ width:75rem; margin:auto;}
.w1400{ width:87.5rem; margin: auto;}
.w1600{ width:100rem; margin:auto;}
.wf100{ width: 100%; float: left;}
.w90{ width: 95%; margin: auto;}
.fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.center-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center { display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.between-center { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom { display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.column-between { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }

.pd-50{ padding: 50px 0;}

.luxy-el{ width: 100%; float: left; position: relative; z-index: 22; background: #fff;}

/*banner  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;  transparent*/

.arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer; z-index: 20;} 
.arrow span,.arrow span:after,.arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.arrow span {margin-top:-1px; width:0 } 
.arrow span:after,.arrow span:before {content:""; width:30px } 
.arrow.prev span {left:50%; margin-left:-10px } 
.arrow.prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.arrow.prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.arrow.next span {right:50%; margin-right:-10px } 
.arrow.next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.arrow.next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.arrow:hover span {width:40px } 
.arrow:hover.prev span {margin-left:-20px }
.arrow:hover.next span {margin-right:-20px }
.arrow.next{right:2.1%}
.arrow.prev{left:2.1%}
.banner_box .arrow span,.banner_box .arrow span:after,.banner_box .arrow span:before{background-color:#fff;}


.divpc{ display: block;}
.divphone{ display: none;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box a{ background: #e8e8e8; border-color: #fff; height: 3rem; line-height: 3rem; padding: 0 1.25rem; font-size: 1rem;}
.fanye-box a:hover,.fanye-box a.curr{ background: #da251c; color: #fff;}

.fy{ padding: 30px 0; margin-top: 30px; border-top: 1px solid #e5e5e5;}
.fy a{ display: inline-block;}
.fy .fl{ width: 50%;}
.fy .fl a{ width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; line-height: 40px; font-size: 16px;}
.fy .fl a:hover{ color: #da251c;}
.fy .fr{ padding: 0 30px; border: 1px solid #e5e5e5;}
.fy .fr span{ display: inline-block; line-height: 40px; background: url(../images/ico_jt13.png) no-repeat left; color: #666; background-size: auto 15px; padding-left: 35px; font-size: 16px; transition: all .6s;}
.fy .fr:hover{ background: #da251c;}
.fy .fr:hover span{ background-image: url(../images/ico_jt13_1.png); color: #fff;}


.head_btn{ width: 24px; float: right; position: relative; cursor: pointer; margin: 0 3rem 0 0;}
.head_btn::after{ content: ''; width: 1px; height: 100%; background: #fff; position: absolute; left: 4px; top: 0;}
.head_btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #da251c;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
}
.head_btn i.bar-top{ margin-top: 0;}
.head_btn i.bar-cen{ margin-top: 6px; width: 55%;}
.head_btn i.bar-bom{ margin-top: 6px; width: 90%;}
.head_btn.cur i.bar-cen{ opacity: 0;}
.head_btn.cur i.bar-top{ -webkit-transform:rotate(45deg) translate(6px, 6px);transform:rotate(45deg) translate(6px, 6px);}
.head_btn.cur i.bar-bom{ width: 100%; -webkit-transform: rotate(-45deg) translate(5.5px, -5px);transform: rotate(-45deg) translate(5.5px, -5px);}
.head_btn.cur::after{ display: none;}

.ewm_tc{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 100; text-align: center; display: none;}
.ewm_tc .w90{ height: 100vh;}
.ewm_tc img{ max-height: 250px;}

.swiper-button-next, .swiper-button-prev{ outline: none;}

.all_center_box{ width:100%; float: left; position: relative; min-height: 55vh;}

.head_box{ position: fixed; left: 0; top: 0; z-index: 99; transition: all .6s; background: #fff; box-shadow: 0 0 0.9rem rgba(0,0,0,0.3);}
.head_box>.wf100{ transition: all .6s;}
.head_box.active{ top: 0;}
.head_box .top-box{ position: relative; z-index: 2; padding-left: 2.5%;}
.head_box .top-box .pull-left{}
.head_box .top-box .pull-left img{ height: 4.125rem;}
.head_box .top-box .pull-right{ width: 100%; flex: 1;}
.head_box .head_menu{ flex: 1;}
.head_box .head_menu ul li{ float: left; position: relative;}
.head_box .head_menu ul li span a{ line-height: 5.75rem; float: left; margin:0 1.5rem; font-size: 1.125rem; padding: 0 2px; position: relative; text-decoration:none; color:#333;}
.head_box .head_menu ul li.active span a,.head_box .head_menu ul li:hover span a,.head_box .head_menu ul li.cur span a{ color: #da251c;}
.head_box .head_menu ul li .erji{ width: auto; position: absolute; left: 50%; top: 100%; background: #fff; transform: translate(-50%,0); border-top: 3px solid #da251c; display: flex; opacity: 0; pointer-events: none; transition: all .6s;}
.head_box .head_menu ul li .erji::after{ content: ''; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #da251c; position: absolute; left: 50%; bottom: 100%; margin-bottom: 3px; transform: translate(-50%,0);}
.head_box .head_menu ul li .erji div{ padding: 0.5rem 1rem; font-size: 1rem;}
.head_box .head_menu ul li .erji div a{ width: 100%; float: left; padding: 0.5rem 1rem;}
.head_box .head_menu ul li .erji div a span{ display: inline-block; position: relative; padding-bottom: 3px; transition: all .6s; white-space: nowrap;}
.head_box .head_menu ul li .erji div a span::after{ content: ''; width: 0; height: 1px; background: #da251c; position: absolute; left: 0; bottom: 0; transition: all .6s;}
.head_box .head_menu ul li .erji div a:hover span{ color: #da251c;}
.head_box .head_menu ul li .erji div a:hover span::after{ width: 100%;}
.head_box .head_menu ul li:hover .erji{ opacity: 1; pointer-events: all;}

.head_box .head_tool{ background: #da251c; width: 7rem; height: 5.75rem; position: relative;}
.head_box .head_tool a{ position: relative;}
.head_box .head_tool a.icon1 img{ height: 1.625rem;}

.head_box .head_language{ height: 5.75rem; padding: 0 2.5rem; background: #da251c; color: #fff; font-size: 0.875rem; position: relative; position: relative;}
.head_box .head_language::after{ content: ''; width: 1px; height: 2rem; background: #ff5249; position: absolute; left: 0; top: 50%; margin-top: -1rem;}
.head_box .head_language a{ width: 7.5rem; color: #fff; float: left; line-height: 1.75rem; background: url(../images/icon_jt1.png) no-repeat right; text-transform: uppercase;}
.head_box .head_language a img{ float: left; height: 1.75rem; margin-right: 0.625rem;}
.head_box .head_language a span{ float: left; white-space: nowrap;}
.head_box .head_language div{ width: 100%; min-height: 5.75rem; background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 100%; padding: 0 1.5625rem; opacity: 0; transition: all .6s; pointer-events: none;}
.head_box .head_language div a{ background: none; margin: 0.4rem 0;}
.head_box .head_language:hover div{ opacity: 1; pointer-events: auto;}

.head_soso{ width: 30rem; position: absolute; right: 0; top: 100%; background: rgba(218,37,28,0.8); padding: 1.45rem 1.875rem; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: none;}
.head_soso .between-center{ width: 100%; position: relative;}
.head_soso .between-center .btns{ width: 19.4%; height: 2.875rem; background: #fff; color: #333; font-size: 1.125rem; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.head_soso .between-center .text{ width: 80.6%; height: 2.875rem; background: rgba(0,0,0,0.3); color: #fff; font-size: 1rem; border: none; padding: 0 1.25rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #fff;}
.head_soso .between-center .text::-webkit-input-placeholder{ color: #ffb5b6;}

.head_box .lower-box{ position: fixed; height: 100%; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.6); overflow: hidden; opacity: 0; pointer-events: none; transition: all .6s;}
.head_box .lower-box::after{ content: ''; width: 136.5rem; height: 127.25rem; background: #fff; border-radius: 100%; position: absolute; left: 28.4375rem; top: -61rem; transition: all .6s; transform: translate(3rem,-3rem); opacity: 0;}
.head_box .lower-box::before{ content: ''; width: 136.5rem; height: 127.25rem; background: rgba(218,37,28,0.9); border-radius: 100%; position: absolute; left: 25rem; top: -62.5rem; transition: all .6s ease .1s; transform: translate(3rem,-3rem); opacity: 0;}
.head_box .lower-box .pull-right{ width: 78.125rem; height: 100vh; padding: 2.8125rem 2.5% 0; position: relative; z-index: 2;}
.head_box .lower-box .pull-right .box-info1{ transition: all .6s ease .5s; opacity: 0;}
.head_box .lower-box .pull-right .box-info1 .fl img{ height: 4.125rem;}
.head_box .lower-box .pull-right .box-info1 .fr a{ float: left; background: url(../images/icon_g_1.png) no-repeat left; background-size: 2.5625rem; line-height: 2.5625rem; padding-left: 3rem; font-size: 1.25rem;}
.head_box .lower-box .pull-right .box-info1 .fr img{ float: left; height: 1.9375rem; margin-left: 3.4375rem; transition: all .6s; cursor: pointer;}
.head_box .lower-box .pull-right .box-info1 .fr img:hover{ transform: rotate(180deg);}
.head_box .lower-box .pull-right .box-info2{ margin-top: 3.125rem; display: flex; transition: all .6s ease .5s; opacity: 0;}
.head_box .lower-box .pull-right .box-info2 .box1{ float: left; padding: 0 5rem; position: relative; font-size: 1rem;}
.head_box .lower-box .pull-right .box-info2 .box1::after{ content: ''; width: 1px; background: #e5e5e5; position: absolute; left: 0; top: 2.8125rem; bottom: 0;}
.head_box .lower-box .pull-right .box-info2 .box1:first-child{ padding-left: 0;}
.head_box .lower-box .pull-right .box-info2 .box1:first-child::after{ display: none;}
.head_box .lower-box .pull-right .box-info2 .box1:last-child{ padding-right: 0;}
.head_box .lower-box .pull-right .box-info2 .box1 span{ display: block; position: relative; padding-bottom: 0.875rem; font-size: 1.5rem;}
.head_box .lower-box .pull-right .box-info2 .box1 span::after{ content: ''; width: 2.625rem; height: 2px; background: #da251c; position: absolute; left: 0; bottom: 0;}
.head_box .lower-box .pull-right .box-info2 .box1 ul li{ display: block; margin-top: 1rem;}
.head_box .lower-box .pull-right .box-info2 .box1 ul li a:hover{ color: #da251c;}
.head_box .lower-box .pull-right .box-info2 .box1 .between ul{ margin-right: 2.8125rem;}
.head_box .lower-box .pull-right .box-info2 .box1 .between ul:last-child{ margin-right: 0;}
.head_box .lower-box .pull-right .box-info2 .box2{ width: 100%; background: #f7f7f7; flex: 1; padding: 2.1875rem 2.8125rem;}
.head_box .lower-box .pull-right .box-info2 .box2 .fl span{ display: block; font-size: 1.5rem; font-weight: bold;}
.head_box .lower-box .pull-right .box-info2 .box2 .fl p{ margin-top: 1rem; font-size: 1rem; background-position: left; background-size: 1.1rem; background-repeat: no-repeat; padding-left: 1.5rem;}
.head_box .lower-box .pull-right .box-info2 .box2 .fl p:nth-child(2){ background-image: url(../images/icon_g_2.png);}
.head_box .lower-box .pull-right .box-info2 .box2 .fl p:nth-child(3){ background-image: url(../images/icon_g_3.png);}
.head_box .lower-box .pull-right .box-info2 .box2 .fl p:nth-child(4){ background-image: url(../images/icon_g_4.png);}
.head_box .lower-box .pull-right .box-info2 .box2 .fr{ text-align: center; border-left: 1px solid #dedede; padding:0 1.5rem 0 4rem;}
.head_box .lower-box .pull-right .box-info2 .box2 .fr img{ width: 9.1875rem; height: 9.1875rem; border: 1px solid #c9c9c9; padding: 0.5rem;}
.head_box .lower-box .pull-right .box-info2 .box2 .fr p{ font-size: 0.875rem; margin-top: 0.5rem;}
.head_box .lower-box .pull-right .box-info3{ color: #a5a5a5; font-size: 0.875rem; text-align: right; margin-top: 7rem;}


.head_box .lower-box.active{ opacity: 1; pointer-events: all;}
.head_box .lower-box.active::after,.head_box .lower-box.active::before{ transform: translate(0,0); opacity: 1;}
.head_box .lower-box.active .pull-right .box-info1,.head_box .lower-box.active .pull-right .box-info2{ opacity: 1;}


.swiper-pagination .swiper-pagination-bullet{ width: 0.875rem; height: 0.875rem; background: none; border: 1px solid #999; opacity: 1; margin: 0 0.6rem !important; transition: all .6s; color: #fff; outline: none;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #da251c; border-color: #da251c !important;}

.banner_box{ position: relative;}
.banner_box .swiper-container{ height: 100vh;}
.banner_box .swiper-container .swiper-slide{ background-position: center; background-size: cover; text-align: center;}
.banner_box .swiper-container .swiper-slide .center-center{ width: 100%; height: 100%; padding-top: 1.875rem;}
.banner_box .swiper-container .swiper-slide .center-center img{ height: 22.375rem;}
.banner_box .swiper-pagination{ bottom: 3rem;}
.banner_box .swiper-btn{ position: absolute; right: 2.5%; bottom: 3.75rem;}
.banner_box .swiper-btn .swiper-button-next,.banner_box .swiper-btn .swiper-button-prev{ position: relative; width: 4.0625rem; height: 4.0625rem; background-position: center; background-size: 2.6875rem; background-repeat: no-repeat; margin: 0 3px; left: auto; right: auto;}
.banner_box .swiper-btn .swiper-button-next::after,.banner_box .swiper-btn .swiper-button-prev::after{ display: none;}
.banner_box .swiper-btn .swiper-button-next{ background-image: url(../images/btn_2.png);}
.banner_box .swiper-btn .swiper-button-prev{ background-image: url(../images/btn_1.png);}

.banner_box .swiper-pagination .swiper-pagination-bullet{ width: 1.75rem; height: 1.75rem; line-height: 1.75rem; background: none; border: 1px solid transparent; opacity: 1; margin: 0 0.6rem !important; transition: all .6s; color: #fff;}
.banner_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #da251c; border-color: #da251c !important;}

.banner_box .banner_mouse{ width: 1.5625rem; height: 2.625rem; background: url(../images/icon_1.png) no-repeat center; background-size: cover; position: absolute; right: 2.5%; bottom: 3.75rem; z-index: 10; -webkit-animation: fadeDown 1.6s infinite; animation: fadeDown 1.6s infinite;}
@-webkit-keyframes fadeDown{
    0%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    50%{ -webkit-transform: translateY(5px); transform: translateY(5px); }
    100%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
@keyframes fadeDown{
    0%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    50%{ -webkit-transform: translateY(5px); transform: translateY(5px); }
    100%{ -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}

.home_box1{ text-align: center; padding: 2.5rem 0; overflow: hidden; background: #f5f5f5;}
.home_box1 ul li{ width: 25%; float: left; text-align: center;}
.home_box1 ul li span{ display: inline-block; font-size: 4.5rem; font-weight: bold; color: #da251c;}
.home_box1 ul li i{ font-size: 1rem; color: #da251c;}
.home_box1 ul li p{ font-size: 1.125rem; color: #3a3a3a;}

.all-title1 span{ display: block; position: relative; font-size: 2.25rem; font-weight: bold; color: #333; text-transform: uppercase; font-family: arial; padding-bottom: 1rem; margin-bottom: 0.9rem;}
.all-title1 span::after{ content: ''; width: 4.375rem; height: 0.1875rem; background: #da251c; position: absolute; left: 0; bottom: 0;}
.all-title1 p{ font-size: 1.125rem; font-weight: bold; color: #666; text-transform: uppercase;}

.all-more{ margin-top: 3.125rem;}
.all-more a{ width: 9.6875rem; line-height: 2.5rem; border: 1px solid #c5c5c5; color: #c5c5c5; font-size: 0.875rem; display: inline-block; text-align: center;}
.all-more a:hover,.all-more a.active{ background: #da251c; border-color: #da251c; color: #fff;}
.all-more a.disabled{ background: #ccc !important; border-color: #898989 !important; color: #757575 !important;}

.home_box2{ overflow: hidden;}
.home_box2 .box-info1{ width: 34%; height: 32rem; float: left; background: #da251c; padding: 0 2.5vw; color: #fff;}
.home_box2 .box-info1 .box1{ margin-top: -3.8rem; font-size: 1.5rem; font-weight: bold;}
.home_box2 .box-info1 .box1 span{ margin-right: 1.25rem;}
.home_box2 .box-info1 .box1 i{ text-transform: uppercase; color: #b02922; font-size: 3.75rem; float: right;}
.home_box2 .box-info1 .box2{ font-size: 0.875rem; line-height: 2; margin-top: 1rem;}
.home_box2 .box-info1 .all-title1 span{ color: #fff;}
.home_box2 .box-info1 .all-title1 span::after{ background: #fff;}
.home_box2 .box-info1 .all-title1 p{ color: #fff;}
.home_box2 .box-info1 .all-more{ text-align: right;}
.home_box2 .box-info1 .all-more a{ border-color: #fff; color: #fff;}

.home_box2 .box-info2{ width: 66%; height: 32rem; position: relative; overflow: hidden;}
.home_box2 .box-info2 ul{ width: 100%; height: 100%; float: left;}
.home_box2 .box-info2 ul li{ width: 50%; height: 50%; float: left; position: relative;}
.home_box2 .box-info2 ul li .box1,.home_box2 .box-info2 ul li .box2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .6s;}
.home_box2 .box-info2 ul li .box1 i img{ height: 2.8125rem;}
.home_box2 .box-info2 ul li .box1 span{ display: block; font-size: 1.875rem; margin: 0.5rem 0;}
.home_box2 .box-info2 ul li .box1 p{ font-size: 1rem; color: #666;}
.home_box2 .box-info2 ul li .box2{ background-size: cover; background-position: center; color: #fff; opacity: 0;}
.home_box2 .box-info2 ul li .box2 span{ font-size: 1.875rem; padding-bottom: 0.625rem; position: relative;}
.home_box2 .box-info2 ul li .box2 span::after{ content: ''; width: 2.5rem; height: 0.1875rem; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -1.25rem;}
.home_box2 .box-info2 ul li .box2 p{ font-size: 1rem; margin-top: 1rem;}
.home_box2 .box-info2 ul li .box2 .all-more{ margin-top: 2.0625rem;}
.home_box2 .box-info2 ul li .box2 .all-more a{ color: #fff; border-color: #fff;}
.home_box2 .box-info2 ul li:hover .box2{ opacity: 1;}

.home_box5{ padding: 3.125rem 0 6.25rem; position: relative; background-position: center; background-size: cover; background-image: url(../images/ho5_bg.jpg); background-attachment: fixed; z-index:3;}
.home_box5 .all-title1 span,.home_box5 .all-title1 p{ color: #fff;}
.home_box5 .pull-left{ width: 27%; background: rgba(0,0,0,0.4); padding: 2rem 0; margin-top: 2.5rem; position: relative;}
.home_box5 .pull-left::after{ content: ''; width:0; height:0; border-top:0.9375rem solid transparent; border-bottom:0.9375rem solid transparent; border-left:0.9375rem solid rgba(0,0,0,0.4); position: absolute; right: -0.9375rem; top: 2.8125rem;}
@media screen and (min-width:1024px){
	.home_box5 .pull-left .swiper-button-next,.home_box5 .pull-left .swiper-button-prev{ width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: auto; height: 2.25rem; background-position: center; background-repeat: no-repeat; background-size: auto 1.6875rem;}
	.home_box5 .pull-left .swiper-button-next::after,.home_box5 .pull-left .swiper-button-prev::after{ display: none;}
	.home_box5 .pull-left .swiper-button-prev{ background-image: url(../images/icon_jt3_u.png);}
	.home_box5 .pull-left .swiper-button-next{ background-image: url(../images/icon_jt3_d.png);}
}
.home_box5 .between-bottom{ position:relative; z-index:11;}
.home_box5 .box-info1{ display:flex;}
.home_box5 .box-info1 strong{ color: #fff; font-size: 1.375rem; line-height: 2.5rem; font-weight: normal;}
.home_box5 .box-info1 .layui-input{ width: 14.0625rem; background: none; border-color: rgba(255,255,255,0.55); border-radius: 0.3125rem; color: #fff; float: left; height: 2.5rem;}
.home_box5 .box-info1 .layui-input::-webkit-input-placeholder{ color: rgba(255,255,255,0.55);}
.home_box5 .box-info1 .btns{ width: 5rem; height: 2.5rem; background: url(../images/icon_2.png)  no-repeat center; border: none; font-size: 0;}
.home_box5 .box-info1 .text{ margin: 0 0.8125rem;}

.home_box5 .pull-left .swiper-container{ height: 28.75rem; margin: 1rem 0;}
.home_box5 .pull-left .swiper-container .swiper-slide a{ width: 100%; font-size: 1.25rem; color: #fff; line-height: 3.4375rem; text-align: center;}
.home_box5 .pull-left .swiper-container .swiper-slide.swiper-slide-active a{ background: #da251c; border-left: 0.25rem solid #fff;}
.home_box5 .pull-right{ width: 70%; height: 39.25rem; margin-top: 2.5rem; padding: 3rem 0; background: rgba(255,255,255,0.9);}
.home_box5 .pull-right .center-block .box-info1{ padding: 0 3.4375rem;}
.home_box5 .pull-right .center-block .box-info1 .fl{ font-size: 1.5rem; font-weight: bold; border-left: 0.3125rem solid #da251c; line-height: 1.25rem; padding-left: 0.625rem;}
.home_box5 .pull-right .center-block .box-info1 .all-more{ margin-top: 0;}
.home_box5 .pull-right .center-block .box-info2{ height: 33.6rem; overflow: auto; padding: 2.5rem 3.4375rem;}
.home_box5 .pull-right .center-block .box-info2 ul{ display: flex; white-space: nowrap;}
.home_box5 .pull-right .center-block .box-info2 ul li{ width: 24.0625rem; float: left; flex: none;}
.home_box5 .pull-right .center-block .box-info2 ul li a{ width: 100%; float: left;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box1{ height: 19.375rem;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box1 img{ max-width: 90%; max-height: 90%;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box2{ background: none; color: #777; font-size: 1rem; height: 7.1875rem; transition: all .6s;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box2 span{ display: block; font-size: 1rem; margin-bottom: 0.75rem; color: #333; transition: all .6s;}

.home_box5 .pull-right .center-block .box-info2 ul li a:hover{ box-shadow: 0 0 2rem rgba(0,0,0,0.1);}
.home_box5 .pull-right .center-block .box-info2 ul li a:hover .box2{ background: #da251c; color: #fff;}
.home_box5 .pull-right .center-block .box-info2 ul li a:hover .box2 span{ color: #fff;}

.home_box5 .pull-right{ width:100%; padding:2rem 0; background:rgba(255,255,255,0.6);}
.home_box5 .pull-right .center-block .box-info2{ overflow:initial; height:36.2rem; padding:1rem 3.4375rem;}
.home_box5 .pull-right .center-block .box-info2 ul{ display:block;}
.home_box5 .pull-right .center-block .box-info2 ul li{ width:20%;}
.home_box5 .pull-right .center-block .box-info2 ul li a{ background:#fff;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box1{ height:12.5rem;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box2{ height:4rem;}
.home_box5 .pull-right .center-block .box-info2 ul li a .box2 span{ margin-bottom:0;}
.home_box5 .pull-right .center-block .box-info2 ul li:hover{ position:relative; z-index:2;}

.home_box6{ background: #f5f5f5; padding: 3.4375rem 0 5.625rem; overflow:hidden;}
.home_box6 .all-title1{ padding-bottom: 2.8125rem;}
.home_box6 .pull-left{ width: 48%;}
.home_box6 .pull-left .box-info1{ display: flex;}
.home_box6 .pull-left .box-info1 span{ width: 100%; float: left; transition: all .6s; cursor: pointer; line-height: 3.375rem; color: #fff; background: #a5a5a5; font-size: 1.5rem; text-align: center;}
.home_box6 .pull-left .box-info1 span.active,.home_box6 .pull-left .box-info1 span:hover{ background: #da251c;}
.home_box6 .pull-left .box-info2{ height: 33rem; position:relative;}
.home_box6 .pull-left .box-info2 .center-block{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; transition:all .6s;}
.home_box6 .pull-left .box-info2 .center-block.active{ opacity:1;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container{ height: 100%; padding: 0.625rem 0;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide{ padding: 0.625rem 0;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a{ width: 100%; height: 100%; float: left; background: #fff; padding: 0 1.875rem;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a .fl{ text-align: right; white-space: nowrap; border-right: 1px solid #dcdcdc; padding: 1rem 1.8rem 1rem 0; margin-right: 1.8rem; transition: all .6s;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a .fl span{ display: block; font-size: 0.875rem;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a .fl p{ font-size: 1.875rem; font-weight: bold;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a .fr{ width: 100%;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a .fr span{ display: block; font-size: 1.5rem; transition: all .6s; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a .fr p{ font-size: 1rem; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: 0.5rem;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a:hover .fl{ color: #da251c;}
.home_box6 .pull-left .box-info2 .center-block .swiper-container .swiper-slide a:hover .fr span{ color: #da251c;}
.home_box6 .pull-left .box-info3{ margin-top: 1.5rem;}
.home_box6 .pull-left .box-info3 .fl>div{ position: relative; float: left; width: 3.625rem; height: 3.625rem; border: 1px solid #9a9a9a; border-radius: 100%; left: 0; top: 0; margin: 0; transition: all .6s;}
.home_box6 .pull-left .box-info3 .fl>div.swiper-button-prev{ transform: rotate(270deg);}
.home_box6 .pull-left .box-info3 .fl>div.swiper-button-next{ transform: rotate(270deg); margin-left: 1rem;}
.home_box6 .pull-left .box-info3 .fl>div::after{ font-size: 1.8rem; color: #9a9a9a; transition: all .6s;}
.home_box6 .pull-left .box-info3 .fl>div:hover{ background: #da251c; border-color: #da251c;}
.home_box6 .pull-left .box-info3 .fl>div:hover::after{ color: #fff;}
.home_box6 .pull-left .box-info3 .all-more{ margin-top: 0;}
.home_box6 .pull-right{ width: 50%;}
.home_box6 .pull-right .box-info1{ width: 100%; position: relative;}
.home_box6 .pull-right .box-info1 i{ width: 20.5rem; height: 20.5rem; position: absolute; left: 50%; top: 50%; margin: -10.25rem 0 0 -10.25rem; }
.home_box6 .pull-right .box-info1 i::after{ content: ''; width: 17.875rem; height: 17.875rem; background: url(../images/ho6_bg2.png) no-repeat center; position: absolute; left: 50%; top: 50%; margin: -8.9375rem 0 0 -8.9375rem; animation: spin2 8s linear infinite;}
.home_box6 .pull-right .box-info1 i::before{ content: ''; width: 100%; height: 100%; background: url(../images/ho6_bg1.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0;animation: spin 8s linear infinite;}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.home_box6 .pull-right .box-info2{ height: 35.3rem; overflow: hidden; position: relative; z-index: 2;}
.home_box6 .pull-right .box-info2 .swiper-container{ width: 100%; height: 100%; float: left;}
.home_box6 .pull-right .box-info2 .swiper-container .swiper-slide img{ width: 100%; height: 100%; transition: all .6s; object-fit: cover;}
.home_box6 .pull-right .box-info2 .swiper-container .swiper-slide:hover img{ transform: scale(1.1);}
.home_box6 .pull-right .box-info2 .swiper-button-next,.home_box6 .pull-right .box-info2 .swiper-button-prev{ background: rgba(0,0,0,0.5); width: 3.125rem; height: 5rem; opacity: 0; transition: all .6s;}
.home_box6 .pull-right .box-info2 .swiper-button-next::after,.home_box6 .pull-right .box-info2 .swiper-button-prev::after{ color: #fff; font-size: 2rem; font-weight: bold;}
.home_box6 .pull-right .box-info2 .swiper-button-next{ right: 0;}
.home_box6 .pull-right .box-info2 .swiper-button-prev{ left: 0;}
.home_box6 .pull-right .box-info2:hover .swiper-button-next,.home_box6 .pull-right .box-info2:hover .swiper-button-prev{ opacity: 1;}
.home_box6 .pull-right .box-info3{ height: 9.375rem; background: #da251c; color: #fff; padding: 0 2.5rem;}
.home_box6 .pull-right .box-info3 .fl{ padding-right: 1.625rem;}
.home_box6 .pull-right .box-info3 .fl div{ display: none;}
.home_box6 .pull-right .box-info3 .fl span,.home_box6 .pull-right .box-info3 .fl i,.home_box6 .pull-right .box-info3 .fl p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.home_box6 .pull-right .box-info3 .fl span{ font-size: 1.75rem;}
.home_box6 .pull-right .box-info3 .fl i{ font-size: 0.875rem; padding: 0.5rem 0;}
.home_box6 .pull-right .box-info3 .fl p{ font-size: 1rem;}
.home_box6 .pull-right .box-info3 .fr{ line-height: 4.375rem; border-left: 1px solid #f75048; padding-left: 1.625rem; white-space: nowrap;}
.home_box6 .pull-right .box-info3 .fr .swiper-pagination{ position: relative; bottom: 0; font-size: 1.875rem;}
.home_box6 .pull-right .box-info3 .fr .swiper-pagination .swiper-pagination-current{ font-weight: bold;}

.home_box7{ padding: 5.3125rem 0;}
.home_box7 ul{ margin: 0 -1.25rem;}
.home_box7 ul li{ width: 33.33%; float: left; padding: 0 1.25rem;}
.home_box7 ul li a{ width: 100%; height: 24.375rem; float: left; overflow: hidden; position: relative;}
.home_box7 ul li a img{ width: 100%; height: 100%; object-fit: cover; float: left; transition: all .6s;}
.home_box7 ul li a .center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #fff;}
.home_box7 ul li a .center-center span{ font-size: 1.875rem; padding-bottom: 0.8rem; margin-bottom: 0.8rem; position: relative;}
.home_box7 ul li a .center-center span::after{ content: ''; width: 3.375rem; height: 0.3125rem; background: #f75048; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0);}
.home_box7 ul li a .center-center p{ font-size: 1rem; text-transform: uppercase;}
.home_box7 ul li a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 0.3125rem solid #f75048; opacity: 0; transition: all .6s;}
.home_box7 ul li a:hover::after{ opacity: 1;}
.home_box7 ul li a:hover img{ transform: scale(1.1);}


.foot_box{ position: relative; z-index: 80; background: #ededed;}
.foot_box .top-box{ padding: 3.75rem 0 2.5rem;}
.foot_box .top-box .w90{ display: flex;}
.foot_box .top-box .pull-left{ width: 28%;}
.foot_box .top-box .pull-left .box1 img{ height: 4.125rem;}
.foot_box .top-box .pull-left .box2{ padding: 1rem 1.25rem;}
.foot_box .top-box .pull-left .box2 p{ background-position: 0; background-repeat: no-repeat; background-size: 1.25rem; padding-left: 2rem; font-size: 1rem; margin: 1.5rem 0;}
.foot_box .top-box .pull-left .box2 p.icon1{ background-image: url(../images/fo_icon1.png);}
.foot_box .top-box .pull-left .box2 p.icon2{ background-image: url(../images/fo_icon2.png);}
.foot_box .top-box .pull-left .box2 p.icon3{ background-image: url(../images/fo_icon3.png);}
.foot_box .top-box .pull-left .box2 p.icon4{ background-image: url(../images/fo_icon4.png);}
.foot_box .top-box .pull-left .box2 a{ color: #da251c;}
.foot_box .top-box .pull-left .box3{ display: flex; line-height: 40px; padding-left: 1.25rem;}
.foot_box .top-box .pull-right{ width: 100%; flex: 1;}
.foot_box .top-box .pull-right .box1{ text-align: center;}
.foot_box .top-box .pull-right .box1 img{ width: 9.1875rem; height: 9.1875rem; border: 1px solid #c9c9c9; padding: 0.5rem;}
.foot_box .top-box .pull-right .box1 p{ font-size: 0.875rem; margin-top: 0.5rem;}
.foot_box .top-box .pull-right .box2 span{ display: block; position: relative; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.5rem;}
.foot_box .top-box .pull-right .box2 span::after{ content: ''; width: 2.625rem; height: 0.125rem; background: #da251c; position: absolute; left: 0; bottom: 0;}
.foot_box .top-box .pull-right .box2 ul{ max-height: 12.5rem; overflow: auto;}
.foot_box .top-box .pull-right .box2 ul li{ display: block; font-size: 1rem; margin-top: 0.8rem;}
.foot_box .top-box .pull-right .box2 ul li:first-child{ margin-top: 0;}
.foot_box .top-box .pull-right .box2 ul li a:hover{ color: #da251c;}
.foot_box .lower-box{ background: #da251c; font-size: 0.875rem; color: #fff; padding: 1rem 0;}
.foot_box .lower-box a{ color: #ffa7a3;}
.foot_box .lower-box select{ width:17.5rem; height:2rem; background:url(../images/icon_jt1.png) no-repeat 97% center; border:1px solid #F85750; color:#fff; -webkit-appearance:none; padding:0 0.6rem;}
.foot_box .lower-box select option{ color:#000;}

.page_banner{ height: 43.75rem; background-position: top; background-attachment: fixed; background-size: auto 43.75rem;}
.page_banner .center-center{ width: 100%; height: 100%; float: left; color: #fff; font-size: 2rem; padding-top: 2rem;}
.page_banner .center-center span{ font-size: 4rem; font-weight: bold;}
.page_banner .center-center i{ display: block; height: 2.5rem; position: relative;}
.page_banner .center-center i::after{ content: ''; width: 0; height: 0; border-left: 0.8125rem solid transparent; border-right: 0.8125rem solid transparent; border-top: 0.8125rem solid #da251c; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.page_address{ position: relative; z-index: 2; margin-top: -6.875rem;}
.page_address .pull-left{ height: 6.875rem; background: #da251c; color: #fff; padding: 1rem 5rem 0 1.2rem; font-size: 0.875rem; position: relative;}
.page_address .pull-left::after{ content: ''; width: 1.4375rem; height: 1.4375rem; background: url(../images/icon_10.png) no-repeat right bottom; background-size: 100%; position: absolute; right: 0.625rem; bottom: 0.625rem;}
.page_address .pull-left .box1{ font-size: 2.25rem; padding-bottom: 0.2rem;}
.page_address .pull-left .box2 a{ color: #fff;}

.page_menu{ margin-top: -5rem; position: relative; z-index: 10;}
.page_menu a{ width: 100%; float: left; text-align: center; position: relative; line-height: 5rem; font-size: 1.125rem; background: rgba(255,255,255,0.9);}
.page_menu a::after{ content: ''; width: 0; height: 1px; background: #fff; position: absolute; left: 50%; top: 50%; transition: all .6s; transform: translate(-50%,1rem); opacity: 0; transition: all .6s;}
.page_menu a:hover,.page_menu a.active{ color: #fff; background: #da251c;}
.page_menu a.active::after,.page_menu a:hover::after{ width: 4.625rem; opacity: 1;}

.about_box1{ padding: 4.0625rem 0 1rem;}
.about_box1 .home_box1{ background: none;}
.about_box1 .top-box .pull-left,.about_box1 .top-box .pull-right{ width: 50%;}
.about_box1 .top-box .center-block{ padding-right: 6.25rem;}
.about_box1 .top-box .center-block .box1{ font-size: 3.75rem; font-weight: bold; color: #cccccc; text-align: right; text-transform: uppercase; margin-left: 2.1875rem; line-height: 3rem;}
.about_box1 .top-box .center-block .box2{ font-size: 1rem; padding: 3.125rem 0; line-height: 1.8;}
.about_box1 .top-box .center-block .all-more{ margin-top: 0;}
.about_box1 .top-box .center-block .all-more a{ border-color: #da251c; color: #da251c;}
.about_box1 .top-box .center-block .all-more a:hover{ color: #fff;}

.about_box2{ background: url(../images/ab2_bg.jpg) center fixed; background-size: cover; padding: 5.625rem 0;}
.about_box2 .top-box{ text-align: center;}
.about_box2 .top-box .all-title1 span::after{ left: 50%; transform: translate(-50%,0);}
.about_box2 .top-box .all-title1 span,.about_box2 .top-box .all-title1 p{ color: #fff;}
.about_box2 .top-box .center-block{ font-size: 2.25rem; margin-top: 2.1875rem; color: #fff;}
.about_box2 .lower-box{ margin-top: 3rem; position: relative; display: flex;}
.about_box2 .lower-box .box-info1{ width: 20vw; height: 30.75rem; background: #da251c; transition: all .6s; overflow: hidden;}
.about_box2 .lower-box .box-info1 i{ width: 12.6875rem; height: 12.6875rem; position: relative; display: flex; align-items: center; justify-content: center;}
.about_box2 .lower-box .box-info1 i img{ height: 5rem;}
.about_box2 .lower-box .box-info1 i::after{ content: ''; width: 100%; height: 100%; background: url(../images/ab2_bg1.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0; animation: spin 8s linear infinite;}
.about_box2 .lower-box .box-info1 i::before{ content: ''; width: 9.625rem; height: 9.625rem; background: url(../images/ab2_bg2.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -4.8125rem 0 0 -4.8125rem;  animation: spin2 8s linear infinite;}
.about_box2 .lower-box .box-info1 p{ font-size: 1.875rem; margin-top: 1.25rem; color: #fff; white-space: nowrap;}
.about_box2 .lower-box .box-info2{ width: 75vw; height: 100%; background: rgba(255,255,255,0.9); padding: 3.75rem 3.125rem 0; position: absolute; top: 0; transition: all .6s; overflow: hidden;}
.about_box2 .lower-box .box-info2 .box1{ padding-bottom: 3.5rem;}
.about_box2 .lower-box .box-info2 .box1 .fl{ font-size: 1.875rem; position: relative;}
.about_box2 .lower-box .box-info2 .box1 .fl::after{ content: ''; width: 3.75rem; height: 0.1875rem; position: absolute; left: 0; bottom: -1rem; background: #da251c;}
.about_box2 .lower-box .box-info2 .box1 .fr img{ height: 1.5625rem;}
.about_box2 .lower-box .pull-left{ width: 21%; overflow: hidden; position: relative; transition: all .6s;}
.about_box2 .lower-box .pull-left .box-info2{ left: 20vw;}
.about_box2 .lower-box .pull-left.active{ width: 79%;}
.about_box2 .lower-box .pull-left.active .box-info1{ width: 0;}
.about_box2 .lower-box .pull-left.active .box-info2{ left: 0;}
.about_box2 .lower-box .pull-right{ width: 21%; overflow: hidden; position: relative; transition: all .6s;}
.about_box2 .lower-box .pull-right .box-info1{ float: right;}
.about_box2 .lower-box .pull-right.active{ width: 79%;}
.about_box2 .lower-box .pull-right.active .box-info1{ width: 0;}
.about_box2 .lower-box .pull-right.active .box-info2{ right: 0;}
.about_box2 .lower-box .pull-right .box-info2{ right: 20vw;}

.about_box2 .lower-box .box-info2 .box2{ font-size: 1.125rem;}
.about_box2 .lower-box .box-info2 .box2 p{ margin-bottom: 1.625rem; line-height: 1.5;}
.about_box2 .lower-box .box-info2 .box2 p i{ font-size: 1.875rem; color: #da251c; font-style: italic;}
.about_box2 .lower-box .box-info2 .box2 p:last-child{ margin-bottom: 0;}

.about_box2 .lower-box .box-info2 .box3 .swiper-container .swiper-slide a{ width: 100%; height: 14.375rem; float: left; overflow: hidden; position: relative;}
.about_box2 .lower-box .box-info2 .box3 .swiper-container .swiper-slide a img{ width: 100%; height: 100%; transition: all .6s; object-fit: cover;}
.about_box2 .lower-box .box-info2 .box3 .swiper-container .swiper-slide a p{ width: 100%; line-height: 3.125rem; padding: 0 1rem; background: rgba(0,0,0,0.5); color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about_box2 .lower-box .box-info2 .box3 .swiper-container .swiper-slide a:hover img{ transform: scale(1.1);}

.about_box3{ padding: 5.5rem 0;}
.about_box3 .center-block{ border: 0.625rem solid #da251c;}
.about_box3 .center-block .pull-right{ width: 29%;}
.about_box3 .center-block .pull-left{ width: 71%; flex: 1; padding: 0 7.5rem;}
.about_box3 .center-block .pull-left .box-info1{ font-size: 1.125rem; line-height: 1.8; margin-top: 1.5rem;}
.about_box3 .center-block .pull-left .box-info2{ padding: 3.125rem 0;}
.about_box3 .center-block .pull-left .box-info2 .swiper-slide a{ width: 100%; height: 11.8125rem; float: left; border: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: center; position: relative;}
.about_box3 .center-block .pull-left .box-info2 .swiper-slide a img{ max-width: 90%; max-height: 90%; object-fit: cover;}
.about_box3 .center-block .pull-left .box-info2 .swiper-slide a::after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icon_2.png) no-repeat center rgba(0,0,0,0.5); opacity: 0; transition: all .6s;}
.about_box3 .center-block .pull-left .box-info2 .swiper-slide a:hover::after{ opacity: 1;}
.about_box3 .center-block .pull-left .box-info3 .between-center{ height: 3.125rem;}
.about_box3 .center-block .pull-left .box-info3 .swiper-button-next,.about_box3 .center-block .pull-left .box-info3 .swiper-button-prev{ position: relative; left: auto; right: auto; top: auto; margin: auto;}
.about_box3 .center-block .pull-left .box-info3 .swiper-button-next::after,.about_box3 .center-block .pull-left .box-info3 .swiper-button-prev::after{ color: #9a9a9a; font-weight: bold; font-size: 2.5rem;}
.about_box3 .center-block .pull-left .box-info3 .swiper-button-next:hover::after,.about_box3 .center-block .pull-left .box-info3 .swiper-button-prev:hover::after{ color: #da251c;}
.about_box3 .center-block .pull-left .box-info3 .swiper-pagination{ position: relative; bottom: auto; margin: 0 3rem; height: 0.875rem;}

.about_box4{ padding-bottom: 6.25rem;}
.about_box4 ul li{ width: 50%; float: left;}
.about_box4 ul li a{ width: 100%; float: left; height: 36.25rem; overflow: hidden; position: relative;}
.about_box4 ul li a .imgs{ width: 100%; height: 100%; float: left;}
.about_box4 ul li a .imgs img{ width: 100%; height: 100%; float: left; object-fit: cover; transition: all .6s;}
.about_box4 ul li a .info{ width: 30rem; height: 23.125rem; background: rgba(218,37,28,0.9); color: #fff; position: absolute; left: 0; bottom: 0; padding: 3.125rem 2.25rem;}
.about_box4 ul li a .info .all-title1 span,.about_box4 ul li a .info .all-title1 p{ color: #fff;}
.about_box4 ul li a .info .all-title1 span::after{ background: #fff;}
.about_box4 ul li a .info .center-block{ font-size: 1rem; margin-top: 2rem; line-height: 1.8;}
.about_box4 ul li a:hover .imgs img{ transform: scale(1.1);}

.about_box1.style2{ padding: 1rem 0 5rem;}
.about_box1.style2 .top-box .center-block{ padding: 0 0 0 2.5rem;}
.about_box1.style2 .top-box .center-block .box1{ padding: 0; text-align: left; margin: 0;}
.about_box1.style2 .top-box .center-block .box2{}

.zltx_box1{ padding: 5rem 0; text-align: center;}
.zltx_box1 span{ font-size: 2.25rem; display: block;}
.zltx_box1 p{ font-size: 1rem; line-height: 1.6; margin-top: 1.875rem;}

.zltx_box2{ padding: 4.375rem 0 10.625rem; background: url(../images/ab2_bg.jpg) center fixed; background-size: cover;}
.zltx_box2 .all-title1{ text-align: center;}
.zltx_box2 .all-title1 span{ color: #fff;}
.zltx_box2 .all-title1 span::after{ left: 50%; transform: translate(-50%,0);}
.zltx_box2 .center-block ul li{ width: 48.5%; float: left; height: 7.625rem; background: rgba(255,255,255,0.9); overflow: hidden; margin-top: 3rem;}
.zltx_box2 .center-block ul li:nth-child(2n){ float: right;}
.zltx_box2 .center-block ul li span{ width: 8.125rem; line-height: 7.625rem; height: 100%; float: left; background: #da251c; text-align: center; font-size: 2.25rem; color: #fff; transform: skew(-15deg);}
.zltx_box2 .center-block ul li span::after{ content: ''; width: 5rem; height: 5rem; background: #da251c; position: absolute; right: 90%; bottom: 50%;}
.zltx_box2 .center-block ul li p{ width: 100%; flex: 1; padding: 0 2.1875rem; line-height: 1.8; font-size: 1rem;}

.zltx_box3{ padding: 5.5rem 0;}
.zltx_box3 .all-title1{ text-align: center;}
.zltx_box3 .all-title1 span::after{ left: 50%; transform: translate(-50%,0);}

.list-box1 ul{ margin: 0 -0.9375rem;}
.list-box1 ul li{ width: 25%; float: left; margin-top: 1.875rem; padding: 0 0.9375rem;}
.list-box1 ul li a{ width: 100%; float: left; height: 20.9375rem; position: relative; overflow: hidden;}
.list-box1 ul li a img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.list-box1 ul li a p{ width: 100%; line-height: 3.125rem; color: #fff; text-align: center; font-size: 1rem; padding: 0 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
.list-box1 ul li a:hover img{ transform: scale(1.1);}

.zzrz_box{ padding: 4.0625rem 0 5rem;}
.zzrz_box .top-box{ text-align: center; line-height: 1.6; font-size: 1.125rem;}
.zzrz_box .lower-box ul{ margin: 0 -0.9375rem;}
.zzrz_box .lower-box ul li{ width: 25%; float: left; padding: 0 0.9375rem; margin-top: 1.875rem;}
.zzrz_box .lower-box ul li a{ width: 100%; float: left; position: relative;}
.zzrz_box .lower-box ul li a .imgs{ height: 20.9375rem; border: 1px solid #dddddd;}
.zzrz_box .lower-box ul li a .imgs img{ max-width: 90%; max-height: 90%; object-fit: cover;}
.zzrz_box .lower-box ul li a .info{ height: 100%; position: absolute; left: 0; top: 0; background: url(../images/icon_2.png) no-repeat center rgba(0,0,0,0.5); border: 0.5rem solid #da251c; color: #fff; transition: all .6s; opacity: 0;}
.zzrz_box .lower-box ul li a .info p{ width: 100%; position: absolute; left: 0; bottom: 1.5rem; padding: 0 1.25rem; text-align: center;}
.zzrz_box .lower-box ul li a:hover .info{ opacity: 1;}

.qywh_box1{ background: #F8F8F8; padding: 4.6875rem 0;}
.qywh_box1 .between-center{ background: #fff; overflow: hidden;}
.qywh_box1 .pull-left,.qywh_box1 .pull-right{ width: 50%;}
.qywh_box1 .pull-left{ max-height: 29.375rem; overflow: hidden;}
.qywh_box1 .pull-left img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.qywh_box1 .pull-right{ padding-left: 3.125rem;}
.qywh_box1 .pull-right .box1{ font-size: 1.875rem; position: relative; padding-bottom: 1.25rem; margin-bottom: 1.25rem;}
.qywh_box1 .pull-right .box1::after{ content: ''; width: 3.625rem; height: 0.3125rem; background: #da251c; position: absolute; left: 0; bottom: 0;}
.qywh_box1 .pull-right .box2{ font-size: 1.125rem; line-height: 1.8;}
.qywh_box1:hover .pull-left img{ transform: scale(1.1);}

.qywh_box2{ padding-top: 2rem;}


.gg-box{overflow:hidden;text-align:right;padding-top:2rem;}
.gg-box p{font-size:1.25rem;color:#DB2A21;}
.gg-box p em{font-style: normal;color:#333;}

.news_box1{ margin-top: 1rem;}
.news_box1 ul{ margin: 0 -0.875rem;}
.news_box1 ul li{ width: 33.33%; float: left; padding: 0 0.875rem; margin-top: 1.5rem;}
.news_box1 ul li a{ width: 100%; float: left; height: 26.875rem; position: relative;}
.news_box1 ul li a .imgs{ height: 18.75rem; overflow: hidden;}
.news_box1 ul li a .imgs img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.news_box1 ul li a .info{ background: #f5f5f5; padding: 1.75rem; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all .6s;}
.news_box1 ul li a .info span{ display: block; font-size: 1.125rem; height: 3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_box1 ul li a .info p{ font-size: 0.875rem; height: 0; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; transition: all .6s;}
.news_box1 ul li a .info i{ display: block; background: url(../images/icon_12.png) no-repeat left; background-size: auto 0.9375rem; line-height: 0.9375rem; padding-left: 1.625rem; font-size: 0.875rem; margin-top: 0.75rem; color: #999;}
.news_box1 ul li a:hover .imgs img{ transform: scale(1.1);}
.news_box1 ul li a:hover .info{ background: #da251c; color: #fff;}
.news_box1 ul li a:hover .info p{ height: 3.5625rem; margin: 0.9375rem 0;}
.news_box1 ul li a:hover .info i{ background-image: url(../images/icon_12_h.png); color: #fff;}

.news_box2{ margin-top: 2.5rem;}
.news_box2 ul li{ width: 48.5%; float: left; margin-top: 3rem;}
.news_box2 ul li:nth-child(2n){ float: right;}
.news_box2 ul li a{ width: 100%; height: 11.25rem; float: left; background: #fff; padding: 0 1.875rem; border: 1px solid #eeeeee;}
.news_box2 ul li a .fl{ text-align: right; white-space: nowrap; border-right: 1px solid #dcdcdc; padding: 1rem 1.8rem 1rem 0; margin-right: 1.8rem; transition: all .6s;}
.news_box2 ul li a .fl span{ display: block; font-size: 0.875rem;}
.news_box2 ul li a .fl p{ font-size: 1.875rem; font-weight: bold;}
.news_box2 ul li a .fr{ width: 100%;}
.news_box2 ul li a .fr span{ display: block; font-size: 1.5rem; transition: all .6s; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.news_box2 ul li a .fr p{ font-size: 1rem; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-top: 0.5rem;}
.news_box2 ul li a:hover .fl{ color: #da251c;}
.news_box2 ul li a:hover .fr span{ color: #da251c;}
.news_box2 ul li a:hover{ border-color: #da251c; box-shadow: 0 0 2rem rgba(0,0,0,0.1);}




.news_info1{ padding: 3.4375rem 0;}
.news_info1 .w90{ position: relative;}
.news_info1 .pull-left{ width: 73%; position: relative; z-index: 3;}
.news_info1 .pull-left .top-box .box1{ font-size: 1.875rem; text-align: center;}
.news_info1 .pull-left .top-box .box2{ font-size: 0.875rem; border-bottom: 1px solid #e5e5e5; padding: 1.125rem 0 1rem; line-height: 0.9375rem;}
.news_info1 .pull-left .top-box .box2 span{ display: inline-block; color: #666;}
.news_info1 .pull-left .top-box .box2 span.icon1,.news_info1 .pull-left .top-box .box2 span.icon2,.news_info1 .pull-left .top-box .box2 span.icon3{ padding-left: 1.5625rem; background-position: left; background-repeat: no-repeat; background-size: auto ;}
.news_info1 .pull-left .top-box .box2 span.icon1{ background-image: url(../images/icon_12.png);}
.news_info1 .pull-left .top-box .box2 span.icon2{ background-image: url(../images/icon_14.png);}
.news_info1 .pull-left .top-box .box2 span.icon3{ background-image: url(../images/icon_15.png);}
.news_info1 .pull-left .top-box .box2 .fl span+span{ margin-left: 2.5rem;}
.news_info1 .pull-left .top-box .box2 span i{ margin-left: 0.625rem; cursor: pointer;}
.news_info1 .pull-left .lower-box{ line-height: 2; margin-top: 2.5rem; min-height: 80vh;}

.news_info1 .pull-right{ width: 100%; position: absolute; top: 0;}
.news_info1 .pull-right .w90{ width: 100%;}
.news_info1 .pull-right.fixed .w90{ width: 95%;}
.news_info1 .pull-right.fixed{ position: fixed; left: 0; top: 110px;}
.news_info1 .pull-right.active{ opacity: 0; transition: all .6s;}
.news_info1 .pull-right .fr{ width: 24%;}

.news_info1 .pull-right .box-info1{ background: #f3f3f3; padding: 0.625rem;}
.news_info1 .pull-right .box-info1 .box1{ padding: 0 1rem; background: #fff;}
.news_info1 .pull-right .box-info1 .box1 a{ width: 100%; float: left; border-top: 1px solid #dfdfdf; padding: 1rem 0;}
.news_info1 .pull-right .box-info1 .box1 a:first-child{ border-top: none;}
.news_info1 .pull-right .box-info1 .box1 a strong{ display: block; font-size: 1.3rem; font-weight: bold; transition: all .6s;}
.news_info1 .pull-right .box-info1 .box1 a i{ display: block; font-size: 0.875rem; background: url(../images/icon_12.png) no-repeat left; padding: 0.4rem 0 0.4rem 1.5625rem;}
.news_info1 .pull-right .box-info1 .box1 a p{ font-size: 1.125rem; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_info1 .pull-right .box-info1 .box1 a:hover strong{ color: #da251c;}
.news_info1 .pull-right .box-info1 .box2{ text-align: center; padding: 1.25rem 0 0.625rem;}
.news_info1 .pull-right .box-info1 .box2 span{ display: inline-block; line-height:2rem; background: url(../images/icon_jt6.png) no-repeat left; background-size: 1.6875rem; font-size: 1.5rem; padding-left: 2.5rem; color: #da251c;}
.news_info1 .pull-right .box-info2{ background: #fff; border: 0.625rem solid #f3f3f3; margin-top: 1.5rem; padding: 1rem 0.625rem;}
.news_info1 .pull-right .box-info2 .box1{ font-size: 1.5rem;}
.news_info1 .pull-right .box-info2 .box2{ margin-top: 0.5rem;}
.news_info1 .pull-right .box-info2 .box2 ul li{ width: 100%; float: left;}
.news_info1 .pull-right .box-info2 .box2 ul li a{ width: 100%; float: left; margin-top: 0.75rem; line-height: 1.75rem; display: flex;}
.news_info1 .pull-right .box-info2 .box2 ul li a i{ width: 1.75rem; background: #8F8F8F; color: #fff; font-size: 1.125rem; text-align: center;}
.news_info1 .pull-right .box-info2 .box2 ul li a p{ width: 100%; flex: 1; padding: 0 0 0 0.625rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.news_info1 .pull-right .box-info2 .box2 ul li:nth-child(1) a i{ background: #E40012;}
.news_info1 .pull-right .box-info2 .box2 ul li:nth-child(2) a i{ background: #FF4200;}
.news_info1 .pull-right .box-info2 .box2 ul li:nth-child(3) a i{ background: #EF8D00;}


.product_box{ background-position: center; background-attachment: fixed; background-size: cover; padding-top: 9rem; padding-bottom: 6.25rem;}
.product_box .pull-left{ width: 25.5vw; position: fixed; left: 2.5%; top: 9rem;}
.product_box .pull-left .box1{ font-size: 1.875rem; font-weight: bold; color: #fff; line-height: 2.5rem;}
.product_box .pull-left .all-title1 span,.product_box .pull-left .all-title1 p{ color: #fff;}
.product_box .pull-left .box2{ background: rgba(0,0,0,0.4); margin-top: 1.875rem; padding: 2rem 0; position: relative;}
.product_box .pull-left .box2::after{ content: ''; width:0; height:0; border-top:0.9375rem solid transparent; border-bottom:0.9375rem solid transparent; border-left:0.9375rem solid rgba(0,0,0,0.4); position: absolute; right: -0.9375rem; top: 2.8125rem;}
.product_box .pull-left .box2 .swiper-container{ height: 28.75rem; margin: 1rem 0;}
.product_box .pull-left .box2 .swiper-container .swiper-slide a{ width: 100%; font-size: 1.25rem; color: #fff; line-height: 3.4375rem; text-align: center;}
.product_box .pull-left .box2 .swiper-container .swiper-slide a.active,.product_box .pull-left .box2 .swiper-container .swiper-slide a:hover{ background: #da251c; border-left: 0.25rem solid #fff;}
.product_box .pull-left .swiper-button-next,.product_box .pull-left .swiper-button-prev{ width: 100%; position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: auto; height: 2.25rem; background-position: center; background-repeat: no-repeat; background-size: auto 1.6875rem;}
.product_box .pull-left .swiper-button-next::after,.product_box .pull-left .swiper-button-prev::after{ display: none;}
.product_box .pull-left .swiper-button-prev{ background-image: url(../images/icon_jt3_u.png);}
.product_box .pull-left .swiper-button-next{ background-image: url(../images/icon_jt3_d.png);}

.layui-form-select dl dd.layui-this{ background: #da251c;}

.product_box .pull-right{ width: 70%;}
.product_box .pull-right .box-info1{ display: flex; padding: 3rem 0 1.4rem;}
.product_box .pull-right .box-info1 strong{ color: #fff; font-size: 1.375rem; line-height: 2.5rem; font-weight: normal;}
.product_box .pull-right .box-info1 .layui-input{ width: 14.0625rem; background: none; border-color: rgba(255,255,255,0.55); border-radius: 0.3125rem; color: #fff; float: left; height: 2.5rem;}
.product_box .pull-right .box-info1 .layui-input::-webkit-input-placeholder{ color: rgba(255,255,255,0.55);}
.product_box .pull-right .box-info1 .btns{ width: 5rem; height: 2.5rem; background: url(../images/icon_2.png)  no-repeat center; border: none; font-size: 0;}
.product_box .pull-right .box-info1 .text{ margin: 0 0.8125rem;}
.product_box .pull-right .box-info2{ margin-top: 1.875rem; background: rgba(255,255,255,1); min-height: 43rem; overflow: auto; padding: 3rem 3.4375rem;}
.product_box .pull-right .box-info2 .box1 .fl{ font-size: 1.5rem; font-weight: bold; border-left: 0.3125rem solid #da251c; line-height: 1.25rem; padding-left: 0.625rem;}
.product_box .pull-right .box-info2 .box1 .fr{ max-width: 70%; overflow: auto; white-space: nowrap; display: flex; padding: 0.75rem 0;}
.product_box .pull-right .box-info2 .box1 .fr a{ float: left; line-height: 2.5rem; border: 1px solid #c5c5c5; text-align: center; padding: 0 0.75rem; font-size: 1.125rem; color: #999; margin-left: 0.5625rem; text-decoration:none;}
.product_box .pull-right .box-info2 .box1 .fr a:hover,.product_box .pull-right .box-info2 .box1 .fr a.active{ background: #da251c; border-color: #da251c; color: #fff;}
.product_box .pull-right .box-info2 .box1 .fr a span{ min-width:7.5rem; display:block;}
.product_box .pull-right .box-info2 .box2{ margin-top: 2rem;}
.product_box .pull-right .box-info2 .box2 ul li{ width: 33.33%; float: left; flex: none;}
.product_box .pull-right .box-info2 .box2 ul li a{ width: 100%; float: left;}
.product_box .pull-right .box-info2 .box2 ul li a .imgs{ height: 19.375rem;}
.product_box .pull-right .box-info2 .box2 ul li a .imgs img{ max-width: 90%; max-height: 90%;}
.product_box .pull-right .box-info2 .box2 ul li a .info{ background: none; color: #777; font-size: 1rem; height: 7.1875rem; transition: all .6s;}
.product_box .pull-right .box-info2 .box2 ul li a .info span{ display: block; font-size: 1.125rem; margin-bottom: 0.75rem; color: #333; transition: all .6s;}

.product_box .pull-right .box-info2 .box2 ul li a:hover{ box-shadow: 0 0 2rem rgba(0,0,0,0.1);}
.product_box .pull-right .box-info2 .box2 ul li a:hover .info{ background: #da251c; color: #fff;}
.product_box .pull-right .box-info2 .box2 ul li a:hover .info span{ color: #fff;}


.product_info{ background: url(../images/ho5_bg.jpg) no-repeat center fixed; background-size: cover; padding:9rem 0 5rem; min-height: 100vh;}
.product_info .top-box{}
.product_info .top-box .box1{ min-height: 6.4375rem; padding: 1rem 3rem; background: #d6352f; color: #fff; font-size: 1.875rem; text-align: center; display: flex; align-items: center; justify-content: center;}
.product_info .top-box .box2{ background: #fff; padding: 0.625rem 2.5rem;}
.product_info .top-box .box2>.between-center{ border-bottom: 1px solid #e5e5e5; font-size: 0.875rem; border-bottom: 1px solid #e5e5e5; line-height: 0.9375rem; padding: 0.625rem 0;}
.product_info .top-box .box2 span{ display: inline-block; color: #666;}
.product_info .top-box .box2 span.icon1,.product_info .top-box .box2 span.icon2,.product_info .top-box .box2 span.icon3{ padding-left: 1.5625rem; background-position: left; background-repeat: no-repeat; background-size: auto ;}
.product_info .top-box .box2 span.icon1{ background-image: url(../images/icon_12.png);}
.product_info .top-box .box2 span.icon2{ background-image: url(../images/icon_14.png);}
.product_info .top-box .box2 span.icon3{ background-image: url(../images/icon_15.png);}
.product_info .top-box .box2 .fl span+span{ margin-left: 2.5rem;}

.product_info .cen-box{ background: #fff; padding:0 2.5rem;}
.product_info .cen-box .center-block{ border-bottom: 1px solid #e5e5e5; padding: 2.5rem 0; line-height: 1.6; min-height:55vh;}
.product_info .lower-box{ background: #fff; margin-top: 0; padding: 1.875rem 2.5rem; border: none;}
.product_info .lower-box .fr{ background: #da251c; border-color: #da251c; color: #fff;}
.product_info .lower-box .fr span{ background-image: url(../images/icon_13.png); color: #fff;}
.product_info .lower-box .fr:hover{ background: #fb150a;}

.cjwt_box{ margin-top: 2rem;}
.cjwt_box ul li{ width: 48.5%; float: left; margin-top: 2.5rem;}
.cjwt_box ul li:nth-child(2n){ float: right;}
.cjwt_box ul li a{ width: 100%; float: left; height: 7.5rem; padding: 0 2.25rem; border: 1px solid #eeeeee;}
.cjwt_box ul li a i{ font-size: 3rem; font-style: italic; color: #fb150a;}
.cjwt_box ul li a p{ width: 100%; flex: 1; padding-left: 1rem; font-size: 1.125rem; line-height: 1.6;}
.cjwt_box ul li a:hover{ border-color: #fb150a; box-shadow: 0 0 2rem rgba(0,0,0,0.1);}

.contact_box3{ margin: 6rem 0; position: relative;}
.contact_box3 .pull-left{ width: 35%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.contact_box3 .pull-left img{ width: 100%; height: 100%; object-fit: cover;}
.contact_box3 .pull-right{ width: 63%; box-shadow: 0 0 0.625rem rgba(182,182,182,0.2); padding: 25px 2.25rem;}
.contact_box3 .pull-right .box_info1 span{ font-size: 24px; font-weight: bold; background: url(../images/icon_9.png) no-repeat left; background-size: auto 100%; padding:0 12px 0 45px;}
.contact_box3 .pull-right .box_info2 .box1{ width: 48.5%; float: left; background: #fafafa; border: 1px solid #e0e0e0; height: 47px; border-radius: 5px; padding: 0 14px; margin-top: 20px;}
.contact_box3 .pull-right .box_info2 .box1:nth-child(2n){ float: right;}
.contact_box3 .pull-right .box_info2 .box1 .text{ width: 100%; float: left; background: none; border: none; height: 45px;}
.contact_box3 .pull-right .box_info2 .box1 span{ line-height: 45px; float: left; color: #747474;}
.contact_box3 .pull-right .box_info2 .box1 .fr{ margin-top: 12px;}
.contact_box3 .pull-right .box_info2 .box1 .fr .radio-inline{ padding-left: 30px;}
.contact_box3 .pull-right .box_info2 .box1 img{ max-width:6rem;}
.contact_box3 .pull-right .box_info2 textarea{ width: 100%; float: left; height: 150px; background: #fafafa; border: 1px solid #e0e0e0; border-radius: 5px; margin-top: 20px; padding: 14px;}
.contact_box3 .pull-right .box_info2 .btns{ width: 100%; float: left; height: 55px; color: #fff; font-size: 24px; text-align: center; background: #da251c; border: none; border-radius: 5px; margin-top: 25px;}
.contact_box3 .pull-right .box_info2 .box2{ margin-top: 20px;}
.contact_box3 .pull-right .box_info2 .box2 input{ width: 40%; float: left; background: #fafafa; border: 1px solid #e0e0e0; height: 45px; border-radius: 5px; padding: 0 14px;}
.contact_box3 .pull-right .box_info2 .box2 img{ float: left; width: 107px; height: 45px; margin: 0 10px;}
.contact_box3 .pull-right .box_info2 .box2 a{ float: left; line-height: 45px; color: #da251c;}

.radio_type{width:20px;height:20px;margin:0 0 0 -25px !important;}
.radio_type:before{content:'';width:20px;height:20px;display:inline-block;border-radius:50%;vertical-align:middle;position:absolute;left:0;top:0;cursor: pointer;}
.radio_type:checked:before{content:'';width:20px;height:20px;border:1px solid #da251c;background:#da251c;display:inline-block;border-radius:50%;vertical-align:middle}
.radio_type:checked:after{content:'';width:10px;height:5px;border:2px solid #fff;border-top:transparent;border-right:transparent;text-align:center;display:block;position:absolute;top:6px;left:5px;vertical-align:middle;transform:rotate(-45deg); cursor: pointer;}

.zwzp_box{ padding: 3.75rem 0;}
.zwzp_box .top-box{ position:relative; z-index:2;}
.zwzp_box .top-box .fl{ font-size: 1.875rem; border-left: 0.25rem solid #da251c; padding-left: 0.625rem; line-height: 1.75rem;}
.zwzp_box .top-box .fr .layui-input{ width: 16.875rem; background: #f9f9f9; border-color: #e2e2e2; border-radius: 0.3125rem; color: #333; float: left; height: 2.5rem;}
.zwzp_box .top-box .fr .layui-form-select{ margin-right: 2.125rem; float: left;}
.zwzp_box .top-box .fr .layui-btn{ width: 16.875rem; background: #da251c; height: 2.5rem; margin-left: 2.125rem; font-size: 1.125rem; border-radius: 0.3125rem;}
.zwzp_box .lower-box{ min-height:3rem;}
.zwzp_box .lower-box ul{ margin: 0 -1rem;}
.zwzp_box .lower-box ul li{ width: 25%; float: left; padding: 0 1rem; margin-top: 2rem;}
.zwzp_box .lower-box ul li a{ width: 100%; float: left; border: 1px solid #e2e2e2;}
.zwzp_box .lower-box ul li a .box1{ padding: 1.5625rem 1.25rem;}
.zwzp_box .lower-box ul li a .box1 span{ display: block; position: relative; font-size: 1.375rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem; color: #333;}
.zwzp_box .lower-box ul li a .box1 span::after{ content: ''; width: 2.5rem; height: 0.125rem; background: #da251c; position: absolute; left: 0; bottom: 0;}
.zwzp_box .lower-box ul li a .box1 p{ font-size: 1rem; line-height: 1.8;}
.zwzp_box .lower-box ul li a .box2{ height: 3.625rem; padding: 0 1.25rem; border-top: 1px solid #e2e2e2; font-size: 0.875rem; color: #666; transition: all .6s;}
.zwzp_box .lower-box ul li a .box2 span strong{ font-size: 1.125rem;}
.zwzp_box .lower-box ul li a:hover{ border-color: #da251c;}
.zwzp_box .lower-box ul li a:hover .box2{ background: #da251c; color: #fff;}

.zlxz_box{ padding-top: 1.25rem;}
.zlxz_box ul li{ width: 48.5%; float: left; margin-top: 2.5rem;}
.zlxz_box ul li:nth-child(2n){ float: right;}
.zlxz_box ul li a{ width: 100%; float: left; border: 1px solid #eeeeee; height: 7.5rem; padding: 0 1.875rem;}
.zlxz_box ul li a p{ width: 100%; float: left; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 1.25rem; background: url(../images/icon_jt7.png) no-repeat left; background-size: 0.5rem; font-size: 1.125rem;}
.zlxz_box ul li a i{ width: 2.3125rem; height: 2.3125rem; background: url(../images/icon_jt8.png) no-repeat center; background-size: 100%; transition: all .6s;}
.zlxz_box ul li a:hover{ border-color: #da251c; color: #da251c; box-shadow: 0 0 2rem rgba(0,0,0,0.1);}
.zlxz_box ul li a:hover i{ background-image: url(../images/icon_jt8_h.png);}


.contact_box{ position: relative; padding: 3.75rem 0;}
.contact_box .map_box{  height: 35rem; border: 1px solid #e7e7e7;}
.contact_box .map_box label,.contact_box .map_box img{ max-width: initial;}
.contact_box .box_info{/* width: 100%; *//* height: 100%; */position: absolute;left: 10vw;top: 50%;/* pointer-events: none; */transform: translate(0,-50%);}
.contact_box .box_info .w1400{ width:auto !important;}
.contact_box .box_info .pull-left{ background:#fff; box-shadow: 0 0 0.9rem rgba(0,0,0,0.3)}
.contact_box .box_info .pull-left .box1{ min-width: 32.5rem; line-height: 4.6875rem; color: #fff; background: #da251c; padding: 0 2.125rem; font-size: 1.875rem; position:relative;}
.contact_box .box_info .pull-left .box1 span{ width:3.375rem; height:100%; background:url(../images/icon_22.png) no-repeat right top; background-size:100%; position:absolute; right:0; top:0;  cursor: pointer;}
.contact_box .box_info .pull-left .box1 span img{ width:7.5rem; position:absolute; right:0; top:100%; opacity:0; max-width:initial; transition:all .6s;}
.contact_box .box_info .pull-left .box1 span:hover img{ opacity:1;}
.contact_box .box_info .pull-left .box2{ font-size: 1rem; line-height: 1.8; padding: 3.75rem 3.75rem 5rem;}
.contact_box .box_info .pull-left .box2 span{ font-size: 1.5rem; font-weight: bold;}
.contact_box .box_info .pull-left .box2 p{ background-position: left; background-repeat: no-repeat; background-size: auto 1.5625rem; line-height: 1.5625rem; margin-top: 2rem; padding-left: 2rem;}
.contact_box .box_info .pull-left .box2 p.icon1{ background-image: url(../images/fo_icon1.png);}
.contact_box .box_info .pull-left .box2 p.icon2{ background-image: url(../images/fo_icon3.png);}
.contact_box .box_info .pull-left .box2 p.icon3{ background-image: url(../images/fo_icon4.png);}




@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}
@media screen and (max-width:1660px){
    html,body{ font-size: 88%;}
}
@media screen and (max-width:1500px){
    html,body{ font-size: 80%;}
    .home_box4 .pull-left,.home_box4 .pull-right{ height: 50rem;}
}
@media screen and (max-width:1440px){
    .head_box .head_menu ul li span a{ margin: 0 1.5rem;}
	.about_box2 .lower-box .box-info2{ width: 75.5vw;}
    
}
@media screen and (max-width:1280px){
    .w1000,.w1100,.w1200,.w1400,.w1600{ width:94% !important;}
}

@media screen and (max-width:1024px){
    html,body{ font-size: 70%;}
    body{ zoom:1;}
    .pd-50{ padding: 20px 0;}
    .w900,.w1100{ width:94% !important;}
    .w90{ width: 94%;}
	.fanye-box{ padding: 1.5rem 0;}
	.fanye-box a{ padding: 0 0.8rem; height: 2.3rem; line-height: 2.3rem;}
    .divpc{ display: none;}
    .divphone{ display: block;}
    .arrow{ width: 50px;}
    .pf_phone,.pf_bg{ display: none !important;}
    .head_btn{ display: block; margin:0 20px 0 0; width: 22px;}
	
    .head_box .top-box .pull-left img{ height: 28px;}
	.head_box .top-box .pull-right{ width: auto; flex: initial;}
    .head_box .head_tool{ width: auto; padding: 0 8px; height: 45px;}
    .head_box .head_tool>a{ margin: 0 5px;}
    .head_box .head_language{ height: 45px; padding: 0 8px;}
    .head_box .head_language div{ min-height: 45px;}
    .head_soso{ width: 100%; position: fixed; top: 45px; left: 0; padding: 12px;}
    .head_soso .w1400{ display: block;}
    .head_soso .between-center{ width: 100%; float: left;}
    .head_soso .between-center i{ right: 0;}
    .head_soso .between-center .text,.head_soso .between-center .btns{ height: 30px;}
    .head_soso .between-center .text{ width: 80%;}
    .head_soso .between-center .btns{ width: 20%;}
    .head_box .head_tool .ewm{ width: 120px; left: 50%; margin-left: -60px; padding: 10px;}
    .head_box .head_language a{ width: 8.5rem;}
    .head_box .head_menu{ width: 100%; position: absolute; left: 0; top: 100%; background: rgba(218,37,28,0.8); padding: 15px 0; display: none;}
    .head_box .head_menu ul li{ width: 100%; text-align: center; padding: 5px 0;}
    .head_box .head_menu ul li span a{ float: none; text-align: center; color: #fff; line-height: 30px; margin: auto;}
    .head_box .head_menu ul li.active span a::after{ content: ''; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; bottom: -5px;}
    .head_box .head_menu ul li.active span a,.head_box .head_menu ul li:hover span a{ color: #fff;}
	.head_box .head_menu ul li .erji{ display: none;}
    
    .banner_box .swiper-container{ height:18rem;}
    .banner_box .swiper-container .swiper-slide .center-center img{ height: auto; max-width: 80%;}
    .banner_box .banner_mouse{ display: none;}
    .banner_box .swiper-btn{ right: 50%; margin-right: -4.6rem; display: none;}
    .banner_box .swiper-pagination{ bottom: 1.5rem;}
    
    .home_box1{ padding: 1rem 0;}
    .home_box1 ul li{ width: 50%; padding: 10px 0;}
    .home_box1 ul li span{ font-size: 3rem;}
    .home_box1 ul li p{ font-size: 12px;}
    
    .home_box2{}
    .home_box2 .w90{ display: block;}
    .home_box2 .box-info1,.home_box2 .box-info2{ width: 100%;}
    .home_box2 .box-info1{ height: auto; padding: 1rem;}
    .home_box2 .box-info1 .box1{ margin-top: -3.5rem;}
    .home_box2 .box-info1 .box2{ line-height: 1.8; margin-top: 0.8rem;}
    .home_box2 .box-info2{ height: 22rem; margin-top: 15px;}
	.home_box2 .box-info2 .box2{ display: none;}
	.home_box2 .box-info2 ul li .box1 span{ font-size: 1.5rem;}
	.home_box2 .box-info2 ul li .box1 p{ text-align: center; height: 2.5rem;}
    
    .all-title1 span{ font-size: 2rem;}
    
    .all-more{ margin-top: 2rem;}
    .all-more a{ width: 8rem; line-height: 2.2rem;}
    
    .home_box5{ padding: 2rem 0;background-position:right;}
    .home_box5 .pull-left,.home_box5 .pull-right{ width: 100%;}
    .home_box5 .pull-left{ padding: 0; z-index: 2; background: none;}
    .home_box5 .pull-left::after{ display: none;}
    .home_box5 .pull-left .swiper-container{ margin: 0; overflow: hidden; position: absolute; opacity: 0; pointer-events: none;}
    .home_box5 .pull-left .swiper-button-next, .home_box5 .pull-left .swiper-button-prev{ top: 15rem}
    .home_box5 .pull-left .swiper-button-next{ right: 0;}
    .home_box5 .pull-left .swiper-button-prev{ left: 0;}
    .home_box5 .pull-left .swiper-button-next::after,.home_box5 .pull-left .swiper-button-prev::after{ color: #da251c; font-size: 2rem;}
    .home_box5 .pull-right{ padding: 3rem 10%; margin-top: 0; height: 38.75rem; overflow:auto;}
	.home_box5 .pull-right .center-block .box-info1{ padding: 0;}
	.home_box5 .pull-right .center-block .box-info2{ padding: 0; height: 30rem;}
	.home_box5 .pull-right .center-block .box-info2 ul li{ width: 100%;}
	.home_box5 .pull-right .center-block .box-info2 ul li a .box2{ background: #da251c; color: #fff;}
	.home_box5 .pull-right .center-block .box-info2 ul li a .box2 span{ color: #fff;}
	.home_box5 .between-bottom,.home_box5 .box-info1{ display:block; width:100%;}
  .home_box5 .box-info1 .text{ margin: 0.8rem 0;}
  .home_box5 .box-info1 .layui-input{ width: 100%;}
  .home_box5 .box-info1 .layui-form-select{ width: 100%; float: left;}
  .home_box5 .box-info1 .btns{ width: 100%; float: left; font-size: 1rem; background: none; color: #fff; background: #da251c; border-radius: 0.3125rem;}
    
	.home_box6{ padding: 2rem 0;}
	.home_box6 .pull-left,.home_box6 .pull-right{ width: 100%;}
	.home_box6 .pull-left .box-info3{ margin-top: 1rem;}
	.home_box6 .pull-left .box-info2{}
	.home_box6 .pull-left .box-info2 .center-block{}
	.home_box6 .pull-right{ margin-top: 2rem;}
	.home_box6 .pull-right .box-info1{ display: none;}
	.home_box6 .pull-right .box-info2{ height: 20rem;}
	.home_box6 .pull-right .box-info3{ padding: 0 1.5rem; height: 8rem;}
	.home_box6 .pull-right .box-info2 .swiper-button-next, .home_box6 .pull-right .box-info2 .swiper-button-prev{ opacity: 1;}
	
	.home_box7{ padding: 1rem 0 2rem;}
	.home_box7 ul{ margin: 0;}
	.home_box7 ul li{ width: 100%; padding: 0; margin-top: 1rem;}
	.home_box7 ul li a{ height: 19rem;}
	
    
    .foot_box .top-box{ padding: 1.5rem 0 1rem;}
	.foot_box .top-box .pull-left{ width: 100%;}
	.foot_box .top-box .pull-left .box2{ padding: 1rem;}
	.foot_box .top-box .pull-left .box2 p{ margin: 1rem 0;}
    .foot_box .top-box .pull-right{ display: none;}
    .foot_box .lower-box{ padding: 1rem 3%;}
    .foot_box .lower-box .between-center{ display:block;}
    .foot_box .lower-box select{ margin-top:1rem;}
    
    .page_banner{ height: 20rem; background-size: auto 20rem;}
    .page_banner .center-center{ font-size:1.5rem;}
	.page_banner .center-center span{ font-size: 2rem;}
    .page_address{ margin-top: -6.2rem;}
    .page_address .pull-left{ height: 6.2rem;}
    .page_address .pull-left .box1{ font-size: 1.8rem;} 
	.page_menu{ margin-top: -3.2rem;}
    .page_menu a{ line-height: 3.2rem; white-space: nowrap; padding: 0 0.8rem;}
	
	.about_box1{ padding: 2rem 0 0;}
	.about_box1 .top-box .pull-left,.about_box1 .top-box .pull-right{ width: 100%; padding: 0;}
	.about_box1 .top-box .center-block{ padding: 0;}
	.about_box1 .top-box .center-block .box1{ font-size: 2.5rem; line-height: 2rem;}
	.about_box1 .top-box .center-block .box2{ padding: 1rem 0;}
	.about_box1 .top-box .pull-right{ margin-top: 2rem;}
	
	.about_box2{ padding: 2rem 0;}
	.about_box2 .top-box .center-block{ font-size: 1.5rem; margin-top: 2rem;}
	.about_box2 .lower-box{ display: block; margin-top: 0;}
	.about_box2 .lower-box .pull-left,.about_box2 .lower-box .pull-right{ width: 100% !important;}
	.about_box2 .lower-box .box-info1{ display: none;}
	.about_box2 .lower-box .box-info2{ width: 100% !important; position: relative; left: 0 !important; right: 0 !important; padding: 2rem; margin-top: 2rem;}
    .about_box2 .lower-box .box-info2 .box1{ padding-bottom: 3rem;}
	.about_box2 .lower-box .box-info2 .box3 .swiper-container .swiper-slide a{ height: 19rem;}
	.about_box2 .lower-box .box-info2 .box2 p{ margin-bottom: 1.2rem;}
	
	.about_box3{ padding: 2rem 0;}
	.about_box3 .center-block .pull-right{ display: none;}
	.about_box3 .center-block .pull-left{ width: 100%; padding: 2rem;}
	.about_box3 .center-block .pull-left .box-info2{ padding: 2rem 0;}
	.about_box3 .center-block .pull-left .box-info2 .swiper-slide a{ height: 19rem;}
	
	.about_box4{ padding: 0 0 2rem;}
	.about_box4 ul li{ width: 100%;}
	.about_box4 ul li a{ height: 32rem;}
	.about_box4 ul li a .info{ width: 100%; height: auto;}
	
	.about_box1.style2{ padding: 0 0 2rem;}
	.about_box1.style2 .top-box .center-block{ padding: 0;}
	
	.zltx_box1{ padding: 2rem 0;}
	.zltx_box1 span{ font-size: 1.8rem;}
	.zltx_box1 p{ margin-top: 1rem;}
	
	.zltx_box2{ padding: 2rem 0;}
	.zltx_box2 .center-block ul li{ width: 100%; margin-top: 1.2rem; height: 8.5rem;}
	.zltx_box2 .center-block ul li span{ font-size: 2.7rem;}
	
	.zltx_box3{ padding: 2rem 0;}
	
	.list-box1 ul{ margin: auto;}
	.list-box1 ul li{ width: 48%; padding: 0; margin-top: 1.5rem;}
	.list-box1 ul li:nth-child(2n){ float: right;}
	.list-box1 ul li a{ height: 13rem;}
	
	.zzrz_box{ padding: 2rem 0;}
	.zzrz_box .lower-box ul{ margin: 0;}
	.zzrz_box .lower-box ul li{ width: 48.5%; padding: 0; margin-top: 1.2rem;}
	.zzrz_box .lower-box ul li:nth-child(2n){ float: right;}
	
	.qywh_box1{ padding: 2rem 0;}
	.qywh_box1 .w90{ display: block;}
	.qywh_box1 .pull-left,.qywh_box1 .pull-right{ width: 100%; padding: 0;}
	.qywh_box1 .pull-right{ padding: 1.5rem;}
	.qywh_box2{ padding-top: 1rem;}
	
    .news_box1 ul{ margin: auto;}
    .news_box1 ul li{ width: 100%; padding: 0; margin-top: 1rem;}
    .news_box1 ul li a{ height: 25rem;}
    .news_box1 ul li a .info span{ font-size: 1.2rem; -webkit-line-clamp:1; height: auto;}
    
    .news_box2{ margin-top: 1rem;}
	.news_box2 ul li{ width: 100%; margin-top: 1rem;}
	.news_box2 ul li a{ height: 9rem; padding: 0 1.5rem;}
    
    .news_info1{ padding: 1.5rem 0;}
    .news_info1 .pull-left,.news_info1 .pull-right{ width: 100%;}
    .news_info1 .pull-right{ position: relative; margin-top: 1.5rem;}
    .news_info1 .pull-right .w1400{ width: 100% !important;}
    .news_info1 .pull-right .fr{ width: 100%;}
    .news_info1 .pull-left .top-box .box1{ font-size: 1.3rem; text-align: left;}
    .news_info1 .pull-left .top-box .box2{ display: block; padding: 0.5rem 0 1rem;}
    .news_info1 .pull-left .top-box .box2 .fl,.news_info1 .pull-left .top-box .box2 .fr{ width: 100%;}
    .news_info1 .pull-left .top-box .box2 span{ line-height: 18px; margin-top: 5px;}
    .news_info1 .pull-left .top-box .box2 .fl{ display: flex;}
    .news_info1 .pull-left .top-box .box2 .fl span+span{ margin-left: 0.8rem;}
    .news_info1 .pull-left .top-box .box2 span.icon2{ padding-left: 1.8rem;}
    .news_info1 .pull-left .lower-box{ margin-top: 0.8rem; min-height: auto;}
    
    .news_info2{ padding: 1.5rem 0;}
    .news_info2 .box-info2 ul{ margin: auto;}
    .news_info2 .box-info2 ul li{ width: 100%; padding: 0; margin-top: 15px;}
    .news_info2 .box-info2 ul li a{ padding: 2rem 2rem 1.5rem;}
    .news_info2 .box-info2 ul li a .box2{ margin-top: 15px;}
    .news_info2 .box-info2 ul li a .box1{ font-size: 1.3rem; height: 3.6rem;}
    
    .jscx_box{ padding: 0 0 1.5rem;}
    .jscx_box .box-info ul{ margin: auto;}
    .jscx_box .box-info ul li{ width: 48%; padding: 0;}
    .jscx_box .box-info ul li:nth-child(2n){ float: right;} 
    .jscx_box .box-info ul li a span{ height: 10rem;}
    .jscx_box .box-info ul li a p{ line-height: 3rem;}
    
    .product_box{ padding-top: 6rem; padding-bottom: 2rem; background-position: right;}
    .product_box .pull-left{ width: 100%; position: relative; left: auto; top: auto;}
	.product_box .pull-left .box2::after{ display: none;}
    .product_box .pull-right{ width: 100%;}
    .product_box .pull-left .box2{ padding: 1.6rem 0; margin-top: 1rem;}
    .product_box .pull-right{ padding: 0; margin-top: 1rem;}
    .product_box .pull-right .box-info1{ padding: 0; display: block;}
    .product_box .pull-right .box-info1 .text{ margin: 0.8rem 0;}
    .product_box .pull-right .box-info1 .layui-input{ width: 100%;}
    .product_box .pull-right .box-info1 .layui-form-select{ width: 100%; float: left;}
    .product_box .pull-right .box-info1 .btns{ width: 100%; float: left; font-size: 1rem; background: none; color: #fff; background: #da251c; border-radius: 0.3125rem;}
    .product_box .pull-right .box-info2{ padding: 0 1rem 1rem; min-height:auto;}
    .product_box .pull-right .box-info2 .box1{ font-size: 1.5rem; margin-top: 1rem; display: block;}
	.product_box .pull-right .box-info2 .box1 .fl,.product_box .pull-right .box-info2 .box1 .fr{ width: 100%; max-width: initial;}
	.product_box .pull-right .box-info2 .box1 .fr{ margin-top: 1rem;}
	.product_box .pull-right .box-info2 .box2{ margin-top: 0.5rem;}
	.product_box .pull-right .box-info2 .box2 ul li{ width: 100%; float: left; margin-top: 1.5rem;}
	.product_box .pull-right .box-info2 .box2 ul li a{ box-shadow: 0 0 2rem rgba(0,0,0,0.1);}
	.product_box .pull-right .box-info2 .box2 ul li a .info{ background: #da251c; color: #fff;}
	.product_box .pull-right .box-info2 .box2 ul li a .info span{ color: #fff;}
    
    .product_info{ padding: 6rem 0 2rem;}
	.product_info .top-box .box1{ padding: 1rem 1.5rem; font-size: 1.5rem;}
	.product_info .top-box .box2{ padding: 0.625rem 1.5rem;}
	.product_info .top-box .box2>.between-center{ display: block; text-align: center; line-height: 1.6rem;}
	.product_info .top-box .box2 .fl,.product_info .top-box .box2 .fr{ width: 100%;}
	.product_info .top-box .box2 .fr{ display: block; margin-top: 0.5rem;}
	.product_info .top-box .box2 .fr #share-2{ display: inline-block;}
	.product_info .top-box .box2 span.icon2{ padding-left: 1.8rem;}
	
    .product_info .cen-box{ padding: 0 1.5rem;}
	.product_info .cen-box .center-block{ padding: 1.5rem 0;}
    .product_info .lower-box{ padding: 1rem 1.5rem;}
	
	.cjwt_box{ margin-top: 1rem;}
	.cjwt_box ul li{ width: 100%; margin-top: 1.2rem;}
	.cjwt_box ul li a{ padding: 1rem 1.5rem; height: auto; min-height: 5rem;}
	
	.contact_box3{ margin: 2rem 0;}
	.contact_box3 .pull-left{ display: none;}
	.contact_box3 .pull-right{ width: 100%; padding: 15px;}
	.contact_box3 .pull-right .box_info1 span{ font-size: 18px; padding-left: 35px;}
	.contact_box3 .pull-right .box_info2 .box1{ width: 100%; margin-top: 10px; height: 37px;}
	.contact_box3 .pull-right .box_info2 .box1 .text{ height: 35px;}
	.contact_box3 .pull-right .box_info2 .box1 span{ line-height: 35px;}
	.contact_box3 .pull-right .box_info2 .box1 .fr{ margin-top: 7px;}
	.contact_box3 .pull-right .box_info2 textarea{ margin-top: 10px; height: 80px;}
	.contact_box3 .pull-right .box_info2 .box2{ display: flex;}
	.contact_box3 .pull-right .box_info2 .box2 input{ height: 35px;}
	.contact_box3 .pull-right .box_info2 .box2 img{ width: 80px; height: 35px;}
	.contact_box3 .pull-right .box_info2 .box2 a{ font-size: 12px; white-space: nowrap; line-height: 35px;}
	.contact_box3 .pull-right .box_info2 .btns{ height: 35px; margin-top: 15px; font-size: 14px;}
	
	.zwzp_box .top-box{ display: block;}
	.zwzp_box .top-box .fr{ display: block; margin-top: 1rem; width: 100%;}
	.zwzp_box .top-box .fr .layui-input{ width: 100%;}
	.zwzp_box .top-box .fr .layui-form-select{ width: 100%; float: left; margin: 0 0 1rem 0;}
	.zwzp_box .top-box .fr .layui-btn{ width: 100%; margin: 1rem 0 0 0; line-height: 3rem; height: 3rem;}
	.zwzp_box .lower-box ul li{ width: 100%; margin-top: 1.2rem;}
	
	.zlxz_box ul li{ width: 100%; margin-top: 1.2rem;}
	.zlxz_box ul li a{ height: 5rem;}
	
    
    .contact_box{ height: auto; padding: 2rem 0;}
    .contact_box .map_box{ height: 260px;}
    .contact_box .box_info{ position: relative; pointer-events: auto; display: block; left:0; top:0; transform:translate(0,0);}
    .contact_box .box_info .w1400{ width: 100% !important;}
    .contact_box .box_info .pull-left{ width: 100%; margin-top: 1.5rem;}
	.contact_box .box_info .pull-left .box1{ min-width: 100%;}
    .contact_box .box_info .pull-left .box2{ padding: 2rem;}
    .contact_box .box_info .pull-left .box2 p{ margin-top: 1.5rem; line-height: 1.6;}
    
    
    
    
}
@media screen and (max-width:768px){
    
}
@media screen and (max-width:480px){
    .fanye ul{ display: inline-table;}
    .fanye ul li a, .fanye ul li span{ line-height: 25px; margin-top: 1px; padding: 0 10px;}
    .fy{ display: block; padding: 10px 0 25px; margin-top: 0;}
    .fy .fl{ width: 100%;}
    .fy .fr{ float: left; padding: 0 20px; margin-top: 10px;}
    .fy .fl a{ font-size: 14px; line-height: 30px;}
    .fy .fr span{ background-size: auto 15px; padding-left: 30px; font-size: 14px; line-height: 35px;}
    
    
}
@media screen and (max-width:350px){
    
}

.Validform_wrong,.Validform_checktip{ display:none !important;}
.blank{display: flex;align-items: center;justify-content: center;width:100%;}