@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
@font-face{font-family:"AG";src:url("fonts/AGaramondPro-Regular.woff.ttf");}
body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial,verdana; color:#333;  font-weight: 100;}
::-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:#EF0000;}
::-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{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #EF0000;}
:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow: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: 107.5rem;}
.w-1500{margin: auto; width: 95rem;}
.w-1600{margin: auto; width: 101.25rem;}
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none;}

.img-hover{ overflow: hidden;}
.img-hover .img-h{ 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: #EF0000; 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: 2rem 0 6rem; margin: auto;}
.fanye-box .SplitPage a,.fanye-box .SplitPage span{display:inline-block; min-width: 2.125rem; height: 2.125rem; line-height: 2.125rem; text-align: center; border-radius: 100%; margin: 0 0.5rem;}
.fanye-box .SplitPage a:hover{ background: #EF0000; color: #fff;}
.fanye-box .SplitPage a.active,.fanye-box .SplitPage span.nowpage{ background: #666; color: #fff;}




.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; margin-top: 5rem;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

.head-box{ position: fixed; z-index: 99; left: 0; top: 0; z-index: 99; background: #fff; transition: all .6s ease; background-size: cover; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head-box .w-90{ height: 5rem;}
.head-box .logo{ height: 3.75rem;}
.head-box .head-menu ul li{ float: left; margin-left: 6.25rem; position: relative;}
.head-box .head-menu ul li span a{ font-size: 1.125rem;}
.head-box .head-menu ul li.active span a{ color: #F02626;}
.head-box .head-soso{ width: 8.125rem; margin-left: 4.375rem; position: relative;}
.head-box .head-soso .text{ width: 100%; float: left; height: 1.875rem; border: none; border-bottom: 1px solid #eee; padding-right: 1.25rem;}
.head-box .head-soso .btns{ width: 1.25rem; height: 100%; position: absolute; right:0; top: 0; background: url(../images/icon_1.png) no-repeat center; border: none;}
.head-box .head-menu ul li>div.between-center{ position: absolute; right: 50%;top: 100%; width: 66.25rem; min-height: 24rem; padding: 2rem 2rem 2rem 7rem;opacity: 0;transition: all .6s;pointer-events: none; background: #fff; margin: 1.9rem -5rem 0 0; }
.head-box .head-menu ul li:nth-child(1)>div.between-center,.head-box .head-menu ul li:nth-child(2)>div.between-center,.head-box .head-menu ul li:nth-child(3)>div.between-center,.head-box .head-menu ul li:nth-child(4)>div.between-center{ right: auto; left: 50%; margin: 1.9rem 0 0 -20rem; }

.head-box .head-menu ul li>div.between-center::after{ content: ''; width: 100%; height: 2rem; position: absolute; left: 0; bottom: 100%; }
.head-box .head-menu ul li>div.between-center a{ width: 100%; float: left;line-height: 3rem; background: #fff;text-align: center;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.head-box .head-menu ul li>div.between-center a:hover,.head-box .head-menu ul li>div.between-center a.active{ background: #F02626;color: #fff;}
.head-box .head-menu ul li>div.between-center .f-l{ width: 10rem;}
.head-box .head-menu ul li>div.between-center .f-r{ width: 100%; flex: 1;}
.head-box .head-menu ul li>div.between-center .f-r img{ width: 25rem; height: 16rem; object-fit: cover; }
.head-box .head-menu ul li>div.between-center .f-r a{ background:#FFF; }
.head-box .head-menu ul li:hover>div.between-center{ opacity: 1;pointer-events: auto;}

.sidebar-right{ width: 3rem; position: fixed; right: 2rem; bottom: 5rem; z-index: 99;}
.sidebar-right ul li{ width: 100%; float: left; position: relative; margin: 0.5rem 0;}
.sidebar-right ul li a{ width: 100%; height: 3rem; float: left; border-radius: 100%; background-color: rgba(0,0,0,0.5); background-position: center; background-size: 1.5rem; background-repeat: no-repeat;}
.sidebar-right ul li a.goTop{ background-image: url(../images/gotop.png); display: none;}

.banner-box{ position: relative;}
.banner-box .swiper-container{ height: 43.75rem;}
.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:8px; height: 8px; text-align: center; margin: 0 1.375rem; background: none; color: #fff; font-size: 1.25rem; transition: all .6s; opacity: 1; border: 1px solid #fff;}
.banner-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; background: #fff;}

.home-box1{ padding-top: 3.5rem;}
.home-box1 .swiper-container{ margin-top: 8px;}
.home-box1 .swiper-container .swiper-slide a{ width: 100%; height: 35rem; background: #F4F4F4; text-align: center;}
.home-box1 .swiper-container .swiper-slide .box1 span{ display: block; font-size: 1.875rem; color: #333;}
.home-box1 .swiper-container .swiper-slide .box1 p{ font-size: 1rem; text-transform: uppercase; color: #B5B5B5; margin-top: 1rem; letter-spacing: 0.4rem; font-family: "AG";}
.home-box1 .swiper-container .swiper-slide .box2{ height: 8rem;}
.home-box1 .swiper-container .swiper-slide .box2 i{ width: 1.5rem; height: 1.5rem; border: 1px solid #D2D2D2; border-radius: 100%; background: url(../images/icon_jt2.png) no-repeat center; background-size: 0.375rem; transition: all .6s;}
.home-box1 .swiper-container .swiper-slide .box3{ height: 13.75rem; padding: 0 3.4375rem;}
.home-box1 .swiper-container .swiper-slide .box3 img{ max-height: 90%; transition: all .6s;}
.home-box1 .swiper-container .swiper-slide:hover .box2 i{ border-color: #000; background-color: #000; background-image: url(../images/icon_jt1.png);}
.home-box1 .swiper-container .swiper-slide:hover .box3 img{ transform: scale(1.1);}

.all-title-box{ text-align: center;}
.all-title-box span{ display: block; font-size: 2.5rem;}
.all-title-box p{ font-size: 1.125rem; text-transform: uppercase; margin-top: 0.2rem; letter-spacing: 0.7rem; font-family: "AG";}

.home-box2{ padding: 3.5rem 0;}
.home-box2 .center-block{ margin-top: 2.75rem;}
.home-box2 .center-block ul{ margin: 0 -0.5rem;}
.home-box2 .center-block ul li{ width: 65%; padding: 0 0.5rem; margin-top: 1rem; float: left;}
.home-box2 .center-block ul li a{ width: 100%; float: left; height: 21rem; position: relative; overflow: hidden;}
.home-box2 .center-block ul li a img{ width: 100%; height: 100%;}
.home-box2 .center-block ul li a .info{ width: 100%; height: 100%; padding: 0 6.25rem; position: absolute; left: 0; bottom: 0; text-align: left; color: #333;}
.home-box2 .center-block ul li a .info span{ width: 100%; font-size: 1.75rem;}
.home-box2 .center-block ul li a .info p{ width: 100%; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.3rem; padding: 1rem 0 1.625rem; position: relative; font-family: "AG";}
.home-box2 .center-block ul li a .info p::after{ content: ''; width: 2.5rem; height: 1px; background: #333; position: absolute; left: 0; bottom: 0;}
.home-box2 .center-block ul li:nth-child(2n){ width: 35%;}
.home-box2 .center-block ul li:nth-child(2n) a .info{ height: 50%; text-align: center;}
.home-box2 .center-block ul li:nth-child(2n) a .info p::after{ left: 50%; margin-left: -1.25rem;}
.home-box2 .center-block ul:nth-child(2n) li{ width: 35%;}
.home-box2 .center-block ul:nth-child(2n) li:nth-child(2n){ width: 65%;}
.home-box2 .center-block ul:nth-child(2n) li a .info{ text-align: center;}
.home-box2 .center-block ul:nth-child(2n) li a .info p::after{ left: 50%; margin-left: -1.25rem;}
.home-box2 .center-block ul:nth-child(2n) li:nth-child(2n) a .info{ height: 100%; text-align: right;}
.home-box2 .center-block ul:nth-child(2n) li:nth-child(2n) a .info p::after{ left: auto; right: 0; margin-left: 0;}

.home-box3{ background-position: center; background-size: cover;}
.home-box3 .pull-left{ height: 40.5rem;}
.home-box3 .pull-left span{ font-size: 2.5rem;}
.home-box3 .pull-left p{ font-size: 1.25rem; letter-spacing: 0.5rem; text-transform: uppercase; font-weight: bold; margin-top: 1.25rem; font-family: "AG";}

.home-box4{ padding: 3.5rem 0;}
.home-box4 .center-block{ margin-top: 2.25rem;}
.home-box4 .center-block ul{ margin: 0 -0.625rem;}
.home-box4 .center-block ul li{ width: 25%; float: left; padding: 0 0.625rem; margin-top: 1.25rem;}
.home-box4 .center-block ul li a{ width: 100%; height: 18.75rem; float: left; overflow: hidden;}
.home-box4 .center-block ul li a img{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.home-box4 .center-block ul li:nth-child(1) a{ height: 38.75rem;}
.home-box4 .center-block ul li:nth-child(6){ width: 50%;}
.home-box4 .center-block ul li a:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%);}

.home-box5{ background: #F7F7F7; padding: 3.5rem 0;}
.home-box5 .center-block{ margin-top: 3.25rem;}
.home-box5 .center-block .pull-left,.home-box5 .center-block .pull-right{ width: 50%; padding: 0 3.25rem;}
.home-box5 .center-block .pull-left .swiper-container .swiper-slide .imgs{ height: 24.75rem; overflow: hidden;}
.home-box5 .center-block .pull-left .swiper-container .swiper-slide .info{ padding: 0 0.75rem;}
.home-box5 .center-block .pull-left .swiper-container .swiper-slide .info span{ font-size: 1.5rem; line-height: 1.6; margin: 1.5rem 0 1rem; display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.home-box5 .center-block .pull-left .swiper-container .swiper-slide .info p{ font-size: 0.875rem; color: #999;}
.home-box5 .center-block .pull-left .swiper-container .swiper-pagination{ width: auto; left: auto; right: 0; bottom: 0;}
.home-box5 .center-block .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 0.625rem; height: 0.625rem; border: 1px solid #CECECE; background: none; opacity: 1; margin: 0 0 0 1.25rem; transition: all .6s;}
.home-box5 .center-block .pull-left .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #EF0000; border-color: #EF0000;}
.home-box5 .center-block .pull-right ul li{ width: 100%; float: left; margin-top: 3.375rem;}
.home-box5 .center-block .pull-right ul li:first-child{ margin-top: 0;}
.home-box5 .center-block .pull-right ul li a{ width: 100%; float: left; font-size: 0.875rem;}
.home-box5 .center-block .pull-right ul li a span{ display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 1.125rem;}
.home-box5 .center-block .pull-right ul li a p{ display: block; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0.75rem 0; color: #666;}
.home-box5 .center-block .pull-right ul li a i{ display: block; color: #999; position: relative;}
.home-box5 .center-block .pull-right ul li a i::after{ content: ''; width: calc(100% - 5.5rem); height: 1px; background: #eee; position: absolute; right: 0; top: 50%;}
.home-box5 .lower-box{ text-align: center; margin-top: 5rem;}
.home-box5 .lower-box a{ display: inline-block; line-height: 3.125rem; border: 1px solid #222; color: #222; font-size: 1.125rem; text-align: center; min-width: 10rem; padding: 0 1.5rem; border-radius: 0.3125rem;}
.home-box5 .lower-box a:hover{ background: #EF0000; border-color: #EF0000; color: #fff;}

.home-box6{ padding: 3.5rem 0;}
.home-box6 .all-title-box span{ font-size: 2.25rem; letter-spacing: 0.5rem;}
.home-box6 .all-title-box p{ letter-spacing: 0.2rem; font-family: "AG";}
.home-box6 .center-block{ margin-top: 3.5rem;}
.home-box6 .center-block .pull-left{ width: 45%; height: 19.75rem; background: #91929D; padding: 1.25rem 4.0625rem; color: #fff;}
.home-box6 .center-block .pull-left .text{ width: 100%; float: left; margin-top: 1.5rem; background: none; color: #fff; font-size: 1rem; padding: 0 1rem; height: 2.5rem; border: 1px solid rgba(255,255,255,0.2);}
.home-box6 .center-block .pull-left .text::-webkit-input-placeholder{ color: #fff;}
.home-box6 .center-block .pull-left .btns{ width: 8.75rem; height: 2.5rem; background: #EF0000; font-size: 1rem; color: #fff; border: none; float: left; margin-top: 2.5rem;}
.home-box6 .center-block .pull-left p{ width: 100%; float: left; line-height: 1.4; margin-top: 0.875rem;}
.home-box6 .center-block .pull-right{ width: 55%; height: 19.75rem; overflow: hidden;}

.foot-box{}
.foot-box .top-box{ background: #EFEFEF;}
.foot-box .top-box ul li{ width: 100%; float: left; text-align: center; padding: 4.125rem 0;}
.foot-box .top-box ul li i{ display: block;}
.foot-box .top-box ul li span{ display: block; font-size: 1.125rem; padding: 1rem 0 0.5rem; color: #333;}
.foot-box .top-box ul li p{ font-size: 0.875rem; color: #999;}
.foot-box .top-box ul li:hover i{ transition: all .6s; transform: rotateY(360deg);}
.foot-box .lower-box{ padding: 5.625rem 0 2.5rem;}
.foot-box .lower-box .box-info1 .pull-left{ display: flex;}
.foot-box .lower-box .box-info1 .pull-left ul{ margin-right: 7.5rem;}
.foot-box .lower-box .box-info1 .pull-left ul span{ display: block; font-size: 1rem; padding-bottom: 0.5rem;}
.foot-box .lower-box .box-info1 .pull-left ul span a{ display: block; color: #000;}
.foot-box .lower-box .box-info1 .pull-left ul li{ display: block; font-size: 0.875rem; margin-top: 0.875rem;}
.foot-box .lower-box .box-info1 .pull-left ul li a{ display: block; color: #666;}
.foot-box .lower-box .box-info1 .pull-right{ border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; height: 6.125rem;}
.foot-box .lower-box .box-info1 .pull-right img{ width: 3.25rem;}
.foot-box .lower-box .box-info1 .pull-right div{ width: 100%; flex: 1; padding-left: 1.25rem;}
.foot-box .lower-box .box-info1 .pull-right div a{ display: block; font-size: 1.85rem;}
.foot-box .lower-box .box-info1 .pull-right div p{ font-size: 1rem;}
.foot-box .lower-box .box-info2 .pull-left{ line-height: 2; font-size: 0.875rem;}
.foot-box .lower-box .box-info2 .pull-right{ display: flex;}
.foot-box .lower-box .box-info2 .pull-right div{ text-align: center; margin-left: 2rem;}
.foot-box .lower-box .box-info2 .pull-right div img{ width: 7.25rem; height: 7.25rem; border: 1px solid #C9C9C9;}
.foot-box .lower-box .box-info2 .pull-right div p{ margin-top: 0.5rem;}

.page-address{ padding: 3.4375rem 0 0;}
.page-address .pull-left{ font-size: 1rem;}

.product-info1{ padding: 6.25rem 0;}
.product-info1 .pull-left{ width: 50%; position: relative; z-index: 2; padding-left: 13.125rem;}
.product-info1 .pull-left .box-info1{ width: 7.875rem; height: 100%; position: absolute; left: 0; top: 0; padding: 3.625rem 0;}
.product-info1 .pull-left .box-info1 .swiper-container{ width: 100%; height: 100%;}
.product-info1 .pull-left .box-info1 .swiper-button-next,.product-info1 .pull-left .box-info1 .swiper-button-prev{ height: 7.875rem; width: 1.625rem; background: #eee; margin: 0;}
.product-info1 .pull-left .box-info1 .swiper-button-next::after,.product-info1 .pull-left .box-info1 .swiper-button-prev::after{ font-size: 1rem; color: #B1B1B1;}
.product-info1 .pull-left .box-info1 .btns,.product-info1 .pull-left .box-info1 .btns{ width: 100%; height: 12.5rem; position: absolute; left: 0; cursor: pointer; z-index: 10; outline: none;}
.product-info1 .pull-left .box-info1 .btns.up{ top: 0;}
.product-info1 .pull-left .box-info1 .btns.down{ bottom: 0;}
.product-info1 .pull-left .box-info1 .swiper-button-next{ right: 50%; margin-right: -0.8125rem; top: auto; bottom: -3.1rem; transform: rotate(90deg);}
.product-info1 .pull-left .box-info1 .swiper-button-prev{ left: 50%; margin-left: -0.8125rem; top: -3.1rem; transform: rotate(90deg);}
.product-info1 .pull-left .box-info1 .swiper-container .swiper-slide{ width: 100%; height: 8.5625rem; border: 1px solid #F2F2F2;}
.product-info1 .pull-left .box-info2{ width: 100%; height: 35rem; float: left; position: relative; border: 1px solid #F2F2F2;}
.product-info1 .pull-left .box-info2>div{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .6s;}
.product-info1 .pull-left .box-info2>div img{ width: 100%; height: 100%; object-fit: contain; }
.product-info1 .pull-left .box-info2>div.active{ opacity: 1; z-index: 2 !important;}

.MagnifierDrag{ position: absolute; background: rgba(0,0,0,0.2);}
.MagnifierPop{ position: absolute; top:0; overflow: hidden;}
.MagnifierImg{ position: absolute;}

.iz-box{ opacity: 1 !important; transition: none !important;}
.iz-box-img{ height: auto !important; max-width: initial !important; object-fit:none !important;}

.product-info1 .pull-right{ width: 50%; padding-left: 5.3125rem;}
.product-info1 .pull-right .box1{ font-size: 1.5625rem; margin-top: 1.75rem; line-height: 2;}
.product-info1 .pull-right .box2{ padding: 1.875rem 0; font-size: 1.125rem; border-bottom: 1px solid #EEEEEE;}
.product-info1 .pull-right .box2 span{ color: #F02626; font-size: 1.75rem;}
.product-info1 .pull-right .box3{ padding: 2rem 0;}
.product-info1 .pull-right .box3 p{ line-height: 1.8; font-size: 1rem;}
.product-info1 .pull-right .box4{ margin-top: 5.625rem;}
.product-info1 .pull-right .box4 a{ width: 12.5rem; line-height: 3.125rem; float: left; background: #B2B2B2; text-align: center; font-size: 1.125rem; color: #fff; position: relative;}
.product-info1 .pull-right .box4 a+a{ margin-left: 1.5rem;}
.product-info1 .pull-right .box4 a span{ display: inline-block; padding-left: 34px; background-position: left; background-repeat: no-repeat;}
.product-info1 .pull-right .box4 a span.icon1{ background-image: url(../images/icon_2.png);}
.product-info1 .pull-right .box4 a i{ width: 100%; position: absolute; left: 0; top: 100%; pointer-events: none; opacity: 0; transition: all .6s; border: 1px solid #B2B2B2; padding: 0.5rem; background: #fff;}
.product-info1 .pull-right .box4 a i img{ width: 100%;}
.product-info1 .pull-right .box4 a.active,.product-info1 .pull-right .box4 a:hover{ background: #000;}
.product-info1 .pull-right .box4 a:hover i{ opacity: 1; }

.product-title span{ font-size: 2rem;}
.product-title p{ width: 20.1875rem; height: 1px; background: #D1D1D1; margin-top: 1.5rem; position: relative;}
.product-title p::after{ content: ''; width: 3.875rem; height: 1px; background: #333333; position: absolute; left: 50%; top: 0; margin-left: -1.9375rem;}

.product-info2{ background: #F8F8F8; padding: 3.5rem 0;}
.product-info2 .center-block ul li{ width: 25%; float: left; padding: 0 3rem; text-align: center; position: relative; margin-top: 4.375rem;}
.product-info2 .center-block ul li i{ display: block;}
.product-info2 .center-block ul li i img{ height: 10.9375rem; border-radius: 100%; transition: all .6s;}
.product-info2 .center-block ul li span{ display: block; font-size: 1.5rem; margin-top: 2rem;}
.product-info2 .center-block ul li p{ font-size: 1rem; color: #A8A8A8; margin-top: 0.625rem; line-height: 1.8;}
.product-info2 .center-block ul li:hover i img{ transform: rotate(360deg);}
.product-info2 .center-block ul li::after{ content: ''; width: 2.1875rem; height: 10.9375rem; background: url(../images/icon_jt3.png) no-repeat center; background-size: 100%; position: absolute; right: -0.953125rem; top: 0;}
.product-info2 .center-block ul li:last-child::after{ display: none;}

.product-info3{ margin-top: 6.875rem;}
.product-info3 .center-block{ margin-top: 3.125rem; text-align: center;}
.product-info3 .center-block .top-box{ line-height: 3.75rem; display: flex; background: #FAFAFA;}
.product-info3 .center-block .top-box span{ width: 16.66%;}
.product-info3 .center-block .lower-box{ padding: 1.125rem 0; display: flex;}
.product-info3 .center-block .lower-box span{ width: 16.66%;}

.product-info4{ margin-top: 6.875rem;}
.product-info4 .center-block{ line-height: 1.8; padding: 5.625rem 0;}

.product-info5{ padding: 3.4375rem 0; background: url(../images/pro5_bg.jpg) center; background-size: cover; text-align: center;}
.product-info5 span{ display: block; font-size: 1.875rem;}
.product-info5 p{ font-size: 1rem; text-transform: uppercase; margin-top: 0.75rem; font-weight: 100;}

.list-box1{ padding: 3.75rem 0;}
.list-box1 ul li{ width: 25%; float: left;}
.list-box1 ul li a{ width: 100%; height: 26.375rem; float: left; position: relative; overflow: hidden;}
.list-box1 ul li a .box1{ width: 100%; height: 100%; float: left; text-align: center;}
.list-box1 ul li a .box1 span{ width: 100%; height: 13rem; display: flex; align-items: center; justify-content: center;}
.list-box1 ul li a .box1 span img{ max-width: 70%; max-height: 90%;}
.list-box1 ul li a .box1 p{ width: 100%; font-size: 1.125rem; margin-top: 2.5rem;}
.list-box1 ul li a .box2{ width: 100%; height: 100%; position: absolute; left: 0%; top: 0; transition: all .6s; opacity: 0;}
.list-box1 ul li a .box2 img{ width: 100%; height: 100%; object-fit: cover;}
.list-box1 ul li a:hover .box2{ opacity: 1;}

.page-banner{ height: 30rem; background-position: center; background-size: cover;}
.page-banner .pull-left span{ display: block; font-size: 3rem;}
.page-banner .pull-left p{ font-size: 1.125rem; font-family: "AG"; text-transform: uppercase; letter-spacing: 0.8rem;}

.page-menu{ margin-top: 3rem;}
.page-menu a{ float: left; margin-right: 5.625rem; font-size: 1.125rem;}
.page-menu a:hover,.page-menu a.active{ color: #ef0000;}

.slider-container.theme-green{ width: 100% !important;}
.selected-bar{ background: #000 !important;}
.theme-green .back-bar .pointer::after{ content: ''; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/icon_3.png) no-repeat center; background-size: 100%;}
.theme-green .back-bar .pointer.low::after{ background-size: 90%;}

.diamond-box1 .top-box{ text-align: center; font-size: 1.6rem; padding: 5rem 0 2.5rem;}
.diamond-box1 .cen-box .box-info1{ width: 47%; height: 3.75rem; float: left; display: flex; margin-top: 1.5rem;}
.diamond-box1 .cen-box .box-info1:nth-child(2n){ float: right;}
.diamond-box1 .cen-box .box-info1 .pull-left{ width: 4.375rem; font-size:1rem; white-space: nowrap;}
.diamond-box1 .cen-box .box-info1 .pull-right{ width: 100%; flex: 1; position: relative;}
/* .diamond-box1 .cen-box .box-info1 .pull-right .box1{ position: absolute; left: 0; bottom: 100%; margin-bottom: 1.25rem;} */
.diamond-box1 .cen-box .box-info1 .pull-right .box1 div{ width: 7.8125rem; border: 1px solid #E5E5E5; padding: 0 0.5rem; line-height: 2rem; display: flex;}
.diamond-box1 .cen-box .box-info1 .pull-right .box1 div input{ width: 100%; border: none;}
.diamond-box1 .cen-box .box-info1 .pull-right .box1 div i{ color: #999; font-style: italic; white-space: nowrap;}
.diamond-box1 .cen-box .box-info1 .pull-right .box3 div{ width: 34px; height: 35px; text-align: center; position: relative; border: 2px solid transparent; transition: all .6s;}
.diamond-box1 .cen-box .box-info1 .pull-right .box3 div.active{ border-color: #EF0000;}
.diamond-box1 .cen-box .box-info1 .pull-right .box3 div input{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; margin: 0; cursor: pointer;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4{ display: flex;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4 div{ width: 100%; float: left; text-align: center; position: relative;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4 div+div{ margin-left: 0.8%;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4 div i{ width: 100%; float: left; height: 0.375rem; background: #EFEFEF; margin-top: 0.8rem; transition: all .6s;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4 div p{ width: 100%; float: left; font-size: 1rem; margin-top: 0.3rem;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4 div input{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; margin: 0; cursor: pointer;}
.diamond-box1 .cen-box .box-info1 .pull-right .box4 div.active i{ background: #000;}
.diamond-box1 .lower-box{ padding: 3.75rem 0;}
.diamond-box1 .lower-box .btns{ width: 11.25rem; height: 3.25rem; line-height: 3.25rem; background: #B4B4B4; border-radius: 0.3125rem; border: none; text-align: center; font-size: 1.125rem; text-align: center; margin: 0 2rem; color: #fff; transition: all .6s;}
.diamond-box1 .lower-box .btns.active,.diamond-box1 .lower-box .btns:hover{ background: #000;}

.diamond-box2 .top-box{ font-size: 1.125rem;}
.diamond-box2 .top-box span{ color: #EF0000;}
.diamond-box2 .lower-box{ margin-top: 1.625rem; font-size: 1rem;}
.diamond-box2 .lower-box .box-info1{ background:#F7F7F7; padding: 1.5rem 2rem;}
.diamond-box2 .lower-box .box-info1 span{ width: 6.25rem; text-align: center;}
.diamond-box2 .lower-box .box-info1 span:first-child{ width: 10.125rem; text-align: left;}
.diamond-box2 .lower-box .box-info1 span:last-child{ width: 5.9375rem;}
.diamond-box2 .lower-box .box-info2{ background: #FBFBFB; margin-top: 0.375rem; padding: 1.5rem 2rem; transition: all .6s;}
.diamond-box2 .lower-box .box-info2 div{ width: 6.25rem; text-align: center; display: flex;}
.diamond-box2 .lower-box .box-info2 div:first-child{ width: 10.125rem; text-align: left;}
.diamond-box2 .lower-box .box-info2 div:last-child{ width: 5.9375rem;}
.diamond-box2 .lower-box .box-info2 div span{ display: none; white-space: nowrap;}
.diamond-box2 .lower-box .box-info2 div p{ width: 100%; flex: 1;}
.diamond-box2 .lower-box .box-info2 div a{ min-width: 5.9375rem; float: left; line-height: 2rem; border: 1px solid #ECECEC; background: #fff; font-size: 1rem; white-space: nowrap; padding: 0 1rem;}
.diamond-box2 .lower-box .box-info2:hover{ background: #FFF5F5;}

.font-white{ color: #fff;}

.page-banner .pull-left.text-center p{ font-size: 3.75rem; letter-spacing: normal;}

.case-list .center-block{ position: relative; margin: 4rem 0;}
.case-list .center-block .item{ width: 18rem; position: absolute; padding: 1rem; top: 0; left: 40%;}
.case-list .center-block .item a{ background: #fff;}
.case-list .center-block .item a .imgs{ overflow: hidden;}
.case-list .center-block .item a .info{ padding: 1.25rem;}
.case-list .center-block .item a .info span{ font-size: 1rem; color: #333; line-height: 1.6;}
.case-list .center-block .item a .info p{ font-size: 14px; color: #999; margin-top: 1.5rem; transition: all .6s;}
.case-list .center-block .item a:hover{ box-shadow: 0 0 1.5rem rgba(0,0,0,0.1);}
.case-list .center-block .item a:hover .info p{ color: #EF0000;}

.about-box1{ padding: 7.5rem 0;}
.about-box1 .pull-left{ width: 33%;}
.about-box1 .pull-left p{ font-size: 2rem; position: relative; padding: 1rem 0 4.375rem;}
.about-box1 .pull-left p::after{ content: ''; width: 4rem; height: 0.1875rem; background: #EF0000; position: absolute; left: 0; bottom: 0;}
.about-box1 .pull-right{ width: 100%; flex: 1; font-size: 1rem; line-height: 2;}

.about-title1{ text-align: center;}
.about-title1 span{ display: block; font-size: 2rem; padding-bottom: 2.5rem; position: relative;}
.about-title1 span::after{ content: ''; width: 4rem; height: 0.1875rem; background: #EF0000; position: absolute; left: 50%; bottom: 0; margin-left: -2rem;}

.about-box2{ margin-top: 6.875rem;}
.about-box2 .box-info1{ padding: 3.125rem 10rem; font-size: 1rem; line-height: 2; text-align: center;}
.about-box2 .box-info2 ul li{ width: 33.33%; float: left; height: 23rem; position: relative; overflow: hidden;}
.about-box2 .box-info2 ul li::after{ content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #fff;}

.about-box3{ padding: 6.875rem 0;}
.about-box3 .center-block .mySwiper2{ margin: 4.0625rem 0 5rem;}
.about-box3 .center-block .mySwiper2 .pull-left{ width: 50%; padding-right: 50%; position: relative;}
.about-box3 .center-block .mySwiper2 .pull-right{ width: 50%; padding-left: 5rem; height: 25.625rem; overflow: hidden;}
.about-box3 .center-block .mySwiper2 .pull-right img{ width: 100%; height: 100%; object-fit: cover;}
.about-box3 .center-block .mySwiper2 .pull-left .box1{ font-size: 15.25rem; color: #FAF9F9; line-height: 1; font-weight: bold;}
.about-box3 .center-block .mySwiper2 .pull-left .box2{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.about-box3 .center-block .mySwiper2 .pull-left .box2 div{ width: 100%; color: #EF0000; font-size: 1.25rem;}
.about-box3 .center-block .mySwiper2 .pull-left .box2 div i{ font-size: 2.25rem;}
.about-box3 .center-block .mySwiper2 .pull-left .box2 span{ width: 100%; font-size: 1.5rem; margin-top: 1rem; color: #000000;}
.about-box3 .center-block .mySwiper2 .pull-left .box2 p{ width: 100%; font-size: 1rem; color: #666; margin-top: 0.2rem;}
.about-box3 .center-block .mySwiper1::after{ content: ''; width: 100%; height: 1px; background: #F0F0F0; position: absolute; left: 0; bottom: 0.85rem;}
.about-box3 .center-block .mySwiper1 .swiper-slide{ text-align: center; font-size: 1.125rem; cursor: pointer;}
.about-box3 .center-block .mySwiper1 .swiper-slide span{ display: block; height: 2rem; line-height: 2.8rem;}
.about-box3 .center-block .mySwiper1 .swiper-slide i{ display: inline-block; width: 1.125rem; height: 1.125rem; position: relative; border-radius: 100%; transition: all .6s; margin-top: 0.625rem;}
.about-box3 .center-block .mySwiper1 .swiper-slide i::after{ content: ''; width: 0.375rem; height: 0.375rem; background: #ccc; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 100%; transition: all .6s;}
.about-box3 .center-block .mySwiper1 .swiper-slide.swiper-slide-thumb-active span{ font-size: 2.25rem; color: #EF0000; line-height: 1;}
.about-box3 .center-block .mySwiper1 .swiper-slide.swiper-slide-thumb-active i{ background: rgba(239,0,0,0.2);}
.about-box3 .center-block .mySwiper1 .swiper-slide.swiper-slide-thumb-active i::after{ background: #EF0000;}

.about-box4{ background: #F9F9F9; padding: 7.8125rem 0;}
.about-box4 .pull-left{ width: 55%; height: 32.8125rem; overflow: hidden;}
.about-box4 .pull-left img{ width: 100%; height: 100%; object-fit: cover;}
.about-box4 .pull-right{ width: 45%; padding-left: 3.125rem;}
.about-box4 .pull-right .box1{ font-size: 6.875rem; color:#F4F4F4; font-weight: bold; line-height: 1; text-transform: uppercase;}
.about-box4 .pull-right .box2{ background: #fff; padding: 3.125rem 6.875rem 3.125rem 0; position: relative;}
.about-box4 .pull-right .box2::after{ content: ''; width: 9.375rem; height: 100%; background: #fff; position: absolute; right: 100%; top: 0;}
.about-box4 .pull-right .box2 span{ display: block; font-size: 2rem;}
.about-box4 .pull-right .box2 p{ font-size: 1rem; line-height: 2; margin-top: 2rem;}

.about-box5{ background: url(../images/ab5_bg.jpg) center fixed; background-size: cover; padding: 7.5rem 0;}
.about-box5 .center-block ul li{ width: 50%; float: left; padding: 0 2.8125rem; margin-top: 3.75rem;}
.about-box5 .center-block ul li a{ width: 100%; float: left; text-align: center;}
.about-box5 .center-block ul li a span{ width: 100%; float: left; height: 27.0625rem; overflow: hidden;}
.about-box5 .center-block ul li a p{ width: 100%; float: left; font-size: 1.5rem; margin-top: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.about-box6.product-info2{ background: #fff;}

.about-box7 ul li{ width: 100%; float: left; border-bottom: 1px dashed  #E7E7E7; padding: 5rem 0;}
.about-box7 ul li a{ width: 100%; float: left;}
.about-box7 ul li .pull-left{ width: 34.6875rem; height: 19.0625rem; overflow: hidden;}
.about-box7 ul li .pull-right{ width: 100%; flex: 1; padding-left: 7.5rem;}
.about-box7 ul li .pull-right .box1 i{ display: block; font-size: 1rem; color: #EF0000;}
.about-box7 ul li .pull-right .box1 p{ font-size: 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0.5rem;}
.about-box7 ul li .pull-right .box2 p{ font-size: 1rem; color: #666; line-height: 2; margin-top: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.about-box7 ul li .pull-right .box2 i{ display: block; font-size: 1rem; color: #999; margin-top: 5.625rem;}

.news-info{ padding: 6.25rem 0 5rem;}
.news-info .center-block{ width: 60rem; margin: auto;}
.news-info .top-box span{ display: block; font-size: 2.25rem;}
.news-info .top-box p{ font-size: 1rem; margin-top: 1rem;}
.news-info .cen-box{ line-height: 2; font-size: 1.125rem; padding: 3.125rem 0;}
.news-info .lower-box a{ width: 100%; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.625rem 0;}

.about-box8{ padding: 7.5rem 0;}
.about-box8 .top-box .pull-left{ width: 50%; padding-right: 8rem;}
.about-box8 .top-box .pull-left .box1{ font-size: 2.5rem;}
.about-box8 .top-box .pull-left .box2{ margin-top: 3rem; line-height: 2; font-size: 1.125rem;}
.about-box8 .top-box .pull-right{ width: 50%; height: 25rem; background: #ccc;}
.about-box8 .top-box .pull-right label,.about-box8 .top-box .pull-right img{ max-width: initial;}
.about-box8 .lower-box{ margin-top: 5.625rem;}

.product-info{ padding: 6.25rem 0;}
.product-info .center-block{ width: 60rem; margin: auto;}
.product-info .top-box .pull-left{ width: 50%; padding-right: 5rem;}
.product-info .top-box .pull-right{ width: 50%; padding: 0 0 0 3.75rem;}
.product-info .top-box .pull-right .box1{ font-size: 2rem;}
.product-info .top-box .pull-right .box2{ font-size: 1.125rem; padding: 1.5rem 0 2.5rem; border-bottom: 1px solid #eee;}
.product-info .top-box .pull-right .box2 i{ font-size: 1.75rem; color: #EF0000; }
.product-info .top-box .pull-right .box3{ font-size: 1rem; line-height: 2; margin-top: 2.5rem;}
.product-info .top-box .pull-right .box3 p{ padding-bottom: 1rem;}
.product-info .lower-box{ margin-top: 7.5rem;}
.product-info .lower-box .box-info ul{ width: 100%; float: left; margin-top:3.125rem;}
.product-info .lower-box .box-info ul li{ line-height: 18px; border-left: 1px solid #E5E5E5; text-align: center;}
.product-info .lower-box .box-info ul li i{ font-weight: bold;}
.product-info .lower-box .box-info ul li:first-child{ border: none;}
.product-info .lower-box .box-info ul li:nth-child(1){ width: 8.125rem; text-align: left;}
.product-info .lower-box .box-info ul li:nth-child(2){ width: 12.5rem;}
.product-info .lower-box .box-info ul li:nth-child(3){ width: 18.75rem;}
.product-info .lower-box .box-info ul li:nth-child(4){ width: 12.75rem;}
.product-info .lower-box .box-info ul li:nth-child(5){ width: 8.75rem;}
.product-info .lower-box .box-info ul:nth-child(2) li:nth-child(4){ width: 21.5rem;}



/* 小于等于多少高度的样式 */
@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);} */
	.w-1400{}
	
}
@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,.w-1700{ 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{ width: 2rem; height: 2rem; line-height: 2rem; margin: 0 0.2rem;}
    
	.all-center-box{ margin-top: 55px;}
	.head-box .w-90{ height: 55px;}
	.head-box .logo{ height: 35px !important;}
	.head-soso{ display: none;}
    .head-box .head-menu{ width: 100%; height: calc(100vh - 55px); position: absolute; left: 0; top: 55px; background: #fff; margin:0; border-top: 1px solid #EF0000; box-shadow: 0 3px 10px rgba(0,0,0,0.1); display: none; padding: 1rem 0; overflow: auto;}
	.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: 3rem;}
    .head-box .head-menu ul li.active span a{ color: #EF0000;}
    .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-btn{ margin: 0 0 0 1rem;}
	
	.banner-box .swiper-container{ height: auto;}
	.banner-box .swiper-pagination{ bottom: 1rem;}
	.banner-box .swiper-pagination .swiper-pagination-bullet{ margin: 0 0.5rem;}
	
	.home-box1 .swiper-container .swiper-slide a{ height: 22rem;}
	.home-box1 .swiper-container .swiper-slide .box1 span{ font-size: 1.75rem;}
	.home-box1 .swiper-container .swiper-slide .box1 p{ letter-spacing: 0.1rem; margin-top: 0.6rem;}
	.home-box1 .swiper-container .swiper-slide .box2{ height: 5rem;}
	.home-box1 .swiper-container .swiper-slide .box3{ height: 8rem;}
	
	.all-title-box span{ font-size: 2rem !important; letter-spacing: initial !important;}
	.all-title-box p{ letter-spacing: 0.4rem !important;}
	
	.home-box2{ padding: 2rem 0;}
	.home-box2 .center-block{ margin-top: 1rem;}
	.home-box2 .center-block ul li{ width: 100% !important;}
	.home-box2 .center-block ul li a{ height: 11rem;}
	.home-box2 .center-block ul li a .info{ height: 100% !important; padding: 0 3rem; text-align: center !important; background: rgba(255,255,255,0.5);}
	.home-box2 .center-block ul li a .info p::after{ left: 50% !important; right: auto !important; margin-left: -1.25rem !important;}
	
	.home-box3{ position: relative;}
	.home-box3::after{ content: ''; width: 100%; height: 100%; background: rgba(255,255,255,0.2); position: absolute; left: 0; top: 0;}
	.home-box3 .pull-left{ width: 100%; height: 11rem; text-align: center; position: relative; z-index: 2;}
	.home-box3 .pull-left span{ font-size: 2.2rem;}
	.home-box3 .pull-left p{ font-size: 1.1rem;}
	
	.home-box4{ padding: 2rem 0;}
	.home-box4 .center-block{ margin-top: 1rem;}
	.home-box4 .center-block ul li{ width: 50% !important;}
	.home-box4 .center-block ul li a{ height: 16rem !important;}
	
	.home-box5{ padding: 2rem 0;}
	.home-box5 .center-block{ margin-top: 0;}
	.home-box5 .center-block .pull-left, .home-box5 .center-block .pull-right{ width: 100%; padding: 1.5rem 0 0;}
	.home-box5 .center-block .pull-left .swiper-container .swiper-slide .imgs{ height: 18rem;}
	.home-box5 .center-block .pull-left .swiper-container .swiper-slide .info{ padding: 0;}
	.home-box5 .center-block .pull-left .swiper-container .swiper-slide .info span{ font-size: 1.2rem;}
	.home-box5 .center-block .pull-right ul li{ margin-top: 1.5rem;}
	.home-box5 .lower-box{ margin-top: 2rem;}
	.home-box5 .lower-box a{ line-height: 2.8rem; min-width: 8rem; font-size: 1.1rem;}
	
	.home-box6{ padding: 2rem 0;}
	.home-box6 .center-block{ margin-top: 1.5rem;}
	.home-box6 .center-block .pull-left{ width: 100%; height: auto; padding: 1rem 1.5rem 2rem;}
	.home-box6 .center-block .pull-left .btns{ margin-top: 1.5rem;}
	.home-box6 .center-block .pull-right{ width: 100%; height: 16rem;}
	
	.foot-box .top-box{ padding: 1rem 0;}
	.foot-box .top-box ul{ display: block;}
	.foot-box .top-box ul li{ width: 50%; padding: 1rem 0;}
	.foot-box .lower-box{ padding: 2rem 0;}
	.foot-box .lower-box .box-info1 .pull-left{ display: none;}
	.foot-box .lower-box .box-info1 .pull-right{ border: none; height: auto;}
	.foot-box .lower-box .box-info2{ margin-top: 1.5rem;}
	.foot-box .lower-box .box-info2 .pull-right{ display: none;}
	
	.page-address{ padding: 2rem 0 0;}
	.product-info1{ padding: 2rem 0;}
	.product-info1 .pull-left,.product-info1 .pull-right{ width: 100%; padding: 0;}
	.product-info1 .pull-left .box-info2{ display: none;}
	.product-info1 .pull-left .box-info1{ position: relative; width: 100%; padding: 0; height: 20rem; border:1px solid #F2F2F2;}
	.product-info1 .pull-left .box-info1 .btns, .product-info1 .pull-left .box-info1 .btns{ display: none;}
	.product-info1 .pull-left .box-info1 .swiper-container .swiper-slide{ height: 100%; border: none;}
	.product-info1 .pull-right .box1{ margin-top: 1.5rem;}
	.product-info1 .pull-right .box2{ padding: 1rem 0;}
	.product-info1 .pull-right .box3{ padding: 1rem 0;}
	.product-info1 .pull-right .box4{ margin-top: 1rem;}
	.product-info1 .pull-right .box4 a{ width: 48%;}
	.product-info1 .pull-right .box4 a+a{ margin-left: 0;}
	.product-info1 .pull-right .box4 a:nth-child(2n){ float: right;}
	.product-info1 .pull-right .box4 a i{ top: auto; bottom: 100%;}
	
	.product-title span{ font-size: 1.5rem;}
	.product-title p{ margin-top: 1rem;}
	
	.product-info2{ padding: 2rem 0;}
	.product-info2 .center-block{ margin-top: 1rem;}
	.product-info2 .center-block ul li{ width: 50%; margin-top: 1.5rem; padding: 0 1rem;}
	.product-info2 .center-block ul li::after{ display: none;}
	.product-info2 .center-block ul li i img{ height: 6.25rem;}
	.product-info2 .center-block ul li p{ height: 5.2rem;}
	
	.product-info3,.product-info4{ margin-top: 2rem;}
	.product-info3 .center-block{ overflow: auto; margin-top: 2rem;}
	.product-info3 .center-block .top-box,.product-info3 .center-block .lower-box{ width: 40rem;}
	.product-info4 .center-block{ padding: 2rem 0;}
	
	.product-info5{ padding: 2rem 0;}
	
	.list-box1{ padding: 2rem 0;}
	.list-box1 ul li{ width: 50%;}
	.list-box1 ul li a{ height: 16rem;}
	.list-box1 ul li a .box1 span{ height: 8rem;}
	.list-box1 ul li a .box1 p{ margin-top: 1.5rem;}
	
	.page-banner{ height: 12rem;}
	.page-banner .pull-left span{ font-size: 2rem;}
	.page-banner .pull-left p{ letter-spacing: 0.2rem;}
	
	.page-menu{ margin-top: 1rem;}
	.page-menu a{ width: 25%; float: left; margin: 1rem 0 0; text-align: center;}
	
	.diamond-box1 .top-box{ padding: 2rem 0; font-size: 1.5rem;}
	.diamond-box1 .cen-box .box-info1{ width: 100%; margin-top: 0;}
	.diamond-box1 .cen-box .box-info1 .pull-right .box3 div{ width: 31px; height: 32px;}
	.diamond-box1 .cen-box .box-info1 .pull-right .box2{ padding-right: 1.5rem;}
	.diamond-box1 .cen-box .box-info1:nth-child(1){ margin-top: 1rem;}
	.diamond-box1 .cen-box .box-info1:nth-child(2){ margin-top: 2.5rem;}
	.diamond-box1 .cen-box .box-info1 .pull-right .box4 div p{ font-size: 1rem; line-height: 18px;}
	.diamond-box1 .lower-box{ padding: 2rem 0;}
	.diamond-box1 .lower-box .btns{ margin: 0 1rem;}
	
	.diamond-box2 .top-box{ margin-top: 1rem;}
	.diamond-box2 .lower-box{ margin-top: 1rem;}
	.diamond-box2 .lower-box .box-info1{ display: none;}
	.diamond-box2 .lower-box .box-info2{ display: block; padding: 1rem 1rem 1rem;}
	.diamond-box2 .lower-box .box-info2 div{ width: 50% !important; float: left; text-align: left; margin-top: 0.5rem;}
	.diamond-box2 .lower-box .box-info2 div span{ display: block;}
	.diamond-box2 .lower-box .box-info2 div p{ float: left;}
	
	.page-banner .pull-left.text-center p{ font-size: 2rem;}
	
  .case-list{ overflow: hidden;}
	.case-list .center-block{ margin: 5px 0 0 -5px; width: calc(100% + 10px);}
	.case-list .center-block .item{ width: 50%; float: left; left: auto; top: auto; padding: 5px;}
	
	.about-box1{ padding: 2rem 0;}
	.about-box1 .w-1400{ display: block;}
	.about-box1 .pull-left,.about-box1 .pull-right{ width: 100%;}
	.about-box1 .pull-left{ text-align: center;}
	.about-box1 .pull-left img{ height: 3rem;}
	.about-box1 .pull-left p{ padding: 1rem 0 1rem; font-size: 1.5rem;}
	.about-box1 .pull-left p::after{ left: 50%; margin-left: -2rem;}
	.about-box1 .pull-right{ margin-top: 1.5rem;}
	
	.about-title1 span{ padding-bottom: 1rem; font-size: 1.5rem;}
	
	.about-box2{ margin-top: 2rem;}
	.about-box2 .box-info1{ padding: 2rem 0;}
	.about-box2 .box-info2 ul li{ height: 8rem;}
	.about-box3{ padding: 2rem 0;}
	.about-box3 .center-block .mySwiper2{ margin: 1rem 0;}
	.about-box3 .center-block .mySwiper2 .swiper-slide{ display: block;}
	.about-box3 .center-block .mySwiper2 .pull-left{ width: 100%;}
	.about-box3 .center-block .mySwiper2 .pull-right{ width: 100%; padding: 0; height: 18rem; margin-top: 0.8rem;}
	.about-box3 .center-block .mySwiper2 .pull-left .box1{ font-size: 10rem;}
	.about-box3 .center-block .mySwiper2 .pull-left .box2 span{ margin-top: 0.5rem;}
	.about-box3 .center-block .mySwiper1 .swiper-slide.swiper-slide-thumb-active span{ font-size: 1.8rem;}
	
	.about-box4{ padding: 2rem 0;}
	.about-box4 .w-1400{ display: block;}
	.about-box4 .pull-left,.about-box4 .pull-right{ width: 100%; padding: 0;}
	.about-box4 .pull-left{ height: 19rem;}
	.about-box4 .pull-right{ margin-top: 1.5rem;}
	.about-box4 .pull-right .box1{ font-size: 5rem;}
	.about-box4 .pull-right .box2{ padding: 1rem; margin-top: 0.5rem;}
	.about-box4 .pull-right .box2::after{ display: none;}
	.about-box4 .pull-right .box2 span{ font-size: 1.6rem;}
	.about-box4 .pull-right .box2 p{ margin-top: 1rem;}
	
	.about-box5{ padding: 2rem 0;}
	.about-box5 .center-block ul li{ padding: 0 1rem; margin-top: 2rem;}
	.about-box5 .center-block ul li a span{ height: 9rem;}
	.about-box5 .center-block ul li a p{ font-size: 1rem; margin-top: 1rem;}
	
	.about-box7 ul li{ padding: 2rem 0;}
	.about-box7 ul li a{ display: block;}
	.about-box7 ul li .pull-left,.about-box7 ul li .pull-right{ width: 100%; padding: 0;}
	.about-box7 ul li .pull-left{ height: 19rem;}
	.about-box7 ul li .pull-right{ margin-top: 1.25rem;}
	.about-box7 ul li .pull-right .box2 i,.about-box7 ul li .pull-right .box2 p{ margin-top: 1rem;}
	
	.news-info{ padding: 2rem 0;}
	.news-info .center-block{ width: 94%;}
	.news-info .top-box span{ font-size: 1.6rem;}
	.news-info .cen-box{ padding: 1rem 0;}
	.news-info .lower-box{ margin-top: 0.5rem;}
	.news-info .lower-box a{ margin: 0.5rem 0;}
	
	.about-box8{ padding: 2rem 0;}
	.about-box8 .top-box{ display: block;}
	.about-box8 .top-box .pull-left,.about-box8 .top-box .pull-right{ width: 100%; padding: 0;}
	.about-box8 .top-box .pull-left .box1{ font-size: 1.8rem;}
	.about-box8 .top-box .pull-left .box2{ margin-top: 1rem;}
	.about-box8 .top-box .pull-right{ margin-top: 1rem; height: 20rem;}
	.about-box8 .lower-box{ margin-top: 2rem;}
	
	.product-info{ padding: 2rem 0;}
	.product-info .center-block{ width: 94%;}
	.product-info .top-box .pull-left,.product-info .top-box .pull-right{ width: 100%; padding: 0;}
	.product-info .top-box .pull-left img{ width: 100%;}
	.product-info .top-box .pull-right{ margin-top: 1.5rem;}
	.product-info .top-box .pull-right .box1{ font-size: 1.5rem;}
	.product-info .top-box .pull-right .box2{ padding: 1rem 0;}
	.product-info .top-box .pull-right .box3{ margin-top: 1rem;}
	.product-info .lower-box{ margin-top: 2rem;}
	.product-info .lower-box .box-info{ margin-top: 1.5rem;}
	.product-info .lower-box .box-info ul{ display: block; margin: 0; width: auto; float: none;}
	.product-info .lower-box .box-info ul li{ width: 50% !important; border: none; text-align: left; float: left; margin-top: 0.4rem;}
	.product-info .lower-box .box-info ul:nth-child(2) li:nth-child(4){ width: 100% !important;}
	
	.head-box .head-menu ul li{ border-bottom: 1px solid #ebebeb;}
	.head-box .head-menu ul li span{ width: 100%; float: left;text-align: left;padding: 0 1rem;}
	.head-box .head-menu ul li>div.between-center{ width: 100%; float: left; display: block; position: relative;opacity: 1;pointer-events: auto;top: 0; margin: 0;left: 0;padding: 0.1rem 0 0.6rem; min-height: auto;}
	.head-box .head-menu ul li>div.between-center a{ width: 33.33%; float: left;text-align: left;line-height: 2rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
	.head-box .head-menu ul li>div.between-center a:hover, .head-box .head-menu ul li>div.between-center a.active{ background: none;color: #F02626;}
	.head-box .head-menu ul li>div.between-center .f-l{ width: 100%;}
	.head-box .head-menu ul li>div.between-center .f-r{ display: none;}
	
	
	
	
	
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:365px){
}


#pager a{
	margin:0 10px;
}

#pager span{
	margin:0 10px;
}

#pager input{
	width: 50px;
}