@charset "utf-8";
/* CSS Document */

/* public start*/
*{margin:0px; padding:0px; list-style:none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
	/* [disabled]margin: 0; */
	padding: 0;
	font-family: "微软雅黑";
}
.clear{ clear:both; height:0px; width:100%; margin:0; padding:0;}
img { border:0; }
ul, li { list-style-type:none; }
body{font-size:12px; background:url(bg_01.jpg) repeat #fff; font-family:"微软雅黑";}
p{ color:#000;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#d20000;}

/* 首页 */
/* top */
.template_top{ width:100%; height:160px; margin:0 auto; overflow:hidden; padding:0;}
.top_black{ width:100%; height:30px; background:#23201d;}
.top_logo{ width:1000px; height:80px; margin:0 auto; padding:25px 0;}
/* top end */

/* nav */
.template_nav{ width:100%; height:65px; background:#d20000;}
.template_nav ul{ width:1000px; height:auto; display:table; margin:0 auto; padding-top:2px;}
.template_nav ul li{ width:200px; height:auto; display:table; float:left; text-align:center; position:relative;}
.template_nav ul li a{ width:200px; height:63px; display:block; font-size:14px; line-height:63px; color:#FFF; letter-spacing:1px; }
.template_nav ul li a:hover{ background:#23201d;}
.template_nav ul ul{ display:none; z-index:9999; padding:0;}
.template_nav ul li:hover ul {display:block;position:absolute;top:63px;left:0;width:142px;z-index:9999;}
.template_nav ul li:hover ul li{ width:200px; height:63px; line-height:63px; font-size:14px; font-weight:normal; overflow:hidden;}
.template_nav ul li:hover ul li a {width:200px; height:63px;display:block;background:#23201d;color:#fff; line-height:63px; font-size:14px; font-weight:normal;}
.template_nav ul li:hover ul li a:hover {background:#d20000;color:#fff;}
.template_nav ul ul ul{ display:none;}
.template_nav ul li .nav_shouye{ background:#23201d; color:#FFF;}
/* nav end */

/* banner */
.template_banner{ width:100%; height:504px; position:relative; }
.template_banner img{ width:100%; height:auto; display:table;}

/* flexslider */
.flexslider{position:relative;height:504px;overflow:hidden;background:url(loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:504px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(next.png) center center no-repeat;}

.banner_black01{ width:50%; height:43px; background:#000000; float:left; display:block; margin-top:-43px; position:absolute; z-index:9999;}
.banner_black02{ width:100%; height:43px; margin:0 auto; margin-top:-43px; position:absolute; z-index:9999;}
.banner_black03{ width:1000px; height:43px; margin:0 auto; background:#000000; }
/* banner end */

/* 信息 */
.template_xinxi{ width:1000px; margin:0 auto; height:auto; display:table;}
.template_zxzx{ width:288px; height:auto; display:table; float:left; background:#f4f8f9; margin-top:-82px; position:absolute; z-index:999999999999;}
.zxzx_title{ width:256px; height:30px; margin:0 auto; margin-top:13px; background:url(title_zxzx.png) no-repeat;}
.zxzx_title a{ font-size:12px; color:#d20000; float:right; line-height:26px; margin-right:2px;}
.zxzx_title a:hover{ color:#000;}
.zxzx_body{ width:256px; margin:0 auto; margin-top:12px; height:auto; display:table;}

.zxzx_list01{ width:256px; height:auto; display:table; margin:0; padding:0;}
.zxzx_list01 h3{ width:78px; height:78px; display:block; float:left; background:#d10200; color:#FFF; text-align:center; letter-spacing:1px;}
.zxzx_list01 h3 span{ width:78px; text-align:center; font-size:40px; line-height:50px; display:block; height:50px; padding-top:2px;}
.zxzx_list01 a{ margin-left:8px; color:#d10200; font-size:14px; height:24px; width:170px; float:left; border-bottom:1px dashed #ccc; display:block; line-height:16px;}
.zxzx_list01 a:hover{ color:#000;}
.zxzx_list01 p{ margin-left:8px; width:170px; float:left; line-height:20px; color:#666; font-size:14px; margin-top:4px;}

.zxzx_body ul{ margin-top:12px; padding-bottom:25px;}
.zxzx_body ul li{ width:256px; margin:0 auto; height:38px; border-bottom:1px dashed #ccc; line-height:36px; font-size:14px;}

.template_gywm{ width:704px; height:auto; display:table; float:right; margin-top:26px;}
.gywm_body{ width:704px; height:auto; display:table; }
.gywm_body .gywm_img01{ width:344px; height:268px; float:left;}
.gywm_body .gywm_img02{ width:339px; height:33px; margin-left:12px; float:left; margin-bottom:15px;}
.gywm_body p{ width:339px; line-height:24px; font-size:14px; float:left; margin-left:12px;}
.gywm_body a{ font-size:14px; float:right; color:#d10200; margin-right:10px; margin-top:30px;}
.gywm_body a:hover{ color:#000;}
/* 信息 end */

/* product */
.template_product_bg{ width:100%; height:auto; display:table; background:url(pic002.jpg) no-repeat center top; margin-top:50px;}
.template_product{ width:1000px; height:auto; display:table; margin:0 auto; overflow:hidden;}
.product_list{ width:245px; height:auto; display:table; float:left; margin-top:61px;}
.list_title{ width:245px; height:90px; display:block;}
.list_body{ width:243px; height:auto; display:table; border-bottom:1px solid #bebebe; border-left:1px solid #bebebe; border-right:1px solid #bebebe;}
.list_body ul{ width:185px; margin:0 auto;}
.list_body ul li{ width:185px; height:47px; border-bottom:1px solid #d1d1d1; line-height:47px; background:url(btn_01.jpg) no-repeat right center;}
.list_body ul li a{ width:185px; height:47px; display:block; font-size:14px;}
.product_img{ width:726px; height:auto; display:table; float:left; margin-top:65px; margin-left:18px;}
.img_phone{ width:726px; height:120px; margin: -35px 0 0 0; }
.img_phone img{ width:245px; height:120px; float:right;} 
.img_body{ width:726px; height:auto; display:table;}
.img_body ul li{ width:220px; height:auto; display:table; float:left; margin-left:22px; margin-top:20px;}
.img_body ul li a img{ width:214px; height:159px; padding:2px; border:1px solid #e0e0e0; background:#efefef; margin:0; display:block;}
.img_body ul li a h2{ width:220px; height:28px; background:#23201d; text-align:center; line-height:28px; color:#FFF; font-size:14px; letter-spacing:1px; margin:0; padding:0; display:block; margin-top:2px;}
.img_body ul li a h2:hover{ background:#d13535; }
/* product end */

/* case */
.template_case{ width:100%; height:auto; display:table; margin-top:50px;}
.case_title{ width:100%; height:auto; display:table; background:#f3f3f3;}
.case_title a img{ width:243px; height:103px; text-align:center; display:block; margin:0 auto; padding:18px 0 15px 0;}
.case_body{ width:996px; height:auto; display:table; margin:0 auto; margin-top:30px;}
.case_body .case01{ width:486px; height:182px; float:left;}
.case_body .case02{ width:245px; height:182px; display:block; background:#d13535; float:left; margin-left:4px;}
.case_body .case02 h2{ width:188px; height:auto; display:block; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-left:18px; color:#FFF; margin-top:18px; font-size:28px; line-height:40px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center;}
.case_body .case02 p{ font-size:19px; color:#FFF; letter-spacing:1px; line-height:58px; margin-left:18px;}
.case_body .case02 span{ font-size:14px; color:#FFF; width:100px; border:1px solid #fff; border-radius:3px; margin-left:18px; height:32px; line-height:30px; display:block; text-align:center; letter-spacing:1px; margin-top:2px;}
.case_body .case02:hover{ background:#23201d;}
.case_body .case03{ width:245px; height:182px; float:left; margin-left:4px;}
.case_body .case04{ width:241px; height:182px; display:block; float:left; margin-top:4px;}
.case_body .case05{ width:486px; height:182px; float:left; margin-left:4px; margin-top:4px;}
.case_body .case06{ width:245px; height:182px; float:left; margin-left:4px; margin-bottom:4px;}
.case_body .case06 img{
	width: 100%; height: 182px;
}

/* case end */

/* footer */
.template_footer{ width:100%; height:auto; display:table; margin-top:40px; background:#23201d;}
.foot_nav{ width:100%; height:44px; background:#d10200;}
.foot_nav ul{ width:1000px; height:44px; margin:0 auto;}
.foot_nav ul li{ width:200px; height:44px; float:left; line-height:44px; font-size:14px; text-align:center;}
.foot_nav ul li a{ width:200px; height:44px; color:#FFF; display:block;}
.foot_nav ul li a:hover{ background:#23201d;}
.foot_nav ul ul{ display:none;}

.foot_nr{ width:1000px; height:auto; display:table; margin:0 auto;}
.foot_nr_left{ width:750px; height:auto; display:table; float:left; margin-left:20px;}
.foot_link{ width:750px;  height:30px; margin-top:15px;}
.foot_link h2{ color:#FFF; float:left; line-height:30px; font-size:14px; letter-spacing:}
.foot_link a{ color:#FFF; width:auto; float:left; display:block;  height:30px; line-height:30px; font-size:14px; padding:0 10px; text-align:center;}
.foot_banquan{ width:750px; height:auto; display:table; padding-top:35px;}
.foot_banquan p{ color:#CCC; line-height:20px;}

.foot_erweima{ width:94px; height:94px; float:right; margin-right:20px; margin-top:20px; padding-bottom:20px;}
/* footer end */
/* 内页 */
.ny_content {
	width: 1000px;
	height: auto;
	display: table;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* 内页 */
.ny_content {
	width: 1200px;
	height: auto;
	display: table;
	margin: 40px auto;
}

/* 内页 left */
.ny_left {
	width: 300px;
	height: auto;
	display: table;
	float: left;
	overflow: hidden;
}

.ny_left_list {
	width: 300px;
	height: auto;
	display: table;
}

.ny_left_title {
	width: 300px;
	height: 85px;
	background: #d20000;
}

.ny_left_title h2 {
	font-size: 28px;
	color: #FFF;
	text-indent: 0px;
	width: auto;
	height: auto;
	display: table;
	padding-top: 10px;
	font-weight: normal;
	letter-spacing: 3px;
}

.ny_left_title h3 {
	font-size: 22px;
	color: #FFFFFF;
	text-indent: 0px;
	width: auto;
	height: auto;
	display: table;
	padding-top: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.ny_left_title h5 {
	font-size: 70px;
	color: #FFFFFF;
	text-indent: 20px;
	width: auto;
	height: 70px;
	float: left;
	display: table;
	padding-top: 2px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 2px;
}

.ny_left_list_body {
	width: 300px;
	height: auto;
	display: table;
}

.ny_left_list_body ul li {
	width: 300px;
	height: 34px;
	display: block;
	line-height: 32px;
	text-indent: 20px;
	margin-top: 5px;
	border: 1px solid #eee;
}

.ny_left_list_body ul li a span {
	float: right;
	margin-right: 20px;
	color: #aaa;
	font-size: 14px;
	font-family: "宋体"；
}

.ny_left_list_body ul li a {
	width: 298px;
	height: 32px;
	display: block;
	background: #fafafa;
	border: 1px solid #eee;
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
}

.ny_left_list_body ul li a:hover {
	background: rgba( 210, 0, 0, 0.2 );
	border: 1px solid #d20000;
	color: #d20000;
}

.ny_left_list_body ul li a:hover span {
	color: #0157a4;
}

.ny_left_news {
	width: 300px;
	height: auto;
	display: table;
	margin-top: 20px;
}

.ny_left_news_body {
	width: 300px;
	height: auto;
	display: table;
	overflow: hidden;
	margin-top: 10px;
}

.ny_left_news_body ul li {
	width: 300px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.ny_left_news_body ul li a{
	color: #333333;
}

.ny_left_news_body ul li span {
	font-size: 10px;
	color: #0157a4;
	margin-right: 5px;
}

.ny_left_contact {
	width: 300px;
	height: auto;
	display: table;
	margin-top: 20px;
}

.ny_left_contact_body {
	width: 280px;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
	padding-left: 5px;
}

.ny_left_contact_body h2 {
	font-size: 14px;
	line-height: 23px;
}

.ny_left_contact_body h3 {
	font-size: 20px;
	line-height: 33px;
}

.ny_left_contact_body p:first-child{
	font-size: 17px;
	    font-weight: bolder;
	    padding: 0 0 10px;
}

.ny_left_contact_body p {
	font-size: 14px;
	line-height: 23px;
}

.ny_left_contact_body h1{
	text-indent: 0 !important;
}

.ny_left_contact_body p img{
	width: auto;
	float: left;
	margin: 0 !important;
}

/* 内页 left end */

/* 内页 right */
.ny_right {
	width: 880px;
	height: auto;
	display: table;
	float: right;
	overflow: hidden;
}

.ny_right_title {
	width: 880px;
	height: 36px;
	border-bottom: 1px solid #d20000;
}

.ny_right_title a {
	width: auto;
	height: 36px;
	display: block;
	float: left;
	background: #d20000;
	padding: 0 15px;
	line-height: 36px;
	color: #FFF;
	font-size: 14px;
}

.ny_right_title span {
	width: auto;
	height: 36px;
	display: block;
	float: left;
	background: #d20000;
	line-height: 36px;
	color: #FFF;
}

/* .ny_right_title a:hover {
	color: #F96;
} */

.ny_right_body {
	width: 880px;
	height: auto;
	display: table;
	margin-top: 20px;
}

/* 内页 right 简介 */
.ny_right_body .ny_jianjie {
	width: 880px;
	height: auto;
	display: table;
	overflow: hidden;
}

.ny_right_body .ny_jianjie h2 {
	width: 880px;
	height: 52px;
	line-height: 50px;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
}

.ny_right_body .ny_jianjie p {
	line-height: 26px;
	text-indent: 28px;
	font-size: 14px;
	width: 880px;
	overflow: hidden;
}

.ny_right_body .ny_jianjie p img {
	max-width: 100%;
	height: auto;
	display: table;
	text-align: center;
}

/* 内页 right 产品 */
.ny_right_body .ny_product_index {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_product_index ul li {
	width: 31%;
	height: auto;
	margin-bottom: 20px;
	transition: all .3s;
	z-index: 10;
	border: 1px solid #ededed;
	float: left;
	/* margin-left: 10px; */
	margin: 0 1.05% 20px;
}

.ny_right_body .ny_product_index ul li:hover{
	background-color: #f5f5f5;
	box-shadow: 0 0 10px #ccc;
}

.ny_right_body .ny_product_index ul li:hover a:before{
	width: 100%;
	height: 100%;
} 

.ny_right_body .ny_product_index ul li:hover a:after{
	width: 100%;
	height: 100%;
} 

.ny_right_body .ny_product_index ul li a {
	position: relative;
	display: block;
	z-index: 10;
}

.ny_right_body .ny_product_index ul li:hover div img{
	animation-name: top;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes top {
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.ny_right_body .ny_product_index ul li a:before{
	content: '';
	border-left: 1px solid #d20000;
	border-top: 1px solid #d20000;
	left: 0;
	top: 0;
	position: absolute;
	width: 20px;
	height: 30px;
	transition: all .5s;
	z-index: 1;
}

.ny_right_body .ny_product_index ul li a:after{
    content: '';
    border-right: 1px solid #d20000;
    border-bottom: 1px solid #d20000;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 20px;
    height: 30px;
    transition: all .5s;
    z-index: 1;
}

.ny_right_body .ny_product_index ul li a div{
	overflow: hidden;
	width: 100%;
	height: auto;
}

.ny_right_body .ny_product_index ul li a img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: 205px;
}

.ny_right_body .ny_product_index ul li a h3 {
	width: auto;
	height: 36px;
	line-height: 26px;
	display: block;
	float: left;
	text-indent: 5px;
}

.ny_right_body .ny_product_index ul li a p {
	line-height: 60px;
	background-color: #fff;
	text-align: center;
	padding: 0 10px;
	font-size: 17px;
}

.ny_right_body .ny_product_index ul li a:hover p {
	color: #d20000;
}

.ny_right_body .ny_product_view {
	width: 880px;
	height: auto;
	display: table;
	margin-bottom: 40px;
}

.ny_right_body .ny_product_view .ny_product_view_img h2 {
	width: 880px;
	height: 52px;
	line-height: 50px;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 20px;
}

.ny_right_body .ny_product_view .ny_product_view_img {
	text-align: center;
}

.ny_right_body .ny_product_view .ny_product_view_img img {
	max-width: 100%;
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.ny_product_view_body {
	width: 880px;
	height: auto;
	display: table;
}

.ny_product_view_body h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}

.ny_product_view_body h2{
	font-size: 22px;
	font-weight: normal;
	line-height: 60px;
	width: 100%;
	background: #d20000;
	display: table;
	text-align: center;
	border-bottom: 1px solid #E3E3E3;
	margin: 30px 0 15px;
	color: #FFFFFF;
}

.ny_product_view_body p {
	text-indent: 0;
	line-height: 42px;
	font-size: 16px;
}

.ny_product_view_body img{
	margin: 0 auto;
	display: table;
	width: 100%;
}

/* 内页 right 新闻 */
.ny_right_body .ny_news_index {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_news_index ul li {
	width: 880px;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px dashed #ccc;
	background: url(news_arrow.gif) no-repeat 6px 15px;
	text-indent: 20px;
	font-size: 14px;
}

.ny_right_body .ny_news_index ul li a {
	width: 880px;
	height: 36px;
	display: block;
}

.ny_right_body .ny_news_index ul li a span {
	float: right;
	margin-right: 6px;
}

.ny_right_body .ny_news_view {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_news_view h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 39px;
	padding: 0 10px;
}

.ny_right_body .ny_news_view h5 {
	font-size: 14px;
	font-weight: normal;
	width: 860px;
	line-height: 26px;
	height: 36px;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #999;
	margin-bottom: 10px;
	margin: 0 auto 10px;
}

.ny_right_body .ny_news_view h5 a {
	color: #999;
}

.ny_right_body .ny_news_view h5 span {
	float: right;
}

.ny_right_body .ny_news_view h5 a:hover {
	color: #0157a4;
}

.ny_right_body .ny_news_view p {
	font-size: 14px;
	text-indent: 28px;
	line-height: 28px;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0;
}


/* 内页 right 联系 */

.cn{
	font-size: 24px;
	    font-weight: bold;
	    margin-bottom: 20px;
}

.t1{
	font-size: 20px !important;
	line-height: 26px !important;
	margin-bottom: 5px;
}


/* 内页 right end */
.guest {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	margin-top: 30px;
}

.guest p {
	margin-top: 10px;
}

.tijiao {
	width: 60px;
	border-radius: 8px;
	font-size: 16px;
	margin-left: 200px;
	margin-top: 20px;
	cursor: pointer;
}

/* 内页end */

.pages {
	text-align: center;
	margin-top: 30px;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.pages ul {
	margin: 0 auto;
	display: table;
}

.pages ul li {
	display: inline-block;
}

.pages ul li.active a {
	color: #d20000;
	background: none;
	border: 1px solid #d20000;
}

.pages ul li a {
	display: inline-block;
	margin: 0 8px;
	background: #d20000;
	padding: 0 10px;
	color: #FFFFFF;
	border: 1px solid #d20000;
}

.pages ul li a:hover {
	background: #FFFFFF;
	color: #d20000;
	border: 1px solid #d20000;
}

.news_page {
	margin-top: 20px;
	border-top: 2px dashed #999;
	padding-top: 20px;
}

.news_page ul {
	background: #E8E8E8;
	padding: 10px 0;
}

.news_page ul li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #;
	text-indent: 24px;
}

.news_page ul li a {
	color: #d20000;
}

.news_page ul li a:hover {
	color: #d20000;
}

.watermark{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block !important;
}

.watermark img{
	width: 100%;
}