@charset "utf-8";
body{margin:0 auto; padding:0; font-family:"微软雅黑"; position:relative; height:100%; color:#3c3c3c; background-color:#f7f7f7;}
.bg{ position:absolute; background:url(/images/index_bg_1.png); width:100%; height:100%; z-index:-1;}
.bgcolor{ position:absolute; background:url(/images/sj/index_bg_color_01.png) repeat-y; width:100%; height:100%; z-index:-2;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;}
}
html{ overflow-x:hidden; font-family:"微软雅黑"; font-size:1px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table{margin:0px auto;padding:0;}
body{vertical-align:middle; text-align:left; margin:0 auto;}
img{border-style: none;}
dl,dt,dd,p{margin:0;padding:0;}
ol,ul,li{list-style:none;}
a{ text-decoration:none;}
/* Items */
.left{float:left;}
.right{float:right;}
.clear{clear:both; overflow:hidden;}
.overflow{ overflow:hidden;}

.logo{ position:relative; width:100%; height:auto;}
/* 本例子css -------------------------------------- */
.focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:5%; position:absolute; z-index:1; bottom:1%;}
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box;}
.focus .hd ul li{ width:15%; height:0; background:#fff; float:left; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; z-index:9; cursor:pointer; font-size:0; margin-left:1%;}
.focus .hd ul li.on{ background:#01bafd;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%; height:auto;}


.index_box{}
.index_box .title{ overflow:hidden; text-align:center; padding-top:5%;}
.index_box .title .en{ font-size:16rem; font-weight:bold; color:#d21821;}
.index_box .title .cn{ font-size:24rem; color:#646464;}
.index_box .content{ overflow:hidden; padding:3%; font-size:14rem;}
.index_box .content .more{ display:block; width:100%; font-size:14rem; padding:2% 0; color:#505050; border:1px solid #c8c8c8; border-radius:5px; text-align:center; margin:5% auto;}
.index_box .content .bt{ font-size:20rem; text-align:center;}
.index_box .content .bt hr{ width:15%; border:0; border-top:5px solid #d21821; margin:5% auto;}
.bg_w{ background-color:#fff;}

#botmenu{ position:fixed; left:0; bottom:0; background-color:#2c2f34; width:100%; height:10%; display:table; text-align:center;}
#botmenu a{ width:14.285%; height:100%; color:#fff; display:table-cell; text-align:center; vertical-align:middle; font-size:12rem;}
#menu{ left:0; top:0;}
#menu1{ left:10%; top:0;}
#menu2{ left:20%; top:0;}
#menu3{ left:30%; top:0;}
#menu4{ left:40%; top:0;}
#menu5{ left:50%; top:0;}
#menu6{ left:60%; top:0;}
#botmenu a.on span{ border-bottom:2px solid #fff;}

.index_imglist{ overflow:hidden;}
.index_imglist li{ width:48%; margin-bottom:3%;}
.index_imglist li .pic{}
.index_imglist li .pic img{ width:97%; padding:1%; border:1px solid #c8c8c8; background-color:#fff;}
.index_imglist li .tit{ line-height:200%; overflow:hidden; font-size:14rem; color:#000; padding-left:4%; background:url(/images/sj/sj_jt_12.png) no-repeat 96% center; border-bottom:2px solid #d21821;}


/*内容页*/
.nrtit{ overflow:hidden; padding:2% 5%; background-color:#fff;}
.nrtit span{ font-size:18rem;}
.nrtit a{ float:right; color:#3c3c3c; font-size:14rem;}

.nr{ overflow:hidden; padding:3%;}

/*分类列表*/
.classlist{ overflow:hidden; padding:3% 0;}
.classlist li{ position:relative; background:url(/images/sj/sj_jt_12.png) no-repeat 95% center #fff; margin:2% 0; border:1px solid #c8c8c8; border-radius:5px;}
.classlist li a{ display:block; color:#434343; font-size:18rem; padding:2% 5%;}
.classlist li span{ float:right; font-size:18rem; color:#e60012;}
.classlist li.last{}

/*图片列表*/
.imglist{ overflow:hidden;}
.imglist li{ width:48%; margin-bottom:3%;}
.imglist li .pic{}
.imglist li .pic img{ width:97%; padding:1%; border:1px solid #c8c8c8; background-color:#fff;}
.imglist li .tit{ line-height:200%; overflow:hidden; font-size:14rem; color:#000; text-align:center;}







/*图片文字列表*/
.imgtxtlist{ overflow:hidden;}
.imgtxtlist li{ width:80%; padding:5%; background-color:#fff; margin-bottom:5%; position:relative;}
.imgtxtlist li .tit{ font-size:18rem;}
.imgtxtlist li .tit a{ color:#d70408;}
.imgtxtlist li .jj{ font-size:14rem;}
.imgtxtlist li .more{ width:10em; line-height:2em; text-align:center; display:block; color:#fff; font-size:12rem; background-color:#727272; margin-top:5%;}
.imgtxtlist li .more font{ width:2em; line-height:2em; text-align:center; display:block; float:right; background-color:#d70408;}


/*标题简介列表*/
.txtlist{ overflow:hidden;}
.txtlist li{ overflow:hidden; border-bottom:2px dotted #a0a0a0; padding-bottom:5%; margin-bottom:3%;}
.txtlist li .tit{ font-size:14rem;}
.txtlist li .tit a{ font-size:16rem; color:#3c3c3c;}
.txtlist li .tit span{ float:right; font-size:12rem; color:#a0a0a0;}
.txtlist li .jj{ color:#505050; font-size:12rem;}
.txtlist li:hover a{ color:#d70408;}





/*标题列表*/
.titlist{ overflow:hidden; padding:5%;}
.titlist li{ padding:3% 0 3% 8%; font-size:18rem; background:url(/images/sj/s2-2_jt_04.jpg) no-repeat 0 center; border-bottom:2px dashed #d2d2d2;}
.titlist li a{ color:#434343;}
.titlist li span{ float:right; color:#888;}
.titlist li.last{ border-bottom:0;}

/*内容*/
.infotitle{ padding:5%; font-weight:bold; text-align:center; font-size:20rem;}
.infocontent{ padding:4%; font-size:14rem;}

/*留言板*/
.liuyan{ margin-top:5%;}
.txtinput{ border:1px solid #d7d7d7; width:100%; height:3rem; padding:0;}
.listbtn{}
.listbtn li{ float:left; width:82px; height:32px; text-align:center; background:url(/images/select_item.jpg) no-repeat; margin-right:1%; margin-bottom:1%; cursor:pointer;}
.listbtn li.on{ background:url(/images/select_on.jpg) no-repeat;} 
.btnSubmit{ width:18%; color:#ffffff; font-family:"微软雅黑"; background-color:#d70408; border:0; cursor:pointer; border-radius:3px;}
.btnReset{ width:18%; color:#ffffff; font-family:"微软雅黑"; background-color:#878787; border:0; cursor:pointer; border-radius:3px;}


.back{ text-align:center; margin-top:10%; margin-bottom:20%;}
.back a{ /*color:#a9c206;*/}

.pagefoot{ overflow:hidden; margin-top:10%; margin-bottom:5%;}
.syy{ height:100%; float:left; text-align:center; color:#fff; margin-left:20%; padding:1% 5%; font-size:14rem; background-color:#d21821;}
.xyy{ height:100%; float:right; text-align:center; color:#fff; margin-right:20%; padding:1% 5%; font-size:14rem; background-color:#d21821;}