@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial,verdana; color:#333;}
@font-face{font-family:"PDFin";src:url("fonts/PFDinTextCompPro-Medium-3.ttf");}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#8F333C;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;text-shadow:none;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #8F333C;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #F8F8F8;}
.w-90{ width: 90%; margin: auto;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 84.375rem;}
.w-1400{margin: auto; width: 87.5rem;}
.w-1500{margin: auto; width: 95rem;}
.w-1600{margin: auto; width: 100rem; }
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.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; }
.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; }
.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; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{ width: 18px; float: right; position: relative; cursor: pointer; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #fff; border-radius: 50px;
	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: 0.375rem;}
.head-btn i.bar-bom{ margin-top: 0.375rem;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); transform-origin: 1px 1px; width: 1.57rem;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); transform-origin: 1px 1px; width: 1.57rem;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); border: 1px solid #E4E4E4; */}
.fanye-box a{ background: #fff; border-color: #fff; height: 3rem; line-height: 3rem; padding: 0 1.25rem; font-size: 1rem; margin: auto; border-radius: 0;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.this{ background: #8F333C; color: #fff; border-color: #8F333C;}
.fanye-box a+a{ margin: 0 0 0 1px !important;}


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

.all-center-box{ width: 100%; float: left; position: relative; transition: all .6s; overflow: hidden; padding-top: 14.875rem; background-size: 100%;}
.all-center-box::before{ content: ''; width: 100%; height: ;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

.head-box{ position: fixed; z-index: 99; left: 0; top: 0; z-index: 99; transition: all .6s ease; background-size: cover; box-shadow: 0 0 1rem rgba(0,0,0,0.1); background-color: #fff; }
/* .head-box.active{ top: -10.8rem;} */
.head-box .top-box{ position: relative; z-index: 2; padding: 2.4rem 0; font-size: 0.875rem; background: url(../images/bg_1.jpg) center;background-size: cover; }
.head-box .top-box .pull-left .logo img{ height: 6rem;}
.head-box .top-box .pull-right{ color: #fff; font-size: 14px;text-align: right; }
.head-box .top-box .pull-right .info{ height: 22px; margin: 2px 0;}

.head-box .head-menu{ position: relative;}
/* .head-box .head-menu::after{ content: ''; width: 1px; height: 2rem; background: rgba(255,255,255,0.3); position: absolute; right: 0; top: 50%; margin-top: -1rem;} */
.head-box .head-menu ul li{ width: 100%; float: left; text-align: center; position: relative; margin-left: 1px;}
.head-box .head-menu ul li:first-child{ min-width: auto; margin: 0;}
.head-box .head-menu ul li span a{ width: 100%; text-align: center; line-height: 4.125rem; float: left; font-size: 1.125rem; color: #333; white-space: nowrap; position: relative; padding: 0 1.6rem; }
/* .head-box .head-menu ul li span a::after{ content: ''; width: 0; height: 3px; background: #8F333C; position: absolute; left: 50%; top: -1px; transition: all .6s;} */
.head-box .head-menu ul li .head-menu-lv2{ width: 100%; position: absolute; left: 0; top: 100%; margin-left: 0; opacity: 0; pointer-events: none; transition: all .6s ease;}
/* .head-box .head-menu ul li .head-menu-lv2::after{ content: ''; width: 0; height: 0; border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-bottom: 0.5625rem solid #fff; position: absolute; left: 50%; top: 0.5rem; margin-left: -0.4375rem; opacity: 1; transform: translate(0,-5px); transition: all .6s ease;} */
.head-box .head-menu ul li .head-menu-lv2 div{ width: 100%; float: left; background: #fff; opacity: 0; pointer-events: none; transition: all .6s ease .1s; transform: translate(0,0); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head-box .head-menu ul li .head-menu-lv2 div a{ width: 100%; float: left;border-bottom: 1px solid #E6E6E6;line-height: 3.125rem; font-size: 1.125rem; }
.head-box .head-menu ul li .head-menu-lv2 div a:last-child{border:none;}
.head-box .head-menu ul li .head-menu-lv2 div a span{ display: inline-block; font-size: 14px; position: relative; line-height: 2.1875rem;}
/* .head-box .head-menu ul li .head-menu-lv2 div a span::after{ content: ''; width: 0; height: 1px; background: #8F333C; position: absolute; left: 50%; bottom:0; margin-top: -1px; transition: all .6s ease;} */
.head-box .head-menu ul li .head-menu-lv2 div a:hover span::after,.head-box .head-menu ul li .head-menu-lv2 div a.active span::after{ width: 100%; left: 0;}
.head-box .head-menu ul li .head-menu-lv2 div a.active,.head-box .head-menu ul li .head-menu-lv2 div a:hover{ color: #fff; background: #EB8E18;}
.head-box .head-menu ul li:hover span a,.head-box .head-menu ul li.active span a{ color: #fff; background: #EB8E18;}
.head-box .head-menu ul li:hover span a::after,.head-box .head-menu ul li.active span a::after{ width: 100%; left: 0;}
.head-box .head-menu ul li:hover .head-menu-lv2{ opacity: 1; pointer-events: auto;}
.head-box .head-menu ul li:hover .head-menu-lv2::after{ opacity: 1; transform: translate(0,0);}
.head-box .head-menu ul li:hover .head-menu-lv2 div{ opacity: 1; transform: translate(0,0); pointer-events: auto;}

.head-box .lower-box{ position: relative; z-index: 2;}
.head-box .lower-box .pull-right{ width: 100%; flex: 1;}

.head-box .head-soso{ width: 23.125rem; height: 3rem; position: relative;}
.head-box .head-soso .text{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; border: none; background: rgba(255,255,255,0.6); padding: 0 3.5rem 0 1rem; font-size: 1rem; transition: all .6s; border-radius: 0.25rem; font-size: 1.125rem; border: 0.125rem solid rgba(255,255,255,0.68);}
.head-box .head-soso .text::-webkit-input-placeholder{ color: #f3f3f3;}
.head-box .head-soso .btns{ width: auto; height: 100%; background: url(../images/icon_1.png) no-repeat 1.125rem center #fff; background-size: 1.4rem; border: none; float: right; position: relative; z-index: 2; transition: all .6s; position: absolute; right: 0; top: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; font-size: 1.375rem; padding: 0 1.25rem 0 3rem; color: #8F333C;}

.sidebar-right{ width: 4.375rem; position: fixed; right: 1rem; top: 50%; z-index: 100; margin-top: -18rem;}
.sidebar-right a{ width: 100%; height: 4.375rem; float: left; background: #fff; border-radius: 0.375rem; margin-bottom: 0.1875rem; 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; text-align: center; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1);}
.sidebar-right a i{ width: 100%; position: relative;}
.sidebar-right a i img{ margin: auto; transition: all .6s;}
.sidebar-right a i img:nth-child(2){ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: contain; opacity: 0;}
.sidebar-right a p{ width: 100%; font-size: 12px; margin-top: 0.5rem; line-height: 1;}
/* .sidebar-right a.goTop{ display: none;} */
.sidebar-right a:hover{ background: #8F333C; color: #fff;}
.sidebar-right a:hover i img{ transform: rotateY(360deg);}
.sidebar-right a:hover i img:nth-child(2){ opacity: 1;}

.sidebar-right .ewm-box{ width: 8rem; background: #fff; border-radius: 1rem; padding: 0.3rem 0.3rem 0.8rem; position: absolute; right: 5rem; bottom: 0; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1); opacity: 0; pointer-events: none; transition: all .6s;}
.sidebar-right .ewm-box img{ width: 100%;}
.sidebar-right .ewm-box p{ margin-top: 0.1rem; color: #333;}
.sidebar-right .ewm-box div+div{ margin-top: 0.5rem;}
.sidebar-right a:hover .ewm-box{ opacity: 1;}

.banner-box{ position: relative;}
.banner-box .swiper-container{ height: auto;}
.banner-box .swiper-container .swiper-slide{ background-size: cover; background-position: center;}
.banner-box .swiper-container .swiper-slide img, .banner-box .swiper-container .swiper-slide video{ width: 100%; height: 100%; object-fit: cover;}
.banner-box .swiper-pagination{ z-index: 10; width: 100%; bottom: 2.5rem;}
.banner-box .swiper-pagination .swiper-pagination-bullet{ width: 1.125rem; height: 1.125rem; text-align: center; margin: 0 0.5rem; background: none; transition: all .6s; border: 0.25rem solid #fff; opacity: 0.5;}
.banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; background: #fff;}

.all-home-title img{ height: 7.125rem; }

.home-box1{ background: url(../images/bg_2.jpg) no-repeat bottom #8F333C; background-size: 100%; color: #fff; font-size: 1.625rem;padding: 1rem 0; }
.home-box1 ul li{ width: 40.625rem; float: left; padding: 0.625rem 0;}
.home-box1 ul li:nth-child(2n){ float: right;}

.home-box2{ background: url(../images/bg_3.jpg) center; background-size: cover;padding: 5rem 0; }
.home-box2 .center-block{ margin-top: 3.75rem;}
.home-box2 .center-block .pull-left,.home-box2 .center-block .pull-right{ width: 50%;}
.home-box2 .center-block .pull-left .swiper-container{ height: 38.625rem;}
.home-box2 .center-block .pull-left .swiper-container .swiper-slide a{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden; }
.home-box2 .center-block .pull-left .swiper-container .swiper-slide a img{ width: 100%; height: 100%; display: block;object-fit: cover; }
.home-box2 .center-block .pull-left .swiper-container .swiper-slide a p{ width: 100%;line-height: 4.25rem;padding: 0 12.5rem 0 2rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);color: #fff; font-size: 1.375rem; }
.home-box2 .center-block .pull-left .swiper-container .swiper-pagination{ width: auto; left: auto; right:0.5rem;bottom: 1.45rem;  }
.home-box2 .center-block .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 0.875rem;height: 0.875rem; background: #fff;margin: 0 0.4375rem; }
.home-box2 .center-block .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{}
.home-box2 .center-block .pull-right{ height: 38.625rem; overflow: hidden; background: #fff;border: 2px solid #8F333C;padding: 1.25rem; }
.home-box2 .center-block .pull-right .top-box{ border-bottom: 1px solid #E4CED0; }
.home-box2 .center-block .pull-right .top-box .f-l div{ float: left; position: relative;}
.home-box2 .center-block .pull-right .top-box .f-l div::after{ content: ''; width: 100%;height: 0.25rem;background: #8F333C; position: absolute;left: 0;bottom: 0;transition: all .6s;opacity: 0; }
.home-box2 .center-block .pull-right .top-box .f-l div::before{ content: ''; width: 0;height: 0;border-left: 0.5rem solid transparent;border-right: 0.5rem solid transparent;border-bottom: 0.6rem solid #8F333C;position: absolute;left: 50%; bottom: 0.2rem;margin-left: -0.5rem;transition: all .6s;opacity: 0; }
.home-box2 .center-block .pull-right .top-box .f-l div+div{ margin-left: 4.25rem;}
.home-box2 .center-block .pull-right .top-box .f-l span{ float: left;height: 3rem; font-size: 1.25rem;padding-left: 1.75rem;background-position: 0 0.2rem; background-repeat: no-repeat; background-size: auto 1.25rem; cursor: pointer;transition: all .6s; }
.home-box2 .center-block .pull-right .top-box .f-l span.icon1{ background-image: url(../images/icon_2.png);}
.home-box2 .center-block .pull-right .top-box .f-l span.icon2{ background-image: url(../images/icon_3.png);}
.home-box2 .center-block .pull-right .top-box .f-l span.icon3{ background-image: url(../images/icon_4.png);}
.home-box2 .center-block .pull-right .top-box .f-l div.active span{ color: #8F333C;font-weight: bold; }
.home-box2 .center-block .pull-right .top-box .f-l div:hover span{color: #8F333C;}
.home-box2 .center-block .pull-right .top-box .f-l div.active span.icon1,.home-box2 .center-block .pull-right .top-box .f-l div:hover span.icon1{ background-image: url(../images/icon_2_h.png); }
.home-box2 .center-block .pull-right .top-box .f-l div.active span.icon2,.home-box2 .center-block .pull-right .top-box .f-l div:hover span.icon2{ background-image: url(../images/icon_3_h.png); }
.home-box2 .center-block .pull-right .top-box .f-l div.active span.icon3,.home-box2 .center-block .pull-right .top-box .f-l div:hover span.icon3{ background-image: url(../images/icon_4_h.png); }
.home-box2 .center-block .pull-right .top-box .f-l div.active::after,.home-box2 .center-block .pull-right .top-box .f-l div.active:before{ opacity: 1;}
.home-box2 .center-block .pull-right .top-box .f-r{ background: url(../images/icon_jt1.png) no-repeat right; padding-right: 24px;color: #A1A1A1; font-size: 1rem; }
.home-box2 .center-block .pull-right .top-box .f-r:hover{ color: #8F333C;}
.home-box2 .center-block .pull-right .lower-box ul li{ width: 100%; float: left; }
.home-box2 .center-block .pull-right .lower-box ul li a{ width: 100%; float: left; display: flex; margin-top: 1.25rem;}
.home-box2 .center-block .pull-right .lower-box ul li a .f-l{ width: 11.5rem; height: 6.875rem;overflow: hidden;flex-shrink:0;}
.home-box2 .center-block .pull-right .lower-box ul li a .f-r{ width: 100%; flex: 1; padding-left: 1.25rem;}
.home-box2 .center-block .pull-right .lower-box ul li a .f-r span{ display: block; font-size: 1.125rem;font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.home-box2 .center-block .pull-right .lower-box ul li a .f-r p{ height: 2.75rem;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;color: #A1A1A1; margin: 0.75rem 0; font-size: 1rem;}
.home-box2 .center-block .pull-right .lower-box ul li a .f-r i{ background: url(../images/icon_5.png) no-repeat left; background-size: 1rem;line-height: 1.2rem; font-size: 0.875rem;color:#A1A1A1;padding-left: 1.3rem; }

.home-box3{ background: url(../images/bg_4.jpg) center; background-size: 100%;padding: 5rem 0; }
.home-box3 .center-block{ width: 31.25rem; background: #F7F7F7;}
.home-box3 .center-block .top-box{ border-bottom:1px solid #E0CBCD;height: 4.625rem;padding:0 1.25rem; }
.home-box3 .center-block .top-box .f-l img{ width: 1.5rem;height:1.5rem;object-fit: contain; }
.home-box3 .center-block .top-box .f-l span{ font-size: 1.375rem;color: #8F333C;font-weight: bold;margin-left: 0.5rem; }
.home-box3 .center-block .top-box .f-r{ background: url(../images/icon_jt1.png) no-repeat right; padding-right: 24px;color: #A1A1A1; font-size: 1rem; }
.home-box3 .center-block .top-box .f-r:hover{ color: #8F333C;}
.home-box3 .center-block .lower-box{ padding: 1.25rem;}
.home-box3 .center-block .lower-box .box-info1{ height: 15.625rem;border-radius: 0.25rem;position: relative; }
.home-box3 .center-block .lower-box .box-info1 .imgs{ width: 100%;height: 100%;}
.home-box3 .center-block .lower-box .box-info1 .info{ width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 0.75rem 1.25rem; position: absolute;left: 0;bottom:0;transition: all .6s; }
.home-box3 .center-block .lower-box .box-info1 .info span{ display: block; font-size: 1.125rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.home-box3 .center-block .lower-box .box-info1 .info p{ font-size: 14px;line-height: 20px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0;transition: all .6s;height: 0; }
.home-box3 .center-block .lower-box .box-info1 .info i{ font-size: 14px; color: #C6C6C6;}
.home-box3 .center-block .lower-box .box-info1:hover .info{ background: rgba(143,51,60,0.9);}
.home-box3 .center-block .lower-box .box-info1:hover .info p{ margin: 0.625rem 0; height: 40px;}
.home-box3 .center-block .lower-box .box-info2{ margin-top: 0.3rem; height: 18rem;}
.home-box3 .center-block .lower-box .box-info2 ul li{ width: 100%; float: left;}
.home-box3 .center-block .lower-box .box-info2 ul li a{ width: 100%;float: left;padding: 0.75rem 1.5rem;border-bottom: 1px solid #E6E6E6;position: relative;  }
.home-box3 .center-block .lower-box .box-info2 ul li:last-child a{ padding-bottom: 0;border: none; }
.home-box3 .center-block .lower-box .box-info2 ul li a p{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1rem; }
.home-box3 .center-block .lower-box .box-info2 ul li a i{ display: block; background: url(../images/icon_5.png) no-repeat 0 0; background-size: auto 1rem;line-height: 1.2rem; font-size: 0.875rem;color: #A1A1A1; padding-left: 1.375rem;margin-top: 0.625rem;  }

.home-box4{background: url(../images/bg_5.jpg) center; background-size: cover;padding: 5rem 0;}
.home-box4 .list-box1{ margin-top: 1.5rem; }

.list-box1 ul{ margin: 0 -1.375rem;}
.list-box1 ul li{ width: 25%; float: left;padding: 0 1.375rem; margin-top: 2.25rem; }
.list-box1 ul li a{ width: 100%; float: left; }
.list-box1 ul li a .imgs{ height: 16.25rem;border-radius: 0.4rem; border: 0.25rem solid #fff;overflow: hidden;padding: 0.5rem;background: #fff;transition: all .6s; }
.list-box1 ul li a .imgs span{ width: 100%; height: 100%; float: left;overflow: hidden; border-radius: 0.25rem;}
.list-box1 ul li a .info{ text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 1rem;font-size: 1.25rem; }
.list-box1 ul li a:hover .imgs{border-color: #8F333C; }

.all-more-box{ margin-top: 2.625rem;}
.all-more-box a{ display: inline-block;line-height: 2.75rem;border: 2px solid #8F333C;border-radius: 4px;color: #8F333C; font-size: 1.125rem;padding:0 20px;position: relative; }
.all-more-box a::after{ content: ''; width: 32px;height: 12px;background: url(../images/icon_jt2.png) center; background-size: 100%; position: absolute;right: -22px;top: 50%;margin-top: -6px;transition: all .6s; }
.all-more-box a:hover::after{ animation: leftRight .8s linear infinite;}
@-webkit-keyframes leftRight{
	0%{right:-22px}
	33%{right:-26px}
	66%{right:-18px}
	100%{right:-22px}
}

.home-box5{ background: url(../images/bg_4.jpg) center; background-size: 100%;padding: 5rem 0; }

.list-box2 ul{ margin:0 -1.5625rem;}
.list-box2 ul li{width: 33.33%;float: left;padding: 0 1.5625rem; margin-top: 3.125rem; }
.list-box2 ul li a{ width: 100%;height: 18.75rem;overflow: hidden;border-radius: 0.25rem;position: relative; }
.list-box2 ul li a p{ width: 100%;line-height: 3.75rem;padding:0 1.25rem;color: #fff; font-size: 1.25rem;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

.foot-box{ background: url(../images/fo_bg.png);color: #fff; }
.foot-box .top-box{ padding: 2.25rem 0;border-bottom: 1px solid rgba(255,255,255,0.2); }
.foot-box .top-box .f-l{ opacity: 0.6;}
.foot-box .top-box .f-l img{ height: 6.25rem;}
.foot-box .top-box .f-r a{ float: left;line-height: 2.125rem;border: 1px solid #fff;color: #fff;padding: 0 1rem; font-size: 1rem;opacity: 0.7;margin-left: 2.5rem; }
.foot-box .top-box .f-r a:hover{opacity: 1;}
.foot-box .lower-box{ padding: 1.625rem 0;}
.foot-box .lower-box .box-info1{ font-size: 1.125rem;line-height: 1.8; }
.foot-box .lower-box .box-info1 .box1{ background: url(../images/fo_1.png) no-repeat left; background-size: 3rem; padding-left: 4.25rem; }
.foot-box .lower-box .box-info1 .box1 p span:first-child{ margin-right: 4.375rem;}
.foot-box .lower-box .box-info1 .box2{ background: url(../images/fo_2.png) no-repeat left; background-size: 3rem; padding-left: 4.25rem; margin-left: 8.75rem;}
.foot-box .lower-box .box-info1 .box3{ text-align: center;float: right; }
.foot-box .lower-box .box-info1 .box3 img{ width: 8.25rem;height: 8.25rem; display: block; margin-top: 1rem; }
.foot-box .lower-box .box-info2{ margin-top: -1.5rem;}
.foot-box .lower-box .box-info2 .f-l a{ float: left; margin-right: 1.875rem;color: #fff;font-size: 1.125rem; }
.foot-box .lower-box .box-info2 .f-l a img{ max-height: 3.375rem; }
.foot-box .lower-box .box-info2 .f-l a.fw{ background: url(../images/icon_9.png) no-repeat left; background-size:auto 1.375rem;line-height:1.5rem; padding-left: 1.75rem; }
.foot-box .lower-box .box-info2 .f-r{ font-size: 0.875rem;color: rgba(255, 255, 255, 0.4);  }
.foot-box .lower-box .box-info2 .f-r a{ color: #fff; opacity: 0.4;}
.foot-box .lower-box .box-info2 .f-r a:hover{ opacity: 1;}

.f-link{
  width: 100%;
  float: left;
  border-bottom: 1px solid rgba(255,255,255,.2);
  padding: 1rem 0 0;
  font-size: 0;
}
.f-link a{
  display:inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 20px;
  margin-bottom:1rem;
  transition:.3s;
}
.f-link a:last-child{
  margin-right:0px;
}
.f-link a:hover{
  color: #ff8f00;
}


.page-center{ background: #F4F4F4; padding: 2.5rem 0;}
.page-center .w-1600{ display: flex;}
.page-center .page-left{ width: 22.5rem; float: left;flex-shrink:0;}
.page-center .page-left .box-info1{ background: url(../images/bg_6.jpg) bottom right; background-size: cover; padding: 2.25rem 2.5rem; color: #fff;}
.page-center .page-left .box-info1 span{ display: block; padding-bottom: 2rem; position: relative; font-size: 2.25rem;line-height: 1; }
.page-center .page-left .box-info1 span::after{ content: ''; width: 3.875rem;height: 0.375rem;background: #fff;position: absolute;left: 0;bottom: 0; }
.page-center .page-left .box-info2 a{ width: 100%; float: left; padding: 0 2.5rem;background: #fff;font-size: 1.25rem;}
.page-center .page-left .box-info2 a span{ width: 100%;float: left;line-height: 4.375rem; position: relative; }
.page-center .page-left .box-info2 a span::after{ content: ''; width: 1rem;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/icon_jt3.png) no-repeat center; background-size: 100%;transition: all .3s; }
.page-center .page-left .box-info2 a.active,.page-center .page-left .box-info2 a:hover{ background: #9A474F; color:#fff; font-size: 1.5rem; }
.page-center .page-left .box-info2 a.active span::after,.page-center .page-left .box-info2 a:hover span::after{ width: 1.5rem;background-image: url(../images/icon_jt3_w.png);right: -0.25rem; }
.page-center .page-right{ width: 100%; float:right; flex: 1; padding-left: 4.375rem;overflow:hidden;}
.page-center .page-right .page-r-top{ background: #fff;height: 6.25rem;border-left: 0.625rem solid #8F333C;padding: 0 2.375rem 0 1.625rem; }
.page-center .page-right .page-r-top .f-l{ font-size: 1.75rem;color: #8F333C; }
.page-center .page-right .page-r-top .f-r{ background: url(../images/icon_10.png) no-repeat left;background-size: auto 100%;line-height: 2rem;padding-left: 3rem;color: #464646;font-size: 1.25rem; }
.page-center .page-right .page-r-top .f-r a{ color: #464646;}
.page-center .page-right .page-r-top .f-r a:last-child{ color: #A1A1A1;}
.page-center .page-right .page-r-lower{ background: #fff;padding: 0 2.375rem;min-height: 20rem;margin-top: 2rem; }

.list-box3 ul li{ width: 100%; float: left; margin-top: 1.875rem;}
.list-box3 ul li a{ width: 100%; float: left; padding: 1.25rem; background: #F8F8F8;}
.list-box3 ul li a .box1{ width: 12.875rem; height: 8.5rem; overflow: hidden;}
.list-box3 ul li a .box2{ width: 100%; flex: 1;padding: 0 2.5rem 0 1.25rem; }
.list-box3 ul li a .box2 span{ display: block; font-size: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.list-box3 ul li a .box2 p{ font-size: 1rem;color: #787878;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 1rem;line-height: 1.6;height: 4.75rem; }
.list-box3 ul li a .box3{ text-align: center; font-size: 1rem;color: #424242;border-left: 2px solid #E7E7E7; padding:1rem 1.5rem 1rem 2.5rem; }
.list-box3 ul li a .box3 span{ font-size: 2.625rem;line-height: 1;padding-bottom: 0.8rem; display: block; }

.list-box4{ margin-top: 0.5rem;}
.list-box4 ul li{ width: 100%; float: left; }
.list-box4 ul li a{ width: 100%; float: left;border-bottom: dashed 1px #E0E0E0; height: 4.875rem; }
.list-box4 ul li a span{ width: 75%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-left: 1.25rem; font-size: 1.25rem;position: relative; }
.list-box4 ul li a span::after{ content: ''; width: 0.5rem;height: 0.5rem;background: #BE1010;border-radius: 100%; position: absolute; left: 0;top: 50%;margin-top: -0.1rem; }
.list-box4 ul li a i{ font-size: 1rem; color: #797979; }

.list-box5 ul{ margin: 0 -1rem;}
.list-box5 ul li{ width: 33.33%; float: left;padding: 0 1rem; margin-top: 2rem; }
.list-box5 ul li a{ width: 100%; float: left; background: #F8F8F8;padding: 1rem; font-size: 1rem; }
.list-box5 ul li a div{ height: 12.125rem; overflow: hidden;}
.list-box5 ul li a span{ display: block; font-size: 1.125rem;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 0.5rem; }
.list-box5 ul li a p{ display: block;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 2.75rem;color: #787878; margin: 0.5rem 0; }
.list-box5 ul li a i{ display: block; color: #787878;}

.page-info{ padding: 2rem 0;line-height: 1.8; }

.news-info .box-info1{ padding: 1.125rem 0;text-align: center;line-height: 1.4;}
.news-info .box-info1 span{ font-size: 1.5rem;}
.news-info .box-info1 p{ font-size: 1.1rem; margin-top: 1.5rem;}
.news-info .box-info1 p i{ color: #999;}
.news-info .box-info2{ font-size: 1.125rem;line-height: 1.8;padding: 1.5rem 0;}
.news-info .box-info3{ padding: 2rem 0;border-top: 2px solid #EDEDED;}
.news-info .box-info3 a{ max-width: 40%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 1.125rem;}
.news-info .box-info3 .btns{ width: 8.25rem;line-height: 3rem;background: #8F333C; font-size: 1rem;color: #fff;text-align: center;}

.list-box1.style2 ul li{ width: 33.33%;}
.list-box1.style2 ul li a .imgs{ background: #F5F5F5;border-color: #F5F5F5; }

.list-box6{ padding: 1rem 2rem 0;}
.list-box6 ul{ margin: 0 -2rem;font-size:0;}
.list-box6 ul li{ width: 25%;display:inline-block;vertical-align:top;padding: 0 2rem; margin-top: 2rem;text-align: center; }
.list-box6 ul li a{ width: 100%; float: left; }
.list-box6 ul li a span{ display: block;height: 18.625rem; background: #F5F5F5;border: 0.625rem solid #F5F5F5; overflow: hidden; }
.list-box6 ul li a p{ font-size: 1.375rem; margin-top: 1.1rem;}
.list-box6 ul li a i{ font-size: 1.1rem; margin-top: 0.5rem; display: block;color: #666; }

/*底部*/
.page-left-find{
  position:fixed;
  top: 50%;
  right: 0%;
  transform: translate(0%,-50%);
  z-index:999;
}

.page-left-find .page-gb-box{
  position:absolute;
  right:0px;
  top:0px;
  z-index:9999;
  cursor:pointer;
}





/* 小于等于多少高度的样式 */
@media screen and (max-height:880px){
}
@media screen and (max-height:600px){
}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px){
    
}
@media screen and (max-width:1440px){
	/* body,html{ font-size: calc(100vw / 100);} */
	
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1100px){
    
}
@media screen and (max-width:1024px){
    html,body{ font-size: 78%;}
    .w-90{ width: 94%;}
    .w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:94% !important;}
    .div-pc{ display: none;}
    .div-phone{ display: block;}
    .head-btn{ display: block; margin: 0 0 0 1.5rem;}
	.fanye-box{ padding: 1.5rem 0;}
	.fanye-box a{ padding: 0 0.8rem; height: 2.3rem; line-height: 2.3rem;}
    
	.all-center-box{ margin-top: 0; padding-top: 54px; background-size: cover;}
	.head-box{ background-size: 200%;}
	
	.head-soso{ display: none;}
    .head-box .head-menu{ width: 100%; position: fixed; left: 0; top: 54px; background: #fff; margin:0; border-top: 1px solid #DEDEDE; box-shadow: 0 3px 10px rgba(0,0,0,0.1); display: none; padding: 0.8rem 0;}
	.head-box .head-menu ul{ display: block;}
    .head-box .head-menu ul li{ width: 100%; text-align: center; margin: auto;}
    .head-box .head-menu ul li:first-child{ margin-left: 0;}
    .head-box .head-menu ul li span,.head-box .head-menu ul li span a{ width: 100%; line-height: 2.5rem;}
    .head-box .head-menu ul li.active span a{ color: #8F333C;}
    .head-box .head-menu ul li .head-menu-lv2{ display: none;}
    .head-box .head-menu ul li span a::after{ display: none;}
	.head-box .head-menu ul li:hover span a, .head-box .head-menu ul li.active span a{ background: none; color: #8F333C;}
	.head-box.active{ top:0;}
	
    .head-box .head-btn{ margin: 0 0 0 1rem;}
	
	.head-box .head-login{ padding-left: 0; margin-left: 0; display: none;}
	.head-box .head-login::after{ display: none;}
	
	.head-box .lower-box .pull-right{ width: auto; flex: none;}
	
	.head-box .top-box{ border-top-width: 3px; padding: 12px 0; border-bottom-color: #fff;}
	.head-box .top-box .pull-left .logo img{ width: auto; height: 30px !important; position: relative;}
	.head-box .top-box .pull-right .info{ display: none;}
	
	.banner-box .swiper-pagination{ bottom:1rem;}
	
	.home-box1{ padding: 0.5rem 0;}
	.home-box1 ul li{ width: 100%; font-size: 1rem; padding: 0.2rem 0;}
	
	.all-home-title img{ height: 5rem;}
	
	.home-box2{ padding: 1.5rem 0;}
	.home-box2 .center-block .pull-left,.home-box2 .center-block .pull-right{ width: 100%;}
	.home-box2 .center-block .pull-right{ height: 38rem;}
	.home-box2 .center-block .pull-left .swiper-container{ height: 20rem;}
	.home-box2 .center-block .pull-right .top-box .f-l div+div{ margin-left: 1rem;}
	.home-box2 .center-block .pull-right .top-box .f-l span{ font-size: 1.1rem;height: 2.5rem; }
	.home-box2 .center-block .pull-right .top-box .f-r{ font-size: 0; height: 20px;}
	.home-box2 .center-block .pull-right .lower-box ul li a .f-r{ width: 60%;}
	
	.home-box3{ padding: 0.3rem 0 1.5rem;}
	.home-box3 .w-1600{ display: block;}
	.home-box3 .center-block{ width: 100%; float: left; margin-top: 1.2rem; }
	
	.list-box1 ul,.list-box2 ul{ margin: 0;}
	.list-box1 ul li,.list-box2 ul li{ width: 100%; padding: 0;margin-top: 1.5rem; }
	.list-box1 ul li a .imgs,.list-box2 ul li a{ height: 18rem;}
	
	.home-box4,.home-box5{ padding: 1.5rem 0;}
	.home-box4 .list-box1{ margin-top: 0.5rem;}
	
	.all-more-box{ margin-top: 1.5rem;}
	
	.foot-box .top-box{ padding: 1.5rem 0; display: none;}
	.foot-box .lower-box{ padding: 1.5rem 0;}
	.foot-box .lower-box .box-info1 .f-l{ width: 100%; display: block;}
	.foot-box .lower-box .box-info1 .box1{ width: 100%; padding-left: 3rem; background-size: auto 2.2rem; font-size: 1rem; }
	.foot-box .lower-box .box-info1 .box1 p span{ display: block; margin-right: 0 !important;}
	.foot-box .lower-box .box-info1 .box2{ width: 100%; margin: 1rem 0 0; padding-left: 3rem; background-size: auto 2.2rem; font-size: 1rem; }
	.foot-box .lower-box .box-info1 .box3{ display: none;}
	.foot-box .lower-box .box-info1 .f-r{ width: 100%;}
	.foot-box .lower-box .box-info2{ margin-top: 0; display: block;border-top: 1px solid rgba(255,255,255,0.3); margin-top: 1.5rem; padding-top: 1.5rem; }
	.foot-box .lower-box .box-info2 .f-l{ width: 100%; -webkit-justify-content: center;}
	.foot-box .lower-box .box-info2 .f-l a{ margin: 0 0.8rem;}
	.foot-box .lower-box .box-info2 .f-r{text-align: center;margin-top: 1rem;line-height: 1.6; }
	.foot-box .lower-box .box-info2 .f-r a{ display: block;}
	
	.page-center{ padding: 1.5rem 0;}
	.page-center .w-1600{ display: block;}
	.page-center .page-left{ width: 100%;}
	.page-center .page-right{ padding-left: 0; margin-top: 1.2rem;}
	.page-center .page-left .box-info1{ padding: 2rem;}
	.page-center .page-left .box-info1 span{ font-size: 1.8rem; padding-bottom: 1rem; }
	.page-center .page-left .box-info1 span::after{ height: 0.2rem;}
	.page-center .page-left .box-info1 span::before{ content: ''; width: 0;height: 0;border-left: 0.6rem solid transparent;border-right: 0.6rem solid transparent;border-top: 0.8rem solid #fff; position: absolute;right: 0;top: 50%; margin-top: -0.4rem;transition: all .6s; }
	.page-center .page-left .box-info1.active span::before{ transform: rotate(180deg); }
	.page-center .page-left .box-info2{ display: none;}
	.page-center .page-left .box-info2 a{ padding: 0 2rem; font-size: 1.2rem; }
	.page-center .page-left .box-info2 a.active{ font-size: 1.4rem;}
	.page-center .page-right .page-r-top{ padding: 0.8rem 1.3rem; display: block; height: auto; }
	.page-center .page-right .page-r-top .f-l{ width: 100%; font-size: 1.5rem; }
	.page-center .page-right .page-r-top .f-r{ width: 100%; padding-left: 2.5rem; margin-top: 0.6rem; }
	.page-center .page-right .page-r-lower{ margin-top: 1.2rem;padding: 0 1rem; }
	
	.list-box3 ul li{ margin-top: 1rem; }
	.list-box3 ul li a{ padding: 1rem; display: block; }
	.list-box3 ul li a .box1{ width: 100%; height: 12rem; margin-bottom: 1rem; }
	.list-box3 ul li a .box2{ width: 70%; float: left;padding: 0 1rem 0 0; }
	.list-box3 ul li a .box2 p{ margin-top: 0.5rem;}
	.list-box3 ul li a .box3{ width: 30%; float: left;padding: 1rem 0 1rem 1rem; }
	
	.list-box4 ul li a{ height: 4rem;}
	.list-box4 ul li a span{ font-size: 1.2rem;}
	
	.list-box5{ margin-top: 0.3rem;}
	.list-box5 ul{ margin: 0;}
	.list-box5 ul li{ width: 100%;padding: 0; margin-top: 1.2rem; }
	
	.page-info{ padding: 1rem 0;}
	
	.news-info .box-info1{ padding: 1.5rem 0 0;}
	.news-info .box-info1 span{ font-size: 1.3rem;}
	.news-info .box-info1 p{ font-size: 1.1rem;}
	.news-info .box-info3{ padding: 1.5rem 0; position: relative; display: block;}
	.news-info .box-info3 a{ width: 60%; float: left; line-height:2rem; max-width: inherit;}
	.news-info .box-info3 .btns{ position: absolute; right:0; top: 50%; margin-top: -1.5rem;}
	
	.list-box6{ padding: 0;}
	.list-box6 ul{ margin: 0 -0.6rem;}
	.list-box6 ul li{ width: 50%;padding: 0 0.6rem; margin-top: 1.5rem; }
	.list-box6 ul li a span{ height: 16rem;}
	.list-box6 ul li a i{ margin-top: 0.3rem;}
	
	
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}