@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#C00;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
body{ cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:"微软雅黑";background:#FFF; overflow-x:hidden; display:block; height: 100%;min-height: 100%;}
img{ max-width:100%;}
.fl{ float:left;}
.fr{ float:right;}
@media screen and (max-width:768px){
html{ font-size:24px !important}	
body{ font-size:24px !important}	
}
.ban-text{ position:absolute; z-index:99; bottom:0; width:100%; text-align:center;}

.head{ width:100%; background:#000000; position:fixed; z-index:99; max-height:89px;}
.kd{ max-width:1200px; width:84%; margin:0 auto;}
@media screen and (max-width:1368px){.kd{ max-width:1200px; width:1200px; margin:0 auto;}}
@media screen and (max-width:1024px){
.kd{ width:95%}
}
@media screen and (max-width:768px){
.kd{  width:96%; margin:0 auto;}
}

.kd1{ max-width:1300px; width:91%; margin:0 auto;}
@media screen and (max-width:1368px){.kd{width:1280px; margin:0 auto;}}
@media screen and (max-width:1280px){.kd{width:1200px; margin:0 auto;}}
@media screen and (max-width:1024px){
.kd1{ width:95%}
.kd{width:95%}
}
@media screen and (max-width:768px){
.kd1{  width:96%; margin:0 auto;}
.kd{ width:96%}
}



.wlogo{}
.maq{ padding:33px 0 0 8px;}
.wawtel{ color:#fff; font-size:1.125rem; margin-top:30px; border-left:1px solid #fff; padding-left:27px; display:inline-block;}
.wawtel img{ margin-bottom:-3px;}
@media screen and (max-width:1024px){
.wawtel{ display:none;}
.wdx{ width:700px !important; height:440px !important;}
.mxw{ width:910px !important; height:286px !important; margin-top:-60px !important}
}
.ctop{ width:100%; height:88px; display:block;}
.bac{ width:100%; height:750px; overflow:hidden;}
.ban{ display:none}
@media screen and (max-width:768px){
.head{ max-height:108px;}
.wlogo{ height:128px;}
.wlogo img{ height:100%;}
.maq{ padding:40px 0 0 22px; width:320px;}
.maq img{ width:100%;}
.wawtel{ display:none;}
.mxw{ width:710px !important; height:223px !important; margin-top:80px !important}
.banner{ display:none;}
.bac{ display:none;}
.ban{ display:block}
}

.scale {
	-webkit-animation: scale 8s linear 0s alternate infinite;
	animation: scale 8s linear 0s alternate infinite
}
@-webkit-keyframes scale {
	0% {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1);
		
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.1);
		transform: perspective(1000px) scale(1.1)
		
	}
}

@keyframes scale {
	0% {
		-webkit-transform: perspective(1000px) scale(1);
		transform: perspective(1000px) scale(1);
		
	}

	100% {
		-webkit-transform: perspective(1000px) scale(1.1);
		transform: perspective(1000px) scale(1.1);
		
	}
}


/*导航样式*/
.mobile-inner-nav{ z-index:99; display:block; position:absolute; right:6%;  width:65%; top:18%;}
.mobile-inner-nav li{ float:left; width:auto; text-align:center;  margin:0 14px; }
.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav a{ display:inline-block; color:#525252; font-size:1rem; text-aligns:center;transition:all 0.5s; position:relative;  width:100%; }
.mobile-inner-nav a span{ position:absolute; bottom:0; width:100%; height:2px; left:0; z-index:1; transition:all 0.5s; transform:scale(0,1); width:100%; background:#e60012}
.mobile-inner-nav a p{ color:#fff; font-size:1em; transition:all 0.5s; padding:16px 2px;  display:block; z-index:2; position:relative; text-align:center;}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ color:#fff;}
.mobile-inner-nav a:hover ,.mobile-inner-nav a.cur { color:#ffffff}
@media screen and (min-width:1680px){
.mobile-inner-nav{right:1%;}
}
@media screen and (max-width:1368px){
.mobile-inner-nav{  right:4%; top:23%}
}

@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li:nth-child(3){ width:100%;}
.mobile-inner-nav li:nth-child(5){ width:100%;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p img{ display:none; margin:0 auto 12px;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#fff; right:45px; top:38px; width:70px; font-size:1.125rem}
.mobile-inner-header{width: 100%;height:89px; position: absolute;top: 0px;left: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:30px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#fff; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #fff;
    position: absolute;
    left: 25%;
    bottom: 1.55em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:89px;left: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem; padding:1em 0}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-header-icon{ margin-top:41px; margin-right:20px;}
.mobile-inner-header .np{right:68px; top:40px; width:70px; }
.mobile-inner-nav li{ margin:0;}
.mobile-inner-header-icon span{ background:#fff;}
.mobile-inner-header-icon-out p {
   
    background-color: #fff;
    position: absolute;
    left: 25%;
    bottom: 1em;
    display: block;
	border-radius:5px;
}
.mobile-inner-nav{top:4.1em; width:55%; right:-3%; left:auto;}
.mobile-inner-header{height:4.1em; }
.mobile-inner-nav{ padding-bottom:2rem;}
}


/*底部*/
.foot{ height:auto; width:100%; background:#181818; padding:1.5% 0;}
.banq{ background:url("cc_03-1.jpg"/*tpa=http://www.idoweb.cn/wzjs/images/cc_03.jpg*/) left center no-repeat; width:auto; height:38px; padding-left:45px; color:#bbbbbb; margin-top:23px; font-size:0.875em;}
.ban-mobe{background:url("cc_03-1.jpg"/*tpa=http://www.idoweb.cn/wzjs/images/cc_03.jpg*/) left center no-repeat; width:auto; height:38px; padding-left:45px; color:#bbbbbb; margin-top:23px; font-size:0.875em; display:none;}
.ilxus{ margin-top:20px; width:40%; text-align:right;}
.ilxus a{ font-size:0.875em; color:#bbbbbb; padding-top:10px;}
.ilxus a:hover{ font-size:0.875em; color:#fff;}
.ilxus img{ width:auto; margin-left:3%; float:rignt;}
.wx{ float:right; position:relative; margin-left:3%; width:37px; height:37px;}
.wx img{ width:100%;}
.wx .er{ position:absolute; opacity:0; top:-110px; left:-38px; transition:all 0.5s; z-index:1111; width:100px; height:100px;}
.wx:hover .er{ opacity:1}
@media screen and (max-width:768px){
.foot{ margin-bottom:120px;}
}


.mobe-tell{ display:none; position:fixed; bottom:0; z-index:999999}
@media all and (max-width: 767px) {
.mobe-tell{ display:block; height:120px; width:100%; background: url("line.jpg"/*tpa=http://www.idoweb.cn/images/line.jpg*/) center no-repeat #000;}
.mobe-tell a{ display: block;
    float: left;
    width: 50%;
    line-height: 120px;
    font-size: 1.75rem;
    color: #FFF;
    font-weight: bold;
    background: url("telll.png"/*tpa=http://www.idoweb.cn/images/telll.png*/) 70px center no-repeat;
	background-size:10%;
    text-indent: 110px;
	box-sizing:border-box;
}
}



/* 在线客服 */
#floatDivBoxs{width:145px;position:fixed;top:120px;left:0;z-index:999;}
#floatDivBoxs .floatZx{ box-sizing:border-box; padding:8px; background:url("qqbg.png"/*tpa=http://www.idoweb.cn/wzjs/images/qqbg.png*/) center no-repeat; width:140px; height:480px; margin-left:5px; }
#floatDivBoxs .onlogo{ box-sizing:border-box; background:#fff; border-radius:5px; text-align:center; padding:5px;}
#floatDivBoxs .ontel{ text-align:center; margin-top:8px;}
#floatDivBoxs .ontel h6{ color:#fff; font-size:1rem;}
#floatDivBoxs .ontel p{ color:#fff; font-size:1rem; font-weight:lighter;}
#floatDivBoxs .onwx{ width:100%; text-align:center; margin-top:8px;}
#floatDivBoxs .onwx h6{ color:#fff; font-size:1rem;}
#floatDivBoxs .onwx img{ margin-top:8px;}

#floatDivBoxs .onq{ text-align:center; margin-top:27px;}


#rightArrow{width:45px;height:130px;background:url("close.png"/*tpa=http://www.idoweb.cn/wzjs/images/close.png*/) no-repeat;position:fixed;top:95px;left:5px;z-index:1111;}
#rightArrow a{display:block;height:45px;}
@media screen and (max-width:768px){#floatDivBoxs,#rightArrow{ display:none;}}