/*初始化*/
@font-face { font-family: HELVETICANEUELTPRO-THEX; src: url(HELVETICANEUELTPRO-THEX.OTF) }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select{margin:0;padding:0;}
body,button,input,select,textarea{font-size:12px; color:#555;font-family:"PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";*font-family:"SimHei";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#555;cursor: pointer;}
a:hover{text-decoration:none; color:#e12432;outline:none;hide-focus:expression(this.hideFocus=true);}
sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}.clear_float{display:inline-block;}/*asdfasdf\*/ * html .clear_float{zoom:1;}.clear_float{display:block;}.clear_float{ clear:both;}
.red{color:#e12432;}
.green{color:#008d43;}
.en,.arial{font-family:Arial, Helvetica, sans-serif;}.fr{float:right;}.mr30{margin-right:30px;}.h18{height:18px; line-height:18px; overflow:hidden; width:100%;}.w368{width:380px; height:24px; line-height:24px;}
.w1170{width:1170px;margin:0 auto; display:block;}.wrap{margin:0 auto;}

body{ overflow-x:hidden;}

.header{ height:68px; background:#fff; width:100%;}
.header .main{ padding:0 32px;}
.header .logo{ float:left; }
.header .logo a{ padding:8px 0; display:inline-block;}

.header .menu{ float:right; overflow:hidden;}
.header .menu ul{ overflow:hidden; float:left;}
.header .menu li{ float:left;}
.header .menu li a{ height:68px; line-height:68px; padding:0 22px; font-size:14px;}
.header .menu li a:hover,.header .menu li.on a{ color:#e12432;}
.header .menu .btn{ float:left; margin-top:16px; padding-left:21px;}
.header .menu .btn a{height:34px; line-height:34px; padding:0 22px; background:#e12432; color:#fff; font-size:13px;border-radius: 15px; display:block;}
.header .menu .app a{ background:#41bce4;}
.header .menu .app a.on,.header .menu .app a:hover{ background:#2396bb;}
.header .menu .h5 a.on,.header .menu .h5 a:hover{ background:#ca4b4b;}

.menuBtn{position:absolute;z-index:9;display:none;right:0;width:30px;height:30px;padding:7px;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:3px;background-color:#000;margin:5px 0 5px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:5px;top:50%;width:30px}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}

@media only screen and (max-width: 1024px){
	.header .main{padding: 0 10px;}
	.header .menu{display: none;height: calc( 100vh - 60px); padding: 20px 0 30px;position: absolute; top: 100%;left: 0;right: 0;bottom: 0; background: #000;background: rgba(0, 0, 0, 0.9) ;font-size: 0; text-align: center;}
	.header .menu ul{ float:none; padding-top: 20px}
	.header .menu li{ float:none; padding:0px; width: 100%; }
	.header .menu li a{ font-size: 18px; color: #fafafa;height: 42px; line-height: 42px;display: block}
	.header .menu .btn{float:none; width: 50%; margin: 0 auto;margin-top:15px;}
	.menuBtn{display:block; top: 50%; margin-top: -22px;}
	
}

/*滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{border-radius: 0px;
background:rgba(255,255,255,0);}
::-webkit-scrollbar-thumb{border-radius:5px;
background:#999;}
::-webkit-scrollbar-thumb:hover{border-radius:5px;
background:#999;}




.loading{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999;}
.hidden{ overflow:hidden;}
.loader{ position:absolute; left:50%; top:50%; width:68px; height:68px; margin-left:-34px; margin-top:-34px; text-align:center;border-radius: 10%;
	-webkit-animation-name:loader;
	animation-name:loader;
	-webkit-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-timing-function:cubic-bezier(.86, 0, .07, 1);
	animation-timing-function:cubic-bezier(.86, 0, .07, 1);
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;}
.loader>img{ width:50px; margin-top:9px;}


/*css3*/
a,a:hover{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}

@-webkit-keyframes loader {
0% {
background-color:#41bce4;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
}
15% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}
25% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
background-color:#000000
}
40% {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
background-color:#e12432
}
65% {
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg)
}
75% {
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg);
background-color:#000000
}
90% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
background-color:#ffcb2d
}
}
@keyframes loader {
0% {
background-color:#41bce4;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
15% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg)
}
25% {
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
background-color:#000000;
}
40% {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg)
}
50% {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
background-color:#e12432;
}
65% {
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg)
}
75% {
-webkit-transform:rotate(270deg);
-ms-transform:rotate(270deg);
transform:rotate(270deg);
background-color:#000000;
}
90% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
background-color:#ffcb2d;
}
}



/*客服*/
.fixbox{position: fixed;right: 0px;bottom:150px;z-index: 9000}
.fix_yuan{width: 50px;height: 50px; border-radius:3px;position: relative; margin-bottom: 1px;cursor: pointer;}
.fix_yuan:last-child{margin-bottom: 0}
.fix_wx:hover .fix_wx1{display: block;}
.indexewm{position: absolute;top: 0;left: -130px;width: 110px;height: 110px;box-shadow:  0 8px 10px 2px rgba(0,0,0,.0252), 0 3px 14px 2px rgba(0,0,0,.0216), 0 5px 5px 2px rgba(0,0,0,.054);}
.fix_wx1{display: none;position: relative;}
.fix_wx1:after{content: '';width: 0;height: 0;position: absolute;margin: auto;top: 30px;right:60px;border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;}
.indexewm:after{content: '';width: 0;height: 0;position: absolute;margin: auto;top: 33.5px;right: -10px;border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;}
.fix_tel:hover .indexecontect{display: block;}

.indexecontect{position: absolute;top: 5px;left: -150px;display: none;padding:10px;background: #fff;font-size: 16px;box-shadow:  0 8px 10px 2px rgba(0,0,0,.0252), 0 3px 14px 2px rgba(0,0,0,.0216), 0 5px 5px 2px rgba(0,0,0,.054);}
.indexecontect:after{content: '';width: 0;height: 0;position: absolute;margin: auto;top: 8px;right: -10px;border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;}

.fix_top{background:#000 url(../../images/index/float_qqicon1.png) no-repeat center center;}
.fix_wx{background:#000 url(../../images/index/float_qqicon4.png) no-repeat center center;}
.fix_tel{background:#000 url(../../images/index/float_qqicon3.png) no-repeat center center;}
.fix_qq{background:#000 url(../../images/index/float_qqicon2.png) no-repeat center center;}

@media screen and (max-width:767px ){
	.fixbox{display: none}
}


.fenye{ text-align: center;margin:30px 0; display:block; overflow:hidden;}
.fenye a{ }
.fenye li{padding:6px 10px; *height:21px; *line-height:21px;  color:#999; display:inline-block; *display:inline; border:1px solid #e3e3e3;border-radius:3px; margin:0 3px; list-style:none;}
.fenye a:hover{ color:#000; background:#f1f1f1; border-color:#f1f1f1;}
.fenye a.on{ font-weight:bold; background:#f45e5e; border-color:#f45e5e;  color:#fff;}

@media only screen and (max-width: 768px){
	.fenye li.wap{display: none}
}

.link_city{width: 100%; text-align: left; overflow: hidden;  }
.link_city .wrap{ margin:0 30px;border-top: 1px dashed #ccc;padding:15px 0 20px 0;}
.link_city span{font-size: 14px; color: #645C5A; font-weight: bold;}
.link_city a{ font-size: 12px; color: #999; padding-right: 10px; margin-top: 8px;}
@media only screen and (max-width: 1024px){
	.link_city{display: none}
}
/*foot*/
.serviceBox{ background:#fff; padding:90px 0; overflow:hidden;}
.serviceBox .serItem{ width:33.33%; *width:33%; float:left; text-align:center; position:relative;}
.serviceBox .serItem h2{ font-size:20px; font-weight:normal; color:#e12432; padding-bottom:18px;}
.serviceBox .serItem .txt{ color:#999; font-size:13px; line-height:28px;}
.serviceBox .serItem u{ padding:0 8px; font-size:10px; text-decoration:none;}
.serviceBox .serItem i.left{ position:absolute; left:0; top:30px; height:120px; border-left:1px dotted #e2e2e2;}
.serviceBox .serItem i.right{ position:absolute; right:0; top:30px; height:120px; border-left:1px dotted #e2e2e2;}

.footer{ height:50px; line-height:50px; background:#fff; overflow:hidden; color:#999;width:100%;}
.footer .wrap{ margin:0 30px; border-top:1px solid #efefef; padding:0 5px;}
.footer a{color:#999;}
.footer a:hover{color:#db1620;}
.footer .zh{ font-family:Arial;}
.footer .tip{ float:right;}
.footer .tip span.r20{margin-left:20px}
.footer u{ padding:0 4px; text-decoration:none; font-size:10px; text-align: center}

@media only screen and (max-width: 768px){
	.serviceBox{display: none}
}

@media only screen and (max-width: 640px){
	.footer .wrap{margin: 0 20px; text-align: center}
	.footer .tip{display: none}
}