﻿@import url("reset.css");
/* CSS Document */
/********************************    系统公用默认样式      ******************************/
body { background: #ffffff; font-family: "微软雅黑"; font-size: 14px; }

a { text-decoration: none; font-family: "微软雅黑"; color: #545454; }
a:hover { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.wapDivContent { display: none; }
.mt10 { margin-top: 10px !important; }
.box { clear: both; }
.w1200 { width: 1173px; margin: 0px auto; clear: both; }
.top1 { background: #163a64; height: 40px; line-height: 40px; font-size: 18px; color: #fff; }
.top2 { background: #fff; height: 100px; line-height: 100px; color: #fff; position: relative; z-index: 99; }
.top2 a { color: #fff; }
.logo { box-shadow: 0 0 10px #ccc; }
.menu { height: 90px; }
.menu ul { margin-right: -1px; }
.menu ul li { overflow: hidden; }
.menu ul li a { color: #6a6a6a; margin: 0px 5px; padding: 0px 13px; font-size: 18px; line-height: 97px; display: block; float: left; text-align: center; }
.menu ul li a span { padding: 5px 5px; }
.menu ul li a:hover, .menu ul li a.sel { color: #003ea3; border-bottom: 3px #1a54b5 solid }
.banner { height: 730px; background: url(../images/index_02.jpg) no-repeat top center; }
.aboutbanner { height: 430px; background: url(../images/about_02.jpg) no-repeat top center; }
.indexjinshen { background: #f7f7f7; width: 100%; text-align: center; padding-bottom: 20px; }
.indexjinshen h3 img { margin: 60px 0px 20px 0px; }
.indexjinshen ul { overflow: hidden; }
.indexjinshen ul li { float: left; width: 33%; }
.indexjinshen ul li p { padding: 0px 10px; padding-bottom: 10px; }
.indexjinshen ul li p.tit1 { font-size: 28px; color: #1a54b5; line-height: 1.5 }
.indexjinshen ul li p.tit2 { font-size: 20px; color: #0d0408; line-height: 2 }
.indexjinshen ul li p.tit3 { font-size: 16px; color: #555555; line-height: 1.5; text-align: center; }
.indexabout { height: 824px; background: url(../images/index_18.jpg) no-repeat top center; }
.indexaboutcontent { width: 450px; padding-top: 440px; text-align: justify; font-size: 18px; line-height: 2; color: #484848; }
.indexprodiv { height: 793px; background: url(../images/index_19.jpg) no-repeat top center; }

.indexprolist { padding-top: 160px; padding-bottom: 60px; }
.indexprolist a { line-height: 40px; font-size: 18px; color: #636363; }
.indexprolist a:hover, .indexprolist a.sel { color: #1a54b5; }

.indexprodetail { background: #fff; padding: 10px; overflow: hidden; width: 1020px; margin: 0px auto; }
.indexprodetail ul { overflow: hidden; }
.indexprodetail ul li.fl { width: 478px; height: 326px; text-align: left; overflow:hidden;}
.indexprodetail ul li.fl img { max-height: 100%;max-width:100%; }
.indexprodetail ul li.fr { width: 500px; padding: 10px; }
.indexprodetail ul li.fr p.tit { color: #084c74; font-size: 20px; line-height: 30px; }
.indexprodetail ul li.fr p.date { color: #999; font-size: 16px; line-height: 30px; }
.indexprodetail ul li.fr p.detail { color: #525252; font-size: 16px; line-height: 30px; text-align: left; }
.indexprodetail ul li.fr p.detail a { color: #0f6aa0; font-size: 16px; }

/*内页样式
*/
.aboutloc {margin-bottom:60px; }
.aboutpagediv { overflow:hidden; margin-top:60px;}
.aboutmenu { width: 260px;  float:left; background:url(../images/about_09.jpg) no-repeat right top; min-height:1000px; }
.aboutmenu h2 { overflow:hidden; }
.aboutmenu h2 p b { font-size:18px; line-height:1.2; font-weight:normal; display:block; margin:0px 10px; }
.aboutmenu ul { margin-top:30px; }
.aboutmenu ul li a{ display:block; width:180px; padding-left:20px; line-height:33px; font-size:16px; text-align:left; margin-bottom:5px; }
.aboutmenu ul li a:hover,.aboutmenu ul li a.sel { background:#3c64a2; color:#fff; }
.aboutmenu ul li p { }
.aboutmenu ul li p a{font-size:14px; text-align:left; padding-left:40px;width:160px; }

.aboutbody { float:right; width:900px; min-height:500px; }
.aboutbody .AboutDiv { margin-top:60px; color:#666666; font-size:16px; line-height:1.8; }
.aboutbody .AboutDiv img{max-width:100%; margin:10px auto; display:block;}
.aboutbody .AboutDiv strong { font-weight:bold; font-size:24px; line-height:2.5; color:#3c64a2; }
.newslist { margin-top:50px; }
.newslist ul li a{ display:block; overflow:hidden; margin-bottom:20px; }
.newslist ul li a p.pic { height:136px; width:250px; overflow:hidden; text-align:center; border:1px #ddd solid; margin-right:20px; }
.newslist ul li a p.pic img { max-width:100%; }
.newslist ul li a p.title { width:500px; overflow:hidden; }
.newslist ul li a p.title b{font-size:18px; line-height:30px; }
.newslist ul li a p.title span{ display:block; color:#888888; font-size:16px; line-height:25px; }
.newslist ul li a p.more { background:url(../images/more.jpg) no-repeat; width:80px; height:136px; }
.newslist ul li a:hover .title b { color:#3c64a2 }
.newslist ul li a:hover p.more{ background:url(../images/more_sel.jpg) no-repeat;  }

/*.prolist ul { overflow: hidden; }
.prolist ul li { width: 30%; float: left; overflow:hidden; padding:10px 1%; }
.prolist ul li div.img {width:270px; height: 270px;margin: 0px auto; }
.prolist ul li div.img img { max-width: 100%; }
.prolist ul li div.tit { line-height: 30px; text-align: left; color: #3c64a2; font-size: 18px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.prolist ul li div.dec { line-height: 25px; text-align: left; color: #888888; font-size: 14px; height:50px; overflow:hidden;}*/

.prolist ul { overflow: hidden; }

.prolist ul { overflow: hidden; margin-bottom:20px; }
.prolist ul li.fl { width: 370px; text-align: center; overflow:hidden;}
.prolist ul li.fl img { max-height: 100%;max-width:100%; }
.prolist ul li.fr { width: 500px; padding: 10px; }
.prolist ul li.fr p.tit { color: #084c74; font-size: 20px; line-height: 30px; }
.prolist ul li.fr p.date { color: #999; font-size: 16px; line-height: 30px; }
.prolist ul li.fr p.detail { color: #525252; font-size: 16px; line-height: 30px; text-align: left; }
.prolist ul li.fr p.detail a { color: #0f6aa0; font-size: 16px; }

.newsbody h2 { text-align: center; font-size: 28px; color: #222; line-height: 60px; }
.newsbody h3 { text-align: center; color: #9b9b9b; line-height: 30px; }
.newsbody h4 { text-align: center; }
.newscontent { font-size: 16px; color: #666666; padding-top: 30px; }
.newscontent strong { color: #222222; }
.newscontent img { max-width: 100%; height:auto !important; margin: 0px auto; display: block; }



.web-page { text-align: center; clear: both; margin: 30px 0px; }
.web-page a, .web-page span { display: inline-block; font-size: 16px; line-height: 30px; background: #ffffff; border: 1px #5385be solid; color: #5385be; padding: 0px 10px; }
.web-page a:hover, .web-page span.cur { background: #5385be; color: #fff; }

.foot { background: #163a64; margin-top:40px; }
.foot ul.footmenu { overflow: hidden; padding: 30px 0px; }
.foot ul.footmenu li { float: left; padding: 0px 10px; margin: 0px 28px; }
.foot ul.footmenu li a { font-size: 18px; color: #fff; display: block; line-height: 30px; }
.foot .ewm {     width: 150px;
    color: #ffffff;
    float: left;
    text-align: center; }


.foot ul.copyright { background: #16304a; color: #fff; text-align: center; padding: 20px 0px; }
.foot ul.copyright a { color: #fff; }
