/*@media (min-width: 721px){
/***************首页***********/
/* banner */
.banner{overflow:hidden;position:relative; z-index:7; margin:0;width:100%; height:588px;}
.banner .swiper-slide{ position:relative; background-position: top center; background-repeat: no-repeat;height:588px; display: block;}
/*关于公司*/
.IndAbo{min-width:1200px; overflow: hidden; }
.IndAboK{width:1200px;height:692px; position: relative; margin:0 auto;}
.IndAboN{width:670px; padding-top:60px;}
.IndAboT{height:140px; padding-left:25px; background-image: url("../images/icon/title01.png"); background-size:auto 140px; background-position:left center; background-repeat: no-repeat; position: relative;}
.IndAboT p{ font-size: 14px; line-height:20px; padding-top: 25px;color:#999;text-transform: uppercase;}
.IndAboT h3{ font-size:38px; font-weight:500; line-height:40px;color:#8d5a12; }
.IndAboT h3 em{ color:#8d5a12; font-size:16px; font-style: normal;}
.IndAboT span{width:106px; display: block; position: absolute;top:-40px;left:-120px;}
.IndAboT span img{width:100%;}
.IndAboT i{width:78px; display: block; position: absolute;top:4px;left:170px;}
.IndAboMore{ color:#8d5a12; font-size: 14px; font-weight:600; line-height:30px; display: block; position: absolute;right:0; bottom:0;}
.IndAboMore:hover{ text-decoration:underline;}
.IndAboW{ font-size:14px; color:#a6a6a6; padding-top: 30px; line-height:28px;}
.IndAboD{width:630px; border-top:1px solid #e3e3e2; padding-top: 35px; margin-top:25px;}
.IndAboDa{width:105px; height:105px; background:#FFF; padding:4px; border:1px solid rgba(182,150,104,0.2); display: block; margin-left:56px; border-radius:50%; color:#FFF; text-align: center;}
.IndAboDa:first-child{ margin-left:0;}
.IndAboDC{width:103px; height:103px; padding:1px; background:#b69668;border-radius:50%;}
.IndAboI{width:25px; height:25px; background-size:25px; background-image: url("../images/icon/IndAboI01.png");background-repeat: no-repeat; display: block; margin:26px auto 0;}
.IndAboI1{background-position: 0 0;}
.IndAboI2{background-position: 0 -25px;}
.IndAboI3{background-position: 0 -50px;}
.IndAboI4{background-position: 0 -75px;}
.IndAboDC p{ font-size: 14px; line-height:20px; padding-top:6px;}
.IndAboF{width:170px; height:180px; position: absolute; left:-360px; bottom:0;}
.IndAboF img{width:170px; height:180px;}
.IndAboY{height:692px;width:858px; overflow: hidden; position: absolute; top:0; left:700px;}
/*产品展示*/
.IndPro{background-image: url("../images/pic/back02.jpg"); background-position:bottom center; background-repeat: no-repeat; padding-bottom:57px;}
.IndProT{position: relative; margin:0 auto 65px;width: 1200px; padding-top: 80px;}
.IndProTp{width:245px; position: relative; padding-left:10px; margin-top: 60px;}
.IndProTp span{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg); position: absolute;top:-66px;right:-40px;}
.IndProTp span img{width:78px;}
.IndProTS{width:690px; margin-top:65px; height:129px;}
.IndProTS .swiper-slide{}
.IndProTS .swiper-slide p{transition:0.5s;background-image: url("../images/pic/IndProI01.png"); background-position: center; background-repeat: no-repeat; margin: 0 auto; color:#867d72; font-size:16px;text-align: center;width:25px; height:99px; padding:15px 10px; display: flex; align-items: center; cursor: pointer;}
.IndProTS .swiper-slide-thumb-active p{background-color:#ab2c25;background-image: url("../images/pic/IndProI02.png"); color:#FFF;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform: rotateY(360deg);transition:0.5s;}
.IndProZ{}
.IndProB{max-width:1350px;position: relative; overflow: hidden; margin: 0 auto;}
.IndProN{width:1200px;; height:800px; margin: 0 auto;}
.IndProN .swiper-slide{}
.IndProNa{width:375px; height: 375px; overflow: hidden; display: block; position: relative; background:#FFF; border:5px solid #FFF; margin-left:22.5px; float: left; margin-bottom: 30px;}
.IndProNa img{width:100%; height:100%;}
.IndProNa:nth-child(1),.IndProNa:nth-child(4){margin-left:0;}
.IndProNaI{width:359px; height: 349px; padding:13px 8px; background: rgba(0,0,0,0.5); position: absolute;top:100%; left:0;transition:0.5s;}
.IndProNaI p{width:337px; height:327px; padding:10px; border:1px solid rgba(255,255,255,0.2); margin:0 auto; color:#fefefe;font-size: 24px; line-height:35px;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center; text-align: center;}
.IndProNa:hover .IndProNaI{top:0;}
.Pronext,.Proprev{background-image: url("../images/pic/PropT01.png") !important; background-size:100% !important; background-position: center !important; background-repeat: no-repeat !important;right:auto;width:52px !important; height:107px !important; margin-top:-53px !important;}
.Pronext::after,.Proprev::after{content: '' !important; background-image: url("../images/icon/ProJiao.png") !important; background-position: center !important; background-size:26px !important; background-repeat: no-repeat !important; display: block !important;width:26px !important; height:26px !important;top:50% !important; position: absolute !important;left:0 !important;right:0 !important; margin: 0 auto !important; margin-top:-13px !important;}
.Pronext{right:0;}
.Pronext::after{transform:rotate(180deg) !important;-webkit-transform:rotate(180deg) !important;-moz-transform:rotate(180deg) !important;-o-transform:rotate(180deg) !important;-ms-transform: rotate(180deg) !important;}
.IndProB .swiper-button-prev.swiper-button-disabled,
.IndProB .swiper-button-next.swiper-button-disabled {background-image: url("../images/pic/PropT02.png") !important; cursor: auto;pointer-events: none !important;}
.IndProBut{width:219px; height:63px; line-height:63px; display: block; margin:40px auto 0;padding:5px; background-color:#ab2c25;  background-image: url("../images/pic/IndProBut.png"); background-repeat: no-repeat; background-position: center;color:#FFF; text-align: center; font-size: 20px;}
.QiaLvyN .swiper-slide-active{-webkit-transform: scale(1);transform: scale(1);opacity: 1;transition:1s;opacity:1;}
/*专业团队*/
.IndTea{ height:398px; background-image: url("../images/pic/back03.jpg"); background-position: top center; background-repeat: no-repeat;}
.IndTeaT{width:318px; background: #b69668;height:398px;}
.IndTeaTD{width:286px; height:332px; padding-top: 50px; border:1px solid rgba(255,255,255,0.2); margin: 0 auto;}
.IndTeaTB{ height:140px; padding-left:50px; color:#FFF; background-image: url("../images/icon/title02.png"); background-size:auto 140px; background-position: 25px center; background-repeat: no-repeat; position: relative;}
.IndTeaTB p{ font-size: 14px; line-height:20px; padding-top: 25px;text-transform: uppercase;}
.IndTeaTB h3{ font-size:38px; font-weight:500; line-height:40px;}
.IndTeaTB i{width:78px; display: block; position: absolute;top:4px;right:15px;}
.IndTeaTB span{width:106px; display: block; position: absolute;top:126px;right:15px;}
.IndTeaTB span img,.IndTeaTB i img,.IndTeaTN img{width:100%;}
.IndTeaTN{width:232px; height:70px; margin:100px auto 0;}
.IndTeaB{ width:800px; margin:44px auto 0; position:relative;}
.IndTeaN{ width:730px; margin:0 auto;}
.IndTeaN .swiper-slide{}
.IndTeaN .swiper-slide p{ color:#FFF; text-align: center; line-height:55px; font-size: 16px;}
.IndTeaA{display:block; width:214px; height:258px;overflow: hidden; margin:0 auto;}
.IndTeaA img{width:100%;}
.Teanext,.Teaprev{background-image: url("../images/icon/TeaJiao.png")!important; background-size:100%!important; background-position: center!important; background-repeat: no-repeat!important;right:auto!important;top:50%!important;margin: 0!important;width:22px!important; height:22px!important; margin-top:-44px!important; }
.Teanext::after,.Teaprev::after{content: ''!important;}
.Teanext{right:0!important;transform:rotate(180deg)!important;-webkit-transform:rotate(180deg)!important;-moz-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;-ms-transform: rotate(180deg)!important;}
.Teaprev{left:0!important;}
/*新闻动态*/
.IndBrc{background-image:url("../images/pic/back01.jpg"); background-position: center;}
.IndNew{ padding:70px 0;width:1200px; margin: 0 auto;}
.IndNewD{width:511px; background:#FFF; height:378px; background:#FFF; position: relative;}
.IndNewA{width:511px; height:302px; overflow: hidden;}
.IndNewP{height:76px;width:100%;}
.IndNewPt{width:114px;height:56px; padding:10px 0; line-height:28px; text-align: center; color:#FFF; background:#ab2c25; font-size: 24px;}
.IndNewPr{width:340px; padding-left:20px; line-height:28px;height:56px; margin-top:10px; font-size:18px; color:#1f2125;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.IndNewN{width:595px; margin-right: 40px;}
.IndNewNa{ padding:17px 0; border-top:1px dashed #e5e4e4; display: block;}
.IndNewNa:first-child{ padding-top:0px; border-top:none;}
.IndNewNb{width:54px; height:48px; color:#FFF; background:#b69668; text-align: center;}
.IndNewNb span{ font-size:24px; display: block;}
.IndNewNb p{ font-size:12px}
.IndNewNp{width:520px; line-height:24px;}
.IndNewNp h3{ font-size:18px; color:#1f2125; font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.IndNewNp p{ font-size: 14px; color:#989898;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.IndNewNa:hover .IndNewNb{background:#ab2c25;}
.IndNewNa:hover .h3{color:#ab2c25;}
/*为您的收藏保驾护航*/
.IndEsc{background-image:url("../images/pic/back04.jpg"); background-position: center; height:330px; padding-top:37px;}
.IndEscT{width:410px; text-align: center; height:78px;color:#FFF; background-image: url("../images/icon/title02.png"); background-size:auto 78px; background-position:0 center; background-repeat: no-repeat; position: relative; margin:0 auto;}
.IndEscT h3{ font-size:36px; font-weight:500; line-height:64px; letter-spacing:3px;}
.IndEscT i{width:52px; display: block; position: absolute;top:20px;right:-30px;}
.IndEscT i img{width:100%;}
.IndEscN{width:731px; height:121px; background:#FFF; border-radius:2px; overflow: hidden; margin:45px auto 0;}
.IndEscNr{ padding-left:12px;width:595px;}
.IndEscD{width:274px; height:60px;}
.IndEscI{width:25px; height:20px; background-size:20px; background-image: url("../images/icon/IndEscI01.png");background-repeat: no-repeat; display: block; margin-top: 20px;}
.IndEscI1{background-position:left 0;}
.IndEscI2{background-position:left -20px;;}
.IndEscI3{background-position:left -40px;}
.IndEscD h3{width:70px; color:#878787; font-size: 16px; line-height:60px; font-weight:500;}
.IndEscNi{width:179px; height:60px; line-height:60px; font-size:16px; border: none; background:#FFF;}
.IndEscDs{width:1px; height:60px; background:#eee; margin:0 23px;}
.IndEscDx{width:110%; height:1px; background:#eee;}
.IndEscBut{width:124px; height: 121px; color:#FFF; text-align: center; background-color:#b69668; background-position:center; font-size:24px; background-image: url("../images/icon/IndEscI02.png"); line-height:32px; display: block;}
.IndEscBut p{ padding-top:28.5px;}
/*合作单位*/
.IndCoo{width:1200px; margin:0 auto;}
.IndCooT{width:318px; background: #ab2c25;height:460px;}
.IndCooTD{width:286px; height:404px; padding-top:40px; border:1px solid rgba(255,255,255,0.2); margin: 0 auto;}
.IndCooTB{ height:140px; padding-left:50px; color:#FFF; background-image: url("../images/icon/title01.png"); background-size:auto 140px; background-position: 25px center; background-repeat: no-repeat; position: relative;}
.IndCooTB p{ font-size: 14px; line-height:20px; padding-top: 25px;text-transform: uppercase;}
.IndCooTB h3{ font-size:38px; font-weight:500; line-height:40px;}
.IndCooTB span{width:106px; display: block; position: absolute;top:106px;right:15px;}
.IndCooTB span img,.IndCooTN img{width:100%;}
.IndCooTN{width:232px; height:220px; margin:30px auto 0;}
.IndCooN{width:870px; padding-top: 66px;}
.IndCooNa{width:269px; height:94px; background:#FFF; border:1px solid #eee; display: block; margin-right:13px; margin-bottom:21px;}
.IndCooNa:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}
/****************
-----产品展示-----
****************/
.Proban{background-position: top center; background-repeat: no-repeat;height:392px; display: block;}
.ProSty{background-position:center; background-repeat:repeat;background-image:url("../images/pic/ProBack.jpg");}
.ProStyX{width:100%;height:33px; background-image: url("../images/pic/ProBian.png"); background-position:top center; background-repeat:repeat-x;}
.ProStyN{width:1200px; margin:0 auto; padding:55px 0 100px; overflow: hidden;}
.ProTit{ line-height:50px; text-align: center;}
.ProTit span{ color:#8d5a12; font-size:38px; padding:0 20px; display: inline-block; position: relative;}
.ProTit span:before, .ProTit span:after{content: ' ';display:block;width:23px; height:12px; position: absolute;top:50%; margin-top:-6px; background-image: url("../images/pic/ProTit.png"); background-repeat: no-repeat; background-position: center;}
.ProTit span:before{left:-23px;}
.ProTit span:after{right:-23px;}


.ProTin{ padding:40px 0 70px;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;flex-wrap:wrap;}
.ProTina{ margin:0 8px; display: block; width:132px; height:38px; line-height:38px; text-align: center; font-size: 16px; color:#FFF; background-image: url("../images/pic/ProTn01.png"); background-repeat:no-repeat; background-position: center; margin-bottom:10px;}
.ProTin .on,.ProTina:hover{background-image: url("../images/pic/ProTn02.png");}

.ProNk{width:1220px;display: -webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;}
.ProNa{ background:#FFF; width: 277px; height:277px; border:4px solid #FFF; position: relative; overflow: hidden; display: block; margin-right:20px; margin-bottom: 20px;}
.ProNa img{width:100%;}
.ProNaN{ background-color:#ab2c25; background-image: url("../images/pic/ProNaB.png"); background-position:center; background-repeat: no-repeat; position: absolute;width:100%; height:100%; color:#FFF; top:100%; left:0;transition:0.5s;}
.ProNaN h3{font-size:24px; line-height:26px; text-align: center; padding-top:70px; padding-bottom:10px;}
.ProNaN p{ font-size:16px; line-height:20px; text-align: center;}
.ProNaM{ background:#ffd99f; width:90px; height:32px; line-height:32px; text-align: center; color:#ab2c25; font-size: 14px; margin:30px auto 0;}
.ProNaM:hover{box-shadow:0 0 5px rgba(255,255,255,0.5);}
.ProNa:hover .ProNaN{top:0;transition:0.5s;}
/********分页*******/
.page{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;color:#272727; margin-top:20px;}
.pagea{text-align:center;color:#272727;display:block; font-size:14px; width:32px; height:32px; line-height:32px; text-align: center; border:1px solid #e2e2e2; border-radius:3px; background:#FFF; margin:0 4px;}
.page p{color:#272727; padding:0 4px;}
a.pageQ{text-align:center;color:#333;display:block;}
a.fyaj{width:74px;}
.pagea:hover,.page .on{color:#FFF; background: #ab2c25; border:1px solid #ab2c25;}

/********分页for oldpage *******/
.page{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;color:#272727; margin-top:20px;}
.page a{text-align:center;color:#272727;display:block; font-size:14px; width:32px; height:32px; line-height:32px; text-align: center; border:1px solid #e2e2e2; border-radius:3px; background:#FFF; margin:0 4px;}
.page p{color:#272727; padding:0 4px;}
a.pageQ{text-align:center;color:#333;display:block;}
a.ling{width:74px;}
.page a:hover,.page a.on{color:#FFF; background: #ab2c25; border:1px solid #ab2c25;}

/*
display: -webkit-box;display: -ms-flexbox;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
align-items:center;
flex-wrap:wrap;
*/