.h-useroprate{margin-left:10px;}
.bd-bg-blue{background-color:#0095d9; background-image:url(../image/background.jpg); background-repeat:repeat-y; background-position:center}
.bg-white{background-color:#FFFFFF}
.nav-allcate{font-size:14px; color:#FFFFFF; text-align:center; height:35px; line-height:35px}
.nav-other{ font-size:14px; text-align:center; height:35px; line-height:35px}
.banner{background-repeat:no-repeat; background-position:center; display:block; height:450px; position: relative; overflow: hidden;}

.banList{position:absolute;left:50%;margin-left:-960px;height:450px; margin-top: 0px;}
.banList ul{padding: 0px;}
.banList li{height:450px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer; border: 3px solid #E77817;width:20px;height:20px; margin: -2px 5px;}



article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}[hidden]{display:none}
body{margin:0}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
h2{font-size:1.5em;margin:0.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:0.83em;margin:1.67em 0}
h6{font-size:0.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden;_zoom:1}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#333;background-color:#fff;}
a{color:#757575;text-decoration:none}
a:hover{color:#0095d9;text-decoration:none}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:table
}.clearfix:after{clear:both}
.hide{display:none !important}

.ir{display:block;text-align:left;text-indent:-9999em;overflow:hidden;_zoom:1}
.sep,.ndash{margin:0 .25em;font-family:sans-serif}

.tc-header-nav{ height: 85px; line-height: 85px; font-size: 18px; border-bottom: 4px solid #ffffff; text-align: center; color: #000000; cursor: pointer;}
.tc-header-nav.active{border-bottom: 4px solid #ed2f07; color: #ed2f07;}
.tc-header-nav:hover{animation:navhover 0.4s;animation-fill-mode:forwards;}
@keyframes navhover
{from {color:#000000;border-bottom: 4px solid #ffffff;}
	to {color:#ed2f07;border-bottom: 4px solid #ed2f07;}
}

.tc-tab-arrow{font-size: 16px;border:1px solid #ed2f07; color: #333333; cursor: pointer; height: 50px;  }
.tc-tab-arrow .down-arrow{ visibility:hidden ; }
.tc-tab-arrow.active{color: #ffffff; background-color: #ed2f07; }
.tc-tab-arrow.active .down-arrow{ visibility: visible;}
.tc-tab-arrow:hover{color: #ffffff; background-color: #ed2f07; }
.tc-tab-arrow:hover .down-arrow{ visibility: visible;}

.whyme{width: 100%; height: 380px; cursor: pointer; overflow: hidden;}
.whyme .whyme-main{border: 1px solid #333333; height: 300px; width:366px; overflow: hidden;text-align: center; }
.whyme .whyme-img{margin-top: 110px;}
.whyme .whyme-text{text-align: center; text-align: center; font-size: 18px;}
.whyme .whyme-bottom{width: 60px; height: 6px; background-color: #ed2f07; margin-left: 150px; margin-top: 20px;}
.whyme .whyme-desc{font-size: 16px; color: white; display: block; margin-top: 40px; line-height: 30px; padding: 10px;text-indent: 2em; text-align: left;}

.whyme:hover .whyme-main{border: 1px solid #ed2f07; animation:white2red 1s;animation-fill-mode:forwards;}
.whyme:hover .whyme-bottom{background-color: #ed7907;animation:red2yellow 1s;animation-fill-mode:forwards;}
.whyme:hover .whyme-img{animation:center2top 1s;animation-fill-mode:forwards;}
.whyme:hover .whyme-desc{display: block;animation:fadein 1s;animation-fill-mode:forwards;}

.sence{overflow: hidden;}
.sence .container{position: relative;}
.sence .container .animate-div{position: absolute; display: none;}

.sence-tag{ color: #ffffff; background-color: #000000; font-size: 16px; border:1px solid #000000;  text-align: center;border-radius: 15px; margin: 10px; padding: 5px 8px; cursor: pointer;}
.sence-tag.active{background-color: #ed2f07; border-color: #ed2f07;}
.service .title{color: #ed2f07; font-size: 18px;}
@keyframes red2yellow
{from {background:#ed2f07;}
	to {background:#ed7907;}
}

@keyframes yellow2red
{from {background:#ed7907;}
	to {background:#ed2f07;}
}

@keyframes white2red
{from {background:#ffffff;}
	to {background:#ed2f07;}
}

@keyframes center2top
{	from {margin-top: 110px;filter: opacity(1);}
	to {margin-top: -90px;filter: opacity(0);}
}

@keyframes fadein
{	from {filter: opacity(0%); }
	to {filter: opacity(100%);}
}
