/* ========== 单页 start ========== */
.intro_box {width:45%; margin:8% auto 0 auto;}
.a_title {margin-bottom:20px; clear: both; font-size: 48px; font-weight:bold; color: #FFF; text-align: center; text-shadow: 0px 0px 6px #333;}
.a_desc {font-size: 18px; color: #FFF; text-align: center;}
.a_content {padding:40px 50px; font-size: 16px; line-height:28px; color: #FFF; background: rgba(0, 0, 0, 0.6);}
.a_content p {margin:16px 0;}
.a_content img {max-width: 100%;}

.intro_video {width:45%; margin:8% auto auto auto;}

.s-content {display:flex; flex-wrap:wrap; background-color: rgba(55, 55, 55, 0.55);}
.s-content>div {width:50%; box-sizing: border-box;}
.s-content p {margin:16px 0;}
.s-img {height:30%; line-height:0;}
.s-img>img {width:100%;}
.s-text {color: #d7b36e; text-align: left; padding: 0 10rem 0 5rem; display: flex; flex-direction: column; justify-content: center;}
.s-text .desc {padding-bottom: 2.5rem; margin-bottom: 0; border-bottom: 1px solid; line-height:25px;}
.s-text h2 {font-size:23px; font-weight:bold;}

/* 公共样式-标题 */
.title_h1 {display:block; position:relative; margin:0 auto; font-size:36px; color:#d7b36e; font-weight:500; width:190px; height:76px; text-align:center; line-height:76px;}
.title_h1:after {content:""; position:absolute; left:0px; top:0px; width:36px; height:36px; background:url(../image/t1.png) no-repeat; background-size:cover}
.title_h1:before {content:""; position:absolute; right:0; bottom:0px; width:36px; height:36px; background:url(../image/t2.png) no-repeat; background-size:cover}

/* 单页 */
.desc-box {padding:20px 40px; font-size: 18px; line-height:32px; color: #d7b36e; background: rgba(33, 33, 33, 0.55);}

.full-page {width:100%; height:100%; overflow: hidden;}
.full-page .con-box {padding:80px 0;}
.full-page .content1,.full-page .content2 {margin:0 auto; font-size: 18px; line-height: 25px;}
.full-page .content1 p,.full-page .content2 p {margin:1.2rem 0;}
.full-page .content1 a,.full-page .content2 a {color: #d7b36e;}
.full-page .content1 {width:60%;}
.full-page .content2 {width:100%;}
.full-page .content2 img {max-width:100%;}
.full-page .title_h1 {margin-bottom: 30px;}

.full-page .photo {text-align: center;}
.full-page .photo img {max-width:700px;}

.join-banner1 {width:100%; height:800px; background: url(../picture/join_banner1.jpg) no-repeat center center; backgroud-size:100%;}
.join-banner2 {width:100%; height:280px; background: url(../picture/join_banner2.jpg) no-repeat center center; backgroud-size:100%; text-align: center;}
.join-banner2 p {line-height:280px; font-size: 35px; font-weight:bold;}

.contact-box {display:flex; flex-wrap:wrap; background-color: rgba(55, 55, 55, 0.55);}
.contact-box>div {box-sizing: border-box;}
.contact-box .photo {width:45%; display: flex;}
.contact-box .photo>img {width:100%;}
.contact-box .text {width:55%; padding: 2rem 0px 0px 6rem; display: flex; flex-direction: column; justify-content: center;}
.contact-box .text h2 {font-size:36px; font-weight:500; color:#d7b36e; margin-bottom:20px;}

.history-box {display:flex; flex-wrap:wrap; padding: 3rem 0px;;}
.history-box>div {width:50%; box-sizing: border-box;}
.history-box .info {font-size: 16px; line-height: 25px;}
.history-box .info p {margin:16px 0;}
.history-box .info img {width:100%;}
.history-box .list {padding-left:5rem;}

.history { margin-top: 1rem;}
.history-item{display:flex; padding-top:5rem;}
.history-item-date { width: 20%; color: #d7b36e; font-size: 15px;  font-weight: bold; line-height:20px; position:relative; text-align:right; padding-right:60px;}
.history-item-con {width:80%; font-size: 16px; line-height:20px; position:relative; }
.history-item-con::before, .history-item-con::after {
    content: "";
    width: 1px;
    position: absolute;
    left: -30px;
    background: #CCCCCC;
}
.history-item-con::before {height:5rem; bottom:calc(100% + 1px);}
.history-item-con::after {height: calc(100% - 15px);bottom:0;}
.history-item-date::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #CCCCCC;
    right: 26px;
    border-radius: 50%;
    top: 3px;
}
.js-viewport-children > * {
    opacity: 0;
    transform: translate3d(0,100px,0);
    transition: transform 1.2s cubic-bezier(.14,1,.34,1),opacity .4s cubic-bezier(.215,.61,.355,1);
}
.js-viewport-children.viewed>* {
    opacity: 1;
    transform: translateZ(0);
}

/* ========== 留言板 start ========== */
.gbook-box {display:flex; flex-wrap:wrap; background-color: rgba(55, 55, 55, 0.55);}
.gbook-banner {width:100%; height:280px; background: url(../picture/gbook_banner.jpg) no-repeat center center; backgroud-size:100%; text-align: center;}

.gbook-box {display:flex; flex-wrap:wrap; background-color: rgba(55, 55, 55, 0.55);}
.gbook-box>div {box-sizing: border-box;}
.gbook-box .gb_left {width:55%; padding:2rem;}
.gbook-box .gb_right {width:45%; margin:2rem 0; padding: 2rem 0px 0px 4rem; border-left: 1px solid #666666;}
.gbook-box .gb_right h2 {font-size:36px; font-weight:500; color:#d7b36e; margin-bottom:20px;}

.gbook-box .gb_left .info_item {margin-bottom:20px; padding-bottom:20px; border-bottom: 1px dotted #666666;}
.gbook-box .gb_left .info_item .info_box {margin:0px;}
.gbook-box .gb_left .info_item .info_box h5 {margin-bottom:5px; padding-left:25px; font-size: 15px; font-weight:normal; color: #d7b36e; background: url(../image/ico_user.png) no-repeat; background-size:contain;}
.gbook-box .gb_left .info_item .info_box span {padding-left:25px; font-size: 13px; color: #999999; display:block; margin:5px 0;}
.gbook-box .gb_left .info_item .info_box p {font-size: 15px; line-height:150%;}

.gbook-box .gb_left .info_item .re_box {margin-top:20px;}
.gbook-box .gb_left .info_item .re_box h5 {margin-bottom:5px; padding-left:25px; font-size: 14px; color: #fff; background: url(../image/ico_cs.png) no-repeat; background-size:contain;}
.gbook-box .gb_left .info_item .re_box p {font-size: 14px; line-height:150%; color: #CC9966;}

.gbook-box .gb_right .form-group {margin-bottom: 1rem;}
.gbook-box .gb_right label {display: inline-block; margin-bottom: 0.5rem;}
.gbook-box .gb_right .form-control {
    display: block;
    width: 80%;
    padding: 9px 7px;
    background-color: #fff;
    border: 1px solid #FFF;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.gbook-box .gb_right .form-text {
    display: block;
    width: 80%;
    height: 100px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #FFF;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.gbook-box .gb_right .btn {
    color: #fff;
    background-color: #d7b36e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border:none;
    border-radius: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gbook-box .gb_right .btn:hover {background-color: #CC9966;}

.gbook-box .gb_right .row {display:flex;}
.gbook-box .gb_right .row .col-2 {width:50%;}

/* ========== 留言板 end ========== */

/* ========== 文章 start ========== */
.news-box {width:100%; overflow: hidden; background: url(../image/section4.png) no-repeat; background-size:100% 100%; background-attachment:fixed;}

/*  文章展示 start  */
.article_show {padding: 70px 80px; background-color: rgba(55, 55, 55, 0.55);}
.article_show .title_head {clear: both; font-size: 36px; line-height: 50px;  color: #d7b36e; text-align: center; position: relative;}

.article_show .time_line {display: block; clear: both; color: #cecece; font-size: 1rem; margin:30px auto 40px auto; padding: 5px 0; border-bottom: 1px solid #cecece; overflow: hidden; }
.article_show .time_line a {color: #cecece;}
.article_show .datetime {float: right;}
.article_show .datetime span {margin-left: 30px; font-size: 16px; vertical-align: middle;background-position: left center;background-repeat: no-repeat;}
.article_show .datetime span.time {background-image: url(../image/timeIcon.png); padding-left: 20px;}
.article_show .datetime span.visits {background-image: url(../image/seeIcon.png); padding-left: 20px;}

.article_content {
    font-size: 16px;
    height: auto !important;
    padding: 15px 0px !important;
    line-height: 31px;
    color: #FFF;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    }
.article_content p {padding: 10px 0 !important;}
.article_content img {max-width:95%;}

/*  上一篇/下一篇 start  */
.pageUp {display: block;color: #999999; font-size: 16px;overflow: hidden;}
.articlePageBox{line-height: 70px;height: 70px;float: left;display: inline;width: 44%;background-color: #363636;padding: 0 30px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.backList{float: left;display: inline;width: 12%;line-height: 70px;height: 70px;}
.backList a{margin: 0 20px;display: block;height: 70px;background-color: #c9a273;background-position: center;background-repeat: no-repeat; background-image: url(../image/backListIcon.png);}
.backList a:hover{background-color: #d7b36e;}
.pageUp a {font-size: 16px;color: #999999;}
.articlePageBox:hover,.pageUp a:hover {color: #d7b36e;}
/* ========== 文章 end ========== */

/* ========== 产品 start ========== */
.pro-box {width:100%; overflow: hidden; background: url(../image/section3.png) no-repeat; background-size:100% 100%; background-attachment:fixed;}

.pro-desc {margin:80px auto; text-align: center; font-size: 1rem; line-height:40px; color: #EEEEEE; background: url(../image/section2RLine.png) no-repeat bottom;}
.pro-desc p {margin:1rem 0;}
.pro-desc .ct {font-size: 1.5rem; font-weight:600; letter-spacing:15px; margin:1.8rem 0;}

.pro-item {display:flex; flex-wrap:wrap; background-color: rgba(33, 33, 33, 0.35); align-items: center;}
.pro-item>div {max-height:400px; box-sizing: border-box;}
.pro-item .pro-ico img {max-height:400px;}
.pro-item .pro-intro {padding:0 40px; line-height:3rem;}
.pro-item .pro-intro h1 {font-size: 2.5rem; font-weight:normal; color: #d7b36e;}
.pro-item .liner { width: 5rem; border-bottom: 3px solid; margin: 1.5rem 0; color: #d7b36e;}
.pro-item .pro-intro p {font-size: 1rem;}

.pro-item .pi {color: #ff6600; padding-right:5px;}
.pro-item .pn {font-size: 2rem; color: #ff6600;}

.buyBtn a {
	font-size: 16px;
	color: #d7b36e;
	display: block;
	width: 150px;
	height: 52px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	color:#FFFFFF;
	background: linear-gradient(90deg, rgb(255, 119, 0), rgb(255, 73, 0));
}
.buyBtn span {background: url(../image/nextPageh.png)no-repeat right center;padding-right: 25px;}
.buyBtn a:hover {border-color: #d7b36e; background: #d7b36e; color: #ffffff;}

.pro_content {clear: both; padding: 50px; background-color: rgba(33, 33, 33, 0.55);}

/* ========== 产品 end ========== */

/* 图文列表1 start */
.imgText1{overflow: hidden;margin:0 -15px;}
.imgText1 dd{width: 33.3333%;float: left;display: inline;margin-bottom: 30px;}
.imgText1 dd .con{display: block; margin:0 15px; background-color: rgba(66,66,66,.3);}
.imgText1 dd .con .pic::before{padding-top: 66.6%;}
.imgText1 dd .con .pic .newPic{position: absolute !important;left: 0;top: 0;}
.imgText1 dd .con .textC{padding: 20px;transition: all 0.4s;-webkit-transition: all 0.4s;}
.imgText1 dd .con .textC .title{height: 50px; font-size: 20px; color: #FFFFFF;}
.imgText1 dd .con .textC .time{color: #CCCCCC; line-height: 45px; font-size: 16x;}
.imgText1 dd .con .textC .time span{float: right; font-size: 14px!important; color: #c9a273; padding-right: 25px; background-image: url(../image/section5dlbtnicon.png);background-position: right center;background-repeat: no-repeat;}
/* 图文列表1 end */

/* 分页条 start */
.pagebar .pagination { display: flex; justify-content: center; margin: 20px auto;}
.pagination a { background: #fff; color: #333; font-size: 14px; padding: 10px 15px; margin: 0 3px; border-radius: 3px;}
.pagination a:hover { color: #FFFFFF; background: #d7b36e;}
.pagination a.page-num-current { color: #fff; background: #d7b36e; border: 1px solid #d7b36e;}
.page_tips {clear: both; width:90%; margin:0 auto; padding:5%; text-align: center; font-size: 18px; color: #AAAAAA;}

.pagination_lite a { background: #fff; color: #333; font-size: 14px; padding: 4px 10px; margin: 0 3px; border-radius: 3px;}
.pagination_lite a:hover { color: #FFFFFF; background: #d7b36e;}
.pagination_lite a.page-num-current { color: #fff; background: #d7b36e; border: 1px solid #d7b36e;}

/* 公用表单 start */
.input{ border: 1px solid #ddd; padding:0 10px}
.input input{ border: none; background: none; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #333;}
.textarea{ border: 1px solid #ddd; padding:5px 10px}
.textarea textarea{ border: none; background: none; width: 100%; height: 120px; line-height: 25px; font-size: 14px; color: #333;}
a.formBtn{ display: inline-block; height: 40px; line-height: 40px; border: 1px solid #ddd; background: #FFF; border-radius: 3px; font-size: 14px; color: #333; padding:0 30px; margin: 0 5px;}
a.formBtn:hover{ opacity: .9;}

.formYzm .input{ width: 50%; float: left; display: inline;}
.formYzm .yzmImg{ width: 118px; height: 38px; border: 1px solid #ddd; background: #ddd; float: left; display: inline; margin-left: 20px;}
.formYzm .yzmImg img{ display: block; width: 100%; height: 100%;}

.formSubBtn{ font-size: 0; text-align: left; margin: 0 -5px;}
.formSubBtn a{ padding:0 40px; border-radius: 5px;}
.formSubBtn a.submit{ background: #1e5ab0; color: #FFF;}
.formSubBtn a.reset{ background: #ddd; color: #8b8b8b;}
/*  公用表单 end  */


/* 产品详情 start */
.productViewL{float: left;display: inline;width: 780px;}
.productViewR{overflow: hidden;padding-top: 80px;padding-right: 30px;}
.productImgDl{padding: 50px 40px;position: relative;}
.productImgDl .slickCon .pic::before{padding-top: 100%;}
.productImgDl .bd .slick-arrow{display: block;width: 45px;height: 55px;background-color: rgba(0, 0, 0, 0.2);background-position: center;background-repeat: no-repeat; cursor: pointer;position: absolute;top: 50%;margin-top: -27px;}
.productImgDl .bd .slick-arrow.prev{left: 30px;background-image: url(../image/indexBannerPrev.png);}
.productImgDl .bd .slick-arrow.next{right: 30px;background-image: url(../image/indexBannerNext.png);}
.productImgDl .bd .slick-arrow:hover{background-color:#c9a273;}
.productViewR .title{font-size: 36px;line-height: 55px;color: #333333;margin-bottom: 20px;}
.productViewR .proDNewText{margin-bottom: 35px;}
.productViewR .proDNewText span{display: block;border-bottom: 1px solid #f0f0f0;height: 55px;line-height: 55px;width: 320px;font-size: 16px;color: #666666;}
.productViewR .proDNewText span em{font-style: normal;font-size: 24px;color: #cc0110;}
.productViewR .proDNewText span i{font-size: 24px;color: #cc0110;font-style: normal;}
.productViewR .info{font-size: 16px;color: #666666;line-height: 40px;height: 340px;padding-right: 20px;}
/* 产品详情 end */