﻿
/* CSS Document */
/* header start*/
.w1200 { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
.header { width: 100%; min-width: 1230px; height: 146px; top: 0px; left: 0px; z-index: 8; background: #FFF; position: relative; }
.header-top { width: 100%; min-width: 1230px; height: 41px; background: url(../image/header-top.png) repeat-x; color: #999; font-size: 12px; line-height: 41px; }
.header-top a { color: #999; }
.header-top a { margin: 0px 5px; }
.color-red { color: #e31711; font-weight: bold; }
.container { width: 1024px; margin: 0px auto; }
.pull-left { float: left; }
.pull-left a { color:#cbcbcb; }
.pull-right { float: right; }
.pull-right img { vertical-align: middle; margin: 0px 5px; }
.container { width: 1024px; margin: 0px auto; }
.logo { width: 201px; height: 105px; float: left; }
.search { float: right; width: 189px; height: 26px; position: relative; margin-top: 40px; }
.search .search-text { width: 163px; height: 24px; border: 1px solid #ccc; position: absolute; left: 0px; top: 0px; text-indent: 10px; line-height: 24px; }
.search .search-btn { width: 26px; height: 26px; position: absolute; right: 0px; top: 0px; background: url(../image/search-btn.png) no-repeat; text-indent: -9999px; }
/*======顶部菜单======*/
#top .menu1 #menu1 { width: 700px; height: 105px; line-height: 105px; float: left; text-align: right; }
#top .menu1 #menu1 a { display: inline-block; font-size: 16px; font-weight: 500; color: #222; padding: 0px 20px; }
#top .menu1 #menu1 a:hover { color: #0154a4; }
#menuson { position: absolute; width: 100%; z-index: 999; }
#top .menu1 #menu1 a:hover, #top .menu1 #menu1 .A { background: url(../image/menu_hover-current.png) no-repeat; background-position: center bottom; color: #0154a4 !important; }
#menuson .son { width: 100%; margin: 0px auto; overflow: hidden; background: url(/images/shadow.png) repeat-x top center; background-color: rgba(255,255,255,0.9); }
#menuson .son #sm1 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .son #sm2 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .son #sm3 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .son #sm4 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .son #sm5 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .son #sm6 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .son #sm7 { width: 900px; height: 0px; overflow: hidden; margin: 0px auto; }
#menuson .navcon { border: 1px solid #ddd; background: #fff; float: left; width: 370px; padding: 15px; }
#menuson .navcon img { float: left; }
#menuson .navcon .nav { float: right; width: 105px; }
#menuson .navcon .nav a { display: block; height: 30px; line-height: 30px; text-align: left; background: url(../image/menuson_hover-arr.png) no-repeat; background-position: 90px center; padding-left: 5px; border-bottom: 1px solid #d4d4d4; }
#menuson .navcon .nav a:hover { background: url(../image/menuson_hover-arrA.png) no-repeat; background-position: 95px center; }
#menuson .ad { float: right; width: 450px; height: 190px; padding-top: 10px; position: relative; text-align: left; color: #888; font-size: 14px; line-height: 24px; }
#menuson .ad .view { position: absolute; bottom: 10px; right: 0px; background: #aaa; display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 13px; }
#menuson .ad .view:hover { background: #0154a4; }
#shadow { width: 100%; height: 3px; margin: 150px auto 0px auto; position: absolute; z-index: 9; top: 0px; left: 0px; }
/* header end*/
/* content start*/
.tit1 { margin-bottom: 30px; height: 44px; border-bottom: 1px solid #ddd; text-align: center; }
.tit1 h2 { margin: 20px auto 0; border-bottom: 3px solid #0092DE; width: 150px; color: #333; font: 20px/20px "Microsoft YaHei"; }
.tit1 span { color: #999; font: 12px/20px "Arial"; }
.about { margin-bottom: 30px; margin-top: 30px; color: #333; font: 13px/24px "Microsoft YaHei"; height: auto; overflow: hidden; }
.about span { color: #333; font: 20px/24px "Microsoft YaHei"; height: 50px; }
.about img { float: right; margin-left: 60px; }
.more { float: left; margin-top: 15px; width: 120px; height: 32px; border-radius: 3px; color: #fff; font: 14px/32px "Microsoft YaHei"; text-align: center; }
.more a { display: block; width: 120px; height: 32px; color: #fff; background: #0092DE; border-radius: 3px; }
.more a:hover { background: #F60; color: #fff; }
.pro_box { height: auto; overflow: hidden; background: url(../image/main2_bg.jpg) no-repeat center bottom; background-color: #F2F2F2; }
.tit2 { margin: 20px 0 30px; height: 44px; border-bottom: 1px solid #ddd; text-align: center; }
.tit2 h2 { margin: 0px auto; border-bottom: 3px solid #0092DE; width: 150px; color: #333; font: 20px/20px "Microsoft YaHei"; }
.tit2 span { color: #999; font: 12px/20px "Arial"; }
#demo { margin: 0px auto; width: 1200px; height: 236px; overflow: hidden; border: 0px dashed #CCC; }
#indemo { float: left; width: 800%; }
#demo1 { float: left; }
#demo2 { float: left; }
.inplist { height: 236px; margin-top: 30px; margin-bottom: 30px; }
.inplist ul li { background: url("/images/cponebg.png") no-repeat center; width: 277px; height: 236px; margin-right: 7px; float: left; }
.inplist ul li a { width: 270px; display: block; }
.inplist ul li a div ol { margin: 0px; width: 270px; height: 198px; }
.inplist ul li a div ul { margin: 0px auto; width: 270px; height: 30px; overflow: hidden; }
.inplist ul li a div ul h3 { padding: 0px; color: rgb(102, 102, 102); line-height: 30px; font-size: 12px; font-weight: bold; text-align: center; }
.inplist ul li a div ul p { padding: 0px 6px; color: rgb(153, 153, 153); line-height: 20px; font-family: Arial, Helvetica, sans-serif; }
.pmore { left: 105px; top: 49px; width: 65px; height: 65px; overflow: hidden; display: none; position: absolute; z-index: 40; }
.cpimg { width: 270px; height: 198px; position: absolute; z-index: 3; }
.productdiv { margin: 30px auto 30px; width: 1264px; }
.move { width: 252px; height: 242px; margin: 0px 32px; float: left; display: inline; }
.move .images { padding: 0px; border: 1px solid #ddd; line-height: 0px; }
.move .name { width: 252px; height: 50px; text-align: center; line-height: 50px; overflow: hidden; white-space: nowrap; table-layout: fixed; text-overflow: ellipsis; }
.move .name a { font-size: 14px; line-height: 50px; text-decoration: none; display: block; color: #FFF; background: #0092DE; }
.move .name a:hover { text-decoration: none; display: block; color: #FFF; background: #B4051C; }
.contact_box { height: auto; overflow: hidden; }
.learnmore { display: block; width: 180px; height: 38px; line-height: 36px; font-size: 14px; text-align: center; border: 1px solid #E6E6E6; border-radius: 100px; margin: auto; }
.learnmore:hover, .learnmore:active { background: #CC0000; color: #FFF; border: 1px solid #CC0000; }
.cla-tit { text-align: center; padding: 30px 0px; }
.cla-tit .en { font-size: 20px; line-height: 30px; text-transform: uppercase; color: #0092DE; }
.cla-tit .cn { font-size: 22px; line-height: 40px; background: url(../image/tit_bg.png) center no-repeat; }
.cla-tit .cn span { padding: 5px 15px; color: #0092DE; }
#links { padding-top: 15px; padding-bottom: 20px; border-top: 0px dotted #DDD; margin-top: 0px; }
#linksCon { width: 1190px; margin: auto; }
#links strong { color: #464646; }
#links strong img { margin-top: -3px; margin-right: 5px; height: 18px; }
#links a { color: #999; display: inline-block; margin-right: 10px; }
#links a:hover, #links:active { color: #0066CC; }
#links a img { margin-right: 5px; margin-top: -2px; }
/* footer start */
#foot { background: #3f3f3f; padding: 30px 0px; overflow: auto; }
#foot_con { width: 1200px; height: 100%; margin: auto; }
#foot_l { width: 870; float: left; }
#foot_r { width: 323px; height: 100%; float: right; }
.footList { float: left; padding-right: 60px; margin-top: 0px; background: url(../image/23.png) repeat-y left; }
.footList li a { display: block; padding-bottom: 7px; color: #cbcbcb; font-size: 13px; padding-left: 15px; }
.footList li a:hover, .footList li a:active { color: #0092DE; }
.footList li a.ftit { color: #cbcbcb; font-size: 15px; display: block; padding-top: 5px; padding-bottom: 15px; }
.footList li a.ftit:hover, .footList li a.ftit:active { color: #0092DE; }
.textarea { width: 301px; height: 68px; border-radius: 3px; background: #303030; color: #4e4e4e; padding: 10px; }
textarea { resize: none; }
textarea, input { border: none; }
.tt, .ee { float: left; height: 32px; color: #4e4e4e; background: #303030; margin-top: 5px; margin-bottom: 13px; line-height: 32px; text-indent: 40px; border-radius: 3px; }
.tt { width: 137px; margin-right: 7px; }
.ee { width: 177px; }
.send { clear: both; width: 87px; height: 32px; color: #fff; border-radius: 3px; text-align: center; background: #0066ac; font-size: 14px; cursor: pointer; }
.fff { overflow: hidden; width: 100%; background: #2c2c2c; color: #cbcbcb; padding-top: 10px; padding-bottom: 10px; }
/* footer end */

.plistmoer { margin: 25px auto; border-radius: 4px; width: 115px; height: 33px; text-align: center; color: rgb(255, 255, 255); line-height: 33px; font-size: 14px; display: block; background-color: rgb(240, 134, 25); }
.plistmoer:hover { background: rgb(221, 0, 0); color: rgb(255, 255, 255); }
.tit3 { margin: 0px 0 30px; height: 40px; border-bottom: 1px solid #ddd; }
.tit3 h2 { float: left; border-bottom: 3px solid #0092DE; color: #333; font: 20px/35px "Microsoft YaHei"; }
.tit3 span { padding-left: 10px; color: #ccc; font: 12px/35px "Arial"; }
.w570 { width: 570px; height: auto; overflow: hidden; }
.i_newtop { margin-bottom: 10px; width: 570px; height: 120px; overflow: hidden; }
.i_newtopimg { width: 180px; height: 120px; overflow: hidden; }
.i_newtoptit { margin-bottom: 10px; width: 360px; height: 20px; color: #333; font: bold 13px/20px "Microsoft YaHei"; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.i_newtopcon { width: 360px; height: 90px; color: #666; font: 12px/24px "Microsoft YaHei"; overflow: hidden; }
.news_con { width: 570px; height: 80px; overflow: hidden; }
.news_con ul { margin: 0; padding: 0; }
.news_con ul li { float: left; width: 570px; height: 28px; overflow: hidden; }
.news_con ul li a { float: left; display: block; width: 500px; text-indent: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../image/ico1.png) no-repeat left center; color: #666; font: 12px/28px "Microsoft YaHei"; }
.news_con ul li a:hover { color: #0092DE; background: url(../image/ico1.png) no-repeat left center; }
.news_con ul li span { float: right; display: block; color: #999; font: 11px/28px "Arial"; -webkit-text-size-adjust: none; }
.i_newsmore { margin-top: 5px; height: 20px; }
.i_newsmore a { color: #0092DE; font: bold 12px/20px "SimSun"; text-decoration: underline; }
.i_newsmore a:hover { color: #F60; }
.honor_box { height: auto; overflow: hidden; background: url(../image/honor_bg.jpg) no-repeat; }
.case { margin: 30px auto 30px; width: 1264px; overflow: auto; }
.case ul { margin: 0; padding: 0; }
.case ul li { float: left; margin: 0px 32px; width: 252px; height: auto; }
.case_pic { padding: 4px; border: 1px solid #ddd; width: 242px; height: 160px; overflow: hidden; background: #FFFFFF; }
.case_name { height: 30px; width: 252px; color: #333; text-align: center; font: 14px/30px "Microsoft YaHei"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case_name a:link, .case_name a:visited { color: #000000; }
.case_name a:hover { color: #0092DE; }
.move { width: 252px; height: 252px; margin: 0px 32px; float: left; display: inline; }
.move .images { padding: 0px; border: 1px solid #ddd; line-height: 0px; }
.move .name { width: 252px; height: 50px; text-align: center; line-height: 50px; overflow: hidden; white-space: nowrap; table-layout: fixed; text-overflow: ellipsis; }
.move .name a { font-size: 14px; line-height: 50px; text-decoration: none; display: block; color: #FFF; background: #0092DE; }
.move .name a:hover { text-decoration: none; display: block; color: #FFF; background: #e31711; }
.link { height: 74px; overflow: hidden; }
.link_l { width: 110px; height: auto; overflow: hidden; text-indent: 30px; background: url(../image/index_68.png) no-repeat 10px center #0092DE; color: #fff; font: 16px/37px "Microsoft YaHei"; }
.link_m { padding-left: 10px; width: 970px; height: auto; overflow: hidden; background: #e5e5e5; color: #333; font: 12px/37px "Microsoft YaHei"; }
.link_m a { margin: 0 5px; color: #333; font: 12px/37px "Microsoft YaHei"; }
.link_m a:hover { color: #F60; }
.link_r { width: 75px; height: 74px; overflow: hidden; }
/* content end*/

/*内页排版*/
.wrap-bg { padding-top: 37px; background: #f1f1f1; padding-bottom: 23px; }
.container { width: 1200px; margin: 0px auto; }
.clearFix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; }
.clearFix { *zoom: 1;
}
.frams, .menu li .icn_add, .menu li .icn_jian { background: #fff; }
.menu li .menu_first { font-size: 18px; }
.siders { width: 239px; float: left; }
.siders .botbox { width: 239px; margin-top: 10px; border: 1px solid #f0efee; text-align: center; background-color: #fff; height: 224px; padding-top: 44px; }
.menu { background: #fff; }
.menu li { font-size: 14px; }
.menu li.current .sub-sub-menu { display: block; }
.menu li.current .menu_first { color: #fff; background: #0092DE; }
.menu li.current .icn_add, .menu li.current .icn_jian { color: #0092DE; }
.menu li .menu_first { display: block; padding-left: 37px; height: 55px; line-height: 55px; padding-top: 0; /*border-bottom: #eaeaea solid 1px;*/ }
.menu li .icn_add, .menu li .icn_jian { position: absolute; right: 34px; top: 31px; display: inline-block; width: 9px; height: 9px; line-height: 9px; line-height: 7px; font-size: 9px; }
.menu li .icn_jian { background: #888; color: #fff; }
.menu li .sub-sub-menu { display: none; border-bottom: #eaeaea solid 1px; padding: 0px 0 0px; }
.menu li .sub-sub-menu dt { border-top: 1px solid #f0efee; background-color: #fff; font-size: 14px; }
.menu li .sub-sub-menu dt a { display: block; padding-left: 37px; color: #666; background: url(../image/ico_ins_leftnavli.png) no-repeat 26px center; padding-top: 15px; padding-bottom: 14px; }
.menu li .sub-sub-menu dt.current a, .menu li .sub-sub-menu dt:hover a, .menu li .sub-sub-menu dt a:hover { color: #000000; background: url(../image/ico_ins_leftnavli.png) no-repeat 26px center #CCCCCC; }
.menu li.current .sub-sub-menu1 { display: block; }
.menu li .sub-sub-menu1 { display: none; border-bottom: #eaeaea solid 1px; padding: 9px 0 18px; }
.menu li .sub-sub-menu1 dt { line-height: 60px; border-left: 1px solid #f0efee; border-right: 1px solid #f0efee; border-bottom: 1px solid #f0efee; background-color: #fff; font-size: 14px; }
.menu li .sub-sub-menu1 dt a { display: block; color: #666; background: url(../image/ico_ins_leftnavli.png) no-repeat 12px bottom; padding-left: 26px; height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu li .sub-sub-menu1 dt.current a, .menu li .sub-sub-menu1 dt:hover a, .menu li .sub-sub-menu1 dt a:hover { color: #fff; background: url(../image/ico_ins_leftnavli.png) no-repeat 12px top #C00; }
.border { border: #eaeaea solid 1px; }
.frams { float: right; width: 939px; }
.border { border: #eaeaea solid 1px; }
.fram-title { border-bottom: #eaeaea solid 1px; padding: 17px 0; position: relative; }
.fram-title span { display: inline-block; border-left: #0092DE solid 5px; margin-left: -1px; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; padding-left: 28px; }
.fram-title .sub-menu { position: absolute; right: 31px; top: 26px; }
.fram-title .sub-menu a { color: #c8c8c8; }
.fram-title .sub-menu font { color: #888888; }
.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: 39px 10px 50px 10px; min-height: 300px; font-size: 14px; }
.sub_info p { margin-bottom: 10px; }
.sub_info img { line-height: 0px; }
/* 首页新闻 */
.i-per { position: relative; padding: 0px 0px 60px; background: #333333; }
.zf-sy-news { width: 1220px; margin: 0 auto; color: #fff; overflow: hidden; padding-top: 35px; }
.zf-sy-news a { color: #fff; transition: all 0.5s; }
.sy-news-list { width: 590px; float: left; margin: 0 10px 25px 10px; border-bottom: 1px dotted #fff; padding-bottom: 20px; }
.sy-news-list:hover { }
.sy-news-list:hover .zf-date-m { background-color: #0092DE; color: #fff; }
.sy-news-list:hover .zf-date-d { color: #0092DE; }
.sy-news-list:hover .zf-news-more { background: url(/css/images/icon1.jpg) center center no-repeat; }
.sy-news-list:hover h3 a { color: #0092DE; }
.sy-news-date { width: 60px; background-color: #fff; height: 110px; line-height: 55px; font-weight: bolder; }
.sy-news-date p { text-align: center; color: #a3a3a3; font-size: 16px; transition: all 0.5s; }
.zf-date-m { background-color: #e4e4e4; }
.sy-news-mn { width: 500px; margin-left: 20px; }
.sy-news-mn h3 { overflow: hidden; clear: both; }
.zf-news-more { background: url(/css/images/icon2.jpg) center center no-repeat; width: 19px; height: 19px; }
/* 实时更新 */
.i-per01 { position: relative; padding: 60px 0px 60px; }
.zf-sy-news01 { width: 1200px; margin: 0 auto; color: #fff; overflow: hidden; padding-top: 35px; }
.zf-sy-news01 a { transition: all 0.5s; }
.sy-news-list01 { width: 600px; float: left; margin: 0 0px 25px 0px; background: #FFE1BF; }
.sy-news-list01:hover h3 a { color: #0092DE; }
.sy-news-date01 { width: 90px; background-color: #fff; font-weight: bolder; }
.sy-news-date01 p { text-align: center; color: #a3a3a3; font-size: 16px; transition: all 0.5s; }
.sy-news-mn01 { width: 480px; margin-left: 20px; }
.sy-news-mn01 h3 { line-height: 76px; font-size: 24px; }
.sy-news-mn01 p { display: block; }
/*contact*/
.contactcon { font-size: 14px; }
.contactcon p { font-size: 14px; color: #303030; }
.contactcon span { color: #de002e; }
.contactcon h3 { padding-bottom: 10px; border-bottom: #cbcbcb 1px dotted; color: #9f9f9f; font-style: italic; }
.contactcon ul { padding: 15px 10px; border-bottom: #cbcbcb 1px dotted; color: #5a5a5a; }
.contactcon ul li { padding-left: 25px; line-height: 28px; }
.contactcon ul li.add { background: url(../image/contact_img01.jpg) no-repeat 0 5px; }
.contactcon ul li.tel { background: url(../image/contact_img01.jpg) no-repeat 0 -17px; }
.contactcon ul li.fax { background: url(../image/contact_img01.jpg) no-repeat 0 -41px; }
.contactcon ul li.mail { background: url(../image/contact_img01.jpg) no-repeat 0 -62px; }
.contactcon ul li.sj { background: url(../image/contact_img01.jpg) no-repeat 0 -82px; }
.contactcon ul li.yb { background: url(../image/contact_img01.jpg) no-repeat 0 -107px; }
.contactcon ul li.wz { background: url(../image/contact_img01.jpg) no-repeat 0 -126px; }
.contact-map { padding: 15px 10px 30px; }
/*contact*/