@charset "utf-8";
/*-----------以下部分 Qishow website manager system主CSS样式表---------------------------------------------------*/
/*-----------奇秀网版版所有，网址：www.hssme.com-----------------------------------------------------------*/

/*
hssme_banner 特效CSS
*/
body{font-family: 'microsoft yahei','Trebuchet MS',Arial,Helvetica,sans-serif;
background: url(../hssme_ui/background.jpg);
background-position:left top;
background-attachment: fixed;
	margin: 0px;
	padding: 0px;
}

.hssme_none {display: none;
}
.hssme_banner_image {
	width: 100%;
	height:450px;
	height:450px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
.hssme_banner_image ul {
	width: 9999px;
	height: 450px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0px;
}
.hssme_banner_image li {
	float: left;
	width: 100%;
	height: 450px;
}
.hssme_banner_image li span {
	display: block;
	width: 100%;
	height:450px
}
.hssme_banner_image li a {
	display: block;
	width: 100%;
	height: 450px
}
.hssme_banner_image li .img_1 {
	background: url('../hssme_ui/main_bannerbc.jpg') center top no-repeat
}
.hssme_banner_image li .img_2 {
	background: url('../hssme_ui/main_bannerbc1.jpg') center top no-repeat
}
div.hssme_flicking {
	width: 1100px;
	margin: 0 auto;
	position: relative
}
div.hssme_flicking .flicking_inner {
	position: absolute;
	top: 420px;
	left: 45%;
	z-index: 999;
	width: 300px;
	height: 21px
} 
div.hssme_flicking a {
	float: left;
	width: 40px;
	height:4px;
	border-radius: 2px;
	margin-right: 8px;
	background:#efefef;
	display: block;
	text-indent: -1000px
}
div.hssme_flicking a.on {
background:#B80003}
#btn_prev, #btn_next {
	z-index: 11111;
	position: absolute;
	width: 40px!important;
	height: 40px!important;
	top: 50%;
	margin-top: -7px;
	display: none;
}
#btn_prev {
	background: url(../hssme_ui/hssme_ui.png) no-repeat -340px -199px;
	left: 5px;
}
#btn_next {
	background: url(../hssme_ui/hssme_ui.png) no-repeat -412px -199px;
	right: 5px;
}
/*---------*/
/*主CSS*/
/*---------*/
.intitle {
    font-size: 24px;
    line-height: 32px;
    font-weight: 100;
    color: #f70303;
	padding-bottom: 15px;
}
.newsspan{
		width: 100%;
	height: 20px;
	font:14px/20px "宋体" ;
	color:#888888;
		text-decoration: none;
		text-align: center;

display: block;
	float: none;
	clear: both;
	padding-bottom: 15px;

}
.imgb {
	margin:20px auto 10px auto;
	float: left;
	padding-left: auto;
	padding-right: auto;
	display: block;
	background: #f6f6f6;
	text-align: center;
	overflow-x: hidden;
	overflow-y: hidden;
	height: auto;
	width: 100%;
	max-width: 300px;
}
.imgb img{
	width: 98%;
	height: 200px;
	display: block;
	padding: 3px;
}
.imgb a:link {
	text-decoration: none;
	text-align: center;
	display: block
}
.imgb a:visited {
	text-decoration: none;
	text-align: center;
	display: block
}
.imgb a:hover {
	text-decoration: none;
	text-align: center;
	color: #ffffff !important;
	background-color: #f70303;
	display: block;

}
.imgb a:hover .imgtitle{color: #ffffff;}
.imgtitle {
	font-size: 16px;
	line-height: 30px;
	color: #E90000;
	text-decoration: none;
	width: 100%;
	text-align: center;
	margin: 0;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	font-weight: normal;
}
.imgtitle span{	font-size: 12px;
	line-height: 30px;
	display: block;
	color: #666666;
	text-decoration: none;}
.protitle {
	font-size: 20px;
	line-height: 34px;
	color: #000;
	text-decoration: none;
	width: 100%;
	min-height: 34px;
	height: auto;
	text-align: center;
	margin: 0;
	padding:5px 0px 10px 0px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	font-weight: normal;
}
.ntit {
    line-height: 40px;
    margin: 5px auto;
    font-size: 18px;
    color: #f70303;
    border-bottom: 1px solid #ccc;
    font-weight: 100;
    clear: both;
}
.ds{
	display:block;
	width: 90%;
	color:#999999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
	font-size:12px;
	line-height: 20px;
	height: 20px;
	white-space: nowrap;
		overflow-x: hidden;
	text-overflow: ellipsis;
	overflow-y: hidden;

}

.imgtitle a:link {
	text-decoration: none;
	color: #000
}
.imgtitle a:visited {
	color: #000;
	text-decoration: none
}
.hssme_head {
	height: 150px;
	width: 100%;
	margin: auto;
}

.hssme_main {
	margin: auto;
	width:100%;
	max-width: 1260px;
	height: auto;
	float: none;
	display:block;
	clear: both
}
.atitle{
	    display: block;
    margin: 40px 0 0;
	margin-left: 30px;
width: 300px;
    padding: 0 0 0 20px;
    text-align: left;
	background: url(../hssme_ui/hssme_ui.png) left -200px no-repeat;
	
}
.atitle font {
    display: block;
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2f3747;
    text-transform: uppercase;
    line-height: 1;
}
.indexword a{
	display: block;
	width: 200px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	text-decoration: none;
	color:#333333;
	height: 40px;
	border: #cccccc solid 1px;
}

.indexword{	width: 90%;
    max-width: 580px;
	height: 200px;
	padding-left:40px;
    text-align: left;
    padding-top: 20px;
    line-height: 30px;
    font-size: 14px;
    color: #2f3747;
}

.tff {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	min-height: 48px;
	margin-top: 20px;
    text-align: center;
    font-size: 48px;
	line-height: 48px;
    color: #5084bf;
    text-transform: uppercase;
    font-family: 'Impact','microsoft yahei','Trebuchet MS',Arial,Helvetica,sans-serif;
}
.tffd {
	margin-top: 15px;
	display: block;
  color: #000;
	height: 32px;
	text-align: center;
    font-size: 32px;
    line-height:32px;
    width: 160px;
    margin: 0 auto;
}
.izao_amore {
    float: right;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 56px;
    text-transform: uppercase;
    font-size: 20px;
    z-index: 22;
	text-decoration: none;
    margin: 0 20px 0 0;
}


ol, ul, li {
	list-style: none
}
#Marqueex {
	overflow: hidden;
	width: 980px;
	height: 200px;
}
#Marqueex ul li, #Marquee_x ul li div {
	float: left;
	line-height: 25px;
	overflow: hidden
}
#Marqueex ul li div {
	float: left;
	line-height: 25px;
	height: 200px;
	width: auto;
	overflow: hidden
}
#Marqueex ul li div img {
	display: block
}
#Marqueex ul li div span {
	display: block;
}
#cert {
	overflow: hidden;
	width:1100px;
	height: 360px;
}
#cert ul li, #Marquee_x ul li div {
	float: left;
	line-height: 25px;
	overflow: hidden
}
#cert ul li div {
	line-height: 25px;
	height:360px;
	width: auto;
	overflow: hidden
}
.newsbox
{width:90%;
padding: 15px 5% 15px 5%;}
.newsbox .newtitle{width: 90%;
padding: 0px 5% 10px 5%;
color: #000000;
font-size: 22px;
	overflow: hidden;
	text-overflow :ellipsis; 
white-space:nowrap; 
		display: block;
text-align: center;}
.newsbox .newinfo{width: 90%;
padding: 0px 5% 0px 5%;
color: #888888;
	display: block;
	height: 60px;
font-size: 14px;
	line-height: 26px;
	overflow: hidden;

text-align: left;}

.newsbox .box{	width: 100px;
margin: 15px auto 15px auto;
	padding-top: 2px;
	padding-bottom:2px;
	color: #333333;
	text-align: center;
	font-size: 14px;
	display: block;
	border: #666666 1px solid;
}
#cert ul li div img {
	display: block
}
#cert ul li div span {
	display: block;
}

.hssme_banner {
	width: 100%;
	height: 450px;
	padding-left: auto;
	padding-right: auto;
	clear: both;
	margin-bottom: 0px;
}
.word {
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	text-decoration: none;
	font-family: 'microsoft yahei','Trebuchet MS',Arial,Helvetica,sans-serif;
}
.xword {
	font-size: 12px!important;
	line-height: 24px;
	color: #000000;

}
.proimg img{width: 98%;
max-width: 460px;
height: auto;
	text-align: left;
max-height: 330px;}
.his{    font: 14px/39px "microsoft yahei";
    color: #fff;
    width: 138px;
    margin: 0px auto 30px auto;
    border-radius: 30px;
    display: block;
	margin-top:20px;
    text-align: center;
    background: #1254a2;}
.his a:link,.his a:visited{
	color: #fff !important;
	text-decoration: none;
	    display: block;
    text-align: center;
}
.his a:hover{background:#FF1625;    border-radius: 30px;
 }
.hssme_foot {
	text-decoration: none;
	width: 100%;
	clear: both;
	font-size: 14px;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #333333;
	text-align: center;
}
.manager_info {
	width: 100%;
    max-width: 800px;
	margin: 0px auto 0px auto;
    line-height: 25px;
    color: #fefefe;
}
.ctl {
	width:8%;
	max-width: 120px;
	background: #dddddd;
	text-align: center;
	border: 1px #666666 solid;
}
.sitemapt tr td {padding-left: 8px;}
.ctr {padding: 16px; 
border: 1px #666666 solid;}
.ctr span {padding:5px;}
.manager_info span {
    padding-left: 5px;
}
.manager_info a:link ,.manager_info a:visited {
    color: #fefefe;
	text-decoration: none;
}
.hssme_footline {
    width: 90%;
    color: #c5bdbb;
    height: 50px;
    text-align: center;
	padding-left: 10%;
    background: #2e3955;
}

.btitle {
	font-family: "宋体";
	font-size: 16px;
	line-height: 31px;
	color: #707070;
	text-decoration: none;
	font-weight: bold;
	width: 300px;
	margin-left: 20px;
	float: left;
	height: 31px;
	display: block;
	text-align: left;
	vertical-align: middle
}
.menunow {
	font-size: 18px;
	line-height: 60px;
	color: #FFF;
	text-decoration: none;
	float: left;
	height: auto;
	min-height: 60px;
	width: 120px;
	overflow: hidden;
	display: block;
	text-align: center;
	vertical-align: middle;
	font-family: "micrisoft yahei","微软雅黑"
}
.menunow a:link,.menunow a:visited,.menunow a:active  {
	color: #FFF;
	line-height: 60px;
	text-decoration: none;
	display: block;
}
.menunow a:hover {
	display: block;
	height: 60px;
	background:#FF1625;
	line-height: 60px;
}

.foot a:link ,.foot a:visited,.foot a:hover,.foot a:active {
	color: #ececec;
	text-decoration: none
}
.word a:link ,.word a:visited,.word a:hover,.word a:active {
	color: #000;
	text-decoration: none
}
.title_bc {
	background-image: url(../hssme_ui//title_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 27px
}
.prol  {
        color: #4c556f;
    font-size: 22px;
    background: url(../hssme_ui/hssme_ui.png) left -260px no-repeat;
    height: 60px;
    padding: 21px 0 0 59px;
    width: 150px;
    border-bottom: 1px solid #eaeaea;
    margin: 0 auto;
    line-height: 1;
}
.prol i{
	padding-top: 5px;
	    font-style: normal;
    font-size: 11px!important;
    text-transform: uppercase;
	display: block;
}
.hssme_nav {
	height: 60px;
	width: 100%;
	float: none;
	clear: both;
	margin:0;
	background: #1254a2;
}
.hssme_tel {
	height: 60px;
	width: 260px;
	float: left;
	margin-left:180px;
	margin-top:50px;
	background: url(../hssme_ui/hssme_ui.png);
	background-position: -640px -145px;
	background-repeat: no-repeat;
	color:#e50112;
	padding-left:40px;
	padding-top: 10px;
	line-height:30px;
	font-size: 30px;
font-family: 'Impact','microsoft yahei','Trebuchet MS',Arial,Helvetica,sans-serif;}

.ntel {
	height: 36px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	background: url(../hssme_ui/hssme_ui.png);
	background-position: 5px -195px;
	background-repeat: no-repeat;
	color:#e50112;font-weight: 800;
	padding-left:30px;
	line-height:36px;
	font-size: 20px;
font-family: 'microsoft yahei','Trebuchet MS',Arial,Helvetica,sans-serif;}

.nqq {
		margin-left: auto;
	margin-right: auto;
	height: 36px;
	width: 300px;
	background: url(../hssme_ui/hssme_ui.png)  #f70303;
	background-position:115px -290px;
	background-repeat: no-repeat;
}
.hssme_logo {
	height: 70px;
	width: 600px;
	float: left;
	margin-left: 15px;
	margin-top:35px;
	background-image: url(../hssme_ui/hssme_ui.png);
	background-position: 0px -85px;
	background-repeat: no-repeat !important;
}

.hssme_right {
	width: 740px;
	float: right;
	padding-right: 0px;
	height: auto;
	background-color: #fff;
	margin-top: 0px;
	overflow-x: hidden;
	margin-left: 0px;
	padding-top: 0px;
}
@media (max-width: 768px)
{
	.hssme_banner {
    width: 100%;
    padding-left: auto;
    padding-right: auto;
    clear: both;
		height: auto;
		min-height: 190px;
    margin-bottom: 0px;
}
	.imgb img{
	width: 98%;
	height: 120px;
	display: block;
	padding: 3px;
}
.hssme_banner_image {
	width: 100%;
	height:auto;
	min-height: 190px;
	max-height:450px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
.hssme_banner_image ul {
	width: 9999px;
	height: auto;
	min-height: 190px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0px;
}
	
.hssme_banner_image li {
	float: left;
	width: 100%;
	height: auto;
	min-height: 190px;
}
.hssme_banner_image li img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 190px;
}
.hssme_banner_image li a {
	display: block;
	width: 100%;
	height: auto;
}
div.hssme_flicking {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	height: auto;
	min-height: 21px;
	position: relative
}
div.hssme_flicking .flicking_inner {
	position: absolute;
	top: 185px;
	left: 45%;
	z-index: 999;
	width: 200px;
	height: 21px
} 
div.hssme_flicking a {
	float: left;
	width: 10px;
	height:10px;
	border-radius: 10px;
	margin-right: 8px;
	background:#efefef;
	display: block;
	text-indent: -1000px
}
div.hssme_flicking a.on {
background:#B80003}
#btn_prev, #btn_next {
	z-index: 11111;
	position: absolute;
	width: 40px!important;
	height: 40px!important;
	top: 50%;
	margin-top: -7px;
	display: none;
}
	.hssme_banner_image li .img_1 {
	background: url('../hssme_ui/main_bannerbcx.jpg') center top no-repeat;
}
.hssme_banner_image li .img_2 {
	background: url('../hssme_ui/main_bannerbc1x.jpg') center top no-repeat;
}
#btn_prev {
	background: url(../hssme_ui/hssme_ui.png) no-repeat -340px -199px;
	left: 5px;

}
#btn_next {
	background: url(../hssme_ui/hssme_ui.png) no-repeat -412px -199px;
	right: 5px;
}
.mob_foot {
	height: 52px;
	width: 98%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
	padding-bottom: 0px;
	clear: both;
	float: none;
	position: fixed;
	bottom: 0px;
	background-color: #1254a2;
	display: block;
}
	
	
.mob_footl {
	height: 52px;
	width: 100%;
}	
	.mob_nav{
visibility: hidden;
		width: 150px;
		height: auto;
		max-height: 100%;
	position: fixed;
		right: 0px;
		top :0px;
		z-index: 51818100818;
background: #1254a2;
    color: #ffffff;	}
	.mob_nav a {
		width: 60%;
	height: 30px;
text-align: left;
		color: #ffffff!important;
		text-decoration: none;
		font-size:14px;
		line-height: 30px;
	padding: 5px 10% 5px 10%;
		margin-left: 10%;
		margin-right:10px;
	display: block;
	border-bottom: 1px  solid #246cd0;}
	
.index_wordbox{
	background-color:#FFFFFF;}
	}
.hssme_both {
	float: none;
	clear: both;
}
.navbar{
background: #1254a2;
color: #ffffff;
width: 98%;
font-size: 16px;
	line-height: 30px;
	height: 30px;
	padding:5px 1% 5px 1%;}
.left_lx {
	font-family: "黑体";
	font-size: 20px;
	line-height: 39px;
	color: #FFF;
	text-decoration: none;
	width: 260px;
	height: 39px;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../hssme_ui/hssme_ui.png);
	background-position: -553px top;
	background-repeat: no-repeat;
	text-align: center
}
.rdhm{
    padding: 20px 0 15px 0;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    max-width: 960px;
}.rdh {
	float: left;
    display:inline-block;
    text-align: center;
    height: 32px;
    border: 1px solid #ddd;
    background: #fff;
    line-height: 32px;
    width: 14%;
    margin:8px 1% 8px 1%;
    border-radius: 34px;
}
.rdha, .rdha a:link,.rdha a:visited{
	    border-radius: 34px;

background: #f70303!important;
    color: #fff!important;
}
.rdh a:link {
	    display:block;
	color: #000;
	text-decoration: none;
}
.rdh, a:visited {
	    display:block;

	color: #000;
	text-decoration: none;

}

.rdh a:hover {
background: #f70303;
    color: #fff;
    border: 1px solid #f70303;
	    border-radius: 34px;
    display:block;

}


.hssme_maintitle {
	display: block;
	width: 100%;
	font-size: 24px;
	font-weight: 200;
	padding-bottom: 40px;
	padding-top: 40px;
text-align: center;
	
}
.hssme_maintitle a:link,.hssme_maintitle a:visited {
text-decoration: none;
	color:#000000;
}
.hssme_title {
    font-size: 14px!important;
    color: #000000!important;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
.hssme_title span{    padding: 0px 0px 0px 12px;
    background: url(../hssme_ui/hssme_ui.png) left 6px  no-repeat;
}
.news {
	width: 100%;
	padding:15px 0px 15px 0px ;
	height: auto;
	min-height: 130px;
	max-height: 240px;
	margin: 5px 0px 5px 0px;
	text-align: left;
	text-decoration: none;
	
}
.imgn{width:32%;
height: auto;
	min-height: 130px;
display: block;
float: left;}
.imgn img{width: 100%;
height: 100%;}
.imgt{
	width:65%;
	height: auto;
	min-height: 130px;
	padding-left: 3%;
display: block;
float: left;}
.date{display: block;
	width: 96%;
	margin: 0px auto 0px auto;
	color: #666666;
	font-size: 12px;
	border-bottom: 1px solid #cccccc;
}
.newsb{display: block;
	width: 96%;
	height: auto;
	min-height: 130px;
	margin: 0px auto 0px auto;
	color: #666666;
	font-size: 12px;
	overflow-y: hidden;
}

.mob_tel {
	background-image: url(../hssme_ui/tel.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: auto;
}
.mob_sms {
	background-image: url(../hssme_ui/mail.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: auto;
}
.mob_cp {
	background-image: url(../hssme_ui/cp.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: auto;
}
.mob_home {
	background-image: url(../hssme_ui/home.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: auto;
}
.mob_com {
	background-image: url(../hssme_ui/all.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	margin: auto;
}
.mob_foot a:link, .mob_foot a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* jump */
#jump{position:fixed;bottom:5px;right:5px;width:40px;z-index:400;}
#jump li{height:50px;overflow:hidden;}
#top,#share,#reply,#sina,#ceping,#weixin{display:block;width:40px;height:42px;overflow:hidden;cursor:pointer;}
#top{background:url(../hssme_ui/top.png) no-repeat;}
#share{background:url(../hssme_ui/share.png) no-repeat;}
#reply{background:url(../hssme_ui/reply.png) no-repeat;}
#sina{background:url(../hssme_ui/sina.png) no-repeat;}
#weixin{background:url(../hssme_ui/weixin.png) no-repeat;}
#ceping{background:url(../hssme_ui/ceping.png) no-repeat;}
#EWM{position:absolute;left:-150px;display:none;}
#EWM img{width:150px;height:150px;}