@charset "utf-8";
*{ margin:0; border:0; padding:0; font-family:Arial, 'Microsoft Yahei'; font-size:14px; color:#333; box-sizing:border-box; outline:none; }
a{ text-decoration:none; }
i{ font-style:normal; }
ul,li{ list-style:none; }
img{width:100%;display:block; }
html{ overflow-x:hidden; }
p{margin:0;}
body{margin: 0;padding: 0;border: 0; background: #4169db;}
header,nav,section,footer{width:100%;height:100%;}


.mbbanner{ display:none;}
.pcbanner{ display:block; width: 100%; height: auto;}


nav{width:100%; height: 483px; margin: 0 auto; background:url("../images/bg01.jpg") no-repeat top center; background-size: 100% 100%;}  
.daoyu{width:1200px; height: auto; margin: 0 auto;}
.dytitle{ width: 0; height: 0; margin: 0 auto;}
.dycenter{ width:100%; height: 375px; background: url("../images/dybg.png") no-repeat top center; background-size: 100% 100%; padding-top: 30px;}
.dycenter p{ width: 86%; font-size: 26px; color: #1d45b7; margin: 0 auto; line-height:65px;   padding-top: 6%; }

section{width:100%; height: auto; margin: 0  auto;}
.loupanbg1{width:100%; height: auto; margin: 0 auto;  }   
.loupanbg2{width:100%; height: auto;  margin: 0 auto; padding-top: 3%;  }   
.loupanbg3{width:100%; height: auto;  margin: 0 auto; padding-top: 3%;  }   



.loupan{ width:1200px; height: auto; margin: 0 auto;}


.title{ height: 143px; width: 1013px; background: url("../images/title.png") no-repeat top center; background-size: 100%; margin: 0 auto; position:relative;z-index: 99;}
.title p{ font-size:40px; color: #1d45b7; text-align: center;font-weight: bold;  line-height:140px;}



.center{ width:1200px; height: auto; background: url("../images/lpbg.png") no-repeat top center; background-size: 100% 100%;  padding-top: 100px; padding-bottom: 60px;  }
.list{ width: 1100px; height: 500px; background: #fff5db; margin: 0 auto; border-radius: 40px; margin-bottom: 30px;display: flex; flex-wrap: nowrap;flex-direction:row;}
.left{width: 460px; height: 430px; margin: 30px 0px 0px 30px;}
.left img{width:460px; height: 430px; border-radius: 8px;}


.right{width: 550px;height: auto;  margin-left: 30px; }

.right h3{ margin-top: 30px;}
.right h3 a{font-size: 52px; color: #333;font-weight: bold; }
.right_text{width: 100%;height: auto; overflow: hidden; padding: 3% 0 3% 0; }
.right_text p{font-size: 26px; color: #000;  margin-top: 10px; line-height: 40px;}
.right_text p strong{font-size: 26px; color: #000;}
.right_text .biaoji{ background: #067bef; padding:2.5%; border-radius: 100px;}
.right_text .biaoji strong{font-size: 24px; color: #fff; font-weight: normal;}

.right_sub{width: 100%; height: 120px; border-radius: 30px ; background: url("../images/subbg.png") no-repeat top center; background-size: 100%; display: flex;flex-wrap:wrap;}
.right_sub p{ width: 52%; display: block; font-size: 26px; color: #fff; padding: 3% 0 0 7%; }
.right_sub p strong{ font-size: 28px; color: #fff; display: flex;flex-wrap:wrap; padding-top:20px;}
.right_sub p strong span{font-size:22px; color: #fff;  font-weight: normal; }
.right_sub a{ width: 240px; height: 91px; margin-top: 3%; }


.top{ position: fixed; top: 82%; right: 1%; z-index: 5; width: 95px; height: auto; display: block;}


footer{widdth:100%; height: auto;}
footer p{ font-size: 36px; color: #fff; line-height:60px; text-align: center; padding: 5%; font-weight: bold;}





/* 弹窗 */
.showtx{width:100%;	height:100%;background:rgba(0,0,0,0.5);	position: fixed;z-index: 120;top:0;	left: 0;display: none;}
.hbbgic{width:491px;height:400px;position: relative;top:50%;margin: 0 auto;	margin-top:-230px;}
.tcbgs{width:100%;height:356px;background:url(../images/tcbg.png)top center no-repeat;background-size: 100% 100%;}
.bdsumit {width:386px;margin:0 auto;position: relative;top: 15%;}
.tcinfo{width: 100%;height: 50px;background: #ffffff;border-radius:10px;font-size:20px;padding: 0 15px;margin:14px auto;color:#000;border: 2px solid #0b8bd1;}
.tcinfo::-webkit-input-placeholder{	color:#666;}
.btnsubmit{width:100%;height: 54px;border-radius: 10px;background:#4169db; margin:20px auto;text-align: center;font-size:22px;color:#fff;line-height:54px;cursor: pointer;}
.close{width: 60px;height: 60px;background: url(../images/gbicon.png)top center no-repeat;position: absolute;bottom: -5%;left: 50%;margin-left: -30px;cursor: pointer;}




/*手机端自适应*/
@media all and (min-width:320px) and (max-width: 748px) {



.mbbanner{ display:block;}
.pcbanner{ display:none; width: 100%; height: auto;}

nav{width:100%; height: auto; margin: 0 auto; background:none; background-size: 100%;}  
.daoyu{width:95%; height: auto; margin: 0 auto;}
.dytitle{ width: 0; height: 0; margin: 0 auto;}
.dycenter{ width:100%; height: auto; background: url("../images/dybg2.png") no-repeat top center; background-size: 100% 100%; padding-top: 5%; margin-left: 0; padding-bottom: 5%;}
.dycenter p{ width: 80%; font-size: 1.2rem;  margin: 0 auto; line-height:2.2rem;  }


section{width:100%; height: auto; margin: 0  auto;}
.loupanbg1{width:100%; height: auto; margin: 0 auto; background: none; padding-top: 8%; }   
.loupanbg2{width:100%; height: auto;  margin: 0 auto; background:none;padding-top: 8%;  }   
.loupanbg3{width:100%; height: auto;  margin: 0 auto; background: none; padding-top: 8%; }   



.loupan{ width:95%; height: auto; margin: 0 auto;}
.title{ height: 65px; width: 100%; background: url("../images/title.png") no-repeat top center; background-size: 100%;}
.title p{ font-size:1.25rem;  text-align: center;font-weight: bold; line-height:58px;}

.center{ width:100%; height: auto; background: url("../images/lpbg2.png") no-repeat top center; background-size: 100% 100%; padding-top:8%; padding-bottom: 5%; margin: 0 auto;margin-left: 0; padding-left: 0;}
.list{ width: 90%; height: auto; background: #fff5db; margin: 0 auto; border-radius: 30px; margin-bottom: 5%;display: flex; flex-wrap: wrap;flex-direction:row; padding-bottom: 3%;  }
.left{width: 100%; height: auto; margin:0 auto;}
.left img{width:100%; height: auto;border-radius: 30px;  }


.right{width: 94%;height: auto;  margin: 0 auto;}

.right h3{ margin-top: 5%;}
.right h3 a{font-size: 1.6rem; color: #333;font-weight: bold; }
.right_text{width: 100%;height: auto; overflow: hidden; padding: 3% 0 3% 0; }
.right_text p{font-size: 1.1rem; color: #000;  margin-top: 10px; line-height: 2.2rem;}
.right_text p strong{font-size: 1.1rem; color: #000;}
.right_text .biaoji{  padding:2.5%; border-radius: 100px;}
.right_text .biaoji strong{font-size: 1rem; color: #fff; font-weight: normal;}

.right_sub{width: 100%; height: 70px; border-radius: 30px ;background-image: linear-gradient(to bottom, #fbbc2c, #ff3c30); display: flex;flex-wrap:wrap;}
.right_sub p{ width: 60%; display: block; font-size: 1.1rem; color: #fff; padding: 3% 0 0 5%; }
.right_sub p strong{ font-size: 1.2rem; color: #fff; display: flex;flex-wrap:wrap;padding-top:3%;}
.right_sub p strong span{font-size: 1.1rem; color: #fff;  font-weight: normal; }
.right_sub a{ display: block; width: 38%; height: 40px;  background: #fff0cb; border-radius: 100px; 
text-align: center; line-height: 40px; font-size: 1.1rem; color: #ff4030; margin-top: 3%; font-weight: bold;}



footer{widdth:100%; height: 100px; background: none;   z-index: 22; background-size: 100% 100%;}
footer p{ font-size: 1.1rem;line-height:1.8rem; text-align: center; padding-top: 5%; font-weight: bold; padding-bottom: 5%;}




.top{  display: none;}

/*弹窗*/
.hbbgic{width:320px;height:312px;margin-top: -156px;}
.tcbgs{height:276px;background-size:100% 100%;}
.close { width: 40px; height: 40px; margin-left: -20px; background-size: 100% auto;}
.bdsumit {width: 240px;top: 28%;}
.tcinfo {height: 40px; border-radius: 5px;font-size: 14px;padding: 0 10px;margin: 6px auto;}
.btnsubmit {height: 40px;border-radius:5px;margin: 12px auto;font-size: 16px;line-height: 40px;}


}


/*ipd*/
@media all and (min-width:750px) and (max-width: 1200px) {}