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

body { margin:0 auto; font-family: "black",Helvetica; font-size:14px; }
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,li { padding:0; margin:0;}
ul,li{ list-style:none;}
img { border:0px; margin: 0;padding: 0; display:block; }
a { text-decoration:none;  display:inline; cursor:pointer;}
p { padding:0; margin:0; }
.clear{ clear:both;}
em{ font-style:normal;}
hr{color: #000;}
table{border-collapse: collapse;width: 100%;text-align: center;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}

.section1{ min-width: 1200px; height:100%; /* background:url(../img_tztd/ban.jpg) top center no-repeat; */ position:relative;}
header{ width:100%; position:absolute; top:0; background:url(../img_tztd/bg_footer.jpg) center top repeat-y; height:110px;}
.head_con{ width:1200px; margin:0 auto;}
.sidel{ height:110px; background:#e84818; float:left;}
.sidel img{ display:block; margin:5px 15px; float:right;}
.sider{ width:72%; height:110px; background:#343434; float:left;}
.sider nav{ float:left; margin-left: 30px; height:70px; overflow:hidden; background:rgba(52, 52, 52, 0.77); transition: height ease 0.5s; z-index:9999;}
.sider nav:hover{height:300px; border-radius:10px;}
.sider nav div{height: 70px; background-color:#343434;}
.sider nav div ul{ width:100%; margin:0 auto;}
.sider nav li{ height:300px; display: inline-block; float:left; font-size:20px; color:#FFF; padding:0 18px; position:relative; }
.sider nav li:last-child{ padding-bottom:10px;}
.sider nav li:hover{background:rgba(100,100,100,0.2);}
.sider nav li .xx{ font-size:20px; line-height:80px; margin:0; padding-bottom:8px;}
.sider nav li:hover .xx{ border-bottom:#e84818 solid 5px; display:inline;}
.sider nav li span{ font-size:16px; color:#FFF; line-height:25px; display:inline-block; text-align:center; margin:0 0 6px 5px;}
.sider nav li span a{ color:#FFF;}
.sider nav li span a:hover{ border-bottom:#FFF solid 1px;}
.sider aside{ margin:15px 0 0 60px;}
.sider aside .i8{ float:left;}
.sider aside h5{ background:url(../img_tztd/tel.png) top left no-repeat; padding-left:35px; color:#FFF; float:right; margin-right:63px; font-size:18px; font-weight:normal;}
.sider aside h5 span{ color:#e84818;}
.section1 .cona{ width:900px; height:355px; background:url(../img_tztd/txt0.png) center top no-repeat; margin:0 auto; visibility: visible; position: absolute; top: 40%; left: 50%; margin-left:-450px; overflow:hidden; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section1 .cona .ha{text-align: center;color: #fff; font-size: 54px; margin-top: 224px;}
/*page1*/




.section2{ position:relative;}
.section2 .wrap{ width:1200px; margin:0 auto; overflow:hidden;}
.section2 .wrap .inner{ position:absolute; top:0; height:55px;}
.section2 .wrap .inner .subNavBtn{ width:299px; text-align:center; font-size:30px; background:#f47d19; color:#FFF; float:left; line-height:55px; font-weight:bold; border-right:#f9c091 solid 1px;}
.section2 .wrap .inner .active{ background:#d01e1c;}
.section2 .conb{ width:1200px; position:absolute; top:5%; margin-top:0;}
.section2 .conb .i2{ display:block; margin:1% auto 3%; visibility: visible; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section2 .conb h2{ text-align:center; font-weight:normal; opacity: 0; transition: all 0.9s; margin:0;}
#focus_Box{position:relative;width:1100px;height:390px;margin:4% auto 0;}
#focus_Box ul{position:relative;width:1100px;height:390px; margin-left:30px;}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top; box-shadow:2px 2px 10px #999; }
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:128px;}
#focus_Box .prev{background:url(../img_tztd/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../img_tztd/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}
.section2 .conb .i3{ display:block; margin:0 auto; transition: all 1s; margin-top:150px;}
/*page2*/

.section3{ width:100%; height:100%; background:url(../img_tztd/bg.jpg) top center no-repeat; position:relative;}
.section3 .i4{ position:absolute; width:570px; height:50px; top:9%; left:50%; margin-left:-285px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section3 h2{ position:absolute; top:18%; left:50%; margin-left:-500px; font-size:24px; font-weight:normal; color:#FFF; width:1000px; text-align:center; opacity: 0; transition: all 0.9s;}
.section3 .conc{ position:absolute; top:25%; left:50%; margin-left:-455px; width:910px; height:588px;}
.section3 .conc ul{ position:relative;}
.section3 .conc ul li{ width:275px; height:295px; background:url(../img_tztd/bg.png) center top no-repeat; float:left; line-height:305px; text-align:center; margin-top:200px; color:#c4a461; font-size:34px; font-weight:bold; opacity: 0; transition: all 1s;}
.section3 .conc ul li:nth-child(2){ line-height:1.2; height:175px; padding-top:120px;}
.section3 .conc ul li:nth-child(4){ position:absolute; top: 240px; left: 145px;}
.section3 .conc ul li:nth-child(5){ position:absolute; top: 240px; left: 450px;}
/*page3*/

.section4{ width:100%; position:relative;}
.section4 .i5{ position:absolute; width:570px; height:50px; top:8%; left:50%; margin-left:-285px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section4 h2{ position:absolute; top:18%; left:50%; margin-left:-500px; font-size:24px; font-weight:normal; color:#000; width:1000px; text-align:center; opacity: 0; transition: all 0.9s;}
.section4 .cond{ position:absolute; width:1200px; height:auto; top:25%; left:50%; margin-left:-600px;}
.section4 .conda{ height:270px; margin-bottom:30px; position:relative;}
.section4 .conda1{ width:290px; height:265px; background:url(../img_tztd/tdtz_28.png) center top no-repeat; position:absolute; top:0; left:-200px; transition: all 1s;}
.section4 .conda1 img,.section4 .conda4 img{ margin:20px auto;}
.section4 .conda2{ width:410px; height:245px; position:absolute; top:-150px; left:300px; margin:0 5px; background:#ececec; padding:10px 15px; transition: all 1s;}
.section4 .conda2 h3{ text-align:center; line-height:2; margin-top:5px; font-size:18px; color:#363636;}
.section4 .conda2 p{ text-indent:2em; line-height:2.4; font-size:16px; color:#383838; padding-bottom:10px; border-bottom: #333 solid 1px; margin-bottom:10px;}
.section4 .conda2 h4{ font-size:16px; font-weight:normal; color:#383838;}
.section4 .conda2 h4 em{ margin-left:80px;}
.section4 .conda3{ width:400px; height:235px; position:absolute; top:0; left:950px; margin:0 5px; background:#ececec; padding:15px 20px; transition: all 1s;}
.section4 .conda3 ul li{ line-height:35px; font-size:16px; color:#484848;}
.section4 .conda3 ul li em{ float:right; margin-right:10px;}
.section4 .conda3 h4{ padding:5px 20px; background:#db9102; border-radius:20px; color:#FFF; float:right;}
.section4 .condb{ height:270px; margin-bottom:30px; position:relative;}
.section4 .condb a{ float:left; width:440px;}
.section4 .condb4{ width:400px; height:235px; position:absolute; top:260px; left:-200px; margin:0 5px; background:#ececec; padding:15px 20px; transition: all 1s;}
.section4 .condb4 h5{ width:25px; height:auto; padding:20px; border:#063eab solid 1px; float:left; font-size:24px; color:#063eab; margin:40px 20px 0 10px;}
.section4 .condb4 img{ margin-top:5px; width:296; height:225px;}
.section4 .condb5{ width:400px; height:235px; position:absolute; top:260px; left:451px; margin:0 5px; background:#ececec; padding:15px 20px; transition: all 1s;}
.section4 .condb5 h5{ width:25px; height:auto; padding:20px; border:#063eab solid 1px; float:left; font-size:24px; color:#063eab; margin:40px 20px 0 10px;}
.section4 .condb5 img{ margin-top:5px; width:296; height:225px;}
.section4 .condb6{width:290px; height:265px; background:url(../img_tztd/tdtz_32.png) center top no-repeat; position:absolute; top:260px; right:-200px; margin:0 5px; transition: all 1s;}
.section4 .condb6 img{margin: 20px auto;}
/*page4*/

.section5{width:100%; background:#e9e9e9; position:relative;}
.section5 .i5{ position:absolute; width:570px; height:50px; top:5%; left:50%; margin-left:-285px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section5 h2{ position:absolute; top:13%; left:50%; margin-left:-500px; font-size:24px; font-weight:normal; color:#000; width:1000px; text-align:center; opacity: 0; transition: all 0.9s;}
.section5 .cone{ position:absolute; top:23%; left:50%; margin-left:-600px; width:1200px; height:auto;}
.section5 .cone .conea{ height:300px; background:#e19400; position:relative;}
.section5 .cone .conea .i7{ position:absolute; top:19px; left:-100px; opacity: 0; transition: all 1s;}
.section5 .cone .conea p{ position:absolute; top:50px; left:545px; width:600px; color:#FFF; font-size:18px; line-height:2; text-indent:2em;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5); transition: all 1s;}
.section5 .cone .coneb{ height:270px; margin-top:20px;}
.section5 .cone .coneb ul{ position:relative;}
.section5 .cone .coneb ul li{ width:400px; height:270px; background:#c0bdb4; position:absolute;}
.section5 .cone .coneb ul li.coneb_li1{ top:150px; left:-200px; opacity: 0; transition: all 0.9s;}
.section5 .cone .coneb ul li.coneb_li2{ top:150px; left:400px; opacity: 0; transition: all 0.9s;}
.section5 .cone .coneb ul li.coneb_li3{ top:150px; right:-200px; opacity: 0; transition: all 0.9s;}
.section5 .cone .coneb ul li:nth-child(2){ background:#b6b4a7;}
.section5 .cone .coneb ul li h3{ font-size:20px; color:#443c25; background:url(../img_tztd/bg_b.png) center bottom no-repeat; text-align:center; line-height:3;}
.section5 .cone .coneb ul li p{ width:275px; margin:15px auto 0; font-size:16px; line-height:1.7;}
/*page5*/

.section6{width:100%; position:relative;clear: both;}
.section6 .cong{ position:absolute; top:50%; left:50%; margin-top:-360px; margin-left:-550px; width:1110px; height:490px; background:url(../img_tztd/bg_j.png) 60px center  no-repeat;}
.section6 .cong h2{ display:inline-block; float:right; color:#e84818; margin-top:10px; font-weight:normal; line-height:1.7; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section6 .cong h2 span{ border-top:#e84818 solid 5px;}
.section6 .cong .cong_con{ width:1070px; height:330px; border:5px solid #d4d4d4; margin:70px auto; background:#FFF;}
.section6 .cong .cong_con h3{ float:left; width:20px; color:#e84818; margin:120px 30px 0 -130px; font-size:20px; font-weight:normal; line-height:1.1; transition: all 1s;}
.section6 .cong .cong_con p{ width:442px; margin:5px 25px 0 0; float:left; line-height:2.2; text-indent:2.5em; font-size:16px; color:#333; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section6 .cong .cong_con p a{ color:#e84818;}
.section6 .cong .cong_con .cong_con_video{ width:506px; height:329px; float:right; margin-right:-300px; transition: all 1s;}
.section6 footer{ position:absolute; bottom:0; width:100%; background:url(../img_tztd/bg_footer.jpg) center top repeat-y; height:310px;}
.section6 footer .conf{ width:1200px; margin:0 auto; position:relative;}
.section6 footer .conf .i6{ margin:68px 35px 0 25px; float:left;}
.section6 footer .conf .confc{ float:left; margin:10px 30px 0 0; background:url(../img_tztd/bg_r.png) right center no-repeat;}
.section6 footer .conf .confc ul{ margin:0 35px; float:left;}
.section6 footer .conf .confc ul li{ color:#FFF; width:80px; text-align:center; line-height:1.8;}
.section6 footer .conf .confc ul li h3{ font-size:16px; font-weight:normal; line-height:3;}
.section6 footer .conf .confc ul a{ color:#FFF;}
.section6 footer .conf .confc ul.ul3 li{ width:110px; text-align:left;}
.section6 footer .conf .confd{ float:left; margin:0 45px 0 45px;}
.confd h3{text-align: center;margin-bottom: 10px;}
.section6 footer .conf .confd h3{ color:#FFF; font-weight:normal; margin-top:20px; line-height:1.6; font-size:18px;}
.section6 footer .conf .confd p{ font-size:20px; color:#FFF; line-height:1.4;}
.section6 footer .conf .wx{ width:120px; float:left; margin:40px 10px 0; color:#FFF; text-align:center; font-size:16px;}
.section6 footer .conf .wx img{ margin:0 auto;}
.section6 footer .conf .p1{position:absolute;top: 194px;left:400px;color:#FFF;width:540px;text-align:center;}
/*page6*/



@media screen and (max-width: 1920px) {
.conb { margin-top:20px;}
.conb .hb{ margin:40px 0 80px;}
}


/* CSS3过度及动画 */
.active .cona { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .conb .i2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .conb h2{ opacity: 1; transition-delay: 1.7s;}
.active .conb .i3{ margin-top:0; transition-delay: 0.7s;}
.active .i4{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .hb{ opacity: 1; transition-delay: 1.7s;}
.active .conc ul li.li1{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.7s;}
.active .conc ul li.li2{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.8s;}
.active .conc ul li.li3{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.9s;}
.active .conc ul li.li4{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.9s;}
.active .conc ul li.li5{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.9s;}
.active .i5{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .hc{ opacity: 1; transition-delay: 1.7s;}
.active .conda1{ left:0; opacity: 1; transition-delay: 0.7s;}
.active .conda2{ top:0; opacity: 1; transition-delay: 0.7s;}
.active .conda3{ left:750px; opacity: 1; transition-delay: 0.7s;}
.active .condb4{ top:0; left:0; opacity: 1; transition-delay: 0.7s;}
.active .condb5{ top:0; opacity: 1; transition-delay: 0.7s;}
.active .condb6{ top:0; right:0; opacity: 1; transition-delay: 0.7s;}
.active .hd{ opacity: 1; transition-delay: 1.7s;}
.active .cone .conea .i7{ left:20px; opacity: 1; transition-delay: 0.7s;}
.active .cone .conea p{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);transition-delay: 0.7s;}
.active .cone .coneb ul li.coneb_li1{ top:0; left:0; opacity: 1; transition-delay: 0.7s; transition-delay: 1.2s;}
.active .cone .coneb ul li.coneb_li2{  top:0; opacity: 1; transition-delay: 0.7s; transition-delay: 1.2s;}
.active .cone .coneb ul li.coneb_li3{ top:0; right:0; opacity: 1; transition-delay: 0.7s; transition-delay: 1.2s;}
.active .cong h2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .cong .cong_con h3{ margin:120px 30px 0 30px; opacity: 1; transition-delay: 0.7s;}
.active .cong .cong_con p{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .cong .cong_con .cong_con_video{ margin-right:0; opacity: 1; transition-delay: 0.7s;}



/* for lt ie 10 */
.ltie10 .cona { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .conb .i2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .conb h2{ opacity: 1; transition-delay: 1.7s;}
.ltie10 .conb .i3{ margin-top:0; transition-delay: 0.7s;}
.ltie10 .i4{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .hb{ opacity: 1; transition-delay: 1.7s;}
.ltie10 .conc ul li.li1{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .conc ul li.li2{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.8s;}
.ltie10 .conc ul li.li3{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.9s;}
.ltie10 .conc ul li.li4{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.9s;}
.ltie10 .conc ul li.li5{ margin:0 10px -30px 0; opacity: 1; transition-delay: 0.9s;}
.ltie10 .i5{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .hc{ opacity: 1; transition-delay: 1.7s;}
.ltie10 .conda1{ left:0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .conda2{ top:0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .conda3{ left:750px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .condb4{ top:0; left:0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .condb5{ top:0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .condb6{ top:0; right:0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hd{ opacity: 1; transition-delay: 1.7s;}
.ltie10 .cone .conea .i7{ left:20px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .cone .conea p{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);transition-delay: 0.7s;}
.ltie10 .cone .coneb ul li.coneb_li1{ top:0; left:0; opacity: 1; transition-delay: 0.7s; transition-delay: 1.2s;}
.ltie10 .cone .coneb ul li.coneb_li2{  top:0; opacity: 1; transition-delay: 0.7s; transition-delay: 1.2s;}
.ltie10 .cone .coneb ul li.coneb_li3{ top:0; right:0; opacity: 1; transition-delay: 0.7s; transition-delay: 1.2s;}
.ltie10 .cong h2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .cong .cong_con h3{ margin:120px 30px 0 30px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .cong .cong_con p{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .cong .cong_con .cong_con_video{ margin-right:0; opacity: 1; transition-delay: 0.7s;}



.dede_pages .pagelist li{margin:0px 10px; font-size: 14px;border-bottom: 0px;float: left;}

.sm{float: left;width: 266px;margin-top: 25px;}
.sm h3{margin-bottom: 25px;color: #fff;}
.app{display: inline-block;width: 110px;text-align: center;margin-left: 14px;}

p.frie{font-size: 16px;color: #fff;text-align: left;margin-left: 17%;margin-bottom: 8px;}
.fri{text-align: center;height: 70px;position:  absolute;top: 247px;left: 237px;}.fri ul{height: 22px;text-align: left;}
.fri ul li{display: inline-block;margin-left: 12px;}
.fri ul li a{font-size: 14px;color: #fff;}
.fri ul li a:hover {color: #fff;}