@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/Poppins-Regular.otf');
} 
@font-face {
 font-family: 'ziti'; 
	src: url('../fonts/Poppins-Bold.otf');
}  
 
 
i,em{ font-style:normal;}
body {  font-family:"Montserrat",'Poppins', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#333; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#000;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1200px; padding:0; margin:0 auto; box-sizing:border-box; }
.document_width1{ width:100%; padding:0; margin:0 auto; box-sizing:border-box; }

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.txtcen{ text-align:center;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }

input[type=checkbox]:checked::before {content: '';display: inline-block; width:15px;  height: 15px;background:url(../images/duoxiantb.png) center center no-repeat #f39a00; background-size:12px auto; }

.proxxgd::-webkit-scrollbar { width:10px; height:8px;}
.proxxgd::-webkit-scrollbar-track {border-radius:4px; height:8px;background-color:#e7e7e7; border:1px solid #cacaca;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);}
.proxxgd::-webkit-scrollbar-thumb { border-radius:4px; height:8px;background-color:#fb841a;}
.left{ float:left;}
.aright{ float:right !important; margin-top:15px !important;}
s{ text-decoration:none;}

 
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9997; background:rgba(0,0,0,0.4); display:none;}
.zzyvideo{ width:94%; height:auto; float:left; display:none; max-width:1000px; border-radius:20px; overflow:hidden; position:fixed; left:20px; top:20px; z-index:9999;}
.zzyvideo .zzyclose{ width:28px; height:28px; border-radius:0px 20px 0 0; position:absolute; right:0px; top:0px; z-index:9999; background:url(../images/closeX.png) center center no-repeat #fff; cursor:pointer;}
.zzyvideo video{ width:100%; height:auto; display:block;}
  
 
/*
::-webkit-scrollbar { height: 4px; width:0px;}
::-webkit-scrollbar-button { height:0;width:0;}*/
.sosoh2 { width:100%; height:auto; float:left; padding:10px 0; font-size:16px;}
.sosoh2 span {  margin:0 8px; font-weight:bold;   }
.prott { width:100%; height:auto; float:left; font-size:22px; line-height:40px; border-bottom:1px solid #ededed; margin:10px 0;  color:#000;}
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.8); display:none;}
 

.searchinfo{ width:100%; height:auto; float:left; padding:30px 0;}
.search_tt{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:#f9f9f9; }
.search_tt span{ color:#fff;font-weight:600;}
.searchinfo dl.pdl { width:23%; margin:0.5%;}

.sj_menu {display: none;}
.menutb{ width:36px; height:36px;float:right; position:relative; display:none; margin:22px 0 22px 20px;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#000; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span{ opacity:0;transition:all 0.5s ease; position:absolute; left:0; top:13px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:13px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:13px; opacity:1;}
.sjmenu{ display:none;}

.sj_menu{ width:100%; height:100vh; float:left; position:fixed; right:0; top:78px; background:#fff;}
.sj_menu p{ width:100%; height:auto; line-height:50px; float:left; border-bottom:1px solid #ededed; text-align:center; font-size:16px; color:#333;}
.sj_menu ul{ width:100%;  max-height:100vh; padding-bottom:80px; float:left; list-style:none; overflow-y:auto;}
.sj_menu ul li{ width:100%; height:auto; float:left; background:#fff;}
.sj_menu ul li a{ width:100%; height:auto; line-height:50px; float:left; border-bottom:1px solid #ededed; text-align:center; font-size:16px; color:#333;} 
.sj_menu ul li.le{   background:url(../images/h_jth.png) 90% 20px no-repeat #fff;}
.sj_menu ul li.le p{ width:100%; height:auto; float:left; background:#f9f9f9; display:none;}
.sj_menu ul li.le:hover p{ display:block;}


/****分页****/
.fenye{ margin:20px 0; width:100%; height:auto; float:left;}
.fenye ul{  text-align:center; white-space:nowrap;list-style:none;}
.fenye ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.fenye ul li a{ display:table-cell; display:inline-block; width:36px; color:#333; border-radius:4px; font-size:16px; height:36px; margin:0 1px;line-height:36px;text-align:center; background:#fff; border:1px solid #ededed; box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#000;}
.fenye ul li.l1{ float:left; width:auto;}
.fenye ul li.l1 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l1 a s{ padding-left:15px; background:url(../images/jtl.png) left center no-repeat;}
.fenye ul li.l1 a:hover s{ background:url(../images/jtlh.png) left center no-repeat;}
.fenye ul li.l2{ float:right; width:auto;} 
.fenye ul li.l2 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l2 a s{ padding-right:15px; background:url(../images/jtr.png) right center no-repeat;}
.fenye ul li.l2 a:hover s{ background:url(../images/jtrh.png) right center no-repeat;}

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none; z-index:2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px; width:600px;  min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%; margin: auto;z-index: 2147483647;}

/**********404*******/
.div404 { width:100%; height:auto;  float:left; padding:200px 0 80px 0; background:url(../images/404bj.jpg) top center no-repeat; background-size:cover; }
.div404 dl{ width:100%; max-width:800px; margin:0 auto;}
.div404 dl dt{ width:100%; height:auto; float:left;}
.div404 dl dt img{ width:100%; height:auto; display:block;}
.div404 dl dd{ width:100%; height:auto; float:left; margin:35px 0; padding:0 5%; box-sizing:border-box; text-align:center;} 
.div404 dl dd h2{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; color:#fff;} 
.div404 dl dd p{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; margin:15px 0; color:#fff;} 
.div404 dl dd a.a{ width:70%; height:50px; line-height:50px; margin:15px 15% 0 15%; border-radius:50px; background:#c9e80f; float:left;}
.div404 dl dd a.a s{ padding-right:30px; color:#000; font-size:20px; background:url(../images/404tb.png) right center no-repeat;} 
.div404 dl dd a.a:Hover{ opacity:0.8;} 
 
/*****提交成功页******/
.sucdiv{ width:100%; height:auto; float:left; padding:200px 0 80px 0; background:url(../images/index4divbj.png) left bottom no-repeat #fff; background-size:auto 90%; }
.sucdiv dl{ width:100%; height:auto; float:left;}
.sucdiv dl dt{ width:50%; height:auto; float:left;font-family:"ziti"; font-size:42px; line-height:52px; font-weight:bold; color:#333;}
.sucdiv dl dt span{ width:100%; height:auto; float:left; color:#000;}
.sucdiv dl dd{ width:50%; height:auto; float:left;}
.sucdiv dl dd h3{ width:100%; height:auto; float:left; font-size:22px; line-height:32px;font-family:"ziti"; font-weight:bold; color:#000; margin-bottom:8px; }
.sucdiv dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666; margin-bottom:15px;}
.sucdiv dl dd p a{ color:#19474e;}
.sucdiv dl dd a.a{ width:auto; height:46px; line-height:46px; float:left; background:#de0615; font-size:18px; border-radius:4px; border:none; outline:none; cursor:pointer; padding:0 40px; margin:10px 0;   display:inline-table;  color:#fff; }
.sucdiv dl dd a.a span{ padding-right:20px; background:url(../images/protbh.png) right center no-repeat; float:left;}
.sucdiv dl dd a.a:hover{ opacity:0.8;}
.nydiv{ width:100%; height:auto; float:left; padding:80px 0;} 


/*******首页*******/ 
.headdiv{ width:100%; height:78px; float:left; background:none;box-sizing:border-box;  position:fixed; left:0; top:0; z-index:9999;}
 
.logo{ width:100%; height:80px; margin:17px 0; float:left; }
.logo img{ width:auto; height:80px; margin:0 auto; display:block;}
ul.ulmenu{ width:100%; height:78px;  border-top:1px dashed rgba(255,255,255,0.2);text-align:center; float:left; list-style:none; }
ul.ulmenu >li{display:inline; height:78px; display:inline-block; margin:0; padding:0;list-style:none; position:relative; }
ul.ulmenu >li >a{ display:table-cell; display:inline-block; width:auto; color:#fff; font-size:20px; height:78px; margin:0 20px;line-height:78px;text-align:center;}
ul.ulmenu li .ejp{ display:none; width:120%; height:auto; float:left; position:absolute; z-index:9998;left:-10%; top:78px; background:#fff; border-radius:0 0 10px 10px; }
ul.ulmenu li .ejp a{ width:100%; height:42px; line-height:42px; color:#333; float:left; text-align:center; overflow:hidden; padding:0;  box-sizing:border-box;  font-size:15px; border-bottom:1px solid rgba(0,0,0,0.1);}
ul.ulmenu li .ejp a:hover{ color:#de0615; }  
ul.ulmenu li:hover .ejp{ display:block;}  
.headdivd{ background:#fff;}
.headdivd .logo{ display:none;}
.headdivd ul.ulmenu > li >a { color:#000;}  
.headdivd{ border-bottom:1px solid #ededed;} 
 
 
 
.banvideo{ width:100%; height:770px; float:left; position:relative;}
.banvideo video{ width:100%; height:770px; display:block;object-fit: cover;} 
.banvideowz{ width:100%; height:770px; padding-top:300px; box-sizing:border-box; text-align:center; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6);}
.banvideowz h2{ width:100%; height:auto; float:left; font-size:50px; line-height:64px; color:#fff;font-family:"ziti"; margin-bottom:25px;}
.am{ width:auto; padding:0 50px; height:46px; line-height:46px; font-size:16px;font-family:"ziti"; color:#fff; background:#de052d; border-radius:46px; display:table; margin:0 auto;}
.am:hover{ background:#fff; color:#000;}
.banvideobj{ width:100%; height:110px; float:left; position:absolute; left:0; bottom:0; background:url(../images/divbj.png) center bottom no-repeat; background-size:100% auto !important;}

.indexdiv1{ width:100%; height:auto; float:left; padding:100px 0; background:#fff;}
.indextt{ width:100%; height:auto; float:left; text-align:center; margin-bottom:30px;}
.indextt strong{ width:100%; height:auto; float:left; font-size:48px; line-height:56px;font-family:"ziti"; color:#000;}
.indexdiv1 dl{ width:25%; height:auto; float:left; margin-top:30px;}
.indexdiv1 dl dt{ width:180px; height:180px; border-radius:180px; overflow:hidden; margin:0 auto; position:relative;}
.indexdiv1 dl dt img{ width:100%; height:100%; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.indexdiv1 dl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.indexdiv1 dl:hover span{ background:rgba(222,5,45,0.6); width:100%; height:100%; display:block; position:absolute; left:0; top:0; transition:all 0.5s ease;}
.indexdiv1 dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.indexdiv1 dl dd a{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; color:#de052d; text-align:center;}


.indexdiv2{ width:100%; height:auto; float:left; padding:140px 0; background:url(../images/idiv2_bj.jpg) center center no-repeat; background-size:cover;}
.indexdiv2 .indextt strong,.indexdiv4 .indextt strong{ color:#fff;}
.indexdiv2 p{ width:100%; height:auto; float:left; font-size:20px; line-height:38px; color:#fff; text-align:center; padding:0 10%; box-sizing:border-box; margin-bottom:20px;}

.indexdiv3{ width:100%; height:auto; float:left; padding:100px 0; background:#f2f2f2;}
.indexdiv3 dl{ width:25%; height:auto; float:left; text-align:center;}
.indexdiv3 dl dt{ width:100%; height:auto; float:left;}
.indexdiv3 dl dt img{ width:120px; height:auto; display:block; margin:0 auto;}
.indexdiv3 dl dd{ width:100%; height:auto; float:left; margin-top:20px;}
.indexdiv3 dl dd span{ width:100%; height:auto; float:left; text-align:center;}
.indexdiv3 dl dd strong{ width:auto; height:auto;  font-size:35px; line-height:42px;font-family:"ziti"; color:#000;}
.indexdiv3 dl dd p{ width:100%; height:auto; float:left; font-size:20px; font-weight:100; line-height:32px; color:#444;}

.indexdiv4{ width:100%; height:auto; float:left; padding:160px 0; background:url(../images/idiv4_bj.jpg) center center no-repeat; background-size:cover !important;background-attachment: fixed !important;}

.indexdiv5{ width:100%; height:auto; float:left; padding:100px 0; background:#eaeaea;}
dl.xwdl{ width:370px; height:auto; float:left; margin:15px;}
dl.xwdl dt{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
dl.xwdl dt img{ width:100%; height:270px; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xwdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xwdl:hover dt span{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(222,5,45,0.8); transition:all 0.5s ease;}
dl.xwdl dt span s{ width:100%; height:100%; float:left; background:url(../images/xwtb.png) center center no-repeat; background-size:30px auto;transition:all 0.5s ease;}
dl.xwdl dd{ width:100%; height:auto; float:left; margin-top:15px;}
dl.xwdl dd h3 a{ width:100%; height:52px; line-height:26px; font-size:18px; color:#000; float:left; overflow:hidden;}
dl.xwdl dd p{ width:100%; height:44px; line-height:22px; font-size:14px; color:#666; float:left; overflow:hidden; margin:8px 0 20px 0;}
dl.xwdl dd span.sp{ width:100%; height:auto; float:left;}
dl.xwdl dd span.sp s{ width:auto; cursor:pointer; height:32px; line-height:32px; padding-left:37px; background:url(../images/xwtba.png) left center no-repeat; font-size:14px; color:#222; float:left;}
dl.xwdl dd span.sp s:hover{ background:url(../images/xwtbah.png) left center no-repeat;}
dl.xwdl dd span.sp a{ width:auto; height:32px; line-height:32px; float:right; padding:0 20px; background:#fff; font-size:13px; color:#666; border-radius:20px;}
dl.xwdl dd span.sp a:hover{ background:#000; color:#fff;}


.indexdiv5c{ width:1200px; height:auto; margin:0 auto; padding-bottom:40px; position:relative; overflow:hidden; touch-action: pan-y;}
.indexdiv5list{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms;}
.indexdiv5span{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:13px;text-align:center; z-index:886;}
.indexdiv5span span{  width:8px;height:8px; border-radius:8px; cursor:pointer; transition:all 0.5s ease; display:inline-table; margin:0 3px; background:#000;}
.indexdiv5span span.cur{ background:#de052d; width:25px;  transition:all 0.5s ease;}

.bottomdivbj{width:100%; height:110px; float:left; background:url(../images/divbj.png) center bottom no-repeat; margin-top:-110px; background-size:cover;}
.bottomdiv{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.bottomdivwz{ width:100%; height:auto; float:left;}
.bottomdivwz strong{ width:50%; height:auto;float:left; font-size:48px; line-height:56px;font-family:"ziti"; color:#000;}
.bottomdivwz p{width:50%; height:auto; float:left; font-size:18px; line-height:26px; color:#444; text-align:left; box-sizing:border-box; margin-bottom:30px;}
.bottomdivwz a.am:hover{ border:1px solid #000;}



/*******关于我们*****/
.nyban{ width:100%; height:350px; float:left; position:relative;}
.nyban img{ width:100%; height:100%; display:block;}
.nybanbj{ width:100%; height:106px; position:absolute; left:0; bottom:0; background:url(../images/nyban_bj.png) left bottom; background-size:cover !important;}
.nybanbj1{  background:url(../images/nyban_bj1.png) left bottom;}
.nybanbj2{  background:url(../images/nyban_bj2.png) right bottom;}
.nybanbj3{  background:url(../images/nyban_bj3.png) right bottom;}


.aboutdiv{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.aboutdivwz{ width:100%; height:auto; float:left; padding:0 15%; box-sizing:border-box;}
.aboutdivwz .st{ width:100%; height:auto; float:left;font-size:48px; line-height:56px;font-family:"ziti"; color:#000; margin-bottom:25px;}
.aboutdivwz p{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; color:#444; text-align:left; box-sizing:border-box; margin-bottom:15px;}
.aboutdivwz iframe,.aboutdivwz video{ width:100%; height:470px; float:left; display:block;}
  
.abotudiv2{ width:100%; height:auto; float:left; padding:100px 0 120px 0; background:#eaeaea;}
.abotudiv2 dl{ width:46%; height:auto; float:left; margin:2%;}

.abotudiv2 dl dt{ width:260px; height:260px; border-radius:260px; overflow:hidden; margin:0 auto; position:relative;}
.abotudiv2 dl img{ width:100%; height:100%; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.abotudiv2 dl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.abotudiv2 dl:hover dt span{ background:rgba(222,5,45,0.6); width:100%; height:100%; display:block; position:absolute; left:0; top:0; transition:all 0.5s ease;}
.abotudiv2 dl dd{ width:100%; height:auto; float:left; margin-top:25px; text-align:center;}
.abotudiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; color:#000; margin-bottom:4px;}
.abotudiv2 dl dd p{ width:100%; height:auto; float:left; font-size:15px; line-height:25px; color:#222; min-height:150px;}


/******关于我们-发展历程******/
.fzlcdiv{ width:100%; height:auto; float:left; padding:30px 0 120px 0; background:#eaeaea;}
.hst{ width:auto; height:34px; line-height:34px; text-align:center; padding:0 25px; font-size:18px; color:#fff; background:#de052d; margin:0 auto; display:table; border-radius:10px;}

.fzlcdivwz{ width:100%; height:auto; min-height:200px; float:left; padding:50px 0; background:url(../images/hsbj.jpg) center top no-repeat; background-size:5px 100%; margin-top:5px;}
.fzlcdivwz dl{ width:calc(50% + 150px); height:auto; float:left; background:url(../images/ydtb.png) 590px 30px no-repeat; margin-bottom:40px;}
.fzlcdivwz dl dt{ width:100px; height:auto; float:right; font-size:24px; margin-top:28px; line-height:30px; color:#000;}
.fzlcdivwz dl dd{ width:calc(100% - 200px); height:auto; float:left; margin-right:50px; padding:35px; box-sizing:border-box; background:#1e73be; position:relative; border-radius:10px;}
.fzlcdivwz dl dd img{ width:100%; height:auto !important; max-width:100% !important; display:block; margin-bottom:10px;}
.fzlcdivwz dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff;}
.fzlcdivwz dl dd span.sjx{ width:7px; height:14px; position:absolute; right:-6px; top:35px; background:url(../images/sjjt.png) center center no-repeat;}

.fzlcdivwz dl.d1{ float:right;background:url(../images/ydtb.png) 139px 30px no-repeat; }
.fzlcdivwz dl.d1 dt{ float:left;}
.fzlcdivwz dl.d1 dd{ float:right; margin-right:0; margin-left:50px;}
.fzlcdivwz dl.d1 dd span.sjx{  left:-6px; top:35px; background:url(../images/sjjt1.png) center center no-repeat;}

/*****关于我们-合作伙伴***/
.nyban.nyban1{ height:570px;}
.nyban.nyban1 img{ height:570px;}
.nybanwz{ width:100%; height:auto; float:left; top:250px; z-index:11; position:absolute;}
.nybanwzc{ width:100%; max-width:800px; margin:0 auto; color:#fff;}
.nybanwzc strong{width:100%; height:auto; float:left; font-size:48px; line-height:56px;font-family:"ziti"; color:#fff; margin-bottom:15px;}
.nybanwzc p{ width:100%; height:auto; float:left; font-size:16px; line-height:25px;}

.hzhbdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.hzhbdiv1z dl{ width:1200px; height:auto; float:left;}
.hzhbdiv1z dl dt{ width:570px; height:auto; float:left;}
.hzhbdiv1z dl dt img{ width:100%; height:auto; display:block;}
.hzhbdiv1z dl dd{ width:570px; height:auto; float:left; margin:0 30px; padding-top:40px;}
.hzhbdiv1z dl dd h3{ width:100%; height:auto; float:left; font-size:24px; line-height:30px;font-family:"ziti";  color:#000; }
.hzhbdiv1z dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#222;margin:10px 0;}
.hzhbdiv1z dl dd span.dian{ width:100%; height:auto; float:left; padding-left:30px; box-sizing:border-box; font-size:15px; line-height:26px; color:#444; background:url(../images/hdian.png) 15px 13px no-repeat; background-size:5px auto !important;}



.hzhbdiv1z{ width:100%; height:auto; float:left; position:relative;}
.hzhbdiv1c{ width:1200px; height:auto; margin:0 auto; position:relative; overflow:hidden; touch-action: pan-y;}
.hzhbdiv1list{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms;}
.hzjtl{ width:40px; height:60px; position:absolute; left:-60px; top:40%; background:url(../images/hzhb_jtl.png) center center no-repeat; cursor:pointer; opacity:0.5;}
.hzjtr{ width:40px; height:60px; position:absolute; right:-60px; top:40%; background:url(../images/hzhb_jtr.png) center center no-repeat; cursor:pointer; opacity:0.5;}
.hzjtl:Hover,.hzjtr:hover{ opacity:1;}

.hzhbdiv2{ width:100%; height:auto; float:left; padding:100px 0; background:#eaeaea;}
.hzhbdiv2 ul{ width:100%; height:auto; float:left; list-style:none;}
.hzhbdiv2 ul li{ width:calc(100%  /6); height:auto; float:left; padding:5px; box-sizing:border-box; overflow:hidden;}
.hzhbdiv2 ul li img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.hzhbdiv2 ul li:hover img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }

/******关于我们-可持续发展*****/
.kcxdiv{ width:100%; height:auto; float:left; background:#fff; padding:100px 0;}
.kcxdiv dl.d1{ width:calc(100% / 3); height:auto; float:left; padding:0 25px; box-sizing:border-box;}
.kcxdiv dl.d1 dt{ width:100%; height:auto; float:left;}
.kcxdiv dl.d1 dt img{ width:100px; height:auto; display:block; margin:0 auto;}
.kcxdiv dl.d1 dd{ width:100%; height:auto; float:left; text-align:center; margin-top:25px;}
.kcxdiv dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:32px;font-family:"ziti";  color:#000; margin-bottom:5px;}
.kcxdiv dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444;}
.kcxdiv .xt{ width:100%; height:1px ; float:left; background:#ededed; margin-top:50px;}

.kcxdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.kcxdiv3 dl.d1{ width:100%; height:auto; float:left;}
.kcxdiv3 dl.d1 dt{ width:50%; height:auto; float:right; padding-left:20px; box-sizing:border-box;}
.kcxdiv3 dl.d1 dt img{ width:auto; margin:0 auto; max-width:100%; height:auto; display:block;}
.kcxdiv3 dl.d1 dd{ width:50%; height:auto; float:left; padding-right:20px; box-sizing:border-box;}
.kcxdiv3 dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:34px; line-height:46px; color:#000;font-family:"ziti"; margin-bottom:20px; }
.kcxdiv3 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444; margin-bottom:10px;}
.kcxdiv3 dl.d1 dd span.dian{ width:100%; height:auto; float:left; padding-left:35px; box-sizing:border-box; font-size:15px; line-height:30px; color:#666; background:url(../images/hdian.png) 15px 13px no-repeat; background-size:5px auto !important;}
.xt1{ width:100%; height:1px; float:left; margin:80px 0; background:#ededed;}

.kcxdiv3 dl.d1.d1s dt{ float:left; padding-right:20px; padding-left:0;}
.kcxdiv3 dl.d1.d1s dd{ float:right; padding-left:20px; padding-right:0;}

.kcxdiv4{ width:100%; height:auto; float:left; padding:90px 0; background:#e8e8e8;}
.kcxdiv4 strong{ width:100%; height:auto; float:left; font-size:34px; line-height:46px; color:#000;font-family:"ziti"; margin-bottom:20px; }
.kcxdiv4 p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444; margin-bottom:10px;}


/*****产品分类*****/
.nyban.nyban2{ height:650px;}
.nyban.nyban2 img{ height:650px;}

.profldiv{ width:100%; height:auto; float:left; padding:70px 0 140px 0; background:#eaeaea;}
.profldiv dl{ width:calc((100% - 30px) / 3); height:auto; float:left; margin:5px; position:relative;}
.profldiv dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.profldiv dl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.profldiv dl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.profldiv dl dd{ width:100%; height:auto; position:absolute; left:0; top:45%; z-index:1;}
.profldiv dl dd a{ width:50%; height:40px; text-align:center; line-height:40px; margin:0 auto;font-family:"ziti"; background:#ed052d; display:table; border-radius:40px; color:#fff;}
.profldiv dl:hover dd a{ background:#fff; color:#000;}

/****产品分类-列表****/
p.pmbx{ width:100%; text-align:center; color:rgba(255,255,255,0.5); font-size:16px; margin-top:-10px; }
p.pmbx a{ color:#fff; margin:0 5px;}
p.pmbx a:hover{ opacity:0.8;}

.prolistdiv{ width:100%; height:auto; float:left; background:#eaeaea; padding:70px 0 140px 0;}
.prolistdiv dl{ width:calc((100% - 60px) / 3); height:auto; float:left; background:#fff; border-radius:10px; margin:10px; overflow:hidden;}
.prolistdiv dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.prolistdiv dl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.prolistdiv dl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.prolistdiv dl dd{ width:100%; height:auto; float:left; padding:25px 20px; box-sizing:border-box;}
.prolistdiv dl dd h3 a{ width:100%; height:52px; line-height:26px; float:left; font-size:18px; text-align:center; overflow:hidden; padding-bottom:5px; color:#000; background:url(../images/hdian.png) center bottom no-repeat; background-size:50px 1px; transition:all 0.5s ease;}
.prolistdiv dl:hover dd h3 a{ background:url(../images/baibj.png) center bottom no-repeat !important; background-size:120px 1px !important; transition:all 0.5s ease; color:#fff;}
.prolistdiv dl:hover{ background:#de052d;}


/*****产品分类-列表-详情******/
.proxxdiv{ width:100%; height:auto; float:left; padding:10px 0 100px 0;  background:#eaeaea;  font-size:16px; line-height:26px; color:#444;}
.proxxdiv .videoxx{ width:100%; height:auto; display:block; }
.proxxdiv img{ width:100%; margin:0 auto; height:auto !important; max-width:100% !important; display:block;}


/***自有品牌****/
.kcxdiv .hzhbdiv1z{ margin-top:70px;}
.indexdiv4 p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#fff; opacity:0.9;text-align:center; padding:0 10%; box-sizing:border-box;}
.zyppdiv1{ width:100%; height:auto; float:left; padding:80px 0 120px 0; background:#eaeaea;}

.zsdiv dl{ width:380px; height:auto; float:left; margin:0 10px; border:2px solid #ccc; box-sizing:border-box;}
.zsdiv dl dt{ width:100%; height:auto; float:left;}
.zsdiv dl dt img{ width:100%; height:auto; display:block;}

.zsdiv{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; touch-action: pan-y; padding:40px 0;}
.zsdivlist{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms; list-style:none;}
.zspan{margin:0px;padding:0px; width:100%; height:10px; position:absolute; bottom:13px;text-align:center; z-index:886;}
.zspan span{  width:8px;height:8px; border-radius:8px; cursor:pointer; transition:all 0.5s ease; display:inline-table; margin:0 3px; background:#000;}
.zspan span.cur{ background:#de052d; width:25px;  transition:all 0.5s ease;}







.zyppdivc{ width:100%; height:auto; float:left; position:relative;}
.zyppdivlist{ width:1200px; height:auto; margin:0 auto; position:relative; overflow:hidden; touch-action: pan-y;}
.zyppdivlist ul{width:2000000px; height:auto; overflow:hidden; padding:5px;  float:left; transition:transform 600ms; list-style:none;}
.zyppdivlist ul li{ width:190px; height:auto; float:left; margin:0 5px; line-height:none;}
.zyppdivlist ul li a{ width:100%; height:auto; float:left; overflow:hidden; }
.zyppdivlist ul li img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.zyppdivlist ul li:hover img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }

.zyjtl{ width:20px; height:40px; position:absolute; left:-60px; top:40%; background:url(../images/hzhb_jtl.png) center center no-repeat; background-size:20px auto !important; cursor:pointer; opacity:0.5;}
.zyjtr{ width:20px; height:40px; position:absolute; right:-60px; top:40%; background:url(../images/hzhb_jtr.png) center center no-repeat;background-size:20px auto !important; cursor:pointer; opacity:0.5;}
.zyjtl:Hover,.zyjtr:hover{ opacity:1;}


/****新闻列表******/
.newsdiv{ width:100%; height:auto; float:left; padding:40px 0 120px 0; background:#eaeaea;}
.newsdiv dl.xwdl{ background:#fff; border-radius:10px; overflow:hidden;}
.newsdiv dl.xwdl dd{ padding:20px; box-sizing:border-box;}
.newsdiv dl.xwdl dd span.sp a{ border:1px solid #666;}

/****新闻列表-详情****/
.newsxxdiv{ width:100%; height:auto; float:left; padding:20px 0 80px 0; box-sizing:border-box;}
.newsxxdivc{ width:100%; height:auto; float:left; padding:0 10%; box-sizing:border-box}
.newsxxdiv .h1{ width:100%; height:auto; float:left; text-align:center; font-size:28px; line-height:34px; color:#000;font-family:"ziti"; }
.newsxxdiv p.ptime{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:22px; color:#444; border-bottom:1px solid #ededed; padding:10px 0; }
.newxxdivwz{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; margin:15px 0;}
.newxxdivwz img{ width:auto; height:auto !important; display:block; max-width:100% !important;}

.newsxxdiv1{ width:100%; height:auto; float:left; padding:60px 0 120px 0; background:#eaeaea;}


/****联系我们****/
.lxwmdiv{ width:100%; height:auto; float:left; padding:40px 0 120px 0; background:#fff;}
.lxwmdivleft{ width:55%; height:auto; float:left; padding-right:30px; box-sizing:border-box;}
.lxh1{ width:100%; height:auto; float:left; font-size:26px; line-height:40px; color:#000; margin-bottom:35px;font-family:"ziti"; border-bottom:1px solid #ededed; padding-bottom:18px;}
.lxwmdivleft dl.d1{ width:100%; height:auto; float:left; margin-bottom:20px;}
.lxwmdivleft dl.d1 dt{ width:45px; height:auto; float:left; margin-right:10px;}
.lxwmdivleft dl.d1 dt img{ width:100%; height:auto; display:block; margin-top:10px;}
.lxwmdivleft dl.d1 dd{ width:calc(100% - 55px); height:auto; float:left;}
.lxwmdivleft dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:28px; line-height:36px; color:#000;font-family:"ziti"; }
.lxwmdivleft dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#444;}
.lxwmdivleft dl.d2{ width:50%; height:auto; float:left;margin:20px 0;}
.lxwmdivleft dl.d2 dt{ width:40px; height:auto; float:left; margin-right:10px;}
.lxwmdivleft dl.d2 dt img{ width:100%; height:auto; display:block;}
.lxwmdivleft dl.d2 dd{ width:calc(100% - 50px); height:auto; float:left; }
.lxwmdivleft dl.d2 dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#000;font-family:"ziti"; }
.lxwmdivleft dl.d2 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#444;}
 

.smdiv{ width:100%; height:auto; float:left; margin-top:15px;}
.smdiv a{ width:40px; height:auto; float:left; margin-right:15px;}
.smdiv a img{ width:100%; height:auto; display:block;}
.smdiv a:hover img{ opacity:0.8;}

.lxwmdivright{ width:45%; height:auto; float:left; padding-left:30px; box-sizing:border-box;}
.lxwmdivright p{ width:100%; height:auto; float:left; margin:0 0 10px 0;}
.lxwmdivright p span{ width:100%; height:auto; float:left; font-size:13px; line-height:18px; color:#000; margin-bottom:4px;}
.lxwmdivright p .input{ width:100%; height:42px; padding:0 20px; background:#f9f9f9; box-sizing:border-box;font-family:"Montserrat"; line-height:42px; font-size:16px; float:left; border:1px solid #ededed; border-radius:5px; outline:none;}
.lxwmdivright p .text{ width:100%; height:120px; padding:10px 20px; background:#f9f9f9; box-sizing:border-box; font-family:"Montserrat";line-height:26px;font-size:16px; float:left; border:1px solid #ededed; border-radius:5px; outline:none;}
.lxwmdivright .button{ width:100%; height:45px; padding:0; background:#dd042d; box-sizing:border-box;font-family:"Montserrat"; font-family:"ziti";font-size:16px;line-height:45px; float:left; text-align:center; color:#fff; cursor:pointer; border:none; border-radius:5px; outline:none;}
.lxwmdivright .button:hover{ opacity:0.9;}


.backtop{ width:50px; height:50px; background:url(../images/back_tb.png) center center no-repeat #ccc;opacity:0.5; cursor:pointer; position:fixed; right:15px; bottom:30px; border-radius:4px;}
.backtop:hover{ opacity:1;}


/******新自有品牌证书*****/
#banner{margin:0 auto; overflow:hidden; width:1060px; padding-top:50px;}
.swiper-slide{width:280px;height:auto; position:relative; padding-bottom:80px; background:url(../images/zsbjtb.png) center bottom no-repeat; background-size:100% auto;  box-sizing:border-box;}
.swiper-slide img{ width:100%; height:auto; display:block;}
.banner_page{margin:-60px auto 0 auto;left: 0;right: 0; padding-bottom:50px;}
.banner_page span{margin: 0 5px;}			 
.swiper-pagination-bullet-active{width: 16px;border-radius: 8px;}

 .swiper-slide{ margin-top:49px;} 
 .swiper-slide.swiper-slide-prev,.swiper-slide.swiper-slide-next{ margin-top:22px;}
 .swiper-slide.swiper-slide-active{ margin-top:0;}