@font-face {
  font-family: tonjay;
  src:url(../images/gilroy-bold-webfont.ttf)
  }
.cjb{ width: 100%; min-width: 1200px; margin: 0 auto; overflow: hidden;}
.cjbin{width: 1200px; margin:0 auto; overflow: hidden;}
:root{--swiper-theme-color:#FFB61A}

.top{ height:80px; position: fixed; z-index: 999;  padding-top: 20px; transition: all .5s;}
.top .topin{ max-width: 1600px; margin: 0 auto;}
.top .logo{ width: 110px; height: 48px; float: left; padding: 16px;}
.top .logo img{display:block; width: 110px; height: 48px;}
.top .nav{display: block;float: right; width: calc(100% - 142px); text-align: center; }
.top .nav img{ float: right; padding: 22px 10px 0;}
.top ul{ display: inline-block; margin: 0 auto; overflow: hidden; }
.top li{display: block; width: auto; height: 32px; padding: 24px 15px; float: left; text-align: center; line-height: 32px; }
.top li a{ color: #fff; font-size: 16px; display: inline-block; padding:0 5px;white-space:nowrap; border-radius: 5px; transition: all .5s;}
.top li a:hover{ background-color: #FFB61A; color: #fff;}
.top.black{ background-color: #FFB61A;  padding-top: 0;}
.top.black li a:hover{ background-color: #fff!important; color: #FFB61A!important;}

.banner{height: auto; overflow: hidden;}
.banner img{  width:100%; height: auto;}
.banner .swiper-wrapper {width: 100%;height: 100% !important;}
.banner .swiper-pagination {text-align: center;}
.banner .swiper-pagination-bullet-active {background-color: #fff;}


.bannerin{height: auto; overflow: hidden;}
.bannerin img{  width:100%; height: auto;}

.about{ background-color: #fff; position: relative; z-index: 2; overflow: hidden;}
.about .cjbin>dl{ display:block;}
.about .cjbin>dl>dd{ font-size: 14px; color: #333;line-height: 30px;display:block; box-sizing: border-box;  position: relative;margin: 100px 0; padding: 0 150px; text-align: center;}
.about .cjbin>dl>dd strong{display: block; text-align: center; font-size: 20px; line-height:100px; color: #000;}
.about .cjbin>dl>dd p{ padding-bottom: 40px; text-indent: 2em; font-size: 16px;}

.about a{ display: block; float: right; width: 110px;height: 30px; border-bottom: 1px solid black; font-size: 15px; font-weight: bold;}
.six{ position: relative; height: 450px; overflow: hidden;}
.six img{ position: absolute; left: 50%; margin-left: -960px;z-index: 1;}


.product{ height: 1000px; position: relative;}
.product img{ display:block; margin:0 auto;box-shadow:0px 0px 30px #ccc; width: 1040px; height: auto; padding: 0;}
.product p{font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 60px; padding-top: 100px;}
.product a:last-child{ position: absolute; left: 50%; margin-left: 545px; bottom: 150px; font-weight: bold; font-size: 16px;}


.store{ overflow: hidden; position: relative;}
.store .cjbin p{font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 60px; padding-top:20px;}
.store .swiper-container{ width: 1920px; position: relative; left: 50%; margin-left: -960px; margin-bottom: 70px;}
.store .swiper-container p{font-size: 16px; line-height:60px; color: #333;}
.store .swiper-container img{ display: block; width: 830px; height: 470px; opacity: .5; }
.store .swiper-container .swiper-slide-active img{opacity: 1;}


.btnfix{ width: 1100px; position: absolute; height: 60px; z-index: 99; top: 220px; left: 50%; margin-left: -550px;}



.s_address{ padding-bottom: 100px;}
.s_address .cjbin>p{font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 20px; padding-top:20px;}
.s_address .cjbin:last-child>p{font-size: 18px; color: #000; font-weight: normal; text-align: center; padding-bottom: 60px; padding-top:20px;border-top: 1px solid #000; border-bottom: 0;}
.s_address .cjbin>p span{ font-size: 16px; color: #FFB61A;}

.ad{ padding-bottom: 100px; background-color: #f5f5f5;}
.ad .bt{text-align: center; padding: 120px 0 60px;}
.ad .bt span{ font-size: 26px; color: #b4b4b4;}
.ad .bt p{ font-size: 24px; color: #232323; line-height:60px;}
.ad .box{ width: 100%; height: 230px; background-color: #fff; border-radius: 15px; overflow: hidden; box-sizing: border-box; padding: 0 30px;}
.ad .box img{ display: block; margin: 20px auto 0;}
.ad .box p{ font-size: 20px; color: #000; font-weight: bold; text-align: center; line-height: 50px;}

.ad .rwm{ width: 160px; height: 260px; background-color: #fff; text-align: center; border-radius:10px; margin: 400px 140px 0 270px; float: left;}
.ad .rwm p{ font-size: 20px; font-weight: bold; color: #000; padding-top: 15px;}
.ad .rwm span{ display: block; padding-top: 10px;}
.ad .rbox{ margin-top: 140px; float: left;}



.foline{ text-align:right; border-top: 1px solid #333; margin-top: 40px; line-height:60px;}

/* index end */
.banner2{ height: auto; overflow: hidden;}
.banner2 img{ display: block; width: 100%; height: auto; padding: 100px 0;}
.aboutin{background-color: #f8f8f8; padding:0 0 100px 0;}
.ab1 p{font-size: 20px; font-weight: bold; color: #000; text-align: center; padding:0 0 40px 0;}

.ab3 p{ font-size:20px; font-weight: bold; color: #000; line-height: 120px; text-align: center;}

/* about end */
.pro{ padding-top: 60px;}
.pro .bt p{font-size: 20px; font-weight: bold; color: #000; margin-bottom: 50px;}
.b.top li a{ color:#000;}
.b.top.black li a{color: #fff;}
.b.top li:hover a{ color:#FFB61A; background: none;}
.prolist{ padding-bottom: 200px;}
.prolist .b_box{ display: block; border-bottom: 1px solid #000; box-sizing: border-box; padding:15px 0 15px 0;margin-bottom: 10px;}
.prolist .b_box p{ font-size: 18px; font-weight: bold; color: #000; position:relative; padding-left: 70px; line-height: 50px;}
.prolist .b_box p::before{content: url(../images/icontt.png); position: absolute; left: 0; }
.prolist em{font-style:normal; display:block; line-height: 20px; height: 40px; box-sizing: border-box; padding-right:60px;}
.prolist li{ height:700px;  box-sizing: border-box; position: relative;}

.prolist li img{ margin: 0 auto; display:block; position: relative; z-index: 3;}

/* product end */

.join{ background: #333; padding:140px 0 50px}
.join .bt{text-align: center; padding: 60px 0;}
.join .bt p{ font-size: 20px; line-height: 40px; font-weight: bold; color: #fff;}
.join .bt p::before{ content: '';display: inline-block; width: 30px; height: 30px; background: url(../images/icontt.png) no-repeat ; background-size: 30px 30px; position: relative; top: 8px; margin-right: 10px;}
.join .bt span{ font-size: 12px; line-height:20px; color: #676767;}
.join .ysbox{ background:#ececee; padding: 30px; border-radius: 20px; height: 190px; transition: all 0.5s;}
.join .ysbox:hover{transform: scale(1.1,1.1);}
.join .ysbox p{ font-size: 20px; line-height:60px; font-weight: bold; color: #000; text-align: center;}
.join .ysbox img{ display: block; margin: 0 auto;}
.join .ysbox span{ color:#737373; font-size: 15px;}

.lc ul{display: block; padding: 0 40px 100px; overflow: hidden; text-align: center;}
.lc li{ display: block; width: 160px;  display: inline-block; position: relative;}
.lc li:after{ content: url(../images/jian2.jpg); position: absolute; top:5px;right: -25px;  }  
.lc li:last-child::after{display: none;}
.lc li em{ color: #fff; display: block; background-color: #FFB61A; font-size:18px; line-height:35px; text-align: center;width: 35px;height: 35px; margin: 0 auto; font-style: normal; border-radius: 50%;}
.lc li p{ font-size: 18px; color: #fff; text-align: center; line-height:80px;}

.ys2{ background-color: #4c4c4c; padding-bottom: 30px;}
.ys2 li{ box-sizing: border-box; padding-left: 120px;}
.ys2 li strong{ font-size:30px; color: #FFB61A; font-family:tonjay ;}
.ys2 li strong::after{ font-size:30px; color: #FFB61A; font-family:tonjay ; content: ','; position: relative; top: -20px; left: 10px;}
.ys2 li p{font-size:18px; color: #FFB61A; line-height: 40px;}
.ys2 li span{font-size:15px; color: #ccc; line-height: 24px; display:block; box-sizing: border-box; padding-right: 60px; height: 48px; margin-bottom: 40px;}

.fy{overflow: hidden;}
.fy .f_box{ width: 50%; float: left; box-sizing: border-box; height: 460px;position: relative;}
.fy .f_box:nth-child(1){background: url(../images/yuan.jpg) no-repeat  center}
.fy .f_box:nth-child(2)::after{ content: '';width: 1px; height: 280px; border-left: 1px dashed #fff; position: absolute; left: 0; top:80px;  }
.fy .f_box>p{ font-size: 20px; font-weight: bold; color: #fff; text-align: center; margin-bottom:80px;}
.fy .f_box>div{ width: 150px; float: left; color: #fff; height: 120px;}
.fy .f_box>div:nth-child(even){ padding-right: 210px; padding-left: 80px;}
.fy .f_box>div span{ font-size: 15px; color: #999; line-height:30px;}
.fy .f_box>div p{ font-size: 18px; color: #fff; font-weight: bold;line-height:30px; font-family: tonjay;}
.fy .f_box>div::before{content: ''; display: block; width: 20px; height: 20px; background-color: #80b040; margin-bottom: 10px; border-radius: 50%}
.fy .f_box>div:nth-child(3)::before{ background-color: #e2801f;}
.fy .f_box>div:nth-child(4)::before{ background-color: #01ffff;}
.fy .f_box>div:nth-child(5)::before{ background-color: #c3ca22;}
.fy .f_box>span{ font-size: 15px; color: #999; line-height:20px; display: block; box-sizing: border-box; padding: 40px 40px 0 75px; float: left;}
.fy .f_box dd{ display:block; padding-left: 80px; margin-bottom:24px;}
.fy .f_box dd span{display: inline-block; height: 32px; background-color: #dcdcdc; color: #333; line-height: 32px; padding: 0 10px; border-radius:3px;}
.fy .f_box dd p{ float: right; color: #fff; font-size: 18px; line-height: 32px; font-family: tonjay;}
.fy .f_box dd:last-child span{ background-color:#333; color: #FFB61A; font-size: 20px;}
.fy .f_box dd:last-child p{ background-color:#333; color: #FFB61A; font-size: 20px;}
.fy .f_box dd:hover span{ background-color: #FFB61A;}
.fy .f_box dd:last-child:hover span{ background-color: #333;}
.fy .f_box dd:hover p{ color: #FFB61A;}
.join .store p{ color: #fff;}


/* join end */
.tab_new {text-align: center; padding: 20px 0 60px;}
.tab_new a{display: inline-block;width: 120px;height: 32px; background-color: #eee; color: #333; border-radius:16px; font-size: 18px; margin: 0 25px; line-height: 32px;}
.tab_new a.active{ background-color: #FFB61A; color: #fff;}
.top_new a.box{display: block;}
.tab_new a:hover{background-color: #FFB61A; color: #fff;}

.top_new a.box div.img,.top_new a.box img{display: block; width: 380px; height: 170px; overflow: hidden; transition:all .5s;}
.top_new a.box div:nth-child(2){border: 1px solid #333; padding: 10px 10px 20px;}
.top_new a.box div:nth-child(2) p{font-size: 18px; color: #000; line-height: 40px;}
.top_new .layui-col-xs4{ position: relative;}
.top_new .layui-col-xs4>span{ position: absolute; background-color: #229f73; color: #fff; line-height: 26px; padding: 0 10px; top: 25px; left:5px;}
.top_new a.box:hover img{transform: scale(1.1,1.1);}

.in_news{ padding:80px 0;}
.in_news li{display: block; border-top: 1px dashed #333; padding: 40px 0; height: 200px; position: relative;}
.in_news li:last-child{border-bottom: 1px dashed #333}
.in_news li a:first-child img{ display: block; width: 370px; height: 189px; float: left;}
.in_news li div{width: 700px; float: left; box-sizing: border-box; padding: 20px 40px;}
.in_news li div p{ font-size:20px; line-height: 40px; color: #000;}
.in_news li div span{ font-size:16px; line-height: 30px; color: #333;}
.in_news li a:last-child img{ padding: 55px 0; float: right;}

.in_news li div em{ position: absolute; background-color: #FFB61A; color: #fff; line-height: 26px; padding: 0 10px; top: 203px; left:279px; font-style: normal;}

/* new end */
.pr_show{ background: url(../images/yyb.jpg) repeat-x bottom #f1f1f3; height: 615px; overflow: hidden;}
.pr_show .cjbin>div{width: 400px; float:left; height: 615px; box-sizing: border-box; padding: 150px 0 0 0;}
/* .pr_show .cjbin>div>img{ padding-right: 300px;} */
.pr_show .cjbin>div>p{ font-size: 24px; color: #000; font-weight: bold; line-height: 60px; margin-bottom: 60px;}
.pr_show .cjbin>div>span{display: block; margin-top: 40px;}
.pr_show .cjbin>div:first-child>div{ background: url(../images/jian3.jpg) no-repeat right; display: inline-block; padding-right: 80px;}
.pr_show .cjbin>div:first-child>div>p{ font-size: 20px; color: #000; font-weight: bold; line-height:40px;}
.pr_show .cjbin>img{ padding-top: 70px;}

/* pr_show end */
.new_show{position: relative;}
.new_show .bt{ border-bottom: 1px solid #eee; padding: 40px 0 40px; text-align: center;}
.new_show .bt p{ font-size: 24px; color: #000; font-weight: bold; line-height:60px; }
.new_show .bt span{ font-size: 16px; color: #666;  }
.new_show .show {font-size:16px; line-height: 32px; color: #333; padding-top: 40px; padding-bottom: 100px;}
.new_show .show img{ display: block; margin: 0 auto; width: 750px;}
.new_show .show p{font-size:16px; line-height: 32px; color: #333;}

/* fixmessage */
.fixmessage{ position: fixed; right: 0; top: 50%; z-index: 9999;}
.fixmessage p{display: block;width:50px;height: 180px; background: #FFB61A; color: #fff; box-sizing: border-box; padding: 25px 18px; font-size: 18px; position: relative; border-top-left-radius: 10px;border-bottom-left-radius: 10px;float: left;}
.fixmessage p::after{content:url(../images/jj.jpg); position: absolute; bottom:15px; left:5px;}
.fixmessage form{display: block; width: 360px; height: 180px; background: #fff; float: left; box-sizing: border-box; padding: 10px;}
.fixmessage form label{ display: block; width:50px; height: 32px; float: left; font-size: 15px; line-height:32px; text-align: center; margin-top: 10px;}
.fixmessage form input{ display: block; width: 120px; height: 32px; float: left; box-sizing: border-box;margin-top: 10px; text-indent: 10px; border-radius: 5px;border: 1px solid #555}
.fixmessage form textarea{ display: block; width: 290px; height: 60px; float: left; box-sizing: border-box;margin-top: 10px; padding: 10px; border-radius: 5px;}
.fixmessage button{display: block; width: 100px; height: 32px; background: #000; color: #fff; text-align: center; border: 0; border-radius: 5px; cursor: pointer; margin: 10px 0 0 50px; float: left;}
.fixmessage>a{ margin-bottom: 20px; overflow: hidden; position: relative; right: 0; transition: all .5s; cursor: pointer; display: block;}
.fixmessage>a:last-child form{ padding-top: 40px;}
/* .fixmessage>div:hover{ right: 0;}
 */

/* 动画 */
.pr_show{ padding:100px 0 50px;}
.pr_show .cjbin>div.imgs{width:800px!important; position: relative; text-align: center; padding: 0;}
.pro1>img:nth-child(1){position: absolute;top: 50%;margin-top: -210px;left: 50%;margin-left: -175px; z-index: 22;}
.pro1>img:nth-child(2){position: absolute;top: 50%;margin-top: -260px;left: 50%;margin-left: -195px; z-index: 33;}
.pro1>img:nth-child(3){position: absolute;top: 50%;margin-top: -290px;left: 50%;margin-left:0px; z-index: 33;}
.pro1>img:nth-child(4){position: absolute;top: 50%;margin-top: -200px;left: 50%;margin-left:260px; z-index: 33;}
.pro2>img:nth-child(1){position: absolute;top: 50%;margin-top: -210px;left: 50%;margin-left: -175px; z-index: 22;}
.pro2>img:nth-child(2){position: absolute;top: 50%;margin-top: -100px;left: 50%;margin-left: -340px; z-index: 33;}
.pro2>img:nth-child(3){position: absolute;top: 50%;margin-top: -290px;left: 50%;margin-left:0px; z-index: 33;}
.pro2>*:nth-child(4) img{position: absolute;top: 50%;margin-top: -280px;left: 50%;margin-left: 100px;z-index: 33;}
.pro3>img:nth-child(1){position: absolute;top: 50%;margin-top: -130px;left: 50%;margin-left: -175px; z-index: 33;}
.pro3>img:nth-child(2){position: absolute;top: 50%;margin-top: -260px;left: 50%;margin-left: -240px;z-index: 22;}
.pro3>*:nth-child(3){overflow: hidden;}
.pro3>*:nth-child(3) img{position: absolute;top: 50%;margin-top: 110px;left: 50%;margin-left: -223px;z-index: 33!important;}
.pro4>img:nth-child(1){position: absolute;top: 50%;margin-top: -130px;left: 50%;margin-left: -175px; z-index: 33;}
.pro4>img:nth-child(2){position: absolute;top: 50%;margin-top: 8px;left: 50%;margin-left: -350px;z-index: 22;}
.pro4>img:nth-child(3){position: absolute;top: 50%;margin-top: -300px;left: 50%;margin-left: -350px;z-index: 22;}
.pro5>img:nth-child(1){position: absolute;top: 50%;margin-top: -155px;left: 50%;margin-left: -175px;z-index: 33;}
.pro5>img:nth-child(2){position: absolute;top: 50%;margin-top: -250px;left: 50%;margin-left: -350px;z-index: 22;}
.pro5>img:nth-child(3){position: absolute;top: 50%;margin-top: 35px;left: 50%;margin-left: 120px;z-index: 22;}
.pro6>img:nth-child(1){position: absolute;top: 50%;margin-top: -155px;left: 50%;margin-left: -175px;z-index:22;}
.pro6>*:nth-child(2){z-index: 33;position: relative;}
.pro6>*:nth-child(2) img{position: absolute;margin-top: 35px;left: 50%;margin-left: -267px;z-index: 33;}

.contact{ padding-top:120px; padding-bottom: 60px;}
.contact .left{ width: 445px; float: left;}
.contact .left p{font-size: 20px; color: #333; line-height: 40px; padding:60px 0 40px 100px;}
.contact .left p span{font-family:tonjay;}
.contact .right{ width: 755px; float: left; box-sizing: border-box; padding-left: 200px;}
.contact .left img{ margin-bottom: 10px; margin-right: 10px;}
.contact .left img:first-child{border-radius: 50%; display: block; width: 445px; height: 445px; margin: 30px 0;}
.contact .right strong:first-child{ font-size: 60px; color: black; font-family: tonjay;}
.contact .right p:nth-child(2){ font-size: 20px; color: black; font-weight: bold;}
.contact .right form{ display: block; width: 100%; box-sizing: border-box;}
.contact .right form p{ font-size: 16px; color: #000; line-height:40px;  padding: 30px 0;}
.contact .right form label{ display: block; width: 60px; float: left; line-height: 40px; height: 40px;font-size: 16px; font-weight: bold;}
.contact .right form input,.contact .right form textarea{ display: block; width:calc( 100% - 60px) ; float: left; box-sizing: border-box;line-height: 40px; min-height: 40px; padding: 20px; font-size: 16px; margin-bottom: 40px; border-radius: 10px; border:1px solid #333}
.contact .right form input{ padding: 0 20px;}
.contact .right form textarea{height: 200px; padding:0 20px ;}

.contact .right form button.last{ display: block; width: 400px; height: 50px; background-color: #000; color: #fff; font-size: 20px; border: 0;line-height: 50px; border-radius: 20px; position: relative; left: 50%; margin-left: -200px; cursor: pointer;}
.contact .right form button.last:hover{background-color: #FFB61A;}
.contact .cjbin{overflow: hidden;}
.contact .foline{ text-align:right; border-top: 1px solid #333; margin-top: 40px; line-height:60px;}


.layui-layer-dialog{ border-radius: 20px!important;}
.layui-layer-dialog h3{ font-size: 20px; color: #b0866e; text-align: center; line-height: 40px; padding:10px 0;}
.layui-layer-dialog p{ font-size:15px; line-height: 32px; padding: 0 40px; color: #000;}
.fixsm p:last-child{ text-align: right;}
.fixsm p:nth-last-child(2){text-align: right;}
.layui-layer-btn .layui-layer-btn0{ bottom: 40px; position: absolute; width: 160px; height: 50px; line-height: 50px; left: 50%; margin-left: -80px; border-radius: 20px; text-align: center; font-size: 20px;background-color: #b0866e!important; border: 0;}
.s_address{ position: relative;}
.box-store_add {-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;}
.store_add{ height: 600px; overflow: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; margin-top: 40px; margin-bottom: 40px;}
.store_add:after{content: ''; display: block; width: 1px; height: 600px; background-color: #eee;  position:absolute;left: 50%; top: 140px;}
.store_add dl{ display: block;  padding:0 40px ; box-sizing: border-box; position: relative;}
.store_add dl::after{content: ''; display: block; width: 100%; height: 2px; background: #FFB61A; position: relative; bottom: -40px;}
.store_add dt{ font-size: 18px; font-weight: bold; color: #FFB61A; line-height: 40px;}
.store_add dd{ font-size: 14px; line-height:40px; background: #f8f8f8; height: 40px; overflow: hidden; padding: 0 15px; margin-top: 10px; border-radius: 15px; position: relative;}
.store_add dd span{ display: inline-block; width: 20px; height: 20px; background: #FFB61A; line-height: 20px;text-align: center; border-radius: 50%; margin-right: 10px; color: #fff;}
.store_add dd:hover{background: #FFB61A;}
.store_add dd:hover span{ background-color: white; color: #FFB61A;}
.store_add::-webkit-scrollbar {width: 12px;background:#f8f8f8;border-radius:6px; }
.store_add::-webkit-scrollbar-thumb {border-radius:6px;height: 100px;background: #FFB61A;}


/*  */
.index_new{  border-top: 1px solid #ccc; padding-bottom:60px;}
.index_new .title p{font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 60px; padding-top:60px;}
.index_new .top_new{ box-sizing: border-box; padding-left: 30px; overflow: hidden;}
.index_new .top_new a{ display: block; width:370px; float: left; margin-bottom: 30px;}
.index_new .top_new a:nth-last-child(2){ margin: 0 30px;}
.index_new .top_new a:nth-last-child(5){ margin: 0 30px;}
.index_new .top_new img,.index_new .top_new div{ width:370px; height: 189px; display: block; transition: all 0.5s; overflow: hidden;}
.index_new .top_new a:hover img{transform: scale(1.1,1.1);}
.index_new .top_new p{ font-size: 16px;line-height: 50px; background:#f8f8f8 ; box-sizing: border-box; padding: 0 20px; display: block; height: 50px; overflow: hidden;;}
.index_new .more{display: block; width: 370px; height:50px; margin: 0 auto; background-color: #f8f8f8; font-size: 16px; text-align: center; line-height: 50px; border-radius: 20px; border: 1px solid #ccc;} 


/*  */
.foot{ background-color: #4c4c4c; height: 320px;}
.foot .cjbin{ box-sizing: border-box; padding:40px 20px;}
.foot .cjbin p{ color: white;}
.foot .left{ width: 380px; float: left; position: relative; box-sizing: border-box; padding-top: 130px;}
.foot .left img{ position: absolute; top: 0;}
.foot .left strong{ display: block; font-family: tonjay; font-size: 40px;}
.foot .left dl{ position: absolute;top:60px; line-height: 20px;}
.foot .left dt{ color: #999;}
.foot .left dd{ display: inline-block; padding-right: 5px;}
.foot .left dd a { color: #777; font-size: 12px;}
.foot .right{ width: 780px; float: left;}
.foot .right .layui-breadcrumb a{ color: white!important; margin-left: 20px;}
.foot .right ul li{ float: left; display: block; width: 170px; margin:30px 20px 0 0; text-align: center;}
.foot .right ul li p{ line-height:50px;}
.foot .right ul li:last-child p{ line-height: 30px; padding-top: 30px;}

.ok{text-align: center;}
.ok p{ font-size: 60px; font-weight: bold; color: #ae846c; padding: 20px 0; }
.ok span{ font-size:20px; color: #ae846c; }
.layui-layer-btn a{ box-sizing: border-box;}


/*产品加图 */
.ct img{ margin: 150px auto 0; display: block;}



.video li{display:block;width:50%;float:left;box-sizing:border-box;padding:40px 40px 0;position:relative;}
.video li p{font-size:20px;line-height:60px;text-align:center;}
.video li video{width:520px;height:290px;}
.video li .yourDiv{width:520px;height:290px;background-color:rgba(0,0,0,.5);position:absolute;z-index:2;top:40px;text-align:center;box-sizing:border-box;padding:95px 0;}
.video li .yourDiv img{cursor:pointer;}
.video li .yourDiv.layui-this{display:none;}



/* fixright */
.fixright{width: 130px; position: fixed; right: 0; height: 220px; top: 50% ; margin-top:-110px; z-index: 99; }
.fixright a{ display: block; height: 50px; margin-top:10px; text-align: center; background-color: #fff6eb; line-height: 50px; border-radius: 25px; }
.fixright a:last-child::before{ content: url(../images/fhdb.png); position: relative; top: 5px; padding-right: 5px;}
.fixright a:nth-last-child(2)::before{ content: url(../images/gwmly2.gif); position: relative; top: 5px; padding-right: 5px;}
.fixright a:hover{ background-color:#FFB61A; color: #000;}



/* pros */
.pros{ position: relative;}
.pros::after{ position: absolute; width: 100%; height: 100px; background-color: #f8f8f8; bottom: 50%; content:''; margin-bottom: 0;}
.pros .swiper-slide img{transform: scale(0.7,0.7); transition: all 0.5s;}
.pros .swiper-slide.swiper-slide-active img{transform: scale(1,1);}
.pros img{ border-radius: 50%; border:1px solid #ccc ; margin: 0 auto; display: block;}
.pros p{ text-align: center;line-height: 80px; margin-bottom: 20px;}


/* .layui-timeline-axis */
.history .layui-timeline-axis{color: #FFB61A;}
.history .layui-text h3{font-size: 22px; font-weight: bold; font-family: tonjay;}
.history .layui-text p{font-size: 16px; display: inline-block;background-color: white; padding: 10px 15px; border: 1px solid #eee; border-radius: 20px;} 


/* address */
.address{ box-sizing: border-box; padding: 40px 30px 0;line-height: 30px;}
.address p{display: inline-block; font-family: tonjay; color: #999;}
.address .layui-breadcrumb a:hover{ color: #FFB61A!important;}
.address .cjbin>a{ float: right; display:block; padding:0 15px; background-color: #fff; border-radius: 10px; border: 1px solid #eee; line-height: 33px;}
.address .cjbin>a:hover{background-color: #FFB61A; color: white; border-color: #FFB61A;}


/* gonggao */
.gonggao{ width: 650px; height:500px; position:fixed; top:50%; left: 50%; margin-left: -325px; margin-top: -200px; background-color: white; z-index: 99; box-sizing: border-box;padding:0 30px 30px; display: none;}
.gonggao p{font-size: 15px; line-height: 24px;}
.gonggao p strong{text-align: center; display: block; color:orangered; font-size: 18px;line-height: 50px; padding-top: 10px;}
.gonggao p span{float: right;}
.gonggao .close{ width: 40px; height: 40px; cursor: pointer; position: absolute; right: 0; top:0; background-color: #eee;}
.gonggao .close span{display: block; width: 20px; height: 1px; background: #333; border-radius: 1.5px;transform:rotate(45deg); position:absolute; top: 20px; left: 10px;}
.gonggao .close span:last-child{display: block; width: 20px; height: 1px; background: #333; border-radius: 1.5px;transform:rotate(-45deg);}
.gonggao button{ border:0; padding: 10px 20px; position: relative;top: 5px; cursor: pointer;background-color: #eee;}
.gonggao button:hover,.gonggao .close:hover{background-color: #FFB61A;}

.zzbox{height: 100vh; background: rgba(0,0,0,.5); position: fixed; z-index: 999; overflow: hidden; top: 0; display:none}


#pages{text-align:center;padding-bottom:20px}
#pages a{font-size:16px;padding:12px 12px;color:#0c0c0c;margin:0 2px;text-align:center;background:#e6e6e6;color:#333;display:inline-block;}
#pages span{font-size:16px;display:inline-block;padding:12px 12px}
#pages a.active{text-align:center;background:#FFB61A;color:#fff;display:inline-block}
#pages a:hover{background:#FFB61A}
#pages a:hover a{color:#fff}


.t200{padding-top: 150px;}
.show_l{width:20%; float: left; box-sizing: border-box; padding-right: 20px; padding-top: 160px;}
.show_r{width: 80%;float: left;}
.show_l li{display: block; width: 100%; height: 50px; background: #f8f8f8; text-align: center; line-height: 50px; border-bottom: 1px solid #eee; font-size: 16px;}
.show_l li.active{background-color: #FFB61A; color: white;}
.show_l li.active a{color: white;}

.new_show.black .show_l{ position: fixed; top: 0; margin-top: 150px; width: 240px;}
.new_show.black .show_r{  margin-left: 20%;}

.sxpage{padding: 60px 0; margin-top: 20px; border-top: 1px solid #eee;font-size: 15px;line-height: 60px; text-indent: 2em;}
.sxpage li{background: #f8f8f8;  border-bottom: 1px solid #eee; overflow: hidden;}
.sxpage li>*{display: block;}
.sxpage li>*:first-child{width: 220px;float: left; text-align: center; background-color: #f2f2f2;}
.sxpage li>*:last-child{width:calc(100% - 220px);float: left;}

.layui-form  input.tel{width: 320px!important; border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.layui-form  a.code{width: 140px!important; display: block; height: 42px; float: left; margin-bottom: 40px; background:black; color: white; border-top-right-radius:10px; border-bottom-right-radius:10px; text-align: center; line-height: 42px; cursor: pointer; font-size: 20px;}