@charset "gb2312";
/* CSS Document */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-style:normal;}
body,html{height:100%;}
.apple{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
body {background:#fff; font-size:62.5%;line-height: 140%; color:#707070; font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
ul,ol,li{list-style-type: none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
input,textarea,select, button,{font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif; font-size:0.88em;}


a {color: #727171; text-decoration:none;  font-family:΢ÈíÑźÚ, Arial, Helvetica, sans-serif;}
a:hover { text-decoration: none; color:#900;}
a:focus { background:none;color:#900; }
:focus{outline:0;}
/*Çå³ýÑùʽ*/
.clearBoth{ clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}
.verticalAlign{vertical-align:middle; display:inline-block; height:100%; width:1px;margin-left:-1px;}
.fl{ float:left;}
.fr{ float:right;}
.ml10{ margin-left:10px;}
.ml30{ margin-left:20px;}
.mt20{ margin-top:20px;}
.mr30{ margin-right:30px;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.w900{ width:950px; margin:0 auto;}
.w270{ width:w270;}
.w680{ width:680px;}
.w400{ width:400px;}
.w490{ width:490px;}
.w444{ width:444px;}
.nr{ width:92%; margin:15px auto;}
.nr img{max-width:100%;}
.line30{ line-height:30px;}
.line24{ line-height:24px;}
.bgbai{ background:#fff;}
.bghui{ background:#ddd;}
.margin{ margin:0 auto;}
.pad50{ padding:50px 0;}
/*×îÍâ²ã*/
#wrapper{width: 100%; overflow:hidden; background:#fffcf8;}


/*¶¥²¿ -------------------------------------------------------------------------------*/

.main_one{ background:#f3f3f3 url(../images/aboutbg.jpg) repeat-x; min-height:410px;}
.aboutus{ background:#fff; margin-top:18px; border:1px solid #ebebeb;}
.aboutus ul li{ display:inline-block;  text-align:center; width:19%; float:left; height:120px; margin-right:4px;}
.aboutus ul li a{ display:block;  width:100%; height:120px; font-size:14px;}
.aboutus ul li em{ width:70px; display:block; font-size:42px; background:#0191d7; text-align:center; line-height:70px; height:70px; border-radius:50%; margin:0 auto;margin-top:10px; -webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s; }
.aboutus ul li:hover em{ transform: rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); color:#1a5a7e;}
.aboutus ul li span{ line-height:40px;}
.aboutus ul li:hover span{color:#1a5a7e;}
.main_two{ background:#fafafb; padding-top:30px;}
h1.title{ text-align:center;}
h1.title a{ font-size:30px; color:#444444;}
h1.title em{ font-size:14px; color:#888; line-height:40px; background:url(../images/title1.png) center no-repeat; display:block;}
h1.title i{ font-size:14px; color:#fff; line-height:40px; background:url(../images/title.png) center no-repeat; display:block;}
h2.title{ font-size:26px; margin-bottom:50px; color:#000;}


h1.titlex{ text-align:center;}
h1.titlex a{ font-size:30px; color:#fff;}
h1.titlex em{ font-size:14px; color:#eee; line-height:40px; background:url(../images/title.png) center no-repeat; display:block;}
h1.titlex i{ font-size:14px; color:#fff; line-height:40px; background:url(../images/title.png) center no-repeat; display:block;}
h2.titlex{ font-size:26px; margin-bottom:50px; color:#000;}

.miaoshu{ font-size:16px; line-height:36px;}
.main_t{ height:387px; background:url(../images/about_bg.jpg) repeat-x; height:159px;}
.main_stree{ background:#f5f5f5; padding-bottom:50px;}
.main_fourth{ background:#fff;padding-bottom:50px; }
.tbox{  width:1200px; overflow:hidden; margin:0 auto; padding:40px 0 0;}
.tbox ul{ display:block; overflow:hidden;}
.tbox ul li{ display:block; width:580px; height:150px; background:#fff; margin-bottom:20px; overflow:hidden; float:left;
	transition:background 0.2s;
	-moz-transition:background 0.2s; /* Firefox 4 */
	-webkit-transition:background 0.2s; /* Safari and Chrome */
	-o-transition:background 0.2s; /* Opera */
}
.tbox ul  li:nth-child(2n){ float:right;}
.tbox ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.tbox ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.tbox ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.tbox ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.tbox ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.tbox ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.tbox ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.tbox ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}

/*.tbox ul li:hover{ background:#fff3e3;}*/
.tbox ul li .date{width: 98px;height: 98px;float: left;background: #eee;text-align: center;color: #000}
.tbox ul li .date i{font-size: 40px;line-height: 80px;width: 98px;display: block;color:#000; text-align:center;}
.tbox ul li .date span{font-size: 18px; line-height:40px;width: 98px;}
.tbox ul li a.title{ display:block; max-width:386px; line-height:30px;color:#555; font-size:16px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	transition:color 0.4s;
	-moz-transition:color 0.4s; /* Firefox 4 */
	-webkit-transition:color 0.4s; /* Safari and Chrome */
	-o-transition:color 0.4s; /* Opera */
}
.tbox ul li a.title:hover{ color:#ff6600;}
.tbox ul li .txt{ width:360px; height:72px; line-height:24px; color:#999; font-size:12px; float:left;}
.tbox ul li span{ display:block; height:24px; line-height:24px; color:#838383; font-size:12px; float:right; margin:-24px 2px 0 0;}
.tbox ul li span a{ margin:0 5px;}

.main_f{ background:url(../images/cale.jpg) center no-repeat;}
.case ul li{ width:30%; margin-right:5%; float:left; background: rgba(0,0,0,.7); border-radius:30px; padding-bottom:20px; margin-bottom:30px; margin-top:30px;}
.case ul li:nth-child(3n){ margin-right:0;}
.case ul li:hover { background: rgba(255,255,255,.7);}
.case ul li img{ border-top-left-radius:30px; border-top-right-radius:30px; width:100%;}
.case ul li p{ color:#fff; font-size:15px; width:90%; margin:20px auto 0;}
.case ul li:hover p{ color:#000;}
.case ul li:nth-child(1){	animation-name: fadeInUp;animation-delay: 0.1s;}
.case ul  li:nth-child(2){	animation-name: fadeInUp;animation-delay: 0.2s;}
.case ul li:nth-child(3){	animation-name: fadeInUp;animation-delay: 0.3s;}
.case ul li:nth-child(4){	animation-name: fadeInUp;animation-delay: 0.4s;}
.case ul  li:nth-child(5){	animation-name: fadeInUp;animation-delay: 0.5s;}
.case ul li:nth-child(6){	animation-name: fadeInUp;animation-delay: 0.6s;}
.case ul  li:nth-child(7){	animation-name: fadeInUp;animation-delay: 0.7s;}
.case ul  li:nth-child(8){	animation-name: fadeInUp;animation-delay: 0.7s;}
.case ul  li:nth-child(9){	animation-name: fadeInUp;animation-delay: 0.7s;}
.dashiji ul li{ border:1px solid #bda284; display:block; background:#caa58e; height:270px; margin-top:10px;}
.dashiji ul li div{ padding:180px 0 30px 20px;color:#fff; text-align:left; font-size:14px; line-height:24px;}
.banner1 img{ width:100%; margin:0 auto;}
.biaoti{ border-top:3px solid #caa58e; display:block; margin-top:35px;}
.nk_title{ background:url(../images/nkhf.jpg) center top no-repeat;}
.nkfy h2 a{ display:block; background:url(../images/ng_title.jpg) bottom repeat-x; line-height:60px; font-size:20px; color:#cb8c2c;}
.nkfy p{ color:#2c2c2c;}

#menu_con{ line-height:38px; width:120px; height:auto;}
#menu_con li{ width:120px; height:38px; text-align:center; background:#c6c5c3; display:inline-block;}
#menu_con li.on {float: left;  width:120px; height:38px; text-align:center;background:#92463d;}
#menu_con li h2 a{font-size:16px; color:#282828;word-spacing:3px; letter-spacing:3px; }
#menu_con li.on h2 a{font-size:16px; color:#282828;word-spacing:3px; letter-spacing:3px;  color:#fff;}
#content { font-size:100%;}
.footer{ background:#0082d0; width:100%; padding:30px 0; font-size:14px; text-align:center; color:#929292;}
.weixin{ position:relative;-webkit-transition: all 1s ease-in-out 0s;
	-moz-transition: all 1s ease-in-out 0s;
	-ms-transition: all 1s ease-in-out 0s;
	-o-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;}
.weixin .biaozhi{ background:url(../images/foot_chat.png) top right no-repeat; width:48px; height:48px; display:block; position:absolute; top:0; right:30px;}
.weixin .weixin{ display:none; height:100px; position:absolute; top:60px; right:0;}
.weixin:hover .weixin ,.weixin:hover .biaozhi{ animation:tada 2s;
-moz-animation:tada 2s; /* Firefox */
-webkit-animation:tada 2s; /* Safari and Chrome */
-o-animation:tada 2s; /* Opera */}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.weixin:hover .weixin { display:block;height:100px; width:100px; }
.tel{ margin-left:80px; background:#fff; width:300px; font-size:18px; padding:5px 20px; border-radius:30px; line-height:40px;}
.main1{width:100%;background:#f3f3f3 url(../images/main-bg.jpg) repeat-x top center;font-size: 13px;line-height: 22px;color:#666666;position:relative;}
.banner img{ max-height:300px; width:100%;}
.fenlei ul li{ background:#fff; border:1px solid #caa58e; width:110px; margin:61px 19px 0; height:30px; float:left; display:inline-block; line-height:30px; text-align: center;font-size:16px;}
.fenlei ul li.hover ,.fenlei ul li:hover{ background:#caa58e; border:1px solid #caa58e;}
.fenlei ul li.hover a ,.fenlei ul li:hover a{ color:#fff;}
.fenlei ul li a{ color:#caa58e;}
.fenlei ul li span{ line-height:24px; color:#fff; margin-top:45px; display:block;}
.baolie ul li{ margin-top:30px;}
.baolie ul li a{ font-size:12px; color:#3e3a39; line-height:36px;}
.baolie ul li a img{ display:block; width:960px; height:276px;}
.pagecrm{padding-left: 20px;background:url(../images/icon-crmhome.jpg) no-repeat left;font-size: 13px;line-height: 20px;font-weight: bold;margin-top: 45px;}
.pagecrm span{color:#2c313d;}
.pagecrm a{padding-left: 10px;background:url(../images/icon-crmsub.jpg) no-repeat left 8px;color:#2c313d;margin-left: 8px;line-height: 20px;}
.pagecrm a:hover{ color:#900;}
.pagecrm .current{color:#df8b19;}
.subtitle{width:608px; margin:0 auto; margin-top:30px; text-align:center}
.subtitle li{float:left;border: 1px solid #999999; margin:0 10px;}
.subtitle li a{display:inline-block;font-size: 13px;color:#666666; width:120px; text-align:center; padding:10px 0;background:#fff;}
.subtitle li a:hover,.subtitle .current a{background:#df8b19;color:#fff;border-color:#e11a21;}
.hezuo{ width:1100px; margin:0 auto; margin-top:40px; clear:both; }
.hezuo ul{margin:0; padding:0; list-style:none;}
.hezuo ul li{ float:left; margin:10px 10px; width:200px; height:80px; text-align:center;}
.hezuo ul li img{ width:200px; height:80px;}
.page p{ text-indent:2em; max-width:1200px; margin:0 auto;}
.page img { width:100%; }
.page p img{ width:auto;}

.readcount{background:url(../images/icon-see2.jpg) no-repeat left center;height:16px;line-height: 16px;font-weight: bold; float:left; padding-left:30px; width:120px; margin:0 auto;}
.guanggao{}
.guanggao img{ width:100%; height:auto;  }

.page .zhuanjia{ width:500px;margin-top:100px; margin-left:250px;}
.zhuanj h2{ text-align:center;}
.zhuanj h2 em{ margin-left:30px; }
.zhuanj h2 em a{ padding:5px 20px; border-radius:5px; background:#df8b19; font-size:12px; color:#fff;}

.tulist li{display: block;width: 100%; height:500px; padding-top:10px;}
.tulist .date{width: 300px;height: 300px;float: left;text-align: center;}
.tulist .date a img{width: 300px;height: 300px;}
.tulist .cont{width: 800px;height: 85px; float:left;padding: 26px 50px 21px 30px;}
.tulist h4{width: 1200px;font-size: 30px; font-weight:600;padding-bottom: 10px; line-height:100px; text-align:center; background:url(../images/h4title.png) no-repeat;}
.tulist .cont p{width: 800px;margin-bottom: 0;color:#666666;}
.tulist:hover h4 ,.tulist .cont:hover p{ color:#960}
.fa-angle-down {
	margin-left: 10px;
}
.prenext a{ margin-left:20px; font-weight:600; color:#205b86; }
.prenext a:hover{ color:#900;}
.zuoce h1{ background:url(../images/cpfl.jpg) top center no-repeat; height:64px; color:#fff;}
.zuoce h1 a em{ color:#fff; font-size:16px; line-height:63px;}
.zuoce .newslist{ background:url(../images/cpm.jpg) center repeat-y; height:auto; width:100%;}
.zuoce .newslist dl dd{ background:url(../images/listbg.jpg)  no-repeat; width:200px; height:40px; margin-left:15px; margin-bottom:8px; }
.zuoce .newslist dl dd:last-child{ margin-bottom:0;}
.zuoce .newslist dl dd a{ margin-left:25px; display:block; line-height:40px;}
.zuoce .botton{ background:url(../images/cpb.jpg) no-repeat bottom center; height:17px;}

.pagecrm{padding-left: 20px;background:url(../images/icon-crmhome.jpg) no-repeat left;font-size: 13px;line-height: 20px;font-weight: bold;margin-top: 15px;}
.pagecrm span{color:#2c313d;}
.pagecrm a{padding-left: 10px;background:url(../images/icon-crmsub.jpg) no-repeat left 8px;color:#2c313d;margin-left: 8px;line-height: 20px;}
.pagecrm .current{color:#b20811;}
.prenext .tolivelist, a.backlist_top {float: right;font-size: 14px;color: #ccb054;border: 1px solid #ccb054;line-height: 30px;padding: 0 25px;transition: background 0.4s;}
.prenext .tolivelist:hover,a.backlist_top:hover{background-color: #ccb054;color: #fff;}
.pager { max-width:700px;
  margin : 0px auto 30px auto;
  text-align : center;
}
.pager .prev,
.pager .pages,
.pager .next {
  display : inline-block;
  box-sizing : border-box;
  width: auto;
}
.pager .prev,
.pager .next {
  height: auto;
  background : none;
}
.pager .prev span,
.pager .next span {
  padding : 5px 15px;
  color : #fff;
  border : 1px solid #957713;
}
.pager .prev a span,
.pager .next a span {
  padding : 0;
  color : inherit;
  border : none;
}
.pager .prev {
  text-align : left;
  float : left;
}
.pager .next {
  text-align : right;
  float : right;
}
.pager .pages {
  text-align : center;
}
.pager a,
.pager span {
  padding :5px 15px;

  display : inline-block;
  box-sizing : border-box;
}
.pager a {
  background-color : #00489c; color:#fff;
  text-decoration : none; cursor:pointer;
}
.pager .pages span {
  color : #ffffff;
  background-color: #00489c;
  font-weight : bold;cursor:pointer;
}
.pager a:hover{ background-color: #5b5d50;}
h1.title1{ font-size:16px;  height:46px;  background:url(../images/rt.jpg) no-repeat; width:96%; margin:0 auto; line-height:46px; padding:0 35px;}
h1.title1 a em{color:#00409b; display:inline-block; height:46px; padding-right:10px; }
 h1.title1 a i{text-transform: uppercase; color:#cc4d5e;}
 h1.title1 span{ border:1px solid #00409b; color:#00409b; border-radius:5px; line-height:25px; padding:0 10px; margin-top:10px;}
  h1.title1 span a{ color:#00409b; font-size:12px;text-transform: uppercase;}
h1.title1 span img{ margin-top:20px; border:0;}
.newslist ul li{ border-bottom:1px dotted #ccc; line-height:40px;}
.links{ text-align:left; display:inline-block; border-bottom:1px solid #727171; padding-bottom:20px; margin-bottom:20px;}
.links ul li{ float:left; margin-right:10px;}


.new{width:1200px; margin:0 auto; clear:both;}
.new ul{list-style:none; margin:0; padding:0;}
.new ul li{float:left; width:560px; margin:10px 10px 30px 30px;}
.news{font:12px/24px "Microsoft yahei"; color:#666; padding:0px 15px;}
.news strong {font:bold 16px/32px "Microsoft yahei"; color:#333;}
.news strong a{color:#333; text-decoration:none;}
.news strong a:hover{color:#0191d7; text-decoration:underline;}
.pic2{ border:1px solid #dcdcdc; padding:2px;}

.copy{font:12px/30px  "Microsoft yahei"; color:#fff; text-transform:uppercase;}
.yqlj{background:#0079c2; width:100%; height:50px; clear:both;}
.link{width:1100px; height:50px; margin:0 auto; clear:both; font:12px/50px "Microsoft yahei"; ; color:#fff;}
.link ul{list-style:none; margin:0; padding:0;}
.link ul li{float:left; padding:0px 10px;}
.link ul li a{color:#fff; text-decoration:none;}
.link ul li a:hover{ color:#e7ce81; text-decoration:underline;}

#demoz {
height:120px;
overflow:hidden;
width: 1200px;
margin:0 auto;
}
#demoz img {

}
#indemoz {
float: left;
width: 800%;
}
#demo1z {
float: left;
}
#demo2z {
float: left;
}

#demozx {
height:480px;
overflow:hidden;
width: 1200px;
margin:0 auto;
}
#demozx img {

}
#indemozx {
float: left;
width: 800%;
}
#demo1zx {
float: left;
}
#demo2zx {
float: left;
}

.newsx { width: 1200px; margin: 0 auto; clear: both; }
.newsx ul { list-style: none; margin: 0; padding: 0; }
.newsx ul li { width: 1200px; margin: 20px 0px; padding-bottom: 20px; border-bottom:1px solid #dcdcdc;}
.newsx ul li dl { width: 1200px; margin: 0 auto; clear: both; }
.newsx ul li dl dt { float: left; margin-right: 30px; text-align: center; }
.newsx ul li dl dt img { display: block; border: 1px solid #dcdcdc; padding: 2px; }
.newsx ul li dl dd { font: 14px/28px "΢ÈíÑźÚ"; color: #888; text-align: left; text-transform:uppercase; }
.newsx ul li dl dd strong { font: 18px/30px "΢ÈíÑźÚ"; color: #333; }
.newsx ul li dl dd strong:hover { color: #008cd7; text-decoration: none; }