@charset "utf-8";

html {font-size: 10px;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0); color:#333333; font-family:"Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif;}


@media screen and (min-width: 320px) {html {font-size: calc(320px * 20 / 750);}}
@media screen and (min-width: 360px) {html {font-size: calc(360px * 20 / 750);}}
@media screen and (min-width: 375px) {html {font-size: calc(375px * 20 / 750);}}  
@media screen and (min-width: 400px) {html {font-size: calc(400px * 20 / 750);}}
@media screen and (min-width: 414px) {html {font-size: calc(414px * 20 / 750);}} 
@media screen and (min-width: 440px) {html {font-size: calc(440px * 20 / 750);}}
@media screen and (min-width: 480px) {html {font-size: calc(480px * 20 / 750);}}
@media screen and (min-width: 520px) {html {font-size: calc(520px * 20 / 750);}}
@media screen and (min-width: 560px) {html {font-size: calc(560px * 20 / 750);}}
@media screen and (min-width: 600px) {html {font-size: calc(600px * 20 / 750);}}
@media screen and (min-width: 640px) {html {font-size: calc(640px * 20 / 750);}}
@media screen and (min-width: 750px) {html {font-size: 20px;}}

.nodata{ text-align:center;font-size: 1.5rem;    letter-spacing: 0.2rem;color: #999999;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="number"] {
-webkit-appearance: none; border-radius:unset;}
textarea,select {-webkit-appearance: none;}
input[disabled],button[disabled]{  border: 1px solid #DDD!important; background-color: #F5F5F5!important; color:#ACA899!important;}

/*兼容设置*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999999;
}

input:-moz-placeholder, textarea:-moz-placeholder {
color:#999999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
color:#999999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#999999;
}

/*改变苹果原有样式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;}
    textarea {-webkit-appearance: none;}  

.container{
    width: 100%;
    max-width: 640px;margin: 0 auto;
    min-width: 320px;
    overflow:hidden;
    position:relative;
}

/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{  background:#ffffff;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none; color:#333333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none; font-size:1.2rem;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:1.2rem;}


/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

/*显示2行标题 */
.cols2{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.cols3{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}


/*杂项*/
.u-co-bt{ border-radius:4px; /*css3圆角*/ width:80px; height:26px; line-height:26px; display: inline-block; vertical-align: middle;  padding-top:1px;}/*提交按钮样式*/
.u-co-bt.z-spe{ width:100%;}
.u-lico{ width:24px; height:24px; border-radius:4px;  /*css3圆角*/ background:#000; padding:10px;opacity: 0.8; position:relative; left:50%; margin:10px 0 10px -14px; box-shadow:0 0 3px #2d2d2d;}/*等待载入*/
.fs15{font-size:1.25rem;} /*15号字体*/
.fs12{font-size:1rem;} /*12号字体*/
.emptyData{
    display: block;
    text-align: center;
    line-height: 4rem;
    margin: 2rem;
    padding:2rem;
    border: 0.05rem dashed #dedede;
    font-size: 1.3rem;
    color: #999999!important; letter-spacing:0.2rem; }

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:750px; min-width:320px; z-index:99999; font-size:1.2rem;}
.loading #showNext{ line-height:2.25rem; display:none; color:#ffffff; border:0.05rem solid #e85c21; background:#e85c21; border-radius:0.5rem; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;font-size:1.2rem;}
.wrap{ opacity:0;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }


/*动画效果*/
@-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    100% {
      opacity: 1;
      display:block;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    100% {
      opacity: 1;
      display:block;
      -webkit-transform: none;
      transform: none;
    }
  }
  

.cur.fadeInRight{ animation: fadeInRight 0.8s ease; -webkit-animation: fadeInRight 0.8s ease; animation-fill-mode: forwards; }

@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fade {
    from{
      opacity: 1;
     display:block;
    }
  
    to 
    {
      display:none;
      opacity: 0;
      height:0;
    }
  }
  
  .fade {
    -webkit-animation-name: fade;
    animation-name: fade;
  }


/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{ width:100%;}


/*------通用部件-----*/



/* 内页分页样式  */
.g-page{ padding-bottom:2rem; padding-top:1rem;}
.g-page .u-pup,.g-page .u-pne,.g-page .u-sa{border-radius:0.25rem;display:inline-block;font-size:1.2em; height: 2.5rem;line-height: 2.5rem; text-align: center;width:25%;vertical-align: middle;} /*上一页样式*/
.g-page p{ width:10%; display: inline-block;}
.g-page .pager-select{display:inline-block;padding:0 1rem; margin: 0 0.5rem; width:10%; height: 2.5rem; line-height:2.5rem; position:relative; vertical-align: middle;}
.g-page .page_number{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events:none;  border-radius: 0.5rem; box-shadow: 0 0 0.25rem #333333 inset; text-indent: -1rem;}
.g-page .page_number:before{ width: 0; height:0; content: ""; position: absolute; border-top: 0.5rem solid #aaa; border-left: 0.5rem solid rgba(0,0,0,0);border-right: 0.5rem solid rgba(0,0,0,0); left: 50%; margin-left:1rem; top: 1rem;}
.g-page .pager-select .page_number span{ padding: 0 0.1rem; font-weight: bold;}
.g-page .select_box{ width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 0; left: 0; top: 0; text-align: center;}
/* 内页分页样式  */





/*内页面包屑导航样式 开始*/
.m-btit {line-height: 3rem; padding-left: 0.916rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #ffffff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/
	border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/
.m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #ffffff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	background:#7c7c7c;
	width:8px;
    height:8px;
    left:2px;
	top:3px;
	z-index:10;
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	width:8px;
    height:8px;
    left:1px;
	top:3px;
	z-index:11; background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/*内页面包屑导航样式 结束*/	

/*谢书烈  2019-08-28添加*/
body,html{ width:100%; max-width:750px; min-width:320px; margin:0 auto;}
.g-hd img,.g-ft img{ width:100%; display:block; }
  /*分享图标*/
.pageShare img{ display:block; width:0px; height:0px;}

/*404样式一*/
.notfound_bg p{ display:block; font-size:10rem; line-height:150%; letter-spacing:0.5rem;}
.notfound dl{display: flex;align-items: center;    justify-content: center; flex-flow: row wrap; padding-left:4rem; padding-right:4rem;}
.notfound dl dt{text-align:left; display:inline-block;}
.notfound dl dd{ display:inline-block;}
.notfound dt em{ color:#6f6f6f; font-size:1rem; word-spacing: 0.25rem; font-weight:bold; text-transform:uppercase; display:block;}
.notfound dt em strong,.notfound dt b strong{ color:#0073bd;}
.notfound dt b{ display:block; font-size:3.5rem; color:#333333; padding-top:0.4rem; padding-bottom:0.4rem;}
.notfound dt p{ font-size:1.3rem; color:#666666; display:block; margin-bottom:1rem;}
.notfound dt a{ display:inline-block; width:7.75rem; text-align:center; font-size:1rem; height:2.5rem; line-height:2.5rem; color:#ffffff; margin-right:1rem; border-radius:0.2rem; background:#333333;}
.notfound dt a:hover{ opacity:0.8;}
.notfound dt .home{ background:#0073bd;}
.notfound dt i{ display:block; margin-top:1rem; margin-bottom:0.6rem; color:#666666;}
.notfound dt span{ font-size:1.4rem; color:#333333; font-weight:bold; display:block; background:url(/Skins/Default/Img/404/tel.png) no-repeat left center; background-size:auto 100%; line-height:1.75rem; padding-left:2rem }
.notfound dd{}

/*站点地图*/
.g-map .m-con{ padding:0 10px 10px 10px;}
.g-map .main_tit{ line-height:30px; font-size:16px; height:30px; text-shadow:1px 1px 1px #ffffff;text-indent:10px; margin:10px 0;}
.g-map .map_list{border:1px solid #ddd; border-radius:5px; width:100%; overflow:hidden; box-shadow:2px 1px 3px #ddd;}
.g-map .map_list a li{ float:left; display:table-cell; width:33%; padding:10px 0; text-align:center; white-space:nowrap; overflow:hidden; position:relative; text-overflow: ellipsis;}
.g-map .map_list a li:before{content:""; position:absolute;right:0; top:0; height:100%;border-right:1px dashed #ddd;}
.g-map .map_list a li:after{content:""; position:absolute;bottom:0; left:0; width:100%; border-bottom:1px dashed #ddd;}
.g-map .map_list a:nth-child(3n) li:before{ border-right:0;}

/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/*默认下拉导航
.erji{display: none;position:fixed; right:0; top:0; width:100%; z-index: 99999; max-width:640px; height:100%; padding:6rem 0;background: rgba(0,0,0,0.8);}
.erji .ul a{line-height: 4rem;height: 4rem; border-bottom:rgba(255,255,255,0.25) 1px solid; width: 100%;text-align: center;}
.erji .ul a:last-child{border-bottom:none;}
.erji .ul a{font-size: 1.4rem;color: #ffffff;display: block;width: 100%;}
.erji .cs{ display:block; position:absolute; right:0.8rem; top:0.8rem; width:20px; height:20px;}
*/


#Details_Page{}
body{padding-top:5rem;}


/*内页底部浮动导航*/
.pro-nav{position:fixed;width:100%;text-align:center;bottom:4.08rem;left:0;z-index:100;opacity: 0.8;}
.pro-nav .more{display:block;height:3rem;line-height:3rem;background:#222; background-size: contain; font-size:1rem;color:#ffffff;}
.pro-nav-list{position:absolute;width:100%;bottom:100%;left:-100%;background:#222; background-size: contain; -webkit-transition:left .3s linear;transition:left .3s linear;}
.pro-nav-list li a{display:inline-block;width:100%;height:2.5rem;line-height:2.5rem;border-bottom:1px solid #333333;text-align:center;color:#ffffff;font-size:0.83rem; box-sizing:border-box;}
.pro-nav-list li span{ display:inline-block; position:absolute; right:0; z-index:99; width:25%; padding-right:5%; color:#ffffff; text-align:right; height:2.5rem;line-height:2.5rem; border-bottom:1px solid #444;font-size:0.83rem; border-bottom:none; }
.pro-nav-list li a.cur{ color:orange; font-weight:bold;}
.pro-nav-list li a:first-child{border-top:0;}
.pro-nav-list.open{left:0;}

.pro-nav-list li{ position:relative; font-size:0;}
.pro-nav-list li p{ display:none; position: absolute;left: 100%;bottom: 2.5rem;width: 100%; background:rgba(0,0,0,0.7);}
.pro-nav-list li p span{ display:block;text-align:left;position: static;text-indent: 2rem;font-size: 1.5rem;border-bottom: 1px solid #666666;width: 100%;}
.pro-nav-list li p a{ display:inline-block; width:50%; border-right:1px solid #333333; box-sizing:border-box;}
.pro-nav-list li p.odd a:last-child{ width:100%; border-right:none;}
.pro_menu a{ width:50%;display: inline-block;float: left;}



/*----------------------------------------------------------------------------------------------------------------------------*/
/*--------------------头部样式，底部样式替换----------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/




/******************算定义样式 http://www.xiaobiu.com 2020/11/10 0:01:08**********************/
.header{ display: flex; height: 5rem; position: fixed; top:0; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; z-index: 99; background: #ffffff; justify-content:space-between;align-items: center; box-shadow:0 0 0.2rem #ddd; }
.header .logo{ margin-left: 1rem;}
.header .logo img{ display: block;  width: 7.55rem; max-height: 72%;  }
.header .logo_bt{ width: 40.3rem; justify-content: space-between; display: flex; align-items: center; }
.logo_bt h2{ margin-left: 0.75rem; font-weight: lighter; font-size: 1.5rem; color: #e85c21;}
.logo_bt h2 strong{ font-weight: bolder; padding-right: 0.75rem;}
.logo_bt .droplist{ margin-right: 1.17rem;}
.logo_bt .droplist img{ width: 3rem; display: block;}
/*下拉菜单*/
.menu{ position: fixed; display: none; opacity: 0; max-width: 750px; margin: 0 auto; z-index: 99999; top: 5rem; background: url(../images/menu_bg.jpg) no-repeat center top; height: 100%; background-size: cover; width: 100%; }
.menu p{ padding: 1.5rem 1rem 3.4rem; }
.menu p a{ line-height: 4rem; font-size:1.26rem; display: block; border-bottom: 0.05rem dashed #3c4241; text-align: center; color: #dfdfdf; -webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.menu .tel img{ width: 1.5rem; display: inline-block; vertical-align: middle; margin-right: 0.42rem; }
.menu .tel{ height: 3rem; line-height:3rem;  width: 15.41rem; border-radius: 2rem; display: block; margin: 0 auto; text-align: center; background: #e85c21; color: #ffffff; }
.menu .tel span{ color: #ffffff; font-size:1.26rem;}
/*底部漂浮导航*/
/*返回顶部*/
.footer{ padding-top: 2.75rem; padding-bottom: 8rem; background: #ffffff; text-align: center;}
.footer .top{ display: inline-block; margin-bottom: 3.2rem; padding-top: 0.5rem; }
.footer .top img{width: 4.3rem; display: block; margin: 0 auto;}
.footer .top span{ color: #1F1F1F; font-size: 1.6rem; margin-top: 0.5rem; display: block;}
.footer p{ margin-bottom: 0.5rem;}
.footer p,.footer p a { font-size: 1.3rem; color: #666666; line-height: 1.8rem;}
.footer p a{ display: inline-block; margin-left: 1rem; margin-right: 1rem;}
/*客服e74d45*/
.kefu{ background: #333333; position: fixed; z-index: 999; bottom: 0; width: 100%; max-width: 750px; margin: 0 auto;}
.kefu ul{ height: 6.45rem; z-index: 9999; display: flex; justify-content: space-between; align-items: center; }
.kefu ul li { text-align: center; width: 25%; position: relative;  height: 6.45rem;}
.kefu ul li.cur{ background: #e85c21;}
.kefu ul li span{ display: block; color: #ffffff; font-size: 1.2rem; margin-top: 0.5rem;}
.kefu ul li img{ height: 2.5rem; width:auto; display: block; margin: 0 auto; margin-top: 1rem; }
.kefu ul .home { align-items: center;display: flex;justify-content: center;}
.kefu ul .home img{ width: 2.5rem; max-height: 2.5rem; }
.kefu ul li::before{ content: ''; position: absolute; top: 1.85rem; right: 0.04rem; width: 0.04rem; height: 2.92rem; background: #057662; background: linear-gradient(to bottom,#999999,#999999,#999999); 
    background: -webkit-linear-gradient(to bottom,#999999,#999999,#999999);
}
.kefu ul li.cur::before{ display: none;}
.kefu ul li:last-child::before{display: none;}
.kefu ul li:last-child::after{display: none;}

.fixed_lang{position: fixed;right: 0rem;bottom:8rem;z-index: 99;}
.fixed_lang a{width: 40px;height: 36px;display: block;background: #fff;box-shadow: 0 0 0.5rem rgba(0,0,0,0.15);font-size: 20px;line-height: 36px;color: #333;border-radius: 4px;text-align: center;}