.warp { width: 100%; height: auto; overflow: hidden; min-width: 1200px; }
.warp_show { position: relative; width: 100%; height: 700px; }
.warp_shBox { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 700px; }
.chnal { background: url(../images/po_yy.png) repeat; width: 100%; height: auto; overflow: hidden; margin-bottom: 58px; padding: 26px 0 20px; }
.chnal_name { padding-left: 20px; display: inline; }
.chnal_name h3 { color: #FFF; font-size: 26px; font-weight: bold; line-height: normal; }
.chnal_name p { font-family: Arial; color: #FFF; font-size: 22px; padding-top: 4px; }
.com_chBox { position: relative; height: 410px; background-color: #FFF; }
.warp a:hover { color: #004ea2; }
.banner { position: relative; width: 100%; height: 300px;overflow:hidden; }
.banner img { display: block; position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 300px; }
.position { width: 100%; height: 40px; line-height: 40px; }
.posi_cen { height: 40px; }
.tab-bar { margin-bottom: 60px; border-bottom: 1px solid #e5e5e5; }
.tab-bar ul { height: 51px; }
.tab-bar ul li { margin-left: 30px; float: right; height: 52px; line-height: 50px; font-size: 16px; }
.tab-bar ul li.active, .tab-bar ul li:hover { background: url(../images/menu_ico.png) no-repeat center bottom }
.tab-bar ul li.active a, .tab-bar ul li:hover a { color: #00a5e3; }
.posi_chnal { width: auto; height: 40px; padding-left: 20px; display: inline; }
.posi_chnal a { float: left; display: inline-block; color: #FFF; font-size: 16px; width: auto; height: 40px; padding: 0 20px; margin-right: 24px; }
.posi_chnal a.cur, .posi_chnal a:hover { background-color: #004ea2; color: #FFF; }
.posi_wh { background: url(../images/posi_icon.png) no-repeat left; padding-left: 20px; color: #FFF; }
.posi_wh a { color: #FFF; padding: 0 4px; }
.warp_c { width: 1180px; height: auto; overflow: hidden; padding: 34px 0 56px 20px; margin: 0 auto; }
.chnal_cn, .chnal_en { color: #333; font-size: 18px; line-height: 29px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; text-align: center }
.chnal_en { font-family: Arial; }
.chnal_lab { text-align: center; margin-top: 10px; margin-bottom: 20px; }
.chnal_lab span{padding:0 10px;}
.warp_Cshow { height: auto; overflow: hidden; padding-top: 14px; margin-top: 8px; }
.content { font-size: 14px; line-height: 32px; height: auto; overflow: hidden; }
.newscontent { font-size: 14px; line-height: 32px; height: auto; overflow: hidden; width: 800px; }
.newsright { width: 320px; }
.newsright h3 { font-size: 16px; color: #2C79ED; font-weight: bold; }
.newsright li { padding: 10px 0; border-bottom: 1px dashed #ccc; list-style: none }
.newsright li .tim { color: #999; font-size: 12px; margin-top: 6px; }
}
.next-post-wrapper.show { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); -webkit-transition: all .5s; transition: all .5s; margin-top: 15px; border: 1px solid #efefef; padding: 15px; }
/*about*/
.ab_chnal1 { position: absolute; top: 0; left: 0; width: 596px; height: 410px; }
.ab_chnal2, .ab_chnal3 { position: absolute; right: 0; width: 604px; height: 205px; }
.ab_chnal2 { top: 0; }
.ab_chnal3 { bottom: 0; }
.ab_chImg { width: 596px; height: 294px; }
.ab_chsbox { padding: 12px 25px 0 25px; }
.ab_chSname a { font-size: 16px; }
.ab_chSintro { line-height: 22px; height: 66px; overflow: hidden; padding-top: 5px; }
.ab_chNimg, .ab_chNimg a { width: 302px; height: 205px; }
.ab_chNimg a { display: block; position: relative; }
.icon { display: block; position: absolute; z-index: 20; }
.ab_chnal2 .icon, .ab_chnal3 .icon { top: 50%; margin-top: -6px; width: 7px; height: 13px; }
.ab_chnal2 .icon { background: url(../images/right_icon.png) no-repeat; left: 0; }
.ab_chnal3 .icon { background: url(../images/left_icon.png) no-repeat; right: 0; }
.ab_chfor { width: 266px; height: 175px; padding: 30px 18px 0 18px; }
.ab_chfor .ab_chSname { text-align: center; }
.ab_chlist { padding-top: 8px; height: 75px; overflow: hidden; }
.ab_chlist li { height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab_chIntro { line-height: 22px; height: 66px; overflow: hidden; padding-top: 8px; }
.ab_chMore { width: 90px; height: 26px; padding-top: 24px; margin: 0 auto; }
.ab_chMore a { display: block; color: #555; width: 88px; height: 24px; text-align: center; border: 1px solid #dcdcdc; }
/*develop*/
.develop { width: 1146px; margin-top: 22px; background: url(../images/deve_tbd.jpg) no-repeat top center; padding-top: 84px; }
.develop li { position: relative; background: url(../images/deve_bd.jpg) no-repeat center; width: 1146px; height: 82px; }
.deve_for { position: absolute; top: -40px; left: 0; width: 453px; padding-right: 9px; }
.deve_fcon { font-size: 14px; line-height: 22px; padding: 25px 30px; border: 1px solid #E3E3E3; }
.deve_num { position: absolute; top: -6px; left: 480px; background: url(../images/deve_line.jpg) no-repeat right; padding-right: 30px; font-family: Arial; color: #3d3d3d; font-size: 26px; }
.deve_icon { background: url(../images/deve_ac.jpg) no-repeat; position: absolute; top: 50%; margin-top: -8px; right: 1px; width: 9px; height: 16px; }
.develop li.cur .deve_for { left: auto; right: 0; padding-left: 9px; padding-right: 0; }
.develop li.cur .deve_num { left: auto; right: 446px; background: url(../images/deve_line.jpg) no-repeat left; padding-left: 30px; }
.develop li.cur .deve_icon { background: url(../images/deve_rac.jpg) no-repeat; left: 1px; right: auto; }
.develop li:hover .deve_fcon { background-color: #004ea2; color: #FFF; }
.develop li:hover .deve_icon { background: url(../images/deve_ho.png) no-repeat; }
.develop li.cur:hover .deve_icon { background: url(../images/deve_rho.png) no-repeat; }
/*page*/
.page { height: 40px; line-height: 40px; padding: 30px 0 10px; text-align: center; }
.page a { font-family: '宋体'; color: #000; font-size: 14px; padding: 4px 8px; margin: 0 2px; border: 1px solid #dcdcdc; }
.page a.on, .page a:hover { background-color: #004ea2; color: #FFF; border: 1px solid #004ea2; }
/*news*/
.news_ch { position: absolute; height: 410px; }
.news_ch1 { left: 0; top: 0; width: 360px; }
.news_chSh1 { width: 318px; height: 198px; padding: 12px 21px 0 21px; }
.news_chImg { position: relative; width: 360px; height: 200px; }
.news_chTitle { padding-top: 8px; }
.news_chTitle a { display: block; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_chStime { color: #888; font-size: 14px; }
.news_chStro { height: 48px; overflow: hidden; }
.news_chSh1 .ab_chMore, .news_chSh2 .ab_chMore, .news_chhave .ab_chMore { margin: 0; }
.news_ch2 { top: 0; left: 360px; width: 508px; }
.news_chSh2 { color: #FFF; position: relative; width: 466px; height: 198px; padding: 12px 21px 0; background-color: #004ea2; }
.news_chSh2 a { color: #FFF; }
.news_chhave { width: 440px; height: 188px; padding: 12px 34px 0 34px; }
.new_chList { position: relative; width: 466px; height: 112px; overflow: hidden; margin-top: 4px; }
.new_chList ul { position: absolute; top: 0; left: 0; width: 466px; height: 20000px; }
.new_chList li { width: 466px; height: 112px; }
.new_chMbox { height: 28px; line-height: 28px; }
.new_chMbox a { display: block; height: 28px; }
.new_chMbox a span { display: inline-block; cursor: pointer; }
.new_chLname { background: url(../images/news_chicon.png) no-repeat left; padding-left: 14px; width: 360px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new_chLtime { padding-right: 12px; }
.news_chSh2 .ab_chMore { padding-top: 12px; margin-left: 14px; }
.news_chSh2 a:hover { color: #FFF; }
.news_chSh2 .ab_chSname { padding-left: 14px; }
.news_chSh2 .btnBg { position: absolute; top: 20px; right: 34px; width: auto; height: 8px; }
.news_chSh2 .btnBg span { float: left; margin-left: 5px; display: inline-block; background: url(../images/news_chac.png) no-repeat; width: 8px; height: 8px; cursor: pointer; }
.news_chSh2 .btnBg span.on { background: url(../images/news_chho.png) no-repeat; }
.news_chhave .ab_chMore { padding-top: 16px; }
.news_chImg .icon, .yewu_po2 .icon { background: url(../images/bottom_icon.png) no-repeat; left: 50%; margin-left: -6px; top: 0; width: 13px; height: 7px; }
.news_ch3 { top: 0; right: 0; width: 332px; height: 410px; }
.news_chnImg { position: relative; width: 332px; height: 210px; }
.news_chnImg .icon { background: url(../images/right_icon.png) no-repeat; top: 50%; margin-top: -6px; left: 0; width: 7px; height: 13px; }
.news_chtImg { width: 332px; height: 200px; }
.news_chtImg a { display: block; position: relative; width: 332px; height: 200px; }
.news_chTame { position: absolute; left: 0; bottom: 0; z-index: 20; background: url(../images/news_chtyy.png) repeat; width: 312px; height: 36px; line-height: 36px; padding-left: 20px; }
.news_chTame b { background: url(../images/news_chticon.png) no-repeat right; padding-right: 18px; color: #FFF; font-size: 16px; font-weight: normal; }
/*news_list*/
.news_list ul { margin-top: -24px; }
.news_list li { clear: both; height: 176px; padding: 24px 18px 24px 0; border-bottom: 1px solid #dcdcdc; }
.news_img { width: 248px; height: 176px; margin-right: 32px; display: inline; }
.news_for { width: 676px; }
.news_fname { padding: 12px 0 10px; }
.news_fname a { display: block; font-size: 16px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_fintro { color: #888; line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 8px; }
.news_fmore a { background: url(../images/new_micon.png) no-repeat right; padding-right: 18px; color: #888; }
.news_fmore a:hover { background: url(../images/news_lmoho.png) no-repeat right; }
.news_time { background-color: #f8f8f8; margin-top: 43px; display: inline; width: 86px; height: 72px; text-align: center; border: 1px solid #dcdcdc; }
.news_time h3 { font-size: 46px; line-height: 50px; }
.news_time p { font-family: Arial; color: #888; font-size: 14px; line-height: 16px; }
/*case_list*/
.case_list ul { margin-top: -24px; display: inline-block; margin-bottom: 20px; }
.case_list li { height: 176px; padding: 24px 18px 24px 0; float: left; width: 277px; text-align: center }
.case_img { width: 100%; height: 176px; display: inline; }
.case_fname { padding: 12px 0 10px; }
.case_fname a { display: block; font-size: 16px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_fintro { color: #888; line-height: 22px; height: 66px; overflow: hidden; margin-bottom: 8px; }
.case_fmore a { background: url(../images/new_micon.png) no-repeat right; padding-right: 18px; color: #888; }
.case_fmore a:hover { background: url(../images/case_lmoho.png) no-repeat right; }
.case_time { background-color: #f8f8f8; margin-top: 43px; display: inline; width: 86px; height: 72px; text-align: center; border: 1px solid #dcdcdc; }
.case_time h3 { font-size: 46px; line-height: 50px; }
.case_time p { font-family: Arial; color: #888; font-size: 14px; line-height: 16px; }
.product_list { }
.product_list ul { clear: both; display: inline-block; }
.product_list li { height: 410px; width: 370px; float: left; margin-right: 20px; border: 1px solid #e5e5e5; margin-bottom: 20px }
.product_list li:hover { -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); transition: .2s linear all; }
.product_list li:nth-child(3n+0) { margin-right: 0px }
.product_list .product_img { width: 372px; border-bottom: 1px solid #e5e5e5;height:288px; text-align: center; margin: -1px }
.product_list .product_img img { width: 98%;height:98%;margin-top:1%;}
.product_list .product_fname { font-size: 20px; padding: 10px; }
.product_list .product_fintro { padding: 5px 10px; height: 40px; overflow: hidden }
.product_list .product_fmore { text-align: right; padding: 5px 10px; }
/*news-view*/
.title { text-align: center; }
.title h3 { color: #333; font-size: 16px; }
.time { color: #888; text-align: center; }
.news_content { padding-top: 12px; margin-top: 6px; border-top: 1px solid #dcdcdc; }
.next-post-wrapper a{    color: #2C79ED;}
/*yewu*/
.yewu_po { position: absolute; top: 0; width: 400px; height: 410px; }
.yewu_po1 { left: 0; }
.yewu_po2 { left: 400px; }
.yewu_po3 { right: 0; }
.yewu_poImg { position: relative; width: 400px; height: 205px; }
.yewu_po1 .icon, .yewu_po3 .icon { background: url(../images/top_icon.png) no-repeat; left: 50%; bottom: 0; margin-left: -5px; width: 11px; height: 7px; }
.yewu_show { width: 340px; height: 183px; padding: 22px 30px 0 30px; }
.yewu_show .ab_chMore { margin: 0; }
/*create*/
.creat_img { width: 520px; height: 420px; }
.creat_all { width: 534px; padding: 40px 50px 0 0; display: inline; }
.creat_aName { color: #004ea2; font-size: 22px; }
.creat_aCon { font-size: 14px; line-height: 36px; max-height: 360px; overflow-x: hidden; overflow-y: auto; margin-top: 14px; }
/*message*/
.mess_ask { font-size: 14px; line-height: 22px; padding-bottom: 20px; }
.mess_label { font-size: 14px; }
.com_text { display: inline-block; font-family: 'Microsoft YaHei'; color: #555; font-size: 14px; line-height: 20px; padding: 9px; border: 1px solid #dcdcdc; }
.com_text.cur { border: 1px solid #004ea2; }
.mess_text { width: 392px; height: 20px; }
.mess_xx { color: #ed0000; font-size: 14px; line-height: 40px; padding-left: 14px; display: inline; }
.mess_area { width: 506px; height: 96px; }
.mess_yzText { width: 152px; height: 20px; }
.mess_yz img { float: left; display: inline-block; width: 80px; height: 40px; margin: 0 12px; }
.yz_shure { line-height: 40px; cursor: pointer; }
.mess_input { padding-left: 246px; padding-top: 30px; }
.mess_sub { display: block; font-family: 'Microsoft YaHei'; color: #FFF; font-size: 14px; background: url(../images/mess_subd.png) no-repeat; width: 128px; height: 30px; border: none; cursor: pointer; }
/*contact*/
.cont_c { height: auto; overflow: hidden; padding: 64px 0 76px; }
.cont_top { height: auto; overflow: hidden; padding-bottom: 26px; border-bottom: 1px solid #dcdcdc; }
.cont_top li { float: left; width: 362px; padding-left: 38px; display: inline; }
.cont_Ticon { width: 48px; height: 48px; }
.cont_Tr { font-size: 14px; line-height: 22px; width: 296px; display: inline; }
.cont_Tr p { font-size: 18px; }
.cont_cen { height: auto; overflow: hidden; padding: 34px 0; }
.cont_Call { width: 456px; }
.map { width: 100%; height: 376px; margin: 20px 0;overflow:hidden; }
.cont_Cname { height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc; }
.cont_Cname h3 { background: url(../images/cont_vline.jpg) no-repeat bottom left; font-size: 18px; height: 51px; }
.cont_Ccon { font-size: 14px; line-height: 28px; height: auto; overflow: hidden; padding-top: 6px; }
.cont_down { height: auto; overflow: hidden; border-bottom: 1px dotted #dcdcdc; }
.cont_down li { float: left; line-height: 28px; width: 358px; min-height: 224px; height: 500px; overflow: hidden; padding: 20px 0 20px 40px; border-top: 1px dotted #dcdcdc; border-right: 1px dotted #dcdcdc; }
.cont_Dname { color: #004ea2; font-size: 16px; }
.cont_Dcon { font-size: 14px; }
.cont_down li.cur { border-right: none; }
/*加入我们*/
.job-wrapper { margin-top:.45rem;
}
.job-box { background-color: #efefef; margin-bottom: 20px; }
.job-box .job-top { height: 60px; line-height: 60px; padding-left:.5rem;
font-size: 16px; color: #000; background-image: url(../images/icon-dd1.png); background-repeat: no-repeat; background-position: 96% center; background-size: auto 42.857143%; cursor: pointer; padding-left: 50px }
.job-top span { font-size: 16px; display: none; }
.job-top i { font-style: normal; font-size: 12px; float: right; margin-right: 80px; color: #b5b5b5;  overflow:hidden}
.job-top i:nth-child(4){width:100px; }
.job-top i:nth-child(2){width:70px; }
.job-top i:nth-child(3){width:220px; }
.job-top.cur { color: #fff; background-color: #696969; background-image: url(../images/icon-dd2.png); background-repeat: no-repeat; background-position: 96% center; background-size: auto 17.1428571%; }
.job-top.cur span { display: block; float: left; }
.job-box .job-block {
padding:0 .5rem .55rem; display: none; }
.job-block .job-list {
padding:.3rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.job-list li { width: 25%; padding: 7px 0; color: #333; float: left; }
.job-block .job-con { color: #333; line-height: 34px; padding: 25px; }
.job-con p, .job-con span { background: none !important }
.job-con .title { font-size: 18px; }
.job-block .mail-btn { width: 220px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #00a0ea; margin-top:.35rem;
display: inline-block; text-align: center; }
.mail-btn span { padding-left: 30px; background: url(../images/icon-mail.png) no-repeat left center; background-size: 18px auto; }
.job-block .apply-btn { width: 220px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #ea8200; margin-top:.35rem;
display: inline-block; text-align: center; }
.apply-btn span { padding-left: 30px; background: url(../images/icon-apply.png) no-repeat left center; background-size: 18px auto; }
/*sales*/
.sales { background-color: #FFF; width: 1078px; height: 416px; padding: 40px 33px; margin-left: 20px; }
.sales_img { position: relative; width: 500px; height: 416px; }
.sales_show { width: 542px;/* padding-top:56px; */ display: inline; }
.sales_poImg { position: absolute; cursor: pointer; }
.sales_poImg1 { top: 48px; left: -2px; }
.sales_poImg2 { top: 193px; left: 22px; }
.sales_poImg3 { top: 167px; left: 129px; }
.sales_poImg4 { top: 194px; left: 235px; }
.sales_poImg4_1 { left: 167px; top: 130px; }
.sales_poImg4_3 { top: 195px; left: 288px; }
.sales_poImg5 { top: 171px; left: 266px; }
.sales_poImg6 { top: 4px; right: 72px; }
.sales_poImg7 { top: 0; left: 388px; }
.sales_poImg8 { left: 406px; top: 78px; }
.sales_poImg9 { left: 393px; top: 112px; }
.sales_poImg10 { top: 147px; left: 359px; }
.sales_poImg11 { left: 377px; top: 155px; }
.sales_poImg12_1 { top: 168px; left: 350px; }
.sales_poImg12_2 { top: 128px; left: 350px; }
.sales_poImg12_3 { top: 127px; left: 369px; }
.sales_poImg12_4 { top: 149px; left: 381px; }
.sales_poImg13 { top: 180px; left: 366px; }
.sales_poImg14 { top: 154px; left: 322px; }
.sales_poImg15 { top: 170px; left: 280px; }
.sales_poImg16 { top: 202px; left: 325px; }
.sales_poImg17 { top: 231px; left: 200px; }
.sales_poImg18 { top: 290px; left: 197px; }
.sales_poImg19 { top: 255px; left: 279px; }
.sales_poImg20 { top: 288px; left: 259px; }
.sales_poImg21 { top: 242px; left: 308px; }
.sales_poImg22 { top: 214px; left: 380px; }
.sales_poImg23 { top: 245px; left: 429px; }
.sales_poImg24 { top: 221px; left: 368px; }
.sales_poImg25 { top: 277px; left: 314px; }
.sales_poImg26 { top: 320px; left: 269px; }
.sales_poImg27 { top: 258px; left: 404px; }
.sales_poImg28 { top: 275px; left: 361px; }
.sales_poImg29 { top: 291px; left: 385px; }
.sales_poImg30 { top: 328px; left: 324px; }
.sales_poImg31 { top: 391px; left: 312px; }
/*sales-scroll*/
.com_scroll { clear: left; width: 542px; height: 364px; }
.com_scroll .viewport { float: left; width: 500px; height: 364px; overflow: hidden; position: relative; }
.com_scroll .scroll_over { width: 500px; height: 364px; overflow: hidden; }
.com_scroll .overview { list-style: none; position: absolute; width: 500px; overflow: hidden; left: 0; top: 0; margin: 0; }
.com_scroll .scrollbar { position: relative; float: right; position: relative; z-index: 400; display: inline; width: 6px; height: 364px; border: 1px solid #dcdcdc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.com_scroll .track { width: 8px; position: relative; }
.com_scroll .thumb { background-color: #c6c6c6; width: 8px; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 400; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.com_scroll .disable { display: none; }
.hot_notice { font-size: 14px; line-height: 28px; }
.cont_Call { width: 100%; margin: 20px auto 0 auto; text-align: center; position: relative }
.cont_Call fieldset { background: white; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0,0,0,0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; position: absolute }
.cont_Call fieldset:not(:first-of-type) { display: none }
.cont_Call input, .cont_Call textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 89%; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; color: #2c3e50; font-size: 13px }
.cont_Call .red_btn { width: 100px;height:40px; background: #27ae60; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; }
.cont_Call .red_btn:hover, .cont_Call .red_btn:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #27ae60 }
.footer a:hover{ color:#FFF;}