@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*---------------------------------------导航-------------------------------------------*/
.banner_ph{ display:none;}
.banner{ width:100%; overflow:hidden;}
.banner img{ width:100%;}

.con_01{ width: 76%; margin: auto; overflow: hidden;}
.biaoti { margin:auto;position: relative; margin-top: 5rem;}
.biaoti strong{ display:block; color: #0a1221; font-size: 36px; text-align: center; margin-top: 2rem; }
.biaoti img{ width:5%; position: absolute; left: 20%; top:-40%;z-index: -99}
.con_01 dl{ overflow: hidden;margin-top: 3rem;}
.con_01 dd{ width: 55%; float: left; font-size: 18px; line-height:34px; padding-top: 2rem;}
.con_01 dt{ width: 40%; float: right;}
.con_01 dt img{ width: 100%;}
.con_01 h2{ font-size: 30px; text-align: center; margin: 3rem 0 2rem 0;  background: linear-gradient(to right, #0050d7, #50c7ff);    -webkit-background-clip: text;  background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: normal;}
.con_01 p img{width: 100%;}

.con_02{width: 100%; overflow: hidden; margin-top: 5rem;}
.tiao{width: 100%;}
.biaoti1 { margin:auto;position: relative; margin-top: 5rem;}
.biaoti1 strong{ display:block; color: #0a1221; font-size: 36px; text-align: center; margin-top: 2rem; }
.biaoti1 img{ width:5%; position: absolute; right: 40%; top:-40%;z-index: -99}
.con_02 ul{ width: 76%; margin:3rem auto; overflow: hidden; margin-top: 3rem; margin-bottom: 6rem;}
.con_02 ul li{ width: 33.3%; float: left; text-align: center;}
.con_02 ul li img{ margin: auto; margin-bottom: 1rem;}
.con_02 ul li h3{ display: inline-block; background: #e7efff; color: #1965ff; border-radius: 50px; font-weight: normal; padding:5px 15px; font-size: 15px; margin: 1rem;}
.con_02 ul li p{ font-size: 24px;}
.con_02 ul li p span{color: #1965ff;}
.con_02 ul ol{ width: 14%; float: left; box-shadow: 0px 0px 8px  rgba(25, 101, 255, 0.25); background: url("../images/bj1.png") no-repeat; background-size: 100% 100%; border-radius: 20px; padding:2%; margin:1%; height: 218px;}
.con_02 ul ol p{margin-bottom:1rem;height: 80px; }
.con_02 ul ol h3{ font-size: 24px; color: #1965ff; margin-bottom:1rem;}
.con_02 ul ol img{ width:35%; float: right;}
.buzhou img { width: 74%; margin:auto;margin-top: 3rem;}
.buzhou_ph{ display: none;}
.btn{display: block; text-align: center; line-height: 60px; margin: 3rem auto;
width: 340px; color: #fff;height: 60px;border-radius: 10px; font-size: 20px;
background: linear-gradient(90deg, rgba(24, 101, 255, 1) 0%, rgba(83, 152, 255, 1) 100%);}
.btn:hover{ background: #1965ff;}

.con_03{width: 100%; overflow: hidden; margin-top:3rem;}
.biaoti3 { margin:auto;position: relative; margin-top:2rem;}
.biaoti3 strong{ display:block; color: #0a1221; font-size: 36px; text-align: center; margin-top: 2rem; }
.biaoti3 img{ width:5%; position: absolute; left: 35%; top:-40%;z-index: -99}
.con_03 dl{ width: 76%; margin:3rem auto; overflow: hidden; margin-top: 3rem; margin-bottom: 6rem; background: #f2f8ff}
.con_03 dl dt{ width: 36%; float: left; text-align: center; padding:2% 7%;}
.con_03 dl dt img{width: 23%; margin: auto;}
.con_03 dl dt h3{ color: #1965ff; margin: 1rem; font-size: 20px;}
.con_03 dl span{ text-align: center; font-size: 15px; color:#666666; display: block;margin-bottom:2rem;}

.con_04{ width: 76%; margin: auto; overflow: hidden; margin-bottom: 5rem;}
.biaoti4 { margin:auto;position: relative; margin-bottom: 2rem;}
.biaoti4 strong{ display:block; color: #0a1221; font-size: 36px; text-align: center; margin-top: 2rem; }
.biaoti4 img{ width:5%; position: absolute; right: 26%; top:-40%;z-index: -99}
.con_04 p{ font-size: 18px; text-align: center; line-height: 30px; margin-top: 1rem;}
.con_04 p strong{ color: #1965ff;}
.con_04 p a{ font-weight: bold;color: #1965ff;}
.footer{background:#1965ff; color:#FFF; font-size:14px; text-align:center; width:98%; padding:1%;}

.con_05{background:#f4f6fd; width:100%; overflow:hidden; padding:2% 0;}
.con_05 h1{ font-size: 36px; text-align: center; color:#1965ff; margin: 1.5rem 0; }
.con_05 dl{ width:1200px; margin:25px auto; overflow:hidden; }
.con_05 dl dd{ width:630px; float:left; overflow:hidden; margin-right:50px; line-height:30px;}
.con_05 dl dd p{ line-height:30px;}
.con_05 dl dd p img{ margin:1rem auto; width:45%;}
.con_05 dl dt{ width:500px; float:right;}
.con_05 dl dt ul{ width:100%; margin:auto;}
.con_05 dl dt ul li{ font-size:16px; margin-bottom:20px; width:98%;}
.con_05 dl dt ul li input{ border-radius:3px; width:70%; padding:2%; border:none; background:#FFF; font-size:15px;}
.con_05 dl dt ul li span{ color:#F00;}
.xuanze input{ width:15px !important;}
.xuanze p{ font-size:16px; margin-bottom:10px;text-indent:0;}
.xuanze span{ color:#333 !important;}
#selectProduct{ border-radius:3px; width:74%; padding:2%; border:none; background:#FFF; font-size:15px; color:#777;}
.btn01{ display:block; width:74%; height:42px; line-height:40px; color:#fff; text-align:center; margin-top:10px;background: linear-gradient(90deg, rgba(24, 101, 255, 1) 0%, rgba(83, 152, 255, 1) 100%); border:none; font-size:18px; border-radius:3px; margin-bottom:30px; cursor: pointer;}
.btn01:hover{  background: #1965ff;}