@charset "utf-8";
/* CSS Document */
body {font-family:"微软雅黑"; font-size:14px;}
* {margin:0; padding:0;}
ul,li {list-style:none;}
img,input {border:0;}
a {text-decoration:none;}
a:hover {color:#c72034;}
.width {width:1200px; margin:0 auto;}

#top {width:100%; height:auto; position:relative;}
#top .menu {width:100%; height:80px; background:url(../images/menu_bg.png) top center no-repeat; position:absolute; top:25px; z-index:99999;}
#top .logo {float:left; height:60px; margin-top:10px;}
#top .logo img {height:75%; margin-left:30px;}
#top p {text-align:right; line-height:40px; font-size:12px; color:#666;}
#top span {font-size:24px; color:#c72034; font-weight:bold}

#top .nav {float:right;}
#top .nav li {float:left; height:58px; line-height:58px; margin-top:10px; color:#fff; font-size:14px; position:relative}
#top .nav li a {display:block; padding:0 30px; color:#fff;}
#top .nav li a:hover {background:#891624;}
#top .nav .active {background:#891624;}

.fixDiv{position:fixed; top:0; left:0; box-shadow:0 0 2px #ccc;}

#top .nav ul li dl {
	position:absolute;
	left:0;
	top:58px;
	width:150px;
	display:none;
}
#top .nav ul li dl dd {
	height:36px;
}
#top .nav ul li dl dd a {
	display:block;
	height:35px;
	line-height:35px;
	text-align:center;
	color:white;
	background:#c72034;
	border-bottom:1px solid #ccc;
}
#top .nav ul li dl dd a:hover{background:#891624;color:#ccc;}

#about {width:100%; background:#fbfbfb; padding-bottom:70px; display:inline-block}
#about .img {position:absolute; right:0; top:70px;}
#about .img img {height:415px;}

#about .info {float:left; width:55%; padding-left:15px;}
#about .info h1 {font-size:36px; color:#333; letter-spacing:5px; font-weight:bold; padding-top:74px;}
#about .info p {font-size:15px; line-height:28px; color:#444; padding-top:30px;text-align: justify; text-indent:31px;}

#about .info a {padding:8px 20px; border:1px solid #444; margin-top:30px; display:inline-block; color:#444}
#about .info a:hover {background:#c72034; color:#fff;}

#tese {width:100%; padding-bottom:75px; overflow:hidden}

.h_tt {width:100%; text-align:center;}
.h_tt h1 {font-size:32px; color:#666; text-align:center; font-weight:bold; padding-top:105px;}
.h_tt h2 {font-size:32px; color:#666; text-align:center; font-weight:bold; padding-top:55px;}

.h_tt .bd {width:95px; height:3px; margin:0 auto; background:#ff6600; margin-top:23px; margin-bottom:30px;}
.h_tt p {width:70%; margin:0 auto; text-align:center; color:#555; line-height:26px;}

#tese .list {width:100%; padding-top:50px;}
#tese .list li {width:25%; text-align:center; float:left}
#tese .list li span {padding:8px 25px; display:inline-table; border:1px solid #ddd; color:#666; margin-top:35px;}
#tese .list li span:hover {background:#ff6600; color:#fff;}

#ad {width:100%; height:355px; overflow:hidden;}
#ad img {height:355px;}

#case {width:100%; padding-bottom:80px; overflow:hidden;}

#case .list {width:1250px; margin:0 auto;}
#case .list li {float:left; width:31.33%; margin:0 1%; text-align:center; margin-top:20px; margin-bottom:10px;}
#case .list .bd {border:1px solid #eee;}
#case .list .bd:hover {border:1px solid #c72034;}
#case .list img {width:92%; margin:0 auto; padding:15px 0; height: 255px; max-height:255px;}
#case .list img:hover {transform: scale(1.05);}
#case .list p {width:92%; margin:0 auto; padding:15px 0; text-align:left; color:#5a5a5a; line-height:20px; height:40px; overflow:hidden}

#honer {width:100%; background:url(../images/honer_bg.jpg) top center; padding-bottom:80px; overflow:hidden}

#news {width:100%; padding:35px 0; padding-bottom:50px; overflow:hidden}
#news .left {float:left; width:785px;}
#news .right {float:right; width:380px;}
#news .title {width:100%; height:49px; line-height:49px; border-bottom:1px solid #eaeaea; position:relative;}
#news .title span {position:absolute; left:0; top:0; height:49px; line-height:49px; border-bottom:1px solid #c72034; font-size:16px; color:#c72034; font-weight:bold; padding:0 5px;}
#news .left .news {width:100%; padding-top:10px;}
#news .ns {float:left; width:48%; color:#999; line-height:25px;}
#news .ns img {width:100%; padding-bottom:5px;}
#news .ns p {padding:10px 0; display:block}
#news .ns a {color:#333; font-size:16px;}
#news .ns a:hover {color:#c72034;}

#news .left .list {float:left; width:43%; margin-left:5%;}
#news .left .list li {width:100%; height:35px; border-bottom:1px dashed #e5e5e5; padding-top:14px; color:#585858;}
#news .left .list li span {float:right;}

#news .right .list {width:100%;}
#news .right .list li {width:100%; color:#999; line-height:25px; padding-bottom:17px;}
#news .right .list li p {padding:10px 0; display:block}
#news .right .list li a {color:#333; font-size:14px;}
#news .right .list li a:hover {color:#c72034;}


#foot {width:100%; background:#2d2d2d; padding-top:35px; overflow:hidden}
#foot .div {width:100%; padding-bottom:30px; overflow:hidden}
#foot .menu {float:left;}
#foot .menu li {padding:0 30px; text-align:center; float:left}
#foot .menu li h2 {color:#fff; font-size:20px;}
#foot .menu li p {padding-top:15px;}
#foot .menu li a {color:#8a8a8a;}

#foot .contact {float:right;}
#foot .contact .qrcode {float:left;}
#foot .contact .qrcode img {width:162px;}
#foot .contact .way {float:left; color:#fff; padding-left:25px; padding-right:5px;}
#foot .contact .way span {font-size:16px;}
#foot .contact .way h1 {color:#c82135; font-style:italic; font-weight:bold;}
#foot .contact .way p {padding-top:15px;}
#foot .contact .way i {background:#fff; padding:3px; font-size:20px; color:#272636; border-radius:3px; margin-right:5px; display:inline-block}
#foot .contact .way i:hover {background:#c82135; color:#fff;}

#foot .addr {width:100%; height:70px; line-height:70px; border-top:1px solid #535353; color:#8a8a8a}
#foot .addr span {float:right;}
#foot .addr a {color:#8a8a8a; font-size:16px; margin-left:25px;}

#copyright {width:100%; background:#242424; overflow:hidden; text-align:center; line-height:25px; padding:15px 0; color:#999;}
#copyright a {color:#999;}
#copyright a:hover {color:#c82135;}

#pos {width:100%; height:50px; background:#f7f7f7; line-height:50px; color:#555;}
#pos a {color:#555;}
#pos a:hover {color:#c82135;}

#pos .list {float:right;}
#pos .list li {float:left;}
#pos .list li a {display:block; padding:0 30px;}
#pos .list li a:hover {}
#pos .list li .active {background:#c82135; color:#fff;}

#info {width:100%; overflow:hidden; padding-bottom:50px;}
#info .content {width:100%; line-height:28px; color:#666; font-size:16px;}
#info .content p {padding-bottom:15px;}


#info .list {width:100%;}
#info .list li {width:100%; border-bottom:1px dotted #999; padding:15px 0; overflow:hidden;}
#info .list .date {float:left; background:#c82135; color:#fff; text-align:center; padding:8px; margin-right:35px;}
#info .list .date span {font-size:22px; display:block; padding-bottom:5px; font-weight:bold;}
#info .list li p {line-height:30px; font-size:14px; color:#999}
#info .list li a {font-size:16px; display:block;}

#info .plist {width:1200px; margin:0 auto;}
#info .plist li {float:left; width:31.33%; margin:0 1%; text-align:center; margin-top:20px; margin-bottom:10px;}
#info .plist .bd {border:1px solid #eee;}
#info .plist .bd:hover {border:1px solid #c72034;}
#info .plist img {width:92%; margin:0 auto; padding:15px 0; height: 255px; max-height:255px;}
#info .plist img:hover {transform: scale(1.05);}
#info .plist p {width:92%; margin:0 auto; padding:15px 0; text-align:left; color:#5a5a5a; line-height:20px; height:40px; overflow:hidden}

/*分页*/
#pagelist {width:100%; text-align:center; padding-bottom:40px; padding-top:50px; overflow:hidden}
#pagelist span {padding:10px 15px; background:#dddede; color:#bababa; margin:0 2px;  border:1px solid #ccc;}
#pagelist a {background:#fff; padding:10px 15px; color:#333; margin:0 2px; border:1px solid #eee; display: inline-block;}
#pagelist .active {background:#c82135; color:#fff;}


/*------------------------------------------------------------------------*/
.imgtf {transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.imgtf:hover	{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.moveleft
{
	position:relative;
	animation:mymoveleft 4s 1;
	-webkit-animation:mymoveleft 5s 1; /*Safari and Chrome*/
}

.moveright
{
	position:relative;
	animation:mymoveright 4s 1;
	-webkit-animation:mymoveright 5s 1; /*Safari and Chrome*/
}

.movetop
{
	position:relative;
	animation:mymovetop 4s 1;
	-webkit-animation:mymovetop 4s 1; /*Safari and Chrome*/
}

.movebottom
{
	position:relative;
	animation:mymovebottom 4s 1;
	-webkit-animation:mymovebottom 4s 1; /*Safari and Chrome*/
}

@keyframes mymoveleft
{
	from {left:-200px;}
	to {left:0px;}
}

@-webkit-keyframes mymoveleft /*Safari and Chrome*/
{
	from {left:-200px;}
	to {left:0px;}
}

@keyframes mymoveright
{
	from {right:-200px;}
	to {right:0px;}
}

@-webkit-keyframes mymoveright /*Safari and Chrome*/
{
	from {right:-200px;}
	to {right:0px;}
}

@keyframes mymovetop
{
	from {top:-50px;}
	to {top:0px;}
}

@-webkit-keyframes mymovetop /*Safari and Chrome*/
{
	from {top:-50px;}
	to {top:0px;}
}

@keyframes mymovebottom
{
	from {bottom:-50px;}
	to {bottom:0px;}
}

@-webkit-keyframes mymovebottom /*Safari and Chrome*/
{
	from {bottom:-50px;}
	to {bottom:0px;}
}