@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0; letter-spacing: normal; outline: none;}
html, body { width: 100%; height: 100%; font-size:calc(100vw / 19.2); position: relative;}
body{color:#595757;	margin:0px auto; font-family: 'adobe-garamond-pro', sans-serif; font-size:0.16rem; background:#FFFFFF; }
.container { width: 18rem; padding-left: 0.3rem; padding-right: 0.3rem; font-size: 0.16rem;  margin-right: auto;  margin-left: auto;}
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0;vertical-align: middle; }
img[src=""]{ display: none; } /*隐藏没有src的img 在ie8 会显示分裂图 并且站高度*/
video{ outline: none;}
p{ margin: 0px; line-height: 1.7em;}
b,strong{ font-weight: bold; }
table{ border-collapse: collapse; border-spacing: 0; }
li{ list-style: none outside none;}
i,em{ font-style: normal;}
/*链接 ，作为容器不需要hover等*/
a{ text-decoration:none; outline:none; color: inherit; }
/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}
@font-face{font-family:webfont;font-style:normal;font-weight:400;src:url(../fonts/webfont.eot);src:url(../fonts/webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/webfont.woff) format("woff"),url(../fonts/webfont.ttf) format("truetype"),url(../fonts/webfont.svg?#qcon) format("svg")}
@font-face{font-family:socialshare;src:url(../fonts/share.eot);src:url(../fonts/share.eot?#iefix) format("embedded-opentype"),url(../fonts/share.woff) format("woff"),url(../fonts/share.ttf) format("truetype"),url(../fonts/share.svg#share) format("svg")}
.social-share{font-family:socialshare!important;font-size:.16rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
[class*='webicon-']{ font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.homeicon{display:inline-block;font:normal normal normal 1.4rem/1 iconfont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.red{color:red!important}
.bg-gray {
    background: #F7F7F7;
}
.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    font-size: 0;
}
.blank-big {
    height: 50px;
    line-height: 50px;
    clear: both;
    font-size: 0;
}
/* 标签 */
.tag{display:inline-block;transition:.5s}
.tag.padding{padding:5px 12px}
.tags{color: #cd7c50!important; border: 1px solid #cd7c50!important; background-color: unset;}
/* 英文字体begin */
.Conv_DINCondensedC{ font-family: "Conv_DINCondensedC";}
/* 英文字体end */

.mb5{margin-bottom: 5px;}
/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/
/*表单*/
::-webkit-selection {color:#fff;background:#cd7c50;}
::-moz-selection {color:#fff;background:#cd7c50;}
::selection {color:#fff;background:#cd7c50;}
form{margin:0}
button,select{text-transform:none}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
/*清除浮动*/
.clear,img{display:block;clear:both;}
.float_left{float:left}
.float_right{float:right}
/*圆角*/
.no-round-corner{border-radius:0;overflow:hidden}
.small-round-corner{border-radius:6px;overflow:hidden}
.medium-round-corner{border-radius:12px;overflow:hidden}
.big-round-corner{border-radius:18px;overflow:hidden}
/*其它*/
.hide{display:none}/*隐藏*/
.more{float:right;padding-right:.1rem;display:none}/*more链接*/
.more a{color:#167312}
.code_image{cursor:pointer;margin:.05rem}/*验证码图片样式*/
.ViewMore{text-align:center;font-size:.16rem;font-weight:700;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}

/*必须输入，主要*/
.required{color:red;font-weight:700}
.form_text_verifycode{width:.6rem}
.form_radio{width:auto;border:0}
.form_checkbox{width:auto;border:0}
/**表单通用样式**/
.text_table li{width:100%;margin-bottom:.1rem;display:-webkit-flex;display:flex;align-items:center;justify-content:flex-start}
.text_table span{flex-shrink:0;font-weight:700;text-align:right;width:1rem;margin-right:.1rem}
.text_table span i{font-style:normal}
.text_table li>div{text-align:left;width:-webkit-calc(100% - 1.1rem);width:-moz-calc(100% - 1.1rem);width:calc(100% - 1.1rem)}
.text_table li>div.MemberCode{width:auto}
.text_table li.smscode>div{width:auto}
.text_table .operation{text-align:center}
.text_table #Detail{height:2rem}
.text_table .operation{text-align:center}
/* 行距 begin*/
.blank{height:10px;line-height:10px;clear:both;font-size:0}
.blank-small{height:20px;line-height:20px;clear:both;font-size:0}
.blank-middle{height:30px;line-height:30px;clear:both;font-size:0}
.blank-big{height:50px;line-height:50px;clear:both;font-size:0}
.blank-large{height:80px;line-height:80px;clear:both;font-size:0}
/* 行距 end*/
/* 登录图标 */
.log-in a.user-ico i{font-size: 0.3rem !important;}

/* pc搜索图标 */
#pc-header .searchBar{position:absolute;top:37px;right:120px}
#pc-header a.search-ico i{font-size:18px;color:#6E6E6E;}

/* 购物车图标 */
#pc-header .shopBar{position:absolute;top:37px;right:80px}
#pc-header a.shop-ico i{font-size:18px;color:#6E6E6E;}
.badge-corner{ margin: auto 0.05rem;}
.badge-corner .iconfont{ font-size: 0.3rem;}

/* 登入后状态 */
.log-in{}
.log-in .drop-menu {margin:12px 0 0;min-width:100px;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.075); box-shadow:0 6px 12px rgba(0,0,0,.075) }
.log-in .drop-menu li{padding: 0 10px;height: 32px;text-align: center;}
.log-in .drop-menu li a{position: relative;height: 32px;line-height: 32px;}
.log-in .drop-menu li a:hover,.drop-menu a:focus {color:#2D2D2D;background: unset;}
.log-in .button-group span {display:inline-block;line-height:24px;height:24px;width:24px}
.log-in .button-group ul:before {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.log-in .button-group ul:after {position:absolute;top:-8px;left:50px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:'';}
.log-in .button-group .button {padding:0;line-height:18px;font-size:20px}
.log-in .button-group .drop-menu {padding: 10px 0; left: -40px;border-top:0px solid #ff0000;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.075);box-shadow: 0px 8px 10px rgba(0,0,0,.05);border-radius:4px;}
.log-in a.user-ico{width:32px;height:32px;line-height:32px;background:#ECEFF5;display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.log-in a.user-head{width:32px;height:32px;overflow:hidden;display:block;}
.log-in a.user-head img{width:32px;height:32px;}
/* 登入后状态 end*/

/* 注册登录切换 */
.register .tab{font-size:0}
.register .tab li{cursor:pointer;display:inline-block;position:relative;font-size:20px;width:100%;color:#666;margin:0 0 40px 0}
/* .register .tab li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;} */
.register .tab li.cur{color:#cd7c50}
.register .tab li.cur::before{background:#cd7c50;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;border-radius:3px;transition:transform .3s;}

.register .line{margin:0px;padding:0;position: relative; text-align: center;}
.register .line span{display: inline-block; padding: 0 20px; position: relative; z-index: 200;}
.register .line hr{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; margin-top:10px; position: absolute; top:0; width: 100%;}

.register .bnt-login{margin:0 auto;text-align:center}
.register .bnt-login a{display:inline-block;color:#fff;font-size:22px;width:48px;height:48px;text-align:center;line-height:48px;margin-right:10px;border-radius:30px}
.register .bnt-login a i{font-size: 22px;}
.register .bnt-login a:hover{opacity:0.8}
.register .bnt-login a.weixin{background:#38B624}
.register .bnt-login a.qq{background:#1F92DF}
.register .bnt-login a.weibo{background:#FF6000}
/* 注册登录切换 end*/
.sidebar-l {margin-right:20px}
.sidebar-r {margin-left:0px;}
.container-layout{max-width:1500px;}
.line-large {margin-left:-15px;margin-right:-15px}
.line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:23px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:42px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-prev i{position:absolute;left: 8px;}
.owl-carousel .owl-nav .owl-next{right:20px}
.owl-carousel .owl-nav .owl-next i{position:absolute;right:8px}
/* owl-carousel轮播插件 */
/**首页banner**/
#banner_main{width:100%;height:-webkit-calc(100% - .8rem);height:-moz-calc(100% - .8rem);height:calc(100% - .8rem);position:relative;overflow:hidden;z-index:0}
#owl-demo{width:100%;height:100%;position:relative;overflow:hidden}
#banner_main .swiper-button-prev,#banner_main .swiper-container-rtl .swiper-button-next{left:.45rem;right:auto}
#banner_main .swiper-button-next,#banner_main .swiper-container-rtl .swiper-button-prev{right:.45rem;left:auto}
.main-swiper{width:100%;position:absolute;bottom:.3rem;z-index:2}
.main-swiperpage{width:80%;margin:0 auto;position:relative;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.main-swiper .swiper-pagination{position:relative;position:relative;display:-webkit-flex;display:flex;justify-content:flex-start}
.main-swiper .swiper-pagination-bullet{position:relative;display:-webkit-flex;display:flex;align-items:center;justify-content:center;background:#fff;opacity:1;margin:.15rem}
.main-swiper .swiper-pagination-bullet-active:before{content:'';position:absolute;background:rgba(0,0,0,0);background-size:cover;padding:.1rem;border:#fff dashed 1px;border-radius:100%;flex-wrap:wrap;animation:myloop 10s infinite;animation-timing-function:linear;-webkit-animation:myloop 10s infinite;-webkit-animation-timing-function:linear}
.swiper-num{position:relative;color:#fff;font-size:.24rem;letter-spacing:.2em}
.swiper-num .active{font-size:.24rem}
.swiper-num .total{font-size:.18rem}
/*文本动画*/
.banner0 li{position:relative;display:flex;height:100%;align-items:center;justify-content:center;overflow:hidden}
.banner0 li a{display:block;width:100%;height:100%}
.banner0 li img{display:block;width:100%;height:100%}
.banner0 li .bannertext{position:absolute;height:.8rem;line-height:.4rem;width:100%;left:0;right:0;top:50%;margin:-.4rem auto 0;padding-left:10%;color:#fff;cursor:pointer;z-index:1}
.banner0 li .bannertext .BannerName{font-size:.6rem;opacity:0;transform:translateY(.5rem);transition-duration:1s;transition-delay:1s;color:#fff;font-weight:700;font-style:normal;margin-top:.15rem}
.banner0 li .bannertext .BannerDescription{font-size:.2rem;opacity:0;transform:translateY(.8rem);transition-duration:1.5s;transition-delay:1.2s;color:#fff;font-weight:700;font-style:normal}
@keyframes myloop{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes myloop{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.banner0 li.swiper-slide-active .bannertext .BannerName{opacity:1;transform:translateY(0)}
.banner0 li.swiper-slide-active .bannertext .BannerDescription{opacity:1;transform:translateY(0)}
#banner{border:0 solid red;margin:0 auto;overflow:hidden;width:100%}
#banner li img{width:100%;margin:0 auto;display:block}
/**首页banner end**/
/*头部*/
.headlanguage{flex-shrink:0;display:-webkit-flex;display:flex;margin-left:.15rem;margin-right:.15rem;position:relative}
.headreg{display:-webkit-flex;display:flex;}
.headreg .user-head{ width: 0.5rem; height: 0.5rem; display: inline-block; position: relative; overflow: hidden;}
.headreg img{ width: 100%; height: 100%; object-fit: cover;}
.headreg span{font-size:15px}
.headreg span a{color:#cd7c50}
.navbar-header{display:inline-block;margin-left:.15rem;margin-right:.15rem}
.webicon-wap{display:-webkit-flex;display:flex;color:#000;font-size:.24rem}
.webicon-wap:before{content:"\e696"}
.language-switch{ margin: auto 0.15rem;}
.language-current{display:-webkit-flex;display:flex;align-items:center;font-size:15px;cursor:pointer}
.language-current span{flex-shrink:0;padding:0 .1rem}
.language-current .down{vertical-align:middle;height:12px}
.language-switch p a{display:-webkit-flex;display:flex; align-items: center; padding:0 15px;height:40px;line-height:40px;width:125px;border-bottom:1px solid #ddd;color:#333}
.language-switch a img{width:.3rem;height:.2rem;vertical-align:middle;border-radius:3px;margin-right:5px}
.language-switch p{overflow:hidden;display:none;position:absolute;padding:0;z-index:9999;background:#fafafa;border-radius:5px}
.language-switch:hover p{display:block}
.language-switch p a:hover{background:#e5e5e5;color:red}
/*头部 end*/
.con_title{width:100%;margin:0 auto;overflow:hidden}
.con_title_body{width:100%;margin:0 auto;color:#595757;font-size:.18rem;font-weight:400;position:relative;margin-bottom:.45rem}


.con_title h2{font-size:.4rem;font-weight:400;color:#111; padding-bottom: 0.2rem; margin-bottom:0.2rem;position:relative;overflow:hidden;}
.con_title h2::after { content: ""; display: block; width: 0.5rem; height: 0.04rem; background-color: #2f3e46; position: absolute; margin-left: -0.25rem; bottom: 0; left: 50%;}
.con_title h2 em{ color:#2f3e46; margin-right: 0.1rem;text-transform:uppercase;letter-spacing:.2em;}
.con_title h2 span{ color:#cd7c50;}
.con_title h3{font-size:.2rem; letter-spacing:0.4em;font-weight:400; margin-bottom:0.2rem;position:relative;overflow:hidden}
/*==========@@首页模块  开始@@==========*/
#floor_1_main{background:url(../images/floorbg.jpg) repeat;overflow:hidden;padding-top:.7rem;padding-bottom:.7rem}
.con_title{width:80%;text-align:center;}
#floor_2_main{ overflow:hidden; background:#f5f5f5;}
#floor_3_main{ position: relative; overflow:hidden; background:url(../images/section-2.jpg) no-repeat center center;
      background-size: cover; z-index: 1;}
#floor_4_main{ overflow:hidden; background:#ffffff; padding-top: 0.5rem; padding-bottom: 0.5rem;}
.con_bodyk{ width: 100%; padding-top: 0.7rem; padding-bottom: 0.7rem;}
.con_body{ width: 100%; position:relative;overflow:hidden;}
.con_bodyfload{ width: 100%; position:relative;overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap: wrap;}
.con_body_left{ width: 50%; position:relative;overflow:hidden;    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.con_body_left dt{ width: 100%; font-size: 0.24rem; font-weight: 600; margin-bottom: 0.15rem; padding-bottom: 0.15rem; position:relative;overflow:hidden;}
.con_body_left dt::after {
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.04rem;
    background-color: #cd7c50;
    position: absolute;
    bottom: 0;
    left: 0;
}
.con_body_left dd{ width: 100%; line-height: 1.7em; font-size: 0.18rem; position:relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}
.con_body_right{ width: 50%; padding-left: 0.4rem; position:relative;overflow:hidden;}
.con_pick{ width: 100%; height: 3rem; position: relative; overflow: hidden; background: #cd7c50; border-radius: 0.2rem;}
.con_picico{ width: 100%; height: 100%; overflow: hidden; padding-bottom: 0.1rem;}
.con_picico img{ width: 100%; height: 100%; object-fit: cover;}
.mainMore{ width: 100%; margin-top: 0.2rem; margin-bottom: 0.2rem; font-size:.16rem;font-weight:700;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.mainMore a:hover{ color: #cd7c50;}
/*样式1*/


/*==========@@元件 开始@@==========*/
/* 属性 */
.filter-box .padding-big{padding:15px 25px}
.filter-box dl{margin:15px 0;display: flex;}
.filter-box dl dt{width:8%;display:block;flex: none;line-height:24px;font-weight:normal}
.filter-box dl dd{display:block;float:left;position:relative;}
.filter-nav ul li {margin:0;display:block;float:left;width:auto;line-height:24px;}
.filter-nav ul li a{margin:0 10px 0 0;padding:2px 10px;cursor:pointer;display:block;color:#6E6E6E;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.filter-nav ul li a:hover{color:#cd7c50;}
.filter-nav ul li a.active{color:#fff;background:#cd7c50}
.filter-nav ul li b{font-weight:normal;}
/* 横向不带ICO导航 */
.nav-x {background:#fff;width:100%;position:relative;}
.nav-x .menu-toggle h3 {display:none}
.nav-x ul {font-size:0;-webkit-text-size-adjust:none;text-align:center}
.nav-x li {display:inline-block}
.nav-x li i {margin:0px auto 5px auto;font-size:24px;display:block;}
.nav-x li a {font-size:16px;padding:0;height:70px;line-height:70px;color:#6e6e6e;text-align:center;display:block;}
.nav-x li a:hover{color:#cd7c50}
.nav-x li a.active {background:linear-gradient(-45deg,#FFD100,#cd7c50);color:#fff}
.col-2 {width:10%}
/* 横向不带ICO导航 */
/* 路径 */
.nav-bread{padding:0;height:70px;line-height:70px;font-size:0}
.nav-bread h2{font-size:24px;font-weight:600}
.nav-bread i{color:#888888;}
.nav-bread a{color:#888888;font-size:14px;display:inline-block;}
.nav-bread a:hover{color:#cd7c50}
.nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;}
.nav-bread a:last-child:after {content:"";background:none;}
/* 路径 */
/**内页导航**/
.info_menu{ width: 100%; margin-top: -0.35rem; position: relative; display: block; z-index: 1;}
.info_menuwk{ width: 100%; z-index: 1; position: relative; display: -webkit-flex;  display: flex; align-items: center;}
.info_menu::after{display: block; content: ""; width: 100%; height:-webkit-calc(100% - 0.2rem);height:-moz-calc(100% - 0.2rem); height:calc(100% - 0.2rem); background: #f6f6f6; position: absolute; bottom: 0; left: 0;}


.info_menuk{ width: 100%; z-index: 1; position: relative; display: -webkit-flex;  display: flex; align-items: flex-end;}
.info_menuleft{ width: 5.35rem; flex-shrink: 0; padding: 0.2rem 0.3rem 0.2rem 0rem; display: -webkit-flex;  display: flex; align-items: center; position: relative; overflow: hidden; background-color: #cd7c50; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;  clip-path: polygon(0 0,96% 0%, 100% 100%,0% 100%);}
.info_menutit{ padding-left: 1.6rem; display: inline-block; z-index: 1;}
.info_menuleft::after{ content: ""; width: 4.4rem; height: 4.4rem; left: 0.3rem; position: absolute; background: url("../images/menulogo.png") no-repeat center center; background-size: cover; animation: myloop 40s linear infinite; -webkit-animation: myloop 40s linear infinite;}

.info_menuleft dt{ font-size: 0.4rem; color: #FFFFFF;}
.info_menuleft dd{ font-size: 0.16rem; color: #FFFFFF; text-transform: uppercase;}
.info_menuright{ padding-left: 0.95rem; padding-right: 1.6rem; width:-webkit-calc(100% - 5.35rem);width:-moz-calc(100% - 5.35rem); width:calc(100% - 5.35rem); position: relative; display: block;}
.info_menuright ul{ display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.webicon-down::before{ content: "\e686"; font-size: 0.38rem;
	transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;}
.info_menusubnav{ padding-bottom: 0.2rem; cursor: pointer; display: none;}
.info_menuright li{ font-size: 0.18rem; padding: 0.3rem 0rem; margin: auto 0.35rem; position: relative; overflow: hidden;}
.info_menuright li a::after{ content: ""; width: 0%; height: 3px; background: #cd7c50; position: absolute; left: 50%; bottom: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.info_menuright li a:hover::after,.info_menuright li a.cull::after{ left: 0; width: 100%;}
.info_menuright li a.cull{color: #cd7c50;}
.info_body{ width: 100%; min-height: 4rem; padding: 0.7rem 0rem; position: relative; overflow: hidden;}
@-webkit-keyframes lineheight {
    0% { height: 0; }
    100% { height: 100%; transform: scale(1.8); ease-in-out; }
}
@keyframes lineheight {
    0% { height: 0; }
    100% { height: 100%; transform: scale(1.8); ease-in-out;}
}
/* 标题样式-居中 */
.title-c{position:relative;}
.title-c h3{position:relative;font-size:30px;text-transform:uppercase;margin:0 auto 50px auto;font-weight:600}
.title-c h3:before {background:#FFD100;content:'';display:block;position:absolute;width:30px;height:3px;bottom:-15px;left:50%;margin-left:-15px;}

/* 标题样式-左 */
.title-l h2{line-height:28px;height:28px;color:#333;position:relative;font-size:16px;letter-spacing:0;padding-left:20px;margin-bottom:10px;}
.title-l h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:4px;background:#cd7c50;left:0}
/*文字列表*/
.textlist{ width: 100%; position: relative;}
.textlist li a{ display: block; height: 100%;}
.textlist li{ width: 100%; margin-top: 0.2rem; position: relative;}
.textlist li:first-of-type{ margin-top: 0rem;}
.textlist_k{width: 100%; height: 100%; position: relative; display: -webkit-flex;  display: flex; align-items: center; padding-bottom: 0.2rem; border-bottom: #bebebe solid 1px;}
.textlist_k::after{ content: ""; width: 0%; height: 1px; position: absolute; bottom: 0; left: 0; background: #cd7c50;}
.textlist_left{ float: left; flex-shrink: 0;  display: -webkit-flex;  display: flex; align-items: center; justify-content: center;transition: all 0.5s ease 0s;}
.textlist_right{flex: 1; padding-left: 0.13rem; float: left; display: -webkit-flex;  display: flex; align-items: center; position: relative;overflow: hidden;}
.textlist_con{ width: 100%; position: relative;}
.textlist_time{ width: 100%; padding: 0.15rem; border: #bebebe solid 1px; color: #555555; text-align: center; position: relative; transition: all 0.5s ease 0s;}
.textlist_time::before{ content: ""; width: 0.1rem; height: 0.2rem; opacity: 0; -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%); clip-path: polygon(0% 50%, 100% 0%, 100% 100%); position: absolute; left: -0.1rem; top: 50%; margin-top: -0.1rem; transition: all 0.5s ease 0s;}
.textlist_time dt{ font-size: 0.3rem; font-weight: 500; position: relative; overflow: hidden;}
.textlist_time dd{ font-size: 0.12rem; font-weight: 500; position: relative; overflow: hidden;}
.textlist_con h3{ color: #333333;  font-size: 0.18rem; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.textlist_k:hover h3,.textlist li.active .textlist_k h3{ color: #cd7c50;}
.textlist_k:hover .textlist_time,.textlist li.active .textlist_time{ color: #FFFFFF; background: #cd7c50; border-color: #cd7c50;}
.textlist_k:hover::after,.textlist li.active .textlist_k::after{ width: 100%;}
.textlist_k:hover .textlist_time::before,.textlist li.active .textlist_time::before{ background: #cd7c50; opacity: 1;}
/*文字列表1*/
.productmenu{ width: 100%; position: relative; overflow: hidden;}
.textlist1{ width: 100%; margin: 0.2rem auto;}
.textlist1 li{ float: left; padding:0rem 0.15rem; margin-top: 0.15rem; margin-bottom: 0.15rem; position: relative; overflow: hidden;}
.textlist1 li span{cursor: pointer; font-size: 0.2rem; display: block; padding:0.15rem 0.5rem; border-radius: 0.3rem; background: #FFF; color: #666; text-align: center;}
.textlist1 li span:hover{ background: #cd7c50; color: #FFF; }
.textlist1 li span.active{ background: #cd7c50; color: #FFF; }
/*带缩略图2*/
.thumblist2{ width:100%; position:relative;}
.thumblist2 li{ width:100%; position: relative; display: -webkit-flex;  display: flex; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-bottom: #e1e1e1 dashed 1px;}
.thumblist2 li a{ width: 100%; display: block;}
.thumblist2k{ width:100%; padding: 0.2rem; position:relative; overflow:hidden;display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between;}
.thumblist2_time{flex-shrink: 0; font-weight: normal; border: #c6c6c6 solid 1px; padding: 0.1rem 0.15rem; text-align: center;position: relative; overflow: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.thumblist2_time dt{ font-size: 0.4rem; color: #777777;}
.thumblist2_time dd{ font-size: 12px; color: #777777;}
.thumblist2_pic{ width:2.3rem; height:1.4rem;flex-shrink: 0; position:relative; overflow: hidden; }
.thumblist2_pic img{object-fit: cover; width:100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.thumblist2_con{ width:100%; padding-left: 0.2rem; padding-right: 0.2rem; position:relative; overflow:hidden; display: -webkit-flex;  display: flex;flex-direction:column; justify-content:space-between;}
.thumblist2_con h3{ color: #222222; font-size:0.2rem; font-weight: normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin-bottom:0.13rem;}
.thumblist2_txtp{ font-size: 0.14rem; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumblist2 li:hover .thumblist2_pic img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.thumblist2 li:hover{ background: #f7f7f7;}
.thumblist2 li:hover .thumblist2_con h3{ color: #cd7c50;}
.thumblist2 li:hover .thumblist2_time{ border-color: #cd7c50; background: #cd7c50;}
.thumblist2 li:hover .thumblist2_time dt,.thumblist2 li:hover .thumblist2_time dd{ color: #FFFFFF;}
/*橱窗列表*/
.gridlist{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:flex-start; flex-wrap: wrap;}
.gridlist li { float: left; width:25%; padding: 0.15rem; position: relative; overflow: hidden;text-align: center;}
.gridlist li a.InfoPicture{ display: block; margin:auto 5px; background: #FFF;}
.gridlist li img { width: 100%; height:100%; object-fit: cover;  transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist li:hover img{  -webkit-transform: scale(1.1); transform: scale(1.1);}
.gridlist li a{ width: 100%;  height: 2.8rem; display: block; position: relative; overflow: hidden;}
.gridlist li .InfoTitle{font-size: 0.18rem; font-weight: bold;display: block; background: #f5f5f5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*橱窗列表1*/
.gridlist1_list{ width: 100%; margin: 0 auto; position: relative;}
.gridlist1-swiper{ width: 100%; margin: 0 auto;position: relative; overflow: hidden;}
.gridlist1 .news-button-prev, .gridlist1 .news-button-next{width: 0.5rem;
height: 0.5rem;color: #FFFFFF;background: #cd7c50;
border-radius: 50%;
z-index: 10;
position: absolute;
top: 50%;
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.news-button-prev, .swiper-container-rtl .news-button-next { left: 6%; right: auto;outline:none;}
.news-button-next, .swiper-container-rtl .news-button-prev{right: 5%; left: auto;outline:none;}
.news-button-prev::after, .news-button-next::after {
    font-size: 0.18rem;
}
.news-button-prev::after, .swiper-container-rtl .news-button-next::after {
    content: 'prev';
}
.news-button-next::after, .swiper-container-rtl .news-button-prev::after {
    content: 'next';
}
.news-button-next::after, .news-button-prev::after {
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
	outline:none;
}
.news-button-next.swiper-button-disabled, .news-button-prev.swiper-button-disabled{pointer-events:auto;color: #333333;
background: #eeeeee;outline:none;}
.gridlist1{width: 100%; margin: 0 auto; position: relative;}
.gridlist1 li {width:-webkit-calc(33.33333%); padding: 0px 0.15rem;overflow:hidden; display:inline /*解决ie6 双边距bug*/; position: relative;}
.gridlist1_pic{width:100%; height: 2.8rem;display: -webkit-flex; /* Safari */ display: flex;align-items:center; position:relative; overflow:hidden; margin-bottom:0.25rem;}
.gridlist1_pic img{ width: 100%; object-fit: cover;}
.gridlist1k{ width: 100%; position: relative; overflow: hidden;}
.gridlist1 li img { display:block; width:100%; height: 100%; transition: 400ms;  -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist1 li a {display:block;transition: all 0.6s;}
.gridlist1text{ width:100%; padding:0.2rem 0.1rem; position:relative; overflow:hidden;}
.gridlist1txt{ width:100%; font-size: 0.14rem; height:0.5rem; line-height: 0.25rem; position:relative; overflow:hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.gridlist1Title{ font-size:0.18rem; position:relative; padding:0.1rem 0; font-weight:normal;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0.15rem; }
.gridlist1time{ font-size: 0.14rem; color: #999999; margin-bottom: 0.15rem;}
.gridlist1k:after {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    right: auto;
    height: 1px;
    width: 0px;
    background-color: #cd7c50;
    transition: all 0.6s ease 0s;
}
.gridlist1 li:hover .gridlist1k:after { width: 100%;}
.gridlist1 li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.gridlist1 li:hover .gridlist1Title { color:#cd7c50; }
.gridlist1 li.selectedow .gridlist1k:after { width: 100%;}
.gridlist1 li.selectedow .gridlist1k .gridlist1Title { color:#cd7c50; }
.gridlist1 .selectedow img{-webkit-transform: scale(1.1); transform: scale(1.1);}
/*橱窗列表2*/
.gridlist2{ width: 100%; position: relative; overflow:hidden; }
.gridlist2 ul{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:flex-start; flex-wrap: wrap;}
.gridlist2 li {width:-webkit-calc(33.33333%); padding: 0px 0.15rem;overflow:hidden; display:inline /*解决ie6 双边距bug*/; position: relative;}
.gridlist2_pic{ width:100%; height: 2.8rem; display: -webkit-flex; /* Safari */ display: flex;align-items:center; position:relative; overflow:hidden; margin-bottom:0.25rem;}
.gridlist2_pic img{ width: 100%; object-fit: cover;}
.gridlist2k{ width: 100%; position: relative; overflow: hidden;}
.gridlist2 li img { display:block; width:100%; height: 100%; transition: 400ms;  -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist2_txt{ width:100%; padding:0.2rem 0.1rem; position:relative; overflow:hidden;}
.gridlist2_txt h3{ text-align: center;}
.gridlist2_txt dd{ width:100%; font-size: 0.14rem; height:0.5rem; line-height: 0.25rem; position:relative; overflow:hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.webicon-num{font-size: 0.16rem; color: #FFFFFF; line-height: 1.5; background:rgba(0, 0, 0, 0.55) url("../images/page-pic-icon.png") 5px center no-repeat; position: absolute; z-index: 1; bottom: 0.2rem; right: 0.2rem; border-radius: 5px; padding: 3px 5px 3px 35px;}
.gridlist2_pic::after{ content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5) url("../images/yanjing-icon.png") center 60% no-repeat;
	background-size: 0.4rem 0.4rem;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
}
.gridlist2 li:hover .gridlist2_pic::after{opacity: 1;visibility: visible; background-position-y: 45%;}
.gridlist2 li:hover .gridlist2_pic img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
/*相册弹窗*/
.fz { width: 100%; position: relative; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:flex-start; flex-wrap: wrap;}
.oh { overflow: hidden;}
.w {
    width: 100%;
}
.pr {
    position: relative;
}
.wh {
    width: 100%;
    height: 100%;
}
.bg {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.img-box i {
    transition: .4s;
    -webkit-transition: .4s;
}
.page-artapp-box ul li {
  display: inline-block;
  letter-spacing: normal;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 33%;
  padding: 0 0.25rem;
  margin-bottom: 0.5rem;
}

.page-artapp-box ul li .img-box {
  height: 3.2rem;
}

.page-artapp-box ul li .img-box::after {
  content: '浏览';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.78) url(../images/yanjing-icon.png) center 30% no-repeat;
  background-size: 0.4rem 0.4rem;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 1.05rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
  -webkit-transition: .4s;
}

.page-artapp-box ul li .img-box .num {
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.5;
  background: rgba(0, 0, 0, 0.55) url(../images/page-pic-icon.png) 7px center no-repeat;
  padding-left: 32px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-top: 3px;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  z-index: 50;
  border-radius: 5px;
}

.page-artapp-box ul li .title {
  line-height: 0.8rem;
  text-align: center;
  font-size: 0.2rem;
  color: #323232;
  padding: 0 10px;
  background-color: #f4f4f4;
}

.page-artapp-box ul li:hover .img-box i {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.page-artapp-box ul li:hover .img-box::after {
  opacity: 1;
  visibility: visible;
  background-position-y: 35%;
  padding-top: 1.6rem;
}
.albumlist{ position: fixed; width: 100%; height: 100vh; opacity: 0; top: 0; left: 0; z-index: 9999;visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	 transition: all .6s ease;
}
.pagebox-bg{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99;}
.albumlist.divcon{ visibility: visible; opacity: 1;}
.page-brow-environ {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  margin: auto;
  background-color: #fff;
}

.page-brow-environ .top-title {
  text-align: center;
  padding: 0.2 0 0.2rem;
}

.page-brow-environ .top-title s {
  text-decoration: none;
}

.page-brow-environ .top-title .title {
  font-size: 0.2rem;
  color: #363636;
}

.page-brow-environ .top-title .num {
  font-size: 0.2rem;
  margin-top: 0.2rem;
}

.page-brow-environ .max-img {
  width: 80%;
  height: calc(100% - 2.2rem);
  margin: 0px auto 0px;
	position: relative;
	overflow: hidden;
}
.page-brow-environ .max-img li{ padding: 0;}
.page-brow-environ .shrinkage-img .swiper{ width: 100%; position: relative; overflow: hidden;}
.page-brow-environ .max-img .title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(177, 11, 11, 0.9);
  line-height: 0.5rem;
  font-size: 0.16rem;
  color: #fff;
  padding: 0 30px;
}

.page-brow-environ .switch {
  display: block;
  width: 0.3rem;
  height: 0.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  margin: auto;
  transition: .4s;
  -webkit-transition: .4s;
}

.page-brow-environ .switch.prev {
  left: 4%;
  background-image: url(../images/br-prev-icon.png);
}

.page-brow-environ .switch.prev:hover {
  background-image: url(../images/br-prev-icon-hover.png);
}

.page-brow-environ .switch.next {
  right: 4%;
  background-image: url(../images/br-next-icon.png);
}

.page-brow-environ .switch.next:hover {
  background-image: url(../images/br-next-icon-hover.png);
}

.page-brow-environ .shrinkage-img {
  width: 80%;
  margin: 0.2rem auto 0px;
}

.page-brow-environ .shrinkage-img .swiper li {
  width: 4.2rem;
  height: 1.2rem;
  border: 2px solid transparent;
  transition: .4s;
  -webkit-transition: .4s;
	padding: inherit;
}

.page-brow-environ .shrinkage-img .swiper li a {
  position: relative;
  cursor: pointer;
}

.page-brow-environ .shrinkage-img .swiper li a::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  transition: .4s;
  -webkit-transition: .4s;
}

.page-brow-environ .shrinkage-img .swiper li.swiper-slide-thumb-active {
  border-color: #b10b0b;
}

.page-brow-environ .shrinkage-img .swiper li.swiper-slide-thumb-active a::after {
  background-color: transparent;
}

.page-brow-environ .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 18px;
}

.page-brow-environ .swiper-pagination .swiper-pagination-progressbar-fill {
  height: 5px;
  background-color: #07b01f;
  border-radius: 50px;
  top: -1px;
  overflow: hidden;
}

.page-brow-environ #browClose {
  display: block;
  width: 45px;
  height: 46px;
  background: url(../images/close-btn.png) center center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 500;
}
/*  联系我们begin  */
.inside h2 {font-size:36px;font-weight:400;margin-bottom:20px}
.inside .contact{padding:0 0 50px 0;}
.inside .contact hr {height:1px;background:#F2F2F2}
.inside .contact .media {margin:0;padding:0 0 30px 0;}
.inside .contact .media span{width:42px;height:42px;line-height:64px;}
.inside .contact .media i {font-size:36px;}
.inside .contact .media .media-body {padding:0 0 0 10px;margin-top:0px;}
.inside .contact .media .media-body a,.inside .contact .media .media-body p{color:#333;}
.inside .wx{border:1px solid #eee;padding:20px 30px;}

.home-contact{background:#cacaca}
.home-contact .title{position:relative;width:590px;float:right;text-align:left;}
.home-contact .title h2{font-size:64px;line-height:64px;padding-top:25%;padding-right:50px;padding-bottom:30px;}
.home-contact .title h2 span{color:#cd7c50}
.home-contact .title a{font-size:24px;text-decoration: none;border-bottom: 2px solid #cd7c50;color: #FFF;}
.home-contact .title a:hover{border-bottom: 0 solid #82CC37;}
.home-contact .gb{position:relative;width:590px;float:right;text-align:left;}

 /*guestbook*/
.guestbook{padding:50px 80px 50px 0}
.guestbook h2{font-size:24px;font-weight:600}
.guestbook .padding{padding:50px;}
.guestbook .form-group {padding-bottom:20px}
.guestbook .input{font-size:0.16rem;padding:0 15px;height:50px;line-height:50px;border:0;width:100%;display:block;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;}
.guestbook .textarea {padding:12px;line-height:24px;width:100%;font-size:0.16rem;background:#fff;border:0;}
.guestbook .checkcode{ display: -webkit-flex; /* Safari */ display: flex; align-items: center; overflow: hidden;}
.guestbook .checkcode .input{ width:40%; }
.guestbook .checkcode .code{ margin-left: 2px;width: auto;height: 50px;}

.guestbook .label {display:block;line-height:24px;}
.guestbook .label label {font-weight:400;}
.guestbook .field {font-size:0.16rem}
.guestbook select {font-size:0.16rem;padding:0 35px 0 15px;width: 100%; height:50px;line-height:50px;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff url(../images/select-down.png) no-repeat right 50%;color:#666;}
.guestbook .form-tips .guestbook .input-help ul {border:0;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}

/* 联系我们end */
/*==========@@元件 结束@@==========*/
/*优势特点组件6*/
.serve{ max-width: 15rem; margin: 0 auto;padding: 0.4rem 0 0.2rem 0; position: relative; overflow: hidden;}
.serve_pic{ position: relative; width: 5rem; height: 5rem; margin: auto; padding: 0.4rem;}
.serve ul{ height: 5.5rem; }
.serve_txt{ position: relative; overflow: hidden;}
.serve_title{color: #515259; font-size: 0.2rem; margin-bottom: 0.15rem;}
.serve_title span{ font-weight: bold; display: inline-block; background: #ffcb4d;border-radius: 0.2rem;padding: 3px 10px;}
.serve_description{color: #313131; font-size: 0.16rem; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.serve li{ position: absolute; text-align: right; width: 3.8rem; z-index: 1; }
.serve li.m0{ text-align: left; }
.serve li.n1{left: 0.5rem; top: 0rem;}
.serve li.n2{ right: 0.5rem; top: 0rem; }
.serve li.n3{ left: 0.2rem; top: 1.4rem; }
.serve li.n4{ right: 0.2rem;  top: 1.4rem; }
.serve li.n5{ left: 0rem;  top: 2.6rem; }
.serve li.n6{ right: 0rem;  top: 2.6rem; }
.serve li.n7{ left: 0.45rem;  top: 3.9rem; }
.serve li.n8{ right: 0.45rem;  top: 3.9rem; }
.serve_pic .mpic1{ width: 4rem; height: 4rem; background: #FFFFFF; margin: 0 auto; border-radius: 50%; border: #FFFFFF solid 0.05rem;}
.serve_pic .mpic2{position: absolute; left: 0%;  top: 0%; width: 100%; transform: translate(-50%,-50%);  z-index:-1; -webkit-animation: animal 10s infinite linear;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;}
@-webkit-keyframes animal {
    0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg);}
}
.serve_pic  i{ position: absolute; width: 0.2rem; height: 0.2rem; background: #056845; border-radius: 50%; }
.serve_pic  i.n1{ left: 0.8rem; top: 0.2rem;}
.serve_pic  i.n1:before,.serve_pic  i.n3:before,.serve_pic  i.n5:before,.serve_pic  i.n7:before {content: ""; left: -0.15rem; z-index: -1;  width: 0.3rem; height: 1px; background: #b8b8b8;transform: rotate(40deg);position: absolute;}
.serve_pic  i.n1:after,.serve_pic  i.n3:after,.serve_pic  i.n5:after,.serve_pic  i.n7:after { width: 0.7rem; height: 1px;top: -0.1rem;left: -0.81rem; content: ""; z-index: -1; position: absolute; background: #b8b8b8;}
.serve_pic  i.n2:before,.serve_pic  i.n4:before,.serve_pic  i.n6:before,.serve_pic  i.n8:before {content: ""; left: 0.05rem; z-index: -1;  width: 0.3rem; height: 1px; background: #b8b8b8;transform: rotate(130deg);position: absolute;}
.serve_pic  i.n2:after,.serve_pic  i.n4:after,.serve_pic  i.n6:after,.serve_pic  i.n8:after { width: 0.7rem; height: 1px;top: -0.12rem;left: 0.3rem; content: ""; z-index: -1; position: absolute; background: #b8b8b8;}
.serve_pic  i.n2{ right: 0.8rem; top: 0.2rem; background: #846541;}
.serve_pic  i.n3{ left: -0.05rem; top: 1.4rem; background: #125AA8;}
.serve_pic  i.n4{ right: -0.05rem; top: 1.4rem; background: #ADA158;}
.serve_pic  i.n5{ left: 0.025rem; top: 2.6rem; background: #5AAD42;}
.serve_pic  i.n6{ right: 0.025rem; top: 2.6rem; background: #cfb70b;}
.serve_pic  i.n7{ left: 0.35rem; top: 4rem; background: #0bcfa7;}
.serve_pic  i.n8{ right: 0.35rem; top: 4rem; background: #349aff;}
#canvas-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* 纯文字列表  begin*/
.list-post-text li {padding:5px 0;}
.list-post-text li a{display:block;}
.list-post-text li.dot a{padding-left:15px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-post-text li.dot:hover a:before {background:#cd7c50;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-2px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/

/* 下载列表 */
.normal-list li{position:relative;display:block;background:#FFF;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#888888;position:absolute;right:30px;top:28px}
.normal-list li:hover{background:#cd7c50;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover a,.normal-list li:hover span{color:#FFF}
.normal-list li.dot:hover a:before {background:#fff;}
.normal-list li.dot a{position:relative}
.normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#ececec;width:7px;height:7px;top:35px;border-radius:50%}

/* 下载详细页begin */
.download-detail{position:relative;z-index:3}
.download-detail .button-big{padding:15px 25px}
/* 下载详细页end */

/* ===视频教程 beign*/
	/* ====视频教程列表 begin*/
.video-list .media{-webkit-transition:.5s;transition:.5s;}
.video-list .media:hover{box-shadow:0 0.3rem 0.5rem rgba(229,229,229,.8)}
.video-list .media-img{position:relative;overflow:hidden}
.video-list .media-body .padding-big{padding:0.2rem}
.video-list .media-body h2{margin:0 0 0.2rem 0;overflow:hidden}
.video-list .media a.play{opacity:.6;position:absolute;top:50%;left:50%;margin-left:-0.24rem;margin-top:-0.24rem;width:0.48rem;height:0.48rem;line-height:0.48rem;background:rgba(0,0,0,.6);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media a.play i{font-size: 0.24rem;color: #FFFFFF;}
.video-list .media .playtime{ color: #FFFFFF; position:absolute;bottom:0.1rem;right:0.1rem;padding:0 0.08rem;height:0.2rem;line-height:0.18rem;background:rgba(0,0,0,.5);z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.video-list .media:hover a.collect,.video-list .media:hover a.play{ opacity:1; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;}
.video-list .img-responsive {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
}
.radius-circle {
    border-radius: 50%;
}
.border-none {
    border: 0;
}
.video-list .media:hover a .img-responsive{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.video-list .excerpt-info ul li.v2-1{width:50%}
.video-list .excerpt-info ul li.v2-2{width:50%;}
	/* 视频教程列表 end*/

	/* =====视频内容页 */
.video-detail .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding-left:25px;border-bottom:1px solid #EFEFEF}
.video-detail .tab .tab-nav li {display:inline-block;width:13%;margin:0}
/* .video-detail .tab .tab-nav li:last-child {margin-right:0px} */
.video-detail .tab .tab-nav li a {color:#616770;padding:18px 0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;display:block;line-height:20px;font-weight:500;border-radius:0;font-size:16px;text-align:center;}
.video-detail .tab .tab-nav .active {border-radius:0px;}
.video-detail .tab .tab-nav .active a {margin-bottom:-1px;cursor:default;background:#FFF;border-bottom:2px solid #cd7c50;font-weight:600}
.video-detail .tab .tab-nav li a,.video-detail .tab .tab-nav .active a:focus {outline:none;}
.video-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ebebeb;padding:25px}
			/* ======播放器 */

.jw-video-expense {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #383838;z-index: 1;display: none}
.jw-video-expense img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;max-width: 100%;max-height: 100%;}
.jw-video-expense .apply {position: absolute;left: 50%;top: 50%;margin-top: -20px;transform: translate(-50%,-50%);}
.jw-video-expense .video-play{cursor: pointer;font-size: 0;}
.jw-video-expense .video-play:before {content: '';width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;z-index: 8;margin-top: -40px;margin-left: -40px;border-radius: 50%;background: radial-gradient(rgba(0,0,0,.25) 40%,rgba(255,255,255,.65) 70%,rgba(0,0,0,.25) 100%);box-shadow: 0 0 8px 4px rgba(136,136,136,.35), 0 0 6px 3px rgba(255,255,255,1);animation: fade 2.4s linear 0s infinite;}
.jw-video-expense .video-play:after {content: '';width: 80px;height: 80px;position: absolute;top: 50%;left: 50%;z-index: 9;margin-top: -40px;margin-left: -40px;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIj4KCTxkZWZzPgoJCTxzdHlsZT4KCQkgIC5jbHMtMSB7CgkJCWZpbGw6ICNmZmY7CgkJCWZpbGwtcnVsZTogZXZlbm9kZDsKCQkgIH0KCQk8L3N0eWxlPgoJPC9kZWZzPgoJPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTEyMCwxMTE3YTQwLDQwLDAsMSwxLTQwLDQwQTQwLDQwLDAsMCwxLDExMjAsMTExN1ptMCw0YTM2LDM2LDAsMSwxLTM2LDM2QTM2LDM2LDAsMCwxLDExMjAsMTEyMVptLTUuNjIsNTIuNTEsMjAuMzctMTQuODhhMi4yNTQsMi4yNTQsMCwwLDAtLjA0LTMuNjdMMTExNCwxMTQwLjQ1YTIuMjczLDIuMjczLDAsMCwwLTMuNTgsMS44OGwwLjM1LDI5LjM4QTIuMjY5LDIuMjY5LDAsMCwwLDExMTQuMzgsMTE3My41MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDgwIC0xMTE3KSIvPgo8L3N2Zz4=) no-repeat;}
.jw-video-expense .button {display: block;width: 180px;padding: 5px 20px;margin: 0 auto;margin-top: 135px;border-radius: 100px;font-style: normal;cursor: pointer;}
.video-period .price{font-size:32px;margin-top:5px}
.video-buy-now{cursor:pointer;width:130px;float:right}
.video-free-now{width:130px;padding:10px 0;float:right}
.video-title h1{font-size:24px;display:block;}
.video-period-title{padding:15px 10px 15px 20px}
.video-period-list{overflow:hidden;height:410px;overflow-y:auto}
.video-period-list li{height:69px;width:100%;border-bottom:1px #433D3D solid;position:relative;text-align:left}
.video-period-list li a{display:block;padding:8px 10px 8px 50px}
.video-period-list li a.cur{background:#2D2D2D;display:block;}
.video-period-list li:hover{background:#2D2D2D;}
.video-period-list li p{font-size:14px;color:#888888;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.video-period-list li:before{content:"";position:absolute;width:20px;height:13px;left:18px;top:15px;background:url(../images/video-ico.png) no-repeat;z-index:2}
.video-period-list li .video-info{padding-top:8px;position:relative;color:#616770}
.video-period-list li .video-info span{position:absolute;right:0;width:62px;text-align:right}
.video-period-list li:last-child{border-bottom:none}
.video-content-tit{padding:5px 30px 0;line-height:50px;border-bottom:1px solid #ECEFF5}
.video-content-tit h2{font-size:18px;color:#434C5A;border-bottom:1px solid #434C5A;display:block;width:72px;margin-bottom:-1px}
		/* 播放器 end*/
	/* 视频内容页end */
/* 视频教程 end*/
/**二级页面**/
.erbanner{ width:100%; position:relative; overflow:hidden;}
.erbanner_pic{ width:100%; height: 4.3rem; position:relative; overflow:hidden;}
.erbanner img{ width:100%; height: 100%;object-fit: cover; display:block;}
.erbanner_k{display: -webkit-flex;  display: flex;flex-direction: column; align-items: center;}
.erbanner_txt{ position: relative; text-align: center; overflow: hidden; margin-bottom: 0.2rem;}
.erbanner_title{ width:100%; position:absolute; bottom: 0.6rem; overflow:hidden;}
.erbanner_txt h3{ font-size:0.36rem;  color:#FFF; margin-bottom:0.15rem;font-weight: bold;}
.erbanner_txt h5{ font-size:0.2rem; color:#FFF; text-transform: uppercase; font-weight: normal;}
.erbanner_line{ width: 1px; height: 0.6rem;  position: relative; overflow: hidden;}
.erbanner_line::after {
    content: '';
    width: 100%;
    height: 0rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFFFFF;
	animation: lineheight 1.3s .5s forwards;
}
/*新闻列表页*/
.info-newsslidek{ display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.info_news_left{ width: 8rem; background: #f6f6f6; position: relative; overflow: hidden;}
.info_news_right{width:-webkit-calc(100% - 8rem);width:-moz-calc(100% - 8rem); width:calc(100% - 8rem); padding-left: 0.3rem; position: relative;}
.info-newsslide_con dt{ width: 100%; height: 4.8rem; position: relative; overflow: hidden;}
.info-newsslide_con dt img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.info-newsslide_con dt h3{ width: 100%; padding: 0.25rem 0.3rem; color: #FFFFFF; background: rgba(0,0,0,0.5); font-size: 0.2rem; font-weight: bold; position: absolute; left: 0; bottom: 0;}
.info-newsslide_contxt{ padding: 0.2rem 0.35rem; display: -webkit-flex;  display: flex; flex-direction: column; justify-content: space-between;}
.info-newsslide_contxtp{ font-size: 0.16rem; color: #555555; line-height: 1.8; margin-bottom: 0.2rem; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.info-newsslide_contxt dd{ display: -webkit-flex;  display: flex; justify-content: space-between; position: relative; overflow: hidden; margin-bottom: 0.05rem;}
.info-newsslide_contxt dd span{ font-size: 0.14rem; color: #717171;}
.info-newsslide_contxt dd em a{ font-size: 0.16rem; color: #cd7c50;}
.info-newsslide_con dt:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.info-newslist{ width: 100%; position: relative; overflow: hidden; padding-top: 0.6rem;}
/*详情页面*/
/*新闻详情页*/
.infoshow{ width:100%; position:relative; overflow:hidden;}
.erinfo_news{ width: 100%; padding: 0.7rem 0; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.erinfo_news_left{ float: left; width: 11.4rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.erinfo_news_right{width:-webkit-calc(100% - 11.4rem);width:-moz-calc(100% - 11.4rem); width:calc(100% - 11.4rem); display: inline-block; float: right; vertical-align: baseline; position: relative; overflow: hidden;}
.erinfo_share{flex-shrink: 0; z-index: 2; width: 0.9rem; display: -webkit-flex;  display: flex; flex-direction: column; align-items: center;}
.erinfo_conshow{ width:-webkit-calc(100% - 0.9rem);width:-moz-calc(100% - 0.9rem); width:calc(100% - 0.9rem); display: block;}
.erinfo_conshow .InfoContent,.erinfo_conshow .InfoContent p{ font-size: 0.2rem; font-weight: 300;}
.erinfo_conshow .text-main, .erinfo_conshow a.text-main:link, .erinfo_conshow a.text-main:visited{ color: #FFFFFF;}

.erinfo_newscon{ z-index: 1; width: 100%; margin-bottom: 0.5rem; position: relative;border-bottom: 1px solid #e5e5e5;}
.erinfo_newscon h3{ width: 100%; font-size: 0.4rem; text-align: center; position: relative; overflow: hidden; margin-bottom: 0.5rem;}
.erinfo_newscontag{font-size: 0.18rem; padding: 0.15rem 0; color: #666666; display: -webkit-flex;  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.erinfo_newstime{flex-shrink: 0; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items: center;}
.erinfo_newstime em{ width: 1px; height: 0.2rem; background: #999999; margin: auto 0.1rem;}
.webicon-eye::before{ padding-top: 0.05rem; content: "\e682"; font-size: 0.2rem; margin-right: 0.1rem;}
.webicon-author::before{ padding-top: 0.05rem; content: "\e76e"; font-size: 0.2rem; margin-right: 0.1rem;}
.webicon-time::before{ padding-left: 1px; content: "\e6a4"; margin-right: 0.1rem;}
.erinfo_size{ font-size: 0.16rem; color: #5b5b5b;display: -webkit-flex;  display: flex; align-items: center;}
.sizejia, .sizejian, .sizedf { width: 0.35rem; height: 0.35rem; margin: auto 0.05rem; cursor: pointer;}
.erinfo_size dd i{ width: 0.35rem; height: 0.35rem; display: inline-block; margin: auto 0.05rem; cursor: pointer; position: relative; overflow: hidden; background-size: 100% 100%;}
.sizejia{ background: url("../images/zmaj1.png") no-repeat center center;}
.sizejian{ background: url("../images/zmaj.png") no-repeat center center;}
.sizedf{ background: url("../images/zma.png") no-repeat center center;}
.erinfo_share .share-component{ display: -webkit-flex;  display: flex; flex-direction: column; align-items: center;}
.erinfo_share .social-share .social-share-icon{ color: #FFFFFF !important; background: #b5b5b5; border: none; border-color: #666666;}
.erinfo_share .social-share .social-share-icon:hover{ background: #cd7c50 !important; color: #FFFFFF !important;}
.erinfo_share span{ font-size: 0.14rem; color: #989898; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items: center; justify-content: center; margin-bottom: 0.1rem;}
.erinfo_share span em{ margin: auto 5px;}
.erinfo_share span::before{ content: ""; width: 0.2rem; height: 1px; background: #989898;}
.erinfo_share span::after{ content: ""; width: 0.2rem; height: 1px; background: #989898;}
.erinfo_news_right.active{ opacity: 0; transition: all .6s;}
.erinfo_newsgo{ width: 100%; text-align: center; position: relative; overflow: hidden;}
.erinfo_newsgo a{  width: 100%; display: block; font-size: 0.22rem; padding: 0.25rem 0; position: relative; overflow: hidden; background-color: #cd7c50; color: #FFFFFF;}
.erinfo_newsgo span{ display: -webkit-flex;  display: flex; align-items: center; justify-content: center;}
.erinfo_newsgo span::before{ content: "\e890"; font-weight: bolder;margin-right: 0.15rem; font-size: 0.32rem;font-family: "iconfont" !important; font-style: normal;}
.erinfo_share .social-share .icon-wechat .wechat-qrcode{ left: 35px; top: 0;}
.erinfo_share .social-share .icon-wechat .wechat-qrcode:after{ display: none;}
.erinfo_share .social-share .icon-wechat .wechat-qrcode .help p{ font-size: 12px;}
.erinfo_news_rightk{ width: 4rem; float: right; padding: 0.1rem; position: relative; overflow: hidden;}
.erinfo_news_right.fixed .erinfo_news_rightk{ position: fixed; top: 10px;}
.erinfo_newsshowpage{ width: 100%; display: block; position: relative;}
.erinfo_newsshowpagetop{ width: 100%; position: relative; overflow: hidden;}
.erinfo_newsshowpagetop .erinfomenu{width: 100%; background: #f3f3f3; display: block; padding: 0.25rem;color: #333333; position: relative; overflow: hidden; margin-bottom: 0.1rem;}
.erinfo_newsshowpagetop .erinfomenu:first-child{ border-top: none;}
.erinfo_newsshowpagetop .erinfomenu strong {
    display: block;
	margin-bottom: 0.15rem;
    font-size: 0.24rem;
    font-weight: bold;
    transition: all .6s;
}
.erinfo_newsshowpagetop .erinfomenu:hover strong {
    color: #cd7c50;
}
.erinfo_newsshowpagetop .erinfomenu i {
    display: block;
    font-size: 0.16rem;
	color: #969696;
}
.erinfo_newsshowpagetop .erinfomenu p {
    font-size: 0.18rem;
	color: #333333;
    line-height: 1.6;
	margin-bottom: 0.15rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.erinfo_newshot{ width: 100%; background: #fff; margin-top: 0.4rem; margin-bottom: 0.2rem; position: relative; overflow: hidden;}
.erinfo_newshot h3{ display: -webkit-flex;  display: flex; align-items: center; z-index: 1; width: 100%; position: relative;}
.erinfo_newshot h3 span{ color: #111111; display: inline-block; font-size: 0.28rem; font-weight: bold;}
.erinfo_newshot h3::before{ margin-right: 10px; display: block; content: ""; width: 5px; height: 0.3rem; background-color: #cd7c50;}
.erinfo_newshot_list{ width: 100%; position: relative; overflow: hidden; margin-top: 0.05rem;}
.erinfo_newshot_list li{ width: 100%; position: relative; overflow: hidden; margin-top: 0.25rem;}
.erinfohot_li{ width: 100%; display: -webkit-flex;  display: flex;}
.erinfohot_li dl{ width: 0.5rem; flex-shrink: 0; color: #6b6b6b; border-radius: 0.05rem; text-align: center; padding: 0.2rem 0.05rem; display: -webkit-flex;  display: flex; flex-direction: column; justify-content: center; align-items: center; background: #eeeeee; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.erinfohot_txt{ padding-left: 0.1rem;}
.erinfohot_txt span{ width: 100%; display: block; position: relative; overflow: hidden; margin-bottom: 0.05rem;}
.webicon-click::before{ font-size: 0.18rem; content: "\e682";}
.erinfohot_li dl dd{ font-size: 0.14rem;}
.erinfohot_txt dd{ width: 100%; color: #666666; position: relative; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.erinfohot_li:hover dl{ background: #cd7c50;}
.erinfohot_li:hover dl{ color: #FFFFFF;}
.erinfohot_li:hover .erinfohot_txt dd{ color: #cd7c50;}
/*图片相册*/
/* 产品列表*/
.product-list .media{-webkit-transition:.3s;transition:.3s;}
.product-list .media:hover {-webkit-transition:.3s;transition:.3s;box-shadow:0 5px 20px 5px rgba(0,0,0,.05);}
.product-list .media-body {padding:10px 0 0 0}
.product-list .media:hover .media-body h2 a {color:#cd7c50;}
.price-info ul li.v2-1{width:50%}
.price-info ul li.v2-2{width:50%;}
/*产品列表*/

/* 产品详细页begin */
.product-description .padding-large{padding:30px 0 0 30px}
.product-description .padding-large-top{padding:0}
.product-description p{line-height:24px}
.product-description .zoomimg{width:474px}/* PC端独有 */

/* 产品详情TAB begin */
.product-overview .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.product-overview .tab .tab-nav li {display:inline-block;width:12%;}
.product-overview .tab .tab-nav li a {margin-bottom:-1px;color:#6E6E6E;padding:20px 0;display:block;line-height:24px;border:0;border-radius:0;font-size:18px;text-align:center;}
.product-overview .tab .tab-nav .active {border-radius:0px;}
.product-overview .tab .tab-nav .active a {cursor:default;color:#cd7c50;background:#FFF;border-bottom:3px solid #cd7c50;}
.product-overview .tab .tab-nav li a,.product-overview .tab .tab-nav .active a:focus {outline:none;}
.product-overview .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ebebeb;}
/* 产品详情TAB END */

/* 放大镜 begin */
#zoomimg{cursor:pointer;display:block}
.pro-thumb .item img{border:1px solid #ececec}
.pro-thumb .item:hover img{border:1px solid #cd7c50}
.pro-thumb:hover .owl-nav .owl-prev,.pro-thumb:hover .owl-nav .owl-next {opacity:.6;}
/* 放大镜 end */

/* 商品参数 */
.attribute li {position:relative;color:#666;line-height:32px;}
/* .attribute li:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:11px;border-radius:50%;} */
.attribute li span {color:#999}
/* 商品参数 end */

/* 商品详情 */
.content img{max-width: 100% !important;height: auto !important;}
/* 商品详情 end */

/* 产品详细页end */
/* 内容 begin */
.article{overflow:hidden}
.article .padding-large{padding:20px 22px;}
.article .post h1{font-size: 26px;font-weight: 700;color: #141414;line-height: 1.5;}
.article .post h2{font-size:24px;font-weight:600;margin:10px 0}
.article .post h3{font-size:20px;font-weight:600;margin:10px 0}
.article .post .meta {margin-top: 15px;}
.article .post .meta span {color: #a4a4a4;}
.article .post hr{margin:10px 0;height:1px}
.article .post strong{font-size:16px;margin:10px 0}
.article .post table{margin:20px 0}
.article .post table th{background:#daf0fd;color:#fff;border:1px solid #fff}
.article .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.article .post p{font-size:16px;line-height:32px;margin-bottom:28px}
.article .post img{max-width:100%;height: auto !important;}
.article .post a{text-decoration:none;}
.article .post a:hover{color:#cd7c50;border-bottom:0 solid #cd7c50}
.article .post .text-right{text-align:right}
.article .post ul li{padding:0 0 5px 20px;position:relative;font-size:16px}
.article .post ul li p{line-height:24px}
.article .post ul li:before{content:'';position:absolute;top:8px;left:0;background:#888888;width:7px;height:7px;border-radius:50%}
.article .post ol{padding:10px 0 0 0}
.article .post ol.list-paddingleft-2{position:relative}
.article .post ol li{padding:0;position:relative}
.article .post ol li p{line-height:26px;font-size:16px;color:#888888}
/* 内容 end */
/*分页样式*/
.page_main{ clear: both; text-align: center; font-size: 0.18rem; padding-top: 0.45rem; position: relative; overflow: hidden;}
.page { display: inline-block; position: relative; overflow: hidden;}
.page li { display: inline-block; margin: auto 0.05rem; border-radius: 0.05rem; vertical-align: baseline; background: #e8e8e8;float: left; min-width: 0.55rem; line-height:0.55rem; font-weight: 400; text-align: center; border: 1px solid #fff; border-right: 0; color: #888;  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.page a {  padding:0 0.2rem; display: inline-block; text-decoration:none; }
.page li:hover,.page li.active{ color:#FFF; background: #cd7c50; border-color: #cd7c50; border-left: 1px solid #fff; }
.page li.active{pointer-events: none;}
/*招聘*/
.joblist{ width: 100%; position: relative; overflow: hidden;}
.joblist li{ width: 100%; margin-bottom: 0.3rem; background: #f8f8f8; position: relative; overflow: hidden;}
.joblisttop-box{ padding: 0.4rem; position: relative; cursor: pointer;display: -webkit-flex;  display: flex; align-items: center; justify-content: space-between; transition: all .6s;}
.joblistshow span{ color: #787878; margin-right: 0.7rem;}
.joblistshow span:last-of-type{ margin-right: 0rem;}
.jobxuqiu{ display: none; width: 100%; position: relative; overflow: hidden;}
.jobxuqiu span{ width: 100%; display: block; position: relative; overflow: hidden;}
.joblisttop_left{ width: 100%; position: relative; overflow: hidden;}
.joblisttop_left h3{ font-size: 0.2rem; color: #333333; margin-bottom: 0.2rem;}
.joblist_ico::after{ content: "\e686";font-family: "iconfont"; font-style: normal; font-size: 0.2rem; font-weight: bold; transition: all .6s;}
.joblistlower-box{ border-top: #dfdfdf solid 1px; padding: 0.4rem; font-size: 0.16rem; line-height: 1.8em; display: none;}
.joblist_ico{ flex-shrink: 0; width: 0.4rem; height: 0.4rem; border-radius: 100%; color: #a7a7a7; border: #a7a7a7 solid 3px; display: -webkit-flex;  display: flex; align-items: center; justify-content: center; transition: all .6s;}
.joblist li.active .joblist_ico{ transform: rotate(180deg); color: #ffe54e; border-color: #ffe54e;}
.operation{ width: 100%; margin-top: 0.15rem; position: relative; overflow: hidden;}
/*网页地图通用*/
#Map{overflow:hidden;width:100%;position:relative}
#Map .MapInfo{width:100%;height:5.4rem;border:1px dashed #ccc;padding:8px}
#Map .MapInfo img{width:100%;height:100%;object-fit:cover}
#Map .ContactInfo{width:45%;line-height:.27em}
#Map .ContactInfo .Company{font-size:.24rem;margin-bottom:8px}
#Map .ContactInfo img{width:.18rem;vertical-align:middle;margin-right:8px}
#topcontrol{z-index:4}
/**footer**/
.foot{ width:100%; margin-top: 0.6rem; background:#2f3e46; min-height:2.7rem; position:relative; overflow:hidden;display: flex; align-items: center;align-content:center;}
.footer{ color:#FFF; margin:40px auto;display: -webkit-flex; display: flex; align-items:center;justify-content:space-between;flex-wrap: wrap;}
.foot_copybottom{ width:100%; margin-top:0.3rem;position:relative; overflow:hidden;}
.foot_copybottom li{ position: relative; overflow: hidden; margin-bottom: 0.15rem;}
.foot_copybottom li,.foot_copybottom li a{ color:#666666;}
.foot_copybottom li span,.foot_copybottom li span a{ color:#666666;}
.foot_copybottom li a:hover{ color:#cd7c50;}
.sitemap{ margin-left: 0.1rem;}
.foot_left{ width:33.33333%;flex-shrink: 0; text-align:center;}
.foot_con{ width:33.33333%; z-index: 1;}
.foot_right{ width:33.33333%; position:relative; overflow:hidden;}
.foot_left_nr{ width: 100%;display: -webkit-flex;  display: flex; justify-content:space-between; flex-wrap: wrap;}
.foot_left_nr li{ width: 33.3333%; padding: 0.15rem;}
.foot_left_nr li a{ display: block;}
.foot_left_nr li img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.webrukou{ width: 1.2rem; height: 1.2rem; padding: 0.1rem; border: #152933 solid 1px;}
.webrukou{ position: relative; color: #666666;display: -webkit-flex; display: flex; align-items:center;justify-content:center;}
.webrukou a{ display: block;}
.webrukou b{display: inline-block; font-size: 0.32rem; margin-bottom: 0.1rem;}
.webrukou h3{ font-size: 0.16rem;}

.gotop_menut .hi-icon{ margin:0.15rem auto;position:relative; width:0.35rem; height:0.35rem;border-radius:50%;display: -webkit-flex;  display: flex;  align-items:center;justify-content:center; cursor: pointer; background:rgba(255,255,255,0.1); color: #FFFFFF;}
.webicon-shenqing:before{content: "\e69f";}
.webicon-zhengshu:before{content: "\e603";}
.webicon-gotop:before{content: "\e686"; transform: rotate(180deg);}
.gotop_menut .hi-icon::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    border-radius: 100%;
    opacity: 0;
}

.gotop_menut .hi-icon::after{animation: ripple 1.3s .5s ease-out infinite;}
@-webkit-keyframes ripple {
    0% { opacity: .8; }
    100% { opacity: 0; transform: scale(1.8); }
}
@keyframes ripple {
    0% { opacity: .8; }
    100% { opacity: 0; transform: scale(1.8); }
}
.foot_right_menu{display: -webkit-flex; display: flex; align-items: center;align-content:flex-start;flex-wrap: wrap;}
.foot_right_menu li{ float:left; padding-right:0.2rem; margin-right:0.2rem; background:url(../images/foot_line.jpg) right no-repeat; color:#d3c0b5;}
.foot_right_menu li a{ color:#FFFFFF; font-size: 0.16rem;}
.foot_right_menu li a:hover{color:#cd7c50;}
.foot_right_menu li:last-child{ background:none;}
/* 弹出层*/

.dialog {border-radius:0;border:0 solid #ebebeb;margin:0 auto;box-shadow:0 10px 25px rgba(0,0,0,0.3);}
.dialog .dialog-head {font-size:18px;border-bottom:0;background:#FFF;color:#383838;}
.dialog .dialog-head .close {float:right;line-height:24px}
.dialog .dialog-body{padding:10px 40px 40px 40px;}
.dialog-body h3 {font-size:24px;font-weight:600;color:#333;margin-bottom:10px}
.dialog-body .form-group {padding-bottom:20px}
.dialog-body .input{height:48px;line-height:24px;padding:0 12px;border:1px solid #ebebeb;width:100%;display:block;border-radius:0px;-webkit-appearance:none;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent;}
.dialog-body .textarea {padding:10px 12px;line-height:24px;width:100%;background:transparent;border:1px solid #ebebeb;}
.dialog-body .label {padding-bottom:10px;display:block;line-height:24px;}
.dialog-body .label label {font-weight:400;}
.dialog-body select {padding:0 30px 0 8px;color:#ADADAD;border-radius:0px;width: 100%; height:48px;line-height:48px;border:solid 1px #ebebeb;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-down.png) no-repeat right 50%;}
.dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ebebeb;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px}
.dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #6E6E6E;}
.dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #6E6E6E;}
.dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #6E6E6E;}
.dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #6E6E6E;} 
.dialog-body .input-group .addon {background-color:#fff;border:0px solid #EBEBEB;border-radius:0px;line-height:1;padding:0;text-align:center}
.dialog-body .input-group .addon img{max-height:50px}
 /* 弹出层 end*/
/*右侧浮窗*/
#backTop {
  position: fixed;
  top: 75%;
  right: 1.5%;
  z-index: 500;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#backTop a {
  width: 41px;
  height: 41px;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
  margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-flex;  display: flex; align-items: center; justify-content: center;
}

#backTop {
  display: none;
}
.webicon-gotop::before{ content: "\e687"; font-size: 0.2rem; position: absolute; transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);}
#backTop a:hover{color: #cd7c50;}
@media(max-width:992px){
	body,html{font-size:calc(100vw / 9.9)}
#banner_main{height:auto}
.container,.topcontainer{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.con_body_left{ width: 100%;}
.con_body_right{ width: 100%; padding-left: 0; margin-top: 0.2rem;}
	
.serve li{ width: 100%; text-align: left; margin-bottom: 0.15rem; position: relative; overflow: hidden;}
.serve_pic{ display: none;}
.serve ul{ height: auto;}
.serve li.n1{ left: auto; top: auto;}
.serve li.n2{ right: auto; top: auto; }
.serve li.n3{ left: auto; top: auto; }
.serve li.n4{ right: auto;  top: auto; }
.serve li.n5{ left: auto;  top: auto; }
.serve li.n6{ right: auto;  top: auto; }
.serve li.n7{ left: auto;  top: auto; }
.serve li.n8{ right: auto;  top: auto; }
	
.gridlist li{ width: 50%; padding: 0.1rem;}
.gridlist li a{ height: 1.4rem;}
	
.foot_left{ width: 100%;}
.foot_con{ display: none;}
.foot_right{ width: 100%; margin-top: 0.2rem;}
	
.info_menuk{ justify-content: space-between;}
	.info_menuright{ width: auto; padding-right: 15px;}
	.info_menuleft{ width: auto;}
	.info_menutit{ padding-left: 15px;}
	.info_menuleft dt{ font-size: 0.3rem;}
	.info_menuwk::before{ width: 2.5rem;}
	.info_menuwk::after{ width: 2rem; height: 2rem;}
	.info_menusubnav{ display: -webkit-flex;  display: flex;}
	.info_menuright ul{ width: max-content; visibility: hidden; opacity: 0; flex-direction: column; position: absolute; top: 100%; right: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;background: #FFFFFF; box-shadow: 0 0.02rem 0.0625rem rgb(0 0 0 / 10%);}
	.info_menuright li{ padding: 0.15rem 0rem;}
	.info_menuright.open .info_menusubnav{ color: #a1371c;}
	.info_menuright.open .webicon-down::before{transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);}
	.info_menuright.open ul{ visibility: visible; opacity: 1;}
.info_news_right,.thumblist2_pic{ display: none;}
.erinfo_news_left{ flex-direction: column;}
	.erinfo_share{ display: none; width: 100%; flex-direction: initial; margin-bottom: 0.2rem;}
	.erinfo_share .share-component{ flex-direction: initial;}
	.erinfo_conshow{ width: 100%;}
	.erinfo_news_right{ width: 100%;}
	.erinfo_news_rightk{ width: 100%; margin-top: 0.3rem;}
	.info_menuleft::after{ left: 15px; width: 1.5rem; height: 1.5rem;}
	.info-newsslide_con dt{ height: 3.5rem;}
	.erinfo_size{ display: none;}
	.info-jxjyslide_conpic{ height: 3.6rem;}
	.infolife_menu li span{ padding: 0.25rem;}
	.x9,.x3,.x6,.home-contact .gb{ width: 100%; float: none;}
	.guestbook{ padding: 0.5rem 0.2rem;}
	.video-list .x4{ width: 50%;}
	.video-list .text-center { text-align: center;}
	.border-yellow, .border-yellow .button, .border-yellow .tab-nav li a, .border-yellow .tab-body, .button.bg-yellow, .selected.border-yellow, .pointer.border-yellow li, .check-warning .input, .nav.border-yellow .active a, .nav.nav-tabs.border-yellow, .nav-main.border-yellow a, .nav-main.border-yellow .nav-head, .pagination.border-yellow li, .pager.border-yellow a {
    border-color: #cd7c50;
}
.bg-yellow, .border-yellow .button.active, .pointer.border-yellow .active, .nav-pills.border-yellow .active a, .nav-main.border-yellow .nav-head, .pagination.border-yellow .active {
    background-color: #cd7c50;
}
}
@media(max-width:767px){body,html{font-size:calc(100vw / 7.8)}
#filter_main{display:none}
}
@media(max-width:480px){body,html{font-size:calc(100vw / 5)}
}