@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	outline: none;
}
img {
	border: none;
}
ul {
	-webkit-padding-start: 0;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
	　outline:none;
blr:expression(this.onFocus=this.blur());
}
body {
	font-family: "Microsoft Yahei";
	font-size: 16px;
	color: #666666;
}
.container {
	max-width: 100%;
}
#demo-3 div {
	height: 100%!important;
}
#nav {
	width: 90%;
	background: #fff;
	height: 90px;
	padding: 0 5%;
}
#nav .logo {
	float: left;
	display: block;
	width: 148px;
	height: 58px;
	margin-top: 16px;
}
#nav .n_rt {
	float: right;
	width: 80%;
	height: 90px;
}
#nav .n_box {
	width: 70%;
	float: left;
}
#nav .n_box li {
	float: left;
	width: 12%;
	text-align: center;
}
#nav .n_box li a {
	display: block;
	line-height: 90px;
	color: #666666;
}
#nav .n_right {
	float: right;
	line-height: 90px;
	width: 30%;
}
#nav .n_box li:hover a {
	color: #d01a21;
}
#nav .n_box .on a {
	color: #d01a21;
}
.subnav {
	width: 600px !important;
	background: #fff;
	border-radius: 0 0 10px 10px;
	display: none;
	margin-left: -80px;
	position: relative;
	z-index: 10000;
	height: 300px !important;
	border: 1px solid #dcdcdc;
	border-top: 0;
}
.n_box li:hover .subnav {
	display: block;
}
.subnav .subleft {
	float: left;
	width: 215px !important;
	font-size: 14px;
	color: #333;
	margin: 20px 20px;
}
.subnav .subleft ul {
	border-top: #BFBFBF 1px dotted;
	width: 215px;
}
.subnav .subleft ul li {
	font-size: 14px !important;
	line-height: 45px !important;
	width: 215px !important;
	border-bottom: #BFBFBF 1px dotted;
	text-align: left !important;
	height: 42px !important;
}
.subnav .subleft ul li a {
	color: #666 !important;
	line-height: 45px !important;
	width: 175px !important;
	padding-left: 45px !important;
	display: block;
}
.subnav .subleft ul li a:hover {
	color: #0058AC;
	background: url(../img/libg.png) left no-repeat;
	background-position: 20px 15px;
}
.subnav .subright {
	float: left;
	font-size: 14px;
	color: #666;
	line-height: 22px;
	width: 300px;
	text-align: justify;
	margin: 10px 0 0 25px;
}
.subnav .subright .im {
	width: 300px;
	height: 175px;
	overflow: hidden;
}
.subnav .subright .im img {
	max-width: 300px;
}
#nav .n_right a {
	color: #666666;
	font-size: 12px;
	margin-right: 5px;
	margin-left: 5px;
}
#nav .n_right a:last-child {
	margin-right: 0;
}
#F_bm {
	height: 50px;
	background: #000000;
}
#F_bm .F_box {
	width: 65%;
	margin: 0 auto;
}
#F_bm .banquan {
	float: left;
	font-size: 14px;
	color: #666666;
	line-height: 50px;
	margin-left:17%;
}
.banquan a{color: #666666;}
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}
.white_content {
	display: none;
	position: fixed;
	top: 10%;
	left: 35%;
	width: 30%;
	background-color: white;
	z-index: 1002;
/*	overflow:auto;*/
	border-radius: 5px;
}
.white_content_small {
	display: none;
	position: absolute;
	top: 20%;
	left: 30%;
	width: 40%;
	height: 50%;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}
.M_box {
	padding: 35px;
}
.M_box p {
	margin-bottom: 30px;
}
.M_box p input {
	width: 90%;
	height: 50px;
	margin-right: 10px;
	border: 1px solid #e7e7e7;
	padding-left: 10%;
	border-radius: 5px;
	line-height:50px;
}
.M_box p .Btn {
	width: 100%;
	background: #faa600;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 0;
	border: 0;
}
.M_box .chek input {
	width: auto;
	height: auto;
	float: left;
	margin-top: 4px;
}
.M_box .chek {
	font-size: 14px;
	width: 100%;
	margin-bottom: 20px;
}
.M_box .chek font {
	float: left;
}
.M_box .chek a {
	float: right;
	color: #ff5c00;
}
.M_box .dl {
	border-top: 1px solid #e5e5e5;
	padding-top: 25px;
	width: 100%;
	clear: both
}
.M_box p .d {
	border: 1px solid #ca221e;
}
.M_box p .a {
	border: 1px solid #ca221e;
}
.M_box .dl img {
	width: 100%;
}
.Title {
	width: 100%!important;
	padding: 4% 0 4% 4%;
	position: absolute;
	bottom: 0;
	left: 0!important;
	background: url(../img/bg_png.png)/*tpa=http://www.sanli.com/index_view/index/images/bg_png.png*/ left center repeat-x;
}
.Title h3 {
	font-size: 36px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 20px;
}
.Title a {
	display: block;
	width: 110px;
	height: 40px;
	border: 1px solid #959595;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
}
.Title p {
	font-size: 18px;
	color: #333333;
}
#demo-3 div:hover .Title {
	display: block!important;
}
.Bg {
	height: 100%;
}
.B_bg {
	background: url(../img/B_bg.png)/*tpa=http://www.sanli.com/index_view/index/images/B_bg.png*/ center center repeat-x;
	height: 100%;
	display: none;
}
.bg_cont {
	width: 500px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	text-align: left;
	padding-top: 15%;
}
.bg_cont h3 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px;
}
.bg_cont p {
	font-size: 18px;
	line-height: 30px;
}
/*.fold_wrap{width:100%;height:100%;overflow:hidden;}
.fold_wrap li{float:left;height:100%;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative;padding:30px 0 0 0;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:150px; padding:100px 4% 40px 4%; position:absolute;left:0; bottom:-290px; color:#FFF; overflow:hidden; z-index:99999;background:url(../images/bg_png.png) no-repeat center 0; background-size:100% 100%;transition:all 1s ease;
	-webkit-transition:all 1s ease; }
.fold_wrap li:hover .adv_intro{ bottom:0}
.fold_wrap li .adv_intro h3{ font-size:36px; color:#333333; margin-bottom:20px; font-weight:normal;}
.fold_wrap li .adv_intro p{ font-size:18px; color:#333333; margin-bottom:20px;}
.fold_wrap li .adv_intro a{ font-size:14px; color:#333333; display:block; width:110px; text-align:center; height:40px; line-height:40px; border:1px solid #959595; float:right;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.2s linear 0.2s; -webkit-transition:bottom 0.2s linear 0.2s;}
.pic_auto{width:100%;height:100%;}*/
/*.pic_auto1{background:url(../images/a1.jpg) no-repeat center 0; background-size:100% 100%; }*/
/*.pic_auto2{background:url(../images/a2.jpg) no-repeat center 0;background-size:100% 100%; }*/
/*.pic_auto3{background:url(../images/a3.jpg) no-repeat center 0;background-size:100% 100%; }*/
/*.pic_auto4{background:url(../images/a4.jpg) no-repeat center 0;background-size:100% 100%; }*/
/*.pic_auto5{background:url(../images/a5.jpg) no-repeat center 0;background-size:100% 100%; }*/









/*#slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height: 100%;
}
#slider .slide {
	Z-INDEX: 10;
	POSITION: absolute;
	WIDTH: 70%;
	BACKGROUND: #000;
	HEIGHT: 801px;
	OVERFLOW: hidden;
	CURSOR: default;
	LEFT: 22px;
	text-align: left;
	border: 5px solid #070002;
	cursor: pointer;
}
#slider .title {
	COLOR: #f80;
	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
	MARGIN-RIGHT: 1.5em;
	TEXT-DECORATION: none
}
#slider .tet {
	POSITION: absolute;
	width: 100%;
	COLOR: #333;
	TOP: 100%;
	LEFT: 0;
	height: 36%;
	background: url(../img/bg_png.png);
	background-size: 100%;
}
#slider .diapo {
	POSITION: absolute;
	FILTER: alpha(opacity=100);
	VISIBILITY: visible;
	opacity: 1;
	width: 100%;
	height: 100%;
}
#apDiv1 {
	Z-INDEX: 1;
	POSITION: absolute;
	WIDTH: 990px;
	HEIGHT: 30px;
	OVERFLOW: hidden;
	TOP: 0px;
	LEFT: 0px
}
#apDiv2 {
	Z-INDEX: 3;
	POSITION: absolute;
	WIDTH: 970px;
	HEIGHT: 35px;
	OVERFLOW: hidden;
	LEFT: -429px
}
.pagenext {
	POSITION: relative;
	WIDTH: 930px;
	HEIGHT: 37px
}
#slider A.pn:link {
	Z-INDEX: 4;
	POSITION: absolute;
	WIDTH: 47px;
	FONT: 12px "宋体";
	COLOR: #666;
	TOP: 15px;
	RIGHT: 33px;
	TEXT-DECORATION: none
}
#slider A.pn:visited {
	Z-INDEX: 4;
	POSITION: absolute;
	WIDTH: 47px;
	FONT: 12px "宋体";
	COLOR: #666;
	TOP: 15px;
	RIGHT: 33px;
	TEXT-DECORATION: none
}
#slider A.pn:hover {
	COLOR: #fff
}
#slider A.pn:active {
	COLOR: #fff
}
.cpjs {
	width: 100%;
	position: absolute;
	left:2%;
	top: 0;
}
.cpjs h1 {
	font-size: 36px;
	color: #333;
}
.cpjs p {
	font-size: 18px;
	color: #333;

}
.more {
	display: block;
	width: 108px;
	height: 38px;
	border: 1px solid #333;
	border-radius: 5px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 14px;
	position: absolute;
	left: 60%;
	bottom:-20%;
}
*/
#center {
    Z-INDEX: 2;
    POSITION: absolute;
    TOP: 20%;
    LEFT: 45%;
}
#slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height: 100%;
}
#slider .slide {
	Z-INDEX: 10;
	POSITION: absolute;
	WIDTH: 70%;
	BACKGROUND: #000;
	HEIGHT: 801px;
	OVERFLOW: hidden;
	CURSOR: default;
	LEFT: 22px;
	text-align: left;
	border: 5px solid #070002;
	cursor: pointer;
}
#slider .title {
	COLOR: #f80;
	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
	MARGIN-RIGHT: 1.5em;
	TEXT-DECORATION: none
}
#slider .tet {
	POSITION: absolute; WIDTH: 100%;   COLOR: #fff;  
		background: url(../img/bg_png.png)/*tpa=http://www.sanli.com/index_view/index/images/bg_png.png*/;
		height:17%;
	background-size: 100%;
	
	
	
	}
#slider .diapo {
	POSITION: absolute;
	FILTER: alpha(opacity=100);
	VISIBILITY: visible;
	opacity: 1;
	width: 100%;
	height: 100%;
}
#apDiv1 {
	Z-INDEX: 1;
	POSITION: absolute;
	WIDTH: 990px;
	HEIGHT: 30px;
	OVERFLOW: hidden;
	TOP: 0px;
	LEFT: 0px
}
#apDiv2 {
	Z-INDEX: 3;
	POSITION: absolute;
	WIDTH: 970px;
	HEIGHT: 35px;
	OVERFLOW: hidden;
	LEFT: -429px
}
.pagenext {
	POSITION: relative;
	WIDTH: 930px;
	HEIGHT: 37px
}
#slider A.pn:link {
	Z-INDEX: 4;
	POSITION: absolute;
	WIDTH: 47px;
	FONT: 12px "宋体";
	COLOR: #666;
	TOP: 15px;
	RIGHT: 33px;
	TEXT-DECORATION: none
}
#slider A.pn:visited {
	Z-INDEX: 4;
	POSITION: absolute;
	WIDTH: 47px;
	FONT: 12px "宋体";
	COLOR: #666;
	TOP: 15px;
	RIGHT: 33px;
	TEXT-DECORATION: none
}
#slider A.pn:hover {
	COLOR: #fff
}
#slider A.pn:active {
	COLOR: #fff
}
.cpjs {
	width: 100%;
	position: absolute;
	left:2%;
	top: 0;
}
.cpjs h1 {
	font-size: 36px;
	color: #333;
}
.cpjs p {
	font-size: 18px;
	color: #333;

}
.more {
	display: block;
	width: 108px;
	height: 38px;
	border: 1px solid #333;
	border-radius: 5px;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 14px;
	position: absolute;
	left: 60%;
	bottom:-20%;
}


/*@media screen and (max-width:1240px) {
	#cpcontent{
		position: relative !important;
height: 1200px !important;
		
		}
   #slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height:47%;
}
#slider .slide {
    Z-INDEX: 10;
    POSITION: absolute;
    WIDTH: 70%;
    BACKGROUND: #000;
    HEIGHT: 561px;
    OVERFLOW: hidden;
    CURSOR: default;
    LEFT: 22px;
    text-align: left;
    border: 5px solid #070002;
    cursor: pointer;
}


}










@media screen and (max-width:1200px) {
	#cpcontent{
		position: relative !important;
height: 1200px !important;
		
		}
   #slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height:47%;
}
#slider .slide {
    Z-INDEX: 10;
    POSITION: absolute;
    WIDTH: 70%;
    BACKGROUND: #000;
    HEIGHT: 561px;
    OVERFLOW: hidden;
    CURSOR: default;
    LEFT: 22px;
    text-align: left;
    border: 5px solid #070002;
    cursor: pointer;
}


}
@media screen and (max-width:800px) {
	#cpcontent{
		position: relative !important;
height: 695px !important;
		
		}
   #slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height:100%;
}
#slider .tet {
	POSITION: absolute;
	width: 100%;
	COLOR: #333;
	TOP: 100%;
	LEFT: 0;
	height: 100%;
	background: url(../img/bg_png.png);
	background-size: 100%;
}
#slider .slide {
    Z-INDEX: 10;
    POSITION: absolute;
    WIDTH: 70%;
    BACKGROUND: #000;
    HEIGHT: 686px;
    OVERFLOW: hidden;
    CURSOR: default;
    LEFT: 22px;
    text-align: left;
    border: 5px solid #070002;
    cursor: pointer;
}

}



@media screen and (max-width:900px) {
	#cpcontent{
		position: relative !important;
height: 676px !important;
		
		}
   #slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height:100%;
}
#slider .tet {
	POSITION: absolute;
	width: 100%;
	COLOR: #333;
	TOP: 100%;
	LEFT: 0;
	height: 100%;
	background: url(../img/bg_png.png);
	background-size: 100%;
}
#slider .slide {
    Z-INDEX: 10;
    POSITION: absolute;
    WIDTH: 70%;
    BACKGROUND: #000;
    HEIGHT: 666px;
    OVERFLOW: hidden;
    CURSOR: default;
    LEFT: 22px;
    text-align: left;
    border: 5px solid #070002;
    cursor: pointer;
}

}





@media screen and (max-width:500px) {
	#cpcontent{
		position: relative !important;
height: 676px !important;
		
		}
   #slider {
	Z-INDEX: 1;
	border: 5px solid #070002;
	WIDTH: 100%;
	height:63%;
}
#slider .tet {
	POSITION: absolute;
	width: 100%;
	COLOR: #333;
	TOP: 100%;
	LEFT: 0;
	height: 100%;
	background: url(../img/bg_png.png);
	background-size: 100%;
}
#slider .slide {
    Z-INDEX: 10;
    POSITION: absolute;
    WIDTH: 70%;
    BACKGROUND: #000;
    HEIGHT: 328px;
    OVERFLOW: hidden;
    CURSOR: default;
    LEFT: 22px;
    text-align: left;
    border: 5px solid #070002;
    cursor: pointer;
}

}

*/


/*定义文字样式*/
#slider A {
	FONT-SIZE: 12px;
	COLOR: #000;
}
#slider A:link {
	COLOR: #fff;
	TEXT-DECORATION: none;
}
#slider A:visited {
	COLOR: #fff;
	TEXT-DECORATION: none;
}
#slider A:hover {
	COLOR: #fff;
	TEXT-DECORATION: underline;
}
#slider A:active {
	COLOR: #fff;
	TEXT-DECORATION: none;
}
a .slide{
	text-decoration:none;}


/*#center {
	Z-INDEX: 2; POSITION: absolute; TOP: 20%; LEFT: 45%; height:100%
}
#slider {
	Z-INDEX: 1;
POSITION: absolute;
WIDTH: 1920px;
HEIGHT: 798px;
OVERFLOW: hidden;
TOP: -183px;
LEFT: -864px;
BORDER: #070002 5px solid;
}
#slider .slide {
	Z-INDEX: 10; POSITION: absolute; BORDER-LEFT: #070002 5px solid; width:70%; BACKGROUND: #000; height:100%; OVERFLOW: hidden; TOP:43px; CURSOR: default; LEFT: 22px;text-align:left; top:0;cursor:pointer;
}
.slide img{
	width:100%;
	height:100%;}
#slider .title {
	COLOR: #f80;  FONT-WEIGHT: bold; MARGIN-RIGHT: 1.5em; TEXT-DECORATION: none
}
#slider .tet {
	background:url(../img/bg_png.png) no-repeat;
	height:300px;
	background-size:100%;
	POSITION: absolute;
	  width:100%; 
	  
	   COLOR: #000;  TOP: 100%; LEFT:0;
	
}
.cpjs{
	width:100%;
	position:absolute;
	left:50px;
	top:50px;
	}
	.cpjs h1{
		font-size:36px;
		color:#333;}
		.cpjs p{
			font-size:18px;
			color:#333;
			margin-top:25px;
}
.more{
	display:block;
	width:108px;
	height:38px;
	border:1px solid #333;
	border-radius:5px;
	line-height:40px;
	text-align:center;
	color:#333;
	font-size:14px;
	position:absolute;
	left:70%;
}
#slider .diapo {
	POSITION: absolute; FILTER: alpha(opacity=100); VISIBILITY: visible; opacity: 1
}
#apDiv1 {
	Z-INDEX: 1; POSITION: absolute; BACKGROUND-COLOR: #000000; WIDTH: 990px; HEIGHT: 30px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
#apDiv2 {
	Z-INDEX: 3; POSITION: absolute; WIDTH: 970px; HEIGHT: 35px; OVERFLOW: hidden; TOP: 216px; LEFT: -429px
}

*/