/*showservice*/
.op_0{ opacity:1; filter:alpha(opacity=1);}
.sv_main_cont1{ width:100%; height:724px; overflow:hidden;}
.sv_main_cont1 ul{ width:100%; height:824px; overflow:hidden;}
.sv_main_cont1 li{ float:left; height:824px; width:25%; text-align:center; overflow:hidden;}
.sv_main_cont1 .bkg_1{ background:#ED7020 url(../images/service_01.jpg) top center no-repeat; color:#ED7020;}
.sv_main_cont1 .bkg_2{ background:#069581 url(../images/service_02.jpg) top center no-repeat; color:#069581;}
.sv_main_cont1 .bkg_3{ background:#0054a3 url(../images/service_03.jpg) top center no-repeat; color:#0054a3;}
.sv_main_cont1 .bkg_4{ background:#cb392c url(../images/service_04.jpg) top center no-repeat; color:#cb392c;}
.sv_main_cont1 li .rd_1{ width:100%; height:160px; background:#FFF; /*border-radius:50%;*/ margin:80px auto 0 auto; font-weight:bold;}
.sv_main_cont1 li .rd_1 .t1{ font-size:30px; line-height:30px; padding-top:89px;}
.sv_main_cont1 li .rd_1 .t2{ font-size:19px; line-height:19px; text-transform:Uppercase; padding-top:10px;}
.sv_main_cont1 li .rd_1 .t3{ width:132px; height:1px; margin:20px auto 0px auto; background:#ED7020}
.sv_main_cont1 li .rd_1 .t3.cl_1{ background:#ED7020}
.sv_main_cont1 li .rd_1 .t3.cl_2{ background:#069581}
.sv_main_cont1 li .rd_1 .t3.cl_3{ background:#0054a3}
.sv_main_cont1 li .rd_1 .t3.cl_4{ background:#cb392c}
.sv_main_cont1 li .info{ display:block; width:100%; color:#fff; padding-top:0px;}
.sv_main_cont1 li .info .tit{ font-size:45px; font-weight:bold; position:relative; top:-20px;}
.sv_main_cont1 li .info .hx{ width:0px; height:1px; background:#000; opacity:0.2; filter:alpha(opacity=20); position:relative; top:20px; left:50%;}
.sv_main_cont1 li .info .list{ width:282px; height:268px; margin:0px auto; position:relative; top:30px;}
.sv_main_cont1 li .info .list p{ padding:11px 0; font-size:18px; font-weight:bold; opacity:0; filter:alpha(opacity=0);}
.sv_main_cont1 li .info .list p a{ display:block; width:282px; height:45px; line-height:45px; text-align:center; color:#FFF;}
.sv_main_cont1 li .info .list p a:hover{ background:url(../images/service_05.png) center center no-repeat; color:#ED7020;}
.sv_main_cont1 li .info .c_1 p a:hover{color:#ED7020;}
.sv_main_cont1 li .info .c_2 p a:hover{color:#069581;}
.sv_main_cont1 li .info .c_3 p a:hover{color:#0054a3;}
.sv_main_cont1 li .info .c_4 p a:hover{color:#cb392c;}
.sv_main_cont1 li .info .list p:nth-child(odd){ margin-left:-30px;}
.sv_main_cont1 li .info .list p:nth-child(even){ margin-left:30px;}
.sv_main_cont1 li .info .cont{ width:80%; height:200px; margin:0px auto; position:relative; top:60px; line-height:25px; font-size:14px; text-indent:2em; text-align:left;}
.sv_main_cont1 li .info .more{ display:block; width:50px; height:50px; border-radius:50%; background:#CC3E30 url(../images/service_06.png) 16px center no-repeat; background-size:49%; margin-left:-25px; left:50%; position:relative; top:147px;animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: bounceIn;}
.sv_main_cont1 li .info .more.cl_1{ background-color:#0055A3;}
.sv_main_cont1 li .info .more.cl_2{ background-color:#CB3C2E;}
.sv_main_cont1 li .info .more.cl_3{ background-color:#E45D06;}
.sv_main_cont1 li .info .more.cl_4{ background-color:#069683;}

@media  (max-width: 479px) {
	
	.op_0{ opacity:1; filter:alpha(opacity=1);}
.sv_main_cont1{ width:100%; height:800px; overflow:hidden;}
.sv_main_cont1 ul{ width:100%; height:824px; overflow:hidden;}
.sv_main_cont1 li{ float:left; height:824px; width:33.333%; text-align:center; overflow:hidden;}
.sv_main_cont1 .bkg_1{ background:#ED7020 url(../images/service_01.jpg) top center no-repeat; color:#ED7020;}
.sv_main_cont1 .bkg_2{ background:#069581 url(../images/service_02.jpg) top center no-repeat; color:#069581;}
.sv_main_cont1 .bkg_3{ background:#0054a3 url(../images/service_03.jpg) top center no-repeat; color:#0054a3;}
.sv_main_cont1 .bkg_4{ background:#cb392c url(../images/service_04.jpg) top center no-repeat; color:#cb392c;}
.sv_main_cont1 li .rd_1{ width:100%; height:120px; background:#FFF; /*border-radius:50%;*/ margin:10px auto 0 auto; font-weight:bold;}
.sv_main_cont1 li .rd_1 .t1{ font-size:12px; line-height:12px; padding-top:89px;}
.sv_main_cont1 li .rd_1 .t2{ font-size:19px; line-height:19px; text-transform:Uppercase; padding-top:10px;}
.sv_main_cont1 li .rd_1 .t3{ width:132px; height:1px; margin:20px auto 0px auto; background:#ED7020}
.sv_main_cont1 li .rd_1 .t3.cl_1{ background:#ED7020}
.sv_main_cont1 li .rd_1 .t3.cl_2{ background:#069581}
.sv_main_cont1 li .rd_1 .t3.cl_3{ background:#0054a3}
.sv_main_cont1 li .rd_1 .t3.cl_4{ background:#cb392c}
.sv_main_cont1 li .info{ display:block; width:100%; color:#fff; padding-top:0px;}
.sv_main_cont1 li .info .tit{ font-size:45px; font-weight:bold; position:relative; top:-20px;}
.sv_main_cont1 li .info .hx{ width:0px; height:1px; background:#000; opacity:0.2; filter:alpha(opacity=20); position:relative; top:20px; left:50%;}
.sv_main_cont1 li .info .list{ width:282px; height:268px; margin:0px auto; position:relative; top:30px;}
.sv_main_cont1 li .info .list p{ padding:11px 0; font-size:18px; font-weight:bold; opacity:0; filter:alpha(opacity=0);}
.sv_main_cont1 li .info .list p a{ display:block; width:282px; height:45px; line-height:45px; text-align:center; color:#FFF;}
.sv_main_cont1 li .info .list p a:hover{ background:url(../images/service_05.png) center center no-repeat; color:#ED7020;}
.sv_main_cont1 li .info .c_1 p a:hover{color:#ED7020;}
.sv_main_cont1 li .info .c_2 p a:hover{color:#069581;}
.sv_main_cont1 li .info .c_3 p a:hover{color:#0054a3;}
.sv_main_cont1 li .info .c_4 p a:hover{color:#cb392c;}
.sv_main_cont1 li .info .list p:nth-child(odd){ margin-left:-30px;}
.sv_main_cont1 li .info .list p:nth-child(even){ margin-left:30px;}
.sv_main_cont1 li .info .cont{ width:80%; height:328px; margin:0px auto; position:relative; top:60px; line-height:22px; font-size:10px; text-indent:2em; text-align:left;}
.sv_main_cont1 li .info .more{ display:block; width:50px; height:50px; border-radius:50%; background:#CC3E30 url(../images/service_06.png) 16px center no-repeat; background-size:49%; margin-left:-25px; left:50%; position:relative; top:147px;animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: bounceIn;}
.sv_main_cont1 li .info .more.cl_1{ background-color:#0055A3;}
.sv_main_cont1 li .info .more.cl_2{ background-color:#CB3C2E;}
.sv_main_cont1 li .info .more.cl_3{ background-color:#E45D06;}
.sv_main_cont1 li .info .more.cl_4{ background-color:#069683;}
	
	
	}
	
	
	
	
@media (min-width: 479px) and (max-width: 679px) {
	.sv_main_cont1{ width:100%; height:670px; overflow:hidden;}

	.sv_main_cont1 li .rd_1 .t1{ font-size:16px; line-height:16px; padding-top:59px;}
.sv_main_cont1 li .rd_1{ width:100%; height:100px; background:#FFF; /*border-radius:50%;*/ margin:30px auto 0 auto; font-weight:bold;}
.sv_main_cont1 li .info .cont{ width:80%; height:298px; margin:0px auto; position:relative; top:60px; line-height:22px; font-size:12px; text-indent:2em; text-align:left;}

	
	}	
	
@media (min-width: 679px) and (max-width: 880px) {	
		.sv_main_cont1{ width:100%; height:600px; overflow:hidden;}

	.sv_main_cont1 li .rd_1 .t1{ font-size:20px; line-height:20px; padding-top:55px;}
.sv_main_cont1 li .rd_1{ width:100%; height:100px; background:#FFF; /*border-radius:50%;*/ margin:30px auto 0 auto; font-weight:bold;}
.sv_main_cont1 li .info .cont{ width:80%; height:250px; margin:0px auto; position:relative; top:60px; line-height:22px; font-size:12px; text-indent:2em; text-align:left;}

	
}