@charset "gb2312";
/*
@author: name
@update: name (2013-04-13 18:32)
*/
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;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.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/hzgl/an.png) no-repeat; _background:url(/images/zhuanti/hzgl/an.gif) no-repeat;}
.ggtit{ height: 60px; line-height: 60px; text-align: center; font-size: 42px; color: #fff; font-weight: 700; background:url(/images/zhuanti/hzgl/hz_14.png) no-repeat center;}
.ggsubtit{ height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #fff;}

/*页头*/
.headerBg{ background:url(/images/zhuanti/hzgl/hz_01.jpg) no-repeat center top;}
.header{ height: 494px;}
.header .logo{ display: block; width: 152px; height: 38px; left: 0; top: 20px;}
.header .cen01{ width: 100%; left: 0; top: 95px; -webkit-animation:flipInX 1s 0s 1 both; animation:flipInX 1s 0s 1 both;}
.header .cen02{ width: 100%; left: 0; top: 171px; -webkit-animation:flipInX 1s 0.4s 1 both; animation:flipInX 1s 0.4s 1 both;}
.header .bot01{ width: 100%; height: 69px; text-align: center; line-height: 69px; font-size: 30px; color: #fff; font-weight: 700; background:url(/images/zhuanti/hzgl/hz_04.png) no-repeat; background-size: 100% auto; left: 0; top: 279px; -webkit-animation:flipInX 1s 0.8s 1 both; animation:flipInX 1s 0.8s 1 both;}
.header .bot01 span{ color: #eff668;}
.header .bot02{ width: 100%; left: 0; top: 370px; -webkit-animation:flipInX 1s 1.2s 1 both; animation:flipInX 1s 1.2s 1 both;}

/*优势*/
.youshiBg{ background:url(/images/zhuanti/hzgl/hz_08.jpg) no-repeat center top;}
.youshi{ height: 331px; padding-top: 40px;}
.youshi .cbox{ height: 300px;}
.youshi .cbox .txt{ line-height: 59px; font-size: 20px; color: #fff;}
.youshi .cbox .ltxt01{ top: 23px; left: 174px;}
.youshi .cbox .ltxt02{ top: 95px; left: 127px;}
.youshi .cbox .ltxt03{ top: 164px; left: 122px;}
.youshi .cbox .ltxt04{ top: 232px; left: 167px;}
.youshi .cbox .rtxt01{ top: 23px; left: 719px;}
.youshi .cbox .rtxt02{ top: 95px; left: 726px;}
.youshi .cbox .rtxt03{ top: 164px; left: 734px;}
.youshi .cbox .rtxt04{ top: 232px; left: 707px;}
.youshi .cbox .yuan{ top: 111px; left: 469px; width: 188px; text-align: center; line-height: 42px; font-size: 30px; font-weight: 700; color: #fff;}

/*条件*/
.tiaojianBg{ background:url(/images/zhuanti/hzgl/hz_09.jpg) no-repeat center top;}
.tiaojian{ height: 162px;}
.tiaojian .left{ top: 70px; left: 21px; width: 350px; height: 60px; line-height: 60px; text-align: center; font-size: 28px; color: #fff;}
.tiaojian .right{ top: 57px; left: 430px; line-height: 44px; font-size: 24px;}
.tiaojian .right .list1{ display: block; width: 210px; color: #fff; background-position: 120px 7px;}
.tiaojian .right .list2{ display: block; width: 630px; color: #f8ff38; background-position: 576px -93px;}

/*选择*/
.xuanzeBg{ background:url(/images/zhuanti/hzgl/hz_10.jpg) no-repeat center top;}
.xuanze{ height: 652px; padding-top: 70px;}
.xuanze .tbox{ height: 137px; line-height: 137px; font-size: 28px; color: #fff; font-weight: 700; font-style: oblique;}
.xuanze .tbox-l{ width: 467px; padding-left: 190px;}
.xuanze .tbox-r{ color: #f8ff38; padding-left: 170px;}
.xuanze .cbox{ margin-bottom: 40px;}
.xuanze .cbox .txt{ height: 48px; line-height: 48px; font-size: 16px;}
.xuanze .cbox .txt .left{ width: 537px; padding-left: 120px; color: #b1aeda;}
.xuanze .cbox .txt .right{ padding-left: 90px; color: #fff;}
.xuanze .bbox .han{ display: block; width: 158px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #fff; background: #f82d76; margin-right: 30px;}
.xuanze .bbox .han:hover{ text-decoration: none; opacity: 0.9;}

/*证书齐全*/
.zsqqBg{ background:url(/images/zhuanti/hzgl/hz_11.jpg) no-repeat center top;}
.zsqq{ height: 567px; padding-top: 50px;}
.zsqq .ggsubtit{ margin-bottom: 30px;}
.zsqq .con{position:relative; height:330px;text-align:left; overflow:hidden; margin-bottom: 15px;}
.zsqq .con .pic_list{position:relative;margin:0 auto;width:1100px;height:100%}
.zsqq .con .pic_list li{position:absolute;display:none;z-index:0;filter:alpha(opacity=50);opacity:0.5;}
.zsqq .con .pic_list li img{width:100%}
.zsqq .con .pic_list li.d_pos1{display:block;width:501px;left:0;top:22px;z-index:1}
.zsqq .con .pic_list li.d_pos2{display:block;width:580px;left:260px;top:0;z-index:3}
.zsqq .con .pic_list li.d_pos3{display:block;width:501px;right:0;top:22px;z-index:2}
.zsqq .con .pic_list li.thShow{opacity:1; filter:alpha(opacity=100);}
.zsqq .con .prev,.zsqq .con .next{ display:block; width:63px; height:63px; background-position:0 -200px; left:18px; top:135px; z-index:9; cursor:pointer;}
.zsqq .con .next{ background-position:0 -300px; left:auto; right:18px;}
.zsqq .bbox .han{ display: block; line-height: 30px; font-size: 25px; color: #fff;}

/*报名*/
.baomingBg{ background:url(/images/zhuanti/hzgl/hz_12.jpg) no-repeat center top;}
.baoming{ height: 386px; padding-top: 50px;}
.baoming .ggsubtit{ margin-bottom: 30px;}
.baoming .cbox .list{ width: 354px; padding-top: 26px; margin-right: 19px;}
.baoming .cbox .list .txt{ line-height: 34px; text-align: center; font-size: 20px; color: #fff; margin-bottom: 24px;}
.baoming .cbox .list .han{ display: block; width: 156px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; text-align: center; background: #e93583; border-radius: 3px; margin: 0 auto;}
.baoming .cbox .list .han:hover{ text-decoration: none; opacity: 0.9;}
.baoming .cbox .list.m0{ margin-right: 0;}

/*底部资讯*/
.fzxBg{ background:url(/images/zhuanti/hzgl/hz_13.jpg) no-repeat center top; margin-bottom: 20px;}
.fzx{ height: 187px;}
.fzx .ewm{ width: 140px; padding-top: 24px;}
.fzx .ewm-pic{ width: 85px; height: 85px; display: block; margin: 0 auto 10px;}
.fzx .ewm-txt{ line-height: 24px; text-align: center; font-size: 16px; color: #fdff3a;}
.fzx .zx{ width: 930px; padding-top: 32px;}
.fzx .zx-txt{ line-height: 40px; font-size: 24px; color: #fff; margin-bottom: 10px;}
.fzx .zx-txt .chuang{ color: #fdff3a;}
.fzx .zx-txt .clan{ color: #47d4d9; font-size: 32px;}
.fzx .zx-han{ height: 42px;}
.fzx .zx-han .zxhan,.fzx .zx-han .bmhan{ display: block; width: 134px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; border: 1px solid #84909a; margin-left: 20px;}
.fzx .zx-han .zxhan:hover,.fzx .zx-han .bmhan:hover{ text-decoration: none; opacity: 0.9;}
.fzx .zx-han .bmhan{ border: 1px solid #e12c6f; background: #e12c6f;}

/*报名弹框*/
.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=70);opacity:0.7;_position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));}
.bmTk{ display: none; width:350px; background:#fff; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); top:50%; left:50%; margin:0 0 0 -175px; z-index:1000; -webkit-box-shadow:0 0 0 20px rgba(255,255,255,0.5); -moz-box-shadow:0 0 0 20px rgba(255,255,255,0.5); box-shadow:0 0 0 20px rgba(255,255,255,0.5);}
.bmTk .tit{ height: 59px; border-bottom: 1px solid #e8e8e8; background: #f5f5f5;}
.bmTk .tit .ltxt{ height: 59px; margin-left: 30px; padding-left: 22px; line-height: 59px; font-size: 18px; color: #666;}
.bmTk .tit .ltxt i{ display: block; overflow: hidden; width: 5px; height: 26px; background: #0090ff; top: 50%; left: 0; margin-top: -13px;}
.bmTk .tit .close{ display: block; width: 15px; height: 15px; top: 23px; right: 20px; background-position: 0 -400px;}
.bmTk .subtit{ line-height: 88px; text-align: center; font-size: 18px; color: #666;}
.bmTk .cbox{ _width: 266px; _overflow: hidden; margin: 0 40px; height: 42px; border: 1px solid #e0e1e1; border-radius: 3px;}
.bmTk .cbox .icon1,.bmTk .cbox .icon2,.bmTk .cbox .icon3{ width: 42px; height: 42px; background-position: 0 -501px;}
.bmTk .cbox .icon2{ background-position: 0 -601px;}
.bmTk .cbox .icon3{ background-position: 0 -701px;}
.bmTk .cbox .txtinp{ width: 200px; height: 42px; border: 0; padding: 0 12px; line-height: 42px; font-size: 14px; color: #999;}
.bmTk .cbox .txtinp2{ width: 112px;}
.bmTk .cbox .rtxt{ width: 76px; height: 32px; line-height: 32px; background: #dfdfdf; color: #8d8d8d; text-align: center; margin: 5px 12px 0 0; cursor: pointer;}
.bmTk .cts{ height: 20px; line-height: 20px; color: #ff0000; margin: 0 40px;}
.bmTk .chan{ text-align: center; padding-top: 4px;}
.bmTk .chan .han{ display: inline-block; width: 156px; height: 46px; text-align: center; line-height: 46px; font-size: 20px; color: #fff; background: #f82d76;}
.bmTk .chan .han:hover{ text-decoration: none; opacity: 0.9;}
.bmTk .bts{ line-height: 52px; padding-bottom: 10px; text-align: center; font-size: 14px; color: #666;}

/*右侧浮层*/
.rfloat{ width:108px; height:280px; padding-top: 82px; background:url(/images/zhuanti/hzgl/hz_06.png) no-repeat; position:fixed; _position:absolute; right:0; top:50%; margin:-181px 0 0 0; z-index:90;}
.rfloat .cen{ display: block; width:104px; height: 44px; text-align:center; font-size: 16px; line-height: 44px; color: #fff; margin: 0 2px;}
.rfloat .cen:hover{ background:url(/images/zhuanti/hzgl/hz_07.png) no-repeat; text-decoration: none;}

/*左侧浮层*/
.lfloat{ width:200px; height:350px; background:url(/images/zhuanti/hzgl/hz_17.png) no-repeat bottom #423ad0; position:fixed; _position:absolute; left:0; top:50%; margin:-175px 0 0 0; border-radius: 5px; z-index:90;}
.lfloat .tit{ display: block; font-size: 20px; line-height: 58px; color: #fff; margin: 0 14px;}
.lfloat .cbox{ height: 42px; background: #fff; border-radius: 21px; margin: 0 14px;}
.lfloat .cbox .icon{ width: 48px; height: 42px; background-position: 17px -790px}
.lfloat .cbox .icon2{ background-position: 17px -840px}
.lfloat .cbox .inptxt{ width: 100px; height: 42px; border: 0; line-height: 42px; font-size: 14px; color: #999;}
.lfloat .cbox .inptxt2{ width: 70px;}
.lfloat .cbox2{ padding-left: 18px;}
.lfloat .cbox2 .yzm{ display: block; width: 60px; height: 30px; margin-top: 6px; margin-left: 10px; background: #ccc; cursor: pointer;}
.lfloat .cts{ height: 20px; line-height: 20px; color: #ff0000; margin: 0 14px; text-align: center;}
.lfloat .chan{ text-align: center; padding-top: 10px;}
.lfloat .chan .han{ display: inline-block; width: 132px; height: 42px; text-align: center; line-height: 42px; font-size: 18px; color: #fff; border-radius: 21px; background: #f82d76;}
.lfloat .chan .han:hover{ text-decoration: none; opacity: 0.9;}
.lfloat .bts{ line-height: 44px; text-align: center; font-size: 14px; color: #dfdbe8;}




@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}