@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
a,abbr,acronym,address,applet,article,aside,audio,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,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:#333;font-family:"Microsoft YaHei","微软雅黑",sans-serif;-webkit-text-size-adjust:none;background:#FFFFFF;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{width:1200px;position:relative;margin:0 auto;height: auto;}
.opacity0{opacity:0;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;box-shadow:none;}
.flex{display: flex; align-items: center; justify-content: space-between;}
.flex-1{display: flex; align-items: center; justify-content: center; }
.flex-2{display: flex; align-items: center;}
/*隐藏*/
.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;}
.hide3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/* 头部 */
.header{width: 100%; height:auto; position: relative;}
.header .banner img{width: 100%;}
.header .navbox{position: fixed; /* left:50%; transform: translateX(-50%); */top:0; width: 100%;height: 100px;background-color: rgba(0,0,0,0.3); z-index: 9999;}
.header .logo{display: block; padding: 19px 10px;}
.header .logo img{width:206px;height: 62px;}
.header .nav{width:870px; display: flex;}
.header .nav a{flex: 1; color: #FFFFFF;font-size: 16px;}
.header .on{background: #3B3B3B;}
.footer{background-color: #FFFFFF;padding: 52px 0 50px 0;width: 100%;}
.footer .iabout{width:300px;}
.footer .iabout .flogo{width:240px;text-align: left; margin-bottom: 10px;position: relative;}
.footer .iabout .flogo:after{content: "";position: absolute;left:0; bottom: -10px; background-color: #21b7cf; height: 3px;width: 40px;}
.footer .iabout .iabout-info{padding: 15px 0; color: #333333;font-size: 14px;text-align: left; line-height: 20px;}
.footer .iabout .more{display: block;text-align: left;}
.footer .f-nav{display: flex;justify-content:space-between;width:500px;}
.footer .f-nav .nav-list{width:50%; display: flex; flex-direction: column;text-align: left; }
.footer .f-nav .nav-list h1{font-size:30px;font-weight: bold;text-transform: uppercase;position: relative;height:40px;line-height:40px;margin-bottom: 20px;}
.footer .f-nav .nav-list h1:after{content: ""; position: absolute;left: 0;bottom: -8px; width: 40px;height: 3px;background-color:#21b7cf;}
.footer .f-nav .nav-list a{display: block;padding: 12px 0; font-size:14px;color: #333333;position: relative;padding-left: 20px;}
.footer .f-nav .nav-list a:before{content: ""; position: absolute;left:0;top:50%; transform: translateY(-50%);width:8px;height: 2px;background-color: #000000;}
.footer .f-nav .nav-list a:hover{color: #21b7cf;}
.footer .f-nav .nav-list a:hover:before{background-color: #21b7cf;}
.footer .er{width:176px; height:208px;display: flex; flex-direction: column;}
.footer .er .erimg{width:176px;border: 1px solid #e7e7e7;}
.footer .er p{border: 1px solid #e7e7e7;line-height:32px;padding: 0 5px;height: 32px; font-size:16px;color: #7f7e7e;}
.footer .er p img{width:21px;height: 10px; margin-left: 5px;}

.icp{width: 100%; background-color: #21b7cf; height:44px; display:flex;text-align: center; align-items: center;}
.icp p{color:#FFFFFF;font-size: 15px;padding: 0 15px; display: flex;line-height:44px;}
.icp p a{display: block; color: #FFFFFF;}

/* 移动端导航 */
	.m_nav{position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;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;transform:translateX(100%); z-index: 99999;}
	.m_nav.open{transform:translateX(0)}
	.m_nav .top{height:60px;padding:20px;box-sizing:border-box; display: flex;padding: 0 .25rem;justify-content:space-between;align-items:center;border-bottom: 1px solid #e5e5e5;}
	.m_nav .top .nlogo{width:1.72rem;}
	.m_nav .top .closed{width:30px;height:30px;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{ margin: 0 .3rem;}
	.m_nav .ul li{padding:0 20px;border-bottom:1px solid #e5e5e5;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)}
	.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{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}
	.m_nav .ul .dropdown{position: relative;}
	.m_nav .ul .dropdown::after{content: "";position: absolute;right:5%; top:.38rem;background: url(../images/m/m-jian.png) no-repeat center center;background-size:.18rem .13rem;width: .18rem;height: .13rem; }
	.m_nav .ul li .dropdown_menu{display:none; }
	.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
	.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #e5e5e5}
	.m_nav .ul li .dropdown_menu a:last-child{border:none}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
}
@keyframes hero-thumb-sm-3-animation {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.pc{display: block;}
.m{display: none;}
.zhanwei{display: none;}
@media screen and (max-width: 992px){
	.pc{display: none;}
	.m{display: block;}
	body{background-color: #f7f7f7;}
	.m-header{position: relative;}
	.m-header .m-banner{width: 100%;}
	.m-header .m-banner img{width: 100%;}
	.m-header .m-top{position: fixed;left: 0;top: 0; height: 1rem;background-color: rgba(0,0,0,0.2);width: 100%;padding:.25rem; display: flex; justify-content: space-between;z-index: 999;}
	.m-header .on{background-color: rgba(0,0,0,1)}
	.m-header .m-top .logo{width: 1.73rem;}
	.m-header .m-top .logo img{width: 100%;}
	.m-header .m-top #navToggle{width:.53rem;}
	.m-header .m-top #navToggle img{width: 100%;}
	.m-footer{background-color: #3c3b3a;height:1rem;display: flex; position: fixed; left: 0;bottom: 0;width: 100%;}
	.m-footer a{display: flex; color: #FFFFFF;width: 33%;justify-content: center; align-items: center;position: relative;}
	.m-footer a img{width: .4rem;height: .4rem;}
	.m-footer a p{padding: 0 .15rem;font-size: .3rem;}
	.m-footer a::after{content: "";position: absolute; right: 0;top: 50%;transform: translateY(-50%);width:1px;height: .66rem;background-color: #636261;}
	.m-footer a:last-child::after{width: 0;}
	.zhanwei{height: 1.1rem;display: block;background-color: #FFFFFF; }
	.flex-2{justify-content: center;}
}