﻿/*首页样式*/
.index_page { margin: 0px; margin-top:340px; width: 100%; padding:25px 0; }

.index_topnews { width: 1160px; background:#fff; margin:30px auto 30px auto; padding:20px; }
.index_topnews li.title { width: 900px; margin: 0px auto 5px auto; height:52px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 52px; }
.index_topnews li.title a {color: #1369c0; font-size: 36px; font-weight: bold;}
.index_topnews div.txt li {width: 1000px; height:32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; margin: 0px auto; display: inline;}
.index_topnews div.txt li span {padding:0 2px;font-size: 18px;color: #383846!important;}
.index_topnews div.txt li.first {display: none;}
.index_topnews div.txt li a {color:#666;font-size:18px; }
.index_topnews div li a:hover { color:#004f96}

.index_banner { width:640px; position: relative; height:330px; overflow: hidden; padding: 0; }
.ctrl-panel { position: absolute; right: 15px; z-index: 1000; bottom:12px; }
.m-page { display: block; width:12px; height:12px; border-radius:50%; float: left; display: inline; margin-left: 4px; border:#fff 1px solid; }
.m-page:hover { background: #fff;}
.focus { background:#fff;}
.con { width: 100%;}
.scroll-wrap { OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; HEIGHT: 100% }
.scroll_box_content { POSITION: absolute }
.content_list { FLOAT: left; WIDTH:640px; HEIGHT:330px; cursor: pointer; position: relative; }
.content_list img{ WIDTH: 100%; HEIGHT: 100%; }
.content_list span { width:470px; padding:10px 150px 10px 20px; color: #fff; font-size:16px; font-weight: bold;position: absolute; bottom: 0px; left: 0px; display: block; text-align: left; height: 20px; line-height:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/pic.png) repeat; }

.index_tab_news { width:500px; position: relative; height: 320px; background: #fff; padding:10px 20px 0px 20px; }
.index_tab_news span.more a { display: block; position: absolute; right: 20px; top:20px; cursor: pointer; color: #666; font-size: 14px }
.index_tab_news span.more a:hover { color:#1369c0;}
.index_tab_news .tab_UL{ height: 40px; width: 100%; background: url(../images/tit_bg.png) repeat-x left bottom; margin-bottom:10px; }
.index_tab_news .tab_UL li { float: left;}
.index_tab_news .tab_UL li span { background: url("../images/tit_x.png") no-repeat center center; margin:0px 10px; display: block; width:2px; float: left; height: 40px; }
.index_tab_news .tab_UL li a { color: #333; display: block; height:38px; line-height:38px; width: auto; font-size:18px; cursor: pointer; float: left;padding: 0px 15px; border-bottom: #d5d5d5 2px solid; }
.index_tab_news .tab_UL li.curr a{ color: #1369c0; font-weight: bold; border-bottom: #1369c0 2px solid; }

.ind_news_list li{ line-height:36px; position: relative; background: url(../images/icon.png) no-repeat left center; padding: 0px 60px 0px 15px; width: auto; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left;}
.ind_news_list li span { position:absolute; font-size:14px; color:#999; right:0px; top:1px}

.index_news { width:430px}
.index_title { height: 40px; display: block; position: relative; padding: 0px; background: url(../images/tit_bg.png) repeat-x left bottom; margin-bottom: 10px;}
.index_title div.name { height: 38px; line-height:38px; color: #1369c0; font-weight: bold; padding: 0px 10px; float: left; font-size: 18px; border-bottom: #1369c0 2px solid; }
.index_title span.more { right: 0px; position: absolute; top: 6px; font-size: 14px; f }

.index_plink { width:250px;}
.index_plink p {margin:10px 0px}

/*图片逐步滚动*/
/* 专题 */
#special{ position: relative; background: #fff; padding:20px 0px 20px 60px; width: 1140px }
#special h4 { width:20px; padding:20px 15px; height:80px; line-height:20px; color: #fff; font-size: 18px; font-weight: bold;display: block; position: absolute; left: 0;top: 0; background:#1369c0}
#special>.hd{ float: left; width: 100px; height: 80px; background: #1572d5; text-align: center; }
#special>.hd h3{ padding: 18px 25px 0; line-height: 1.4; font-size: 20px; color: #fff; font-weight: bold; }
#special>.bd{ overflow: hidden; height: 80px; }
.specialSlide{ position: relative; }
.specialSlide .bd{ width: 1040px; margin: 0 auto; padding:0 30px; }
.specialSlide .bd ul li{ float: left; margin: 0 10px; }
.specialSlide .bd ul li .pic img{ width: 240px; height:80px; }
.specialSlide .prev, .specialSlide .next{ position: absolute; width: 30px; height: 60px; top: 50%; margin-top: -35px; cursor: pointer; }
.specialSlide .prev:before, .specialSlide .next:before{ display: block; content: ""; background:url("../images/scroll_1.png");width:30px; height: 60px; }
.specialSlide .prev{ left:15px; }
.specialSlide .next{ right:15px; }
.specialSlide .prev:hover:before{ background-position: 0px -60px; }
.specialSlide .next:before{ background-position: 0 -120px; }
.specialSlide .next:hover:before{ background-position: 0px -180px; }
.specialSlide .hd{ display: none; }

.index_kuang {background:url("../images/tit_bg2.png") no-repeat center top #fff; border-radius:5px 5px 0px 0px; padding:0 20px 20px 20px;}
.index_kuang .k_title {width:100%; height: 57px; line-height: 57px; color:#fff; font-size: 32px; font-weight: bold; text-align: center; display: block; margin-bottom: 20px;}

.index_icon  {background:#fff;border-radius:5px 5px 0px 0px; padding:0 10px 10px 10px; height: 200px; border-top:#1369c0 3px solid; width: auto; height:310px}
.index_itit { width:100%; height:54px; line-height:54px; padding:0px; font-size:18px; font-weight:bold; color:#1369c0; text-align:center; display:block;}
.index_icon ul li img {vertical-align:bottom;}
.index_icon ul li:hover img { transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.icon_1 {width:340px;}
.icon_2 {width:510px;}
.icon_3 {width:250px;} 

.icon_1 ul li {width:160px; padding:10px 0px 0px; margin:0px 5px 10px 5px;height: 105px; text-align: center; background:#f1f6fa; font-size:16px; float: left}
.icon_1 ul li p {padding-top:5px;}
.icon_1 ul li:hover {background:#1369c0;color:#fff;}
.icon_1 ul li:hover a {color:#fff;}

.icon_2 ul li {width:160px; margin:0px 5px 10px 5px;height:73px;line-height:73px; text-align: center; background:#f1f6fa; font-size:16px; float: left}
.icon_2 ul li:hover {background:#1369c0;color:#fff;}
.icon_2 ul li:hover a {color:#fff;}

.icon_3 ul li {width:100%; padding:5px 0px; margin:0px 0px 10px 0px;height: 40px; line-height: 40px; text-align: center; background:#f1f6fa; font-size:16px;}
.icon_3 ul li:hover {background:#1369c0;color:#fff;}
.icon_3 ul li:hover a {color:#fff;}
.icon_3 ul li img { vertical-align:bottom; margin-right:15px; }

/* 企业风采 */
#special2{ position: relative; background: #fff;width:1200px;}
#special2>.bd{ overflow: hidden; height:150px;padding: 10px 10px 30px 10px;}
.specialSlide2{ position: relative; }
.specialSlide2 .bd{ width:1180px; margin: 0 auto; padding:0; }
.specialSlide2 .bd ul li{ float: left; margin:0px 8px; position: relative; font-size: 14px}
.specialSlide2 .bd ul li .pic { width:220px; height:150px; overflow: hidden}
.specialSlide2 .bd ul li img {width: 100%;height:100%;display:block;-moz-transition:all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s; }
.specialSlide2 .bd ul li:hover img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.specialSlide2 .bd ul li span {position: absolute;bottom:0px;left: 0px; background: rgb(0,0,0,0.5); color: #fff; text-align: center; padding: 10px; width: 200px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.specialSlide2 .prev, .specialSlide2 .next{ position: absolute; width:25px; height:50px; top: 50%; margin-top: -25px; cursor: pointer; }
.specialSlide2 .prev:before, .specialSlide2 .next:before{ display: block; content: ""; background:url("../images/scroll_2.png");width:25px; height: 50px; }
.specialSlide2 .prev{ left:-10px; }
.specialSlide2 .next{ right:-10px; }
.specialSlide2 .prev:hover:before{ background-position: 0px -50px; }
.specialSlide2 .next:before{ background-position: 0 -100px; }
.specialSlide2 .next:hover:before{ background-position: 0px -150px; }
.specialSlide2 .hd{ display: none; }

.friendlyBox {width:100%; height: 20px; line-height:20px; padding: 15px 0px; background: #fff;}
.friendlyBox h4 {font-size:18px; font-weight: bold; color:#1369c0; float: left; margin-right: 10px;}
.friendlyBox a {font-size: 14px;}
.friendlyBox span {color:#ccc; font-size: 12px; margin: 0px 10px;}
.friendlyBox li{ float: left; }
.friendlyBox li.split:before{ display: block; padding: 0 14px; content: "/"; color: #999; }


/*内页样式*/
.subpage { width: 1200px; margin:30px auto; min-height: 500px; position: relative; z-index: 5; }
.sub_daohang { width: 100%; padding: 0; position: relative; margin: 0; background: #f5f5f5; }
.sub_daohang ul { width: 1160px; margin: 0px auto; padding: 20px; font-size: 14px; color: #999; background: url(../images/home.png) no-repeat left center }
.sub_daohang li {text-align: left;}
.sub_daohang span { margin: 0px 15px; font-size: 12px; }

.sub_left { width:270px;}
.sub_left_title { display: block; position: relative; margin: 30px 0px 25px 0px; padding-bottom: 3px; background: url(../images/index_lm_icon.jpg) no-repeat 5px center; padding-left: 15px; border-bottom: #064ec0 3px solid; }
.sub_left_title span.name { height: 40px; line-height: 42px; color: #064ec0; font-size: 20px; font-weight: bold; padding-left: 10px; display: block; }

.sub_nav h2 { width: 270px; height: 70px; text-align: center; line-height: 68px; font-size: 24px; color: #fff; display: block; background: url(../images/sub_lm_bg.jpg) no-repeat; margin-bottom:1px }
.sub_nav ul li { padding-left:30px; width:230px; height:60px;line-height:60px; font-size:16px;background: url(../images/sub_nav_bg.png) no-repeat #f5f8fd 220px center; margin-bottom:1px; text-align:left;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.sub_nav ul li a { color:#064ec0}
.sub_nav ul li.li1 { border-left:#6587ec 10px solid;}
.sub_nav ul li.li2 { border-left:#dd6952 10px solid;}
.sub_nav ul li.li3 { border-left:#34bfdf 10px solid;}
.sub_nav ul li.li4 { border-left:#7bd366 10px solid;}
.sub_nav ul li.li5 { border-left:#6587ec 10px solid;}
.sub_nav ul li.li6 { border-left:#dd6952 10px solid;}
.sub_nav ul li.li7 { border-left:#34bfdf 10px solid;}
.sub_nav ul li.li8 { border-left:#7bd366 10px solid;}

.sub_nav ul li:hover,.sub_nav ul li.on { color: #0d71d3; cursor: pointer; border-left: #0d71d3 20px solid; width: 220px; background: #e5effa}
.sub_nav ul li.on a {font-weight:bold}


.sub_page_title {display: block; position: relative; margin-bottom: 30px; height: 24px; line-height: 24px; padding: 10px 0px 20px 0px; background: url("../images/tit_bg.png") repeat-x left bottom; }
.sub_page_title span.name { color:#1369c0; font-size:24px;font-weight: bold;line-height:24px; padding-left: 20px; display: block;background:url(../images/index_lm_icon.jpg) no-repeat left center; }

.sub_page {width:900px; padding: 0; }
.sub_page_tit { padding-left: 15px; font-size: 24px; color: #000; font-weight: bold; border-left: #2f6aa1 5px solid; height: 24px; line-height: 24px; margin: 10px 0px 26px 0px; }
.sub_page_main { font-size: 16px; color: #333; line-height: 2em; overflow: hidden; margin: 0; width: 100%;}

/*新闻*/
.news_list li{ height: 56px; line-height: 56px; border-bottom: #ddd 1px dotted; background: url("../images/icon.png") no-repeat left center; padding:0 100px 0 20px; position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_list li span {color:#999; font-size:14px; position: absolute; right:5px; }

.article{padding: 20px; }
.article_title {font-size: 30px!important;color: #333!important;font-weight: 700;padding: 20px 0;; text-align: center;}
/* 文章属性 */
.property{margin:30px 0 30px; padding:6px 20px; height: 36px; line-height: 36px; overflow: hidden; font-size:14px; text-align:left; color:#666; border:1px solid #ededed; background:#fafafa; border-radius: 4px;}
.property>span{margin-right: 25px;}
.property .hide{display: none;}
.property .size a{display: inline-block; *display: inline; padding: 0 3px; height: 20px; line-height: 20px; vertical-align: middle; color: #666;  background-color: #ebebeb; border-radius: 2px;}
.property .size a:hover{background-color: #d5d4d4; text-decoration: none;}
.property .bdsharebuttonbox {float: right;}
.property .size,.property .dy{float: right;}
.property .dy{background: url("../images/ico.png") no-repeat 0px center;padding-left: 22px;}
.property .bdsharebuttonbox .hd {float: left;height: 30px;line-height: 30px;background: url(../images/ico_16.png) no-repeat 0px center;font-size: 0;width: 24px;}

.article_txt{ color: #333; font-size: 16px; line-height:2em;padding: 0 0 20px 0; overflow: hidden; }
.article_txt p {text-indent: 2em;text-align: left; padding-bottom: 10px;}
.article_txt img{ max-width:860px; height: auto !important; margin: 0px auto; margin-bottom: 20px;display: block;}
.article_txt a{ color: blue; text-decoration: underline; }

/* 二维码 */
.qrCodeBox { text-align: center; margin: 20px auto; font-size: 0;}
.qrCodeBox .pic { display: inline-block; margin: 0 auto; text-align: center;}
.qrCodeBox .tit { margin-top: 10px; font-size: 14px; color: #999;}

/* 图片列表 */
.picPageList{ margin-top: -10px; overflow: hidden; text-align: center; }
.picPageList li{float: left; width: 31.9333%; margin: 0 .7% 20px; display: inline; position: relative; background: #fff; overflow: hidden; line-height:12px;}
.picPageList .pic {margin: 0px;padding: 0;height: 200px;}
.picPageList .pic img{ height:100%; width: 100%; }
.picPageList .title{ display: block; line-height: 22px; font-size: 16px; padding: 10px 10px; text-align: center; }
.picPageList li:hover .title { background: #035cac; color: #fff; text-decoration: none; }


.page_numbers{text-align: center;padding-top: 40px;}
.page_numbers a.previous_page, .page_numbers a.next_page{ width: 70px; height: 36px; line-height: 36px; color: #888; text-align: center; font-size: 14px; }
.page_numbers a{ display: inline-block; height: 36px; line-height: 36px; width: 36px; background: #e5e5e5; text-align: center; font-size: 14px; color: #666; }
.page_numbers a:hover{ background: #ca2b2f; color: #fff; }
.page_numbers a.cur{ background: #ca2b2f; color: #fff; }
