/* 公共样式表css */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 14px;text-decoration: none;
}

A{TEXT-DECORATION: none;}
A:link {color: #666666; outline:none;}
A:visited {color: #666666}
A:active {color: #666666}
A:hover{COLOR:#009d8e}
body {color: #666;font-family: 'Microsoft Yahei', 'PingFangSC', sans-serif;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {margin: 0;padding: 0;}
button {outline: 0;}
img {border: 0;}
button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;outline: none;}
li {list-style: none;}
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {}
.clear{clear:both;}
.dis{display:none;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.m10{margin:20px auto;}
.text-center {text-align: center;}
img {border:0px;}
ul,ol {list-style:none;margin:0px;padding:0px;}
li {list-style:none outside none;}
.left{float: left;}
.right{float: right;}

.sp_nav{display:none;}
.sjj_nav{display:none;}


#tophead{
padding-top: 10px;padding-right: 0;padding-bottom: 0px;padding-left: 0;
}
#tophead .logo{float:left;}

#topnav{height:50px;float:right;padding-top: 10px;}
#topnav ul{margin:0;padding:0;list-style:none;}
#topnav .mid {padding-right: 15px;padding-left: 15px;color: #ccc;
}

#topnav ul li{float:left;line-height:50px;}
#topnav ul li a{height:50px;line-height:50px;font-size:14px;font-family:"microsoft yahei";padding:0;display:block;text-align: center;color: #000000;
}
#topnav ul li a:hover{color:#e62129;background-image: url(../images/xian.jpg);background-repeat: repeat-x;background-position: center 40px;}
#topnav ul .hover a{color:#e62129;background-image: url(../images/xian.jpg);background-repeat: repeat-x;background-position: center 40px;
}
.about-1 {width: 300px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;
}
.about-1 .nr-l a {color: #686868;background-image: url(../images/ab01.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}
.about-1 .nr-l a:hover {color: #009d8e;background-image: url(../images/ab01s.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}
.about-1 .nr-l .hover {color: #009d8e;background-image: url(../images/ab01s.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}

.about-1 .nr-2 a {color: #686868;background-image: url(../images/ab02.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}
.about-1 .nr-2 a:hover {color: #009d8e;background-image: url(../images/ab02s.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}
.about-1 .nr-3 a {color: #686868;background-image: url(../images/ab03.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}
.about-1 .nr-3 a:hover {color: #009d8e;background-image: url(../images/ab03s.png);background-repeat: no-repeat;background-position: center top;float: left;width: 33%;padding-top: 45px;text-align: center;margin-top: 20px;
}
.pro-left {
	background-color: #009d8e;
	padding: 10px;
	float: left;
	height: 500px;
	width: 230px;
}
.subpro li a {
	line-height: 30px;
	color: #FFFFFF;
	background-color: #80cec7;
	text-align: center;
	height: 30px;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
.subpro li a:hover,.subpro li a.on {
	line-height: 30px;
	color: #009d8e;
	background-color: #ffffff;
	text-align: center;
	height: 30px;
	margin-bottom: 10px;
	display: block;
}
.subpro .hover a {
	line-height: 30px;
	color: #009d8e;
	background-color: #ffffff;
	text-align: center;
	height: 30px;
	margin-bottom: 10px;
	display: block;
}

.pro-right {
	float: right;
	width: 940px;
}
.prolist{margin:10px 0;padding:0;list-style:none;overflow:hidden;}
.prolist li{
	float:left;
	width:292px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
.prolist li a{display:block;}
.prolist li a img{
	border:1px solid #eee;
	width: 100%;
}
.prolist li a .title{
	text-align:center;
	font-size:16px;
	line-height:30px;
	font-family:"microsoft yahei";
	color: #333333;
}
.prolist li a:hover .title{color: #009d8e;}
.prolist li a:hover img{border:1px solid #009d8e;}
.prolist .hover a .title{color: #009d8e;}
.prolist .hover a img{border:1px solid #009d8e;}


/* 必要布局样式css */
.rolling {width: 100%;position: relative;overflow: hidden;}


.rolling .roll-title .prev,.rolling .roll-title .next {display: block;width: 50px;: right;overflow: hidden;cursor: pointer;position: absolute;top: 45%;right: 0;left: 0;display: none;z-index: 100;}
.rolling .roll-title .prev img {width: 50px;height: 48px;}
.rolling .roll-title .next img {width: 50px;height: 48px;}
.rolling .roll-title .next {right: -2px;display: none;left: inherit;}
.rolling .roll-title ul {float: right;overflow: hidden;zoom:1; margin-top: 10px;}
.rolling .content {overflow: hidden;padding-left: 60px;padding-right: 60px;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:100%;margin:0;}
.newslist li img{float:left;margin-right:30px;border:1px solid #eee;}
.newslist li .title{font-size:28px;font-family:"microsoft yahei";line-height:30px;color:#333;}
.newslist li .date{font-size:16px;color:#CCCCCC;font-family:arial;line-height:40px;display: block;margin-top: 20px;
}
.newslist li .intro {
	font-size: 14px;
	line-height: 30px;
	color: #666;
	margin-top: 20px;
	margin-bottom: 10px;
}

.newslist li a{color: #009d8e;text-decoration: none;
}



.rolling .rolling-more:after {content: "";display: inline-block;margin-bottom: 1px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);width: 7px;height: 7px;border: 1px solid #666;border-right: none;border-bottom: none;}
.rolling .content ul li a:hover {color: #08acee;text-decoration: underline;}
.rolling:hover .next{display:block;}
.rolling:hover .prev{display:block;}

.sy_an div{ position:relative;}
.sy_an p{ position:absolute; width:100%; text-align:center; color:#fff; font-size:14px; background:rgba(0,0,0,.6);  text-overflow:ellipsis; overflow:hidden;  white-space: nowrap; left:0px; bottom:0px; height:40px; line-height:40px;}
.sy_an div:hover p{ background:#009d8e;}
.anli1{
	float: left;
	width: 30%;
}
.anli2{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-left: 5%;
}
.anli3{
	float: right;
	width: 30%;
}
.foot20 {
	width: 20%;
}
.foot20 p {
	font-size: 16px;
	line-height: 40px;
	color: #555;
	font-weight: bold;
}
.foot20 li a{font-size: 14px;
	line-height: 25px;
	color: #555;}

.foot40 {
	width: 40%;
}
.foot40 b{
	font-size: 30px;
	line-height: 40px;
	color: #555;
	margin-top: 10px;
	display: block;
}

.foot40 p {
	font-size: 14px;
	line-height: 25px;
	color: #555;
}
.foot {
	background-color: #d5d5d5;
	padding-top: 20px;
	padding-bottom: 30px;
}
.foot1 {
	line-height: 50px;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}
.foot1 a{ color:#fff;}



/*内页*/
.banner-about {background-image: url(../images/banner2.jpg);background-repeat: no-repeat;background-position: center center;height: 360px;width: 100%;margin-top: 5px;}
.banner-pro {background-image: url(../images/banner3.jpg);background-repeat: no-repeat;background-position: center center;height: 360px;width: 100%;}
.banner-new {background-image: url(../images/banner4.jpg);background-repeat: no-repeat;background-position: center center;height: 360px;width: 100%;}
.banner-anli {background-image: url(../images/banner5.jpg);background-repeat: no-repeat;background-position: center center;height: 360px;width: 100%;}
.banner-lianxi {background-image: url(../images/banner6.jpg);background-repeat: no-repeat;background-position: center center;height: 360px;width: 100%;}


.bg_black{background:#f9f9f9;padding:25px 0;}

.lefter{width:260px;float:left;}
.lefterbg{
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
.lefterbg1{
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
.leftnav{
	background:#009d8e;
	padding:8px;
	color:#fff;
	font-size:14px;
	font-family:microsoft yahei;
	text-align: center;
}
.subnav{border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{
	display:block;
	font-size:14px;
	line-height:32px;
	height:32px;
	border-bottom:1px solid #eee;
	color: #009d8e;
	background-color: #f2f3f6;
	text-align: center;
	margin-top: 15px;
}
.subnav li a:hover{color: #e62129;}
.subnav .hover a{color: #e62129;}

.righter{
	float:right;
	width:930px;
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}

.subject_ny{color:#009d8e;font-size:12px;font-family:"microsoft yahei";height:35px;line-height:35px;border-bottom:1px solid #ddd;}
.subject_ny a{color:#009d8e;}

.container{line-height:30px;font-size:14px;padding:15px 0;}
.container p{
	margin:5px 0;
	font-family:"microsoft yahei";
	font-size:14px;
	color: #4e4e4e;
}
@media only screen and (max-width:1200px){
	.container h2{ font-size:16px;}
}
@media only screen and (min-width:1200px){
.container h2{ font-size:18px;}	
}
.h260{height:260px}
.pro_list{width:940px;margin:10px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{
	float:left;
	width:293px;
	margin-bottom: 20px;
	margin-right: 10px;
}
.pro_list li a{display:block;}
.pro_list li a img{
	border:1px solid #eee;
	width: 100%;
}
.pro_list li a .title{
	text-align:center;
	font-size:14px;
	line-height:45px; display:block; height:45px; text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
	font-family:"microsoft yahei";
	color: #333333;
}
.pro_list .hover a .title{color: #009d8e;}
.pro_list li a:hover .title{color: #009d8e;}
.pro_list li a:hover img{border:1px solid #009d8e;}
.pro_list .hover a img{border:1px solid #009d8e;}
.pro_list li a .titles{
	font-size:16px;
	line-height:30px;
	font-family:"microsoft yahei";
	color: #333333;
}
.pro_list .hover a .titles{color: #009d8e;}
.pro_list li a:hover .titles{color: #009d8e;}
.pro_list li a .date{
	font-size:12px;
	line-height:20px;
	font-family:"microsoft yahei";
	color: #ccc;
}
.pro_list li a .intro{
	font-size:14px;
	line-height:20px;
	font-family:"microsoft yahei";
	color: #333;
}


#goodsshow{margin:20px 0;overflow:hidden;}
#goodsshow img{border:0;}
#goodsshow .left{
	float:left;
	width:320px;
	padding: 5px;
	margin:0;
	border: 1px solid #ddd;
}
#goodsshow .left img{width:100%;}
#goodsshow .right{float:right;width:570px;}
#goodsshow .right h1{font-size:18px;font-family:"microsoft yahei";font-weight:bold;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{
	color:#666;
	line-height: 25px;
}

.anlilist{padding:0;list-style:none;overflow:hidden;margin-top: 10px;margin-right: 0;margin-bottom: 0;margin-left: 0;}
.anlilist li{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;height:100%;overflow:hidden;!important
}
.anlilist li a .date{
	font-size: 12px;
	color: #CCCCCC;
}
.anlilist li a img{float:left;margin-right:10px;border:1px solid #eee; width:180px; height:100px;}
.anlilist li a .title{
	font-size:14px;
	font-family:"microsoft yahei";
	line-height:30px;
	color:#333;
	font-weight: bold;
}
.anlilist li a .intro{
	line-height:25px;
	color:#666;
	margin-top: 5px;
}
.anlilist li a:hover .title{color:#009d8e;}


.artshow{line-height:30px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:bold;font-variant: normal;margin:0;padding:10px 0;font-family:"microsoft yahei";}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}

.xiantiao {
	background-color: #f9f9f9;
	padding: 20px;
}
.pre a {
	color: #009d8e;
}

.abnr{text-align: center;}



@media only screen and (max-width:1200px){
.ny_ban{ width:100%; overflow:hidden;}
.ny_ban img{ width:100%;}	
}
@media only screen and (min-width:1200px){
.ny_ban{ width:100%; overflow:hidden;}
.ny_ban img{ width:1920px; max-width:1920px; position:relative; left:50%; margin-left:-960px;}	
.ny_r{ min-height:465px;}
}

@media only screen and (max-width:1200px){
.fy1{ width:102%; float:left; text-align:center; margin:0px 0px 0px -1%; font-size:12px;}
.fy1 a{ padding:0px 12px; text-align:center; width:48%; float:left;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:40px; line-height:40px;  display:inline-block;  margin:0px 1%; background:#f1eff0}
.fy1 .s1{ display:none;}
}

@media only screen and (min-width:1200px){
.fy1{ width:100%; float:left; text-align:center; margin:0px 0px 0px 0px;}
.fy1 a{ padding:0px 12px; height:35px; line-height:35px;  display:inline-block;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  margin:0px 2px; background:#f1eff0}

}
.fy1 a:hover,.fy1 a.fdq{ background:#009d8e; color:#ffffff;}