﻿/* 侧边悬浮导航 */

.right_nav{ right:0; bottom:240px; position:fixed; text-align:left;z-index:999;}

.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}

.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}

.right_nav li img{width: 30px;height:30px; margin:0;}

.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}

.right_nav li:hover{background:#cf1322}

.right_nav li .hideBox{width:200px;display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}

.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}

.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}

.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}

.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}

.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}

.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}

.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}

body{background: rgb(0, 0, 0);}

* {margin:0px;padding:0px;}

BODY {FONT-SIZE: 14px; MARGIN:0px; COLOR: #333;background-color:#ffffff;font-family:微软雅黑;}

TD {font-family:微软雅黑;}

FORM {MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px;}

a:link {color: #292929;text-decoration: none;}

a:visited {color: #292929;text-decoration: none;}

a:hover {color: #FF9933;}

img {border:none;}

object {clear:both;display:block;}

li{list-style:none;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.clearfix:after { clear:both; content:'.'; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

.clearfix { zoom:1; }

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.fw{ font-family:"宋体";}

.pa{ position:absolute;}

.pr{ position:relative}

.mt8{ margin-top:8px;}

/* 头信息 */

.top{width:1024px;overflow:hidden; margin:auto; }

.logo{ float:left; /* padding-top:18px; */}

.topr{ float:right; padding-top:15px;}

.topnav0{ display:block; width:100%;min-width:1024px; height:48px; background-color:#004E93;}

.topnav {height:48px; line-height:48px; width:1024px; margin:auto; }

.topnav li{ float:left; width:100px;  height:48px; text-align:center; position:relative;}

.topnav li a{ height:28px; display:block;  color:#fff; width:100%; }

.topnav a:link,.topnav a:visited { font-size:16px; color:#fff;; }

.topnav li:hover a{ color:#fff; }

.head-menu-list .subnav {display:none;position:absolute;z-index:3;left:0px;top:100%;width:100%;background:url(../images/png.png);}

.head-menu-list .subnav li {float:none;width:100%;height:30px;line-height:30px;background:url(http://www.hncsmtr.com/images/nav_line.png) no-repeat center bottom;}

.head-menu-list .subnav li:last-child {background-image:none;}

.head-menu-list .subnav a {width:100%;color:#fff;font-size:12px;font-weight:400;letter-spacing:4px;}

.head-menu-list .subnav a:hover {font-size:12px;background-image:none;}

.banner{position:relative; overflow:hidden; width:100%; margin:0px auto;}

.flexslider{position:relative; overflow:hidden; width:100%; z-index:1; 

margin:0px auto;}

.slides{position:relative;z-index:1;}

.slides li{}

.slides li img{ width:100%;}

.flex-control-nav{position:absolute;bottom:29px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;

*display:inline;zoom:1;}

.flex-control-nav a{width:16px;height:16px;overflow:hidden;cursor:pointer; background-color:#c4261d;float:left;margin:0 3px;display:inline;border-radius: 10px; line-height:40px;}

.flex-control-nav .flex-active{background:#fff; }

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;

cursor:pointer;position:absolute;}

/* banner */

.index{width:1024px;margin:20px auto 0 auto;overflow:hidden;}

.indexl{ float:left; overflow:hidden; width:309px; margin-right:24px;}

.indext{ display:block; overflow:hidden; font-size:24px; padding-bottom:5px; font-weight:bold;}

.indext i{ font-style:normal; color:#6fba2d; font-size:18px; font-weight:100;text-transform: uppercase; margin:0px 0px 0px 5px;}

.indexl1{ display:block; overflow:hidden; text-align:center; font-size:15px; line-height:46px; margin-top:20px;}

.indexl2{ display:block; overflow:hidden; text-indent:2em; line-height:24px; font-size:12px; color:#6c6c6c;}

.indexl2 span{ float:right; background-color:#70BB2D; text-indent:0em; color:#fff; padding:3px 8px; margin-top:10px;}

.indexl2 span a:link,.indexl2 span a:visited {color: #fff;}

.indexl2 span a:hover {color: #FF9933;}

.indexm{ float:left; width:430px;}

.indexm1{ display:block; overflow:hidden; font-size:12px;}

.indexm1 a{ font-size:12px;}

.indexm2{ display:block; overflow:hidden;}

dl.news1 { display:block; overflow:hidden;color:#6d6d6d; margin:18px 0px 6px 0px; line-height:20px; text-align:left;font-family: 微软雅黑;}

dl.news1 dt {float:left; width:94px;}

dl.news1 dt img{ width:92px; height:83px; border:#E2DBD1 solid 1px;}

dl.news1 dd {  display:block; overflow:hidden; margin-left:110px; height:83px; font-size:12px;}

dl.news1 a { display:block; overflow:hidden; font-size:14px; font-weight:bold; margin-bottom:3px;}

.indexr{ float:right; overflow:hidden; width:236px;}

.indexr1{ display:block; overflow:hidden; margin-top:12px;}

.indexr ul{ display:block; overflow:hidden; margin-left:-10px;}

.indexr ul li{ float:left; margin:10px 0px 1px 12px; width:111px; height:81px; background-color:#004E93; line-height:23px; text-align:center;}

.indexr ul li i{ font-style:normal; display:block; overflow:hidden; text-align:center;}

.indexr ul li img{ margin:15px 0px 4px 0px;}

.indexr ul li a {color: #fff; font-size:12px; display:block; overflow:hidden; width:111px; height:81px;}

.indexr ul li a:link,.indexr ul li a:visited {color: #fff; background-color:#004E93;}

.indexr ul li a:hover {color: #FF9933; background-color:#70BB2D;}

.banner1{ width:100%; min-width:1024px; height:163px; margin:0px auto 22px auto; background-image:url(pbanner.jpg); background-repeat:no-repeat; background-position:center;}

.guide{width:1024px; overflow:hidden;margin:20px auto 0px auto;}

.pagel_n{ float:left;font-size:24px; color:#1d1c1c; line-height:55px;}

.pagel_en{ float:left; font-size:14px; margin-top:10px; line-height:45px; color:#004d94;text-transform: uppercase; margin-left:15px;}

.pagenav{ float:right; display:block; overflow:hidden; margin-top:4px;}

.pagenav li{ float:left; height:46px; margin:2px 0px 0px 35px; text-align:center; line-height:46px;}

.pagenav li a{ display:block; overflow:hidden; font-size:16px;}

.pagenav li a:link,.pagenav li a:visited {color: #3f3f3f;}

.pagenav li a:hover {color: #3f3f3f; border-bottom:#004E99 solid 4px;}

.pagenav li.hover{ border-bottom:#004E99 solid 4px;}

.pagenav li.hover a{ color:#3f3f3f;}

.pagemain{width:1024px; overflow:hidden;margin:-2px auto 10px auto;  padding:30px 0px 20px 0px;}

.pagel{ float:left; width:615px;font-family: 微软雅黑;}

.ejcontent,.ejcontent p{ display:block; overflow:hidden; line-height:26px;}

.ejcontent img{ max-width:100%; margin:10px 0px;}

.ejcontent td{font-family: 微软雅黑;}

.pageimg{ display:block; overflow:hidden; margin-bottom:15px;}

.pager{ float:right; width:388px;font-family: 微软雅黑; min-height:250px;}

.pagel_job,.pagel_u{ float:left; width:381px;font-family: 微软雅黑; margin-top:10px;}

.pagel_job b{ display:block; overflow:hidden; font-size:20px; color:#004d94; line-height:30px; margin-bottom:25px;font-family: 微软雅黑;}

.pager_job,.pager_u{ float:right; width:615px;font-family: 微软雅黑; min-height:250px; margin-top:10px;}

.pager_job1{ display:block; overflow:hidden; height:147px; background-color:#5A5C5B; background-image:url(j1.jpg); background-repeat:no-repeat; background-position:right; color:#fff; font-size:16px;}

.pager_job1 span{ float:left; width:107px; font-size:16px; line-height:34px; margin-top:38px; margin-left:39px;}

.pager_job2{ display:block; overflow:hidden; height:147px; background-color:#004E93; background-image:url(j2.jpg); background-repeat:no-repeat; background-position:left; color:#fff; font-size:16px;}

.pager_job2 span{ float:right; width:157px; font-size:16px; line-height:34px; margin-top:38px;}

.pager_job3{ display:block; overflow:hidden; height:147px; background-color:#C9C9C9; background-image:url(j3.jpg); background-repeat:no-repeat; background-position:right; color:#000; font-size:16px;}

.pager_job3 span{ float:left; width:107px; font-size:16px; line-height:34px; margin-top:38px; margin-left:39px;}

.pager_job1 a:link,.pager_job1 a:visited,.pager_job2 a:link,.pager_job2 a:visited {color: #fff;}

.pager_job1 a:hover,.pager_job2 a:hover {color: #FF9933;}

.pager_job3 a:link,.pager_job3 a:visited {color: #000;}

.pager_job3 a:hover{color: #fff;}

.pager_u1{ display:block; overflow:hidden; margin-bottom:7px;}

.pager_u1 u{ float:right; width:262px;}

.pageimg1{margin:0px 6px 0px 5px;}

.pagel_c{float:left; width:617px;font-family: 微软雅黑; margin-top:10px;}

.pagel_c1{ display:block; overflow:hidden; margin-bottom:9px;}

.pageimg2{margin:0px 9px 0px 0px;}

.pageimg3{margin:0px 9px;}

.pager_c{ float:right; width:385px;font-family: 微软雅黑; min-height:250px; margin-top:10px;}

.pagemain1{width:1024px; overflow:hidden; min-height:200px;margin:-2px auto -20px auto; border-top:#C8C8C8 solid 1px; padding:30px 0px 0px 0px; background-image:url(b1.jpg); background-repeat:no-repeat; background-position:left top;}

.pages{display:block; overflow:hidden; background-image:url(b2.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:280px; padding:10px 310px 20px 0px; font-size:16px;}

.pages .ejcontent,.pages .ejcontent p{ font-size:16px; line-height:32px;}

.pagemain2{width:1024px; overflow:hidden; min-height:200px;margin:-2px auto -20px auto; border-top:#C8C8C8 solid 1px; padding:0px;}

.pagel_news{float:left; width:743px;font-family: 微软雅黑; border-right:#ECEBF0 solid 1px; min-height:700px;}

.pager_news{ float:right; width:280px;font-family: 微软雅黑; min-height:250px; margin-top:25px;}

#main_paging {margin:5px 15px 25px 15px;	clear: both; text-align:center; font-size:12px;}

.main_list{ display:block; overflow:hidden; margin-top:15px; }

dl.news_dl0 {display:block; overflow:hidden;color:#6d6d6d; margin:20px 0px 20px 0px; line-height:26px; text-align:left; padding:0px;font-family: 微软雅黑;}

dl.news_dl0 dt { margin:0px 15px 0px 0px; float:right; width:293px; height:234px; text-align:center;}

dl.news_dl0 dt img{ width:293px; height:234px;}

dl.news_dl0 dd { display:block; overflow:hidden; height:234px; font-size:13px; margin-right:325px;color:#6d6d6d;}

dl.news_dl0 dd a { display:block; overflow:hidden; height:32px; line-height:32px; font-size:18px; font-weight:bold; margin-bottom:3px;}

dl.news_dl0 dd span{ display:block; overflow:hidden; font-size:24px; line-height:44px; color:#7287C6;}

dl.news_dl0 dd u{ display:block; overflow:hidden;line-height:23px; text-align:right; text-decoration:none;}

dl.news_dl0 dd u a:link,dl.news_dl0 dd u a:visited {color: #cd0000; font-size:12px;}

dl.news_dl0 dd u a:hover {color: #004d94; font-size:12px;}

dl.news_dl { display:block; overflow:hidden;color:#6d6d6d; margin:18px 16px 10px 0px; line-height:20px; padding-bottom:18px; text-align:left;font-family: 微软雅黑; border-bottom:#E8E8E8 solid 2px;}

dl.news_dl dt { margin-right:13px; float:left; width:60px; padding:11px; display:inline; background-color:#E1E1E1;}

dl.news_dl dt i{ display:block; overflow:hidden; font-style:normal; color:#095EDD; font-size:30px; line-height:34px;font-family:Arial, Helvetica, sans-serif;}

dl.news_dl dt span{ display:block; overflow:hidden; font-size:16px; color:#3B494C; line-height:20px;font-family:Arial, Helvetica, sans-serif;}

dl.news_dl dd {  display:block; overflow:hidden; margin-left:108px; height:80px; font-size:12px; line-height:19px; color:#6d6d6d;}

dl.news_dl dd a { display:block; overflow:hidden; height:23px; line-height:23px; font-size:16px; font-weight:bold;}

dl.news_dl dd a:link,dl.news_dl dd a:visited {color: #2e2d2e;}

dl.news_dl dd a:hover {color: #004d94;}

dl.news_dl .dt_1 { display:block; overflow:hidden; height:26px; line-height:28px; font-size:18px; font-weight:bold; }

dl.news_dl .dt_2 { display:block; overflow:hidden; color:#838383; font-size:11px;}

.pager_news1{ display:block; overflow:hidden; font-size:16px; margin:16px 10px 0px 10px; line-height:28px;}

.pager_news1 span{ float:right; font-size:14px;}

.pager_news1 span a:link,.pager_news1 span a:visited {color: #ff0000;}

.pager_news1 span a:hover {color: #004d94;}

.pager_news2{ display:block; overflow:hidden; font-size:12px; padding:5px 10px 5px 10px; border-bottom:#ECEBF0 solid 1px;}

.pager_news2 li{display:block; overflow:hidden; line-height:28px;white-space:nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis; }

.pager_news2 li span{ float:right; font-size:12px; margin-left:8px;}

.pager_news2 li a{ font-size:12px;}

.main_list li{ display:block; overflow:hidden; border-bottom:#D6D6D6 double 1px; line-height:45px;font-family: 微软雅黑; text-indent:22px; background-image:url(d.jpg); background-repeat:no-repeat; background-position:2px center;}

.main_list li a{ display:block; overflow:hidden;}

.main_list li a:link,.main_list li a:visited {color: #2e2d2e;}

.main_list li a:hover {color: #004d94; background-image:url(d1.jpg); background-repeat:no-repeat; background-position:2px center;}

.mb{ margin-bottom:30px;}

.main_list1{ display:block; overflow:hidden; margin-top:15px; }

.main_list1 li{ float:left; width:125px; margin:12px 16px 12px 36px; line-height:20px;font-family: 微软雅黑; text-align:center;}

.main_list1 li img{ width:125px; height:170px; margin-bottom:8px;}

dl.news_dl1 {display:block; overflow:hidden;color:#6d6d6d; margin:10px 0px 10px 0px; line-height:26px; text-align:left; padding:0px;font-family: 微软雅黑;}

dl.news_dl1 dt { margin:0px 15px 0px 0px; float:right; width:374px; height:208px; text-align:center;}

dl.news_dl1 dt img{ width:374px; height:208px;}

dl.news_dl1 dd { display:block; overflow:hidden; height:208px; font-size:13px; margin-right:390px;color:#6d6d6d;}

dl.news_dl1 dd a { display:block; overflow:hidden; height:32px; line-height:32px; font-size:18px;  margin-bottom:3px;}

dl.news_dl1 dd span{ display:block; overflow:hidden; font-size:24px; line-height:44px; color:#7287C6;}

/*新闻内容*/

.info_zlmcon{ display:block; overflow:hidden;margin:10px;}

.infotitle{font-size:16px; color:#000; font-size:30px; margin-top:15px; letter-spacing:1px;display:block; overflow:hidden; line-height:30px; text-align:center;} 

.infotime{ font-size:12px; color:#828282;display:block; overflow:hidden; height:25px; padding-top:5px; text-align:center; margin-top:10px;}

#artinfo2{display:block; overflow:hidden; height:138px; font-family:"微软雅黑"; font-size:14px; background-color:#F2F2F2;} 

.shangxp,.shangxp1{ float:left; width:46%;padding:28px 2% 10px 2%; overflow:hidden; line-height:32px;color: #AEAEAC;}

.shangxp1{ text-align:right;}

#artinfo2 .prev{display:block; overflow:hidden; text-indent:19px; background-image:url(prev.jpg); background-repeat:no-repeat; background-position:left center;} 

#artinfo2 .next{display:block; overflow:hidden; text-indent:19px; padding-right:19px; background-image:url(next.jpg); background-repeat:no-repeat; background-position:right center;} 

#artinfo2 a{ padding-bottom:5px; font-size:12px;} 

#artinfo2 a:link,#artinfo2 a:visited {color: #AEAEAC;}

#artinfo2 a:hover {color: #FF9933;}

#artcontent{display:block; overflow:hidden; margin:0px 20px; height:auto; text-align:left; padding-top:10px; min-height:100px;  line-height:30px; clear:both; padding-bottom:50px; font-size:14px; color:#464646;}

.end{ display:block; overflow:hidden;width:100%;min-width:1024px; color:#f4f4f4; background-color:#383838; border-top:#0588E0 solid 6px; margin-top:20px; padding-top:15px;}

.end ul li{float:left;font-size:12px;color:#FFF;text-align:left; margin-top:20px; margin-bottom:18px; line-height:21px;}

.end ul li.first-child{width:290px}

.end ul li.nth-child{ margin-right:36px;}

.end ul li.nth-child1{margin-right:36px;}

.end ul li.last-child{ float:right;}

.end ul li a{color:#fff; float:left; width:130px; font-size:14px;}

.end ul li a:hover{color:#D1D1D1}

.end ul li label{ float:left;  margin-right:18px; text-align:right; font-size:14px; margin-top:30px;}

.end .qr-code{ float:left;background:url(../images/code.jpg) no-repeat 0 0;width:74px;height:74px;}

.end1{ width:100%; height:60px;overflow: hidden; margin:0 auto; border-top:#fff solid 1px; background-color:#696969;font-family: 微软雅黑; color:#f4f4f4; line-height:26px; font-size:12px;}

.endl0{ float:left; font-size:12px; margin-top:7px; margin-right:40px;}

.endl{ float:left; font-size:12px;}

.endr{ float:right; text-align:right; font-size:12px;}

.end1 a{color:#fff; font-size:12px;}

.end1 a:hover{color:#D1D1D1}

.ernav a{ display:block; padding:0px; margin:0px;}

.ernav a img{ display:block; padding:0px; margin:0px;}

.w1024{ width:1024px; margin:auto;}

.ny_content{ width:100%;  background:#f0f0f0; font-size:14px; }

.lame{ height:58px; padding-top:36px; color:#3f3f3f; font-size:16px; line-height:28px;}

.lame select{ width:124px; height:28px; border:#afafaf 1px solid; color:#3f3f3f; font-size:16px; line-height:28px; text-align:center;}

.ny_content .a1{ position:absolute; left:-58px; top:55px; z-index:1;}

.ny_content .a2{ position:absolute; right:-58px; bottom:0px; z-index:1;}

.s_banner{ height:248px; background-position:center; background-repeat:no-repeat;}

.bread{ margin-top:15px; margin-bottom:30px; height:38px; line-height:38px; border-top:1px #c9c9c9 dotted; border-bottom:1px #c9c9c9 dotted; text-align:right; color:#c8cbcd;}

.bread b{ margin-right:5px; color:#2d2d2d;}

.bread a{ display:inline-block; margin:0 5px; color:#7a8389;}

.ny_con{ font-size:14px; color:#818181;    margin-bottom: 140px;}

.tittle1{ margin-bottom:60px; text-align:center;}

.tittle1 span{ position:relative; display:inline-block; color:#1ebaed; font-size:50px; font-family:'ITC';}

.tittle1 span i{ position:absolute; right:-8px; top:3px; content:"ST"; font-size:10px;}

.tittle1 em{ display:inline-block; font-size:30px; color:#535353;}

.nav2{ position:relative; margin-bottom:25px; height:43px;}

.nav2:before{ position:absolute; left:0; top:50%; width:100%; height:1px; background:#d9d9d9; content:"";}

.nav2 ul{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}

.nav2 ul li{ display:inline-block; margin:0 10px; width:132px; height:41px; line-height:41px; background:#fff; border:1px #e4e3e3 solid; -webkit-transition:all 0.1s linear; transition:all 0.1s linear;}

.nav2 ul li a{ display:block; -webkit-transition:all 0.1s linear; transition:all 0.1s linear;}

.nav2 ul li.on{background:#1db8ee; border:1px #1db8ee solid;}

.nav2 ul li.on a{ color:#ffffff;}

.nav2 ul li:hover{background:#1db8ee; border:1px #1db8ee solid;}

.nav2 ul li:hover a{ color:#ffffff;}

.p6_nav2 ul li{width:auto; padding:0 20px;}

.news_list3:after{display:block; height:0; clear:both; content:"";}

.news_list3 li{ padding-top:40px; padding-bottom:40px; height:179px; border-bottom:1px #d2d2d2 dotted;}

.news_list3 li .l_img{ float:left; width:239px; height:179px;}

.news_list3 li .l_img a{ display:block; height:inherit; overflow:hidden;}

.news_list3 li .l_img a img{ width:100%; height:100%; -webkit-transition:all 0.2s linear; transition:all 0.2s linear;}

.news_list3 li .l_img:hover a img{-webkit-transform:scale(1.05); transform:scale(1.05);}

.news_list3 li .r_info{ float:right; width:720px;}

.news_list3 li .r_info h4{}

.news_list3 li .r_info h4 a{ font-size:16px; font-weight:800; color:#1db8ee;}

.news_list3 li .r_info span{ display:block; margin-top:10px; margin-bottom:10px; color:#bcbcbc;}

.news_list3 li .r_info p{ line-height:24px;}

.news_list3 li .r_info .btn{ display:block; margin-top:22px; width:141px; height:41px; line-height:41px; background-image:url(../images/p4_1_btn.png); border:2px #c7c7c7 solid; -webkit-transition:all 0.1s linear; transition:all 0.1s linear;}

.news_list3 li .r_info .btn:hover{background-position:0 41px; background-color:#1db8ee; border:2px #1db8ee solid;}

.flow{

    width: 1000px;

    margin: 0 auto;

}

.flow:after{

    clear:both;

    content:'';

    display:block;

    width:0;

    height:0;

    visibility:hidden;

}

.flow div{

    float: left;

    position: relative;

}

.flow div p{

    position: absolute;

    bottom: 30px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform:translateX(-50%); /* Safari å’Œ Chrome */

    -ms-transform:translateX(-50%); 	/* IE 9 */

    -moz-transform:translateX(-50%); 	/* Firefox */

    -o-transform:translateX(-50%);

    font-size: 18px;

    color: #00b3ee;

}

.flow img{

    float: left;

    margin-top: 210px

}

.flow .flow-left ul{

    background: url(../images/bg1.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.flow .flow-right ul{

    background: url(../images/bg2.png) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.flow ul{

    height: 300px;

    margin-top: 60px;

}

.flow ul li{

    width: 120px;

    height: 217px;

    float: left;

    position: relative;

    text-align: center;

    background: url(../images/up2.png) no-repeat;

    background-size: 100%;

}

.flow ul li:first-child{

    background: url(../images/up1.png) no-repeat;

    background-size: 100%;

}

.flow ul li:last-child{

    background: url(../images/up3.png) no-repeat;

    background-size: 100%;

}

.flow ul li a{

    display: inline-block;

    position: absolute;

    height: 72px;

    writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl;

    *writing-mode: tb-rl;

    text-align: center;

    top: 40px;

    left: 50%;

    transform: translateX(-8px);

    -webkit-transform:translateX(-8px); /* Safari å’Œ Chrome */

    -ms-transform:translateX(-8px); 	/* IE 9 */

    -moz-transform:translateX(-8px); 	/* Firefox */

    -o-transform:translateX(-8px);

}

.flow ul li span{

    font-size: 16px;

    position: absolute;

    bottom: 50px;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform:translateX(-50%); 	/* IE 9 */

    -moz-transform:translateX(-50%); 	/* Firefox */

    -webkit-transform:translateX(-50%); /* Safari å’Œ Chrome */

    -o-transform:translateX(-50%);

}

.con_1002 {

    position: relative;

    margin: 0 auto;

    width: 1002px;

}

.bread {

    margin-top: 15px;

    margin-bottom: 30px;

    height: 38px;

    line-height: 38px;

    border-top: 1px #c9c9c9 dotted;

    border-bottom: 1px #c9c9c9 dotted;

    text-align: right;

    color: #c8cbcd;

}

.pager_job3 {

    display: block;

    overflow: hidden;

    height: 147px;

    background-color: #C9C9C9;

    background-image: url(../images/j3.jpg);

    background-repeat: no-repeat;

    background-position: right;

    color: #000;

    font-size: 16px;

}

.logo-start{

    width: 72px;

    height: 32px;

    line-height: 32px;

    padding-left: 20px;

    float: left;

    background-color: #74B4FC;

    border-radius: 5px;

    margin-top: 10px;

    margin-left: 230px;

    position: relative;

    text-align: center;

}

.logo-start img{

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    top: 5px;

    left: 10px;

}

.logo-start span{

    font-size: 14px;

    color: #fff;

}

.logo-header{

    float: left;

    margin-top: 10px;

    margin-left: 35px;

    position: relative;

}

.logo-header img{

    width: 46px;

    height: 46px;

}

#proUL li{ float: left; margin: 10px 10px 10px 10px;}

#proUL li a{ width: 305px; padding:7px; border:solid 1px #DBDADA; float: left;}

.pro01{ width: 300px; height: 192px; overflow: hidden; text-align: center;}

.pro01 img{ max-width:256px; height:192px; transition: all 0.6s; }

.pro02{ height: 43px; line-height: 43px; font-weight:700; font-size:18px;}

.prosp1{ width: 180px; height: 43px; overflow: hidden; font-size: 16px;}

.prosp2{ color: #f00;font-weight:700; float: right;}

#proUL li a:hover{ background: #1ebaed; color: #fff;}

#proUL li a:hover .pro01 img{ transform:scale(1.05); }

#proUL li a:hover .prosp2{ color: #fff; }

/*css digg style pagination*/

div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}

div.digg a{border:#1ebaed 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}

div.digg a:hover{border:#585858 1px solid;color:#000;}

div.digg a:active{border:#585858 1px solid;color:#000;}

div.digg span.current{border:solid 1px #1ebaed;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#1ebaed;}

div.digg span.disabled{border:#eee 1px solid;padding:3px 5px;margin:3px;color:#ddd;}

div.digg select{ border:#aaaadd 1px solid; padding:3px 0px;}



