/*-----------------------RESET----------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
fieldset,img { border: 0; }abbr,acronym { border: 0; font-variant: normal; }
:focus { outline: 0; }
address,caption,cite,code,dfn,em,th,var,
optgroup { font-style:normal; font-weight: inherit; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
ol,ul,li,dl,dt,dd{list-style: none;}

img {border:0; outline:0;}
a,
a:visited{color:#333333;text-decoration:none;}
a:hover,
a:active{color:#db2322;}

.fl{float:left;}
.fr{float:right;}

.clear{zoom:1;height:0;}
.clear:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}

/*============================= 公用 =============================*/
body{line-height:1.5;font-family:Microsoft Yahei,Simsun;}

.layout{width:1180px;margin:0 auto;position:relative;}

.block{padding:48px 0;zoom:1;}
.block:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.block .headline{text-align:center;color:#787878;font-weight:500;font-size:32px;}
.block .headline .split{margin:0 10px;font-family:Simsun;}
.block .summary{width:995px;margin:30px auto;text-align:center;font-size:16px;color:#4d4e4e;}

/*============================= ͷ   =============================*/
.header{height:90px;background:#fff;}
.header .logo{overflow:hidden;position:absolute;left:0;top:20px;display:block;width:232px;height:50px;background:url(/images/logo.png);text-indent:-999em;}
.header .navigation{float:right;}
.header .navigation ul{zoom:1;margin-top:20px;}
.header .navigation ul:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.header .navigation ul li{float:left;padding:0 30px;}
.header .navigation ul a,
.header .navigation ul a:visited{display:block;height:50px;line-height:50px;}
.header .navigation ul li.hover a,
.header .navigation ul li.hover a:visited{color:#db2322;border-bottom:#db2322 3px solid;}

/*=============================  ײ  =============================*/
.footer{height:268px;min-width:1180px;background:#323232;color:#989898;}
.footer .left{width:720px; margin:50px 0 0 30px; border-right:1px solid #585858;}
.footer .left div.per{font-size:14px; line-height:32px;}
.footer .left div a{color:#989898;}
.footer .left div.link span{display:inline-block; width:1px; height:16px; margin:-2px 30px; background:#989898;}
.footer .left .tel i{display:inline-block; font-size:26px; color:#7a7a7a; font-weight:bold; padding-left:45px; background:url(/images/icon_foot.png) no-repeat; margin:20px 60px 15px 0;}
.footer .left .tel i.fax{background-position:0 -50px;}
.footer .right{width:360px; height:268px; margin-right:20px;}
.footer .right p{float:right; color:#989898; width:150px; text-align:center; font-size:14px; margin-left:25px; margin-top:50px;}
.footer .right p img{display:block; margin:0 auto 15px;}

/*=============================   ҳ =============================*/
.focus{background:url(/images/temp/focus.jpg) no-repeat center center;height:500px;}

.MainBanner{max-width:1920px; width:100%; min-width:1180px; height:500px; overflow:hidden; margin:0 auto; position:relative; z-index:1;}
.MainBanner .group{width:1920px; height:500px; position:relative;}
.MainBanner .group .front{display:block; position:absolute; left:-280px; bottom:110px; text-align:center; width:100%; z-index:2;}
.MainBanner .group .front img{ max-width: 100%;} 
.MainBanner .group .back{display:block; position:relative; z-index:1;}
.MainBanner .btnGroup{position:absolute; width:100%; text-align:center;	left:0; bottom:20px; z-index: 3;}
.MainBanner .btnGroup .LeftArrowBtn{display: inline-block; height: 25px; width: 40px; margin-right: 5px; background: url(/images/arrow_left.png) center no-repeat;}
.MainBanner .btnGroup .RightArrowBtn{display: inline-block; height: 25px; width: 40px; margin-left: 5px; background: url(/images/arrow_right.png) center no-repeat;}
.MainBanner .btnGroup .LeftArrowBtn:hover{background: url(/images/arrow_left.png) center no-repeat #fcb44b;}
.MainBanner .btnGroup .RightArrowBtn:hover{background: url(/images/arrow_right.png) center no-repeat #fcb44b;}

.banner-home{background:url(/images/focus/home-banner.jpg) no-repeat center center;background-size:cover ;text-align: center;padding:80px 0;}
.banner-home img{max-width: 100%;}

.block-about .summary{text-align:left;}
.badge-box ul{padding:15px 0;text-align:center;}
.badge-box li{display:inline-block;*display:inline;*zoom:1;width:122px;margin:0 25px;}
.badge-box .badge-img,
.badge-box .badge-txt{display:block;}
.badge-box .badge-img{height:133px;background:url(/images/badge-sprite.png);}
.badge-box .badge-txt{margin-top:10px;text-align:center;font-size:18px;}
.badge-box li.item1 .badge-img{background-position:0 0;}
.badge-box li.item2 .badge-img{background-position:0 -133px;}
.badge-box li.item3 .badge-img{background-position:0 -266px;}
.badge-box li.item4 .badge-img{background-position:0 -399px;}
.block-business{background:#eff4f7; min-width:1180px;}
.block-business .headline{color:#4d4e4e; }
.block-business table,.block-business table tr,.block-business table tr td{border-collapse:collapse; }
.block-business table img{}
.block-company .headline{color:#4d4e4e;}
.block-company .headline p{font-size:25px; color:#999; margin-bottom:30px;}
.block-company .layout div.fl{margin-right:20px;}
.block-company .layout div{width:380px; height:420px; background:#f8f8f8;display:inline-block; }
.block-company .layout div h1{font-size:20px; color:333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;padding:60px 25px 0 25px;}
.block-company .layout div p.time{color:#999; font-size:14px; line-height:40px; padding:0 25px;}
.block-company .layout div p.abstract{font-size:14px; color:#999; line-height:24px; padding:30px 25px 25px; height:80px;}
.block-company .layout div img{width:100%;}

/*=============================          =============================*/
.about_page .banner{width:100%; min-width:1180px; height:320px; background:url(/images/about_banner_bg.jpg) no-repeat center; text-align:center;}
.about_page .banner p.slogan{font-size:48px; color:#fff; padding-top:90px; padding-bottom:10px;}
.about_page .banner p.name{font-size:26px; color:#fff; font-weight:lighter; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;;}
.about_page .about_block .summary{text-align:left;}
.about_page .about_block .summary img{padding-right:35px;}
.about_page .about_block .summary img.last{padding:0;}
.about_page .culture_block{background:#eff4f7; min-width:1180px;}
.about_page .culture_block .headline{color:#4d4e4e; min-width:1180px;}

.service_block{padding-top:0;/*background:#1099d8;*/}
.service_block:after{content:'\0020';display:block;height:0;line-height:0;font-size:0;clear:both;visibility:hidden;}
.service_block .layout{width:100%;}
.service_block .headline{padding:50px 0 90px 0;background:#1099d8;color:#fff;}
.service_block .list{width:1100px;margin:-70px auto 0 auto;padding:47px 0;background:#fff;}
.service_block .service_list,
.service_block .service_list th,
.service_block .service_list td{border-collapse:collapse;border:none;vertical-align:top;}
.service_block .service_list th{width:160px;background:url(/images/gray_line.gif) repeat-y center top;}
.service_block .service_list td{padding-right:40px;}
.service_block .service_list th span{display:block;width:76px;height:76px;margin:0 auto;border:2px solid #818181; border-radius:40px; -webkit-border-radius:40px; -ms-border-radius:40px; -moz-border-radius:40px; text-align:center; line-height:78px; font-weight:bold; font-size:19px; color:#818181; background:#fff;}
.service_block .service_list th span.now{color:#db2322; border:2px solid #db2322;}
.service_block .service_list td ul{padding:25px 10px 25px 0; border:1px solid #ececec; margin-bottom:30px;}
.service_block .service_list td ul li{color:#666; font-size:14px; line-height:28px; position:relative;}
.service_block .service_list td ul li i{position:absolute; width:4px; height:4px; background:#db2322;margin: 0 20px; left:0; top:12px; border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px;}
.service_block .service_list tr td ul li font{display:inline-block; padding-left:45px;  }
.service_block .vertical-line{position:absolute; width:1px; height:800px; background:#cecece; top:40px; left:80px;}
.service_block .button_layout a{display:block; width:200px; height:50px; line-height:50px; background:#ed7000; color:#fff; font-size:14px; text-align:center; margin:10px auto;}

/*=============================   Ӫҵ   =============================*/
.business_page .banner{width:100%; min-width:1180px; height:140px; background:url(/images/business_banner_bg.jpg) no-repeat center; }
.business_page .banner p{text-align:left; line-height:140px; font-size:40px; color:#fff;}
.business_page .banner p font{font-size:30px; padding-left:10px;}
.business_page .terminal_block{height:500px;}
.business_page .block{position:relative;}
.business_page .block .fl .infomation{width:460px; padding-left:40px;}
.business_page .block .fr .infomation{width:460px; padding-right:40px;}
.business_page .block .infomation h1{font-size:30px; color:#333; margin:40px 0;font-weight:normal;}
.business_page .block .infomation p{font-size:16px; color:#666; line-height:28px; margin-bottom:30px;}
.business_page .block .infomation .advant{overflow:hidden; margin-bottom:30px;}
.business_page .block .infomation .advant span{float:left; width:68px; height:68px; background:#db2322; color:#fff; text-align:center; line-height:68px; margin-right:20px; border-radius:68px; -webkit-border-radius:68px; -moz-border-radius:68px; -ms-border-radius:68px;}
.business_page .block .infomation .advant span.b{background:#00aff0;}
.business_page .block .infomation .advant span.c{background:#51b202;}
.business_page .block .infomation .advant span.d{background:#ffae00;}
.business_page .block .infomation a{display:block; width:188px; height:48px; line-height:48px; text-align:center; border:1px solid #d0d0d0; color:#646464;}
.business_page .terminal_block img{position:relative; z-index:99; margin-right:0;}
.business_page .system_block .infomation a{background:#ff7200; color:#fff; border:none;}
.business_page .system_block .infomation a.logist{background:#00aae9; color:#fff; border:none;}
.business_page .system_block{min-width:1180px; background:#eff4f7; height:520px; overflow:hidden;}
.business_page .webchat_block{min-width:1180px; height:550px; overflow:hidden;}
.business_page .webchat_block .infomation a{background:#00b000; color:#fff; border:none;}
.business_page .webchat_block img{position:absolute; top:90px; right:40px;}
.business_page .webchat_block .fl .infomation{padding-top:40px;}


/*=============================   ˾  ̬ =============================*/
.dynamic_page .banner{width:100%; min-width:1180px; height:140px; background:url(/images/dynamic_banner_bg.jpg) no-repeat center;}
.dynamic_page .banner p{text-align:left; line-height:140px; font-size:40px; color:#fff;}
.dynamic_page .banner p font{font-size:30px; padding-left:10px;}
.dynamic_page .menu{width:200px;}
.dynamic_page .menu a{display:block; height:50px; line-height:50px; width:200px; text-align:center; color:#666; font-size:16px; border-bottom:1px solid #e6e6e6; background:url(/images/icon_dynamic.png) no-repeat 20% center;}
.dynamic_page .menu a.first{border-top:1px solid #e6e6e6;}
.dynamic_page .menu a.current{color:#db2322;}
.dynamic_page .lists{width:920px; margin-right:20px;}
.dynamic_page .lists .head font{display:block; font-size:24px; color:#333; line-height:28px; margin-bottom:20px;}
.dynamic_page .lists ul li{border-top:1px dotted #c2c2c2; padding:20px 0; overflow:hidden;}
.dynamic_page .lists ul li img{height:134px; width:270px; float:left;}
.dynamic_page .lists ul li .detail{width:625px;}
.dynamic_page .lists ul li .detail a.title{display:block; font-size:24px; line-height:24px; margin-bottom:10px;}
.dynamic_page .lists ul li .detail small{font-size:14px; color:#666; padding-right:15px;}
.dynamic_page .lists ul li .detail p.intro{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; padding:5px 0;}
.dynamic_page .lists ul li .detail small a.link{color:#6b9b75;}
.dynamic_page .lists .dede_pages{background:#f8f8f8; padding:20px; text-align:center; margin-top:20px; clear:both;}
.dynamic_page .lists .dede_pages ul{display:inline-block; *display: inline; *zoom: 1;}
.dynamic_page .lists .dede_pages ul li{float:left; padding:0; border:none;}
.dynamic_page .lists .dede_pages ul li a{display:block; padding:8px 25px; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.dynamic_page .lists .dede_pages ul li a:hover{color:#333; text-decoration:underline;}
.dynamic_page .lists .dede_pages ul li span{display:block; padding:8px 25px;border:1px solid #ddd;}

/*=============================   ϵ     =============================*/
.contact_page{padding-bottom:30px; background:#f8f8f8;}
.contact_page .banner{width:100%; min-width:1180px; height:140px; background:url(/images/contact_banner_bg.jpg) no-repeat center;}
.contact_page .banner p{text-align:left; line-height:140px; font-size:40px; color:#fff;}
.contact_page .banner p font{font-size:30px; padding-left:10px;}
.contact_page .contact p{overflow:hidden;float:left; text-align:center; color:#666; margin:80px 45px 50px; width:300px;height:212px;background:#fff;font-size:20px;}
.contact_page .contact p img{width:60px; height:60px;margin-top:20px;}
.contact_page .contact p span{display:block; font-size:18px; border-bottom:1px solid #ddd; width:100px; margin:10px auto; color:#333; padding:0 0 10px;}



/*=============================   Ѷ    ҳ =============================*/
.detail_page .banner{width:100%; height:140px; background:url(/images/dynamic_banner_bg.jpg) no-repeat center;}
.detail_page .banner p{text-align:left; line-height:140px; font-size:40px; color:#fff;}
.detail_page .banner p font{font-size:30px; padding-left:10px;}
.detail_page .place{font-size:14px; color:#666; border-bottom:1px solid #ddd;}
.detail_page .place a{color:#666; line-height:28px;}
.detail_page .title h2{font-size:24px; font-weight:normal; color:#333; line-height:80px;}
.detail_page .info{color:#999; line-height:32px; border-bottom:1px dotted #ddd;}
.detail_page .info small{margin-right:15px; font-size:14px;}
.detail_page .intro{margin:40px; padding:20px; background:#f8f8f8; color:#464646; font-size:16px; line-height:32px;}
.detail_page .content{margin:0 40px; color:#333; font-size:16px; line-height:32px;}
.detail_page .content p{text-indent:32px; margin:10px 0;}
.detail_page .content p.edit{text-align:right;}
.detail_page ul{padding:20px 72px;}
.detail_page ul li{line-height:28px; font-size:14px; color:#333;}
.detail_page ul li a{color:#555; text-decoration:underline;}

/*-------- 首页 --------*/
.boc_alert{z-index:1000;}
.boc_alert .bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:1001;}
.boc_alert .conbox{position:fixed;left:50%;top:2%;z-index:1002;transform:translateX(-50%);}
.boc_alert .conbox img{height:90%;}
.boc_alert .conbox .close,
.boc_alert .conbox .close:visited{position:absolute;top:-18px;right:-18px;display:block;width:43px;height:43px;background:url(/images/bocpormo_alert_close.png) no-repeat;}