﻿@charset "utf-8";
/* CSS Document */
body {min-width:300px;}

.zzleft {overflow:hidden;float:left;width:800px;margin:30px auto 0px;padding:0px 0px 10px;}
.zzleft h1 {font-size:30px;text-align:center;line-height:40px;}
.zzleft h2 {font-size:22px;font-weight:normal;text-align:center;line-height:28px;padding:10px 0px;}


.zleftc {overflow:hidden;float:left;font-size:14px;color:#a1a1a1;width:490px;height:28px;line-height:28px;padding-left:45px;}


.zleftd1 {overflow:hidden;float:left;font-size:14px;color:#a1a1a1;width:65px;height:20px;padding:8px 0px 0px;}

.zleftd2 {position:relative;float:left;font-size:14px;color:#e2a2bd;background:url(../images/bj34.jpg) no-repeat 0px 7px;width:88px;height:28px;line-height:28px;padding-left:24px;cursor:pointer;}
.zleftd2 a {color:#e2a2bd;}
.zleftd2 a:hover {color:#cf4789;}
.zleftd22 {overflow:hidden;display:none;position:relative;left:-18px;width:120px;height:120px;background:#fff;padding:15px;border:1px solid #ddd;border-radius:10px;z-index:9999;}

.zleftd3 {overflow:hidden;float:left;width:35px;height:20px;padding:5px 0px 0px;}

.fontsize{position:relative;float:left;width:53px;height:20px;padding:5px 0px 0px;}
.fontsize-layer{display:none;position:absolute;top:22px;left:-34px;font-size:12px;text-align:center;background:url(../images/con8.gif) no-repeat 0px 0px;width:80px;height:23px;line-height:23px;padding:6px 0 0;}
.fontsize-layer a{display:inline-block;padding:0;background:none;margin:0 4px;}


.zlefte {overflow:hidden;float:left;width:800px;margin:15px 0px 0px;}


.zleftf {overflow:hidden;float:left;font-size:18px;width:800px;line-height:35px;margin:2px 0px 0px;padding:0px 0px 20px;}
.zleftf p {margin:15px 0px 0px;text-indent: 2em;}
.zleftf img {max-width:800px;height:auto;margin:10px auto;display:block;}



.zleftg {overflow:hidden;float:left;width:800px;line-height:30px;text-align:right;}

.zg2 {margin:20px 0px 0px;}

.zlefth {overflow:hidden;float:left;width:800px;height:46px;line-height:46px;margin:15px 0px 0px;}
.zlefth h3 {float:left;font-size:21px;font-weight:normal;padding-right:26px;}


.zlefti {overflow:hidden;float:left;width:800px;margin:2px 0px 0px;}
.zlefti ul li {float:left;overflow:hidden;background:url(../images/bj2.jpg) no-repeat 0px center;width:373px;height:40px;line-height:40px;margin-left:30px;padding-left:12px;}
.zlefti ul li.first {margin-left:0px;}



.zleftj {overflow:hidden;float:left;width:800px;height:36px;background:url(../images/bj1.jpg) repeat-x 0px bottom;margin:20px auto 0px;}
.zleftj h3 {float:left;font-size:21px;color:#cf4789;font-weight:normal;width:auto;height:35px;border-bottom:2px solid #cf4789;}
.zleftj h4 {float:left;width:5px;height:35px;border-bottom:1px solid #ededed;}


.zleftk {overflow:hidden;float:left;font-size:16px;width:800px;line-height:35px;margin:10px 0px 0px;}





.zleftl {float:left;width:550px;height:72px;background:url(../images/bj35.jpg) repeat-x 0px 28px;margin:30px 0px 0px;padding-left:250px;}

.zleftla {float:left;width:240px;height:72px;background:#fff;padding:0px 15px;}
.zleftla ul li {float:left;font-size:14px;text-align:center;width:60px;height:72px;}
.zleftla ul li a {float:left;width:60px;height:22px;padding:50px 0px 0px;cursor:pointer;}
.zleftla ul li a.la1 {background:url(../images/con1.jpg) no-repeat center 0px;}
.zleftla ul li a.la2 {background:url(../images/con2.jpg) no-repeat center 0px;position:relative;cursor:pointer;}
.zleftla ul li a.la3 {background:url(../images/con3.jpg) no-repeat center 0px;}
.zleftla ul li a.la4 {background:url(../images/con4.jpg) no-repeat center 0px;}

.la22 {overflow:hidden;display:none;position:relative;left:-18px;width:106px;height:106px;z-index:99999999;border:1px solid #ddd;border-radius:10px;}
.la22 img {width:106px;height:106px;}

.zleftlb {position:relative;float:left;font-size:14px;color:#a1a1a1;background:url(../images/bj34.jpg) no-repeat 0px 2px;width:88px;height:21px;line-height:21px;margin-left:47px;padding-left:24px;cursor:pointer;}
.zleftlb a {color:#a1a1a1;}
.zleftlb a:hover {color:#cf4789;}
.zleftlb2 {overflow:hidden;display:none;position:relative;left:-18px;width:120px;height:120px;background:#fff;padding:15px;border:1px solid #ddd;border-radius:10px;}

.zleftlc {overflow:hidden;float:left;width:35px;height:21px;padding:3px 0px 0px;}

.zleftld {position:relative;float:left;width:13px;height:21px;padding:3px 0px 0px;}
.zleftld2{display:none;position:absolute;top:22px;left:-34px;font-size:12px;text-align:center;background:url(../images/con8.gif) no-repeat 0px 0px;width:80px;height:23px;line-height:23px;padding:6px 0 0;}
.zleftld2 a{display:inline-block;padding:0;background:none;margin:0 4px;}



.imgnew.pc {display:block;}
.imgnew.mobile {display:none}




@media only screen and (min-width:0px) and (max-width:880px){

.imgnew.pc {display:none;}
.imgnew.mobile {display:block}
.imgnew.mobile>.imgnew.mobile{margin-top:-12px;}

.dnone {display:none;}

.header {width:100%;padding:5% 0px 3%;}

.logo {float:none;width:60%;height:auto;margin:0px auto;}
.logo img {max-width:100%;height:auto;margin:0px auto;}

.menu {float:none;width:100%;margin:5% auto 0px;padding:2% 0px;border-top:1px solid #ddd;}
.menu ul li {font-size:15px;text-align:center;width:25%;height:30px;line-height:30px;}
.menu ul li.linj {display:none;}

.menu2 {float:none;width:100%;margin:5% auto 0px;padding:2% 0px;border-top:1px solid #ddd;}
.menu2 ul li {font-size:15px;width:16.6%;height:44px;line-height:22px;}
.menu2 ul li.second {font-size:14px;text-align:center;width:16.6%;border-top:1px solid #ddd;margin:2% auto 0px;padding:2% 0px 0;}
.menu2 ul li.last {font-size:14px;font-weight:normal;text-align:center;width:83.4%;border-top:1px solid #ddd;margin:2% auto 0px;padding:2% 0px 0;}
.menu2 ul li.last a {padding-left:0px;text-align:center;float:left;width:20%;}
.menu2 ul li.linj {display:none;}

.menu2 ul li.third {font-size:14px;font-weight:normal;text-align:center;width:16.6%;border-top:1px solid #ddd;margin:2% auto 0px;padding:2% 0px 0;}
.menu2 ul li.lasta {font-size:14px;font-weight:normal;text-align:center;width:83.4%;border-top:1px solid #ddd;margin:2% auto 0px;padding:2% 0px 0;}
.menu2 ul li.lasta a {padding-left:0px;text-align:center;float:left;width:20%;}
.menu2 ul li.lastb {font-size:14px;font-weight:normal;text-align:center;width:83.4%;border-top:1px solid #ddd;margin:2% auto 0px;padding:2% 0px 0;}
.menu2 ul li.lastb a {padding-left:0px;text-align:center;float:left;width:20%;}
.menu2 ul li.lastc {font-size:14px;font-weight:normal;text-align:center;width:83.4%;border-top:1px solid #ddd;margin:2% auto 0px;padding:2% 0px 0;}
.menu2 ul li.lastc a {padding-left:0px;text-align:center;float:left;width:20%;}


.location {font-size:12px;width:94%;line-height:24px;padding:2% 0px;background:none;}
.location a {font-size:12px;margin-right:6px;padding:0px 14px 0px 0px;}

.mb3 {margin:3% auto 0px;}

.k1200 {width:100%;}

.zleft {float:none;width:100%;}

.zzleft {float:none;width:94%;margin:0px auto;padding:3% 0px 0px;}
.zzleft h1 {font-size:21px;text-align:center;line-height:35px;}
.zzleft h2 {font-size:16px;font-weight:normal;text-align:center;line-height:28px;padding:5px 0px 10px;}

.zleftc {float:none;font-size:12px;width:100%;text-align:center;padding-left:0px;}
.zleftd1, .zleftd2, .zleftd3, .fontsize, .zleftl, .zright {display:none;}

.zleftf {float:none;font-size:18px;width:94%;line-height:35px;margin:0px auto;}
.zleftf p {margin:10px 0px 0px;}
.zleftf img {max-width:100%;height:auto;}

.zleftg {float:none;width:94%;line-height:30px;text-align:right;}

.zlefth {float:none;width:94%;height:46px;line-height:46px;margin:15px auto 0px;}
.zlefth h3 {float:left;font-size:20px;font-weight:normal;padding-right:26px;}

.zlefti {float:none;width:94%;margin:0px auto;}
.zlefti ul li {width:100%;height:35px;line-height:35px;margin-left:0px;text-indent:12px;padding:0px;}


.zleftj {float:none;width:94%;margin:3% auto 0px;}


.zleftk {float:none;font-size:14px;width:94%;line-height:30px;margin:2% auto 0px;}



.footer {margin:5% auto 0px;padding:3% 0px;}

.footlink, .footline, .footpic {display:none;}

.footzg {font-size:12px;width:94%;}
.footzg h3 {font-size:14px;line-height:30px;}
.footzg p {line-height:24px;}





}

@media only screen and (min-width:768px) and (max-width:850px){

.menu ul li {font-size:18px;height:40px;line-height:40px;}

.zzleft h1 {font-size:24px;line-height:40px;}


}






