@charset "utf-8";

body { font-size: 14px; font-family: "微软雅黑","Arial",Verdana,Arial,Helvetica,sans-serif; background: #fff; }
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;}
.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;}


@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;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:#999}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
input[type=button],input[type=reset],input[type=submit],input[type=text]{-webkit-appearance:none}
textarea{-webkit-appearance:none}

/*排版通用*/
.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.6rem;color: #999999!important;}

/*开屏秀*/
.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; }

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


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

/* 内页分页样式  */
.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:.916rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #d9d9d9;box-shadow:0 1px #fff;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:"";position:absolute;left:0;top:0;width:100%;border-top:1px solid #fff}
.m-btit span{padding:0 8px;position:relative;height:100%;top:-12px;display:inline-block}
.m-btit span:before{content:"";position:absolute;background:#7c7c7c;width:8px;height:8px;left:2px;top:3px;z-index:10;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m-btit span:after{content:"";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(#eee));background-image:-webkit-linear-gradient(top,#f2f2f2,#eee);background-image:-moz-linear-gradient(top,#f2f2f2,#eee);background-image:-o-linear-gradient(top,#f2f2f2,#eee);background-image:-ms-linear-gradient(top,#f2f2f2,#eee);background-image:linear-gradient(top,#f2f2f2,#eee);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}


/*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 }

/*站点地图*/
.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;}

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

/*内页底部浮动导航*/
.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**********************/
a,body,body .wrap,h1,h2,h3,h4{font-family:Arial}
.hd{height:5.5rem;position:relative;z-index:100;background:#fff}
.hd .h_con{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;padding:0 4%;box-sizing:border-box;height:5.5rem}
.hd .logo{width:4.1rem;display:flex;align-items:center}
.hd .logo a{display:block;line-height:0}
.hd .logo img{display:block;width:100%;height:auto}
.hd .nav,.hd nav{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center}
.hd .nav a,.hd nav a{font-size:1.25rem;color:#2c2c2c;font-weight:400;line-height:1;transition:all .3s ease}
.hd .nav a.on,.hd .nav a:hover,.hd nav a.on,.hd nav a:hover{color:#f26522}
.hd .nav span,.hd nav span{font-size:1.25rem;color:#2c2c2c;margin:0 .85rem;line-height:1;font-weight:400;user-select:none}
.hd .navbtn{width:2.25rem;height:2.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
.hd .navbtn img{display:block;width:100%;height:auto}
.hd .navbtn:hover{transform:scale(1.08);-webkit-transform:scale(1.08)}
.menu2{position:relative;z-index:9}
header .menu2{position:fixed;top:0;left:0;right:0;width:100%;max-width:750px;margin:0 auto;z-index:999;pointer-events:none}
header .menu2 .slideMenu{width:100%;display:none;z-index:80;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);height:100vh;max-width:750px;margin:0 auto;pointer-events:auto}
.menu2 ul{overflow-y:auto;padding:6rem 8% 4rem;background:#f8f9fa;height:100vh;width:75%;max-width:320px;box-sizing:border-box;position:fixed;top:0;left:-100%;z-index:90;box-shadow:2px 0 12px rgba(0,0,0,.15);pointer-events:auto}
.menu2 ul li a{color:#333;display:block;line-height:4.6rem;text-align:left;font-weight:700;border-bottom:1px solid #e2e2e2;font-size:1.35rem;transition:all .3s ease}
.menu2 ul li a.on,.menu2 ul li a:hover{color:#f26522;padding-left:.5rem}
.menu2 .close{position:absolute;width:4rem;height:4rem;right:2rem;top:1.5rem;background:url(/mobile/images/close.png) no-repeat center;background-size:2.2rem auto;cursor:pointer;transition:all .3s ease}
.menu2 .close:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);filter:brightness(0);-webkit-filter:brightness(0)}
.footer{background:#fff;padding-bottom:5rem}
.footer .f_con{padding:3rem 1rem 2.6rem;box-sizing:border-box;text-align:center;position:relative}
.footer .f_con .sms_icons{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;gap:.8rem;margin-bottom:.5rem}
.footer .f_con .sms_icons a{display:inline-block;line-height:0;transition:transform .3s ease}
.footer .f_con .sms_icons a img{width:2.5rem;height:2.5rem;border-radius:50%;display:block}
.footer .f_con .sms_icons a:hover{transform:translateY(-2px)}
.footer .f_con .copyright{font-size:1rem;color:#555;margin:0;line-height:1.4;font-weight:400}
.footer .f_sitebar{position:fixed;right:1rem;bottom:4.8rem;z-index:99}
.footer .f_sitebar .go_top,.footer .f_sitebar .tel{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;width:2.3rem;height:2.3rem;background:#0b355f;box-shadow:0 .2rem .8rem rgba(0,0,0,.15);border-radius:50%;margin-bottom:.6rem;cursor:pointer;transition:all .3s ease}
.footer .f_sitebar .go_top img,.footer .f_sitebar .tel img{height:auto;display:block;width: 100%;}
.footer .f_sitebar .go_top:hover,.footer .f_sitebar .tel:hover{background:#f26522;transform:translateY(-2px)}
.footer .f_nav{height:5rem;background:#f36129;min-width:320px;max-width:750px;width:100%;position:fixed;bottom:0;left:0;right:0;margin:0 auto;z-index:1000;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;box-sizing:border-box}
.footer .f_nav ul{display:flex;display:-webkit-flex;width:100%;height:100%;margin:0;padding:0;list-style:none}
.footer .f_nav ul li{width:20%;height:100%;position:relative}
.footer .f_nav ul li:not(:last-child)::after{content:"";position:absolute;right:0;top:22%;height:56%;width:1px;background:rgba(255,255,255,.4)}
.footer .f_nav ul li a{height:100%;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;text-align:center;text-decoration:none;padding:.2rem 0;box-sizing:border-box;transition:background-color .2s ease}
.footer .f_nav ul li a img{width:1.75rem;display:block;object-fit:contain;margin:0 auto .5rem}
.footer .f_nav ul li a span{display:block;font-size:1rem;color:#fff;line-height:1;font-weight:500;white-space:nowrap}
.footer .f_nav ul li a:hover{background:rgba(0,0,0,.08)}
.animate-on-scroll,.fade-in,.fade-left,.fade-right,.fade-up,.zoom-in{transition-property:opacity,transform,box-shadow!important;transition-duration:.8s!important;transition-timing-function:cubic-bezier(0.16,1,0.3,1)!important;will-change:opacity,transform}
.fade-up{opacity:0;transform:translateY(2rem)}
.fade-up.in-view{opacity:1;transform:translateY(0)}
.fade-in{opacity:0}
.fade-in.in-view{opacity:1}
.fade-left{opacity:0;transform:translateX(-2rem)}
.fade-left.in-view{opacity:1;transform:translateX(0)}
.fade-right{opacity:0;transform:translateX(2rem)}
.fade-right.in-view{opacity:1;transform:translateX(0)}
.zoom-in{opacity:0;transform:scale(.92)}
.zoom-in.in-view{opacity:1;transform:scale(1)}
.delay-1{transition-delay:0.1s!important}
.delay-2{transition-delay:0.2s!important}
.delay-3{transition-delay:0.3s!important}
.delay-4{transition-delay:0.4s!important}
.delay-5{transition-delay:0.5s!important}
.delay-6{transition-delay:0.6s!important}