@charset "utf-8";
/* CSS Document */
/*FONTS{  }*/
@font-face {
    font-family:myFirstFont;
    src: url('../fonts/Exo-Bold.otf');
    src: url('../fonts/mgopenmodataregular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataregular-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataregular-webfont.svg#MgOpenModataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------reset------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,h7,table,td,ul,li,ol,dl,dt,dd,hr,img{ margin:0px; padding:0px; border:0px; font-size:14px; font-family:Arial, Microsoft YaHei;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;}
a{ text-decoration:none; color:#333; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
a:hover{ color:#00a5ff;}
li{ list-style-type:none;}
table{ border-collapse:collapse; width:100%;}
td{ vertical-align:top;}
html{ -webkit-font-smoothing: antialiased; }

body{ min-width:1200px; max-width:1920px; margin:0px auto; color:#333; background: #f5f7fa; padding-top:140px;}
.left{ float:left;}
.right{ float:right;}
.wrap{ width:1200px; margin:0px auto; overflow:hidden;}

/* filter:alpha(opacity=70);opacity:0.7;*/
.dh{ -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; transition:0.4s ease-in-out;}
.ty{ box-shadow:0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);}
.yj{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.btm{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ffffff',endColorstr='#70ffffff');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#70ffffff, endColorstr=#70ffffff)"; background:rgba(255,255,255,0.5);}

/*------------------------header------------------------*/
#header{ width:100%; background:#fff; overflow:hidden; position: fixed; left: 0; right: 0; top: 0; z-index: 999;}
	#logo{ padding: 15px 0;}
		#logo a{ display:block; width:640px; height:60px; background:url(../images/logo.jpg) 0px 0px no-repeat; margin: 0 auto;}
	#nav{ background: #00a5ff;}
		#nav a{ display:block; height:50px; float:left; line-height:50px; width: 170px; margin:0px 1px 0 0; font-size: 16px; color: #fff; text-align: center;}
			#nav h2{ font-weight:normal; font-size: 16px;}
		#nav a:hover{ color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#100ff8a00',endColorstr='#100ff8a00');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#100ff8a00, endColorstr=#100ff8a00)"; background:rgba(255,138,0,1);}
		#nav .currentNav{ color:#ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20000000',endColorstr='#20000000');/* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000, endColorstr=#20000000)"; background:rgba(0,0,0,0.2);}

	.navbar{ padding:20px 0px; position:relative; min-height:50px;}
	.navbar-fixed-top{ position:fixed; right:0; left:0; top:0; z-index:9999;}
	.navbar.scrolled{ box-shadow: 0 2px 2px rgba(0,0,0,0.1); padding: 0px 0px;}
/*------------------------footer------------------------*/
#foot{ width:100%; background:#e2e8f0;}
	.footBox{ width: 1160px; margin: 0 auto; padding: 25px 0;}
	#foot .left{ width: 110px; font-size: 16px;}
	#foot .right{ width: 1029px; border-left: 1px #ccc solid; padding: 0 0 0 20px; line-height: 160%;}
		#foot .right a{ margin: 0 10px 0 0;}

#copy{ background: #00a5ff;}
	.copyBox{ width: 1160px; margin: 0 auto; line-height: 60px; color: #fff;}
/*------------------------goTop style------------------------*/
.izl-rmenu{position:fixed; right:0px; bottom:60px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-top:1px; cursor:pointer; position:relative;}

.izl-rmenu .btn-qq1{background:url(../images/r_qq1.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq1:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq1,.izl-rmenu a.btn-qq1:visited{background:url(../images/r_qq1.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-qq2{background:url(../images/r_qq2.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq2:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq2,.izl-rmenu a.btn-qq2:visited{background:url(../images/r_qq2.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-qq3{background:url(../images/r_qq3.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq3:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq3,.izl-rmenu a.btn-qq3:visited{background:url(../images/r_qq3.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-qq4{background:url(../images/r_qq4.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq4:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq4,.izl-rmenu a.btn-qq4:visited{background:url(../images/r_qq4.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-148px; top:0px; display:none;width:147px;height:147px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
