/* 公共样式表css */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 14px;text-decoration: none;
}
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:96%;
	clear:both;
	overflow:hidden;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 2%;
}
.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;}




#tophead{
padding-top: 10px;padding-right: 0;padding-bottom: 0px;padding-left: 0;
}
#tophead .logo{float:left; width:210px}
#tophead .logo img{ height:50px;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:12px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

#topnav{
display:none;
	}

#topnav{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
}
#topnav ul{margin:0;padding:0;list-style:none;}
#topnav .mid {display:none;
}

#topnav ul li{float:left;line-height:50px;}
#topnav ul li a{
	height:40px;
	line-height:40px;
	font-size:14px;
	font-family:"microsoft yahei";
	padding:0;
	display:block;
	text-align: center;
	color: #000000;
	width: 110px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #f1f1f1;
	margin-bottom: 10px;
}
#topnav ul li a:hover{color:#e62129;border: 1px solid #e62129;}
#topnav ul .hover a{color:#e62129;border: 1px solid #e62129;
}


.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;
	width: auto;height:100%;overflow:hidden;!important
}
.subpro li a {
	line-height: 30px;
	color: #FFFFFF;
	background-color: #80cec7;
	text-align: center;
	height: 30px;
	display: block;
	width: 120px;
	float: left;
	margin-right: 1%;
}
.subpro li a:hover {
	line-height: 30px;
	color: #009d8e;
	background-color: #ffffff;
	text-align: center;
	height: 30px;
	display: block;
}
.subpro .hover a {
	line-height: 30px;
	color: #009d8e;
	background-color: #ffffff;
	text-align: center;
	height: 30px;
	display: block;
}

.pro-right {
}
.prolist{margin:10px 0;padding:0;list-style:none;overflow:hidden;}
.prolist li{
	float:left;
	width:45%;
	margin-bottom: 10px;
	margin-right: 2%;
	margin-left: 2%;
}
.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;
	width: 100%;
}
.newslist li .title{font-size:16px;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: 10px;
}
.newslist li .intro {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-top: 10px;
	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;}


.anli1{
	float: left;
	width: 30%;
}
.anli2{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-left: 5%;
}
.anli3{
	float: right;
	width: 30%;
}
.foot20 {
	width: 33%;
}
.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: 100%;
}
.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;color: #555;
}
.foot1 {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


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

.lefter{}
.lefterbg{
	background-color: #FFFFFF;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}
.lefterbg1{
display:none;
}
.leftnav{
display:none;
}
.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;
	margin-right: 10px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}
.subnav li a:hover{color: #e62129;}
.subnav .hover a{color: #e62129;}

.righter{
	clear: both;
	padding: 5px;
}

.subject_ny{
	color:#009d8e;
	font-size:14px;
	font-family:"microsoft yahei";
	height:45px;
	line-height:30px;
	border-bottom:1px solid #ddd;
	padding-top: 15px;
}


.container{line-height:30px;font-size:14px;padding:15px 0;}
.container p{
	margin:5px 0;
	font-family:"microsoft yahei";
	font-size:14px;
	color: #4e4e4e;
}
.container img{max-width:100%;}


@media only screen and (max-width:1200px){
	.container h2{ font-size:16px;}
}
@media only screen and (min-width:1200px){
.container h2{ font-size:18px;}	
}
.pro_list{width:100%;margin:10px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{
	float:left;
	width:47%;
	margin-bottom: 20px;
	margin-right: 3%;
}
.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:16px;
	line-height:30px;
	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;
	padding: 2%;
	margin:0;
	border: 1px solid #ddd;
	width: 95%;
}
#goodsshow .left img{width:100%;}
#goodsshow .right{
	float:right;
	padding-top: 20px;
}
#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{display:none;}
.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: left;}

@media only screen and (max-width:1200px){
.ny_ban{ width:100%; overflow:hidden;}
.ny_ban img{ width:100%;}	
.sy_an div{ position:relative;}
.sy_an p{ position:absolute; width:100%; text-align:center; color:#fff; font-size:12px; background:rgba(0,0,0,.6);  text-overflow:ellipsis; overflow:hidden;  white-space: nowrap; left:0px; bottom:0px; height:30px; line-height:30px;}
.sy_an div:hover p{ background:#009d8e;}
}