*{margin:0;padding:0}
blockquote,body,dd,div,dl,dt,filedset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-family:"Microsoft YaHei",Verdana,Arial,helvetica,sans-serif!important; font-size:14px; color:#333}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
li,ol{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:afer,q:before{content:''}
abbr,acronym{border:0}
a{text-decoration:none; cursor: pointer}
.clearfix:after,.clearfix:before{display:table;line-height :0;content:""}
.clearfix:after{clear:both}

body{ background-color: #f8f8f8;}
body>div{ width: 100%; min-width: 1200px;font-family: "Microsoft YaHei";}
.catb_main{ width: 1200px; margin: 0 auto;}

.nav{ height: 110px; background-color:white; position: fixed; top: 0; z-index: 99;}
.logo{ width: 300px; height: 110px; float: left;}
.nav_ul{ width: 900px;height: 110px; float: left;}
.nav_ul li{display: block; float: left; height: 40px; margin: 35px 0; line-height: 40px; text-align: center; font-size: 20px; margin-left:25px; min-width: 122px;}
.nav_ul li strong{font-size: 20px;}
.nav_ul li>a{ color: #000!important; font-size: 20px; line-height: 40px; padding: 0!important;}
.black{background-color: #f8b600;}
.nav_ul li:nth-last-child(2){float: right;}


.nav_ul .layui-bg-white{background:none;white-space:nowrap;}
.nav_ul .layui-bg-white a{font-size: 18px;color: black!important;}
.nav_ul .layui-nav .layui-nav-more{display: none;}
.nav_ul .layui-nav dd a{line-height:50px;font-size: 16px;}
.nav_ul .layui-nav dl::before{content:'';display:inline-block;width:20px;height:20px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); border-left:1px solid #eee;border-top:1px solid #eee;position: absolute; top: -11px; left: 50%; margin-left: -11px; background-color: #fff;}
.nav_ul .tel400{ font-size: 20px; color:black; font-weight: bold; width: 280px; float: left; background-color:white; text-align: center; line-height: 40px; margin: 25px 0 0 0; border-radius: 20px; position: absolute; right: 0; top: 0;}

.nav .btn{ display: inline-block; padding:0 10px!important; border: 1px solid #333; border-radius: 10px; background-color: white; margin-left:5px;}

.banner{ height:850px; overflow: hidden; position: relative; padding-top:110px ;}
.banner .swiper-container{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; height: 850px; box-sizing: border-box; padding: 20px 0;}
.banner .swiper-slide{text-align: center;}
.banner .swiper-slide img{ width: 1362px; margin: 10px auto; opacity: .7;transform: scale(0.95,0.95);  display: inline-block;}
.banner .swiper-slide-active img{ opacity: 1;transform: scale(1,1);}
.banner .swiper-container{ height: 100%; background-color: #f8f8f8;}
.banner .swiper-slide { overflow: hidden;}

/* .about_img{ overflow: hidden; height:600px; background: url(../images/bg1.jpg) no-repeat fixed bottom;} */
.about_img{overflow: hidden;}
.about_img img{ position: relative; left: 50%; margin-left: -960px;}
.about{ height:330px; background-color: #f2f4f3; box-sizing: border-box; padding:50px 0}
.about_box{ width: 630px; float: right;}
.about_box p{ font-size: 16px; line-height: 40px; font-weight: normal;}
.about_box li{ display: block; width:210px; float: left; text-align: center; margin: 40px 0;color: #c0af83; font-size: 20px; font-weight: bold;box-sizing: border-box; border-right: 1px solid #000; height: 60px;}
.about_box li:last-child{ border-right: 0;}

.product{background-color: #fefefc; overflow: hidden;}
.product li{ float: left; margin: 100px 0; text-align: center;}
.product li img{overflow: hidden; border-radius: 50%; box-sizing: border-box; border: 1px solid #eee;}
.product li:nth-child(2){ margin:100px 220px;}
.product li p{ line-height: 100px; font-size: 24px; font-weight: bold;}

.stroe{background-color: #fefefc; text-align: center;}
.bt{text-align: center;}
.bt p{ font-size: 60px; font-weight: bold; color: #000; line-height: 100px;}
.bt p::before{content: url(../images/icon.jpg); padding-right: 50px;}
.bt p::after{content: url(../images/icon.jpg); padding-left: 50px;}
.bt span{ font-size:20px; font-weight: bold; color: #f8b400; line-height:30px;}
.stroe .swiper-container{ padding: 100px 0;}

.bangcha{ height:800px; background: url(../images/bg2.jpg) repeat-x bottom; text-align: center;}
.bangcha p{ font-size: 20px; color: #000; line-height: 40px;}
.bangcha p strong{ font-size:50px; line-height:100px;}


/* END INDEX */

.story{ margin-top:110px; padding: 40px 0; background-color: #fefefc; background: url(../images/bg3.jpg) no-repeat bottom #fefefc; padding-bottom: 440px;position: relative;}
.story::after{content: url(../images/icon4.jpg); position: absolute;top: 100px; left: 50%; margin-left: 500px;}
/* .story .sto p{ font-size: 20px; color: #000; line-height: 40px; padding: 60px;} */
.story .sto{ position: relative; box-sizing: border-box; padding:100px 0 100px 650px; height: 600px;}
.story .sto img{ position: absolute; left: 0; top:20px;}
.story .sto li{display: block; padding: 35px 0;border-bottom: 1px solid #333;box-sizing: border-box; padding-left: 40px; position: relative;}
.story .sto li::before{content: url(../images/iconx.jpg); position: absolute; top:47px;left: 0;}
.story .sto li p{ font-size: 28px; line-height: 40px; }
.story .sto li span{ font-size:16px; line-height: 30px;}
.story .sto li:last-child{border: 0;}

.foot{ height:500px; background: url(../images/bg4.jpg) repeat-x bottom; box-sizing: border-box; padding: 100px 0;}
.foot .catb_main dl{ display:block; width:400px; float: left;}
.foot .catb_main dl:nth-child(2){ margin: 0 75px;}
.foot .catb_main dl:last-child{width: 250px;}
.foot .catb_main dl:last-child dt{border-bottom: 0; text-align: center;}
.foot .catb_main dl:last-child p{text-align: center; font-size:24px;}
.foot dt{display: block; font-size: 36px;font-weight: bold; border-bottom: 1px solid #000; line-height: 80px;}
.foot dd{display: block; font-size:24px;font-weight: bold; text-align: right; line-height: 80px;}
.foot .catb_main dl:first-child{ padding-top: 130px;}
.foot .catb_main dl:nth-child(2){ padding-top: 130px;}


.join{ margin-top:110px; padding: 40px 0; background-color: #fefefc; }
.joinin{ background: url(../images/icon5.jpg) no-repeat center; height: 1000px; position: relative;}
.joinin dl{display: block; width: 400px; height: 130px;position: absolute; left:50%;}
.joinin dl dt{ color: #f8b400;font-weight: bold; font-size: 32px; line-height: 50px; position: relative;}
.joinin dl dt::before{content: ''; display: block; width: 10px; height: 10px; border-radius: 50%;background-color: #f8b400; position: absolute; left: -20px;top: 20px;} 
.joinin dl dd{ color: #000; font-size:16px;}

.joinin dl:nth-child(1){top: 100px; margin-left: -400px;}
.joinin dl:nth-child(2){top: 140px; margin-left: 200px;}
.joinin dl:nth-child(3){top: 300px; margin-left: -500px;}
.joinin dl:nth-child(4){top: 340px; margin-left: 300px;}
.joinin dl:nth-child(5){top: 700px; margin-left: 300px;}
.joinin dl:nth-child(6){top: 800px; margin-left: -450px;}

.cooperation{ margin-top:110px; padding: 40px 0; background-color: #fefefc; overflow: hidden; }
.cooperationin{ padding:50px 0;}
.cooperationin li{ display: block; width: 380px; height: 141px; background: url(../images/box.png); float:left; margin: 30px 0; line-height: 141px; text-align: center; font-size: 24px;font-weight: bold;}
.cooperationin li:nth-child(2){ margin: 30px;}
.cooperationin li:nth-child(5){margin: 30px;}

.money dl{display: block; width: 1100px; margin:50px 50px 0; box-sizing: border-box; border: 1px solid  #f2eaf7;border-radius: 30px; overflow: hidden;}
.money dl dt{ height: 110px; background-color: #f8b400; width: 100%; display: block; line-height: 110px; box-sizing: border-box; padding: 0 50px;}
.money dl dt span{float: right; font-size: 24px; color: white; font-weight: bold;}
.money dl dt p{font-size: 36px;color: white; font-weight: bold;}
.money dl dd{display: block; width: 50%; float: left; height: 110px; box-sizing: border-box; padding: 30px 100px; box-sizing: border-box; border-bottom: 1px solid #f2eaf7; font-size:16px;}
.money dl dd:nth-child(2n+1){ border-left: 1px solid #f2eaf7;}
.money dl dd p{font-size: 20px;}
.money dl dd p strong{color: #c1af87; padding-left:20px;}


.contact{ padding:100px 0; border-bottom: 1px solid #000;}
.contact .box{width: 600px; float: right;}
.contact .box p{ font-size: 40px;font-weight: bold; line-height:80px;}
.contact .box span{ font-size:18px; line-height: 32px;}
.contact .box div{padding-top:20px;}
.contact .box label{ font-size:20px; display: inline-block; width: 100px; text-align: center; float: left;}
.contact .box input{display: inline-block; width: 340px; height:40px; box-sizing: border-box; padding: 0 10px;}
.contact .box textarea{display: inline-block; width: 340px; height:200px; box-sizing: border-box; padding: 10px;}
.contact .box input[type="submit"]{background-color: black;color: white;border: 0; font-size:20px;cursor: pointer;}


.fnews{ background-color: #f3b700; overflow: hidden;}
.fnews li{ display: block; width: 50%; float:left; color:#f3b700 ;}
.fnews li a{color:#f3b700 ;}

.address{ padding: 130px 0 30px 0;}
.address p{ float: left;}
.address p::before{content: url(../images/address.png); position:relative; top: 5px; padding-right: 5px;}
.address a{ padding-right:20px; position: relative; margin-right: 20px;}
.address a:after{content:'>'; position: absolute; right: 0;}

.newlist{ height:auto; background:white; box-sizing: border-box;}

.newlist ul li{ display: block; float: left; width:360px; overflow: hidden; background: #f6f6f6; height: 430px; border-radius: 20px; transition: all 0.5s; margin-bottom: 30px;}
.newlist ul li:nth-child(2){ margin: 0 30px;}
.newlist ul li:nth-child(5){ margin: 0 30px;}
.newlist ul li:nth-child(8){ margin: 0 30px;}
.newlist ul li img{ display: block; width: 380px; height: 290px;object-fit:cover; overflow: hidden; transition: all 0.5s;}
.newlist ul li  p{ font-size: 18px; line-height:24px; margin-bottom:10px; color: black;}
.newlist ul li  span{ font-size: 14px; line-height:20px; color: #999; height: 40px; display: block; height: 40px; overflow: hidden;}
.newlist ul li  .time{ position: absolute; left:10px; width: 70px; height:70px; top:20px; text-align: center; line-height:10px;}
.newlist ul li  .time p{font-size: 30px;}
.newlist ul li:hover{background-color:#0e2626; color: white;}
.newlist ul li:hover *{ color: white;}
.newlist ul li:hover p{ color: white;}
.newlist ul li:hover img{ transform: scale(1.1);}

.page{width: 1200px; margin: 0 auto;text-align: center; margin:0 auto; padding-bottom: 100px;}
.page>*{ display: inline-block;  height: 40px; margin: 0 5px;padding: 0 15px; font-size: 16px; color: #000; line-height:40px}
.page>span{ background:#0e2626; border-radius: 5px; color: white;}

.detail{ padding: 40px 0; border-top: 1px solid #eee; margin-bottom: 30px;border-bottom: 1px solid #eee;}
.detail .detail_title{ padding-bottom: 40px ; margin-bottom: 40px;border-bottom: 1px solid #eee;}
.detail .detail_title h3{ font-size: 22px; font-weight: bold; color: #000; text-align: center; line-height: 60px;}
.detail .detail_title center{ display: block; text-align: center; font-size: 15px; line-height:30px; color: #666;}
.detail .detail_content{ padding: 0 200px;box-sizing: border-box;font-size: 18px;line-height: 40px;}
.detail .detail_content p{ text-indent: 2em; font-size: 15px;}
.detail .detail_content img{ margin: 20px auto; display: block; max-width: 640px;}
.sxpage{padding: 40px 0 60px;font-size: 18px;line-height: 60px; text-indent: 2em;}