﻿@charset "utf-8";
/* CSS Document */
BODY {
	 MARGIN: 0px; FONT: 12px/20px 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; COLOR: #333; line-height:22px;	
}
html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    min-width: 1200px;
}
p { max-height: 999999px; }
*{ margin:0; padding:0; list-style:none;}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
a{text-decoration:none;}
img{border:none;margin:0;padding:0;}
.clearfix{
	zoom: 1;
}
.clearfix:after{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	width: 0;
	height: 0;
}
#tel400{ width:100%; background-color:#000; color:#666; text-align:center; line-height:50PX; height:50PX; border-bottom:#CCC 10PX SOLID;}
#tel400 a{ color:#CCC; padding-left:12px; padding-right:12px; text-decoration:none;font-size:12px;}
#tyfoot{width:100%; background-color:#000; height:145px; text-align:center;color:#DEDEDE; font-size:12px;left:0;border-top:#DFDFDF 8px solid;overflow:hidden;}
#tyfoot_body{width:1150px; margin:0 auto; margin-top:20px;}
#tyfoot_txt{float:left; width:760px; text-align:left; line-height:26px;color:#DEDEDE;}
#tyfoot_txt a:link{color:#DEDEDE; text-decoration:none; padding-left:2px;padding-right:2px;}
#tyfoot_txt a:visited{color:#DEDEDE; text-decoration:none; padding-left:2px;padding-right:2px;}
#tyfoot_txt a:hover{color:#FF0; text-decoration:none; padding-left:2px;padding-right:2px;}
#tyfoot_txt a:active{color:#DEDEDE; text-decoration:none; padding-left:2px;padding-right:2px;}

#tyfoot_logo{float:left; width:390px; text-align:right;}
#tyfoot_logo img{border:0;}

.banner{position:relative;height:620px;width:100%;overflow:hidden;}
.banner img{display:block;position:absolute;left:50%;margin-left:-960px;}

.content{width:1100px;margin:0 auto;overflow:hidden;}
.back1{background-color:#000;}
.back1 a{display:block;background-color:#e31215;height:50px;font-size:16px;color:#FFF;width:112px;float:left;text-align:center;line-height:20px;padding-top:15px;margin-left:11px;}
.back1 span{color:#581212;font-size:12px;}
.tl{margin-left:0 !important;}
#back2{background-color:#626060;}
#back2 span{color:#242323;}

.back3{background:url(jyz_02.jpg) no-repeat center;height:280px;}
.back3 a{display:block;float:left;font-size:16px;writing-mode:tb-rl;layout-flow:vertical-ideographic;width:20px;height:80px;font-weight:bold;margin-left:70px;margin-top:175px;letter-spacing:3px;color:#333;}
.back3 a:hover{color:#F00;}
.tb h2{text-align:center;font-weight:normal;line-height:30px;background-color:#e5e5e5;font-size:14px;color:#000;font-weight:bold;}
.tb h4{text-align:justify;color:#000;padding:15px 15px 0 15px;font-weight:normal;border:solid 1px #CCC;height:172px;width:500px;}
.tp{width:40px;height:219px;background-color:#333;}
.qy{font-size:14px; line-height:30px; padding-left:20px;text-align:justify;text-indent:28px;}
.qy strong{font-size:18px; line-height:45px;}
.bt{ font-size:30px; font-weight:bold; font-family:"微软雅黑",Arial,Verdana; color:#fff; line-height:50px; background-color:#1c3d8a;text-align:center;letter-spacing:10px;}
.cy{font-size:14px; font-weight:bold; line-height:40px; border-bottom:#eee 1px solid;}
.cp{padding:20px; font-size:16px;font-family:"微软雅黑",Arial,Verdana; color:#666; line-height:35px;}

.daoyu{margin:30px auto;}
.title{margin-top:80px;margin-bottom:50px;}
.title img{display:block;margin:0 auto;}

.jb{overflow:hidden;}
.jb ul{
	margin: 0 auto;
}
.jb ul:first-child{
	padding-left: 83px;
}
.jb ul:last-child{
	padding-left: 145px;
}
.jb ul li{float:left;margin-left:55px;width:176px;height:273px;position:relative;}
.jb ul li p,.jb ul li h2,.jb ul li h3{position:absolute;}
.jb ul li p{bottom:100px;font-size:12px;text-align:center;width:176px;}
.jb ul li h2{bottom:70px;font-size:16px;text-align:center;width:176px;}
.jb ul li h3{bottom:50px;width:40px;height:4px;background-color:#F00;left:50%;margin-left:-20px;}
.jb ul li:hover h3{background-color:#333;}
.jb ul li:hover h2{color:#F00;}

.back2{background:url(chback.jpg) center;padding:10px 0 60px 0;margin-top:80px;}
.ch{overflow:hidden;}
.ch ul li{float:left;width:274px;height:549px;float:left;background:url(ch.png) no-repeat center;margin-left:139px;margin-bottom:30px;}
.ch ul li h1{font-size:28px;text-align:center;color:#f43232;margin-top:105px;}
.ch ul li p{color:#f0efef;margin-top:130px;padding:0 15px;text-align:justify;text-indent:24px}

.pro{overflow:hidden;}
.pro ul li{box-sizing:border-box; width:265px;height:325px;float:left;margin-left:13px;background:url(back4.jpg) no-repeat center;position:relative;margin-bottom:20px;border-radius: 5px 5px 0 0;overflow: hidden;border: 1px solid #666666;}
.pro ul li h2{font-size:14px;text-align:center;margin-top:12px;max-width: 100%;}
.pro ul li p{width:235px;height:295px;background-color:#000;position:absolute;top:0;left:0;display:none;z-index:1000;color:#CCC;padding:15px;text-align:justify;text-indent:24px;font-size:12px;border-radius: 5px 5px 0 0;}
.pro ul li:hover p{display:block;}

.company{overflow:hidden;}
.company ul li{width:271px;height:367px;background-color:#b31f1f;float:left;margin-left:5px;margin-bottom:20px;}
.company ul li h2{color:#FFF;text-align:center;font-size:14px;line-height:34px;}
.company ul li img{margin-left:8px;}
.company ul li:hover{background-color:#333;}
.company ul li:hover h2{color:#F00;}

.act{overflow:hidden;}
.act ul li{float:left;width:497px;height:337px;background:url(jyz_21.jpg) no-repeat center;margin-left:106px;margin-bottom:40px;}
.act ul li img{margin-top:23px;margin-left:2px;}
.act ul li p{font-size:14px;color:#333;text-align:center;margin-top:5px;font-weight:bold;}

.ft,.ft2{overflow:hidden;}
.ft ul li{float:left;width:521px;height:429px;float:left;background:url(back5_03.png) no-repeat center;margin-left:58px;margin-bottom:60px;}
.ft ul li img{margin-left:11px;}
.ft ul li p{font-size:16px;color:#333;margin-top:25px;font-weight:bold;width:380px;text-align:center;}

.ft2 ul li{float:left;width:359px;height:296px;float:left;background:url(back5_04.png) no-repeat center;margin-left:10px;margin-bottom:40px;}
.ft2 ul li img{margin-left:8px;width:283px;}
.ft2 ul li p{font-size:12px;color:#333;margin-top:15px;font-weight:bold;width:266px;text-align:center;}
#buluomu{width:1100px;margin: 0 auto;background: #F0EFEF;padding-top: 1px;margin-top: 30px;}
.video-box{width: 24%;float:left;margin:5px 0.5%;box-sizing: border-box;position: relative;background: #EEEEEE;cursor: pointer;height:178px;}
.video-box video{max-width: 100%;display: block;margin: 0 auto;}
.video-box p{text-align: center;color: #4f4f4f;margin-top:5px;}

/*不落幕视频播放器*/
.player{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
}
.player iframe{
	display: block;
	width: 90%;
	height: 80%;
	border: none;
	margin: 5% auto auto auto;
}
#esc{
	z-index: 10000;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 5%;
	right: 5%;
	color: white;
	background: black;
	padding-top: 10px;
	padding-left: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	cursor: pointer;
}
#esc:hover{
	background-color: #E72C2C;
}