.title_web{ color:#f45751; font-size:30px; text-align:left;height:50px; padding-top:30px; margin:0 30px; font-weight:normal}
.title_web_m{ text-align:center; font-size:14px; padding-bottom:20px;}
.title_web_s{text-align:center; font-size:20px; line-height:52px; height:52px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin:0 30px; color:#f45751}

.sercvice_lstt,.sercvice_xc{ margin:0 30px; overflow:hidden;}
.sercvice_lstt ul{ display:block; width:1168px; clear:both;}
.sercvice_xc ul{ display:block; width:1170px; clear:both;}
.sercvice_xc li{ float:left; width:390px; height:180px; padding:30px 0;}
.sercvice_lstt li{ float:left; width:292px; height:120px; padding:30px 0;}
.sercvice_lstt li em,.sercvice_xc li em{ display:block; width:82px; height:82px; background-image:url(../images/web_design_bg.png); background-repeat:no-repeat; margin-top:8px; float:left}
.sercvice_lstt li:hover em,.sercvice_xc li:hover em{background-image:url(web_design_bg.png); background-repeat:no-repeat;}
.sercvice_lstt li h4,.sercvice_xc li h4{ font-size:14px; margin:0 30px 0 100px; text-align:left; line-height:30px;}
.sercvice_lstt li div,.sercvice_xc li div{margin:0 30px 0 100px; text-align:left}

.sercvice_lstt .w01 em{ background-position:0px 0px}
.sercvice_lstt .w01:hover em{ background-position:0px -100px;}

.sercvice_lstt .w02 em{ background-position:-100px 0px}
.sercvice_lstt .w02:hover em{ background-position:-100px -100px;}

.sercvice_lstt .w03 em{ background-position:-200px 0px}
.sercvice_lstt .w03:hover em{ background-position:-200px -100px;}

.sercvice_lstt .w04 em{ background-position:-300px 0px}
.sercvice_lstt .w04:hover em{ background-position:-300px -100px;}

.sercvice_lstt .w05 em{ background-position:0px -200px}
.sercvice_lstt .w05:hover em{ background-position:0px -300px;}

.sercvice_lstt .w06 em{ background-position:-100px -200px}
.sercvice_lstt .w06:hover em{ background-position:-100px -300px;}

.sercvice_lstt .w07 em{ background-position:-200px -200px}
.sercvice_lstt .w07:hover em{ background-position:-200px -300px;}

.sercvice_lstt .w08 em{ background-position:-300px -200px}
.sercvice_lstt .w08:hover em{ background-position:-300px -300px;}

.sercvice_lstt .w09 em{ background-position:0px -400px}
.sercvice_lstt .w09:hover em{ background-position:0px -500px;}

.sercvice_lstt .w10 em{ background-position:-100px -400px}
.sercvice_lstt .w10:hover em{ background-position:-100px -500px;}

.sercvice_lstt .w11 em{ background-position:-200px -400px}
.sercvice_lstt .w11:hover em{ background-position:-200px -500px;}

.sercvice_lstt .w12 em{ background-position:-300px -400px}
.sercvice_lstt .w12:hover em{ background-position:-300px -500px;}

.sercvice_xc .w01 em{ background-position:0px -600px}
.sercvice_xc .w01:hover em{ background-position:0px -700px;}

.sercvice_xc .w02 em{ background-position:-100px -600px}
.sercvice_xc .w02:hover em{ background-position:-100px -700px;}

.sercvice_xc .w03 em{ background-position:-200px -600px}
.sercvice_xc .w03:hover em{ background-position:-200px -700px;}

.sercvice_xc .w04 em{ background-position:0px -800px}
.sercvice_xc .w04:hover em{ background-position:0px -900px;}

.sercvice_xc .w05 em{ background-position:-100px -800px}
.sercvice_xc .w05:hover em{ background-position:-100px -900px;}

.sercvice_xc .w06 em{ background-position:-200px -800px}
.sercvice_xc .w06:hover em{ background-position:-200px -900px;}

.bg_100{ background:url(bg_100.gif) repeat center 0}
.title08{ font-size:36px; line-height:60px; padding-top:40px;}
.quan01{ font-size:16px; padding-bottom:30px;}

.app_service{ background:#FFF}
.app_service ul{ width:1300px; }
.app_service li{ float:left; text-align:left; padding-right:15px; padding-top:30px; padding-bottom:30px;}
.app_service li em{ float:left; width:80px; height:80px; background-image:url(../images/app_design.png); background-repeat:no-repeat;}
.app_service li h3{ margin-left:95px; line-height:32px; font-size:16px}
.app_service li p{ margin-left:95px;}

.app_service .ap01 em{ background-position:0 0}
.app_service .ap02 em{ background-position:-100px 0}
.app_service .ap03 em{ background-position:-200px 0}
.app_service .ap04 em{ background-position:-300px 0}

.aap_ts{ padding:30px 0}
.aap_ts dl{ float:left; width:400px; text-align:left}
.aap_ts dt{ float:left; width:100px; background-image:url(../images/app_design.png); background-repeat:no-repeat;  display:block; text-align:center; height:30px; line-height:30px; padding-top:50px;}
.aap_ts dd{ margin-left:110px; margin-right:20px; font-size:14px; padding-bottom:50px; padding-top:10px;}
.aap_ts .ts01{ background-position:0 -120px;}
.aap_ts .ts02{ background-position:-100px -120px;}
.aap_ts .ts03{ background-position:-200px -120px;}
.aap_ts .ts04{ background-position:0px -220px;}
.aap_ts .ts05{ background-position:-100px -220px;}
.aap_ts .ts06{ background-position:-200px -220px;}

.top_ad_app{ width:100%; height:500px; background:url(../uploadfile/ad/02.jpg) no-repeat center 0}