﻿.wrap2 {
	clear: both;
	width: 100%;
	max-width: 1300px;
	text-align: left;
	zoom: 1;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;

}
.i_title {
	margin-top: 5%;
	margin-bottom: 4%;
	overflow: hidden;
	text-align: center;
}
.i_title h2 {
	overflow: hidden;
	font-weight: bold;
	color: #efefef;
	letter-spacing: -3px;
	text-transform: uppercase;

	font-size:41px;
}
.i_title p {
	background: url(../images/i_bg1.png) center bottom no-repeat;
	color: #efefef;
	padding-bottom: 15px;
	font-size:24px;
}
.main {
	padding-bottom: 120px;
}
.main .banner {
  margin: 0.25rem 0;
  width: 100%;
  overflow: hidden;
}
.main .banner img {
  width: 100%;
}
.main .package-list {
  margin-top: 3rem;
  margin-bottom: 5rem;
  background-color: #DDDDDD;
}
.main .package-list .package-text {
  height: 2.25rem;
  padding-top: 0.5rem;
  padding-left: 0.4rem;
}
.main .package-list .package-text h1 {
	line-height: 1rem;
	font-size: 0.75rem;
	font-weight: 100;

}
.main .package-list .package-text p {
  line-height: 0.75rem;
  font-size: 0.55rem;
  color: #828282;
}
.main .package-list .package-img {
  width: 100%;
  overflow: hidden;
  height: 16rem;
}
.main .package-list .package-img .swiper-container {
  width: 100%;
  height: 16rem;
}
.main .package-list .package-img .banner-img > a {
  display: block;
}
.main .package-list .package-img .banner-img > a img {
  display: block;
  width: 100%;
  height: 16rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #DDDDDD;
}
.main .package-list .package-img > img {
  width: 100%;
  height: 100%;
  display: block;
}
.main .package-list .package-detail-img {
  border-bottom: 1px solid #DDDDDD;
}
.main .package-list .package-detail-img li {
	float: left;
	width: 11rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
.main .package-list .package-detail-img li img {

  width: 6.5rem;
  height: 6.5rem;

}
.main .package-list .package-detail-img li:last-child img {
  border-right: none;
}
.main .package-list .package-list-b {
  padding: 0.8rem 0.4rem;
  line-height: 1.75rem;
  font-size: 0.75rem;
}
.main .package-list .package-list-b .price-box {
  float: left;
}
.main .package-list .package-list-b .price-box .span1 {
  color: #828282;
}
.main .package-list .package-list-b .price-box .span2 {
  color: #ff5252;
}
.main .package-list .package-list-b .go-buy {
  float: right;
  width: 7.175rem;
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
  -webkit-border-radius: 0.875rem;
  -moz-border-radius: 0.875rem;
  border-radius: 0.875rem;
  color: #fff;
  background-color: #ff5252;
}
.swiper-pagination-bullets span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #555;
  margin: 0 5px;
  opacity: 0.1;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-pagination-bullets .swiper-active-switch {
  opacity: 0.3;
}

.dwo-mt10 { margin-top: 10px;}
.content { padding: 8px;}
.grids { border-radius: 10px; background-color: #fff; overflow: hidden;}
.has-more { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.has-more.show-more .weui-grid-more { display: block;}

.weui-grids { margin-bottom: -1px;}
.weui-grids:before { border-top: 0;}
.weui-grids:after { border-left: 0;}
.weui-grid:nth-child(3n):before { border-right: 0;}
.weui-grid-more { display: none;}
.grids-more { position: relative; height: 50px; line-height: 50px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; font-size: 14px; color: #666666; background-color: #fff;}
.grids-more:before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; border-top: 1px solid #d9d9d9; transform: scaleY(.5); transform-origin: 0 100%;}
.grids-more span { display: inline-block; vertical-align: middle;}
.grids-more span:after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url(../images/arrow.png) no-repeat 0 / 16px 16px; vertical-align: text-top;}
.grids-more .show:after { transform: rotate(180deg);}

.grids-title { box-sizing: border-box; position: relative; height: 50px; padding: 0 15px; line-height: 50px;}
.grids-title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; border-top: 1px solid #d9d9d9; transform: scaleY(.5); transform-origin: 0 100%;}
.grids-title h2 { font-size: 16px; font-weight: 400; color: #706f75;}

.pay { display: flex; justify-content: space-between; height: 150px; border-radius: 10px; background-color: #3db271; overflow: hidden;}
.pay-qrcode, .pay-wallet { flex: 1; padding-top: 30px; text-align: center; color: #fefefe;}
.pay-qrcode p, .pay-wallet p { height: 50px; margin-top: 10px;}
.pay-qrcode i { display: inline-block; width: 32px; height: 32px; background: url(../images/qrcode.png) 50%  no-repeat; background-size: contain;}
.pay-wallet i { display: inline-block; width: 32px; height: 32px; background: url(../images/wallet.png) 50% no-repeat; background-size: contain;}
.pay-wallet span { display: block; opacity: .5;}
.width30{width: 33.3333%;}
.width50{width: 50%;}
.main .main-l .tit{padding: 70px 0;text-align: center;color: #000000;font-size: 25px;line-height: 28px;}
.main .tit span{display: block;color: #767676;font-size: 15px;}
.main-l-m .w-1300{width: 1200px;margin: 0 auto;position: relative;}
.main-l-m li{text-align: center;width: 120px;float: left;padding: 35px 59px;border: 1px solid #dadada;border-top: none;border-left: none;font-size: 14px;}
.main-l-m li.li-bor-notbot{border-bottom: 0;}.main-l-m li.li-bor-notrig{border-right: 0;}
.main-l-m li img{transition: transform 1s ease-out; width:100px;}
.main-l-m li img:hover{transform: rotateZ(360deg);}
.main-l-m li p{color: #767676;font-size: 14px;line-height: 22px;padding-top: 15px;}
.w1200 {
	padding-left: 26%;
	margin: 0 auto;
	position: relative;
}

.case_box h3 {
	color: #DD3A1B;
	font-weight: bold;
	font-size: 42px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.case_box .category ul {

	padding-bottom: 80px;
	display: block;
	height: auto;
	overflow: hidden;
}

.case_box .category ul li {
	float: left;
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
	border: 2px solid #efefef;
	margin-right: 18px;
	margin-left: 18px;
}
.case_box .category ul li a{
	display:block;
	width: 250px;
	height: 58px;
	line-height: 58px;
	color: #ffffff;
	text-decoration: none;
}
@media screen and (max-width:760px) {
	 .w1200 {
	padding-left: 10%;

}
	
	.case_box .category ul li a{width: 120px;} 
	.w12001 {
	padding-left: 5%;
	margin: 0 auto;
	position: relative;
}
	 
	 }

.case_box .category ul li.active{
	color: #fff;
	background:#E81C23;
	border: 2px solid #E81C23;

}
.case_box .category ul li.active a{

	color: #ffffff;
}
  .col-sm-3 {
	
    width: 33%;
	float: left;
}
.pricedivl1 {

	border: 1px solid #DDDDDD;
	margin-top: 18px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.pricedivl1t {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
.pricedivl1t span {
	float: left;
}
.pricedivl1t a {
	float: right;
	color: #E11122;
}
.pricedivl1c {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.subtitle {
	background-image: url(../images/subtbg.jpg);
	background-repeat: no-repeat;
	background-position: 110px center;
	height: 38px;
	width: 90%;
	line-height: 38px;
	font-size: 22px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
.subc1 {
	font-size: 16px;
	color: #cccccc;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 27px;
	padding-top: 28px;
	padding-bottom: 28px;
}
.search1q {
	height: 50px;
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	
}
.squl li {
	float: left;
	width: 399px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.inpinq{
	width: 100%;
	border: 1px solid #0A0A0A;
	height: 38px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.inpinq1{
	width: 100%;
	border: 1px solid #0A0A0A;
	height: 38px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.inp{
	width: 47%;
	border: 1px solid #0A0A0A;
	height: 38px;
	padding: 0 10px;
	margin-bottom: 15px;
}
.contact-form textarea{
	width: 100%;
	border: 1px solid #6d6d88;
	height: 98px;
	margin-bottom: 24px;
}
.sub{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #D52339;
	border: 0;
	cursor: pointer;
	font-size: 16px;
}
.input{
	font-size: 14px;
	border: solid 1px #DDDDDD;
	width: 100%;
	height: 38px;
	line-height: 30px;
	display: block;
	border-radius: 4px;
	-webkit-appearance: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	padding-left: 6px;
	background-color: #ffffff;

}
.input1{
	font-size: 14px;
	border: solid 1px #DDDDDD;
	width: 50%;
	height: 38px;
	line-height: 38px;
	
	border-radius: 4px;
	-webkit-appearance: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	padding-left: 6px;
	background-color: #ffffff;

}


.label{padding-bottom:7px;display:block;line-height:20px}
.label label{font-weight:bold}
.input-file{display:inline-block;position:relative;overflow:hidden;text-align:center;width:auto;color:#333}
.input-file input[type="file"]{position:absolute;top:0;right:0;font-size:14px;background-color:#fff;transform:translate(-300px,0px) scale(4);height:40px;opacity:0;filter:alpha(opacity=0)}
.input:focus{
	border-color: #A8070D;
	transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s
}.input-auto{width:auto;display:inline-block}input[disabled],input[readonly],textarea[disabled],textarea[readonly],select[disabled],select[readonly]{cursor:not-allowed;background:#eee}textarea.input{height:auto}.input-note,.label .float-right{color:#999;font-size:12px;padding-top:2px;line-height:18px}
.field{position:relative}
.form-group{padding-bottom:10px}
.field-icon .input{text-indent:25px}.field-icon .icon{position:absolute;left:0;right:auto;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal}
.field-icon-right .icon{position:absolute;right:0;top:0;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal}
.form-x .form-group:after,.form-inline:after{clear:both;content:" ";display:block;height:0;overflow:hidden;visibility:hidden}
@media(min-width:760px){.form-x .form-group .label{float:left;width:15%;text-align:right;padding:7px 7px 7px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.form-x .form-group .field{float:left;width:85%}
.form-x .form-button{margin-left:15%}}
@media(min-width:760px){.form-inline{display:inline-block}

.form-inline .input{width:auto;display:inline-block}
.form-inline .form-group{display:inline-table;padding-bottom:0;vertical-align:middle}
.form-inline .form-group .input-group{display:inline-table;width:auto;vertical-align:middle}
.form-inline .form-group .input-group .input{width:auto}
.form-inline .form-group .label{display:inline-block}
.form-inline .form-group .field{display:inline-block}
.form-inline .form-button{display:inline-block;vertical-align:middle}
.form-inline .form-button .button{width:auto}
.form-auto .input{width:auto;display:inline-block}
.form-auto .input-group{display:inline-table;width:auto;display:inline-block}
.form-auto .input-group .input{width:auto;display:inline-block}
.input-inline{padding-left:1px}
.input-inline input{position:relative;float:left;border-radius:0;margin-left:-1px;width:auto}
.form-small .input-inline input,.form-big .input-inline input{border-radius:0}
.input-inline input:first-child{left:1px;border-radius:4px 0 0 4px}
.input-inline input:last-child{border-radius:0 4px 4px 0}}
.input-block{padding-top:8px}.input-block:first-child{padding-top:1px}.input-block input{position:relative;margin-top:-1px;border-radius:0}.form-small .input-block input,.form-big .input-block input{border-radius:0}.input-block input:first-child{border-radius:4px 4px 0 0}.input-block input:last-child{border-radius:0 0 4px 4px}.label-block label{display:block;line-height:24px}.input-group{border-collapse:separate;display:table;position:relative}.input-group .addon,.input-group .addbtn,.input-group .input{display:table-cell}.input-group .addon,.input-group .addbtn{width:1%;white-space:nowrap;vertical-align:middle}.input-group .addbtn .button{font-weight:normal}.input-group .input{width:100%}.input-group .addon{background-color:#f5f5f5;border:1px solid #DDDDDD;border-radius:4px;line-height:1;padding:6px 12px;text-align:center}.input-group .addon:first-child,.input-group .addbtn:first-child .button{border-right:0 none}.input-group .addon:first-child,.input-group .addbtn:first-child .button,.input-group .input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.input-group .addon:last-child,.input-group .addbtn:last-child .button{border-left:0 none}.input-group .addon:last-child,.input-group .addbtn:last-child .button,.input-group .input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .addon:not(:first-child):not(:last-child),.input-group .addbtn:not(:first-child):not(:last-child) .button,.input-group .input:not(:first-child):not(:last-child){border-radius:0}
.form-tips .form-group .field{position:relative;zoom:1}
.form-tips .input-help{position:absolute;z-index:1;float:left;left:0;top:100%}.form-tips .input-help ul{border:solid 1px #DDDDDD;background:#fff;padding:10px 10px 10px 25px;box-shadow:0 0 5px #ddd;border-radius:4px;width:160px;min-width:160px;width:auto;_width:160px}.input-big,.form-big .input,.form-big .button{padding:10px;font-size:16px;line-height:24px;height:46px}.input-small,.form-small .input,.form-small .button{padding:5px;font-size:12px;line-height:18px;height:28px}.form-small .addon,.form-small .addbtn{padding:5px 8px;font-size:12px}.list-group,.list-link{border:solid 1px #ddd;border-radius:4px;list-style:none;padding:0}.list-group li,.list-link a{padding:10px 15px;display:block;border-bottom:solid 1px #ddd;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}.list-group li:last-child,.list-link a:last-child{border-bottom:0 none}.list-striped li:nth-child(odd){background-color:#f5f5f5}.list-link a{color:#333}.list-link a:hover{background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}.list-link a.active:link,.list-link a.active:visited{background-color:#f5f5f5}.panel{border:solid 1px #ddd;border-radius:4px}.panel-head{background-color:#f5f5f5;padding:10px 15px;border-radius:4px 4px 0 0;border-bottom:solid 1px #ddd}.panel-foot{background-color:#f5f5f5;padding:10px 15px;border-radius:0 0 4px 4px;border-top:solid 1px #ddd}.panel-body{padding:15px}.panel .bg-main,.panel .bg-sub,.panel .bg-dot,.panel .bg-red,.panel .bg-yellow,.panel .bg-green{color:#fff}.panel .panel-body+.table,.panel .panel-body+.list-group{border-top:solid 1px #ddd}.panel .list-group{border:0;border-radius:0}.panel-group{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;border-left:none;border-right:0;list-style:none;padding:15px}.tab .tab-head strong{float:left;padding:8px 20px 0 0;line-height:20px}.tab .tab-more{float:right;margin:10px 0 0 10px;font-size:12px}
.tab .tab-nav{list-style:none}.tab .tab-nav li{display:inline-block}
.tab .tab-nav li a{

	padding: 8px 20px;
	display: block;
	border: solid 1px #DDDDDD;
	line-height: 20px;
	border-bottom: 0;
	border-radius: 4px 4px 0 0
}
.tab .tab-nav .active{
	
}.tab .tab-nav .active a{color: #A8070D;cursor:default}
.tab .tab-body{border-top:solid 1px #DDDDDD;margin-top:-1px;padding-top:15px}
.tab .tab-body-bordered{border:solid 1px #ddd;border-radius:4px;padding:15px}
.tab .tab-body .tab-panel{display:none}.tab .tab-body .active{display:block}

.bg-main{
	background: #E50012;
	border: 1px solid #E50012 !important;
	font-size: 18px;
	color: #FFF;
}

.bg-main:hover,.bg-main:focus{border:1px solid #000000 !important; background:#FFCF00 !important}
.button{
	width: 100%;
	height: 42px;
}
.button.bg-main{border-color:#A8070D !important}

.button.bg-main:hover{border-color:#FFCF00 !important;}
 table {
    border: 1px solid #DDDDDD;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
  }
  table a{
    color:#A8070D;
  }
   table a:hover{
   color:#ff00000;
  }
  table tr {
    border: 1px solid #DDDDDD;
    padding: 5px;
  }

  table th, table td {
    padding: 10px;
    text-align: center;
  }

  table th {
    text-transform: uppercase;
  
    letter-spacing: 1px;
  }

  @media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
    
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }
.form-button .margin-small-right{border-radius: 6px;}
.pages {
	clear: both;
	margin: 10px auto 6px auto;
	padding-top: 1rem;
	overflow: hidden;
	text-align: center;

}
.pages ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 6px 6px;
	margin: 0 0 3px;
	line-height:20px;
	background: #fff;
	color: #999;
	border-radius:2px;
}
.pages ul li:hover {
	background: #2b2c2d;
	color: #fff;
	border: 1px solid #2b2c2d
}
.pages ul li:hover a {
	color: #fff;
}
.pages ul li.thisclass {
	display: inline-block;
	border: 1px solid #2b2c2d;
	padding: 6px 6px;
	margin: 0 0 3px;
	background: #2b2c2d;
	color: #fff;
}
.pages ul li.thisclass a {
	color: #fff;
}
.pages ul li a {
	display: block;
	color: #999
}
.pages ul li a:hover {
	color: #fff;
}