﻿
/* CSS Document */
@media screen and (min-width: 480px){
.mobile{display: none;}
.pc{display: block;}
body {margin: 0;padding: 0;	font-size:14px;font-family:"Microsoft Yahei"; background:#fff;}
* {	margin:0;padding: 0;}
a {	color: #000; text-decoration:none;}
a:hover {text-decoration:none; color:#000;}
p {	margin: 0;padding: 0;}
ul {list-style: none outside none;}
li {list-style: none;margin: 0;padding: 0;}
em {font-style: normal;}
input,textarea {	margin: 0;padding: 0;font-family:"Microsoft Yahei";}
img {border: none;}
.clear{ clear:both;}
input:focus,textarea:focus{outline:none;}
.w1200{ width:1200px;margin:0 auto;}


/*公共部分*/
.foot{ min-height:558px; background:url(../images/foot_bg.png) center no-repeat; background-size:cover;}
.foot dl{ padding:122px 0; padding-left:40px; overflow:hidden;}
.foot dl dd{ float:right; padding-right:50px;}
.foot dl dd h2{ font-size:20px; color:#dfdfe0; padding:20px 0;}
.foot dl dd a{ display:block; color:#99999b; line-height:40px;}
.foot dl dt{ float:left;}
.foot dl dt p{ font-size:20px; padding:20px 0; color:#838181}
.foot dl dt span{ display:block; overflow:hidden;}
.foot dl dt span img{ display:block; float:left; margin-right:20px;}
.foot dl dt ul{ padding-top:12px;}
.foot dl dt ul li{ height:30px; color:#9b9797; line-height:30px; padding-left:48px;}
.lxfs_icon01{ background:url(../images/lxfs_icon01.png) left center no-repeat;}
.lxfs_icon02{ background:url(../images/lxfs_icon02.png) left center no-repeat;}
.lxfs_icon03{ background:url(../images/lxfs_icon03.png) 2px center no-repeat;}
.copyright{ text-align:center; color:#818181; text-align:center; padding:12px 0;}
.mfzc{ min-height:418px; background:#00aab4 url(../images/mfzc_bg.png) center no-repeat;}
.title{ text-align:center;}
.title h2{ font-size:33px; color:#f3f6f6;}
.index-slide{ height:962px;}
.index-slide a{ display:block; width:100%; height:100%;}
.swiper-pagination-white{ bottom:73px !important}
.swiper-pagination-white span{ width:20px; height:20px; border-radius:20px; background:#555454 !important; opacity:1}
.swiper-pagination-white span.swiper-pagination-bullet-active{ width:65px; background:#999696 !important}

header{ position:fixed; left:0; top:0; width:100%; height:104px; z-index:9999; padding:20px 0;}
a#logo{ display:block; float:left; padding:20px 0; width:140px; height:64px; background:url(../images/logo.png) left center no-repeat;background-size:100%;}
.topfr{ float:right; height:40px; overflow:hidden; padding-top:41px;}
.topfr a{ display:block; width:auto; height:38px; border:1px #d9dcdc solid; border-radius:8px; width:88px; text-align:center; float:left; margin-left:40px; line-height:38px; font-size:16px; color:#d9dcdc}
.topfr a.jmabtn{ background:#d9dcdc; color:#404141}
nav{ float:right; overflow:hidden;}
nav a{ display:block; float:left; font-size:20px; font-weight:bold; color:#d9dcdc; padding:45px 0 29px;margin:0 20px;}
nav a:hover{ color:#d9dcdc; border-bottom:4px #3cb3c3 solid}
.header_active{ padding:0; background:#faf7f7}
.header_active a#logo{ background:url(../images/header_active_logo.png) left center no-repeat;background-size:100%;}
.header_active nav a{ color:#505054;}
.header_active .topfr a{ border-color:#505054; color:#505054}
.header_active .topfr a.jmabtn{ border-color:#3cb3c3; background:#3cb3c3; color:#fff;}
.mfzc_title{ text-align:center;}
.mfzc_title h2{ color:#f3f6f6; font-size:35px; padding-top:120px;}
.mfzc_title h3{ color:#f3f6f6; font-size:16px; padding-top:15px;}
.mfzc_form{ width:598px; height:66px; overflow:hidden; border:1px #fff solid; border-radius:10px; margin:62px auto 0;}
.mfzc_form a{ display:block; width:196px; height:66px; float:right; border:none; background:#fff; font-size:18px; text-align:center; line-height:66px; color:#000}
.mfzc_form input[type="text"]:nth-child(1){ width:100px; height:66px; float:left; background:rgba(255,255,255,0.3); border:none; font-size:18px; line-height:66px; text-indent:2em; color:#fff;}
.mfzc_form input[type="text"]:nth-child(3){ width:300px; height:66px; float:left; background:rgba(255,255,255,0.3); border:none; font-size:18px; line-height:66px; text-indent:2em; color:#fff;}



/*产品*/
.hbanner{ height:104px;}
.pagebanner{ height:682px;}
.pagebanner a{ display:block; width:100%; height:100%; overflow:hidden;}
.cpbanner{ background:url(../images/cpbanner.png) center no-repeat;}
.chanpin01{ min-height:800px; background:#f4f6f8;}
.chanpin01 h2,.anli01 h2,.anli02 h2{ text-align:center; font-size:36px; padding-top:80px;}
.cpimg01{ display:block; float:left; margin-top:70px; margin-left:96px;}
.chanpin01 ul{ padding-top:135px; padding-right:60px; width:430px; float:right;}
.chanpin01 ul li{ font-size:20px; line-height:26px; height:115px; overflow:hidden;}
.chanpin02{ min-height:775px;}
.title{ text-align:center; padding-top:88px;}
.title h2{ line-height:88px; font-size:50px; color:#080808;}
.title p{ line-height:55px; color:#797777; font-size:18px;}
.cpimg02{ float:left; display:block; margin:85px 0 0 84px;}
.chanpin02 ul{ width:396px; height:auto; float:right; padding-top:142px;}
.chanpin02 ul li{ line-height:57px; font-size:25px; color:#797777; text-indent:66px;}
.chanpin02 ul li.cp02_icon01{ background:url(../images/cp02_icon01.png) left center no-repeat;}
.chanpin02 ul li.cp02_icon02{ background:url(../images/cp02_icon02.png) left center no-repeat;}
.chanpin02 ul li.cp02_icon03{ background:url(../images/cp02_icon03.png) left center no-repeat;}
.chanpin02 ul li.cp02_icon04{ background:url(../images/cp02_icon04.png) left center no-repeat;}
.chanpin03{ background:#242830; min-height:790px;}
.chanpin04{ background:#3bb3c3; min-height:497px;}
.chanpin05{ min-height:684px;}
.cp3title{ text-align:center; padding-top:90px;}
.cp3title h2{ line-height:54px; font-size:30px; color:#fff;}
.cp3title p{ line-height:44px; color:#a29e9e; font-size:18px;}
.cpimg03{ display:block; margin:15px auto 0}
.chanpin03 a{ display:block; width:138px; height:50px; border-radius:8px; border:1px #fff solid; line-height:50px; text-align:center; font-size:16px; color:#fff; margin:20px auto 0;}
.chanpin04 ul{ width:100%; height:auto; overflow:hidden;}
.chanpin04 ul li{ width:25%; box-sizing:border-box; float:left; padding:0 50px;}
.chanpin04 ul li img{ display:block; margin:0 auto;}
.chanpin04 ul li p{ color:#fff; line-height:120%; font-size:16px;}
.chanpin04 ul li h4{ font-size:20px; color:#fff; font-weight:normal; padding:23px 0 15px;}
.chanpin04 h2{ text-align:center; font-size:35px; color:#fff; padding:90px 0 64px;}
.cpimg05{ display:block; float:right; margin:117px 24px 0 0;}
.cp5{ float:left; width:345px; padding-left:30px;}
.cp5 p{ font-size:22px; line-height:140%; padding-top:40px;}
.cp5 h4{ font-size:24px; padding-top:15px; font-weight:normal;}
.cp5 h2{ font-size:36px; padding-top:228px;}

/*服务*/
.fwbanner{ background:url(../images/fwbanner.png) center no-repeat}
.fuwu01{ min-height:943px;}
.fuwu01 h2{ font-size:45px; padding:90px 0; text-align:center;}
.fuwu01 ul{ overflow:hidden; }
.fuwu01 ul li{ text-align:center; width:33.33%; float:left; padding:0 42px; box-sizing:border-box; padding-bottom:80px;}
.fuwu01 ul li img{ display:block; margin:0 auto}
.fuwu01 ul li h3{ font-size:30px; font-weight:normal; padding-top:34px;}
.fuwu01 ul li p{ font-size:18px; line-height:32px; color:#5e5c5c; padding-top:25px;}
.fuwu02{ min-height:750px; background:#f9f9f9;}
.fuwu02 h2{ font-size:38px; text-align:center; padding:100px 0 76px;}
.fuwu02 ul{ width:1098px; margin:0 auto; overflow:hidden; padding:10px;}
.fuwu02 ul li{ text-align:center; margin:0 43px; width:278px; height:320px; border:1px #bfbfbf solid; border-radius:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); float:left;}
.fuwu02 ul li img{ display:block; margin:42px auto 0;}
.fuwu02 ul li h3{ font-size:25px; padding:20px 0 15px;}
.fuwu02 ul li p{ padding:0 43px; line-height:120%; font-size:16px; color:#989898;}
.fuwu02 a{ display:block; width:220px; height:80px; border:1px #333 solid; border-radius:5px; text-align:center; line-height:80px; margin:40px auto 0; font-size:25px;}
.fuwu03{ min-height:942px;}
.fwtitle{ text-align:center; padding:117px 0 70px;}
.fwtitle h2{ font-size:50px;}
.fwtitle p{ font-size:28px; line-height:50px; color:#777575;}
.fuwu03 ul{ width:1056px; height:474px; overflow:hidden; margin:0 auto;}
.fuwu03 ul li{ cursor:pointer; position:relative; width:351px; padding-top:91px; box-sizing:border-box; height:236px; overflow:hidden; float:left; border-left:1px #b7b3b3 solid; border-bottom:1px #b7b3b3 solid;}
.fuwu03 ul li.none01{ border-left:none;}
.fuwu03 ul li.none02{ border-bottom:none;}
.fuwu03 ul li img{ display:block; position:absolute; left:50%; top:35px; transform:translate(-50%,0)}
.fuwu03 ul li h3{ font-size:26px; padding-top:35px; text-align:center;}
.show{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#f9f9f9; padding:0 56px; box-sizing:border-box;}
.show p{ font-size:18px; line-height:150%; padding-top:70px;}
.fuwu03 ul li:hover .show{ display:block;}

/*加盟*/
.jmbanner{ background:url(../images/jmbanner.png) center no-repeat}
.jiameng01{ min-height:795px;}
.jmtitle{ text-align:center; padding-top:95px;}
.jmtitle h2{ font-weight:normal; font-size:40px; line-height:60px;}
.jmtitle p{ color:#827e7e; line-height:45px; font-size:26px;}
.jiameng01 ul{ width:100%; height:auto; overflow:hidden; padding-top:130px;}
.jiameng01 ul li{ width:25%; height:auto; overflow:hidden; float:left; box-sizing:border-box; padding:0 62px;}
.jiameng01 ul li img{ display:block; margin:0 auto;}
.jiameng01 ul li h3{ line-height:58px; text-align:center; font-size:22px; color:#585454; font-weight:normal; padding-top:70px;}
.jiameng01 ul li p{ font-size:18px; line-height:30px; text-align:center; color:#858585;}
.jiameng02{ min-height:796px; background:#fafafa;}
.jiameng02 ul{ overflow:hidden; padding-top:90px;}
.jiameng02 ul li{ width:25%; float:left; box-sizing:border-box; padding:0 37px;}
.jiameng02 ul li img{ display:block; margin:0 auto;}
.jiameng02 ul li h3{ line-height:90px; text-align:center; font-size:35px; color:#5a5858; font-weight:normal;}
.jiameng02 ul li p{ font-size:24px; line-height:120%; text-align:center; color:#9f9c9c}
.jiameng03{ overflow:hidden; background:#eee;}
.w1555{ width:1555px; margin:0 auto;}
.jiameng03 .jmtitle{ padding-bottom:85px;}
.jm03_img{ float:left;}
.jiameng03 ul{ width:584px; float:right; padding-right:240px; padding-top:50px;}
.jiameng03 ul li{ padding-left:52px; font-size:25px; line-height:130%; color:#5d5d5d; background:url(../images/jm3bg.png) left 4px no-repeat; padding-bottom:35px;}
/*.jiameng04{ min-height:364px;}*/
/*.jiameng04 ul{ margin:0 auto; overflow:hidden; width:1012px; padding-top:32px;}*/
/*.jiameng04 ul li{ float:left; padding:32px;}*/
/*.jiameng04 ul li input[type="text"]{ width:440px; height:70px; background:#fff; border:1px #b7b3b3 solid; border-radius:5px; line-height:70px; font-size:20px; text-indent:20px;}*/
/*.jiameng04 ul li input[type="submit"]{ width:442px; height:72px; background:#49b7c5; border:none; border-radius:5px; line-height:72px; text-align:center; font-size:20px; color:#fff;}*/
/*.jiameng04  input[type="submit"]{ margin:0 auto;width:442px; height:72px; background:#49b7c5; border:none; border-radius:5px; line-height:72px; text-align:center; font-size:20px; color:#fff;}*/
/*.jiameng04  input[type="button"]{ margin:0 auto;width:442px; height:72px; background:#49b7c5; border:none; border-radius:5px; line-height:72px; text-align:center; font-size:20px; color:#fff;}*/
.jiameng04{  text-align: center;  padding: 80px;  background-color: #fafafa;  }
.jiameng04 h2{  font-size: 40px;  }
.jiameng04 li{  font-weight: bold;  font-size: 18px;  line-height: 35px;  list-style: none;  width: 80px;  border: 2px solid orange;  margin: 20px;  }
.city{  margin-right: 100px;  }
.lxfs{ width:1012px; height:auto; margin:0 auto; overflow:hidden;}
.lxfs p{ width:50%; height:auto; float:left; box-sizing:border-box; padding:32px; font-size:20px; color:#9b9797; text-indent:73px;}
.lxfsicon01{ background:url(../images/lxfsicon01.png) 32px center no-repeat;}
.lxfsicon02{ background:url(../images/lxfsicon02.png) 32px center no-repeat;}

/*案例*/
.albanner{ background:url(../images/anllibanner.png) center no-repeat;}
.hzhb_list{ width:20%; height:auto; overflow:hidden; float:left;}
.hzhb_list span{ display:block; width:125px; height:125px; border:1px #dad9d9 solid; border-radius:100%; position:relative; overflow:hidden; margin:0 auto;}
.hzhb_list span img{ max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block;}
.hzhb_list h3{ text-align:center; height:70px; padding-bottom:40px; line-height:70px;}
.hzhb-slide{ padding-top:62px;}
.tabBox02{ padding:60px 0 27px; overflow:hidden; border-bottom:1px #b7b3b3 solid;}
.tabBox02 li{ cursor:pointer; width:128px; height:46px; overflow:hidden; border:1px #b7b3b3 solid; border-radius:46px; line-height:46px; text-align:center; font-size:18px; margin:0 55px; float:left;}
.tabBox02 li.on{ color:#35adb4; border-color:#35adb4;}
.anli01{ background:#faf9f9; min-height:944px;}
.fjkk-slide{ padding-top:75px; overflow:hidden;}
.fjkk-slide img{ display:block; float:right;}
.alcon{ width:780px; float:left;}
.alcon h4{ line-height:90px; font-size:36px; font-weight:normal;}
.alcon p{ font-size:20px; line-height:200%; text-indent:2em;}
.tabBox{ width:1000px; margin:0 auto; overflow:hidden; border-bottom:1px #b7b3b3 solid;}
.tabBox li{ cursor:pointer; width:25%; float:left; padding-bottom:15px; border-bottom:3px #fff solid;}
.tabBox li.on{ border-color:#3bb3c3;}
.tabBox li span{ display:block; width:167px; height:167px; border-radius:100%; overflow:hidden; border:1px #b7b3b3 solid; margin:0 auto; position:relative;}
.tabBox li span img{ display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.tabBox li h3{ line-height:76px; text-align:center; font-size:26px; font-weight:normal;}



/*首页*/
.index_hzhb_list{ width:100%; height:360px; overflow:hidden;}
.index_hzhb_list ul{ overflow:hidden;}
.index_hzhb_list ul li{ width:25%; height:180px; overflow:hidden; float:left; position:relative;}
.index_hzhb_list ul li img{ display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.index_title{ padding-bottom:40px;}
.index_dyh{ min-height:770px; background:#fafafa;}
.index_dyh_con{ min-height:640px; background:url(../images/index_dyh_bg.png) -40px 114px no-repeat; width:1200px; margin:0 auto;}
.index_dyh h2{ text-align:center; line-height:130px; font-size:40px;}
.index_dyh ul{ width:1200px; padding:0 120px; box-sizing:border-box; overflow:hidden; margin:0 auto;}
.index_dyh ul li{ width:307px;float:left; margin-top:74px; background:url(../images/dyh_bg.png) bottom center no-repeat; padding-bottom:70px;}
.index_dyh ul li img{ display:block; margin:0 auto;}
.index_dyh ul li.dyh02{ width:290px; margin-right:50px; margin-top:0; background:url(../images/dyh_bg02.png) bottom center no-repeat}
.index_dyh p{ text-align:center; font-size:30px; color:#00aab4; line-height:300%;}
.index_gzt{ min-height:862px; padding-bottom:30px;}
.index_gzt h2,.index_jswl h2,.index_qyxl h2{ padding:86px 0 60px; text-align:center; font-size:42px;}
.index_gzt ul{ height:152px; overflow:hidden; width:700px; margin:0 auto; margin-bottom:20px;}
.index_gzt ul li{ width:33.33%; float:left; overflow:hidden;}
.index_gzt ul li img{ display:block; float:left;}
.index_gzt ul li:nth-child(1) img{ margin-top:40px;}
.index_gzt ul li:nth-child(2) img{ margin:0 auto; float:none}
.index_gzt ul li:nth-child(3) img{ float:right; margin-top:40px;}
.index_gzt_img{ display:block; margin:0 auto; transform:translate(25px,0)}
.index_jswl{ background:#fafafa; min-height:772px; padding-bottom:40px;}
.index_jswl ul{ position:relative; width:100%; height:580px; background:url(../images/index_jswl_bg.png) center no-repeat;}
.index_jswl ul li{ position:absolute; width:305px; height:auto; overflow:hidden;}
.index_jswl ul li h3{ height:48px; overflow:hidden; line-height:48px; font-size:24px;}
.index_jswl ul li p{ line-height:150%;}
.index_jswl ul li:nth-child(1){left: 149px;top: 67px;text-align:right;}
.index_jswl ul li:nth-child(2){left: 52px;top: 210px;text-align:right;}
.index_jswl ul li:nth-child(3){left: 53px;top: 335px;text-align:right;}
.index_jswl ul li:nth-child(4){left: 840px;top: 131px;}
.index_jswl ul li:nth-child(5){left: 830px;top: 339px;}
.index_jswl ul li:nth-child(6){left: 726px;top: 458px;}
.index_qyxl ul{ overflow:hidden; width:1048px; margin:0 auto;}
.index_qyxl ul li{ width:228px; height:auto; float:left; margin:0 17px;}
.index_qyxl ul li span{ display:block; width:100%; height:126px; overflow:hidden; background:url(../images/index_qyxl_spanbg.png) repeat-x; color:#fff; text-align:center; font-size:18px;}
.index_qyxl ul li span em{ display:block; height:42px; padding-top:26px; overflow:hidden; margin-bottom:10px;}
.index_qyxl ul li span em img{ display:block; margin:0 auto;}
.index_qyxl ul li p{ width:226px; height:180px; border:1px #e1e1e1 solid; border-top:none; border-radius:0 0 5px 5px; line-height:180px; color:#3bb3c3; font-size:24px; text-align:center;} 
.index_qyxl ul li p strong{ font-size:56px;}
.index_qyxl a{ display:block; margin:80px auto; width:186px; height:70px; overflow:hidden; background:#3bb3c3; color:#fff; text-align:center; line-height:70px; font-size:24px; border-radius:5px;}
.index_heibai{ height:1326px; overflow:hidden;}
.index_half{ width:50%; height:1326px; overflow:hidden; float:left;}
.index_hei{ width:600px; float:right;}
.index_bai{ width:600px; float:left;}
.hbtitle{ width:1200px; padding-top:100px; margin-bottom:138px;}
.index_bai .hbtitle{ transform:translate(-50%,0)}
.hbtitle h2{ font-size:38px; line-height:65px; text-align:center;}
.hbtitle h2{display:none;}
.index_bai .hbtitle h2:nth-child(1){display:block;}
.index_hei .hbtitle h2:nth-child(1){display:block;}
.hbtitle p{ font-size:22px; line-height:48px; text-align:center;display:none;}
.hbtitle p:nth-child(3){display:block;}
ul.hb01,ul.hb03{ height:405px; padding-top:30px;}
ul.hb01{ background:url(../images/ul_hb01_bg.png) right center no-repeat;}
ul.hb03{ background:url(../images/ul_hb02_bg.png) left center no-repeat; padding-left:320px;}
ul.hb01 li,ul.hb03 li{ height:86px; font-size:30px; font-weight:bold; line-height:86px;}
ul.hb01 li{ padding-left:93px;}
ul.hb03 li{ width:80%;}
.hbicon01{ background:url(../images/hbicon01.png) left center no-repeat;}
.hbicon02{ background:url(../images/hbicon02.png) left center no-repeat;}
.hbicon03{ background:url(../images/hbicon03.png) left center no-repeat;}
.hbicon04{ background:url(../images/hbicon04.png) left center no-repeat;}
.hbicon05{ background:url(../images/hbicon05.png) right center no-repeat;}
.hbicon06{ background:url(../images/hbicon06.png) right center no-repeat;}
.hbicon07{ background:url(../images/hbicon07.png) right center no-repeat;}
.hbicon08{ background:url(../images/hbicon08.png) right center no-repeat;}
.hb02,.hb04{ overflow:hidden; padding-top:150px;}
.hb02 li,.hb04 li{ width:50%; box-sizing:border-box; padding:0 30px; float:left; padding-top:94px;}
.hb02_icon01{ background:url(../images/hb02_icon01.png) center top no-repeat;}
.hb02_icon02{ background:url(../images/hb02_icon02.png) center top no-repeat;}
.hb02_icon03{ background:url(../images/hb02_icon03.png) center top no-repeat;}
.hb02_icon04{ background:url(../images/hb02_icon04.png) center top no-repeat;}
.hb02 li h2,.hb04 li h2{ font-size:28px; padding:20px 0; text-align:center; font-weight:normal;}
.hb02 li p,.hb04 li p{ font-size:20px; color:#4b4747; line-height:150%;}
.index_black{ background:#000; color:#fff;}
.index_black .hb02 li p,.index_black .hb04 li p{ color:#fff;}
.index_black .hb02_icon01{ background:url(../images/hb02_icon01_h.png) center top no-repeat;}
.index_black .hb02_icon02{ background:url(../images/hb02_icon02_h.png) center top no-repeat;}
.index_black .hb02_icon03{ background:url(../images/hb02_icon03_h.png) center top no-repeat;}
.index_black .hb02_icon04{ background:url(../images/hb02_icon04_h.png) center top no-repeat;}
.index_black .hbicon01{ background:url(../images/hbicon01_h.png) left center no-repeat;}
.index_black .hbicon02{ background:url(../images/hbicon02_h.png) left center no-repeat;}
.index_black .hbicon03{ background:url(../images/hbicon03_h.png) left center no-repeat;}
.index_black .hbicon04{ background:url(../images/hbicon04_h.png) left center no-repeat;}
.index_black .hbicon05{ background:url(../images/hbicon05_h.png) right center no-repeat;}
.index_black .hbicon06{ background:url(../images/hbicon06_h.png) right center no-repeat;}
.index_black .hbicon07{ background:url(../images/hbicon07_h.png) right center no-repeat;}
.index_black .hbicon08{ background:url(../images/hbicon08_h.png) right center no-repeat;}
.index_black  ul.hb01{ background:url(../images/ul_hb01_bg_h.png) right center no-repeat;}
.index_black  ul.hb03{ background:url(../images/ul_hb02_bg_h.png) left center no-repeat;}
#preload-01 { background: url(../images/index_banner01.png) no-repeat -9999px -9999px; }
#preload-02 { background: url(../images/index_banner01.png) no-repeat -9999px -9999px; }
#preload-03 { background: url(../images/anllibanner.png) no-repeat -9999px -9999px; }
}
@media screen and (max-width: 480px) {
    .pc{display: none;}
    .mobile{display: block}
    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-size: 62.5%
    }

    div {
        overflow: hidden;
        /*font-size: 1.2em;*/
    }

    ._font13 {
        font-size: 2em;
    }

    ._font12 {
        font-size: 1.5em;
    }

    ._font1 {
        font-size: 1.2em;
        padding: 10px;
        text-align:justify;
    }

    .phone {
        width: 85px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        font-size: 1.2em;
        display: none;
        color: black;
        background-color: white;
        border: 1px solid black;
        border-radius: 6px;
        position: absolute;
        top: 20px;
    }

    .displayFlex {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    .liten-logo {
        overflow: visible;
        position: relative;
        background-color: white;
        width: 100%;
        height: 70px;
    }

    .positon1 {
        padding-top: 10px;
        padding-left: 5px;
    }

    .positon2 {
        float: right;
        padding-top: 20px;
        padding-right: 20px;
    }

    .banner {
        background-image: url("../images/banner2.png");
        background-position: center;
        width: 100%;
        height: 200px;
        text-align: center;
    }

    .h3 {
        color: white;
        font-family: 微软雅黑;
        letter-spacing: 2px;
        padding-top: 70px;
    }

    .h4 {
        padding-top: 10px;
    }

    .fst {
        background-color: #f4f6f8;
        width: 100%;
        height: 200px;
        text-align: center;
    }

    .fst-word {
        font-family: 微软雅黑;
        /*font-size: 1.4em;*/
        letter-spacing: 2px;
        padding-top: 30px;
    }

    .f0 {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        padding-top: 20px;
        /*height: 100px;*/
    }

    .f1 {
        font-family: 微软雅黑;
        /*font-size: 1.2em;*/
    }

    .f2 {
        font-family: 微软雅黑;
        /*font-size: 1.2em;*/
    }

    .f3 {
        font-family: 微软雅黑;
        /*font-size: 1.2em;*/
    }

    .sec {

        background-color: white;
        width: 100%;
        /*height: 510px;*/
        text-align: center;
        padding-bottom: 30px;
    }

    .sec img {
        width: 140px;
        height: 117px;
    }

    .s0 {
        font-family: 微软雅黑;
        letter-spacing: 2px;
        padding-top: 30px;
    }

    .s1 {
        font-family: 微软雅黑;
        letter-spacing: 2px;
    }

    .s13 {
        /*position: relative;*/
        /*left: -105px;*/
        /*font-size: 1em;*/
    }

    .s2 {
        font-family: 微软雅黑;
        letter-spacing: 2px;
    }

    .s21 {
        /*position: relative;*/
        /*left: 100px;*/
        /*top: -175px;*/
    }

    .s22 {
        /*position: relative;*/
        /*left: 100px;*/
        /*top: -170px;*/
        /*margin: 0;*/
    }

    .s23 {
        /*position: relative;*/
        /*left: 100px;*/
        /*top: -170px;*/
        /*font-size: 1em;*/
    }

    .s3 {
        font-family: 微软雅黑;
        letter-spacing: 2px;
    }

    .s31 {
        /*position: relative;*/
        /*left: -105px;*/
        /*top: -160px;*/
    }

    .s32 {
        /*position: relative;*/
        /*left: -105px;*/
        /*top: -165px;*/
        /*margin: 0;*/
    }

    .s33 {
        /*position: relative;*/
        /*left: -105px;*/
        /*top: -165px;*/
        /*font-size: 1em;*/
    }

    .s4 {
        font-family: 微软雅黑;
        letter-spacing: 2px;
        /*position: relative;*/
        /*left: 105px;*/
        /*top: -341px;*/
    }

    .s42 {
        /*margin: 0;*/
    }

    .s43 {
        /*font-size: 1em;*/
    }

    .horizontal {
        display: flex;
        justify-content: center;
    }

    ._width3 {
        width: 50%;
    }

    ._width2 {
        width: 25%;
    }

    .third {
        background-color: #f4f6f8;
        width: 100%;
        height: 200px;
        text-align: center;
    }

    .t1 {
        font-weight: bold;
        font-family: 微软雅黑;
        /*font-size: 1.3em;*/
        letter-spacing: 2px;
        padding-top: 20px;
    }

    .t2 {
        display: flex;
        justify-content: center;
        padding-top: 25px;
        height: 130px;
    }

    .forth {
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url("../images/forth.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 120px;
        text-align: center;
        overflow: hidden;
        background-size: 100% 120px;
        color: white;
    }

    .for1 {
        /*position: relative;*/
        /*left: -125px;*/
        /*top: 16px;*/
        color: white;
        font-family: 黑体;
    }

    .for1-11 {
        /*font-size: 1.5em;*/
        margin-bottom: 10px;
    }

    .for1-12 {
        /*font-size: 1em*/
    }

    .for1-2 {
        /*margin: 0;*/
        /*font-size: 1.2em;*/
    }

    .for2 {
        /*position: relative;*/
        /*top: -49px;*/
        color: white;
        font-family: 黑体;
    }

    .for2-11 {
        /*font-size: 1.5em;*/
        margin-bottom: 10px;

    }

    .for2-12 {
        /*font-size: 1em*/
    }

    .for2-21 {
        margin: 0;
        /*font-size: 1.2em;*/
    }

    .for3 {
        /*position: relative;*/
        /*top: -115px;*/
        /*left: 125px;*/
        color: white;
        font-family: 黑体;
    }

    .for3-11 {
        /*font-size: 1.5em;*/
        margin-bottom: 10px;

    }

    .for3-12 {
        /*font-size: 1em*/
    }

    .for3-21 {
        /*margin: 0;*/
        /*font-size: 1.2em;*/
    }

    .fifth {
        background-color: #f4f6f8;
        width: 100%;
        /*height: 300px;*/
    }

    .fifth span {
        /*display: inline-block;*/
        /*width: 48px;*/
        /*text-align: center;*/
    }

    .table {
        width: 100%;
        margin: 20px auto;
        font-size: 0.9em;
        text-align: center;
    }

    .table td {
        width: 20%;
    }

    .fifth-1 {
        margin: 0;
        font-family: 微软雅黑;
        /*font-size: 1.05em;*/
        padding-top: 20px;
        text-align: center;
    }

    .fifth-2 {
        padding-top: 20px;
        text-align: center;
    }

    .fifth-21 {
        padding-right: 7px;
    }

    .fifth-22 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-23 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-24 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-25 {
        padding-left: 7px;
    }

    .fifth-3 {
        padding-top: 5px;
        text-align: center;
        /*font-size: 1em;*/
        position: relative;
        right: 5px;
    }

    .fifth-31 {
        padding-right: 12px;
    }

    .fifth-32 {
        padding-left: 8px;
        padding-right: 16px;
    }

    .fifth-33 {
        padding-left: 10px;
        padding-right: 14px;
    }

    .fifth-34 {
        padding-left: 8px;
        padding-right: 16px;
    }

    .fifth-35 {
        padding-left: 9px;
    }

    .fifth-4 {
        padding-top: 15px;
        text-align: center;
    }

    .fifth-41 {
        padding-right: 7px;
    }

    .fifth-42 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-43 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-44 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-45 {
        padding-left: 7px;
    }

    .fifth-5 {
        padding-top: 5px;
        text-align: center;
        /*font-size: 1em;*/
        position: relative;
        right: -2px;
    }

    .fifth-51 {
        padding-left: 1px;
        padding-right: 16px;
    }

    .fifth-52 {
        padding-left: 17px;
        padding-right: 24px;
    }

    .fifth-53 {
        padding-left: 11px;
        padding-right: 18px;
    }

    .fifth-54 {
        padding-left: 8px;
        padding-right: 16px;
    }

    .fifth-55 {
        padding-left: 7px;
    }

    .fifth-6 {
        padding-top: 15px;
        text-align: center;
    }

    .fifth-61 {
        padding-right: 7px;
    }

    .fifth-62 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-63 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-64 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .fifth-65 {
        padding-left: 7px;
    }

    .fifth-7 {
        padding-top: 5px;
        text-align: center;
        /*font-size: 1em;*/
        position: relative;
        right: -2px;
    }

    .fifth-71 {
        padding-left: 7px;
        padding-right: 10px;
    }

    .fifth-72 {
        padding-left: 13px;
        padding-right: 25px;
    }

    .fifth-73 {
        padding-left: 0px;
        padding-right: 29px;
        position: relative;
        right: 10px;
    }

    .fifth-74 {
        padding-left: 8px;
        padding-right: 16px;
        position: relative;
        right: 22px;
    }

    .fifth-75 {
        padding-left: 7px;
        position: relative;
        right: 11px;
    }

    .foot {
        /*position: fixed;*/
        /*bottom: 0px;*/
        background-image: url("../images/xiantiao.png");
        background-position: center;
        background-size: 100% 100%;
        width: 100%;
        height: 130px;
        text-align: center;
    }

    .foot-1 {
        font-family: 微软雅黑;
        font-weight: bold;
        color: white;
        margin-bottom: 15px;
        padding-top: 20px;
        /*font-size: 0.6em;*/
    }

    .foot input {
        border: 0;
        vertical-align: top;
        height: 35px;
        /*font-size: 0.6em;*/
        text-indent: 10px;
    }
}



























