@charset "utf-8";


/*自定义的swiper结束*/
.pc-banner {
    background: url(//static.zugou.org/images/slider/bgSwiper.jpg) no-repeat center top/100% auto;
    width: 100%;
    float: left;
}

@media screen and (max-width: 668px) {
    .pc-banner {
        background-size: auto 100%;
    }
}

.swiper-container {
    width: 100%;
    margin: 35px 0;
}

@media screen and (max-width: 668px) {
    .swiper-container {
        margin: 20px 0 15px;
    }
}

.swiper-slide {
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

@media screen and (max-width: 668px) {
    .swiper-slide {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
}

.swiper-slide-active,.swiper-slide-duplicate-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 668px) {
    .swiper-slide-active,.swiper-slide-duplicate-active {
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
    }
}

.none-effect {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.swiper-slide a {
    background: #fff;
    padding:10px;
    display: block;
    border-radius: 14px;
}

@media screen and (min-width: 668px) {
    .swiper-slide a:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        box-sizing: border-box;
        border: 10px solid #fff;
        content: "";
        width: 100%;
        height: 100%;
        background: url(top_slick_cover_bg.png) 0 0 repeat;
        border-radius: 20px;
    }
}

.swiper-slide-active a:after {
    background: none;
}

@media screen and (max-width: 668px) {
    .swiper-slide a {
        padding: 5px;
        border-radius: 7px;
    }
}

.swiper-slide img {
    width: 100%;
    border-radius: 14px;
    display: block;
}

@media screen and (max-width: 668px) {
    .swiper-slide img {
        border-radius: 7px;
    }
}

.swiper-pagination {
    position: relative;
    margin-bottom: 30px;
}

.swiper-pagination-bullet {
    background: #00a0e9;
    margin-left: 4px;
    margin-right: 4px;
    width: 17px;
    height: 17px;
    opacity: 1;
    margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background: #FFF;
    border: 6px solid #00a0e9;
    margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	
    .swiper-pagination {
        position: relative;
        margin-bottom: 20px;
    }

    .swiper-pagination-bullet {
        background: #00a0e9;
        margin-left: 2px;
        margin-right: 2px;
        width: 8px;
        height: 8px;
        margin-bottom: 2px;
    }

    .swiper-pagination-bullet-active {
        width: 6px;
        height: 6px;
        background: #FFF;
        border: 3px solid #00a0e9;
        margin-bottom: 0;
    }
}

.button {
    width: 1000px;
    margin: 0 auto;
    bottom: 43px;
    position: relative;
}

@media screen and (max-width: 668px) {
    .button {
        width: 70%;
        bottom: 22px;
    }
}

.button div:hover {
    background-color: #2f4798;
}

.swiper-button-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
    .button div {
        width: 28px;
        height: 28px;
    }
}
/*swiper结束*/

.line2 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../../image/line2.gif); OVERFLOW: hidden; WIDTH: 100%; BACKGROUND-REPEAT: repeat-x; HEIGHT: 1px
}
.line3 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../../image/line3.gif); OVERFLOW: hidden; WIDTH: 100%; BACKGROUND-REPEAT: repeat-x; HEIGHT: 1px
}
.banner_hover {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../../image/index_hover_bg.png); WIDTH: 100%; BACKGROUND-REPEAT: repeat-x; HEIGHT: 35px
}
.Point {
	PADDING-RIGHT: 20px; FLOAT: right; PADDING-TOP: 12px; HEIGHT: 23px
}
.Point A {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

.txt_30 {FONT-SIZE: 14px; COLOR: #393939; liNE-HEIGHT: 30px}
.txt_24 {FONT-SIZE: 14px; COLOR: #8a8a8a; liNE-HEIGHT: 24px}

/*首页 公司文化*/
.about {background: url("//static.zugou.org/images/yebg02.jpg") no-repeat scroll left top transparent;margin: 0 auto 10px;padding-top: 25px;width: 960px;}
.about_left {WIDTH:700px;PADDING-TOP:110px;FLOAT:left;BACKGROUND-IMAGE:url(//static.zugou.org/images/list_img.gif);BACKGROUND-POSITION:10px top; BACKGROUND-REPEAT:no-repeat}
.about_left li {FLOAT:left; MARGIN-LEFT: 10px; WIDTH: 200px; MARGIN-RIGHT: 10px}
.about_right {FLOAT: right; WIDTH: 260px;}
.about_right_text {MARGIN-TOP:15px;liNE-HEIGHT:28px}
.indent {MARGIN-BOTTOM: 5px; TEXT-INDENT: 2em}
.contact {FLOAT: left; WIDTH: 120px; HEIGHT: 41px}
.indent A {FONT-SIZE: 14px; COLOR: #3177bb; liNE-HEIGHT: 28px; TEXT-DECORATION: underline}
.search_top {BACKGROUND-POSITION: left top; FLOAT: left; BACKGROUND-IMAGE: url(//static.zugou.org/images/search_bg_all.gif); WIDTH: 252px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 65px}
.search_left {PADDING-LEFT: 1px; FLOAT: left; WIDTH: 64px; PADDING-TOP: 1px}
.search_right {PADDING-LEFT: 12px; FLOAT: left; WIDTH: 165px; HEIGHT: auto}
.bg_input1 {BORDER-RIGHT: #dbdee1 1px solid; BORDER-TOP: #dbdee1 1px solid; MARGIN-TOP: 10px; BORDER-LEFT: #dbdee1 1px solid; WIDTH: 50px; BORDER-BOTTOM: #dbdee1 1px solid; HEIGHT: 20px}
.bg_input2 {BORDER-RIGHT: #dbdee1 1px solid; BORDER-TOP: #dbdee1 1px solid; MARGIN-TOP: 10px; BORDER-LEFT: #dbdee1 1px solid; WIDTH: 60px; BORDER-BOTTOM: #dbdee1 1px solid; HEIGHT: 20px}
.bg_input3 {FLOAT: left; MARGIN: auto 0px; WIDTH: 75px; liNE-HEIGHT: 20px}
.line4 {FLOAT: left; MARGIN: 10px 0px; WIDTH: 260px; BORDER-BOTTOM: #dddfe2 1px solid; HEIGHT: 1px}
/*首页-聚宝盆*/
.jbp{ width:100%; border-top:solid 6px #dad9d7; background:url(//static.zugou.org/images/content_bg.jpg)  top repeat-x; margin-bottom:10px; }
.jbp .ad { border-bottom:solid 1px #CCCCCC; width:960px; margin:auto}
.jbp .ad  .tg{ width:653px; float:left; background:url(//static.zugou.org/images/jbp_128.gif) no-repeat left;height:152px;}
.jbp .ad  .tg .tg_right{ float:right; width:510px; overflow:hidden; padding-top:20px;}
.jbp .ad  .tg .lst-r{ margin-bottom:15px;}
.jbp .ad  .tg .lst-r li{ float:left; color:#555; font: bold 14px "Microsoft Yahei"; padding-left:25px; margin:7px 11px 0 0;} 
.jbp .ad  .tg .lst-r li.icon-r1{ background:url(//static.zugou.org/images/icon.gif) no-repeat -7px -3px;}
.jbp .ad  .tg .lst-r li.icon-r2{ background:url(//static.zugou.org/images/icon.gif) no-repeat -7px -22px;}
.jbp .ad  .tg .lst-r li.icon-r3{ background:url(//static.zugou.org/images/icon.gif) no-repeat -7px -41px;}
.jbp .ad  .tg .lst-r li.icon-r4{ background:url(//static.zugou.org/images/icon.gif) no-repeat -7px -60px;}
.jbp .ad  .tg .lst-r li.icon-r5{ background:url(//static.zugou.org/images/icon.gif) no-repeat -7px -79px; width:100px; margin-right:0px;}

.jbp .ad  .tg a.more{ background:url(//static.zugou.org/images/more_ico.jpg) no-repeat 55px; padding-right:20px; margin-right:15px; display:inline; color:#999; float:right}
.jbp .ad  .tg a.more:hover{ color:#0066CC}

.jbp .ad  .split{ margin-left:5px;}
.jbp .ad  .split a{ padding:0 9px;_padding:0 7px; border-right:1px solid #BABABA; color:#0066CC}
.jbp .ad  .split a:hover{text-decoration:underline;}

.jbp .ad_btn{ float:right; width:274px; margin-top:14px; margin-right:20px;}
.jbp .ad_btn a.ad_btn1{ display:block; width:274px; height:66px; background:url(//static.zugou.org/images/btn-b1.gif) no-repeat; border-bottom: solid 1px #d8dadc}
.jbp .ad_btn a.ad_btn1:hover{ display:block; width:274px; height:66px; background:url(//static.zugou.org/images/btn-b1h.gif) no-repeat;}
.jbp .ad_btn a.ad_btn2{ display:block; width:274px; height:66px; background:url(//static.zugou.org/images/btn-b2.gif) no-repeat;}
.jbp .ad_btn a.ad_btn2:hover{ display:block; width:274px; height:66px; background:url(//static.zugou.org/images/btn-b2h.gif) no-repeat;}
.jbp .service2, .jbp .service3, .jbp .service4{ width:280px; float:left; margin-top:20px; background:url(//static.zugou.org/images/services_hr.jpg) repeat-y right; height:125px; margin-left:25px; margin-right:50px; display:inline}
.jbp .service2 .inner{ background:url(//static.zugou.org/images/service2_ico.jpg) no-repeat  right bottom; width:250px; }
.jbp .service2 .inner ul, .jbp .service3 .inner ul, .jbp .service4 .inner ul{ width:150px; margin-left:15px; margin-top:15px;}
.jbp .service2 .inner ul li, .jbp .service3 .inner ul li, .jbp .service4 .inner ul li{ height:21px; line-height:21px; background:url(//static.zugou.org/images/services_ico.jpg) no-repeat left; padding-left:15px; width:135px;}
.jbp .service2 .inner ul li a, .jbp .service3 .inner ul li a, .jbp .service4 .inner ul li a{ color:#898989;}
.jbp .service2 .inner ul li a:hover, .jbp .service3 .inner ul li a:hover, .jbp .service4 .inner ul li a:hover{ color:#0066CC}

.jbp .service3{ margin-left:0px; width:295px; margin-right:35px;}
.jbp .service3 .inner{ background:url(//static.zugou.org/images/services3_ico.jpg) no-repeat  right bottom; width:250px; }

.jbp .service4{ margin-left:0px; margin-right:0px; background:none; width:265px;}
.jbp .service4 .inner{ background:url(//static.zugou.org/images/services4_ico.jpg) no-repeat  right bottom; width:250px; }

/*首页新闻*/
#news{width:641px;margin-top:22px;float:left;display:inline;background:url(//static.zugou.org/images/news_hr.jpg) repeat-y right}
#news h2{width:610px;}
#news h2 span{font-size:12px; font-weight:normal;float:right;}
#news .inner {margin:7px 0 0 5px;}
#news .inner img{float:left;display:inline;margin-right:15px;border:solid 3px #c5c5c5}
#news .inner ul{width:425px;float:left}
#news .inner ul li{height:26px;line-height:26px;background:url(//static.zugou.org/images/news-ico.jpg) no-repeat 5px;padding-left:13px;}
#news .inner ul li a{color:#606060}
#news .inner ul li a:hover{ color:#0066CC}
#news .inner ul li span{ float:right; color:#cbcbcb}
#index_meeting{ width:260px; margin:auto; float:left; margin-left:90px;}
#index_meeting li{ height:49px;float:left;margin-right:10px;display:inline;font-size:12px;color:#FFFFFF}
#index_meeting li a{ height:49px;float:left;font-size:12px;color:#FFFFFF;padding:7px 11px 0 11px; background:url(//static.zugou.org/images/graybg.jpg) repeat-x;line-height:12px;}
#index_meeting li.meeting_current a{ float:left;background:url(//static.zugou.org/images/bluebg.jpg) repeat-x; height:49px; padding:7px 11px 0 11px;line-height:12px;background:url(//static.zugou.org/images/bluebg.jpg) repeat-x}

#classroom{ float:left; display:inline; width:258px; margin-left:35px; margin-top:22px;}
#classroom .inner{ color:#7e7e7e; line-height:18px; margin-top:5px;}
#classroom .inner img{ margin-top:5px; border:solid 1px #aea7a7}
/*应用列表*/
.case {WIDTH: 960px;margin: 0 auto;CLEAR: both; OVERFLOW: hidden;POSITION: relative}
.casez li {FLOAT: left; TEXT-AliGN: center}
.case_text_1 {PADDING-LEFT: 10px; MARGIN-BOTTOM: 15px; BORDER-BOTTOM: #dcdddd 1px solid}
.case_main {PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 960px; BORDER-BOTTOM: #dcdddd 1px solid; HEIGHT: 80px}
.case_main li {FLOAT: left; MARGIN: auto 12px; WIDTH: 80px}
.case_main IMG {DISPLAY: block; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: hidden}
.icon_txt {FLOAT: left; WIDTH: 80px; liNE-HEIGHT: 25px; TEXT-AliGN: center}
.roll0 {MARGIN: 5px 5px 0px 15px}
#gol {DISPLAY: block; BACKGROUND: url(//static.zugou.org/images/arrow-case.png) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; liNE-HEIGHT: 100px; POSITION: absolute; TOP: 80px; HEIGHT: 27px}
#gor {DISPLAY: block; BACKGROUND: url(//static.zugou.org/images/arrow-case.png) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; liNE-HEIGHT: 100px; POSITION: absolute; TOP: 80px; HEIGHT: 27px}
#gol {LEFT: 0px}
#gol:hover {BACKGROUND-POSITION: 0px -37px}
#gor {BACKGROUND-POSITION: 0px -74px; RIGHT: 0px}
#gor:hover {BACKGROUND-POSITION: 0px -111px}



/*Header区域 Login 登录窗体*/
.loginfrom {width:200px;color: #252525;line-height: 25px;margin: 10px auto;text-align: left;}
.loginfrom-tips {color: #039;line-height: 30px;}
.loginfrom-int {width:198px;height: 28px;margin: 5px auto;line-height: 28px;border: 1px solid #ddd;text-indent: 6px;}
.loginfrom-code {width:85px;height: 20px;margin: 2px;line-height: 20px;border: 1px solid #ddd;text-indent: 6px;float:left;}
.loginfrom-codeimg {width:60px;height: 24px;margin: 2px;float:left;}
.loginfrom-codetxt {height: 24px;line-height: 24px;margin: 2px;float:left;}
.loginfrom-checkbox {float: left;margin-right: 7px;margin-top: 5px;}
.loginfrom-btn { width: 198px;line-height:30px;margin: 10px auto;background-color: #5eba6d; background-image: -moz-linear-gradient(left top , rgb(94, 186, 109), rgb(60, 160, 81));border: 1px solid #239438;color: #fff !important;cursor: pointer;font-size: 14px;text-align:center;display:block;font-weight: bold;}
.loginfrom-btn:hover {background-image: -moz-linear-gradient(left top , rgb(60, 160, 81), rgb(94, 186, 109));background-color:rgb(60, 160, 81);}
.loginfrom-reg { width: 198px;line-height:30px;margin: 10px auto;background-color: #03C; background-image: -moz-linear-gradient(left top,#039,#03C);border: 1px solid #03C;color: #fff !important;font-size: 14px;font-weight: bold; display:block; text-align:center;}
.loginfrom-reg:hover{background-image: -moz-linear-gradient(left top ,#03C,#039);background-color:#039;text-decoration: none;}

/*Dialog窗口*/
.dialog {color: #252525;line-height: 25px;margin: 10px auto;text-align: left;}
.dialog h4{font: bold 18px/30px '微软雅黑';color: #039;}
.dialog-int {width:198px;height: 28px;margin: 5px auto;line-height: 28px;border: 1px solid #ddd;text-indent: 6px;}
.dialog-code {width:85px;height: 20px;margin: 2px;line-height: 20px;border: 1px solid #ddd;text-indent: 6px;float:left;}
.dialog .codeimg {width:100px;height: 38px;margin: 2px 5px;border: 0;float:left;}
.dialog-codetxt {height: 24px;line-height: 24px;margin: 2px;float:left;}
.dialog-checkbox {float: left;margin-right: 7px;margin-top: 5px;}
.dialog-btn { width: 198px;line-height:30px;margin: 10px auto;background-color: #5eba6d; background-image: -moz-linear-gradient(left top , rgb(94, 186, 109), rgb(60, 160, 81));border: 1px solid #239438;color: #fff !important;cursor: pointer;font-size: 14px;text-align:center;display:block;font-weight: bold;}
.dialog-btn:hover {background-image: -moz-linear-gradient(left top , rgb(60, 160, 81), rgb(94, 186, 109));background-color:rgb(60, 160, 81);}
.dialog-reg { width: 198px;line-height:30px;margin: 10px auto;background-color: #03C; background-image: -moz-linear-gradient(left top,#039,#03C);border: 1px solid #03C;color: #fff !important;font-size: 14px;font-weight: bold; display:block; text-align:center;}
.dialog-reg:hover{background-image: -moz-linear-gradient(left top ,#03C,#039);background-color:#039;text-decoration: none;}