/* CSS Document */
html{font-size: 62.5%;}
body{margin:0; padding:0; background:#FFF; font-family:'Microsoft Yahei',Arial,tahoma,arial!important; color:#525252; background: #EFEFEF;}
p,div,form,h1,h2,h3,h4,h5,ul,li,dl,dt,dd,em,cite,img,span{ margin:0; padding:0; list-style:none; font-style:normal; border:none;font-weight: normal;}
img{border:0;vertical-align:middle}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#525252;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear: both;}
/*=== 页面公用内容 ===*/
.prompt{margin: 0;padding: 15px;background: #ccc; text-align: center; font-size: 16px;position: fixed; width: 100%;z-index: 500;bottom:0px;}
.prompt a{color: red;}
.text-center{text-align: center;}
.hidden{overflow: hidden;}
.pr{position: relative;}
.pa{position: absolute;}
.dqwidth{width:90%;}
.margin{margin: auto;}
/* css3 style */
.trans-3{transition:0.3s all; -webkit-transition:0.3s all;}
.trans-6{transition:0.6s all; -webkit-transition:0.6s all;}
.trans-8{transition:0.8s all; -webkit-transition:0.8s all;}
.trans-12{transition:1.2s all; -webkit-transition:1.2s all;}
.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-1x{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 7px 7px 7px #dad6d6; -moz-box-shadow: 7px 7px 7px #dad6d6; box-shadow: 7px 7px 7px #dad6d6;}
/*手机导航*/
.phone-show{display: none;}
#phone-menu {width: 180px;position:fixed;z-index: 100; background:#fbfbfb;border-radius: 5px;}
#phone-menu ul{padding: 10px;}
#phone-menu ul li{margin-top: 5px;}
#phone-menu ul li>a{width: 100%; text-align: center; line-height:40px;display: block;border-radius: 0px 0px 8px 8px;border-bottom: 1px solid #ccc; font-size: 1.4rem;}
.menu-hidden{display: none;}
.ul-phone{top:100px; right:-200px; transition:0.4s all; -webkit-transition:0.4s all;opacity: 0;}
.ul-phone_act{right:3%;opacity: 1;}

/*	导航	*/
header{ width: 100%; position:absolute;z-index: 99;transition:0.8s all; -webkit-transition:0.8s all;}
.header-inner{ margin: 12px auto 0 auto;}
.logo{ width: 109px;height: 40px;background: url(https://www.tiante.cc/eng/base/logo.png) no-repeat top left;float: left;margin:0 1.2rem;}
.logo_right{float: left; line-height: 150%; padding-top: 3px; color: #FFFFFF;}
.logo_right p{display: block;height: 18px;background: url(../image/kf.png) no-repeat left 3px;padding-left: 20px;}
.menu{float: right; margin: 12px 12px 0 0; position: relative;}
.menu li{float: left;padding: 0 10px;position: relative;line-height:19px;}
.menu li a{font-size: 1.4rem; padding: 0 12px; color: #FFFFFF;display: block;-webkit-transition:all 0.3s; transition:all 0.3s;}
.menu li a:hover{color: #FFFFFF;}
.menu li a span{position: relative;-webkit-transition:all 0.3s; transition:all 0.3s;}
.menu li a span.before{left: 10px;opacity: 0;}
.menu li a span.after{left: -10px;opacity: 0;}
.menu li a:hover span.before{left: -10px;opacity: 1;}
.menu li a:hover span.after{left: 10px;opacity: 1;}
.menu li.onitem a{color: #FFFFFF;}
.menu li.onitem a span.before{left: -10px;opacity: 1;}
.menu li.onitem a span.after{left: 10px;opacity: 1;}
.scroll-header .menu li.onitem a,.scroll-header .menu li a:hover,.header-dq .menu li.onitem a,.header-dq .menu li a:hover{color: #5A4EE4;}


#menu-bar{display: block;position:relative;height:3px;width:0px;background: #FFFFFF;top:19px;overflow: hidden;}

.scroll-header{background: #FFF;height: 60px;position:fixed;box-shadow:0 0 2px 0px rgba(0,0,0,0.3);}
.scroll-header .logo_right p,.header-dq .logo_right p{background: url(../image/kf.png) no-repeat left -25px;}
.scroll-header .header-inner,.header-dq .header-inner{margin-top: 12px;}
.scroll-header .logo,.header-dq .logo{background-position: bottom;}
.scroll-header .logo_right,.header-dq .logo_right{color: #525252;}
.scroll-header .menu,.header-dq .menu{margin-top:8px;}
.scroll-header .menu a,.header-dq .menu a{color: #525252;}

.scroll-header #menu-bar,.header-dq #menu-bar{background: #525252;}
/*底部*/
footer{background: #FFFFFF;padding: 40px 0 60px;}
.bottom{height: 100%;margin: auto;}
.bottom-left-lx{ color: #B9B9B9; font-weight: 600; font-size: 1.4rem;}
.bottom-left-dh{ font-weight: 600; font-size:4rem;margin:40px 0 10px;}
.bottom-left-qq,.bottom-left-dz,.bottom-right-in,.bottom-right-fo{line-height:20px;}
.bottom-left{ float: left;}
.bottom-right{ float: right; text-align: right;}
.bottom-right img{ width: 105px;height: 105px;margin-bottom:8px;margin-top:8px;}

/*右侧导航*/
.fixedwrap{z-index:999;position:fixed;right:30px;top:75%;width:60px;overflow:hidden;border-radius:30px;opacity:0;transition:all .4s;opacity:0;display: none}
.fixedwrap.active {width:215px;}
.fixedwrap.show{transform:none; opacity:1;display: block; }
.fixedwrap li{position:relative;height:60px;background:#222;overflow:hidden;}
.fixedwrap.active li {overflow:inherit;}
.fixedwrap li i {z-index:1000;position:absolute;right:0;display:block;width:60px;height:60px;transition:all .4s;}
.fixedwrap.active li:after {z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;margin-left:-40%;background:rgba(255,255,255,.1);}
.fixedwrap.active li:last-child:after {display:none;}
.fixedwrap li:hover i,.fixedwrap li:hover strong{opacity:.5;}
.fixedwrap .phone i {background:#222 url(../image/fix-icon1.png) no-repeat center center;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px;}
.fixedwrap .qq i {background:#222 url(../image/fix-icon2.png) no-repeat center center;}
.fixedwrap .back-top i {  background:#222 url(../image/fix-icon3.png) no-repeat center center;  }
.fixedwrap.active .back-top i {border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;}
.fixedwrap li strong {position:absolute;top:0;right:-135px;display:block;width:115px;padding:0 15px 0 30px;color:#fff;background:#222;white-space:nowrap;transition:all .4s;font-size:16px;line-height: 60px; }
.fixedwrap.active li strong {right:60px;}
.fixedwrap.black li {background:#111;}
.fixedwrap.black li strong {background:#111;}
.fixedwrap.black .phone i {background:#111 url(../image/fix-icon1.png) no-repeat center center;}
.fixedwrap.black .qq i {background:#111 url(../image/fix-icon2.png) no-repeat center center;}
.fixedwrap-wrap.black .back-top i {background:#111 url(../image/fix-icon3.png) no-repeat center center;  }
/*大于1441像素*/
@media (min-width:1441px){
	.dqwidth{width: 1440px;}

}
/*小于1440像素*/
@media only screen and (max-width:1440px){

}
/*小于1024时候*/
@media only screen and (max-width:1024px) {
	.logo_right{display: none;}
	.menu li{padding: 0 7px;}
	.fixedwrap.show{opacity:0;display:none; }
}
/*小于768像素时候*/
@media only screen and (max-width:768px){
	.dqwidth{width:98%;}
	.menu{display:none;}
	.bottom-left,.bottom-right{text-align: center;float:none;}
	footer{margin-top: 15px;}
	/*手机导航*/
	header{background: #FFF;height: 60px;position:fixed;box-shadow:0 0 3px 0px rgba(0,0,0,0.3);}
	header .logo_right p{background: url(../image/kf.png) no-repeat left -8px;}
	header .header-inner{margin-top: 12px;}
	header .logo{background-position: bottom;}
	header .logo_right{color: #525252;}
	header .menu{margin-top:8px;}
	header .menu a{ font-size: 1.6rem; padding: 0 1rem; color: #525252;}
	.phone-show{display: block;}
    .menu-h { display: block; background: none;  -webkit-transition: 0.3s all;transition: 0.3s all; z-index:1000; border: none; width: 40px; height: 30px; padding: 0; outline: none; position: absolute; top:14px;right: 30px; position:fixed;}
	.menu-h::before, .menu-h::after, .menu-h span { background: #5F55CE ; border-radius: 2px; }
	.menu-h::before, .menu-h::after { content: ''; position: absolute; height: 5px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
	.menu-h span {position: absolute; width: 100%; height: 5px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
	.menu-h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
	.menu-h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
	.menu-open .menu-h span { opacity: 0; }
	.menu-open .menu-h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
	.menu-open .menu-h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	.menu-open .zhezhao { display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; position: fixed; left: 0; top: 0; z-index:30;}
	#phone-menu ul li div{position: absolute;top:50px;right:100%;width: 130px;background:#fbfbfb;border-bottom-left-radius: 5px;border-top-left-radius: 5px; padding: 10px 0;transition:0.4s all; -webkit-transition:0.4s all;opacity:0;visibility: hidden;}
	#phone-menu ul li.open div{top:10px;display:block;opacity: 1;visibility: visible;}
	#phone-menu ul li.open>a{color:#5A4EE4;font-weight: bold;border-bottom: 1px solid #5A4EE4;}
	#phone-menu ul li div a{ text-align: center;display: block;width: 100%; line-height: 35px;}
}