@charset "utf-8";
/* CSS Document */
* {
	font-family: "Microsoft YaHei"!important;
	margin: 0;
	padding: 0;
	outline:none;
}
body, p, h1, h2, h3, ul, li, a {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
a {
	text-decoration: none;
	　outline:none;
blr:expression(this.onFocus=this.blur());
}
a img {
	border: 0;
}
ul li {
	list-style: none;
}
/*首页*/
/*本例css*/
.lunbo_banner {
	width: 100%;
	height: 575px;
	position: relative;
	overflow: hidden;
}
.lunbo_banner img {
	width: 100%;
	height: 575px;
}
/*数字按钮样式*/
.lunbo_banner .num {
	overflow: hidden;
	height: 10px;
	position: absolute;
	bottom: 55px;
	font-size: 0;
	right: 18%;
	zoom: 1;
	z-index: 3
}
.lunbo_banner .num li {
	width: 10px;
	height: 10px;
	background: #e7a4a3;
	margin-right: 10px;
	border-radius: 50%;
	cursor: pointer;
	float: left;
}
.lunbo_banner .num li:last-child {
	margin-right: 0;
}
.lunbo_banner .num li.on {
	background: #fff;
} /*当前项*/
.dk1 {
	width: 100%;
	height: 400px;
	background: #333;
}
.dk_box {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	zoom: 1;
}
.dk_box h1 {
	text-align: center;
	font-size: 30px;
	color: #fff;
	font-weight: normal;
}
/**tabs**/















.msn-focus {
	width:100%;
	height: 290px;
}
.msn-focus .hd {
	font-size: 16px;
	height: 39px;
	line-height: 30px;
	width: 575px;
	margin:0 auto;
	border-bottom:1px solid #adadad;
	border-top:1px solid #adadad;
}
.hd ul{
	margin-left:35px;}
	
	
	
.msn-focus .hd li {
	margin-top: 5px;
float: left;
margin-right: 20px;
color: #fff;
height: 30px;
line-height: 30px;
width: 85px;
text-align: center;
cursor: pointer;
}
.msn-focus .hd .on {
	    background: #fff;
    border-radius: 5px;
    color: #333;

}












.msn-focus .bd {
	width: 1200px;
	height: 220px;
	position: relative;
	overflow: hidden;
	margin-top:30px;
}
.msn-focus .bd ul {
	height: 1200px;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	line-height: 28px
}
.msn-focus .bd li {
	width: 1200px;
	height:220px;
	position: relative
}


.cp_img ul li{
	width:247px !important;
	height:212px !important;
	float:left;
	margin-right:50px;}
	.cp_img ul li:last-child{
		margin-right:0;}
	.cp_img ul li img{
		width:247px;
		height:212px;}
.cp_img ul li:hover{
	border:3px solid #bd1511;
}








.dk2 {
	width: 100%;
	height: 450px;
	background: #eee;
}
.k {
	width: 385px;
	height: 405px;
}
 . #fq {
 width:1200px;
 height:405px;
overflow:hidden;
}
#fq ul li {
	float: left;
	list-style: none;
	width: 195px;
	height: 405px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
}
#fq:hover li {
	width: 161px;
}
#fq li:hover {
	width: 385px;
}
.ys1 {
	background: #aaa;
}
.ys2 {
	background: #CCC;
}
.ys3 {
	background: #aaa;
}
.ys4 {
	background: #ccc;
}
.ys5 {
	background: #aaa;
}
.ys6 {
	background: #ccc;
}
.ys1:hover .ys1_1 {
	background: #de392c;
	display: block;
}
.ys2:hover .ys2_1 {
	background: #de392c;
	display: block;
}
.ys3:hover .ys3_1 {
	background: #de392c;
	display: block;
}
.ys4:hover .ys4_1 {
	background: #de392c;
	display: block;
}
.ys5:hover .ys5_1 {
	background: #de392c;
	display: block;
}
.ys6:hover .ys6_1 {
	background: #de392c;
	display: block;
}
.ys1:hover .k1, .ys2:hover .k2, .ys3:hover .k3, .ys4:hover .k4, .ys5:hover .k5, .ys6:hover .k6 {
	display: none;
	height: 0;
}
.k1, .k2, .k3, .k4, .k5, .k6 {
	height: 405px;
	width: 200px;
	position: relative;
}
.k1_box, .k2_box, .k3_box, .k4_box, .k5_box, .k6_box {
	position: absolute;
	top: 95px;
	left: 60px;
	width: 75px;
	height: auto;
	text-align: center;
}
.k1_box p, .k2_box p, .k3_box p, .k4_box p, .k5_box p, .k6_box p {
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
.k1_box p {
	margin-top: 80px;
}
.k2_box p {
	margin-top: 84px;
}
.k3_box p {
	margin-top: 91px;
}
.k4_box p {
	margin-top: 82px;
}
.k5_box p {
	margin-top: 81px;
}
.k6_box p {
	margin-top: 80px;
}
.ys1_1, .ys2_1, .ys3_1, .ys4_1, .ys5_1, .ys6_1 {
	display: none;
	position: relative;
}
.ys1_1box, .ys2_1box, .ys3_1box, .ys4_1box, .ys5_1box, .ys6_1box {
	position: absolute;
	width: 105px;
	height: auto;
	top: 35px;
	left: 120px;
	display: none;
}
.k:hover .ys1_1box, .k:hover .ys2_1box, .k:hover .ys3_1box, .k:hover .ys4_1box, .k:hover .ys5_1box, .k:hover .ys6_1box {
	display: block;
}
.ys1_1box p, .ys2_1box p, .ys3_1box p, .ys4_1box p, .ys5_1box p, .ys6_1box p {
	margin-top: 40px;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
.lb ul {
	margin-top: 45px;
	width: 90px;
	height: 160px;
}
.lb ul li {
	font-size: 14px;
	float: none !important;
	color: #fff;
	width: 170px !important;
	height: 30px !important;
	line-height: 30px !important;
}
.lb ul li span {
	margin-right: 5px;
}
.lb ul li a {
	color: #fff;
}
.dk3 {
	width: 100%;
	height: 320px;
}
.dk3_box {
	width: 1200px;
	margin: 0 auto;
	padding-top: 30px;
	overflow: hidden;
	zoom: 1;
}
.lb_2 ul {
	width: 155px;
	float: left;
	margin-right: 7px;
}
.lb_2 ul:last-child {
	margin-right: 0;
}
.lb_2 ul p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 35px;
}
.lb_2 ul li {
	font-size: 14px;
	line-height: 30px;
	color: #ffc3c2;
}
.lb_2 ul li a {
	color: #ffc3c2;
}
.lb_3 {
	width: 225px !important;
}
.lb_3 li {
	margin-top: 10px;
}
.yl {
	width: 60px;
	height: 60px;
	text-align: center;
	background: #a40000;
	float: left;
}
.yl img {
	margin-top: 15px;
}
/*******************资讯中心列表*******************/
.banner {
	width: 100%;
	height: 300px;
}
.content {
	width: 1200px;
	margin: 30px auto 0;
	overflow: hidden;
	zoom: 1;
}
.cont_left {
	float: left;
	width: 235px;
}
.title {
	text-align: center;
	font-size: 18px;
	color: #333;
	background: url(../img/logo_2.png)/*tpa=http://www.sanli.com/index_view/index/images/logo_2.png*/ no-repeat;
	background-position: 25px 2px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 40px;
}
.column_list {
	width: 234px;
	height: 890px;
	border-right: 1px dashed #c1c1c1;
}
.column_list li {
	font-size: 16px;
	color: #333;
	width: 215px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.column_list li a {
	display: block;
	color: #333;
}
.column_list li a:hover {
	background: #d01a21;
	color: #fff;
}
.on_2 {
	background: #d01a21 !important;
	color: #fff !important;
}
.cont_right {
	float: right;
	width: 945px;
	padding-bottom: 20px;
}
.black {
	height: 30px;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	margin-bottom: 40px;
}
.black a {
	color: #666;
}
.black span {
	margin-left: 5px;
	margin-right: 5px;
}
.dt_list li {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	zoom: 1;
}
.dt_list li:first-child {
	padding-top: 5px;
}
.t {
	width: 260px;
	height: 170px;
	float: left;
}
.t img {
	width: 260px;
	height: 170px;
}
.nr {
	width: 660px;
	float: right;
}
.dt_title {
	font-size: 18px;
	padding-top: 15px;
	margin-bottom: 20px;
	color: #333;
}
.dt_title a {
	color: #333;
}
.dt_list li:hover .dt_title a {
	color: #d01a21 !important;
}
.pages {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}
.pages a {
	float: left;
	margin-right: 20px;
	display: block;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	height: 38px;
	width: 38px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #999;
	background: #fff;
}
.pages a:last-child {
	margin-right: 0;
}
.pages a:hover {
	background: #d01a21;
	color: #fff;
	border: 1px solid #d01a21;
}
.pre, .net {
	width: 88px !important;
}
.pre:hover, .net:hover {
	background:#fff !important;
	color: #999 !important;
	border: 1px solid #dcdcdc !important;
}
.on_3 {
	background: #d01a21 !important;
	color: #fff !important;
	border: 1px solid #d01a21 !important;
}
/*******************资讯中心详情*******************/
.wz {
	padding-bottom: 30px;
}
.wz_title {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}
.wz_title h1 {
	font-size: 24px;
	color: #666;
	text-align: center;
	font-weight: normal;
	margin-bottom: 20px;
}
.wz_title p {
	font-size: 12px;
	color: #666;
	text-align: center;
}
.wz_xq p, .about p {
	text-indent: 2em;
	line-height: 25px;
	font-size: 14px;
	color: #666;
	margin-bottom: 25px;
}
.wz_xq, .about {
	margin-top: 15px;
}
.wz_xq p:last-child, .about p:last-child {
	margin-bottom: 0;
}
/*******************视频中心列表*******************/
.video h1, .bt {
	font-size: 30px;
	color: #333;
	font-weight: normal;
	margin-bottom:35px;
}
.video_list {
	margin-top: 25px;
	width: 895px;
	overflow: hidden;
	zoom: 1;
}
.video_list li {
	height: 260px;
	margin-right: 5px;
	width: 290px;
	margin-bottom: 20px;
	float: left;
}
.video_list li:last-child {
	margin-right: 0;
}
.sp_img {
	width: 288px;
	height: 218px;
	border: 1px solid #dcdcdc;
	position: relative;
}
.sp_img img {
	width: 288px;
	height: 218px;
}
.tm {
	width: 288px;
	height: 218px;
	text-align: center;
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}
.sp_img:hover .tm {
	display: block;
	width: 288px;
	height: 218px;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(64, 67, 59, 0.3);
}
.tm img {
	width: 90px;
	height: 90px;
	margin-top: 65px;
}
.video_list li p {
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
}
.video_list li a p {
	color: #666;
}
/*******************视频详情*******************/
.video_box {
	width: 600px;
	height: 500px;
	margin: 150px auto 0;
}
.video_box video {
	background:#ccc;
	width: 600px;
	height: 500px;
}
/*******************关于三利*******************/
	
.video2 {
	width: 600px;
	height: 400px;
	margin: 50px auto 0;
}
.video2 embed {
	width: 600px;
	height: 400px;
}
/*******************总裁寄语*******************/
.p {
	margin-top: 50px;
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
/*******************联系我们*******************/
.contact_left {
	width: 210px;
	float: left;
}
.contact_left p {
	font-size: 14px;
	color: #666;
	margin-bottom: 25px;
}
.contact_right {
	float: right;
	width: 708px;
    height: 498px;
	border: 1px solid #d5debd;
}
/*******************招贤纳士列表*******************/
.careers_list li {
	padding-left: 40px;
	height: 48px;
	border: 1px solid #eee;
	border-radius: 5px;
	line-height: 50px;
	color: #333;
	margin-bottom: 15px;
}
.careers_list li:hover .fk {
	color: #fff;
}
.careers_list li:hover {
	background: #d01a21;
	color: #fff;
}
.careers_list .fk {
	color: #d01a21;
	vertical-align: 2px;
	display: inline-block;
	width: 30px;
}
/***********************8联系悬浮**************************/
.floating_ck {
	position: fixed;
	right: -10px;
	top: 30%;
	z-index:99999999999;
}
.floating_ck dl dd {
	position: relative;
	width: 58px;
	height: 58px;
	margin-top: -10px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.floating_ck dl dd:hover .floating_left {
	display: block;
}
.consult {
	background: rgba(178, 178, 178, 0.3) url(../img/tb_7.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_7.png*/ no-repeat;
}
.consult:hover {
	background: #d01a21 url(../img/tb_7.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_7.png*/ no-repeat;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.quote {
	background: rgba(178, 178, 178, 0.3) url(../img/tb_8.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_8.png*/ no-repeat;
}
.quote:hover {
	background: #d01a21 url(../img/tb_8.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_8.png*/ no-repeat;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.qrcord {
	background: rgba(178, 178, 178, 0.3) url(../img/tb_9.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_9.png*/ no-repeat;
}
.qrcord:hover {
	background: #d01a21 url(../img/tb_9.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_9.png*/ no-repeat;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.qq {
	background: rgba(178, 178, 178, 0.3) url(../img/tb_10.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_10.png*/ no-repeat;
}
.qq:hover {
	background: #d01a21 url(../img/tb_10.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_10.png*/ no-repeat;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.tal {
	background: rgba(178, 178, 178, 0.3) url(../img/tb_11.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_11.png*/ no-repeat;
}
.tal:hover {
	background: #d01a21 url(../img/tb_11.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_11.png*/ no-repeat;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.consult, .quote, .qrcord {
	background-position: 20px 20px;
}
.return {
	background: rgba(255, 76, 76, 0.3) url(../img/tb_12.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_12.png*/ no-repeat;
}
.return:hover {
	background: #d01a21 url(../img/tb_12.png)/*tpa=http://www.sanli.com/index_view/index/images/tb_12.png*/ no-repeat;
	background-repeat: no-repeat;
	background-position: center 45%;
}
.floating_ck dd span {
	color: #fff;
	display: block;
	padding-top: 54px;
}
.floating_left {
	position: absolute;
	left: -105px;
	top: 0px;
	border-radius: 60px;
	width: 160px;
	height: 60px;
	display: none;
	color: #fff;
	z-index: 9999;
}
.talys {
	background: #d01a21;
}
.floating_left p a {
	color: #fff;
}
.floating_left p {
	line-height: 60px;
	margin-left: 20px;
}
.floating_left p img {
	margin-right: 5px;
}
.floating_ewm {
	height: 60px;
	left: -150px;
	top: -40px;
	border-radius: 0;
}
.floating_ewm img {
	width: 145px;
	height: 145px;
}
/*********************会员__基本信息**************************/
.jbx{
	height:155px;}
.tx_scbox{
	float:left;
	width:160px;
	height:155px;
	border-right:1px dashed #cacaca;}
 .btn{
     width: 118px;
     height:28px;
     line-height: 30px;
     text-align: center;
	 border:1px solid #d22229;
     display: block;
     font-size: 14px;
	 color:#d22229;
     border-radius: 5px;
	 cursor:pointer;
}
.upload{
     float: left;
     position: relative;
	 margin-top:15px;
}
.upload_pic{
     display: block;
     width: 118px;
     height: 28px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     border-radius: 5px;
	 cursor:pointer;
	 z-index: 99999;
}
#cvs{
	margin:0 auto;
	background:url(../img/tx.png)/*tpa=http://www.sanli.com/index_view/index/images/tx.png*/ no-repeat;
	background-position:2px 0;


}
#cvs{
	width:110px;
	height:110px;}
#cvs img{
	width:110px;
	height:110px;
}
	.x_right{
		width:470px;
		height:155px;
		margin-left:45px;
		float:left;
		position:relative;}
		.x_right p{
		
			font-size:14px;
			color:#666;
			line-height:39px;
			}
			.gai{
				position:absolute;
				right:0;
				top:50px;
				display:block;
				width:118px;
				height:28px;
				border:1px solid #d2d2d2;
				color:#666;
				text-align:center;
				line-height:30px;
				border-radius:5px;}



/*********************会员__个人中心**************************/
.left {
	width: 299px;
	float: left;
	border-right: 1px solid #e7e7e7;
	height: 785px;
	background: #f7f7f7;
}
.tx {
	width: 100%;
	height: 244px;
	border-bottom: 1px solid #e3e3e3;
}
.tx_img {
	width: 108px;
	height: 108px;
	border-radius: 50%;
	margin: 55px auto 0;
}
.tx_img img{
	width: 108px;
	height: 108px;}
.tx p {
	text-align: center;
	font-size: 16px;
	color: #d3232a;
	margin-top: 20px;
}
.hy_list ul li {
	width: 100%;
	height: 69px;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	line-height: 70px;
	font-size: 16px;
	color: #808080;
}
.hy_list ul li a {
	display: block;
	width: 100%;
	color: #808080;
}
.hy_list ul li a:hover {
	border-left: 5px solid #d22229;
	background: #fff;
	width: 295px;
	border-bottom: 1px solid #e3e3e3;
	height: 69px;
}
.hy_list ul li:last-child {
	border-bottom: none;
}
.on_4 {
	height: 69px;
	border-left: 5px solid #d22229;
	background: #fff;
	width: 295px !important;
	border-bottom: 1px solid #e3e3e3;
}
.right {
	width: 855px;
	float: right;
}
.tit {
	font-size: 20px;
	color: #333;
	margin-top: 30px;
	margin-bottom: 35px;
}
.zhx,.jbx {
	width: 680px;
	margin-left: 45px;
}
.email {
	background: url(../img/email_img.png)/*tpa=http://www.sanli.com/index_view/index/images/email_img.png*/ left no-repeat;
	padding-left: 105px;
	background-position: 0 0;
}
.inp {
	line-height: 35px;
	margin-bottom: 30px;
}
.inp p {
	font-size: 16px;
	color: #444;
	text-align: right;
	width: 80px;
	float: left;
	margin-right: 30px;
	height:30px;
}
.inp .select{ width: 465px;}
.inp1 {
	width: 453px;
	padding-left: 10px;
	height: 33px;
	line-height:35px;
	border: 1px solid #e5e5e5;
}
.inp2 {
	margin-left: 8px;
	height: 33px;
	width: 313px;
	padding-left: 10px;
	border: 1px solid #e5e5e5;
	line-height:35px;
	
}
.sj {
	background: url(../img/sj_tb.png)/*tpa=http://www.sanli.com/index_view/index/images/sj_tb.png*/ left no-repeat;
	padding-left: 105px;
	background-position: 0 0;
}
.inp3 {
	height: 33px;
	width: 338px;
	padding-left: 10px;
	border: 1px solid #e5e5e5;
	line-height:35px;
}
.hq {
	border:0;
	display: block;
	color: #fff;
	background: #d22229;
	text-align: center;
	line-height: 35px;
	width: 108px;
	height: 35px;
	float: right;
	font-size: 14px;
	cursor: pointer;
	
}
.sub {
	width: 465px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background: #d22229;
	border: 0;
	font-size: 16px;
	margin-left: 215px;
	cursor: pointer;
}
/*************************在线订单************************/
.zxd {
	width: 575px;
	margin: 0 auto;/*	height:475px;
	border:1px solid #000;*/
}
.select {
	background: #fff url(../img/xl.png)/*tpa=http://www.sanli.com/index_view/index/images/xl.png*/ no-repeat;
	background-position: 430px 13px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.texta {
	width: 453px;
	padding-left: 10px;
	height: 138px;
	border: 1px solid #e5e5e5;
}
.but {
	width: 465px;
	border: 0;
	background: #d22229;
	color: #fff;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
/*************************我的订单************************/
.wd_box {
	width: 840px;
}
table {
	width: 100%;
	font-size: 14px;
}
.tab1 {
	border-collapse: collapse;
	border: 1px solid #ddd;
	text-align: center;
}
.tab1 tr {
	height: 39px;
	line-height: 40px;
	color: #111;
	background: #e7e7e7;
}
.tab1 td {
	border-right: 1px solid #ddd;
}
.tab1 td:last-child {
	border-right: 0;
}
.rideo {
	margin-left: 10px;
	width: 14px;
	height: 14px;
	margin-top: 5px;
}
.tab2 {
	border-collapse: collapse;
	margin-top: 12px;
}
.tab2 tr:first-child {
	
	height: 50px;
	border: 1px solid #eaf8ff;
}
.tab2 tr {
	height: 40px;
	border-bottom: 1px solid #eaf8ff;
	border-left: 1px solid #eaf8ff;
	border-right: 1px solid #eaf8ff;
}
.tab2 td {
	border-right: 1px solid #eaf8ff;
	vertical-align: middle;
	font-size: 14px;
}
.tab2 td:last-child {
	border-right: 0;
}
.ck, .delect {
	float: left;
	display: block;
	line-height: 30px;
	border-radius: 5px;
	margin-left:1px;
}
.ck {
	height: 30px;
	width: 85px;
	background: #fa6822;
	color: #fff;
}
.delect {
	width: 83px;
	height: 28px;
	border: 1px solid #fa6822;
	background: #fff;
	color: #fa6822;
}