@charset "utf-8";
/* CSS Document */
html {
font-family: "微软雅黑";
}
input[type="checkbox"]{ width:24px; height:24px; border:2px solid #000; position:relative; top:5px;}
body{overflow-x:hidden; height:3000px; }
.c1200 {
width: 1200px;
margin: 0 auto;
}
.c1201 {
width: 1317px;
margin: 0 auto;
}
a {
text-decoration: none; /*超链接无下划线*/
}
.clear {
clear: both;
}
.c1200 img {
width: 100%;
display: block;
}
@font-face{
font-family:"sFont";
src: url('../other/SOURCEHANSANSCN-BOLD_0.TTF');
}
@font-face {
font-family:"mFont";
src: url('../other/BASKVILL.TTF');
}
.dh ul li{margin:0px 0px}
.dh ul li a{float:left;}
.dh ul li img{width:1px;float:left}
@media screen and (max-width:1920px) {
.aa{
width:172px;
height:172px;
}
.aa a{
display: block;
width: 172px;
height: 172px;
position: relative;
top: 715px;
left: 311px;
}
.yyue{
min-width:1200px;
height:1160px;
background: url(../images/6y1.jpg) no-repeat center top;
}
.yyue_c{
height:1800px;
}
.yyue_banner{
width: 1372px;
height: 872px;
margin-top: -240px;
background: url(../images/6y2.png) no-repeat center center;
margin-left: -233px;
}
.yyue_tijiao{
height:747px;
background: url(../images/6y3.png) no-repeat center center;
}
.yyue_zixun{
width:470px;
height:420px;
position:relative;
top:143px;
left:615px;
}
#ti1{
width: 302px;
height: 66px;
outline: none;
position: relative;
top: 36px;
left: 119px;
}
#ti2{
width: 302px;
height: 66px;
position: relative;
top: 30px;
left: 119px;
outline: none;
}
#ti3{
width: 302px;
height: 66px;
position: relative;
top: 25px;
left: 119px;
outline: none;
}
#ti4{
width: 380px;
height: 60px;
background:#ffc925;
border-radius:10px;
font-size:26px;
position: relative;
top: 23px;
left: 45px;
outline: none;
}
input::-webkit-input-placeholder{
font-size:20px;
color:#4b4b4b;
}
.yyue_zixun span{
font-size:30px;
color:#fff;
position: relative;
top: 23px;
left: 137px;
}
.yyue_tehui{
height:1040px;
background:#fbd208;
margin-top:90px;
border-radius: 135px 0 135px 0;
}
.yyue_title {
height:175px;
text-align:center;
}
.yyue_title span{
font-size:60px;
color:#999999;
position: relative;
top: 40px;
font-weight: 700;
}
.yyue_title p{
font-size:20px;
color:#999999;
}
#l{
width: 70px;
height: 36px;
position: relative;
top: 63px;
left: 248px;
}
#r{
width: 70px;
height: 36px;
position: relative;
top: -55px;
left: 880px;
}
.sy_hd{
min-width:1200px;
height:2277px;
background: url(../images/31.jpg) no-repeat center center;
}
.sy_hd_der{
height:2277px;
}
.sl_c{
height:2671px;
}
.sl_der{
height:910px;
margin-top: 100px;
}
#ll{
width: 40px;
height: 40px;
position: relative;
top: 63px;
left:205px;
}
#rr{
width: 113px;
height: 21px;
position: relative;
top: -45px;
left: 955px;
}
#ll2{
width: 40px;
height: 40px;
position: relative;
top: 63px;
left:175px;
}
#rr2{
width: 113px;
height: 21px;
position: relative;
top: -45px;
left: 985px;
}
#slid{
height: 175px;
}
#slid span{
color:#fff;
}
#slid p{
color:#fff;
}
#slid22{
height: 175px;
}
#slid22 span{
color:#fff;
}
#slid22 p{
color:#fff;
position: relative;
top: 18px;
}
.sl_img{
height:640px;
background: url(../images/6y4.png) no-repeat center center;
margin-top: 50px;
}
.sl_wxs{
height:1820px;
}
#lll{
width: 40px;
height: 40px;
position: relative;
top: 63px;
left:70px;
}
#rrr{
width: 113px;
height: 21px;
position: relative;
top: -45px;
left: 1100px;
}
#slid1{
height: 175px;
}
#slid1 span{
color:#333333;
}
#slid1 p{
color:#999999;
}
#slidd{
height: 175px;
}
#slidd span{
color: #333333;
position: relative;
top: -65px;
}
#slidd p{
position: relative;
color: #999999;
top: -80px;
}
#slid11{
height: 175px;
}
#slid11 span{
color:#333333;
}
#slid11 p{
color:#999999;
position: relative;
top: 20px;
}
#lll2{
width: 40px;
height: 40px;
position: relative;
top: 63px;
left:140px;
}
#rrr2{
width: 113px;
height: 21px;
position: relative;
top: -45px;
left: 1025px;
}
.sy_img{
height:900px;
background: url(../images/3d1.png) no-repeat center center;
margin-top: -20px;
}
.sy_anniu{
width: 430px;
height:88px;
margin: 0 auto;
line-height: 85px;
}
.sy_anniu a{
width: 430px;
height:88px;
background:#fe2447;
display: block;
font-size:36px;
text-align: center;
color:#fff;
border-radius: 50px;
position: relative;
top: -25px;
}
.sl_aniu{
width:955px;
height:88px;
margin:35px auto;
}
.sl_aniu ul li{
width:430px;
height:88px;
float:left;
line-height: 85px;
}
.sl_wxs_1{
min-width:1200px;
height:1840px;
}
.sl_wxs_1_der{
height:1840px;
}
.sl_aniu ul li:nth-child(1) a{
display:block;
width:430px;
height:88px;
background:#fe2447;
border-radius:50px;
color:#fff;
text-align:center;
font-size:36px;
}
.sl_aniu ul li:nth-child(2) a{
display:block;
width:430px;
height:88px;
background:#4c3bc7;
border-radius:50px;
color:#fff;
text-align:center;
font-size:36px;
margin-left:94px;
}
.sl_wxs_img{
height:1402px;
background: url(../images/jzwx.png) no-repeat center center;
margin-top: 50px;
}
.sl_anniu{
width: 835px;
height: 100px;
margin: 40px auto;
text-align: center;
line-height: 88px;
}
.sl_anniu a{
display: block;
width: 835px;
height: 100px;
margin: 0 auto;
background: #fe2447;
font-size: 42px;
color: #fff;
border-radius: 50px;
}
#llll{
width: 40px;
height: 40px;
position: relative;
top: 63px;
left: 260px;
}
#rrrr{
width: 113px;
height: 21px;
position: relative;
top: -51px;
left: 900px;
}
#slid2{
height: 175px;
}
#slid2 span{
color:#333;
}
#slid2 p{
color:#333;
position:relative;
top: 20px;
}
.ite{
min-width:1200px;
height:460px;
}
.ite_der{
height:270px;
}
.ite_c{
height:830px;
position:relative;
top:-384px;
}
.ite_c_img{
height:691px;
margin-top:17px;
padding-top:167px;
background: url(../images/jz2.png) no-repeat center center;
}
.ite_c_img_a{
width: 620px;
height: 119px;
line-height: 104px;
text-align: center;
margin-left: -32px;
margin-top: -30px;
}
.ite_c_img_a p{
font-size:95.5px;
color:#333333;
font-family:"sFont";
}
.ite_c_img_b{
width: 300px;
height: 35px;
line-height: 29px;
text-align: center;
margin-left: 340px;
margin-top: 5px;
}
.ite_c_img_b p{
font-size:32px;
color:#313131;
}
.ite_c_img_c{
width: 600px;
height: 110px;
margin-left:95px;
margin-top: 84px;
}
.ite_c_img_c ul li{
width:120px;
height:95px;
float:left;
}
.ite_c_img_c ul li span{
font-size:33.12px;
color:#333333;
font-weight: bold;
}
.ite_c_img_c ul li p{
font-size: 18.4px;
color: #333333;
margin-top: 17px;
position: relative;
top: 10px;
left: -35px;
}
.ite_c_img_c ul li:nth-child(1){
margin-left:-25px;
}
.ite_c_img_c ul li:nth-child(2){
margin-left:65px;
}
.ite_c_img_c ul li:nth-child(3){
margin-left:70px;
}
.ite_c_img_aniniu a{
width: 640px;
height: 100px;
border-radius: 72px;
background: #fe2447;
line-height: 85px;
text-align: center;
margin-top: 88px;
display:block;
font-size:42px;
color:#fff;
}
.td_zz{
height:1085px;
}
.td_zz_c{
height:1234px;
text-align: center;
padding-top: 30px;
}
.zzjia{
height:578px;
background: url(../images/zz.png) no-repeat center center;
position: relative;
top: -80px;
z-index: 2;
}
.td_zz_c p {
font-size: 73.87px;
color: #333333;
position: relative;
top: -77px;
}
.td_zz_c span {
font-size: 60px;
color: #333333;
}
.zzjia_anniu_a{
width:570px;
height:125px;
text-align:center;
line-height: 53px;
margin:-55px auto;
}
.zzjia_anniu_a a{
display:block;
width:570px;
height:125px;
background: #fe2447;
border-radius:80px;
font-size:40px;
color:#fff;
padding-top: 11px;
}
.zzjia_anniu_a a b{
font-size:49px;
}
.xly{
min-width:1200px;
height:1035px;
background: url(../images/xly.jpg) no-repeat center center;
}
.xly_der{
height:1035px;
}
.xly_line{
height:770px;
margin-top: 125px;
padding-top: 110px;
}
.xly_list{
width:1160px;
height:550px;
margin:-30px auto;
}
.xly_list ul li{
width: 350px;
height:485px;
float:left;
margin-left:54px;
margin-top: 65px;
}
.xly_list ul li:nth-child(1){
margin-left: 0px;
text-align: center;
background: url(../images/x1.png) no-repeat center center;
}
.xly_list ul li:nth-child(2){
text-align: center;
background: url(../images/x2.png) no-repeat center center;
}
.xly_list ul li:nth-child(3){
text-align: center;
background: url(../images/x3.png) no-repeat center center;
}
.xly_list ul li h1{
font-size: 25.94px;
color: #313131;
position: relative;
top: 310px;
text-align: center;
}
.xly_list ul li p{
font-size:20px;
color: #b8b8b8;
position: relative;
top: 310px;
text-align: center;
}
.xly_list ul li span{
font-size:24px;
color: #f13534;
position: relative;
top: 310px;
text-align: center;
}
.xly_list ul li span b{
font-size:56px;
color: #f13534;
}
.xly_list ul li a{
width:190px;
height: 55px;
margin: 321px auto;
}
.xly_list ul li a img {
width:190px;
height: 55px;
}
.tixi{
min-width:1200px;
height:1220px;
background:#fff;
}
.tixi_c{
height:1290px;
}
.tixi_title{
height:300px;
text-align:center;
padding-top: 80px;
}
.tixi_title span{
font-size:50px;
color:#333333;
}
.tixi_title p{
font-size:50px;
color:#333333;
margin-left: 150px;
}
#til {
width: 188px;
height: 16px;
position: relative;
top: 43px;
left: -25px;
}
#tir{
width: 188px;
height: 16px;
float: right;
position: relative;
top: 30px;
left: -170px;
}
.tixi_li{
height:990px;
padding-top:55px;
}
.tixi_list{
height:700px;
}
.tixi_list ul li{
width:387px;
height:325px;
float:left;
text-align: center;
line-height:57px;
margin-left:19px;
}
.tixi_list_li{
height:320px;
}
.tixi_list ul li p{
font-size:32px;
color:#333;
letter-spacing: 2.2px;
}
.tixi_list ul li:nth-child(1){
margin-left: 0px;
}
.tixi_list ul li:nth-child(4){
margin-left: 0px;
margin-top: 90px;
}
.tixi_list ul li:nth-child(5){
margin-top: 90px;
}.tixi_list ul li:nth-child(6){
margin-top:90px;
}
.tixi_aniu{
width:950px;
height:125px;
margin:140px auto;
}
.tixi_aniu ul li{
line-height:82px;
}
.tixi_aniu ul li:nth-child(1) a{
width: 430px;
height: 88px;
background:#fe2447;
float: left;
text-align: center;
border-radius: 66px;
}
.tixi_aniu ul li:nth-child(1) a p{
font-size:40px;
font-weight:bold;
color:#ffffff;
}
.tixi_aniu ul li:nth-child(2) a{
width: 430px;
height:88px;
background: #4c3bc7;
float: right;
text-align: center;
border-radius: 66px;
}
.tixi_aniu ul li:nth-child(2) a p{
font-size:40px;
color:#fff;
}
.wx {
width: 160px;
height: 190px;
float: left;
position: relative;
top: 51px;
left: 135px;
text-align: center;
}
.wx-1{width:159px;height:159px;}
.wx p{
color:#c9c9c9;
font-size: 18px;
}
.dibu-li{
width: 350px;
height: 190px;
position: relative;
top: 49px;
float: right;left: -40px;
}
.dibu-li ul li{
width:170px;
height:52px;
background:#fff;
box-shadow: 0px 4px 24px #d0d0d0;
border-radius:25px;
float:left;
margin-top: 10px;
text-align:center;
line-height:55px;
}
.dibu-li ul li:nth-child(2){
margin-left:7px;
}
.dibu-li ul li:nth-child(4){
margin-left:7px;
}
.dibu-li ul li:nth-child(6){
margin-left:7px;
}
.dibu-li ul li a{
display:block;
width:170px;
height:52px;
color:#545454;
font-size:18px;
}
.footer_xx{min-width:1200px; height:500px; background-color:#FFF;}
.footer_xx_c{ height:500px;}
.bz8{ width:100%; height:150px; position:relative; top:100px;font-size: 14px; }
.bz_tb{ width:114px; height:140px; float:left; margin-left:30px; }
.bz_tb img{ margin:0 auto; position:relative; left:0px;}
.bz_tb p{ text-align:center; color: #c9c9c9; position: relative;
top: 1px; }
.we p{ text-align:center; font-size:16px; position:relative; top:150px; line-height:42px; color: #c9c9c9;}
#pp{ position:relative; top:7px;}
#pp2{ position:relative; top:30px;}
#pp3{ position:relative; top:16px;}
#pp4{ position:relative; top:11px;}
.text-c a{ display:block; width:100px; height:30px; }
.td_zz_c i{
font-family:"mFont";
font-size:160px;
color:#e5e5e5;
position: relative;
z-index: 2;
}
.footer{ min-width:1200px; height:234px; background-color: #00a284;}
.footer_c {
height: 234px;
background-image: url(../images/db_bj_03.png);
background-size: 100% 100%;
}
.wei{ width:214px; height:200px; position:relative; top:20px; float:left;}
.sj{ width:456px; height:278px; float:left;}
#dz{ color:#FFF; width:600px; height:150px; font-size:16px; line-height:30px; position:relative; top:70px; left:144px;}
#erwei{ width:150px; height:150px; position:relative; top:30px; left:210px;}
.footer_c p span{ display:block; font-size:18px; color:#FFF; text-align:center;margin-left: -12px;}
}
h2 {
color: #fff;
float: left;
width: 100%;
font-size: 24px;
font-weight: 400;
text-align: center;
padding: 50px 0 40px;
position: relative;
z-index: 50;
}
h2 span {
position: relative;
padding-bottom: 10px;
}
h2 span:after {
content: "";
width: 50%;
height: 3px;
background-color: #fff;
position: absolute;
left: 25%;
bottom: 0;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
img {
max-width: 100%;
vertical-align: middle;
}
.full-length {
width: 100%;
float: left;
height:500px;
}
.container ul li {
float: left;
}
.btn {
display: inline-block;
padding: 5px 10px;
font-size: 14px;
color: #fff;
border: 2px solid #4d92d9;
background-color: #4d92d9;
text-decoration: none;
transition: 0.4s;
}
.btn:hover {
background-color: transparent;
color: #fff;
transition: 0.4s;
}
.text-desc {
position: absolute;
left: 0;
top: 0;
height: 100%;
opacity: 0;
width: 100%;
padding: 20px;
}
/*= Reset CSS End
================= *
/* effect-1 css */
.port-1 {
float: left;
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
}
.port-1 .text-desc {
opacity: 0.9;
top: -100%;
transition: 0.5s;
color: #000;
padding: 45px 20px 20px;opacity:0.9;
}
.port-1 img {
transition: 0.5s;
}
.port-1:hover img {
/*transform: scale(1.2);*/
}
.port-1.effect-1:hover .text-desc {
top: 0;
}
.port-1.effect-2 .text-desc {
top: auto;
bottom: -100%;
}
.port-1.effect-2:hover .text-desc {
bottom: 0;
}
.port-1.effect-3 .text-desc {
top: 50%;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
padding: 0;
}
.port-1.effect-3:hover .text-desc {
width: 100%;
top: 0;
left: 0;
height: 100%;
padding: 45px 20px 20px;
}
#dm {
position: relative;
top: -41px;
background-color: #ffe504;
color: #601c19;
font-size: 36px;
font-weight: bold;
}
#tjj {
font-size: 18px;
position: relative;
top: -34px;
}
.bu {
width: 36%;
height: 281px;
margin: 0 auto;
position: relative;
top: -458px;
}
.bu a{ display:block; width:311px; height:70px; border:2px solid #dacba1; border-radius:32px; background-color:#106637; color:#fdddb4; text-align:center; font-size:32px; line-height:63px; margin:0 auto; position:relative; top:178px;}
.ball .popOutBottom {
width: 100px;
height: 100px;
border-radius: 100px;
}
.footer{ min-width:1200px; height:234px; background-color: #3d55f9;}
.footer_c {
height: 234px;
background-image: url(../images/di_bj_03.png);
background-size: 100% 100%;
}
.wei{ width:214px; height:200px; position:relative; top:20px; float:left;}
.sj{ width:456px; height:278px; float:left;}
#dz{ color:#FFF; width:600px; height:150px; font-size:16px; line-height:30px; position:relative; top:70px; left:144px;}
#erwei{ width:150px; height:150px; position:relative; top:30px; left:210px;}
.footer_c p span{ display:block; font-size:18px; color:#FFF; text-align:center;}
@media (min-width:1200px) and (max-width:1280px) {
.aa{
width:172px;
height:172px;
}
.aa a{
display: block;
width: 172px;
height: 172px;
position: relative;
top: 721px;
left: 359px;
}
}
@media (min-width:1280px) and (max-width:1360px) {
.banner {height: 544px; }
.banner a {
display: block;
width: 142px;
height: 29px;
position: absolute;
top: 520px;
left: 766px;
z-index: 2;
}
}
@media (min-width:1360px) and (max-width:1400px) {
.banner {height: 544px; }
.banner a {
display: block;
width: 160px;
height: 38px;
position: absolute;
top: 536px;
left: 821px;
z-index: 2;
}
}
@media (min-width:1400px) and (max-width:1680px) {
.banner {height:582px; }
.banner a {
display: block;
width: 162px;
height: 39px;
position: absolute;
top: 556px;
left: 835px;
z-index: 2;
}
}
.wap_bg{display: none;z-index: 9999999999;position:fixed;left:0px;top:0px;width:100%;height:100%;background:#333;background:url(../images/bg.png)}
.success-info {
display: none;
z-index: 9999999999;
width: 560px;
height:400px;
left: 50%;
margin-left: -280px;
position: fixed;
top: 50%;
margin-top: -200px;
border-radius: 5.5px;
background: #fff; }
.success-info .close {
position: absolute;
right: 0;
width: 60px;
height: 60px;
padding: 10px; }
.success-info h1 {
font-size: 36px;
text-align: center;
line-height: 2;
margin-top: 10px;
color: #70aeff; }
.success-info img {
width: 100%; }
.success-info .suc-content {
margin: 10px 0;
color: #666666;
font-size: 20px;
text-align: center;
line-height: 2; }
.form_warp {
padding: 0 0.15rem 0.25rem;
margin-top: 15px; }
.form_warp .form-box {
width:500px;margin:0px auto;
height: 50px;
border-radius: 5px;
border: solid 1px #70aeff;
display: flex;
align-items: center;
padding-left: 10px;
margin-bottom: 15px;
}
.form_warp .form-box select {width:480px;height:40px;border:none;font-size: 20px;color:#333;}
.form_warp .form-box input {
border: none;
font-size: 20px;
outline: none;
line-height: 40px;color:#333;
height: 40px; }
.form_warp .submit_Btn {
display: flex;
cursor:pointer;
justify-content: center;
align-items: center;
text-decoration: none;
width:500px;margin:0px auto;margin-top: 18px;
font-weight: 500;
color: #ffffff;
font-size: 28px;
height: 60px;
border-radius: 5px;
border:none;
background: #70aeff; }
.form_warp .footerMsg {
font-size: 24px;
color: #70aeff;
text-align: center;
margin-top: 10px; }