@charset "utf-8";
/* CSS Document */
h1,h2,h3{
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	display:inline;
	color:#333;
	}
.top_bg{
	width:100%;
	height:130px;
	background:url(../images/top_bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
.top1{
	width:980px;
	height:33px;
	line-height:33px;
	padding:0px 10px 0px;
	margin:0px auto;
	overflow:hidden;}
.top1 h1,.top1 h2{
	font-weight:bold;}
.tel{
	height:35px;
	background:url(../images/tel.jpg) no-repeat left top;
	padding-left:51px;
	margin-top:7px;}
.tel span{
	color:#fd2121;
	font-size:16px;
	font-family:Verdana;
	font-weight:bold;}
.nav{
	width:1000px;
	height:41px;
	line-height:41px;
	padding:0px;
	margin:0 auto;
	overflow:hidden;}
.nav li{
	display:block;
	width:110px;
	height:41px;
	text-align:center;
	background:url(../images/nav_li.jpg) no-repeat right center;
	float:left;}
.nav li.first,.nav li.first:hover{
	display:block;
	width:110px;
	height:41px;
	background:url(../images/first_li.jpg) no-repeat left center;
	padding:0px;
	text-align:center;}
.nav li:hover{
	display:block;
	width:110px;
	height:41px;
	background:url(../images/first_li1.jpg) no-repeat left center;
	padding:0px;
	text-align:center;}
.nav li a{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;}
/* qqshop focus */
.banner {
	width:1000px;
	margin:12px auto 0;
}
#focus {
	width:999px;
	height:362px;
	overflow:hidden;
	position:relative;
}
#focus ul {
	height:355px;
	position:absolute;
}
#focus ul li {
	float:left;
	width:999px;
	height:362px;
	overflow:hidden;
	position:relative;
	background:#000;
}
#focus ul li div {
	position:absolute;
	overflow:hidden;
}
#focus .btnBg {
	position:absolute;
	width:999px;
	height:20px;
	left:0;
	bottom:0;
}
#focus .btn {
	position:absolute;
	width:999px;
	height:10px;
	padding:5px 10px;
	right:0;
	bottom:0;
	text-align:center;

}
#focus .btn span {
	display:inline-block;
	_display:inline;
	_zoom:1;
	width:10px;
	height:10px;
	_font-size:0;
	margin-left:5px;
	cursor:pointer;
	background:#fff;
}
#focus .btn span.on {
	background:#fff;
}
#focus .preNext {
	width:45px; 
	height:100px; 
	position:absolute; 
	top:180px; 
	background:url(images/sprite.gif) no-repeat 0 0; 
	cursor:pointer;}
#focus .pre {
	left:0;
}
#focus .next {
	right:0;
	background-position:right top;
}
.ban_bg{
	width:1000px;
	height:23px;
	background:url(../images/ban_bg.jpg) no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;}
.ban_bg0{
	width:1000px;
	height:23px;
	background:url(../images/ban_bg1.jpg) no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;}
.pro_list{
	width:228px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	}
.list_bt{
	width:189px;
	height:42px;
	line-height:42px;
	padding-left:39px;
	background:url(../images/pro_bt.jpg) no-repeat;
	}
.list_bt h2,.con_bt h2,.abo_bt h2,.faq_bt h2,.news_bt h2,.pro_bt h2,.ny_t h3{
	font-size:14px;
	font-weight:bold;
	color:#0070b2;}
.list_li li{
	width:197px;
	height:31px;
	line-height:31px;
	background:url(../images/pro_li.jpg) no-repeat;
	padding-left:31px;}
.list_li li a:hover{
	color:red;}
.kong{
	width:228px;
	height:12px;
	background:url(../images/kong.jpg) no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;}
.con_bt{
	width:189px;
	height:41px;
	line-height:41px;
	padding-left:39px;
	background:url(../images/new_bt.jpg) no-repeat;
	}
.con_txt{
	width:218px;
	border:1px solid #ccc;
	padding:17px 0 11px 8px;
	line-height:24px;}
.con{
	margin:0 0 5px 12px;}
.con span{
	color:#cf0a02;
	font-family:Arial;
	font-size:22px;}
.faq_bt{
	width:189px;
	height:41px;
	line-height:41px;
	padding-left:39px;
	background:url(../images/faq.jpg) no-repeat;}
.faq_txt{
	width:203px;
	border:1px solid #ccc;
	padding:3px 17px 68px 6px;
	position:relative;}
.news0_txt{
	width:203px;
	border:1px solid #ccc;
	padding:3px 17px 20px 6px;
	}
.news0_txt li{
	width:204px;
	height:30px;
	line-height:30px;
	background:url(../images/faq_li.jpg) no-repeat center bottom;}
.news0_txt li a{
	display:block;
	width:203px;
	height:30px;
	background:url(../images/dian.jpg) no-repeat left center;
	padding-left:9px;}
.faq_txt li{
	width:204px;
	height:30px;
	line-height:30px;
	background:url(../images/faq_li.jpg) no-repeat center bottom;}
.faq_txt li a{
	display:block;
	width:203px;
	height:30px;
	background:url(../images/dian.jpg) no-repeat left center;
	padding-left:9px;}
.faq_txt img{
	position:absolute;
	bottom:7px;
	right:10px;}
.ind_abo{
	width:502px;
	height:168px;
	background:url(../images/ind_abo.jpg) no-repeat;}
.abo_bt{
	width:475px;
	height:32px;
	line-height:32px;
	padding-left:27px;}
.abo_txt{
	padding:5px 17px 0;
	line-height:22px;}
.abo_txt p{
	padding:0px;
	margin:0px;
	text-indent:25px;}
.ind_new{
	width:255px;}
.news_bt{
	width:216px;
	height:42px;
	line-height:42px;
	padding-left:39px;
	background:url(../images/new_t.jpg) no-repeat;}
.news_txt{
	width:234px;
	border:1px solid #ccc;
	border-top:none;
	padding:8px 7px 20px 12px;}
.news_txt li{
	background:url(../images/dian.jpg) no-repeat left center;
	padding-left:9px;
	line-height:24px;}
.news_txt li span{
	float:right;
	color:#035ea5;}
.indpro_top{
	width:762px;
	height:7px;
	background:url(../images/indpro_top.jpg) no-repeat;
	padding:0px;
	margin:0px;
	overflow:hidden;}
.ind_pro{
	width:745px;
	min-height:446px;
	border:1px solid #ccc;
	padding:0px 9px 5px 6px;}
.pro_bt{
	width:745px;
	height:34px;
	line-height:34px;
	background:url(../images/pro_line.jpg) no-repeat center bottom;}
.pro_bt h2{
	display:block;
	background:url(../images/pro_ico.jpg) no-repeat left center;
	padding-left:25px;}
.pro_info{
	padding:10px 0 0 5px;}
.case{
	width:760px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	border:1px solid #ccc;
	border-top:none;}
.case_bt{
	width:728px;
	height:28px;
	line-height:28px;
	background:url(../images/ind_case.jpg) repeat-x;
	padding:0 17px 0 15px;}
.case_bt h2{
	color:#fff;
	font-size:14px;
	font-weight:bold;}
.case_bt span{
	display:block;
	float:right;
	background:url(../images/more_ico.jpg) no-repeat right center;
	padding-right:10px;}
.case_bt span a{
	color:#fff;
	text-decoration:none;
	font-family:Arial;}
.case_txt{
	padding:14px 0 20px 14px;}
.case_nr{
	width:582px;
	margin-left:16px;}
.case_nr h3,.app_nr h3{
	display:block;
	margin-bottom:2px;}
.case_nr h3 a,.app_nr h3 a{
	font-weight:bold;}
.case_list{
	width:760px;
	height:36px;
	line-height:36px;
	background:url(../images/case_bg.jpg) repeat-x;}
.case_list li{
	float:left;
	background:url(../images/case_line.jpg) no-repeat right center;
	padding:0 33px;}
.case_list li a{
	font-weight:bold;
	display:block;
	background:url(../images/dian1.jpg) no-repeat left center;
	padding-left:7px;
	text-decoration:none;}
.case_list li a:hover{
	color:red;}
.bot_bg{
	width:100%;
	height:192px;
	background:url(../images/bot_bg.jpg) repeat-x;
	padding:0px;
	margin-top:27px;
	overflow:hidden;}
.link{
	padding-left:9px;
	width:951px;
	margin:0px;
	overflow:hidden;}
.link h3{
	font-weight:bold;
	background:url(../images/link_ico.jpg) no-repeat left center;
	padding-left:13px;}
.link ul{
	width:960px;
	margin-top:15px;}
.link ul li{
	float:left;
	background:url(../images/link_list.jpg) no-repeat left center;
	padding-left:13px;
	width:170px;}
.bot_nav{
	width:960px;
	height:30px;
	line-height:30px;
	background:url(../images/bot_nav.jpg) no-repeat;
	padding:0px;
	margin:15px 0 auto;
	overflow: hidden;
}
.bot_nav ul{
	width:705px;
	height:30px;
	margin:0 auto;}
.bot_nav li{
	float:left;
	padding:0 8px 0 6px;
	color:#fff;
	font-weight:bold;}
.bot_nav li a{
	color:#fff;
	font-weight:bold;}
.bott_nav{
	width:960px;
	height:30px;
	line-height:30px;
	background:url(../images/bot_nav.jpg) no-repeat;
	padding:0px;
	margin:15px 0 auto;}
.bott_nav ul{
	width:600px;
	height:30px;
	margin:0 auto;}
.bott_nav li{
	float:left;
	padding:0 3px 0 8px;
	color:#fff;
	font-weight:bold;}
.bott_nav li a{
	color:#fff;
	font-weight:bold;}
.copy{
	width:620px;
	margin:0 auto;
	height:40px;
	line-height:40px;}
.copy_en{
	margin:0 auto;
	height:40px;
	line-height:40px;
	}
.ny_t{
	width:745px;
	height:34px;
	line-height:34px;
	background:url(../images/pro_line.jpg) no-repeat center bottom;}
.ny_t h3{
	display:block;
	background:url(../images/pro_ico.jpg) no-repeat left center;
	padding-left:25px;}
.ny_t span{
	float:right;}
.ny_info{
	padding:15px;}
.rel{
	margin:0px;
	padding:15px 0 0;
	clear:both;
}
.relate_t {
    background-color:#36afe4;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    padding:0 0 0 10px;
	margin-bottom:12px;
}
.relate_t span{
	color:#FFF;
	float:right;
	padding-right:10px;
	font-weight:normal;
	}
.randomnews_t{
	background-color:#36afe4;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    text-indent:12px;
	}
.randomnews_t h2{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}
.randomnews_info {
    margin:0 auto;
    overflow:hidden;
    padding:10px;
	border:1px solid #ccc;
}
.randomnews_info li{
	padding-left:15px;
	line-height:24px;
	background:url(../images/dian.jpg) no-repeat left center;
	border-bottom:1px dashed #ccc;
}
.randomnews_info ul li span{ float:right;}
.gduo {
    background:#36afe4;
    height:30px;
	color:#fff;
    line-height:30px;
    margin:30px 0 15px;
    overflow:hidden;
    padding:0 10px;
}
.gduo a:link,.gduo a:visited{
	color:#fff;}
.gduo span {
    display:block;
    float:right;
    height:30px;
    overflow:hidden;
    width:320px;
	color:#FFF;
}
.show_img,.showtitle{
	text-align:center;
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
	}
.show_img img{
	border:1px solid #ccc;
	}
.showtitle h1{
	font-size:14px;
	font-weight:bold;}
.app_img{
	width:103px;
	height:89px;}
.app_nr{
	width:582px;
	margin-left:16px;
	line-height:22px;}
.app_txt{
	width:760px;
	border-bottom:1px solid #36afe4;
	padding-bottom:15px;
	margin-bottom:15px;}
.news li{
	padding-left:15px;
	line-height:24px;
	background:url(../images/dian.jpg) no-repeat left center;
	border-bottom:1px dashed #ccc;
}
.news li span{
	float:right;
	}
.faqs li {
	background:url(../images/dian.jpg) no-repeat left center;
    border-bottom:1px dashed #999999;
    display:block;
    float:left;
    line-height:26px;
    list-style:none outside none;
    margin:0 10px;
    padding:0 0 0 12px;
    position:relative;
    text-align:left;
    width:330px;
}
/*评论*/
.comment{
	margin:30px auto 0 auto;
}
.comment .title{
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	padding:5px 5px;
	color:#FFF;
	background: #CB0100;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#36afe4), to(#2c8fbb));
	background-image: -webkit-linear-gradient(top, #36afe4, #2c8fbb);
	background-image: -moz-linear-gradient(top, #36afe4, #2c8fbb);
	background-image: -o-linear-gradient(top, #36afe4, #2c8fbb);
}
.comment .title a{color:#FFF;}
.comment .list{
	margin-top:10px;
	border:1px solid #ccc;
	padding:0 10px; 
}
.comment .list .inline{
	color:#111111;
	overflow:hidden;
}
.inline li{
	float:left;
	padding:0 10px 0 0;
	color:#111111;
	font-weight:bold;
}
.comment .details,
.comment .redetails{
	display:block;
	padding-bottom:5px;
}
.comment .redetails{
	margin-left:40px;
}
.comment .list blockquote{
	padding: 5px 5px 5px 15px;
	margin: 5px 0;
	border-left: 5px solid #DDDDDD; 
}
.comment .list blockquote p{
	line-height: 20px;
}
.comment .list blockquote small{
	display: block;
	line-height: 20px;
	margin-top:5px;
	color: #999;
}
.comment blockquote small::before,
.comment blockquote small::before{
	content: '—';
}
.addcomment{
	margin:10px auto;
}
.addcomment .title{
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	padding:5px;
	color:#FFF;
	background: #36afe4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CB0100), to(#990033));
	background-image: -webkit-linear-gradient(top, #36afe4, #2c8fbb);
	background-image: -moz-linear-gradient(top, #36afe4, #2c8fbb);
	background-image: -o-linear-gradient(top, #36afe4, #2c8fbb);
}
.addcomment input{
	height:20px;
	line-height:20px;
}
.addcomment ul,
.addcomment ul li{
	display:block;
	overflow:hidden;
}
.addcomment ul li,
.addcomment label{
	padding:5px 0 0 0;
	line-height:20px;
}
.addcomment .coltitle{
	width:150px;
	text-align:right;
	display:block;
	float:left;
}
.addcomment .colinput{
	float:left;
	display:block;
	overflow:hidden;
}
.addcomment img{
	vertical-align:middle;
}
.info_fb {
    border: 1px solid #DDD;
    line-height: 25px;
    overflow: hidden;
    padding: 10px; 
	margin:20px auto;
}
.td_b tr {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
.info_fb table {
    border: 0 none;
    width: 702px;
}
.info_fb .text {
    border: 1px solid #CCCCCC;
    height: 20px;
    line-height: 20px;
    width: 200px;
}
.info_fb .textarea {
    border: 1px solid #CCCCCC;
    vertical-align: top;
    width: 400px;
}
.vat {
    text-align: right;
    vertical-align: top;
}
.info_fb .b13{
	width:59px;
    height: 22px;
    margin: 10px 0;
	cursor:pointer;
	background: url(../images/btn1.png) no-repeat bottom;
	border:none;
	color:#FFF;
}
.info_fb .b14{
	width:59px;
    height: 22px;
    margin: 10px 0;
	cursor:pointer;
	background: url(../images/btn2.png) no-repeat bottom;
	padding:0;
	border:none;
	}

.b15 {
    width:59px;
    height: 22px;
    margin: 10px 0;
	cursor:pointer;
	background: url(../images/btn1.png) no-repeat bottom;
	border:none;
	color:#FFF;
}
.b16 {
    width:59px;
    height: 22px;
    margin: 10px 0;
	cursor:pointer;
	background: url(../images/btn2.png) no-repeat bottom;
	border:none;
}

.friendlink {
    float: left;
    color: #555;
    line-height: 27px;
}

.friendlink i {
    list-style: none;
    font-style: normal;
    line-height: 30px;
    float: left;
}

.friendlink .linkTagcs {
    text-align: left;
    float: right;
    width: 181px;
    max-height: 30px;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
    line-height: 30px;
}

.friendlink .linkTagcs a {
    display: block;
    color: #555;
}

.friendlink .linkTagcs:hover {
    max-height: 30px;
    overflow-x: hidden;
    overflow-y: auto;
}