@charset "utf-8";
/* CSS Document */

.wrap{
    overflow: hidden;
}

.banner{width:100%;  margin-top:5.625rem;overflow:hidden; height:42rem; background:url(../images/sybanner.jpg?20190709) 50% 0 no-repeat; position:relative;  background-size:cover; background-position: center 0;
}
.banner .content{width:43.75rem; height:16.25rem; position:absolute; left:50%; top:50%;  margin-left: -21.875rem;margin-top: -7.5rem;
}
.banner .con{width:34.375rem; height:10.375rem;  margin: 0 auto; background:url(../images/sytitle.png?20190722) center no-repeat;  background-size: 100% auto;
}
.banner .btnbox{width:26.25rem; height:3rem; margin:0 auto; padding-top:2.875rem;
}
.banner .btnbox a{width:22rem;  margin-left: 3rem; height:3rem; line-height:3rem; text-align:center; font-size:1.25rem; color:#132f41; background-color:#0C304A;  border-radius: 5px;margin-right:16px; letter-spacing:5.5px;
}
.banner .btnbox .zcbtn{background-position: 0 -3rem; color:#FFF;
}
.banner .btnbox a:hover{background-color:#1D4D6B; color:#FFF;
}
.banner .btnbox .flashbtn{margin-right:0;
}
.lastnews{  
	width: 86%;
  height: 11.3rem;
  margin: 2.5rem auto 3.5rem;
  min-width:614px;
}
.lastnews li{width:23.5%; height:100%; float:left; margin-right:2%; position:relative; text-align:center;
}
.lastnews a{float:left; width:100%; height:100%;
}
.lastnews a img{
	width:100%;
	height:100%;
}
.lastnews a img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.lastnews .l1{
}
.lastnews .l2{
}
.lastnews .l3{
}
.lastnews .l4{margin-right:0; 
}

.lastnews a:hover{
	
}

.productcon{width:86%; overflow:hidden; margin:0 auto;
}
.productcon .title{width:28%; text-align:center; overflow:hidden; margin-left:36%;margin-bottom:2rem;
}
.productcon .con{padding:0.875rem 0 3.25rem 0; width:50%;margin-left:25%; line-height:24px; text-align:center; font-size:14px; color:#aaaaaa; font-family:'宋体';
}
.productcon img{
	width:100%;
}
.productcon .productlist{width:96%; overflow:hidden; margin-bottom:2rem;padding: 2%;
}
.productlist li{width:28%; height:17rem;box-shadow:0px 0px 10px 5px #E0E3E8; margin-bottom:1.25rem; float:left; margin-right:8%; text-align:center; position:relative;
}
.productlist .mr{margin-right:0;
}
.productlist .link{float:left; width:100%; padding-bottom:1.125rem; height:15.875rem; position:absolute; left:0; top:0; z-index:99;
}
.productlist .link:hover{
	color:#0c304a;
}
.productlist .content{
  line-height: 1.5rem;
  padding: 0 1rem;
  font-size: 1rem;
  color: #666;
  text-align:center;
  padding-bottom: 2rem;
}
.productlist .icon1, .productlist .icon1_ac{display:inline-block; width:4rem; height:5.125rem; background:url(../images/pro_icon01.png) left 10px no-repeat;background-size:100%; margin:1.8rem 0 1rem 0;
}
.productlist .icon2, .productlist .icon2_ac{display:inline-block; width:4rem; height:5.125rem; background:url(../images/pro_icon02.png) 0 10px no-repeat;background-size:100%; margin:1.8rem 0 1rem 0;
}
.productlist .icon3, .productlist .icon3_ac{display:inline-block; width:4rem; height:5.125rem; background:url(../images/pro_icon03.png) left 10px no-repeat;background-size:100%; margin:1.8rem 0 1rem 0;
}

.productlist .icon1_ac, .productlist .icon2_ac, .productlist .icon3_ac{background-position: 0 -5.625rem;
}

.needtake1{width:100%; height:33rem;background:url(../images/syimg10.jpg?20190618) 50% 0 no-repeat;background-size:cover; 
}
.needtake1 .needcon{width:28%; overflow:hidden; margin-left:5%;
}
.needtake1 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0;
}
.needtake1 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0;
}
.needtake1 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0;
}
.needtake1 img{width:100%;height:auto;
}

.needtake2{width:100%; height:33rem;background:url(../images/syimg20.jpg?20190618) 50% 0 no-repeat;background-size:cover; 
}
.needtake2 .needcon{width:28%; overflow:hidden; margin-right:5%;float:right;
}
.needtake2 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0; float:right;
}
.needtake2 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0; float:right;
}
.needtake2 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0; float:right;
}
.needtake2 img{width:100%;height:auto;
}

.needtake3{width:100%; height:33rem;background:url(../images/syimg30.jpg?20190618) 50% 0 no-repeat;background-size:cover; 
}
.needtake3 .needcon{width:28%; overflow:hidden; margin-left:5%;
}
.needtake3 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0;
}
.needtake3 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0;
}
.needtake3 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0;
}
.needtake3 img{width:100%;height:auto;
}

.needtake4{width:100%; height:33rem;background:url(../images/syimg40.jpg?201906262) 50% 0 no-repeat;background-size:cover; 
}
.needtake4 .needcon{width:28%; overflow:hidden; margin-right:5%;float:right;
}
.needtake4 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0; float:right;
}
.needtake4 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0; float:right;
}
.needtake4 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0; float:right;
}
.needtake4 .comment{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0;
}
.needtake4 img{width:100%;height:auto;
}

.needtake5{width:100%; height:33rem;background:url(../images/syimg50.jpg?20190626) 50% 0 no-repeat;background-size:cover; 
}
.needtake5 .needcon{width:28%; overflow:hidden; margin-left:5%;
}
.needtake5 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0;
}
.needtake5 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0;
}
.needtake5 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0;
}
.needtake5 img{width:100%;height:auto;
}

.needtake6{width:100%; height:33rem;background:url(../images/syimg60.jpg?20190626) 50% 0 no-repeat;background-size:cover; 
}
.needtake6 .needcon{width:28%; overflow:hidden; margin-right:5%;float:right;
}
.needtake6 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0; float:right;
}
.needtake6 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0; float:right;
}
.needtake6 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0; float:right;
}
.needtake6 img{width:100%;height:auto;
}

.needtake7{width:100%; height:33rem;background:url(../images/syimg70.jpg?20190626) 50% 0 no-repeat;background-size:cover; 
}
.needtake7 .needcon{width:28%; overflow:hidden; margin-left:5%;
}
.needtake7 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0;
}
.needtake7 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0;
}
.needtake7 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0;
}
.needtake7 img{width:100%;height:auto;
}

.needtake8{width:100%; height:33rem;background:url(../images/syimg80.jpg?20190618) 50% 0 no-repeat;background-size:cover; 
}
.needtake8 .needcon{width:28%; overflow:hidden; margin-right:5%;float:right;
}
.needtake8 .subtitle{width:90%; overflow:hidden; text-align:center; padding:5rem 0 0.8rem 0; float:right;
}
.needtake8 .title{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 0.8rem 0; float:right;
}
.needtake8 .content{width:100%; overflow:hidden; text-align:center; padding:0.8rem 0 2rem 0; float:right;
}
.needtake8 img{width:100%;height:auto;
}

.needtake9{padding:4rem 6rem 6rem 6rem;
}
ul, ol {
  list-style: none;
}
.float_qq {
  position: fixed;
  bottom: 0px;
  right: 0;
  width: 50px;
 /*  height: 304px; */
  height: 253px;
  z-index: 6666;
}
.float_qq li {
  width: auto;
  height: 50px;
  z-index: 20;
}

.float_qq li.float_qq1, .float_qq li.float_qq6 {
  position: absolute;
  left: 0;
  width: 62px;
}

.float_qq li.float_qq1 {
  top: 0;
}

.float_qq li.float_qq2,.float_qq li.float_qq5 {
  position: absolute;
  top: 51px;
  left: 0;
  width: 126px;
}
.float_qq li.float_qq3, .float_qq li.float_qq4 {
  position: absolute;
  top: 102px;
  left: 0;
  width: 172px;
}
.float_qq li.float_qq4 {
  top: 153px;
}
/* .float_qq li.float_qq5 {
  top: 204px;
} */
.float_qq li.float_qq6 {
	top: 204px;
 /*  top: 255px; */
}
.float_shwx {
  position: absolute;
  top: -150px;
  left: -163px;
  width: 163px;
  height: 203px;
  padding-bottom: 9px;
  display: none;
}
.float_shwx img {
  display: block;
  padding: 5px;
  background-color: #FFF;
  width: 153px;
  height: 193px;
}
.float_qq li a {
  display: block;
  font-family: "Microsoft Yahei";
  color: #FFF;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  background-color: #000;
  opacity: 0.8;
  border-radius: 6px;
  cursor: pointer;
}
.float_qq li a:hover {
  /* background-color: #0c68bf; */
  background-color:#36A4F1;
  opacity: 1;
}

.float_qq li a img {
  display: block;
  float: left;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 9px 9px 11px 11px;
}
a {
  text-decoration: none;
  cursor: pointer;
}
.mask {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0,0,0,.7);
}
.xymessage-wrap {
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  display: block;
  width: 480px;
  height: 520px;
  margin-top: -270px;
  margin-left: -240px;
  background-color: #fff;
    border-radius: 16px;
}

.message-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height:100%;
  background: white;
    border-radius: 16px;
}

.message-wrap a.message-close {
  background: url(../images/close.png) no-repeat;
  background-size: 100% auto;
  height: 15px;
  width: 15px;
  margin-top: 15px;
  position: absolute;
  z-index: 5;
  right: 12px;
  line-height: 45px;
  font-size: 1.4rem;
  color: #999;
}

.message-wrap .message-tab {
  position: relative;
  z-index: 1;
  clear: both;
  width: 100%;
  height: 50px;
  background-color:#36A4F1;
  border-radius: 16px 16px 0 0;
}
.message-wrap .message-tab li {
  width: 88%;
  margin:0 6%;
  height: 50px;
  float: left;
  font-size: 18px;
  line-height: 50px;
  text-align: left;
  cursor: pointer;
  color: #fff;
}

.message-wrap .msgbtn {
  padding: 20px 40px 0;
  width: 240px;
  margin: 0 auto;
  
}
.message-wrap .msgbtn a {
  display: block;
  border-radius: 6px;
  margin-bottom: 14px;
  height: 40px;
  line-height: 38px;
  width: 100%;
  background-color: #36A4F1;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.message-box .msg_cont{
	padding:8px 20px 0;
	
}
.message-box textarea {
  font-size: 14px;
  line-height: 20px;
  color: #999;
  padding: 5px;
  width:96%;
  height:96%;
  padding:2%;
  border: 1px solid #E6E6E6;
}

.message-box .msg_input{
	margin:8px 20px 0;
	border: 1px solid #E6E6E6;
	height:40px;
	line-height:40px;
	color:#999;
}

.message-box .msg_input .msg_img{
	width:15%;
	height:100%;
	float:left;
	text-align:center;
}
.message-box .msg_input .msg_img img{
	height:28px;
	width:auto;
	margin-top:6px;
}
.message-box .msg_input input{
	floay:left;
	width:80%;
	color:#999;
	height:40px;
	/* line-height:40px; */
	padding:0 5px;
	border: none;
    outline: 0;
    font-size:14px;
}

.pro_banner{width:100%; overflow:hidden; margin-top:5.625rem; height:25rem; background:url(../images/prosys.jpg) 100% 0 no-repeat; position:relative;  background-size:100% 100%; background-position: center 0;
}
.product{
	  color: inherit;
  	background-color: #fff
}
.product .container{
	padding: 2rem 1rem 5rem 1rem;
  	text-align: center;
  	max-width: 100%;
  	width: 70rem;
  	margin-right: auto;
  	margin-left: auto;
}
.product .container .title{
	width:36%;
	margin:0 auto;
	margin-bottom:3rem;
	
}
.product .container .title img{
	width:100%;
	height:auto;
	  
}
.row {
  margin-left: -1rem;
  margin-right: -1rem;
  overflow: hidden;
}
.col-sm-4 {
  width: 25%;
  float: left;
  position: relative;
  min-height: 1px;
  min-width:15rem;
}
.row a {
	width:15rem;
  color: #000;
  text-decoration: none;
}
.cases .card-fade {
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  height: 12.5rem;
  margin-bottom: 2.5rem;
  overflow: hidden;
  cursor: pointer;
}
.card {
  border: none;
  padding: 1rem;
  background-color: #f2f2f2;
  border:1px solid #ededed;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
}
.text-center {
  text-align: center;
}
.iconfont-industries {
	
  font-family: "iconfont-industries" !important;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-industries img{
	width:50%;
	height:auto;
}
.cases .card-fade i {
	margin-top: 1.5rem;
  display: inline-block;
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.cases .card-fade:hover i {
  color: #979797;
  margin-top: -200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.cases .card-fade:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  -webkit-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.cases .card-fade.card-fade-color1:hover {
  background-color: #EE5871;
}
.cases .card-fade.card-fade-color2:hover {
  background-color: #A251B7;
}
.cases .card-fade.card-fade-color3:hover {
  background-color: #FFB717;
}
.cases .card-fade.card-fade-color4:hover {
  background-color: #36A4F1;
}
.cases .card-fade.card-fade-color5:hover {
  background-color: #85BF2D;
}
.cases .card-fade.card-fade-color6:hover {
  background-color: #00D2DD;
}
.cases .card-fade.card-fade-color7:hover {
  background-color: #F35B45;
}

.cases .card-fade .caption {
  font-size: 1.2rem;
  line-height: 200%;
  margin-bottom: 1.5rem;
  color:#333;
}

.cases p {
  max-width: 35rem;
  margin: 0 auto 1.25rem;
  color: #999999;
  margin-bottom: 1.56rem;
  font-weight: 200;
  line-height: 180%;
}
.cases .card-fade a, .cases .card-fade p {
  display: none;
}
.cases .card-fade:hover a, .cases .card-fade:hover p {
  display: block;
  color: #fff;
  font-size: 0.875rem;
  text-align: left;
}
.cases .card-fade:hover .caption{
	color: #fff;
	font-size:1.5rem;
}
.pageContent{
  width: 100%;
  margin-top: 5.625rem;
  overflow:hidden;
}
.pageContent .page_header{
    width: 100%;
    height: 14.5rem;
    background: url(../images/price00.jpg) 50% 0 no-repeat;
    background-size: cover;
    background-position: center 0;
}
.container {
  width: 72rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}
.container table {
  text-align: center;
  font-size: 0.875rem;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  border: 1px solid #ccc;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  margin-top: -9.5rem;
  
}

.table-header{
	height: 12rem;
	padding: 1rem;
	border-top: 1px solid #ccc;
	border-bottom:1px solid #e4e4e4;
}

.col-md-5 {
	margin-top:1rem;
  width: 20%;
  float: left;
  height:11rem;
}
.col-md-6 {
	margin-top:1rem;
  width: 39%;
  float: left;
  height:11rem;
}
.col-md-7 {
	margin-top:1rem;
  width: 39%;
  float: left;
  height:11rem;
}

.col-line{
	width:2%;
	float:left;
	margin-top:2rem;
	 height:8rem;
}
.col-line img{
	height:100%;
	width:1px;
	
}

.container table td{
	height:3rem;
	line-height:3rem;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	
}
.col-td-col{
	text-align:left;
	background-color:#f7f7f7;
	font-size:1.125rem;
	padding-left:2rem;
	color:#333;
  border-top:1px solid #e4e4e4;
}
.col-td-5 {
  width: 20%;
  float: left;
  font-size:1rem;
  color:#333;
  background-color:#f7f7f7;
  border-right:1px solid #e4e4e4;
  border-top:1px solid #e4e4e4;
}
.col-td-6 {
  width: 40%;
  float: left;
  font-size:1rem;
  color:#666;
  border-right:1px solid #e4e4e4;
  border-top:1px solid #e4e4e4;
}
.col-td-7 {
  width: 40%;
  float: left;
  color:#666;
  font-size:1rem;
  border-top:1px solid #e4e4e4;
}
.container table td img{
	height:2.4rem;
	width:auto;
	margin-top:0.3rem;
}
.package-header {
  background-color: #fff;
  text-align: center;
}
.round-left{
	float:left;
}
.table-header .iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: #48D497;
  font-size: 80px;
  width:45%;
  height: 11rem;
  line-height:11rem;
  text-align:right;
}
.table-header .iconfont img{
	width:auto;
	height:52%;
	margin-top:24%;
	margin-right:0.6rem;
}
.table-header .iconcont{
	width:55%;
	text-align:left;
}
.table-header .title {
  font-size: 1.6rem;
  height:2.6rem;
  line-height:2.6rem;
  color:#333;
  margin-bottom:1.15rem;
  margin-top:2.5rem;
  margin-left:1rem;
  font-weight: 500;
}
.table-header .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.42857;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left:0.8rem;
}

.table-header .btn-success {
  color: #fff;
  background-color: #36A4F1;
  border-color: transparent;
}
.table-header .btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.33333;
  border-radius: 3px;
}
.btn:hover, .btn:focus, .btn.focus {
  text-decoration: none;
}
.btn-success:hover {
  color: #fff;
  background-color: #36A4F1;
  border-color: transparent;
}

.text-content {
    width: 72rem;
  background-color: #fff;
  margin:3rem auto;
  color:#333;
}
.col-md-12 {
  width: 100%;
  text-align:center;
  padding:2rem 0;
}
.col-md-12 h3{
  line-height: 3rem;
  font-size:1.5rem;
    font-weight: 500;
}
.col-md-12 p{
	   line-height: 2rem;
	   font-size:1rem;
}



.wrap .body{
	width:100%;
	margin-top:5.625rem;
	overflow: hidden;
}

.body .btn {
  text-align: center;
  cursor: pointer;
  padding: 0.4rem 5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  border-color: transparent;
}
.btn-blue{
	color: #fff;
  background-color: #36A4F1;
}
.btn-green{
	color: #fff;
  background-color: #00bf4e;
}
.btn-orange{
	color: #fff;
  background-color: #ff7f00;
}
.btn-gray{
	color: #fff;
  background-color: #999999;
}

.body-header{
	width:72rem;
	padding-top:3rem;
	margin-left:auto;
	margin-right:auto;
	height:3rem;
	line-height:3rem;
	padding-bottom:0.5rem;
}
.body-header img{
	height:2.2rem;
	margin-top:0.4rem;
	width:auto;
	float:left;
}
.body-header div{
	height:3rem;
	line-height:3rem;
	color:#36A4F1;
	font-size:1.375rem;
	float:left;
	margin-left:0.5rem;
}
.body-cont{
	width:72rem;
	margin-bottom:5rem;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}
.body-cont-header{
	width:100%;
	overflow:hidden;
}
.body-cont-header img{
	width:100%;
	height:auto;
}
.body-cont-body{
	overflow:hidden;
	border-left:1px solid #e6e8ea;
	border-right:1px solid #e6e8ea;
	border-bottom:1px solid #e6e8ea;
}
.body-cont .success{
	padding:5rem 0;
	width:50%;
	margin:0 auto;
	overflow:hidden;
}
.body-cont .buy-success{
	padding:1rem 0;
	width:50%;
	margin:0 auto;
	overflow:hidden;
}
.body-cont .buy-success .img{
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
.body-cont .buy-success .img img{
	width:100%;
	height:auto;
}
.body-cont .success .img{
	height:5rem;
	line-height:5rem;
	text-align:center;
}
.body-cont .success .img .forget_icon{
	width:45%;
}
.body-cont .success .img .icon{
	height:3.6rem;
	width:auto;
	  vertical-align: middle;
	  float:left;
	  margin-left: 7.5rem;
}
.body-cont .success .img .cont{
	height:3rem;
	float:left;
	text-align:left;
	margin-left:1rem;
}
.body-cont .success .img .cont .Orange{
	height:2rem;
	line-height:2rem;
	font-size:1.25rem;
	font-weight: bold;
	color:#ff7f00;
}
.body-cont .success .img .cont .black{
	height:1rem;
	line-height:1rem;
	font-size:1rem;
	color:#333;
}
.body-cont .success .content{
	text-align:center;
	color:#333;
	font-size:1rem;
	line-height:1.4rem;
	margin-bottom:1rem;
}
.body-cont .information{
	width:85%;
	margin:0 auto;
}
.body-cont .information .body-title{
	font-size: 1.75rem;
  color: #36A4F1;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  padding-top: 3rem;
}
.body-cont .information .title{
	height:3rem;
	line-height:3rem;
	font-size:1.25rem;
	color:#333;
	margin-left:1rem;
	padding-top:0.5rem;
}
.body-cont .information .info-lump{
	border:1px solid #d6d6d6;
}
.body-cont .information .info-title{
	height:3rem;
	line-height:3rem;
	font-size:1.25rem;
	color:#333;
	padding-left:2rem;
	background-color:#e8e9eb;
}
.body-cont .information .line{
  height: 1px;
  background-color: #ddd;
}

.body-info{
	width:50%;
	margin:0 auto;
	  padding-top:1.5rem;
}
.body-info .info-box{
	height:3.2rem;
	line-height:3.2rem;
	margin-left:2rem;
}
.body-info .info-box .tit{
	font-size:1.125rem;
	color:#333;
}
.body-info .info-box .tit{
	font-size:0.875rem;
	color:#333;
	width:24%;
	float:left;
	height:3.2rem;
}
.body-info .info-box .tab{
	width:76%;
	float:left;
}
.body-info .info-box .tab .start{
	font-size:1.625rem;
	height:3.2rem;
	  padding-top: 0.2rem;
	color:red;
	display:block;
	float:left;
	width:10%;
}

.body-info .info-box .tab .input{
	width:18rem;
	  float: left;
  height: 2rem;
  /* line-height: 2rem; */
  margin-top:0.6rem;
  font-size: 0.875rem;
  color: #333;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
    padding: 0 0.5rem;
}
.body-info .info-box .tab select{
	 height: 2rem;
      line-height: 2rem;
      margin-top:0.6rem;
      font-size: 0.875rem;
      color: #333;
      float:left;
	  border: 1px solid #bdbdbd;
	    border-radius: 2px;
	  appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background: url("../images/arrow.png") no-repeat scroll right 0.625rem center transparent;
      padding: 0px 1.6rem 0 0.5rem;
}
.body-info .info-box .tab .province{
	width:8rem;
}
.body-info .info-box .tab .city{
	width:10rem;margin-left:1rem;
}
.body-info .info-box .tab .input-input{
	width:11rem;
	 
}
.body-info .info-box .tab .index_btn{
	width:6rem;
	margin-left:1rem;
	 float:left;
	 height: 2rem;
  line-height: 2rem;
  margin-top:0.6125rem;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
}

.body-info .info-box .tab .index_btn .btns{
	cursor: pointer;
  height: 2rem;
  line-height: 2rem;
  -webkit-appearance: none;
  background-color: #00bf4e;
  color: #fff;
  font-size: 0.875rem;
  border: none;
  outline: 0;
  width: 100%;
    border-radius: 2px;
}


.body-info .info-box .tab .span{
	height:1.6rem;
	line-height:1.6rem;
	font-size:0.875rem;
	color:#666;
	margin-left: 1rem;
}
.body-info .info-box .tab .textarea{
	width:35rem;
	  float: left;
	font-size: 16px;
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
  border-radius: 2px;
  padding: 0.5rem;
}

.information .sub-btn{
	text-align:center;
	margin-top:2rem;
}

.information .sub-btn .btn{
	font-size: 1rem;
	border-radius: 0px;
	width:20rem;  
	padding: 0.4rem 0;
}

.body-left{
	  width: 71%;
	  float:left;
	  padding-right:1rem;
	  -webkit-box-sizing: border-box;
  	  -moz-box-sizing: border-box;
      box-sizing: border-box;
	    
}
.body-right{
	width: 29%;
	float:left;
	padding-left:1rem;
	-webkit-box-sizing: border-box;
  	  -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.agreement{
	text-align:center;
	padding-bottom: 3rem;
}
.agreement .agr-cont{
	height:2.5rem;
	line-height:2.5rem;
	width:22rem;  
	margin: 0 auto;
	margin-top:0.5rem;
	padding-left: 2rem;
}
.agreement .agr-text-align {
  font-size: 0.875rem;
  color: #36A4F1;
      height: 1rem;
    line-height: 1rem;
    display: block;
    float: left;
    margin-left: 0.5rem;
}
.agreement .agr-text-align a:visited ,.agreement .agr-text-align a:link,.agreement .agr-text-align a{
  color: #36A4F1;
}

.agreement .next-checkbox {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  float:left;
 
}
.agreement .next-checkbox .next-checkbox-inner {
  display: inline-block;
  width: 80%;
  margin-top:10%;
  margin-left:10%;
  height: 80%;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #c3c5c6;
  transition: all .3s ease 0s;
}
.agreement .next-checkbox.checked .next-checkbox-inner {
  border-color: #36A4F1;
  background-color: #fff;
}.agreement .next-checkbox .next-checkbox-inner>.next-icon {
  opacity: 0;
  line-height: 0.75rem;
  transition: all .3s ease 0s;
  color: #36A4F1;
  margin-left: 1px;
  margin-top: 1px;
}

.agreement .next-checkbox.checked .next-checkbox-inner>.next-icon {
  opacity: 1;
}
.agreement .next-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.875rem;
  height: 0.875rem;
  margin: 0;
}
.login{
    background: url(../images/login_bg.jpg)  50% 0 no-repeat;
    width: 100%;
    height:43.75rem;
    background-size: cover;
}

.login-body{
	margin-top: 11.375rem;
	margin-right: 5rem;
    float: right;
    width: 25rem;
    border-radius: 5px;
    border: solid 3px #fff;
    z-index: 3;
/*    height: 21rem;*/
    background-color:#fff;
}

.login-body .authtop{
	width: 100%;
    height: 4.5rem;
    line-height:4.5rem;
    text-align:center;
    font-size:1.5rem;
    color:#36A4F1;
    overflow: hidden;
    border-bottom: solid 1px #36A4F1;
}
.login-body .authlogin{
    padding-top: 0.625rem;
    clear: both;
}
.login-body .authlogin .uid_login {
    width: 25rem;
    clear: both;
    margin: 5px auto;
}
.login-body .authlogin .uid_login li {
    margin: 0.7rem 2rem;
    clear: both;
    text-align: left;
    font-size: 0.875rem;
}
.login-body .authlogin .uid_login li input[type=password],.login-body .authlogin .uid_login li input[type=text]{
	width: 17.7rem;
    height: 2rem;
   /*  line-height: 2rem; */
    margin-bottom: 0.625rem;
    margin-left: 0.625rem;
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 0.125rem 0.3125rem;
    font-size: 0.875rem;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.login-body .authlogin .uid_login li input[type=checkbox]{
	float:left;
	margin-top: 0.1rem;
}
.login-body .authlogin .uid_login li .span {
    display: block;
    padding-right: 0.3125rem;
    font-size: 0.75rem;
    color: #999999;
}
.login-body .authlogin .uid_login li .span span{
	    display: block;
    float: left;
    margin-left:0.3125rem;
}
.login-body .authlogin select{
    width: 18.325rem;
	height: 2.4rem;
    margin-bottom: 0.625rem;
	margin-left: 0.625rem;
	font-size: 0.875rem;
    color: #333;
	border: 1px solid #dddddd;
	border-radius: 4px;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow.png) no-repeat scroll right 0.625rem center transparent;
    padding: 0px 1.6rem 0 0.5rem;
}

.bodys {
    width: 100%;
    float: left;
    margin-top: 8rem;
    background-color: #fff;
}
.bodys .cont {
    width: 62.55rem;
    margin: 0.24rem auto 1.5rem auto;
    padding: 0.615rem 5rem 1.5rem 5rem;
    font-size: 1rem;
    color: #444;
}
.bodys .cont .title {
    font-size: 1.875rem;
    text-align: center;
    padding:1.245rem 0;
}
.bodys .cont .Bigtitle {
    font-size: 1.5rem;
    padding: 1.5rem 0 0.5rem 0;
}
.bodys .cont .p {
    padding: 0.5rem 0;
    line-height: 1.5;
}
.bodys .cont tr td{
	vertical-align: top;
}
.bodys .cont .Smalltitle {
    font-size: 1.245rem;
    padding: 1rem 0 0.5rem 0;
}
.bodys .cont .MinSmalltitle {
    font-size: 1.145rem;
    padding: 1rem 0 0.5rem 0;
}
p#back-to-top {
    position: fixed;
    display: none;
    bottom: 6.24rem;
    right: 8%;
}
p#back-to-top a:hover {
    color: #979797;
}
p#back-to-top a {
    text-align: center;
    text-decoration: none;
    color: #d1d1d1;
    display: block;
    width: 4rem;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
}
#back-to-top a:hover span {
    background: transparent url(../images/go-top-light-green.png) no-repeat;
    background-size: 100% 100%;
}

p#back-to-top a span {
    background: transparent url(../images/go-top-light-green.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0.25rem;
    display: block;
    height: 4.62rem;
    width: 4.62rem;
    margin-bottom: 0.3rem;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
}

 @media (max-width: 800px) {
 .banner,.pro_banner,.pageContent,.wrap .body{
   margin-top: 7.625rem; 
   overflow: hidden;
}
.wrap .bodys{
    margin-top: 10.625rem;
   
}
 .body-cont .information .body-title {
    font-size: 2.8rem;
    color: #36A4F1;
    height: 5.6rem;
    line-height: 5.6rem;
    text-align: center;
    padding-top: 4.8rem;
}
.banner .content{
    margin-top: -9.5rem;
}
.banner .con {
    width: 38.375rem;
    height: 12.375rem;
}
.banner .btnbox a {
    width: 24rem;
    margin-left: 1.8rem;
    font-size: 1.4rem;
    height: 3.6rem;
    line-height: 3.6rem;
}
.needtake1 .needcon,.needtake2 .needcon,.needtake3 .needcon,.needtake4 .needcon{
	    width: 32%;
}

.productcon .title{
	width: 36%;
    margin-left: 32%;
}
.productcon .con{
	width: 60%;
    margin-left: 20%;
}

.body-info {
    width: 80%;
    margin: 0 auto;
    padding-top: 2.4rem;
}
 .body-info .info-box {
    height: 5.12rem;
    line-height: 5.12rem;
    margin-left: 3.2rem;
}
.body-info .info-box .tit {
    font-size:1.4rem;
    color: #333;
    width: 24%;
    float: left;
    height: 5.12rem;
}
.body-info .info-box .tab {
    width: 76%;
    float: left;
}
.body-info .info-box .tab .input {
    width: 28.8rem;
    float: left;
    height: 3.2rem;
    /* line-height: 3.2rem; */
    margin-top: 0.96rem;
    font-size: 1.4rem;
    color: #333;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    padding: 0 0.8rem;
}
.body-info .info-box .tab .input-input {
    width: 17.6rem;
}
.body-info .info-box .tab .index_btn {
    width: 9.6rem;
    margin-left: 1.6rem;
    float: left;
    height: 3.8rem;
    line-height: 3.8rem;
    margin-top: 0.98rem;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
}
.body-info .info-box .tab select {
    height: 3.2rem;
    line-height: 3.2rem;
    margin-top: 0.96rem;
    font-size: 1.4rem;
    color: #333;
    float: left;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow.png) no-repeat scroll right 1rem center transparent;
    padding: 0px 2.56rem 0 0.8rem;
}
.body-info .info-box .tab .province {
    width: 12.8rem;
}
.body-info .info-box .tab .city {
    width: 16rem;
    margin-left: 1.6rem;
}

.body .btn {
    text-align: center;
    cursor: pointer;
    padding: 0.2rem 8rem;
    font-size: 1.4rem;
    line-height: 2.4;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    border-color: transparent;
}
.information .sub-btn{
	text-align:center;
	margin-top:8rem;
}
.information .sub-btn .btn{
	font-size: 1.6rem;
	border-radius: 0px;
	width:32rem;  
	padding: 0.0.64rem 0;
	height:
}
.body-info .info-box .tab .index_btn .btns {
    cursor: pointer;
    height: 3.2rem;
    line-height: 3.2rem;
    -webkit-appearance: none;
    background-color: #00bf4e;
    color: #fff;
    font-size: 1.4rem;
    border: none;
    outline: 0;
    width: 100%;
    border-radius: 2px;
}
.body-info .info-box .tab .span{
	    font-size:1.2rem;
}
.body-cont .success {
    padding: 5rem 0;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.body-cont .success .img{
	height:8rem;
	line-height:8rem;
	text-align:center;
}
.body-cont .success .img .forget_icon{
	width:55%;
}
.body-cont .success .img .icon{
	height:5.76rem;
	width:auto;
	  vertical-align: middle;
	  float:left;
	  margin-left: 14.4rem;
}
.body-cont .success .img .cont{
	height:4.8rem;
	float:left;
	text-align:left;
	margin-left:1.6rem;
}
.body-cont .success .img .cont .Orange{
	height:3.2rem;
	line-height:3.2rem;
	font-size:2rem;
	font-weight: bold;
	color:#ff7f00;
}
.body-cont .success .img .cont .black{
	height:1.6rem;
	line-height:1.6rem;
	font-size:1.6rem;
	color:#333;
}
.body-cont .success .content{
	text-align:center;
	color:#333;
	font-size:1.6rem;
	line-height:2.24rem;
	margin-bottom:1.6rem;
}

.agreement {
    text-align: center;
    padding-bottom: 8rem;
}
.agreement .agr-cont {
    height: 4rem;
    line-height: 4rem;
    width: 35.2rem;
    margin: 0 auto;
    margin-top: 0.8rem;
    padding-left:2rem;
}
.agreement .agr-text-align {
    font-size: 1.2rem;
    color: #36A4F1;
        height: 1.4rem;
    line-height: 1.4rem;
    display: block;
    float: left;
    margin-left: 0.8rem;
}
.agreement .next-checkbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.2rem;
    float:left;
}
.agreement .next-checkbox .next-checkbox-inner>.next-icon {
    opacity: 0;
    line-height: 1.2rem;
    transition: all .3s ease 0s;
    color: #36A4F1;
    margin-left: 1px;
    margin-top: 1px;
}
.agreement .next-checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0;
}

 .login{
    background: url(../images/login_bg2.jpg)  50% 0 no-repeat;
    width: 100%;
    height:78.175rem;
    background-size: cover;
      
}
.login-body{
	margin-top: 20.5rem;
	margin-right: 19rem;
    float: right;
    width: 40rem;
    border-radius: 5px;
    border: solid 3px #fff;
    z-index: 3;
/*    height: 35rem;*/
    background-color:#fff;
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
    -khtml-opacity: 0.7;  
    opacity: 0.7;
}
.login-body .authtop{
	width: 100%;
    height: 7.2rem;
    line-height:7.2rem;
    text-align:center;
    font-size:2.4rem;
    color:#36A4F1;
    overflow: hidden;
    border-bottom: solid 1px #36A4F1;
}
.login-body .authlogin{
    padding-top: 1rem;
    clear: both;
}
.login-body .authlogin .uid_login {
    width: 40rem;
    clear: both;
    margin: 5px auto;
}
.login-body .authlogin .uid_login li {
    margin: 1.12rem 3.2rem;
    clear: both;
    text-align: left;
    font-size: 1.4rem;
}
.login-body .authlogin .uid_login li input[type=password],.login-body .authlogin .uid_login li input[type=text]{
	width: 28.32rem;
    height: 3.2rem;
/* line-height: 3.2rem; */
    margin-bottom: 1rem;
    margin-left: 1rem;
    border-radius: 4px;
    border: 1px solid #dddddd;
    padding: 0.2rem 0.5rem;
    font-size: 1.4rem;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.login-body .authlogin .uid_login li input[type=checkbox]{
	float:left;
	margin-top: 0.16rem;
}

.login-body .authlogin .uid_login li .span {
    display: block;
    height:2rem;
    line-height:2rem;
    padding-right: 0.5rem;
    font-size: 1.2rem;
    color: #999999;
}
.login-body .authlogin .uid_login li .span span{
	display: block;
    float: left;
    margin-left:0.5rem;
}
.login-body .authlogin .uid_login .btn{
	font-size: 1.8rem;
    line-height: 1.5;
}
.login-body .authlogin select{
    width: 29.5rem;
	height: 3.8rem;
    margin-bottom: 1rem;
	margin-left: 1rem;
	font-size: 1.4rem;
    color: #333;
	border: 1px solid #dddddd;
	border-radius: 4px;
	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow.png) no-repeat scroll right 1rem center transparent;
    padding: 0px 1.6rem 0 0.5rem;
}

.container table td {
    height: 4.8rem;
    line-height: 4.8rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.col-td-col {
    text-align: left;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    padding-left: 2rem;
    color: #333;
    border-top: 1px solid #e4e4e4;
}
.col-td-5 {
    font-size: 1.4rem;
}
.col-td-6 {
    font-size: 1.4rem;
}
.col-td-7 {
    font-size: 1.4rem;
}
.table-header .btn-lg, .btn-group-lg > .btn{
	 font-size: 1.2rem;
}
.col-md-12 h3 {
    line-height: 3.6rem;
    font-size: 1.8rem;
    font-weight: 500;
}
.col-md-12 p {
    line-height: 2.5rem;
    font-size: 1.4rem;
}
.cases .card-fade .caption{
	margin-bottom: 0.5rem;
}
.cases .card-fade:hover a, .cases .card-fade:hover p{
	    font-size: 1rem;
}
.cases .card-fade i{
	margin-top: 3rem;
}
.cases .card-fade{
	height: 16rem;
}

.bodys .cont {
    font-size: 1.3rem;
}
.bodys .cont .title {
    font-size: 2.44rem;
    padding:1.6rem 0;
}
.bodys .cont .Bigtitle {
    font-size: 1.9rem;
    padding: 1.9rem 0 0.65rem 0;
}
.bodys .cont .p {
    padding: 0.65rem 0;
    line-height: 1.5;
}
.bodys .cont .Smalltitle {
    font-size: 1.6rem;
    padding: 1.3rem 0 0.65rem 0;
}
.bodys .cont .MinSmalltitle {
    font-size: 1.7rem;
    padding: 1.3rem 0 0.65rem 0;
}
 }
 
 
 .no_input_clue{
    position:relative;
}
.no_input_clue_mask{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0) none repeat scroll;
    z-index:10001;
}
.no_input_clue_item{
	  -webkit-box-sizing: content-box;
    position:fixed;
    left:42%;
    width:16%;
    height:45px;
    line-height:45px;
    text-align:center;
    background:rgba(0,0,0,0.8) none repeat scroll;
    padding:10px 20px;
    border-radius:4px;
    z-index:10002;
    color:#fff;
    font-size:1rem;
}
.no_input_clue_item p{
    margin-top:5%;
    word-wrap: break-word; 
    white-space:normal; 
    word-break:break-all;
}
.no_input_clue_item img{
	  vertical-align: middle;
}
.container table td img.question{
	margin: 0;
    height: 2rem;
    vertical-align: middle;
}

.container table td .speech{
	position   :absolute; 
    top: -4rem;
    left: 12rem; 
    font-size  : 1rem; 
    display   :block; 
    height   :8rem; 
    width   :30rem; 
    z-index: 1000;
    background-color :transparent; 
    *border   :1px solid #666; 
 } 
.container table td s{ 
	position  :absolute; 
  	top   :4.5rem; 
  	left   :-2rem; 
  	display  :block; 
  	height  :0; 
  	width  :0; 
  	font-size : 0; 
  	line-height : 0; 
  	border-color :transparent #ccc transparent transparent; 
  	border-style :dashed solid dashed dashed; 
  	border-width :1rem; 
 } 
.container table td s i{
  	position  :absolute; 
 	top   :-1rem; 
 	left   :-0.88rem; 
 	display  :block; 
  	height  :0; 
 	width  :0; 
  	font-size : 0; 
  	line-height : 0; 
  	border-color :transparent #fff transparent transparent; 
  	border-style :dashed solid dashed dashed; 
  	border-width :1rem; 
 } 
 .container table td .content{
  	text-align: left; 
  	top: 1rem;
  	border    :1px solid #ccc; 
 	-moz-border-radius :3px; 
  	-webkit-border-radius :3px; 
  	position    :absolute; 
  	background-color  :#fff; 
    padding: 0.5rem 1rem;

 }
 .container table td .content .speech-title{
 	height:2.9rem;
 	line-height:2.9rem;
 	font-size:1rem;
 	color:#333;
 }
 .container table td .content p{
 	line-height:1.7rem;
 	font-size:0.875rem;
 	color:#999;
 }
 @media (max-width: 800px) {
 	.container table td .content .speech-title{
  		font-size:1.6rem;
	}
	.container table td .content p{
	  	font-size:1.2rem;
	}
	.container table td s {
	    top: 5.5rem;
	    left: -2rem;
	}
 }