@charset "utf-8";
/* CSS Document */
html, body, div, span, object, h1, ul, li, p { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }

img { border: none; display: block; }
body { font:normal 12px/1.5 'helvetica neue','hiragino sans gb',arial,tahoma,'Microsoft Yahei',sans-serif; background: #fff;}
a{text-decoration: none;}
.hidefont{ font-size: 0; text-indent: -9999em;}
.clearfix { clear: both; *zoom:1;}
.clearfix:after{content: ""; display: block; height: 0; clear: both;}
.page{ min-width:1000px; background: url(../images/bg.png) repeat-x;}
.header{height: 560px; min-width: 1000px; background: url('../images/mainbg.jpg?2017122901') no-repeat bottom;}
.header .wrapper{position: relative; height:100%; width: 1000px; margin: 0 auto;}

ul, li { list-style: none; }
/*entrance*/
.logo_index {display: none;}
.entrance {padding-top: 310px;}
.entrance a{-webkit-transition: transform 0.3s ease;transition: transform 0.3s ease;float: left;width: 232px; height: 117px; margin-left: 24px; text-indent: -9999em; _display: inline; background: url(../images/entrance-btns_191223.png?v=20190424) top left no-repeat;-webkit-background-size: 231px auto;background-size: 231px auto;}
.entrance a:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.entrance .meihua{background-position: 0 0;margin-left: 0;}
.entrance .renxiang{background-position: 0 -120px;}
.entrance .pintu{background-position: 0 -241px;}
.entrance .mtxx-mobile{background-position: 0 -360px;}
.entrance .gaoding{background-position: 0 -478px;-webkit-background-size: 230px auto;background-size: 230px auto;}

/*index_center*/
.bg_index_center { width: 100%; padding-top: 20px; }
.index_center { width: 900px; margin: 0 auto; position: relative;}

.mainbtn{height: 295px;}
.img-meirong,.img-meihua{ width: 438px; height: 245px; position: absolute; top:14px; }
.img-meirong{left: -2px; }
.img-meihua{ right: -2px;}

.three_zone { width: 900px; height: 188px; overflow: auto; zoom: 1; }
    .three_zone li { float: left; font-size: 12px; font-family: "微软雅黑","宋体"; text-align: center; }

        .three_zone li a { text-decoration: none; color: #666; display: block; padding-top: 52px; width: 280px; height: 136px; overflow: hidden; }
.fun_intro_zone a { background: url(../images/bg_threezone.jpg?111) no-repeat 0 0; }
    .fun_intro_zone a:hover { background: url(../images/bg_threezone.jpg?111) no-repeat 0 -188px; }

.tutorial_zone { margin-left: 30px; _display: inline; }
    .tutorial_zone a { background: url(../images/bg_threezone.jpg?111) no-repeat -310px 0; }
        .tutorial_zone a:hover { background: url(../images/bg_threezone.jpg?111) no-repeat -310px -188px; }

.help_zone { margin-left: 30px; _display: inline; }
    .help_zone a { background: url(../images/bg_threezone.jpg?111) no-repeat -622px 0; }
        .help_zone a:hover { background: url(../images/bg_threezone.jpg?111) no-repeat -622px -188px; }

.webxx_share { color: #4d9cbe; padding: 18px 0 30px 0; }
.friendlink { border-top: #d8d8d8 dashed 1px; overflow: auto; zoom: 1; padding: 14px 0 20px 0; }
    .friendlink span { display: block; width: 84px; font-weight: bold; float: left; background: url(../images/ico_link.png) no-repeat 0 5px; padding-top: 1px; text-indent: 20px; }
.link_content { width: 815px; float: right; overflow: auto; zoom: 1; }
    .link_content li { float: left; margin-right: 18px; line-height: 1.8em; }
        .link_content li a { color: #a6a6a6; text-decoration: none; }
            .link_content li a:hover { text-decoration: underline; }

/*in*/
.bg_in { background: #fafafa url(../images/bg_in.jpg) repeat-x; margin-bottom: 20px; }
.top_in { width: 960px; margin: 0 auto; height: 102px; position: relative; }
    .top_in h1 { width: 290px; height: 50px; background: url(../images/logo_in.jpg) no-repeat; position: absolute; left: 0; top: 29px; text-indent: -9999px; }
        .top_in h1 a { display: block; width: 290px; height: 50px; }
.menu_in { position: absolute; left: 550px; top: 39px; }
    .menu_in li { float: left; width: 100px; height: 28px; text-indent: -9999px; text-align: center; }
        .menu_in li a { display: block; width: 90px; height: 28px; background: url(../images/menu_in.png) no-repeat; overflow: hidden; }
a.index_in:hover { background: url(../images/menu_in.png) no-repeat left -28px; }

.menu_in li a.intro_in { background: url(../images/menu_in.png) no-repeat -100px 0; }
    .menu_in li a.intro_in:hover { background: url(../images/menu_in.png) no-repeat -100px -28px; }
.menu_in li.intro_current a { background: url(../images/menu_in.png) no-repeat -100px -28px; }
.menu_in li a.help_in { background: url(../images/menu_in.png) no-repeat -204px 0; }
    .menu_in li a.help_in:hover { background: url(../images/menu_in.png) no-repeat -204px -28px; }
.menu_in li.help_current a { background: url(../images/menu_in.png) no-repeat -204px -28px; }
.menu_in li a.coorpor_in { background: url(../images/menu_in.png) no-repeat -304px 0; }
    .menu_in li a.coorpor_in:hover { background: url(../images/menu_in.png) no-repeat -304px -28px; }
.menu_in li.coorpor_current a { background: url(../images/menu_in.png) no-repeat -304px -28px; }
.menu_in li a.api_in { background: url(../images/menu_in.png) no-repeat -419px 0; }
    .menu_in li a.api_in:hover { background: url(../images/menu_in.png) no-repeat -419px -28px; }

.content_in { overflow: auto; zoom: 1; width: 960px; margin: 0 auto; }
.left_in { float: left; width: 608px; border: #e0e0e0 solid 1px; border-top: #9dcada solid 2px; padding: 10px 40px; }
    .left_in h3 { color: #666; font-size: 14px; margin: 25px 0 10px 0; }
    .left_in p { color: #666; font-size: 14px; line-height: 22px; }
    .left_in span a { text-decoration: none; font-size: 12px; color: #0c749b; display: inline-block; }
        .left_in span a:hover { text-decoration: underline; }
    .left_in img { margin-top: 5px; }
.right_in { width: 256px; float: right; }
.right_in_one { border: #e0e0e0 solid 1px; border-top: #9dcada solid 2px; padding: 0 13px 10px 13px; }
    .right_in_one h4 { font-size: 14px; color: #666; border-bottom: #e9e9e9 solid 1px; padding-bottom: 6px; margin-bottom: 10px; }
    .right_in_one ul { font-family: Verdana, Geneva, sans-serif; color: #666; }
        .right_in_one ul li { margin: 7px 0; }
            .right_in_one ul li a { color: #0c749b; text-decoration: none; }
                .right_in_one ul li a:hover { text-decoration: underline; }

.right_in_two { border: #e0e0e0 solid 1px; padding: 0 13px 10px 13px; margin-top: 10px; }
    .right_in_two h4 { font-size: 14px; color: #666; border-bottom: #e9e9e9 solid 1px; padding-bottom: 6px; margin-bottom: 10px; }
    .right_in_two ul { background: url(../images/icon_sprite.png) no-repeat; }
        .right_in_two ul li { height: 26px; line-height: 26px; text-indent: 25px; }
            .right_in_two ul li a { color: #7c7c7c; text-decoration: none; }
                .right_in_two ul li a:hover { text-decoration: underline; }


.out_left_in { float: left; width: 690px; overflow: hidden; }
    .out_left_in a { text-decoration: none; color: #0c749b; }
        .out_left_in a:hover { text-decoration: underline; }
    .out_left_in h3 { font-size: 14px; color: #666; border-bottom: #e9e9e9 solid 1px; padding-bottom: 6px; margin-bottom: 6px; }
    .out_left_in .intro { width: 608px; border: #e0e0e0 solid 1px; border-top: #9dcada solid 2px; padding: 10px 40px; }
        .out_left_in .intro p { color: #666; font-size: 14px; line-height: 22px; }
    .out_left_in .youdian { width: 608px; border: #e0e0e0 solid 1px; padding: 10px 40px; margin-top: 10px; }
        .out_left_in .youdian ul { font-size: 14px; color: #666; line-height: 25px; }
    .out_left_in .zuopin { width: 608px; border: #e0e0e0 solid 1px; padding: 10px 40px; margin-top: 10px; }
        .out_left_in .zuopin img { display: block; }
        .out_left_in .zuopin p { font-size: 14px; color: #666; line-height: 29px; }

.pingjia { color: #666; font-size: 12px; line-height: 21px; }
    .pingjia .border_bottom { border-bottom: #bfbfbf dotted 1px; padding-bottom: 8px; margin-bottom: 10px; }
    .pingjia span { color: #d50d26; }

.friendlink_in { overflow: auto; zoom: 1; }
    .friendlink_in li { float: left; margin: 6px 6px; height: 16px; overflow: hidden; white-space: nowrap; }

/*footer*/
.footnav,.footer{width: 1000px; margin: auto;}
.footnav{ border-top:1px solid #e4e4e4; padding: 25px 0;}
.footnav dl,.footnav dt,.footnav dd{margin: 0; padding: 0;}
.footnav dl{float: left; line-height: 30px; width: 144px; margin-left: 52px; _display:inline;}
#ftnav_xiuxiu{width: 164px;}
.footnav dt{margin-bottom: 18px; color: #666666; font-size: 14px; padding-left: 8px;}
.footnav dd{ padding-left: 8px; background: url(../images/listicon.gif) no-repeat left;}
.footnav dd a{color: #bababa;}
.footer{text-align: center;border-top:1px solid #e4e4e4;padding: 20px 0;line-height: 24px; color: #bababa;}
.footer a{color: #bababa; margin: 0 15px;}

/*404*/
.xx-notice {
  margin-top: 150px;
  text-align: center;
}
.notice-pic {
    width: 280px;
    height: 150px;
    margin: 0 auto;
}
.notice-title {
  font-size: 33px;
  line-height: 46px;
  color: #333;
  margin: 30px auto;
}
.notice-link {
    color: #E92076;
    padding: 0 5px;
}