@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(../images/background.jpg);

background-position:left top;

background-attachment: fixed;

	margin: 0px;

	padding: 0px;

}

p{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('../images/main_bannerbc.jpg') center top no-repeat

}

.hssme_banner_image li .img_2 {

	background: url('../images/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(../images/hssme_ui.png) no-repeat -340px -199px;

	left: 5px;

}

#btn_next {

	background: url(../images/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(../images/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(../images/title_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	height: 27px

}

.prol  {

        color: #4c556f;

    font-size: 22px;

    background: url(../images/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(../images/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(../images/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(../images/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(../images/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('../images/main_bannerbcx.jpg') center top no-repeat;

}

.hssme_banner_image li .img_2 {

	background: url('../images/main_bannerbc1x.jpg') center top no-repeat;

}

#btn_prev {

	background: url(../images/hssme_ui.png) no-repeat -340px -199px;

	left: 5px;



}

#btn_next {

	background: url(../images/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(../images/hssme_ui.png);

	background-position: -553px top;

	background-repeat: no-repeat;

	text-align: center

}

.rdhm{

    padding: 10px 0 0px 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;

}
.nava{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: 15px;

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;
	text-align: center;

}

.hssme_title span{    padding: 0px 0px 0px 12px;

    background: url(../images/hssme_ui.png) left 6px  no-repeat;

}

.news {

	width: 100%;

	padding:5px 0px 5px 0px ;

	height: auto;

	min-height: 115px;

	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: 105px;

	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: 65px;

	margin: 0px auto 0px auto;

	color: #666666;

	font-size: 12px;

	overflow-y: hidden;

}



.mob_tel {

	background-image: url(../images/tel.png);

	background-position: center center;

	background-repeat: no-repeat;

	height: 32px;

	width: 32px;

	margin: auto;

}

.mob_sms {

	background-image: url(../images/mail.png);

	background-position: center center;

	background-repeat: no-repeat;

	height: 32px;

	width: 32px;

	margin: auto;

}

.mob_cp {

	background-image: url(../images/cp.png);

	background-position: center center;

	background-repeat: no-repeat;

	height: 32px;

	width: 32px;

	margin: auto;

}

.mob_home {

	background-image: url(../images/home.png);

	background-position: center center;

	background-repeat: no-repeat;

	height: 32px;

	width: 32px;

	margin: auto;

}

.mob_com {

	background-image: url(../images/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:65px;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(../images/top.png) no-repeat;}

#share{background:url(../images/share.png) no-repeat;}

#reply{background:url(../images/reply.png) no-repeat;}

#sina{background:url(../images/sina.png) no-repeat;}

#weixin{background:url(../images/weixin.png) no-repeat;}

#ceping{background:url(../images/ceping.png) no-repeat;}

#EWM{position:absolute;left:-150px;display:none;}

#EWM img{width:150px;height:150px;}

.foot{background:#333;padding:15px 10px 80px 10px;color:#eee;text-align:center;line-height:1.5em;font-size:12px}
.foot a{color:#eee}
.pages{padding:15px 0;text-align:center;font-size:14px;overflow:hidden}
.pages a{display:inline-block;margin-right:3px;height:32px;line-height:32px;width:32px;background:#ddd;text-align:center;color:#333}
.pages a:hover{background:#ff7700;color:#fff;text-decoration:none}
.pages a.on{display:inline-block;background:#f70303;color:#fff}
@media (max-width:960px){
.rtext li{width:100%;float:none}
.rtext li:nth-child(even){float:none}
.ili,.btt{display:none}
.foot{padding-bottom:50px;font-size:10px}
}
.float-user-mini{position:fixed;right:0;bottom:0}
.float-user-mini a{background:rgba(0,0,0,0.7);color:#FFFFFF;display:b`lock;font-size:24px;height:65px;line-height:65px;width:33px;text-align:center}
.float-user{display:none;background:rgba(0,0,0,0.7);position:fixed;width:100%;bottom:0;height:65px;left:0;z-index:888}
.float-user .close{color:#FFFFFF;display:block;font-size:24px;width:33px;height:65px;line-height:65px;position:absolute;right:7px;bottom:0;text-align:center;text-decoration: none}
.float-user ul{width:90%;max-width:1600px;min-width:900px;margin:0 auto;padding-top:6px}
.float-user ul li{width:29%;float:left;font-size:14px}
.float-user ul li i{font-size:32px;color:#fff;border-radius:50%;padding:9px 10px;float:left;text-align:center}
.float-user ul li i.eu-user{ background:#C00}
.float-user ul li i.eu-qq-full{/* background:#09F; */}
.float-user ul li i.eu-weixin{ background:#090}
.float-user ul li p{color:#fff;padding-left:20px;float:left}
.float-user ul li em{font-size:24px;color:#ff0;font-style: normal;}

.float-user ul .qr{float:right;background:#fff;height:74px;width:74px;padding:5px;margin-top:-24px;}
.float-user ul .qr img{width:74px;height:74px;}
@media (max-width:960px){
.float-user{height:0;overflow:hidden}
}