body{margin:0px auto;padding:0px;color:#5a5859;font-size:12px;font-family:Arial;line-height:18px;background-color:#f0f0f0;}
a:link{color:#5a5859;text-decoration:none;}        
a:visited{color:#5a5859;text-decoration:none;}
a:hover{color:#0072bb;text-decoration:none;}
img{border:none;}
ul,li,h1,h2,h3,p{margin:0px;padding:0px;}
li{list-style:none; }
div,ul,li{display:block;}

/*iphone width
    iphone4: 320x480
    iphone5: 320x568
    iphone6: 375x667
    iphone6s:414x736
    */
.wrap{margin:0px auto;display:block;}
.clear{height:5px;margin:0px;padding:0px;clear:both;}
.l{float:left;display:block;}
.r{float:right;display:block;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:18px;}
.fb{font-weight:bold;}
.fl{font-weight:lighter;}
.fi{font-style:italic;}
.yh{font-family:Microsoft Yahei;}
.greybg{background-color:#f8f8f8;}
.bline{padding:0px 0px 30px 0px;border-bottom:solid 1px #ddd;}
.delay{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.slow{transition:all 800ms;-moz-transition:all 800ms;-webkit-transition:all 800ms;-o-transition:all 800ms;}

.device{width:100%;max-width:750px;margin:0px auto;background-color:#fff;}
.device div{overflow:hidden;}

.top{position:fixed;width:100%;max-width:750px;margin:0px auto;height:60px;background-color:rgba(255,255,255,0.98);top:0px;z-index:999;}
.top .logo{float:left;margin:10px 0px 0px 10px;}
.top .logo img{height:40px;}

/*目录开关*/
.p_menu_link{width:20px;height:17px;display:block;overflow:hidden;
                        position:fixed;top:21px;right:10px;z-index:9999;
                        transition:all 200ms;-moz-transition:all 200ms;-webkit-transition:all 200ms;-o-transition:all 200ms;
}
.p_menu_link span{width:20px;height:2px;background-color:#013d7b;display:block;position:absolute;
                  transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;-o-transition:all 500ms;}
.p_menu_link.on{}
.p_menu_link.on span.i1{left:0px;top:1px;}
.p_menu_link.on span.i2{left:0px;top:7px;width:16px;margin:0px 0px 0px 4px;}
.p_menu_link.on span.i3{left:0px;top:13px;}
.p_menu_link.off{}
.p_menu_link.off span{background-color:#262626;}
.p_menu_link.off span.i1{left:0px;top:7px;transform:rotate(-45deg);}
.p_menu_link.off span.i2{left:20px;top:7px;opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}
.p_menu_link.off span.i3{left:0px;top:7px;transform:rotate(45deg);}

/*手机版右侧目录*/
.phone_menu{position:fixed;width:100%;height:100%;max-width:750px;margin:0px auto;top:0px;z-index:9998;display:none;}
.phone_menu .p_tm{position:absolute;width:100%;height:100%;top:0px;right:0px;z-index:1;background:rgba(0,0,0,0.67);}
.phone_menu .p_menu{position:absolute;width:100px;height:100%;top:0px;right:0px;background-color:#fff;padding:60px 15px 0px 15px;z-index:20;}
.phone_menu .p_menu .item{border-bottom:solid 1px #ddd;min-height:40px;position:relative;}
.phone_menu .p_menu .item a{display:block;overflow:hidden;width:100%;text-align:right;}
.phone_menu .p_menu .item a.p{height:40px;line-height:40px;font-size:14px;font-weight:bold;}
.phone_menu .p_menu .item a.sel{font-weight:bold;}

.phone_menu .p_menu .item .submenu{width:100%;padding:0px 0px 10px 0px;}
.phone_menu .p_menu .item .submenu a{height:25px;line-height:25px;padding:0px 0px 0px 0px;clear:both;font-size:12px;font-weight:lighter;}
/*目录end*/

.wrap_tle{text-align:center;clear:both;padding:35px 0px 25px 0px;}
.wrap_tle h1{font-family:Arial;font-size:30px;font-weight:lighter;line-height:36px;padding:0px 0px 10px 0px;text-transform:uppercase;}
.wrap_tle h2{font-size:18px;letter-spacing:1px;font-weight:lighter;}

.service{padding:0px 10px 25px 10px;}
.service ul{border-top:solid 1px #e0e0e0;border-left:solid 1px #e0e0e0;overflow:hidden;}
.service ul li{width:calc(25% - 1px);height:90px;float:left;border-bottom:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;}
.service ul li a{display:block;width:100%;height:35px;overflow:hidden;padding:50px 0px 0px 0px;line-height:30px; text-align:center;font-size:13px;color:#444;
                 background-position:center 25px;background-repeat:no-repeat;background-size:18px 18px;}
.service ul li a.i1{background-image:url(/images/ico_s1.jpg);}
.service ul li a.i2{background-image:url(/images/ico_s2.jpg);}
.service ul li a.i3{background-image:url(/images/ico_s3.jpg);}
.service ul li a.i4{background-image:url(/images/ico_s4.jpg);}
.service ul li a.i5{background-image:url(/images/ico_s5.jpg);}
.service ul li a.i6{background-image:url(/images/ico_s6.jpg);}
.service ul li a.i7{background-image:url(/images/ico_s7.jpg);}
.service ul li a.moresrv{height:90px;padding:0px 0px 0px 0px;line-height:90px;}
.service ul li a.moresrv span{display:inline-block;background:url(../images/arrow.jpg) no-repeat 0px center;padding:0px 0px 0px 30px;background-size:25px 17px;}

.data_banner{background-image:url(/images/data_num_bg.jpg);background-size:cover;background-position:right center;padding:20px 0px 40px 10px;}
.data_banner .item{float:left;height:40px;margin:20px 0px 0px 0px;color:#fff;}
.data_banner .item span{float:left; overflow:hidden;height:20px;line-height:20px;font-size:14px;margin:14px 0px 0px 0px;}
.data_banner .item span.bs{height:40px;line-height:40px;font-size:30px;margin:0px 0px 0px 0px;padding:0px 5px 0px 5px;font-family:Arial;}
.data_banner .ge{float:left;width:40px;height:40px;margin:20px 0px 0px 0px;background:url(/images/x_line.png) no-repeat center center;background-size:23px 40px;}

.advantage{padding:0px 0px 25px 0px;}
.advantage .item{height:400px;background-color:#f0f0f0;border-radius:10px;padding:25px 20px 0px 20px;margin:0px 10px 0px 10px;}
.advantage .item .tle{font-size:18px;color:#000;}
.advantage .item .line{border-bottom:solid 1px #444;width:70px;height:15px;}
.advantage .item .dis{padding:10px 0px 0px 0px;line-height:28px;font-size:14px;}

.case{padding:0px 10px 25px 10px;}
.case .item{width:50%;float:left;position:relative;}
.case .item img{width:100%;}
.case .item .cover{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:10;background:rgba(0,0,0,0.4);}
.case .item .cover.c2{z-index:15;background:rgba(0,112,181,0.5);left:-100%;opacity:0;}
.case .item .arrow{width:100%;height:40px;position:absolute;top:18%;left:0px;z-index:20;background:no-repeat url(/images/arrow.png) center center;background-size:32.5px 32.5px;}
.case .item a.link{width:100%;height:60%;position:absolute;top:0px;left:0px;z-index:30;text-align:center;padding:40% 0px 0px 0px;line-height:20px;font-size:16px;color:#fff;}

.news{padding:0px 10px 35px 10px;}
.news .list{}
.news .list .item{border-bottom:solid 1px #f0f0f0;padding:15px 0px 15px 0px;}
.news .list .item .date{width:70px;height:60px;text-align:center;background-color:#ccc;color:#fff;font-size:12px;float:left;}
.news .list .item .date .d{font-size:30px;font-family:Arial;line-height:32px;padding:8px 0px 0px 0px;}
.news .list .item .subject{width:calc(100% - 80px);float:right;}
.news .list .item .subject .tle{line-height:20px;font-size:14px;padding:0px 0px 0px 0px;}
.news .list .item .subject .guid{line-height:25px;color:#999;}

.news_srh{margin:20px 0px 10px 0px;overflow:hidden;}
.news_srh .txt{width:65%;height:38px;line-height:38px; overflow:hidden;float:left;display:block;padding:0px 0px 0px 2%;margin:0px;border:solid 1px #e5e5e5;border-right:0px;background-color:#fff;font-size:14px;outline:none;
                          border-top-left-radius:4px;border-bottom-left-radius:4px;
}
.news_srh .btn{width:31%;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;float:left;overflow:hidden;background-color:#007ac7;
                          border-top-right-radius:4px;border-bottom-right-radius:4px;
}

.btm{padding:35px 10px 70px 10px;background-color:#013162;color:#fff;}
.btm .phone{height:30px;line-height:30px;background:url(/images/phone.png) no-repeat 0px center;background-size:30px 30px; padding:0px 0px 0px 40px;font-size:16px;font-weight:bold;clear:both;margin:0px 0px 20px 0px;}
.btm .qrcode{float:left;width:74px;padding:5px 0px 0px 0px;}
.btm .qrcode img{width:100%;}
.btm .info{float:right;width:calc(100% - 84px);line-height:22px;font-size:12px;}
.btm .copy{font-size:13px;color:#84a4ca;clear:both;line-height:25px;padding:20px 0px 0px 0px;border-top:solid 1px #84a4ca;text-align:center;font-size:12px;}
.btm .copy a{color:#84a4ca;}

.b_nav{height:40px;padding:5px 5px 5px 0px;position:fixed;bottom:0px;margin:0px auto;z-index:999;width:calc(100% - 5px);max-width:745px;background-color:#013162;}
.b_nav a{width:calc(25% - 5px);height:40px;line-height:40px;background-color:#3a97dd;text-align:center;display:block;overflow:hidden;float:left;margin-left:5px;color:#fff;font-size:14px;border-radius:4px;}

.banner{height:180px;background-position:center center;background-size:cover;}

.about_banner{background:url(/images/banner_about2.jpg) no-repeat center 0px;line-height:35px;padding:30px 30px 30px 30px;text-align:center;font-size:20px;font-weight:500; color:rgba(255,255,255,0.95);background-size:cover;overflow:hidden;}
.job_banner{background:url(/images/banner_recruitment.jpg) no-repeat center 0px;line-height:35px;padding:30px 30px 30px 30px;text-align:center;font-size:20px;font-weight:500;color:rgba(255,255,255,0.95);background-size:cover;overflow:hidden;}

.aboutzoom{padding:10px 10px 10px 10px;line-height:30px;font-size:14px;}
.aboutzoom p{padding:0px;margin:0px;}
.aboutzoom img{max-width:100%;}
.aboutzoom h1{font-size:24px;display:block;text-align:center;padding:20px 0px 10px 0px;line-height:35px;}
.aboutzoom .attr{text-align:center;padding:0px 0px 10px 0px;font-size:12px;color:#848584;}
.aboutzoom .attr a{color:#848584;}
.aboutzoom table.border{border-top:solid 1px #ddd;border-left:solid 1px #ddd;background-color:#fff;}
.aboutzoom table.border td{padding:4px 10px 4px 10px;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.aboutzoom table.border tr.altrow{background-color:#f7f7f7;}
.aboutzoom table{width:100%;}
.aboutzoom table tr,.aboutzoom table td{width:100%;display:block;overflow:hidden;}

.sub_category{height:40px;background-color:#fff;position:relative;}
.sub_category .b_line{height:4px;border-top:solid 1px #f0f0f0;margin:35px 0px 0px 0px;}
.sub_category .wrap{position:absolute;top:0px;left:10px;width:calc(100% - 20px);}
.sub_category a{width:80px;height:40px;line-height:35px;font-size:14px;float:left;background:url(/images/line.jpg) no-repeat 0px 10px;background-size:1px 15px; text-align:center;}
.sub_category a.sel{background:url(/images/sub_category_selbg.png) no-repeat 0px 0px;color:#fff;background-size:80px 40px;}

.service_detail{padding:10px 0px 0px 0px;}
.service_detail .item{padding:30px 0px 30px 0px;float:left;border-bottom:solid 1px #e0e0e0;}
.service_detail .item .ico{height:40px;background-repeat:no-repeat;background-size:40px 40px;background-position:10px center; padding:0px 0px 0px 60px;font-size:18px;line-height:40px;font-weight:bold;}
.service_detail .item .dis{margin:10px 0px 0px 0px;line-height:30px;}
.service_detail .item .dis li{background:url(/images/li.png) no-repeat 10px center;width:50%;float:left;text-indent:20px;font-size:12px;background-size:3px 3px;}
.service_detail .item .dis.full{margin:0px 10px 0px 10px;}
.service_detail .item .dis ul.full li{width:100%;}

.case_detail{padding:30px 0px 0px 0px;}
.case_detail ul{border-bottom:solid 1px #e0e0e0;margin:0px 0px 12px 0px;}
.case_detail ul li{height:41px;line-height:41px;padding:0px 0px 0px 10px;background-color:#f5f6fa;font-size:15px;}
.case_detail ul li.p{background-color:#0e428d;color:#fff;font-size:18px;}
.case_detail ul li.altrow{height:53px;line-height:53px;background-color:#fff;}

a.more{display:block;width:70%;height:40px;border:solid 1px #ddd;background-color:#f0f0f0;line-height:40px;text-align:center;overflow:hidden;color:#999;border-radius:4px;margin:30px auto 0px auto;font-size:14px;}
a.more.loading{background-image:url(/images/loading2.gif);background-position:center center;background-repeat:no-repeat;text-indent:-999px;background-color:#fff;}

.updown{border-top:solid 1px #ddd;margin:30px 0px 0px 0px;padding:20px 0px 20px 0px;line-height:20px;}

.contact_pnl{background-color:#fff;padding:10px 10px 30px 10px;}
.contact_pnl .face{width:100%;}
.contact_pnl .face img{width:100%;}
.contact_pnl .dis{line-height:30px;font-size:15px;padding:30px 0px 0px 0px;}
.contact_pnl .dis .line{height:3px;position:relative;margin:30px 0px 30px 0px;}
.contact_pnl .dis .line .lg{height:1px;background-color:#e0e0e0;margin:1px 0px 0px 0px;}
.contact_pnl .dis .line .lb{height:3px;background-color:#3a97dd;width:50px;position:absolute;top:0px;left:0px;z-index:1;}

.job{padding:0px 0px 10px 0px;}
.job .item{border-bottom:solid 1px #ddd;padding:20px 0px 20px 0px;}
.job .item .tle{text-align:center;padding:0px 0px 20px 0px;}
.job .item .tle .ctr{display:inline-block;padding:0px 20px 0px 20px;background-color:#094790;color:#fff;font-size:18px;overflow:hidden;line-height:35px;}
.job_email{height:80px;margin:20px 10px 0px 10px;background:#ddf2f8 url(/images/email.jpg) no-repeat 30px center;background-size:60px 60px;padding:15px 0px 0px 120px;line-height:30px;color:#ef9c12;font-size:20px;font-weight:bold;}

.onlinemsg{padding:20px 20px 0px 20px;}
.onlinemsg .item .key{line-height:20px;text-align:left;width:100%;padding:0px 0px 0px 0px;clear:both;font-size:14px;}
.onlinemsg .item .val{text-align:left;width:100%;padding:3px 0px 20px 5px;clear:both;}
.onlinemsg .txt{width:94%;padding:0px 0px 0px 0px;text-indent:5px;}
.onlinemsg select{width:94%;padding:5px 0px 5px 0px;}
.onlinemsg a.button.blue{background-color:#013162;color:#fff;width:50%;border:solid 1px #013162;}