@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
*,:after,:before{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*,a,div,h1,h2,h3,h4,h5,html,img,li,p,span{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-size:12px;line-height:normal;color:#666;font-family:"Microsoft YaHei","微软雅黑",sans-serif;-webkit-text-size-adjust:none;background:#FFF;text-align:center;position:relative;line-height:1;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu{display:block;}
input{font-size:12px;line-height:16px;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0;}
ul{list-style:none;}
textarea{resize:none;overflow:auto;}

/* 颜色链接 */
a:link,a:visited{text-decoration:none;}
a:hover{transition:all 0.3s ease-in-out 0s;}
textarea,input,select,button{outline:none;border: 0;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/* HTY Common Reset*/
html{overflow-x:hidden}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}

/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
.area{position:relative;margin:0 auto;height: auto;width: 96%;}
.opacity0{opacity:0;}
/*隐藏*/
.hide1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hide2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
body{overflow-x: hidden;}
/*头部*/
.header{box-shadow: 0 0 3px 1px #ccc;padding:0 4%;height:1rem; display: flex;justify-content: space-between; position:fixed;left: 0;top: 0;width: 100%; z-index: 99; background-color: #38383e;}
.header .logo{display: block;padding: 0.15rem 0 0 0;}
.header .logo img{ height: .7rem;display: block;}
.header #navToggle{padding: .3rem 0;}
.header #navToggle img{width:.4rem; height: .4rem; }	
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:none}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#4f4f4f}


/* 移动端导航 */
.m_nav{position:fixed;top:0px;width:70%;height:100%;background:rgba(255,255,255,1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;right: 0;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:1rem;padding:0.3rem 0.25rem;box-sizing:border-box}
.m_nav .top .closed{width:0.4rem;height:.4rem;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{display:block;margin:0.3rem auto; width: 90%;}
.m_nav .ul{padding:0 0.3rem;width: 100%;box-sizing: border-box;height: calc(100% - 1rem);overflow-y: scroll;}
.m_nav .ul li{transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0; text-align: left;}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);margin-bottom: 0.1rem;}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li>a{background: url(../images/rid.png) no-repeat center left;background-size: 0.16rem 0.16rem;padding:0.2rem 0 0.2rem 0.25rem;display:block;text-decoration:none;color:#1a1a1a;font-size:0.24rem;line-height:0.25rem;width:100%}
.m_nav .ul li .dropdown_menu{display:none;padding: 0.05rem 0 ;}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{text-transform: capitalize;position: relative;display:block;line-height:.25rem;padding:0.15rem 0.25rem;box-sizing:border-box;color: rgba(50,50,50,0.7);}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.m_nav .ul li .dropdown_menu a::after{
	width: 0.04rem;
	height: 0.04rem;
	background: rgba(50,50,50,0.7);
	border-radius: 50%;
	position: absolute;
	left: 0.15rem;
	top: 50%;
	transform: translate(0%,-50%);
	content: '';
}

.nav-font{
	font-size: 0.24rem;
	color: #1a1a1a;
}
/* 移动端底 */
.footer{width:100%;height:1.4rem;position:fixed;bottom:0;background-color:#008fed;max-width:100%;z-index:999;display:-webkit-flex;display:flex;}
.footer a{flex-grow:1;text-align:center;font-size:0.2rem;color:#ffffff;background-repeat:no-repeat;background-position:center 0.16rem;padding:.25rem 0;width: 20%}
.footer a span{display:block;line-height: .45rem}
.footer a .icon{width:0.34rem;height:0.34rem;display:block;margin:0 auto;margin-top:0.14rem}
.footer a+a{border-left:none}
.footer .tel{width:1.8rem;margin-top:-.52rem;}
.footer .home{display:block;width:.45rem;height:.45rem;margin:0 auto;background-image:url(../images/home.png);background-size:0.45rem 0.45rem;color:#c70b19}
.footer .sms{display:block;width:.45rem;height:.45rem;margin:0 auto;background-image:url(../images/sms.png);background-size:0.45rem 0.45rem;color:#404040}
.footer .pro{display:block;width:.45rem;height:.45rem;margin:0 auto;background-image:url(../images/pro.png);background-size:0.45rem 0.45rem;color:#404040}
.footer .fangan{display:block;width:.45rem;height:.45rem;margin:0 auto;background-image:url(../images/fangan.png);background-size:0.45rem 0.45rem;color:#404040}

