html,body{height:100%}
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img{margin:0;padding:0;outline:none}
*{box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-family:"Microsoft Yahei";color:#333}
ul,li,ol,dl,dt,dd{list-style:none}
del,ins,u,s,a,a:hover{text-decoration:none !important}
img{border:none}
/*href*/
a{text-decoration:none !important}
a:link,a:visited{color:#333}
a:hover,a:active{color:#a00}
.cfff,.cfff a:link,.cfff a:visited{color:#fff}
.cfff a:hover,.cfff a:active{color:#fff}
.fl{float:left}
.fr{float:right}
.df{display:flex}
.df_1{flex:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hide{display:none}
.o{overflow:hidden}
.img{display:block;margin:0;padding:0;width:100%;height:auto}
.bg-gray{background:#f0f0f0}
.wrap{width:90%;margin:0 auto}
.header,.footer{background:#fff}
.header{height:205px}
.main{height:calc(100% - 280px)}
.footer{height:75px;line-height:73px;position:relative;overflow:hidden;font-size:22px}
/**
2021新年
*/
.happynewyear{
position: absolute;
width: 168px;
height: 346px;
left: 0;
top: 205px;
background: url("../images/2021newyear.png");
z-index: 100;
}
.qrcode{position:absolute;right:10px;bottom:10px;width:290px;height:89px;}
.top{height:130px}
.top .fl{padding-top:38px}
.top .fl .logo{display:block;width:333px;height:54px;background:url(../images/logo.png) no-repeat}
.top .fr{display:flex;font-size:14px;width:525px;padding-top:25px}
.top .fr .search{width:345px}
.top-nav{text-align:right;color:#999;margin-bottom:15px}
.top-nav a{color:#999}
.input{border:1px solid #f2f2f2;padding:0 15px;height:45px;width:250px;float:left}
.btn{border:0;background:#36789a;color:#fff;padding:0;width:95px;height:45px}
.top .icon{text-align:center;margin-left:30px;width:60px;height:70px}
.top .icon a{color:#36798a}
.top .icon a img{display:block;margin:0 auto 5px;width:48px;transition:all .5s ease}
.top .icon a:hover img{width:55px}
.nav{height:75px;background:#4193a7;line-height:73px}
.nav ul{display:flex;font-size:24px}
.nav ul li{flex:1;text-align:center;margin:0 5px;height:100%}
.nav ul li:hover,.nav ul li.hover{background:#35798a;font-weight:bold}
.footer .icon-list li{display:inline}
.footer .icon-list a{background:url(../images/index/icon-1.png) no-repeat 0 center;padding-left:25px;padding-right:15px;color:#35798a}
.footer .icon-list a.icon-02{background-image:url(../images/index/icon-2.png)}
.footer .icon-list a.icon-03,.footer .icon-list a.icon-12{background-image:url(../images/index/icon-3.png)}
.footer .icon-list a.icon-04,.footer .icon-list a.icon-13{background-image:url(../images/index/icon-4.png)}
.footer .icon-list a.icon-05,.footer .icon-list a.icon-14{background-image:url(../images/index/icon-5.png)}
.footer .icon-list a.icon-06,.footer .icon-list a.icon-15{background-image:url(../images/index/icon-6.png)}
.footer .icon-list a.icon-16{background-image:url(../images/index/icon-7.png)}
.footer .fr a,.footer .fr span{display:inline-block;height:75px;padding:0 15px;font-size:12px}
.footer .fr span{padding:0}
.footer .fr a:hover{background:#35798a;color:#fff}
.footer .guest{background:#35798a;width:160px;height:75px;position:absolute;top:0;left:50%;margin-left:-80px;color:#fff;text-align:center}
.copy{text-align:center;line-height:1.5;padding:10px 0 40px;background:#fff;font-size:14px;overflow:hidden}
.slideBox{width:100%;height:calc(100% - 205px);overflow:hidden;position:relative}
.slideBox .bd{position:relative;height:calc(100% - 75px);z-index:0}
.slideBox .bd .tempWrap,.slideBox .bd ul{height:100% !important}
.slideBox .bd li{background-position:center center;background-repeat:no-repeat;width:100%;height:100%;background-size:100% auto}
.classlist{overflow:hidden;padding-top:30px}
.classlist li{float:left;padding-right:15px;margin-bottom:35px;font-size:20px}
.classlist li:not(:last-of-type)::after{content:"|";margin-left:15px}
.picslist{overflow:hidden}
.picslist li{width:25%;float:left;box-sizing:border-box;padding:15px 60px}
.picslist li img{display:block;width:100%;height:auto}
.picslist li p{line-height:2;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* about */
.about{background:url(../images/icon/bg.png) no-repeat right bottom;padding-top:60px;box-sizing:border-box;background-size:auto 80%;height:100%}
.about-title{font-size:40px;font-weight:normal;margin-bottom:30px}
.about-title span{color:#f79617;padding-right:20px;text-transform:uppercase}
.about-class{border-top:1px solid #ddd;border-left:1px solid #ddd;width:50%;overflow:hidden}
.about-class li{float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:50%;box-sizing:border-box;padding:15px;font:16px SimSun;line-height:1.8;min-height:100px}
.about-class li i{display:block;width:37px;height:35px;background:url(../images/icon/29.png) no-repeat;margin-right:15px}
.about-class li i.about-icon-2{background-image:url(../images/icon/30.png)}
.about-class li i.about-icon-3{background-image:url(../images/icon/31.png)}
.about-class li i.about-icon-4{background-image:url(../images/icon/32.png)}
.about-class li h3 a{color:#978571;font:bold 18px SimSun;line-height:2}
.about-class li a.more{color:#666;background:url(../images/icon/more.png) no-repeat right center;padding-right:30px;display:inline-block;height:17px;line-height:17px}
.about-text{margin-top:80px;width:40%}
.about-text p{font:16px/1.8 SimSun;margin-top:15px;text-indent:2em}
.about-text a{display:block;float:right;width:80px;height:30px;border-radius:30px;border:1px solid #ddd;color:#999;text-align:center;font:14px/28px SimSun;margin-top:10px}
/* party-building */
.remote li.first{background:none;padding:0;height:auto;margin:0}
.remotelist li{float:left;background:#fff;border:1px solid #4193a7;width:19%;margin:10px 1% 0 0;position:relative;padding:10px;box-sizing:border-box;border-radius:5px;height:50px;overflow:hidden;line-height:28px}
.remotelist li a::after{content:">";transform:rotate(90deg);position:absolute;display:block;right:-5px;top:10px;padding:0 10px;font-family:SimSun;border-bottom:1px solid #4193a7;color:#4193a7;width:30px;text-align:center;}
.remotelist li a{color:#4193a7}
.party-building-left{margin-right:40px}
.party-building-left li{width:290px;height:90px;line-height:90px;margin-bottom:20px;background:#fff url(../images/num-01.jpg) no-repeat;background-size:auto 100%;padding-left:135px;font-size:24px}
.party-building-left li.li2{background-image:url(../images/num-02.jpg)}
.party-building-left li.li3{background-image:url(../images/num-03.jpg)}
.party-building-left li.li4{background-image:url(../images/num-04.jpg)}
.party-building-left li.li5{background-image:url(../images/num-05.jpg)}
.party-building-left li.li6{background-image:url(../images/num-06.jpg)}
.party-building-left li.li7{background-image:url(../images/num-07.jpg)}
.party-building-left li a{color:#4193a7}
.teaching-left{width:430px;position:relative;padding-top: 50px}
.teaching-left li{background:url(../images/icon/n1.png) no-repeat 10px 0;width:140px;height:160px;float:left;text-align:center;line-height:156px;font-size:24px;padding-left:10px}
.teaching-left li.li2{background-image:url(../images/icon/n2.png);}
.teaching-left li.li3{background-image:url(../images/icon/n3.png); line-height:1.3;padding:45px 15px 0 25px;font-size:20px}
.teaching-left li.li4{background-image:url(../images/icon/n4.png);line-height:1.3;padding:45px 15px 0 25px;font-size:20px}
.teaching-left li.li5{background-image:url(../images/icon/n5.png);line-height:1.3;padding:45px 15px 0 25px}
.teaching-left li.li6{background-image:url(../images/icon/n6.png);line-height:1.3;padding:45px 15px 0 25px;font-size:20px}
.party-building-right{overflow:hidden}
.party-building-class{border-bottom:2px solid #c30;line-height:2.5}
.party-building-class li{text-align:center;width:15%}
.party-building-class li a{color:#c30}
.party-building-box{padding-top:30px}
.party-building-slide{width:520px;margin-right:30px;position:relative}
.party-building-slide .mask{width:520px;height:360px;position:absolute;left:0;top:0;background:url(../images/mask.png) no-repeat;background-size:100% 100%;z-index:999999}
.party-building-slide .mask.mask1{background-image:url(../images/mask1.png)}
.party-building-slide .mask.mask2{background-image:url(../images/mask2.png)}
.party-building-slide .mask.bg7,.party-building-slide .mask.bg36,.party-building-slide .mask.bg39{background-image:url(../images/bg7.png)}
.party-building-slide .mask.bg63,.party-building-slide .mask.bg3{background-image:url(../images/t6.png)}
.party-building-slide .mask.bg14,.party-building-slide .mask.bg68{background-image:url(../images/bg68.png)}
.party-building-slide .mask.bg13,.party-building-slide .mask.bg67{background-image:url(../images/t5.png)}
.party-building-slide .mask.bg33,.party-building-slide .mask.bg38,.party-building-slide .mask.bg70,.party-building-slide .mask.bg71{background-image:url(../images/bg71.png)}
.party-building-slide img{width:520px;height:360px}
.party-building-slide .hd ul{font-size:0;text-align:center;margin-top:20px}
.party-building-slide .hd ul li{width:13px;height:13px;display:inline-block;margin:0 6px;background:#999}
.party-building-slide .hd ul li.on{background:#c30}
.party-building-box-right{overflow:hidden}
.newslist{width:100%}
.newslist li{background:url(../images/arr.png) no-repeat 0 center;border-bottom:1px dashed #ddd;padding-left:20px;line-height:2.8;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newslist li span{float:right;color:#999;margin-left:15px}
/* medical_care */
.medical_care{padding-top:80px}
.medical_care li{width:33.3333%;float:left;overflow:hidden;padding:30px;box-sizing:border-box}
/*
.medical_care li{width:33.3333%;float:left;height:15vw;background:#fff;overflow:hidden}
.medical_care li a{display:block;width:50%;margin:0;padding:0;text-align:center;float:left}
.medical_care li h2{color:#35798a;padding-top:3vw;font-weight:normal;font-size:36px}
.medical_care li h2:after{content:"";display:block;margin:1vw auto;width:26px;height:3px;background:#35798a}
.medical_care li p{color:#666;font-size:36px;padding-top:20px}
*/
.medical_care li img{display:block;width:100%;height:auto;margin:0;padding:0}
/* anti_epidemic */
.anti{display:table}
.anti .col{width:30%;float:left}
.anti-title{color:#4193a7;margin-top:30px;margin-bottom:10px}
.anti-title a{color:#4193a7}
.anti-title::before{content:"|";font-weight:bold;margin-right:10px}
.anti-center{margin:0 5%}
.anti-video img{width:100%}
.anti-bg img{width:80%;margin:0 auto;display:block;margin-top:40px}
/* theme_activities */
.theme{background:url(../images/icon/theme.png) no-repeat right center;background-size:auto 80%;height:100%}
.theme ul{padding-top:80px;width:50%}
.theme ul li{width:50%;float:left;height:15vw;overflow:hidden;box-sizing:border-box;padding:15px}
.theme ul li a{display:block;height:100%;background:#C5948E url(../images/icon/theme-01.png) no-repeat center 2vw;box-sizing:border-box;padding-top:9vw;text-align:center;color:#fff;font-size:24px}
.theme ul li.theme-li2 a{background-color:#9CACD2;background-image:url(../images/icon/theme-02.png)}
.theme ul li.theme-li3 a{background-color:#59A8AD;background-image:url(../images/icon/theme-03.png)}
.theme ul li.theme-li4 a{background-color:#E5CA8F;background-image:url(../images/icon/theme-04.png)}
/* medical-guide */
.medical-guide{background:url(../images/icon/left.png) no-repeat left center;box-sizing:border-box;padding-left:260px;align-items:center;justify-content:center}
.medical-guide ul{overflow:hidden;width:100%}
.medical-guide ul li{width:20%;float:left;text-align:center;margin:20px 0}
.medical-guide ul li a{display:block;background:url(../images/icon/g1.png) no-repeat center top;padding-top:115px;font-size:18px}
.medical-guide ul li a.medical-guide-2{background-image:url(../images/icon/g2.png)}
.medical-guide ul li a.medical-guide-3{background-image:url(../images/icon/g3.png)}
.medical-guide ul li a.medical-guide-4{background-image:url(../images/icon/g4.png)}
.medical-guide ul li a.medical-guide-5{background-image:url(../images/icon/g5.png)}
.medical-guide ul li a.medical-guide-6{background-image:url(../images/icon/g6.png)}
.medical-guide ul li a.medical-guide-7{background-image:url(../images/icon/g7.png)}
.medical-guide ul li a.medical-guide-8{background-image:url(../images/icon/g8.png)}
.medical-guide ul li a.medical-guide-9{background-image:url(../images/icon/g9.png)}
.medical-guide ul li a.medical-guide-10{background-image:url(../images/icon/g10.png)}
.medical-guide ul li a.medical-guide-11{background-image:url(../images/icon/g11.png)}
.medical-guide ul li a.medical-guide-12{background-image:url(../images/icon/g12.png)}
.medical-guide ul li a.medical-guide-13{background-image:url(../images/icon/g13.png)}
.medical-guide ul li a.medical-guide-14{background-image:url(../images/icon/g14.png)}
/* parts */
.parts{align-items:center}
.parts-left{background:#4193a7;width:200px;margin-right:30px;padding:10px 0}
.parts-left li{padding:0 10px}
.parts-left li a{display:block;background:url(../images/icon/p0.png) no-repeat 0 center;background-size:auto 20px;padding-left:30px;border-top:1px solid #fff;line-height:40px;font-size:14px;color:#fff}
.parts-left li:first-of-type a,.parts-left li.hover + li a{border:0}
.parts-left li.hover{background:#fff}
.parts-left li.hover a{background:none;color:#000}
.parts-left li.li1 a{background-image:url(../images/icon/p1.png)}
.parts-left li.li2 a{background-image:url(../images/icon/p2.png)}
.parts-left li.li3 a{background-image:url(../images/icon/p3.png)}
.parts-left li.li4 a{background-image:url(../images/icon/p4.png)}
.parts-left li.li5 a{background-image:url(../images/icon/p5.png)}
.parts-left li.li6 a{background-image:url(../images/icon/p6.png)}
.parts-right ul{overflow:hidden}
.parts-right ul li{float:left;width:12.5%;text-align:center;font-size:14px;margin:15px 0}
.parts-right ul li img{width:80px;height:80px;margin-bottom:6px}
.parts-box,.fjc{flex-direction:column;justify-content:center}
.parts-box h2{font-size:16px}
.parts-info-img{margin-right:30px;position:relative;padding:0 10px}
.parts-info-img img{display:block;width:300px}
.parts-info-img p{position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:3;background:rgba(65,147,167,.5);color:#fff;font-size:16px}
.parts-info-txt p{border:1px dotted #ccc;padding:10px;line-height:1.75;font-size:14px;margin-top:10px;color:#666;position:relative}
.parts-info-txt p a{position:absolute;right:10px;bottom:10px;border:1px solid #4193a7;border-radius:5px;padding:0 10px;font-size:12px;color:#4193a7;line-height:1.5}
.parts-team{margin-top:30px}
.parts-team .fr{font-size:12px}
.parts-team ul{overflow:hidden;margin-top:10px}
.parts-team ul li{float:left;width:10%;padding:5px;box-sizing:border-box;position:relative}
.parts-team ul li img{display:block;width:100%;margin:0;height:200px}
.parts-team ul li p{position:absolute;left:5px;right:5px;bottom:5px;background:rgba(0,0,0,.5);color:#fff;padding:10px;line-height:1.5;font-size:12px}
.parts-team ul li p span{display:block;text-align:center}
/* content */
#content{padding:0 20px;background:#fff;overflow:hidden;box-sizing:border-box}
.bg-cat #content{background:none}
.bg19,.bg28,.bg29,.bg32{background:url(../images/bg29.jpg) no-repeat fixed right bottom;background-size:100% 80%}
.bg426{background:url(../images/bg426.png) no-repeat fixed right bottom;background-size:100% 80%}
.content{font-size:16px;line-height:2;padding:20px}
#Yscrollouter{width:10px;background:#dedede;position:absolute;top:0;right:0;display:none}
#Yscrollinner{width:10px;height:100px;background:#bbb;border-radius:10px;position:absolute;top:0;left:0}
.title{border-bottom:1px solid #ccc;padding-bottom:15px;font-size:30px;line-height:1.5;text-align:center;margin-top:30px}
.info-imgs{width:195px}
.info-txts{width:735px}
.info-title{color:#59748c;font-size:16px;margin-bottom:10px}
.info-txts .article{border-bottom:1px dotted #ccc;padding-bottom:10px}
.info-txts .article ul{width:50%}
.info-txts .article ul li{line-height:2.5;float:left;width:50%}
.article{line-height:2}
.article p{padding:0px 0; text-align:justify;}
.prev-or-next{border-top:1px solid #ccc;text-align:center;padding-top:15px;margin-top:30px}
.prev-or-next,.prev-or-next a{color:#59748c}
.prev-or-next>div{display:inline-block;margin:0 30px}
.mt20{margin-top:20px}
.weeks{border:1px solid #ccc;border-right:0;height:40px}
.weeks li{float:left;width:20%;border-right:1px solid #ccc;height:38px;line-height:38px;text-align:center;background:linear-gradient(to bottom, #ffffff, #e9e9e9);filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#e9e9e9',gradientType='0')}
.weeks li.curr{background:linear-gradient(to bottom, #e4e4e4, #ffffff);filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e4e4e4',endColorStr='#ffffff',gradientType='0')}
.parts1 li{float:left;border-left:1px solid #fff;background:#5a758d;text-align:center;line-height:40px;width:16.6666%}
.parts1 li a{color:#fff}
.parts1 li.curr{background:#2e516f;font-weight:bold}
.parts1 li.curr a{color:#fc0}
.parts1 li:first-child{border-left:0}
.times td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:410px;text-align:center;padding:9px}
.times td.bt{border-top:1px solid #ccc}
.times td.bl{border-left:1px solid #ccc;width:140px}
.times .item{float:left;width:110px;margin:10px}
.times .item img{width:100%}
.times .item h2{font-size:14px;font-weight:normal;margin-top:10px}
.times .item p{margin-top:5px;color:#999}
/* passageway */
.pass-title{font-size:28px !important;color:#4193a7}
.pass-title::before{content:"|";margin-right:20px}
.pass-box{position:relative;margin-top:50px}
.pass-bg{background:#4193a7;width:98%;min-height:150px;box-sizing:border-box;padding:20px 30px;padding-left:5%;color:#fff}
.pass-txt{border:1px dashed #36789a;position:absolute;width:98%;top:-20px;right:0;min-height:150px;border-radius:5px}
.passlist{overflow:hidden;width:80%;margin:20px auto 0;border-bottom:1px solid #000;padding-bottom:20px}
.passlist li{width:20%;padding:0 20px;box-sizing:border-box;text-align:center;float:left}
.passlist li img{display:block;margin:20px 0 20px;transition:all .5s ease;width:100%}
.passlist li:hover img{width:110%;height:110%;margin-top:0;margin-left:-5%}
/* doctors */
.menu{border-bottom:1px solid #4193a7;line-height:60px;height:60px;overflow:hidden}
.menu span{float:right;font-size:14px;line-height:70px}
.menu h2{font-size:20px;font-weight:normal;color:#4193a7}
.menu h2::before{content:"|";margin-right:15px}
.teamlist li{width:48%;margin:20px auto 0;}
.teamlist li:nth-child(2n){float:right}
.teamlist li h2{text-align:center;font-size:18px;line-height:3;background:url(../images/team-cat.png) no-repeat center center;color:#fff}
.teamlist li > div{margin-top:20px;line-height:3;background:url(../images/team-bg-2.jpg) no-repeat left bottom;background-size:90% auto;padding-bottom:30px}
.teamlist li div > div{margin:0;padding-left:30px}
.teamlist li div img{width:150px;margin:0 30px;display:block;height:auto}
.teamlist li > div.li1{background:url(../images/team-bg-1.jpg) no-repeat left bottom;background-size:90% auto}
.teamlist li div.li1 img{width:170px !important}
.teamlist li div.li1 > div{padding:0}
.teamlist li h3{color:#c00;font-size:16px;line-height:3}
.teamlist li p a.more{font-size:12px;color:#999}
.doctors-box{background:url(../images/icon/doctors.png) no-repeat;background-size:100% auto;width:70%;float:left;margin-top:40px;overflow:hidden;position:relative;padding:50px}
.doctors-box .hd{overflow:hidden}
.doctors-box ul{}
.doctors-box li{width:25%;float:left;box-sizing:border-box}
.doctors-box li img{display:block;width:70%;margin:0 auto}
.doctors-box li p{background:#fff;line-height:3;text-align:center;width:70%;margin:0 auto}
.doctors-box .prev,
.doctors-box .next{position:absolute;left:1%;top:50%;margin-top:-20px;display:block;width:38px;height:38px;background:url(../images/slider-arrow.png) 0 0 no-repeat;filter:alpha(opacity=50);opacity:0.5}
.doctors-box .next{left:auto;right:1%;background-position:-52px 0}
.doctors-box .prev:hover,
.doctors-box .next:hover{filter:alpha(opacity=100);opacity:1}
.doctors-box .prevStop{display:none}
.doctors-box .nextStop{display:none}
.doctors-parts-box{float:right;width:200px;padding-top:40px;position:relative}
.doctors-item{background:#4193a7;text-align:center;line-height:50px;margin-bottom:20px}
.doctors-item a{color:#ffff}
.doctors-item-lists{position:absolute;left:-220px;top:40px;background:rgba(65,147,167,.5);width:200px}
.doctors-item-lists .doctors-item-lists-box{height:400px;overflow:hidden;position:relative}
.doctors-item-lists a{display:block;font-size:16px}
.doctors-item-arr{border-top:5px solid transparent;border-left:8px solid rgba(65,147,167,.5);border-bottom:5px solid transparent;position:absolute;left:-20px;top:60px}
.doctors-item-arr.arr2{top:130px}
.doctors-item-arr.arr3{top:200px}
.doctors-item-arr.arr4{top:270px}
.doctors-item-arr.arr5{top:340px}
.doctors-item-arr.arr6{top:410px}
.left{width:220px;background:#f2f2f2;margin-right:50px}
.left ul{margin:30px 0}
.left ul li{height:43px;background:url(../images/left-li.jpg) no-repeat;padding-left:45px;line-height:43px}
.info-imgs{width:200px;margin-right:30px}
.info-title{color:#59748c;font-size:16px;margin-bottom:10px}
.info-txts .content{border-bottom:1px dotted #ccc;padding-bottom:10px}
.info-txts .content ul{width:50%}
.info-txts .content ul li{line-height:2.5;float:left;width:50%}
/* traffic */
.traffic{max-width:1300px;margin:0 auto;width:90%;padding-top:20px}
.traffic .map{height:280px;margin:20px 0 40px;border:1px solid #4193a7;border-radius:5px}
.anchorBL{display:none}
.traffic-text{border:1px solid #4193a7;border-radius:5px;position:relative;padding:30px 15px 15px}
.traffic-text h2{position:absolute;width:140px;text-align:center;height:50px;line-height:50px;background:#4193a7;color:#fff;font-size:16px;font-weight:normal;left:50%;margin-left:-70px;top:-25px;border-radius:5px}
.contact{margin:0 40px;background:#f0f0f0;padding-top:20px}
.contact .peo{background:url(../images/icon/t0.png) no-repeat 0 0;background-size:100% auto;position:absolute;left:50px;top:-40px;width:80px;height:168px;z-index:999;display:none}
.contact .bg{background:#4193a7;height:100%;position:relative;color:#fff;box-sizing:border-box;padding-top:50px}
.contact .bg h1,.contact .bg h2,.contact .bg h3{font-weight:normal;text-align:center;font-size:16px;line-height:50px}
.contact .bg h1{font-size:18px;position:absolute;top:-20px;left:50%;width:180px;height:60px;line-height:60px;background:#35798a url(../images/tb.png) no-repeat 20px center;background-size:25px auto;padding-left:60px;text-align:left;margin-left:-90px}
.contact .bg h3{background:#35798a}
.contact .txt{padding:20px 30px}
.contact .txt p{background:url(../images/icon/t1.png) no-repeat 0 0;background-size:auto 40px;min-height:60px;padding-left:60px;line-height:40px}
.contact .txt p:nth-of-type(2){background-image:url(../images/icon/t2.png)}
.contact .txt p:nth-of-type(3){background-image:url(../images/icon/t3.png)}
/* history */
.history{}
.history li{width:240px;position:relative;padding:210px 25px;display:flex;align-items:center;justify-content:center;float:left}
.history li .hr{position:absolute;left:0;right:0;top:50%;margin-top:-1px;height:1px;background:#ccc;z-index:1}
.history li img{display:block;width:100%;margin-bottom:5px}
.history li .year{border-radius:100%;width:50px;height:50px;background:#4276aa;text-align:center;line-height:50px;font-size:16px;transition:all .5s ease;position:relative;z-index:2;background:#fff;border:1px solid #ccc}
.history li .text{
position:absolute;
top:0;
left:10%;
font-size:14px;
line-height:1.5;
transition:all .5s ease;
padding:15px;
box-sizing:border-box;
width:80%;
background:#f0f0f0;
height:190px;
border-radius:5px
}
.history li .text::after{content:"";border-top:10px solid #f0f0f0;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:190px;left:50%;margin-left:-10px;transition:all .1s ease}
.history li:nth-child(2n) .text{top:auto;bottom:0}
.history li:nth-child(2n) .text::after{content:"";top:auto;bottom:190px;border-bottom:10px solid #f0f0f0;border-top:none}
.history li:hover .year{color:#fff;background:#4193a7;border-color:#4193a7}
.history li:hover .text{color:#fff;background:#4193a7;transform:scale(1.2);}
.history li:hover .text::after{content:"";border-top-color:#4193a7}
.history li:nth-child(2n):hover .text::after{content:"";border-bottom-color:#4193a7}
/* technology */
.technology{background:url(../images/icon/technology.png) no-repeat 0 center;background-size:25% auto;padding-left:30%;height:40vh;margin-top:50px}
.technology-class{overflow:hidden;height:60px}
.technology-class a{color:#fff}
.technology-class li{width:15%;float:left;text-align:center;line-height:50px;background:#4193a7;margin-right:1.5%;border-radius:5px;position:relative}
.technology-class li.show::after{content:"";position:absolute;top:50px;left:50%;margin-left:-5px;border-top:10px solid #4193a7;border-left:5px solid transparent;border-right:5px solid transparent;display:block}
.technology-class li.li2{background:#369}
.technology-class li.li3{background:#f60}
.technology-class li.li4{background:#35798a}
.technology-class li.li5{background:#f90}
.technology-class li.li6{background:#090}
.technology-class li.li2.show::after{border-top-color:#369}
.technology-class li.li3.show::after{border-top-color:#f60}
.technology-class li.li4.show::after{border-top-color:#35798a}
.technology-class li.li5.show::after{border-top-color:#f90}
.technology-class li.li6.show::after{border-top-color:#090}
.technology-lists{overflow:hidden;margin-top:20px}
.technology-lists li{float:left;width:19%;margin-right:1%;margin-bottom:10px;border:1px solid #666;border-radius:5px;text-align:center;line-height:3;position:relative;font-size:14px;padding-left:21px}
.technology-lists li::before{content:"<";position:absolute;left:0;top:0;border-right:1px solid #666;width:20px;text-align:center}
.technology-lists li:hover,.technology-lists li:hover::before{border-color:#4193a7;color:#4193a7}
.technology-lists li:hover a{color:#4193a7}
/* complaint */
.complaint{background:#8dbbc7 !important;overflow:hidden;padding:0 !important}
.complaint-left,.complaint-right{width:55%;float:left;height:100%}
.complaint-right{width:45%;background:url(../images/icon/c5.png) no-repeat 5% 40%;background-size:auto 40%;height:80%;display:flex;align-items:flex-end;box-sizing:border-box;padding-left:5%}
.complaint-tel{background:url(../images/icon/c4.png) no-repeat;background-size:auto 100%;padding-left:130px;line-height:2;color:#fff;font-size:16px}
.complaint-left{background:#35798a;position:relative;transform-origin: right top;transform: skewX(-25deg);display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.complaint-left ul{width:300px}
.complaint-left ul li{background:url(../images/icon/c1.png) no-repeat 0 15px;padding-left:80px;background-size:60px auto;transform:skewX(25deg);color:#fff}
.complaint-left ul li p{text-indent:2em;font-size:14px;line-height:1.5;padding-top:20px}
.complaint-left ul li a{display:block;font-size:20px;padding:15px 0;color:#fff;text-align:center}
.complaint-left ul li.l2{background-image:url(../images/icon/c2.png)}
.complaint-left ul li.l3{background-image:url(../images/icon/c3.png)}
.complaint-left ul li div{border-bottom:1px dashed #fff}
/*page*/
.pagination{margin:20px auto;border-radius:4px;font-size:0;text-align:center}
.pagination li{display:inline-block;font-size:14px}
.pagination li a,.pagination li span{position:relative;padding:6px 12px;margin-left:-1px;line-height:1.5;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination li:first-child a{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination li:last-child a{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination li a:hover, .pagination li a:focus{background-color:#eee}
.pagination .active span, .pagination .active span:hover, .pagination .active span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}
.pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg li a{padding:10px 16px;font-size:18px}
.pagination-sm li a, .pagination-sm li span{padding:5px 10px;font-size:12px}
@media screen and (max-width:1600px){
.footer{font-size:18px}
}
@media screen and (max-width:1440px){
.header{height:170px}
.main{height:calc(100% - 230px)}
.slideBox{height:calc(100% - 170px)}
.slideBox .bd{height:calc(100% - 60px)}
.nav,.footer{height:60px;line-height:58px}
.nav ul{display:flex;font-size:18px}
.top{height:110px}
.top .fl{padding-top:28px}
.top .fr{padding-top:15px}
.footer{font-size:16px}
.footer .fr{font-size:14px}
.happynewyear{
top: 170px;}
.classlist{padding-top:20px}
.classlist li{font-size:16px;margin-bottom:15px}
.picslist{width:94%;margin:0 auto}
.about{padding-top:30px}
.about-title{font-size:30px;margin-bottom:20px}
.about-class{width:60%}
.about-class li{padding:10px 15px;font:14px/1.8 SimSun;min-height:80px}
.about-class li h3 a{font-size:14px;line-height:2}
.about-text{margin-top:40px;width:50%}
.about-text p{font:14px/1.8 SimSun;margin-top:15px}
.party-building-left li{width:270px;height:78px;line-height:76px;padding-left:109px;font-size:18px}
.party-building-box{padding-top:20px}
.party-building-slide{width:390px;margin-right:30px}
.party-building-slide .mask,.party-building-slide img{width:390px;height:270px}
.party-building-slide .hd ul{margin-top:10px}
.newslist li{font-size:14px;line-height:2.8}
.anti-title{margin-top:25px}
.anti .newslist li{line-height:2.6}
.anti-bg img{margin-top:20px}
.medical_care,.theme ul{padding-top:40px}
.medical_care li h2,.medical_care li p{font-size:24px}
.medical_care li p{padding-top:10px}
.traffic .map{height:220px;margin:10px 0 30px}
.traffic-text{font-size:14px}
.traffic-text h2{font-size:14px;height:40px;line-height:40px;top:-20px;width:120px}
}
@media screen and (max-width:1366px){
.about{padding-top:20px}
.about-title{font-size:24px;margin-bottom:15px}
.about-class{width:60%}
.about-class li{padding:10px 15px;font:12px/1.8 SimSun;min-height:80px}
.about-class li h3 a{font-size:12px;line-height:2}
.about-text{margin-top:20px;width:50%}
.about-text h2{font-size:20px}
.about-text p{font:12px/1.8 SimSun;margin-top:15px}
.footer{font-size:14px}
}
.message-bg-line{
width: 100%;
height: 300px;
position: relative;
transform:translate(-50%,-50%);
top: 45%;
left: 50%;
background: #6e9fad;
}
.message-bg-line-2{
width: 266px;
height: 423px;
background: #36798a;
box-shadow:5px 5px 10px #000;
position: absolute;
z-index: 10;
left: 10%;
top: -10%;
}
.message-bg{
width: 408px;
height: 530px;
position: absolute;
z-index: 20;
left: 0;
top: -24%;
}
.messageForm{
padding: 0;
margin: 0;
width: 100%;
}
.message-bg-cover{
width: 282px;
height: 422px;
background-image: linear-gradient(#ebebe9,#ede9ea,#c0bebf);
box-shadow:5px 5px 10px #000;
border: 2px solid #f2c0cc;
margin-left: 63px;
position: relative;
}
.message-bg-cover i.icon{
position: absolute;
top: 0;
background: url("../images/j.png") no-repeat;
width: 8px;
height: 40px;
display: block;
}
.message-bg-cover i:nth-child(1){
left: 45px;
}
.message-bg-cover i:nth-child(2){
right: 45px;
}
.message-bg-content{
margin: 25px auto;
border: 7px solid #fff;
width: 243px;
height: 385px;
position: relative;
}
.department{
text-align: center;
width: 26px;
height: 270px;
position: absolute;
right: 40px;
top: 55px;
color:#ffcc00;
font-weight: bold;
overflow: hidden;
}
.true_names{
text-align: center;
width: 26px;
height: 160px;
position: absolute;
left: 40px;
bottom: 55px;
color:#FFCC00;
font-weight: bold;
overflow: hidden;
}
.message-bg-content .message-content{
background-color: transparent;
border-right-width: 0;
border-left-width: 0;
border-top-width: 0;
border-top-style: none;
border-right-style: none;
border-left-style: none;
width:190px;
height: 280px;
margin-top:30px;
margin-left: 20px!important;
font-family: "微软雅黑";
font-size: 16px;
line-height: 30px;
text-indent: 2em;
resize:none;
color: #837d7d;
border: 0;
}
.message-bg-content .true_name{
background-color: transparent;
border-right-width: 0;
border-left-width: 0;
border-top-width: 0;
border-top-style: none;
border-right-style: none;
border-left-style: none;
width:190px;
margin-top:10px;
line-height: 30px;
font-size: 16px;
color: #837d7d;
margin-left: 20px!important;
border-bottom:2px solid #837d7d;
}
.message-bg-action{
width: 100%;
height: 56px;
line-height: 56px;
margin-top: 46px;
}
.message-bg-action button{
margin: 8px 12px;
display: block;
height: 40px;
line-height: 40px;
width: calc(33.33% - 24px);
text-align: center;
background: #6e9fad;
float: left;
border: 0;
color: #fff;
}
.message-ul{
position: relative;
top: -25%;
left: calc(10% + 286px);
width: calc(90% - 286px);
margin-right: 10px;
height: 60%;
overflow: hidden;
}
.message-ul li{
float: left;
width: 250px;
height: 333px;
margin:0 5px;
background-size: 100%;
position: relative;
}
.message-ul li .flag-d{
width: 24px;
height: 230px;
top: 46px;
position: absolute;
right: 42px;
color:#ffcc00;
overflow: hidden;
}
.message-ul li .flag-n{
position: absolute;
width: 24px;
color:#ffcc00;
top: 124px;
left: 50px;
height: 170px;
overflow: hidden;
}
.message-ul li .content{
text-indent: 2em;
width: 100%;
height: 283px;
line-height: 28px;
overflow-y: auto;
}
.message-ul li .username{
width: 100%;
text-align: center;
line-height:50px;
height: 50px;
}
.message-ul li img{
display: block;
width: 100%;
height: 100%;
}
.template-list{
width: calc(100% - 40px);
padding: 20px;
margin: 0 auto;
height: calc(100% - 40px);
}
.template-list ul{
padding: 0;
margin: 0;
height: 100%;
}
.template-list ul li{
width: 202px;
border: 1px solid #cccccc;
margin-left: 10px;
float: left;
margin-top: 10px;
}
.template-list ul li img{
width: 200px;
}
.showModel{
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 1003;
background: rgba(0,0,0,.4);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.preview{
width: 400px;
height: 600px;
position: absolute;
background: #fff;
transform:translate(-50%,-50%);
left: 50%;
top: 46%;
}
.close{
width: 32px;
height: 32px;
background: url("../images/close.png") no-repeat;
position: absolute;
z-index: 1004;
transform:translate(-50%,-50%);
left: calc(50% + 200px);
top: calc(46% - 278px);
}
.flag-department{
width: 30px;
height: 430px;
overflow: hidden;
text-align: center;
line-height: 30px;
float: right;
margin-top: 82px;
margin-right: 78px;
color:#FFCC00;
font-weight: bold;
}
.preview-content{
padding: 20px;
line-height: 30px;
font-size: 16px;
font-family: "微软雅黑";
color: #837d7d;
height: calc(100% - 100px);
overflow-y: auto;
text-indent: 2em;
}
.flag-name{
width: 30px;
height: 290px;
overflow: hidden;
text-align: center;
line-height: 30px;
float: left;
margin-top: 230px;
margin-left: 78px;
color:#FFCC00;
font-weight: bold;
}
.preview-name{
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
color: #837d7d;
font-size: 20px;
font-family: 微软雅黑;
}
/**
welcome
*/
.content-menu{
width: 100%;
height: 100%;
margin: 0 auto;
}
.content-menu .content-nav{
width: 50%;
float: left;
position: relative;
height: 100%;
}
.content-menu .content-nav a{
position: absolute;
width: 240px;
height: 260px;
display: block;
}
.content-menu .content-nav a img{
width: 240px;
height: 260px;
}
.content-menu .content-nav:nth-child(1) a{
top: calc(50% - 130px);
right: 10px;
}
.content-menu .content-nav:nth-child(2) a{
top: calc(50% - 130px);
left: 10px;
}