@charset "utf-8";
/* CSS Document */


.w1200{ width:1148px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}
.header .nav li a:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.header .nav li a{ transition:all .3s; display:inline-block}

body{background-color:#fffcdf; background-image:url(../images/bac.png); background-repeat:repeat-y; background-size:100% auto;}
.bac{ position:fixed; left:0; top:0; width:0; height:0;}
.indexface{ position:relative; z-index:2; }

.header{ align-items: flex-end;}
.header .logo img{ width:160px; height:auto;}
.header .nav{ width:700px; border: 2px solid #000000;background: #FFFFFF;border-radius: 4px 4px 4px 4px; overflow:hidden; padding:0 30px;}
.header .nav li a{ color:#000;    line-height:66px; font-size:16px;}
.header .nav li.on a,.header .nav li a:hover{ font-family:PFM}.header .nav li .line{ width:2px; height:14px; background:#d7d7d7;}

.header .lang{ background:#fff; padding:0 22px; width:145px; line-height:66px;border: 2px solid #000000; position:relative; z-index:10}
.langbox ul{ position:absolute; top:105%; left:0; width:100%;width:145px; left:-2px; transition:all .3s; opacity:0; visibility:hidden;}


.langbox span,
.langbox a{ display:block; padding-left:29px; background-image:url(../images/diqiu.png); background-position:left center; background-repeat:no-repeat; font-size:15px; font-family:PFM; letter-spacing:1px; color:#000; }
.langbox li.on a:after{ width:15px; height:15px; position:absolute; right:10px ; top:10px; content:""; display:block; background-image:url(../images/duigou.png); background-repeat:no-repeat; background-position:center;}
.langbox li{padding:0 22px; width:100%;background:#fff; line-height:66px;border: 2px solid #000000; position:relative;}
.langbox li.on{ background-color:#fffcdf;}

.langbox a:hover{ font-weight:bold;}
.langbox:hover ul{ top:100%; opacity:1; visibility:visible;}

.main01{ margin-top:80px; position:relative;}
.main01 .yunbox{ position:absolute; top:-30px; width:100%; z-index:0}
.yunbox img{ margin:0 auto; display:block; max-width:100%; width:400px;}

.main1box{ position:relative; z-index:1;}
.hello{ font-size:60px; line-height:1; position:relative; font-family:PFM}
.hello img{ width:195px; position:absolute; left:0; bottom:-19px; z-index:0;}

.maintxt{ font-family:PFM; font-size:28px; margin-top:70px; margin-bottom:40px;}

.main1ri{ padding-right:60px;}
.main1ri a{background: #FFFFFF; transition:all .3s;
border-radius: 8px; margin-bottom:20px;
border: 1px solid #000000; line-height:41px; padding-left:23px; width:200px;    justify-content: flex-start;}
.main1ri span{ font-size:13px; color:#000; font-family:PFS;}
.main1ri a img{ width:16px; margin-right:10px; height:16px;}
.main1ri a:hover{ transform:translateY(-3px);} 
.welcome{ width:100%; position:relative; margin-bottom:45px;}


.welcome a{ position:relative; z-index:2; font-size:51px; line-height:1; display:inline-block; font-family:PFM}
.welimg{ position:absolute; right:0; bottom:-10px; z-index:1;}
.main1bot >img{ width:100%;}.main1bot{ position:relative;}
.main1bot  .txt{ position:absolute; top:234px; left:780px; width:270px; text-align:center;}
.main1bot  .txt p{ font-size:10px; width:260px; text-align:center;}
.main1bot  .txt button{ cursor:pointer; font-size:20px; font-family:PFS; background:none; margin-top:16px;font-weight: 600; width:120px; height:40px;}

.main2>img{ width:100%}
.main2 { position:relative; margin-bottom:113px;}
.main2 .txt{ position:absolute; z-index:1; left:232px; bottom:15px;}
.main2 .txt b{ font-size:34px; font-family:PFS;}
.main2 .txt p{ font-size:24px;}
.main2 .txt2{ position:absolute; bottom:60px; right:0; text-align:center; width:220px; z-index:2;}
.main2 .txt2 span{ margin-bottom:17px;    padding-right: 8px; line-height:20px; display:block; text-align:center; font-family:PFS; font-size:16px;}
.main2 .txt2 a{ width:235px; height:70px; padding-right:29px; line-height:70px; font-size:33px; font-family:PFS; color:#000; display:block; text-align:center;}

.main3>img{ width:100%;}
.main3{ position:relative;margin-bottom:113px;}
.main3 .txt{ position:absolute; width:250px; height:230px;  left:145px; top:110px; text-align:center;}
.main3 .txt2{ position:absolute; left:691px; top: 220px;}
.main3 .txt p{ font-size:13px; line-height:14px; margin-bottom:12px; font-family:PFM}
.main3 .txt2 span{ font-family:PFM; font-size:24px; transform:rotate(-5deg); display:block; line-height:20px;}

.main4>img{ width:100%;}
.main4 { position:relative; margin-bottom:113px;}
.main4 .txt{ position:absolute; width:300px; right:76px; top:131px;}
.main4 .txt2{ position:absolute; right:300px; bottom:45px;}
.main4 .txt li{margin-bottom:11px; height:30px;}
.main4 .txt li a{  font-size:8.35px; line-height:30px; }
.main4 .txt2 span{ background-image:url(../images/main4img2.png); background-size:100% 100%; background-repeat:no-repeat; display:block; font-family:PFM; font-size:18px;display:block; width:135px; line-height:50px; text-align:center;}


.main5 { background-position:left top; padding-bottom:55px; background-repeat:no-repeat; background-size:100% 100%; padding-top:160px; position:relative; margin-bottom:113px;}
.main5>span{ font-size:10px; position:absolute; left:14px; top:28px; line-height:11px; color:#000;  font-family:PFS;}
.main5box{ position:relative; padding-left:57px; padding-right:57px;}
.main5box img{ width:100%;}
.main5btn{ margin:70px auto 0; text-align:center;}
.main5btn a{ color:#000; font-size:15px; font-family:PFS; display:inline-block; padding:0 23px; line-height:42px; background-size:100%;background-image:url(../images/kuang2.png);transition:all .3s;}
.main5btn a:hover{ transform:translateY(-5px);}
.main5box .swiper-button-next{ right:14px; background-image:url(../images/righticon.png)}
.main5box .swiper-button-prev{ left:14px; background-image:url(../images/lefticon.png)}

.main6{ position:relative; margin-bottom:113px;}
.main6>a{ position:absolute; top:142px; left:75px; font-family:PFM; font-size:15px;    transform: rotate(-10deg);}
.main6>img{ width:100%;}
.main6 li{ position:absolute; background-position:left top; background-size:100% 100%; width:242px; height:121px;}
.main6 li .title{ font-family:PFM; font-size:11px;color: #FFFFFF; padding:5px 10px;
text-stroke: 1px #000000;
text-align: left;
font-style: normal; height:30px;
text-transform: none;
text-shadow: 
        -1px -1px 0 #000,  
         1px -1px 0 #000,
        -1px  1px 0 #000,
         1px  1px 0 #000
		 }
.main6 li .txt{ padding:10px 12px; color:#000; font-size:10px; padding-right:70px; position:relative; height:90px;}
.main6 li .txt img{ width:70px; right:0; position:absolute; bottom:5px;}
.main6 li:first-child{ left:583px; top:72px; background-image:url(../images/kapian01.png);}
.main6 li:first-child .title{ color:#fff;}
.main6 li:first-child .txt{ color:#fff;}

.main6 li:nth-child(2){ left:850px; top:120px; background-image:url(../images/kapian02.png);}
.main6 li:nth-child(2) .title{ color:#d9f277;}

.main6 li:nth-child(3){ left:583px; top:240px; background-image:url(../images/kapian03.png);}
.main6 li:nth-child(4){ left:850px; top:300px; background-image:url(../images/kapian04.png);}
.main7{ background-size:100% 100%;}
.main7 .title{    padding-left: 20px; font-family:PFM; font-size:28px; text-align:center; margin-top:52px; line-height:1; margin-bottom:69px;}


.main7{ padding:0 37px; padding-bottom:35px;margin-bottom:113px;}
.main7 .flex{    flex-wrap: nowrap;}
.main7 .flex>span{ display:inline-block; width:20px;}
.main7 .main7li{ width:182px; min-height:300px; padding:20px; border:3px solid #000; border-radius:10px; overflow:hidden; background:#f7ebff;}
.main7 .main7li:nth-child(3){  background:#ebfbff;}
.main7 .main7li:nth-child(5){  background:#fffdeb;}
.main7 .main7li:nth-child(7){  background:#ebffeb;}

.main7 .main7li b{ font-size:12px; font-family:PFM; margin-bottom:5px; display:block; color:#000;}
.main7 .main7li p{ font-size:10px; color:#000;}
.main7 .main7li img{ width:106px; margin:0 auto; margin-bottom:10px; display:block; animation: constantRotation 10s linear infinite;}

@keyframes constantRotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}



.main8{ padding:37px; padding-bottom:80px; margin-bottom:110px; background-size:100% 100%;}
.main8 .title{ margin-bottom:60px; padding-left:35px; padding-top:16px; font-size:19px; font-family:PFM;}


.main8 li{ width:300px; padding:10px 5px 10px 20px;  font-size:20px; text-align:center; background:#fffdeb; border-radius:20px; overflow:hidden; border-top:2px solid #000; border-left:2px solid #000; border-bottom:5px solid #000; border-right:5px solid #000; margin-top:47px;transition:all .3s; -webkit-transition:all .3s;}
.main8 li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}



.main8 li img{ height:55px; margin-right:10px;}
.main8 li a{ color:#000; justify-content: flex-start;line-height:55px; font-size:26px;}


.fotnav{ width:585px; position:relative;z-index:2;}
.foot{ height:488px; margin-bottom:110px; position:relative; padding:36px 30px; background-size:100% 100%; background-position:left top; background-repeat:no-repeat;}
.fotlogo{ margin-bottom:70px; position:relative; z-index:2;}
.fotlogo img{ height:55px;}
.fotnavli { width:195px;}
.fotnavli b a{ font-family:PFS; font-size:14px; display:block; margin-bottom:10px;}
.fotnavli > a{ font-size:14px; display:block; margin-bottom:10px; color:#000;transition:all .3s; -webkit-transition:all .3s;}
.fotnavli > a:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}

.mianze{ position:absolute; width:180px; left:688px; top:171px;}
.mianze b{ font-size:14px; display:block; text-align:center; font-family:PFS}
.mianze p{ font-size:13px;}

.welimg .dongxiao{ position:absolute; left:100px; height:100px; bottom:15px}

@font-face
{
font-family: PFT;
src: url('../fonts/PFT.ttf') /* IE9+ */
}
@font-face
{
font-family: PFU;
src: url('../fonts/PFU.ttf') /* IE9+ */
}
@font-face
{
font-family: PFL;
src: url('../fonts/PFL.ttf') /* IE9+ */
}
@font-face
{
font-family: PFR;
src: url('../fonts/PFR.ttf') /* IE9+ */
}
@font-face
{
font-family: PFS;
src: url('../fonts/PFS.ttf') /* IE9+ */
}
@font-face
{
font-family: PFM;
src: url('../fonts/PFM.ttf') /* IE9+ */
}