@import url('owl.css');
*{margin:0px;padding:0px;outline:none;font-size: 100%;line-height: inherit;font-family:sans-serif;}
::-webkit-scrollbar {width: 0;}
body {font-size:16px;color:#1b1c1e;line-height:1.5em;font-weight:400;background:#ffffff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-family: 'Roboto', sans-serif;}
a{text-decoration:none;cursor:pointer;color: #1b1c1e;}
a:hover,
a:focus,
a:visited,
a:active,
button:active{text-decoration:none;outline:none;}
h1,h2,h3,h4,h5,h6 {position:relative;font-weight:normal;margin:0px 0px 15px;background:none;line-height:1.25em;font-family: Saurer,sans-serif;}
input,select,button{font-family: 'Roboto', sans-serif;}
textarea{overflow:hidden;resize: none;}
button{outline: none !important;cursor: pointer;}
.text{font-size: 15px;line-height: 1.7em;font-weight: 400;margin: 0 0;}
::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}
.page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px;z-index: 9;overflow: hidden;}  
ul,li{list-style:none;padding:0px;margin:0px;}
figure{margin-bottom: 0;}
img{display:inline-block;max-width:100%;height:auto;}
.auto-container{position:static;max-width:1200px;padding:0px 15px;margin:0 auto;}
.video{width: 100%;height: 1130px;display: block;object-fit: cover;}
.video::-webkit-media-controls-fullscreen-button {display: none;}
.video::-webkit-media-controls-play-button {display: none;}
.video::-webkit-media-controls-timeline {display: none;}
.video::-webkit-media-controls-current-time-display{display: none;}
.video::-webkit-media-controls-time-remaining-display {display: none;}
.video::-webkit-media-controls-mute-button {display: none;}
.video::-webkit-media-controls-toggle-closed-captions-button {display: none;}
.video::-webkit-media-controls-volume-slider {display: none;}
.video::-webkit-media-controls-enclosure{display: none;}
/*** 

====================================================================
		Banner Section
====================================================================

***/
.banner-section{position: relative;z-index:1;width: 100%;}
.banner-carousel{position: relative;z-index: 1;}
.banner-section .banner-bottom-pattern{position: absolute;left: 0;bottom: -50px;width: 100%;height: 120px;
/*	background: url(../images/banner-bottom-1.png) center bottom no-repeat;*/background-size: 100% 100%;z-index: 5;}
.banner-three .banner-bottom-pattern,
.banner-four .banner-bottom-pattern,
.banner-five .banner-bottom-pattern{
/*	background: url(../images/banner-bottom-2.png) center bottom no-repeat;*/background-size: 100% 100%;}
.banner-carousel .slide-item{position: relative;display: block;background-color: #edf5f8;color: #222222;overflow:hidden;}
.banner-carousel .slide-item:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;
/*	background: #171b27;*/opacity: 0.50;z-index: 1;}
.banner-carousel .slide-item .image-layer{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;z-index: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.banner-carousel .active .slide-item .image-layer{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);-webkit-transition: all 7000ms linear;-moz-transition: all 7000ms linear;-ms-transition: all 7000ms linear;-o-transition: all 7000ms linear;transition: all 7000ms linear;}
.banner-carousel .content-box{position: relative;display: table;vertical-align: middle;width: 100%;height: 400px;padding: 0 0px;z-index:5;}
.banner-three .banner-carousel .content-box{height: 400px;}
.banner-four .banner-carousel .content-box{height: 400px;}
.banner-five .banner-carousel .content-box{height: 400px;}
.banner-carousel .content-box .content{position: relative;display: table-cell;vertical-align: middle;padding: 120px 0px 150px;}
.banner-two .banner-carousel .content-box .content{padding: 50px 0px;}
.banner-three .banner-carousel .content-box .content{padding: 50px 0px 120px;}
.banner-four .banner-carousel .content-box .content{padding: 170px 0px 100px;}
.banner-five .banner-carousel .content-box .content{padding: 100px 0px;}
.banner-carousel .content-box .inner{position: relative;display: block;max-width: 780px;}
.banner-two .banner-carousel .content-box .inner{text-align: center;margin: 0 auto;max-width: 840px;}
.banner-carousel .content-box h1{display: block;font-size: 16px;line-height: 1.15em;color: #ffffff;font-weight: bold;opacity: 0;margin-bottom: 24px;text-transform: capitalize;letter-spacing: 0;-webkit-transform: translateY(80px);-moz-transform: translateY(80px);-ms-transform: translateY(80px);-o-transform: translateY(80px);transform: translateY(80px);text-transform:capitalize;}
.banner-five .banner-carousel .content-box h1{font-size: 60px;text-transform: none;}
.banner-carousel .active .content-box h1{opacity: 1;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;-webkit-transition-delay: 700ms;-moz-transition-delay: 700ms;-ms-transition-delay: 700ms;-o-transition-delay: 700ms;transition-delay: 700ms;}
.banner-carousel .content-box .text{display: block;font-size: 14px;line-height: 1.5em;color: #5c0c8b;font-family: cursive;font-weight: 600;opacity: 0;-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);-o-transform: translateY(50px);transform: translateY(50px);}
.banner-carousel .active .content-box .text{opacity: 1;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;-webkit-transition-delay: 1100ms;-moz-transition-delay: 1100ms;-ms-transition-delay: 1100ms;-o-transition-delay: 1100ms;transition-delay: 1100ms;}
.banner-carousel .content-box .link-box{position: relative;display: block;padding-top: 40px;opacity: 0;-webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);-o-transform: translateY(50px);transform: translateY(50px);}
.banner-carousel .active .content-box .link-box{opacity: 1;	-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;-webkit-transition-delay: 1500ms;-moz-transition-delay: 1500ms;-ms-transition-delay: 1500ms;-o-transition-delay: 1500ms;transition-delay: 1500ms;}
.banner-carousel .owl-nav{display: none;}
.banner-section .owl-dots{width: 100%;display: flex;justify-content: center;position: absolute;top: 94%;}
.banner-section .owl-dots .owl-dot{position: relative;display: block;width: 16px;height: 16px;margin: 0 1.2vw;}
.banner-section .owl-dots .owl-dot span{position: relative;display: block;width: 16px;height: 16px;border: 2px solid rgba(255,255,255,0.50);border-radius: 50%;}
.banner-section .owl-dots .owl-dot.active span{border-color: rgba(255,255,255,1);}
.banner-section .owl-dots .owl-dot span:before{content: '';position: absolute;left: 4px;top: 4px;right: 4px;bottom: 4px;background: rgba(255,255,255,0.50);border-radius: 50%;z-index: 1;}
.banner-section .owl-dots .owl-dot.active span:before{background: rgba(255,255,255,1);}
.banner-two .owl-dots{position: absolute;right: auto;top: auto;margin: 0;bottom: 30px;text-align: center;width: 100%;}
.banner-two .owl-dots .owl-dot{display: inline-block;margin: 0px 7px;}
.banner-three .owl-dots{position: absolute;right: auto;top: auto;margin: 0;left: 50%;width: 1170px;margin-left: -585px;bottom: 100px;text-align: left;}
.banner-three .owl-dots .owl-dot{display: inline-block;margin: 0px 15px 0px 0px;}
	
li{list-style: none;}
a, .transition, :before, img, .nav {transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;}
a:active, a:focus {color: #8e56b1!important;}
.wh {width: 90%;margin: 0 auto;}
.wh>h1 {font-size: 27px;text-align: center;margin: 50px 0;font-weight: bold;}
.nav_logo {}
.nav_logo img {width: 70%;}
.nav {position: fixed;width: 100%;padding: 0px 0;background: #8a8a8a7a;z-index: 999;}
.nav .nav_boxul {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.nav .nav_box {float: left;padding: 0 25px;}
.nav .nav_box>a {display: block;position: relative;line-height: 5.8rem;color: #F5F5F5;font-size: 1.1vw;font-weight: bold;}
.nav .nav_box:hover>a:before {left: 0;width: 100%;}
.nav .nav_box>a:before {content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;height: 2px;background: #ffd700;}
.nav_nb {display: flex;align-items: center;color: #fbfbfb;font-size: 24px;font-weight: bold}
.nav_nb span {width: 100%;}
.nav_nb img {width: 35px;margin-right: 3px;}

	
.nav .nav_boxul1 {width: 100%; position: fixed;top: -30rem;left: 0;display: flex;flex-wrap: nowrap;justify-content: space-evenly;padding: 20px 0;background: #8e56b182;opacity: 0;}
.nav .nav_box1>a {padding: 20px 30px;color: #F5F5F5;}
.nav .nav_boxul>.nav_box:hover>.nav_boxul1 {top: 5.8rem;opacity: 1;transition:opacity 0.5s ease;}
	
	
	
.nav .nav_boxul2 {display: block;position: fixed;transition: .5s;margin-top: 20px;background: #ffd700;opacity: 0;}
.nav .nav_box2 {padding: 15px 30px;}
.nav .nav_box2 >a {}
.nav .nav_box1:hover>.nav_boxul2 {opacity: 1;transition: opacity 0.5s ease;}
	
	
.foot {float: left;width: 100%;padding: 1vw 0 .2vw 0;background: #0f52ba;} 
.foot_boxul {float: left;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
/*.foot_logo {float: left;width: 10%;}*/
.foot_box .foot_boxul>li {width: 25%;text-align: center;line-height: 40px;}
.foot_box .foot_boxul>li a {width: 94%;display: inline-block;margin: 5px;box-shadow: 0 0 2px 0px;color:#dedede;font-weight: bold;font-size: 0.84vw;}
	
.foot_bottom {float: left;display: flex;flex-wrap: wrap;justify-content: space-around; padding: 10px;margin: 10px 0;border-top: 1px solid #ffce0070;border-bottom: 1px solid #ffce0070;}
.foot_bottom p {display: inline-block;font-size: 14px;color:#dedede;}
.foot_bottom p a {color:#dedede;}
.foot_link {float: left;width: 100%;}
.foot_link .foot_linkp {padding: 10px 10px 0 10px;color: #dedede;}
/*.foot_link .foot_linkp span {width: 42%;}*/
.foot_link ul {width: 100%;display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-evenly;}
.foot_link ul li {background: #0f52ba;text-align: center;font-size: 14px;}
/*.foot_link ul li:nth-child(1){border-top: 1px solid #ccc;}*/
.foot_link ul li>a {display: inline-block;line-height: 30px;color: #dedede;font-size: 14px;}
.myElement>li {opacity: 1!important;}
	
.row1_box {margin: 50px 0;}
.row1_box .row1_box_img {float: left;width: 100%;}
.row1_box .row1_box_img img {width: 100%;box-shadow: 0px 0px 8px 1px;}
.row1_box .row1_box_txt {float: left;width: 100%;text-align: center;}
.row1_box .row1_box_txt h1 {display: inline-block;font-size: 30px;margin-bottom: 40px;font-weight: bold;}
.row1_box .row1_box_txt h1 span {color: #0f52ba;border-bottom: 4px solid #007aff;}
.row1_box .row1_box_txt p {font-size: 14px;text-indent: 2em;line-height: 24px;padding: 15px;background: #d3d3d3c4;font-weight: 600;padding-bottom: 0px;color: #5c0c8b;text-align: left;}
.numCount{margin-top: 35px;}
.numCount li{ float: left; width: 50%; text-align: center;margin-bottom: 15px;}
.numCount li .item{ margin: 0 10px;}
.numCount li .indc{ font-size: 25px;font-weight: bold;margin-top: 0px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:30px; color:#0f52ba;}
.numCount li .numU .unitC{font-size:27px; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}



.row2_box {margin: 50px 0;}
.row2_box .swiper-slide>p {text-align: center;line-height: 36px;height: 36px;font-size: 16px;font-family: cursive;font-weight: 600;color: #5c0c8b;}
.row2_box_gy {margin-top: 10px;}
.mySwipergy .swiper-slide {display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;height: 160px;background: #c1a2d454;}
	
	
	
.row3_box {width: 100%;margin: 50px 0;}
.row3_box h1 {text-align: center;font-size: 36px;font-weight: bold;margin-bottom: 30px;}
.row3_box h1 span {color: #0f52ba;border-bottom: 4px solid #007aff;}
.row3_box ul {height: 100%;}
.row3_box ul li {display: flex;box-shadow: 0 0 1px;height: 247px;/*height: calc((100% - 30px) / 2);*/background: #e3d7e954;}
.row3_box .row3_box_img {width: 60%;}
.row3_box .row3_box_txt {width: 40%;padding: 2% 1%;}
.row3_box .row3_box_txt h3 {height: 36px;line-height: 36px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 16px;font-weight: bolder;border-bottom: 2px solid #007aff;margin-bottom: 10px;color: #007aff;}
.row3_box .row3_box_txt p {height: 60%;text-indent: 2em; line-height: 24px;letter-spacing: .5px;font-size: 14px;margin-bottom: 10px;color: #766982;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.row3_box .row3_box_txt a {padding: 10px 15px;background: #187fd2;color: #ebebeb;font-size: 14px;}
.row3_box .row3_box_img img {width: 100%;height: 100%; object-fit: cover;    border: 1px solid #dddddd;}
.mySwipercp {height: 460px;}
.mySwipercp1 {height: 460px;}
.mySwipercp2 {height: 460px;}


.side-bar li a.name .ico {width: 40px;height: 40px;position: relative;}
.side-bar li a.name .ico img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0}
.side-bar li:hover a.name .ico img:nth-child(1) {opacity: 0}
.side-bar li:hover a.name .ico img:nth-child(2) {opacity: 1}
.side-bar li:last-child a.name {border-radius: 0 0 0 .2rem;}
div.name {font-size: 16px;}
div.tel a {font-size: 14px;}
.side-bar {position: fixed;z-index: 999;top: 50%;right: 0;margin-top: -1.6rem;width: 80px;}
.side-bar li .layer {position: absolute;top: 0;right: 60%;background: #cb95ec;width: 140px;height: 80px;line-height: 80px;text-align: center;font-weight: bold;box-shadow: 0 3px 4px rgba(0,44,102,.1);margin-right: .2rem;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-bar li .layer a {color: #fff;}
.side-bar li .pp {display: flex;line-height: 20px;width: 220px;align-items: center;justify-content: space-evenly;}
.side-bar li .pp a {display: inline-block;width: 30%;padding: 7px;font-size: 14px;font-weight: 400;}
.side-bar li .pp a img {width: 80%;}
.side-bar li.li_01 .layer {height: 80px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding-left: .19rem;font-size: .13rem;}
.side-bar li.li_01 .layer .tel {font-size: .18rem;color: #f96e38;font-family: "DINPro-Bold";}	
.side-bar li:hover .layer {opacity: 1;visibility: visible;right: 100%;-webkit-transition-delay: .1s;transition-delay: .1s;}
.side-bar li {padding-bottom: 4px;position: relative;}
.side-bar li:hover a.name {background: #cb95ec;color: #fff;}
.side-bar li a.name {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 80px;font-size: .13rem;background: #fff;box-shadow: 0 3px 4px rgba(0,44,102,.1);position: relative;z-index: 5;}


.nybanner_box {height: 270px;}
.nybanner_box img {width: 100%;height: 100%; object-fit:cover;}
.nybanner_box .nybanner_txt {width: 100%;position: absolute;z-index: 1;text-align: center;margin-top: -140px;line-height: 30px; font-size: 30px;color: #fff;}
.nybanner_box .nybanner_txt span {border-bottom: 3px solid #fff; font-size: 30px;}

.albums_box {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 20px;}
.albums_list {width: 100%;margin-bottom: 20px; box-shadow: 0 0 3px;}
.albums_list .albums_list_img {width: 100%;height: 410px;}
.albums_list .albums_list_img img {width: 100%;height: 100%;object-fit: contain;}
	
.albums_list .albums_list_txt {background: #e3d7e954; line-height: 54px; text-align: center;}



.recruit {margin-bottom: 30px;}
.recruit .recruit_box {box-shadow: 0 0 3px 0px;}
.recruit_box .recruit_list {padding: 20px;margin: 30px 0;box-shadow: 0 0 1px;}
.recruit_list_top {box-shadow: 0 0 1px 0px;}
/*.recruit_list_top ul {display: flex;}*/
/*.recruit_list_top ul li {width: 19%;}*/
.recruit_list_top ul li h3 {float: left;font-size: 16px;font-weight: bold;color: #3b3b3b;padding: 15px 0;padding-left: 20px;margin: 0;}
.recruit_list_top ul li p {font-size: 18px;line-height: 50px;padding-left: 20px;}
.recruit_list_bottom {display: none;pointer-events: none;box-shadow: 0 0 1px 0px;padding: 20px;line-height: 30px;font-size: 16px;}
.on>.recruit_list_bottom {display: block;}
.recruit_list_bottom h4 {font-size: 18px;margin-bottom: 30px;}



.pro_article {}
.pro_article_box{}
.pro_article_box>h1{font-size: 27px;font-weight: bold;text-align: center;margin: 50px;}
.pro_article_top {display: flex;flex-wrap: wrap;}
.pro_article_top_img {width: 98%;padding: 1%; text-align: center;background: #e3d7e954;}
.pro_article_top_img img {width: 100%;}
.pro_article_top_txt {width: 100%;margin-bottom: 30px;}
.pro_article_top_txt table {width: 100%;}
.pro_article_top_txt caption {text-align: left; font-size: 26px;line-height: 70px;}
.pro_article_top_txt tr {width: 100%; display: flex;justify-content: space-between;}
.pro_article_top_txt tr td {width: 100%;font-size: 4vw;background: #e3d7e954;line-height: 15px;padding: 15px 0;}
.pro_article_top_txt tr:nth-child(1) td {font-weight: bold;font-size: 3.4vw;background: #8e56b169;line-height: 3.3vw;padding: 20px 0;}

.pro_article_bottom {}
.pro_article_bottom>h3 {line-height: 60px;font-size: 24px;background: #ffd7001f;padding-left: 20px;margin: 20px 0 0 0;}
.pro_article_bottom>div {padding: 20px;background: #f6f2f8;margin-bottom: 40px;}


.news {}
.news .news_box {width: 100%;}
.news .news_box .news_list {width: 97%;display: flex;flex-wrap: wrap;padding: 1.5%;box-shadow: 0 0 1px 1px;margin: 40px 0;transition: .5s;}
.news .news_box .news_list:hover {background: #e3d7e954;box-shadow: 0 0 4px;}
.news_list .news_list_img {width: 100%;}
.news_list .news_list_img img {width: 100%;height: 100%;object-fit: cover;}
.news_list .news_list_txt {width: 100%;overflow: hidden;}
.news_list .news_list_txt h3 {font-size: 18px;font-weight: bold;margin: 20px 0;}
.news_list .news_list_txt p {text-indent: 2em;height: 120px; line-height: 30px;font-size: 16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.news_list .news_list_txt span {display: inline-block;width: 100%;text-align: right;margin-bottom: 15px;letter-spacing: 4px;font-size: 16px;border-bottom: 1px dashed;}
.news_list .news_list_txt a {display: block;float: right;margin-top: 20px; padding: 10px 20px;font-size: 16px;background: #4978e1;color: #fff;}

.news_article {}
.news_article_box {}
.news_article_list {}
.article_list_top {}
.article_list_top h1 {text-align: center;margin: 50px 0 30px; font-size: 36px;}
.article_list_top p {text-align: center;margin: 20px 0px;padding-top: 10px;border-top: 1px solid;}
.article_list_body {border-bottom: 1px solid;padding: 30px 0;}
.article_list_body p {text-indent: 2em;font-size: 16px;line-height: 30px;}
.article_list_bottom {display: flex;justify-content: space-between;margin: 50px 0;}




.contact {}
.contact_box {display: flex;flex-wrap: wrap;}
.contact_list {display: flex;width: 100%;margin: 4% 0;box-shadow: 0 0 2px;}
.contact_list .contact_list_img {width: 65%;border-right: 1px solid #ccc;}
.contact_list .contact_list_img img {width: 100%;height: 100%;object-fit: cover;}
.contact_list .contact_list_txt {width: 35%;margin: 0 2%;padding: 20px 0;}
.contact_list .contact_list_txt h2 {font-size: 20px;font-weight: bold;}
.contact_list .contact_list_txt p {font-size: 12px;line-height: 30px;border-bottom: 1px dotted;margin: 2% 0;}


.map {}
.map_box {}
.map_list {}
.map_list .map_list_txt {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;}
.map_list .map_list_txt h2 {display: inline-block;font-size: 16px;font-weight: bold;}
.map_list .map_list_txt p {display: flex;align-items: center;font-size: 24px;}
.map_list .map_list_txt img {width: 36px;}


.st_fm {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0;}
.st_fm input {float: left;width: 100%;height: 60px;line-height: 60px;margin: 10px 0; text-indent: 20px;font-size: 16px;color: #000!important;background-color: #e3d7e954;border: none;border: 1px solid rgb(153, 153, 153);}
input::placeholder,textarea::placeholder {color: rgb(153, 153, 153);}
.st_fm textarea{width: 100%;height: 150px;line-height: 36px;font-size: 16px;margin-bottom: 20px;padding-top: 6px;color: #000!important;background-color: #e3d7e954;border: none;border: 1px solid rgb(153, 153, 153);text-indent: 20px;}
.st_su input {background: #8e56b169;color: #ffffff;width: 100%;height: 53px;margin: 20px 0;border:none;font-size: 18px;cursor: pointer;}
.message_tit {text-indent: 2em;}
/*#tc-2 {margin: 50px;}*/


.m2posBox{height: 70px;background: #FFF;box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.06);line-height: 70px;position: relative;z-index: 2;text-align: center;}
.m2menu {}
.m2menu_a {font-size: 17px;color: #2a3452;margin: 0 20px;position: relative;display: inline-block;padding: 0px 7px;}
.m2menu_a:after {content: "";height: 4px;background: #009EE7;width: 0;transition: all 0.5s ease-in-out;position: absolute;left: 0;bottom: 0;}
 .m2menu_a.on:after, .m2menu_a:hover:after {width: 100%;}
 .m2menu_a.on{color: #009ee7;font-weight: bold;}
 @media (max-width:992px){
     .m2banTxt{padding-top: 40px;}
     .m2ban_et {font-size: 40px;line-height: 40px;height: 40px;}
     .m2ban_t {font-size: 36px;line-height: 42px;}
     .m2ban {height: 420px;position: relative;}
     .m2menu_a{margin-left: 15px;}
}
 @media (max-width:767px){
.m2ban{height: 260px;position: relative;}
.m2ban_et{font-size: 30px;line-height: 30px;height: 30px;}
.m2ban_t{font-size: 24px;line-height: 24px;font-weight: normal;}
.m2pos_i{width: 50px;border: none;}
.m2posBox .container{padding-left: 0;}
.m2pos_a{margin-left: 0px;margin-right: 10px;}
.m2posBox{height: auto;}.m2posBox .fl{float: none;width: 100%;display: block;}
.m2menu_a{font-size: 16px;line-height: 40px;height: 42px;margin-right: 6px;margin-left: 6px;padding: 0 2px;margin-top: 10px;}
.m2menu{text-align: center;line-height: 0;position: relative;float: none;width: 100%;display: block;padding-bottom: 10px;}
.m2menu_a:after{height: 2px;}
}
@media (max-width:359px){
.m2ban_et{font-size: 24px;line-height: 24px;height: 24px;}
.m2ban_t{font-size: 20px;line-height: 20px;}
}

.paging {display: flex;justify-content: center;}
.paging a ,.paging select{margin: 10px;padding: 10px; border: 1px solid #ccc;}