@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}


/*框架*/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.an{ background:url(/images/zhuanti/2017zkcf/an.png) no-repeat; _background:url(/images/zhuanti/2017zkcf/an.gif) no-repeat;}
.ggtit{ width: 100%; height: 126px; text-align: center;}
.ggtit-c{ display: inline-block; *display: inline; *zoom: 1; line-height: 126px; font-size: 30px; color: #08b8c3; font-weight: 700;}
.ggtit-l{ display: block; width: 188px; height: 88px; top: -9px; left: -104px; background-position: 0 0;}
.ggtit-r{ display: block; width: 111px; height: 78px; top: 21px; right: -95px; background-position: 0 -100px;}

/*页头*/
.headerbg{ background:url(/images/zhuanti/2017zkcf/cf_01.png) no-repeat center top;}
.header{ height: 348px;}
.header .logo{ display: block; width: 161px; height: 43px; top: 9px; left: 4px;}
.header .cen{ top: 112px; left: 0; animation: rollIn 1s 0s 1 both; -webkit-animation: rollIn 1s 0s 1 both;}
.header .cen2{ top: 209px; left: 0; animation: rollIn 1s 1s 1 both; -webkit-animation: rollIn 1s 1s 1 both;}

/*导航*/
.navbg{ background: #ffae31;}
.nav{ height: 66px; line-height: 66px; text-align: center; font-size: 24px; color: #fff; font-weight: 700;}
.nav a{ color: #fff;}
.nav a:hover{ text-decoration: none; opacity: 0.9;}

/*时间入口*/
.sjrkbg{ background:url(/images/zhuanti/2017zkcf/cf_04.png) no-repeat center top;}
.sjrk{ padding: 40px 0;}
.sjrk .ttxt{ line-height: 30px; font-size: 14px; margin-bottom: 20px;}
.sjrk .chan{ text-align: center; margin-bottom: 40px;}
.sjrk .chan .han{ display: inline-block; line-height: 62px; padding: 0 32px; font-size: 24px; font-weight: 700; color: #fff; background: #b6b6b6; border-bottom: 4px solid #a0a0a0; border-radius: 5px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.sjrk .chan .han.on{ background: #ff9900; border-bottom: 4px solid #e88112;}
.sjrk .chan .han.on:hover{ background: #e88112; text-decoration: none;}
.sjrk .btab table{ border-collapse: collapse; background: #fff;}
.sjrk .btab table td{ border: 1px solid #65cdd3; line-height: 44px; font-size: 16px; text-align: center;}
.sjrk .btab table .tabtit{ background: #08b8c3; font-size: 18px; font-weight: 700; color: #fff;}
.sjrk .btab table strong{ font-size: 18px;}
.sjrk .btab table .lan{ color: #08b8c3;}

/*六大关注*/
.ldgzbg{ background: #f8f8f8;}
.ldgz{ padding: 40px 0;}
.ldgz .cbox{ height: 560px; background:url(/images/zhuanti/2017zkcf/cf_05.png) no-repeat center 100px;}
.ldgz .cbox .list{ width: 266px; color: #666; padding: 5px 15px 10px; background: #fff; border: 4px dotted #b9b9b9; border-radius: 5px; top: 0; left: 100px;}
.ldgz .cbox .list .top{ height: 41px; margin-bottom: 8px;}
.ldgz .cbox .list .top-l{ line-height: 38px; border-bottom: 3px solid #08b8c3; font-size: 20px; font-weight: 700; padding-right: 28px;}
.ldgz .cbox .list .bot{ line-height: 18px;}
.ldgz .cbox .list .bot a{ font-weight: 700; color: #08b8c3;}
.ldgz .cbox .list2{ top: 190px; left: 50px;}
.ldgz .cbox .list3{ top: 400px; left: 163px;}
.ldgz .cbox .list4{ left: auto; right: 120px;}
.ldgz .cbox .list5{ top: 222px; left: auto; right: 50px;}
.ldgz .cbox .list6{ top: 402px; left: auto; right: 172px;}

/*活动来袭*/
.hdlx{ padding: 40px 0;}
.hdlx .list{ width: 264px; height: 194px; padding-top: 70px; text-align: center; margin-right: 14px; background-position: 0 -400px; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.hdlx .list:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.hdlx .list .txt{ line-height: 70px; font-size: 24px; font-weight: 700; color: #fff;}
.hdlx .list .han{ display: inline-block; width: 148px; height: 32px; line-height: 32px; color: #fff; border: 1px solid #8edfc9; border-radius: 3px; font-size: 14px; font-weight: 700;}
.hdlx .list .han:hover{ text-decoration: none; opacity: 0.9;}
.hdlx .list2{ background-position: 0 -700px;}
.hdlx .list2 .han{ border: 1px solid #91c2e7;}
.hdlx .list3{ background-position: 0 -1000px;}
.hdlx .list3 .han{ border: 1px solid #d0a5f5;}
.hdlx .list4{ background-position: 0 -1300px; margin: 0;}
.hdlx .list4 .han{ border: 1px solid #ebc993;}

/*备战*/
.bzbg{ background: #f8f8f8;}
.bz{ padding: 40px 0;}
.bz .list{ width: 260px; height: 168px; background: #fff; border-radius: 6px 6px 0 0; overflow: hidden; margin-right: 20px;}
.bz .list .top{ height: 56px; line-height: 56px; text-align: center; font-size: 22px; font-weight: 700; color: #fff; background: #ff7c51;}
.bz .list .bot{ padding: 20px 0 0 0; line-height: 28px; font-size: 16px; color: #666; text-align: center;}
.bz .list2 .top{ background: #ffaa46;}
.bz .list3 .top{ background: #85c32c;}
.bz .list4{ margin: 0;}
.bz .list4 .top{ background: #4297d9;}
.bz .hbox{ padding-top: 66px; clear: both; text-align: center;}
.bz .hbox .han{ display: inline-block; line-height: 50px; padding: 0 38px; font-size: 18px; font-weight: 700; color: #fff; background: #ff9900; border-bottom: 4px solid #e88112; margin: 0 17px; border-radius: 4px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.bz .hbox .han:hover{ background: #e88112; text-decoration: none;}

/*超值服务*/
.czfwbg{ background:url(/images/zhuanti/2017zkcf/cf_06.png);}
.czfw{ padding: 40px 0;}
.czfw .ggtit-c{ color: #fff;}
.czfw .ggtit-l{ background-position: 0 -200px;}
.czfw .ggtit-r{ background-position: 0 -300px;}
.czfw .cbox{ width: 1030px; height: 174px; padding: 58px 0 0 70px; background:url(/images/zhuanti/2017zkcf/cf_07.png) no-repeat;}
.czfw .cbox .list{ width: 96px; cursor: pointer;}
.czfw .cbox .list .pic{ display: block; width: 80px; height: 80px; margin: 0 auto; background-position: 0 -1600px;}
.czfw .cbox .list .txt{ line-height: 62px; text-align: center; font-size: 14px; color: #666;}
.czfw .cbox .list .fd{ display: none; top: 78px; left: 50%; margin-left: -62px; width: 108px; padding: 4px 8px; line-height: 18px; color: #fff; background: #08b8c3;}
.czfw .cbox .list .fd i{ display: block; width: 8px; height: 7px; left: 50%; top: -7px; margin-left: -4px; background-position: 0 -2600px;}
.czfw .cbox .list2 .pic{ background-position: 0 -1700px;}
.czfw .cbox .list3 .pic{ background-position: 0 -1800px;}
.czfw .cbox .list4 .pic{ background-position: 0 -1900px;}
.czfw .cbox .list5 .pic{ background-position: 0 -2000px;}
.czfw .cbox .list6 .pic{ background-position: 0 -2100px;}
.czfw .cbox .list7 .pic{ background-position: 0 -2200px;}
.czfw .cbox .list8 .pic{ background-position: 0 -2300px;}
.czfw .cbox .list9 .pic{ background-position: 0 -2400px;}
.czfw .cbox .list10 .pic{ background-position: 0 -2500px;}

/*提示弹框*/
.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=80);opacity:0.8;_position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));}
.tsTk{ display: none; width:478px; border: 1px solid #e0e0e1; background: #fff; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); top:50%; left:50%; margin:-185px 0 0 -240px; z-index:1000;}
.tsTk .close{ top: 20px; right: 20px; width: 16px; height: 16px; background:url(/images/zhuanti/2017zkcf/cf_08.png) no-repeat; cursor: pointer;}
.tsTk .ewm{ margin-bottom: 8px; padding-top: 60px;}
.tsTk .ewm-pic{ display: block; width: 156px; height: 156px; margin: 0 auto;}
.tsTk .ewm-txt{ line-height: 46px; text-align: center; font-size: 16px;}
.tsTk .bot{ padding: 0 30px 40px; line-height: 30px; font-size: 14px;}



















@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}