*{margin: 0; padding: 0}
ul,li{list-style: none}
body, input, select, textarea{font-family:'Microsoft YaHei', '微软雅黑';}
body{color: #333; font-size: 14px; background-color: #f7f7f7; min-width:1400px;}
body a{color: #333; text-decoration: none;}
body a:hover{color: #ea412e;}
video{outline: none;}
:focus {outline: 0;}
/*截取字数*/
.ellipsis{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis;}
/* 多行截取字符 */
.ellipsisLine {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.line3{-webkit-line-clamp: 3;}
.line4{-webkit-line-clamp: 4;}
.line5{-webkit-line-clamp: 5;}
.line6{-webkit-line-clamp: 6;}
.line7{-webkit-line-clamp: 7;}
.line8{-webkit-line-clamp: 8;}
/* 滚动样式 */
.scrollbar::-webkit-scrollbar {width: 6px; height: 6px}
.scrollbar::-webkit-scrollbar-track {background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em;border-radius: 2em;}
.scrollbar::-webkit-scrollbar-thumb { background-color: #9c9da0;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em}

/*请除float样式*/
.clearfix::before,.clearfix::after{ content:""; height: 0; display: block; overflow: hidden; clear: both; line-height: 0; width: 100%;}
.required:after{content: '*';color:#ea412e; position: absolute;font-weight: bold; line-height:38px;top: 0; right: 5px; font-size:12px}
/* 主体宽度 */
.pageWidth{ width: 1200px; margin: 0 auto;}
/* 文本位置 */
.tl{text-align: left;}
.tc{text-align:center;}
.tr{text-align:right;}

/* 浮动位置 */
.fl{ float: left;}
.fr{float: right;}
/* 带图标文字 */
.iconName{cursor: pointer;}
.iconName span{ display: inline-block; vertical-align: middle; font-size: 16px;}
.iconName i{ display:inline-block; vertical-align: middle; font-size: 20px;}

/* 无数据提示 */
.emptyTip{ text-align: center; padding: 100px 0;}
.emptyTip .tipIcon{background-position: top center; background-repeat: no-repeat; height: 170px; background-image: url("/tpl/images/emptyTip.jpg");}
.emptyTip .tipText{ padding-top: 20px; font-size: 16px; line-height: 30px;}

/* 分页样式 */
.pagedList{  text-align: center; padding: 10px 0;}
/* 头部区域 */
#webHeader{background-color: #cc3626; font-size: 15px; position: relative; z-index: 99;}
#webHeader.isFixed{position: fixed; z-index: 999;  left: 0; top: 0; right: 0;}
#webHeader.isTransparent{ background-color: rgba(0,0,0,.15);}
#webHeader .headerBox{ width: 1400px; margin: 0 auto; position: relative; height: 75px;}
#webHeader .webLogo{ position: absolute; left: 0; top: 0; bottom: 0; width:240px; display: block; background-image: url("/tpl/images/logo.png"); background-repeat: no-repeat;}

/* 头部集团公司 */
#webHeader .llwGroup{ position: absolute; left: 260px; top: 20px; width: 120px;}
#webHeader .llwGroup .groupName{ height: 30px; color: #fff; cursor: pointer; line-height: 30px; }
#webHeader .llwGroup .groupName i.siconfont{ margin-left: 5px; display: inline-block; font-size: 26px; vertical-align: middle; margin-top: -4px;}
/* #webHeader .llwGroup:hover ul.childList{ display: block;} */

/* 头部导航 */
#webHeader .webMenu{ position: absolute; left: 400px; top: 20px; height: 30px; right: 110px; }
#webHeader .webMenu > ul > li{ float: left; margin-left: 20px; position: relative;}
#webHeader .webMenu > ul > li > a{ display:block; height: 30px; line-height: 30px; text-align: center; color: #fff;}
#webHeader .webMenu > ul > li > a:hover{ font-weight: bold; color: #fff;}
#webHeader .webMenu > ul > li > a i.sicon-down{ margin-left: 5px; font-size: 12px;  vertical-align: middle;}
#webHeader .webMenu > ul > li > a i.sicon-menu{ margin-right: 5px; font-size: 24px; vertical-align: middle;}
#webHeader .webMenu ul.childList{ padding: 10px 0; width: 170px;}
#webHeader .webMenu ul.childList li{ padding: 0;}
#webHeader .webMenu ul.childList li a{ height: 40px; line-height: 40px;}
#webHeader .webMenu ul.childList li a:hover{ background-color: #ea412e17;}
/* #webHeader .webMenu li:hover ul.childList{ display: block;} */

/* 头部会员 */
#webHeader .webMember{ position: absolute; right: 0; top: 20px; height: 30px; line-height: 30px; white-space: nowrap; color: #fff;}
#webHeader .webMember a{ display: inline-block; margin: 0 10px; color: #fff; position: relative;}
#webHeader .webMember a:hvoer{ font-weight: bold;}
#webHeader .webMember .splitLine{ background-color: #fff;}

/* 带箭头的下拉菜单 */
ul.childList{ display: none; position: absolute; background-color: #fff; left: 50%; top: 40px; z-index: 9; padding: 10px; width: 150px; margin-left: -96px; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); word-break: break-all; font-size: 14px;}
ul.childList li{ padding: 5px 0;}
ul.childList li a{ display: block; height: 25px; line-height: 25px; text-align: center;}
.mArrow{ height: 12px; text-align: center; position: absolute; top: -13px; left: 0; right: 0;}
.mArrow::before{ content: ""; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 7px solid #fff; position: absolute; bottom: 0; left: 50%; margin-left: -2px;}
/* 分隔线 */
.splitLine{display: inline-block; height: 14px; width: 1px; vertical-align: middle;}

/* 首页Banner */
.columnBanner{ height: 600px; background-image: url("/tpl/images/h_banner.png"); background-repeat: no-repeat; background-position: top center;}
.columnBanner .bannerCon{ width: 1200px; margin: 0 auto;}
.columnBanner .bannerTitle{ font-size: 50px; text-align: center; font-weight: 700; letter-spacing: 9px; text-shadow: 0 2px 4px rgba(0,0,0,.5); padding-top: 170px; color: #fff;}
.columnBanner .bannerDesc{ padding-top: 20px; text-align: center; font-size: 0; height: 65px;}
.columnBanner .bannerDesc li{ display: inline-block; margin: 0 10px; vertical-align: top; font-size: 14px; white-space: nowrap; font-size: 18px; color: #fff;}
/* 综合查询 */
.columnBanner .bannerSearch{ width: 840px; margin: 0 auto;}
.columnBanner .bannerSearch .bs_link{ height: 30px; font-size: 0;}
.columnBanner .bannerSearch .bs_link a{ display:inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 15px; white-space: nowrap; color: #fff; margin-right: 5px;}
.columnBanner .bannerSearch .bs_link a:hover,.columnBanner .bannerSearch .bs_link a:first-child{ background-color: #ea412e; color: #fff;}

/* 商标搜索 */
.h_search{ height: 63px; background-color: #fff; position: relative; z-index: 9;}
.h_search .searBox_con{ width: 710px; position: relative;}
.h_search .searBox_con .searchType{ width: 100px; height: 30px; line-height: 30px; text-align: center; position: absolute; left: 14px; top: 15px;}
.h_search .searchType .typeName{ cursor: pointer;}
.h_search .searchType .typeName span{ display: inline-block; vertical-align: middle; font-size: 16px;}
.h_search .searchType .typeName i{ display:inline-block; vertical-align: middle; font-size: 20px;}
.h_search .searBox_con .searchType ul.childList{width: 130px; padding: 10px 0; margin-left: -64px;}
.h_search .searchType ul.childList li{ cursor: pointer;}
.h_search .searchType ul.childList li:hover{ background-color: #ea412e17;}
.h_search .searchType ul.childList li.on{ color:#ea412e;}
.h_search .searchType ul.childList li.on:hover{ background-color:transparent;}
.h_search .searBox_con .splitLine{ background-color: #dedede; position: absolute; left: 126px; top: 24px;}
.h_search .searBox_con .searBox_input{ position: absolute; top: 13px; left: 142px; width: 410px; height: 35px;}
.h_search .searBox_con .searBox_input > input{ border: 0; height: 35px; background: transparent; width: 100%; outline: none; color: #606266; font-size: 16px;}
.h_search .searBox_con .searBox_input > input:focus{outline: none;}
.h_search .searBox_con .allTypeLink{ position: absolute; top: 13px; right: 117px; width: 35px; height: 35px; cursor: pointer; text-align: center; line-height: 35px; color: #9b9b9b;}
.h_search .searBox_con .allTypeLink .siconfont{ font-size: 20px;}
.h_search .searBox_con .sb_allType{ width: 100px; height: 45px; line-height: 30px; text-align: center; position: absolute; right: 15px; top: 15px;}
.h_search .sb_allType .typeName{ cursor: pointer;}
.h_search .sb_allType .typeName span{ display: inline-block; vertical-align: middle; font-size: 16px;}
.h_search .sb_allType .typeName i{ display:inline-block; vertical-align: middle; font-size: 20px;}
.h_search .sb_allType .typeList{ position: absolute; right: -17px; top: 43px; width: 660px; padding: 10px; background-color: #fff; min-height: 250px; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); color: #606266; display: none;}
/* .h_search .sb_allType:hover .typeList{ display: block;} */
.h_search .sb_allType .typeList a{color: #606266;}
.h_search .sb_allType .typeList .mArrow{ left:auto; right: 70px;}
.h_search .sb_allType .typeList .tl_top{ height: 40px; line-height: 30px; position: relative;}
.h_search .sb_allType .typeList .tlt_link{ color: #ea412e; position: absolute; left: 0px; top: 0;}
.h_search .sb_allType .typeList .tl_right{ position: absolute; right: 10px; top: 0; white-space: nowrap;}
.h_search .sb_allType .typeList .tl_checkbox{ display: inline-block; vertical-align: top; white-space: nowrap;}
.h_search .sb_allType .typeList .checkType{ margin-left: 10px; display: inline-block; white-space: nowrap;}
.h_search .sb_allType .typeList .checkType b{ padding:0 3px; color: #ea412e;}
.h_search .sb_allType .tl_list{display: grid; grid-column-gap: 0;grid-row-gap: 0;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));grid-template-rows: repeat(auto-fill,30px);}
.h_search .sb_allType .tl_list li{ border: 1px solid #ddd; height: 30px; line-height: 30px; text-align: center; cursor: pointer; font-weight: bold;}
.h_search .sb_allType .tl_list li.on{ color: #fff; background-color: #ea412e;}
.h_search .sb_allType .tl_list li:not(:nth-of-type(6n+1)){ border-left: 0;}
.h_search .sb_allType .tl_list li:not(:nth-of-type(-n+6)){ border-top: 0;}
.h_search .sb_allType .tl_list li:hover{ color: #ea412e;}
.h_search .sb_allType .tl_list li.on{ background-color: #ea412e; color: #fff;}
.h_search .sb_allType .tl_list li.on:hover{color: #fff;}
.h_search .searBoxBtn{ position: absolute; right: 0; width:128px; top: 0; cursor: pointer; background-color: #ea412e; color: #fff; height: 63px; display: block; text-align: center; line-height: 63px;}

/* 首页公告 */
.h_notice{ background-color: rgba(0,0,0,.1); height: 43px; padding-top: 5px; position: relative; color: #fff; margin-top: 75px!important;}
.h_notice a{ color: #fff;}
.h_notice a:hover{ color: #fff; font-weight: bold;}
.h_notice .noticeName{ position: absolute; left: 24px; height: 38px; line-height: 38px; width: 100px; cursor: default;}
.h_notice .noticeName > span{ display: inline-block; vertical-align: middle;}
.h_notice .noticeName > i{ display: inline-block; margin-left: 5px; vertical-align: middle;}
.h_notice ul.list{ position: absolute; left: 140px; width: 1050px;}
.h_notice ul.list li{ width: 330px; margin-left:25px; float: left;  height: 38px; line-height: 38px;}
.h_notice ul.list li:first-child{ margin: 0;}

/* 商标统计 */
.h_total{ background-color: #f9f9f9; color: #fff;}
.h_total .totalList{ padding: 20px 0;}
.h_total .totalList li{ width: 285px; margin-left: 20px; height: 125px; float: left; background-repeat: no-repeat; background-size: 100%; background-image: url("/tpl/images/h_num_1.jpg");}
.h_total .totalList li.item_1{ margin-left: 0;}

.h_total .totalList li .info{ padding-top: 25px; height: 50px; line-height: 40px;}
.h_total .totalList li .num{ font-size: 36px; display: inline-block; font-weight: bold;}
.h_total .totalList li .unit{ margin-left: 3px; display: inline-block; vertical-align: bottom;}
.h_total .totalList li .totalText{ font-size: 16px;}

/* 首页栏目标题 */
.h_title{height: 80px; font-size: 28px; font-weight: bold;}

/* 知产服务 */
.h_zcfw{ padding-top: 45px; padding-bottom: 58px; background-color: #fff;}
.h_zcfw .tabList{ float: left; width: 220px;}
.h_zcfw .tabList li{ padding-top: 49px; height: 74px; text-align: center; border-bottom: 1px solid #ddd; background-color: #f9f9f9; cursor: pointer; line-height: 30px; position: relative; z-index: 1;}
.h_zcfw .tabList li.on{ background-color: #ea412e; border-bottom-color: #ea412e; color: #fff; box-shadow:0 6px 6px 0 rgba(0,0,0,.2); z-index: 9;}
.h_zcfw .tabList li:last-child{border-bottom: 0!important;}
.h_zcfw .tabList li i{display: inline-block; font-size: 28px; vertical-align: middle;}
.h_zcfw .tabList li span{ display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 20px; margin-top: -8px;}
.h_zcfw .itemList{ float: right; width: 960px;}
.h_zcfw .itemList .tabItem{ display: none;}

.h_zcfw .tabItem .showList_1{ min-height: 270px;}
.h_zcfw .showList_1 .sl_link{ display: block; border: 1px solid #ddd; background-color: #fff; width: 285px; height: 223px; padding: 10px; float: left; transition: .3s; border-radius: 4px; margin-left: 15px;}
.h_zcfw .showList_1 .sl_link:first-child{ margin-left: 0;}
.h_zcfw .showList_1 .sl_link .sl_img{ padding-top: 25px; height: 80px;}
.h_zcfw .showList_1 .sl_link .sl_img img{height: 64px;}
.h_zcfw .showList_1 .sl_link .sl_title{ height: 35px; font-size: 18px;}
.h_zcfw .showList_1 .sl_link .sl_desc{ font-size: 14px; color: #828282; height: 30px;}
.h_zcfw .showList_1 .sl_link .sl_price{ color: #ea412e; font-size: 14px;}
.h_zcfw .showList_1 .sl_link .sl_price span{ font-size: 20px; margin:0 3px;}
.h_zcfw .showList_1 .sl_link .sl_view{ display: none; width: 88px; height: 30px; line-height: 30px; color: #fff; background-color: #ea412e; margin:0 auto; margin-top: 5px; border-radius: 20px;}
.h_zcfw .showList_1 .sl_link:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.h_zcfw .showList_1 .sl_link:hover .sl_desc{ display: none;}
.h_zcfw .showList_1 .sl_link:hover .sl_view{ display: block;}

.h_zcfw .showList_1 .sl_link{ margin-bottom: 15px; height: 219px;}
.h_zcfw .showList_1 .sl_link:nth-child(n+4){margin-bottom: 0;}
.h_zcfw .showList_1 .sl_link:nth-child(4){ margin-left: 0;}
.h_zcfw .showList_1 .sl_more .sl_img{ margin-top: 10px; margin-bottom: 20px;}

.h_zcfw .showList_2 .sl_link{ display: block; border: 1px solid #ddd; background-color: #fff; width: 100px; height: 80px; padding: 20px 10px 0 65px; float: left; transition: .3s; border-radius: 4px; margin-left: 17px; margin-top: 20px; position: relative;}
.h_zcfw .showList_2 .sl_link:nth-child(5n+1){ margin-left: 0;}
.h_zcfw .showList_2 .sl_link:nth-child(-n+5){ margin-top: 0;}
.h_zcfw .showList_2 .sl_link .sl_img{ position: absolute; top: 25px; left: 12px;}
.h_zcfw .showList_2 .sl_link .sl_img img{ display: block; width: 50px; height: 50px;}
.h_zcfw .showList_2 .sl_link .sl_title{ height:28px; font-size: 16px;}
.h_zcfw .showList_2 .sl_link .sl_more{ font-size: 16px; padding-top: 15px;}
.h_zcfw .showList_2 .sl_link .sl_price{ color: #ea412e; font-size: 14px;}
.h_zcfw .showList_2 .sl_link .sl_price span{ font-size: 16px; margin:0 3px;}
.h_zcfw .showList_2 .sl_link:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}


.h_zcfw .tabItem .showList_3{border: 1px solid #ddd; background-color: #fff;}
.h_zcfw .showList_3 .sl_link{ display: block; background-color: #fff; width:191px; height: 183px;  float: left; transition: .3s; padding-top: 40px;}
.h_zcfw .showList_3 .sl_link:first-child{ margin-left: 0;}
.h_zcfw .showList_3 .sl_link .sl_con{height: 150px; border-right: 1px dashed #ddd; transition: .3s;}
.h_zcfw .showList_3 .sl_link .sl_img{height: 60px;}
.h_zcfw .showList_3 .sl_link .sl_img img{height: 50px;}
.h_zcfw .showList_3 .sl_link .sl_title{ height: 30px; font-size: 14px;}
.h_zcfw .showList_3 .sl_link .sl_desc{ font-size: 12px; color: #828282; margin:0 auto; width: 160px;}
.h_zcfw .showList_3 .sl_link .sl_price{ color: #ea412e; font-size: 12px;}
.h_zcfw .showList_3 .sl_link .sl_price span{ font-size: 14px; margin:0 3px;}
.h_zcfw .showList_3 .sl_link .sl_view{ display: none; width: 88px; height: 30px; line-height: 30px; color: #fff; background-color: #ea412e; margin:0 auto; margin-top: 5px; border-radius: 20px;}
.h_zcfw .showList_3 .sl_more .sl_img{ padding-top: 10px;}
.h_zcfw .showList_3 .sl_link:last-child{ width: 194px;}
.h_zcfw .showList_3 .sl_link:last-child .sl_con{ border-right: 0;}
.h_zcfw .showList_3 .sl_link:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.h_zcfw .showList_3 .sl_link:hover .sl_con{ margin-top: -10px;}
.h_zcfw .showList_3 .sl_link:hover .sl_desc{ display: none;}
.h_zcfw .showList_3 .sl_link:hover .sl_view{ display: block;}



/* 解决方案 */
.h_jjfa{ background-image: url("/tpl/images/h_jjfa_bg.jpg"); background-repeat: no-repeat; background-position: top center;}
.h_jjfa .jjfaBox{ padding-top: 50px; padding-bottom: 74px; min-height: 476px;}
.h_jjfa .fa_item{ background-color: #fff; padding: 0 40px; width: 500px; height: 392px;}
.h_jjfa .fa_item .item_top{ padding-top: 40px; height: 90px; border-bottom: 1px solid #ddd; padding-left: 200px; position: relative;}
.h_jjfa .fa_item .itemIcon{ width: 80px; height: 60px; position: absolute; left: 110px; top: 40px; background-repeat: no-repeat;}
.h_jjfa .fa_zsgl .itemIcon{ background-image: url("/tpl/images/h_zsgl.jpg");}
.h_jjfa .fa_nfjk .itemIcon{ background-image: url("/tpl/images/h_nfjk.jpg");}
.h_jjfa .fa_item .itemName{ font-size: 24px; font-weight: bold; height: 40px;}
.h_jjfa .fa_item .itemDesc{ font-size: 16px;}
.h_jjfa .fa_item .item_con{ padding: 34px 15px 0 15px; height: 120px; font-size: 16px; line-height: 30px;}
.h_jjfa .fa_item .itemBtn{ display: block; width: 140px; height: 40px; line-height: 40px; font-size: 15px; margin: 0 auto; border: 1px solid #ea412e; color: #ea412e; border-radius: 4px; margin-top: 17px;}

.h_advert{ height: 177px; position: relative;}
.h_advert .adLink{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("/tpl/images/home_ad.jpg"); background-repeat: no-repeat; background-position: top center;}

/* 服务客户展示 */
.h_fwkh{ background-color: #fff;}
.h_fwkh .fwkhBox{ padding-top: 55px; padding-bottom: 72px; min-height: 520px;}
.h_fwkh .itemList li{ float: left; width: 374px; margin-left: 38px; background-color: #fff; transition: .3s; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
.h_fwkh .itemList li:first-child{ margin-left: 0;}
.h_fwkh .itemList li .itemImg{ height: 200px;}
.h_fwkh .itemList li .itemImg img{ display: block; width: 100%; height: 200px;}
.h_fwkh .itemList li .itemCon{border-top: 0; padding: 30px 20px;}
.h_fwkh .itemList li .itemName{ height: 45px; font-size: 20px; font-weight: bold;}
.h_fwkh .itemList li .itemDesc{ height: 150px; font-size: 16px; line-height: 30px;}

/* 资讯与问答 */
.h_news{ background-image: url("/tpl/images/h_news.jpg"); background-repeat: no-repeat; background-position: top center;}
.h_news .newsBox{ padding-top: 50px; height: 642px;}
.h_news .news_item{ background-color: #fff; padding: 0 40px; width: 500px; height: 480px;}
.h_news .news_item .item_top{ position: relative; padding-top: 35px; height:50px;}
.h_news .news_item .item_top span{ font-size: 22px; font-weight: bold;}
.h_news .news_item .item_top a{ position: absolute; right: 0; top: 40px; white-space: nowrap; font-size: 16px;}
.h_news .news_sbzx .firstNews{ position: relative; padding-left:230px; height: 160px;}
.h_news .news_sbzx .firstNews .fn_img{ position: absolute; left: 0; top: 0; width: 200px; height: 150px;}
.h_news .news_sbzx .firstNews .fn_img img{ display: block; height: 150px; width: 200px;}
.h_news .news_sbzx .firstNews .fn_name{ height: 40px; line-height: 40px; font-size: 17px;}
.h_news .news_sbzx .firstNews .fn_desc{ font-size: 14px; line-height: 35px; height: 70px;}
.h_news .news_sbzx .firstNews .fn_date{ color: #949494; font-size: 14px; margin-top: 10px;}
.h_news .news_sbzx ul li{ height: 50px; line-height: 50px; position: relative; padding-right: 90px; font-size: 16px; border-bottom: 1px solid #ddd;}
.h_news .news_sbzx ul li:last-child{border-bottom: 0;}
.h_news .news_sbzx ul li span.date{ position: absolute; right: 0; top: 0; white-space: nowrap; color: #949494;}

.h_news .news_zxjt ul.nameList{ height: 170px;}
.h_news .news_zxjt ul.nameList li{ float: left; width: 220px; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 16px; cursor: pointer;}
.h_news .news_zxjt ul.nameList li i{ display: inline-block; vertical-align: middle; margin-right: 3px; margin-top: -3px;}
.h_news .news_zxjt ul.nameList li:hover,.h_news .news_zxjt ul.nameList li.on{ color: #ea412e;}
.h_news .news_zxjt ul.nameList li:nth-child(2n){ margin-left: 40px;}
.h_news .news_zxjt ul.nameList li:nth-child(5),.h_news .news_zxjt ul.nameList li:nth-child(6){border-bottom: 0;}
.h_news .news_zxjt ul.textList{ background-color:#f7f7f7; padding: 20px 10px 20px 20px; }
.h_news .news_zxjt ul.textList li{display: none; line-height: 30px;  padding-right: 10px; height: 150px; overflow: auto;}

#footer{ font-size: 16px; background-color: #fff;}
#footer .f_links{ padding-top: 30px; min-height: 40px; line-height: 40px; padding-bottom: 30px;}
#footer .f_links span{ padding: 0 15px;}
#footer .f_menu{ padding: 30px 0; height: 30px; line-height: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#footer .f_menu span{ padding: 0 15px;}
#footer .f_logo{ padding:35px 0;}
#footer .f_logo img{ height: 60px;}
#footer .f_copyright{padding-bottom: 35px; line-height: 40px; min-height: 40px;}

.pageBanner{ height: 360px; position: relative; z-index: 1; background-position: top center; background-repeat: no-repeat; background-image: url("/tpl/images/subBanner.jpg");}
.pageBanner .banner_con{ width: 580px; margin: 0 auto; padding-top: 90px; color: #fff; font-weight: 300;}
.pageBanner .bannerName{ height: 86px; border-bottom: 1px solid #fff; font-size: 68px; line-height: 68px; }
.pageBanner .bannerDesc{ height: 60px; line-height: 60px; font-size: 24px;}

.pageNavList{ height: 60px; position: relative; z-index: 9; margin-top: -30px; background-color: #fff; overflow: hidden;}
.pageNavList li{ float: left;}
.pageNavList li a{ display: block; width: 240px; height:57px; line-height: 60px; border-bottom: 3px solid #fff; font-size: 18px;}
.pageNavList li a:hover,.pageNavList li.on a{ border-color: #ea412e; color: #ea412e;}

/* 普通页面 */
.pageContent{ padding: 10px 0;}
.pageContent .pageConBox{padding: 40px; background-color: #fff;}
.pageContent .pageConView{ min-height: 300px;  line-height: 2;}
.pageContent .pageConView img,.pageCon .pageConView table{ max-width: 100%;}

/* 帮助中心 */
#helpPage .pageConBox{padding: 20px 35px; min-height: 300px;}
#helpPage .searchBox{ text-align: right; height: 50px; clear: both; font-size: 0;}
#helpPage .searchBox > span{ vertical-align: top; font-size: 14px;}
#helpPage .searchBox .text{ display: inline-block; white-space: nowrap; height: 40px; line-height: 40px; padding-right: 5px;}
#helpPage .searchBox .layui-input{ vertical-align: top; width: 300px; display:inline-block; font-size: 14px;}
#helpPage .searchBox .searchBtn{ background-color: #ea412e; color: #fff; margin-left: -2px;}
#helpPage .searchBox .clearBtn{ margin-left: 10px; color: #ea412e; border: 1px solid #ea412e;}
#helpPage .searchBox .clearBtn:hover{ color:#fff; background-color: #ea412e;}
#helpPage .typeList{ width: 200px; float:left; border-right: 1px solid #e6e6e6;}
#helpPage .typeList .fristList > li > a{ display: block; padding: 0 30px; height: 56px; line-height: 56px; background-color:#ea412e; position: relative; color: #fff; }
#helpPage .typeList .fristList > li > a > i{ position: absolute; right: 10px; top: 0; font-size: 12px; transform: rotate(180deg);}
#helpPage .typeList .fristList > li > a.close > i{transform: rotate(0);}
#helpPage .typeList .secondList{padding: 5px 0;}
#helpPage .typeList .secondList > li > a{ display: block; height: 50px; line-height: 50px; padding: 0 40px; transition:background-color .3s,color .3s;}
#helpPage .typeList .secondList > li > a:hover{color: #fff!important; background-color:#ea412e;}
#helpPage .typeList .secondList > li > a.on{ color: #ea412e;}
#helpPage .helpCon{ width: 910px; float: right; }
#helpPage .helpCon .helpList,#helpPage .helpCon .helpInfo{ border: 1px solid #e6e6e6; min-height: 100px; padding: 10px 20px; border-radius: 4px;     transition: .3s; background-color: #fff;}
#helpPage .helpCon .helpList:hover,#helpPage .helpCon .helpInfo:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
#helpPage .helpList ul li{ height: 46px; line-height: 46px; position: relative; padding-left: 10px; font-size: 13px; padding-right: 80px; border-bottom: 1px dotted #e6e6e6;}
#helpPage .helpList > ul { min-height: 100px;}
#helpPage .helpList ul li span.dot{ width: 6px; height: 6px; background-color: #ea412e; border-radius: 50%; position: absolute; top: 20px; left: 0;}
#helpPage .helpList ul li span.date{ position: absolute; right: 0; top: 0; color: #9b9b9b;}

#helpPage .helpCon .infoTitle{ padding: 10px 0; text-align: center; line-height:30px; font-size: 16px; min-height: 30px;}
#helpPage .helpCon .infoContent{ line-height: 2; min-height:200px;}
#helpPage .helpCon .infoContent img,#helpPage .helpCon .infoContent table{ max-width: 100%;}

.newsNavList{ height: 60px; position: relative; z-index: 9; margin-top: 10px; background-color: #fff; overflow: hidden;}
.newsNavList li{ float: left;}
.newsNavList li a{ display: block; width: 240px; height:57px; line-height: 60px; border-bottom: 3px solid #fff; font-size: 18px;}
.newsNavList li a:hover,.newsNavList li.on a{ border-color: #ea412e; color: #ea412e;}

#newsPage .pageConBox{ padding: 20px; min-height: 400px;}
#newsPage .newsList ul li{ height: 46px; line-height: 46px; position: relative; padding-left: 16px; font-size: 13px; padding-right: 80px; border-bottom: 1px dotted #e6e6e6;}
#newsPage .newsList > ul { min-height: 100px;}
#newsPage .newsList ul li span.dot{ width: 6px; height: 6px; background-color: #ea412e; border-radius: 50%; position: absolute; top: 20px; left: 0;}
#newsPage .newsList ul li span.date{ position: absolute; right: 0; top: 0; color: #9b9b9b;}

#newsPage .newsDetail .detailTitle{ padding: 10px 0; line-height: 38px; font-size: 16px; font-weight: bold;}
#newsPage .newsDetail .detailInfo{ line-height: 30px; padding-bottom: 10px;}
#newsPage .newsDetail .detailInfo span.text{ padding: 0 20px; white-space: nowrap; color: #828282;}
#newsPage .newsDetail .detailContent{ min-height: 200px; line-height: 2; padding-bottom: 20px;}
#newsPage .newsDetail .detailContent img,#newsPage .newsDetail .detailContent table{ max-width: 100%;}
#newsPage .detailPage{ padding: 10px 0;}
#newsPage .detailPage .pageLine{ line-height: 30px;}

.typeBanner{ height: 399px; position: relative; z-index: 1; background-position: top center; background-repeat: no-repeat; background-image: url("/tpl/images/typeBanner.jpg");}
.typeBanner .tlInfo{ padding-top: 80px; height: 107px; color: #fff;}
.typeBanner .tlInfo span.name{ font-size: 36px;}
.typeBanner .tlInfo span.text{ padding: 0 8px;}
.typeBanner .tlInfo  a{ color: #ea412e; font-weight: bold;}
.typeBanner .tSearch{ width: 1040px; margin: 0 auto;}
.typeBanner .tSearch .tsTop{ height: 38px; padding-left: 40px; color: #fff;}
.typeBanner .tSearch .tsTop span.btn{ display: inline-block; height: 38px; line-height: 38px; color: #fff; background-color: #ea412e; white-space: nowrap; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 20px;}
.typeBanner .tSearch .tsBox{border-radius: 60px;  height: 65px; background-color:#fff; border: 3px solid #ea412e; padding-left: 36px; position: relative;}
.typeBanner .tSearch .tsBox input{ height: 65px; line-height: 65px; font-size: 16px; width: 840px; border: 0; outline: none;}
.typeBanner .tSearch .tsBox span.btn{ width: 157px; height:65px; line-height: 65px; cursor: pointer; font-size: 22px; position: absolute; text-align: center; background-color: #ea412e; color: #fff; position: absolute; right:-1px; top: 0;  border-top-right-radius: 60px; border-bottom-right-radius: 60px;}
.typeBanner .tSearch .tsBox span.btn i{ font-size: 26px; margin-right: 10px; vertical-align: middle;}

#typePage{ margin: 25px auto; background-color: #fff; min-height: 300px;}
#typePage .allTypeList{ padding: 20px 0;}
#typePage .allTypeList li a{ padding: 20px; display: block; min-height: 28px; line-height: 28px; position: relative; border-bottom: 1px dashed #ddd; cursor: pointer;}
#typePage .allTypeList li span.dot{ width: 4px; height: 16px; position: absolute; left: 20px; top: 26px; background-color: #ea412e;}
#typePage .allTypeList li .name{ position: absolute; width:160px; top:20px; left: 40px; font-size: 16px;}
#typePage .allTypeList li .desc{ padding-left: 210px; color: #929292;}
#typePage .allTypeList li a:hover{ background-color: #fffaef;}
#typePage .allTypeList li a:hover .name{ color: #ea412e;}
#typePage .allTypeList li a:hover .desc{ color: #3a3a3a;}

#typePage .showTypeBox{ padding: 20px;}
#typePage .showTypeList{ padding-bottom: 20px; border-bottom: 1px solid #ea412e; min-height: 50px; position: relative;}
#typePage .showTypeList label{ position: absolute; left: 0; top: 0; height: 30px; line-height: 30px; font-weight: bold;}
#typePage .showTypeList ul{ padding-left: 110px;}
#typePage .showTypeList ul li{ padding-bottom: 5px; float: left; padding-right:2px;}
#typePage .showTypeList ul li a{ display: block; width: 80px; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 4px;}
#typePage .showTypeList ul li a.on,#typePage .showTypeList ul li a:hover{ background-color: #ea412e; color: #fff;}

#typePage .typeChildBox{ padding-top: 30px;}
#typePage .typeChildBox .childList{ float: left; width: 315px; border: 1px solid #ddd;}
#typePage .typeChildBox .childList .title{ height: 50px; line-height: 50px; padding-left: 10px; border-bottom: 1px solid #ddd; font-weight: bold; background-color: #f8f8f8;}
#typePage .typeChildBox .childList li{ line-height: 24px; padding: 12px 10px 12px 20px; position: relative;}
#typePage .typeChildBox .childList li.on::before{content: "";position: absolute; top: 18px;left: 10px;  width: 0; height: 0; border-left: 6px solid #ea412e; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
#typePage .typeChildBox .childList li.on a{color:#ea412e;}
#typePage .typeChildBox .childTable{ float: left; margin-left: -1px; width: 840px;}
#typePage .childTable .layui-table td,#typePage .childTable .layui-table th{ line-height: 32px; min-height: 32px;}
#typePage .childTable .layui-table tr:hover{ background-color:#f8f8f8 ;}

#typePage .keyowrdBox{ padding: 20px;}
#typePage .keyowrdBox .showKeyword{ height: 40px;}
#typePage .keywordTable .layui-table td,#typePage .keywordTable .layui-table th{ line-height: 32px; min-height: 32px;}
#typePage .keywordTable .layui-table tr:hover{ background-color:#f8f8f8 ;}
#typePage .keywordTable a,#typePage .keywordTable .color{ color: #ea412e;}

.queryBanner{ height:399px; position: relative; z-index: 1; background-position: top center; background-repeat: no-repeat; background-image: url("/tpl/images/queryBanner.jpg");}
.queryBanner .qbInfo{ padding-top: 65px; color: #fff; height: 110px;}
.queryBanner .qbInfo .name{ line-height: 1; font-size: 40px; height: 58px; font-weight: bold;}
.queryBanner .qbInfo .text{ font-size: 18px; line-height: 1;}
.queryBanner .searchCon{ width: 794px; margin: 0 auto;}
.queryBanner .scTypeList{ height: 54px;}
.queryBanner .scTypeList > a{ display: inline-block; margin: 0 5px; height: 30px; line-height: 30px; padding: 0 15px; white-space: nowrap; color: #fff;}
.queryBanner .scTypeList > a.on,.queryBanner .scTypeList > a:hover{ background-color: #ea412e; color: #fff;}
.queryBanner .searchBox{ position: relative; height: 63px; background-color: #fff; padding-left: 15px;}
.queryBanner .searchBox > #setKeyword{ height: 63px; line-height:63px; width: 695px; border: 0; outline: none;}
.queryBanner .searchBox > span.btn{ width: 83px; height: 63px; line-height: 63px; cursor: pointer; color: #fff; position: absolute; right: 0; top: 0; background-color: #ea412e; text-align: center;}
.queryBanner .searchBox > span.btn > i{ font-size: 30px;}
.queryBanner .searchBox >  .downloadBtn{ position: absolute; top: 5px; right: -120px; width: 100px; line-height:25px; color: #fff; }
.queryBanner .searchTip{ padding-top: 23px;  color: #fff;}

#queryPage .queryBox{ padding: 30px 0; min-width: 300px;}
#queryPage .queryTypeList{ float: left; width: 295px; background-color: #fff; padding-bottom: 20px;}
#queryPage .queryTypeList ul.firstUl{ padding: 10px 25px;}
#queryPage .queryTypeList ul.firstUl > li > .typeItem{cursor: pointer; height: 50px; line-height: 50px; position: relative; padding: 0 28px; border-bottom: 1px dashed #eee;}
#queryPage .queryTypeList .typeItem .dot{ position: absolute; left: 0; top: 16px; line-height: 1; color: #ea412e; font-size: 22px;}
#queryPage .queryTypeList .typeItem > i.sicon-down{ position: absolute; right: 0; top: 0; color: #606266; font-size: 14px; font-weight: bold;}
#queryPage .queryTypeList .typeItem .text{ font-size: 16px; display: inline-block;}
#queryPage .queryTypeList ul.firstUl > li.on i.sicon-down{transform: rotate(180deg);}
#queryPage .queryTypeList ul.childUl{ border-bottom: 1px dashed #ddd; padding: 15px 0;}
#queryPage .queryTypeList ul.childUl > li{ padding: 10px 0; }
#queryPage .queryTypeList ul.childUl > li .childItem{height: 20px; line-height: 20px; cursor: pointer; position: relative;}
#queryPage .queryTypeList ul.childUl > li .dot{ width: 16px; height: 16px; line-height: 16px; display:inline-block; border:1px solid #d2d2d2; background-color: #fff; border-radius: 2px; transition: .1s linear; color: #fff; font-size: 12px; text-align: center; margin-right: 15px;}
#queryPage .queryTypeList ul.childUl > li.on .dot{ background-color: #ea412e; border-color: #ea412e;}
#queryPage .queryTypeList ul.childUl > li .num{ position: absolute; right: 0; top:0; white-space: nowrap;}

#queryPage .queryCon{ float: right; width: 880px; background-color: #fff; min-height: 800px;}
#queryList{ padding: 20px;  min-height: 100px;}
#queryList .itemList{ min-height: 150px; padding: 25px 0; border-bottom: 1px dashed #ddd; position: relative; padding-left: 170px;}
#queryList .itemList .itemImg{ position: absolute; left: 0; font-size: 0;  top: 32px; border: 1px solid #ddd; width: 140px; height: 140px; text-align: center;}
#queryList .itemList .itemImg img{ display: inline-block; max-width: 100px; max-height: 100px;}
#queryList .itemList .itemImg::before{ width: 0; height: 140px; display: inline-block; vertical-align: middle; content: "";}
#queryList .itemList .itemName{ height: 35px; font-weight: bold; color: #ea412e; font-size: 18px;}
#queryList .itemList ul li{ float: left; width: 300px; padding-right: 20px; height: 25px;}
#queryList .itemList ul li span.name{ color: #919191;}
#queryList .itemList ul li span.text{ color: #333;}
#queryList span.red{ color: #ea412e!important;}
#queryList span.green{ color: #18c385!important;}

.zhuceBanner{ height: 199px; position: relative; z-index: 1; background-position: top center; background-repeat: no-repeat; background-image: url("/tpl/images/zcBanner.jpg"); width: 1200px; margin:0 auto ; margin-top: 25px; margin-bottom: 15px;}
.zhuceBanner .banner_con{ color: #fff; padding-left: 320px; padding-top: 50px;}
.zhuceBanner .bannerItem{ height: 55px;}
.zhuceBanner .bannerItem span.text{ font-size: 24px; font-weight: 500; display: inline-block; line-height: 37px; vertical-align: top;}
.zhuceBanner .bannerItem a.link{ display: inline-block; background-color: #ea412e; color: #fff; margin-left: 10px; vertical-align: top; font-size: 16px; border-radius: 4px; text-align: center; height: 37px; line-height: 35px; width: 110px;}

#zhucePage{ background-color: #fff;  margin-bottom: 75px;}
#zhucePage .zhuceBox{min-height: 500px; padding: 25px; padding-bottom: 50px;}
#zhucePage .zcProgress{ height: 80px;}
#zhucePage .zcProgress .item{ float: left; width: 265px; height: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 16px; background-color: #989898;}
#zhucePage .zcProgress .item.on{ background-color: #ea412e;}
#zhucePage .zcProgress .split{ float: left; width: 30px; height: 40px; position: relative;}
#zhucePage .zcProgress .split:before{content: "";position: absolute;left: 0; top: 0;width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid #989898; border-bottom: 20px solid transparent; background: transparent;}
#zhucePage .zcProgress .split:after{content: "";position: absolute;right: 0; top: 0;width: 0; height: 0; border-top: 20px solid #989898; border-left: 20px solid transparent; border-bottom: 20px solid #989898; background: transparent;}
#zhucePage .zcProgress .split.on::before{border-left-color:#ea412e}

.proBanner{  height: 199px;  z-index: 1; background-position: top center; background-repeat: no-repeat;  width: 1200px; margin:20px auto;}
.proProgress{ width: 1200px; margin: 0 auto; margin-bottom: 20px; background-color: #fff; height:150px;}
.proProgress ul{ padding-top: 25px;}
.proProgress li{float: left; width: 300px;  text-align: center; position: relative;}
.proProgress li > i{ color: #ea412e; font-size: 40px; }
.proProgress li > span.text{ color: #3a3a3a; font-size: 16px; display: block;}
.proProgress li::before{ content: ""; height:65px; width: 1px; background-color: #ddd; position: absolute; left: 0; top: 20px;}
.proProgress li:first-child::before{ display: none;}

#proPage .typeItem{ margin-bottom: 40px; min-height: 100px; position: relative; padding-left: 330px;}
#proPage .typeItem .imgItem{ position: absolute; left: 0; top: 0; bottom: 0; width: 316px; background-color: #fff; background-position: center; background-repeat: no-repeat;  background-image:url("/tpl/images/typeImg.jpg");}
#proPage .typeItem .imgItem .imgInfo{ position: absolute; top: 50%; left: 38px; width: 240px; height: 120px; margin-top: -50px; color: #fff; text-align: center;}
#proPage .typeItem .imgItem .typeName{ border: 1px solid #ea412e80; padding: 4px; margin: 0 auto;}
#proPage .typeItem .imgItem .typeName .text{ height: 46px; line-height: 46px; background-color: #ea412e80; font-weight: 600; font-size: 24px; padding: 0 10px;}
#proPage .typeItem .imgItem .typeDesc{ padding-top: 10px; line-height: 23px;}
#proPage .typeList li{ float: left; padding-left: 10px;}
#proPage .typeList li > a{ display:block;  background-color: #fff; transition: .3s; position: relative; }
#proPage .typeList li .img{ position: absolute; }
#proPage .typeList li .img img{ display: block; width: 50px; height: 50px;}
#proPage .typeList li .name{ height: 37px; line-height: 30px; font-size: 16px; font-weight: 600;}
#proPage .typeList li .desc{ color: #858585; line-height: 25px; height: 50px;}
#proPage .typeList li .price{ color: #ea412e; padding-top: 5px;}
#proPage .typeList li .price span{ padding: 0 3px; font-size: 18px; font-weight: bold;}
#proPage .typeList li .detail{ width: 80px; height: 32px; border: 1px solid #ea412e; color: #ea412e; text-align: center; line-height: 32px; border-radius: 4px; position: absolute; }

#proPage .itemList_1 li{ width: 430px; padding-top: 12px;}
#proPage .itemList_1 li > a{height: 177px; padding-left: 87px; padding-right: 130px;}
/* #proPage .itemList_1 li:first-child{ padding-left: 0;} */
#proPage .itemList_1 li:nth-child(-n+2){ padding-top: 0;}
#proPage .itemList_1 li:nth-child(2n+1){ padding-left: 0;}
#proPage .itemList_1 li .img{left: 20px; top: 60px;}
#proPage .itemList_1 li .name{ padding-top: 30px; }
#proPage .itemList_1 li .detail{ right: 30px; top: 65px;}

#proPage .itemList_2 li{ width:283px; padding-top: 12px;}
#proPage .itemList_2 li > a{height: 153px; padding-left: 20px; padding-right: 115px;}
#proPage .itemList_2 li:nth-child(3n+1){ padding-left: 0;}
#proPage .itemList_2 li:nth-child(-n+3){ padding-top: 0;}
#proPage .itemList_2 li .img{right: 20px; top: 25px;}
#proPage .itemList_2 li .name{ padding-top: 15px; }
#proPage .itemList_2 li .detail{ right: 20px; top: 95px;}


#proPage .typeList li > a:hover{box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);}
#proPage .typeList li > a:hover .name{ color: #ea412e;}
#proPage .typeList li > a:hover .detail{ color: #fff; background-color: #ea412e;}


.proService{width: 1200px; margin: 0 auto; margin-bottom: 40px; background-color: #fff;}
.proService .psTitle{ padding-top: 40px; height: 50px; text-align: center; color: #ea412e; line-height: 40px; position: relative;}
.proService .psTitle .text{ font-size: 24px; font-weight: 600; line-height: 1;}
.proService .psTitle .line{ position: absolute; height: 1px; width: 165px; top: 56px; background-color: #f17c6f;}
.proService .psTitle .line::before{ content: ""; background-color: #f17c6f; position: absolute; width: 8px; height: 8px; border-radius: 8px; top: -4px;}
.proService .psTitle .ps_l{ left: 295px;}
.proService .psTitle .ps_l::before{ right: -4px;}
.proService .psTitle .ps_r{ right: 295px;}
.proService .psTitle .ps_r::before{ left: -4px;}
.proService .psDesc{ height: 57px; text-align: center; line-height: 1; font-size: 16px; color: #ea412e; text-transform:uppercase;}
#serviceList li{ float: left; margin-left: 30px; margin-bottom: 30px; background-color: #f7f7f7; width: 480px; height: 110px; padding: 0 35px;}
#serviceList li .name{ padding-top: 30px; height: 35px; line-height: 1; font-size: 18px; font-weight: 600; color: #ea412e;}
#serviceList li .text{ line-height: 1; height: 30px;}

#proDetail{ padding: 20px 0;}
#proDetail .detailTop{position: relative; padding-right: 285px;}
#proDetail .proInfo{ background-color: #fff; padding: 25px; padding-left: 350px; min-height: 280px; position: relative; }
#proDetail .proInfo .proImg{ position: absolute; top: 25px; left: 25px; }
#proDetail .proInfo .proImg img{ display: block; width: 287px; height: 272px;}
#proDetail .proName{ font-size: 18px; line-height: 1; height:38px;}
#proDetail .proItem{ padding-bottom: 10px; height: 38px; padding-left: 53px; position: relative;}
#proDetail .proItem .name{ position: absolute; left: 0; top: 0; width: 50px; text-align: left; line-height: 34px;}
#proDetail .proItem .price{ font-weight: bold; font-size: 16px; color: #ea412e; line-height: 38px;}
#proDetail .proItem .btns .btn{ display: inline-block; padding:0 10px; white-space: nowrap; color: #fff; margin-right: 10px; background-color: #f3a14a; border-radius: 4px; height: 32px; line-height: 32px; cursor: pointer; user-select: none;}
#proDetail .proItem .btns .on{ background-color: #ea412e;}
#proDetail .proItem .vasList{ width: 200px;}
#proDetail .proItem .nums{ border-radius: 2px; border: 1px solid #ddd; height: 26px; background-color: #f8f8f8; position: relative; overflow: hidden; width: 68px; padding-left: 28px; }
#proDetail .proItem .nums > span{ position: absolute; cursor: pointer; top: 0; bottom: 0; width: 28px; height: 26px; text-align: center; font-size: 16px; line-height: 26px; user-select: none;}
#proDetail .proItem .nums > span.down{ left: 0;}
#proDetail .proItem .nums > span.up{ right: 0;}
#proDetail .proItem .nums > input{ height: 26px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; width: 35px; text-align: center; font-size: 12px;}
#proDetail .proItem .nums:hover{ border: 1px solid #ea412e;}
#proDetail .totalItem{ margin-top: 5px; padding: 20px 0; position: relative; border-top: 1px solid #ddd;}
#proDetail .totalItem .totalPrice{ line-height: 38px; position: relative;}
#proDetail .totalItem .totalPrice > .price{ color: #ea412e;  font-size: 20px;}
#proDetail .totalItem .orderBtn{ position: absolute; left: 160px; top: 20px; background-color: #ea412e; color: #fff; text-align: center; border-radius: 4px; cursor: pointer; height: 38px; line-height: 38px; width: 120px;}
#proDetail .totalItem #sharePro{ position: absolute; right: 0; top: 20px; line-height: 38px; cursor: pointer; color: #7e7e7e;}
#proDetail .totalItem #sharePro .text{ display: inline-block; vertical-align: top; margin-top: -1px;}

#proDetail .kefuInfo{ position: absolute; background-color: #fff; top: 0; right: 0; bottom: 0; width: 270px;}
#proDetail .kefuInfo .kfTop{ padding-top: 35px; position: relative; text-align: center; line-height: 1; height: 45px;}
#proDetail .kefuInfo .kfTop .text{ display: inline-block; vertical-align: middle; margin: 0 10px; font-size: 18px; font-weight: bold; color: #ea412e;}
#proDetail .kefuInfo .kfTop::before,#proDetail .kefuInfo .kfTop::after{ content: ""; height: 1px; width: 50px; vertical-align: middle; background-color: #f7b7af; position: absolute; top: 42px;}
#proDetail .kefuInfo .kfTop::before{ left:35px;}
#proDetail .kefuInfo .kfTop::after{ right:35px;}
#proDetail .kefuInfo .kfList{ padding: 0 20px;}
#proDetail .kefuInfo .kfList li:first-child{ float: left;}
#proDetail .kefuInfo .kfList li:last-child{ float: right;}
#proDetail .kefuInfo .kfList li{ width: 102px;}
#proDetail .kefuInfo .kfList li .img{ border: 1px solid #ddd; padding: 7px; border-radius: 2px;}
#proDetail .kefuInfo .kfList li .img img{ display: block; width: 86px; height:86px;}
#proDetail .kefuInfo .kfList li .text{ padding-top: 15px; line-height: 23px; text-align: center;}

#proDetail .detailBox{ padding-top: 20px;}
#proDetail .proNavList{ float: left; width: 200px; background-color: #fff;}
#proDetail .proNavList > ul > li{ border-bottom: 1px solid #ddd;}
#proDetail .proNavList .typeItem{ height: 47px; padding-left: 50px; padding-right: 30px; position: relative; background-color: #f0f0f0; cursor: pointer;}
#proDetail .proNavList .typeItem .name{ display: inline-block; vertical-align: middle; line-height: 47px;}
#proDetail .proNavList li.on .typeItem{ background-color: #ea412e; color: #fff;}
#proDetail .proNavList .typeItem i{ position: absolute; line-height: 1; top: 15px;}
#proDetail .proNavList .typeItem i.typeIcon{ left: 12px;}
#proDetail .proNavList .typeItem i.sicon-down{ right: 12px; font-size: 13px;}
#proDetail .proNavList li.on .typeItem i.sicon-down{ transform: rotate(180deg);}
#proDetail .proNavList ul ul{ display: none;}
#proDetail .proNavList li.on ul{ display: block;}
#proDetail .proNavList ul ul li{ padding: 3px 0;}
#proDetail .proNavList ul ul li a{ display: block; height: 36px; line-height: 36px; padding-left: 36px; padding-right: 10px; position: relative;}
#proDetail .proNavList ul ul li.on a{ background-color: #f1f1f1; color: #ea412e;}
#proDetail .proNavList ul ul li.on a i.dot{ background-color:#ea412e; width: 6px; height: 6px; border-radius: 4px; position: absolute; top: 15px; left: 20px;}

#proDetail .proContent{ float: right; width: 985px; background-color: #fff; min-height: 300px;}
#proDetail .proContent .proTabList{ height: 48px; border-bottom: 1px solid #ddd;}
#proDetail .proContent .proTabList a{ float: left; width: 138px; height: 47px; line-height: 47px; text-align: center; cursor: pointer; border-bottom: 2px solid transparent;}
#proDetail .proContent .proTabList a.on{ color:#ea412e; border-bottom-color: #ea412e;}
#proDetail .proContent .proTabCon{ padding: 30px;}
#proDetail .proTabItem{ min-height: 150px;}
#proDetail .proTabItem .tabItemTop{ height: 45px; color:#ea412e; line-height: 30px; display: flex;}
#proDetail .proTabItem .tabItemTop .siconfont{ display:inline-block; font-size: 36px; line-height: 1; padding-right: 3px;}
#proDetail .proTabItem .tabItemTop .name{ font-size: 18px; font-weight: bold; padding-right: 10px;}
#proDetail .proTabItem .tabItemTop .text{ font-size: 14px; padding-right: 15px;}
#proDetail .proTabItem .tabItemTop .line{ height: 1px; border-top: 1px dashed #ddd; flex: 1; margin-top: 15px;}
#proDetail .proTabItem .tabItemCon{ padding: 20px 0; }
#proDetail .proTabItem .tabItemCon img,#proDetail .proTabItem .tabItemCon table{ max-width: 100%;}
#proDetail .proTabItem .proTable{ width: 100%; border: 1px solid #eee;}
#proDetail .proTabItem .proTable td{ border: 1px solid #eee; font-size: 12px;}
#proDetail .proTable .proTableLeft{ text-align: center; padding: 20px 0; width: 110px; background-color: #f8f8f8; line-height: 24px;}
#proDetail .proTable .proTableText{ padding: 20px; line-height: 24px;}
#proDetail .proTabItem .tabItemCon .viewProTipText{ line-height: 24px; padding:15px 20px; border: 1px solid #eee; background-color: #f8f8f8; font-size: 12px;}
#proDetail .proTabItem .tabItemCon .viewProTipText > div:first-child{ padding-bottom: 5px;}
#proDetail .proProcess{ padding-bottom: 20px;}
#proDetail .proProcess ul{ display: flex; margin: 0 20px;}
#proDetail .proProcess ul li .step{display: flex;align-items: center;}
#proDetail .proProcess ul li .step .num{ border: 2px solid #ea412e; width:53px; height: 53px; border-radius: 50%;}
#proDetail .proProcess ul li .step .num p{ display: block; border:4px solid #fff; background-color: #ea412e; width: 45px; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 24px; border-radius: 50%;}
#proDetail .proProcess ul li .step .line{flex: 1;height: 1px; border-top: 1px dashed #ef7162; margin-left: 10px;}
#proDetail .proProcess ul li .step .dot{width: 0;height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #ef7162; margin-right: 10px; margin-left: 2px;}
#proDetail .proProcess ul li .text{width: 120px; font-size: 12px;  line-height: 16px; text-align: center;  margin: 20px -30px 0;}
#proDetail .proProcess ul li:last-child{flex-basis:auto!important;}
#proDetail .proProcess ul li:last-child .line,#proDetail .proProcess ul li:last-child .dot{ display: none;}
#proDetail .honorList{ min-height: 200px;}
#proDetail .honorList li{ float: left; width: 200px; padding: 0 10px; text-align: center; height: 240px;}
#proDetail .honorList li img{ cursor: pointer; display: block; height: 200px; max-width: 200px; margin: 0 auto; border: 2px solid #ddd;}

#orderPage{ min-height: 500px; padding: 20px 0;}
#orderPage .orderBox{ padding: 20px;}
#orderPage .orderItem{border: 1px solid #eee; background-color: #fff;  border-radius: 2px; margin-bottom: 10px;}
#orderPage .orderItem .itemTop{ border-bottom:1px solid #eee; padding-left: 20px; font-weight: bold; font-size: 16px; height: 60px; line-height: 60px;}
#orderPage .orderItem .itemCon{ padding: 20px; min-height: 100px;}
#orderPage .orderTable{width: 100%; border: 1px solid #eee;}
#orderPage .orderTable .tableTitle > td{ background-color: #f8f8f8;}
#orderPage .orderTable td{ border: 1px solid #eee; text-align: center; padding: 15px; line-height: 30px; width: 20%;}
#orderPage .orderTable .price{ color: #ea412e; padding: 0 3px;}
#contactInfo .layui-form-item{ margin-bottom: 25px; }
#contactInfo .layui-form-label{line-height: 28px;}
#contactInfo .layui-form-item input{ width: 400px; height: 45px; line-height: 45px;}


#orderPage #payList{ position: relative; padding-left: 100px;}
#orderPage #payList > .text{ position: absolute; left:2px; top: 0; line-height: 62px;}
#orderPage #payList li{ display: inline-block; cursor: pointer; margin-right: 20px; width: 175px; height: 62px;text-align: center; cursor: pointer; border:1px solid #ddd; line-height: 62px;  background-color: #fff; border-radius: 4px;}
#orderPage #payList li > .icon{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 10px; background-repeat: no-repeat; background-size: 100%;}
#orderPage #payList li.wxPay > .icon{ background-image: url("/tpl/images/wxIcon.png");}
#orderPage #payList li.alPay > .icon{ background-image: url("/tpl/images/zfbIcon.png");}
#orderPage #payList li .text{ display: inline-block; vertical-align: middle;}
#orderPage #payList li.on{ border: 2px solid #ea412e; height: 60px; line-height: 60px; width: 173px;}
#orderPage #totalList{ padding: 20px 0; }
#orderPage #totalList .priceItem{ height: 40px; line-height: 45px; text-align: right;}
#orderPage #totalList .priceItem .price{ color: #ea412e; padding: 0 5px; font-weight: bold; font-size: 18px;}
#orderPage #orderBtns{ padding-bottom: 20px; text-align: right;}
#orderPage #orderBtns > .btn{ display: inline-block; width: 150px; height: 40px; text-align: center; line-height: 40px; cursor: pointer; border: 1px solid #ea412e; margin-left: 15px; border-radius: 6px; color: #ea412e;}
#orderPage #orderBtns > .btn:hover,#orderPage #orderBtns > #submitOrder{ background-color: #ea412e; color: #fff;}

#payInfo{ padding-top: 20px; text-align: center;}
#payCode{ width: 200px; height: 200px; margin: 0 auto; border: 4px solid #ddd; border-radius: 6px;}
#payInfo .payTime{ text-align: center; padding-top: 10px; color: #FF5722;}
#payInfo .payTimeText{ font-weight: bold; padding: 0 5px;}
#payInfo .payType{ font-size: 16px; padding-top: 10px; height:30px; line-height: 30px;}

#loginPage{ background-image: url("/tpl/images/background.jpg"); background-repeat: no-repeat; background-position: left bottom; background-color: #e4e5e4;}
#loginPage > .pageWidth{width: 1200px; margin: 0 auto;  min-height: 820px; position: relative;}
#loginPage .loginBox{ background-color: #fff; border-radius: 4px; width: 480px; height: 520px; position: absolute; right: 0; top: 50%; margin-top: -260px; text-align: left; z-index: 9;}
#loginPage .loginBox_top{ padding:45px 75px 0 75px; height:60px;  position: relative;}
#loginPage .loginBox_top > span{color: #1d1d1d; font-size: 30px;}
#loginPage .loginBox_top .regItem{position: absolute; right: 79px;  top: 105px; white-space: nowrap; }
#loginPage .loginBox_top .regItem a{color: #ea412e;}
#loginPage .loginForm{ padding: 0 75px;}
#loginPage .loginForm .formItem{ padding-bottom:10px;}
#loginPage .formItem .formItem_name{ font-size: 15px; height: 35px;}
#loginPage .formItem .formItem_block{ height:42px;}
#loginPage .formItem .layui-input{ height: 40px; line-height: 40px; color: #1d1d1d; padding-left: 10px; box-sizing: border-box; width: 100%; }
#loginPage .formItem .layui-input:focus{border-color:#ea412e !important; box-shadow: 0 0 0 3px rgba(228, 109, 40, 0.08);}
#setPartAccount{ display: none;}
#loginPage .captchaItem{ position: relative;}
#loginPage .captchaItem .layui-input{ width: 230px;}
#loginPage .captchaItem #captchaPic{ cursor: pointer; position: absolute; right: 0; top: 0; width: 88px; height: 40px; display:  block;}
#loginPage .checkItem{ height: 35px; padding-top: 5px; position: relative;}
#loginPage .checkItem .regItem{ position: absolute; right: 0; top: 5px; white-space: nowrap;}
#loginPage .checkItem .regItem a{ color: #ea412e;}
#loginPage .checkItem .layui-form-checked[lay-skin=primary]>i{border-color: #ea412e!important; background-color: #ea412e;}
#loginPage .submitItem{ padding-top: 5px;}
#loginPage .submitItem > .layui-btn{ height:40px; background: linear-gradient(90deg,#f77553,#ea412e); line-height: 40px; text-align: center; font-size: 16px; width: 100%; border: 0;}