﻿/****-----Public-----***/
/*格式化代码-s*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-family: "museo-slab"; font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; }
input, button { margin: 0; font-size: 12px; vertical-align: middle; }
table { border-collapse: collapse; }
a { color: #343434; text-decoration: none; }
img { border: none; }
/*格式化代码-e*/
.list_page { text-align: center; margin: 10px; display: block; }
.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }
.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }
.list_page ul a { color: #333; padding: 8px 12px; line-height: 18px; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }
.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }
.page_group ul li { border-right: none; border-radius: 0; float: left; }
.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }
.page_group ul li:first-child { border-radius: 4px 0 0 4px; }
.page_group ul li:last-child { border-radius: 0 4px 4px 0; }
.page_group ul .active a { background: #f3f3f3; border-radius: 0; }
#banner, #container, #link { margin: 0 auto; width: 1000px; overflow: hidden; }
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.pa { position: absolute; }
.pr { position: relative }
body, form { margin: 0; padding: 0; background: #f3f3f3; font-family: "museo-slab"; font-family: "arial", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", "宋体"; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { color: #0054be; }
div { font-size: 12px; line-height: 22px; }
.mt10 { margin-top: 10px; }
.p15 { padding: 10px; }
.clear { clear: both; }
.jqzoom { text-decoration: none; float: left; z-index: 999; }
.header, .content, .footer { width: 1000px; margin: 0 auto; }
/*头部开始*/
.top { height: 248px; background: url(../images/top_bg.gif) repeat-x left -49PX; font-family: "Microsoft Yahei"; position:relative; z-index:1000; }
.top_t { height: 38px; line-height: 38px; border-bottom: 1PX solid #EBEBEB; }
.top_t p { float: right; }
.top_t p a { padding: 0 8px; height: 38px; line-height: 38px; }
.top_t .a_last { padding-right: 0; background:url(../images/top_bg2.gif) repeat-x left center; color:#fff; padding:2px 8px; text-align:center; border-radius:5px; overflow:hidden; font-weight:bold;}
.top_c { height: 124px; }
.top_c h1 { float: left; margin: 20px 0 0 0; padding: 0 18px 0 0; background: url(../images/top_bor1.gif) no-repeat 112px 17px; }
.top_c h2 { float: left; padding: 40px 0 0 19px; font-size: 30px; color: #0050b9; }
.top_c h2 span { letter-spacing: 0.5px; display: block; color: #2a3895; font-size: 13px; margin-top: 6px; font-family: Arial, Helvetica, sans-serif; }
.top_c p { float: right; margin: 35Px 0 0 0; padding: 0 0 0 55px;/* background: url(../images/phone.gif) no-repeat left center;*/ font-size: 14px; text-align:center;}
.top_c p span { display: block; font-size: 22px; color: #0060c6; font-weight: bold; }
.nav { height: 48px; }
.nav li { float: left; font-size: 14px; background: url(../images/top_bor2.gif) no-repeat right center; position:relative; line-height:48px; }
.nav li a{ width:101px; padding:0 5px;color:#fff; line-height:48px; display:block; text-align:center;}
.nav li dl{ display: none; position:absolute; background:#0060c6; z-index:1000}
.nav li dl dt{ width:auto; width:120px;  }
.nav li dl a{ width:100%; margin:0 auto; display:block; padding:0; text-indent:5px;}
.nav li dl a:hover{ width:auto; display:block; padding:0;}
.nav li a:hover, .nav li.cur a { background: url(../images/top_bg2.gif) repeat-x left center; text-decoration: none; color: #fff;  }
.nav li:hover dl{ display:block;}
.nav .li_last { background: none; }
.sea { height: 38px; font-family: "Microsoft Yahei"; overflow: hidden; }
.sea_in { padding: 8px 0 0 0; }
.sea_in .key { float: left; width: 212px; height: 23px; padding: 0 0 0 10px; border: none; line-height: 23px; font-family: "Microsoft Yahei"; background: #fff; border:1px solid #f3f3f3; }
.sea_in .sub { float: left; width: 41px; height: 23px; cursor: pointer; border: none; background: #0060c6; color: #ffffff; font-family: "Microsoft Yahei"; }
.k_word { line-height: 38px; }
.k_word a { padding: 0 12px 0 0; }
.k_word span { font-weight: bold; }
/*头部结束*/


/*底部开始*/
.foot { height: 350px; background: #0050b9; font-family: "Microsoft Yahei";overflow:hidden; }
.f_nav { height: 260px; line-height: 46px; text-align: center; color: #ffffff; padding: 20px 0 }
.f_nav .col-01 { float: left; width: 115px; }
.f_nav .col-02 { float: right; width: 125px; }
.f_nav dt { font-size: 14px; font-weight: bold; text-align: left; padding-bottom: 10px; }
.f_nav dt a { font-size: 14px; font-weight: bold; text-align: left; color: #fff; }
.f_nav dd { font-size: 12px; text-align: left; line-height: 32px; }
.f_nav dd a { color: #fff; }
.copyright { height: 50PX; line-height: 50PX; color: #FFF; border-top: 1PX solid #224a7e; background: #003399; }
.copyright .width { width: 1000px; margin: 0 auto; height: 50PX; line-height: 50PX; }
.copyright .width a { color: #fff; }
/*底部结束*/


/*flash  banner  切换 */
.banner { height: 489px; padding-bottom: 64px; background: url(../images/banner_sd.gif) no-repeat center bottom; }
.banner a { height: 489px; position: absolute; }
#flashs { position: relative; }
#flashs .bgitem { }
#flashs .btn { position: absolute; z-index: 7; bottom: 85px; right: 50%; margin-right: -470px; padding: 5px 6px; }
#flashs .btn span { color: #0074F1; background: #efefef; border: 1px solid #0074F1; cursor: pointer; display: inline-block; margin-left: 5px; padding: 2px 6px; }
#flashs .btn span.cur { background: #0074F1; color: #fff; }
/*伙伴*/
.huob { height: 200px; background: #f3f3f3; font-family: "Microsoft Yahei"; }
.huob h2 { height: 32px; padding: 0 0 0 326px; background: url(../images/hb_bor1.gif) no-repeat bottom center; font-size: 16px; color: #0050ba; }
.huob h2 a { padding: 0 15px 0 42px; background: url(../images/icon1.png) no-repeat left center; color: #0050ba; font-size: 18px; }
.huob h2 .more { padding: 0; background: none; text-transform: uppercase; font-size: 10px; color: #bbbbbb; }
.hb_c { padding: 21px 20px 0; overflow: hidden; position: relative }
.hb_c em { position: absolute; left: 0; width: 20px; height: 20px; display: block; top: 50px; }
.hb_c em a { display: block; }
#LeftID5 { left: 10px; }
#RightID5 { left: auto; right: 10px; }
.hb_i { width: 862px; padding: 0; overflow: hidden; margin: 0 auto; position: relative; }
.hb_i li { float: left; width: 160px; padding: 0 15px 0 0; text-align: center; height: 110px; }
.hb_i li img { display: block; width: 154px; margin-bottom: 11px; border: 3px solid #e5e5e5; }
.hb_i .li_last { }
/*典范*/
.dianf { height: 485px; background: #efeeee; font-family: "Microsoft Yahei"; }
.df_l { width: 416px; padding: 100px 0 0 0; }
.df_r { width: 490px; padding: 70px 0 0 0; }
.df_r h2 { height: 80px; font-size: 18px; background: url(../images/df_bor3.gif) no-repeat 144px 24px; }
.df_r h2 a { padding: 3px 0 0 0; color: #0050ba; }
.df_r h2 b { float: left; padding: 0 13px 0 0; font: normal 60px/50px Impact; text-transform: uppercase; color: #0050ba; }
.df_r h2 span { display: block; padding: 0 0 5px 0; font-size: 16px; }
.df_r p { padding: 0 0 20px 20px; font-size: 14px; background: url(../images/df_bg1.gif) no-repeat left 10px; line-height: 30px; }
.df_r .jyb { display: block; width: 219px; height: 35px; margin: 0 auto; text-align: center; line-height: 35px; background: url(../images/a_bg1.gif) repeat-x left center; font-size: 16px; color: #ffffff; font-weight: bold; }
/*产品*/
.cp { height: 695px; padding: 30px 0 0 0; font-family: "Microsoft Yahei"; }
.cp_l { width: 220px; height: 663px; padding: 0 4px 9px 0; background: url(../images/cp_sd.png) no-repeat center bottom; text-align:center; }
.cp_l h2 { height: 39px; background: url(../images/cp_bg1.gif) repeat-x; text-align: center; line-height: 39px; font-size: 16px; }
.cp_l h2 a { color: #ffffff; }
.cp_menu { height: 600px; padding: 24px 0 0 0; background: #f0f0f0; }
.cp_l h3 { height: 31px; margin: 0 0 15px 0; padding: 0 0 0 20px; background: url(../images/cp_bg2.gif) repeat-x; font-size: 12px; font-weight: normal; line-height: 31px; }
.cp_l h3 a { padding: 0 0 0 25px; background: url(../images/cp_icon2.gif) no-repeat left center; color: #000000; display:block; text-align:left; }
.cp_l h3 a:hover { background-image: url(../images/cp_icon1.gif); color: #0050ba; font-weight: bold; }

.cp_l h3.son1{ font-weight:bold;}
.cp_l h3.son2 a{ background: none; }

.cp_l p { text-align:left; padding-left:13px;}
.cp_l p span { display: block; font-size: 16px; font-weight: bold; color: #0050bb; }
.cp_r { width: 745px; }
.cp_k { margin:0; padding:0; width:760px;}
.com { height: 34px; padding: 7px 0 0 0; background: url(../images/com_bor.gif) repeat-x left bottom; font-size: 16px; }
.com a { padding: 0 15px 0 42px; background: url(../images/icon1.png) no-repeat left center; color: #0050ba; }
.com .more, .fa_tit p .more { padding: 7px 0 0 0; background: none; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #bbbbbb; }
.cp_r li { float: left; width: 170px; padding: 10px 18px 0 0; text-align: center; }
.cp_r li a { color:#333; display:block;}
.cp_r li a:hover div { color:#fff;}
.cp_r li a div { width:180px;}
.cp_r li img { display: block; padding:4px;border: 1px solid #e5e5e5; width:170px; height:170px;  }
.cp_r li:hover img { border:1px solid #0054be;background:#0054be;}
.cp_r li:hover div { background:#0054be; color:#fff;}
.cp_r .li_last { padding-right: 0; }
/*买点*/
.maidian { height: 550px; padding: 60px 0 0 0; background: #fafafa; font-family: "Microsoft Yahei"; }
.md_l { top: 0; left: -25px; }
.md_r { width: 500px; z-index: 10; }
.md_r h2 { padding: 0 0 8px 58px; background: url(../images/md_bor1.gif) no-repeat center bottom; font-size: 15px; font-weight: normal; color: #0054bd; }
.md_r h2 span { padding: 0 0 0 5px; font-size: 14px; color: #000000; }
.md_r h3 { padding: 0 0 0 15px; font-size: 34px; text-transform: uppercase; }
.md_r h3 a { color: #0054bd; font-size: 28px; }
.md_r h3 span { font: normal 34px "Times New Roman"; color: #d8d8d8; }
.md_r h3 small { display: block; text-align: center; font: normal 12px Arial, Helvetica, sans-serif; color: #d7d7d7; }
.md_r p { margin: 40px 0 0 0; padding: 22px 22px 0 88px; font-size: 14px; line-height: 26px; background: url(../images/md_bg1.gif) no-repeat left top; }
.md_r p span { font-weight: bold; }
.md_r .p2 { background-image: url(../images/md_bg2.gif); }
/*优势*/
.youshi { height: 997px; background: #fff url(../images/ys_bg.gif) no-repeat center top; font-family: "Microsoft Yahei"; overflow: hidden; }
.youshi h2 { padding: 30px 0 32px 0; font-size: 30px; text-align: center; background: url(/ys_sd1.gif) no-repeat center bottom; }
.youshi h2 span { font: normal 60px "Times New Roman"; }
.youshi h2 a { color: #0050ba; }
.ys_c { height: 438px; }
.ys_c1 { padding: 10px 0 0 0; }
.ys_main { width: 444px; padding: 40px 34px 0 0; }
.ys_main h3 { height: 75px; font-size: 26px; color: #0050ba; background: url(/ys_bor2.gif) no-repeat 80px 35px; }
.ys_main h3 a { color: #0050ba; }
.ys_main h3 b { float: left; padding-right: 5px; font: normal 70px/60px "Times New Roman"; color: #c8c8c8; }
.ys_main h3 small { padding-left: 5px; font: normal 12px Arial, Helvetica, sans-serif; color: #999999; }
.ys_main h3 span { display: block; padding-top: 5px; font-size: 16px; }
.ys_main p { clear: both; padding: 0 0 35px 23px; background: url(/ys_icon1.gif) no-repeat 10px 10px; font-size: 14px; line-height: 26px; }
.ys_main p span { font-weight: bold; }
.ys_c1 .ys_slide { padding: 10px 20px 35px 0; background: url(/ys_sd2.gif) no-repeat left bottom; }
.ys_c2 .ys_main { padding: 40px 0 0 30px; }
.ys_c2 .ys_main p { padding-bottom: 55px; }
.ys_c2 .ys_slide { right: 0; top: -45px; }
/*见证*/
.jianz { height: 480px; padding: 15px 0 0 0; font-family: "Microsoft Yahei"; overflow: hidden; }
.jianz h2 { margin-bottom: 25px; }
.jianz dl { width: 455px; height: 165px; padding: 0 0 45px 0; }
.jianz dt { float: left; width: 197px; }
.jianz dt img { display: block; width: 191px; border: 3px solid #e2e2e2; }
.jianz dd { float: right; width: 239px; }
.jianz dd h4 { font-size: 14px; line-height: 46px; _line-height: 20px; }
.jianz dd h4 a { color: #0050ba; }
.jianz dd p { height: 88px; overflow: hidden; line-height: 24px; color: #333333; }
.jianz dd .ckxq { display: block; width: 78px; height: 21px; text-align: center; line-height: 21px; color: #f2f2f2; background: #bfbfbf; }
/*走进*/
.zoujinaks { height: 392px; background: url(../images/zj_bg.jpg) no-repeat center top; font-family: "Microsoft Yahei"; }
.zoujinaks h2 { padding-top: 35px; background-image: url(../images/zj_bor.gif); }
.zoujinaks h2 a { background-image: url(../images/zj_icon1.gif); color: #ffffff; }
.zoujinaks h2 .more { color: #b3c6e8; }
.zoujinaks dl { padding: 30px 0 0 0; }
.zoujinaks dt { float: left; width: 404px; height: 242px; background: url(../images/zj_bg2.jpg) no-repeat right bottom; }
.zoujinaks dt img { width: 397px; }
.zoujinaks dd { float: right; width: 510px; }
.zoujinaks dd h4 { font-size: 16px; line-height: 46px; }
.zoujinaks dd h4 a { color: #ffffff; }
.zoujinaks dd p { height: 160px; overflow: hidden; line-height: 24px; color: #ffffff; }
.zoujinaks dd .ckxq { color: #FC0; font-size: 14px; }
/*资质*/
.ziz { height: 370px; padding: 40px 0 0 0; font-family: "Microsoft Yahei"; }
.ziz h2 { height: 44px; }
.ziz h2 a { display: inline-block; height: 39px; margin-right: 10px; padding: 0 20px; line-height: 39px; background: #dddddd; font-weight: normal; color: #666666; }
.ziz h2 a:hover, .ziz h2 a.cur { background: #0050ba; color: #ffffff; text-decoration: none; }
.ziz h2 .more:hover { background: none; color: #bbbbbb; text-decoration: underline; }
.zz_c { clear: both; padding: 27px 10px 0; overflow: hidden; }
.zz_c em { padding: 92px 0 0 0; }
.zz_i { width: 902px; margin: 0 0 0 14px; overflow: hidden; }
.zz_i li { float: left; width: 165px; margin: 0 25px 0 0; text-align: center; }
.zz_i li a { color: #343434 }
.zz_i li img { display: block; width: 159px; margin-bottom: 8px; border: 3px solid #e2e2e2; height: 225px; }
.zz_i .li_last { }
/*资讯*/
.zixun { height: 465px; font-family: "Microsoft Yahei"; }
.went, .zx_c { width: 255px; padding: 0 40px 0 0; background: url(../images/zx_sd.gif) no-repeat right center; }
.went dl { padding: 14px 0 0 0; border-bottom: 1px dashed #b2b2b2; }
.went .dl4 { border: none; }
.went dt { padding: 0 0 0 27px; background: url(../images/wen.gif) no-repeat left center; font-size: 12px; line-height: 20px; font-weight: bold; }
.went dt a { color: #0050ba; }
.went dd { height: 55px; padding: 5px 0 0 27px; background: url(../images/da.gif) no-repeat left 10px; line-height: 24px; }
.zx_c { width: 373px; }
.zx_c h3 { padding: 14px 0 17px 0; }
.zx_c h3 img { display: block; width: 362px; border: 3px solid #e2e2e2; }
.zx_c li { padding: 0 0 0 8px; background: url(../images/ys_icon1.gif) no-repeat left center; border-bottom: 1px dashed #b2b2b2; line-height: 32px; }
.zx_c li span { float: right; }
.zx_c .li_last { border: none; }
.zx_c2 { width: 242px; padding: 0; background: none; }
.zx_c2 h3 img { width: 236px; }
/*链接*/
.link { height: 125px; background: url(../images/link_bor.gif) no-repeat right 10px; font-family: "Microsoft Yahei"; }
.link h2 { float: left; font-size: 16px; color: #999999; }
.link h2 a { display: block; color: #0050ba; }
.link h2 span { font: normal 26px "Times New Roman"; text-transform: uppercase; }
.link h2 .sq { font-size: 12px; font-weight: normal; color: #999999; }
.link p { float: right; padding: 30px 0 0 0; width: 825px; line-height: 26px; }
.link p a { float: left; width: 80px; }
/* container */
body.page { background: #fff; }
#container { width: 1000px; margin: 0 auto; margin-top: 10px; background: #fff; }
#container .right { float: left; width: 200px; background: #f0f0f0; }
#container .left { float: right; width: 780px; min-height:550px;_min-height:550px; }
.pc_header { height: 39px; background: url(../images/cp_bg1.gif) repeat-x; text-align: center; line-height: 39px; font-size: 14px; color: #fff; }
.pc_header img { display: none; }
.category { }
.category li { height: 31px; margin: 0 0 9px 0; padding: 0 0 0 20px; background: url(../images/cp_bg2.gif) repeat-x; font-size: 12px; font-weight: normal; line-height: 31px; }
.category li a { background: url(../images/cp_icon2.gif) no-repeat left center; color: #666; font-weight: bold; padding-left: 28px; }
.category li:hover a { background: url(../images/cp_icon1.gif) no-repeat left center; color: #0050ba; font-weight: bold; padding-left: 28px; }
.category li.hover a { background: url(../images/cp_icon1.gif) no-repeat left center; color: #0050ba; font-weight: bold; padding-left: 28px; }
/*page_banner*/
.page_banner { width: 100%; margin: 0 auto; background: url(../images/page_about.jpg) center no-repeat; height: 250px; }
.page_banner_about {  width: 100%; margin: 0 auto; background: url(../images/banner_ceo.jpg) center no-repeat; height: 250px;}
.page_banner .width { display: none; }
/*position*/
#position { line-height: 37px; border: 1px solid #ccc; text-indent: 18px; border-radius: 5px; }
/*left*/
.left .pc_header { margin-top: 10px; display:none; }
/* .pc_body.about */
.pc_body.about { line-height: 24px; padding:10px; }
.pc_body.about img { max-width: 780px; }
.container-fluid { padding: 15px 0; }
.container-fluid .box { margin-bottom: 20px; float: left; width: 246px; }
.container-fluid .box img { max-width: 100%; width: 100%; }

/* 新闻列表*/
.newslist ul{margin:10px 10px 10px 10px;padding:0;list-style:none;overflow:hidden;}
.newslist ul li{clear:both;line-height:35px;height:35px;border-bottom:1px dashed #ccc;}
.newslist ul li.mid{ border-bottom:none;line-height:20px;height:20px;}
.newslist ul li a{font-size:13px;}
.newslist ul li span{float:right;color:#999;font-family:verdana;font-size:12px;}
.newsshow { padding-top:15px;}
.newsshow h1{text-align:center;font-size:16px;font-weight:normal;font-family:microsoft yahei;}
.newsshow .info{text-align:center;color:#999;padding:5px 0;}
.newsshow .content{line-height:24px; width:auto; padding:0 10px;}
.newsshow .content p{margin:5px 0;}
.newsshow .content img{max-width:720px;}
.newsshow .pre{margin:10px 0 5px 0;color:#999;}
.newsshow .next{margin:0 0 10px 0;color:#999;}

/*zdd*/
.piclist ul { margin: 0; padding: 0; list-style: none; width: 785px;overflow:hidden;padding: 10px 0px; }
.piclist ul li { float: left; width: 180px; text-align: center; margin-bottom: 30px; margin-right:14px; background:#fff; border:1px solid #f1f1f1; }
.piclist ul li img { vertical-align: top }
.piclist ul li div { line-height: 30px; height: 30px; background:#f1f1f1;  }
.piclist ul li a img {padding: 5px; }
.piclist ul li a:hover img {  }
.piclist ul li:hover{ background:#0054be;}
.piclist ul li:hover div { color:#fff; background:#0054be;}




