@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px; background:url(../images/bg.jpg) repeat;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}
img{border:0;vertical-align:bottom;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
.abs{position:absolute;}
.rel{position:relative;}


/*header*/
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 9px; height: 9px; margin: 0 10px; text-indent: -999em;}
.unslider-nav .unslider-active{opacity: 1;}
.banner_di{width:100%; position:absolute; left:0; bottom:0;}
.banner_di img{width:100%;}

.nav_bg{width:100%; height:56px; background:rgba(0,0,0,0.5); position:absolute; top:100px; left:0; z-index:99;}
.nav{width:1200px; height:56px; margin:0 auto; position:relative; z-index:9999;}
.nav li{float:left; width:126px; text-align:center; line-height:56px; font-size:15px;}
.nav a{color:#fff;}
.nav .nav_r{margin-right:192px;}
.logo{width:100%; text-align:center; position:absolute; top:-100px; left:0; z-index:999;}
.logo img{width:158px; height:234px;}

/*mainbody*/
.about_part{width:1200px; height:677px; margin:0 auto; position:relative;}
.about{width:564px; height:104px; color:#131313; font-size:14px; line-height:26px; overflow:hidden; position:absolute; top:128px; left:274px; z-index:9999; opacity:0;}
.about_more{width:18px; height:55px; padding-top:5px; text-align:center; line-height:16px; border:solid 1px #acacac; border-radius:20px; font-size:13px; position:absolute; top:222px; left:856px; z-index:9999; opacity:0;}
.about_more a{color:#305dc3;}
.about_01{width:221px; height:484px; position:absolute; top:38px; left:-300px; opacity:0;}
.about_02{width:606px; height:198px; position:absolute; bottom:400px; left:228px; opacity:0;}
.about_03{width:143px; height:249px; position:absolute; bottom:800px; right:43px; opacity:0;}
.about_04{width:537px; height:464px; position:absolute; bottom:165px; right:-300px; opacity:0;}
.about_05{width:1156px; height:295px; position:absolute; top:600px; left:132px; opacity:0;}

.menu_bg{min-width:1200px; height:114px; background:url(../images/menu_bg.png) no-repeat center 7px;}
.menu{width:1025px; margin:0 auto;}
.menu li{float:left; width:205px; height:64px; text-align:center; font-size:14px; line-height:20px; position:relative;}
.menu a{display:block; background:url(../images/menu_01.png) no-repeat center top; padding-top:27px; color:#b88942;}
.menu a:hover{background:url(../images/menu_02.png) no-repeat center top;}
.menu li .menu_en01{width:205px; height:20px; position:absolute; top:27px; left:0;}
.menu li:hover .menu_en01{top:43px;transition-delay: 0;transition-duration: 1s;}
.menu li .menu_en02{width:205px; font-family:Arial; line-height:16px; position:absolute; top:43px; left:0;}
.menu li:hover .menu_en02{color:#000; top:27px;transition-delay: 0;transition-duration: 1s;}

.case_bg{min-width:1200px; height:582px; background:url(../images/case_bg.png) no-repeat center top;}
.case_top{width:1200px; height:108px; padding-top:26px; text-align:center; color:#656566; font-size:13px; line-height:44px; margin:0 auto;}
.case_top h4{color:#333; font-size:20px; font-weight:normal; line-height:52px; background:url(../images/case_top.gif) no-repeat center bottom;}
.case{width:1200px; height:207px; margin:0 auto 52px; position:relative; overflow:hidden;}
.case ul{width:1208px;}
.case li{float:left; width:295px; height:207px; margin-right:6px; display:inline; position:relative; overflow:hidden;}
.case li .case_tm{width:295px; height:207px; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; display:none;}
.case li:hover .case_tm{display:block;}
.case a{color:#fff;}
.case_fon{width:254px; height:30px; line-height:30px; text-align:center; background:#305dc3; font-size:14px; position:absolute; top:90px; left:20px;}
.case_fon a{color:#fff;}
.case_part{width:1200px; height:292px; position:relative; margin:0 auto;}
.arrow_left{width:36px; height:17px; position:absolute; bottom:7px; left:506px; cursor:pointer;}
.arrow_right{width:36px; height:17px; position:absolute; bottom:7px; right:516px; cursor:pointer;}
.case_c{width:32px; height:32px; position:absolute; left:581px; bottom:0;}

.plan_botbg{min-width:1200px; height:494px; background:url(../images/plan_botbg.png) repeat-x left bottom;}
.plan_top{width:1200px; text-align:right; margin:39px auto 15px auto;}
.plan_bg{width:1200px; height:158px; padding-top:47px; background:#305dc3; margin:0 auto; position:relative;}
.plan_more{width:106px; height:147px; position:absolute; bottom:-173px; right:46px;}


.plan_title{width:124px; height:75px; padding:36px 0 0 30px; background:url(../images/plan_titbg.gif) no-repeat; margin-left:29px; text-transform:uppercase; color:#fcfdfe; font-size:18px;}
.plan_title span{font-size:12px; padding-left:15px;}
.plan{width:183px; height:435px; position:absolute; top:-110px; left:207px; overflow:hidden;}
.plan li{width:183px; height:138px; margin-bottom:7px; position:relative; cursor:pointer;}
.plan_r{width:786px; height:205px; position:absolute; top:0; right:0;}
.dn{display:none;}
.plan_tm01{width:183px; height:138px; text-align:center; color:#fff; font-size:70px; font-family:Arial; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; display:block;}
.plan_tm02{width:183px; height:138px; text-align:center; color:#fff; font-size:70px; font-family:Arial; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; display:none;}
.plan_tm01 p{background:url(../images/plan_jt.png) no-repeat center bottom; line-height:117px;}
.plan_fon{width:530px; height:205px; color:#fff; position:relative;}
.plan_fon h4{font-size:16px; font-weight:600; line-height:46px; padding-top:20px;}
.plan_fon a{color:#fff;}
.plan_fon span{font-size:14px; padding:5px 10px; border:solid 1px #7a93ca; border-radius:3px; margin-bottom:10px; display:inline-block;}
.plan_sz{width:245px; height:205px; text-align:right; line-height:205px; font-size:200px; opacity:0.5; font-family:Arial; position:absolute; top:0; right:-277px;}

.product{width:1200px; margin:0 auto; overflow:hidden;}
.product ul{width:1216px;}
.product li{float:left; width:288px; height:184px; border:solid 1px #e6e4e4; margin:0 14px 16px 0; display:inline;}
.product a{color:#fff;}
.box{text-align: center;overflow: hidden;position: relative;}
.box:before{
		content: "";
		width: 0;
		height: 100%;
		background: #000;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
.box:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.5;
}
.box img{
		width: 100%;
		height: auto;
}
.box .box-content{
		width: 100%;
		color: #fff;
		position: absolute;
		top: 38%;
		left: 0;
}
.box .title1{
		width:254px; height:30px; line-height:30px; text-align:center; background:#305dc3; font-size:14px; margin:0 auto;
		opacity: 0;
		transition: all 0.5s ease 0s;
}
.box .title{
		width:156px; height:38px; line-height:38px; text-align:center; background:#305dc3; font-size:14px; margin:0 auto;
		opacity: 0;
		transition: all 0.5s ease 0s;
}
.box .post{
		font-size: 15px;
		text-transform: capitalize;
		opacity: 0;
		transition: all 0.5s ease 0s;
}
.box:hover .title,
.box:hover .post{
		opacity: 1;
		transition-delay: 0.7s;
}
.box:hover .title1,
.box:hover .post{
		opacity: 1;
		transition-delay: 0.7s;
}


/*footer*/
.foot_bg01{min-width:1200px; background:#272727; padding:26px 0; margin-top:80px;}
.foot_bg02{min-width:1200px; background:#1f1f1f; padding:10px 0;}
.foot{width:1200px; line-height:26px; color:#fff; font-size:14px; margin:0 auto; overflow:hidden;}
.foot a{color:#fff; padding-right:18px;}
.foot_con{float:left; width:600px;}
.foot_con h4{border-bottom:solid 1px #fff; line-height:56px; font-size:16px; font-weight:normal; margin-bottom:15px;}
.foot_mes{float:right; width:408px;}
.name{float:left; width:187px; padding-left:8px; height:30px; line-height:30px; border:solid 1px #797979; background:#3e3e3e; border-radius:5px; color:#eaeaea; font-family:"微软雅黑"; font-size:13px;}
input.name::-webkit-input-placeholder{color:#eaeaea;}
input.name:-moz-placeholder{color:#eaeaea;}
.name_k{margin-right:10px;}
.mes{width:394px; padding:5px 0 0 8px; height:68px; line-height:24px; border:solid 1px #797979; background:#3e3e3e; border-radius:5px; color:#eaeaea; font-family:"微软雅黑"; font-size:13px; margin-bottom:17px;}
textarea.name::-webkit-input-placeholder{color:#eaeaea;}
textarea.name:-moz-placeholder{color:#eaeaea;}
.btn_sub{width:145px; height:30px; border:none; background:#305dc3; font-size:14px; font-family:"微软雅黑"; color:#fff; border-radius:5px;}


/*main*/
.mainbody{width:1200px; padding-top:50px; margin:0 auto;}
.left{float:left; width:217px; position:relative;}
.right{float:right; width:935px;}
.list_top{width:217px; height:130px; padding-top:22px; background:#264ea7; position:absolute; top:-136px; left:0; z-index:9999;}
.list_title{width:166px; line-height:32px; margin-left:10px; text-align:right; color:#fdfbfb; font-family:Arial; font-size:15px; text-transform:uppercase;}
.list_title h4{border-bottom:solid 1px #5c7abd; line-height:54px; font-family:"微软雅黑"; font-size:25px; text-align:left;}
.list_bg{background:#305dc3; padding:17px 0 27px 0;}
.list{width:172px; margin:0 auto;}
.list li{border-bottom:solid 1px #4f75cc; line-height:24px; padding:5px 0; text-align:center; font-size:14px;}
.list li:last-child{border:none;}
.list a{color:#fdfbfb; line-height:27px;}
.pro{width:935px; overflow:hidden;}
.pro ul{width:960px;}
.pro li{float:left; width:295px; height:302px; border-bottom:solid 1px #bfbfbf; color:#868785; font-size:13px; margin:0 25px 60px 0; display:inline;}
.pro li img{width:295px; height:207px;}
.pro li:hover{border-bottom:solid 1px #305dc3;}
.pro h4{color:#212120; font-size:15px; font-weight:normal; padding:14px 0 8px 0;}
.page{width:100%; text-align:right; font-family:Arial; font-size:16px; padding-bottom:40px;}
.page a{padding:5px 10px; margin-left:5px; background:#305dc3; color:#fcfcfc;}

.news{
	padding: 20px 10px;
}
.news_list{
	margin-left: 11px;
	color: #666;
	font-size: 14px;
}
.news_list li{
	width: 515px;
	height: 79px;
	padding: 14px 23px;
	border: 1px solid #0f9ceb;
	margin-bottom: 16px;
}
#gbook {
	padding: 25px 0 0 35px;
}
#gbook li {
	padding: 5px;
}
#gbook input {
	border: 1px solid #999;
	width: 200px;
	padding-left: 2px;
	height: 26px;
	line-height: 26px;
}
#gbook #tijiao {
	width: 80px;
	height: 25px;
	line-height: 25px;
	background: #000;
	color: #FFF;
	margin-left: 50px;
}
#gbook textarea {
	width: 400px;
	height: 120px;
	border: 1px solid #999;
	overflow: hidden;
	line-height: 20px;
	padding-left: 2px;
}
#gbook #chongzhi {
	width: 80px;
	height: 25px;
	line-height: 25px;
	background: #000;
	color: #FFF;
}
#gbook span {
	color: #CCC;
	font-size: 12px;
}
#gbook_list {
	width: 630px;
	padding: 20px 0 0 50px;
	height: 200px;
}
#gbook_list li {
	width: 600px;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px dashed #000;
}
#gbook_list li span {
	float: left;
	padding-left: 10px;
}
#gbook_list li strong {
	float: right;
	font-weight: normal;
	padding-right: 10px;
}