@charset "utf-8";
* { margin: 0; padding: 0; }
body { background: #fff; margin: 0; padding: 0; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB", "\5B8B\4F53"; line-height: 20px; color: #666; overflow-x: hidden; }
html, body { -webkit-text-size-adjust: none; }
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }
a { text-decoration: none; color: #656565; }
a:hover { color: #e50009; }
a:focus{outline: none;}
fieldset, img { border: none; }
img { vertical-align: middle; max-width: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ul, ol, li { list-style: none; }
iframe { border: 0; margin: 0; padding: 0; }
table { border-collapse: collapse; }
.clearfix:after, ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix, ul { zoom: 1; }
.noborder { border: 0 !important; }

/*header css*/
#header { background: #fff; width: 100%; }
.header { padding: 15px 0 0 0; height: 85px; width: 1200px; margin: 0 auto; zoom: 1; }
.header:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.header .logo { float: left; width: 360px; padding: 0px 0 0 0; }
.header .rightArea { width: 650px; float: right; }
.header .rightArea .topright { text-align: right; padding: 0 110px 0 0; position: relative;  font-size: 13px; color: #a7a7a7; line-height: 30px; height: 30px; }
.topright .stone { padding: 1px 0 0 0; line-height: 20px; }
.topright .stone b { color: #666; }
.topright .stone span { display: inline-block; background: url(../images/stock.jpg) no-repeat 0 0; padding: 2px 0 0 17px; font-weight:400}
.topright .stone .red { background-position: 0 5px; color: #c00c00; }
.topright .stone .green { background-position: 0 -17px; color: #008000; }
.header .rightArea .topright .language { position: absolute; top: 0; right: 0; display: block; padding: 0 0 0 66px; background: url(../images/bg.jpg) no-repeat -35px 0; }
.header .rightArea .language a { color: #a7a7a7; }
.header .rightArea .language a:hover { color: #ff0000; }

/*nav*/
.rightArea .nav { height: 55px; line-height: 55px;  }
.nav ul li { float: left; position: relative; z-index: 1000;margin: 0 13px;  }
.nav ul li a { height: 52px; padding: 0 7px; display: inline-block; color: #333;font-size: 15px;  font-weight:bold; }
.nav ul li a:hover, .nav ul li .hover { color: #e50017; border-bottom: 3px solid #e50017; }

/*nav_01*/
.nav .nav_01 { position: absolute; right: -135px; top: 55px; width: 340px; background: url(../images/subnav.png) repeat 0 0; z-index: 100; display: none; }
.nav .nav_01 li { width:340px; display: block; height: 43px; line-height: 43px;}
.nav .nav_01 li .line { width: 171px; height: 0; border-bottom: 1px dotted #a9a6a7; display: block; line-height: 1px; margin-left:0px; }
.nav .nav_01 li a { height: 37px; line-height: 37px; font-size: 13px; background: url(../images/nav.png) 2px center no-repeat; padding-left: 18px; display: block; margin-top: 3px; margin-bottom: 3px; margin-left: 0px;  font-weight:500}
.nav .nav_01 li a:hover { background: url(../images/nav_list.png) 2px center no-repeat; color: #e50017; margin-left: 0px; border-bottom: none; }



/***首页banner***/
.ind-ban{  width:100%; height:430px; margin:0px auto;background:url("../images/loading.gif") no-repeat center; position:relative;}
.ind-ban ul li{float:left; display:none;width:100%; height:430px; position:absolute; left:0; top:0; overflow:hidden;}
/*.ind-ban ul li img{ position:absolute; left:50%; top:0; margin-left:-640px;}*/
.ind-num{ position:absolute; width:100px; left:50%; margin-left:-30px; bottom:22px;}
.ind-num span{ display:block; _display:inline; float:left; margin:0 5px; width:10px; height:10px; background:#fff; overflow:hidden; cursor:pointer;}
.ind-num span.on{ background:#da251d; }

.inner_banner {height: 206px;overflow: hidden;position: relative; width:100%}
.inner_banner_box {width: 100%;margin: 0 auto;}

.inner_banner_box p {width: 1920px;margin: 0  auto;}
/*index css*/
.index_main { width: 1200px; margin: 30px auto 0px; padding: 0px 0; zoom: 1; }
.index_main:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.index_main .title { margin: 0 0 15px 0; background: url(../images/line.jpg) no-repeat 0 bottom; zom: 1; }
.index_main .title:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.index_main .title h1 { display: inline-block; float: left; font-size: 20px; height: 45px; line-height: 45px; color: #000; font-weight: normal; }
.index_main .title i { float: left; font-size: 14px; color: #cbcbcb; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin: 17px 0 0 10px; }
.index_main .title .more { float: right; margin: 15px 0 0 0; font-size: 13px; }
.index_main .title .more a { display: block; padding: 0 15px 0 0; background: url(../images/more.jpg) right center no-repeat; color: #979797; }
.index_main .title .more a:hover { color: #FF0000; }
.index_news { float: left; width: 860px; }
.index_news .content { zoom: 1; }
.index_news .content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

/*i_news*/
#i_news{ margin:60px auto}
.section{ width:770px; margin:0 auto; height:210px}
#i_news .section{position:relative;}
#i_news  span{ display:block; width:25px; height:55px; position:absolute; top:50px; cursor:pointer; }
#i_news  span.pre{ left:-45px; border-left:none; background:url(../images/new_btnl.png) no-repeat center 20px;}
#i_news  span.pre:hover{background:#ee3d44 url(../images/new_btnl.png) no-repeat center -40px;}
#i_news  span.next{ right:-45px; border-right:none; background:url(../images/new_btnr.png) no-repeat center 20px;}
#i_news  span.next:hover{background:#ee3d44 url(../images/new_btnr.png) no-repeat center -40px;}

#i_news .box{ overflow:hidden; position:relative; width:770px; margin:0px auto;}
#i_news .box ul{ width:999999999999999px;}
#i_news .box li{ width:154px; float:left; height:194px;overflow:hidden;cursor:pointer; margin:0px 7px 0px 6px;}
#i_news .box li .pimg{width:150px;height:140px; padding:1px;border:1px solid #CCCCCC}
#i_news .box li .ptitle{ width:154px; height:50px; line-height:20px; text-align:center; float:left; overflow:hidden; font-size:13px; padding-top:5px}


.index_video { float: right; width: 310px; }
.index_video .content{ width:310px; margin:10px auto;}
.index_video .content ul{ width:310px;}
.index_video .content li{ width:310px; height: auto; line-height:22px; float:left; margin:1px 0px; font-size:13px;display: inline-block; }
.index_video .content li a{display: inline-block;width:300px; height: auto;background:#f6f6f6;  padding:5px; }
.index_video .content li a:hover{ background:#1E388C;  color:#FFFFFF}



/*footer css*/

#footer img {margin:-14px 0 0 9.5%;}
#bottom { border-top: 2px solid #ddd; background: #ecede8; width: 100%; overflow: hidden; }
.bottom { width: 1200px; margin: 0 auto; padding: 40px 0; zoom: 1; }
.bottom:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.bottom .title { height: 48px; line-height: 45px; margin: 0 0 20px 0; position: relative; }
.bottom .title h2 { font-size: 20px; color: #000; font-weight: normal; }
.bottom .title span { position: absolute; left: 0; bottom: 0; width: 25px; border-bottom: 2px solid #ff0000; }
.bjournal { float: left; width: 480px;}
.journalContent { width: 480px; overflow:hidden; float:left}
.journalContent_l { width: 180px; float:left;overflow:hidden; }
.journalContent_r {  width: 280px; float:right;overflow:hidden; line-height:25px}
.load_read { zoom: 1; }
.load_read:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.load_read a { float: left; display: block; width: 55px; height: 19px; margin: 0 10px 0 0; line-height: 18px; text-align: center; color: #999; }
.load_read a:hover { color: #000; }
.load_read a.download { background: url(../images/icon.png) no-repeat 0 0; color: #fff !important; }
.bcontact { float: left; margin: 0 0 0 60px; width: 440px; }
.contactContent { color: #666; }
.contactContent h3 { font-size: 13px; padding: 25px 0 7px 0; font-weight: normal; }
.contactContent li { float: left; margin: 7px 0 0 0; width: 220px; }
.contactContent li p { line-height: 30px; padding: 0 0 0 40px; }
.contactContent .li1 p { background: url(../images/icon.png) no-repeat ; }
.contactContent .li2 p { background: url(../images/icon1.png) no-repeat; }
.contactContent .li3 p { width: 440px; background: url(../images/icon2.png) no-repeat; }
.attention { float: right; width: 170px; }
.attentionPics .pic { float: left; width: 90px; margin: 0 20px 0 0; }
.attentionPics .pic .img { width: 90px; height: 90px; }
.attentionPics .pic .img img { width: 100%; height: 100%; }
.attentionPics p { text-align: center; color: #1a1a1a; font-size: 13px; padding: 10px 0 0 0; }
#footer { background:#1E388C; width: 100%; overflow: hidden; float:left; height:40px}
.footer { width: 1200px; margin: 0 auto; padding: 12px 0 15px; font-size: 13px; color: #8d8d8d; zoom: 1; }
.footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.footer .fl { float: left; width: 35%; }
.footer a { color: #8d8d8d; }
.footer a:hover { color: #fff; }
.footer .fl span { margin: 0 5px; }
.copyright { float: right; width: 50%; text-align: right; }

#nav {border-bottom: 1px solid #eeeeee;}
#nav p {height: 100%;line-height: 55px; font-size:14px}
#nav p a {font-size: 14px;color: #666;font-weight: 900;}
#nav p .sy-tb {margin-top: -2px;margin-right: 6px;}
.jtjj-index {padding-bottom: 30px; width:100%; margin:0px auto;}
.main-left .title {padding-top: 23px; }
.main-left .title p {font-size: 20px;color: #2f3a55; font-weight: bold;letter-spacing: 1.2px;margin-top: 5px;}
.main-left .title .sp {height: 2px;width: 45px;background: #828b9a;margin-top: 13px; margin-bottom: 9px; -webkit-transition: all .5s ease-out 0s;-moz-transition: all .5s ease-out 0s;-ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;}
.title:hover .sp {width: 80px;}
.main-left {float: left;width:820px;border-right: 1px solid #eeeeee;padding-right: 22px; padding-bottom:30px}

.jtjj-index .neirong { margin-top: 34px; min-height:400px;}
.jtjj-index .neirong span {color: #888888;font-size: 16px;}
.jtjj-index .neirong >p {font-size: 16px;color: #303956;line-height: 32px; margin-top: 27px;text-align: justify;letter-spacing: 1.5px;}
.jtjj-index .neirong p img { max-width: 100%;}
.main-left img { max-width: 100%;}


.main-right {float: right;width: 320px; padding-left: 22px;padding-top: 24px;}
.main-right .imgdv {width: 300px;height: 130px;background: url(../images/gsjj_02.jpg) no-repeat; position: relative;margin-bottom: 8px;}
.main-right .imgdv h3 {position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);color: #ffffff;font-size: 24px;font-weight: bold;}
.main-right ul { margin-bottom: 6px; width:300px;}
.main-right ul li div {display: inline-block;}
.main-right .nav li {height: 38px;border: 1px solid #e5e5e5;margin-bottom: 2px; margin-top: 2px;line-height: 22px;color: #2f3a55;overflow: hidden;font-weight: bold; height:auto; padding:5px 10px;}
.bs-color-bs {color: #ffffff; background: #e60012;}
.main-right ul #bs-color-bs {color: #ffffff;background: #e60012;border: 1px solid transparent;}
.main-right .contact {line-height: 28px;background: #efefef url("../images/icon_r_tel.png") no-repeat right 5px;color: #666;padding: 10px;margin: 20px 0; border:1px solid #ccc; width:280px;}


.jtjj-index {padding-bottom: 30px; width:100%; margin:0px auto;}
.jtjj-index .neirong { margin-top: 34px; min-height:400px;word-wrap:break-word}
.jtjj-index .neirong span {color: #888888;font-size: 16px;font-family: "helvetica narrow";}
.jtjj-index .neirong >p {font-size: 16px;color: #303956;line-height: 32px; margin-top: 27px;text-align: justify;letter-spacing: 1.5px;}
.jtjj-index .neirong p img { max-width: 100%;}

#content{width:100%;margin:auto;line-height:2em;font-size:14px;height:auto;color:#333333; min-height:400px}
#content ul{margin:20px 0 0}
#content ul li{height:36px;line-height:36px;border-bottom:1px #ccc dashed}
#content ul li span{float:right}
.artRead .r_title{font-size:17px;text-align:center;margin:15px auto;color:#000000;font-family:"微软雅黑"}
.artRead .r_p{text-align:center;margin:5px 0 20px}
.artRead .r_line{height:1px;color:#DDD}
.artRead #MyContent{text-align:center;padding:5px 10px; min-height:400px}
.artRead #MyContent > p{text-align:left}
.artRead #MyContent > h3{color:#ff6640}
.artRead .r_pn{text-align:left;padding:5px 10px}
.r_pn{padding:10px;line-height:2em}
#preandnext{margin:16px auto;border-top:1px dashed #CCCCCC;padding-top:25px}
#preandnext h2{font-size:14px;font-weight:100}
#piccontent{width:100%;margin:0 auto;overflow:hidden; min-height:690px}
#piccontent ul{height:100%}
#piccontent ul li{height:26px;line-height:26px;float:left;width:154px;height:200px;text-align:center;margin-right:20px;margin-left:30px;margin-top:20px;overflow:hidden}
#piccontent ul li img{width:150px;height:140px;padding:1px;border:1px #ccc solid}
#piccontent ul li span{ width:154px; height:56px; line-height:22px; text-align:center; float:left; overflow:hidden; font-size:13px}
.page{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center}
.page a,.page span{BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333! important; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}