@charset "utf-8";
/* CSS Document */
/*====������ʽ=====*/
body,div,ul,li,ol,dl,dd,dt,span,a,i,em,strong,ins,h1,h2,h3,h4,h5,h6,p,input,button,img,textarea,label{margin: 0;padding: 0;}
body{font-family: '΢���ź�','MicroSoft YaHei';font-size: 12px;min-width: 1375px;}
ul,dl,ol{list-style: none;}
i,em{font-style: normal;}
a,textarea,ins{text-decoration: none;}
a:focus{outline: none;}
a:hover{text-decoration: none;}
input:focus{outline: none;}
img{border: none;vertical-align: top;}
.wrapper{width: 1375px;margin: 0 auto;}
.wrapper:after,.clearfix:after{
	display: block;
	content: '';
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {*zoom:1;}/*IE/7/6*/
/*====����====*/
body{background: url(../image/bg.jpg) no-repeat center 0;}
.bg{background: url(../image/bg2.jpg) no-repeat center 0;}
/*======ͷ��====*/
.header{height: 260px;}
.header .logobar{height: 169px;}
.header .logo{float: left;margin-top: 25px;}
.header .tel{float: right;width: 196px;height: 53px;margin-top: 48px;padding-left: 40px;background: url(../image/tel-bg.jpg) no-repeat 0 center;}
.header .tel p{color: #59187d;line-height: 12px;}
.header .tel .p2{font-size: 26px;line-height: 26px;}
.header .tel .p3{color: #777777;}
.header .search{clear: right;float: right;margin-top: 32px;position: relative;}
.header .search .text{width: 166px;height: 14px;padding: 7px 50px 7px 20px;border-radius: 20px;border: 1px solid #59187d;background: #59187d;color: #fff;}
.header .search .text::-webkit-input-placeholder{
	color: #fff;
}
.header .search .text:-moz-placeholder{
	color: #fff;
}
.header .search .text::-moz-placeholder{
	color: #fff;
}
.header .search .text::-ms-input-placeholder{
	color: #fff;
}
.header .search .submit{width: 30px;height: 30px;position: absolute;top: 0;right: 10px;cursor: pointer;border: none;background: url(../image/search.jpg) no-repeat center;
outline: none;}
.nav{padding-top: 5px;}
.nav a{margin-left: 15px;}
.nav .no{margin-left: 0;}

.right .content img{
	margin-bottom: 5px;
}

/*=======ҳ������========*/
.main{min-height: 648px;}
.main .product{width: 234px;height: 253px;position: absolute;right: 60px;bottom: -60px;}
.main .product span{display: block;width: 26px;height: 26px;position: absolute;cursor: pointer;}
.main .product .btn-l{left: -60px;top: 140px;;background: url(../image/btn.png) no-repeat 0 0;}
.main .product .btn-r{right: -60px;top: 140px;background: url(../image/btn.png) no-repeat -40px 0}
.main .product .title{width: 234px;height: 64px;}
.main .product .content{width: 234px;height: 189px;overflow: hidden;position: relative;}
.main .product .content ul{width: 1000px;position: absolute;left: 0;top: 0;}
.main .product .content ul li{float: left;width: 234px;height: 189px;}
.footer{width: 100%;height: 92px;background: #59187d;}
.footer .copy{color: #777777;padding-top: 26px;}
.footer .copy p{padding-bottom: 5px;}
.footer .copy a{color: #777777;padding: 6px;}
.footer .copy a:hover{text-decoration: underline;}

/*======��Ŀ����====*/
.column{background: #f4f5f7;padding: 10px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.column .left{float: left;width: 1040px;}
.column  span{float: left;width: 176px;height: 40px;margin: 6px 0;background: url(../image/icon01.png) no-repeat 0 0;font-size: 14px;color: #fff;padding-left: 46px;line-height: 36px;}
.column  a{float: left;height: 38px;border: 1px solid #dfe1e4;border-radius: 25px;margin: 6px 0;padding: 0 25px 0 35px;line-height: 38px;color: #000000;background: url(../image/icon02.png)  no-repeat 15px center #dfe1e4;}
.column a:hover{color: #fff;}
.column .left a{margin-left: 15px;}
.column .right{float: right;}
.column .right a{background: url(../image/icon03.png) no-repeat 15px center #dfe1e4;}
.column-bg{height: 4px;background: url(../image/icon04.jpg) repeat-x;overflow: hidden;}

/*======ͼƬ�б�=====*/
.pic-list{padding: 20px 0;}
.pic-list ul li{width: 290px;height: 290px;margin: 24px;float: left;position: relative;}
.pic-list ul li:hover .note{display: block;}
.pic-list .note{width: 242px;height: 44px;padding: 10px 24px;position: absolute;left: 0;bottom: 0;background: #79409f;opacity: 0.7;filter:alpha(opacity='70');}
.pic-list .note a{color: #fff;display: block;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pic-list .note a:hover{text-decoration: underline;}
.pic-list .note i{color: #9a9a98;display: block;text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

/*======�����б�======*/
.list{padding: 36px 0;}
.list ul li{width: 285px;padding: 10px 26px 5px 26px;float: left;}
.list ul li .pic{display: block;width: 285px;height: 184px;}
.list .note{padding: 10px 5px;}
.list .note a{display: block;color: #982bd6;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list .note span{display: block;padding: 0 0 15px 25px;background: url(../image/icon05.jpg) no-repeat -2px 0;color: #acafb6;}
.list .note p{color: #abaeb5;line-height: 22px;padding: 10px 0;border-top: 1px solid #e5e5e5;}

/*======����ҳ====*/
.details{padding: 28px 0;}
.details .left{width: 218px;float: left;}
.details .left h3{font-size: 16px;color: #8832c9;font-weight: normal;}
.details .left .title{font-size: 14px;color: #8f8f8f;}
.details .left .title p{background: #eeeeee;float: left;margin-right: 1px;width: 70px;height: 28px;text-align: center;line-height: 28px;cursor: pointer;}
.details .left .title .on{background: #5d1f84;color: #fff;}
.details .left .content{width: 218px;padding-top: 20px;overflow: hidden;}
.details .left .content ul{width: 218px;height: 280px;}
.details .left .content ul li{padding: 10px 0;border-top: 1px dashed #cccccc;}
.details .left .content ul .no{border: none;}
.details .left .content ul li a{color: #8f8f8f;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

.details .right{float: right;width: 1130px;}
.details .right h3{font-size: 18px;color: #8832c9;display: block;font-weight: normal;}
.details .right .note{display: block;padding: 5px 0 15px 25px;border-bottom: 2px solid #f3f4f8;background: url(../image/icon05.jpg) no-repeat -2px 5px;color: #acafb6;}
.details .right .summary{padding: 18px;background: #f3f4f8;color: #858585;border-top: 1px solid #fff;}
.details .right .summary strong{color: #000;}
.details .content{padding: 15px;font-size: 14px;color: #575757;line-height: 20px;}
.right .content{
	min-height: 300px;
}
.next{height: 32px;background: #f3f4f8;padding: 15px;}
.next-page{color: #000002;float: left;}
.share{float: right;}

/*====��ϵ��ʽ====*/
.details .left .contact{margin-top: 28px;}
.details .left .contact span{font-size: 16px;color: #8832c9}
.details .left .contact p{color: #8f8f8f;line-height: 25px;font-size: 13px;}
.details .left .contact p:nth-child(3){
	margin-top: 7px;
}
.searchList{
	display: none;
}
.ss_foot_foot_box{
	margin-top:100px;
}
.sswjg img{
	display: block;
	margin:0 auto;
}
.sswjg p{
	text-align: center;
	font-size: 16px;
}