@charset "utf-8";
/* CSS Document */

.w1200 { margin: 0 auto; width: 1200px; height: auto; }
/* top start */
#top { height: 4px; border-bottom: 1px solid #ccc; background: #01509d; }
.welcome { width: 500px; height: 28px; color: #333; font: 14px/28px "Microsoft YaHei"; }
.language { /*width: 500px;*/ height: 28px; color: #333; font: 14px/28px "Microsoft YaHei"; text-align: right; margin-top: 35px; }
.language img { margin-left: 10px; margin-right: 5px; vertical-align: middle; }
/* top end */

#header_box { width: 100%; min-width: 1200px; position: fixed; z-index: 10; background: #FFFFFF; }
/* header start */
#logo { margin: 0px 0; overflow: hidden; }
.w180 { width: 180px; height: 70px; overflow: hidden; }
.toptel { padding: 15px 0px 10px; width: 150px; height: 16px; color: #0198e7; font: 17px/16px "Microsoft YaHei"; }
.toptel img { float: left; margin-right: 10px; vertical-align: middle; }
#search { width: 180px; height: 24px; }
#search input { float: left; }
.inp_srh { width: 155px; height: 24px; line-height: 24px; text-indent: 5px; color: #999; background: url(/cn/images/search.jpg) no-repeat left center; border: none; }
.btn_srh { width: 25px; height: 24px; line-height: 24px; background: url(/cn/images/search.jpg) no-repeat -155px center; border: none; cursor: pointer; color: #fff; font: bold 14px/24px "Microsoft YaHei"; text-indent: -5000px; }
#search * { vertical-align: middle; }
/* header end */

/* content start */
.pro-type { width: 220px; height: auto; overflow: hidden; }
.tit1 { height: 30px; background: #666; color: #fff; font: 16px/30px "Microsoft YaHei"; text-align: center; }
.pro-type ul { margin: 0; padding: 0; }
.pro-type ul li { float: left; display: block; margin-top: 1px; width: 220px; height: 31px; }
.pro-type ul li a { display: block; color: #00529e; font: 12px/31px "Microsoft YaHei"; text-indent: 20px; background: url(/cn/images/pro_ico1.png) no-repeat 200px center #f2f2f2; }
.pro-type ul li a:hover { color: #fff; background: url(/cn/images/pro_ico2.png) no-repeat 200px center #999; }
.honorleft { width: 260px; height: auto; overflow: hidden; }
.protj { width: 676px; height: auto; overflow: hidden; margin-left: 22px; }
.tit2 { margin: 0 auto 10px; width: 660px; height: 30px; border-bottom: 1px solid #ddd; }
.tit2 h2 { float: left; padding: 0 30px; color: #fff; font: 16px/30px "Microsoft YaHei"; background: #666; }
.tit2 span { float: right; margin-top: 10px; width: 18px; height: 17px; }
.tit2 span a { display: block; width: 18px; height: 17px; background: url(/cn/images/more1.jpg) no-repeat; cursor: pointer; }
.tit2 span a:hover { background: url(/cn/images/more2.jpg) no-repeat; }
.i_protj { width: 1200px; height: auto; overflow: hidden; }
.i_protj ul { margin: 0; padding: 0; width: 1220px; }
.i_protj ul li { float: left; display: block; margin-right: 20px; width: 285px; height: 200px; overflow: hidden; position: relative; }
.i_protj .name { line-height: 30px; }
.i_protj .name span { display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: #C80025; }
.i_protj .name a { font-size: 16px; font-weight: bold; }
.i_protj .name a:hover { color: #0087e1 }
.w260 { width: 260px; height: auto; overflow: hidden; }
.i_contact { border-bottom: 1px solid #0198e7; color: #0198e7; font: 14px/22px "Microsoft YaHei"; padding-bottom: 10px; }
.i_contact span { color: #0066b1; font: 16px/28px "Microsoft YaHei"; }
.i_contactcon { padding-top: 20px; width: 260px; height: auto; overflow: hidden; color: #666; font: 12px/30px "Microsoft YaHei"; background: url(/cn/images/map.jpg) no-repeat center; }
.i_contactcon img { margin-right: 10px; vertical-align: middle; }
/* content end */

/* footer start */
.botmenu { height: 33px; background: #c4c4c4; text-align: center; color: #fff; font: 12px/33px "Microsoft YaHei"; }
.botmenu a { color: #fff; font: 12px/33px "Microsoft YaHei"; }
.botmenu a:hover { text-decoration: underline; }
.botmenu span { margin: 0 10px; color: #fff; font: 12px/33px "Microsoft YaHei"; }
.footer_wrap { padding: 15px 0px 10px 0px; }
.footer { margin: 0 auto; width: 1200px; height: auto; color: #969495; }
#foot_l { width: 95px; text-align: left; }
#foot_c { width: 1010px; height: auto; overflow: hidden; padding-top: 15px; line-height: 25px; }
#foot_r { width: 95px; text-align: right; }
.footer a { color: #969495; }
.footer a:hover { color: #C80025; }
/* footer end */

/* 首页新闻 */
.newp { height: 100px; border-bottom: 1px dashed #CCCCCC; margin-bottom: 10px; }
.newimg { width: 105px; height: 80px; padding-top: 7px; float: left; }
.newtxt { font-size: 12px; color: #666666; line-height: 25px; width: 145px; float: right; padding-top: 7px; }
.newtxt a { color: #666666; }
.newtxt a:hover { color: #ca0000; }
.newc { height: 30px; }
.newd a { width: 172px; line-height: 30px; float: left; background: url(/cn/images/an2.png) no-repeat left 11px; padding-left: 8px; color: #666666; }
.newd a:hover { color: #ca0000; }
.newr { width: 80px; line-height: 30px; float: right; text-align: right; color: #aaaaaa; }
/* 首页新闻 */

/* box2 */
.box2 { position: relative; padding: 48px 0 7px; background: #f5f5f5; box-shadow: 0 0 4px #e1e1e1 inset; }
.box2 .main { width: 1190px; margin: 0 auto; }
.box2 .main .tips { width: 668px; height: 182px; padding-right: 30px; border-right: 1px solid #dcdcdc; }
.pi { width: 258px; }
.pi h2 { font-size: 16px; color: #ca0000; margin-bottom: 20px; font-weight: bold; }
.pi p { float: left; width: 100%; line-height: 20px; margin-bottom: 10px; font-size: 14px; }
.pi p i { display: inline-block; *display: inline;
*zoom: 1;
width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }
.caddr i { background: url(/cn/images/caddr02.png) no-repeat center; background-size: 30px 30px; line-height: 30px; }
.caddr:hover i { background: url(/cn/images/caddr02.png) no-repeat center; background-size: 30px 30px; }
.ctel i { background: url(/cn/images/ctel02.png) no-repeat center; background-size: 30px 30px; }
.ctel:hover i { background: url(/cn/images/ctel02.png) no-repeat center; background-size: 30px 30px; }
.cmail i { background: url(/cn/images/cmail02.png) no-repeat center; background-size: 30px 30px; }
.cmail:hover i { background: url(/cn/images/cmail02.png) no-repeat center; background-size: 30px 30px; }
.ewm { width: 390px; box-sizing: border-box; text-align: center; margin-right: 20px; }
.ewmbox { text-align: center; width: 130px; }
.ewmbox img { width: 115px; height: 115px; margin-bottom: 5px; }
.ewmbox p { font-size: 14px; }
.box2 .main .list { margin-bottom: 20px; }
.box2 .main .list li { width: 85px; margin-left: 30px; float: left; }
.box2 .main .list li:first-child { margin-left: 0; }
.box2 .main .list li a { width: 100%; font-size: 12px; line-height: 2; color: #666; float: left; }
.box2 .main .list li a.tit { font-size: 14px; line-height: 25px; margin-bottom: 8px; color: #333; font-weight: bold; border-bottom: 2px solid #ca0000; }
.box2 .main .list li a:hover { color: #ca0000; }
.box2 .main .list li.footpro { width: 120px; margin-left: 20px; float: left; }
.box2 .bot { height: 42px; border-top: 1px solid #dcdcdc; line-height: 42px; text-align: center; width: 100%; background: #c4c4c4; }
.f-cb { zoom: 1; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.pi2 p { float: left; width: 100%; line-height: 20px; margin-bottom: 10px; font-size: 14px; }
.pi2 p i { display: inline-block; *display: inline;
*zoom: 1;
width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }
/*内页排版*/
.clearFix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; }
.clearFix { *zoom: 1;
}
.wrap-bg { padding-top: 37px; padding-bottom: 23px; }
.container { width: 1200px; margin: 0px auto; background: url(/cn/images/frams_bg.jpg) left; }
.siders { width: 220px; float: left; }
.tit1 { height: 30px; background: #666; color: #fff; font-size: 16px; line-height: 30px; text-align: center; }
.tit1 a:link, .tit1 a:visited { color: #fff; }
.tit1 a:hover { color: #FFFFFF; text-decoration: underline; }
.menu_left { margin: 0; padding: 0; }
.menu_left li { display: block; margin-top: 1px; height: 31px; }
.menu_left li a { display: block; color: #00529e; font: 12px/31px "Microsoft YaHei"; text-indent: 20px; background: url(/cn/images/pro_ico1.png) no-repeat 200px center #f2f2f2; }
.menu_left li a:hover { color: #fff; background: url(/cn/images/pro_ico2.png) no-repeat 200px center #999; }
.frams { float: right; width: 950px; }
.fram-title { margin: 0 auto 10px; height: 30px; border-bottom: 1px solid #ddd; }
.fram-title span { float: left; padding: 0 30px; color: #fff; font-size: 16px; line-height: 30px; background: #666; }
.fram-title .sub-menu { float: right; margin: 10px 0px 0px 0px; }
.fram-title .sub-menu em { font-family: "宋体"; padding: 0 8px; color: #c8c8c8; font-style: normal; }
.sub_content { padding: 20px 10px 20px; min-height: 300px; font-size: 14px; }
.prosub_content { margin: 10px 0; }
.sub_info { line-height: 25px; padding: 15px 0px 30px 0px; font-size: 14px; }
.sub_info p { margin-bottom: 0px; }
.sub_info img { line-height: 0px; }
.sub_contact_left { padding: 15px 8px; /*line-height:25px;*/ background: #f2f2f2; overflow: auto; }
.m_t { margin-top: 20px; }
.show_ct { padding: 20px 0px 0px; clear: both; height: 150px; overflow: hidden; }
.show_ct dl { margin: 0px 0px; width: 163px; text-align: center; overflow: hidden; float: left; display: inline; }
.show_ct dl img { overflow: hidden; border: 1px solid #CCCCCC; }
.show_ct dt a { border-image: none; display: inline-block; }
.show_ct dd a { font-size: 13px; line-height: 20px; }
.show_ct dt { overflow: hidden; }
.show_ct .to_lf { margin-top: 55px; }
.show_ct .to_rt { margin-top: 55px; }
.show_ct .to_lf { margin-right: 10px; }
.honor_ys { display: block; padding-left: 10px; }
/* 资料下载 */
.proconDL { width: 100%; height: auto; }
.pronavDL { height: 34px; margin-bottom: 19px; }
.pronavDL li { border: 1px solid #0197D4; border-image: none; margin-right: -1px; float: left; }
.pronavDL li a { padding: 0px 37px; border: 1px solid rgb(255, 255, 255); border-image: none; height: 30px; color: rgb(90, 89, 89); line-height: 30px; font-size: 16px; display: inline-block; }
.pronavDL li.on a { color: rgb(255, 255, 255); background-color: #0197D4; }
/* 新闻列表 */
.newsList { margin: 0px; padding: 0px; }
.newsCalendar { height: 84px; width: 84px; margin-right: 16px; text-align: center; margin-bottom: 18px; background: #f2f2f2; float: left; }
.newsListDate-part1 { font-size: 25px; line-height: 25px; margin-top: 20px; }
.newsListDate-part2 { font-size: 14px; line-height: 14px; }
.separatorLine { clear: both; line-height: 1px; margin: 0; font-size: 0; border-bottom: 1px dashed #dbdbdb; margin: 28px 0; }
.lineBody { float: left; width: 850px; }
.lineBody .newsTitle { font-weight: bold; }
/*内页排版*/

.sub_wrap { padding: 144px 0px 0px 0px; }
.wrap-top { background-color: #FFF; height: 70px; padding-left: 16px; }
.wrap-top h1 { margin-right: 18px; font-size: 20px; font-weight: 400; color: #333; line-height: 60px; }
.wrap-top a { display: inline-block; font-size: 14px; line-height: 70px; color: #a3a3a3; }
.wrap-top a:hover { color: #1B8267; }
.wrap-top a.home { width: 20px; height: 70px; background: url(/cn/images/bg_sign06.png) no-repeat center; }
.wrap-top span { display: inline-block; width: 28px; height: 70px; background: url(/cn/images/bg_sign07.png) no-repeat center; }
.wrap-top em { display: inline-block; font-size: 14px; line-height: 70px; color: #a3a3a3; }
.wrap-top p a { float: left; }
.wrap-top p font { float: left; display: inline-block; line-height: 70px; color: #F08519; font-weight: bold; }
.wrap-top .menu a { position: relative; display: inline-block; margin: 0 16px; font-size: 14px; line-height: 70px; color: #a3a3a3; }
.wrap-top .menu a:last-child { padding-right: 0; }
.wrap-top .menu a:after { transition: all 0.5s; }
.wrap-top .menu a:hover { color: #005BAC; }
.wrap-top .menu a:hover:after, .wrap-top .menu a.cur:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #F08519; }
.wrap-conn { background: #FFFFFF; margin-top: 15px; }
.sub_info { padding: 30px 16px; min-height: 315px; }
.wrap-pro { background-color: #FFF; height: auto; padding: 16px; border-bottom: 1px dotted #CCCCCC; }
.wrap-pro h2 { font-size: 18px; font-weight: 400; color: #333; line-height: 50px; }
.wrap-pro a { font-size: 14px; display: block; width: 292px; line-height: 30px; float: left; color: #a3a3a3; }
.wrap-pro a:hover { color: #DA231B; }
.wrap-pro a.current { color: #DA231B; font-weight: 600; }
/* 新闻列表 */
.newsList { margin: 0px; padding: 0px; margin-bottom: 25px; }
.newsCalendar { height: 52px; width: 52px; text-align: center; float: left; padding: 0px 5px; }
.newsListDate-part1 { font-size: 26px; }
.newsListDate-part2 { font-size: 14px; line-height: 16px; }
.lineBody { float: left; width: 491px; line-height: 26px; padding-left: 15px; margin-left: 15px; border-left: 1px solid #262626; }
.lineBody .newsTitle { font-weight: bold; }
.pic-mixNewsStyleSummary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsList:hover .newsCalendar { background: #DA231B; color: #FFFFFF; }
/* 新闻列表01 */
.newsList_01 { margin: 0px; padding: 0px; overflow: auto; }
.newsCalendar_01 { height: 84px; width: 84px; margin-right: 16px; text-align: center; background: #f2f2f2; float: left; }
.newsListDate-part1_01 { font-size: 25px; line-height: 25px; margin-top: 20px; }
.newsListDate-part2_01 { font-size: 14px; line-height: 14px; }
.separatorLine_01 { clear: both; line-height: 1px; margin: 0; font-size: 0; border-bottom: 1px dashed #dbdbdb; margin: 28px 0; }
.lineBody_01 { float: left; width: 1068px; line-height: 25px; }
.lineBody_01 .newsTitle_01 { font-weight: bold; }
.newsList_01:hover .newsCalendar_01 { background: #DA231B; color: #FFFFFF; }
.pro_img_show img { max-width: 100%; }
/* 产品输出方式 */
.i_pro_show { width: 968px; height: auto; overflow: hidden; }
.i_pro_show ul { margin: 0; padding: 0; width: 968px; }
.i_pro_show ul li { float: left; display: block; margin-right: 12px; width: 220px; height: auto; overflow: hidden; position: relative; line-height:0px; }
.i_pro_show .name { line-height: 20px; text-align:center; padding:5px 0px; }
.i_pro_show .name a { }
.i_pro_show .name a:hover { color: #0087e1 }
.shuli { margin: 0 auto; width: 22px; text-align: center; font-size: 24px; word-wrap: break-word; word-break: nomal; }