#service {width: 100%;margin:0 auto 0px auto;overflow:hidden;max-width: 1500px;}
#service p.txtP {text-align:center; line-height:25px; }
#service div.icoBox {overflow:hidden; margin:40px 0;}
#service section {padding:10px 10px 30px 10px; text-align:center; border:0px solid #dfdfdf; margin:1% 1%; width:31%; box-sizing:border-box; min-height:300px; float:left; }
#service section.ico1 {background:url("../img/successpoint_01_all.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/successpoint_02_all.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/successpoint_03_all.png")no-repeat center 40px;}
#service div.tit {font-size:20px; padding-bottom:20px;}
#service div.txt {font-size: 27px;line-height: 40px;}
.arr-ti{
    padding-top: 20px;
    padding-bottom: 15px;
}


.c1{color:#ff5000;}
.c2{color:#4c4c4c;}
.b{font-weight:600;}

#service1{
    margin-top: 30px;
    margin-bottom:150px;
}
#service1 > div{
    text-align: center;
    margin: 0 auto;
    max-width: 1200px;
}
#service1 > div ul{
    display: flex;
    margin: 28px auto;
    max-height: 475px;
    text-align: center;
}
#service1 > div ul:after{content:'';clear: both;display: block;}
#service1 > div ul li{
    display: table-cell;
    position: relative;
    vertical-align: top;
    max-height: 475px;
    height: 100%;
    /* float: left; */
    margin-right: 20px;
    /* padding-left: 10px; */
}
#service1 > div ul li:last-child{margin-right:0;}
#service1 > div ul li .ser-img{}
#service1 > div ul li .ser-text{
    height: 112px;
    display: table;
    text-align: center;
    vertical-align: middle;
    font-size: 25px;
    width: 100%;
    position: absolute;
    bottom: 14px;
    padding: 0 0;
    color: #000;
    line-height: 1.25;
}
#service1 > div ul li .ser-text > div{
    display: table-cell;
    vertical-align: middle;
    letter-spacing: -0.5px;
}
#service1 > div ul li > div{
    position: relative;
    width: 100%;
    max-width: 285px;
    height: 100%;
    max-height: 475px;
}
#service1 > div ul li.ser1{
}
#service1 > div ul li.ser1:after{content:'';}
#service1 > div ul li.ser2{}
#service1 > div ul li.ser2:after{content:'';}
#service1 > div ul li.ser3{}
#service1 > div ul li.ser3:after{content:'';}
#service1 > div ul li.ser4{}
#service1 > div ul li.ser4:after{content:'';}
#service1 > div ul li.ser5{}
#service1 > div ul li.ser5:after{content:'';}
#service1 > div ul li.ser6{}
#service1 > div ul li.ser6:after{content:'';}
#service1 > div ul li.ser7{}
#service1 > div ul li.ser7:after{content:'';}
#service1 > div ul li.ser8{}
#service1 > div ul li.ser8:after{content:'';}

.ser-img1{
    width: 100%;
    max-width: 285px;
}
.ser-img2{
    /* width: 100%; */
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 103px;
    max-width: 100%;
    width: 100%;
    padding: 0 40px;
}
#service1 > div ul li:marker{display:none;}
ul{
   list-style:none;
   }
   
   
   
   
   
   
   
#service2{}
#service2 > div{}

.se2-title{
    margin: 6.527rem 0 2.909rem 0;
    background-image: url("/bizdemo114885/img/hblock/img/trademark/trademark_00_title_line.png");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.se2-title img{
    max-width: 1202px;
    width: 100%;
}
.se2-1{
    text-align: center;
}
.se2-1 img{
    max-width: 1201px;
    width: 100%;
    margin: 0 auto;
}
.se2-2{
    text-align: center;
}
.se2-2 img{
    max-width: 1097px;
    width: 80%;
}
.se2-3{
    text-align: center;
    margin-top: 2.909rem;
    margin-bottom: 0.727rem;
}
.se2-3 img{
    max-width: 1202px;
    width: 100%;
}
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/

@media (max-width: 1223px) {
	#service1 > div ul li .ser-text > div{}
	.ser-img2{}
	#service1 > div ul{
}
	#service1 > div ul li .ser-text{
    font-size: 18PX;
    height: 82px;
}
}

@media (max-width: 1023px) {
	
#service1{
    margin-bottom:7.317rem;
}
	
#service2{}
#service2 > div{}

.se2-title{
    background: none;
}
.se2-title img{}
.se2-1{}
.se2-1 img{}
.se2-2{}
.se2-2 img{}
.se2-3{}
.se2-3 img{}
	
	
	
	
	
	
	
	
	
	
#service {width:100%; }	
#service div.icoBox {padding: 0 0.545rem;margin: 1.455rem 0;}
.icon-img{
    /* padding: 22px; */
    width: 100%;
    max-width: 19.745rem;
}
#service section {padding: 0.364rem 0.364rem 1.091rem 0.364rem;text-align:center;border:0px solid #dfdfdf;margin:1% 1%;box-sizing:border-box;display: table;width: 100%;}
#service div.tit {font-size:20px;padding-bottom: 0.727rem;display: block;width: 100%;margin: 0 auto;}
#service div.txt {font-size: 1.2rem;line-height: 1.7;display: block;vertical-align: middle;/* white-space: nowrap; */text-align: left;padding-left: 0;text-align: center; margin-bottom:50px;}


#service1 > div ul li .ser-text > div{}
	.ser-img2{
    width: 100%;
    max-width: 100%;
}
	#service1 > div ul


.ser-img2{
    position: absolute;
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 5.364rem;
    max-width: 100%;
    padding: 0 2.4rem;
}
#service1 > div ul li .ser-text {
    width: calc(100% - 1.855rem);
    margin-left: 0;
    font-size: 1.2rem;
    height: 7.582rem;
    text-align: center;
    bottom: 0;
    position: absolute;
    max-width: 100%;
    display: table;
}
#service1 > div ul li .ser-text > div{
    display: table-cell;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#service1 > div ul{
    display: block;
    padding: 0px 1rem;
    max-height: 100%;
    margin: 0;
}
#service1 > div ul li{
    display: inline-block;
    width: 50%;
    margin: 0;
    float: left;
    padding: 0 0.909rem;
    margin-bottom: 30px;
    max-height: 100%;
}
#service1 > div ul li .ser-img{
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    clear: both;
}
.ser-img1{
    max-width: 100%;
}

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}