.container { position: relative; width: 1200px; margin: 0 auto; }

#header { height: 112px; background-color: #fff; }
.logo { position: absolute; top: 10px; left: -13px; }
/*layui-nav*/
.layui-nav { position: absolute; top: 50px; right: 0; background-color: transparent; padding: 0; }
.layui-nav .layui-nav-item { line-height: 39px; }
.layui-nav .layui-nav-item a { padding: 0 16px; color: #666; }
.layui-nav .layui-this { background: #ca9919 url('../images/nav_item_bg.png') no-repeat center top; }
.layui-nav .layui-nav-item>a:hover { color: #ca9919; }
.layui-nav .layui-this>a { color: #fff; }
.layui-nav .layui-this>a:hover { color:#fff; }
.layui-nav .layui-nav-more { display: none; }
.layui-nav-bar,
.layui-nav .layui-this:after { height: 0; }
.layui-nav-child { top: 39px; }
.layui-nav .layui-nav-item .layui-nav-child a { font-size: 14px; }

/* 头部user */
.user-info { position: absolute; top: 15px; right: 20px; }
.user-login { position: relative; padding-right: 30px; }
.user-name, .user-name a { color: #f48c02; margin-right: 10px; }

/* about */
.about { padding: 120px 0 100px; }
.about-info { float: left; width: 500px; }
.about-tit { color: #333439; font-size: 36px; }
.about-desc { color: #666; line-height: 30px; margin-top: 40px; }
a.about-more { display: block; width: 180px; line-height: 50px; text-align: center; color: #fff; background-color: #ca9919; margin-top: 50px; }
.about-img { float: right; width: 590px; }

/* products */
.products { padding: 50px 0 70px; background-color: #f5f5f5; }
.product-tit { text-align: center; }
.product-tit p.title { font-size: 24px; color: #222; margin-bottom: 12px; }
.product-con { margin-top: 30px; }
#products-list { height: 285px; }
.swiper-slide { position: relative; }
.product-item .product-thumb { width: 380px; }
.product-item .product-thumb img { width: 380px; }
.product-item .product-info { position: absolute; z-index: 99; left: 0; top: 0; width: 380px; height: 285px; background-color: rgba(0,0,0,.3); text-align: center; opacity: 0; transition: all .5s ease; }
.swiper-slide:hover .product-info { opacity: 1; }
.product-item .product-info p.title { font-size: 20px; color: #fff; margin-top: 110px; }
.product-item .product-info p.more { width: 145px; line-height: 39px; color: #fff; text-align: center; background: #ca9919 url('../images/nav_item_bg.png') no-repeat center top; margin: 10px auto 0; }
.swiper-button-prev, .swiper-button-next { position: absolute; z-index: 99; top: 50%; margin-top: -35px; width: 70px; height:70px; border-radius: 70px; background-image: none; background-color: #d9caab; text-align: center; outline: none; cursor: pointer; }
.swiper-button-prev { left: -110px; }
.swiper-button-next { right: -110px; }
.swiper-button-prev i.layui-icon, .swiper-button-next i.layui-icon { font-size: 28px; color:#fff; line-height: 70px; font-weight: 700; }

/* process */
.process { padding: 50px 0; }
.process-tit { text-align: center; }
.process-tit p.title { font-size: 24px; color: #222; margin-bottom: 12px; }
.process-con { margin-top: 55px; }
.process-list { width: 1250px; }
.process-list li { position: relative; float: left; width: 106.25px; margin-right: 50px; text-align: center; }
.process-list li:before { content: ""; position: absolute; z-index: 99; top: 33px; left: -28px; display: block; width: 6px; height: 11px; background: url('../images/icon.png') no-repeat center top; }
.process-list li:first-child:before { background: none; }
.process-list p { padding-top: 20px; color: #666; }
.process-contact { text-align: center; margin-top: 55px; }
.process-contact i.layui-icon { display: inline-block; font-size: 50px; color: #dadada; margin-right: 10px; }
.process-contact p.hotline { display: inline-block; text-align: left; color:#666; margin-right: 30px; }
.process-contact p.hotline span { font-size: 28px; font-family: Arial; color: #000; }
.process-contact p.consult { display: inline-block; text-align: left; vertical-align: top; padding: 5px 10px; color:#fff; line-height: 18px; background-color: #ca9919; }

/* case */
.case { padding: 50px 0 70px; background-color: #f5f5f5; }
.case-tit { text-align: center; }
.case-tit p.title { font-size: 24px; color: #222; margin-bottom: 12px; }
.case-con { margin-top: 35px; }
#case-list { height: 290px; }
.case-item { width: 250px!important; padding: 15px 15px 20px; background-color:#fff; margin-right: 20px; }
.case-item img { width: 250px; }
.case-item p.title { position: relative; color: #333; padding: 20px 0; }
.case-item p.title:before { content: ""; position: absolute; z-index: 99; bottom: 0; left: 0; display: block; width: 10px; height: 1px; background-color: #666; }

/* news */
.news { position: relative; width: 100%; padding: 55px 0; }
.news:before { content: ""; position: absolute; z-index: 0; top: 95px; left: 0; display: block; width: 100%; height: 1px; background-color: #f3f3f3;}
.news-img { float: left; width: 324px; }
.news-img img { width: 100%; height: auto; }
.news-con { float: right; width: 820px; }
.news-tit a.more { position: relative; float: right; padding: 0 15px; margin-top: 8px; }
.news-tit a.more:before { content: ""; position: absolute; z-index: 1; top: 1px; left: 0; display: block; width: 13px; height: 18px; border: 1px solid #cbcbcb; border-right: none; }
.news-tit a.more:after { content: ""; position: absolute; z-index: 1; top: 1px; right: 0; display: block; width: 13px; height: 18px; border: 1px solid #cbcbcb; border-left: none; }
.news-tit span { position: relative; display: inline-block; font-size: 22px; color: #ca9919; line-height: 40px; }
.news-tit span:before { content: ""; position: absolute; z-index: 1; bottom: -1px; left: 0; display: block; width: 100%; height: 2px; background-color: #ca9919; }
.inews-item { margin-top: 40px; }
.inews-item .date { float: left; width: 80px; text-align: center; }
.inews-item .date p.day { font-family: Arial; font-size: 54px; color: #666; }
.inews-item .date p.year-m { font-family: Arial; font-size: 20px; color: #666; }
.inews-item .inews-item-info { float: right; width: 720px; }
.inews-item .inews-item-info p.title { font-size: 16px; color: #333; line-height: 36px; }
.inews-item .inews-item-info p.description { color: #666; line-height: 24px; }

/* page */
#page-banner { height: 300px; background-position: center; background-repeat: no-repeat; }

.page-content{ margin-bottom: 50px; }
.page-breadcrumb { line-height: 30px; border-bottom: 1px solid #f5f5f5; padding: 15px 0 10px }
.sider-menu { float: left; width: 200px; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.05); border-radius: 2px; margin-top: 30px; }
.sider-menu-title { line-height: 50px; padding: 0 20px; background-color: #ca9919; color: #fff; font-size: 16px; font-weight: 700; border-radius: 2px; }
.sider-menu>ul { padding: 5px 15px 15px; border: 1px solid #eee; border-top: none; }
.sider-menu li { line-height: 40px; padding-left: 16px; border-bottom: 1px solid rgba(0,0,0,.08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.sider-menu li:last-child { border-bottom: none; }
.sider-menu li a { position: relative; display: block; color: #666; transition: all 0.3s ease-out 0s; }
.sider-menu>ul>li>a::before { content: ''; position: absolute; left: -16px; top: 14px; width: 3px; height: 12px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.sider-menu>ul>li:hover,
.sider-menu>ul>li.active { padding-left: 25px; }
.sider-menu li:hover>a,
.sider-menu li.active>a { color: #ca9919; }
.sider-menu li:hover>a::before,
.sider-menu li.active>a::before { background-color: #ca9919; }
.sider-menu li ul { padding-bottom: 10px; display: none; }
.sider-menu li.active>ul { display: block; }
.sider-menu li ul li { border: 0; line-height: 30px; padding-left: 10px; }
.breadcrumb { float: right; }
.breadcrumb a:hover { color :#ca9919!important; }

.page-info { float: right; width: 960px; line-height: 30px; margin-top: 30px; }

/* newslist */
.news-list { width: 100%; }
.news-item { position: relative; padding: 40px 20px 36px 38px; border-top: 1px solid #e5e5e5; }
.news-item:hover { box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.news-item .news-info { float: left; }
.news-item .news-info p.title { width: 600px; font-size: 15px; color: #666; line-height: 30px; padding-left: 26px; transform: translateX(-27px); transition: all .36s ease; }
.news-item .news-info p.date { font-size: 14px; color: #999; font-family: Arial; line-height: 30px; transition: all .36s ease; }
.news-item .news-info p.description { width: 600px; height: 52px; overflow: hidden; margin-top: 10px; font-size: 13px; color: #999; line-height: 26px; transition: all .36s ease; }
.news-item .news-thumb { float: right; width: 220px; }
.news-item .news-thumb img { width: 100%; height: auto; }
.news-item:hover .news-info p.title { color:#ca9919; transform:translateX(-17px) }
.news-item:hover .news-info p.date { transform:translateX(10px) }
.news-item:hover .news-info p.description { transform:translateX(10px) }
.news-item:hover a.details:before { left: 30px; opacity: 0; }
.news-item:hover a.details:after { left: 15px; opacity: 1; }

/* imglist */
.img-list { margin: 0 -30px 0 0; }
.img-item { position: relative; float: left; width: 300px; background-color: #fff; margin-right: 30px; margin-bottom: 30px; transition: all .36s ease-out; }
.img-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #ca9919; opacity: 0; transition: all .36s ease-out; }
.img-item .img-item-thumb { position: relative; width: 300px; height: 225px; overflow: hidden; }
.img-item .img-item-thumb::after { content: '+'; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; text-align: center; opacity: 0 }
.img-item .img-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.img-item:hover .img-item-thumb img { transform: scale(1.1, 1.1); }
.img-item:hover .img-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.img-item .img-item-info { text-align: center; height: 60px; line-height: 60px; background-color: #ca9919; }
.img-item .img-item-info p.title { color: #fff; }
.img-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); }
.img-item:hover:after { width: 100%; opacity: 1; }

/* shownews */
.show-title { font-size: 18px; line-height: 30px; text-align: center; margin: 0; }
.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
.show-content { line-height: 30px; padding: 15px; }
.show-content img { max-width: 100%; }

/* showproduct */
.pro-content { float: left; width: 820px; line-height: 30px; }
.pro-info { float: right; width: 340px; }
.pro-info>p.title { font-size: 19px; color: #444; margin-bottom: 10px; }
.pro-info>p.description { font-size: 13px; color: #999; line-height: 28px; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.1); }
.re-pro-list { margin: 30px -5px 0; }
.re-pro-list li { float: left; width: 165px; height: 140px; margin: 0 5px 20px; }
.re-pro-list li img { width: 100%; }
.re-pro-list li p.title { font-size: 13px; color: #333; margin: 10px 0 5px; }
.re-pro-list li p.description { font-size: 12px; color: #b7b7b7; }

/* dyui-container */
.user-center { background-color: #F4F6F9; padding: 50px; min-height: 300px; _height: 300px; }
.dyui-container { width: 940px; margin: 0 auto; }

/*sider-user-menu*/
.sider-user-menu { float: left; width: 200px; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); border-radius: 2px; }
.sider-user-menu ul { padding: 5px 15px 15px; border: 1px solid #e1e1e1; border-top: none; }
.sider-user-menu li { line-height: 40px; padding-left: 12px; border-bottom: 1px solid rgba(0,0,0,.08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.sider-user-menu li:last-child { border-bottom: none; }
.sider-user-menu li a { display: block; color: #666; transition: all 0.3s ease-out 0s; }
.sider-user-menu ul li:hover { padding-left: 22px; }
.sider-user-menu li:hover a { color: #ca9919; }

/* user */
.user-right { float: right; width: 960px; }
.user-box { box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09); border-radius: 2px; background-color: #fff; width: 400px; padding: 60px 150px; margin: 0 auto; }
.info-box { float: right; box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.09); border-radius: 2px; background-color: #fff; width: 400px; padding: 60px 150px; }
.user-box .layui-form-item { margin-bottom: 24px; }
.input-icon { position: absolute; left: 1px; top: 1px; width: 38px; line-height: 36px; text-align: center; color: #c3c3c3; }
.input-icon + input { padding-left: 38px; }
.user-detail { margin-bottom: 15px; }
.user-expire-time { margin-bottom: 15px; color: #FF5722; }
.user-menu { margin-bottom: 14px; }

/*order*/
.ordercount { font-size: 16px; margin-bottom: 20px; }
.order-list { margin: 0 -30px 0 0; }
.order-item { float: left; width: 240px; padding: 30px; background-color: #fff; border-radius: 3px; box-shadow: 0 5px 30px rgba(0,0,0,.1); margin: 0 30px 30px 0; }
.order-item p { line-height: 24px; }
.order-item p span { font-family: Arial; }
.order-item p.address { height: 48px; overflow: hidden; }
.order-item .order-btn { margin-top: 15px; }

.order-info p { line-height: 24px; }
.order-info-rate p { line-height: 30px; text-indent: 1.8em; }
.order-info-rate p.orderno { text-indent: 2.8em; }
.order-info-rate p.address { margin-bottom: 10px; }
.dyui-jindu .layui-tab-title li.layui-this a { color: #f48c02; }
.dyui-jindu .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border-color: #f48c02; }
.dyui-jindu .layui-tab-content { margin-top: 20px; }
.dyui-jindu .layui-timeline-item { padding-bottom: 50px; }
.dyui-jindu .layui-timeline-item:last-child:before { display: none; }
.dyui-jindu .layui-timeline-item .layui-timeline-axis { color: #e1e1e1; }
.dyui-jindu .layui-timeline-item .layui-timeline-title { color: #aaa; }
.dyui-jindu .dyui-timeline-item .layui-timeline-axis { color: #f48c02; }
.dyui-jindu .dyui-timeline-item .layui-icon-ok-circle {position: absolute; left: -5px; top: 0; z-index: 10; width: 20px; height: 20px; line-height: 20px; background-color: #fff; font-size: 20px; color: #f48c02; text-align: center; cursor: pointer;}
.dyui-jindu .dyui-timeline-item .layui-timeline-title { color: #f48c02; }
.dyui-jindu .dyui-timeline-item .layui-timeline-title span { font-size: 14px; padding-left: 20px; }
.dyui-jindu .dyui-timeline-item .remark { color: #f48c02; }
.dyui-jindu .dyui-timeline-item .remark a { color: #1E9FFF; text-decoration: underline; }

ul.album-list { list-style: none; padding: 10px 0; }
ul.album-list li { float: left; width: 100px; height: 100px; margin: 0 10px 10px 0; list-style: none; }
ul.album-list li img { width: 100px; height: 100px; }

/* pagination */
.pagination { margin-top: 30px; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination li a,
.pagination li span { display: inline-block; line-height: 24px; padding: 3px 15px; background-color: #eee; border-radius: 3px; }
.pagination li a:hover { color: #ca9919; }
.pagination li.active span { background-color: #ca9919; color: #fff; }

.footer { background-color: #ca9919; }
.footer-info { padding: 20px 0; }
.foot-nav { float: left; }
.foot-nav ul { margin: 30px 0 15px; }
.foot-nav ul li { position: relative; display: inline-block; margin-right: 30px; }
.foot-nav ul li:before { content: ""; position: absolute; z-index: 1; top: 4px; left: -16px; display: block; width: 1px; height: 15px; background-color: #fff; }
.foot-nav ul li:first-child:before { width: 0; }
.foot-nav ul li a { color: #fff; }
.foot-nav .copyright { color: #fff; }
.foot-qrcode { float: right; }
.foot-qrcode-item { float: left; }
.foot-qrcode-mp { margin-right: 35px; }
.foot-qrcode-item img { width: 100px; height: 100px; }
.foot-qrcode-item p { text-align: center; line-height: 28px; color: #fff; }
.footer-copyright { text-align: center; }