/*首页*/
body { font-family: 'Microsoft Yahei'; color: #434343; }
/*公共尾部*/
.header_wrap { width: 100%; background: #fff; position: fixed; z-index: 100; border-bottom: 1px solid gainsboro; top: 0; left: 0; }
.footer_wrap { height:345px; background: #292929; min-width: 1200px; font-size: 14px; }
.header, .container, .footer, .product_content, .news_content, .innews_content, .case_content, .incase_content, .go_content, .about_content,.idea_content{ width: 1200px; }
.header { height: 70px; line-height: 70px; margin: 0 auto; }
    .header > a { position: relative; display: block; }
        .header > a.wx { background: url("/Content/images/weixin.png") no-repeat; width: 38px; height: 38px; }
        .header > a.qq { background: url("/Content/images/qq.png") no-repeat; width: 38px; height: 38px; }
.wx, .qq { float: right; margin: 15px 0; }
.qq { margin-right: 25px; }
.header_er { position: absolute; width: 200px; top: 50px; left: -80px; display: none; }
.wx:hover .header_er { display: block; }
a.wx:hover { background: url("/Content/images/wx.png") no-repeat; }
a.qq:hover { background: url("/Content/images/qq1.png") no-repeat; }
.logo { padding: 18px 0; height: 34px; float: left; }
.menu { display: table; width: 50%; float: left; margin-left: 30px; }
    .menu > li { display: table-cell; width: auto; text-align: center; }
        .menu > li > a { font-size: 14px; }
.footer { margin: 0 auto; padding-top:20px; display: table; width: 1200px; }
dl { display: table-cell; width: auto; text-align: center; }
dt { font-size: 16px; color: #ffffff; margin-bottom:10px; }
dd > a { color: #ababab; line-height:25px; }
.address { width: 750px; margin:30px auto 0; clear: left; padding-left: 120px; }
.er { float: left; text-align: center; color: #ababab;margin-top: 10px; }
    .er > img { width: 93px; }
.address > span { float: left; margin-left: 70px; }
    .address > span > p { color: #ababab; line-height: 32px; }  
/*手机端的内容，在PC端需要隐藏*/
.circle, .iphone_app{ display: none; }
/*.banner{overflow:hidden;position:relative;top: 0;left: 0;}*/
/*.slide{width:100%;height: auto;position:absolute;top: 0;left: 0;}*/
/*.slide img{width: 100%;height:auto;position:absolute;top: 0}*/
/*.scroll{position: absolute;bottom: 88px;width: 132px;height: 22px;left: 50%;margin-left: -66px}*/
/*.scroll>li{float: left;width: 18px;height: 18px;border-radius: 50%;background: #ffffff;margin-right: 22px}*/
/*.blue{background: #0092ff;width: 22px;height: 22px}*/
/*.white{background: #5c5c5c;width: 18px;height: 18px}*/
/*首页中间内容部分*/
.container { margin: 0 auto; text-align: left; }
.iphone_case{overflow:hidden;margin-top:50px;} 
.iphone_case span{display:inline-block;float:left;width:468px;height:2px;background:#999;margin:20px 40px} 
.iphone_case p{font-size:26px;color:#434343;float:left} 
.app { margin: 70px auto 0; overflow: hidden; width: 100%; }
    .app .title { font-size: 26px; color: #0092ff; margin-bottom: 20px; }
    .app p { font-size: 20px; }
    .app a, .app img { display: block; }
    .app img { border: 3px solid #0092ff; padding:10px; border-radius: 50%; height: 350px; width: 350px; }
    .app:nth-child(odd) .caseImg { float: left; margin-right:270px; }
    .app:nth-child(even) .caseImg { float: right; margin-left:270px}
    .app:nth-child(odd) .tao { margin-right: -350px; }
    .app:nth-child(odd) .app_font { margin-right: 350px;margin-top:100px }
    .app:nth-child(even) .tao { margin-left: -350px; }
    .app:nth-child(even) .app_font { margin-left: 350px;margin-top:100px  }
/*办公无忧*/
.nervous { margin: 100px auto 80px; text-align: center; }
    .nervous > h1 { font-size: 26px; color: #0092ff; margin-bottom: 50px; }
    .nervous > p { font-size: 20px; margin-bottom: 30px; }
    .nervous > span { font: lighter 18px 'Microsoft Yahei'; }
a.link { display:block;background: url("/Content/images/juxing.png") no-repeat; width:112px; height:43px; font-size: 20px; color: #0092ff; display: block; text-align: center; /*padding-top: 8px;*/line-height:43px; margin: 90px auto 0; cursor: pointer; }

/*产品服务*/
.product_content { margin: 100px auto 50px; }
    .product_content > h1, .case_content > h1 { font-size: 26px; color: #5c5c5c; width: 250px; margin: 0 auto 5px;text-align:center }
    .product_content > p, .case_content > p { font-size: 20px; color: #909090; width: 400px; margin: 0 auto; text-align: center; }
.five { padding: 50px 0; overflow: hidden; }
.service { width: 200px; display: inline-block; margin-right: 50px; float: left; text-align: center; }
    .service > h1 { color: #434343; font-size:20px; width: 100%; text-align: center; margin:10px 0; }
    .service img { width: 117px; }
    .service > p { font-size: 16px; width: 100%; line-height: 25px;text-align: left; }
    .service:nth-child(5n) { margin: 0; }
.iphone_product { display: none; }
/*新闻资讯*/
#Page { text-align: center; margin-bottom: 20px; }
    #Page ul { display: inline-block; }
.news_content { margin: 0 auto; padding-top: 100px; overflow: hidden; }
.news_left { float: left; width: 785px; }
.newsList { min-height: 500px; }
.news_left > h1, .news_right >h1 ,.idea_left > h1 { font-size: 20px; color: #5c5c5c; width: 100px; height: 50px; line-height: 50px; border-bottom: 2px solid #0092ff; margin-bottom: 20px; }
.services> h1, .news_right >h1 ,.idea_left > h1 { font-size: 20px; color: #5c5c5c; width: 100px; height: 50px; line-height: 50px; border-bottom: 2px solid #0092ff; margin-bottom: 20px; }
.newsList > li { line-height:53px; margin-left:15px;}
    .newsList> li > a { font-size: 18px;width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .newsList > li > a:hover { color: #0092ff; }
        .newsTime{float:right;font-size:18px;}
        .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5c5c5c;float: left;margin: 24px 15px 24px 0;}
.news_right { float: right; width: 250px; }
    .news_right > div { margin-bottom: 10px; display: block; color: #5c5c5c; }
    .news_right img { width: 100%; }
    .news_right > div > p { color: #5c5c5c; font-size: 18px; line-height: 30px; margin-top: 5px; width: 250px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.dt_news, .rd_news { display: none; }
ul.fenye { overflow: hidden; margin-left: 220px; }
    ul.fenye > li { list-style:none;float: left; width: 28px; height: 28px; font-size: 20px; color: #5c5c5c; text-align: center; line-height: 28px; margin: 23px; list-style: none; }
        ul.fenye > li:first-child { background: #ececec; }
/*内部新闻*/
.innews_content { margin: 100px auto 50px; text-align: center; }
    .innews_content > h1 { font-size:26px; margin: 0 auto; border-bottom: 1px solid #e5e5e5; height: 60px; line-height: 60px; }
    .innews_content > span { width: 550px; display: block; text-align: right; margin: 0 auto; }
    .innews_content img { margin:10px auto; }
    .innews_content > p { font-size:18px; color: #5c5c5c; line-height: 40px; text-indent: 2em; text-align: left; }
#text2, #text3 { display: none; }
/*案例*/
.case_content { margin: 100px auto 50px; text-align: center; }
    .case_content > p { margin-bottom: 50px; }
    .case_content > ul { overflow: hidden; display: table; width: 100%; }
        .case_content > ul > li { color: #5c5c5c; font-size:18px; position: relative; cursor: pointer; width: auto; display: table-cell; }
            .case_content > ul > li:nth-child(1) { color: #0092ff; }
.case_all { width: 1200px; margin: 0 auto; padding: 60px 0; height: auto; position: relative; overflow: hidden; }
.case_scroll { position: relative; top: 0; left: 0; height: auto; }
    .case_scroll .page { float: left; width: 1200px; }
    .case_scroll .case { display: inline-block; height: 257px; position: relative; overflow: hidden; margin-bottom: 20px; margin-right: 20px; float: left; }
.case, .case img, .case p, .case .mb { width: 285px; }
.case_scroll .case:nth-child(5) { display: block; }
.case_scroll .case:nth-child(4n) { margin-right: 0; }
.case_scroll .case img { position: absolute; top: 0; left: 0; }
.case_scroll .case .mb { display: block; position: absolute; top: 0; left: 0; height: 257px; background: #898989; opacity: 0.65; }
.case_scroll .case p { position: absolute; left: 0; bottom: -30px; font-size: 18px; color: #ffffff; text-align: center; height: 30px; background: #5c5c5c; }
.click { width: 150px; text-align: center; position: absolute; left: 50%; margin-left: -75px; bottom: 50px; }
    .click > li { width: 18px; height: 18px; background: #5c5c5c; float: left; margin-right: 20px; border-radius: 50%; }
        .click > li:nth-child(1) { background: #0092ff; width: 22px; height: 22px; margin-top: -2px; }
.case_show, .iphone_ul { display: none; }
/*案例内页*/
.incase_content { margin: 100px auto 50px; overflow: hidden; }
    .incase_content > h1 { font-size:26px; width: 230px; height: 40px; margin: 0 auto; line-height: 40px; }
    .incase_content > .left_img { float: left; clear: left; }
    .incase_content > .right_img { float: right; clear: both; }
    .incase_content > p > img { width: 300px; }
    .incase_content > p.font { float: right; font-size: 16px; width: 590px; line-height: 25px; margin: 80px 0; }
    .incase_content > p.left_font { float: left; }
/*关于我们*/
.about_content { margin: 100px auto 50px; font-size:18px; line-height: 40px; }
    .about_content h1 { font-size:26px; color: #5c5c5c; width: 250px; margin: 0 auto; text-align: center; }

p.en_title { font-size: 20px; color: #909090; width: 400px; margin: 0 auto; text-align: center; }
.about { margin: 50px auto 0; overflow: hidden; }
.about_intro {float: right;width: 450px;margin: 49px 0;}
    .about_intro > span {    display: block;width: 450px;overflow: hidden;margin: 20px 0;}
        .about_intro > span > img { width: 65px; margin-right: 20px; float: left; }
        .about_intro > span > h6 { font: bolder 16px 'Microsoft Yahei'; color: #5c5c5c; margin: 8px 0 5px; }
        .about_intro > span > p { font-size: 16px; color: #5c5c5c; }
        .companyIntro{margin-bottom:20px}

.iphone_er, .shouji_font, .shouji_font1 { display: none; }

#BMapLib_bubble_content0 > div { overflow-y: scroll; height: 100px; }
#allmap { width: 600px; height: 400px; float: left; }
/*移动电子政务*/
.go_content { margin: 100px auto 0; overflow: hidden; }
.go_top { overflow: hidden; margin: 0 auto 50px; }
    .go_top > img { float: left; margin-right: 170px;width:350px }
    .go_top > p { font: 18px/40px 'Microsoft Yahei'; }

/*轮播图插件样式*/
.auto { margin: 70px auto 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear { clear: both; }
.hd_pics { height: auto; position: relative; width: 100%;height:430px;background:#efefef;min-width:1200px; }
.slide_h { height: auto;width:1200px;margin:0 auto;position:absolute;top:0;left:50%;margin-left:-600px }
.banner_font { display: inline-block; width: 1200px; overflow: hidden; margin: 80px auto 0; }
.slide_h li { position: absolute; height: auto; text-align: center;height:430px;width:100%;background:#efefef }
    .slide_h li p { font-size: 25px; color: #5c5c5c; }
    .slide_h li a { width: auto; text-align: center; display: inline-block; }
    /*img.big { width: 100%; margin: 0 auto; height: auto; z-index: -2; min-width: 1200px;height:430px;}*/
    .slide_h li:nth-child(odd) img.small { height:350px; float: left; }
    .slide_h li:nth-child(even) img.small { float: right; height:350px }
    .slide_h li:nth-child(odd) .bannerBox { float: right; text-align: right; }
    .slide_h li:nth-child(even) .bannerBox { float: left; text-align: left; }
    .slide_h li h2 { font: bolder 40px 'Microsoft Yahei'; color: #5c5c5c; margin-bottom: 20px; }
.switchable-triggers { z-index: 10; position: absolute; bottom: 20px; text-align: center; width: 100%; }
    .switchable-triggers li { cursor: pointer; display: inline-block; margin-right: 10px; width: 10px; height: 10px; text-align: center; background: #5c5c5c; border-radius: 50%; outline: none; overflow: hidden; font-size: 0; line-height: 0; *display: inline; zoom: 1; }
        .switchable-triggers li.current { background: #0092ff; }
/*服务理念*/
.idea_content{margin: 100px auto 0;text-align: center;overflow: hidden;}
.idea_left{width:300px;float: left;min-height: 800px;margin-bottom: 50px}
.idea{margin-left: 320px}
.idea_right{float: right;width: 800px;text-align: center}
.idea_left h1{font-size: 20px;text-align:left}
.idea_left dl{color: #5c5c5c;font-size: 18px;width:300px; text-align: left;cursor: pointer;float: left }
.idea_left dt{background: #ccc;color: #5c5c5c;height:52px;  line-height:52px;padding: 0 20px;margin: 0;border-bottom:1px solid #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap }
.idea_left dt:hover{background: #0092ff;color: #ffffff}
.idea_left dd{font-size: 16px;padding: 0 20px;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.idea_left dd:hover{color: #0092ff}
.idea_right p{font-size: 18px;line-height: 40px;text-align: left;text-indent: 2em}
.idea_right img{width: 600px;margin: 50px 0}
.idea_right h1{font-size: 20px;height: 40px;line-height:40px;width: 100%;border-bottom: 1px solid #ccc}
.idea_right .time{float: right;font-size:12px; }
.case_show{display: none}

/*手机版*/
/*首页*/
@media all and (min-width: 320px) and (max-width:768px) {
    h3 {font-size:16px; }
    .header_wrap { height: 50px; min-width: 0; width: 100%; }
    .header { height: 50px; line-height: 50px; width: 100%; }
    .logo { height: 23px; margin-left: 3%; padding: 13px 0; }
    a.wx, a.qq, .nervous, .footer_wrap { display: none; }
    .menu { width: 100%; height: auto; background: gray; opacity: 0.8; margin: 0; position: fixed; top: 0; left: 0; display: none; }
        .menu > li { float: none; width: 100%; text-align: center; padding: 0; border-bottom: 1px solid #bbb; line-height: 40px; display: block; }
            .menu > li > a { font-size: 14px; color: #ffffff; }
    .switchable-triggers { bottom: 10px; }
        .switchable-triggers li { width: 8px; height: 8px; margin-right: 5px; }
    .circle { display: block; z-index: 1000; position: absolute; right: 3%; top: 12px; width: 25px; }
    .container{ width: 100%; }
    .app { width: 100%; padding: 19px 3%; margin: 0; box-sizing: border-box;}
        .app .title {font-size: 16px;margin-bottom:5px }
        .app img { width:88px; height:88px;border: 2px solid #0092ff;padding:5px; }
        .app p { font-size: 14px; line-height: 1.9em; }
        .app:nth-child(odd) .caseImg {margin-right:10px;}
         .app:nth-child(even) .caseImg {margin-left:10px;}
        .app:nth-child(odd) .app_font {margin-top: 10px;}
        .app:nth-child(even) .app_font {margin-top: 10px;}
        .app:nth-child(odd){background:#fafafa}

        .iphone_case{margin-top:10px;} 
.iphone_case span{width: 30%;height: 1px;margin: 10px 6%;} 
.iphone_case p{font-size:16px;} 
    .hd_pics{top:0;height:150px;min-width:0}
    .auto{margin: 50px auto 0;}
    /*img.big { min-width: 0;height:150px;}*/
    .slide_h {width:100%;left:0;margin-left:0;}
    .slide_h li{height:150px;}
    .slide_h li a{width:100%}
    .slide_h li:nth-child(odd) img.small { height:80px;}
    .slide_h li:nth-child(even) img.small { height:80px;}
    .banner_font { width: 90%;height:100px; margin: 45px auto 0;}
    .slide_h li p { font-size: 12px; color: #5c5c5c; }
    .slide_h li h2 { font: bolder 16px 'Microsoft Yahei'; color: #5c5c5c;margin-bottom:5px }
    .switchable-triggers{bottom:10px}
    /*产品服务*/
    .product_content { display: none; }
    .iphone_product { display: block; padding-top: 50px; }
        .iphone_product > div { overflow: hidden; padding: 5% 3%; border-bottom: 1px solid #ccc; }
            .iphone_product > div:last-child { border: none; }
            .iphone_product > div > img { width: 14%; float: left; }
            .iphone_product > div > span { float: left; display: block; margin-left: 4%; width:82%; }
                .iphone_product > div > span > h3 { font-size: 16px; color: #5c5c5c; margin-bottom: 3%; }
                .iphone_product > div > span > p { font-size: 14px; color: #5c5c5c; line-height: 20px; letter-spacing: 1px; }
    /*新闻资讯*/
    .news_content { display: none; }
    .rd_news { display: block; padding: 50px 0 0; }
    .rd_news > h3{margin-left:3%}
        .rd_news > h3, .dt_news > h3 { color: #0092ff; font-size: 16px; margin-bottom: 3%; }
    .iphone_news { width:100%; overflow: hidden;padding: 10px 0;position:relative;margin:3px auto;background:#fafafa }
        .iphone_news > a > img { width: 40%; float: left; padding:0 10px; box-sizing: border-box; }
    .iphone_news_font { margin-right: -46%; }
        .iphone_news_font > p { font-size: 14px; color: #5c5c5c; line-height: 25px; margin-right: 33%;margin-top:3% }
    p.newsInfo { text-align: right; color: #999; font-size: 12px;position: absolute;bottom: 12px;right:17px; }
    .dt_news > ul > li { font-size: 14px; color: #5c5c5c; border-top: 1px solid #dfdfdf; height:50px; line-height:50px; padding: 0 3%; }
     .dt_news > ul > li:last-child{border-bottom: 1px solid #dfdfdf;}
    .dt_news { display: block; }
        .dt_news > h3 { padding-left: 3%; }
    .back {width:8px;margin:18px 0;float:right}
    .dt_a{width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}
    .more_news { display: block; width: 100%; height: 30px; background: #efefef; text-align: center; line-height: 30px; font-size: 14px; color: #5c5c5c; margin-top: 3%; }
    /*案例展示*/
    .case_content { display: none; }
    .show0 { display: none; }
    .iphone_ul { width: 100%; background: #efefef; height: 50px; padding-top: 50px;display:table }
        .iphone_ul > li {font-size: 16px; color: #5c5c5c; height: 50px; line-height: 50px; text-align: center; /*margin: 0 5%;*/display:table-cell; cursor: pointer;width:auto }
    .case_show { width: 94%; padding: 1% 3%; display: block; }
        .case_show > div > p { font-size: 14px; color: #5c5c5c;padding:10px 0 }
        .case_show > div > a > img { width: 100%; }
    .iphone_ul > li:nth-child(1) { border-bottom: 1px solid #3399ff; color: #3399ff; }
    /*移动电子政务*/
    .go_content { margin: 50px auto 0; overflow: hidden; width: 94%; font-size: 15px; padding: 0 3%; }
    .go_top { overflow: hidden; margin: 10px auto; }
        .go_top > img { float: left; width: 35%; margin-right: 25px; }
        .go_top > p { font-size: 14px; line-height: 25px; }
    /*关于我们*/
    .about > img, .about_intro > span > img, .en_title { display: none; }

    .about_content { padding: 3% 3%; width: 93%; margin: 50px 0 0; }
        .about_content > p { font-size: 14px; }
        .about_content > h1 { margin: 0; text-align: left; font-size: 16px;color:#0092ff }
    .about { width: 100%; margin: 0; overflow: visible; }
    .about_intro { margin: 12px 0 0; float: none; width: 100%; }
        .about_intro > span { margin: 2% 0; width: 90%; padding: 0 5%; }
            .about_intro > span > h6, .about_intro > span > p { display: inline; font: lighter 14px 'Microsoft Yahei'; margin: 0; }
            .about_intro > span > p { line-height: 26px; }
    .iphone_er { display: block; width: 100%; text-align: center; }
        .iphone_er > img { width: 25%; float: none; }
        .iphone_er > p { width: 100%;color: #5c5c5c; font-size: 14px; padding:0; }
    #allmap { width: 100%; }
    /*新闻内页*/
    .innews_content { width: 100%; padding: 5% 0; margin: 50px 0 0; }
        .innews_content > h1 { font-size: 17px; border: none; width: 90%; height: 30px; color: #5c5c5c; line-height: 30px; }
        .innews_content > span { width: 85%; color: #a1a1a1; }
        .innews_content img { width: 90%;    display: inherit; }
        .innews_content > p { font-size: 14px; line-height: 28px; padding: 0 20px; }
            .innews_content > p:nth-child(2), .innews_content > p:nth-child(3) { display: block; }
    #text2, #text3 { display: block; }
     /*服务理念*/
    .idea_content{display: none}
   .sj_idea{margin-top: 60px}
}



@media all and (min-width: 320px) and (max-width:400px) {
    .iphone_app { padding: 4% 0 0; }
        .iphone_app > span:last-child { display: none; }
        .iphone_app > span { width: 23.8%; }
    .iphone_ul > li { margin: 0 4%; }
    .iphone_case span{width: 30%;height: 1px;margin: 10px 5%;} 
}

@media all and (min-width: 320px) and (max-width:350px) {
    .iphone_ul > li { margin: 0 3%; }
    .innews_content > h1 { font-size: 16px; }
     .slide_h li:nth-child(odd) img.small { height:60px}
    .slide_h li:nth-child(even) img.small { height:64px}
      .banner_font { width: 92%;height:100px;}
       .slide_h li h2{font-size:15px}
}
@media all and (min-width:600px) and (max-width:800px) {
     .hd_pics{top:0;height:200px}
      /*.slide_h li:nth-child(odd) img.small { height:120px;}
    .slide_h li:nth-child(even) img.small { height:120px;}*/
    .switchable-triggers li { width: 15px; height:15px; margin-right: 10px; }
    .slide_h li:nth-child(odd) img.small { height:100px}
    .slide_h li:nth-child(even) img.small { height:100px}
    .slide_h li p { font-size: 22px; color: #5c5c5c; }
    .slide_h li h2 { font: bolder 25px 'Microsoft Yahei'; color: #5c5c5c;margin-bottom:0 }
}