@charset "UTF-8";

/* 全局 */
:root {
	/* main_color:主题色，title_color:标题颜色；content_color:内容颜色； tip_color:提示文字颜色*/
	--main_color: #15bbbc;
	--minor_color: #fd5e01;
	--title_color: #222;
	--content_color:#666;
	--tip_color: #ccc;
	--bd_color: #eee;
	--a_hv_color:#03bcbd;
	--btn_nr_color:#f33f00
}

html{font-size:14px;overflow-x:hidden;word-break:break-all}
body{margin:0 auto;line-height:1.5;position:relative;height:100%;background:#f5f5f5;color:#222;letter-spacing:1px;font-family:'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif}
/* .container{width:100%;max-width:1365px} */

.left{float:left}
.right{float:right}
.hand{cursor:pointer!important}

/* 滚动条优化卡顿 */
@media only screen and (-webkit-min-device-pixel-ratio : 2){
	.bigdiv,.clear,.main-container{-webkit-overflow-scrolling:touch}
}
/* number类型input隐藏上下箭头 */
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
/**必填**/
.required:after{content:"*";color:red;margin-left:5px}
/* 输入框提示文字颜色及输入框阴影 */
::-webkit-input-placeholder{color:#b4b4b4}
::-moz-placeholder{color:#b4b4b4}
:-ms-input-placeholder{color:#b4b4b4}
input,textarea{-webkit-appearance:none}
.ed_ct img{max-width:100%}
.ed_ct p{font-size:16px;line-height:30px}
/* 覆盖住layui的top浮动 */
.pswp{z-index:1000000}
/* 省略号*/
.textEllipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*部分按钮之类的式样，右键或者长按会出现黑上边框*/
:focus{outline:0 !important}
.eptline{height:100px}
/*文本编辑器用到的话，会被bootstrap覆盖，导致2边不一致*/
h1, h2, h3, h4, h5, h6{font-weight:700}
/* 为元素添加 Retina 屏幕下的 1px 边框（即 hairline），基于伪类 transform 实现。 */
[class*=hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}
.hairline--top::after {border-top-width:1px}
.hairline--bottom::after {border-bottom-width:1px}
.hairline--left::after {border-left-width:1px}
.hairline--right::after {border-right-width:1px}
.hairline--surround::after {border-width:1px}
.btn{padding:0 !important;width:150px;height:44px;line-height:44px !important;border-radius:2px;font-size:14px;color:#fff}
.btn:hover, .btn:focus{border-color:transparent !important}
@media screen and (max-width:991px){
	.btn{width:130px;;height:40px;line-height:40px !important;font-size:14px}
}
	
/* commom */
.font-bold{font-weight:700}

a{text-decoration:none!important;cursor:pointer}
a:hover{color:var(--a_hv_color)}

/* layui复选框颜色 */
.layui-form-checked,.layui-form-checked:hover{border-color:#ee772d}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#ee772d}
.layui-form-checked[lay-skin=primary] i{border-color:#ee772d;background-color:#ee772d}
.btn-lg:hover{color:#fff}
/* layui 流加载按钮样式 */
.layui-flow-more{margin-bottom:15px}
.layui-flow-more::before{content:"";height:25px;display:block;clear:both}
.layui-flow-more a{height:40px;line-height:40px}
.layui-flow-more a cite{background-color:var(--main_color);color:#fff;font-size:14px;padding:0 55px}

.nodata{min-height:150px;font-size:14px;text-align:center;margin-top:90px}

/* 顶部导航栏 */
.headDiv{height:68px;margin-bottom:0;background:#fff}
.navbar-brand{height:68px;padding:12px 50px 0 20px}
.pcmenu{padding-left:30px}
.pcmenu .menu{height:68px}
.pcmenu .menu li{height:100%;border-top:4px solid transparent}
.pcmenu .menu>li>a{height:60px;padding:0 14px;line-height:60px}
.pcmenu .menu li a{font-size:16px;color:#222222}
.pcmenu .menu li a.act{color:var(--main_color)}
.pcmenu .menu li:hover{border-top:4px solid var(--main_color);-webkit-transition:all 350ms linear;transition:all 350ms linear}
.pcmenu .menu li:hover a{background-color:transparent}
.pcmenu .menu li:hover>a{color:var(--main_color)}


/* 下拉菜单式样 */
.pcmenu .drop{margin-top:4px;display:none;position:absolute;left:0;min-width:180px}
.pcmenu .drop dd{opacity:0;transform-origin:top center;height:50px;background-color:rgba(255,255,255,1)}
.pcmenu .drop dd a{color:var(--main_color);font-size:16px;background-color:rgba(255,255,255,1);text-decoration:none;text-transform:capitalize;display:block;transition:background-color .5s ease-in-out;padding:0 15px;line-height:50px;height:50px}
.pcmenu .drop dd a:hover{background-color:var(--main_color);color:#fff;padding-left:20px}
.pcmenu li:hover .drop{display:block}
.pcmenu li:hover .drop dd:nth-of-type(1){animation:menu1 .3s ease-in-out forwards;animation-delay:.1s}
.pcmenu li:hover .drop dd:nth-of-type(2){animation:menu1 .3s ease-in-out forwards;animation-delay:.2s}
.pcmenu li:hover .drop dd:nth-of-type(3){animation:menu1 .3s ease-in-out forwards;animation-delay:.3s}
.pcmenu li:hover .drop dd:nth-of-type(4){animation:menu1 .3s ease-in-out forwards;animation-delay:.4s}
.pcmenu li:hover .drop dd:nth-of-type(5){animation:menu1 .3s ease-in-out forwards;animation-delay:.5s}
.pcmenu li:hover .drop dd:nth-of-type(6){animation:menu1 .3s ease-in-out forwards;animation-delay:.6s}
.pcmenu li:hover .drop dd:nth-of-type(7){animation:menu1 .3s ease-in-out forwards;animation-delay:.7s}
.pcmenu li:hover .drop dd:nth-of-type(8){animation:menu1 .3s ease-in-out forwards;animation-delay:.8s}
.pcmenu li:hover .drop dd:nth-of-type(9){animation:menu1 .3s ease-in-out forwards;animation-delay:.9s}
.pcmenu li:hover .drop dd:nth-of-type(10){animation:menu1 .3s ease-in-out forwards;animation-delay:1s}
.pcmenu li:hover .drop dd:nth-of-type(11){animation:menu1 .3s ease-in-out forwards;animation-delay:1.1s}
.pcmenu li:hover .drop dd:nth-of-type(12){animation:menu1 .3s ease-in-out forwards;animation-delay:1.2s}
@keyframes menu1{
	from{opacity:0;transform:translateX(30px) rotateY(90deg)}
	to{opacity:1;transform:translateX(0) rotateY(0)}
}

.tools>li{height:68px;line-height:68px;padding:0 30px;cursor:pointer}
.tools>li+li{border-left:1px solid var(--bd_color)}
.tools>li:nth-of-type(1){background:url(/statics/images/oss/wechat_icon-64ab187e6e8bccda0eaf3c89e00377f2.png?v=1.0.1) no-repeat center center;background-size:60%}
.tools>li:nth-of-type(2){background:url(/statics/images/oss/sina_icon-be9eb82b365c01e772eedb7805ba7093.png?v=1.0.1) no-repeat center center;background-size:60%}
.tools>li:hover:nth-of-type(1){background-image:url(/statics/images/oss/wechat_icon_act-6f0f327236d83760ee94073039ea3b02.png?v=1.0.1)}
.tools>li:hover:nth-of-type(2){background-image:url(/statics/images/oss/sina_icon_act-dfb98c12443860b1459f83e5d4daec9a.png?v=1.0.1)}
.tools>li a{margin-top:12px;background-color:#f33f00;color:#fff}
.tools>li a:focus,.tools>li a:hover{background-color:var(--minor_color)}

/* 下拉菜单显示二维码式样 */
.pcmenu .drop2{display:none;position:absolute;top:70px;left:0;width:186px;background:#fff}
.pcmenu .drop2 li{transform-origin:top center;text-align:center;line-height:1;padding:15px 0}
.pcmenu .drop2 img{margin-bottom:12px}
.pcmenu li:hover .drop2{display:block}
/* .pcmenu li:hover .drop2 li:nth-of-type(1){animation-delay:.3s} */

/* pc版二级菜单 */
.secHeadDiv{background:#fff}
.breadcrumb{font-size:12px;text-align:right;background:#fff;color:#666;margin-bottom:0;padding-top:15px;padding-bottom:15px;border-radius:0}
.breadcrumb a{color:#666}
.breadcrumb a:hover{color:var(--a_hv_color)}
.secHeadDiv .line hr{margin:0}
.secHeadMenu{min-height:50px;position:relative;top:-3px}
.secHeadMenu li{height:50px;border-top:4px solid transparent;padding-top:8px}
.secHeadMenu>li>a{height:32px;padding:0 15px;line-height:32px}
.secHeadMenu li a{font-size:14px;color:#333;background-color:transparent}
.secHeadMenu li.act a{color:var(--a_hv_color)}
.secHeadMenu li.act{border-top:4px solid var(--main_color);-webkit-transition:all 350ms linear;transition:all 350ms linear}
.secHeadMenu li:hover a{background-color:transparent;color:var(--main_color)}



/* 底部操作栏 */
.footbarPC{height:auto;padding:15px 0px;background:#fff;font-size:14px}
.footbarPC .nav{width:100%;display:flex;padding-left:40px}
.footbarPC .nav li{flex:1}
.footbarPC .nav>li>a, .footbarPC .nav>li>div{font-size:16px;color:#222;padding:0}
.footbarPC .nav li:hover a{background-color:transparent}
.footbarPC dl{margin-top:20px}
.footbarPC dd{line-height:36px}
.footbarPC a{color:#666666;line-height:36px}
.footbarPC a:hover{color:var(--a_hv_color)}
.footbarPC .copyright{font-size:12px;margin-bottom:20px;color:#666666;line-height:24px}
/* .footbarPC .copyright .mt15{margin-top:15px} */
.footbarPC .col-xs-12 span{margin:0 15px;color:#666666}

#footLine hr{border-top:5px solid var(--main_color)}

.headDiv{position:fixed;width:100%;top:0;z-index:2;background:rgba(255,255,255,.9)}


@media screen and (max-width:1365px){
	.secHeadDiv .pcbanner{height:330px}
	.secHeadDiv .mybanner{object-fit:cover;height:100%;width:100%}
}
@media screen and (min-width:1366px){
	.secHeadDiv .mybanner{max-width:100%}
}
@media screen and (min-width:1921px){
	.secHeadDiv .mybanner{width:100%}
}


@media screen and (min-width:751px) and (max-width:991px) {
	/* 二级菜单图片*/
	.secHeadDiv .phonebanner img{width:100%}
}	
@media screen and (min-width:768px) and (max-width:991px) {
	/* 平板 ipad min */
	/* 顶部导航栏 */
	.pcmenu .menu{height:50px}
	.pcmenu .menu li{border-top-width:3px}
	.pcmenu .menu>li>a{height:44px;padding:0 10px;line-height:44px}
	.pcmenu .menu li a{font-size:16px}
	.pcmenu .menu>li>a:not(.no_c){pointer-events:none}
	.pcmenu .menu li:hover{border-top-width:3px}
		
	/* 下拉菜单式样 */
	.pcmenu .drop{min-width:150px}
	.pcmenu .drop dd{height:50px}
	.pcmenu .drop dd a{height:50px;line-height:50px}
	
	
	.tools>li{height:50px;line-height:50px;padding:0 10px}
	.tools>li>img{height:24px !important}
	.tools>li:last-child {display:none}
	
	/* 下拉菜单显示二维码式样 */
	.pcmenu .drop2{top:50px;right:0;left:unset}
}
@media screen and (min-width:992px) and (max-width:1314px) {
	/* 平板 ipad air */
	/* 顶部导航栏 */
	.navbar-brand{padding-right:20px;padding-left:15px}
	.pcmenu .menu>li>a{padding:0 10px}
	.pcmenu .menu li a{font-size:16px}
	.pcmenu .menu>li>a:not(.no_c){pointer-events:none}
	
	/* 下拉菜单式样 */
	.pcmenu .drop{min-width:150px}
	.pcmenu .drop dd{height:50px}
	.pcmenu .drop dd a{height:50px;line-height:50px}
	
	.tools>li{padding:0 15px}
	.tools>li>img{height:24px !important}
	.tools>li a{margin-top:18px;padding:0 28px;font-size:16px}
	.tools>li:nth-of-type(1){width:55px}
	.tools>li:nth-of-type(2){width:55px}
	
	/* pc版二级菜单 二级菜单过多时会换行优化，多了还是会换行！！！！ */
	.secHeadMenu{min-height:55px;margin-left:-15px;margin-right:-15px}
	.secHeadMenu li{height:55px;padding-top:13px}
	.secHeadMenu>li>a{height:27px;padding:0 10px;line-height:27px}
	.secHeadMenu li a{font-size:18px}
}

/* 手机版顶部导航栏 */
#bs-navbar{display:none!important}
#bs-navbar.collapse.in{display:block!important}
@media screen and (max-width:991px){
	.headDiv{opacity:1}
	body{min-height:100vh}
	
	/* 手机版顶部导航栏 */
	#top .container-fluid{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
	.headDiv{height:50px;position:fixed;top:0;width:100%;z-index:1000}
	.navbar-brand{height:48px;padding:10px}
	.navbar-brand img{height:28px}
	#bs-navbar{background:#fff;height:100vh;padding-bottom:70px}
	#bs-navbar a:hover, #bs-navbar a:focus{background:transparent}
	#bs-navbar .navbar-nav li a{width:100%;padding:11px 25px 14px 20px;font-size:15px;color:#333}
	#bs-navbar .navbar-nav li a.act_cmenu{color:var(--main_color)}
	#bs-navbar .navbar-nav li button{padding:11px 25px 14px 20px;font-size:15px;color:#333;width:100%;background:transparent;border:none;text-align:left}
	#bs-navbar .navbar-nav li button.act_cmenu{color:var(--main_color)}
	#bs-navbar .navbar-nav li+li{border-top:1px solid #f8f8f8}
	.down-arrow{position:relative}
	.down-arrow::after{display:inline-block;content:" ";height:10px;width:10px;border-width:0 2px 2px 0;border-color:#999;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0);transform-origin:center;transition:transform .3s;position:absolute;top:50%;right:20px;margin-top:-10px}
	.down-arrow.act_in::after{transform-origin:center;transform:rotate(-135deg);transition:transform .3s;top:60%}
	#bs-navbar .drop_phone{background:#f0f0f0;padding:10px 0;margin-bottom:0}
	#bs-navbar .drop_phone dd{padding:10px}
/* 	#bs-navbar .navbar-nav dd a{display:block} */
	#bs-navbar .navbar-nav dd a.act_cmenu2{color:var(--main_color)}
	
	.navbar-toggle{background:#fff;margin:4px 5px;border:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
	.navbar-toggle:focus{outline:0}
	.navbar-toggle .icon-bar{background:#9e9ea7;margin:4px 0}
	/* 3横变2x */
	.animated{display:block;margin:4px 10px}
	.animated:focus{cursor:pointer;z-index:9999}
	.middle{margin:0 auto !important}
	.icon-bar{-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;z-index:999999}
	.animated .icon-bar{z-index:999999}
	.animated .top{-webkit-transform:translateY(3px) rotateZ(45deg);-moz-transform:translateY(3px) rotateZ(45deg);-ms-transform:translateY(3px) rotateZ(45deg);-o-transform:translateY(3px) rotateZ(45deg);transform:translateY(3px) rotateZ(45deg)}
	.animated .bottom{-webkit-transform:translateY(-9px) rotateZ(-45deg);-moz-transform:translateY(-9px) rotateZ(-45deg);-ms-transform:translateY(-9px) rotateZ(-45deg);-o-transform:translateY(-9px) rotateZ(-45deg);transform:translateY(-9px) rotateZ(-45deg)}
	.animated .middle{width:0}

	/* 手机版二级导航栏 */
	.secHeadDiv{margin-top:50px}
	.breadcrumb{padding:20px 10px;font-size:12px}
	#tab-background{width:100%;height:49px;position:absolute;background:#fff;border-bottom:1px solid var(--bd_color)}
	.swiper2 .swiper-wrapper{width:auto;height:50px;z-index:1!important;background:transparent}
	.swiper2 .selected{border-bottom:3px solid var(--main_color)}
	.swiper2 .swiper-slide{text-align:center;font-size:15px;height:auto;background:transparent;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}
	.swiper2 .swiper-slide a{color:#333;width:100%;line-height:50px}
	.swiper-slide-active a{color:var(--main_color)}
	.swiper2 .swiper-slide .loading{text-align:center}
	
	/* 手机版底部操作栏 */
	#footDiv{background:#f3f3f3}
	#footDiv .footbar{height:auto;background:#f3f3f3;padding-top:20px;margin-bottom:20px}
/* 	#footDiv .footbar .col-xs-4{padding:10px 15px} */
/* 	#footDiv .footbar a{font-size:15px;color:#333} */
	
	#footDiv .footbar .foot_menus{display:flex;flex-wrap:wrap;padding:0 30px}
	#footDiv .footbar .foot_menu{width:33.33%;margin-top:10px;margin-bottom:20px;padding:0}
	#footDiv .footbar a{font-size:15px;color:#333}
	#footDiv .copyright{padding-bottom:30px}
	#footDiv .copyright span{display:block;font-size:12px;color:#666}
	#footDiv .copyright span a{color:#666}
	
}




/* 微信分享遮罩 */
.share_wrap .share_prompt{position:fixed;top:0;left:0;width:100%;color:#fff;background-color:#ff6811;line-height:2.8;font-size:15px;text-align:right;z-index:1011}
.mask{background:rgba(0,0,0,.7);z-index:1010;position:fixed;width:100%;height:200%;top:0;left:0}
.share_wrap .share_prompt .icon{margin:-2px 20px 0 10px}

/* 微信扫一扫，前往手机端进行操作 */
#code-pic{padding:50px}
.code-text{padding-left:45px;margin-top:-30px}

/* 二维码 */
#codepic img{width:200px;height:200px}
.codetext{text-align:center;margin-bottom:10px}
.pointer{cursor:pointer}
.mg0{margin:0!important}


.layui-layer-btn .layui-layer-btn0{border-color:#ee772d!important;background-color:#ee772d!important;color:#fff}

/* 页面遮罩 */
#big-content{position:fixed;left:0;right:0;top:0;bottom:0;z-index:19891015;background:#000;width:100%;height:100%;text-align:center;display:none}
#goMobileDiv{position:absolute;top:calc(50% - 41.5px);left:calc(50% - 154px)}
.gomobile{color:#fff;font-size:14px}

@media screen and (max-width:991px){
	#big-content{display:block!important}
}

