/* CSS Document */

/* one_box */
.mp_a{padding: 60px 0 30px;}

.mp_a .section_con {clear: both; overflow: hidden; padding: 10px 0;}
.mp_a .section_con .rowmar{ margin-left: 0; margin-right: 0;}
.mp_a .section_con .colfive{padding-left: 0;padding-right: 0;}

.mp_a .section_con ul li:nth-child(2n) .item{ background-color: #f8f8f8;}

.mp_a .section_con ul li .item{position: relative;clear: both; overflow: hidden; margin:10px 0 20px 0; background-color:#fff;padding:15px 0 30px;}
.mp_a .section_con ul li .item .item_ico{width: 12rem; height: 12rem; line-height: 12rem; border-radius: 50%; margin: 20px auto 10px; text-align: center;}
.mp_a .section_con ul li .item .item_ico i{ font-size: 8rem; display: inline-block; color: #fff;}
.mp_a .section_con ul li .item .item_colora{ background-color: #62acff;}
.mp_a .section_con ul li .item .item_colorb{ background-color: #ff6e82;}
.mp_a .section_con ul li .item .item_colorc{ background-color: #ffac69;}
.mp_a .section_con ul li .item .item_colord{ background-color: #63ca52;}
.mp_a .section_con ul li .item .item_colore{ background-color: #52cab5;}
.mp_a .section_con ul li .item .item_con{ text-align:center;padding: 0 20px}
.mp_a .section_con ul li .item .item_con h3{width: 100%; line-height: 50px;  font-size:1.8rem; font-weight: bold;}
.mp_a .section_con ul li .item .item_con p{width: 100%;  color:#666; line-height: 160%;}

.mp_a .section_con ul li .item:hover i{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}
.mp_a .section_con ul li .item:hover h3{animation: fadeInDown 1s; -moz-animation: fadeInDown 1s; -webkit-animation: fadeInDown 1s;  -o-animation: fadeInDown 1s;color:#ff5d3e;}
.mp_a .section_con ul li .item:hover p{animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s;  -o-animation: fadeInUp 1s;}

/*animation sectiona*/
.mp_a .box_cover .section_con ul li {animation: fadeInUpIn 1s; -moz-animation: fadeInUpIn 1s; -webkit-animation: fadeInUpIn 1s;  -o-animation: fadeInUpIn 1s; }
.mp_a .box_cover .section_con ul li:nth-child(2){animation-delay:0.5s;-webkit-animation-delay:0.5s; }
.mp_a .box_cover .section_con ul li:nth-child(3){animation-delay:1s;-webkit-animation-delay:1s; }
.mp_a .box_cover .section_con ul li:nth-child(4){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.mp_a .box_cover .section_con ul li:nth-child(5){animation-delay:2s;-webkit-animation-delay:2s; }


/* mp_b */

.mp_b{padding: 60px 0 0; background:url(../images/module0.jpg) no-repeat center #3c3c3c; background-size: cover;}

.mp_b .section_tit h2{color: #fff}
.mp_b .section_tit p{color: #fff}

.mp_b .section_con {clear: both; overflow: hidden;position: relative; }

.mp_b .section_con .mp_b_tab{clear: both; overflow: hidden;}
.mp_b .section_con .mp_b_tab .tab_tit{clear: both; overflow: hidden; color:#fff; text-align: center;margin-bottom: 20px;}
.mp_b .section_con .mp_b_tab .tab_tit ul li{ display: inline-block; margin: 5px;height: 39px; line-height: 38px; border: 1px solid #fff; border-radius: 5px;padding: 0 1.5rem;font-size: 1.6rem; cursor: pointer;}
.mp_b .section_con .mp_b_tab .tab_tit ul li:hover,.mp_b .section_con .mp_b_tab .tab_tit ul li.active{ border: 1px solid #FFC700; color: #FFC700;}

.mp_b .section_con .mp_b_tab .tab_con .item{clear: both; overflow: hidden;}
.mp_b .section_con .mp_b_tab .tab_con .item .item_pic{float:left;width:36%; text-align: center;}
.mp_b .section_con .mp_b_tab .tab_con .item .item_pic img{max-width: 100%}
.mp_b .section_con .mp_b_tab .tab_con .item .item_con{float:left;width:64%; color: #fff;}
.mp_b .section_con .mp_b_tab .tab_con .item .item_con .item_text{padding: 2rem 0;}
.mp_b .section_con .mp_b_tab .tab_con .item .item_con h3{font-size: 3.2rem; font-weight: bold; padding-top: 2rem;}
.mp_b .section_con .mp_b_tab .tab_con .item .item_con p{font-size: 1.6rem; line-height: 160%;margin-bottom: 1rem;margin-top: 2rem;}
.mp_b .section_con .mp_b_tab .tab_con .item .item_con p span{display: inline-block; background-color: rgba(255,255,255,0.20); padding: 1rem 2rem; border-radius: 5px}
.mp_b .section_con .mp_b_tab .tab_con .item .item_con h5{font-size: 1.8rem;margin-bottom: 1rem; padding-left: 1rem; border-left: 3px solid #fff;line-height: 100%;}

.mp_b .a_prev,.mp_b .a_next {position:absolute;top:50%;margin-top:-51px;left:20px;z-index:100;width:38px;height:68px; text-align: center; cursor:pointer; background-color:rgba(0,0,0,0.1); color: #eee;  }
.mp_b i{font-size: 38px;display: table-cell;vertical-align: middle;height:68px; }
.mp_b .a_next {left:auto;right:20px;}
.mp_b .a_next:hover ,.mp_b .a_prev:hover{color: #fff;background-color:rgba(0,0,0,0.3);}

/* sectionc */
.mp_c{padding: 60px 0;background-color:#fff;}

.mp_c .section_con {clear: both; overflow: hidden; padding: 10px 0 0;}
.mp_c .section_con ul li {margin-bottom: 2rem;}
.mp_c .section_con ul li .item{position: relative;clear: both; overflow: hidden;background-color:#fff;}
.mp_c .section_con ul li .item .item_pic{clear: both; overflow: hidden;}
.mp_c .section_con ul li .item .item_pic img{ width: 100%;}

.mp_c .section_con ul li .item .item_con{ text-align:center;padding:20px; background-color: #f9f9f9;}
.mp_c .section_con ul li .item .item_con h3{width: 100%; font-size:1.8rem; font-weight: bold; margin-bottom: 5px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mp_c .section_con ul li .item .item_con p{width: 100%; color:#666; line-height: 160%;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.mp_c .section_con ul li .item_cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:url(../images/anli_cover.png) no-repeat;z-index: 9;opacity: 0;text-align: center; background-size: cover; width: 100%;transition: all ease 0.3s; }
.mp_c .section_con ul li .item_cover img{position: absolute;left: 50%;top: 50%;width: 16rem; height: 16rem; margin: -8rem 0 0 -8rem; border: 5px solid rgba(255,255,255,0.3); border-radius: 50%;}
.mp_c .section_con ul li:hover .item_cover{opacity: 1;}

.mp_c .btn_more{text-align: center; margin-top:1rem; }
.mp_c .btn_more a{background-color: #226ef1; color: #FFF;height: 39px; line-height: 39px;  border-radius: 19px;padding: 0 3rem;font-size: 1.6rem; display: inline-block; }
.mp_c .btn_more a:hover{background-color: #0d5eea; color: #ff0;}

@media screen and (max-width: 768px){
	.mp_a{padding: 30px 0 10px; background-color: #f8f8f8;}
	.mp_a .section_con ul li .item{margin:0 0 10px 0;padding:10px 0 20px; }
	
	.mp_b{padding: 30px 0 0; }

	.mp_b .section_con .mp_b_tab .tab_con .item .item_pic{display: none;}
	.mp_b .section_con .mp_b_tab .tab_con .item .item_con{float:none;width:100%; padding: 0 2rem;}
	.mp_b .section_con .mp_b_tab .tab_con .item .item_con .item_text{padding: 1rem 0;}
	.mp_b .section_con .mp_b_tab .tab_con .item .item_con h3{font-size: 2.8rem;padding-top: 1rem;}
	.mp_b .section_con .mp_b_tab .tab_con .item .item_con p{margin-bottom: 1rem;margin-top: 1rem;}
	
	.mp_b .a_prev,.mp_b .a_next {margin-top:-18px;left:0;width:22px;height:36px;  }
	.mp_b i{font-size: 2.4rem;height:36px; }
	.mp_b .a_next {left:auto;right:0;}
	
	.mp_c{padding: 30px 0;}
	.mp_c .section_con ul li {margin-bottom: 1rem;}
	.mp_c{padding: 30px 0;}

}