html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
    font-family:"lucida sans unicode","lucida grande","Microsoft Yahei";
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	background-color: #fff;
}
a{text-decoration:none; color:#000}
ol,ul{list-style:none;}
.clear{clear:both;}
.swiper-container {width: 100%;height:auto;position:relative;}
.swiper-shadow-layer{width:100%; height:auto; position:absolute; background:rgba(127,127,127,0.6); left:0; top:0;}
.pagination { position: absolute; z-index: 20; left: 10px; bottom: 10px; text-align: center; width: 100%;}
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #333; margin-right:11px; opacity: 0.8; cursor: pointer;}
.swiper-visible-switch {background: #aaa;}
.swiper-active-switch {background: #fff;}

.swiper-wrapper{height:100%;}
.swiper-slide {height:100%; background-color:#7F7F7F; text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;background-size:100% ;background-clip: content-box;background-color:rgba(0,0,0,0.7);}

.slide-item1{background-image: url(../imagesn/banner1.jpg); background-position:center;}
.slide-item2{background-image: url(../imagesn/banner2.jpg); background-position:center;}
.slide-item3{background-image: url(../imagesn/banner3.jpg); background-position:center;}
.slide-item4{background-image: url(../imagesn/banner4.jpg); background-position:center;}
.slide-item5{background-image: url(../imagesn/banner5.jpg); background-position:center;}
.slide-item6{background-image: url(../imagesn/banner6.jpg); background-position:center;}

.swiper-slogan-big{width:auto; margin-left:7%; margin-top:460px; line-height:30px; display:block; text-align:left; font-size:60px; color:#fff;}
.swiper-slogan-small{width:auto; margin-left:7%; line-height:30px; display:block; text-align:left; font-size:38px; margin-top:70px; color:#fff;}

.web-header{width:100%; height:180px; position:absolute; z-index:99999;}
.language-toggle-bar{width:100%; height:30px; line-height:30px;}
.english-and-chinese{float:right; border-bottom:1px solid #fff; margin-top:20px; float:right; margin-right:2%; color:#fff; font-size:12px; line-height:30px;}
.english-and-chinese a{color:#fff; float:left; display:block; }
.ltb-segment-line{width:1px; display:block; height:20px; margin-left:6px; margin-right:6px; margin-top:10px; background:#fff; float:left;}

.logo-and-navigation{width:auto; margin-left:7%; margin-top:56px; height:150px; }
.tao-logo{width:auto; text-align:left; height:auto; float:left;}

.tao-navigation{width:auto; padding-right:20px; padding-left:30px; margin-top:80px; margin-left:66px; height:31px; float:left; border-bottom:1px solid #fff; }
.tao-navigation a{width:120px; height:51px; font-size:20px; line-height:26px; text-align:center; color:#fff; display:block; float:left;}
.tao-navigation a:hover{background:url(../imagesn/navigation_hover.png) no-repeat center; color:#808080;}
.tao-navigation span{width:1px; display:block; height:20px; margin-right:6px; margin-left:6px; margin-top:10px; background:#fff; float:left;}

.about-tao{width:100%; height:560px; background:#F7F7F7;}
.layer-title{font-size: 2.25rem !important; text-shadow:2px 2px 2px #666;  font-weight: 400; line-height: 1.2;color: #242424;  width:100%; line-height:86px; text-align:center; background: transparent;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);}
.about-tao-head{background:url(../imagesn/about_tao_head.jpg) no-repeat center; background-size:100% 100%; width:100%; height:194px;}

.about-tao-layout{width:96%; height:auto; margin:0 auto; margin-top:18px;}
.about-tao-layer{width:18%; margin-left:1%; height:auto; float:left; font-size:14px; line-height:26px;}
.about-head-pic{width:100%; height:280px;  text-align:center; position:relative; }
.about-head-pic img{position:absolute; top:50%; left:50%;}
.set-width1{width:140px; margin-top:-70px; margin-left:-70px;}
.set-width2{width:171px; margin-top:-85px; margin-left:-85px;}
.set-width3{width:156px; margin-top:-78px; margin-left:-78px;}
.set-width4{width:191px; margin-top:-80px; margin-left:-80px;}
.set-width5{width:168px; margin-top:-70px; margin-left:-70px;}

.about-head-text{width:90%; margin:0 auto; color:#555; line-height: 28px; font-size:22px;}

.partner-tao{width:100%; height:auto;}
.partner-tao-map{width:100%; height:100%;  vertical-align: middle; position:relative; background:url(../imagesn/map.jpg) no-repeat center; background-size:auto 83%;}
.partner-tao-text{width:100%; height:88px; text-align:center; background:rgba(138,138,138,0.86); color:#fff; font-size:14px; left:0; top:50%; margin-top:-33px; position:absolute;}
.partner-middle{width:60%; margin:0 auto; text-align:left; margin-top:10px;  font-size:20px;}

.team-tao{width:100%; min-height:560px; height:auto; padding-bottom:60px; background:#F7F7F7;}
.team-list{width:1390px; margin:0 auto;}
.team-list-obj{width:248px; height:254px; float:left; margin-top:40px; margin-right:130px; position:relative;}
.team-list-obj img{width:100%; height:100%;}
.team-obj-shadow{width:100%; display:none; height:100%; border-radius:122px; text-indent:22px; font-size:18px; position:absolute; left:0; top:0; background:rgba(146,146,146,0.85);}
.obj-name{width:100%; height:auto; color:white; margin-top:90px;}
.obj-title{width:100%; height:auto; color:#8B005C;}
.obj-email{width:100%; height:auto; color:white;}
.obj-email a{text-decoration: underline; color:white;}
.set-text-indent-big{text-indent:47px;}
.set-text-indent-big2{text-indent:28px;}

.business-tao{width:100%; height:auto; min-height:700px;}
.business-blocks{width:98%; margin:0 auto; text-align:center; position:relative; height:auto;}
.business-block-shadow{width:100%; display:none; height:100%; background:rgba(146,146,146,0.85);}
.business-text{width:auto; margin:0 auto; height:30px; text-align:left; padding-left: 15px; font-size:14px; color:#fff; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); 	/* Opera */}

.no-margin-right{margin-right:0;}
.no-margin-top{margin-top:0;}

.business-block1{width:250px; height:250px; position:absolute; right:1070px; top:51px; background:url(../imagesn/business1.png) no-repeat center; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.business-block2{width:60px; height:60px; position:absolute; right:980px; top:190px; background:#8B004C; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.business-block3{width:410px; height:410px; position:absolute; right:506px; top:-28px; background:url(../imagesn/business2.png) no-repeat center; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.business-block4{z-index:999; width:260px; height:260px; position:absolute; right:280px; top: -141px; background:url(../imagesn/business3.png) no-repeat center; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.business-block5{z-index:999; width:260px; height:260px; position:absolute; right:279px; top: 235px; background:url(../imagesn/business4.png) no-repeat center ; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.business-triangle-left {z-index:800; position:absolute; top:-192px;right:29px;width: 0;height: 0;border-top: 370px solid transparent;border-right: 370px solid #8B004C;border-bottom: 370px solid transparent;}
.business-triangle-img {width:260px; margin-top:-30px ; margin-left:16px;}
.business-triangle-img img{width:200px;}
.business-triangle-text{width:260px; text-align:center; color:#fff;  margin-top:6px; margin-left:40px;}
.business-triangle-text a{color:#fff; text-decoration:underline; font-size:12px; }

.news-tao{width:100%; height:auto;background:#F7F7F7;  padding-bottom:20px;}
.news-tao-center{width:100%; height:auto; text-align:center; padding-top:1px;}
.news-tao-head{width:1360px; height:auto; margin:0 auto; position:relative; margin-top:20px;}
.news-tao-head img{width:100%; height:auto;}
.news-tao-title{font-size: 2rem !important; left:360px; position:absolute; width:200px; height:30px; top:390px; font-weight: 400; line-height: 1.2;color: #fff;}
.news-dateline{ height:auto; margin:0 auto;}
.news-top-line{width:480px; margin:0 auto; border-bottom:1px solid #8B004C;}
.news-vertical-lines{width:480px; height:auto; margin:0 auto;}
.news-vertical-lines span{width:1px; height:10px; background:#8B004C; display:block; float:left; margin-right:80px;}
.news-year-line{width:125px; height:30px; float:left; border-top:1px solid #8B004C}
.no-border-top{border-top:none; width:40px;}
.news-year-line span{color:#8B004C; display:block; margin-top:-6px;  margin-left: -3px;}
.no-border-top span{ margin-top:-5px;}
.news-year-line a{color:#8B004C; margin-left:-16px;}
#news-year-line-hover{background:#8B004C; color:#fff; padding-left:10px; padding-right:10px; margin-left:-28px;}
.news-month{width:100%; text-align:center; height:30px; line-height:30px; margin-top:10px; display:none;}
.news-month a{font-size:14px; color:#8B004C; margin-right:30px; display:inline-block;}
.news-month a:hover{text-shadow:2px 2px 2px #8B004C;}
.news-dateline a{font-size:18px;}
.append-month{margin-top:10px;}

.contact-tao{width:100%; height:auto;}
.contact-main{width:1400px; margin:0 auto; position:relative; }
.contact-title{position:absolute; width:310px; height:110px; left:530px; top:270px;}
.contact-title-cn{width:100%; height:auto; font-size:58px; color:#8B004C;}
.contact-title-en{width:100%; height:auto ;font-size:48px; color:#000; }
.contact-info{position:absolute; width:530px; height:240px; left:930px; top:430px;}
.contact-addr{width:100%; height:auto; font-size:16px; }
.contact-addr div{float:left; margin-left:110px;}
.contact-method{width:100%; height:auto; }
.contact-method-text{width:280px; height:auto; margin-top:38px; font-size:16px; float:left;}
.contact-method-text a{color:#000; text-decoration:underline;}
.contact-method-barcode{width:200px; height:200px; float:right;}  
.contact-method-barcode img{width:100%; height:100%;}
.contact-picture{height:800px;}

.footer{width:100%; height:56px; background:#242321; color:#999; font-size:13px; position: absolute; left: 0;bottom: 0;}
.footer .footer-center { width:1000px; margin:0 auto; position:relative; }
.footer .footer-center .col1_2 span { color:#7c7c7c; }
.footer a { color:#999; }
.footer a:hover { color:#7c7c7c; }
.footer1 { float:left; width:570px; padding-top:10px; padding-left:30px; }
.footer2 { float:left; width:130px; padding-top:20px; padding-left:25px; text-align:right; }
.footer3 { float:right; width:200px; padding-top:10px; padding-right:30px; text-align:right; }

.article-tao{width:100%; height:100%; background:url(../imagesn/banner1.jpg) no-repeat center; background-size:100% auto;}
.article-inside-shadow{width:100%; height:100%; background:rgba(191,191,191,0.6);}
.article-body{width:80%; height:auto; margin:0 auto; padding-top:1px;}
.article-top{width:100%; margin-top:40px; height:auto; text-align:right;}
.article-top img{width:186px; height:66px;}
.article-content{width:100%; height:auto; line-height:26px;font-size:22px; color:#fff;}
.imprint-content{text-align:left; width:30%; float:right; line-height:50px; margin-top:60px; max-height:400px; font-size:22px;}

.go-top{width:40px; height:30px; bottom:60px; right:60px; display:none; z-index:99999; position:fixed; cursor:pointer;}
#dowebok{position:relative;}
.middle-center{margin:0 auto;}


#taoWorkshop a{color:#8B004C; text-decoration:none;}




#taoWorkshop {width:100%; height:600px;  background:#f1f1f1;}
.workshop-left{width:40%; height:100%; position:relative; float:left; z-index:1;}
.workshop-bg{width:100%; height:0; position:absolute ; left:0; top:0; border-right: 400px solid transparent;}
.workshop-left-content{width:100%; height:100%; position:absolute; left:15%; top:0;}

.workshop-right1 p{line-height:26px;}
.workshop-right{width:49%; margin-left:11%; height:100%; float:left;  position:relative; z-index:2;}
.workshop-img1{width:100%; height:auto; }
.workshop-img1 img{width:100%; margin-top:10%;}
.workshop-left1{line-height:36px;  color:#fff; padding-left:2%; margin-top:10%;  font-size:22px;}
.workshop-img2{width:90%; height:auto; margin-top:5%;}
.workshop-img2 img{width:100%;}
.workshop-left2{line-height:20px;  color:#333; }
.workshop-right1{width:80%; text-align:left; font-size:22px; margin-top: 1%;}
.workshop-right1 a{text-decoration:underline;}

/*20200531添加 开始*/
.index04{ background-color:#8b004c; padding:60px 0 !important}
.index04 .bd{  margin:0 auto}
.index04 .index04logo{ float:right; text-align:center; margin-right:5%; margin-bottom:25px}
.index04 a{ font-size:26px; color:#fff; display:inline-block; text-decoration:underline; background:url(../images/ico-hand.png) no-repeat left center; padding-left:75px; line-height:45px;}
.index04 ul{ width:100%; float:left; overflow:hidden; background-color:#d9d9d9}
.index04 .bdd{ background-color:#fff; width:100%; overflow:hidden; width:90%; margin:0 auto }
.index04 ul li{ position:relative; float:left}
.index04 ul li .img{ opacity:.5} 
.index04 ul li .img img{ display:block; width:100%}
.index04 ul .l1{ width:22%}
.index04 ul li .title{ position:absolute; z-index:2;color:#fff; left:10%;top:50%; transform:translateY(-50%); }
.index04 ul li h3{font-size:1.2vw; text-shadow:0 0 5px rgba(51,51,51,1)}
.index04 ul li .eng{ font-size:18px;text-shadow:0 0 5px rgba(51,51,51,1); font-weight:bold}
.index04 ul .li{ width:34%; margin-left:-5.65%}
.index04 ul{ margin-bottom:60px}
.index04 ul .l4{ width:26.9%; margin-left:-5.65%}
.index04 ul .pop{ position:absolute; z-index:2; bottom:10px; right:30%; width:15.6vw;}
.index04 ul .l4 .pop{ right:2%}
.index04 ul .plogo{ margin-bottom:4.5vw;}
.index04 ul .plogo img{ display:block; height:4.8vw}
.index04 ul .pop .ms{ text-align:right; color:#fff; font-weight:bold; text-shadow:0 0 5px rgba(0,0,0,1); font-size:1vw}
.index04 ul.ul2 .l2 .plogo{ margin-bottom:3vw;}
.index04 ul.ul2 .l4 .pop{ }
.index04 ul.ul3 .l2 .plogo{ margin-bottom:2vw;}
.index04 ul.ul3 .l4 .plogo{ margin-bottom:3vw;}
.index04 ul.ul5{ margin-bottom:0}


.index05 .bd{ padding:60px 0} 
.index05 .bd ul{ height:53vw; position:relative; margin-left:1%}
.index05 .bd li{ position:absolute; z-index:2; }
.index05 .bd li.l1{ width:28%; left:1.14%;top:1.3vw}
.index05 .bd li .img img{ display:block; width:100%}
.index05 .bd li.l2{ width:21.14%; left:30.3%;top:1.3vw}
.index05 .bd li.l3{ width:17.1%; left:30.3%;top:16.14vw}
.index05 .bd li.l4{ width:16.56%; left:53.12%;top:1.3vw}
.index05 .bd li.l5{ width:21.09%; height:14.06vw; border:2px solid #7d0036;left:48.4%;top:22.6vw; font-size:1.3vw}
.index05 .bd li.l5 .txt{ padding:.9vw; position:relative;top:50%; transform:translateY(-50%); line-height: 2.3vw;}
.index05 .bd li.l6{ width:27.86%; right:1.3%;top:1.3vw}
.index05 .bd li.l7{ width:28%; height:13vw; border:2px solid #7d0036;left:1.14%;top:38vw; font-size:1.3vw}
.index05 .bd li.l7 .txt{ padding:.9vw; position:relative;top:50%; transform:translateY(-50%); line-height: 2.3vw;}
.index05 .bd li.l8{ width:21.14%; height:13vw; border:2px solid #7d0036;left:30.3%;top:38vw; font-size:1.3vw}
.index05 .bd li.l8 .txt{ padding:.9vw; position:relative;top:50%; transform:translateY(-50%); line-height: 2.3vw;}
.index05 .bd li.l9{  width:16.56%; left:53.12%;top:38vw;}
.index05 .bd li.l10{ width:27.86%; height:13vw; border:2px solid #7d0036;right:1.3%;top:38vw; font-size:1.3vw}
.index05 .bd li.l10 .txt{ padding:.9vw; position:relative;top:50%; transform:translateY(-50%); text-align:center; line-height: 2.3vw;}
.index05 .bd li.l10 .txt span{ color:#830056; font-weight:bold}
.index05 .bd li .txt a{ font-weight:bold; text-decoration:underline !important}
.index05 .bd li .pop{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background-color: rgba(204,204,204,.5); cursor:pointer}
.index05 .bd li .title{ position:relative;top:50%; transform:translateY(-50%); text-align:center; color:#fff; font-size:1.5vw; font-weight:bold; text-decoration:underline}

.popflex{position:fixed; z-index:9999; left:0; right:0;top:0; bottom:0; background-color: rgba(204,204,204,.8); display:none }
.popflex.block{ display:block}
.popflex .close{ width:3vw; height:3vw; position:fixed; z-index:1000; right:2vw;top:2vw; border:1px solid #999; background:url(../images/ico-close02.png) no-repeat center; background-size:50%; cursor:pointer}
.popflex .bd{ width:70%; position:absolute; z-index:2; left:50%; margin-left:-38%;top:50%; margin-top:-19.53vw;}
.popflex .bd img{ width:100%; display:block}
.flex01 .bd a{ display:block; position:absolute; }
.flex01 .bd .a1{ width:24.79%; height:1.9vw; bottom:5vw; left:43.22%}
.flex01 .bd .a2{ width:6.25%; height:1.9vw; bottom:2vw; left:43.22%}

.flex01 .bd .a1-en{ width:24.79%; height:1.9vw; bottom:4.6vw; left:50.22%}
.flex01 .bd .a2-en{ width: 7.25%; height: 1.9vw; bottom: 1.8vw; left: 43.22%;}


.flex02 .bd a{ display:block; position:absolute;  }
.flex02 .bd .a1{ width:22.13%; height:7.3vw; top:12vw; left:66.14%} 
.popflex.flex02 .bd{margin-top:-23.22vw;}

.flex03 .bd a{ display:block; position:absolute;  }
.flex03 .bd .a1{ width: 30%;height: 7.3vw;bottom: 1.2vw;left: 35%;} 

.flex04 .bd a{ display:block; position:absolute;  }
.flex04 .bd .a1{ width: 30%;height: 7.3vw;top:11vw;left:14.73%;} 
.flex04 .bd .a2{ width: 26%;height: 7.3vw;top:11vw;left:66.14%;} 
.popflex.flex04 .bd{margin-top:-20.22vw;}

.flex05 .bd a{ display:block; position:absolute;}
.flex05 .bd .a1{ width: 31.9%;height:5vw;bottom:1vw; right:2%} 
.flex05 .bd .a1-en{ width: 31.9%; height: 5vw; top: 9vw; left: 2%;} 

 /*20200531添加 结束*/

 .mt1{margin-top:1px !important;}
 .mt2{margin-top:2px !important;}
 .mt3{margin-top:3px !important;}
 .mt5{margin-top:5px !important;}
 .mt8{margin-top:8px !important;}
 .mt10{margin-top:10px !important;}
 .mt13{margin-top:13px !important;}
 .mt15{margin-top:15px !important;}
 .mt20{margin-top:20px !important;}

 .set-full-height{height:auto !important;}