﻿@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body {font-family:"Microsoft YaHei"; min-width:320px; font-size:14px;}
a{ color: #333;}
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,div form ,a{margin:0;padding:0;list-style:none;vertical-align:bottom;font-size:1.1em; color:#333;  }
img,input,select{vertical-align:middle;margin:0;padding:0;border:0}
ol,ul,li{list-style:none;margin:0;padding:0;*text-indent:0}
font,em,i{ font-style:normal}
img{display:block;width:100% \9;max-width:100%;height:auto; border:0}
.jiange{margin-top:3%}
a{ text-decoration:none}
@media only screen and (min-width:640px) and (max-width:1680px)
{
  body{ font-size:70%}
}
.big_center{
	width:100%;
	margin: 0 atuo; 
}
.red{ color:#ff0000}
.clear{clear:both}
.body{ margin:0 auto;max-width:640px;min-width:320px;}
.container{width:96%; margin:0 auto;}
.con_h2 { background:#27a7b0; color:#fff; font-size:1.1em; height:38px; line-height:38px;}
.con_h2 span{font-weight:bolder; font-family:"Microsoft YaHei";font-size:1.4em; display:block; float:left; background:url(../images/con_h2_1.jpg) no-repeat right; padding-right:2%;margin-right:2%; margin-left:2%}
.con_h2 font{ font-size:1.4em; margin-left:2%}
.con_h2 a{display:block; width:20%;height:100%;color:#fff; float:right; background:#ff8726; font-weight:bold; text-align:center;line-height:38px;}
.topx{ width:100%; max-width:640px; height:100px; margin:0 auto; background:#27a7b0; position:fixed;z-index:100 }
.topx_1 { width:60%; float:left; display:block; margin:2.3% 0 2% 2%;}
.topx_2 { width:30%; float:right; display:block; margin:4% 2% 0 0;}
.topjg{ height:36px;}
.top a{ width:58%; margin:0 auto; display:block; background:url(../images/logo.jpg) 0 70% no-repeat; text-align:center; background-size:50px 50px; padding:4% 0 2% 14%;line-height:1.8em }
.top a span{ font-size:1.8em; color:#27a7b0; font-weight:bolder;}
.top a font{color:#333;font-size:1em; }
.menu{ padding-top:2%}
.menu a{text-align:center;color:#fff;display:block; float:left; }
.menu1{width:75%;float:left;}
.menu1 a{width:32.83333333%; margin-right:0.5%; background:#27a7b0; margin-bottom:1px; font-size:1.2em;height:45px;line-height:45px }
.menu2{width:25%;background:#ff8726; font-size:1.5em; height:91px;line-height:91px}
.main{}
.con4{margin-top:3%;}
.con4_1 img{ border:0; float:left}
.foot { width:100%; height:auto; background:#27a7b0; margin:0 auto; color:#fff; float:left; padding-bottom:15%;color:#fff }
.foot a {color:#fff }
.foot p {color:#fff }
.footmenu { width:90%; margin:0 auto;font-size:1.2em;  padding-top:3%; text-align:center; margin-bottom:2%}
.footmenu a {text-decoration:none; padding:0 2%;  }
.foot p { width:100%; text-align:center; font-size:1.2em; float:left; }
.an { float:left; width:30%; padding:1% 0;display:block; background:#f1ad2f; text-align:center; border-radius:5px; font-size:1.2em; margin-top:2% }
.foot .dz {float:left; font-size:1.2em; text-align:center;margin-top:1%; }
@media only screen and (min-width:320px) and (max-width:640px)
{
  body{ font-size:70%}
  .menu{padding-top:1%}
}

