@charset "gb2312";
* {
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
}
body {
	margin: 0px auto;
	padding: 0px;
	font-family:"΢ÈíÑźÚ";
	font-size:14px;
	color: #333;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active {
	color: #F00;
	text-decoration: underline;
}
ul, li, dl, dt, dd {
	list-style: none;
}
.top {
	width:1211px;
	margin:0px auto;
}
.top1 {
	width:1400px;
	margin:0px auto;
	overflow:hidden;
}
img {
	border: 0px;
	max-width:100%;
}
p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
#nav {
	width:675px;
	margin:0 auto;
	overflow:hidden;
	height:94px;
	line-height:94px;
	background:url(../images/hh_02.jpg);
}
#nav li {
	float:left;
	display:inline;
	width:95px;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family:"΢ÈíÑźÚ";
	font-weight:bold;
}
#nav li a {
	color:#fff;
	display:block;
}
#nav li a:hover {
	background:url(../images/navhover.jpg) left top no-repeat;
	color:#fff;
}
#nav li.hl a {
	background:url(../images/navhover.jpg) left top no-repeat;
}
#nav li span {
	padding-left:25px;
	padding-right:25px;
}
.header {
	width: 1400px;
	margin: 0px auto;
	background:url(../images/h_03.jpg) repeat-x #18477d;
	overflow:hidden;
}
.log {
	width: 380px;
	overflow: hidden;
	text-align:center;
	float: left;
}
.mmu {
	width: 1000px;
	overflow: hidden;
	float: left;
}
.tel2 {
	width:100%;
	height:88px;
	text-align:right;
	overflow:hidden;
}
#m {
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
#m li {
	float:left;
	width:160px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#m li a {
	display: block;
	margin: 0px;
	padding: 0px 35px;
	width: 120px;
	font-size:16px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
}
#m li a:hover {
}
.banner {
	width:1300px;
	height:408px;
	margin:0px auto;
}
.flexslider {
	position:relative;
	height:408px;
	overflow:hidden;
	background:url(images/loading.gif) 50% no-repeat;
	margin:0 auto;
}
.slides {
	position:relative;
	z-index:0;
}
.slides li {
	height:408px;
}
.slides li div {
	width:100%;
	height:408px;
}
.flex-control-nav {
	position:absolute;
	bottom:20px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li {
	display:inline-block;
	width:40px;
	height:4px;
	margin:0 5px;
*display:inline;
	zoom:1;
	line-height:4px;
	font-size:0;
}
.flex-control-nav a {
	display:inline-block;
	width:40px;
	height:4px;
	overflow:hidden;
	background:#fff;
	cursor:pointer;
}
.flex-control-nav .flex-active {
	background:#53351b;
	width:40px;
	height:4px;
}
.flex-direction-nav {
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a {
	display:block;
	width:70px;
	height:70px;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
}
.flex-direction-nav li a.flex-prev {
	left:40px;
	background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right:40px;
	background:url(images/next.png) center center no-repeat;
}
/*banner*/
.content {
	width:1300px;
	margin: 0px auto;
	overflow: hidden;
	background: #FFF;
}
.content .left {
	width:240px;
	float: left;
	overflow: hidden;
}
.content .right {
	width:1040px;
	float: right;
	overflow: hidden;
}
.content2 {
	width:1300px;
	margin: 0px auto;
	overflow: hidden;
	background: #FFF;
}
.content2 .left1 {
	width: 350px;
	float: left;
	overflow: hidden;
}
.content2 .left2 {
	width: 950px;
	float: left;
	overflow: hidden;
}
.protit {
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
.protit li {
	margin-top:10px;
	height:52px;
	line-height:52px;
	font-size:16px;
	text-indent:2em;
	background:url(../images/lll.jpg) repeat-x; border:1px solid #ddd;
}
.protit li a:hover {
	font-weight:100;
}
#bannerlist {
	position:absolute;
	top:0px;
	width:100%;
}
#bannerlist li {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#bannerlist li.current {
	display:block;
}
.bannertit {
	position:absolute;
	top:260px;
	left:50%;
	margin-left:-65px;
}
#bannerbtndw {
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:200px;
}
#bannerbtn {
}
#bannerbtn li {
	float:left;
	margin:2px 10px 2px 2px;
	width:10px;
	height:10px;
	border-radius:7px;
	cursor:pointer;
}
#bannerbtn li.current {
	margin:0 8px 0 0;
	background:none;
	border:2px
}
.c {
	padding-left:20px;
	line-height:200%;
	color:#535353;
}
.a4 {
	width:1300px;
	overflow:hidden;
	margin: 0px auto;
	padding-top:15px;
}
.chanpin2 {
	width:100%;
	overflow: hidden;
}
.chanpin2 li {
	width:320px;
	height: 280px;
	float: left;
}
.pic3 {
	border: 1px #cfcfcf solid;
	width: 300px;
	height: 240px;
	padding: 2px;
	background: #FFF;
}
.pic3 img {
	width: 300px;
	height: 240px;
}
.pic2 {
	border: 1px #cfcfcf solid;
	width: 300px;
	height: 240px;
	padding: 2px;
	background: #FFF;
}
.pic2 img {
	width: 300px;
	height: 240px;
}
.txt2 {
	text-align: center;
	line-height: 24px;
	height:24px;
}
.chanpin21 {
	width: 1211px;
	margin: 0px auto;
	overflow: hidden;
}
.chanpin21 li {
	width: 20%;
	height: 220px;
	float: left;
}
.pic21 {
	border: 1px #cfcfcf solid;
	width: 180px;
	height: 180px;
	padding: 2px;
	background: #FFF;
}
.txt21 {
	text-align: center;
	line-height: 30px;
	height:30px;
}
.footer {
	width:1300px;
	margin:0px auto;
	padding:20px 0px;
	overflow: hidden;
	text-align: center;
	line-height: 160%;
	background:#ddd;
	border-top:2px solid #666;
}
.ltit {
	background: url(../images/ch_09.jpg) left no-repeat;
	height: 35px;
	line-height: 35px;
	text-indent: 2em;
	font-size: 14px;
	font-weight: 700;
	font-family: ΢ÈíÑźÚ;
}
.ltit span {
	float: right;
}
.tit {
	background:url(../images/ab.jpg) repeat-x;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#000;
	font-weight:700;
}
.tita {
	background:#CCCCCC;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#000;
	font-weight:700;
	border-bottom:1px dashed #ffffff;
}
.rtit {
	background:url(../images/ch_09.jpg) repeat-x;
	line-height:43px;
	color:#000000;
	text-indent:1em;
}
.rtit a:link {
	color: #000000;
	text-decoration: none;
}
.rtit a:visited {
	text-decoration: none;
	color: #000000;
}
.rtit a:hover {
	text-decoration: none;
	color: #333;
}
.rtit a:active {
	text-decoration: none;
}
.itit {
	background:#0a2d8b;
	line-height:40px;
	color:#FFFFFF;
	text-indent:1em;
	font-size:16px;
	font-family:΢ÈíÑźÚ;
}
.itit div {
	float:right;
	width:122px;
	text-align:center;
	color:#FFFFFF;
	margin-right:20px;
	margin-top:5px;
}
.itit a:link {
	color: #fff;
	text-decoration: none;
}
.itit a:visited {
	text-decoration: none;
	color: #fff;
}
.itit a:hover {
	text-decoration: none;
	color: #fff;
}
.itit a:active {
	text-decoration: none;
}
.xinwen li {
	height: 25px;
	line-height: 25px;
	padding-left:30px;
}
.xinwen1 {
	margin: 0px auto;
	padding-left:8px;
	font-family:"΢ÈíÑźÚ";
	font-size:13px;
}
.xinwen2 {
	margin: 0px auto;
	text-indent:8em;
	height:46px;
	line-height:46px;
}
.cw {
	line-height: 24px;
	padding-left: 10px;
}
.xiao {
	text-indent: 2em;
	line-height: 200%;
}
.chanpin {
	width: 1000px;
	margin: 0px auto;
	overflow: hidden;
}
.xiangxi {
	width:200px;
	text-align: center;
}
.xiangxi a:link {
	color: #F00;
	text-decoration: none;
}
.xiangxi a:visited {
	text-decoration: none;
	color: #F00;
}
.xiangxi a:hover {
	text-decoration: none;
	color: #F00;
}
.xiangxi a:active {
	text-decoration: none;
}
#demo {
	width:1300px;
	margin:0 10px;
	overflow:hidden;
}
#indemo {
	float:left;
	width: 800%;
}
#demo1 {
	float:left;
}
#demo2 {
	float:left;
}
#demo ul li {
	width:320px;
	height:290px;
	float:left;
	margin:0px 5px 0 5px;
	display:block;
	text-align:center;
}
#demo ul li a {
	line-height:30px;
}
#demo ul li:hover {
	text-decoration:underline;
}
.ntit {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px dashed #CCC;
}
.kuang {
	border: 1px solid #ddd;
	height: 200px;
	background: #FFF;
}
.lb {
	border: 1px solid #C8C8C8;
	background-color: #ddd;
	overflow: hidden;
}
.liebiao li {
	background: url(../images/bg_14.jpg) repeat-x;
	line-height: 29px;
	text-indent: 2em;
	margin-bottom: 8px;
}
.title {
	text-align: center;
}
.info {
	background: #f2f2f2;
	border-bottom: 1px dashed #EAEAEA;
	text-align: center;
}
.intro {
	border: 1px #DDD solid;
	background: #f1f1f1;
	padding: 10px;
	margin-top: 10px;
}
.dede_pages {
}
.dede_pages ul {
	float: left;
	padding: 12px 0px 12px 16px;
}
.dede_pages ul li {
	float: left;
	font-family: Tahoma;
	line-height: 17px;
	margin-right: 6px;
	border: 1px solid #E9E9E9;
}
.dede_pages ul li a {
	float: left;
	padding: 2px 4px 2px;
	color: #555;
	display: block;
}
.dede_pages ul li a:hover {
	color: #690;
	text-decoration: none;
	padding: 2px 4px 2px;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color: #F8F8F8;
	padding: 2px 4px 2px;
	font-weight: bold;
}
.dede_pages .pageinfo {
	line-height: 21px;
	padding: 12px 10px 12px 16px;
	color: #999;
}
.dede_pages .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.e2 {
}
.e2 li {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 12px 0px;
	border-bottom: 1px solid #EEE;
	color: #aaa;
}
.e2 li b a {
	color: #555;
}
.e2 li a.preview {
	width: 84px;
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 10px;
	display: inline;
}
.e2 li a.preview img {
	width: 80px;
	/*height:60px;*/
	display: block;
	padding: 1px;
	border: 1px solid #EEE;
}
.e2 li a.preview:hover img {
	border: 1px solid #AAA;
}
.e2 li a.title {
	overflow: hidden;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 2px;
}
.e2 span.info {
	display: block;
	line-height: 23px;
	color: #555;
	padding-left: 12px;
}
.e2 span.info small {
	color: #AAA;
	font-size: 12px;
	margin-left: 3px;
}
.e2 span.info a {
	color: #690;
}
.e2 p.intro {
	color: #776955;
	line-height: 20px;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.listbox {
	width: 720px;
	overflow: hidden;
	float: left;
	clear: both;
	overflow: hidden;
}
.xw {
	width:96%;
	margin:0px auto;
	overflow:hidden;
}
.xw li {
	line-height:50px;
	border-bottom:1px solid #ddd;
	background: url(../images/artlist.png) no-repeat 10px 15px;
	padding-left:22px;
}
.xw li span {
	width:80px;
	float:right;
}
.f5 {
	width: 1000px;
	overflow: hidden;
	margin: 0px auto;
}
.f5 li {
	float: left;
	padding-right: 10px;
}
.footlinks {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	font-size: 9pt;
	line-height: 140%;
	color: #777;
	text-align: center;
}
.footlinks a:link, .footlinks a:visited {
	font-size: 9pt;
	line-height: 140%;
	color: #777;
}
.cpbg {
	background:url(../images/cpbg.jpg) top repeat-x;
	border:1px solid #ccc; margin-bottom:10px;
}
.cpbg td {
	line-height:35px;
}
 @media screen and (max-width: 1024px) {
 .header {
 width: 1000px;
 margin: 0px auto;
background:url(../images/h_03.jpg) repeat-x #18477d;
overflow:hidden;
}
.log {
width: 380px;
overflow: hidden;
text-align:center;
float: left;
}
.mmu {
width: 610px;
overflow: hidden;
float: left;
}
.tel2 {
width:100%;
height:88px;
text-align:right;
overflow:hidden;
}
 #m {
width:100%;
margin:0px auto;
overflow:hidden;
}
#m li {
float:left;
width:120px;
line-height:50px;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
}
#m li a {
display: block;
 margin: 0px;
 padding: 0px 10px;
 width: 120px;
font-size:16px;
 color: #ffffff;
 text-align: center;
 text-decoration: none
}
 #m li a:hover {
}
 .content {
 width: 1000px;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width: 221px;
 float: left;
 overflow: hidden;
}
.content .right {
 width: 750px;
 float: right;
 overflow: hidden;
}
 .content2 {
 width: 1000px;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content2 .left1 {
 width: 341px;
 float: left;
 overflow: hidden;
}
.content2 .left2 {
 width: 350px;
 float: left;
 overflow: hidden;
}
.content2 .right1 {
 width: 300px;
 float: right;
 overflow: hidden;
}
 .banner {
width:1000px;
height:300px;
margin:0px auto;
}
.flexslider {
position:relative;
height:300px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:300px;
}
.slides li div {
width:100%;
height:300px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}
.chanpin2 li {
 width:240px;
 height: 220px;
 float: left;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width:220px;
 height: 160px;
 padding: 2px;
 background: #FFF;
}
.pic3 img {
 width:220px;
 height: 160px;
}
.a4 {
width:1000px;
overflow:hidden;
margin: 0px auto;
}
 #demo {
width:1000px;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width: 800%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:250px;
height:290px;
float:left;
margin:0px 5px 0 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:250px;
 height: 180px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:250px;
 height: 180px;
}
 .footer {
width: 100%;
margin:0px auto;
padding:20px 0px;
 overflow: hidden;
 text-align: center;
 line-height: 160%;
background:#ddd;
border-top:2px solid #666;
}
}
 @media screen and (max-width: 768px) {
.tel2 {
width:100%;
height:1px;
text-align:right;
overflow:hidden;
}
.content {
 width:96%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width:100%;
 overflow: hidden;
}
.content .right {
 width:100%;
 overflow: hidden;
}
 .content2 {
 width:100%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content2 .left1 {
 width:100%;
 overflow: hidden;
}
.content2 .left2 {
 width:100%;
 overflow: hidden;
}
.content2 .right1 {
width:100%;
 overflow: hidden;
}
 .footer {
width:100%;
 margin:0px auto;
padding:20px 0px;
 overflow: hidden;
 text-align: center;
 line-height: 160%;
background:#ddd;
border-top:2px solid #666;
}
.protit {
width:90%;
margin:0px auto;
overflow:hidden;
}
.protit li {
margin-top:6px;
height:57px;
line-height:57px;
font-size:16px;
text-indent:2em;
background:url(../images/lll.jpg) no-repeat;
}
.protit li a:hover {
font-weight:100;
}
 .banner {
width:755px;
height:300px;
margin:0px auto;
}
.flexslider {
position:relative;
height:300px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:300px;
}
.slides li div {
width:100%;
height:300px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}
 .header {
 width: 100%;
 margin: 0px auto;
background:url(../images/h_03.jpg) repeat-x #18477d;
overflow:hidden;
}
.log {
 width: 100%;
 overflow: hidden;
}
 .mmu {
 width: 100%;
 overflow: hidden;
background:#0f3a88;
padding-top:0px;
}
 #m {
width:100%;
margin:0px auto;
overflow:hidden;
}
#m li {
float:left;
width:32%;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
}
 #m li a {
display: block;
 margin: 0px;
 padding: 0px 10px;
 width: 120px;
font-size:16px;
 color: #ffffff;
 text-align: center;
 text-decoration: none
}
 #m li a:hover {
}
 .chanpin2 li {
 width:320px;
 height: 280px;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width: 300px;
 height: 240px;
 padding: 2px;
 background: #FFF;
margin:0px auto;
}
.pic3 img {
 width: 300px;
 height: 240px;
}
 .a4 {
width:100%;
margin:0px auto;
overflow:hidden;
}
 #demo {
width:96%;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width:100%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:220px;
height:200px;
float:left;
margin:0px 5px 0 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:220px;
 height: 150px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:220px;
 height: 150px;
}
}
 @media screen and (max-width: 667px) {
.tel2 {
width:100%;
height:1px;
text-align:right;
overflow:hidden;
}
 .content {
 width:96%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width:100%;
 overflow: hidden;
}
.content .right {
 width:100%;
}
 .banner {
width:650px;
height:200px;
margin:0px auto;
}
.flexslider {
position:relative;
height:200px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:200px;
}
.slides li div {
width:100%;
height:200px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}
.chanpin2 li {
 width:300px;
 height: 220px;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width:280px;
 height: 180px;
 padding: 2px;
margin:0px auto;
 background: #FFF;
margin:0px auto
}
.pic3 img {
 width:280px;
 height: 180px;
}
 #demo {
width:96%;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width:100%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:190px;
height:200px;
float:left;
margin:0px 5px 0px 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:190px;
height:150px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:190px;
height:150px;
}
/*banner*/

 }
 @media screen and (max-width: 568px) {
 .tel2 {
width:100%;
height:1px;
text-align:right;
overflow:hidden;
}
 .content {
 width:96%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width:100%;
 overflow: hidden;
}
.content .right {
 width:100%;
}
 .banner {
width:550px;
height:200px;
margin:0px auto;
}
.flexslider {
position:relative;
height:200px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:200px;
}
.slides li div {
width:100%;
height:200px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}
.chanpin2 li {
 width:250px;
 height: 220px;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width:240px;
 height: 160px;
 padding: 2px;
margin:0px auto;
 background: #FFF;
margin:0px auto
}
.pic3 img {
 width:240px;
 height: 160px;
}
 #demo {
width:96%;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width:100%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:190px;
height:200px;
float:left;
margin:0px 5px 0px 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:190px;
height:150px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:190px;
height:150px;
}
/*banner*/

 }
 @media screen and (max-width: 414px) {
.tel2 {
width:100%;
height:1px;
text-align:right;
overflow:hidden;
}
 .content {
 width:96%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width:100%;
 overflow: hidden;
}
.content .right {
 width:100%;
}
 .banner {
width:400px;
height:130px;
margin:0px auto;
}
.flexslider {
position:relative;
height:130px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:130px;
}
.slides li div {
width:100%;
height:130px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}
.chanpin2 li {
 width:340px;
 height: 280px;
 float: left;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width: 300px;
 height: 240px;
 padding: 2px;
 background: #FFF;
}
.pic3 img {
 width: 300px;
 height: 240px;
}
 #demo {
width:96%;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width:100%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:180px;
height:150px;
float:left;
margin:0px 5px 0px 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:180px;
height:120px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:180px;
height:120px;
}
/*banner*/

 }
 @media screen and (max-width: 375px) {
.tel2 {
width:100%;
height:1px;
text-align:right;
overflow:hidden;
}
 .content {
 width:96%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width:100%;
 overflow: hidden;
}
.content .right {
 width:100%;
}
 .banner {
width:360px;
height:130px;
margin:0px auto;
}
.flexslider {
position:relative;
height:130px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:130px;
}
.slides li div {
width:100%;
height:130px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}
 .chanpin2 li {
 width:280px;
 height: 220px;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width:260px;
 height: 180px;
margin:0px auto;
 padding: 2px;
 background: #FFF;
}
.pic3 img {
 width:260px;
 height: 180px;
}
 #demo {
width:96%;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width:100%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:150px;
height:150px;
float:left;
margin:0px 5px 0px 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:150px;
height:120px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:150px;
height:120px;
}
/*banner*/

 }
 @media screen and (max-width: 320px) {
 .tel2 {
width:100%;
height:1px;
text-align:right;
overflow:hidden;
}
 .content {
 width:96%;
 margin: 0px auto;
 overflow: hidden;
 background: #FFF;
}
 .content .left {
 width:100%;
 overflow: hidden;
}
.content .right {
 width:100%;
}
 .banner {
width:300px;
height:100px;
margin:0px auto;
}
.flexslider {
position:relative;
height:100px;
overflow:hidden;
background:url(images/loading.gif) 50% no-repeat;
margin:0 auto;
}
.slides {
position:relative;
z-index:0;
}
.slides li {
height:100px;
}
.slides li div {
width:100%;
height:100px;
}
.flex-control-nav {
position:absolute;
bottom:20px;
z-index:2;
width:100%;
text-align:center;
}
.flex-control-nav li {
display:inline-block;
width:40px;
height:4px;
margin:0 5px;
*display:inline;
zoom:1;
line-height:4px;
font-size:0;
}
.flex-control-nav a {
display:inline-block;
width:40px;
height:4px;
overflow:hidden;
background:#fff;
cursor:pointer;
}
.flex-control-nav .flex-active {
background:#53351b;
width:40px;
height:4px;
}
 .flex-direction-nav {
position:absolute;
z-index:3;
width:100%;
top:45%;
}
.flex-direction-nav li a {
display:block;
width:70px;
height:70px;
overflow:hidden;
cursor:pointer;
position:absolute;
}
.flex-direction-nav li a.flex-prev {
left:40px;
background:url(images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right:40px;
background:url(images/next.png) center center no-repeat;
}

/*banner*/
#demo {
width:96%;
margin:0 10px;
overflow:hidden;
}
#indemo {
float:left;
width:100%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}
#demo ul li {
width:260px;
height:240px;
float:left;
margin:0px 5px 0 5px;
display:block;
text-align:center;
}
#demo ul li a {
line-height:30px;
}
#demo ul li:hover {
text-decoration:underline;
}
 .pic2 {
 border: 1px #cfcfcf solid;
 width:260px;
 height: 200px;
 padding: 0px;
 background: #FFF;
}
.pic2 img {
width:260px;
 height: 200px;
}
 .chanpin2 li {
 width:280px;
 height: 220px;
}
 .pic3 {
 border: 1px #cfcfcf solid;
 width:260px;
 height: 180px;
 padding: 2px;
 background: #FFF;
}
.pic3 img {
 width:260px;
 height: 180px;
}
}