﻿@charset "utf-8";
/* CSS Document */

html,body{min-height:100%;}
body{background-size:cover;babackground-repeat:no-repeat; background:url(../images/bj.png) repeat;}
.main{padding-top:141%;text-align:center;}
.main a img{width:40%;}
.padd{padding-left:5%;}
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration: none;
}
.clearfix{display:inline-table;}

html, body { height: 100%;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ blur:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
body {margin: 0px; color:#3F3F3F; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif; background-color:#f8f8f8;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none;color: #131313;}
a:visited {text-decoration: none; color: #131313;}
a:hover { text-decoration: none; color: #131313;}
a:active {text-decoration: none; color: #131313;}

.top_box{ width:100%; height:85px; background:url(../images/top_bj.jpg) repeat-x; z-index:999; position:fixed; margin-bottom:85px; padding-bottom:85px; min-width:1200px;}
.top{ width:1180px; height:85px; margin:0 auto;}
.top_l{ width:390px; height:62px; float:left; padding-top:12px;}
.top_l img{ width:388px; height:62px;}
.top_r{ height:62px; float:right;}
.top_r ul li{ width:105px; height:62px; line-height:100px; float:left; text-align:center;}
.top_r ul li a{ display:block; font-size:14px; color:#494949;-webkit-transition: all .9s ease 0s;-moz-transition: all .9s ease 0s;
	-o-transition: all .9s ease 0s;
	transition: all .9s ease 0s;}
.top_r ul li a:hover{ font-weight:bold; color:#dd7800;}

.banner1 {width:100%; height:400px; min-width:1200px; padding-top:30px;}
.banner1 img{width:100%; height:400px;}

.phoenix-slider {
  overflow: hidden;
  width: 100%;
  height: 800px;
  position: relative;
  background: #f5f5f5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.phoenix-slider .phoenix-feather {
  background: transparent none scroll no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
 min-width:1200px;
  overflow: hidden;
  display: table;
  width: 100%;
  z-index: 2;
  opacity: 0;
}
.phoenix-slider .reborn { z-index: 4; }
.phoenix-slider .phoenix-feather > img {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
 min-width:1200px;
  overflow: hidden;
  display: none;
}

/* Slider Dots */
.container-dots-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  z-index: 9;
}
.container-dots-inner {
  display: table;
  height: 100%;
}
.dots {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dots li {
  width: 10px;
  height: 10px;
  margin: 0 4px 7px 4px;
  text-indent: -999em;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}
.dots li.active {
  width: 11px;
  height: 11px;
  background: #fff;
  border: 2px solid #fff;
  left: 8px;
  opacity: 1;
}

.gy{ width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-top:120px;}
.gy_bt{ width:1180px; height:60px; text-align:center;}
.gy_bt h3{ width:1180px; height:40px;}
.gy_bt h3 a{ height:40px; font-size:26px; color:#494949; font-weight:normal;}
.gy_bt h3 a i{ font-style:normal; color:#dd7800;}
.gy_bt span{ display:block; font-size:20px; background:url(../images/line.png) no-repeat center;}

.gy_nr{ width:1180px; height:auto; overflow:hidden;}
#tab{width:1180px; overflow:hidden;}
.cp_tit{ width:1180px; height:180px; margin-top:30px;}
#tab .tab_menu{ width:660px;height:180px; margin:0 auto;}
#tab .tab_menu li{ float:left; width:170px; height:170px; background-color:#fff; border:10px solid #f7f7f9; border-radius:85px; margin-left:20px; margin-right:20px; text-align:center;}
#tab .tab_menu li h3 a{ display:block; height:30px; line-height:30px; font-size:14px; padding-top:40px;}
#tab .tab_menu li h3 a span{ height:50px; line-height:50px; display:block; font-size:44px; font-family:Impact; font-weight:normal;}
#tab .tab_menu li:hover{ }
#tab .tab_menu .selected a{ display:block; color:#fff; width:160px; height:160px; background-color:#dd7800; border:10px solid #f3dbbe; border-radius:85px;}
#tab .tab_menu .selected a span{ color:#fff;}
#tab .tab_box{width:1180px;height:auto;clear:both; margin-top:30px;}
#tab .hide{display:none;}
.fz{ width:1180px; height:400px; background:url(../images/fz_line.png) no-repeat center;}
.fz_u{ width:1180px; height:120px;}
.fz_u ul li{ width:330px; height:120px; float:left;}
.fz_u ul li:last-child{ width:180px; height:120px;}
.fz_u ul li p{ width:180px; height:120px; line-height:24px; overflow:hidden;}
.fz_u ul li p span{ width:180px; height:40px; line-height:40px; color:#dd7800; font-size:22px; font-weight:bold; display:block;}
.fz_d{ width:1180px; height:120px; margin-top:150px;}
.fz_d ul{ margin-left:180px;}
.fz_d ul li{ width:330px; height:120px; float:left;}
.fz_d ul li p{ width:180px; height:120px; line-height:24px; overflow:hidden;}
.fz_d ul li p span{ width:180px; height:40px; line-height:40px; color:#dd7800; font-size:22px; font-weight:bold; display:block;}

.jj{ width:1080px; height:360px; overflow:hidden; margin:20px auto; background:url(../images/jj_bj.png) no-repeat left center;}
.jj p{ width:760px; line-height:35px; font-size:14px; text-indent:2em; text-align:left; margin-left:260px;}

.wh{ width:1180px; height:360px; background:url(../images/wh_bj.png) no-repeat center; position:relative; letter-spacing:1px;}
.wh_1{ width:340px; height:auto; overflow:hidden; position: absolute; left:40px; line-height:28px; font-size:14px; text-align:right;}
.wh_2{ width:340px; height:auto; overflow:hidden; position: absolute; left:810px; line-height:28px; font-size:14px; text-align:left;}
.wh_3{ width:340px; height:auto; overflow:hidden; position: absolute; top:200px; left:40px; line-height:28px; font-size:14px; text-align:right;}
.wh_4{ width:340px; height:auto; overflow:hidden; position: absolute; left:810px; top:200px;line-height:28px; font-size:14px; text-align:left;}

.gy_butt{ width:148px; height:26px; margin:50px auto;}

.cp_box{ width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-top:90px;}
.cp_bt{ width:1180px; height:120px; text-align:center;}
.cp_bt h3{ width:1180px; height:40px;}
.cp_bt h3 a{ height:40px; font-size:26px; color:#fff; font-weight:normal;}
.cp_bt h3 a i{ font-style:normal; color:#dd7800;}
.cp_bt span{ display:block; font-size:20px; background:url(../images/line.png) no-repeat center; color:#fff;}
.cp_bt p{ height:40px; line-height:40px; color:#fff; font-size:14px; letter-spacing:3px;}
.cp_nr{ width:1040px; height:auto; overflow:hidden; margin:50px auto;}
.cp_nr ul li{ width:220px; height:200px; margin-left:20px; margin-right:20px; margin-bottom:20px; margin-top:40px; float:left; background-color:#f7f6e5;}
.cp_nr ul li img{ width:220px; height:160px; padding-left:5px; padding-top:5px; padding-right:5px;}
.cp_nr ul li p{ width:220px; height:40px; line-height:40px; background-color:#e0e0e0; text-align:center; font-size:14px;}
.cp_nr ul li:hover p{ background-color:#dd7800; color:#fff; font-weight:bold;}
.cp_butt{ width:190px; height:40px; line-height:40px; text-align:center; border:2px solid #fff; border-radius:3px; margin:0 auto;}
.cp_butt a{ color:#fff; font-size:14px; letter-spacing:2px;}

.xw{ width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-top:140px;}
.xw_nr{ width:1140px; height:auto; overflow:hidden; margin:60px auto;}
.xw_nr ul li{ width:330px; height:420px; margin-left:25px; margin-right:25px; background-color:#fff; border-bottom:5px solid #ccc; float:left;}
.xw_nr ul li:hover{ border-bottom:5px solid #dd7800;}
.xw_nr ul li img{ width:330px; height:246px;}
.xw_nr ul li dl{ width:290px; height:154px; margin:10px auto;}
.xw_nr ul li dl dt{ width:290px; height:50px; font-size:14px; font-weight:bold;}
.xw_nr ul li dl dt span{ height:20px; line-height:20px; font-weight:normal; display:block;}
.xw_nr ul li dl dd{ width:290px; height:78px; line-height:26px; overflow:hidden;}
.xw_butt{ width:50px; height:50px; margin:0 auto;}



.footer{ width:100%; height:600px; background:url(../images/foot_bj.jpg) no-repeat center; min-width:1200px;}
.foot1{ width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-top:100px;}
.foot{ width:1180px; height:auto; overflow:hidden; margin:0 auto; padding-top:250px;}
.foot_u{ width:1180px; height:auto; overflow:hidden;}
.foot_l{ width:500px; height:auto; overflow:hidden; float:left; margin-left:30px;}
.ewm{ width:120px; height:120px; border:3px solid #4b433f; float:left;}
.ewm img{ width:114px; height:114px; padding:3px;}
.lx{ width:360px; height:auto; overflow:hidden; float:left; margin-left:20px;}
.lx dl dt p{ width:260px; height:auto; line-height:26px; overflow:hidden; float:left; font-weight:bold; color:#7a7572;}
.lx dl dt span{ display:block; height:40px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff;}
.lx dl dt b{ display:block; font-size:14px; height:30px; line-height:30px; color:#fff;}
.lx dl dd{ width:360px; height:auto; line-height:30px; overflow:hidden; font-weight:bold; color:#fff;}
.lx dl dd span{ font-size:16px; color:#dd7800;}

.foot_r{ width:600px; height:auto; overflow:hidden; float:right; margin-right:30px;}
.foot_r ul li{ width:138px; height:180px; float:left; border-right:2px solid #4b433f; text-align:center;}
.foot_r ul li dt{ width:138px; height:35px; line-height:35px; font-weight:bold; color:#fff; font-size:14px;}
.foot_r ul li dd{ width:138px; height:26px; line-height:26px; font-weight:bold; color:#bfbdbc;}
.foot_r ul li dd a{ color:#bfbdbc;}
.foot_r ul li dd a:hover{ color:#fff; text-decoration:underline;}
.foot_r ul li li:first-child{ border-left:2px solid #4b433f;}
.foot_d{ width:1180px; height:auto; line-height:30px; text-align:center; color:#fff; margin-top:100px;}
.foot_d a{ color:#fff;}
.foot_d a:hover{ color:#ccc; text-decoration:underline;}

.pageAct { width:100%; color:#c5c5c5; height:30px; line-height: 30px; padding-top:90px; min-width:1200px;}
.inner {width: 1120px; margin: 0px auto;}
.pageAct .ico { background: url(../images/home_ico.png) no-repeat scroll left center; padding-left: 26px;
}
.pageAct span {padding: 0px 5px;}
.pageAct a{ color: #c5c5c5;}

.pageNav { width:100%; height:50px; line-height: 50px; margin-top:30px; border-bottom: 1px solid #d8d8d8;margin-bottom: 30px;text-align: center; min-width:1200px;}
.pageNav a {line-height: 46px;display: inline-block;padding: 0px 20px;margin: 0px 10px;font-size: 14px;}
.pageNav a:hover{ border-bottom:3px solid #dd7800; display:inline-block;}


.main_xw{width: 1110px; margin: 40px auto; height:auto; overflow:hidden;}
.main_xw ul li{ width: 350px; height:300px; margin-left:10px; margin-right:10px;margin-bottom: 30px; float:left;}
.main_txt{ width: 350px; height:50px; margin-top:10px; font-size:14px; letter-spacing:1px; overflow:hidden;}
.main_txt span{ font-size:12px; height:20px; line-height:20px; letter-spacing:1px; display:block;}

.main_img{
    height: 230px;
    width: 350px;
	overflow:hidden;
	position: relative;
}
.main_img img{
	height: 230px;
    width: 350px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
	background: rgba(0, 0, 0, 0.4);
	height:230px;
	left: 2px;
	opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 3px;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: opacity;
	transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
	-moz-transition-duration: 0.3s;
	-moz-transition-property: opacity;
	-moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: opacity;
	-webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
	-o-transition-duration: 0.3s;
	-o-transition-property: opacity;
	-o-transition-timing-function: ease-in;
	width:350px;
	z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}


.main_pro_fl{ width:1180px; height:auto; overflow:hidden; margin:0 auto; margin-top:60px;}
.main_pro_bt{width:1050px; height:auto; overflow:hidden; margin:0px auto;}
.main_pro_bt li{ width:150px;height:240px;text-align:center; margin-left:30px; margin-right:30px; float:left;}
.main_pro_bt li dl dt{ width:150px;height:150px; background:#234a84; border-radius:75px;}
.main_pro_bt li dl dt img{ padding-top:40px;}
.main_pro_bt li dl dd{ width:150px;height:60px; line-height:60px; font-size:18px;}
.main_pro_bt li:hover dl dt{ width:150px;height:150px; background:#dd7800; border-radius:75px;}
.main_pro_bt li:hover dl dd a{ text-decoration:underline; color:#dd7800;}

.main_pro_btIndex{width:1050px; height:auto; overflow:hidden; margin:0px auto;}
.main_pro_btIndex li{ width:150px;height:210px;text-align:center; margin-left:30px; margin-right:30px; float:left;}
.main_pro_btIndex li dl dt{ width:150px;height:150px; background:#234a84; border-radius:75px;}
.main_pro_btIndex li dl dt img{ padding-top:40px;}
.main_pro_btIndex li dl dd{ width:150px;height:60px; line-height:60px; font-size:18px; color:#FFF;}
.main_pro_btIndex li dl dd a{ color:#FFF;}
.main_pro_btIndex li:hover dl dt{ width:150px;height:150px; background:#dd7800; border-radius:75px;}
.main_pro_btIndex li:hover dl dd a{ text-decoration:underline; color:#dd7800;}

.main_tp{ width:1180px; height:auto; overflow:hidden; margin:40px auto; margin-top: 70px;}
.main_tp ul li{ width:260px; height:230px; float:left;  margin-bottom:20px; margin-left:28px; margin-right:5px;}
.main_tp ul li img{ width:250px; height:180px; padding:4px; border:1px solid #ccc;}
.main_tp ul li img:hover{ border:1px solid #dd7800;}
.main_tp ul li a p{ display:block; width:256px; height:40px; line-height:40px; font-size:14px; text-align:center;}
.main_tp ul li a p:hover{ text-decoration:underline; color:#dd7800;}

.main_jj{ width:1180px; height:auto; overflow:hidden; margin: 40px auto;}
.jj_bt{ color: #dd7800; font-size: 30px; line-height:50px; letter-spacing:2px;text-align: center;}
.jj_wz{ font-size: 14px; line-height:30px; letter-spacing:2px; text-align:justify; margin-top:20px;}





