﻿/* writeen by Lin*/
html, body, div, p, span, label, img, a, ol, ul, dl, dt, dd, li, table, tr, td, th, tbody, thead, tfoot, form, fieldset, legent, h1, h2, h3, h4, h5, h6, strong, b, em, blockquote, cite, pre, code, hr, br, input, button, textarea, nav, section{padding:0px; margin:0px; }
html,body{font-family:'Microsoft Yahei',Arial,Simsun; font-size:100%; width:100%; max-width:640px; margin:0 auto;}
html {font-size: 62.5%}
body{ min-height:420px;font-size:14px;color:#666;}
*{ margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul, li{list-style:none; list-style-type:none;}
:focus{outline:0;}
a,img{border:0 none;}
img{vertical-align:middle;}
a{text-decoration:none;}
caption, cite, code, em, th, var {font-weight:normal; font-style:normal; }
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;}
p {line-height: 2.4rem;margin: 10px 0;text-align: justify;}
.clear{clear:both}

.nav_button span,.nav_button {-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.home_bodyer {position: fixed;width:100%;height: 100%;top:0px;left:0px;}
.home_content {position: relative;width:100%;height: 100%;background-size:cover;overflow: hidden}
.home_bg{position:relative;width:100%;height:100%;-webkit-animation:scale 20s linear 0.8s infinite}
@-webkit-keyframes scale{
	0%{opacity:1;}
	50%{opacity:1;-webkit-transform:scale(1.1); }
	100%{opacity:1}
}
@keyframes fadeInUp{
    0%{ transform: translateY(-1000px); opacity: 0;}
    100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes fadeInLeft{
     0%{ transform: translateX(-1000px); opacity: 0;}
     100%{ transform: translateX(0px); opacity: 1;}
}
@keyframes fadeInLeft2{
     0%{ transform: translateX(-1000px); opacity: 0;}
     100%{ transform: translateX(0px); opacity: 1;}
}
@keyframes fadeInDown{
     0%{ transform: translateY(-20px); opacity: 0;}
     100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes flipInX{
	0%{ transform:perspective(400px) rotateX(90deg);opacity:0;}
	40%{ transform:perspective(400px) rotateX(-10deg);opacity:1;}
	70%{ transform:perspective(400px) rotateX(10deg);opacity:1;}
	100%{ transform:perspective(400px) rotateX(0deg);opacity:1;}
}	
.reg{width:84px;height:84px;border-radius:100%;position:absolute;bottom:3rem;right:2rem;background:#21b2ba;display:block}
.reg-i{width:30%;position:absolute;left:50%;margin-left:-15%;top:22%}
.reg-i img{width:100%}
.reg-t{font-size:1.2rem;color:#fff;text-align:center;margin-top:60%}
.nav_content {position:absolute;top:0px;right:0px;z-index: 999;}
.nav_button {position: absolute;right:22px;top:11px;z-index:999;}
.nav_button span {display: block;position: relative;width:20px;height: 2px;background: #da3a7d;margin: 4px 0;}
.nav_button.current span {background: #fff;}
.nav_button.current span:nth-child(2){ display: none;}
.nav_button.current span:nth-child(1){
 transform: rotate(42deg) translate(4px,5px);
-ms-transform:rotate(42deg) translate(4px,5px); /* IE 9 */
-moz-transform:rotate(42deg) translate(4px,5px); /* Firefox */
-webkit-transform:rotate(42deg) translate(4px,5px); /* Safari and Chrome */
-o-transform:rotate(42deg) translate(4px,5px); /* Opera */
}
.nav_button.current span:nth-child(3){ 
transform: rotate(-42deg) translate(0px,0px);
-ms-transform:rotate(-42deg) translate(0px,0px); /* IE 9 */
-moz-transform:rotate(-42deg) translate(0px,0px); /* Firefox */
-webkit-transform:rotate(-42deg) translate(0px,0px); /* Safari and Chrome */
-o-transform:rotate(-42deg) translate(0px,0px); /* Opera */
}
@-webkit-keyframes rotateY 
{
	0%{ opacity:0; -webkit-transform:rotateY(90deg);}
	100%{ opacity:1; -webkit-transform:rotateY(0deg);}
}
@-webkit-keyframes rotateYB 
{
	0%{ opacity:1; -webkit-transform:rotateY(0deg);-webkit-transform-origin:right;}
	100%{ opacity:0; -webkit-transform:rotateY(-90deg);-webkit-transform-origin:right;}
}
.navBlock_contnet {-webkit-animation:rotateYB 0.6s ease-in-out forwards;-webkit-transform-origin:right;}
.navBlock_contnet.current {-webkit-animation:rotateY 0.6s ease-in-out forwards;-webkit-transform-origin:right;}
.nav_contentBlock {position: fixed;top:0px;right:0px;width:100%;height: 100%;}
.nav_bg {position: fixed;top:0px;left:0px;width:100%;height: 100%;background: #000;opacity:0.6;display: none;z-index:99}
.navBlock_contnet {position: fixed;top:0px;right:0px;width:100%;background: url(../images/b4_9.jpg) no-repeat center;background-size:cover;height: 100%;color:#fff;display: none;z-index:99}
.navBlock_title {position: relative;padding-top:10%;width:80%;margin: auto;font-size:1.8rem;font-weight:bold;padding-bottom:10px;display: block;color:#fff;}
.navBlock_contentBlock {position: relative;width:74%;margin:auto;padding-top:40px}
.navBlock_aBlock {position: relative;display: block;padding-left:40px;height:52px;line-height:12px;color:#fff;font-size:1.2rem;margin-top:10px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.navBlock_aBlock .n_p1{font-size:1.4rem;text-transform:uppercase;margin:0;padding-top:6px;line-height: 1.6rem}
.navBlock_aBlock.a0 {background: url(../Images/a_1.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock.a1 {background: url(../Images/b_1.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock.a2 {background: url(../Images/b_2.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock.a3 {background: url(../Images/b_3.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock.a4 {background: url(../Images/b_4.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock.a5 {background: url(../Images/b_5.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock.a6 {background: url(../Images/b_6.png) no-repeat 0 9px;background-size: 22px;}
.navBlock_aBlock span {font-size:2.4rem;padding-left: 14px;position: absolute;right: 10px;top: 2px;}
.navBlock_bottom {position: relative;}
.navBlock_aBlock.a6 {border-bottom:0px;}
.navBlock_bottom {position: relative;width:80%;padding: 20px 10%;}
.navBlock_buttonA {position: relative;float: left;width:25%;font-size:1.2rem;text-align: center;color:#fff;}
.navBlock_buttonA .icon {position: relative;width:26px;margin: auto;padding-bottom: 4px;}
.navBlock_buttonA img {width:100%;}

.common_bodyer {position: relative;width:100%;}
.pro-title{width:100%;background:url(../Images/t1.png)no-repeat;background-size:100%;color:#fff;font-size:1.6rem;text-align:center;margin-top:3rem;margin-bottom:1rem}
.pro-title .ch{padding-bottom:8%}
.pro-title .en{text-transform:uppercase;padding-top:16%}
.pro-title .line{width:10px;height:2px;background:#fff;margin:3px auto}
.mt-top{width:100%;height:50%;overflow:hidden}
.mt-top img{width:100%;-webkit-animation:scale 20s linear 0.8s infinite}
.mt-cont{width:100%;position:relative}
.mt-cl{width:50%;padding:15px 7%;float:left}
.mt-cl .title{}
.mt-cl .title .ch{font-size:2rem;color:#21b2ba}
.mt-cl .title .en{font-size:1.2rem;color:#b1764a;text-transform:uppercase}
.mt-cl .cont{margin-top:10px}
.mt-cl .cont li{text-align:justify;line-height:2rem;height:20rem;overflow-y:auto}
.mt-cr{width:22%;padding:15px 7% 60%;background:#e6e6e6;float:right}
.mt-cr li{width:100%;font-size:1.6rem;color:#fff;text-align:center;background:#858b8d;padding:5px 0;margin-bottom:10px}
.mt-cr li.at{background:#21b2ba}
.dy-top{position:relative;width:100%;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;background-color:#da367e;text-align:left;height:46px;line-height:46px;font-size:1.6rem;padding-left:4rem}
.dy-block{width:100%;min-height:600px;position:relative;padding:20px 0 60px}
.dy-block.b2{background:url(../Images/ibg3.jpg)no-repeat;background-size:cover}
.dy-inBlock{width:86%;margin: 0 auto;overflow:hidden}
.dy-contBlock{width:88%;padding: 15px 6%;position:relative;background:#fff;margin: 20px 0}
.dy-cont{width:100%;padding:15px 0 30px;position:relative;background: #fff}
.dy-cont a{display:block}
.dy-title .ch{font-size:1.6rem}
.dy-title .line{width:20px;height:2px;background:#333;margin:5px 0}
.dy-cin{width:100%;position:relative}
.dy-cit{width:78%;color:#da367e;background:url(../Images/t2.png)no-repeat left center;background-size:19%;padding-left:22%}
.dy-cic{width:100%;position:relative;color:#333}
.dy-cic p{margin:10px 0 0;text-align:justify}
.dy-cic img{width:100%}
.dy-cii{width:100%}
.dy-cii img{width:100%}
.dy-ct{width:94%;height:auto;padding:10px 3%;background:#fff;}
.dy-ct-top{padding-bottom:10px;border-bottom:1px solid #ccc;position:relative}
.dy-ct-top .ti{width:30%;float:left}
.dy-ct-top .ti img{width:100%}
.dy-ct-top .tc{width:65%;float:right}
.dy-ct-top .tc .title{line-height:1.4rem;color:#da367e;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dy-ct-top .tc .date{font-size:1.2rem;color:#666;right:0;bottom:8px; float:right;}
.dy-ct-cont{font-size:1.2rem;line-height:1.6rem;color:#333;text-align:justify;margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.dy-cb{width:90%;padding:0 5%;background:#fff;margin-top:0.5rem;margin-bottom:20%}
.dy-cbi{width:100%}
.dy-cbi li{height:40px;line-height:40px;color:#333;border-bottom:1px solid #ccc;background:url(../Images/d2.png) no-repeat left center;background-size:2.6%;padding-left:5%;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.dy-cbi li a{color:#333} 
.dy-more{width:100%;height:40px;line-height:40px;text-align:center;color:#999}
.dyt-top{width:100%;text-align:left;position:relative}
.dyt-top .title{font-size:1.6rem;color:#333}
.dyt-top .date{width:100%;color:#a9a8a8;font-size:1.2rem;padding-top:5px}
.dyt-cont{line-height:1.6rem;color:#343434;text-align:justify;line-height:2.4rem;margin-top:1rem}
.dyt-cont p{margin-top:1rem}
.dyt-cont img{width:100%;margin-top:1rem}
.dyt-back{width:65px;height:46px;position:absolute;top:0;left:25px;z-index:1;display:block}
.dyt-back div{width:18%;margin-top:20%}
.dyt-back img{width:100%}
.pic-cont{width:103%;position:relative;padding-bottom:20px;-webkit-animation: fadeInLeft 1s both}
.pic-cont li{width:31%;border:2px solid #fff;margin-right:2%;margin-top:7px;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box}
.pic-cont li img{width:100%}
.e-list{width:86%;margin-top:65px;position:absolute;left:7%}
.e-list li{width:100%;height:40px;line-height:40px;background:#21b2ba;font-size:1.2rem;text-align:center;color:#fff;margin-top:10px}
.e-list li:nth-child(1){-webkit-animation:fadeInDown 1s 1.5s both}
.e-list li:nth-child(2){-webkit-animation:fadeInDown 1s 1.8s both}
.e-list li:nth-child(3){-webkit-animation:fadeInDown 1s 2.1s both}
.e-list li a{display:block;color:#fff}
.pic-pop{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;display:none}
.pic-pt{width:100%;height:100%;position:relative}
.pic-ptBg{width:100%;height:100%;position:absolute;top:0;left:0;background:#999;opacity:.8}
.pic-pb{width:100%;height:7%;position:absolute;bottom:0}
.swiper-container{width:100%}
.swiper-container img{width:100%}
.swiper-container.home .swiper-slide-active{-webkit-animation:scale 20s linear 0.8s infinite;overflow:hidden}
.pic-pt .swiper-container{position:absolute;top:50%;margin-top:-130px}
.pic-pt .swiper-button-prev{background-image:url(../Images/pic3.png);background-size:100%}
.pic-pt .swiper-button-next{background-image:url(../Images/pic4.png);background-size:100%}
.pic-pb .swiper-pagination{right:7%;top:10%;font-size:1.6rem;color: #fff}
.pic-pb .swiper-pagination-current{font-size:2.4rem;color:#fff}
.pic-pb .swiper-pagination-total{color:#fff}
.ed-block{width:100%;height:100%;position:relative}
.ed-top{width:100%;height:66%;position:relative}
.ed-btm{width:100%;height:34%;position:relative;background:#0d474a}
.ed-btm-txt{color:#fff;text-align:center}
.ed-btm-txt .t1{font-size:1.6rem;padding-top:4%}
.ed-btm-txt .t2{margin:3% 0 4%}
.ed-btm-next{width:19%;margin:0 auto;color:#fff;border:1px solid #fff;border-radius:3px;padding:1% 3%;text-align:center}
.ed-top .swiper-container{padding:40px 0}
.ed-top .swiper-button-prev{background-image:url(../Images/e2.jpg);background-size:100%;left:0}
.ed-top .swiper-button-next{background-image:url(../Images/e3.jpg);background-size:100%;right:0}
.ed-btm .swiper-pagination{position:relative;margin:0 auto;padding-top:10px}
.ed-btm .swiper-pagination-bullet{width:6px;height:6px;background:#fff;margin:0 2px;opacity:0.5}
.ed-btm .swiper-pagination-bullet-active{opacity:1}
.b-list{width:100%;position:relative}
.b-list li{width:100%;margin-bottom:10px}
.b-list li input,.b-list li select{width:100%;height:30px;line-height:30px;padding-left:10px;border:1px solid #a19c99;color:#999;font-size:1.2rem}
.b-list li input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;-webkit-appearance:none;}
.b-list li select{padding-left:5px}
.b-list li textarea{width:100%;padding:5px 10px;border:1px solid #a19c99;color:#999;font-size:1.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box}
.b-btn{width:100%;height:36px;line-height:36px;font-size:1.4rem;color:#fff;background:#da367e;text-align:center;margin:20px 0}
.v-list{width:100%;position:relative}
.v-list li{width:100%;position:relative;border-bottom:1px solid #ccc;margin-bottom:1.5rem}
.v-list li:last-child{border:0}
.v-video{width:100%;-webkit-animation: fadeInLeft 1s both}
.v-video img{width:100%}
.v-title{font-size:1.6rem;color:#fff;text-align:center;margin:0.5rem 0 1rem}
.video-content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.9}
.video-contentBlock{position:absolute;top:50%;left:0;margin-top:-45%;width:100%;z-index:99}
.video-close{width:5%;margin-left:90%;padding:10px}
.video-close img{width:100%}
.video-Block{position:relative;width:100%}
.en-list{width:104%;overflow:auto;position:relative;-webkit-animation:fadeInLeft 1s 0.2s both}
.en-list li{width:30%;float:left;border:1px solid #ccc;margin-right:3%;margin-bottom:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box}
.en-img{width:96%;margin:2%;background:#fff}
.en-img img{width:100%}

.index_bodyer .swiper-container {width: 100%;height: 600px;position: relative;}
.index_bodyer .swiper-slide {position: relative;width:100%;height: 100%;overflow: hidden;}
.index_contentBlock {position: absolute;top:20%;left:0px;width:100%;}
.titleImg {position: relative;width:100%;}
.titleImg img {width:100%;}
.t_Img0{animation:fadeInUp 1s .1s ease both}
.t_Img1{animation:fadeInLeft 2s .1s ease both}
.t_Img2{animation:fadeInRight 3s .5s ease both}
.t_Img3{animation:fadeInDown 3s .8s ease both}
@-webkit-keyframes scale{
	0%{opacity:1;}
	50%{opacity:1;-webkit-transform:scale(1.1); }
	100%{opacity:1}
}
@keyframes fadeInUp{
    0%{ transform: translateY(-1000px); opacity: 0;}
    100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes fadeInLeft{
     0%{ transform: translateX(-20px); opacity: 0;}
     100%{ transform: translateX(0px); opacity: 1;}
}
@keyframes fadeInLeft2{
     0%{ transform: translateX(-1000px); opacity: 0;}
     100%{ transform: translateX(0px); opacity: 1;}
}
@keyframes fadeInDown{
     0%{ transform: translateY(-20px); opacity: 0;}
     100%{ transform: translateY(0px); opacity: 1;}
}
@keyframes move{
     0%{ transform: translateY(-10px); opacity: 1;}
     50%{ transform: translateY(0px); opacity: 1;}
     100%{ transform: translateY(10px); opacity: 1;}
}
.index_button {position: absolute;bottom:60px;width:30px;left:14%;-webkit-animation:move 1.2s linear 0.2s infinite}
.index_button img {width:100%;}
.index_content {position: relative;width:86%;margin: auto;}
.index_enTitle {position: relative;font-size:3.4rem;color:#ff0149;text-transform:uppercase;font-weight:bold}
.index_chTitle {position: relative;font-size:2rem;color:#ff0149;padding-bottom:10px;}
.index_img {position: relative;width:100%;margin: 10px 0;}
.index_img img {width:100%}
.index_text {position: relative;width:100%;font-size:1.4rem;color:#ef44ad;line-height: 2.4rem;text-align: justify;}
.index_more {position: relative;display: block;width:120px;height: 30px;border: 1px solid #fff;line-height: 30px;text-align:center;border-radius:100px;color:#ef44ad;margin-top:30px;font-size:1.2rem}
.index_InnerBlock {position: absolute;top:10%;width:86%;left:7%;}
.indexB_enTitle {position: relative;font-size:3.4rem;color:#ff7700;text-transform:uppercase;font-weight:bold}
.indexB_chTitle {position: relative;font-size:2rem;color:#ff7700;padding-bottom:10px;}
.indexB_textBlock {position: relative;width:100%;padding-top:20px;color:#efac44;display: block;}
.indexB_date {position: relative;width:106px;border: 1px solid #efac44;height:38px;color:#efac44;padding: 0px 6px;}
.indexB_date .day {position: relative;float: left;font-size:2.8rem;}
.indexB_date .year {float: left;margin-left:6px;border-left:1px solid #efac44;padding-left:10px;padding-top:9px;margin-top:4px;height: 1.4rem;}
.indexB_textTitle {position: relative;font-size:1.6rem;margin-bottom: 6px;margin-top: 10px;font-weight: bold;}
.indexB_text {position: relative;line-height: 2rem;}

.indexC_enTitle {position: relative;font-size:3.4rem;color:#fff;text-transform: uppercase;font-weight:bold}
.indexC_chTitle {position: relative;font-size:2rem;color:#fff;padding-bottom:10px;}
.indexC_content {position: relative;width:100%;}
.indexC_aBlock {position: relative;display: block;width:40%;margin:20px 5%;float: left;border-radius:200px;}
.indexC_aBlock img {width:100%;}
.indexC_more {position: relative;display: block;width:40px;margin:20px auto;}
.indexC_more img {width:100%;}
@media screen and (max-height: 500px)
{
	.mt-cl .cont li{height:15rem}
}
@media screen and (min-height: 620px){
	.mt-cl .cont li{height:21rem}
	.dy-block{min-height:600px}
}

/* 大图缩放 */
.pinch-zoom,.pinch-zoom img{
    width: 100%;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}
.maxImg-pop {width:100%;height:100%;position:fixed;top:0;left:0;overflow: hidden;z-index:999;display:none;}
.maxImg-pt{width:100%;height:93%;position:relative}
.maxImg-ptBg{width:100%;height:100%;position:absolute;top:0;left:0;background:#666}
.maxImg-pb{width:100%;height:7%;background:#fff;position:relative}
.maxImg-pop .swiper-container{width:100%;height: 100%;}
.maxImg-pop .swiper-container img{width:100%}
.maxImg-pt .swiper-button-prev{background-image:url(../Images/pic3.png);background-size:100%}
.maxImg-pt .swiper-button-next{background-image:url(../Images/pic4.png);background-size:100%}
.maxImg-pb .swiper-pagination{right:7%;top:10%;font-size:1.6rem}
.maxImg-pb .swiper-pagination-current{font-size:2.4rem;color:#999}
.maxImg-pb .swiper-pagination-total{color:#999}
.maxImg-pop .pinch-zoom {position: relative;height: 600px}
.maxImg_colse {position: fixed;top: 0px;right: 0px;width: 26px;height: 26px;z-index: 99;padding: 20px;background: url(../Images/close2.png) no-repeat center;background-size: 26px;}
/* 大图缩放 */
.bigImg_content {position: relative;display: none;}