@charset "utf-8";
/* CSS Document */
body {
	font-family: "宋体";
	color:#666;
	width:100%;
	font-size:12px;
	overflow: auto;
}
* {
	margin:0;
	padding:0;
}
div {
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
font {
	font-size:12px;
}
img {
	border:none;
}
a {
	text-decoration:none;
}
a:active, a:link, a:visited {
	font-size:12px;
	font-family: "宋体";
	font-weight: normal;
	color:#666;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color:#FF0000;
	text-decoration:none;
}
ul li {
	list-style:none;
}
#mtop {
	width:100%;
	height:35px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	background:#828081;
	position:relative;
}
.mtop {
	width:1150px;
	height:35px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.mtop_left {
	width:270px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	color:#FFFFFF;
	float:left;
	position:relative;
}
.mtop_right {
	width:400px;
	height:35px;
	overflow:hidden;
	float:right;
	position:relative;
}
.tel {
	height:35px;
	overflow:hidden;
	line-height:35px;
	color:#FFF;
	font-size:18px;
	font-family:"微软雅黑";
	padding-left:35px;
	background:url(../img/tico1.jpg) no-repeat left center;
	float:left;
	position:relative;
}
.ly {
	width:70px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	padding-left:30px;
	margin-left:15px;
	background:url(../img/tico2.jpg) no-repeat left center;
	float:left;
	position:relative;
}
.ly a:active, .ly a:link, .ly a:visited {
	color:#FFF;
}
.ly a:hover {
	color:#09F
}
.english {
	height:35px;
	overflow:hidden;
	line-height:35px;
	padding-left:30px;
	margin-left:15px;
	background:url(../img/tico3.jpg) no-repeat left center;
	float:left;
	position:relative;
}
.english a:active, .english a:link, .english a:visited {
	color:#FFF;
}
.english a:hover {
	color:#09F
}
#header {
	width:100%;
	height:110px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	background:#F6F6F6;
	position:relative;
}
.header {
	width:1150px;
	height:110px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position: relative;
}
#logo {
	width:230px;
	height:110px;
	overflow:hidden;
	background:url(../img/logo.png) no-repeat left center;
	float:left;
	position:relative;
}
.nav {
	width:850px;
	height:110px;
	overflow:hidden;
	float:right;
	position:relative;
}
.nav ul li {
	width:110px;
	height:110px;
	overflow:hidden;
	line-height:110px;
	text-align:center;
	float:left;
	position:relative;
}
.nav ul li a:active, .nav ul li a:link, .nav ul li a:visited {
	display:block;
	width:110px;
	height:110px;
	color:#464646;
	font-size:13px;
	font-weight:bold;
}
.nav ul li a:hover {
	display:block;
	width:110px;
	height:110px;
	color: #FFF;
	font-size:13px;
	background:#828081;
	font-weight:bold;
}
.banner {
	width:1150px;
	height:380px;
	overflow:hidden;
	margin:0 auto;
	z-index:2;
	position:relative
}
.banner img {
	width: 100%;
}
.cases {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:20px auto 0;
	position:relative;
}
.cases ul li {
	width:32%;
	height:auto;
	overflow:hidden;
	margin:0 5px;
	float:left;
	position:relative;
}
.cases_title {
	overflow:hidden;
	line-height:35px;
	padding:0 0 0 5px;
	margin:0 auto;
	position:relative;
}
.cases_title a:active, .cases_title a:link, .cases_title a:visited {
	color:#555555;
	font-size:14px;
	font-weight:bold;
}
.cases_title a:hover {
	color:#CF0300
}
.cases_mg {
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.cases_mg img {
	padding:1px;
	border:1px solid #DBDBDB;
	width: 100%;
	height: auto !important;
}
.cases_nr {
	overflow:hidden;
	line-height:200%;
	padding:5px 10px;
	margin:13px auto 0;
	background:#F4F5F7;
	font-size:14px;
	color:#555555;
	position:relative;
}
#about {
	width:100%;
	height:250px;
	overflow:hidden;
	padding:0;
	margin:30px auto 0;
	background:#F7F7F7;
	position:relative;
}
.about {
	width:1150px;
	height:250px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.about_top {
	width:1100px;
	height:30px;
	overflow:hidden;
	padding:0;
	margin:30px auto 0;
	position:relative;
}
.about_title {
	width:100px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	background:#000;
	text-align:center;
	float:left;
	position:relative;
}
.more {
	width:47px;
	height:25px;
	overflow:hidden;
	padding-top:5px;
	float:right;
	position:relative;
}
.about_main {
	width:1100px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:20px auto 0;
	color:#555555;
	font-size:14px;
	line-height:190%;
	position:relative;
}
.cert {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:20px auto 0;
	position:relative;
}
.cert_top {
	width:1150px;
	height:35px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	border-bottom:1px solid #ECECEC;
	position:relative;
}
.cert_title {
	width:200px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	color:#464646;
	font-size:14px;
	font-weight:bold;
	float:left;
	position:relative;
}
.cert_title span {
	color:#999;
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
}
.cert_main {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:15px auto 0;
	position:relative;
}
#demo {
	width:1180px;
	height: auto;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	position:relative
}
.fk {
	padding:0 6px;
	text-align:center
}
.cert_mg {
	width:202px;
	height:152px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.cert_mg img {
	border:1px solid #CCC;
}
.cert_bt {
	width:202px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	text-align:center;
	padding:0;
	margin:1px auto 0;
	position:relative;
}
.cert_bt a:active, .cert_bt a:link, .cert_bt a:visited {
	display:block;
	width:202px;
	height:30px;
	background:#828081;
	color:#FFF;
}
.cert_bt a:hover {
	display:block;
	width:202px;
	height:30px;
	background:#CF0300;
	color:#FFF;
}
.list {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:20px auto 0;
	position:relative;
}
.list_top {
	width:1150px;
	height:35px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	border-bottom:1px solid #ECECEC;
	position:relative;
}
.list_top ul li {
	width:175px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	padding-left:14px;
	float:left;
	position:relative;
}
.list_top ul li a:active, .list_top ul li a:link, .list_top ul li a:visited {
	color:#464646;
	font-size:14px;
	font-weight:bold;
}
.list_top ul li a:hover {
	color:#CF0300;
}
.list_main {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:18px auto 0;
	position:relative;
}
.list_center {
	width:175px;
	height:auto;
	overflow:hidden;
	padding-left:14px;
	float:left;
	position:relative;
}
.list_center ul li {
	width:175px;
	height:25px;
	overflow:hidden;
	line-height:25px;
	float:left;
	position:relative;
}
.list_center ul li a:active, .list_center ul li a:link, .list_center ul li a:visited {
	color:#555555;
}
.list_center ul li a:hover {
	color:#CF0300;
}
#footer {
	width:100%;
	height:145px;
	overflow:hidden;
	padding:0;
	margin:20px auto 0;
	background:#828081;
	position:relative;
}
.footer {
	width:1050px;
	height:auto;
	overflow:hidden;
	padding:40px 0 0;
	margin:0 auto;
	position:relative;
}
.footer_left {
	width:600px;
	height:auto;
	overflow:hidden;
	line-height:280%;
	color:#FFFFFF;
	float:left;
	position:relative;
}
.footer_right {
	width:350px;
	height:auto;
	overflow:hidden;
	color:#FFF;
	float:right;
	position:relative;
}
.footer_top {
	width:350px;
	height:30px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	text-align:right;
	position:relative;
}
.footer_top a:active, .footer_top a:link, .footer_top a:visited {
	color:#FFF;
}
.footer_top a:hover {
	color:#CF0300;
}
.footer_bot {
	width:350px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	padding:0;
	margin:0 auto;
	text-align:right;
	position:relative;
}
.tupian {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:30px auto 0;
	font-family: inherit;
	position:relative;
}
.tupian  img{
	width: 100%;
}
.carousel-control.left,
.carousel-control.right {
    background: none !important;
    top: calc(100% - 50% - 60px)
}

.carousel-control>span {
    font-size: 60px;
    color: #fff;

}
.nyban {
	width:1150px;
	height:250px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.nymain {
	width:1150px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:15px auto 0;
	position:relative;
}
.nyleft {
	width:227px;
	height:auto;
	overflow:hidden;
	float:left;
	position:relative;
}
.nyleft_top {
	width:227px;
	height:85px;
	overflow:hidden;
	padding:15px 0 0;
	margin:0 auto;
	font-size:30px;
	color: #464646;
	background:#F2F2F2;
	text-align:center;
	font-family:"微软雅黑";
	border-bottom:1px solid #CCC;
	position:relative;
}
.nyleft_top span {
	display:block;
	font-weight: normal;
	font-family:Arial;
	font-size:20px;
	margin-top:3px;
}
.nyleft_main {
	width:227px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.nyleft_main ul li {
	width:227px;
	height:45px;
	overflow:hidden;
	line-height:45px;
	float:left;
}
.nyleft_main ul li a:active, .nyleft_main ul li a:link, .nyleft_main ul li a:visited {
	display:block;
	width:197px;
	height:45px;
	overflow:hidden;
	color:#323232;
	font-weight:bold;
	padding-left:30px;
	background: url(../img/left.jpg) center no-repeat;
}
.nyleft_main ul li a:hover {
	display:block;
	width:197px;
	height:45px;
	overflow:hidden;
	color:#FFF;
	font-weight:bold;
	padding-left:30px;
	background:url(../img/lefta.jpg) no-repeat center;
}
.nyright {
	width: 890px;
	height: auto;
	overflow: hidden;
	float: right;
	position: relative;
}
.nyright_top {
	width: 890px;
	height:40px;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	background:url(../img/right.jpg) no-repeat center bottom;
	position:relative;
}
.nyright_title {
	width:250px;
	height:37px;
	overflow:hidden;
	line-height:37px;
	color:#1A51A1;
	font-size:16px;
	font-family:"微软雅黑";
	padding-left:5px;
	float:left;
	position:relative;
}
.mbx {
	width:620px;
	height:37px;
	overflow:hidden;
	line-height:37px;
	text-align:right;
	color:#999;
	float:right;
	position:relative;
}
.mbx a:active, .mbx a:link, .mbx a:visited {
	color:#999;
}
.mbx a:hover {
	color:#208DF0
}
.mbx span {
	color:#208DF0
}
.nyright_main {
	width: 890px;
	height:auto;
	overflow:hidden;
	padding:10px 0 0;
	margin:0 auto;
	line-height:220%;
	position:relative;
}
.nyright_main p{
	font-size: 14px;
	text-indent: 2em;
}
.nyright_main1 img{
	width: 100%;
	margin-top: 20PX;
}
.product {
	width: 890px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	position:relative;
}
.product ul li {
	width:204px;
	height: auto;
	overflow:hidden;
	text-align:center;
	margin: 10px 0 8px 13px;
	float:left;
	position:relative;
}
.fanye {
	width: 870px;
	height:25px;
	line-height:25px;
	margin:0 auto;
	padding-top:20px;
	text-align:right;
	position:relative;
}
.fanye a {
	color:#935F04;
}
.fanye a:hover {
	color:#F00;
}
.red {
	color:#F00;
}
.sx {
	width: 800px;
	height:35px;
	overflow: hidden;
	text-align: left;
	line-height:35px;
	padding:10px 0 0;
	font-size:14px;
	margin:0 auto;
	position:relative;
}
.sx a{
    font-size:14px;
}
.product_show {
	width: 870px;
	height:auto;
	overflow: hidden;
	text-align: center;
	line-height: 180%;
	padding:10px 0 0;
	margin:0 auto;
	position:relative;
}
.product_show img {
	border:1px solid #CCC;
	padding:1px;
}
.product_title {
	width: 870px;
	height: 35px;
	margin: 0 auto;
	line-height:35px;
	padding: 10px 0 0 5px;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	color:#666;
	overflow: hidden;
	position: relative;
}
.product_con {
	width:870px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	line-height:200%;
	position:relative;
}
.news {
	width:870px;
	height:auto;
	overflow:hidden;
	padding:5px 5px 10px;
	margin:0 auto;
	position:relative;
}
.news ul li {
	width:855px;
	height:40px;
	overflow:hidden;
	line-height:40px;
	padding-left:15px;
	border-bottom: 1px dotted #ccc;
	background: url(../img/mico.jpg) no-repeat left center;
	float:left;
	position:relative;
}
.news ul li a:active, .news ul li a:link, .news ul li a:visited {
	color:#333;
	font-size:14px;
	font-family:"微软雅黑";
}
.news ul li a:hover {
	color:#F00;
}
.news ul li span {
	color:#999;
	margin-right:5px;
	float:right;
}
.title {
	width:870px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	padding:0;
	margin:0 auto;
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-align:center;
	position:relative;
}
.title1 {
	width:870px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	color:#999;
	border-bottom:1px dashed #E1E1E1;
	text-align:center;
	padding:0;
	margin:0 auto;
	position:relative;
}
.news_cont {
	width:870px;
	height:auto;
	overflow:hidden;
	padding:8px 0 0;
	margin:0 auto;
	line-height:200%;
	position:relative;
}
.one{margin:0 auto 0;height: 540px;width:100%;overflow:hidden;position:relative; }
.one ul{height:500px;width:100000px;position:absolute;left:0;margin-top: 50px;} 
.one ul li{display:block;float:left;margin:0 5px;border-radius:5px;position:relative;}
.one ul li p{ text-align: center; font-size: 18px; color: #0060bd;font-weight: bold; background: #eee; padding: 20px 0; border-radius:0 0 10px 10px ; -webkit-border-radius:0 0 10px 10px ; -moz-border-radius:0 0 10px 10px ; -ms-border-radius:0 0 10px 10px ; -o-border-radius:0 0 10px 10px ; }
.one ul li a{ width: 300px;} 
.one ul li img{ border-radius:10px 10px 0 0; display:block; width: 300px; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; }
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.one ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}
.one>ul.animated{
    -webkit-animation: polygon 1s linear forwards;
    animation: polygon 1s linear forwards;
}
@-webkit-keyframes polygon {
    0% {
        -webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
        clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
        opacity: 0
    }

    to {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        opacity: 1
    }
}

@keyframes polygon {
    0% {
        -webkit-clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
        clip-path: polygon(0 0, 0 100%, 0 100%, 0 0);
        opacity: 0
    }

    to {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        opacity: 1
    }
}

.item table{
	width: 100%;
}
.item table tr:first-of-type{
	font-weight: bold;
	background: #969593 !important;
	color: #fff !important;
}
.item table tr:first-of-type td{
	font-size: 18px !important;
}
.item table tr:nth-of-type(2n){
	background: #fbdc43;
	color: #000;
}
.item table tr:nth-of-type(2n+1){
	background: #fef5e3;
	color: #000;
}
.item table tr td{
	border: solid 1px #ccc;
	font-size: 14px;
	text-align: center;
	letter-spacing: normal;
	width: auto;
	border-spacing: 0;
	border-collapse:collapse;
	padding: 10px 0;
}

.header>i{
	display: none;
}
@media all and (max-width:768px) {
	#mtop{
		height: auto;
	}
	.mtop{
		width: 100%;
		padding: 0 10px;
		height: auto;
	}
	.mtop_right{
		float: left;
	}
	.ly{
		display: none;
	}
	#header{
		overflow: visible;
	}
	.header{
		width: 100%;
		overflow: visible;
	}
	.header>i{
		display: block;
		font-size: 30px;
		color: #000;
		padding-top: 40px;
		float: right;
		padding-right: 20px;
	}
	.nav{
		position: absolute;
		left: 0;
		top: 110px;
		background: #fff;
		width: 100%;
		height: auto;
		float: none;
		z-index: 9999;
		display: none;
	}
	.nav ul li{
		width: 100% !important;
		height: auto;
		float: none;
		text-align: left;
	}
	.nav ul li>a{
		width: 100% !important;
		display: inline-block;
		padding: 0 20px;
		line-height: 50px;
		height: auto !important;
	}
	.banner{
		width: 100%;
		height: auto !important;
	}
	.banner .d1{
		width: 100%;
	}
	.cases{
		width: 100%;
	}
	.cases ul li{
		margin: 0;
	}
	.cases ul li,.cases_title,.cases_mg,.cases_nr{
		width: 100%;
		height: auto !important;
	}
	.cases_mg img{
		width: 100%;
		height: auto !important;
	}
	.tupian,.about,.about_top,.about_main{
		width: 100%;
		height: auto !important;
	}
	#about{
		height: auto !important;
	}
	.list{
		display: none;
	}
	#footer{
		height: auto !important;
	}
	.footer{
		width: 100%;
	}
	.footer_right,.footer_left{
		width: 100%;
		float: none;
	}
	.footer_top,.footer_bot{
		width: 100%;
		text-align: left;
	}
	.cert{
		width: 100%;
	}

	.nyban,.nyban>img{
		width: 100%;
		height: auto !important;
	}
	.nymain,.nyleft,.nyleft_main{
		width: 100% !important;
	}
	.nyright_top,.nyright,.nyright_main,.nyright_title{
		width: 100%;
	}
	.nyright_title{
		height: auto;
	}
	.mbx{
		text-align: left;
		width: 100%;
		
	}
	.table-responsive{
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive table{
		width: 100% !important;
	}
	.product,.product ul li{
		width: 100%;
	}
	.nyright_main1 img{
		height: auto !important;
	}
	.cert_top{
		width: 100%;
	}
}