body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#666;}
a{color:#555;text-decoration:none;transition: all 0.3s ease 0s}
a:hover{color:#e60012;}
s{text-decoration: none}

@font-face {
	font-family: 'DINCond';
	src: url('DINM.otf');
}

.qwe{font-family: 'DINCond'}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:96%; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.no-mgr{margin-right: 0}

.header { position:relative;z-index: 10; padding-top: 6px;background:#fff ;background-size: 100% auto;height: 100px}
@media (max-width: 750px) {
	.header{z-index: 10}
}

.logo{float: left;height: 80px;margin-top: 10px;}
.logo img{height: 100%;}
.contact{float: right;margin-top: 30px}
.contact li{float: left;width: 40px;padding-left: 0;height: 40px;border: 1px solid #7bafee;border-radius: 30px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;margin-left: 8px}
.contact li a{display: block;color: #7bafee;font-size: 14px;line-height: 40px;}
.contact li a img{display: inline-block;height: 20px;line-height: 20px;vertical-align: top;padding: 10px 0 0 10px;}
.contact li a span{position: absolute;right: -60px;top: 0}
.contact li:hover{padding-left: 80px}
.contact li:hover a span{right: 44px}
.nav{float: right;margin-right: 1%;position: relative;}
.nav span.line{display: block;padding-bottom: 3px;background: url(../images/navline.jpg) repeat-x center bottom;position: absolute;left: 0;bottom: 0;width: 76px;transition: all 0.3s ease 0s}
.nav span.line img{display: block;margin: 0 auto}
.nav li{float: left;position: relative;}
.nav li>a{color: #333;font-size: 16px;display: block;padding: 0 22px;line-height: 100px}
.nav li dl{position: absolute;top: 100px;display: none;width: 1920px;left: 0}
.nav li dl{height: 55px;line-height: 55px;}
.nav li dl dt{font-size: 16px;margin: 0 10px;display: inline-block;}
.nav li dl dt a:hover{color: #182c80}
.nav span.hdrShadow{position: absolute;width: 2880px;left: 50%;margin-left: -1440px;background: rgba(255,255,255,.7);top: 100px;height: 55px;line-height: 55px;display: none}

.nav li:nth-child(4) dl{left: -270%}
.nav li:nth-child(6) dl,.nav li:nth-child(7) dl{left: auto;right: 0;text-align: right;}


.banner_b{padding-bottom: 2%;border: none;}
.banner_bot .banb_fl{float: left;line-height: 50px;}
.banner_bot .banb_fr{float: right;}
.banner_bot .banb_fl .bf_p{float: left;font-size: 14px;color: #000;margin-right: 8px;}
.banner_bot .banb_fl .bf_p img{padding-top: 13px;}
.banner_bot .banb_fl .log{margin-right: 23px;}
.search{float: right;margin-top: 7px;}
.search .txt{border: 1px solid #2f65a6;width: 200px;line-height: 32px;background: #fff;font-size: 14px;color: #000;padding-left: 10px;vertical-align: middle;}
.search .btn{border: 1px solid #2f65a6;width: 44px; line-height: 32px;background: url(../images/search.png) no-repeat center ; font-size: 16px;vertical-align: middle;margin-left: -5px;color: #fff;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

.swiper-pagination-bullet{width: 15px !important;height: 15px !important;border-radius: 15px;}


@media (max-width:1920px ) and ( min-width: 1600px) {
	.g-in{width: 88%}
	.nav li>a{padding:0 20px;font-size: 18px}
	.nav li dl dt{font-size: 16px}

}
@media (max-width:1660px ) and ( min-width: 1440px) {
	.g-in{width: 94%}
}
@media (max-width:1300px ){
	.nav li>a{padding: 0 10px}
	.nav li dl dt{text-align: center;padding: 0}
}
@media (max-width:1180px ){
	.nav li>a{padding: 0 6px}
}

@media (max-width:1100px ){
	
	.header{height: 56px;padding-top: 3px}
	.logo{height: 46px;margin-top: 5px}
	.contact{margin-top: 7px}
	.navBtn{width: 40px;height: 40px;background: url(../images/menu.png);float: right;margin-top: 8px;margin-left: 3px}
	.nav{position: absolute;left: 0;right: 0;float: none;top: 62px;background: rgba(24,44,128,.9);margin: 0;display: none}
	.nav li{float: none;}
	.nav li a span{display: block;position: absolute;right: 5%;width:22px;height: 12px;top: 19px;background: url(../images/ico_100.png);background-size: cover }
	.nav li>a{color: #fff;line-height: 46px;padding: 0 0 0 2.5%;border-bottom: 1px solid #ccc}
	.nav li dl{position: relative;top: 0;opacity: 1;background: none;text-align: left;display: none}
	.nav li dl dt{text-align: left;height: 36px;line-height: 36px;}
	.nav li dl dt a{color: #fff;padding-left: 5%}
}
@media (max-width:515px ){
	.header{height: 46px}
	.logo{height: 36px;}
	.contact li{width: 30px;height: 30px;margin-left: 3px;}
	.contact li span{display: none}
	.contact li:hover{padding-left: 0}
    .contact li:hover a span{right: 0}
	.contact li a img{height: 30px;width: 30px}
	.navBtn{height: 30px;width: 30px;background-size: cover}
	.nav{top: 52px}
	.nav li>a{line-height: 36px;font-size: 14px}
	.nav li dl dt{height: 30px;line-height: 30px}
	.nav li a span{height: 8px;width: 16px;top: 16px}

	.nav span.line{display: none}
}
@media (max-width:350px ){
	.header{width: 104%;margin-left: -2%}
	.contact li{margin-left: 4px}
}
@media (max-width:330px ){
	.navBtn{margin-left: 2px;margin-top: 0;}
	.contact li{margin-left: 2px}
}
.form-search{ position: absolute; top: -100px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #0268b3; background:#fff; z-index:2; opacity:0; transition:all .2s ease-out; }
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#0268b3; color:#fff;}



.ft-1{background: #7f7f7f;color: #fff;}
.ft-logo{float: left;padding-right: 8%;}
.ft-nav{float: left;width: 50%}
.ft-nav dl{float: left;padding:0 4%;max-width: 140px;}
.ft-nav dt a{display: block;color: #d3d3d3;font-size: 14px;font-weight: bold;line-height: 28px;margin-bottom: 4px}
.ft-nav dd a{display: block;color: #d3d3d3;font-size: 14px;line-height: 25px}
.ft-contact{float: left;width: 20%;padding-right: 2%}
.ft-contact .p1{font-size: 22px;padding-left: 25px;background: url(../images/ft_ico_1.png) no-repeat left center;}
.ft-contact .p2{font-size: 14px;padding-left: 25px;background: url(../images/ft_ico_2.png) no-repeat left 5px;}
.ft-nav dl{border-right: 1px solid #909090;padding-top: 31px;height: 190px;color: #d3d3d3}
.ft-logo,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height: 205px;color: #d3d3d3}

.ft-qrcode{float: right;border-right: 0 !important}
.ft-qrcode span{display: block;text-align: center;font-size: 14px;color: #fff}

.ft-2{background: #182c80;color: #fff;padding: 1.4% 0}
.ft-copy{float: left;}
.ft-ibw{float: right;}
.footer a{color: #fff}
.footer a:hover{text-decoration: underline;}

@media (min-width:1600px){
	.ft-nav dl{padding-left: 5%;padding-right: 5%}
}

@media (max-width:1230px){
	.ft-logo{width: 16%}
	.ft-logo img{width: 100%}
	.ft-nav{width: 56%}
	.ft-nav dl{max-width: 170px}
	.ft-contact{width: 18%;padding: 0 1.5%;}
	.ft-contact .p1{font-size: 16px}
	.ft-logo,.ft-nav dl,.ft-contact,.ft-qrcode{box-sizing: border-box;border-right: 1px solid #909090;padding-top: 31px;height: 205px}
}

@media (max-width:1130px){
	.ft-nav dl{padding: 0 3%;padding-top:31px }
}

@media (max-width:1050px){
	.ft-nav{width: 100%;float: none;}
	.ft-nav dl{width: 20%;padding: 2%;box-sizing: border-box;max-width: inherit;}
	.ft-nav dl:last-child{border-right: 0}
	.ft-logo{display: none}
	.ft-contact{width: 30%}
	.ft-nav dl{padding-left: 2%}
	.ft-contact{width: calc(100% - 110px);border-right: none}
}


@media (max-width:700px){
	.ft-nav{width: 100%;display: none}
	.ft-nav dl{height: 157px;padding-left: 5%}
	.ft-nav dl:first-child{padding-left: 2%}
	.ft-nav dl:last-child{border-right: none}
	
}

@media (max-width:375px){
	.ft-nav dt a,.ft-nav dd a{font-size: 12px}
	.ft-copy,.ft-ibw{float: none;}
}

.overflowHidden{
 overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
}


.banner{/*position: absolute;z-index: -1;*/left: 0;right: 0;top: 0;}
.banner img{width: 100%}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 18px!important}
.swiper-pagination-bullet-active{background: #182c80 !important}

.banner.fixed{position: fixed;z-index: -1;left: 0;right: 0;top: 0 !important;}
.swiper-pagination-bullet{background: none !important;border:2px solid #fff;}
.swiper-pagination-bullet-active{background: #fff !important;}

.container{position: relative;z-index: 6;background: #fff;padding-top: 1.5%}

.con_1{box-sizing: border-box;overflow: hidden;position: relative;}
.con_1 .g-in{border: 1px solid #d6d6d6;position: relative;}
.con_1 li{float: left;width: 16.66%;text-align: center;padding: 3% 0;border-right: 1px solid #d6d6d6;box-sizing: border-box;transition: all 0.5s ease 0s;overflow: hidden;}
.con_1 li:last-child{border-right: 0}
.con_1 li span{display: block;}
.con_1 li span img{display: block;margin: 0 auto;height: 43px;width: auto}
.con_1 li s{display: block;font-size: 16px;color: #333;/*font-weight: bold;*/margin-top: 3%}
.con_1 li:hover s{color: #e60012}
.con_1 li p{font-size: 16px;color: #666;text-transform: uppercase;font-family: 'DINCond';opacity: .5}
.con_1 li:hover{padding: 2% 0 4% 0}
.con_1 a.more{display: block;color: #fff;font-size: 12px;position: absolute;right: 0;bottom:0;background: #e60012;padding: .6% 1%;text-transform: uppercase;}

@media  ( min-width: 1600px) {
	.con_1 li s{font-size: 18px}
}

@media  ( min-width: 1500px) {
	.con_1 li{padding: 4% 0;}
}

@media  ( max-width: 1200px) {
	.con_1 li s{font-size: 14px}
	.con_1 li p{font-size: 14px}
}
@media  ( max-width: 850px) {
	.con_1 li{width: 33.33%}
	.con_1 li:nth-child(1),.con_1 li:nth-child(3),.con_1 li:nth-child(2){border-bottom: 1px solid #d6d6d6}
	.con_1 li:nth-child(3n){border-right: none}
	.con_1 li s{font-size: 16px}
	.con_1 li p{font-size: 12px}
}

@media  ( max-width: 515px) {
	.con_1 li span img{height: 35px}
	.con_1 li s{font-size: 10px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
	.con_1 li p{font-size: 10px}
}

.con_2{margin-top: 2.5%;height: 360px;overflow: hidden;background: url(../images/con_bg_2.png) no-repeat;background-size: 100% 100%}
.c_2_l{float: left;width: 34.5%;padding-top: 5%}
.con_2 h2{font-size: 22px;color: #333;font-weight: normal;}
.c_2_l .c2Scroll{margin-top: 5%}
.c_2_l .c2Scroll .hd{width: 22px;float: right;margin-right: 10%}
.c_2_l .c2Scroll .hd a{display: block;width: 22px;height: 13px;transition: all 0.3s ease 0s}
.c_2_l .c2Scroll .hd a.prev{background: url(../images/con_ico_2_4.png);}
.c_2_l .c2Scroll .hd a.next{background: url(../images/con_ico_2_5.png);margin-top: 75px}
.c_2_l .c2Scroll .hd a.prev:hover{background-image: url(../images/con_ico_2_2.png);}
.c_2_l .c2Scroll .hd a.next:hover{background-image: url(../images/con_ico_2_3.png);}
.c_2_l .c2Scroll .bd li h3{font-size: 48px;color: #e60012;font-weight: normal;line-height: 40px;font-family: 'DINCond';height: 40px}
.c_2_l .c2Scroll .bd li h3 i{font-size: 18px;font-weight: bold}
.c_2_l .c2Scroll .bd li a.t{display: block;font-size: 18px;color: #666;margin: 5px 0}
.c_2_l .c2Scroll .bd li p{font-size: 14px;color: #999;margin-top: 1%}
.c_2_l .c2Scroll .bd li a.m{display: inline-block;font-size: 18px;margin-top: 4%;height: 27px;line-height: 27px;padding-right: 50px;background: url(../images/arrow_1.png) no-repeat right center;color: #666;transition: all 0.3s ease 0s}
.c_2_l .c2Scroll .bd li a.m:hover{background-image: url(../images/arrow_2.png);color: #e60012}

.c_2_r{float: right;width: 62.7%;padding-top: 5%}/* 1050 / 1675 */
.c_2_r_1{width: 42%;float: left;}/* 440 / 1050 */
.c_2_r_1 p{font-size: 14px;color: #666;margin-top: 9%;line-height: 23px}
.c_2_r_1 a{display: inline-block;font-size: 18px;margin-top: 8%;height: 27px;line-height: 27px;padding-right: 50px;background: url(../images/arrow_1.png) no-repeat right center;color: #666;transition: all 0.3s ease 0s}
.c_2_r_1 a:hover{background-image: url(../images/arrow_2.png);color: #e60012}


@media  ( max-width: 750px) {
	.c_2_l .c2Scroll .bd li h3{font-size: 30px}
}


@-webkit-keyframes move{
	0%{left: 0}
	50%{left: 20px}
	100%{left: 0}
}
.c_2_r_3{width: 46.3%;float: right;padding-top: 6%;}
.c_2_r_3 video{display: none;position: relative;z-index: 12}
.c_2_r_2{width: 6%;float: right;margin-right: 3%}
.c_2_r_2 img{width: 100%}


@media  ( min-width: 1500px) {
	.c_2_l,.c_2_r{padding-top: 4%}
}
@media  ( max-width: 1200px) {
	.con_2{height: auto;padding-bottom: 2%}
}
@media  ( max-width: 1000px) {
	.con_2{background-image: none}
	.c_2_l{width: 96%;padding: 2%;float: none;background:url(../images/con_bg_2_1.png) no-repeat 0 0;background-size: cover}
	.c_2_l .c2Scroll{margin-top: 2%}
	.c_2_l .c2Scroll .hd{margin-right: 0}
	.c_2_r{width: 96%;float: none;background: #e2eaef;padding: 2%}
}
@media  ( max-width: 750px) {
	.con_2 .g-in{overflow: hidden;}
	.c_2_r_1{width: 100%;float: none;}
	.c_2_r_3{width: 100%;float: none;margin-top: 2%}
	.c_2_r_2{display: none}
	.c_2_r_1 p,.c_2_r_1 a{margin-top: 3%}
}

.con_3{padding: 3.5% 0;background: #f2f2f2}
.c_3_1{width: 50%;float: left}
.n_t{height: 42px;line-height: 42px}
.n_t h4{float: left;font-size: 18px;color: #666;font-weight: normal;}
.n_t a{display: block;float: right;font-size: 14px;}
.c3box,.c3box_2{border: 1px solid #d6d6d6}
.c3box .hotnews{padding: 2.1% 3.5% 4.9%;position: relative;}
.c3box .hotnews .pic{float: left;width: 23%}
.c3box .hotnews .pic img{width: 100%;display: block;}
.c3box .hotnews .text{float: right;width: 75%}
.c3box .hotnews .text a.t{display: block;font-size: 17px;color: #333;font-weight: bold}
.c3box .hotnews .text a.t:hover{color: #e60012}
.c3box .hotnews .text p{font-size: 14px;color: #666;height: 42px;overflow: hidden;margin-top: 1%}
.c3box .hotnews .text span{display: block;position: absolute;left: 26.5%;bottom: 20%}
.c3box .list_1 li{padding: 2% 3.5%;border-top: 1px solid #d6d6d6;position: relative;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.c3box .list_1 li a{display: block;float: left;font-size: 14px;position: relative;z-index: 2}
.c3box .list_1 li span{display: block;float: right;color: #999;position: relative;z-index: 2}
.c3box .list_1 li i{display: block;position: absolute;left: -5%;width: 100%;top: 0;bottom: 0;background: url(../images/con_bg_3_1.png) no-repeat;background-size: cover;z-index: 1;opacity: 0;transition: all 0.6s ease 0s}
.c3box .list_1 li:hover i{left: 0;opacity: 1}
.c3box .list_1 li:hover a{color: #e60012}
.c_3_2{float: left;width: 23.3%;margin-left:1.7%}
.c_3_2 .hotnews{padding: 3.5%;border-bottom: 1px solid #d6d6d6;height: 54px;overflow: hidden;position: relative;}
.c_3_2 .hotnews a{font-size:17px ;color: #333;font-weight: bold;}
.c_3_2 .hotnews a:hover{color: #e60012}
.c_3_2 .hotnews a span{padding-left: 2%;font-size: 12px;color: #666;font-weight: normal;}
.c3box_2 .list_2{margin-top: 1.5%}
.c3box_2 .list_2 li{font-size: 14px;padding: 2% 3.5%; }
.c3box_2 .list_2 li a{display: block;position: relative;padding-left: 11px;background: url(../images/con_bg_3_2.png) no-repeat left center;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: block;float: left;width: calc(100% - 90px)}
.c3box_2 .list_2 li span{display: block;float: right;font-size: 12px}
.c3box_2 .list_2 li a:hover{animation:move .8s ease-in-out;}


@-webkit-keyframes move{
	0%{left: 0}
	50%{left: 10px}
	100%{left: 0}
}


@media  ( min-width: 1500px) {
	.c_3_2 .hotnews{padding: 5.5% 3.5%}
	.c_3_2 .hotnews a span{bottom: 18%}
}

@media  ( max-width: 1400px) {
	.c3box_2 .list_2 li{padding: 1.5% 3.5%}
}
@media  ( max-width: 1200px) {
	.c3box_2 .list_2 li{padding: 1% 3.5%}

	.c3box .hotnews .text p{margin-top: .5%;font-size: 12px}
	.c3box .hotnews .pic{width: 26%}
	.c3box .hotnews .text{width: 72%}
	.c3box .hotnews .text span{left: 29.5%;}

}
@media  ( max-width: 1000px) {
	.c_3_1{width: 100%;float: none;margin-bottom: 2%}
	.c_3_2{width: 48%;margin-right: 4%;margin-left: 0}
	.c_3_2.c_3_3{margin-right: 0}
}

@media  ( max-width: 640px) {
	.c3box .hotnews .pic{width: 40%}
	.c3box .hotnews .text{width: 58%}
	.c3box .hotnews .text span{left: 42.5%;bottom: 8.5%}
	.c_3_2 .hotnews{height: auto}
	.c_3_2 .hotnews a{font-size: 20px;}
}
@media  ( max-width: 515px) {
	.c3box .hotnews .text a.t{font-size: 18px}
	.c_3_2{width: 100%;margin: 0}

}
@media  ( max-width: 450px) {
	.c3box .hotnews .text a.t{font-size: 16px}
}
@media  ( max-width: 375px) {
	.c3box .hotnews .text p{font-size: 12px;height: 36px}
	.c3box .hotnews .text span{display: none}
	.c3box .list_1 li a{height: 21px;overflow: hidden;}
}

@media  ( min-width: 850px) {
.middle{
  margin: 20px 0 100px 0;
 }
 .middle .middle-line
 {
     width:100%;
     height:4rem;
     line-height:4rem;
     text-align:center;
     padding: 1rem 0;
 }
 .middle .middle-line .text{
     font-weight: bold;
     font-size: 3rem;
 }
 .middle .middle-con{
     width: 50rem;
     margin: 0 auto;
     font-size: 1rem;
 }
 .middle .middle-con .input{
     width: 50rem;
     height: 3rem;
     font-size: 1rem;
     padding: 0 0 0 1rem;
     margin-top: 0.5rem;
     margin-bottom: 1rem;
     background: #ccc;
     border: 1px #ccc solid;
     border-radius: 0.2rem;
 }
 .middle .middle-con .Guarantoes{
     font-weight: bold;
 }
 .middle .middle-con .Guarantoes .middle-span{
     color: red;
     margin-right: 0.2rem;
 }
 .middle .middle-con .middle-input{
     width: 50rem;
     display: flex;
     justify-content: space-between;
     margin-top: 0.5rem;
     margin-bottom: 1rem;
 }
 .middle .middle-con .middle-input .input1{
     width: 41rem;
     height: 3rem;
     padding: 0 0 0 1rem;
     background: #ccc;
     border: 1px #ccc solid;
     border-radius: 0.2rem;
     margin-right: 1rem;
 }
 .cw{
  font-size: 1rem;
  color: red;
  margin: 0 auto;
 }
 .Query{
     margin:0 auto;
     width: 51rem;
     background: #0E65E7;
     height: 3rem;
     border-radius: 0.2rem;
     line-height: 3rem;
     text-align: center;
     color: #fff;
 }
 .Back{
  margin:0 auto;
  width: 51rem;
  background: #ccc;
  height: 3rem;
  border-radius: 0.2rem;
  line-height: 3rem;
  text-align: center;
  color: #fff;
}
.remind{
  margin:0 auto;
  font-size: 1rem;
  width: 20rem;
  padding: 3rem;
}
.warning{
  margin:0 auto;
  width: 10rem;
}
.warning img{
  width: 100%;
}
 .valicode_img {
  width:11rem;
  height:3.0rem;
  float: left;
  margin: 0 0 0 2rem;
}
.middle .middle-con .middle-ul{
  padding: 1rem 0 0 0;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
}
}
@media  ( max-width: 850px){
  .middle{
    padding: 0.7rem 1.5rem 3rem;
  }
  .middle .middle-line
  {
    width:100%;
    height:2rem;
    line-height:2rem;
    text-align:center;
    padding: 1rem 0;
  }
  .middle .line
  {
    display:inline-block;
    width: 20%;
    border-top:1px solid #cccccc;
    vertical-align:0.2rem;
  }
  .middle .middle-line .text{
    font-weight: bold;
    font-size: 1.2rem;
  }
  .middle .middle-con{
    width: 100%;
  }
  .middle .middle-con .input{
    width: 100%;
    height: 2rem;
    padding: 0 0 0 1rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    background: #ccc;
    border: 1px #ccc solid;
    border-radius: 0.2rem;
  }
  .middle .middle-con .Guarantoes{
    font-weight: bold;
  }
  .middle .middle-con .Guarantoes .middle-span{
    color: red;
    margin-right: 0.2rem;
  }
  .middle .middle-con .middle-input{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
  .middle .middle-con .middle-input .input1{
    width: 90%;
    height: 2rem;
    padding: 0 0 0 1rem;
    background: #ccc;
    border: 1px #ccc solid;
    border-radius: 0.2rem;
  }
  .cw{
    font-size: 1rem;
    color: red;
   }
  .Query{
    width: 100%;
    background: #0E65E7;
    height: 2rem;
    border-radius: 0.2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
  }
  .remind{
    width: 100%;
    padding: 0 10px;
  }
  .Back{
    width: 100%;
    background: #ccc;
    height: 2rem;
    border-radius: 0.2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
  }
  .warning{
    margin:0 auto;
    width: 20rem;
  }
  .warning img{
    width: 100%;
  }
  .valicode_img {
    width:5rem;
    height:2.0rem;
    float: left;
    margin-top: 0;
  }
  .middle .middle-con .middle-ul{
        padding: 1rem 0 0 0;
        display: flex;
        justify-content: space-between;
    }
}
@media screen and (max-width: 700px) {
    .captcha-img{
        height: 34px;
    }
}