@import url(ui.css);
html{ font-size: 100px;}
body{ font-family: Arial, 'microsoft yahei';  background: #FFF; color: #333; font-size: 0.14rem;}

a{color:#000;text-decoration:none}
a:hover{color:#374151}


.header{ display: flex; justify-content: space-between; align-items: center; height: 0.8rem; padding: 0 0.4rem; }

.nav{ font-size: 0; }
.nav li{display:inline-block; position: relative;}
.nav li a{display:block; font-size:0.18rem; line-height:80px; color: #2F318B; position: relative; padding: 0 0.2rem; }
.nav li.active>a,.nav li>a:hover{ font-weight: bold;}

.banner{ position: relative; height: 7.7rem; display: flex; justify-content: center; align-items: center; background: url(../images/banner.jpg) no-repeat center / cover;  }
.banner:before{ position: absolute; left: 0; top:0; width: 100%;  height: 100%; content: ''; background: rgba(84,84,84,0.7); }
.banner .text{ position: relative; z-index: 999; }
.banner .text h2{ font-size: 0.55rem; color: #FFF; margin-bottom: 0.4rem; }
.banner .text .img-center{ margin-bottom: 0.8rem; }
.banner .text p{ padding: 0 0.5rem; }
.banner .text .btns a{ display: flex; justify-content: center; align-items: center; color: #FFF; font-size: 0.18rem; }
.banner .text .btns i{ flex:0 0 0.3rem; height: 0.3rem; margin-left: 0.2rem; background: url(../images/icon-jt2.png) no-repeat center / 100%; }

.in-about .text{ text-align: center; padding-top: 1.5rem }
.in-about .text h2{ font-size: 0.4rem; color: #2E4A82; margin-bottom: 0.6rem; }
.in-about .text .img-center{ margin-bottom: 0.6rem; }
.in-about .text .desc{ padding: 0 0.8rem; }
.in-about .text p{ font-size: 0.18rem; margin-bottom: 0.6rem; line-height: 2; }
.in-about .text .btns a{ display: flex; justify-content: center; align-items: center; color: #2E4A82; font-size: 0.18rem; }
.in-about .text .btns i{ flex:0 0 0.3rem; height: 0.3rem; margin-left: 0.2rem; background: url(../images/icon-jt1.png) no-repeat center / 100%; }
.in-about li .img-cover{ height: 3rem }
.in-about .pic{ display: block; }
.in-about .pic .img-cover{ height: 3.8rem }

.in-video .text{ padding-top: 1rem }
.in-video .text h2{ font-size: 0.42rem; text-align: center; color: #2E4A82;  }
.in-video .text h3{ font-size: 0.3rem; text-align: center; color: #2E4A82; margin-bottom: 0.6rem; font-style: italic; font-weight: normal; }
.in-video .text .desc{ max-width: 6rem; margin:auto; }
.in-video .text p{ font-size: 0.2rem; display: flex; height: 0.4rem; align-items: center; margin-bottom: 0.2rem;}
.in-video .text p i{ flex:0 0 0.3rem; height: 0.3rem; margin-right: 0.1rem; background: url(../images/icon-gou.png) no-repeat center / 100%; }
.in-video .text .btns{ text-align: center; margin-top: 0.6rem; }
.in-video .text .btns a{ display: flex; justify-content: center; align-items: center; color: #2E4A82; font-size: 0.18rem; }
.in-video .text .btns i{ flex:0 0 0.3rem; height: 0.3rem; margin-left: 0.2rem; background: url(../images/icon-jt1.png) no-repeat center / 100%; }
.in-video .pic{ display: block; }
.in-video .pic .img-cover{ height: 6rem }

.in-jj{ background: #2E4A82; padding: 0.8rem 0 0; text-align: center; color: #FFF; }
.in-jj h2{ font-size: 0.45rem; margin-bottom: 0.8rem; }
.in-jj-menu{ font-size: 0.18rem; margin-bottom: 0.3rem; }
.in-jj-menu li{ height: 0.6rem; display: flex; justify-content: center; align-items: center; }
.in-jj-menu li i{ margin-right: 0.1rem; }
.in-jj-menu li i img{ width: 0.4rem; }

.in-contact .text{  padding-top: 1rem }
.in-contact .text h2{ font-size: 0.45rem; text-align: center; color: #2E4A82; margin-bottom: 0.6rem; }
.in-contact .text ul{ max-width: 6rem; margin:auto; }
.in-contact .text li{ font-size: 0.2rem; display: flex; align-items: center; margin-bottom: 0.2rem; }
.in-contact .text li i{ flex:0 0 0.4rem; height: 0.4rem; background: #2d4a82; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 0.1rem; }
.in-contact .text li img{ width: 0.2rem }
.in-contact .mess{ padding: 1rem }
.in-contact .img-cover{ height: 5.8rem }

.video-bg{ display: none; background: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 9999; }
.video{ display: none; position:fixed; left: 50%; top:50%; transform: translate(-50%,-50%); width: 8.6rem; height: auto; background: #FFF; z-index: 10000; text-align: center; }
.video .close{ position: absolute; right: -0.1rem; top:-0.1rem; cursor: pointer;  z-index: 10001;}
.video video{ max-height: 6rem; }

.copyright{ background: #2E4A82; padding: 0.2rem 0; text-align: center; color: #FFF; font-size: 0.18rem; }

.about1{ padding: 0.7rem; font-size: 0.2rem; line-height: 1.8; }
.about1 p{margin-bottom: 0.15rem;}

.about2 .pic1{ height: 8rem; }
.about2 .pic1:hover span{ transform: scale(1.1); }
.about2 li .img-cover{ height: 4rem; }
.about2 li:hover .img-cover span{ transform: scale(1.1); }
.about2 .pic2{ height:4rem; }
.about2 .pic2:hover span{ transform: scale(1.1); }
.about2 .pic3{ height:8rem; }
.about2 .pic3:hover span{ transform: scale(1.1); }
.about2 .text{ text-align: center; font-size: 0.18rem; margin-top: 0.5rem; line-height: 1.8;}

.about3{ padding: 0.5rem;}
.about3 .con{ background: #FFF; border-radius: 20px; padding:0.5rem 2rem;  }
.about3 .con h2{ font-size: 0.35rem; color: #2E4A82; margin-bottom: 0.2rem; text-align: center; }
.about3 .con .desc{ font-size: 0.18rem; color: #2E4A82; margin-bottom: 0.4rem; text-align: center; }
form .formgroup{ display: flex;  }
form .formgroup .label{ flex:1; margin-right: 0.4rem; margin-bottom: 0.2rem; }
form .formgroup .label:last-child{ margin-right: 0; }
form .formgroup .label span{ display: block; font-size: 0.18rem; margin-bottom: 0.1rem;}
form .formgroup .label label{ border-bottom: 1px solid #666; height: 0.6rem; }
form .formgroup .label label input{ width: 100%; padding: 0.15rem 0;  border: none; background: none; font-size: 0.18rem; }
form .formgroup .label label textarea{ width: 100%; height: 1.5rem;  border: none; background: none; font-size: 0.18rem; }
form .tj{ display: flex; justify-content: flex-end; }
form .tj button{ width: 1.8rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border: none; background: #2E4A82; color: #FFF; font-size: 0.18rem; }

.about4{ background: #2E4A82; padding: 1rem 2rem; }
.about4 dl{ display: flex; align-items: center; margin-bottom: 0.5rem; }
.about4 dl:last-child{ margin-bottom: 0; }
.about4 dl dt{ flex:0 0 30%; margin-right: 1rem; }
.about4 dl dt span{ font-size: 0.18rem; font-weight: bold; text-align: center; display: block;line-height: 0.5rem; border-radius: 0.25rem; background-image: linear-gradient(to right, #CDFFD8, #94B9FF);  }
.about4 dl dd{ flex:1; font-size: 0.18rem; color: #FFF; }

.news{ padding: 0.5rem; }
.news h2{ font-size: 0.35rem; color: #2F318B; margin-bottom: 0.5rem; }
.news .con{ display: flex; padding: 0.5rem 1rem; }
.news .con .left{ flex:1; margin-right: 1rem; }
.news .con .right{ flex:1; }
.news .con .right a{ margin-bottom: 0.8rem; display: block; }

.service{ padding:0.5rem 1rem; }
.service ul{ margin-left:-0.4rem; }
.service li .items{ display: block; margin:0 0 0 0.4rem; }
.service li .pic{ position: relative; }
.service li .pic .text{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); font-size: 0.28rem;  }
.service li .pic .text a{ display: block; background: #e1e1f1; color: #2E4A82; line-height: 0.8rem; border-radius: 0.15rem; padding: 0 0.1rem }
.service li .btns{ padding: 0 0.8rem; text-align: center; margin-top: 0.4rem;}
.service li .btns a{ display: block; line-height: 0.7rem; border-radius: 0.1rem; background: #2E4A82; color: #FFF; font-size: 0.18rem; }

.pro1{ padding: 1rem 0.5rem 0 }
.pro1 .text{ padding-left: 0.5rem; }
.pro1 .text h2{ text-align: center; font-size:0.4rem; padding: 0.5rem 0}
.pro1 .text dl{ margin-bottom: 0.3rem; }
.pro1 .text dl dt{ font-size: 0.22rem;  font-weight: bold; margin-bottom: 0.1rem;}
.pro1 .text dl dd{ font-size: 0.18rem; }

.pro2{ padding: 0.5rem 0; background: url(../images/bg2.jpg) no-repeat center top /cover; text-align: center; height: 8.1rem}
.pro2 h2{ font-size: 0.35rem; margin-bottom: 0.15rem; }
.pro2 h3{ font-size: 0.2rem;  font-weight: normal;}

.pro3{ text-align: center; font-size: 0.18rem; line-height: 1.5;  padding: 0.5rem 0}
.pro3 span{ display: block; }

.pro4{ padding:0.5rem 1rem 1rem; }
.pro4 h2{ font-size: 0.35rem;  text-align: center; margin-bottom: 0.3rem; }
.pro4 .desc{ font-size: 0.2rem;  text-align: center; margin-bottom: 0.3rem; }
.pro4 .table table{ border-collapse: collapse; width: 100%; }
.pro4 .table table tr td{ width: 40%; border: 2px solid #2E4A82; padding-left: 0.15rem; line-height: 0.5rem; font-size: 0.16rem; } 
.pro4 .table table tr td:first-child{ width: 18%; }
.pro4 .table table tr:first-child td,.pro4 .table table tr td:first-child{ font-weight: bold; }
.pro4 .pic{ display: flex; padding: 0.5rem 2rem  }
.pro4 .pic .img-center{ flex: 1 }
.pro4 .pic .img-center:first-child{ margin-right: 0.6rem; }

.pro5 .img-cover{ height: 7.5rem }
.pro5 .text{ padding-left: 0.5rem; }
.pro5 .text h2{ text-align: center; font-size:0.4rem; padding: 0.5rem 0 0.2rem}
.pro5 .text dl{ margin-top: 0.6rem; max-width: 7rem; }
.pro5 .text dl dt{ font-size: 0.22rem;  font-weight: bold; margin-bottom: 0.1rem; }
.pro5 .text dl dd{ font-size: 0.18rem; }
.pro5 .text dl dd p{ position: relative; padding-left: 0.2rem; margin-bottom: 0.1rem; }
.pro5 .text dl dd p:before{ position: absolute; left: 0.05rem; top:0.07rem; width: 0.06rem; height: 0.06rem; border-radius: 50%; background: #333; content:''; }

.pro6 .text{  padding-top:0.6rem }
.pro6 .text h2{ font-size: 0.45rem; text-align: center; color: #2E4A82; margin-bottom: 0.3rem; }
.pro6 .mess{ padding:0.5rem 1rem }
.pro6 .img-cover{ height: 7.8rem }

@media screen and (max-width: 768px) {
	.header{ padding: 0.15rem; }
	.logo{ flex:0 0 30%; }
	.logo img{ max-width: 100%; }
	.nav li a{padding: 0 0.1rem; }
	.banner .text h2{ font-size: 0.3rem; margin-bottom: 0.4rem; }
	.in-about .text{  padding: 0.5rem }
	.in-video .text{ padding: 0.5rem  }
	.in-jj h2{ font-size: 0.3rem; margin-bottom: 0.4rem; }
	.in-contact .text{  padding: 0.5rem; }
	.about1{ padding: 0.5rem; }
	.about3{ padding: 0.5rem; }
	.about3 .con{  padding:0.3rem;  }
	form .formgroup{ flex-wrap: wrap;  }
	form .formgroup .label{ flex:100%; margin-right: 0; margin-bottom: 0.2rem; }
	.about4{ background: #2E4A82; padding: 0.4rem; }
	.about4 dl{ margin-bottom: 0.3rem; }
	.about4 dl dt{ flex:0 0 30%; margin-right: 0.4rem; }
	.about4 dl dt span{ line-height: 0.25rem; min-height: 0.5rem border-radius: 0.25rem; padding: 0.1rem }
	.pro2{ padding: 0.3rem 0; background-size: 150%;  height: 4.8rem}
	.pro3{ padding: 0.3rem}
	.pro3 span{ display: inline-block; }
	.pro4{ padding:0.3rem; }
	.pro4 h2{ font-size: 0.35rem;   }
	.pro4 .table table tr td{ padding: 0.15rem; line-height: 1.3; } 
	.pro4 .pic{ padding: 0.5rem  }
	.pro4 .pic .img-center:first-child{ margin-right: 0.3rem; }
	.service li .items{  margin:0 0 0.4rem 0.4rem; }

	.news .con{ flex-wrap: wrap;  }
	.news .con .left{ flex:100%; margin-right: 0; margin-bottom: 0.5rem; }
	.news .con .right{ flex:100%; }
	.news .con .right a{ margin-bottom: 0.5rem;}

}