﻿@charset "utf-8";
body{margin:0 auto; padding:0; font-family:"微软雅黑"; position:relative; height:100%; color:#000;}
/*.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; padding-bottom:20%;}
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;}
.logo .home{ position:absolute; top:10%; left:3%; width:17.5%; height:80%;}
.logo .title{ position:absolute; left:35%; top:10%; color:#fff; font-size:26rem;}
.logo .btn{ position:absolute; top:10%;right:3%; width:5%; height:80%;}
#key{ position:absolute; top:10%;right:10%; background:none; color:#fff; width:15%; height:80%; font-size:22rem; border:0; font-family:"微软雅黑";}

/* 本例子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_menu{ overflow:hidden; margin-top:1.5%; margin-bottom:15%;}
.index_menu ul li{ width:48%; float:left; margin:0 1% 1% 1%;}

.sybox{ position:relative;}
.sybox a.tel{ position:absolute; width:40%; height:3.5%; left:33%; bottom:1%;}
.index_title{ font-size:32rem; text-align:center; font-weight:bold; margin-top:10%; margin-bottom:5%;}
.index_title hr{ width:18%; height:3px; background-color:#ee1f17; border:0; margin:0 auto; margin-top:3%;}
.sycpbox{ padding:2%;}
.sycpbox .more{ display:block; width:100%; height:30%; line-height:300%; text-align:center; color:#fff; background:url(/images/sj/sj_more_bg.jpg) repeat-x #757575; background-size:cover; font-size:16rem; border-radius:3px; margin:0 auto;}

#botmenu{ position:fixed; bottom:0;}
/*#botmenu a{ position:absolute; width:20%; height:50%;}
#menu{ left:0; top:0;}
#menu1{ left:20%; top:0;}
#menu2{ left:40%; top:0;}
#menu3{ left:60%; top:0;}
#menu4{ left:80%; top:0;}
#menu5{ left:0; top:50%;}
#menu6{ left:20%; top:50%;}
#menu7{ left:40%; top:50%;}
#menu8{ left:60%; top:50%;}
#menu9{ left:80%; top:50%;}*/

footer {
  width: 100%;
  height: 8%;
  background: url(/images/sj/bg.jpg) repeat;
  clear: both;
}
footer ul {
  height:100%;
}
footer ul li {
  width: 16.6666666%;
  float: left;
  text-align: center;
  height:100%;
  line-height: 420%;
}
footer ul li a {
  color: #ffffff;
  font-size: 11rem;
  line-height: 420%;
}
footer ul .current {
  background: url(/images/sj/bg1.jpg) repeat;
}




.nav {
  width: 100%;
  overflow: hidden;
}
.nav ul {
  position:relative;
  left:50%;
  float:left;
}
.nav ul li {
  text-align:center;
  float: left;
  position:relative;
  right:50%;
  margin:0 10px;
}
.nav ul li a {
  width: 100%;
  border:1px solid #ccc;
  display: inline-block;
  color:#000;
  font-size:16rem;
}
.nav ul li .current {
  background-color: #ee1f17;
  color: #ffffff;
}

/*内容页*/
.nrtit{ position:relative; background-color:#b11118; padding:2% 5%;}
.nrtit span{ color:#fff; font-size:20rem; font-weight:bold;}
.nrtit a{ float:right; color:#fff; font-size:18rem; font-weight:bold;}

.nr{ overflow:hidden; padding:4%;}

/*分类列表*/
.classlist{ overflow:hidden;}
.classlist li{ position:relative; background:url(/images/sj/2/content.jpg) no-repeat 0 center; padding:3% 8%;}
.classlist li a{ color:#434343; font-size:18rem;}
.classlist li span{ float:right; font-size:14rem; color:#999999;}
.classlist li.last{ border-bottom:0;}

/*图片列表*/
.imglist ul li{ width:48%; margin-bottom:3%;}
.imglist ul li .pic{}
.imglist ul li .pic img{ border:1px solid #78390a;}
.imglist ul li .tit{ text-align:center; line-height:200%; overflow:hidden; font-size:14rem; color:#000; font-weight:bold;}
.imglist ul li .tit font{ font-weight:normal;}

/*视频列表*/
.splist ul li{ width:48%; margin-bottom:3%;}
.splist ul li .pic{}
.splist ul li .pic img{ border:1px solid #78390a;}
.splist ul li .tit{ line-height:200%; overflow:hidden; font-size:14rem; color:#000; background:url(/images/index_sp_icon_20.png) no-repeat 5% center; padding-left:15%;}

/*标题列表*/
.titlist{ overflow:hidden;}
.titlist li{ padding:3% 0 3% 8%; font-size:14rem; background:url(/images/sj/s-6_04.png) no-repeat 3% center; border-bottom:2px dashed #d2d2d2;}
.titlist li a{ color:#434343;}
.titlist li span{ float:right; color:#888;}
.titlist li.last{ border-bottom:0;}

.txtlist{}
.txtlist li{ border-bottom:2px solid #d2d2d2; padding:5% 0;}
.txtlist li a{ color:#303030;}
.txtlist li .tit{ margin-bottom:1%; font-size:18rem;}
.txtlist li .date{ margin-bottom:1%; font-size:12rem;}
.txtlist li .jj{ font-size:14rem; color:#747474;}

/*内容*/
.infotitle{ padding:5%; font-weight:bold; text-align:center; font-size:20rem;}
.infocontent{ padding:4%; font-size:14rem;}

/*留言板*/
.liuyan{ margin-top:5%; font-size:14rem;}
.txtinput{ border:1px solid #d7d7d7; width:100%; height:32px; padding:0;}
.listbtn{}
.listbtn li{ float:left; width:82px; height:32px; line-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:100px; height:38px; line-height:38px; color:#ffffff; font-family:"微软雅黑"; background-color:#b11118; border:0; cursor:pointer;}
.btnReset{ width:100px; height:38px; line-height:38px; color:#ffffff; font-family:"微软雅黑"; background-color:#878787; border:0; cursor:pointer;}


/*.back{ text-align:center; margin-top:10%; margin-bottom:20%;}*/
.back a{ /*color:#a9c206;*/}

.pagefoot{ margin-top:10%; margin-bottom:5%; float:left; position:relative; left:50%;}
.syy{ height:100%; float:left; text-align:center; color:#000; padding:1rem; font-size:14rem; position:relative; right:50%;}
.xyy{ height:100%; float:left; text-align:center; color:#000; padding:1rem; font-size:14rem; position:relative; right:50%;}
.back{ height: 100%; float:left; text-align: center; color: #000; padding:1rem; font-size:14rem; position:relative; right:50%;}


.liuyan{
    float: left;
}
.liuyan div{
    overflow: hidden;
    margin-top: 20px;
}
.liuyan span{
    float:left;
    width:25%;
}
.liuyan input{
    float: left;
    width:50%;
}
.liuyan input{
    height: 32px;
    border: 1px solid #b0b0b0;
    border-radius: 2px;
}
.liuyan textarea{
    resize: none;
    width: 70%;
    height: 86px;
    border: 1px solid #b0b0b0;
}
.liuyan .btn{ text-align:center;}
.liuyan .btn1{ width:100%; height:44px; line-height:44px; font-size:18px; color:#fff; font-family:"Microsoft Yahei"; border:0; border-radius:0; background-color:#ee1f17; cursor:pointer;}