@charset "utf-8";

/*自适应*/


 
body {
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
	min-width:1200px
}
body,html {
	height:100%
}
html {
	box-sizing:border-box
}
#app {
	height:100%
}
*,:after,:before {
	box-sizing:inherit
}
a:active,a:focus {
	outline:none !important
}
a,a:focus,a:hover {
	cursor:pointer;
	color:inherit;
	text-decoration:none !important
}
div:focus {
	outline:none
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
body,dd,dl,dt,html,li,p,ul {
	margin:0;
	padding:0
}
li {
	list-style:none
}
em,i {
	font-style:normal
}
img {
	display:block;
	/*width:100%;*/
	/*height:auto*/
}
::-webkit-scrollbar {
	width:8px!important;
	height:8px!important
}
::-webkit-scrollbar-track {
	box-shadow:inset 0 1px 2px #eeeded;
	border-radius:10px;
	background-color:#f6f4f4
}
::-webkit-scrollbar-thumb {
	background:#d6d5d5;
	border-radius:4px
}
::-webkit-scrollbar-thumb:hover {
	background:#c0bfbf
}
.container {
	width:1200px;
	margin:0 auto
}
.banner {
	width:100%
}
.yyzp{
	width: 1200px;
	text-align: center;
	margin: 0 auto;
	display: block; 
}
.appbanner{

	background:url(/skin/htc/img/app_banner2.6aea0268.jpg) 0px 0px no-repeat;  height: 323px;
}

.appbanner .title {


margin:0 auto 27px;
font-size:40px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
padding-top: 80PX;

}

.appbanner .txt {

font-size:30px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:#ffffff;
line-height:34px;
text-align:center;
margin-bottom:95px;
}


.appsf{

	background:url(/skin/htc/img/sf3.jpg) 0px 0px no-repeat;  height: 323px;
}

.appsf .title {


margin:0 auto 27px;
font-size:40px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
letter-spacing:2px;
color:#FFFFFF;
text-align:center;
padding-top: 80PX;

}

.appsf .txt {

font-size:30px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:#ffffff;
line-height:34px;
text-align:center;
margin-bottom:95px;
}


.el-carousel__indicator--vertical .el-carousel__button {
	width:15px;
	height:40px;
	border-radius:5pxa
}
@keyframes move10 {
	0% {
	transform:translateY(0)
}
50% {
	transform:translateY(10px)
}
to {
	transform:translateY(0)
}
}@keyframes move20 {
	0% {
	transform:translateY(0)
}
50% {
	transform:translateY(20px)
}
to {
	transform:translateY(0)
}
}@keyframes rotate360 {
	0% {
	transform:rotate(0)
}
to {
	transform:rotate(1turn)
}
}@keyframes slide-left {
	0% {
	transform:translateX(0)
}
to {
	transform:translateX(-133.2%)
}
}@keyframes slide-left2 {
	0% {
	transform:translateX(0)
}
to {
	transform:translateX(-100%)
}
}@keyframes fly-left {
	0% {
	transform:translate(-120px,-50px)
}
to {
	transform:translate(0)
}
}@keyframes fly-top {
	0% {
	transform:translateY(-50px)
}
to {
	transform:translate(0)
}
}@keyframes fly-right {
	0% {
	transform:translate(120px,-50px)
}
to {
	transform:translate(0)
}
}
.header {
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	background-color:#fff
}
.header header {
	background-color:#fff;
	height:79px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.header header .logo {
	width:178px;
	height:56px;
	margin-left:80px
}
.header header ul {
	display:flex;
	margin-left:53px
}
.header header ul li {
	font-size:21px;
	font-weight:400;
	color:#000;
	line-height:34px;
	padding:0 14px;
	cursor:pointer;
	font-family:PingFangSC-Regular,PingFang SC
}
.header header ul .head-active {
	color:#ff0d0d
}
.header header .phone {
	font-size:24px;
	font-weight:600;
	color:#ff5e5e;
	line-height:34px;
	font-family:PingFangSC-Semibold,PingFang SC;
	display:flex;
	align-items:center;
	margin-right:90px
}
.header header .phone .icon {
	width:30px;
	height:30px;
	margin-right:14px
}
footer {
	position:relative;
	margin-top:-2.35%;
	z-index:10
}
footer .moveP {
	overflow-x:hidden
}
footer .moveP .move {
	display:flex;
	animation-duration:10s;
	animation-name:slide-left2;
	animation-timing-function:linear;
	animation-iteration-count:infinite
}
footer .moveP .move .one,footer .moveP .move .two {
	margin:0 -2px
}
footer main {
    background: #2a2369
}

footer main .mascot3 {
    width: 12.6%;
    position: absolute;
    top: -110px;
    left: 47%;
    transform: translateX(-50%);
    animation-duration: 1.2s;
    animation-name: move10;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    z-index: 1000
}

footer main .foot-content {
    padding: 20px 0 0 0
}

footer main .foot-content .section1 {
    margin-bottom: 50px;
    display: flex
}

footer main .foot-content .section1 .intro1 {
    font-size: 36px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 34px
}

footer main .foot-content .section1 .idea {
    width: 581px;
    font-size: 18px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 34px;
    margin-left: 43px
}

footer main .foot-content .section2 {
    display: flex
}

footer main .foot-content .section2 .address {
    height: 30px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 34px;
    margin-top: 6px
}

footer main .foot-content .foot-sec .title {
    font-size: 36px;
    margin-bottom: 10px
}

footer main .foot-content .foot-sec .intro,footer main .foot-content .foot-sec .title {
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 34px
}

footer main .foot-content .foot-sec .intro {
    font-size: 21px
}

footer main .foot-content .foot-left {
    width: 355px;
    flex-shrink: 0
}

footer main .foot-content .foot-left .title {
    margin-bottom: 31px
}
.foot-tip .foot-left a{
  
    color: #white;
    
}

footer main .foot-content .foot-tip {
    height: 44px;
    /*font-size: 18px;*/
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #c8c8c8;
    line-height: 40px;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 10px
}

footer main .foot-content .foot-tipnews{
    height: 44px;
    /*font-size: 18px;*/
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #c8c8c8;
    line-height: 40px;
    text-align: center;
    padding-bottom: 20px;
    font-size:16px; 
   
}

footer main .foot-content .foot-tipnews a {
    text-decoration: none ;
}
footer main .foot-content .foot-tip a {
    text-decoration: none
}

.mainC { padding-top: 79px}
.foot-tip{ background-color:#1b1553; font-size:16px;  }

.margin140{margin: 140px;}

.sytw{ width: 1280px; margin: 40px auto; overflow: hidden; }

.synews{  }
.synews li { float:left; padding:5px;margin-bottom:10px; margin-left:12px; text-align:center; overflow:hidden; display:inline  ;/*解决ie6 双边距bug*/;
text-overflow:ellipsis; white-space:nowrap; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.synews li:hover { transform:translate3d(0, -5px, 0); }
.synews li.n0{ margin-left:0;  padding:5px; }
.synews li.n0:hover{ margin-left:0;  padding:5px; }
.synews li img {width:250px; height:160px; border-radius: 5%;}
.synews li a { white-space:nowrap;   }
.synews li .InfoTitle{ text-align:center; margin-top:5px; padding:10px 0; width:250px; font-weight:normal;  }


.big img{ width: 400px;  height: 400px; overflow:hidden; border-radius: 3%;}
.big li .InfoTitle{ text-align:center; margin-top:5px; padding:10px 0; width:400px; font-weight:normal;  }

.w{ width: 400px;}
.leftx { float:left; }
.rightx {  margin-left:10px; width: 100%; border-left:0px solid #E5E5E5;  padding-left:0px; }
.synews_body { padding:0 20px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}


/*友情链接模块*/
.mt{ margin-top:20px; }

.ylink a { color: white; margin-top: 90px  }
.ylink ul { display: flex; padding-left:0 !important; padding-top: 100px}

.ylink ul li {  font-size: 14px;  font-weight: 400;  color: #ffffff;  line-height: 34px;  padding: 0 5px; cursor: pointer; font-family: PingFangSC-Regular,PingFang SC}
 
hr{height: 0;line-height: 0; margin: 10px 0;padding: 0; border-bottom: 1px solid #413989!important; clear: both; overflow: hidden; background: 0 0;}

.ylink .head-active { color: #ff0d0d}



/*在线客服*/

.izl-rmenu{position:fixed;left:90%;bottom:10px;padding-bottom:73px;z-index:999;  }
.izl-rmenu .btn{ background-color:#fff; width:90px;height:90px;  cursor:pointer;position:relative;}
.izl-rmenu .jxw {width:80px;height: 135px; margin-left:6px ; background:url(/skin/htc/img/jxw.png) 0px 0px no-repeat; background-position:center; cursor:pointer;position:relative;}

 .btntext{width:90px; height:20px;  background: #fff; border-radius:  0 0 5px 5px ;  }
.izl-rmenu .btntext{ line-height: 20px;   font-size:14px; margin-bottom: 2px; display: flex;flex:0 1 auto;align-items: center; justify-content: center;}

.izl-rmenu .btn-app{  background:url(/skin/htc/img/app.jpg) 0px 0px no-repeat; background-position:center; border-radius: 5px 5px 0 0 ;}

.izl-rmenu .btn-phone{   background:url(/skin/htc/img/wx.jpg) 0px 0px no-repeat;   background-position:center; border-radius: 5px 5px 0 0 ;}

.izl-rmenu .btn-top{background:url(/skin/htc/img/c_meau_6.png) 0px 0px no-repeat; background-position:center; background-color:#fff;display:none; border-radius: 5px; }