/** reset **/
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, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 16px;line-height:1.8rem;font-family: Arial, '微软雅黑'; color: #3e3e3e; }
h1, h2, h3, h4, h5, h6{font-weight: normal;}
em{font-style:normal;}
ul, ol{list-style: none;}
*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:"微软雅黑"}
a{text-decoration:none}


input,button{background: none;border: none;outline: none;-webkit-appearance: none;}
textarea{resize: none;}
*{margin: 0; padding: 0; }
a:hover{text-decoration: none;
		color:#333;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}
img{border:0px;  outline-width:0px;  vertical-align:top; overflow: hidden}

a{overflow: hidden; text-decoration: none;color:#333333; font-size: 16px;}
a img{cursor: pointer;transition: all 1s;/*图片缩小过程的时间*/ overflow: hidden}
a img:hover{transform: scale(1.05);/*鼠标经过图片放大的倍数*/ overflow: hidden}
h4{font-size: 24px; font-weight: bold}
h6{line-height: 60px; font-size: 50px; font-weight: bold}
h6 span{font-size: 30px; font-weight: 100;}

.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; } 
.fl { float:left;}
.fr { float:right;}
.cr{clear: both; *zoom:1}
.lh1{line-height: 1em}
.lh1_5{line-height: 1.5em}
.lh2{line-height: 2em}
.bod{width: 100%}
.box{width:1200px; margin:0 auto; overflow: hidden}
.box1{width:1260px; margin: 0 auto; overflow: hidden}
.wp{width: 1200px;margin: 0 auto;position: relative;}
.wi{width: 1200px}
.wc{width: 1200px; margin: 0 auto}
.ov{overflow: hidden}
.m3{margin: 30px;}
.m1{margin: 10px;}
.mt{margin-top: 3px}
.mt1{margin-top: 10px;}
.mp{margin:20px auto}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mt1{margin-top: 10px;}
.mt2{margin-top: 20px;}
.mt3{margin-top: 30px;}
.mt5{margin-top: 50px;}
.mt5_1{margin-top: 400px;}
.mt5_2{margin-top: 450px;}
.mt8{margin-top: 80px;}
.mtb20{margin: 20px 0px}
.mtb50{margin: 50px 0px}
.mtb100{margin: 100px 0px;}
.mt20{margin-top: 20px;}
.mt30{padding-top:30px }
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px}
.mt80{margin-top: 80px}
.mt120{margin-top: 150px;}
.ml10{margin-left: 10px}
.ml20{margin-left: 20px}
.ml25{margin-left: 25px;}
.mlr20{margin: 0px 20px}
.ml300{margin-left: 300px}
.mr{margin-right: 20px;}
.p10{padding: 10px}
.p15{padding: 15px}
.p20{padding: 20px}
.p30{padding: 30px}
.p35{padding: 35px}

.plr20{padding: 0px 20px}
.p30{padding: 30px;}
.p50{padding: 50px}
.p80{padding: 80px;}
.pt30{padding-top: 30px}
.pt50{padding: 50px 0px;}
.pt100{padding: 100px 0px;}
.pt120{padding-top: 120px;}
.ptp1020{padding: 10px 0px 10px 20px;}
.ptp50{padding: 50px 0px}
.pr30{padding-right: 30px}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}
.pb10{padding-bottom: 10px;}
.ml{margin-left: 15px;}
.ml1{margin-left: 25px}
.ml5{margin-left: 80px; line-height: 40px}
.ml150{margin-left: 150px}
.pb{padding-bottom: 50px;}
.ptb10{padding: 10px 0px;}
.ptb15{padding: 15px 0px}
.ptb20{padding: 20px 0px}
.ptb30{padding: 30px 0px}
.ptb50{padding: 50px 0px}
.ptb60{padding: 60px 0px}
.ptb70{padding: 70px 0px}
.psa{position: absolute; }
.psr{position: relative }
.db{display: block}
.cen{margin: 0 auto}
.cen1{text-align: center}
.le{text-align: left}
.ri{text-align: right}
.cored{color: #e60000}
.coh{color: #989898}
.co66,.co66 a{color: #666666; }
.coff,.coff a{color: #fff; }
.co00,.co00 a{color: #000; }


.fw{font-weight: bold}
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz24{font-size: 24px; }
.fz30{font-size: 30px}
.fz36{font-size: 36px;}



.h50{height: 50px; line-height: 50px}
.hei340{height: 340px;}
.hei350{height: 350px;}
.hei360{height: 360px;}
.hei410{height: 410px}
.hei500{height: 500px;}
.hei530{height: 530px;}
.hei680{height: 680px;}

.hei730{height: 730px;}
.fg{
	box-shadow: 0 0 10px #cecece;
	-moz-box-shadow: 0 0 10px #cecece;
	-webkit-box-shadow: 0 0 10px #cecece;
	-o-box-shadow: 0 0 10px #cecece;
}
.cowi{color: #fff}
.w4_5{width: 45%}
.w5{width: 50%}
.wi80{width: 80px}
.wi130{width: 130px}
.wi250{width: 250px;}
.wi300{width: 300px}
.wi350{width: 350px;}
.wi410{width: 410px;}
.wi500{width: 500px;}
.wi560{width: 560px;}
.wi600{width: 600px;}
.wi610{width: 610px;}
.wi720{width: 720px}
.wi900{width: 900px;}
.cblue{color: #0846a8}
.ceng{z-index: 2}
.fg
.tein p{text-indent: 2em;}
.t2em{text-indent: 2em;}
.bline{border-bottom: 1px #ccc solid}
.clr{clear: both}
.yc{white-space:nowrap; 
text-overflow:ellipsis; 
-o-text-overflow:ellipsis; 
overflow: hidden;}
.hei108{height: 108px;}
.dx{text-transform: uppercase}

.f16{font-size:16px}
.f25{font-size: 25px;}
.f50{font-size: 50px}
.bgf{background: #fff}
.d{}



/* btn_1 */
.btn_1 {
  color: #A3F7BF;
  border-color: #A3F7BF;
  background: -webkit-linear-gradient(left, #a3f7bf, #a3f7bf) no-repeat;
  background: linear-gradient(to right, #a3f7bf, #a3f7bf) no-repeat;
  background-size: 0% 100%;
}
.btn_1:hover {
  background-size: 100% 100%;
  color: #27323A;
}

/* btn_2 */
.btn_2 {
  color: #E4F68F;
  border-color: #E4F68F;
  background: -webkit-linear-gradient(left, #e4f68f, #e4f68f) no-repeat;
  background: linear-gradient(to right, #e4f68f, #e4f68f) no-repeat;
  background-size: 100% 0%;
}
.btn_2:hover {
  background-size: 100% 100%;
  color: #27323A;
}

/* btn_3 */
.btn_3 {
  color: #FFD460;
  border-color: #FFD460;
  position: relative;
  overflow: hidden;
}
.btn_3:before {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  width: 0;
  height: 100%;
  background-color: #FFD460;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.btn_3:hover {
  color: #27323A;
}
.btn_3:hover:hover:before {
  width: 110%;
}

/* btn_4 */
.btn_4 {
  color: #c49664;
  border-color: #c49664;
  position: relative;
  overflow: hidden;
}
.btn_4:before {
  content: "";
  background-color: #c49664;
  -webkit-transform: skew(45deg, 0);
          transform: skew(45deg, 0);
  width: 0;
  height: 100%;
  position: absolute;
  top: 0px;
  left: -30px;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.btn_4:hover {
  color: #fff;
}
.btn_4:hover:before {
  width: 150%;
}

/* btn_5 */
.btn_5 {
  color: #ddc1a7;
  border-color: #ddc1a7;
  position: relative;
  overflow: hidden;
}
.btn_5:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: 110%;
  height: 0;
  background-color: #ddc1a7;
  z-index: -1;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.btn_5:hover {
  color: #fff;
z-index: 0
}
.btn_5:hover:before {
  height: 100%;
}

/* btn_6 */
.btn_6 {
  color: #53CDD8;
  border-color: #53CDD8;
  position: relative;
  overflow: hidden;
}
.btn_6:before {
  content: "";
  background-color: #53CDD8;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -30px;
  height: 100%;
  width: 0;
  -webkit-transform: skew(45deg, 0);
          transform: skew(45deg, 0);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.btn_6:hover {
  color: #27323A;
}
.btn_6:hover:before {
  width: 150%;
}

/* btn_7 */
.btn_7 {
  color: #A6ACEC;
  border-color: #A6ACEC;
  overflow: hidden;
  position: relative;
}
.btn_7:before, .btn_7:after {
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  z-index: -1;
  background-color: #A6ACEC;
  top: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.btn_7:before {
  left: 0;
}
.btn_7:after {
  right: 0;
}
.btn_7:hover {
  color: #27323A;
}
.btn_7:hover:before, .btn-7:hover:after {
  width: 50%;
}

/* btn-8 */
.btn_8 {
  color: #ACE7EF;
  border-color: #ACE7EF;
  overflow: hidden;
  position: relative;
}
.btn_8:before, .btn_8:after {
  content: "";
  position: absolute;
  z-index:1;
  height: 100%;
  width: 0;
  top: 0;
  background-color: #ACE7EF;
  -webkit-transition: all .4s;
  transition: all .4s;
	
}
.btn_8:before {
  left: -30px;
  -webkit-transform: skew(-45deg, 0);
          transform: skew(-45deg, 0);
	z-index: 80;
}
.btn_8:after {
  right: -30px;
  -webkit-transform: skew(-45deg, 0);
          transform: skew(-45deg, 0);
	z-index: 80;
}
.btn_8:hover {
  color: #000;
	z-index: 80;
}
.btn_8:hover:before, .btn_8:hover:after {
  width: 80%;
	z-index: 80;
}

/* btn-9 */
.btn_9 {
  color: #CEFFF1;
  border-color: #CEFFF1;
  overflow: hidden;
  position: relative;
}
.btn_9:before, .btn_9:after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: #CEFFF1;
  width: 100%;
  height: 0;
  left: 0;
  -webkit-transition: all .25s;
  transition: all .25s;
}
.btn_9:before {
  bottom: 50%;
}
.btn_9:after {
  top: 50%;
}
.btn_9:hover {
  color: #27323A;
}
.btn_9:hover:before, .btn_9:hover:after {

  height: 50%;
}
.bor{border: 3px #c49664 solid;}
.bor1{border: 1px #f5ebea solid;}