@charset "utf-8";
/* css document */
body{color:#666; background-color: #fff;}
a{color:#333;}
a:hover{ color: #e56327; text-decoration:none;}
.container{min-width:1200px; margin: auto; clear: both;overflow:hidden;}
.w1200{margin:0 auto;padding:0;width:1200px; overflow:hidden;}
.mtop15 { margin: 15px auto 0;}
.mtop25{margin:25px auto 0;}
.mtop50{margin:50px auto 0;}
.mtop40{margin:40px auto 0;}
.mtop60{margin:60px auto 0;}
.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.layout,.hd,.bd{*zoom:1;}
.hide{ display:none;}

.morebox{height:45px; clear:both; padding:45px 0;}
.moreboxcon{display:block;margin:0 auto;height:45px;width: 150px;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;background: linear-gradient(45deg, #db6201 15%, #ff7d15 80%);padding: 0 20px 0 30px;}
.morebox a{font-size: 16px;color: #fff;line-height: 45px;}
.morebox a:hover{text-decoration:none;color:#fff;}
.morebox .moreboxcon:hover{background: linear-gradient(45deg, #c53c00 15%, #ff6d0c 80%);}

.mod_hd{width:100%;height:130px;overflow: hidden;position: relative;margin:85px auto 20px;text-align: center;}
.mod_bd p a{ color:#e56327;}
.bn_title{margin-bottom: 5px;}
.bn_title h2 {margin-bottom: 10px;font-size: 22px;}
.bn_title h2 a{color: #333;}
.bn_title p{font-size: 14px; color: #8d8d8d;line-height: 24px; font-weight: normal;  text-align: justify; word-wrap: break-word;}
.bn_title p a{color: #e56327;}
.list ul li {padding: 16px 0 15px 0px; font-size:16px;}

.extra_mod h3{font-size:20px;margin:10px 0 5px;}
.extra_mod img{width:470px; height:250px; display:block;overflow:hidden;}
.extra_mod p,.mod_pic_txt p{ font-size: 14px; color: #e56327;line-height: 25px;font-weight: normal; text-indent:2em;}

.extra_mod p a,.mod_pic_txt p a{color:#e56327;}
.mod_pic_txt{padding:1px 0 13px; border-bottom: 1px dotted #ccc;}
.mod_pic_txt h3{margin:-2px 0 15px;font-size:20px;font-weight: normal;}
.mod_pic_txt p{text-align: justify; word-wrap: break-word;}

.play_icon{height: 85px;width: 85px;display:block;position:absolute;left: 45%;top: 40%;background-image:url(/uploads/image/wtfimages/sm-play-icon.png);background-repeat:no-repeat;background-size:100%;z-index:3;}
.play_icon:hover{cursor:pointer;background-image:url(/uploads/image/wtfimages/sm-play-icon-hover.png);background-repeat:no-repeat}

.leanmore{display:block;margin:25px auto 0;width:120px;height:36px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f1f1f1;color:#9c9c9c;text-align:center;font-size:15px;line-height:36px;cursor:pointer;}
.leanmore:hover{background-color:red;color:#fff;}


.focusbox { position: relative; width:700px; height:460px; overflow: hidden; }
.focusbox .pic img { width:700px; height:460px; display: block;overflow:hidden;}	
.focusbox .pic li{position:relative; display:block; float:left;}	
.focusbox .hd{ overflow:hidden; zoom:1; position:absolute; bottom:12px; right:10px; z-index:3}
.focusbox .hd li{float:left; line-height:15px; text-align:center; font-size:0px; text-indent:-999em; width:12px; height:12px;border-radius: 100%; cursor:pointer; overflow:hidden; background:#cdcdcd; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease }
.focusbox .hd .on{ background: linear-gradient(45deg, #db6201 15%, #ff7d15 80%);filter:alpha(opacity=100);opacity:1; }
.focusbox .prev,.focusbox .next { width:40px; height:47px; position:absolute; top:42%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.focusbox .prev { background-image:url(/uploads/image/wgpimages/slider_arrow.png); background-position:-105px 0; left:0 }
.focusbox .next { background-image:url(/uploads/image/wgpimages/slider_arrow.png); background-position:-50px 0; right:0 }
.focusbox .prev:hover,.focusbox .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }


.header{position:relative;margin:0 auto;width:100%;background: no-repeat center top;}
.header .w1200{position:relative;overflow:initial;height:1010px;}
.header .tit{display:none;width:0;height:0;}
.header .tit h1{width:0;height:0;text-indent:-99999px;}
.header .tit p{width:0;height:0;text-indent:-99999px;}
.header .xhwlogo{position:absolute;top:35px;left:20px;z-index:800;}
.header .xhwlogo img{display:block;width:155px;height:96px;}
.header .hdtit{position:absolute;top:145px;left:600px;z-index:802;margin:0 0 0 -495px;}
.header .hdtit img{display:block;width:964px;height:284px;}


.p1{position:relative;padding:0;height:1050px;background: no-repeat center top;height:980px;}
.p1 .mod_bd{position:relative;overflow:hidden;height:550px;}
.p1 .mod_hd{margin:45px auto 30px;}
.p1_left{overflow:hidden;width:1200px;}
.p1_left .focusbox{position:relative;overflow:hidden;width:1200px;height:550px;}
.p1_left .focusbox .pic li{width:1200px!important;}
.focusbox .pic img,.p1_left .focusbox .pic li .picbox{display:block;overflow:hidden;width:980px;height:550px;}
.p1_left .profile{position:absolute;top:20%;right:0;z-index:9;padding:28px 25px;width:386px;height:250px;background: no-repeat left top;}
.focusbox .pic li h3{margin:10px 0 20px;text-align:justify;word-wrap:break-word;font-size:22px;line-height:1.4;}
.focusbox .pic li p{background:0 0;text-align:justify;word-wrap:break-word;font-size:16px;line-height:1.5;}
.p1_right{position:absolute;right:170px;bottom:135px;z-index:10;overflow:hidden;margin-top:0;width:100px;height:25px;}
.p1 .morebox{padding:60px 0 20px;}

.p2{position:relative;padding:0;background:  no-repeat center top;height:1010px;}
.p2 .mod_bd{overflow:hidden;margin:0 auto;padding: 15px 0 20px;width:1200px;height:550px;}
.p2 .morebox{padding: 20px 0 205px;}
.p2 .swiper-container{position:relative;overflow:visible;margin:0 auto;padding-bottom:60px;width:81.8%;}
.p2 .swiper-slide{margin:0 auto;width:810px;height:450px;}
.p2 .swiper-slide img{display:block;overflow:hidden;width:900px;height:500px;}
.p2 .swiper-pagination{bottom:-40px;width:100%;}
.p2 .swiper-slide p{position:absolute;bottom:0;left:0;z-index:1;padding:10px 0;width:100%;color:#fff;text-align:center;line-height:20px;}
.p2 .swiper-slide p a{position:relative;color:#fff;font-size:18px;}
.p2 .swiper-slide .slidecon{position:relative;overflow:hidden;margin:0 auto;width:900px;height:500px;}
.p2 .swiper-button-next,.p2 .swiper-button-prev{top:45%;width:50px;height:60px; background-color: rgba(220, 100, 0, 0.5);}
.p2 .swiper-button-next{right:0;}
.p2 .swiper-button-prev{left:0;}
.p2 .swiper-pagination-bullet-active{width:25px;border-radius:8px;background: linear-gradient(45deg, #c53c00 15%, #ff6d0c 80%);}
.p2 .swiper-slide i{position:absolute;bottom:0;left:0;z-index:0;display:block;width:100%;height:258px;background:url(/uploads/image/wtfimages/dmxx-tm.png) repeat-x;}

.p3{position:relative;padding:0;background:  no-repeat center top;height:920px;}
.p3 .mod_hd{margin: 70px auto 30px;}
.p3 .p3focus{position:relative;z-index:9;width:1200px;height:525px;}
.p3 .p3focus li{float:left;width: 55px;height: 525px;border-right:none;}
.p3 .p3focus .current{width: 920px;height:525px;border:none;}
.p3 .p3focus table{float:right;width: 54px;height:100%;text-align:center;font-size: 18px;line-height: 20px;cursor:pointer;writing-mode: vertical-lr;}
.p3 .p3focus li:nth-child(1) table{background: no-repeat left top;}
.p3 .p3focus li:nth-child(2) table{background: no-repeat left top;}
.p3 .p3focus li:nth-child(3) table{background: no-repeat left top;}
.p3 .p3focus li:nth-child(4) table{background: no-repeat left top;}
.p3 .p3focus li:nth-child(5) table{background: no-repeat left top;}
.p3 .p3focus li:nth-child(6) table{background: no-repeat left top;}
.p3 .p3focus table td{padding: 0 15px;}
.p3 .p3focus table,.p3 .p3focus table a{color: #fff;}
.p3 .p3focus .current table{width: 56px;background:#9a390e!important;font-size:20px;line-height: 22px;}
.p3 .p3focus .current table td{padding: 0 23.5px;}
.p3 .p3focus .current table,.p3 .p3focus .current table a{color:#fff;}
.p3 .p3focus .photo{float:left;display:none;width: 850px;height:525px;}
.p3 .p3focus .current .photo img{display:block;width:850px;height: 525px;}
.p3 .p3focus .current .photo{display:block;}


.p4{position:relative;padding:0;background:  no-repeat center top;height:940px;}
.p4 .mod_hd{overflow:hidden;margin: 10px auto 20px;position:relative;}
.p4 .mod_bd{overflow:hidden;padding:20px 0 15px;}
.p4 .p4conbox{ height: 350px;background: #feb67c;}
.p4 .p4conbox .p4_left{width:600px;position: relative;}
.p4 .p4conbox .p4_left img{width:600px;height: 350px; display: block; overflow: hidden;}

.p4 .p4conbox .p4_right{width: 540px; padding: 40px 30px 30px;}
.p4 .p4conbox .p4_right h3 a{font-size: 24px; line-height: 28px;}
.p4 .p4conbox .p4_right h3 { padding:16px 0;text-align:justify;word-wrap:break-word;}
.p4 .p4conbox .p4_right p{font-size: 18px;line-height:1.7;font-weight: normal;text-indent: 2em;padding: 20px 0 0;text-align:justify;word-wrap:break-word;}
.p4 .p4conbox .p4_right .leanmore{margin: 50px auto 0 400px;background-color: #ea692d;color:#fff;}
.p4 .p4conbox .p4_right .leanmore:hover{background:#c23c01;color:#fff;}
.p4conlistbox{margin:20px 0 0;height:275px;}
.p4 .p4conlistbox ul li{position:relative;float:left;overflow:hidden;margin:0 13px 0 0;width:290px;height:275px;}
.p4 .p4conlistbox ul li img{width:290px;height:200px;}
.p4 .p4conlistbox ul li p{padding:10px 0;color:#666;font-weight:400;font-size:15px;line-height:1.3;}
.p4 .mod_bd .p4conlistbox ul li p a{color: #333;}
.p4 .p4conlistbox ul li:nth-child(4){margin:0;}
.p4 .p4conlistbox .play_icon{top: 25%;left: 38%;width:45px;height:45px;}
.p4 .morebox{padding: 10px 0 0;}


.p5{background: no-repeat center top; height:965px;}
.p5 .w1200{overflow:inherit;width: 1250px;}
.p5 .mod_hd{margin: 70px auto 45px;}
.p5 .mod_bd .p5bd{width:1200px!important;}
.p5 .mod_bd .swiper-slide{position:relative;float:left;box-sizing:border-box;width:370px;height:510px;background: no-repeat center top;}
.p5 .mod_bd .swiper-slide .photo{position:relative;width:300px;height:180px; padding: 35px 35px 15px;}
.p5 .mod_bd .swiper-slide .photo img{display:block;overflow:hidden;width:300px;height:180px;}
.p5 .mod_bd .swiper-slide .text{position:relative;/* left:35px; */padding: 0 35px;width:300px;text-align:justify;word-wrap:break-word;}
.p5 .mod_bd .text h3{max-height:76px;font-weight:400;font-size:20px;line-height:1.5;color:#fff;}
.p5 .mod_bd .text h3 a{color:#fff;}
.p5 .mod_bd .text p{margin-top:10px;max-height:130px;color:#d9d3d0;text-align:justify;word-wrap:break-word;line-height:22px;}
.p5 .mod_bd p a {color: #ffd800;}

.p5 .morebox{padding:80px 0 50px;}
.p5 .swiper-container{overflow:inherit;}
.p5 .swiper-container-horizontal>.swiper-pagination-bullets,.p5 .swiper-pagination-custom,.p5 .swiper-pagination-fraction{bottom:-50px;}
.p5 .swiper-button-next,.p5 .swiper-button-prev{top: 45%;width:40px;height:60px;outline:0;background-color:rgba(220, 100, 0, 0.8);}
.p5 .swiper-pagination-bullet{display:inline-block;width:34px;height:6px;border-radius:5px;background: #b5b5b5;opacity: 1;}
.p5 .swiper-pagination-bullet-active{background: linear-gradient(45deg, #c53c00 15%, #ff6d0c 80%);}
.p5 .swiper-button-next{right:-20px;}
.p5 .swiper-button-prev{left:-20px;}


.footer{ background:#db6201;padding:75px 0 75px;width:100%;height:70px;color:#fff;text-align:center;font-size:16px;line-height:36px;}


.totop{display:none;position:fixed;_position:absolute;bottom:64px;left:50%;margin-left:700px;width:60px;height:60px;background:url(/uploads/image/wtfimages/go_top.png) no-repeat 0 0;z-index:999}
.totop:hover{background-position:-74px 0;}