.maincolor{color:#969696;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#4783B9/*主色调*/ color：#DDD;/*边框*/color:#F0F0F0;/*背景*/}

.commingsoon{padding: 1em 0; line-height: 2; font-size: 4em; text-align: center; color: #DDD;}
.page_about{position: relative; padding:0 0 0 45%;margin: 2em 0 0; }
.page_about .img_container{ position: absolute; width: 40%; left: 0; bottom:0;top:0;margin: 0;}
/* .page_about .img_container:before{content: '';position: absolute; left:2em; right: -2em; bottom:2em;top:-2em;border:1px solid #4783B9;} */
.page_about .bg_container{position: absolute; left:0; right: 0; bottom:0;top:0;}
.page_about .chairmanname {max-width: 8em;vertical-align: middle;}
@media screen and (max-width: 767px){
    .page_about{padding: 0;}
    .page_about .img_container{position: relative; width: auto; margin:0 0 2em 0; display: none;} 
    .page_about .bg_container{position: relative;}
}
.page_about_class2{margin-bottom: 1em;}
.page_about_class2 .img_container{display:inline-block; margin-right: -.33em; vertical-align: bottom;width: 520px; position: relative; z-index: 1; overflow: hidden;}
.page_about_class2 .img_container img{width: 100%;}
 .page_about_class2 .txt_container{display:inline-block; margin-right: -.33em; vertical-align: bottom;width:calc(100% - 520px); padding: 3em 1.5em 1.5em; background: #F7F7F7 url(../images/about_icon.png) no-repeat right bottom; background-size: auto 70%;}
.page_about_class2 .txt_container h2{font-size: 1.5em; line-height: 200%; color: #333; font-weight: bold;}
.page_about_class2 .txt_container p{text-align: justify; margin-top: .5em;}
@media screen and (max-width: 1024px){
   .page_about_class2 .img_container{display: block; margin: 0 auto; width: 100%; max-width: 520px;} 
   .page_about_class2 .txt_container{width: 100%; display: block;}
}
@media screen and (max-width: 767px){
    .page_about_class2 .txt_container{padding: 2em 1em 1em; background-size: 50% auto;}
}
.page_gdnum{overflow: hidden;position: relative;  margin:4% 12px -4% 0;}
.page_gdnum dl{float: left; width: 25%; padding-right: 12px;position: relative;text-align: center;margin-bottom: 1em;}
.page_gdnum dd{position: absolute; font-size:64px; line-height: 200%; color:#4783B9;top:0;left: 0;right: 12px;}
.page_gdnum dd .small{font-size: .5em;}
.page_gdnum dt{padding: 128px .5em 1em; border:1px solid #DDD; border-radius: 4px;}
.page_gdnum dt h3{font-size: 24px; line-height: 150%; margin-bottom: .5em; color: #333;}
.page_gdnum dt h4{line-height: 150%; margin-bottom: .5em; color: #333;}
.page_gdnum dt p{font-size: 12px; line-height: 150%; height: 4.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.page_gdnum.class2{margin:0 0 2em;border-bottom:1px solid #DDD;}
.page_gdnum.class2 dt{border:none;}
@media screen and (max-width: 1280px){
    .page_gdnum dd{font-size:48px; }
    .page_gdnum dt{padding: 96px .5em 1em;}
}
@media screen and (max-width: 1024px){
    .page_gdnum dd{font-size:32px; }
    .page_gdnum dt{padding: 64px .5em 1em;}
}
@media screen and (max-width: 767px){
    .page_gdnum dl{width: 50%;}
}

.page_about .txt_container .info{position: relative; text-align: center;}
.page_about .txt_container .info dl{display: inline-block; margin-bottom: 1em;}
.page_about .txt_container .info dt{ color: rgb(48, 45, 45); font-size:24px;}
.page_about .txt_container .info dd{font-size:32px; color: #4783B9; line-height: 300%;}
.page_about .txt_container .info dd span{font-size:32px; vertical-align: baseline; display: inline-block;}
.page_about .txt_container .info .time{text-align: right; color: #DDD; border-top:1px solid #DDD; padding: .5em 0 1em;}
.page_about .txt_container .info dl:first-child{position: absolute; left: 0;top:0;}
.page_about .txt_container .info dl:first-child + dl + dl{position: absolute; right: 0;top:0;}
.page_about .txt_container .into_content h2{ font-size:30px; margin-bottom: 1em;}

.page_about_updown .info{ overflow: hidden; position: relative;padding:0 0 0 60%; margin-bottom: 2em;}
.page_about_updown .info .bg_container{ position: absolute; width: 54%; left: 0; bottom:0;top:0; overflow: hidden;}
.page_about_updown .info .txt_container{position: relative; overflow: hidden;}
.page_about_updown .info .txt_container dl{border-top:1px solid #DDD; position: relative; top:-1px; overflow: hidden;}
.page_about_updown .info .txt_container dt{ float: left; position: relative; top:2.5em; color: #333; font-size:20px;}
.page_about_updown .info .txt_container dd{font-size:32px; color: #4783B9; line-height: 300%; float: right;}
.page_about_updown .info .txt_container dd span{font-size:32px; vertical-align: baseline; display: inline-block;}
.page_about_updown .info .txt_container .time{text-align: right; color: #DDD;  padding: .5em 0 0;}
@media screen and (max-width: 1280px){
    .page_about .txt_container .info dt{font-size:22px; }
    .page_about .txt_container .info dd{font-size:28px;}
}
@media screen and (max-width: 1024px){
    .page_about .txt_container .info dt{font-size:18px; }
    .page_about .txt_container .info dd{font-size:22px;}
}
@media screen and (max-width: 767px){
    .page_about .txt_container .info dt{font-size:12px;}
    .page_about .txt_container .info dd{font-size:12px;}
    .page_about .txt_container .info .time{font-size:12px;}
    .page_about_updown .info{padding: 0;}
    .page_about_updown .info .bg_container{position:static; margin-bottom: 1em; width: auto;}
    .page_about_updown .info .bg_container img{width: 100%;}
    .page_about_updown .info .txt_container dt{font-size:16px;top:1.25em;}
    .page_about_updown .info .txt_container dd{font-size:20px;}
}

.teamlist_class1 li{ position: relative; padding: 3em 0;}
.teamlist_class1 .bg_container + .txt_container{margin-left: 22.5%;}
.teamlist_class1 .bg_container{width: 18.25%; height: 0; overflow: hidden; padding: 0 0 18.25%; background-color: #DDD; border-radius: 50%; box-shadow: .25em .25em .5em rgba(0,0,0,.3);position: absolute; left: 0; top:3em;}
.teamlist_class1 .bg_container img { width: 100%;}
.teamlist_class1 .txt_container h2{font-size:34px; color: #333; line-height: 187.5%; display: inline-block; margin-right: .25em;}
.teamlist_class1 .txt_container h3{font-size:22px; color: #494949;line-height: 187.5%;display: inline-block;}
.teamlist_class1 .bg_container + .txt_container h3{display: block;}
.teamlist_class1 .txt_container p{border-top: 1px solid #DDD; padding-top: 1em; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; height: 6.625em; text-align: justify;}

.teamlist_class1.bg li{padding: 1em 0; background: #F0F0F0;  margin: 2em 0; border-top:2px solid #4783B9;}
.teamlist_class1.bg .txt_container{margin:0 2em;}
.teamlist_class1.bg .bg_container + .txt_container{margin:0 2em 0 calc(22.5% + 2em);}
.teamlist_class1.bg .bg_container {left: 2em; top:1em;}
.teamlist_class1.bg .txt_container p {min-height: 6.625em;/*border-top: 1px solid #4783B9;*/ border: none; display: block; height: auto;}
@media screen and (max-width: 1024px){
    .teamlist_class1 li{ padding: 2em 0;}
    .teamlist_class1 .bg_container{top:2em;}
    .teamlist_class1 .txt_container h2{ font-size:24px;}
    .teamlist_class1 .txt_container h3{font-size:20px;}
    .teamlist_class1 .txt_container p{ height: auto; display: block;}

    .teamlist_class1.bg li{padding: 1em 0;margin: 1em 0;}
    .teamlist_class1.bg .bg_container {top:1em;}
}
@media screen and (max-width: 767px){
    .teamlist_class1 li{padding: 1em 0;}
    .teamlist_class1 .bg_container + .txt_container{margin-left: 42%;}
    .teamlist_class1 .bg_container{width: 35%;padding: 0 0 35%;top:1em;}
    .teamlist_class1 .txt_container h2{ font-size:22px;}
    .teamlist_class1 .txt_container h3{font-size:18px;}

    .teamlist_class1.bg li{padding: 1em 0;}
    .teamlist_class1.bg .txt_container{margin:0 1em;}
    .teamlist_class1.bg .bg_container + .txt_container{margin:0 1em 0 calc(41% + 1em);}
    .teamlist_class1.bg .bg_container{width: 35%;padding: 0 0 35%;top:1em;left: 1em;}
}
@media screen and (max-width: 480px){
    .teamlist_class1 li{padding: 1em 0;}
    .teamlist_class1 .bg_container + .txt_container{margin-left: 0;}
    .teamlist_class1 .bg_container + .txt_container h3{display: inline-block;}
    .teamlist_class1 .bg_container{ position: relative; top:0; width: 50%; padding: 0 0 50%; left: 25%; margin-bottom: .5em;}
    .teamlist_class1 .txt_container h2{ font-size:22px;}
    .teamlist_class1 .txt_container h3{font-size:18px;}

    .teamlist_class1.bg .txt_container{margin:0 1em;}
    .teamlist_class1.bg .bg_container + .txt_container{margin:0 1em;}
    .teamlist_class1.bg .bg_container{top:0; width: 50%; padding: 0 0 50%; left: 25%;}
}


.teamlist_class2{list-style-type: none; overflow: hidden; margin: 0 -10px;}
.teamlist_class2 li{float: left; width: 50%; padding: 0 10px 2%;}
.teamlist_class2 .card_con{position: relative;height: 0; overflow: hidden; padding: 25% 0;border-top:1px solid #F0F0F0;background: #F0F0F0;}
.teamlist_class2 .img_container{ width: 36%; height: 0;overflow: hidden;padding: 0 0 36%; transform: translateY(-50%); float: left; margin:0 10% 0 5%;border-radius: 50%; box-shadow: -4px 4px 8px rgba(0,0,0,.3);}
.teamlist_class2 .img_container .bg_container {position: absolute; left: 0; top:0;right: 0;bottom: 0;}
.teamlist_class2 .txt_container{transform: translateY(-50%);}
.teamlist_class2 .txt_container h3{font-weight: bold;font-size: 24px; line-height: 200%;}
.teamlist_class2 li:hover .card_con{border-top:1px solid #4783B9;}
@media screen and (max-width: 560px){
    .teamlist_class2 li{float: none; width: 100%;}
}


.teamlist_class4{list-style-type: none; overflow: hidden; margin: 0 -10px;}
.teamlist_class4 li{float: left; width: 50%; padding: 0 10px 2%;}
.teamlist_class4 .card_con{position: relative;}
.teamlist_class4 .img_container{position: relative; width: 42%; height: 0;overflow: hidden;padding: 0 0 42%; margin:0 auto;border-radius: 50%; box-shadow: 4px 4px 8px rgba(0,0,0,.3);}
.teamlist_class4 .img_container .bg_container {position: absolute; left: 0; top:0;right: 0;bottom: 0;}
.teamlist_class4 .txt_container{ text-align: center; margin: 1em auto 1em; width: 80%;}
.teamlist_class4 .txt_container h3{font-weight: bold;font-size: 24px; line-height: 200%;}
.teamlist_class4 .txt_container p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; height: 6em; line-height: 150%; overflow: hidden;}
@media screen and (max-width: 767px){
    .teamlist_class4 li{float: none; width: 100%; padding:  0 0 2em;}
    .teamlist_class4 .txt_container p{height: auto; -webkit-line-clamp: unset;}
}

.teamlist_class3{list-style-type: none; overflow: hidden;}
.teamlist_class3 li{padding:5%; border-top:2px solid #4783B9; background: #F0F0F0; margin: 0 0 3%;}
.teamlist_class3 h3{font-weight: bold;font-size: 24px; line-height: 200%; margin: -.5em 0 0;}
.teamlist_class3 p{text-align: justify;}



.page_brand ul{list-style-type: none; overflow: hidden;}
.page_brand li{float: left; width: 50%; height: 0; overflow: hidden; padding: 136px 5%;border-bottom:1px solid #DDD;}
.page_brand .icon_container{ width: 88px; height: 88px; transform: translateY(-50%); float: right; margin-left: 16px;}
.page_brand .icon_container img {width: 100%;}
.page_brand .txt_container{transform: translateY(-50%);}
.page_brand .txt_container h3{font-weight: bold;font-size: 24px; line-height: 200%; color: #4783B9;}
.page_brand .txt_container:after{content: ""; background: #4783B9; width: 32px; height: 4px; display: block; opacity: 0; margin-top: 8px;}
.page_brand li:hover .txt_container:after{opacity: 1;}
@media screen and (max-width: 767px){
    .page_brand li{float: none; width: 100%;padding: 90px 5%;}
}

.page_brand_class2{ list-style-type: none; margin: 0 -16px;}
.page_brand_class2 li{ display: inline-block; width: 33.33%; margin: 0 -.33em 0 0; vertical-align: top; padding: 0 16px 16px;}
.page_brand_class2 dl{position: relative; height:0; overflow: hidden; padding: 0 0 136%; display: block; color:#FFF; text-align: center; }
.page_brand_class2 dl .bg_container{position: absolute; left: 0; right: 0; bottom: 0; top: 0; }
.page_brand_class2 dl .bg_container:after{content: '';position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #4783B9; opacity: .75;}
.page_brand_class2 dd{position: absolute; width: 100%;left: 0; top:15%;}
.page_brand_class2 dt{position: absolute; width: 100%;left: 0; bottom: 15%;}
.page_brand_class2 dt:after {content: ''; position: absolute; width: 2px; height: 3em; top:-3.5em; left: 50%; margin: 0 0 0 -1px; background: #FFF;}
@media screen and (max-width: 767px){
    .page_brand_class2{margin: 0 -8px;}
    .page_brand_class2 li{padding: 0 8px 16px; width: 50%;}
    .page_brand_class2 li:first-child{width: 100%;}
    .page_brand_class2 li:first-child dl{padding: 0 0 85%;}
}
@media screen and (max-width: 480px){
    .page_brand_class2 li{ width: 100%;}
    .page_brand_class2 li dl{padding: 0 0 85%;}
}


.yearcard{padding: 2em 0;}
.yearcard .tab_container{position: relative; padding:0 2.5em; height: 5em; margin: 0 0 1em;user-select: none;}
.yearcard .btn_prev,.yearcard .btn_next{position: absolute; top:0; left: 0; width: 1.5em; height: 1.5em; text-align: center; line-height: 150%;font-size: 1.5em; font-family: Arial;cursor: pointer;border:1px solid; color:#4783B9;border-radius: 50%;}
.yearcard .btn_next{left: auto; right: 0;}
.yearcard .btn_prev:hover,.yearcard .btn_next:hover{color:#333;}
.yearcard .tab{position: relative;overflow: hidden; width: 100%; height: 100%;}
.yearcard .tab:before,.yearcard .tab li:before{content: ""; display: block; position: absolute; left: 0;right: 0;  top:15px;height: 1px;background: #DDD;}
.yearcard .tab ul{list-style-type: none;white-space: nowrap; text-align: center;display: inline;position: relative;vertical-align: top; line-height: 150%;}
.yearcard .tab li{display:inline-block;margin-right:-.33em;position: relative;padding: 31px 0 0; cursor: pointer;min-width: 25%; vertical-align: top;}
.yearcard .tab li span{display: inline-block; width: 126px;}
.yearcard .tab li:after{content:'';position: absolute;left: 50%; top:7px; width: 17px; height: 17px; border-radius: 50%;background: #DDD; margin-left: -8px;}
.yearcard .tab li.current{font-size: 2em; color: #333;}
.yearcard .tab li.current:after{background: #4783B9;}
.yearcard .card_con{position: relative; height: 0; overflow: hidden;max-width:1000px;margin: 0 auto;}
.yearcard .card_con.current{height: auto;}

.yearcard.class2 .btn_prev,.yearcard.class2 .btn_next{color:#969696;border:none;top:22px;}
.yearcard.class2 .btn_prev:hover,.yearcard.class2 .btn_next:hover{color:#4783B9;}
.yearcard.class2 .tab ul{display: table; width: 100%;}
.yearcard.class2 .tab li{display: table-cell;margin-right:0;padding: 0 0 2em; line-height: 150%;min-width:0;}
.yearcard.class2 .tab:before,.yearcard.class2 .tab li:before{margin: 24px 0 0;color: #333;}
.yearcard.class2 .tab li.current{font-size: 1em; color:#4783B9;}
.yearcard.class2 .tab li:after{border-radius:0;border:1px solid #4783B9;background: #FFF; transform: rotate(45deg);top:34px; width: 13px; height: 13px;}
.yearcard.class2 .tab li.current:after{background: #4783B9;}
.yearcard.class2 .card_con{max-width: none;}

.yearcard .year_con h3{font-size: 40px; font-weight: bold;color:#4783B9;line-height: 200%;width: 3.5em;margin-bottom: -1.375em;}
.yearcard .year_con h3:before{content:"in"; font-size: .4em; vertical-align: baseline; color: #333;}
.yearcard .year_con h3:after{ content:"."}
.yearcard .year_con ul{padding: 0 0 0 8.75em;}
.yearcard .year_con li{position: relative; padding: 0 0 2em 5em;list-style-type: none;}
.yearcard .year_con li:before{content:'';width: 1px; top:2em;left: 2.25em; bottom:0;background: #DDD; display:block; position: absolute;}
.yearcard .year_con li h4{position: absolute; left: 0; top:0;line-height: 1.75em;width: 4.5em; text-align: center;}
.yearcard .year_con li:last-child:before{display: none;}
.yearcard .year_con p{margin-bottom: .5em;text-align: justify; line-height: 175%;}
.yearcard .year_con img{max-width: 100%;}

.yearcard .year_con_class2 h3{ display: none;}
.yearcard .year_con_class2 ul{list-style-type: none;}
.yearcard .year_con_class2 li{position: relative; padding: 12px 0 12px 240px;}
.yearcard .year_con_class2 li:before{content: '';position: absolute;top:31px;  left: 139px; width:95px; height: 1px; background: #DDD;}
.yearcard .year_con_class2 li::after{content: '';position: absolute;top:24px; bottom:-24px; left: 139px; width: 2px; background: #4783B9;}
.yearcard .year_con_class2 li:last-child::after{display: none;}
.yearcard .year_con_class2 h4{line-height: 250%; color:#FFF;background: #4783B9;border-radius: .5em; text-align: center;width:114px;position: absolute;left: 0;top:12px; z-index: 5;}
.yearcard .year_con_class2 h4:before{content:'';position: absolute;border:1px solid #4783B9;background: #4783B9; transform: rotate(45deg); top:15px;right:-5px; width: 9px; height: 9px;}
.yearcard .year_con_class2 h4:after{content:'';position: absolute;left:132px; top:12px; width: 16px; height: 16px; border-radius: 50%;background: #4783B9;border:3px solid #DDD}
.yearcard .year_con_class2 p{position: relative;background: #F0F0F0;border-radius: .5em;padding:.5em 1em;line-height: 150%;border:1px solid #DDD; }
.yearcard .year_con_class2 p:before{content:'';position: absolute;border:1px solid #DDD;background: #F0F0F0; transform: rotate(45deg); top:15px;left:-5px; width: 9px; height: 9px;border-top-color: #F0F0F0;border-right-color: #F0F0F0;}
@media screen and (max-width: 767px){
    .yearcard .year_con h3{margin: 0;}
    .yearcard .year_con ul{padding: 0;}

    .yearcard .year_con_class2 li{position: relative; padding: 12px 0 12px 24px;}
    .yearcard .year_con_class2 li:before{display: none;}
    .yearcard .year_con_class2 li::after{left: 7px;}
    .yearcard .year_con_class2 h4{position: relative;left: 0; top:0; margin-bottom: 8px;}
    .yearcard .year_con_class2 h4:before{right: auto;left: -5px;}
    .yearcard .year_con_class2 h4:after{left: -24px;}
    .yearcard .year_con_class2 p:before{left: 52px;top:-5px;transform: rotate(135deg);}
}


.history_txtlist{list-style-type: none;padding: 0 0 8px;}
.history_txtlist li{height: 92px; margin-bottom: -12px;padding: 12px 0 0 248px; position: relative;}
.history_txtlist li:after{position: absolute;left: 0; top:0;width: 24px; height: 84px; background: url(../images/history_icon.png) no-repeat left top;background-size: 100%;content: '';}
.history_txtlist li:before{position: absolute;left: 0; top:0;width:120px; height:32px; content: '';border-bottom: 1px solid #DDD;}
.history_txtlist li h3{position: absolute; left: 112px;top:12px; width: 112px; text-align: center; line-height: 250%; border-radius:8px;color: #FFF; font-weight: bold; background: #4783B9;}
.history_txtlist li p{padding: 8px 0 0; line-height: 150%; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; text-align: justify;}
@media screen and (max-width: 767px){
    .history_txtlist li{padding: 18px 0 0 112px;}
    .history_txtlist li:before{ width: 40px; height: 26px;}
    .history_txtlist li h3{left: 36px; width: 64px;font-size: 12px;line-height:28px;}
    .history_txtlist li p{padding: 0; font-size: 12px;-webkit-line-clamp:5; line-height:16px;}
}

.page_history_class2 ul{position: relative;; list-style-type: none; text-align: justify;}
.page_history_class2 ul:before{content:""; position: absolute;left: 7.75em; top:1em; width: .1em; bottom:0; background: #4783B9;}
.page_history_class2 li{position: relative; padding: 0 0 1.5em 11.5em;}
.page_history_class2 li h3{ position: relative;line-height: 2em; text-align: center; color: #FFF; background: #4783B9; border-radius: .25em; width: 6.5em;margin: 0 0 -2em -11.5em;}
.page_history_class2 li h3:before{ content: "◆"; color: #4783B9;position: absolute; right:-.5em;top:50%;margin:-.5em 0 0 0; height: 1em;width: 1em;line-height: 100%; text-align: center; display: block;font-size: 2em;}

.page_history_class2 li:before{content:""; position: absolute;left: 7.75em; top:.95em; width: 3.375em; height: .1em; background: #DDD;}
.page_history_class2 li h3:after{content:""; position: absolute;left: 7.4em; top:.6em; width: .8em; height: .8em; background: #4783B9; border-radius: 50%;border:.2em solid #DDD;}
.page_history_class2 li:last-child:after{ position: absolute; left: 7.75em;top:1.4em; bottom:0; width: .5em; background: #FFF; content: "";}
.page_history_class2 p{padding: .5em 1em; border:1px solid #DDD; background: #F0F0F0; border-radius: .25em; position: relative;}
.page_history_class2 p:before {content: "";  position: absolute; left: -.5em; top: .5em; width: 1em; height: 1em; background: #F0F0F0; border: 1px solid #F0F0F0; border-top-color: #DDD;  border-left-color: #DDD; transform: rotate(-45deg); }
@media screen and (max-width: 767px){
    .page_history_class2 ul:before{left: 0.35em;}
    .page_history_class2 li{padding: 0 0 1.5em 3em;}
    .page_history_class2 li h3{margin: 0 0 1em 0;}
    .page_history_class2 li h3:before{ left: -.5em; right: auto;}
    .page_history_class2 li h3:after{left: -3em;}
    .page_history_class2 li:before{left: 0;}
    .page_history_class2 p:before{transform: rotate(45deg); left: 2.75em; top:-.5em;}
    .page_history_class2 li:last-child:after{left: 0;}
}


.page_history_class3 .year{list-style: none; padding: 0 0 2em 180px;}
.page_history_class3 h3{position: relative; margin: 0 0 -1.5em -180px; font-size: 2.25em; line-height: 1.5em; color: #4783B9; width: 4.5em;}
.page_history_class3 h3:after{content: "▶"; position: absolute; right: 0; top:0; display: inline-block; transform: scale(.5);}
.page_history_class3 ul li{list-style: none; padding: 0 0 1em 100px;}
.page_history_class3 h4{position: relative; margin: 0 0 -2.7em -100px; font-size: 1.25em; line-height: 2.7em; color: #333; width: 3em; text-align: right;}
.page_history_class3 h4:after{content: "◆"; position: absolute; right: -1.25em; top:0; display: inline-block;}
.page_history_class3 p{position: relative; border:1px solid #F0F0F0; background: #F0F0F0; line-height: 1.5em;padding: .875em 1.5em; text-align: justify;}
.page_history_class3 ul li:hover h4{ color: #4783B9;}
.page_history_class3 ul li:hover p{border:1px solid #4783B9; background:#f8f1f1;}
.page_history_class3.close .year{display: none;}
.page_history_class3.close .year.show{display: block;}
.page_history_class3.close ~ .btn_historymore{ display: block; width: 6em; margin: 2em auto; text-align: center; color: #969696;}
.page_history_class3.close ~ .btn_historymore:hover{color: #4783B9;}
.page_history_class3.close ~ .btn_historymore:after{content: "▼"; color: #DDD;}
@media screen and (max-width: 767px){
    .page_history_class3{font-size: .75em;}
   .page_history_class3 .year{padding: 0 0 2em;} 
   .page_history_class3 h3{margin: 0 0 .5em;}
   .page_history_class3 ul li{padding: 0 0 1em 5em;}
   .page_history_class3 h4{margin: 0 0 -2.7em -5em; }
   .page_history_class3 h3:after{transform: scale(.5) rotate(90deg);}
}

.history_class4{ position: relative; background: url(../images/history_line.jpg) repeat-x left center;user-select: none;}
.history_class4 .history_container{height: 32em; overflow: hidden;position: relative; width: 94%; margin: 0 auto; }
.history_class4 .history_content{ white-space: nowrap; padding: 16em 0 0; text-align: center;position: relative;}
.history_class4 .history_content .history_before{display: inline-block; vertical-align: top; width:calc( 35vw - 5em); max-width:260px;height: 10em;  margin-right: -.33em;border-right: 1px dotted #c0dbed;}
.history_class4 .history_content .history_bafter{display: inline-block; vertical-align: top; width:calc( 35vw - 5em); max-width:260px;height: 10em;  margin-right: -.33em;}
.history_class4 .history_content .history_year{display: inline-block; vertical-align: top; height: 10em; margin-right: -.33em;border-right: 1px dotted #c0dbed;}
.history_class4 .history_content .history_year h3{position: relative; top:9em; height: 2em; width: 8em; color: #FFF; background: #4783B9; margin: 0 auto; border-radius: 1em;}
.history_class4 .history_content .history_year:nth-child(2n+1) h3{background: #1d77d3;}
.history_class4 .history_content .history_year ul{display: inline-block; list-style: none;}
.history_class4 .history_content .history_year li{width: 10em; height: 2em; display: inline-block; position: relative;vertical-align: top; top:-3em; background: url(../images/history_icon.png) no-repeat center center; background-size: 2em;}
.history_class4 .history_content .history_year li:before{ height: 4em; top:2.5em; left: 50%; content: ""; position: absolute;border-left: 1px dotted #c0dbed;}
.history_class4 .history_content .history_year h4{ margin: 6.5em 1em 0; background: #FFF; color: #494949; line-height: 2em; position: relative;}
.history_class4 .history_content .history_year li:nth-child(2n+1) h4{margin-top: 4.5em;}
.history_class4 .history_content .history_year li.on{ background-image: url(../images/history_on_icon.png); z-index: 5;}
.history_class4 .history_content .history_year li .history_con{padding: 5em 2em; height: 0;  background: #e05960; border-radius: 5em; position: absolute; bottom:4em; left: 50%; width: 70vw; max-width: 660px; transform: translateX(-50%); text-align: left; color: #FFF;opacity: 0;  transition:opacity .3s linear ;}
.history_class4 .history_content .history_year li .history_con:before{content: ''; border:1em solid transparent; display: inline-block; left: 50%; bottom:-2em; margin-left: -1em; border-top-color: #e05960; position: absolute; }
.history_class4 .history_content .history_year li.on .history_con{opacity: 1;}
.history_class4 .history_content .history_year li .bg_container{ display: inline-block; width: 8em; height: 8em; overflow: hidden; border-radius: 4em; vertical-align: top; margin-right: -.33em;border: .25em solid #FFF; position: relative; left: -1em; top:-4em;}
.history_class4 .history_content .history_year li .txt_container{ transform: translateY(-50%); position: relative; white-space: normal;}
.history_class4 .history_content .history_year li .txt_container p{line-height: 150%; font-size: .875em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; text-align: justify;}
.history_class4 .history_content .history_year li .bg_container + .txt_container{width: calc(100% - 8em); display: inline-block; vertical-align: top;}
.history_class4 .btn_prev,.history_class4 .btn_next{left: -1em; position: absolute; top:50%; margin-top: -1em; border:1em solid transparent; cursor: pointer; width: 0; height: 0;overflow: hidden;}
.history_class4 .btn_prev{ border-right-color:  #e05960;}
.history_class4 .btn_next{left: auto; right: -1em; border-left-color:  #e05960;}
@media screen and (max-width: 767px){
    .history_class4 .history_content .history_before{width:calc( 35vw - 2.5em);}
    .history_class4 .history_content .history_year li{width: 5em;}
    .history_class4 .history_content .history_year li .history_con{ padding: 5em 1em; border-radius: 1em;}
    .history_class4 .history_content .history_year li .bg_container{display: none;}
    .history_class4 .history_content .history_year li .bg_container + .txt_container{width: 100%;}
}



/*文字栏目 标题变色*/
.page_txt .into_content h3,.page_txt .into_content h4{color: #4783B9; font-weight: lighter;}
.page_txt .into_content h2,.page_txt .into_content strong{color: #4783B9;font-weight: bold;}


.page_bgimg_txt{position: relative; overflow: hidden; padding: 5.5% 50% 5.5% 0; }
.page_bgimg_txt .bg_container{position: absolute; right: 0; width: 81%; top:0; bottom:0;}
.page_bgimg_txt .txt_container{position: relative; padding: 10%; text-align: justify; background:linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 60%, rgba(238,238,238,0) 100%);}
.page_bgimg_txt .txt_container p{ margin: 1em 0;}
@media screen and (max-width: 767px){
    .page_bgimg_txt{position: relative; overflow: hidden; padding: 5.5% 15% 5.5% 0; }
    .page_bgimg_txt .bg_container{width: 90%;}
    .page_bgimg_txt .txt_container{background:linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 75%, rgba(238,238,238,0) 100%);}
}


.into_leftphot_righttxt{position: relative;white-space: nowrap;}
.into_leftphot_righttxt .img_container{width: 48.5%; margin-right: -.33em; display: inline-block; vertical-align: middle;overflow: hidden;}
.into_leftphot_righttxt .bg_container{ height: 0; overflow: hidden; position: relative; padding: 0 0 75%;}
.into_leftphot_righttxt .txt_container{width: 51.5%;margin-right: -.33em;display: inline-block; vertical-align: middle;overflow: hidden; background: #F0F0F0; padding: 1em; white-space: normal;}
.into_leftphot_righttxt .txt_container .til{border-bottom: 1px solid #4783B9; margin-bottom: .75em; padding: .5em 0;}
.into_leftphot_righttxt .txt_container .til h3{color:#4783B9;font-weight: bold;}
.into_leftphot_righttxt .txt_container .til p{color:#333;}
.into_leftphot_righttxt .txt_container p{text-align: justify;}
@media screen and (max-width: 1024px){
    .into_leftphot_righttxt .img_container{display: block; width: 680px; margin: 0 auto;}
    .into_leftphot_righttxt .txt_container{display: block; width: auto; background: none; padding: 1em 0;}
}
@media screen and (max-width: 767px){
    .into_leftphot_righttxt .img_container,.into_leftphot_righttxt .txt_container{display: block; width: auto;}
}

.into_bgtxt{background: #4783B9; padding: 3em 2em; position: relative;}
.into_bgtxt .bg_container{position: absolute; left: 0; top:0; right: 0; bottom: 0; opacity: .2;}
.into_bgtxt .into_content{color: rgba(255,255,255,.9); position: relative;}
.into_bgtxt .into_content h2,.into_bgtxt .into_content h3, .into_bgtxt .into_content h4{color: #FFF;}


.photocol3{list-style: none !important; margin: 0 -8px; text-align: center;}
.photocol3 > li{ display: inline-block; vertical-align: top; width: 33.33%; margin:.5em -.33em .5em 0 !important;}
@media screen and (max-width: 840px){
    .photocol3 > li{width: 50%;}
}
@media screen and (max-width: 580px){
    .photocol3 > li{width:100%;}
}
.photocol2{list-style: none; margin: 0 -8px;text-align: center;}
.photocol2 > li{ display: inline-block; vertical-align: top; width: 50%;  margin:.5em -.33em .5em 0 !important;}
@media screen and (max-width: 580px){
    .photocol2 > li{width:100%;}
}


.page_txtlist ul{list-style: none; margin-top: .8em;}
.page_txtlist ul li{ position: relative; padding: 0 0 2em 2em; display: none;}
.page_txtlist.open ul li{ display: block;}
.page_txtlist ul li:before{content:"◆"; display: block; position: absolute; left: .25em; top:0; color: #4783B9; transform: scale(1.5);}
.page_txtlist ul li:first-child,.page_txtlist ul li:first-child + li,.page_txtlist ul li:first-child + li + li{display: block;}
.page_txtlist ul li img{max-width: 100%;}
.page_txtlist ul li p + p{margin-top: 1em;}
.page_txtlist .showmore{margin-left: 2em; display: inline-block;}
.page_txtlist.open .showmore { display: none; }
.page_txtlist .showmore:before{content:"»"; color: #4783B9;transform: rotate(90deg) scale(1.5); display: inline-block; margin-right: .5em;}
.page_txtlist .showmore:after{content: "展开更多";}


.page-iconaddtxt {list-style: none; margin: 0 -1em; overflow: hidden;}
.page-iconaddtxt li{float: left; width: 33.33%; padding: 1em;}
.page-iconaddtxt .iconaddtxt{ border:1px solid #DDD;padding: 1em 0; text-align: center; display: block;}
.page-iconaddtxt .iconaddtxt .icon_container{ margin: 0 auto; width:6.75em; height: 6.75em; overflow: hidden; margin-bottom: .5em;}
.page-iconaddtxt .iconaddtxt .icon_container img{width: 100%;}
.page-iconaddtxt .iconaddtxt .txt_container{height: 3.75em;}
@media screen and (max-width: 1024px){
    .page-iconaddtxt{margin: 0 -.5em;}
    .page-iconaddtxt li{padding:  .5em;}
}
@media screen and (max-width: 767px){
    .page-iconaddtxt li{float: none; width: 90%; margin: 0 auto;}
    .page-iconaddtxt .iconaddtxt .txt_container{height: auto;}
}


.photo_txt_list{list-style-type: none;}
.photo_txt_list li{border-bottom: 1px solid #DDD;}
.photo_txt_list .all_container{position: relative;display: block; overflow: hidden;padding:3% 5%;}
.photo_txt_list .img_container{position: relative; float: left; width: 24%;overflow: hidden; background: #DDD;}
.photo_txt_list .img_container .bg_container{width: 100%; height: 0; overflow: hidden; padding:0 0 71%; background-size: contain;}
.photo_txt_list .txt_container{position: relative; float: right; width: 62%;}
.photo_txt_list .txt_container h3{color:#333;line-height: 150%;margin-bottom: .5em;text-align: justify;position: relative;}
.photo_txt_list .txt_container h3:before{content:"◆"; display: block; position: absolute; left: -2em; top:0; color: #4783B9; transform: scale(1.5);}
.photo_txt_list .txt_container p{text-align: justify;line-height: 150%; color:#969696}
@media screen and (max-width: 767px){
    .photo_txt_list .all_container{padding: 5% 0;}
    .photo_txt_list .img_container{float: none; width: 100%;}
    .photo_txt_list .txt_container{padding: 3% 0 0 2em;float: none; width: 100%;}
}


.photo_txt_class2{list-style-type: none;}
.photo_txt_class2 li{margin: 0 0 2em;}
.photo_txt_class2 .all_container{position: relative;display: block; overflow: hidden;}
.photo_txt_class2 .img_container{position: relative; overflow: hidden;width: 960px; max-width:80% ;}
.photo_txt_class2 .bg_container{width: 100%; height: 0; overflow: hidden; padding:0 0 64.6%;transition: transform .5s linear;}
.photo_txt_class2 a:hover .bg_container{transform: scale(1.05);}
.photo_txt_class2 .txt_container{position: absolute; right: 0; width: 675px; max-width: 60%; top:20%; bottom:20%; padding:1.5em 2em 3em;}
.photo_txt_class2 .txt_container::before{content: '';position: absolute;left: 0;right: 0; top: 0; bottom: 0; background: #4783B9; opacity: .9;}
.photo_txt_class2 .txt_container h3{color:#FFF;line-height: 150%;margin-bottom: .5em;font-size:1.5em;text-align: justify;position: relative;}
.photo_txt_class2 .txt_container p{text-align: justify;line-height: 150%; color:#FFF;position: relative;opacity: .8;}
.photo_txt_class2 .txt_container:after{content: '';position: absolute;left: 2em; bottom:2em; height: 2px; width: 3em; background: #FFF; margin: 0 0 -2px;}
.photo_txt_class2 li:nth-child(2n) .img_container{margin: 0 0 0 auto;}
.photo_txt_class2 li:nth-child(2n) .txt_container{left: 0; right: auto;}
@media screen and (max-width: 1024px){
    .photo_txt_class2 .img_container{width: 100%; max-width: 100%;}
    .photo_txt_class2 .txt_container{position: relative; margin: -10% auto 0; width: 80%; max-width: 80%; left: auto; right: auto; padding:1.5em 1em 2em; }
    .photo_txt_class2 .txt_container:after{bottom:-1.5em;}
    .photo_txt_class2 .txt_container h3{font-size: 1.25em;}
}



.page_honor ul{ overflow: hidden; margin: 0 -8px;}
.page_honor ul li{ display: inline-block; margin:0  -.33em 1em 0; padding:  0 8px; width: 33.33%; vertical-align: top;}
.page_honor.col2 ul li{width: 50%;}
.page_honor.col4 ul li{width: 25%;}
.page_honor ul li .img_container{border: 1px solid #DDD; overflow: hidden;  position: relative;}
.page_honor ul li .bg_container{ height: 0; overflow: hidden; padding:0 0 63%; position: relative; background-size: contain;transition: transform .5s linear;}
.page_honor ul li:hover .bg_container{transform: scale(1.05);}
.page_honor ul li p{margin: .5em 0; line-height: 150%; text-align: center;}
.page_honor .honor_con .txt_container{padding: 16px 0 8px; text-align: center;}
.page_honor .honor_con h3{overflow: hidden; width: 100%; color:#333; white-space: nowrap; text-overflow: ellipsis;text-align: center;}
.page_honor a.honor_con:hover h3{color:#4783B9;}
@media screen and (max-width: 1024px){
   .page_honor ul{ overflow: hidden; margin: 0 -8px;}
   .page_honor ul li{padding:  0 8px; width: 50%;} 
   .page_honor.col4 ul li{width: 33.33%;}
}
@media screen and (max-width: 767px){
    .page_honor.col2 ul li{width: 100%;}
    .page_honor.col4 ul li{width: 50%;}
}
@media screen and (max-width: 408px){
   .page_honor ul li{width: 100%;}
   .page_honor.col4 ul li{width: 100%;}
}



.magazine_swiper{position: relative;padding: 0 30px 2em;}
.magazine_swiper .swiper-button-prev,.magazine_swiper .swiper-button-next{ left:0; top:50%; width: 30px; height:30px; outline: none; position: absolute; margin-top: -42px; columns: #333; font-size: 30px; line-height: 30px; text-align: left; z-index: 5; cursor: pointer; font-family: Arial, Helvetica, sans-serif;}
.magazine_swiper .swiper-button-prev:hover,.magazine_swiper .swiper-button-next:hover{color:#4783B9;}
.magazine_swiper .swiper-button-prev:after{content: "<"; display: inline-block; transform: scale(1,1.5);}
.magazine_swiper .swiper-button-next:after{content: ">"; display: inline-block; transform: scale(1,1.5);}
.magazine_swiper .swiper-button-next{left: auto; right:0;text-align: right;}
.magazine_swiper .magazine_con{margin: 0 20px; display: block;}
.magazine_swiper .magazine_con .img_container{ background: #FFF;overflow: hidden; border-radius: .25em;}
.magazine_swiper .magazine_con .bg_container{height: 0; padding: 0 0 138%; overflow: hidden;transition: transform .5s linear;}
.magazine_swiper a.magazine_con:hover .bg_container{transform: scale(1.05);}
.magazine_swiper .magazine_con .txt_container{padding: 16px 0 8px; text-align: center;}
.magazine_swiper .magazine_con h3{overflow: hidden; width: 100%; color:#333; white-space: nowrap; text-overflow: ellipsis;}
.magazine_swiper a.magazine_con:hover h3{color:#4783B9;}
.magazine_swiper.culturalachievements .magazine_con{padding: 5px 0 0;}
.magazine_swiper.culturalachievements .magazine_con .img_bor{border: 1px solid #DDD;position: relative;}
.magazine_swiper.culturalachievements .magazine_con .img_bor:before{content: ""; position: absolute; left: -1px; right: -1px; top:-1px; bottom: -1px;border: 1px solid #DDD; transform: rotate(2deg);}
.magazine_swiper.culturalachievements .magazine_con .img_bor:after{content: ""; position: absolute; left: -1px; right: -1px; top:-1px; bottom: -1px;border: 1px solid #DDD; transform: rotate(1deg);}
.magazine_swiper.culturalachievements .magazine_con .img_container{border-radius: 0;position: relative; z-index: 2;}
.magazine_swiper.culturalachievements .magazine_con .bg_container{padding: 0 0 133%;}
@media screen and (max-width:1024px){
    .magazine_swiper{padding: 0 20px 2em;}
    .magazine_swiper .magazine_con{margin: 0 10px;}
}
@media screen and (max-width:768px){
    .magazine_swiper{padding: 0 15 2em;}
    .magazine_swiper .magazine_con{margin: 0 5px;}
}

.honor_txtlist{list-style-type: none;padding: 0 0 8px;}
.honor_txtlist li{height: 92px; margin-bottom: -12px;padding: 12px 0 0 120px; position: relative;}
.honor_txtlist li:after{position: absolute;left: 0; top:0;width: 24px; height: 84px; background: url(../images/history_icon.png) no-repeat left top;background-size: 100%;content: '';}
.honor_txtlist li:before{position: absolute;left: 0; top:0;width:118px; height:24px; content: '';border-bottom: 1px solid #DDD;}
.honor_txtlist li p{line-height: 150%; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; text-align: justify;}
@media screen and (max-width: 767px){
    .honor_txtlist li{padding: 12px 0 0 40px;}
    .honor_txtlist li:before{ width: 40px; height: 20px;}
    .honor_txtlist li p{font-size: 12px;-webkit-line-clamp:5; line-height:161400}
}



/*产品*/
.products-page .threemenu ul{width: 100%;}
.page_productinto {overflow: hidden;}
.page_productinto .product_photo{float: left; width: 47.5%; border:2px solid #DDD; margin: 0 0 2em;}
.page_productinto .product_photo img{width: 100%;}
.page_productinto .product_txt{float: right; width: 47.5%; color:#4783B9;margin: 0 0 2em;}
.page_productinto .product_txt > h1{font-size: 1.25em; font-weight: bold; line-height: 150%; margin: .5em 0;}
.page_productinto .product_txt > h1 + .state{position: relative; top:-.5em} 
.page_productinto .into_content {clear: both;}
.page_productinto .into_content h2,.page_productinto .into_content h3{font-size: 1.125em; line-height: 175%;color:#4783B9;margin: .5em 0 .25em;}
.page_productinto .into_content p{margin: .25em 0;}
.page_productinto .into_content table{border-collapse: separate; border-spacing: 2px;border:none; }
.page_productinto .into_content table th{ background: #DDD ; text-align: center; color: #333; font-weight: lighter;border:none;white-space: nowrap;}
.page_productinto .into_content table td{text-align: center; background: #F0F0F0;border:none;white-space: nowrap;}
@media screen and (max-width: 767px){
    .page_productinto .product_photo,.page_productinto .product_txt{float: none; width: 100%;}
}


.pdflist {list-style-type: none;}
.pdflist li{border-bottom: 1px solid #DDD; position: relative;font-size:16px;}
.pdflist li h3{padding: 1em 0em 1em 2em;display: block; text-indent: -1em; line-height: 200%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;}
.pdflist li:hover{background: #F0F0F0;}
.pdflist li h3:before{content:"·"; display: inline-block; width: 1em; height: 1em; line-height: 1em;vertical-align: middle; text-indent: 0;transform: scale(2); text-align: center; position: relative; top:-1px;}
.pdflist li .btn_more{ position: absolute; top:1em; right: 1em; line-height: 200%; color: #494949;}
.pdflist li .time{ position: absolute; top:1em; right: 1em; line-height: 200%; color: #969696;}
/* .pdflist li .btn_more:before{content:""; background:url(../images/icon_download.png) no-repeat center center;background-size: 100%; display: inline-block; width: 1em; height: 1em; margin-right: .5em; vertical-align:middle;} */
.pdflist li .btn_more ~ h3{ width:calc( 100% - 6em);}
.pdflist li .time ~ h3{ width:calc( 100% - 5em);}
.news_con .pdflist_til{line-height: 250%; font-size: 1.25em;  margin-top: 1em; color: #333;}
.news_con .pdflist li.nohave{content: "本条信息没有相关下载";display: block; text-align: center; font-size: 1.25em; line-height: 300%;}
@media screen and (max-width: 767px){
    .pdflist li h3{padding-left: 1em;}
    .pdflist li:hover{background:none;}
    .pdflist li .btn_more,.pdflist li .time{right: 0;}
    .pdflist li{font-size:14px;}
}


.cultural_index{position: relative; overflow: hidden; margin-right: -8px;}
.cultural_index li{float: left;position: relative;padding: 0 8px 8px 0; width: calc(25% - 31px);}
.cultural_index li:nth-child(5n+1){width: calc(50% + 62px);}
.cultural_index li:nth-child(5n+3),.cultural_index li:nth-child(5n){margin-right: -8px;}
.cultural_index .cultural_con{display: block;}
.cultural_index .cultural_con .img_container{height: 0; overflow: hidden; padding: 0 0 66.667%; position: relative;}
.cultural_index .cultural_con .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.cultural_index .cultural_con:hover .bg_container{transform: scale(1.05);}
.cultural_index .cultural_con .txt_container{ padding: .5em 0 .75em; }
.cultural_index .cultural_con .txt_container h3{font-size: 1.25em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #333; line-height:180%; }
.cultural_index .cultural_con:hover .txt_container h3{color: #4783B9;}
.cultural_index .cultural_con .txt_container p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #969696; line-height:150%; }
@media screen and (max-width: 767px){
    .cultural_index li{width: 50%;}
    .cultural_index li:nth-child(5n+1){width: 100%;}
}




.picturelist{ list-style-type: none; overflow: hidden; margin: 0 -8px;}
.picturelist li{width: 25%; display: inline-block;  padding: 8px; vertical-align: top; margin: 0 -.33em 0 0; }
.picturelist li .img_container{height: 0; overflow: hidden; padding: 0 0 calc(390% / 3.4); position: relative;  transition: box-shadow .5s linear;}
.picturelist li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.picturelist li a:hover .img_container{box-shadow: 0 2px 6px rgba(0,0,0,.5);}
.picturelist li a:hover .bg_container{transform: scale(1.05);}
.picturelist li .txt_container{overflow: hidden; padding: 24px 0; position: relative;}
.picturelist li .txt_container h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #333; text-align: center; line-height:150%; }
.picturelist li a:hover .txt_container h3{color: #4783B9;}
.picturelist li .txt_container p{overflow: hidden;color: #969696;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: none;}
@media screen and (max-width: 1024px){
    .picturelist li{ width: 33.33%;}
}
@media screen and (max-width: 767px){
    .picturelist li{ width: 50%;  }
    .picturelist li .txt_container{padding: 8px 0;}
}

.activitieslist {margin: 16px -8px 0;}
.activitieslist li{width: 50%;}
.activitieslist li .img_container{padding: 0 0 62.5%; border-radius: .5em;}
.activitieslist li .txt_container{padding: 16px 0 24px;}
.activitieslist li .txt_container .time{color: #4783B9; font-size: 12px; line-height: 200%; display: block;}
.activitieslist li .txt_container h3{text-align: left;}
@media screen and (max-width: 1024px){
    .activitieslist li{ width: 50%;}
}
@media screen and (max-width: 767px){
    .activitieslist li{ width: 100%;  }
    .activitieslist li .txt_container{padding: 8px 0 16px;}
}


.picturelist_class2{ list-style-type: none; overflow: hidden; margin: 0 -8px;}
.picturelist_class2 li{width: 33.33%; float: left; padding: 8px; }
.picturelist_class2 li:nth-child(3n){margin-right: -8px;}
.picturelist_class2.col4 li{width: 25%;}
.picturelist_class2.col4 li:nth-child(3n){margin-right: 0px;}
.picturelist_class2.col4 li:nth-child(4n){margin-right: -8px;}
.picturelist_class2.col2 li{width: 50%;}
.picturelist_class2.col2 li:nth-child(3n){margin-right: 0px;}
.picturelist_class2.col2 li:nth-child(2n){margin-right: -8px;}
.picturelist_class2 li a{display: block; position: relative;}
.picturelist_class2 li .img_container{height: 0; overflow: hidden; padding: 0 0 62.5%; position: relative;border-radius: .5em;}
.picturelist_class2 li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.picturelist_class2 li a:hover .bg_container{transform: scale(1.05);}
.picturelist_class2 li .txt_container{overflow: hidden; padding: 0 5%; position: absolute; left: 0; right: 0; bottom:0; background: rgba(0,0,0,.4); opacity: 0;transition: opacity .5s linear;}
.picturelist_class2 li .txt_container .time{color: #4783B9; font-size: 12px;}
.picturelist_class2 li .txt_container h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #FFF; line-height:200%; }
.picturelist_class2 li a:hover .txt_container{opacity: 1;}
@media screen and (max-width: 1024px){
    .picturelist_class2.col4 li{width: 33.33%;}
    .picturelist_class2.col4 li:nth-child(4n){margin-right: 0px;}
    .picturelist_class2.col4 li:nth-child(3n){margin-right: -8px;}
    .picturelist_class2 li .txt_container{position: relative; opacity: 1;background: rgba(0,0,0,.7);}
}
@media screen and (max-width: 767px){
    .picturelist_class2 li{ width: 50%;  }
    .picturelist_class2 li:nth-child(3n){margin-right:0;}
    .picturelist_class2 li:nth-child(2n){margin-right:-8px;}
    .picturelist_class2.col4 li{width: 50%;}
    .picturelist_class2.col4 li:nth-child(3n){margin-right: 0px;}
    .picturelist_class2.col4 li:nth-child(2n){margin-right: -8px;}
}

@media screen and (max-width: 408px){
    .picturelist_class2 li{ width: 100%;  }
    .picturelist_class2.col4 li{width: 100%;}
    .picturelist_class2.col2 li{width: 100%;}
}



.picturelist_class3{ background: #F7F7F7;}
.picturelist_class3 ul{ list-style-type: none; overflow: hidden;/* margin: 0 -16px; */}
.picturelist_class3 li{width: 25%; float: left; padding: 16px; }
.picturelist_class3 li:nth-child(4n){margin-right: -8px;}
.picturelist_class3  .picture_con{display: block; position: relative;}
.picturelist_class3 li .img_container{height: 0; overflow: hidden; padding: 0 0 calc(190% / 2.8); position: relative;  transition: box-shadow .5s linear;}
.picturelist_class3 li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.picturelist_class3 li a:hover .img_container{box-shadow: 0 2px 6px rgba(0,0,0,.5);}
.picturelist_class3 li a:hover .bg_container{transform: scale(1.05);}

.picturelist_class3 .otherpicture{text-align: center;}
.picturelist_class3 .otherpicture img {max-width: 100%;}

@media screen and (max-width: 767px){
    .picturelist_class3 li{ width: 50%;  }
    .picturelist_class3 li:nth-child(2n){margin-right:-8px;}
}

.videolist{ list-style-type: none; overflow: hidden; margin: 0 -8px;}
.videolist li{width: 33.33%; float: left; padding: 8px; }
.videolist li:nth-child(3n){margin-right: -8px;}
.videolist li a{display: block; position: relative;}
.videolist li .img_container{height: 0; overflow: hidden; padding: 0 0 66.67%; position: relative; }
.videolist li .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.videolist li a:hover .bg_container{transform: scale(1.05);}
.videolist li .txt_container{overflow: hidden; padding: .5em 0 .75em; position: relative;}
.videolist li .txt_container h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:100%; color: #333; text-align: center; line-height:180%;font-size: 1.25em; }
.videolist li a:hover .txt_container h3{color: #4783B9;}
.videolist li .txt_container p{overflow: hidden;color: #969696;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 150%; height: 3em;}

@media screen and (max-width: 767px){
    .videolist li{ width: 50%;  }
    .videolist li:nth-child(3n){margin-right:0;}
    .videolist li:nth-child(2n){margin-right:-8px;}
    .videolist li .txt_container{padding: 8px 0;}
}

/* .videoicon a .img_container:after{content: '';position: absolute;left: 50%; top:50%; transleft: 0; top:0; right: 0; bottom:0;  background:#4783B9; opacity: 0;}form: translate(-50%,-50%); width: 20%; height: 0; padding: 0 0 20%; background: url(../images/icon_con.png) no-repeat center center; background-size: 100%;} */

.videoicon a .img_container:after{content: '';position: absolute;left: 0; top:0; right: 0; bottom:0;  background:#4783B9; opacity: 0;transition: opacity .5s linear;}
.videoicon a .img_container:before{content: '';position: absolute;left: 0; top:0; right: 0; bottom:0; z-index: 1; background:url(../images/video_icon.png) no-repeat center center; opacity: .5;transition: opacity .5s linear; background-size: 10%;}
.videoicon a:hover .img_container:after{opacity: .3;}
.videoicon a:hover .img_container:before{opacity: 1;}


.page_video .til_container{ position: relative; padding: 0 5%; }
.page_video .til_container .swiper-pagination{ position: relative; overflow: auto; white-space: nowrap; text-align: center;}
.page_video .til_container .swiper-pagination::-webkit-scrollbar{height: 2px;}
.page_video .til_container .swiper-pagination::-webkit-scrollbar-thumb{background: rgba(0, 0,0,.3); border-radius: 1px;}
.page_video .til_container .swiper-pagination-switch{ display: inline-block; position: relative; width: 25%;vertical-align: top;cursor: pointer;opacity: .7;}
.page_video .til_container .swiper-pagination-switch:after{position: absolute; content: ''; left: 0; top:0; right: 0; bottom: 0;}

.page_video .til_container .swiper-pagination-switch .con{ margin: 0 10px;}
.page_video .til_container .swiper-pagination-switch .img_container{position: relative; overflow: hidden;}
.page_video .til_container .swiper-pagination-switch .bg_container{width: 100%;  transition: transform .5s linear; position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden;}
.page_video .til_container .swiper-pagination-switch:hover .bg_container{transform: scale(1.05);}
.page_video .til_container .swiper-pagination-switch .txt_container h3{width: 100%; overflow: hidden; text-overflow: ellipsis;line-height: 200%;}
.page_video .til_container .swiper-active-switch,.page_video .til_container .swiper-pagination-switch:hover{opacity: 1;}
.page_video .til_container .swiper-active-switch .txt_container h3,.page_video .til_container .swiper-pagination-switch:hover .txt_container h3{color: #4783B9;}
.page_video .swiper-button-prev,.page_video .swiper-button-next{position: absolute; left: 0%; top:50%; width: 1em; height: 1em; margin: -1.5em 0 0; color: #333; font-family: simSun; line-height: 100%; text-align: center; font-size: 1.25em; cursor: pointer;}
.page_video .swiper-button-next{left: auto; right: 0;}

.page_video .con_container{padding: 0 5%; position: relative;}
.page_video .con_container .swiper-container{margin: 0 10px;}
.page_video .video_content{position: relative; height: 0; overflow: hidden; padding: 0 0 56.25%;}
.page_video .video_content video{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #000;}
.page_video .video_content .bg_container{position: absolute; left: 0; right: 0; top:0; bottom:0;}
.page_video .video_content .bg_container:after{content: '';position: absolute;left: 0; top:0; right: 0; bottom:0; z-index: 1; background:url(../images/icon_con.png) no-repeat center center;background-size: 10%;}
.page_video .video_con .txt_container{ padding: .5em 0 1em; text-align: center; color: #494949;}
.page_video .con_container .swiper-button-prev,.page_video .con_container .swiper-button-next{margin: -2.1875em 0 0; display: none; }
@media screen and (max-width: 1024px){
  .page_video .til_container .swiper-pagination-switch{width: 33.33%;}  
}
@media screen and (max-width: 767px){
  .page_video .til_container .swiper-pagination-switch{width: 50%;}  
}
@media screen and (max-width: 480px){
    .page_video .til_container{overflow: hidden; height: 0;}
    .page_video .con_container{margin: 0 -5%;}
    .page_video .con_container .swiper-button-prev,.page_video .con_container .swiper-button-next{display: block;}
}


.newslist{list-style-type: none;}
.newslist li{border-bottom: 1px solid #DDD;margin-bottom: 2%;}
.newslist li a{padding: 2em 1em;display: block;}
.newslist li a:hover{background: #F0F0F0;}
/* .newslist .txt_container:after{content: '→'; display: block; color: #4783B9;margin-left: .5em; transform: scaleX(2);width: 1em;} 
.newslist .img_container + .txt_container:after{display: none;}
.newslist .img_container + .times + .txt_container:after{display: none;}*/
.newslist .txt_container .time{ display: block; position: relative; width: 6em; text-align: right; color: #969696; top:-1.875em; margin: 0 0 0 auto;}
.newslist .txt_container .timeb,.newslist .txt_container .hits{ white-space: nowrap; display: inline-block; margin-right: 1em; font-size: 12px;line-height: 150%; color:#969696;}
.newslist .txt_container .timeb .type,.newslist .txt_container .hits .type{color:#494949;}
.newslist .txt_container p{ overflow: hidden; line-height: 150%; color: #969696;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-right: 7.5em;}
.newslist .txt_container .form{ display: block; text-align: right; padding-top: .5em;color: #969696;}
.newslist .img_container{ position: relative; display: inline-block; vertical-align: middle; width: 23%; overflow: hidden; margin-right: -.33em;/*left: 77%;*/}
.newslist .img_container .bg_container{width: 100%;  transition: transform .5s linear; position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden;}
.newslist li a:hover .img_container .bg_container{transform: scale(1.05);}
.newslist .img_container + .txt_container{position: relative;display: inline-block; vertical-align: middle; width: 75%; margin: 0 -2% 0 2%;/* left: -25%;*/}
.newslist .img_container + .txt_container p{margin-right: 0;}
.newslist .img_container + .times{display: none;}
.newslist .img_container + .times + .txt_container{display: inline-block; vertical-align: middle; width: 75%; margin: 0 -2% 0 2%;}
.newslist .txt_container h3{width:100%;width: calc(100% - 6em); color:#333;white-space: nowrap; font-size:1.167em; line-height: 175%; overflow: hidden; text-overflow: ellipsis;}
.newslist li a:hover .txt_container h3{color: #4783B9;}
.newslist li a strong{color: #4783B9;}
.newslist .times:first-child{display: inline-block;  border:1px solid #4783B9; text-align: center;vertical-align: top; color:#4783B9; overflow: hidden;padding:0 .5em .25em;}
.newslist .times .d{ display: block; line-height: 175%; font-size:32px; margin-bottom: -.25em;}
.newslist .times .m,.newslist .times .y{float: right;}
.newslist .times .y:after{content: "-";}
.newslist .times:first-child + .txt_container{display: inline-block; vertical-align: top; width: calc(98% - 5em); margin: 0 -2% 0 2%;}
.newslist .times:first-child + .txt_container h3{ width: 100%;}
.newslist .times:first-child + .txt_container .time{text-align: left; top: auto; opacity: 0;}
.overseas-column .newslist .txt_container:after{display: none;}
@media screen and (max-width: 1024px){
    .newslist li a{padding: 1em;}
    .newslist .txt_container .time{margin: 0 0 -1.875em auto;}
    .newslist .txt_container p{margin: 0;}
    .newslist .img_container{width: 33%;/*left: 67%;*/}
    .newslist .img_container + .txt_container{ width: 64%; margin: 0 -2% 0 3%;/* left: -36%;*/}
}
@media screen and (max-width: 767px){
    .newslist .img_container{width: 43%;vertical-align: top; left: 57%;}
    .newslist .img_container + .txt_container{ width: 53%; margin: 0 -2% 0 4%; left: -47%;}
    .newslist .img_container + .times + .txt_container{ width: 53%; margin: 0 -2% 0 4%;}
    .newslist .txt_container h3 {width: auto; white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
    .newslist .img_container + .txt_container .time{text-align: left;  top: auto; margin: 0;}
    .newslist .img_container + .times + .txt_container .time{text-align: left;  top: auto; margin: 0;}
    .newslist .txt_container:first-child .time{text-align: left;  top: auto; margin: 0;}
    .newslist .img_container + .txt_container p{display:none ;}
    .newslist .img_container + .times + .txt_container p{display:none ;}
    
}
@media screen and (max-width: 580px){
    .newslist li{border:none;}
    .newslist li a{padding: 1em .5em;}
    .newslist .img_container{display: block; width: 100%;  margin-bottom: .5em; left: 0;}
    .newslist .img_container + .txt_container{ width: 100%; margin:0; left: 0;}
    .newslist .img_container + .times + .txt_container{width: 100%; margin:0;}
    .newslist .img_container + .txt_container p{ display: -webkit-box;}
    .newslist .img_container + .times + .txt_container p{display: -webkit-box;}
    .newslist .times:first-child{display: none;}
    .newslist .times:first-child + .txt_container{width: 100%; margin:0;}
    .newslist .times:first-child + .txt_container .time{opacity: 1;margin: 0;}
}


.newslist_class2{list-style-type: none;}
.newslist_class2 li{margin-bottom: 2%;}
.newslist_class2 li a{display: block;border: 1px solid #DDD; overflow: hidden;}
.newslist_class2 li a:hover{background: #F7F7F7;border: 1px solid #4783B9;}
.newslist_class2 .txt_container{padding:2em;}
.newslist_class2 .txt_container h3{width:100%;color:#333; min-height: 3.25em; font-size:20px; line-height: 150%; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;padding: .25em 0 0;}
.newslist_class2 .txt_container p{ overflow: hidden;color: #969696; text-align: justify;line-height: 175%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.newslist_class2 .txt_container h3 strong,.newslist_class2 .txt_container p strong{color: #4783B9;font-weight: bold;}
.newslist_class2 .txt_container:after{content: '→'; display: block; color: #494949; transform: scaleX(2);width: 1em; margin: 1em 0 0 .5em;} 
.newslist_class2 .txt_container .time{font-size: 12px; color: #333; line-height: 36px;}
.newslist_class2 .txt_container .time .d,.newslist_class2 .txt_container .time .m{font-size: 32px;}
.newslist_class2 .txt_container .time .d:after{content:"/"}
.newslist_class2 .txt_container .time .y{margin-left: .5em;}
.newslist_class2 .img_container{ position: relative; float: right; width: 780px; overflow: hidden;}
.newslist_class2 .img_container .bg_container{width: 100%;  transition: transform .5s linear; position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden;}
.newslist_class2 li a:hover .img_container .bg_container{transform: scale(1.05);}
.newslist_class2 .img_container + .txt_container{width: calc(100% - 780px); margin-right: -1em;padding: 2em 2em 0;}
.newslist_class2 .img_container + .txt_container p{-webkit-line-clamp:10;}
.newslist_class2 .img_container + .txt_container .time{ display: none;}
@media screen and (max-width: 1280px){
    .newslist_class2 .img_container{width:560px;}
    .newslist_class2 .img_container + .txt_container{width: calc(100% - 560px);}
    .newslist_class2 .img_container + .txt_container p{-webkit-line-clamp:6;}
}
@media screen and (max-width: 1024px){
    .newslist_class2 .txt_container{padding:1em;}
    .newslist_class2 .img_container{width:420px;}
    .newslist_class2 .img_container + .txt_container{width: calc(100% - 420px);padding: 1em 2em 0 1em;}
    .newslist_class2 .img_container + .txt_container p{-webkit-line-clamp:3;}
}
@media screen and (max-width: 767px){
    .newslist_class2 li a{border:none !important; border-bottom:1px solid #DDD !important;}
    .newslist_class2 li a:hover{background:none;}
    .newslist_class2 .img_container{display: block; width: 100%;float: none;}
    .newslist_class2 .txt_container{padding: 1em 0;}
    .newslist_class2 .txt_container h3{-webkit-line-clamp:unset;}
    .newslist_class2 .txt_container p{-webkit-line-clamp:3;}
    .newslist_class2 .img_container + .txt_container{ width: 100%; margin:0; padding: 1em 0; }
    .newslist_class2 .img_container + .txt_container p{-webkit-line-clamp:3;}
}



.newslist_class3{list-style-type: none;}
.newslist_class3 li{margin-bottom:5%;}
/* .newslist_class3 li a{padding:4%;display: block;background: #FAFAFA;} */
.newslist_class3 .all_container{position: relative; min-height: 290px; }
.newslist_class3 .all_container:after{content:''; display: block; clear: both;}
.newslist_class3 .img_container{position: relative; float: right; width: 500px; height: 290px; box-shadow: 0 8px 16px rgba(0,0,0,.3); overflow: hidden;}
.newslist_class3 .img_container .bg_container{width: 100%;  transition: transform .5s linear; position: absolute; left: 0; top:0; bottom:0;}
.newslist_class3 li a:hover .img_container .bg_container{transform: scale(1.05);}
.newslist_class3 .txt_container{position: relative; height: 100%; left: -4%;margin: 0 500px 0 4%; padding:  0 0 3em;}
.newslist_class3 li:nth-child(2n) .img_container{float: left;}
.newslist_class3 li:nth-child(2n) .txt_container{left: 4%;margin: 0 4% 0 500px;}
.newslist_class3 .txt_container h3{color:#4783B9;font-size:36px; line-height: 150%;top:-.25em; position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist_class3 li a:hover .txt_container h3{color: #333;}
.newslist_class3 .txt_container > p{ overflow: hidden;color: #969696;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 150%;}
.newslist_class3 .txt_container .desc{color: #969696; line-height: 175%;font-size: 14px;}
.newslist_class3 .txt_container .desc h4{color:#4783B9; }
.newslist_class3 .txt_container:after{content: '查看详情';  color: #333; position: absolute; left: 0; bottom:.25em;}
.newslist_class3 .txt_container:before{content: '→'; display: block; line-height: 175%; text-align: center; width: 1.75em; height: 1.75em; border:1px solid; border-radius: 50%; position: absolute; left: 5em; bottom:.125em; font-family:simSun; font-weight: bold; color:#969696; } 
.newslist_class3 a:hover .txt_container:after{color:#4783B9;}
.newslist_class3 a:hover .txt_container:before{color:#4783B9;} 
@media screen and (max-width: 1158px){
    .newslist_class3 .all_container{ min-height: 230px;} 
    .newslist_class3 .img_container{ height: 230px; width: 397px;}
    .newslist_class3 .txt_container{left: -4%;margin: 0 397px 0 4%;}
    .newslist_class3 li:nth-child(2n) .txt_container{margin: 0 4% 0 397px;}
    .newslist_class3 .txt_container h3{ font-size: 28px;}
    .newslist_class3 .txt_container 》 p{font-size: 14px;}
}
@media screen and (max-width: 767px){
    .newslist_class3 li{margin:2em 0}
    .newslist_class3 li a{padding:0;}
    .newslist_class3 .all_container{height:auto;}
    .newslist_class3 .img_container{float: none; width:100%; height:0; padding: 0 0 58.2%;}
    .newslist_class3 .txt_container{height: auto; left:0;margin:0; padding: 2em 0 2.5em;}
    .newslist_class3 li:nth-child(2n) .img_container{float: none;}
    .newslist_class3 li:nth-child(2n) .txt_container{left: 0;margin: 0}
    .newslist_class3 .txt_container h3{display: block;-webkit-box-orient: vertical;}
    .newslist_class3 .txt_container > p{display: block;}
}


.newslist_class4{ list-style-type: none; overflow: hidden; margin: 0 -20px;}
.newslist_class4 li{width: 50%; float: left; padding: 0 20px 2%; }
.newslist_class4 li:nth-child(2n){margin-right: -8px;}
.newslist_class4 li .txt_container{overflow: hidden; padding:1.5em 1.5em 1.5em 3em; position: relative;background: #F7F7F7; text-align: justify;}
.newslist_class4 li .txt_container::before{content: '▶'; color:#4783B9; position: absolute; left: 1.5em; top:1.5em; line-height: 150%; display: block; transform: scale(.75);}
.newslist_class4 li .txt_container h3{overflow: hidden;  color: #333; line-height:150%;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0 0 4px;}
.newslist_class4 li a:hover .txt_container{background: #F0F0F0;}
.newslist_class4 li a:hover .txt_container h3{color: #4783B9;}
.newslist_class4 li .txt_container p{height:6em;overflow: hidden;color: #969696;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-height: 150%;}
@media screen and (max-width: 1024px){
    .newslist_class4{margin: 0 -8px;}
    .newslist_class4 li{padding: 0 8px 2%; }
}
@media screen and (max-width: 767px){
    .newslist_class4 li{ width: 100%;  }
    .newslist_class4 li .txt_container h3,.newslist_class4 li .txt_container p{display: block; height: auto;}
}


.newslist_class5{ list-style-type: none; overflow: hidden; margin: 0 -20px;}
.newslist_class5 li{ display: inline-block; width: 50%; padding: 0 20px; margin-right: -.33em; }
.newslist_class5 .txt_container h3{ width: calc(100% - 6em); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-right: -.33em;vertical-align: middle; color: #333; line-height: 300%;}
.newslist_class5 a:hover .txt_container h3{color: #4783B9;}
.newslist_class5 .txt_container .time{width: 8em; display: inline-block; margin-right: -.33em;vertical-align: middle; color: #969696; font-size: .75em;text-align: right;}
.newslist_class5 .img_container{ position: relative; overflow: hidden; }
.newslist_class5 .bg_container{width: 100%;  transition: transform .5s linear; position: relative;height: 0;padding: 0 0 56.25%;overflow: hidden;}
.newslist_class5 a:hover .bg_container{transform: scale(1.05);}
.newslist_class5 .img_container + .txt_container{position: relative; margin: -3em 0 1em; padding: 0 1em;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 33%, rgba(0,0,0,.3) 100%);}
.newslist_class5 .img_container + .txt_container h3{color: #FFF; width: 100%; }
.newslist_class5 .img_container + .txt_container h3:before{content: '▶'; display: inline-block; transform: scale(.6);}
.newslist_class5 .img_container + .txt_container .time{color: #FFF; display: none;}
.newslist_class5 a:hover .img_container + .txt_container h3{opacity: .7; color: #FFF;}
@media screen and (max-width: 767px){
    .newslist_class5 li{width: 100%;}
}

/*新闻内页*/
.newsinto{overflow: hidden;}
.news_con{float: left; width: 70%;}
.newsinto.onecol .news_con{float: none; width:100%;}
.into_title{overflow: hidden;padding: .5em 0 1.5em; }
.into_title h1{ font-size:36px; line-height: 125%; margin: .25em; font-weight: bold; color: #494949;}
.into_title h2{ font-size:28px; line-height: 125%; margin: .25em; font-weight: bold; color: #494949;}
.news_con .into_title{ text-align: center;padding: 2.5em 0 3.5em;}
.news_con .into_title .time{ float: left; white-space: nowrap; color: #969696;  margin-right: 1em; position: relative; top:1em;}
.news_con .into_title .otherinfo{ float: left; white-space: nowrap; color: #969696;  margin-right: 1em; position: relative; top:1em;}
.news_con .into_title .otherinfo:empty{display: none;}
.news_con .into_title .news-share{ padding-top: .75em;position: relative; top:1em; float: right; font-size:12px !important;}
.news_con .into_title .bshare-custom a {width: 1.5em !important; height: 1.5em !important; margin: 0 .5em;padding:0 !important;display: inline-block !important;}
.news_con .into_title .bshare-custom .bshare-qqmb{ background: url(../images/bbs1.png) no-repeat center center/100% !important;}
.news_con .into_title .bshare-custom .bshare-weixin{ background: url(../images/bbs2.png) no-repeat center center/100% !important;}
.news_con .into_title .bshare-custom .bshare-qzone{ background: url(../images/bbs3.png) no-repeat center center/100% !important;}
.news_con .into_title .bshare-custom .bshare-sinaminiblog{ background: url(../images/bbs4.png) no-repeat center center/100% !important;}
.news_con .newsinfo{padding: 2em 0 2em; text-align: right; position: relative;}
.news_con .newsinfo p{display: inline-block; margin-left: 1em;}
.news_con .newsinfo .goback{ float: left; line-height: 200%; padding: 0 1em; border:1px solid ; border-radius: 1em;}
.news_con .newsinfo .goback:hover{color: #4783B9;}
.news_con .newsinfo .toprev{ float: left; line-height: 200%; padding: 0 1em; border:1px solid ; border-radius: 1em;}
.news_con .newsinfo .toprev:hover{color: #4783B9;}
.news_con .newsinfo .tonext{ float: right; line-height: 200%; padding: 0 1em; border:1px solid ; border-radius: 1em;}
.news_con .newsinfo .tonext:hover{color: #4783B9;}
.news_side{float: right; width: 25%; overflow: hidden; padding-top: 2.5em;}
.news_side .recommend{ background: #F0F0F0; border-bottom: .25em; padding:2em  1em;}
.news_side .recommend h2{background: #DDD;padding:0 2em; border-radius: 1em; line-height: 200%; display: inline-block; margin-bottom: 1em; color: #494949;}
.news_side .recommend li{list-style-type:none; padding: 1.5em 0; overflow: hidden;}
.news_side .recommend .txt_container{ padding-left: 1.25em; position: relative;line-height: 125%;}
.news_side .recommend .txt_container:before {content: ""; background: #969696; width: .25em; height: .25em; top: .5em; left: .25em; border-radius: 50%; position: absolute;}
.news_side .recommend .txt_container h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #494949; }
.news_side .recommend .txt_container .time{ color: #969696;}
.news_side .recommend li a:hover .txt_container h3{color: #4783B9;}
.news_side .recommend .img_container{ float: right; height: 3.6em; width: 6.4em; overflow: hidden; margin-left: 1em; position: relative;}
.news_side .recommend .img_container .bg_container{position: absolute; left:0; top:0; right:0; bottom:0; overflow: hidden;transition: transform .5s linear;}
.news_side .recommend li a:hover .img_container .bg_container{transform: scale(1.05);}
.bsBox{box-sizing: content-box !important;}
@media screen and (max-width: 1280px){
    .news_con{float: none; width: auto;}
    .into_title h1{ font-size:30px;}
    .into_title h2{ font-size:22px;}
    .news_side{float: none; width:auto; padding: 2em 5%;}
}
@media screen and (max-width: 1024px){
    .into_title h1{ font-size:24px;}
    .into_title h2{ font-size:20px;}
}
@media screen and (max-width: 560px){
    .into_title h1{ font-size:20px;}
    .into_title h2{ font-size:16px;}
    .news_con .into_title .bshare-custom a{margin: 0 .125em;}
    .news_side{padding: 0 0 2em;}
    .news_side .recommend .img_container{ float: none; height:0; width:100%; margin-left:0; padding: 0 0 56.25%; margin-bottom: .75em;}
    .news_con .newsinfo .goback{ float: none; position: absolute; left: 0; bottom:0;}
}


.page_case ul{list-style-type: none; overflow: hidden; margin: 0 -.5em;}
.page_case ul li{ padding: .5em; float: left; width: 25%;}
.page_case ul li a{ display: block; padding: 1em; text-align: center; position: relative; background: #FFF; box-shadow: 0 .125em .5em rgba(0,0,0,.1);}
.page_case ul li .bg_container{border:0;height: 0; overflow: hidden; padding: 0 0 50%; background-size: contain; width: 100%;transition:transform .5s linear;}
.page_case ul li p{position: absolute; left: 0; color: #FFF ; bottom: 0; background: rgba(0,0,0,.5); line-height: 200%; padding: 0 5%; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transition:opacity .5s linear;}
.page_case ul li a:hover .bg_container{ transform: translateY(-1em);}
.page_case ul li a:hover p{opacity: 1;}
@media screen and (max-width: 1280px){
    .page_case ul li{ width: 33.33%;}
}
@media screen and (max-width: 1024px){
    .page_case ul li a {padding: 0;}
    .page_case ul li p{opacity: 1; position: static;}
    .page_case ul li a:hover .bg_container{ transform: translateY(0);}
}
@media screen and (max-width: 767px){
    .page_case ul li{ width: 50%;}
}
@media screen and (max-width: 560px){
    .page_case ul li{ width: 100%;}
}


.recruitlist {width: 100%; border: none; border-collapse: collapse; clear: both; }
.recruitlist .dt{position: relative; cursor: pointer;}
.recruitlist .dt .btn{ font-family: simSun; font-size: 1.5em; display: inline-block; transition: transform .3s linear; width: 1em; height: 1em; line-height: 100%; text-align: center; color: #4783B9; }
.recruitlist .dt .btn:after{content: '＋';}
.recruitlist td{ padding: 1em; text-align: center; border-bottom: 1px solid #DDD;color: #333;}
.recruitlist th{background: #F7F7F7;padding: 1em; text-align: center; font-size: 1.25em; color: #333; font-weight: lighter; border-bottom: 1px solid #DDD;}
.recruitlist th:first-child{text-align: left;}
.recruitlist .dt td:first-child{text-align: left;}
.recruitlist .dd{display: none;}
.recruitlist .dt.open td{border-bottom: none;}
.recruitlist .dt.open .btn{color: #666;}
.recruitlist .dt.open .btn:after{content: '─';}
.recruitlist .dt.open + .dd{display:table-row;}
.recruitlist .dd td{padding: 2em 1em; text-align: justify;}
.recruitlist .dd td h3{font-size: 1.125em; line-height: 200%; color: #333;}
.recruitlist .dd td p{font-size: .875em; color: #888;}
.recruitlist .dd td p + h3{margin-top: 1em;}
.recruitlist .dd td .btn_join{display: inline-block; background: #4783B9; margin: 2em 0 0; width: 10em; line-height: 250%; color:#FFF; text-align: center; font-size: 12px;}
.recruitlist .dd td .btn_join:hover{background: #494949;}
.recruitlist .dd td .btn_mail{margin: 2em 0 0;display: inline-block; border-bottom: 1px solid; color: #333;}
.recruitlist .dd td .btn_mail:hover{color: #4783B9;}
.recruitlist_container .threemenu:after,.recruitlist_container .threemenu ul:after{display: none;}
.recruitlist_container .threemenu{ float: left; margin: 1em 0 0;}
.recruitlist_container .threemenu li{padding: 0;}
.recruitlist_container .threemenu li.current a:after{display: none;}
.recruitlist_container .threemenu li a{padding-left:0 ; padding-right: 0; margin-right: 20px;}
.recruitlist_container .threemenu li.current a{padding-left:0 ; padding-right: 0;}
.recruitlist_container .recruitlist_select{float: right; margin: 2em 0 1em;}
.recruitlist_container .recruitlist_select select {margin-left: .5em; border-top: none;border-left: none;border-right: none;}
.recruitlist .dt.noshow,.recruitlist .dt.noshow+.dd{display: none;}
.recruitlist_container .notxt{padding: 1em; text-align: center; color: #888; font-size: 1.25em; display: none; }
@media screen and (max-width: 767px){
    .recruitlist thead{display: none;}
    .recruitlist td{display: block; text-align: left; border:none; padding: 0; line-height: 150%;}
    .recruitlist tr{display: block;border-bottom: 1px solid #DDD;}
    .recruitlist .dt{padding: 1em 5%;border-top: 1px solid #DDD;}
    .recruitlist .dt td:first-child{ font-size: 1.25em; color: #333; font-weight: bold;}
    .recruitlist .dt td:before{content: attr(data-til); color: #666;}
    .recruitlist .dt .btn{ position: absolute; right: 1em; top:50%; }
}


.recruit_list .recruit_con{ margin-bottom: 2.5em;}
.recruit_list .recruit_con .recruit_til{position: relative; border-bottom: 1px solid #DDD; padding: 0 0 .5em; margin-bottom: 1.5em;}
.recruit_list .recruit_con .recruit_til h2{ color: #4783B9; font-size:24px; font-weight: bold; line-height: 187.5%; }
.recruit_list .recruit_con .recruit_til p{ display: inline-block; white-space: nowrap; margin-right: 1em;}
.recruit_list .recruit_con .btn{ display: inline-block; padding: .5em 3em; color: #FFF; background: #4783B9; margin-top: 1.5em;}
.recruit_list .recruit_con.closed{margin-bottom:0;}
.recruit_list .recruit_con.closed .recruit_til{margin-bottom:0; padding-right: 2em; cursor: pointer;}
.recruit_list .recruit_con.closed .recruit_til:after{content:"》";position: absolute;right:.5em; top:50%; line-height: 100%; color: #4783B9; transform: scale(2,1); margin-top: -.5em; display: block;}
.recruit_list .recruit_con.closed .into_content{display: none;}
.recruit_list .recruit_con.closed .btn{display: none;}
.recruit_list .recruit_con.open .recruit_til{padding-right: 2em;cursor: pointer;border-bottom-style: dotted;}
.recruit_list .recruit_con.open .recruit_til:after{content:"》";position: absolute;right:.5em; top:50%; line-height: 100%; color: #4783B9;  margin-top: -.5em; display: block;transform: scale(1,2) rotate(90deg);}



.recruit_list_class2 li{list-style-type: none; margin: 0 0 2em;}
.recruit_list_class2 h3.til{ font-size: 1.25em; line-height: 200%; color:#4783B9;}


.recruit_class2 .recruit_con{ position: relative; display: none; border:1px solid #FFF; padding: 1em 8em 1em 1em; margin-bottom: 1em;}
.recruit_class2 .recruit_con:before{position: absolute; left: 0; top:0; right: 0; bottom: 0; content: ""; opacity: .1; background: #FFF;}
.recruit_class2 .recruit_con.open{display: block;}
.recruit_class2 .recruit_con:hover{border:1px solid #4783B9;}
.recruit_class2 .recruit_con:hover:before{ background: #4783B9;}
.recruit_class2 .recruit_til{ overflow: hidden; position: relative;}
.recruit_class2 .recruit_til h2{display: inline-block; min-width: 12em; font-size: 1.25em; line-height: 1.5; vertical-align: baseline; font-weight: bold; color: #4783B9; margin-right: 1em; }
.recruit_class2 .recruit_til p{display: inline-block; margin-right: 1em; color: #8A8A8A; vertical-align: baseline;}
.recruit_class2 .info{ position: relative; overflow: hidden;}
.recruit_class2 .info p{display: inline-block; margin-right: 1em; padding: 0 0 0 1em; color: #8A8A8A; vertical-align: baseline; position: relative; left: -1em;}
.recruit_class2 .info p:before{position: absolute; left: -2px; top:50%; height: 1em; width: 1px; background: #8A8A8A; margin-top: -.4em; content: "";}
.recruit_class2 .recruit_con .btn{position: absolute; line-height: 2em;border:1px solid #4783B9;color: #4783B9; width: 10em; text-align: center; right: 1em; top:50%; margin-top: -1em;}
.recruit_class2 .recruit_con:hover .btn{background: #4783B9; color: #FFF;}
.recruit_class2 .btn_more{border:1px solid #4783B9;position: relative; text-align: center; color: #4783B9; line-height: 2.5;}
.recruit_class2 .btn_more:before{position: absolute; left: 0; top:0; right: 0; bottom: 0; content: ""; opacity: .1; background: #4783B9;}
@media screen and (max-width: 767px){
    .recruit_class2 .recruit_con{padding: 1em;}
    .recruit_class2 .recruit_con .btn{position: relative; right: 0; top:0; margin-top: .5em; display: block;}
    .recruit_class2 .info,.recruit_class2 .recruit_til p{font-size: .875em;}
}


.page_form .form_con{ padding: 2em 3em 2em;}
.page_form .form_con h3{ color: #4783B9; font-size:24px; line-height:300%; font-weight: bold; border-bottom: 1px solid #DDD; margin: 0 -2em 2em;}
.page_form button.submit{outline: none; font-size:18px; padding: .75em 2.5em; background: #4783B9; color: #FFF; border:none; margin-right: 1em;margin-left: 4.9696968em;}
.page_form .routine + button.submit{margin-left: 10.6666em;}
.page_form button.reset{ outline: none; font-size:18px; padding: .75em 2.5em; background: #494949; color: #FFF; border:none; margin-right: 1em;}
.page_form dl{padding: 0 0 1em; width: 960px; max-width: 100%; padding-right: 1em; clear: both; overflow: hidden;}
.page_form dl.col3{width: 320px; max-width: 33.33%; clear: none; float: left;}
.page_form dl.col3_short{width: 264px;max-width: 27.5%;}
.page_form dl.col3_long{width: 408px;max-width: 45%;}
.page_form dt{line-height: 300%;}
.page_form dd{position: relative;}
.page_form .routine dt{width:7.5em; float: left; margin-right: 1.5em; text-align: right;}
.page_form .routine dd{float: left; width: 450px;  line-height: 300%;}
.page_form .routine dl.col3{ width: auto; max-width:none; overflow: visible;}
.page_form .routine dl.col3 dd{width: 125px; margin-right: -2.5em;}
.page_form .routine dl.hh{clear: both;}
.page_form .routine dd.note{width: auto; margin-left: 1em; line-height: 300%;}
.page_form .routine dd.fileimg{width: 165px; height: 226px; overflow: hidden; position: relative;}
.page_form .routine dd.fileimg + dd.note{ clear: left; margin-left: 9em;}
.page_form .routine dd.fileimg img{width: 165px; height: 226px;}
.page_form .must,.page_form div.note{color: #4783B9;}
.page_form table{max-width: 100%; border: none; border-spacing:0; border-collapse: collapse;}
.page_form table td,.page_form table th{ padding: 0 1em 1em 0; border: none; font-weight: lighter; text-align: left;}
.page_form table td .tdtil{display: none;}
.page_form input{ padding: .5em; line-height: 187.5%; color: #333; border:none; outline: none;  background: #F0F0F0; width: 100%; vertical-align: middle;}
.page_form select{ padding: .5em; line-height: 300%; color: #333; border:none; outline: none;  background: #F0F0F0; width: 100%; vertical-align: middle; height: 3em;-webkit-appearance:auto;}
.page_form .times input{width: calc(50% - 1em);}
.page_form .vcode input{width: calc(100% - 7.5em);}
.page_form .vcode .vcodeimg{vertical-align: middle; max-width: 7em; max-height: 3em; margin-left: .5em;}
.page_form textarea{ padding: .5em; line-height: 187.5%; color: #333; border:none; outline: none;  background: #F0F0F0; width: 100%; }
.page_form input[type="radio"]{padding: 0;line-height: normal;background: none; width: 1em; height: 1em;-webkit-appearance:radio; margin-right: .5em;}
.page_form input[type="file"]{padding: 0;background: none; width: auto;-webkit-appearance:auto;}
.page_form .routine dd.fileimg input{ position: absolute; right: 0; top:0; height: 100%; font-size:226px; line-height: 100%; opacity: 0;}
.page_form label{margin-right: 1em;}
@media screen and (max-width: 840px){
    .page_form .form_con{ padding: 2em 0 2em;}
    .page_form .form_con h3{ margin: 0 0 2em;}
    .page_form .routine dl.col3{ width: 33.33%;}
    .page_form .routine dl.col3 dd{width:100%; margin-right: 0;}
    .page_form .routine dt{width:auto; float: none;text-align: left;}
    .page_form .routine dd{float: none; width: auto;}
    .page_form .routine dd.note{margin-left: 0;}
    .page_form .routine dd.fileimg + dd.note{ clear: left; margin-left: 0;}
    .page_form table td,.page_form table th{ padding: 0 .25em 1em 0;}
    .page_form input{ padding: .5em .25em;}
    .page_form button.submit{margin-left: 0;}
    .page_form .routine + button.submit{margin-left: 0;}
}
@media screen and (max-width: 767px){
    .page_form button.submit,.page_form button.reset{padding: .5em 2em;}
    .page_form dl.col3{width: 960px; max-width: 100%; clear: both; float: none;}
    .page_form .routine dl.col3{ float: none; width: auto; max-width:none;}
    .page_form .routine dl.col3 dd{width: auto; margin-right:0;}
    .page_form table,.page_form table tr,.page_form table tbody{ display: block;}
    .page_form table th{display: none;}
    .page_form table td{ display: block; padding: 0 1em 1em 0;}
    .page_form table td .tdtil{ display: block; line-height: 300%;}
    .page_form table td strong.tdtil{ font-weight: bold; color: #4783B9;}
}
@media screen and (max-width: 374px){
    .page_form .times input{width: 100%;margin-bottom: .25em;}
    .page_form .times input + input{width: calc(100% - 1.5em); margin-bottom: 0;}
}
/*反馈*/
.page_feedback table{ margin-bottom: 2em; width: 100%; border: none;border-top: 1px solid #DDD; border-collapse: collapse;}
.page_feedback th,.page_feedback td{border-bottom:1px solid #DDD; padding: .5em 1em; text-align: left; font-weight: lighter; vertical-align: top;}
.page_feedback th{background: #F0F0F0;}
.page_feedback th.til,.page_feedback td.til{ width: 7em; color: #4783B9; font-weight: bold;}
@media screen and (max-width: 767px){
    .page_feedback table{ font-size:14px;}
    .page_feedback th,.page_feedback td{padding: .25em .5em;}
    .page_feedback th.til,.page_feedback td.til{width: 6em; }
}
.page_OnlineQ dl{ border-bottom: 1px dashed #4783B9; padding: 1em 0 2em;}
.page_OnlineQ dt{ padding: 1em 0; color: #4783B9;}
.page_OnlineQ dd p{ margin: .5em 0; text-align: justify;}


.page_contactus{padding: 0 0 0 55%;position: relative;}
.page_contactus:before{content: '';position: absolute; left: 0;top:0; width: 35%; height: 2px; background: #4783B9;}
.page_contactus .txt_container{ width: 55%; padding: 0 5% 0 0; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.page_contactus .txt_container .page_title{position: relative; padding: 0 0 2em; margin-bottom: 2em; }
.page_contactus .txt_container > h3{ font-size:1.5em; line-height: 150%; color: #333;margin-bottom: .5em; cursor: pointer;}
.page_contactus .txt_container > h3 ~ h3{margin-top: 1em;}
.page_contactus .select_con{padding: 0 0 2em; margin-bottom: 2em;}
.page_contactus .select_con select{line-height: 300%; color: #333; border:1px solid #DDD; outline: none;  background: #F0F0F0; width: 100%; vertical-align: top;-webkit-appearance:auto; height: 3em;}
.page_contactus .txt_container p{margin-bottom: 1em; line-height: 150%;}
.page_contactus .map{position: relative; height: 30em; background:#DDD;}
.page_contactus #allmap{ width: 100%; height: 100%;}
.page_contactus + .node{ clear: both; padding: 1em 0;}
.page_contactus + .node h3{display: inline-block; padding: 0 1em; border:1px solid #DDD; font-size: 1.25em; vertical-align: top; line-height: 2.5; position: relative; top:.25em;}
.page_contactus + .node p{display: inline-block;vertical-align: top;}
.page_contactus + .node span{display: inline-block;}
.page_contactus.mapatleft{padding: 0 55% 0 0;}
.page_contactus.mapatleft .txt_container{padding: 0 0 0 5%;left:auto;right: 0;}
.page_contactus.mapatleft .txt_container{padding: 0 2.5% 0 5%; color: #FFF; z-index: 5;}
.page_contactus .txt_container > h3{color: #FFF;}
.page_contactus.mapatleft:after{content:""; position: absolute;top:0; right: 0;;bottom: 0; width: 52.5%;background:linear-gradient(to right, #4783B9 0%,#4783B9 60%, #FFF 100%);}
.page_contactus.mapatleft a{color: #FFF;}
.page_contactus.mapatleft a:hover{color: #333;}
.page_contactus .map{height: 20em;border:1px solid #494949;}

@media screen and (max-width: 1024px){
    .page_contactus .txt_container{font-size:12px;}
    .page_contactus + .node h3 {top:0; border:none; padding: 0; display: block;}
}

@media screen and (max-width: 767px){
    .page_contactus{padding: 0;}
    .page_contactus:before{display: none;}
    .page_contactus .txt_container{width: auto; padding: 0 0 2em; position: static; transform: none;}
    .page_contactus .txt_container a{display: inline-block;}
    .page_contactus .map{height: 70vh;}

    .page_contactus.mapatleft{padding: 0;}
    .page_contactus.mapatleft:after{display: none;}
    .page_contactus.mapatleft .txt_container{ padding: 1em;margin:0 0 2em;background:linear-gradient(to right, #4783B9 0%,#4783B9 60%, #FFF 100%);}
}


.contactus_class2{position: relative; margin: 3em auto; max-width: 800px;}
.contactus_class2 .contactus_class3{display: inline-block; vertical-align: middle; width: calc(100% - 188px);margin-right: -.33em; text-align: left;}
.contactus_class2 .txt_container h3{color:#333;}
.contactus_class2 .ewm_container{display: inline-block; vertical-align: middle; width: 188px; text-align: center;}
.contactus_class2 .ewm_container img{max-width: 100%;}
@media screen and (max-width: 767px){
    .contactus_class2{text-align: center;}
    .contactus_class2 .txt_container{width: auto; max-width: 100%;}
    .contactus_class2 .ewm_container{display: block; margin: 0 auto; width: auto;}

}
/*联系我们3 左右两个地址
*/
.contactus_class3{list-style-type: none; margin: 0 -16px;}
.contactus_class3 li{display: inline-block; width: 50%; margin: 0 -.33em 0 0; vertical-align: top; padding: 0 16px 2em;text-align: center;}
.contactus_class3 li .map{text-align: left; position: relative; height: 0; padding: 0 0 75%; overflow: hidden;}
.contactus_class3 li .map #mapleft,.contactus_class3 li .map #mapright{position: absolute; left: 0; top:0; right: 0; bottom:0; background: #F0F0F0;}
.contactus_class3 .txt_container{display: inline-block;text-align: left; padding: 2em 0;}
.contactus_class3 .txt_container h3{color:#4783B9; font-size: 1.25em; line-height: 200%;}
@media screen and (max-width: 767px){
    .contactus_class3 li{width: 100%;}
}

.contactus_class4{position: relative;}
.contactus_class4 h3{position: relative; line-height: 250%; font-size: 1.25em; color: #000; }
.contactus_class4 .map{position: relative; height: 30em; background:#DDD;}
.contactus_class4 #allmap{ width: 100%; height: 100%;}
.contactus_class4 #allmap .mtil{font-size: 14px; font-weight: bold; padding: .75em 0 0; display: block;}
.contactus_class4 #allmap .madr{font-size: 12px; color: #494949; line-height: 21px !important;}
.contactus_class4 #allmap .BMap_cpyCtrl,.tellus_address #allmap .anchorBL{display: none;}
.contactus_class4 .txt_container{padding: 1em 0; text-align: center; }
.contactus_class4 .txt_container p{display: inline-block; white-space: nowrap; line-height: 2.5em; margin: 0 .5em ;}
.contactus_class4 .txt_container .icon_container{width: 1.875em; height: 1.875em; display: inline-block; margin-right: .5em; vertical-align: middle;overflow: hidden; position: relative; top:-2px;}
.contactus_class4 .txt_container .icon_container img{width: 100%; vertical-align: top;}
@media screen and (max-width: 1158px){
    .contactus_class4 .txt_container{ font-size: .875em;}
}
@media screen and (max-width: 1024px){
    .contactus_class4 .txt_container{ text-align: left;} 
    .contactus_class4 .txt_container p{display: block; margin: 0;}
    .contactus_class4 .txt_container .txt{display: inline-block; white-space: normal;line-height: 1.125em; vertical-align: middle; width:calc(100% - 2.325em); margin-right: -3em;}
    .contactus_class4 .map{height: 70vh;}
}