*,*:before,*:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); margin:0; padding:0;}
ul li{list-style:none; }
ul{margin:0;padding:0;list-style:none;zoom:1; /* IE */}
ul:after{content:"";display:block;clear:both;height:0;}/* 避免因子元素浮动而导致的父元素高度缺失 */
h1, h2, h3, h4, h5, h6,p{font-weight: normal; margin:0;}
em, i, cite{font-style: normal;}
.fl{float:left;}
.fr{float:right;}

a{ color:#888; text-decoration:none;}
a:hover{color:#c03333;}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}

.abs{position: absolute;}
.rlt{position: relative;}
.hide{display:none;}
.show{display: block;}


/* 缩略图+标题 */
.ml{}
	.ml ul{overflow:hidden;}
	.ml li{float:left;}
		.ml img{margin:0 auto; vertical-align:bottom;}/***解决图片下方多出4px高度，1、添加display:block;2、添加vertical-align:bottom;3、添加margin-bottom:-4px;4、li添加overflow:hidden;5、ul添加font-size:0;***/
		.ml p, .ml span{display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		.ml span, .ml span a{}
		
/* 栏目+文章标题+时间 */
.xl li{}
	
	/* 时间 */
	.xl em{float:right;}
		.xl em, .xl em a{}
	
	/* 栏目 */
	.xl label, .xl label a{color:#C00;}
	
	
/* 缩略图+文章标题+摘要 */
.xld{overflow:hidden; height:100%;}	
	.xld .m{float:left;}
	.xld .m img{display:block;}/****加上"display:block;"这个代码ie7就不会多出空格****/

.xrd{overflow:hidden; height:100%;}	
	.xrd .m{float:right;}
	.xrd .m img{display:block;}/****加上"display:block;"这个代码ie7就不会多出空格****/


/***加载***/
#preloader{position:fixed;z-index:2500;top:0;left:0;right:0;bottom:0;background-color:#fff; z-index:999999; }
#status{position:fixed;z-index:999999;width:250px;height:250px;position:absolute;left:50%;top:50%;background-size:32px 32px;margin-top:-125px;margin-right:0;margin-bottom:0;margin-left:-115px;}
#status p{top:70%;}
.center-text{text-align:center;background-image:url(../images/loading.jpg);background-repeat:no-repeat;background-position:center top;height:182px;width:234px;}
.center-text span{font-size:14px;color:#999999;position:relative;top:170px;}


/***头部01***/
.wid{ width:1100px; margin:0 auto; overflow:hidden;}
#head1 .top{background-color:#666; color:#fff; height:36px; line-height:36px; font-size:14px; font-family:"微软雅黑";}
#head1 .top .wid .fr{ font-size:16px;}
#head1 .header{background-color:#000; padding:20px 0;}
#head1 .header .logo{ width:53%;}
#head1 .header .logo img{display:block; height:auto; max-width:100%;}
#head1 .header .so{ width:46%;}
#head1 .header .search{border:2px solid #c03333; background-color:#fff; margin-top:18px; float:right;}
#head1 .header .input{ width:350px; color:#888; line-height:35px; font-size:14px; border:none; padding-left:30px; background: url(../images/so_bg.jpg) no-repeat 8px 10px;}
#head1 .header .sub{cursor:pointer; line-height:35px; padding:0 25px; background-color:#c03333; color:#fff; border:none; vertical-align:top; font-size:16px;}
/*蓝色*/
#head1 .header .sub{background-color:#007ab9;}
#head1 .header .search{border:2px solid #007ab9;}
#head1 .header{background-color:#f7f7f7;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-shadow:0 1px 6px #ccc;box-shadow:0 1px 6px #ccc;}

@media (max-width: 1128px) {
.wid{width:846px;}
#head1 .header .input{width:250px;}
}
@media (max-width:846px) {
.wid{ width:564px;}
#head1 .header .logo{ width:90%;}
#head1 .header .so{ display:none;}
}
@media (max-width:640px) {
.wid{ width:320px;}
}
/***导航条01***/
#head1 .nav {width:100%; height:60px; background-color:#bf3131; overflow:hidden;}
#head1 .nav .n {width:1100px; margin:0px auto; border-right: 1px solid #962828;}
#head1 .nav .n li {position:relative; display:block; width:130px; height:60px; float:left; display: inline; text-align:center; vertical-align:middle; line-height:60px; border-left:1px solid #962828;}
#head1 .nav .n li a {color:#fff; font-size:15px; display:block; max-width:100%; height:auto;}
#head1 .nav .n li ul li {background-color:#353535; border:0px; height:40px; text-align:center; vertical-align:middle; line-height:40px; clear:both;}
#head1 .nav .n li ul li a {font-size:12px; height:40px;}
#head1 .nav .n li ul {display:none; position:absolute; z-index:999; left: 0;}
#head1 .nav .n li:hover ul {display:block;}
#head1 .nav .n li ul li a:hover {background-color:#979797;}
@media (max-width: 1128px) {
#head1 .nav .n{width:846px;}
}
@media (max-width:846px) {
#head1 .nav .n{ width:564px;}
#head1 .nav .n li{width:90px;}
}
@media (max-width:640px) {
#head1 .nav .n{ width:auto;}
#head1 .nav .n li{width:55px; line-height:30px; padding:0 2%;}
#head1 .nav .n li:first-child{width:30px; padding-left:1%;}/***第一个样式不一样***/
#head1 .nav .n li ul li:first-child{width:55px;}/***第一个样式不一样***/
}

/*蓝色*/
#head1 .nav {background-color:#007ab9;}
#head1 .nav .n {border-right: 1px solid #3891bd;}
#head1 .nav .n li{border-left:1px solid #3891bd;}


/***轮播图片***/
.slide{width: 100%; overflow: hidden;}
.slide img{margin-left: calc(50% - 960px); margin-left: -webkit-calc(50% - 960px); margin-left: -moz-calc(50% - 960px);}
.slide i{cursor: pointer; color: #007AFF; font-size: 50px; top: 50%; margin-top: -25px; opacity: .3; transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.slide:hover i{opacity: 1;}
i.left{left: 20px;}
i.right{right: 20px;}
.slide ul{left: 50%; bottom: 20px;}
.slide ul li{float: left; width: 12px; height: 12px; background: white; border-radius: 50%; margin-right: 10px; cursor: pointer;}
.slide ul li.active{background: #007AFF;}

@media (max-width:846px) {
.slide .pic img{ width:846px; height:auto; margin-left: calc(50% - 430px); margin-left: -webkit-calc(50% - 430px); margin-left: -moz-calc(50% - 430px);}
}
@media (max-width:640px) {
.slide .pic img{ width:640px; height:auto; margin-left: calc(50% - 320px); margin-left: -webkit-calc(50% - 320px); margin-left: -moz-calc(50% - 320px);}
}


/***头部02***/
#head2 .header{background-color:#562776; padding:10px 0;}
#head2 .header .logo{ width:53%;}
#head2 .header .logo img{display:block; height:auto; max-width:100%;}
#head2 .header .so{ width:46%;}
#head2 .header .so h1{ float:right; color:#fff; font-size:22px; font-weight: bold; margin-top:20px;}
#head2 .header .search{border:2px solid #BEA3E9; background-color:#fff; margin-top:10px; float:right;}
#head2 .header .input{ width:350px; color:#888; line-height:35px; font-size:14px; border:none; padding-left:30px; background: url(../images/so_bg.jpg) no-repeat 8px 10px;}
#head2 .header .sub{cursor:pointer; line-height:35px; padding:0 25px; background-color:#BEA3E9; color:#fff; border:none; vertical-align:top; font-size:16px;}
/***导航条02***/
#head2 .nav {width:100%; height:40px; background-color:#efefef; border-bottom: 1px solid #ccc; box-shadow: 0px 2px 0px rgba(0,0,0,0.05); overflow:hidden;}
#head2 .nav .n {width:1100px; margin:0px auto;}
#head2 .nav .n li {position:relative; display:block; width:130px; height:40px; float:left; display: inline; text-align:center; vertical-align:middle; line-height:40px;}
#head2 .nav .n li a {color:#562776; font-size:15px; display:block; max-width:100%; height:auto;}

/***头部03***/
#head3 .header{background: url(../images/top3.jpg) no-repeat 0 0; padding:13px 0 10px;}
#head3 .header .logo{ width:350px; margin-top:10px;}
#head3 .header .logo img{display:block; height:auto; max-width:100%;}
/***导航条03***/
#head3 .nav {margin-top:25px;}
#head3 .nav .n li {position:relative; display:block; width:100px; height:50px; float:left; display: inline; text-align:center; vertical-align:middle; line-height:50px;}
#head3 .nav .n li a {color:#333; font-size:16px; display:block; max-width:100%; height:auto;}
#head3 .nav .n .a a,#head3 .nav .n li a:hover {border-bottom:2px solid #39beeb; color:#39beeb;}
#head3 .qiu{ float:right; width:106px; height:90px; background: url(../images/qiu3.jpg) no-repeat 0 0;}

/***头部04***/
#head4 .header{background-color:#fff; padding:10px 0;}
#head4 .header .logo{ width:300px;}
#head4 .header .logo img{display:block; height:auto; max-width:100%;}
#head4 .header .so{margin-top:20px;}
#head4 .header .so h1{ float:left; color:#32a12a; font-size:22px; font-weight: bold; margin-top:20px; margin-right:40px;}
#head4 .header .so h1:before{ font-weight:normal; margin-right:10px;}
#head4 .header .search{border:2px solid #32a12a; background-color:#fff; margin-top:10px; float:right;}
#head4 .header .input{ width:300px; color:#888; line-height:35px; font-size:14px; border:none; padding-left:30px; background: url(../images/so_bg.jpg) no-repeat 8px 10px;}
#head4 .header .sub{cursor:pointer; line-height:35px; padding:0 25px; background-color:#32a12a; color:#fff; border:none; vertical-align:top; font-size:16px;}
/***导航条04***/
#head4 .nav {width:100%; height:50px; background-color:#fff; border-top: 3px solid #32a12a; margin-bottom:5px; overflow:hidden;}
#head4 .nav .n {width:1100px; margin:0px auto;}
#head4 .nav .n li {position:relative; display:block; width:130px; height:50px; float:left; display: inline; text-align:center; vertical-align:middle; line-height:50px;}
#head4 .nav .n li a {color:#333; font-size:16px; display:block; max-width:100%; height:auto;}
#head4 .nav .n .a a,#head4 .nav .n li a:hover {background: url(../images/n_4.png) no-repeat center 70%; color:#fff;}


/***头部05***/
#head5 .header{background-color:#F9F7F8; padding:10px 0;}
#head5 .header .logo{ width:350px;}
#head5 .header .logo img{display:block; height:auto; max-width:100%;}
/***导航条05***/
#head5 .nav {margin-top:25px;}
#head5 .nav .n li {position:relative; display:block; float:left; display: inline; text-align:center; vertical-align:middle; margin:0 10px;}
#head5 .nav .n li a {color:#333; font-size:16px; display:block; max-width:100%; height:auto; padding: 5px 10px;}
#head5 .nav .n .a a,#head5 .nav .n li a:hover {background-color:#e63641;color: #fff; border-radius:15px;}


/***头部06***/
#head6 .header{background-color:#fff; padding:15px 0;}
#head6 .header .logo{ margin-top:10px;}
#head6 .header .logo img{display:block; height:auto; max-width:100%;}
#head6 .header .so{margin-top:15px; width:400px;}
#head6 .header .so .m{ font-size:43px; font-weight:normal; width:70px; height:70px; margin:0 10px 0 0; border-radius:70px; border: 2px solid #32a12a; text-align:center; padding-left:12px;}
#head6 .header .so dt{padding-top:5px;}
#head6 .header .so dd{color:#32a12a; font-size:22px; font-weight: bold; margin-top:5px;}

/***导航条06***/
#head6 .nav {width:100%; height:50px; background-color:#4ba737; overflow:hidden;}
#head6 .nav .n {width:1100px; margin:0px auto;}
#head6 .nav .n li {position:relative; display:block; height:50px; line-height:50px; float:left; display: inline; text-align:center; vertical-align:middle;background: url(../images/n6.jpg) no-repeat top right;}
#head6 .nav .n li a {color:#fff; font-size:16px; display:block; max-width:100%; height:auto; padding:0 25px;}
#head6 .nav .n .a a,#head6 .nav .n li a:hover {background-color:#F4A814;}

/***头部07***/
#head7 .header{background-color:#fff; border-top:5px solid #1e8bc3;}
#head7 .header .logo{ width:350px; padding-top:25px;}
#head7 .header .logo img{display:block; height:auto; max-width:100%;}
/***导航条07***/
#head7 .nav .n li {position:relative; display:block; float:left; height:80px; line-height:80px; display: inline; text-align:center; vertical-align:middle; margin:0 10px;}
#head7 .nav .n li a {color:#333; font-size:16px; display:block; max-width:100%; height:auto; padding:0 20px;}
#head7 .nav .n .a a,#head7 .nav .n li a:hover {background-color:#1e8bc3;color: #fff;}

/***标题8样式***/
.t8{background: url(../images/t8.png) no-repeat center 50%; font-family:微软雅黑;}
.t8 div{width:170px; margin:30px auto;}
.t8 b{ float:left; font-size:56px; line-height:56px; color:#df2f25; margin-right:10px;}
.t8 h2{font-size:24px; line-height:35px; color:#000;}
.t8 h2 span{color:#df2f25;}
.t8 p{color:#D9D9D9;font-size:14px; line-height:18px; font-weight:bold;}

/*蓝色*/
.t8 b{color:#007ab9;}
.t8 h2 span{color:#007ab9;}

/***标题9样式***/
.t9{font-family:"微软雅黑"; margin:30px 0;}
.t9 h2{ font-size:28px; line-height:45px; color:#df2f25; text-align:center;}
.t9 h2 span{color:#999;}
.t9 p{font-size:12px; text-align:center; letter-spacing:-2px; padding:0 15px; color:#ccc; vertical-align: bottom;}
.t9 p span{letter-spacing:normal; padding:0 20px; color:#df2f25; font-size:16px; line-height:16px;}
.t9 b{font-size:13px; color:#df2f25; vertical-align:bottom;}
@media (max-width: 1128px) {
.t9 p{letter-spacing:-3px;}
.t9 p span{font-size:14px;}
}
@media (max-width:846px) {
.t9 p{letter-spacing:-4px;}
.t9 p span{font-size:12px;}
}
/*图片更多按钮*/
.mo .more {width:50%; height:40px; margin:25px auto 6px auto; box-shadow:5px 5px 5px #eee; border-radius:6px; border:#CCC 1px solid; text-align:center; line-height:40px; font-size:16px;}
.mo .more:hover {background:#007ab9; transition:1.1s;}
.mo .more:hover a {color:#FFF; display:block;}


/*公司简介*/
.jj{width:auto; max-width:1120px; _width:1120px; margin: 0 auto; font-family:"微软雅黑"; text-align:center;}
.jj p{ line-height:35px; text-indent:35px;}


/*服务项目*/
.fw{width:auto; max-width:1120px; _width:1120px; margin: 0 auto; font-family:"微软雅黑";}
#xm{margin: 0 auto; overflow:hidden; text-align:center;}
#xm li{width:200px; height:200px; line-height:35px; border:1px #ccc solid; background-color:#196fb8; text-align:center; margin-right:30px; display:inline-block; margin-bottom:20px;}
#xm img{ margin:35px 0 5px;}
#xm li a{display:block; height:100%; font-size:14px; color:#fff;}

.fw .cl{ float:left; width:40%; margin:0 5%; height:120px;}
.fw .cl .m{ padding-right:20px;}
.fw .cl dt a{ font-size:18px; color:#000; line-height:30px;}
.fw .cl dd{ font-size:12px; color:#666; line-height:20px;}
@media (max-width:846px) {
.fw .cl{ float:inherit; width:90%;}
}

/*精品展示*/
.tj{width:auto; max-width:1120px; _width:1120px; margin: 0 auto; font-family:"微软雅黑";}
#td{margin: 0 auto; overflow:hidden; text-align:center;}
#td li{width:115px; height:30px; line-height:30px; border:1px #ccc solid; text-align:center; margin-right:7px; display:inline-block;}
#td li a{display:block; height:100%; font-size:16px;}
#td li.active{background-color:#c03333; border:1px #912626 solid; color:#c03333;}
#td li.active a{color:#fff;}


/*蓝色*/
#td li.active{background-color:#007ab9; border:1px #3891bd solid; color:#007ab9;}

.tj .tit .ml{margin:20px auto 0;}
.tj .tit .ml li{width:31.3333%; margin-right:3%; overflow:hidden;}
.tj .tit .ml li:last-child{margin-right:0;}/***最后一个样式不一样***/
.tj .tit .ml div{border: 1px #e5e5e5 solid; padding:6px;}
.tj .tit .ml li span{ width:100%; overflow:hidden;}
.tj .tit .ml li img{display:block; height:auto; max-width:100%;}
.tj .tit .ml li a:hover img{border-color:#c03333;}
.tj .tit .ml li h2{font-size:16px; line-height:35px;}
.tj .tit .ml li p{line-height:25px; font-size:14px;}
.tj .tit .ml li a:hover{ color:#c03333;}
@media (max-width:846px) {
.tj .tit .ml{width:564px; height:230px; overflow:hidden;}
.tj .tit .ml li{width:47%; margin-right:3%; margin-bottom:20%;}
}
@media (max-width:640px) {
.tj .tit .ml{width:310px; height:auto; overflow:hidden; padding:0 5px;}
.tj .tit .ml li{width:100%; margin:0 0 5%;}
#td li{ width:90px;}
}
/***鼠标经过图片放大效果***/
.tj .tit img:not(.noscale){transition: all .5s; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s;}
.tj .tit img:not(.noscale):hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2);}

/***滚动图片***/
.slider{width:1128px;margin:20px auto;position: relative;}
@media (max-width:1128px) {
  .slider{ width:846px;}
}
@media (max-width:846px) {
  .slider{ width:564px;}
}
@media (max-width:640px) {
  .slider{ width:280px;}
}
.slider a{text-decoration:none; color:#888;}
/*左右方向滚动*/
.slider .t{width:70px; margin:10px auto;}
.prev,.next{width:25px;height:25px; line-height:20px; float:left; border:1px solid #dfdfdf; color:#333; cursor:pointer; background-color:#fff; text-align:center; margin:0 5px;}
.prev:hover,.next:hover{background:#e71f19; color:#FFF;}
.next{right: 20px;}
.no_click{background-color:#e71f19; color:#FFF;}

/*蓝色*/
.no_click,.prev:hover,.next:hover{background-color:#007ab9;}

/*图片列表*/
#slider_pic{width:100%;overflow: hidden;}
#slider_pic ul{position: relative;left: 0;}
#slider_pic li{float: left;margin:20px 10px 10px; width:262px;}/*注意margin左右会影响脚本“计算总长度”*/
#slider_pic .bo{background:#FFF;border:1px solid #ccc; overflow:hidden;}
#slider_pic img{max-width:100%; height:auto;}/*注意width会影响脚本“计算总长度”*/
#slider_pic img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1); transform:scale(1.1); transition:0.6s; overflow:hidden; opacity:0.7;}
#slider_pic h2{ height:45px; line-height:45px; font-size:14px; text-align:center; margin:0; font-weight:normal;}
#slider_pic h2:hover{color:#dd4250;}


/***新闻***/
.new{max-width:1100px; margin:20px auto;}
.new .xl{width:29%;border-bottom:2px solid #c03333;}
.new .xl img{max-width:100%; height:auto;}
.new .xl h4 a{color:#fff;}
.new .xl h4{ height:75px; background: #c03333; padding:0 10px;}
.new .xl h4 b{display:block; font-size:20px; line-height:45px; font-family:"微软雅黑";}
.new .xl .txt{ padding:5px 0; font-size:14px; text-indent:28px; color:#666; line-height:22px;}
.new .xl .more a {border: 2px solid #c03333; color: #c03333; font-size:14px; padding:5px 10px; float:left; margin-bottom:6px;}
.new .xl .more:hover a {color:#FFF; background: #c03333;}
@media (max-width:1128px) {
  .new{ width:846px;}
  .new .xl h4{ height:100px;}
}
@media (max-width:846px) {
  .new{width:564px;}
  .new .xl h4{ height:160px; line-height:25px;}
  .new .xl h4 b{line-height:65px;}
  .new .xl .txt{line-height:30px; padding:10px 0;}
  .new .xl .more a{margin-bottom:12px;}
}
@media (max-width:640px) {
  .new{width:320px;}
  .new .xl{display:none;}
  .new .item{width:98%; padding:0 2% 0 0;}
}

/*蓝色*/
.new .xl{border-bottom:2px solid #007ab9;}
.new .xl h4{background:#007ab9;}
.new .xl .more a{border: 2px solid #007ab9; color: #007ab9;}
.new .xl .more:hover a {background: #007ab9;}

/*标签切换*/
.item{width:68%; margin:0 auto;}
#bq{margin:0 auto 20px; overflow:hidden;}
#bq li{width:115px; height:30px; line-height:30px; margin-right:7px; display:inline-block;}
#bq li a{display:block; height:100%; font-size:20px; font-family:"微软雅黑";}
#bq li.active{color:#333;}
#bq li.active a{color:#c03333;}
/*蓝色*/
#bq li.active a{color:#007ab9;}

/***新闻***/
.xw .m{padding-left:20px; width:90px; text-align:center; font-family:Arial;}
.xw .m p{background-color:#c03333; color:#fff; font-size:30px; margin-bottom:1px; line-height:50px; font-weight: bold; font-family:Arial;}
.xw .m h4{background-color:#c03333; color:#fff; font-size: 12px;}
.xw h2 a{font-size:17px; color:#333; font-family:"微软雅黑"; line-height:35px;}
.xw dl{border-bottom: 1px solid #e0e0e0; padding-bottom:10px; margin-bottom:20px;}
.xw dd{font-size:14px; color:#666; line-height:25px;}
.xw a:hover{color:#c03333;}

/*蓝色*/
.xw .m p,.xw .m h4{background-color:#007ab9;}

/***合作***/
.hz{width:1140px; margin:20px auto; overflow:hidden;}
.hz .ml{height:160px; overflow:hidden;}
.hz .ml li{ width:18%; margin:1%;}
.hz .ml li img{display:block; height:auto; max-width:100%;}
@media (max-width: 1128px) {
.hz{width:846px;}
.hz .ml li{width:23%; margin:1%;}
}
@media (max-width:846px) {
.hz{width:564px;}
.hz .ml{height:200px;}
.hz .ml li{ width:31%; margin:1%;}
}
@media (max-width:640px) {
.hz{width:320px;}
.hz .ml{height:auto;}
.hz .ml li{width:48%; height:auto;}
}
/***底部***/
.footer{border-top: 3px solid #bf3131; font-family:"微软雅黑"; color:#888;}
.footer a{font-size:13px;}
.foot{width:1100px; margin:30px auto 0; padding-bottom:30px; overflow:hidden;}
.foot .logo{ padding-right:50px;}
.foot dl{ padding:0 45px; border-left:1px solid #e6e3e4;}
.foot dt{ font-size:14px; color:#333; line-height:30px;}
.foot dd{ font-size:13px; line-height:23px;}
.foot .wx{border-left:1px solid #e6e3e4; padding-left:50px;}
.foot .wx h2{ font-size:14px; text-align:center;}
.foot .wx img{ width:100px; height:100px;}
@media (max-width: 1128px) {
.foot{width:846px;}
.foot dl{padding:0 15px;}
.foot .wx{padding-left:15px}
}
@media (max-width:846px) {
.foot{width:564px;}
.foot .logo{ display:none;}
.foot dl{padding:0 26px;}
.foot .wx{ display:none;}
}
@media (max-width:640px) {
.foot{width:100%;}
.foot .logo{ display: block; padding-right:6px;}
.foot .logo img{ width:140px;}
.foot dl{padding:0 15px; margin-bottom:10px;}
.foot .wx{ display:none;}
}

/*蓝色*/
.footer{border-top: 3px solid #007ab9; background:#007ab9;color:#fff;}
.foot dl,.foot .wx{border-left:1px solid #3891bd;}
.foot dt{color:#fff;}
.foot a{color:#fff;}

/***右边客服***/
.pf a {color:#fff;}
.pf{ width:40px; height:203px; background:#3A3A3A; position:fixed; right:0px; top:180px; z-index:9999999; background:#3A3635;}
.pf li{ width:40px; height:51px; position:relative; cursor:pointer;}
.pf li .icon{ display:block; width:40px; height:50px; background-image:url(../images/ico.png); background-repeat:no-repeat; position:absolute; left:0px; top:0px; z-index:9; background-color:#3A3635; border-bottom:1px solid #555;}
.pf li:hover .icon{ background-color:#F35027;}
.pf li.back_ico .icon{ border:0px;}
.pf li .ico_qq{ background-position:0px 0px;}
.pf li .ico_wx{ background-position:0px -50px;}
.pf li .ico_wb{ background-position:0px -100px;}
.pf li .ico_back{ background-position:0px -150px;}
.pf li .qq , .pf li .bck{ width:105px; height:50px; line-height:50px; position:absolute; left:0px; top:0px; z-index:7; text-align:center; background:#F35027;transition: 0.5s;-moz-transition:  0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s; color:#FFF;}
.pf li:hover .qq , .pf li:hover .bck{ left:-105px;}
.pf li .code{ width:100px; height:100px; position:absolute; left:40px;transition: 0.5s;-moz-transition:  0.5s;-webkit-transition:  0.5s;-o-transition:  0.5s; z-index:7;}
.pf li .code img{ width:100px; height:100px; vertical-align:top;}
.pf li:hover .code{ left:-100px;}
@media (max-width:640px) {
.pf{top:auto; bottom:0px;}
}


/***列表页***/
.banner{ width:100%; height:300px; overflow:hidden;}
.fla1{ background:url(../images/6.jpg) no-repeat center 50%;}
.wm{ width:1100px; margin:0 auto; overflow: hidden; zoom:1;}
/***导航***/
.nav_mi{ font-size:14px; height:25px; line-height:25px;background:url(../images/minnav.jpg) no-repeat 0 4px;}
.nav_mi .nvhm{ padding:0 10px 0 25px;}
.nav_mi a{ margin:0 5px;}

/***分类左边***/
.page_left{width:210px;float:left;height:auto;overflow: hidden;zoom:1; font-size:14px; font-family:"微软雅黑";}
.page_left .title{background-color:#bf3131; width:210px; padding:20px 0px 30px 0; position:absolute; margin-top:-50px; color:#fff; font-weight:bold; line-height:40px;}
.page_left .title h2{font-size:34px; padding-left:20px;}
.page_left .title h4{font-size:18px; padding-left:20px;}
.page_left .body{ width:210px; height:100%; padding-top:80px;}
.page_left .body .xl ul{margin:0; padding:0; list-style: none; zoom: 1;}

.page_left .body .xl li em{font-weight:bold; font-size:13px; color:#888; padding-right:10px;}
.page_left .body .xl li a{ width:100%; float:left; line-height:38px; border-bottom:1px solid #e9e9e9;}
.page_left .body .xl li a span{padding-left:10px;}
.page_left .body .xl li ul li{border-bottom:none; border-top:1px solid #e9e9e9;}
.page_left .body .xl li ul li span{padding-left:25px;}
.page_left .body .xl li .a{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #f1f1f1));}
.page_left .ad{ padding:10px 0;}
.page_left .ad img{ border:1px solid #ddd;}
.page_right{width:860px;height:auto;overflow:hidden;zoom:1;float:right;margin:20px 0 15px; font-family:"微软雅黑"; font-size:14px;}

@media (max-width: 1128px) {

}
@media (max-width:846px) {
.wm{ width:96%;}
.page_left{ display:none;}
.page_right{width:98%; margin:10% 2% 0 0; float:left;}
}
@media (max-width:640px) {

}
/*蓝色*/
.page_left .title{background-color:#007ab9;}

/****展示****/
.show .title h2{color:#bf3131; font-size:24px; line-height:55px; border-bottom:1px solid #e9e9e9;}
.show .body{ padding:10px 0;}
.show .ml img{ width:270px; height:180px;}
.show .ml p{ text-align:center;background-color:#363434; line-height:38px; color:#fff;}
.show .ml li a:hover p{background-color:#bf3131;}
.show .ml li{ margin:10px 8px;}

.show .xld{line-height:28px;}
.show .xld dt{line-height:45px; border-bottom:1px solid #e9e9e9; margin-bottom:10px; font-size:18px; font-weight:bold;}
.show .xld .m{padding-right:20px; background:#fff;}
.show .xld img{ width:400px; height:260px;}
.show .xld .rx{background:#BF3131;color:#fff; padding:12px; margin-top:10px;}
.show .xld .rx span{ padding-left:10px;}

.show .xl dt{color:#bf3131; font-size:24px; line-height:55px; border-bottom:1px solid #e9e9e9;}
.show .xl dd{padding:20px 10px;}
@media (max-width:640px) {
.show .ml img{ width:330px; height:216px;}
}

/*蓝色*/
.show .title h2{color:#007ab9;}
.show .ml li a:hover p{background-color:#007ab9;}
.show .xld .rx{background:#007ab9;}
.show .xl dt{color:#007ab9;}

/****新闻列表****/
.article a{color:#e20316;}
.article .title h2{color:#bf3131; font-size:24px; line-height:55px; border-bottom:1px solid #e9e9e9;}
.article .xld .cl{padding:20px 0; border-bottom:1px solid #E1E1E1; overflow:hidden;}
.article .xld .cl dt{padding-top:3px; font-size:18px;}
.article .xld .cl dd{padding-top:5px;}
.article .xld .cl i{color:#999;}
.article .xld .cl .m{padding-right:20px; padding-top:0;}
.article .xld .cl .m img{width:165px;}
@media (max-width:640px) {
.article .xld .cl .m{ display:none;}
}

/*蓝色*/
.article a{color:#007ab9;}
.article .title h2{color:#007ab9;}

/****新闻展示****/
.view_article a{color:#e20316;}
.view_article .title h2{color:#bf3131; font-size:24px; line-height:55px; border-bottom:1px solid #e9e9e9;}

.view_article .hd h1{font-size:26px; text-align:center; padding-top:22px;color:#666;}
.view_article .hd p{border-top:1px solid #ECECEC; border-bottom:1px solid #ECECEC;padding:10px 20px; line-height:25px; margin:20px 10px;}
.view_article .hd div{text-align:center;margin:20px 10px; color:#999;}
.view_article .hd b{ color:#FF0000;}

.view_article .bd{padding:0px 20px 30px; line-height:35px; clear:both; overflow:hidden; margin:0 auto;}
.view_article .bd p{clear:both; line-height:35px;}
.view_article .bd font{line-height:35px;}
.view_article .bd img,.show .bd p img{text-align:center;}

/*蓝色*/
.view_article a,.view_article .title h2,.view_article .hd b{color:#007ab9;}

/****分页****/
#page{overflow:hidden; margin:10px 0; padding:10px; font-size:14px;}
#page .curr{border:1px solid #952626; padding:9px 13px; margin-right:3px; color:#fff; font-weight:bold; background:#bf3131;}
#page .page{border:1px solid #ccc; padding:9px 13px; margin-right:3px; color:#888;}
#page select{padding:5px; margin:0 3px; font-size:14px;}
@media (max-width:640px) {
#page{padding:10px 0;}
#page .page,#page .curr{padding:9px 14px;}
#page .page{display:none;}
}

/*蓝色*/
#page .curr{border:1px solid #3891bd; background:#007ab9;}
/*测试
body{background:#FF0000;}
@media (max-width: 768px) {
body{background:#FF9900;}
}
@media (max-width: 480px) {
body{background:#0000FF;}
}*/

/*新图标*/
@font-face{font-family:icom;font-style:normal;src:url(../font/icom.ttf) format('truetype')}
.E01:before{font-family:icom; content:'\E01'}
.E02:before,.mui-icon-email:before{font-family:icom; content:'\E02'}
.E03:before{font-family:icom; content:'\E03'}
.E04:before{font-family:icom; content:'\E04'}
.E05:before{font-family:icom; content:'\E05'}
.E06:before{font-family:icom; content:'\E06'}
.E07:before{font-family:icom; content:'\E07'}
.E08:before{font-family:icom; content:'\E08'}
.E09:before{font-family:icom; content:'\E09'}
.E10:before{font-family:icom; content:'\E10'}
.E11:before{font-family:icom; content:'\E11'}
.E12:before,.mui-icon-clear:before{font-family:icom; content:'\E12'}
.E13:before,.mui-icon-search:before{font-family:icom; content:'\E13'}
.E14:before,.mui-icon-eye:before{font-family:icom; content:'\E14'}
.E15:before{font-family:icom; content:'\E15'}
.E16:before{font-family:icom; content:'\E16'}
.E17:before,.mui-icon-person:before{font-family:icom; content:'\E17'}
.E18:before,.mui-icon-phone:before{font-family:icom; content:'\E18'}
.E19:before,.mui-icon-spinner-cycle:before{font-family:icom; content:'\E19'}
.E20:before,.mui-icon-star:before{font-family:icom; content:'\E20'}
.E21:before{font-family:icom; content:'\E21'}
.E22:before{font-family:icom; content:'\E22'}
.E23:before,.mui-icon-pulldown:before{font-family:icom; content:'\E23'}
.E24:before{font-family:icom; content:'\E24'}
.E25:before{font-family:icom; content:'\E25'}
.E26:before{font-family:icom; content:'\E26'}
.E27:before{font-family:icom; content:'\E27'}
.E28:before{font-family:icom; content:'\E28'}
.E29:before{font-family:icom; content:'\E29'}
.E30:before{font-family:icom; content:'\E30'}
.E32:before,.mui-icon-star-filled:before{font-family:icom; content:'\E32'}
.E40:before{font-family:icom; content:'\E40'}
.E41:before{font-family:icom; content:'\E41'}
.E42:before{font-family:icom; content:'\E42'}
.E43:before{font-family:icom; content:'\E43'}

/*鼠标经过图标旋转*/
a .xz,.xz{-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
a:hover .xz,.xz:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}

/*鼠标经过图标翻转*/
a .fz,a.fz{transition:transform 0.6s ease-out;transition: transform .5s ease-in-out;-webkit-transition: transform .5s ease-in-out;-moz-transition: transform .5s ease-in-out;-ms-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;transform: rotateY(0deg);}
a:hover .fz,a:hover.fz{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}

/*鼠标经过图标渐变*/
a .jb,a.jb{background:#3293CE; /* 一些不支持背景渐变的浏览器 */background:-moz-linear-gradient(top, #3293CE, #55BDEB);background:-webkit-gradient(linear, 0 0, 0 bottom, from(#3293CE), to(#55BDEB));background:-o-linear-gradient(top, #3293CE, #55BDEB);}
a:hover .jb,a:hover.jb{background:#EB4541; /* 一些不支持背景渐变的浏览器 */background:-moz-linear-gradient(top, #EB4541, #FF7C77);background:-webkit-gradient(linear, 0 0, 0 bottom, from(#EB4541), to(#FF7C77));background:-o-linear-gradient(top, #EB4541, #FF7C77);}

/*六边形容器*/
.boxF, .boxS{visibility: hidden;}
.boxF{transform: rotate(120deg);margin-left: 10px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.boxS{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.boxT{transform: rotate(-60deg);background: no-repeat 50% center;background-size: 125% auto;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;}

.ic1,.ic2,.ic3,.ic5,.ic6,.ic7{width:auto; max-width:1120px; _width:1120px; margin: 0 auto; font-family:"微软雅黑";}
.ic1 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic1 h1{ font-size:14px; font-weight:bold; color:#555; margin-bottom:4px;}
.ic1 p{ font-size:10px; color:#ccc;}
.ic1 a div{font-size:76px; width:120px;height:120px; margin-bottom:10px; display:inline-block;border-radius:120px;background-clip:padding-box; color:#fff;}
.ic1 a h5:before{height:20px; font-family:icom; content:'\E20'; color:#fff;}
.ic1 a:hover h5:before{height:20px; font-family:icom; content:'\E32'; color:#FF3300;}


.ic2 .cl{ float:left; width:40%; margin:0 5% 20px;}
@media (max-width:846px) {
.ic2 .cl{ float:inherit; width:90%;}
}
.ic2 .cl dt a{ font-size:18px; color:#333; line-height:40px;}
.ic2 .cl dd{ font-size:12px; color:#666;}
.ic2 .m{padding-right: 20px;}
.ic2 .m a{font-size:56px; width:90px;height:90px; text-align:center; display:inline-block;border-radius:90px;background-clip:padding-box; color:#fff;}


.ic3 li{width:20%; float:left;text-align:center;position: relative; overflow:hidden;}
.ic3 li a{border: 1px solid #fff; display:block; padding-bottom:80px; padding-top:20px;}
.ic3 li a:hover{border: 1px solid #ccc; padding-top:0px; transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.ic3 h1{ font-size:24px; font-weight:bold; color:#999; margin-bottom:4px;}
.ic3 a:hover h1{color:#3399ff;}
.ic3 p{ font-size:10px; color:#ccc;}
.ic3 a div{font-size:76px; width:120px;height:120px; display:inline-block;border-radius:120px;background-clip:padding-box; color:#999;}
.ic3 a:hover div{color:#3399ff;}
.ic3 a h5 {color:#fff; width:100%; height:60px; padding:8px; bottom:-100%; text-align:center; position:absolute; background:#0da3e2; }
.ic3 a:hover h5 {text-align:left; bottom:0;}
@media (max-width:846px) {
.ic3{margin:0 1%;}
.ic3 li{width:30%; margin-bottom:20px;}
.ic3 li a{height:200px;}
.ic3 a h5{ display:none;}
}
@media (max-width:640px) {
.ic3{margin:0 1%;}
.ic3 li a{height:200px;}
.ic3 li{width:50%; margin-bottom:20px;}
.ic3 a h5{ display:none;}
}

.ic4{background:url(../images/sbg.jpg) 0 0; padding:50px 5%;}
.ic4 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic4 h1{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:15px;}
.ic4 p{ font-size:14px; color:#fff; line-height:20px;}
.ic4 a div{font-size:100px; width:160px;height:160px; margin-bottom:10px; display:inline-block;border-radius:160px;}
.ic4 .cd1{color:#e10000; border:3px solid #e10000;}.ic4 .cd1:hover{color:#fff; border:3px solid #e10000; background:#e10000;}
.ic4 .cd2{color:#00a2ff; border:3px solid #00a2ff;}.ic4 .cd2:hover{color:#fff; border:3px solid #00a2ff; background:#00a2ff;}
.ic4 .cd3{color:#8ad902; border:3px solid #8ad902;}.ic4 .cd3:hover{color:#fff; border:3px solid #8ad902; background:#8ad902;}
.ic4 .cd4{color:#ffa800; border:3px solid #ffa800;}.ic4 .cd4:hover{color:#fff; border:3px solid #ffa800; background:#ffa800;}

.ic5 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic5 h1{ font-size:18px; color:#999; margin:10px 0 10px; font-family:"微软雅黑";}
.ic5 p{ font-size:14px; color:#666; line-height:20px;}
.ic5 a div{width:140px;height:140px; transform:rotate(45deg); margin:30px 0; display:inline-block;border-radius:10px; color:#ccc; border:2px solid #ccc; position:relative; background:#fff;}
.ic5 a:hover div{color:#ffa800; border:2px solid #ffa800;}
.ic5 a h5{ font-size:60px; position:absolute; top:30px; left:40px; transform:rotate(-45deg);}

.ic6 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic6 h1{ font-size:15px; color:#555; margin:10px 0;}.ic6 a:hover h1{color:#ffa800;}
.ic6 a div{font-size:75px; width:120px;height:120px; margin-bottom:5px; display:inline-block;border-radius:120px; color:#ffa800; border:3px solid #ffa800;}
.ic6 a:hover div{color:#fff; border:3px solid #ffa800; background:#ffa800;}


.ic7 .img{ width:228px; margin:0 auto;}
.ic7 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic7 h1{ font-size:15px; color:#555; margin:10px 0;}.ic7 a:hover h1{color:#ffa800;}
.ic7 .boxF,.ic7 .boxS,.ic7 .boxT{ width:200px; height: 250px; margin:0 auto; overflow: hidden;}
.img1{background-image:url(../images/img1.jpg);}

.ic8{background: #f0f0f0; padding:0 5%;}
.ic8 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic8 h1{ font-size:15px; width:100px; line-height:35px; border:1px solid #d8d8d8; color:#555; margin:0 auto 10px;}.ic8 a:hover h1{-moz-box-shadow: 2px 2px 4px #cccccc;color: #00a0dc;	-webkit-box-shadow: 2px 2px 4px #cccccc;box-shadow: 2px 2px 4px #cccccc;}
.ic8 a div{font-size:0; padding:5px 0;}
@-webkit-keyframes pic{0%{transform:translate(0,0)}50%{transform:translate(0,5px)}100%{transform:translate(0,0)}}
.ic8 a:hover div{-webkit-animation:pic 0.5s ease-in 2;}/*0.5秒跳动一下，跳动2次*/

.ic9{background: #f0f0f0; padding:0 5%;}
.ic9 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic9 a .o{background-color: #fff;border: 4px solid #fff;border-radius: 50% 50% 0 0;border: 4px solid #fff\9\0;border: none\9;*border:none; margin:20px 5% 0;}
.ic9 a .o img{width:100%;border-radius:50%;}
.ic9 .b{ line-height:20px; background-color: #fff;margin:0 5% 20px; padding:20px 0;}
.ic9 h1{ font-size:18px; font-weight:bold; color:#333; margin-bottom:15px;}
.ic9 h2{ font-size:14px; padding-bottom:30px; color:#4d4d4d ;}

.ic10{background: #f0f0f0; padding:0 10%;}
.ic10 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}

.ic10 a div{margin:30px 0; width:160px; display:inline-block;color:#fff; background:#58bf56; padding:20px;}
.ic10 a:hover div{background-color: #4ca64b;-webkit-transform: scale(1.10);transform: scale(1.10);}
.ic10 a h5{ font-size:65px;}
.ic10 h1{ font-size:18px; color:#fff; margin:10px 0 10px; font-family:"微软雅黑";}


.ic11{background: #f0f0f0; padding:40px 10%;}
.ic11 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic11 h1{ font-size:22px; color:#f6503a; margin:10px 0;}.ic11 a:hover h1{color:#ffa800;}
.ic11 p{font-size:12px; color:#666;}
.ic11 .boxF,.ic11 .boxS,.ic11 .boxT{ width:150px; height:180px; margin:0 auto; overflow: hidden;}
.ic11 .boxT{background:#fff; padding-top:45px;}
.ic11 .boxT:before{font-size:80px; color:#f6503a;}

.ic12{background: #f0f0f0 url(../images/c_bg.jpg) 0 0; padding:50px 5%;}
.ic12 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;text-overflow:ellipsis;}
.ic12 a{background: #fff; margin:20px 5%; display:table; overflow:hidden; padding-bottom:20px;}
.ic12 a div{font-size:0; height:140px;overflow:hidden;}
.ic12 a div img{ width:100%;}
.ic12 a div img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1); transform:scale(1.1); transition:0.6s; overflow:hidden; opacity:0.7;}
.ic12 h1{ font-size:17px; color: #444; margin:20px auto 5px; font-weight: bold;}.ic12 a:hover h1{color:#F6503A;}
.ic12 p{font-size:12px;color:#999; width:200px; margin:0 10px;}

.ic13{background: #f0f0f0 url(../images/c_bg.jpg) 0 0; padding:50px 5%;}
.ic13 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;text-overflow:ellipsis;}
.ic13 a{background: #fff; margin:20px; display:table; overflow:hidden; padding:20px;}
.ic13 h1{ font-size:22px; color:#299B2C; margin-bottom:15px;}
.ic13 p{ font-size:12px; color:#888; line-height:20px; text-align:left;}
.ic13 a div{font-size:100px; width:130px;height:130px; margin-bottom:10px; display:inline-block;border-radius:130px; border:2px solid #299B2C;}
.ic13 a div i{width:78px; height:67px; display:block; margin:30px auto;background:url(../images/ico.jpg) 0 0;}
.ic13 .o1 i{background-position: 0 0;}
.ic13 .o2 i{background-position: 0 -66px;}
.ic13 .o3 i{background-position: 0 -131px;}
.ic13 .o4 i{background-position: 0 -198px;}

.ic14{background: #f0f0f0; padding:40px 20%;}
.ic14 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}
.ic14 li:nth-child(even){ padding-top:60px;}
.ic14 .boxF,.ic14 .boxS,.ic14 .boxT{ width:86px; height:106px; margin:0 auto; overflow: hidden;}
.ic14 .boxT{padding-top:35px;}
.ic14 li:nth-child(odd) .boxT{background:#C92B2F;}/*单*/
.ic14 li:nth-child(even) .boxT{background:#FF9000;}/*双*/
.ic14 b{ font-size:24px; color:#fff;}
.ic14 p{ margin-top:-60px;}

.ic15{background:#f0f0f0; padding:50px 5%;}
.ic15 li{display:table-cell;overflow:hidden;width:1%;height:50px;text-align:center;vertical-align:middle;text-overflow:ellipsis;}
.ic15 h1{font-size:16px; color:#555; font-weight:bold; margin:10px 0;}.ic15 a:hover h1{color:#459996;}
.ic15 p{font-size:12px; color:#888; line-height:20px; text-align:left;}
.ic15 a{margin:20px; display:table; overflow:hidden; padding:20px;}
.ic15 a div{font-size:90px; width:140px;height:140px; margin-bottom:5px; display:inline-block;border-radius:140px; color:#fff;background:#5CCCC8;}
.ic15 a:hover div{opacity:0.7;}

.ic16{padding:50px 10%;}
.ic16 .cl{ float:left; width:33.3%; margin:0 0 20px;}
.ic16 .cl dt a{ font-size:18px; color:#333; line-height:40px;}
.ic16 .cl dd{ font-size:12px; color:#666;}
.ic16 .m{padding:0 20px;}
.ic16 .m a{font-size:56px; width:90px;height:90px; text-align:center; display:inline-block;border-radius:90px;background-clip:padding-box; color:#979797; border:1px solid #EDEDED;}

.ic17{padding:50px 10%;}
.ic17 .xld{box-shadow:8px 8px 0px #ddd; border:1px solid #EDEDED;}
.ic17 .cl{ float:left; width:25%; border-right:1px solid #EDEDED;}
.ic17 .cl:last-child{border-right:none;}/***第一个样式不一样***/
.ic17 .cl:hover{ background:#F5F9D9;}
.ic17 .cl dt{ padding-top:25px;}
.ic17 .cl dt a{ font-size:18px; color:#333;}
.ic17 .cl dd{ font-size:12px; color:#666;}
.ic17 .m{padding:0 0 0 20px;}
.ic17 .m a{font-size:60px; width:90px;height:90px; text-align:center; display:inline-block;color:#000;}