@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-09-22 09:23:34
 * @version $Id$
 */
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei";max-height: 9999999px;}
p,span{line-height: 2em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#333;}
body{background:#fff; }---------------------------特别注意：这里的宽度，根据设计师所做的页面具体宽度来修改
ul,ol,li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .3s ease;-moz-transition: background-color .3s ease;-ms-transition: background-color .3s ease;-o-transition: background-color .3s ease;transition: background-color .2s ease; }
img{border:0}
i,s{font-style: normal;text-decoration: none;}
em{font-style:normal}
h1,h2,h3,h4,h5{font-weight:normal}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0px !important; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }

.fhide{display: none;}
.cuts{position: absolute;top: 100%;left: 53px; font-size: 14px;color:#e62129;line-height: 1em; }
.bg{width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center; background: #010e1f;}
.dl{width: 1440px;height: 688px;background: #fff;border-top-right-radius: 30px;border-bottom-left-radius: 30px;}
.dl-l{width: 50%;}
.dl-r{position: relative; width: 50%;}
.dl-r .img{position: absolute;top: 34px;right: 36px;}
.dl-r .form1{width: 360px;margin: 0 auto;}
.dl-r .hd{ position: relative;left: 50%;transform: translateX(-50%);display: inline-block;padding-top: 145px;margin-bottom: 72px;}
.dl-r .hd li{position: relative; float: left;padding: 0 12px; font-size: 30px;line-height: 1em;color: #333;transition: all .5s;cursor: pointer;}
.dl-r .hd li:first-child:after{position: absolute;right: 0;top: 1px; width: 1px;height: 100%;background: #333; content: "";}
.dl-r .hd li.on{color: #e62129;}
.dl-r .hd li:hover{color: #e62129;}
.dl-r .bd{margin-bottom: 45px;}
.dl-r .bd .form1 .zm{position: relative;}
.dl-r .bd .form1 .zh{display: block;width: 310px;height: 34px;padding-left: 18px;box-sizing: border-box; border-top: none;border-left: none;border-right: none;
	border-bottom: 1px solid #666; outline: none;font-size: 18px;color: #666;}
.dl-r .bd .form1 .bot{margin-bottom: 44px;}
.dl-r .bd .form1 .yzm-n{position: relative;}
.dl-r .bd .form1 .yzm-n .zh{width: 178px;margin-left: 22px;}
.dl-r .bd .form1 .yzm{position: absolute;right: 0;bottom:0; width: 120px;height: 38px; border:none; border-radius: 19px; font-size: 18px;line-height: 38px;text-align: center; background: #e62129;color: #fff;cursor: pointer;outline:none;}
.dl-r .bottom{margin-top: 22px;margin-bottom: 118px;}
.dl-r .bottom .zc{display: block; font-size: 18px;line-height: 1em; color: #332c2b;transition: all .3s;}
.dl-r .bottom .zc:hover{color:#e62129; }
.dl-r .bottom .z1{margin-left: 6px;float: left; font-size: 18px;line-height: 18px;color: #332c2b;}
.jzmm{position: relative;float: left; width:18px;height:18px;box-sizing: border-box; display: inline-block;text-align: center;line-height: 18px;}
.jzmm::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #666;border-radius: 5px;box-sizing: border-box; background: #fff;outline: none;}
.jzmm:checked::before{content: "\2713";position: absolute;top: 0;left: 0;width:100%;border: 1px solid #e62129;color:#e62129;font-size: 16px;font-weight: bold;background-color: #fff;}
.dl-r .bd .tj{display: block; width: 210px;height: 50px;margin: 0 auto;box-shadow: 0px 7px 7px 0px rgba(230,33,41,.25);  border-radius: 25px;box-sizing: border-box;border: none; line-height: 50px;font-size: 24px;text-align: center;letter-spacing: 4px; color: #fff; background: #e62129;outline: none;cursor: pointer;}
.dl-r .wx-dl{position: relative;display:inline-block;left: 50%;transform: translateX(-50%);}
.dl-r .wx-dl .wx{display: block;}
.dl-r .wx-dl:before{position: absolute;top: 50%;transform: translateY(-50%);left: -84px; width: 76px;height: 1px;background: #a3a3a3; content: "";}
.dl-r .wx-dl:after{position: absolute;top: 50%;transform: translateY(-50%);right: -84px; width: 76px;height: 1px;background: #a3a3a3; content: "";}

.zc .hd{padding-top: 86px; margin-bottom: 70px;}
.zc .hd a{transition: all .5s;}
.zc .hd a:hover{color:#e62129; }
input::-webkit-input-placeholder{color: #888;}
.zc .bd .zm{margin-bottom: 44px;}
.zc .bd .form1 .yzm-n .zh{width: 226px;margin-left:0;}
.zc .bd .tj{margin-top: 79px;}

.gr .tit{padding-top: 82px;margin-bottom: 48px; font-size: 40px;line-height: 1em;text-align: center; color: #e62129;}
.gr .gr-m{width: 692px;margin: 0 auto;}
.gr .gr-m .left{width: 294px;padding-bottom: 4px; border-right: 1px solid #666;}
.gr .gr-m .left .top{position: relative;}
.gr .gr-m .left .top .img{position: absolute;top: 104px;left: 145px;}
.gr .gr-m .left .tx{position: relative;top: 8px;left: 42px; border-radius: 100%; width: 130px;height: 130px;border: 6px solid #f4f4f4;box-sizing: border-box;overflow: hidden;}
.gr .gr-m .left .tx .tx-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.gr .gr-m .left .top .xm{margin: 22px 0 48px 47px;font-size: 30px;line-height: 40px;}
.gr .gr-m .left .top .xg{display: block;padding-left: 70px;margin-bottom: 98px; line-height: 18px; font-size: 18px;color: #e62129;}
.gr .gr-m .left .tj{display: block; width: 210px;height: 50px;box-shadow: 0px 7px 7px 0px rgba(230,33,41,.25);  border-radius: 25px;box-sizing: border-box;border: none; line-height: 50px;font-size: 24px;text-align: center;letter-spacing: 4px; color: #fff; background: #e62129;outline: none;cursor: pointer;}
.gr .gr-m .right{padding-top: 42px;}
.gr .gr-m .gr-input{margin-bottom: 52px;}
.gr .gr-m .gr-input .wz{display: inline-block;margin-right: 13px; font-size: 22px;line-height: 1em; color: #444;}
.gr .gr-m .gr-input .wz-input{display:inline-block;width: 270px;height: 28px;padding-left: 28px;box-sizing: border-box; border-top: none;border-left: none;border-right: none;
	border-bottom: 1px solid #666; outline: none;font-size: 18px;color: #666;}
input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #fff inset;}


@media screen and (max-width: 1500px){
	.dl{width: 90%;}
	.dl-l{overflow:hidden;}
}

@media screen and (max-width: 1000px){
	
	.dl{height: auto;padding-bottom: 34px;}
	.dl-l{width: 100%; float: none;display: none;	}
	.dl-l .img{width: 100%;height: auto;}
	.dl-r{width: 100%;float: none;}
	.dl-r .bd .form1 .yzm-n .zh{width: 90px;}

	.gr{padding-bottom: 100px;}
	.gr .gr-m{position: relative;}
	.gr .gr-m .left{width: 100%;border-right: none;}
	.gr .gr-m .left .top{left: 50%;transform: translateX(-50%);display: inline-block;}
	.gr .gr-m .left .top .xg{margin-bottom: 0!important;}
	.gr .gr-m .left .tj{position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);}
	.gr .gr-m .right{position: relative;left: 50%;transform: translateX(-50%); float: none;display: inline-block;}
}

@media screen and (max-width: 768px){
	.bg{}
	.dl{width: 94%;}
	.dl-r .img{right: auto;left: 50%;transform: translateX(-50%);}
	.dl-r .hd li{font-size: 24px;}
	.dl-r .form1{width: 280px;}
	.dl-r .bd .form1 .zh{width: 230px;}

	.gr .gr-m{width: 100%;}
	.gr .tit{font-size: 30px;}
	.gr .gr-m .right{padding-top: 10px;}
	.gr .gr-m .gr-input .wz-input{width: 200px;}

}