/* 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}
.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;}
}
@-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;}
}
@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:0;right:0;z-index: 999}
.nav_button {width:45px;height:30px;position: absolute;right:0;top:11px;z-index:99}
.nav_button.current {right:-10px;top:6px}
.nav_button span {display: block;position: relative;width:20px;height: 2px;background: #fff;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 */
}
.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;}
.navBlock_contnet {position: fixed;top:0px;right:0px;width:150px;background:#21b2ba;color:#fff;display: none;}
.navBlock_title {position: relative;padding-top:20%;width:90%;border-bottom:1px solid rgba(255,255,255,.3);margin: auto;text-align:center;font-size:1.8rem;padding-bottom:10px;}
.navBlock_contentBlock {position: relative;width:90%;margin:auto}
.navBlock_aBlock {position: relative;display: block;padding: 3px 0px;padding-left:42px;border-bottom:1px dashed rgba(255,255,255,.1);height:30px;line-height:30px;color:#fff;font-size:1.4rem;margin-top:6px;padding-bottom: 6px;}
.navBlock_aBlock.a0 {background: url(../Images/a_1.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a1 {background: url(../Images/b_1.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a2 {background: url(../Images/b_2.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a3 {background: url(../Images/b_3.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a4 {background: url(../Images/b_4.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a5 {background: url(../Images/b_5.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a6 {background: url(../Images/b_6.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a9 {background: url(../Images/b_9.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a10 {background: url(../Images/b_10.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock.a23 {background: url(../Images/b_23.png) no-repeat 10px 7px;background-size: 22px}
.navBlock_aBlock img{width:13px;position:absolute;right:7px;top:11px}
.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% 30px;border-top: 1px solid rgba(255,255,255,.5);}
.navBlock_buttonA {position: relative;float: left;width:50%;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-block{width:72%;padding:20px 7%;color:#fff;-webkit-animation:fadeInDown 1s 0.2s both;position:relative}
.pro-block.pb2{width:66%}
.pro-block.pb3{width:66%;height:2rem;margin-bottom:45px}
.pro-block.pb4{width:66%}
.pro-block a{color:#fff}
.t-block{width:100%;position:absolute;bottom:3rem;left:7%;}
.t-map{height:30px;line-height:30px;font-size:1.6rem;background:url(../Images/tm.png)no-repeat 15% center;background-size:8%;display:block;margin:0 auto;text-align:center;padding-left:10%}
.pro-blockBg{width:100%;height:100%;position:absolute;left:0;top:0;background:#8e6d33;opacity:0.9}
.pro-blockBg.b2{background:#201c14;opacity:0.6}
.pro-blockCont{width:100%;position:relative;z-index:888}
.pro-title{width:100%;text-align:center;letter-spacing:0.1rem}
.pro-title .ch{font-size:2rem;background:url(../Images/p1.png)no-repeat left center;background-size:100%}
.pro-title .en{font-size:1.2rem;text-transform:uppercase;margin-bottom:5px}
.pro-title .line{width:15px;height:2px;background:#fff;margin:0 auto}
.pro-ts{width:102%;margin-left:-1%;height:5rem;position:relative;margin-top:10px}
.pro-ts.ts2{height:5rem}
.pro-ts .tc{max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:0;top:1.2rem}
.pro-ts .tc.tc2{letter-spacing:0.4rem}
.pro-ts .ti{width:7%;position:absolute;right:0;top:0.4rem}
.pro-ts .ti img{width:100%}
.pro-ts .line{width:100%;height:1px;background:#fff;position:absolute;bottom:1rem;left:0}
/*.pro-ts .line.l2{bottom:0.2rem}*/
.pro-ts-bg{width:118.8%;height:5rem;background:#6d5327;position:absolute;top:0;left:-9.4%}
.pro-txt{width:100%;position:relative;font-size:1.2rem;line-height:1.8rem;text-align:justify;padding-top:10px;height:15rem;overflow-y:scroll}
.pro-bg{width:92%;height:92%;position:absolute;top:-2rem;left:8%;border-right:2rem solid rgba(142,109,51,0.5);border-top:2rem solid rgba(142,109,51,0.5);-webkit-animation:fadeInLeft2 1.6s 0.4s both}
.mt-top{width:100%;height:50%;overflow:hidden}
.mt-top img{width:100%}
.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:70%;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;background-color:#21b2ba;text-align:center;height:46px;line-height:46px;font-size:1.8rem}
.dy-block{width:100%;position:relative;padding:20px 0 60px;min-height:450px}
.dy-block.b2{background:#f5f5f5}
.dy-block .pro-title{color:#21b2ba}
.dy-block .pro-title .ch{background:url(../Images/d3.png)no-repeat left center;background-size:100%}
.dy-block .pro-title .en{font-size:1.4rem}
.dy-block .pro-title .line{background:#21b2ba}
.dy-inBlock{width:86%;padding:0 7%;overflow:hidden}
.dy-cont{width:100%;position:relative;margin-top:20px}
.dy-cont a{display:block}
.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:#083643;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:center;position:relative}
.dyt-top .title{width:86%;padding:0 7%;font-size:1.6rem;color:#21b2ba}
.dyt-top .date{width:100%;border-top:2px solid #ececec;color:#a9a8a8;font-size:1.2rem;margin-top:1rem;padding-top:1rem}
.dyt-cont{line-height:1.6rem;color:#343434;text-align:justify;line-height:2.4rem}
.dyt-cont p{margin-top:10px}
.dyt-cont img{width:100%;margin-top:10px}
.dyt-back{width:50px;height:46px;position:absolute;top:0;left:25px;z-index:1;display:block}
.dyt-back div{width:20%;margin-top:26%}
.dyt-back img{width:100%}
.pic-cont{width:105%;position:relative;margin:15px 0 20px;overflow:auto;-webkit-animation: fadeInLeft 1s both}
.pic-cont li{width:45%;margin-right:5%;margin-top:15px;float:left}
.pic-cont li img{width:100%}
.e-list{width:100%;margin-top:15px}
.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 1s both}
.e-list li:nth-child(2){-webkit-animation:fadeInDown 1s 1.3s both}
.e-list li:nth-child(3){-webkit-animation:fadeInDown 1s 1.6s 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:93%;position:relative}
.pic-ptBg{width:100%;height:100%;position:absolute;top:0;left:0;background:#666}
.pic-pb{width:100%;height:7%;background:#fff;position:relative}
.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}
.pic-pb .swiper-pagination-current{font-size:2.4rem;color:#999}
.pic-pb .swiper-pagination-total{color:#999}
.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:#21b2ba;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:#333;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:47%;float:left;border:1px solid #21b2ba;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%}
@media screen and (max-height: 500px){
	.navBlock_contentBlock .navBlock_aBlock {margin-top:1px;padding-bottom: 1px;}
	.navBlock_title {padding-top:10%;}
	.navBlock_bottom {padding: 14px 10%;}
	.mt-cl .cont li{height:15rem}	
}
@media screen and (min-height: 620px){
	.navBlock_contentBlock .navBlock_aBlock {margin-top:10px;padding-bottom: 10px;}
	.navBlock_title {padding-top:26%;}
	.navBlock_bottom {padding: 30px 10%;}
	.mt-cl .cont li{height:22rem}
	.dy-block{min-height:550px}
}

/* 大图缩放 */
.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;}