@charset "UTF-8";

/*
*author:X.Yan (切图)
*date：2021-3-31 （上线时间）
*designer：C.Qing/0326 (设计/时间 于psd名称保持一致)
*/

/* reset */
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.wrapper {padding: 0;margin: 0;}
.cont {width: 1100px; margin: auto;}

/*header*/
.zhy {font-size: 12px;}
.zhy a {display: inline;}

/* wrapper */
.wrap{
	height: 1892px;
	background: url(../images/ban1.png) no-repeat center;
}
/* ban1 */
.ban1-con{
	padding-top:368px;
}
.ban1-con img{
	margin-left: 508px;
	animation: myfirst 1s infinite linear;
   	-moz-animation: myfirst 1s infinite linear;
    -webkit-animation: myfirst 1s infinite linear;
    -o-animation: myfirst 1s infinite linear;
}

/* ban2 */
.ban2 ul{
	width: 1088px;
	margin:180px auto 34px;
}
.ban2 ul li{
	float: left;
	width: 124px;
	height: 58px;
	border: 1px solid #f06a7a;
	font-size: 32px;
	color: #e4473f;
	border-radius: 8px;
	margin: 10px 5px;
	text-align: center;
	line-height: 58px;

}
.ban2 .dq{
	background: #e4473f;
	color: #fff;
}
.ban2 ul li:hover{
	background: #e4473f;
	color: #fff;
}
.ban2-con1{
	background: url(../images/ban2.png) no-repeat center;
	height: 194px;
}
.ban2-con1 h1{
	margin-left: 242px;
	padding-top: 44px;
	font-size: 28px;
	line-height: 28px;
	color: #fff;
}
.ban2-con1 h2{
	margin-left: 286px;
	width: 334px;
	height: 56px;
	background: #fff;
	border-radius: 12px;
	margin-top: 18px;
	font-size: 28px;
	line-height: 56px;
	color: #e4473f;
	text-align: center;
}
.ban2-con1 h2 i{
	width: 2px;
	height: 42px;
	display: inline-block;
	background:#e4473f;
	vertical-align: top;
	margin:8px 20px 0 20px;
}
.ban2-con1 h2 a{
	font-size: 28px;
	line-height: 56px;
	color: #e4473f;
	display: inline-block;
}
.ban2-con2{
	margin-top: 44px;
	background: url(../images/ban2_bg1.png) no-repeat top center;
}
.ban2-con2 h3{
	font-size: 48px;
	color: #333333;
	text-align: center;
	line-height: 168px;
	font-weight: bold;
	background: url(../images/ban2_bg2.png) no-repeat center;
}
.ban2-con2 ol{
	width: 740px;
	margin: auto;
}
.ban2-con2 ol li{
	float: left;
	width: 230px;
	height: 240px;
	margin: 0 70px;
}
.ban2-con2 ol li h4{
	font-size: 20px;
	text-align: center;
	padding-top: 206px;
	color: #fff;
}
.ban2-con2 ol li h4 span{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	vertical-align: middle;
	margin: 0 8px;
}
.ban2-con2 ol li:nth-of-type(1){
	background: url(../images/ban2_bg3.png) no-repeat center;
}
.ban2-con2 ol li:nth-of-type(2){
	background: url(../images/ban2_bg4.png) no-repeat center;
}



/* wrapper end */
/* our */
.our {padding: 70px 0 0;}
.our h2 {font-size: 48px; font-weight: bold; line-height: 80px; text-align: center; margin-bottom: 50px;}
.our h2 i {color: #f30;}
.our .our_bg {background: #333;}
.our ul li {float: left; width: 220px; padding: 120px 0; text-align: center; color: #fff;}
.our ul li:nth-of-type(1) {background: url(../images/our_bg_1.png) no-repeat center;}
.our ul li:nth-of-type(2) {background: url(../images/our_bg_2.png) no-repeat center;}
.our ul li:nth-of-type(3) {background: url(../images/our_bg_3.png) no-repeat center;}
.our ul li:nth-of-type(4) {background: url(../images/our_bg_4.png) no-repeat center;}
.our ul li:nth-of-type(5) {background: url(../images/our_bg_5.png) no-repeat center;}
.our ul li img {display: inline;}
.our ul li h3 {font-size: 30px; font-weight: bold; line-height: 60px;}
.our ul li h4 {font-size: 20px; line-height: 30px;}

/*二级页*/
.ejy-bgd{background: url(../images/ej_bck.jpg) repeat-x center top;}
.ejy{padding: 20px 0;font-size: 0;text-align: center;}
.ejy img{display: block; width: 190px;height: 60px;margin: 0 auto;}
.ejy h2{margin-top: 10px;font-size: 36px;font-weight: 600;color: #007cd5;text-shadow: 3px 3px 1px #fff;}
.ejy h3{font-size: 14px;color: #1c81dd; margin: 10px 0 30px;text-transform: Uppercase;}
.ejy-box{width: 920px;padding: 30px 0 50px;border: 2px solid #c63031;margin: auto;background: #fff;}
.ejy-box h4{font-size: 34px; margin-bottom: 30px;}
.ejy-box h4 span{font-size: 34px;}
.ejy-form{display: flex;width: 800px;align-items: center;margin: 0 auto;border: 2px solid #ecac86;background: #ffebd2;}
.ejy-left{display: inline-block;vertical-align: top; width: 200px;}
.ejy-left p{font-size: 18px;padding: 18px;border-right: 1px solid #ecac86;border-bottom: 1px solid #ecac86;}
.ejy-left p:nth-of-type(even){background: #fff;}
.ejy-left p:last-of-type{border-bottom: none; }
.ejy-middle{display: inline-block;vertical-align: top;}
.ejy-middle p{padding: 16px 0; width: 361px;border-right: 1px solid #ecac86;border-bottom: 1px solid #ecac86;}
.ejy-middle p:nth-of-type(even){ background: #fff;}
.ejy-middle p:last-of-type{border-bottom: none;}
.ejy-middle input{display: block;width: 222px;height: 29px;padding: 0 4px;font-size: 14px;margin: 0 auto;line-height: 30px;border: 1px solid #bfb7ac;}
.ejy-middle select{ display: block;width: 230px;height: 31px;padding: 0 4px;font-size: 14px;margin: 0 auto;line-height: 30px;border: 1px solid #bfb7ac;}
.ejy-right{display: inline-block; vertical-align: middle;width: 238px;/* background: #fff; */}
.ejy-right input[type = button]{display: block;width: 120px;height: 30px;color: #fff;padding: 0 4px;font-size: 14px;margin: 0 auto;line-height: 30px;border: 1px solid #bfb7ac;background: #333;}

/*******弹出层********/
.phone__greey{position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 88;}
.phone__show{position: fixed;top: 50%;width: 100%;margin: -225px auto 0;z-index: 99;}
.phone{position: relative;width: 530px;height: 450px;border-radius: 8px;}
.phone iframe{display: block;width: 530px;height: 440px;}
.form-bgd{padding-top: 1px;}
.form__01{box-sizing: border-box;font-size: 0;text-align: center;width: 530px;height: 420px;padding-top: 50px;background: #fff;border-radius: 8px;}
.form__01 h2{height: 20px;font-size: 24px;color: #4c4c4c;font-weight: 400;line-height: 20px;text-align: center;padding-bottom: 16px;margin: 0 60px 35px;border-bottom: 1px solid #efefef;}
.form__01 label{display: inline-block;vertical-align: top;width: 130px;height: 58px;border: 1px solid #c9c9c9;border-right: none;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.form__01 label em{width: 32px;height: 32px;display: inline-block;vertical-align: top;margin: 15px 0px;}
.form__01 label span{box-sizing: border-box;display: inline-block;vertical-align: top;width: 70px;font-size: 16px;color: #999;margin: 18px 0;padding: 0 1px 0 0;border-right: 1px solid #c9c9c9;}
.form__01 input{width: 300px;height: 58px;padding: 0 10px;border: 1px solid #c9c9c9;border-left: none;border-top-right-radius: 8px;border-bottom-right-radius: 8px;margin-bottom: 10px;}
.form__01 select{width: 320px;height: 60px;padding: 0 10px;border: 1px solid #c9c9c9;border-left: none;border-top-right-radius: 8px;border-bottom-right-radius: 8px;margin-bottom: 10px;}
.form__01 p{font-size: 16px;text-align: right;color: #999;margin: 0 40px 10px 0;line-height: 26px;}
.form__01 p span{color: #1e8dff;}
.form__01 a{display: block;width: 450px;height: 60px;font-size: 24px;color: #fff;line-height: 60px;text-align: center;border-radius: 8px;background: #ff4200;margin: 0 auto;}
.phone i{position: absolute;top: 0;right: 0;width: 32px;height: 32px;font-size: 20px;color: #fff;font-style: normal;display: block;background: #4d4d4d;border-radius: 16px;text-align: center;line-height: 32px;}
  


/*******桃心********/
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
}
.stage{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;pointer-events: none}



/*******动效css********/

@keyframes myfirst {
  0% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.75);
  }
}
@-moz-keyframes myfirst {
  0% {
    transform: scale(0.75);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.75);
  }
}
@-webkit-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-o-keyframes myfirst {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}




.xieyi {padding-left: 44px; margin-bottom: 20px; font-size: 14px;text-align: left; line-height: 30px; color: #666;}
.xieyi label {border: none; width: 120px; height: 30px;}
.xieyi input[type=checkbox] {position: relative; width: 13px; height: 13px; padding: 0; margin-bottom: 0; border: none; border-radius: 2px; -webkit-appearance: checkbox;}
.xieyi input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%;  height: 100%; border: 1px solid #d9d9d9; border-radius: 2px;
}
.xieyi input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background-color: #0075ff; top: 0; left: 0; width: 100%; border: 1px solid #0075ff; border-radius:2px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 13px;}
.xieyi a {display: inline; background: transparent; font-size: 14px; line-height: 30px; color: #ed5736;}
.ejy .xieyi {padding: 0; text-align: center; margin-top: 20px; margin-bottom: 0;}