@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; background:url(/images/zhuanti/2017xinchou/dcbg_01.jpg) repeat-y;}
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;blur:expression(this.onFocus=this.blur());}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*¿ò¼Ü*/
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ggtit{ width: 417px; height: 109px; margin:0 auto 22px;}
.ggtit .tguang{ top: -75px; right: -80px; z-index: 1;}
.ggtit .timg{ top: 0; left: 0; z-index: 2;}
.ggtit .ttxt{ top: 36px; left: 120px; _left: 115px; line-height: 46px; font-size: 26px; font-weight: 700; z-index: 3;}
.ggtit2{ width: 716px;}
.ggtit2 .ttxt{ top: 31px;}
.ggtit3{ width: 669px;}
.ggtit3 .ttxt{ top: 34px;}
.ggtit4{ width: 643px;}
.ggtit4 .ttxt{ top: 35px;}
.ggtit5{ width: 361px;}
.ggtit5 .ttxt{ top: 31px;}
.ggtit6{ width: 454px;}
.ggtit7{ width: 689px;}
.ggtit8{ width: 773px;}

/*ҳͷ*/
.headerbg{ background:url(/images/zhuanti/2017xinchou/dcbg_02.jpg) no-repeat center top;}
.header{ height: 455px;}
.header .logo{ display: block; width: 161px; height: 42px; top: 23px; left: 0;}
.header .top{ width: 1000px; height: 120px; top: 68px; left: 0; -webkit-animation:zoomInLeft 1s 0s 1 both; animation:zoomInLeft 1s 0s 1 both;}
.header .txt{ width: 760px; top:205px; left:50%; margin-left: -380px; border: 1px solid #3f407a; padding: 25px 30px 55px; line-height: 32px; font-size: 16px; color: #fff; -webkit-animation:fadeIn 1s 0.8s 1 both; animation:fadeIn 1s 0.8s 1 both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19FFFFFF', endColorstr='#19FFFFFF');background:rgba(255,255,255,0.1);}
:root .header .txt{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');}
:root .header .txt{filter:none;}
.header .txt i{ display: block; width: 23px; height: 20px; bottom: 20px; left: 50%; margin-left: -11px; -webkit-animation:pulsate_ani 3s ease infinite; animation:pulsate_ani 3s ease infinite;}

.mian{ margin-bottom: 38px;}
.mian .cen{ padding: 22px 0; text-align: center; border: 1px solid #41548b; -webkit-box-shadow:0px 0px 10px #4b5c91; -moz-box-shadow:0px 0px 10px #4b5c91; box-shadow:0px 0px 10px #4b5c91; margin-bottom: 15px;}
.mian .bot{ padding: 16px 30px; line-height: 28px; font-size: 14px; color: #fff; background:url(/images/zhuanti/2017xinchou/dcbg_22.jpg) no-repeat center top;}

/*½áÓï*/
.jybg{ background:url(/images/zhuanti/2017xinchou/dcbg_25.jpg) no-repeat center top; margin-bottom: 15px;}
.jy{ height: 212px; padding-top: 30px;}
.jy .left{ padding-top: 10px;}
.jy .cen{ margin-left: 27px;}
.jy .cen-t{ line-height: 32px; font-size: 14px; color: #fff; margin-bottom: 36px;}
.jy .bot .han{ display: block; width: 158px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: #e16766; margin-left: 28px; border-radius: 3px;}
.jy .bot .han2{ background: #b475d4;}
.jy .bot .han3{ background: #20bd8b;}
.jy .right{ width: 150px;}
.jy .right p{ line-height: 44px; text-align: center; font-size: 14px; color: #fff;}


@-webkit-keyframes pulsate_ani {
    0% {
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8);
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.0;
    }
}
@keyframes pulsate_ani {
    0% {
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8);
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.0;
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

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