/* CSS Document */

.ser_bt{ overflow:hidden; margin:20px 0;}
.ser_bt h4{width:160px; color:#391f20; line-height:60px; font-size:24px;}

.one{ overflow:hidden;}
.one .roots{ overflow:hidden; margin:20px 0;}
.one .roots ul{}
.one .roots ul li{ float:left; overflow:hidden; width:600px; margin-bottom:50px;}
.one .roots ul li .box{}
.one .roots ul li .box .box_img{ float:left; margin-right:50px; position:relative;}
.one .roots ul li .box .box_img img{ width:68px;  margin-top:20px;}
.one .roots ul li .box .box_img .icon{ width:26px; height:19px; position:absolute;top:0px; right:-30px;}
.one .roots ul li .box .box_img .icon>img{ width:26px; height:19px; margin:0px;}
.one .roots ul li .box .box_txt{ float:left; overflow:hidden; width:400px;}
.one .roots ul li .box .box_txt h5{ color:#391f20; font-size:18px; padding-bottom:10px;}
.one .roots ul li .box .box_txt h5>a{ color:#391f20; font-size:18px;}
.one .roots ul li .box .box_txt h5>a:hover{ text-decoration:underline; color:#2892e3;}
.one .roots ul li .box .box_txt p{ color:#4d4d4d; font-size:14px; line-height:24px; height:130px; overflow:hidden; text-align:justify;}

.two{ overflow:hidden;}
.two .roots{ overflow:hidden; margin:20px 0;}
.two .roots ul{}
.two .roots ul li{float:left; overflow:hidden; width:300px; margin-bottom:10px;}
.two .roots ul li:hover p{ background:#2892e3; transition:all 0.1s linear; color:#FFF; border-radius:0px 0px 10px 10px;}
.two .roots ul li:hover img{ border-radius:10px 10px 0px 0px;}
.two .roots ul li img{max-width:280px; margin:0 auto;}
.two .roots ul li p{color:#391f20; font-size:15px; padding:10px 0; text-align:center; width:280px; margin:0 auto;}

.three{ overflow:hidden;}
.three .roots{ overflow:hidden; margin:20px 0; min-height:400px; position:relative;}
.three .roots ul{}
.three .roots ul li{transition: all ease-out .3s;position:absolute;overflow:hidden; width:184px; height:184px; background:url(../images/service_ico.png) no-repeat center center;}
.three .roots ul li:hover{transform: scale(0.9, 0.9);-moz-transform: scale(0.9, 0.9);-webkit-transform: scale(0.9, 0.9);-o-transform: scale(0.9, 0.9);}
.three .roots ul li h3{color:#ffffff; font-size:30px; text-align:center; width:184px; font-style:italic; font-family:Arial; margin-top:20px; margin-bottom:10px;}
.three .roots ul li strong{color:#ffffff; font-size:14px;text-align:center; width:184px; margin:0 auto; display:block; font-weight:normal; width:120px;}
.ico6{ top:0px; left:68px;}
.ico7{ top:0px; left:258px;}
.ico8{ top:0px; left:448px;}
.ico9{ top:0px; left:638px;}
.ico10{ top:0px; left:828px;}
.ico11{ top:95px; left:163px;}
.ico12{ top:95px; left:353px;}
.ico13{ top:95px; left:543px;}
.ico14{ top:95px; left:733px;}
.ico15{ top:95px; left:923px;}