@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0;}

html{ -webkit-text-size-adjust:none; overflow-x:hidden;}

body{font-size:12px;color:#474747; _overflow:hidden; overflow-x:hidden;  background:#fff;}

body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,header,footer,figure,nav{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal;}

li{list-style-type:none;}

img{ border:none;}

a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; }

a:hover{ text-decoration:none;}

a,area { blr:expression(this.onFocus=this.blur());}

:focus { -moz-outline-style: none;} 

.disno{display:none;}

.disbk{ display:block;}

.distb{ display:table;}

.clear{ clear:both;}

/*-------input--outline--middle---------*/

input,button,select,textarea{ outline:none}

input{ vertical-align:middle; font-family:"微软雅黑";}

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}

table{ border-collapse:collapse; font-family:"微软雅黑";}

@media screen and (-webkit-min-device-pixel-ratio:0){ /* chrome*/.justify:after {content:"."; display: inline-block; width:100%;overflow:hidden;height:0;}}

/*----- clearfix///-----*/

.clearfix{*zoom:1;}

.clearfix:before,.clearfix:after{display:table; content:'';line-height:0;}

.clearfix:after{clear:both;}

/*文字两侧对齐*/

.justify {text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}

/*超出省略号*/ 

.toe{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/******************************************************************common/////**********************************************************************/

.top-head{ width:100%; display:table; background-color:#fff; z-index:9999; position:fixed;}

header{ width:1200px; position:relative; top:-1px; left:50%; margin-left:-600px; padding:16px 0; background-color:#fff; z-index:99999;}

.logo{ float:left; width:288px;}

.logo a{ float:left; width:102px;}

.tel{ float:right; width:182px; padding-top:12px;}

.tel h4{ font-size:18px; color:#39bf9e;}
.tel .ipo img{height:auto !important;}

.tel>img{float: left;margin-right: 6px;}

.tel p{ font-size:14px; color:#989898;}

nav{ width:70%; height:80px; float:right; position:relative;}

nav .city{ position:absolute; right:19px; top:0;}

nav .city a{ display:inline-block; margin-right:16px; color:#CCCCCC; position:relative;}

nav .city a:after{ 

 position:absolute;

 content:' '; 

 right:-11px; 

 height:8px; 

 top:5px;

 border-right:1px solid #EDEDED; 

}

nav .city a:last-child:after{ display:none;}

nav .city a:hover{ color:#6AA182;}

nav ul { width:auto; position:absolute; right:0; bottom:0;}

nav ul li{ float:left; width:92px; height:40px; margin-right:5px;}

nav ul li a{ display:block; width:100%; height:100%; font-size:15px; color:#777777; text-align:center; line-height:40px; position:relative;}

nav ul li a:before{ 

 position:absolute;

 content:' ';

 top:0;

 left:0;

 width:100%;

 height:100%;

 border:1px solid #A2D3B4;

 border-radius:25px;

 transform:rotateX(90deg);

 -webkit-transform:rotateX(90deg);

 -moz-transform:rotateX(90deg);

 -ms-transform:rotateX(90deg);

 transition: all .4s linear 0s;

 -webkit-transition: all .4s linear 0s;

 -moz-transition: all .4s linear 0s;

 -ms-transition: all .4s linear 0s;
 
 display:none\9;
 


}

nav ul li a:hover{ color:#6AA182;}

nav ul li a:hover:before{ 

 transform:rotateX(0deg);

 -webkit-transform:rotateX(0deg);

 -moz-transform:rotateX(0deg);

 -ms-transform:rotateX(0deg);
  display:block\9;

}

nav ul li a.on{ color:#6AA182;}

nav ul li a.on:before{ 

 transform:rotateX(0deg);

 -webkit-transform:rotateX(0deg);

 -moz-transform:rotateX(0deg);

 -ms-transform:rotateX(0deg);
 
 display:block\9;

}



.mob-nav{ width:30px; height:22px; line-height:15x; position:absolute; top:60px; right:2em;cursor:pointer; display:none; z-index:99999;

 transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;

 -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;

 -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;

 -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;

}

.mob-nav a{ display:inline-block; width:100%; height:2px; background-color:#6AA182; position:relative;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.mob-nav a:before{

	position:absolute;

	content:' ';

	left:0;

	top:-6px;

	width:100%;

	height:2px;

	background-color:#6AA182;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.mob-nav a:after{

	position:absolute;

	content:' ';

	left:0;

	bottom:-6px;

	width:100%;

	height:2px;

	background-color:#6AA182;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.mob-nav:hover a:before{ 

     transform:translateY(-2px) rotate(0deg);

	-webkit-transform:translateY(-2px) rotate(0deg);

	-ms-transform:translateY(-2px) rotate(0deg);

}

.mob-nav:hover a:after{ 

	transform:translateY(2px) rotate(0deg);

	-webkit-transform:translateY(2px) rotate(0deg);

	-ms-transform:translateY(2px) rotate(0deg);

}

.mob-nav.selected{

	transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

	-moz-transform:rotate(90deg);

}

.mob-nav.selected a {background-color: transparent;}

.mob-nav.selected a:after, 

.mob-nav.selected a:before { top: 0;}

.mob-nav.selected a:before {

	background-color: #6AA182;

	transform: translateY(0px) rotate(-45deg);

	-webkit-transform: translateY(0px) rotate(-45deg);

	-ms-transform: translateY(0px) rotate(-45deg);

}

.mob-nav.selected a:after {

	background-color: #6AA182;

	transform: translateY(0px) rotate(45deg);

	-webkit-transform: translateY(0px) rotate(45deg);

	-ms-transform: translateY(0px) rotate(45deg);

}

.mob-nav.selected:hover a:before {

	transform: translateY(0px) rotate(-55deg);

	-webkit-transform: translateY(0px) rotate(-55deg);

	-ms-transform: translateY(0px) rotate(-55deg);

}

.mob-nav.selected:hover a:after {

	transform: translateY(0px) rotate(55deg);

	-webkit-transform: translateY(0px) rotate(55deg);

	-ms-transform: translateY(0px) rotate(55deg);

}



.mob-down{ position:fixed; right:0; top:0; width:30%; height:100%; background-color:#181818; display:none; z-index:9990;}

.mob-down ul{ width:200px; position:absolute; left:50%; top:15%; margin-left:-100px;}

.mob-down li{ width:100%; text-align:center; margin-top:18px;} 

.mob-down li a{ font-size:30px; color:#fff; text-align:center;}



footer{ width:100%; height:486px; margin-top:50px; background:url(../images/footer-bg.jpg) no-repeat; background-size:100% 100%; display:table;}

.foot{ width:1024px; position:relative; left:50%; margin-left:-512px;  margin-top:90px;}

.fot-lft{ float:left; width:590px;}

.fot-lft ul li{ float:left; width:115px;}

.fot-lft ul li h3{ font-size:16px; margin-bottom:16px; color:#fff; font-weight:bold;}

.fot-lft ul li a{ display:block; margin-top:13px; width: auto; color:#999999;}

.fot-lft ul li a:hover{ color:#fff;}

.fot-lft ul li.ft4{ width:245px;}

.fot-lft ul li.ft4 p{ margin-top:13px;}

.fot-lft ul li.ft4 p i{ display:inline-block; vertical-align:middle; margin-right:14px;}

.fot-lft ul li.ft4 p font{ display:inline-block; vertical-align:top; color:#EAECEB;}



.fot-rit{ float:right; width:244px;}

.fot-rit dl{ float:left; width:45%;}

.fot-rit dl:last-child{ float:right;}

.fot-rit dl dd{ text-align:center; font-size:14px; color:#EAECEB; margin-top:13px;}



.copyright{ clear:both; float:left; width:100%; margin-top:110px;}

.copyright p{ text-align:center; color:#999999; margin-top:10px;}

.copyright p font{ display:inline-block; margin:0 15px;}

.copyright p a{ display:inline-block; margin:0 10px; color:#999999;}

.copyright p a:hover{ color:#fff;}


.fhdb{ position:fixed; top:50%; right:5px; cursor:pointer;}


@media only screen and ( max-width: 639px){ footer .qqzixun img {width:120px; height:120px;}
footer .qqzixun{left:8px;}} 
.qqzixun{position:fixed;top:62%;left: 3px !important;display: none;}