@charset "utf-8";
body {font-family: "Microsoft YaHei", "Arial, Helvetica, sans-serif"; font-weight: 400; font-size: 16px; line-height: 1.7; color: #7f7f7f; background: #fff; height: 100%; position: relative;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0;  font-family:"Microsoft YaHei";}
a { color: #666; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-decoration:none}
a:hover, a:active, a:focus { color: #444; outline: none;}
h1, h2, h3, h4, h5, h6, figure {color: #666; font-family: "Microsoft YaHei", "Arial, Helvetica, sans-serif"; font-weight: 400; margin: 0 0 0 0;}
::-webkit-selection { color: #fff; background: #00579e;}
::-moz-selection { color: #fff; background: #00579e;}
::selection { color: #fff; background: #00579e;}
ul,li{list-style:none;}
.w800{width:800px; }




.nq-header{background:#fff000; width:100%; margin:0px; float:left; position:relative; z-index:999999}

.mtop{ height: 140px;}
.topBox{ background-color: #fff000; position:relative; left: 0px; top: 0px; height:140px; width: 100%; z-index: 1000; transition:400ms;}
.pusher{transition:400ms; background-color: #fff;}
.top{ width: 100%; margin: 0px auto; position: relative; transition: 400ms;}
.tright{ position: absolute; right: 0px; top: 35px; width: 144px;}
.tright a:link,.tright a:visited { color: #c5c5c5;}
.tright a:active,.tright a:hover { color: #8e8d8d;}
.search-box{ width: 144px; position: relative; border-bottom: 1px solid #e0e0e0; margin-bottom: 16px;}
.search-txt,.search-btn{ float: left; display: block; margin: 0px; padding: 0px; border: 0px none; line-height: 24px; height: 24px;}
.search-txt{ border: 0px none; width: 118px;}
.search-btn{ background: url(../images/search_bg.png) no-repeat; width: 18px; height: 24px; position: absolute; right: 0px; top: 0px;}
.scA{ background: url(../images/sc.png) no-repeat scroll left center; padding-left: 25px;}
.oaA{ float: right; display: block;}
.logo{ padding: 20px 0px 10px 5px; width:408px; height:80px;}
.logo img{ width: 100%; display: block;} 
.language{position:absolute; right:20px; top:80px;}
.nav a:link,.nav a:visited { color: #fff;}
.nav a:active,.nav a:hover { color: #fff;}
.nav{ height: 40px; background:url(../images/navbj.jpg) repeat-x; width:100%;}
.nav li{ float: left; display: block; font: 14px/26px "microsoft yahei"; margin-right: 10px; position: relative; line-height:40px; width:8.5%; margin:0px 1% 0px 3%;}
.nav li a{display: block; height: 40px; color:#fff; text-decoration:none}
.nav li a.act{ color: #174f90;}
.nav a:hover{color: #fff000;}
.nav a.hov{ color: #3471b8; border: 1px solid #d9d9d9; border-bottom:0px none; position: relative; z-index: 10; background-color: #fff;}
.nav .subnav{ position: absolute; z-index: 5; left: 0px; top: 30px; border: 1px solid #d9d9d9; background-color: #fff; width: 232px; padding: 4px 0px; display: none;}
.nav .subnav li{ float: none; margin: 0px 0px 5px;}
.nav .subnav li a{ display: block; height: 39px; line-height: 39px; border: 0px none;}
.nav .subnav li a:hover{ background-color: #3471b8; color: #fff;}
.black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; opacity: 0.5; display: none; z-index: 900;}
.menuOpen .pusher,.menuOpen .topBox{ transform:translate(-340px,0px);
-moz-transform:translate(-340px,0px);
-webkit-transform:translate(-340px,0px);
-o-transform:translate(-340px,0px); }
.menuOpen .black{ display: block;}
.menuBtn{ transition:400ms 300ms; width:52px; height:52px; float: right; position: relative; overflow: hidden; display:none; cursor:pointer; border:2px solid #174f90; margin:10px 10px 0px 0px}
.menuBtn .txt{color:#174f90; line-height:17px; font-size:16px; text-align:center}
.menuBtn .line{ transition:300ms; width:36px; height:4px; background:#3471b8; position:absolute; left:50%; margin-left: -18px;}
.menuBtn .line1{ top:14px;}
.menuBtn .line2{ top:24px; transition:300ms 100ms;}
.menuBtn .line3{ top:34px;}
.menuBtnShow{ transition:400ms 300ms; background-color: #174F90;}
.menuBtnShow .line{ background-color: #fff;}
.menuBtnShow .txt{color:#fff;}
.menuBox{ position: fixed; right: -100%; top: 0px; width: 340px; background:#00579e; height: 100%; overflow-x: hidden; overflow-y: auto; transition: 400ms; -webkit-overflow-scrolling:touch;}
.menuBoxShow{right: 0px; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a{ text-transform: uppercase; font-size: 16px; background: url(../images/m_ico1.png) no-repeat scroll 95% center;}
.navMobile dd a { display: block; padding: 20px 34px 20px 18px; line-height: 1.4; font-size: 14px; color: #8d8d8d; border-bottom: 1px solid #03467d;  -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; text-decoration:none; color:#fff;}
.navMobile dd a:hover,.navMobile dd p a.cur{ background:none #034378; color: #fff000;}
.navMobile dd a.cur{background: url(../images/m_ico2.png) no-repeat scroll 95% center #80abde;}
.navMobile dd.dlin1 p a{ background: none;}
.navMobile dd.dlin1 p a.cur{ background: none #80abde;}
.navMobile dd a:active { background-color: #5aaeeb; color: #fff;}
.navMobile dd .msubnav { background-color: #fff; display: none;}
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; padding-left: 36px; background: url(../images/l.png) no-repeat scroll 18px center #e6e6e6;}
.searchMbox{ background-color: #fff001; padding:20px 34px 20px 18px; height: 36px;}
.searchM-txt{ height: 36px; line-height: 100%; border: 0px none; margin: 0px auto; width: 80%; padding:0px 10%; color: #fff; background: url(../images/search_bg2.png) no-repeat scroll 15px center #a1c6ed;}


.nq-banner{width:100%; float:left}



.ny-banner{width:100%; float:left;}
.ny-banner img{width:100%;}

.nq-container{width:100%; padding-top:30px; padding-bottom:30px; background:#f6f6f6; float:left}
.nq-container .inews,.nq-container .product,.nq-container .service,.nq-container .contact{width:22.8%; padding:0px 1%; border-right:1px solid #e4e4e4; float:left; height:130px;}
.nq-container .contact{border-right:0px;}
.nq-container .inews .title,.nq-container .product .title,.nq-container .service .title,.nq-container .contact .title{width:100%; height:40px; line-height:40px;}
.nq-container .inews .title H2,.nq-container .product .title H2,.nq-container .service .title H2,.nq-container .contact .title H2{font-size:18px; font-weight:600; color:#00579e; float:left}
.nq-container .inews .title span,.nq-container .product .title span,.nq-container .service .title span,.nq-container .contact .title span{font-size:12px; float:right}
.nq-container .inews .pic{width:30%; border:3px solid #e5edf2; float:left}
.nq-container .inews .pic img{width:100%;}
.nq-container .inews .txt{width:65%; margin-left:3%; float:left}
.nq-container .inews .txt h5{font-size:16px; font-weight:600; color:#00579e; line-height:30px;}
.nq-container .inews .txt h6{font-size:12px; color:#666; line-height:24px;}
.nq-container .product .box{width:100%;}

.leftLoop{width:100%;}
.leftLoop .bd{float:left; padding:0px; width:100%;} 
.leftLoop .bd ul{overflow:hidden; zoom:1;} 
.leftLoop .bd li{float:left; width:118px; height:80px; text-align:center; line-height:18px; display:_inline;} 
.leftLoop .bd a{display:block; width:112px; height:80px; padding-top:3px; background:#eaeaea; font-size:12px;}
.leftLoop .bd img{width:106px; height:58px;} 


.nq-container .service .box{width:100%;}
.nq-container .service .box li{width:24%; float:left; margin-right:1%;}
.nq-container .service .box li img{widht:100%;}

.nq-container .contact .box{with:100%; float:left}
.nq-container .contact h6{font-size:12px; color:#666; line-height:24px; display:block;}



.footlink a:link, .footlink a:visited { color: #c9d5e3; }
.footlink a:active, .footlink a:hover { color: #fff; }
.footlink { background-color: #00579e; padding: 2% 0% 1% 0%; color: #86a9c5; width:100%; float:left}
.footlink dd { float: left; display: block; width: 10%; overflow: hidden; padding-left:2%; padding-right:2%; height:220px;}
.footlink dd.bl1 {border-left:1px solid #016fc8;}
.footlink dd.br2 {border-right:1px solid #03467d;}
.footlink .t { margin-bottom: 12px; }
.footlink .t a { font-size: 16px; color: #c5d1d0; text-decoration:none}
.footlink .c { line-height: 2.2; font-size:12px;}
.footlink a {text-decoration:none}
.footlink a:hover {text-decoration:none}
.foot{background-color: #034378; padding: 0px 2%; height:25px; color: #fff; float:left; width:96%; overflow:hidden}
.foot .link{line-height:25px; color:#4c81ae; float:left}
.foot .link a{color:#4c81ae; text-decoration:none; font-size:12px; padding:0px 8px; border-right:1px solid #4c81ae;}
.foot .link a:hover{color:#1361a1; text-decoration:none}
.foot .copyright{line-height:25px; color:#4c81ae; font-size:12px; float:right}


.ny-container{width:100%; height:100%; display:-webkit-flex;}
.ny-container .leftnav{width:20%; max-width:230px; float:left; background:#eeeeee; padding-bottom:30px;}
.ny-container .leftnav .title{padding-top:20px; width:90%; margin:0px auto; border-bottom:1px solid #cdcdcd;}
.ny-container .leftnav .title H4{font-size:14px; color:#666; line-height:30px;}
.ny-container .leftnav .list{width:90%; margin:0px auto;}
.ny-container .leftnav .list li{display:block; border-bottom:1px dashed #cdcdcd; height:30px; line-height:30px;}
.ny-container .leftnav .list li a{font-size:12px; color:#;}
.ny-container .leftnav .list li i{width:3px; height:3px; background:#00579e; margin-top:15px; float:left; margin-right:10px;}
.ny-container .leftnav .list .l1{font-weight:bold;}
.ny-container .leftnav .list .l2{padding-left:15px;}


.ny-container .rcon{width:75%; margin-left:2%; float:left}
.ny-container .rcon .title{width:100%; float:left; border-bottom:1px solid #cdcdcd; margin-top:10px;}
.ny-container .rcon .title H3{float:left; font-size:16px; font-weight:bold; color:#666; line-height:30px;}
.ny-container .rcon .title H3 i{background:url(../images/icon2.jpg) no-repeat; padding-right:5px; width:13px; height:9px; display:inline-block}
.ny-container .rcon .title span{float:right; line-height:30px; font-size:12px; color:#666}
.ny-container .rcon .title a{color:#666; text-decoration:none;}

.prolist a:link,.prolist a:visited{ color: #b0b0b0;}
.prolist a:active,.prolist a:hover{ color: #fff;}
.prolist{ width: 100%; margin:30px auto; display:inline-block}
.prolist li{ width: 23%; float: left; display: block; margin:0px 0% 2% 2%;}
.proitem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.proitem a{ display: block; padding: 15px 15px; }
.proitem .time{ height: 20px; margin-bottom: 5px;}
.proitem .t{ font: 14px "microsoft yahei"; color: #6e6e6e; height: 24px; overflow: hidden; margin-bottom: 5px;}
.proitem .img{ overflow: hidden; margin-bottom: 5px;}
.proitem .img img{ width: 100%; display: block;}

.proitem .c{ height: 42px; overflow: hidden; margin-bottom: 0px; font-size:12px; color:#888;}
.proitem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.prolist li:hover .proitem{ background-color: #00579e; border: 1px solid #00579e;}
.prolist li:hover .t{ color: #fff;}
.prolist li:hover .c{ color: #fff;}
.prolist li:hover .more{ background-color: #fff; color: #cea406;}
.prolist li:hover .img img{transform:scale(1.08); transition:860ms;}


.probox{width:100%; margin:30px auto; float:left}


.prt{width:98%; height:24px; line-height:24px; background:#eeeeee; padding-left:2%; font-size:14px; font-weight:bold;}
.prt img{width:100%;}
.pt{width:100%; height:24px; background:#eeeeee;}
.pt li{float:left; width:200px; height:24px; line-height:24px; border-right:1px #fff solid; background:#dddddd;}
.pt a{display:block; width:200px; height:24px; line-height:24px; text-align:center; font-size:12px;}
.pt a.cur{background:#00579e; color:#fff;}

.big{width:100%; height:400px; padding-top:30px; border-bottom:1px #cdcdcd dotted;}
.big img{width:733px; height:400px;}
.small{width:100%; height:71px; overflow:hidden; padding-top:10px;}
.small li{float:left; width:115px; height:71px;}
.small img{width:106px; height:57px; border:1px #cdcdcd solid;}
.remark{width:100%; padding:10px 10px 20px 10px; line-height:24px; border-top:1px #cdcdcd dashed;}

.pbox{width:100%; padding:20px 0px; font-size:12px;}
.pbox table{border:1px #cdcdcd solid; margin-top:20px; width:100%;}

.fb{width:100%; padding-top:10px; border-top:1px #cdcdcd solid; font-size:12px;}
.fb td{height:30px;}
.fb .txt{width:300px;}
.fb .ta{width:365px; height:110px; margin-right:10px;}


.prosview{width:100%; max-width:1200px; margin:30px auto;}
.prosview H3{font-size:24px; color:#666; line-height:60px; text-align:center}
.prosview .info{width:98%; margin:0px auto; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.prosview .info span{margin:0px 10px; line-height:30px; font-size:12px; text-align:center}
.prosview p{font-size:14px; line-height:30px; padding:0px 15px; margin-top:30px;}
.prosview p img{text-align:center;}


.about{width:100%; padding:30px 0px; float:left}
.about p{font-size:12px; color:#666; line-height:30px;}
.about img{padding-left:20px;}



.honorPage{width:100%; padding:30px 0px; float:left}
.honorList a:link, .honorList a:visited { color: #333333; }
.honorList a:active, .honorList a:hover { color: #C62923; }
.honorList ul{ color: #666; margin-top:20px;}
.honorList li{ float: left; display: block; width: 23%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; cursor: pointer}
.honorList .img{ border: 2px solid #cfcfcf; padding: 7px; margin-bottom: 8px; overflow: hidden; position: relative;}
.honorList .img img{ width: 100%; display: block;}
.honorList .bg{ background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.4); bottom: 0; left: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .con{ text-align: center; font-size: 14px; color: #666666; line-height: 1.5; height: 20px; overflow: hidden;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #cea406;}
.honorList li:hover .bg{ opacity: 1; visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover{ background-color: #cea406;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 9999999; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/p_l3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/p_r3.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #cea406; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #666666; }
.infoPaging a:link,.infoPaging a:visited { color: #666666;}
.infoPaging a:active,.infoPaging a:hover { color: #fff;}
.infoPaging{ border-top: 1px solid #cccccc; height: 58px; margin-top: 5%; text-align: center; letter-spacing: -0.31em; /* webkit */*letter-spacing: normal; /* IE < 8 重置 */}
.infoPaging a{ line-height: 58px; width: 66px; border-left: 1px solid #cccccc; font: 18px/58px "acaslonpro","times new roman",tahoma,georgia; display: inline-block;zoom: 1; *display: inline; /* IE < 8: 伪造 inline-block */ letter-spacing: normal; word-spacing: normal; vertical-align: top;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoPaging .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding: 0px 30px 0px 37px; border-left: 0px none; font-size: 16px; font-family: "microsoft yahei";}
.infoPaging .pnext{ background: url(../images/next11.png) no-repeat scroll 92% center; padding: 0px 37px 0px 30px; font-size: 16px;font-family: "microsoft yahei";}
.infoPaging .pprev:hover{ background-position: 0px center; background-color: transparent; color: #cc0000;}
.infoPaging .pnext:hover{ background-position: 100% center; background-color: transparent; color: #cc0000;}
.infoPaging a.act{ background-color: #00a29a; color: #fff;} 
.infoPaging a:hover{ background-color: #ccc; color: #fff;} 
.infoBox{ width: 370px; margin: 0px auto; line-height: 59px; font-size: 16px;}
.infoBox .list{ background: url(../images/list1.png) no-repeat scroll center center #999999; padding-left: 68px; height: 59px; display: inline-block; width: auto;}
.infoBox .list:hover{ background-color: #cc0000;}
.infoBox .pprev{ background: url(../images/prev11.png) no-repeat scroll 8% center; padding:0px 0px 0px 37px; float: left; display: block; height: 100%;}
.infoBox .pnext{ border-left: 0px none; background: url(../images/next11.png) no-repeat scroll 92% center; padding:0px 37px 0px 0px; float: right; display: block; height: 100%;}
.infoBox .pprev:hover{ background-position: 0px center;}
.infoBox .pnext:hover{ background-position: 100% center;}


/*新闻*/
.news{width:100%; margin:30px auto; float:left}
.newslist{width:96%; margin:0px auto;}
.newslist li{border-bottom:1px dashed #cdcdcd; height:30px; line-height:30px; width:100%; display:block; font-size:12px; overflow:hidden}
.newslist li i{width:3px; height:3px; background:#00579e; margin-top:15px; float:left; margin-right:10px;}
.newslist li span{float:right}
.newsview{width:100%; margin:0px auto;}
.newsview H3{font-size:24px; color:#666; line-height:60px; text-align:center}
.newsview .info{width:98%; margin:0px auto; text-align:center; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.newsview .info span{margin:0px 10px; line-height:30px; font-size:12px; text-align:center}
.newsview p{font-size:12px; line-height:30px; padding:0px 15px; margin-top:30px; color:#666;}
.newsview p img{text-align:center;}
.newsview .v{width:98%; margin:30px auto; text-align:center; padding-bottom:10px;}
.newsview .v p{font-size:12px; line-height:30px; padding:0px 15px; margin-top:30px; color:#666; text-align:left;}
/*客户留言*/
.feedback{padding:5% 0 5% 0; width:100%;}
.fb_box{width:100%; margin:0 auto;}
.fb_box .s-input{height:40px; border:1px solid #ddd; padding-left:15px; color:#c8c8c8; font-family:"微软雅黑"; font-size:14px; line-height:40px;}
.fb_box .s-textarea{line-height:25px; height:180px; overflow:hidden; width:92%;}
.fb_box .b1{width:45%; float:left; margin-bottom:1%;}
.fb_box .b2{width:45%; float:left; margin-bottom:1%; margin-left:1%;}
.fb_box .b3{width:92%; float:left; margin-bottom:1%;}

.subBtn{width:136px;height:52px;border:1px solid #c9c9c9;color:#787878;font-family:"微软雅黑";font-size:18px;cursor:pointer;transition:300ms;-webkit-transition:300ms;margin:0 auto;display:block;
margin-top:30px;}
.subBtn:hover{background:#00579e;color:#fff; border:1px solid #00579e; font-size:18px;}
.fb_box .s-input:focus{border:1px solid #cea406;}


/*就业机会*/

.rec{width:100%;}
.rec table{width:100%; border-bottom:1px #b4bdc3 solid; margin-bottom:30px;}
.rec td{font-size:12px;}
.rec .trh td{border:1px #b4bdc3 solid; background:#2d5a7e; text-align:center; height:24px; line-height:24px; color:#ffffff; font-weight:bold;}
.rec .trh2 td{border:1px #b4bdc3 solid; background:#eeeeee; text-align:center; height:24px; line-height:24px; color:#666666; font-weight:bold;}
.rec .trl td{border:1px #b4bdc3 solid; text-align:center; height:24px; line-height:24px; color:#666666; background:#f5f5f5;}
.rec .trl2 td{border:1px #b4bdc3 solid; text-align:center; height:30px; line-height:30px; color:#666666; background:#f5f5f5;}
.rec .trh3 td{border:1px #b4bdc3 solid; background:#ffffff; text-align:center; height:24px; line-height:24px; color:#666666; font-weight:bold;}
.rec .trl3 td{border:1px #b4bdc3 solid; text-align:left; line-height:30px; color:#666666; background:#ffffff;}
.rec .text{ width:96%; padding:2%; border:1px #b4bdc3 solid; line-height:20px; text-align:left; background:#ffffff; color:#666666;}
.rec .text p{color:#666666;}
.rec a{text-decoration:none; color:#38698a;}
.rec a:hover{color:#38698a;}

.can{width:100%;}
.can td{border:1px #cdcdcd solid; height:30px; font-size:12px;}
.can .tdh{width:100%; text-align:center; background:#2d5a7e; color:#ffffff;}
.can .tdl{width:20%; background-color:#f5f5f5; text-align:right;}
.can .tdr{width:30%; background-color:#ffffff; text-align:left;}
.can .tdr2{width:80%; background-color:#ffffff; text-align:left;}
.can .tdb{width:100%; text-align:center; background-color:#f3f5f8;}
.can .txt{width:300px; height:14px;}
.can .txt2{width:350px; height:14px;}
.can .ddl{width:300px;}
.can .ta{width:350px; height:100px;}
/*视频中心*/
.video-list li {
	width: 22%;
	float: left;
	margin-right: 3%;
	margin-bottom: 32px;
}
.video-list li figure {
	display: block;
	line-height: normal;
	position: relative;
}
.video-list li figure img {
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
}
.video-list li figure mark {
	display: block;
	width: 99px;
	height: 99px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	background: url(../images/adius3.png) center no-repeat;
	transition: 780ms;
	opacity: 0;
	visibility: hidden;
}
.video-list li figure mark span {
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/video.png) center no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -24px;
}
.video-list li figcaption {
	display: block;
	text-align: center;
	padding: 10px 0 0;
	color: #323232;
	font-size: 14px;
	height: 44px;
}
.video-list li:hover figure mark {
	visibility: visible;
	opacity: 1;
}
.video-list li:hover figure:before {
	width: 100%;
	left: 0;
}



/*翻页*/
.page{ clear:both; font-size:14px; margin:0px 0px 30px 0px; text-align:center; line-height:30px; overflow:hidden; color:#333;}
.page a{ background:#fff; border:1px solid #e0e0e0; color:#333; display:inline-block; width:30px; margin:0 5px; border-radius:2px;}
.page a:hover{ background:#00579e; border:1px solid #00579e; color:#fff;} 
.page span{  background:#00579e;  border:1px solid #00579e; color:#fff; display:inline-block;  width:30px;font-weight:bold;   margin:0 5px; border-radius:2px;  }
/*翻页*/