﻿@charset "utf-8";
/**
  * @author: sq(307907582@qq.com)
  * @update: 2016.8.10
  * @desc: 天下专题基础样式
-----------------------------------------*/
body{font:14px/1.5 'Microsoft YaHei',Arial, Helvetica, sans-serif}
a:hover { outline: 0 none; text-decoration: none; }
.w1000{width: 1000px; margin: 0 auto;}
.zt-banner {background: url("../images/banner.jpg") top center no-repeat;height: 380px;}
.title{height: 34px;background:url(../images/title_bg.png) 0 0 no-repeat;line-height: 34px;padding-left: 60px;color: #102763;font-weight: bold;font-size:32px;margin:50px 0 30px;}
.zt-main{background:#fefefe url("../images/bg3.jpg") no-repeat top center;}
/*********************
 nav
 *********************/
.zt-nav{height: 70px;background-color: #5b5da5;}
.zt-nav-list{width: 1000px;margin: 0 auto;height: 70px;overflow: hidden;}
.zt-nav-list a{height: 70px;float:left;padding:0 54px;font-size: 24px;color:#fff;line-height: 70px;position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;position: relative;}
.zt-nav-list a.active,
.zt-nav-list a:hover{color: #aeb0fd}
.zt-nav-list a i{display:block;width:0;height:0;overflow:hidden;line-height:0;font-size:0; border-bottom:15px solid #e83e0f; border-top:0 none; border-left:15px solid transparent; border-right:15px solid transparent;position: absolute;left: 50%;bottom:-15px;margin-left: -15px;}
.zt-nav-list a.active i,
.zt-nav-list a:hover i{bottom: 0; -webkit-transition: bottom .4s; -moz-transition: bottom .4s; -ms-transition: bottom .4s; -o-transition: prop .4s; transition: bottom .4s;}
.zt-nav-list a:after{display:block;width: 1px;height: 36px;position: absolute;right: 0;top: 17px;content: '';background:url(../images/line.png) 0 0 no-repeat;}
.zt-nav-list a:first-child:before{display:block;width: 1px;height: 36px;position: absolute;left: 0;top: 17px;content: '';background:url(../images/line.png) 0 0 no-repeat;}
.guide{height: 400px;background: url(../images/bg2.jpg) center 0 no-repeat;padding: 43px 0;}
.guide .guide_view{width: 1000px;margin: 0 auto;height: 400px;background: url(../images/shujuan.png) center 0 no-repeat;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 55px 80px 0;}
.guide .guide_view .guide_body{width: 100%;height: 300px;}
.guide .guide_view .guide_body .guide_left{float:left;width: 450px;height: 300px;overflow: hidden;}
.guide .guide_view .guide_body .guide_left .item{position: relative}
.guide .guide_view .guide_body .guide_left .item img{width: 100%;height: 100%;}
.guide .guide_view .guide_body .guide_left .item span{position: absolute;display:block;height: 42px;line-height: 42px;color:#fff;text-align: center;background-color: rgba(0,0,0,0.5);font-size: 18px;bottom: 0;left: 0;right: 0;padding: 0 20px;}
.guide .guide_view .guide_body .guide_right{float:right;width: 366px;height: 300px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 65px;}
.guide .guide_view .guide_body .guide_right .guide_btn{ height: 130px;margin-top: 11px; }
.guide .guide_view .guide_body .guide_right .guide_btn a{float:left;width: 178px;height: 60px;background: url(../images/btn.png) 0 -120px no-repeat;margin-top: 10px;color:#ffffe6;line-height: 60px;text-align: center;font-size: 20px;margin-left: 10px;}
.guide .guide_view .guide_body .guide_right .guide_btn a:first-child,.guide .guide_view .guide_body .guide_right .guide_btn a:first-child+a{background-position: 0 0;}
.guide .guide_view .guide_body .guide_right .guide_btn a:first-child,.guide .guide_view .guide_body .guide_right .guide_btn a:first-child+a+a{margin-left: 0;}
.guide .guide_view .guide_body .guide_right .guide_btn a:hover{background-position: 0 -180px;}
.guide .guide_view .guide_body .guide_right .guide_btn a:first-child:hover,.guide .guide_view .guide_body .guide_right .guide_btn a:first-child+a:hover{background-position: 0 -60px;}
/*********************
 四大门派
 *********************/
.menpai-accordion ul{height: 600px;overflow: hidden;}
.menpai-accordion li{ width: 168px; height: 600px; float: left; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s;overflow: hidden;position: relative;}
.menpai-accordion li.active{width: 496px;}
.menpai-accordion .pic{background: url("../images/bg4.jpg") no-repeat;width: 168px; height: 600px;    -webkit-transition: all 0.5s;}
.menpai-accordion .pic-1{background-position: 0 0;}
.menpai-accordion .pic-2{background-position: -168px 0;}
.menpai-accordion .pic-3{background-position: -336px 0;}
.menpai-accordion .pic-4{background-position: -504px 0;}
.menpai-accordion a{display: none;width: 496px;height: 600px;position:absolute;left: 0;top:0;z-index: 1;}
.menpai-accordion li.active a{display: block;}
.menpai-accordion li.active .pic{    opacity: 0.0;
    filter: Alpha(opacity=0);
    -webkit-transform: translate3d(-100%, 0, 0);}
.menpai-accordion .item-1{background: url("../images/tianji.jpg") no-repeat;}
.menpai-accordion .item-2{background: url("../images/yun.jpg") no-repeat;}
.menpai-accordion .item-3{background: url("../images/bingxin.jpg") no-repeat;}
.menpai-accordion .item-4{background: url("../images/yijian.jpg") no-repeat;}
.menpai-accordion .hero{background: url("../images/hero-bg.png") no-repeat;width: 380px;height: 150px;display: block;position: absolute;left: 50%;bottom: 52px;margin-left:-210px;padding: 20px 0 0 40px;}
.menpai-accordion .hero .fl{width: 170px;}
.menpai-accordion .hero .fr{width: 200px;}
.menpai-accordion .hero h3{font-size: 24px;color: #fff;margin-bottom: 15px;}
.menpai-accordion .hero .tags{height: 34px;padding: 0 10px;background-color: #5c5da6;font-size: 18px;color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;display: inline-block;line-height: 34px;margin-bottom: 10px;}
.menpai-accordion .hero p{font-size: 18px;color: #fff;}
.menpai-accordion .level{width: 160px;}
.menpai-accordion .level,
.menpai-accordion .level span{background: url("../images/star-icon.png") repeat-x;height: 24px;}
.menpai-accordion .level span{background-position: 0 -24px;display: inline-block;vertical-align: top;}



.huoban .m_body{height: 560px;}
.huoban .m_body .left{height: 100%;width: 350px;}
.huoban .m_body .left a{display: block;width: 100%;height: 100%;position: relative;}
.huoban .m_body .left a img{width: 100%;height: 100%;display: block;}
.huoban .m_body .left span{position: absolute;display:block;text-align: center;height: 42px;font-size: 18px;color:#fff;line-height: 42px;background-color: rgba(0,0,0,0.5);bottom: 0;left: 0;right: 0;padding: 0 20px;}
.huoban .m_body .right{height: 100%;width: 620px;}
.huoban .m_body .right .min_title{height: 43px;background:url(../images/title_bg2.png) 0 0 no-repeat;padding-left: 47px;font-size: 24px;color: #47488a;font-weight: bold;line-height: 20px;display:block;}
.huoban .m_body .right .line{margin-top: 20px;}
.huoban .m_body .right .line>*{float:left;}
.huoban .m_body .right .line .tip{width: 142px;height: 104px;text-align: center;line-height: 104px;color: #b1b2f1;font-size: 32px;font-family: STKaiti;background:url(../images/bg10.png) 0 0 no-repeat;margin-right: 4px;padding-right: 10px;}
.huoban .m_body .right .line a{display:block;width: 104px;margin-left: 12px;}
.huoban .m_body .right .line a span{display:block;text-align: center;font-size: 16px;padding:0 10px;line-height: 28px;height:26px;}
.huoban .m_body .right .line a img{display:block;border: 2px solid #3d4d86;width: 100px;height:100px;}

.huoban .m_body .right a.min_title{margin-top: 25px;}
.huoban .m_body .right a.min_title + .line a{margin-left: 25px;}
.huoban .m_body .right a.min_title + .line a:first-child{margin-left: 0;}
.huoban .m_body .right .line a:hover span{color:#3d4d86;font-size: 20px;-webkit-transition: all 0.3s;transition: all 0.3s;}

.gonglue .line{height: 216px;background-color: #e8e8e8;margin-bottom: 20px;}
.gonglue .line .min_title{height: 46px;display:block;background:url(../images/title_bg3.jpg) 0 0 no-repeat;padding-left: 170px;color: #fff;font-size:16px;line-height: 46px;margin-bottom: 20px;}
.gonglue .line .list > *{float: left;margin-left: 25px;}
.gonglue .line .list a{width: 104px;}
.gonglue .line .list a:first-child{margin-left: 20px;}
.gonglue .line .list .tip{float: right;margin-right: 18px;margin-left:0;width: 195px;height: 104px;text-align: center;line-height: 104px;color: #b1b2f1;font-size: 32px;font-family: STKaiti;background:url(../images/bg5.png) 0 0 no-repeat;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;}
.gonglue .line .list a span{display:block;text-align: center;font-size: 16px;padding:0 10px;line-height: 1;margin-top: 10px;color: #565656}
.gonglue .line .list a img{border: 2px solid #3d4d86;display:block;height: 100px;width: 100px;}
.gonglue .line .list a:hover span{font-size: 20px;-webkit-transition: all 0.3s;transition: all 0.3s;color:#3d4d86}
/*********************
xinshou
 *********************/
.xinshou { background:#f5f5f5 url("../images/xinshou-bg.jpg") bottom center no-repeat;padding: 50px 0;}
.xinshou .title{margin: 0 0 30px;}
.xinshou .liubianxing li{height: 170px;}
.xinshou .liubianxing li a{display:block;height: 170px;width: 196px;float:left;position: relative;margin-right: 126px;-moz-border-radius: 58px;-webkit-border-radius: 58px;border-radius: 58px;}
.xinshou .liubianxing li a i{display:block;position: absolute;left: 98px;bottom: 85px;background: url(../images/bg6.png) center center no-repeat;width: 0;height: 0;line-height: 170px;text-align: center;color:#fff;font-style: normal;font-size: 22px;overflow:hidden;}
.xinshou .liubianxing li a span{display:block;position: absolute;height: 46px;background:url(../images/title_bg3.png) center 0 no-repeat;text-align: center;line-height: 46px;color:#fff;font-size: 18px;bottom: 0;left: 0;right: 0;padding: 0 50px;}
.xinshou .liubianxing li a img{width: 100%;height: 100%;display: block;}
.xinshou .liubianxing li a:hover i{height: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;left: 0;bottom: 0;width: 100%;}
.xinshou .liubianxing li a:hover span{height: 0;}
.xinshou .liubianxing li+li{margin-top: -75px;}
.xinshou .liubianxing li+li a{margin-top: -75px}
.xinshou .liubianxing li:first-child+li a{margin-right: 0;margin-left: 126px;}
.xinshou .liubianxing li:first-child+li a:first-child{margin-left: 160px;}
.xinshou .liubianxing li:first-child+li+li+li a{margin-right: 0;margin-left: 126px;}
.xinshou .liubianxing li:first-child+li+li+li a:first-child{margin-left: 160px;}
.xinshou .list{margin-top: 30px;}
.xinshou .list .item{height: 280px;display:block;}
.xinshou .list .item>*{width: 50%;float:left;height: 280px;display:block;}
.xinshou .list .item .desc{background:url(../images/bg8.jpg) 0 0 no-repeat;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 60px;padding-left: 30px;padding-right: 30px;}
.xinshou .list .item .desc strong{color: #5c5da6;font-size: 24px;font-weight:bold;line-height: 1;}
.xinshou .list .item .desc p{color:#565656;margin-top: 35px; height: 148px;overflow: hidden;word-wrap: break-word;}
.xinshou .list .item:nth-child(2n+2)>*{float:right;}
.xinshou .list .item:nth-child(2n+2) .desc{background-image: url(../images/bg7.jpg);}










