@charset "utf-8";
/* CSS Document */

/*功能模块*/
.funcList{ position:relative;  width:1200px;  margin:50px auto;}
.funcList ul.list{ overflow:hidden;}
.funcList .list li{ float:left; display:inline; width:158px; height:204px; text-align:center; padding:12px 0 0; margin:0 18px; overflow:hidden;}
.funcList .list li h3{ color:#000000; font:16px/20px "微软雅黑";margin:10px 0 0;}
.funcList .list li p{ color:#535352;font:14px/20px "微软雅黑"; margin:10px 0 0;}
.funcList .list li:hover{width:154px; height:201px; border:1px solid #ebebeb; border-bottom:3px solid #ebebeb;border-right:3px solid #ebebeb; border-radius:5px; padding-top:11px; cursor:pointer;}
.btn_more{ clear:both; width:247px; height:44px; margin:30px auto;}
.btn_more a{ display:block; width:172px; height:44px; padding:0 0 0 75px; background:url(../images/btn_more.jpg) no-repeat; color:#ffffff; font:17px/44px "微软雅黑"; }
.btn_more a:hover{ text-decoration:none;}

.tc_detail{ position:absolute; top:0; left:-110px; width:1200px; height:652px; background:url(../images/bg_tc_detail.jpg) no-repeat; display:none; }
.tc_detail .op{ position:absolute; width:322px; top:0; left:0; z-index:30;}
.tc_detail .op .fl{ float:left; width:79px; height:44px; background:#633c23; padding:0 14px;}
.tc_detail .op .fl a{ color:#fff; line-height:44px; font-size:18px;}
.tc_detail .op .fl a.slider_prev{ margin-right:50px;}
.tc_detail .op a.close{ float:right; display:block; width:18px; height:18px; background-position:-200px -400px; margin:12px 12px 0 0;}
.tc_detail .cover{ position:absolute; top:35px; left:327px;  width:457px; height:473px;background:url(../images/bg_cover.png) no-repeat; z-index:20;}
.tc_detail .wrap_slider{ width:1200px; height:652px; overflow:hidden;}
.tc_detail .detailList { position:relative; height:652px; }
#magazine{width:1200px; height:652px;}
#magazine .turn-page{
 	background:url(../images/bg_tc_detail.jpg) no-repeat;
	background-size:100% 100%;
}
/*.tc_detail .detailList li{ position:absolute; width:1440px; height:652px; z-index:1;}*/
.tc_detail .detailList .page{ width:1200px; height:652px;}
.tc_detail .detailList .fl{ float:left; width:322px; height:560px; padding:92px 0 0 0;}
.tc_detail .detailList .title{ text-align:center; color:#ffffff; font-size:30px; line-height:82px;}
.tc_detail .detailList .title img{ margin-right:20px;}
.tc_detail .detailList .title span{ background:url(../images/round.png) left center no-repeat; padding-left:22px;}
.tc_detail .detailList h3{ width:270px; color:#ffffff; font:18px "微软雅黑";  margin:40px auto 30px;}
.tc_detail .detailList p{ width:300px; margin:0 auto; color:#ffffff; font:14px/24px "微软雅黑"; margin-bottom:30px;}
.tc_detail .detailList .fr{ float:left; width:813px; height:622px; padding:30px 0 0 65px;}




.home-main {
  background-color: #fff;
}
/* line 166, ../sass/main.scss */
.home-main .home-main-wrap {
  width: 1180px;
  margin: 0 auto;
}
/* line 258, ../sass/main.scss */
.home-main .home-main-wrap .service {
  position: relative;
  height:450px;
  z-index: 1;
}
/* line 262, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap {
  padding-top: 25px;
  position: relative;
  z-index: 3;
}
/* line 267, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top {
  margin-bottom: 50px;
}
/* line 269, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con {
  text-align: center;
  width: 350px;
  margin: 0 auto;
}
/* line 273, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con:hover .title-btn span {
  /* width:60px;*/
}
/* line 277, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con h2 a {
  color: #3f3f3f;
  font-size: 32px;
  font-weight: bold;
}
/* line 283, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
  padding-top: 0;
}
/* line 289, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con .title-btn {
  display: block;
  width: 350px;
  margin: 20px auto 13px;
  height: 4px;
  text-align: center;
  background: url("../images/title-btm-bg-w.png") repeat-x bottom;
}
/* line 296, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top .title-con .title-btn span {
  /* transition: width  0.5s ease-in;*/
  display: block;
  width: 30px;
  margin: 0 auto;
  height: 4px;
  background: url("../images/title-btm-bg.png") repeat-x;
}
/* line 306, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .title-top p {
  padding-top: 7px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
/* line 316, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item {
  width: 236px;
  float: left;
  text-align: center;
}
/* line 320, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon a {
  background: url("../images/service01-h.png") no-repeat center;
}
/* line 323, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-an a {
  background: url("../images/service02-h.png") no-repeat center;
}
/* line 326, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-wx a {
  background: url("../images/service03-h.png") no-repeat center;
}
/* line 329, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-ht a {
  background: url("../images/service04-h.png") no-repeat center;
}
/* line 332, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover .service-icon-web a {
  background: url("../images/service05-h.png") no-repeat center;
}
/* line 335, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item:hover h3 a {
  color: #fe7100;
}
/* line 339, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon {
  text-align: center;
}
/* line 341, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon a {
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: url("../images/service01.png") no-repeat center;
}
/* line 350, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-an a {
  background: url("../images/service02.png") no-repeat center;
}
/* line 355, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-wx a {
  background: url("../images/service03.png") no-repeat center;
}
/* line 360, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-ht a {
  background: url("../images/service04.png") no-repeat center;
}
/* line 365, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item .service-icon-web a {
  background: url("../images/service05.png") no-repeat center;
}
/* line 369, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item h3 {
  margin: 25px 0 15px;
}
/* line 371, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item h3 a {
  color: #3f3f3f;
  font-size: 20px;
  font-weight: 600;
}
/* line 377, ../sass/main.scss */
.home-main .home-main-wrap .service .service-wrap .service-bottom .service-list .service-item p {
  color: #888888;
  font-size: 12px;
  line-height: 18px;
  padding: 0 10px;
}