/* ==========================================================================
   Index Page
   ========================================================================== */
/* 
   */
.nbanner{ background: url(../img/nban1.jpg) no-repeat center center; background-size:cover ; height: 700px; position: relative; overflow: hidden;}
.nbanner .bH{ position: relative; height: 100%;}
.nbanner .bfont{ text-align: left; align-items: initial; color: #fff; position: relative; height: 65%;}
.nbanner .bfont p{}
.nbanner .bfont span{ font-size: 4.8rem; font-weight: bold; display: block;}
.nbanner .bfont b{ font-weight: normal; text-transform: uppercase; font-weight: bold; font-size: 6rem; opacity: 0.2; line-height: 36px; margin-top: 10px; display: inline-block;}
.nbanner .ban-dot{ position: absolute; left: 0; bottom: 6rem; animation: namt 2s infinite;}
.nban2{ background-image: url(../img/nban2.jpg);}
.nban3{ background-image: url(../img/nban3.jpg);}
.nban4{ background-image: url(../img/nban4.jpg);}
.nban5{ background-image: url(../img/nban5.jpg); height: 513px;}
.nban6{ background-image: url(../img/nban6.jpg);}
.nban7{ background-image: url(../img/nban7.jpg);}
.nban8{ background-image: url(../img/nban8.jpg);}
@keyframes namt{
	0{ bottom: 6rem;}
	50%{ bottom: 2rem;}
	100%{ bottom: 6rem;}
}


.mbg{ background-color: #f8f8f8; padding: 8rem 0;}
.mbg2{ background-image: linear-gradient(180deg,#ffffff,#f0f5fe); padding: 6rem 0;}
.mbg3{ background: url(../img/nbg_k3.jpg) no-repeat center bottom; padding: 8rem 0;}
.mbg4{ background: url(../img/nbg_k4.jpg) no-repeat center center; background-size: cover; padding: 8rem 0;}
/*面包屑*/
.place{ color: #999;  position: relative; text-align: right; width: 100%;}
.place i{ font-size: 2rem; color: #148da3; margin-right: 5px; display: inline-block; vertical-align: middle; font-weight: bold;}
.place span{ margin: 0 5px; color: #999;}
.place a{ color: #999;}
.place a:hover{ color: #148da3;}

.left-cate,.bk-content{ background-color: #fff; padding: 3rem; min-height: 600px;}
.left-cate .brow{ padding: 3rem 0; border-bottom: 1px solid #eee;}
.left-cate .brow a{ display: inline-block; font-size: 18px; font-weight: bold; color: #888; width: 100%;}
.left-cate .brow a:hover{ color: #148da3;}
.left-cate .brow a i{ float: right; font-size: 18px;}

.bk-name{ line-height: 36px;}
.bk-name a{ display: inline-block; font-size: 16px;  color: #666; width: 24.6%;}
.bk-name a::before{ content: "•"; font-size: 20px; color: #003e7e; margin-right: 8px; display: inline-block; vertical-align: middle;}
.bk-name a:hover{ color: #003e7e; font-weight: bold;}

/*分类样式*/
.module_cate{ background-color: #eee; height: 9rem; line-height: 9rem; text-align: center; position: relative; margin-top: -9rem; z-index: 100;}
.module_cate span{ color: #333; font-size: 2.4rem; font-weight: bold; }
.subCate{ clear: both; overflow: hidden;}
.subCate li{ float: left; margin-right: 4rem;}
.subCate li:nth-last-child(1){ margin-right: 0;}
.subCate li a{ font-size: 18px; color: #646464; display: inline-block; position: relative;}
.subCate li a::after{ content: ""; display: block; width: 0; left: 0; bottom: 0; position: absolute; height: 2px; background-color: #2f75b5;}
.subCate li:hover,.subCate li.active{ }
.subCate li:hover a,.subCate li.active a{ color: #2f75b5; }
.subCate li:hover a::after,.subCate li.active a::after{ width: 100%;}

.case-list{ box-shadow: #eee 0 0 10px; background-color: #fff; padding: 2.5rem; margin: 2rem 0 3rem;}
.case-box{ margin-bottom: 0;}
.case-list .ntit{ padding-top: 2rem;}
.case-list .ntit span{ color: #148da3; font-size: 3.6rem; font-weight: bold;}
.case-list .ntit p{ line-height: 30px; font-size: 18px; color: #666; margin: 3rem 0;-webkit-line-clamp:3;}

.news-box{}
.news-box a{ display: flex;}
.news-box .bimg{ height: 100%; background-color: #fff; object-fit: cover; overflow: hidden;}
.news-box .bimg img{ object-fit: cover; width: 100%; height: 100%; transition: all 0.6s;}
.news-box .ninfo{ background-color: #fff; padding-left: 2rem; box-sizing: border-box; height: 100%; align-items: initial; text-align: left;}
.news-box .date{ color: #999; font-size: 14px;}
.news-box h3{ font-size: 3.6rem; margin: 2rem 0; line-height: 6rem;}
.news-box p{ color: #666; font-size: 18px; line-height: 36px; margin-bottom: 1rem;}
.news-box span{ font-size: 18px; color: #666;}
.news-box i{ font-size: 2.6rem; font-weight: bold; margin-left: 8px; color: #bfbfbf; display: inline-block; vertical-align: middle;}
.news-box a:hover,.news-box a:hover i,.news-box a:hover span{ color: #003d78;}
.news-box a:hover img{ transform: scale(1.2); transition: all 0.6s;}

.news-box2{ margin-bottom: 3rem;}
.news-box2 a{ position: relative;}
.news-box2 .icon{ background-color: #efefef; object-fit: cover; overflow: hidden;}
.news-box2 .icon img{ width: 100%; height: 100%;}
.news-box2 .ninfo{ background-color: #fff; text-align: left;}
.news-box2 .nbk{ padding: 2rem;}
.news-box2 .date{ color: #666; font-size: 14px;}
.news-box2 h3{ font-size: 2rem; margin-top: 1rem; text-align: left; padding: 0; font-weight: normal;}
.news-box2 p{ color: #999; font-size: 14px; line-height: 24px; border-top: 1px solid #eee; padding: 1.5rem 2rem;}
.news-box2 span{ color: #666; font-size: 16px;}
.news-box2 i{ font-size: 2.6rem; font-weight: bold; float: right; color: #bfbfbf;}
.news-box2 a:hover{ color: #2f75b5;}
.news-box2 a:hover img{ transform: scale(1.2); transition: all 0.6s;}
.news-box2 a:hover i,.news-box2 a:hover h3{ color: #003d78;}

.m-form{ border-left: 1px solid #eee; padding-left: 10%;}
.m-form .btn{ background-color: #148da3; border-color: #148da3; font-size: 18px; line-height: 40px; border-radius: 0; width: 100%;}
.m-form label{ font-size: 16px; margin-bottom: 1rem; display: block;}
.m-form label i{ color: #f00; margin-right: 5px;}
.m-form .form-control{ border: none; border-bottom:1px solid #eee;box-shadow:none; padding: 0;}
.m-form .msg-btn{ margin-top: 1rem;}
.m-form textarea.form-control{ background-color: #fafafa; border: none; padding: 2rem;}
/*横排分类*/
.tip{ line-height: 36px; color: #565656; font-size: 16px;}

.title-1{ position: relative; line-height: 7rem; text-align: center;}
.title-1 span{ font-size: 6rem; font-weight: bold; color: #0889a2; display: block;}
.title-1 span b{ color: #333;}
.title-1 i{ font-size: 3rem; text-transform: uppercase; line-height: 36px;}

.title-2{ position: relative; line-height: 39px; text-align: center; }
.title-2 span{ display: block; font-size:24px; position: relative; color: #fff; margin-top: -4rem;}
.title-2 i{ font-size: 6rem; text-transform: uppercase; line-height: 6rem; color: #fff;opacity: 0.08; font-weight: bold; font-family: "helve";}

.title-3{line-height: 48px; text-align: center; }
.title-3 span{ display: inline-block; font-size:4.8rem; font-weight: bold; color: #148da3;}
.title-3 span::after{ content: ""; display:block; width: 50px; height: 4px; background-color: #148da3; margin: 2rem auto 0;}

.title-4{ position: relative; line-height: 39px; }
.title-4 span{ display: inline-block; font-size:3.6rem; font-weight: bold; color: #fff;}


.title-5{ position: relative; line-height: 6rem;}
.title-5 span{ font-size: 4.8rem; font-weight: bold;}
.title-5 span::after{ content: ""; display:block; width: 100px; height: 3px; background-color: #148da3; margin: 2rem auto 0;}

.title-6{ position: relative; line-height: 6rem; text-align: center;}
.title-6 span{ font-size: 4.8rem; font-weight: bold; display: block;}
.title-6 i{ font-size: 3.6rem; font-weight: bold; color: #999; text-transform: uppercase; font-family: "helve";}

.spad{ padding: 10rem 0;}

.sect_nk4 p{ font-size: 18px; line-height: 36px; color: #fff;}
.sect_nk4 a.more i{ background-color: #fff; color: #148da3;}
.sect_nk4 a.more{ border-color: #fff;}
.sect_nk4 a.more:hover{ background:none; border-color: #086656;}
.sect_nk4 a.more:hover i{ color: #fff; background-color: #086656;}

.sect_nbk2{ background: url(../img/about/bg_nk2.jpg) no-repeat center bottom #fafafa; padding: 10rem 0;}
.sect_nbk2 .swiper-container{ width: 90%; margin: 0 auto;}
.sect_nbk2 .swiper-button-next, .sect_nbk2 .swiper-button-prev{ background:none; border:0; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.sect_nbk2 .swiper-button-next i, .sect_nbk2 .swiper-button-prev i{ font-size: 4.8rem; color: #525252; text-align: center;}
.sect_nbk2 .swiper-button-next{ right: 0;}
.sect_nbk2 .swiper-button-prev{ left: 0;}

.pro-box{ margin-bottom: 4rem;}
.pro-box a{ background-color: #fff; display: block;}
.pro-box .icon{ width: 100%!important; display: block!important;}
.pro-box .icon img{ width: 100%;}
.pro-box .ntit{ padding: 2rem 3rem;}
.pro-box .ntit span{ display: block; font-size: 2.4rem; padding-bottom: 1rem;}
.pro-box .ntit p{ font-size: 16px; color: #666; border-top: 1px solid #ddd; padding-top: 1rem; height: 57px;}
.pro-box a:hover .ntit{ background-color: #148da3; color: #fff;}
.pro-box a:hover .ntit p{ color: #fff;}

.honor-box .icon{ background-color: #fff; padding: 1rem; box-sizing: border-box;}
.honor-box .ntit{ margin-top: 2rem; text-align: center; color: #fff; font-size: 16px; background-color: #086656; line-height: 7rem; padding: 0 1rem;}
.honor-box .ntit span{ display: block;}

.tabs-tit{ border-bottom: 1px solid #ddd; height: 55px; line-height: 55px;}
.tabs-tit a{ display: inline-block; font-size: 16px; font-weight: bold; margin-right: 4%; position: relative;}
.tabs-tit a::after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #148da3;}
.tabs-tit a.active,.tabs-tit a:hover{ color: #148da3;}
.tabs-tit a.active::after,.tabs-tit a:hover::after{ width: 100%;}

.content{ line-height: 36px; color: #666; font-size: 18px;}
.content p{ margin: 1rem 0; font-size: 18px;}

.hzhb-box .icon{ background-color: #fff; border: 1px solid #eee;}

.sub_cont{ }
.sub_cont .subNav{ background: #fff; font-size: 18px; line-height: 3rem; padding: 2.5rem 3rem; margin-top: 1rem; position: relative;}
.sub_cont .subNav:after{ content: "\eaf3"; float: right;font-family: "iconfont" !important; color: #fff; font-size: 14px; position: absolute; right: 2rem; top: 0; width: 30px; height: 30px; line-height: 30px; background-color: #2f75b5; border-radius: 30px; text-align: center; bottom: 0; margin: auto 0;}
.sub_cont .subNav.open{ margin-bottom: 0; background-color: #434343; color: #fff;}
.sub_cont .subNav.open:after{ content: '\e870'; background-color: #fff; color: #2f75b5;}
.navContent{ display: none; background: #fff; margin: 0; padding: 3rem 4rem;}
.navContent p{ margin: 0; color: #666; font-size: 16px; line-height: 30px;}
.navContent span{ font-weight: bold; font-size: 18px;}
.navContent .subtit{}
.navContent .subtit span{ font-weight: bold; color: #2f75b5; font-size: 3rem;}

.isub a{ color: #fff; font-size: 3rem; line-height: 48px; display: inline-block; margin-right: 4%;}
.isub a::after{ content: ""; display: block; width: 0; height: 2px; background-color: #fff;}
.isub a:hover::after,.isub a.active::after{ width: 100%;}
.nmt{ position: relative; z-index: 2; margin-top: -400px;}
.article{ line-height: 36px; background-color: #fff; padding: 6rem 6%;}
.news-tit{ font-size: 3.6rem; font-weight: normal; line-height: 6rem; text-align: center;}
.tool{ color: #999; border-bottom: 1px solid #ddd; margin-top: 4rem; line-height: 48px; padding-bottom: 1rem; text-align: center;}
.tool span{ display: inline-block; font-size: 18px; margin: 0 1rem;}
.tool .bshare-custom{ text-align: right;}
.tool .bshare-custom.icon-medium-plus a{ background: none!important; padding-left: 0!important;}
.tool .bshare-custom.icon-medium-plus a i{ color: #d5d5d5; font-size: 26px;}
.tool a{ display: inline-block; margin-left: 2%;}

.bshare-custom{ padding: 2rem 0;}
.article .content,.article .content p{ line-height: 36px; color: #666; font-size: 18px;}
.keys{ border-bottom: 1px solid #dedede; padding-bottom: 2rem; line-height: 36px;}
.keys span{ color: #999; font-size: 2.4rem;}
.keys a{ color: #999; display: inline-block; background-color: #fafafa; border-radius: 36px; padding: 0 20px; margin: 0 1rem 5px;}
.keys a:hover{ background-color: #1467ad; color: #fff;}

.ny-page{ line-height: 36px; padding: 2rem 0 0; font-size: 16px; border-top: 1px solid #ddd;}
.ny-page a{ font-weight: bold;}
a.afh{ width: 100%; height: 55px;  text-align: center; color: #fff; background-color: #148da3; font-size: 16px; display: inline-block; line-height: 55px; box-sizing: border-box; font-weight: normal;}
a.afh i{ display: block; font-weight: bold; font-size: 24px;}

.prod-info{}
.prod-info h3{ font-size: 3.6rem; color: #003f7e; margin-bottom: 2rem;}
.prod-info p{ color: #666; line-height: 36px; font-size: 18px;}

.pthumb{ text-align: center;}

.sect_k3{ background-color: #f8f8f8; padding: 8rem 0;}
.sect_k3 .swiper-container{ width: 89%; margin: 0 auto;}
.sect_k3 .swiper-button-next, .sect_k3 .swiper-button-prev{ background: #dcdcdc; border-radius: 57px; border:0; width: 57px; height: 57px; text-align: center; line-height: 57px;}
.sect_k3 .swiper-button-next i, .sect_k3 .swiper-button-prev i{ font-size: 3.6rem; color: #999; font-weight: bold;}
.sect_k3 .swiper-button-next{ right: 0;}
.sect_k3 .swiper-button-prev{ left: 0;}

.sect_nbk4{ background: url(../img/about/bg_nk7.jpg) no-repeat center bottom #fff; padding: 8rem 0;}
.sect_nbk4 .tab-bk{ background-color: #fff; box-shadow: #eee 0 0 10px;width: 80%; box-sizing: border-box; padding: 5rem; margin: 1rem auto;}
.sect_nbk4 .tab-bk .btit{ border-right: 2px solid #ddd; min-height: 250px;}
.sect_nbk4 .tab-bk .btit span{ font-weight: bold; font-family: "helve"; font-size: 4.8rem; color: #086656;}
.sect_nbk4 .tab-bk .btit p{ font-size: 3rem;}
.sect_nbk4 .tab-bk .tab-info{ color: #666; font-size: 18px; line-height: 36px; padding-left: 6%;}
.sect_nbk4 .swiper-button-next,.sect_nbk4 .swiper-button-prev{ background: #fff; width: 7rem; height: 7rem; line-height: 7rem; text-align: center; border-radius: 7rem; box-shadow: #eee 0 0 10px;}
.sect_nbk4 .swiper-button-next{ right: 0;}
.sect_nbk4 .swiper-button-prev{ left: 0;}
.sect_nbk4 .swiper-button-next i,.sect_nbk4 .swiper-button-prev i{ font-size: 6rem; color: #ababaa; display: block; text-align: center;}
.sect_nbk4 .nav-tabs{}
.sect_nbk4 .nav-tabs .tab-tit{ text-align: center; color: #999; line-height: 4rem;}
.sect_nbk4 .nav-tabs .tab-tit span{ display: block; font-size: 20px; font-weight: bold;}
.sect_nbk4 .nav-tabs .tab-tit i{ font-size: 4rem;}
.sect_nbk4 .nav-tabs .swiper-slide-thumb-active .tab-tit{ color: #086656;}
.sect_nbk4 .nav-tabs .swiper-slide-thumb-active .tab-tit span{ font-size: 3rem;}
.sect_line{ background: url(../img/about/line.png) no-repeat center center;}

.sect_nbk5{ background-color: #f4f7fa; position: relative; overflow: hidden;}
.sect_nbk5::after{ content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 45%; background: url(../img/about/bg_nk8.jpg) no-repeat center center; background-size: cover;}
.sect_nbk5 .brow{ width: 45%; box-sizing: border-box; padding: 10rem 0;}
.sect_nbk5 .binfo{ color: #666; font-size: 18px; line-height: 36px;}
.sect_nbk5 .binfo p{ margin: 1rem 0;}

.sect_ny1{ background: url(../img/nbg_k1.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;}
.sect_ny1 .binfo{ color: #666; line-height: 40px; font-size: 20px;}
.sect_ny1 .bkeys span{ display: inline-block; color: #fff; font-size: 16px; background-color: #0889a2; border-radius: 4px; padding: 0 2rem; line-height: 47px; margin: 0 1rem 1rem; border: 1px solid #126583; font-weight: bold;}

.pcontent{ font-size: 18px; color: #666; line-height: 36px;}

.sect_pys{}
.sect_pys .brow{ position: relative; overflow: hidden;}
.sect_pys .brow .ntit{ position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 6rem;}
.sect_pys .brow span{ display: block; color: #fff; font-size: 3.6rem; font-weight: bold;}
.sect_pys .brow i{ color: #fff; font-size: 5rem;}
.sect_pys .brow img{ transition: all 0.6s;}
.sect_pys .brow:hover img{ transform: scale(1.3); transition: all 0.9s;}

.sect_ny2{ background: url(../img/nbg_k2.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;}
.sect_ny2 .brow{ background-color: #fff; text-align: center; padding: 0 2rem; margin-bottom: 2rem; height: 450px; box-sizing: border-box;}
.sect_ny2 .brow i{ display: block; font-size: 7rem; color: #148da3; line-height: 9rem;}
.sect_ny2 .brow b{ display: block; font-weight: bold; font-size: 3rem; color: #999; font-family: "helve";}
.sect_ny2 .brow span{ display: block; margin: 2rem 0; font-size: 3rem; border: 1px solid #ddd; line-height: 6rem; width: 80%;}
.sect_ny2 .brow p{ font-size: 18px; line-height: 40px; color: #666; height: 0; overflow: hidden; transition: all 0.6s;}
.sect_ny2 .brow:hover{ background-color: #148da3; color: #fff;}
.sect_ny2 .brow:hover i,.sect_ny2 .brow:hover b,.sect_ny2 .brow:hover p{ color: #fff;}
.sect_ny2 .brow:hover p{ height: 165px; opacity: 1; transition: all 0.6s;}

.news-swiper{ width: 100%;height: 100%; overflow: hidden;}
.news-swiper .swiper-slide {}
.news-swiper .swiper-pagination{ right: 0; text-align: right; bottom: 10px;}
.news-swiper .swiper-pagination-bullet-active{ background-color: #148da3;}

.sect_about{ background: url(../img/about/bg_nk3.jpg) no-repeat 0 bottom; padding: 8rem 0 12rem; position: relative;}
.sect_about::after{ content: ""; display: block; position: absolute; right: 0; top: 0; width: 45%; height: 100%; background: url(../img/about/bg_nk4.jpg) no-repeat center center; background-size: cover;}

.about-box{}
.about-box .btit{ font-size: 4.8rem; line-height: 6rem; font-weight: bold; }
.about-box .btit span{display: block; font-size: 3.6rem;}
.about-box .any{ font-size: 18px; line-height: 36px; color: #666;}

.about-bk{ position: absolute; z-index: 3; background: rgba(255,255,255,0.9); padding: 5rem 6rem 12rem; margin-left: 5%; bottom: -12rem;}
.about-bk .btit{ color: #148da3; font-size: 18px; margin-bottom: 3rem;}
.about-bk .btit span{ display: inline-block; font-weight: bold; font-size: 3.6rem;}
.about-bk .btit span::after{ content: ""; display: block; width: 40px; height: 2px; background-color: #148da3;}
.about-bk p{ font-size: 18px; line-height: 36px;}

.sect_nbk1{ background: url(../img/about/bg_nk1.jpg) no-repeat center center; background-size: cover; padding: 10rem 0;}
.sect_nbk1 .title-6,.sect_nbk1 .title-6 i{ color: #fff;}
.sect_nbk1 .brow{ text-align: center; color: #fff;}
.sect_nbk1 .brow i{ display: block;}
.sect_nbk1 .brow span{ display: inline-block; font-size: 24px; font-weight: bold;}
.sect_nbk1 .brow em{ display: block; font-style: normal; font-size: 18px; color: #bbcfd6; text-transform: uppercase; position: relative;}
.sect_nbk1 .brow em::after{ content: ""; width: 100%; height: 1px; margin: 2rem auto; background-color: #fff; display: block; opacity: 0.27;}
.sect_nbk1 .brow em::before{ content: "▲"; color: #fff; display: block; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; opacity:0; line-height: 12px;}
.sect_nbk1 .brow p{ line-height: 4.8rem; font-size: 24px;}
.sect_nbk1 .brow:hover em::after,.sect_nbk1 .brow:hover em::before{ opacity: 1;}

.sect_nbk3{ background: url(../img/about/bg_nk5.jpg) no-repeat center center; background-size: cover;}
.sect_nbk3 .wrap2{ padding-top: 10rem; padding-bottom: 10rem; background-color: rgba(255,255,255,0.86);}

.cont-tit span{ font-weight: bold; color: #148da3; font-size: 3.6rem;}
.cont-tit p{ font-size: 2.4rem;}

.cont-box i{ color: #666; font-size: 16px;}
.cont-box span{ font-size: 3.6rem; display: block;}
.cont-bk .btel{ font-size: 18px; line-height: 36px;}

/*新闻详情样式2*/
.bshare-custom{ padding: 0;}


a.amore{ display: block; border: 1px solid #b80924; color: #b80924; line-height: 40px; text-align: center;}
a.amore:hover{ background: #b80924; color: #fff;}

.msg-bk{ background: url(../img/bg_ly.jpg) no-repeat center center; background-size: cover; padding: 6rem 0;}

.ys-msg input{ background: #247f92; border: 1px solid #66a7b5; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 15px; width: 100%; display: block; border-radius: 5px; font-size: 16px; margin-bottom: 1.5rem; color: #fff;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}
.ys-msg textarea{ background: #247f92; border: 1px solid #66a7b5; line-height: 32px; box-sizing: border-box; padding: 0 15px; width: 100%; display: block; border-radius: 5px; font-size: 16px; color: #fff;}
.ys-msg button{ display: block; width: 100%; background-color: #fff; border: 0; border-radius: 5px; color: #1e879e; font-weight: bold; text-align: center; height:95px; font-size: 2.4rem; line-height: 36px;}

.ys-msg input::-moz-placeholder{color: #fff; opacity: 0.8;}
.ys-msg input:-ms-input-placeholder{color: #fff;opacity: 0.8;}
.ys-msg input::-webkit-input-placeholder{color: #fff;opacity: 0.8;}
.ys-msg textarea::-moz-placeholder{color: #fff; opacity: 0.8;}
.ys-msg textarea:-ms-input-placeholder{color: #fff;opacity: 0.8;}
.ys-msg textarea::-webkit-input-placeholder{color: #fff;opacity: 0.8;}