@charset "utf-8";

.container { max-width: 1230px; margin: 0 auto; padding: 0 15px; }

@media (min-width: 768px) and (max-width: 991px) {

.container { width: 750px; }

}

@media (min-width: 992px) and (max-width: 1200px) {

.container { width: 970px; }

}

@media (max-width: 767px) {

.container { width: 100%; }

}

.phone-nav { position: absolute; right: 20px; top: 50%; margin-top: -16px; width: 32px; height: 32px; z-index: 90; background: url('../images/menu.png') no-repeat; background-size: 100%; }

@media (min-width: 992px) {

.phone-nav { display: none; }

}

@media (max-width: 767px) {

.phone-nav { width: 28px; right: 10px; margin-top: -14px; height: 28px; }

}

@media (max-width: 375px) {

.phone-nav { width: 24px; margin-top: -12px; height: 24px; }

}

.mm-opened { z-index: 999999999; }

header { position: relative; z-index: 99; }

header .top { background: #f4f4f4; height: 35px; border-bottom: 1px solid #eaedf0; }

@media (max-width: 1200px) {

header .top { height: 38px; border-bottom: 1px solid #eaedf0; }

}

header .wecome { float: left; color: #999999; font-size: 12px; line-height: 35px; overflow: hidden; height: 38px; max-width: 82%; }

@media (max-width: 1200px) {

header .wecome { line-height: 32px; }

}

@media (max-width: 376px) {

header .wecome { font-size: 10px; }

}

header .en { float: right; color: #999999; height: 35px; line-height: 35px; position: relative; z-index: 1; margin: 0 0 0 15px; padding: 0 0 0 27px; font-size: 12px; }

@media (max-width: 1200px) {

header .en { line-height: 32px; height: 32px; }

}

/*@media (max-width: 767px) {*/

  /*header .en {*/

    /*display: none;*/

  /*}*/

/*}*/

header .en:hover a { color: #01a0eb; }

header .en i { font-style: inherit; width: 22px; height: 14px; position: absolute; left: 0; top: 10px; }

@media (max-width: 1200px) {

header .en i { top: 9px; }

}

header .en a { color: #999999; }

header .top-list { float: right; height: 35px; margin: 0 0 0 30px; line-height: 35px; }

@media (max-width: 1200px) {

header .top-list { line-height: 32px; height: 32px; }

}

@media (max-width: 991px) {

header .top-list { display: none; }

}

header .top-list a { display: block; float: left; color: #999999; font-size: 12px; padding: 0 15px; position: relative; z-index: 1; }

header .top-list a:hover { color: #01a0eb; }

header .top-list a:last-child:after { display: none; }

header .top-list a:after { content: ""; position: absolute; right: 0; top: 10px; width: 1px; height: 13px; background: #999999; }

header .header { position: relative; padding: 30px 0 27px; }

@media (max-width: 991px) {

header .header { padding: 16px 0 15px; }

}

@media (max-width: 767px) {

header .header { padding: 11px 0 10px; }

}

header .header .logo { max-width: 402px; float: left; overflow: hidden; }

@media (max-width: 1345px) {

header .header .logo { max-width: 320px; }

}

@media (max-width: 1025px) {

header .header .logo { max-width: 300px; }

}

@media (max-width: 991px) {

header .header .logo { max-width: 260px; }

}

@media (max-width: 767px) {

header .header .logo { max-width: 150px; }

}

@media (max-width: 360px) {

header .header .logo { max-width: 120px; }

}

header .header .logo img { max-width: 100%; }

header .header .txt { float: left; margin: 5px 0 0 18px; padding: 0 0 0 15px; position: relative; max-width: 360px; }

@media (max-width: 991px) {

header .header .txt { margin: 0 0 0 12px; padding: 0 0 0 12px; }

}

@media (max-width: 767px) {

header .header .txt { margin: 0 0 0 10px; padding: 0 0 0 10px; }

}

@media (max-width: 410px) {

header .header .txt { max-width: 140px; }

}

@media (max-width: 321px) {

header .header .txt { margin: 0 0 0 5px; padding: 0 0 0 5px; }

}

header .header .txt:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #dadada; }

header .header .txt em { font-style: inherit; color: #777777; font-size: 17px; line-height: 24px; height: 24px; margin: 0 0 5px; overflow: hidden; display: block; }

@media (max-width: 991px) {

header .header .txt em { font-size: 14px; line-height: 20px; height: 20px; }

}

@media (max-width: 767px) {

header .header .txt em { font-size: 10px; line-height: 14px; margin: 0 0 2px; height: 14px; }

}

@media (max-width: 321px) {

header .header .txt em { font-size: 8px; line-height: 12px; margin: 0; height: 12px; }

}

header .header .ewm { float: right; z-index: 1; /*margin: 10px 0 0;*/

padding: 0 0 0 75px; position: relative; }

@media (max-width: 991px) {

header .header .ewm { display: none; }

}

header .header .ewm span { position: absolute; left: 0; top: 0; z-index: 5; display: block; float: left; width: 70px; height: 70px; }

header .header .ewm p { color: #01a0eb; font-size: 14px; height: 36px; overflow: hidden; margin: 5px 0 0; line-height: 18px; max-width: 60px; }

header .header .tel { float: right; z-index: 1; margin: 10px 0 0; padding: 0 30px 0 60px; position: relative; }

@media (max-width: 1345px) {

header .header .tel { padding: 0 20px 0 60px; }

}

@media (max-width: 991px) {

header .header .tel { display: none; }

}

header .header .tel i { position: absolute; left: 0; top: 0; z-index: 5; display: block; float: left; width: 47px; height: 47px; }

header .header .tel em { font-style: inherit; /*max-width: 170px;*/

display: inline-block; }

header .header .tel span { color: #252424; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; display: inline-block; }

header .header .tel p { color: #01a0eb; font-size: 26px; font-weight: bold; height: 30px; font-family: arial; overflow: hidden; line-height: 30px; }

header .header .tel p a { color: #01a0eb; }

header .header .tel p a:hover { text-decoration: underline; }

.nav { background: #01a0eb; height: 45px; padding: 5px 0 0; }

@media (max-width: 991px) {

.nav { display: none; }

}

.nav ul { list-style: none; margin: 0 auto; }

.nav ul li { float: left; width: 11.1%; padding: 0 20px; z-index: 90; position: relative; }

@media (max-width: 1345px) {

.nav ul li { padding: 0 10px; }

}

.nav ul li:hover div { display: block; }

.nav ul li:hover > a { background: #fec732; border-radius: 6px 6px 0 0; }

.nav ul li > a { display: block; height: 40px; line-height: 40px; color: #fff; text-align: center; padding: 0 10px; font-size: 16px; overflow: hidden; }

.nav ul li div { position: absolute; left: 0; top: 40px; width: 100%; display: none; padding: 5px 6px 10px; background: url("../images/mask-1.png"); }

.nav ul li div > a { display: block; color: #fff; font-size: 13px; line-height: 20px; padding: 3px 0 2px; margin: 5px 0 0; text-align: center; }

.nav ul li div > a:hover { background: #01a0eb; color: #fff; }

.nav ul .active > a { background: #fec732; border-radius: 6px 6px 0 0; }

/*banner*/

#bannerz { width: 100%; overflow: hidden; }

/*banner*/

.banner-pc { width: 100%; overflow: hidden; position: relative; z-index: 1; }

/*@media (max-width: 991px) {*/

  /*.banner-pc {*/

    /*display: none;*/

  /*}*/

/*}*/

.banner-pc .bannerpc-prev { position: absolute; left: 110px; top: 50%; width: 35px; height: 64px; background: url("../images/banner-left.png") no-repeat center; z-index: 50; margin-top: -32px; }

.banner-pc .bannerpc-next { position: absolute; right: 110px; top: 50%; width: 35px; height: 64px; background: url("../images/banner-right.png") no-repeat center; z-index: 50; margin-top: -32px; }

.banner-pc ul { position: relative; width: 99999px; }

.banner-pc ul li { float: left; position: relative; display: block; z-index: 5; }

.banner-pc ul li img { position: initial; display: block; margin: 0 auto; }

.banner-pc ul li:after { content: ""; display: block; padding-bottom: 26.3%; /*解决ie9 banner不显示问题不可删除*/ padding-bottom: initial; }

@media(max-width:991px) {

.banner-pc .bannerpc-prev,  .banner-pc .bannerpc-next { width: 24px; height: 64px; background-size: 18px auto; }

.banner-pc .bannerpc-prev { left: 10px; }

.banner-pc .bannerpc-next { right: 10px; }

}

.banner-phone { width: 100%; overflow: hidden; position: relative; z-index: 1; }

@media (min-width: 992px) {

.banner-phone { display: none; }

}

.banner-phone .slick-prev, .banner-phone .slick-next { width: 24px; height: 64px; margin-top: -32px; border: none; }

.banner-phone .slick-prev { left: 10px; background: url("../images/banner-left.png") no-repeat center; background-size: 18px auto; }

.banner-phone .slick-next { right: 10px; background: url("../images/banner-right.png") no-repeat center; background-size: 18px auto; }

.banner-phone span { width: 100%; position: relative; display: block; z-index: 5; }

.banner-phone span:after { content: ""; display: block; padding-bottom: 42.5%; }

.home-1 { background: #00a0ea; }

.home-1 .home-title { list-style: none; }

.home-1 .home-title .home-nr { float: left; width: 20%; padding: 15px 30px 5px; min-height: 190px; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; position: relative; box-shadow: 15px 0 30px rgba(0, 0, 0, 0.1) inset; }

@media (max-width: 1025px) {

.home-1 .home-title .home-nr { padding: 15px 22px 5px; }

}

.home-1 .home-title .home-nr:hover .txt { height: 50px; overflow: hidden; position: relative; z-index: 1; text-align: center; }

.home-1 .home-title .home-nr:hover .pic { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }

.home-1 .home-title .home-nr:hover big { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; height: 40px; line-height: 40px; max-width: 60%; }

.home-1 .home-title .home-nr:hover p { height: 100px; }

.home-1 .home-title .home-nr:first-child:before { display: none; }

.home-1 .home-title .txt { width: 100%; position: relative; z-index: 50; display: inline-block; margin: 0 auto; background: url("../images/home-line.png") repeat-x bottom center; }

@media (max-width: 1025px) {

.home-1 .home-title .txt { height: 50px; overflow: hidden; position: relative; z-index: 1; text-align: center; }

}

.home-1 .home-title .txt .pic { margin: 0 auto; width: 64px; height: 64px; position: relative; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; }

@media (max-width: 1345px) {

.home-1 .home-title .txt .pic { width: 54px; height: 54px; }

}

@media (max-width: 1025px) {

.home-1 .home-title .txt .pic { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }

}

@media (max-width: 376px) {

.home-1 .home-title .txt .pic { width: 30px; height: 30px; display: inline-block; vertical-align: middle; }

}

.home-1 .home-title .txt big { display: block; margin: 8px 0 5px; height: 24px; color: #fff; font-size: 19px; line-height: 24px; overflow: hidden; text-align: center; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; }

@media (max-width: 1025px) {

.home-1 .home-title .txt big { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; height: 40px; line-height: 40px; max-width: 60%; }

}

@media (max-width: 767px) {

.home-1 .home-title .txt big { font-size: 13px; }

}

@media (max-width: 545px) {

.home-1 .home-title .txt big { max-width: 55%; }

}

.home-1 .home-title p { position: relative; z-index: 50; color: #fff; font-size: 13px; line-height: 25px; height: 50px; margin: 8px 0 0; padding: 0 5px; text-align: center; overflow: hidden; }

@media (max-width: 1025px) {

.home-1 .home-title p { height: 100px; }

}

.home-1 .home-title .active .txt { height: 50px; overflow: hidden; position: relative; z-index: 1; text-align: center; }

.home-1 .home-title .active .pic { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }

.home-1 .home-title .active big { display: inline-block; vertical-align: middle; margin: 0 0 0 8px; height: 40px; line-height: 40px; }

.home-1 .home-title .active p { height: 100px; }

.home-2 { border-bottom: 1px solid #01a0eb; padding: 20px 0; margin: 0 auto; }

@media (max-width: 767px) {

.home-2 { padding: 10px 0 20px; }

}

.home-2 .home-news { float: left; width: 53%; height: 46px; overflow: hidden; padding: 0 0 0 82px; position: relative; }

@media (max-width: 1025px) {

.home-2 .home-news { height: 40px; }

}

@media (max-width: 991px) {

.home-2 .home-news { width: 100%; clear: both; margin: 0 auto 10px; }

}

@media (max-width: 767px) {

.home-2 .home-news { padding: 0 0 0 60px; margin: 0 auto 5px; }

}

.home-2 .home-news span { position: absolute; left: 0; top: 0; width: 75px; height: 46px; line-height: 46px; color: #2e2e2e; font-size: 14px; overflow: hidden; }

@media (max-width: 1025px) {

.home-2 .home-news span { height: 40px; line-height: 40px; }

}

@media (max-width: 767px) {

.home-2 .home-news span { font-size: 10px; }

}

.home-2 .home-news ul { height: 46px; list-style: none; overflow: hidden; }

@media (max-width: 1025px) {

.home-2 .home-news ul { height: 40px; }

}

.home-2 .home-news ul li { height: 46px; line-height: 46px; overflow: hidden; }

@media (max-width: 1025px) {

.home-2 .home-news ul li { height: 40px; line-height: 40px; }

}

.home-2 .home-news ul li a { color: #b3b3b3; font-size: 14px; display: block; }

@media (max-width: 767px) {

.home-2 .home-news ul li a { font-size: 10px; }

}

.home-2 .search { float: right; height: 46px; width: 41.5%; position: relative; z-index: 25; background: #efefef; padding: 0 0 0 130px; }

@media (max-width: 1345px) {

.home-2 .search { padding: 0 0 0 105px; }

}

@media (max-width: 1025px) {

.home-2 .search { height: 40px; padding: 0 0 0 100px; }

}

@media (max-width: 991px) {

.home-2 .search { width: 60%; height: 42px; float: none; clear: both; padding: 1px 5px 0 100px; margin: 10px auto 0; }

}

@media (max-width: 767px) {

.home-2 .search { width: 96%; }

}

@media (max-width: 376px) {

.home-2 .search { width: 100%; padding: 1px 0 0 90px; }

}

@media (max-width: 321px) {

.home-2 .search { padding: 1px 0 0 70px; }

}

.home-2 .search .web { position: absolute; left: 0; top: 0; height: 46px; width: 100px; }

@media (max-width: 1025px) {

.home-2 .search .web { height: 40px; width: 90px; }

}

@media (max-width: 376px) {

.home-2 .search .web { width: 80px; }

}

@media (max-width: 321px) {

.home-2 .search .web { width: 60px; }

}

.home-2 .search .web:after { content: ""; position: absolute; right: -7px; top: 0; width: 0; height: 0; border-top: 9px solid transparent; border-left: 7px solid #1b1f7a; }

.home-2 .search .web span { display: block; height: 46px; width: 100px; line-height: 46px; text-align: center; overflow: hidden; color: #fff; font-size: 16px; background: #01a0eb; }

@media (max-width: 1025px) {

.home-2 .search .web span { height: 40px; font-size: 14px; width: 90px; line-height: 40px; }

}

@media (max-width: 376px) {

.home-2 .search .web span { width: 80px; font-size: 12px; }

}

@media (max-width: 321px) {

.home-2 .search .web span { width: 60px; font-size: 10px; }

}

.home-2 .search .search-main { border: 1px solid #d3d3d3; height: 30px; position: relative; z-index: 50; /*padding: 0 0 0 75px;*/

margin: 8px 18px 0; }

@media (max-width: 1025px) {

.home-2 .search .search-main { margin: 5px 7px 0; }

}

@media (max-width: 321px) {

/*.home-2 .search .search-main {*/

    /*padding: 0 0 0 65px;*/

  /*}*/

}

.home-2 .search .search-main .search-left { position: absolute; left: 0; top: 0; width: 75px; cursor: pointer; }

@media (max-width: 321px) {

.home-2 .search .search-main .search-left { width: 65px; }

}

.home-2 .search .search-main .search-left .search-click { position: relative; z-index: 1; }

.home-2 .search .search-main .search-left i { font-style: inherit; right: 8px; top: 0; width: 8px; height: 28px; display: block; position: absolute; z-index: 10; }

.home-2 .search .search-main .search-left .i-1 { animation: rotatete 0.3s linear forwards; }

.home-2 .search .search-main .search-left .i-2 { animation: rotatete2 0.3s linear forwards; }

@keyframes rotatete {  from {

 transform: rotate(0deg);

}

to { transform: rotate(180deg); }

}

@keyframes rotatete {  from {

 transform: rotate(0deg);

}

to { transform: rotate(180deg); }

}

@-moz-keyframes rotatete2 {  from {

 transform: rotate(180deg);

}

to { transform: rotate(0deg); }

}

@keyframes rotatete2 {  from {

 transform: rotate(180deg);

}

to { transform: rotate(0deg); }

}

.home-2 .search .search-main .search-left p { color: #000000; font-size: 13px; height: 28px; line-height: 30px; overflow: hidden; padding: 0 15px; position: relative; z-index: 5; }

.home-2 .search .search-main .search-left ul { list-style: none; width: 100%; position: absolute; left: 0; z-index: 99; top: 28px; display: none; border: 1px solid #d3d3d3; border-bottom: none; background: #EFEFEF; }

.home-2 .search .search-main .search-left ul li { width: 100%; height: 28px; overflow: hidden; padding: 0 5px 0 15px; line-height: 28px; border-bottom: 1px solid #d3d3d3; color: #000000; }

.home-2 .search .search-main .search-left ul li:hover { background: #01a0eb; color: #fff; }

.home-2 .search .search-main input { height: 28px; background: #fff; border: none; position: relative; z-index: 50; width: 100%; padding: 0 65px 0 13px; font-family: "microsoft yahei"; font-size: 12px; color: #666; }

@media (max-width: 376px) {

.home-2 .search .search-main input { padding: 0 45px 0 10px; }

}

.home-2 .search .search-main .search-btn { position: absolute; right: 0; top: 0; display: block; width: 50px; line-height: 28px; height: 28px; text-align: center; color: #fff; z-index: 80; background: #01a0eb; font-size: 14px; }

@media (max-width: 376px) {

.home-2 .search .search-main .search-btn { font-size: 12px; width: 40px; }

}

.home-products { overflow: hidden; margin: 50px auto; }

@media (max-width: 1025px) {

.home-products { margin: 40px auto; }

}

@media (max-width: 991px) {

.home-products { margin: 30px auto; }

}

@media (max-width: 767px) {

.home-products { margin: 20px auto; }

}

.home-products .left-nav { float: left; width: 19.2%; border: 3px solid #01a0eb; }

@media (max-width: 991px) {

.home-products .left-nav { display: none; }

}

.home-products .left-nav .title { background: #01a0eb; height: 74px; overflow: hidden; padding: 0 5px 0 15px; }

@media (max-width: 1345px) {

.home-products .left-nav .title { padding: 0 5px 0 10px; height: 64px; }

}

.home-products .left-nav .title big { display: block; float: left; color: #fff; height: 74px; line-height: 74px; font-size: 28px; font-weight: bold; }

@media (max-width: 1345px) {

.home-products .left-nav .title big { font-size: 18px; height: 64px; line-height: 64px; }

}

.home-products .left-nav .title small { display: block; float: left; color: #f3fbff; height: 74px; line-height: 84px; font-size: 15px; position: relative; z-index: 1; margin: 0 0 0 5px; padding: 0 0 0 8px; }

@media (max-width: 1345px) {

.home-products .left-nav .title small { font-size: 14px; height: 64px; line-height: 72px; }

}

.home-products .left-nav .title small:before { content: "/"; position: absolute; left: 0; z-index: 10; bottom: 0; width: 15px; color: #f3fbff; font-size: 16px; height: 74px; }

@media (max-width: 1345px) {

.home-products .left-nav .title small:before { height: 64px; }

}

.home-products .left-nav ul { list-style: none; padding: 12px 12px 45px; }

@media (max-width: 1345px) {

.home-products .left-nav ul { padding: 8px 10px 35px; }

}

.home-products .left-nav ul li { margin: 11px 0 0; }

@media (max-width: 1200px) {

.home-products .left-nav ul li { margin: 8px 0 0; }

}

.home-products .left-nav ul li > a { background: #01a0eb; color: #fff; display: block; line-height: 20px; border-radius: 5px; padding: 9px 10px; font-size: 14px; font-weight: bold; }

@media (max-width: 1345px) {

.home-products .left-nav ul li > a { padding: 8px 10px; }

}

@media (max-width: 1200px) {

.home-products .left-nav ul li > a { padding: 6px 10px; font-size: 13px; }

}

.home-products .left-nav ul li div { padding: 7px 0 18px; margin: 0 auto 23px; border-bottom: 1px solid #dcdcdc; }

@media (max-width: 1345px) {

.home-products .left-nav ul li div { margin: 0 auto 15px; padding: 7px 0 12px; }

}

.home-products .left-nav ul li div > a { display: block; font-size: 13px; line-height: 20px; color: #6d6d6d; padding: 10px 0 0 30px; position: relative; z-index: 1; }

@media (max-width: 1200px) {

.home-products .left-nav ul li div > a { padding: 6px 0 0 30px; }

}

.home-products .left-nav ul li div > a:hover { color: #01a0eb; font-weight: bold; }

.home-products .left-nav ul li div > a:hover:before { background: url("../images/ico-01.png") no-repeat center; }

.home-products .left-nav ul li div > a:before { content: ""; position: absolute; left: 13px; top: 17px; width: 7px; height: 5px; background: url("../images/ico.png") no-repeat center; }

@media (max-width: 1200px) {

.home-products .left-nav ul li div > a:before { top: 13px; }

}

.home-products .left-nav ul li div .on { color: #01a0eb; font-weight: bold; }

.home-products .left-nav ul li div .on:before { background: url("../images/ico-01.png") no-repeat center; }

.home-products .right { float: right; width: 80.8%; padding: 0 0 0 40px; }

@media (max-width: 1025px) {

.home-products .right { padding: 0 0 0 30px; }

}

@media (max-width: 991px) {

.home-products .right { display: block; width: 100%; padding: 0; margin: 0 auto; }

}

.home-products .right .title { position: relative; z-index: 1; color: #01a0eb; font-size: 24px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 80px 0 0; overflow: hidden; }

@media (max-width: 321px) {

.home-products .right .title { font-size: 20px; }

}

.home-products .right .title .more { position: absolute; right: 0; height: 40px; line-height: 40px; top: 0; width: 70px; text-align: right; overflow: hidden; color: #020202; font-weight: 100; font-size: 12px; }

.home-products .right .title .more:hover { color: #01a0eb; }

.home-products .right .main { margin: 5px -22px 0; list-style: none; }

@media (max-width: 1345px) {

.home-products .right .main { margin: 5px -18px 0; }

}

@media (max-width: 1025px) {

.home-products .right .main { margin: 5px -13px 0; }

}

@media (max-width: 991px) {

.home-products .right .main { margin: 8px -10px 0; }

}

@media (max-width: 767px) {

.home-products .right .main { margin: 5px -6px 0; }

}

.home-products .right .main li { float: left; overflow: hidden; width: 33.33333333%; padding: 20px 22px; }

@media (max-width: 1345px) {

.home-products .right .main li { padding: 20px 18px; }

}

@media (max-width: 1025px) {

.home-products .right .main li { padding: 15px 13px; }

}

@media (max-width: 991px) {

.home-products .right .main li { padding: 10px; }

}

@media (max-width: 767px) {

.home-products .right .main li { padding: 6px; }

}

@media (max-width: 376px) {

.home-products .right .main li { width: 50%; }

}

.home-products .right .main li a { display: block; position: relative; z-index: 2; }

.home-products .right .main li a:hover .mask { opacity: 1; }

@media(max-width:767px) {

.home-products .right .main li a:hover .mask { opacity: 0; }

}

.home-products .right .main li a:hover .mask button { transform: translateY(0%); -webkit-transform: translateY(0%); }

.home-products .right .main li a:hover .mask em { transform: translateY(0%); -webkit-transform: translateY(0%); }

.home-products .right .main li .pic { width: 100%; position: relative; z-index: 5; }

.home-products .right .main li .titlea{ height:30px; line-height:30px; text-align:center;}

.home-products .right .main li .pic:after { content: ""; display: block; padding-bottom: 126.5%; }

.home-products .right .main li .mask { position: absolute; left: 0; top: 0; z-index: 25; width: 100%; height: 100%; opacity: 0; transition: all 0.38s ease-in-out; -webkit-transition: all 0.38s ease-in-out; -o-transition: all 0.38s ease-in-out; -moz-transition: all 0.38s ease-in-out;}

.home-products .right .main li .mask em { display: block; font-style: inherit; margin: 35% auto 0; padding: 20px 10px; overflow: hidden; text-align: center; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transform: translateY(-500%); -webkit-transform: translateY(-500%); }

.home-products .right .main li .mask em:before { content: ""; position: absolute; left: 50%; top: 0; width: 2px; height: 10px; background: #fff; }

.home-products .right .main li .mask em:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: 10px; background: #fff; }

.home-products .right .main li .mask em big { display: block; max-height: 56px; line-height: 28px; text-align: center; overflow: hidden; color: #fff; font-size: 18px; }

.home-products .right .main li .mask em small { display: block; height: 24px; line-height: 24px; text-align: center; overflow: hidden; color: #fff; font-size: 12px; }

.home-products .right .main li .mask button { border: 1px solid #fff; background: none; cursor: pointer; text-align: center; padding: 0 25px; height: 32px; line-height: 28px; overflow: hidden; margin: 23px auto 0; color: #fff; font-size: 14px; font-family: "microsoft yahei"; display: table; transition: all 0.38s ease-in-out; -webkit-transition: all 0.38s ease-in-out; -o-transition: all 0.38s ease-in-out; -moz-transition: all 0.38s ease-in-out; transform: translateY(500%); -webkit-transform: translateY(500%); max-width: 90%; }

.home-about { overflow: hidden; padding: 40px 0; background: url("../images/home-aboutbg.jpg") center top #f0eff4; }

@media (max-width: 991px) {

.home-about { padding: 30px 0; }

}

@media (max-width: 767px) {

.home-about { padding: 20px 0; }

}

.home-about .container { position: relative; z-index: 1; padding: 0 45px 0 0; }

@media (max-width: 991px) {

.home-about .container { padding: 0 45px 0 15px; }

}

@media (max-width: 767px) {

.home-about .container { padding: 0 15px; }

}

.home-about .container:before { content: ""; position: absolute; right: 0; top: 0; width: 190px; height: 170px; background: #d2d1d5; }

@media (max-width: 1345px) {

.home-about .container:before { width: 150px; height: 120px; }

}

@media (max-width: 767px) {

.home-about .container:before { display: none; }

}

.home-about .container .left { width: 100%; padding: 0 70px 0 0; z-index: 10; }

@media (max-width: 767px) {

.home-about .container .left { padding: 0 0 15px; }

}

.home-about .container .left .pic { width: 17.2%; float: left; background: #fff; position: relative; }

.home-about .container .left .pic:after { content: ""; display: block; padding-bottom: 67.5%; }

@media (max-width: 991px) {

.home-about .container .left .pic { display: none; }

}

.home-about .container .left .text { float: left; width: 82.8%; color: #242424; font-size: 15px; line-height: 24px; padding: 25px 120px 5px 40px; height: 100px; overflow: hidden; }

@media (max-width: 1345px) {

.home-about .container .left .text { padding: 5px 90px 5px 20px; font-size: 14px; }

}

@media (max-width: 991px) {

.home-about .container .left .text { width: 100%; padding: 0 90px 15px 0; }

}

@media (max-width: 767px) {

.home-about .container .left .text { padding: 0; }

}

.home-about .container .left1 { width: 100%; padding: 0 70px 0 0; position: relative; z-index: 5; }

@media (max-width: 767px) {

.home-about .container .left1 { padding: 0 40px 0 0; }

}

.home-about .container .left1 .box { width: 100%; background: #01a0eb; }

.home-about .container .left1 .txt { width: 17.2%; float: left; padding: 10% 5px 0; background: #01a0eb; }

@media (max-width: 991px) {

.home-about .container .left1 .txt { display: none; }

}

.home-about .container .left1 .txt big { display: block; text-align: center; color: #fff; font-size: 34px; font-weight: bold; height: 50px; line-height: 50px; overflow: hidden; }

@media (max-width: 1345px) {

.home-about .container .left1 .txt big { font-size: 26px; height: 34px; line-height: 34px; }

}

.home-about .container .left1 .txt em { font-style: inherit; display: block; text-align: center; color: #fff; font-size: 34px; font-weight: bold; height: 50px; line-height: 50px; overflow: hidden; }

@media (max-width: 1345px) {

.home-about .container .left1 .txt em { font-size: 26px; height: 34px; line-height: 34px; }

}

.home-about .container .left1 .pic { width: 82.8%; float: left; background: #fff; position: relative; }

@media (max-width: 991px) {

.home-about .container .left1 .pic { width: 100%; }

}

.home-about .container .left1 .pic:after { content: ""; display: block; padding-bottom: 38.1%; }

.home-about .container .left1 .right { float: left; width: 70px; height: 140px; border: 2px solid #01a0eb; border-left: none; position: absolute; right: 0; bottom: 25%; }

@media (max-width: 767px) {

.home-about .container .left1 .right { width: 40px; height: 100px; bottom: 25px; }

}

@media (max-width: 376px) {

.home-about .container .left1 .right { width: 40px; height: 80px; bottom: 15px; }

}

.home-about .container .left1 .right:before { content: ""; position: absolute; left: 0; top: -2px; width: 30px; height: 2px; background: #eeedf2; z-index: 35; }

.home-about .container .left1 .right .more { width: 100px; height: 50px; line-height: 50px; text-align: center; color: #fff; overflow: hidden; position: absolute; left: -20px; font-weight: bold; display: block; font-size: 14px; background: #01a0eb; z-index: 50; bottom: 35px; }

@media (max-width: 1345px) {

.home-about .container .left1 .right .more { height: 40px; line-height: 40px; }

}

@media (max-width: 767px) {

.home-about .container .left1 .right .more { width: 36px; width: 80px; left: auto; bottom: 25px; right: -10px; line-height: 36px; }

}

.home-about .container .left1 .right .more:hover { background: #565656; }

.home-case { padding: 30px 0 0; overflow: hidden; position: relative; z-index: 1; }

.home-case:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: #01a0eb; height: 190px; }

@media (max-width: 767px) {

.home-case:after { height: 90px; }

}

@media (max-width: 361px) {

.home-case:after { height: 70px; }

}

.home-case .titlez { text-align: center; color: #3d3d3d; font-size: 36px; line-height: 44px; font-weight: bold; }

@media (max-width: 767px) {

.home-case .titlez { font-size: 26px; line-height: 28px; }

}

@media (max-width: 321px) {

.home-case .titlez { font-size: 22px; line-height: 24px; }

}

.home-case .textz { text-align: center; color: #898989; font-size: 18px; line-height: 24px; margin: 7px auto 0; }

@media (max-width: 767px) {

.home-case .textz { font-size: 16px; line-height: 24px; }

}

@media (max-width: 321px) {

.home-case .textz { margin: 4px auto 0; }

}

.home-case .home-casemain { margin: 40px -95px 0; padding: 0 62px; }

@media (max-width: 1345px) {

.home-case .home-casemain { padding: 0 62px; }

}

@media (max-width: 1025px) {

.home-case .home-casemain { padding: 0 50px; margin: 40px auto 0; }

}

@media (max-width: 991px) {

.home-case .home-casemain { margin: 25px auto 0; }

}

@media (max-width: 767px) {

.home-case .home-casemain { padding: 0 40px; }

}

@media (max-width: 321px) {

.home-case .home-casemain { padding: 0 60px; }

}

.home-case .home-casemain .slick-prev, .home-case .home-casemain .slick-next { width: 52px; height: 52px; top: auto; bottom: 65px; margin-top: auto; border: none; }

@media (max-width: 767px) {

.home-case .home-casemain .slick-prev,  .home-case .home-casemain .slick-next { width: 30px; height: 30px; bottom: 30px; }

}

@media (max-width: 361px) {

.home-case .home-casemain .slick-prev,  .home-case .home-casemain .slick-next { bottom: 20px; }

}

.home-case .home-casemain .slick-prev:hover, .home-case .home-casemain .slick-next:hover { opacity: 0.65; }

.home-case .home-casemain .slick-prev { left: 0; background: url("../images/home-caseleft.png") no-repeat center; }

@media (max-width: 1025px) {

.home-case .home-casemain .slick-prev { left: -10px; }

}

@media (max-width: 767px) {

.home-case .home-casemain .slick-prev { background-size: 100%; left: 0; }

}

.home-case .home-casemain .slick-next { right: 0; background: url("../images/home-caseright.png") no-repeat center; }

@media (max-width: 1025px) {

.home-case .home-casemain .slick-next { right: -10px; }

}

@media (max-width: 767px) {

.home-case .home-casemain .slick-next { background-size: 100%; right: 0; }

}

.home-case .home-casemain a { display: block; padding: 0 24px; }

@media (max-width: 1345px) {

.home-case .home-casemain a { padding: 0 18px; }

}

@media (max-width: 1025px) {

.home-case .home-casemain a { padding: 0 13px; }

}

@media (max-width: 767px) {

.home-case .home-casemain a { padding: 0 7px; }

}

.home-case .home-casemain a .pic { display: block; width: 100%; position: relative; z-index: 1; }

.home-case .home-casemain a .pic:hover .txt { background: url("../images/mask.png"); }

.home-case .home-casemain a .pic:after { content: ""; display: block; padding-bottom: 119%; }

.home-case .home-casemain a .pic .txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; padding: 0 10px; line-height: 50px; overflow: hidden; text-align: center; z-index: 5; color: #fff; font-size: 18px; background-color: rgba(0, 0, 0, 0.5); }

@media (max-width: 767px) {

.home-case .home-casemain a .pic .txt { height: 38px; font-size: 14px; line-height: 38px; }

}

@media (max-width: 376px) {

.home-case .home-casemain a .pic .txt { height: 32px; font-size: 12px; line-height: 32px; }

}

@media (max-width: 321px) {

.home-case .home-casemain a .pic .txt { height: 28px; font-size: 10px; line-height: 28px; }

}

.home-news1 { padding: 50px 0; }

@media (max-width: 991px) {

.home-news1 { padding: 30px 0; }

}

.home-news1 .titlez { text-align: center; color: #3d3d3d; font-size: 36px; line-height: 44px; font-weight: bold; }

@media (max-width: 767px) {

.home-news1 .titlez { font-size: 26px; line-height: 28px; }

}

@media (max-width: 321px) {

.home-news1 .titlez { font-size: 22px; line-height: 24px; }

}

.home-news1 .textz { text-align: center; color: #898989; font-size: 18px; line-height: 24px; margin: 7px auto 0; }

@media (max-width: 767px) {

.home-news1 .textz { font-size: 16px; line-height: 24px; }

}

@media (max-width: 321px) {

.home-news1 .textz { margin: 4px auto 0; }

}

.home-news1 .line { height: 12px; width: 100%; margin: 10px auto 0; overflow: hidden; text-align: center; }

@media (max-width: 767px) {

.home-news1 .line { margin: 5px auto 0; }

}

.home-news1 ul li { border-bottom: 1px solid #dbd4cd; padding: 30px 40px 0 135px; display: table; width: 100%; transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; position: relative; }

@media (max-width: 991px) {

.home-news1 ul li { padding: 20px 20px 0 90px; }

}

@media (max-width: 767px) {

.home-news1 ul li { padding: 16px 20px 0 80px; }

}

@media (max-width: 361px) {

.home-news1 ul li { padding: 16px 20px 0 68px; }

}

.home-news1 ul li:hover { background: #01a0eb; }

.home-news1 ul li:hover:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 11px; background: #fec732; }

.home-news1 ul li:hover time { background: #fff; }

.home-news1 ul li:hover time big { color: #01a0eb; }

.home-news1 ul li:hover time small { color: #01a0eb; }

.home-news1 ul li:hover .txt span { color: #fff; }

.home-news1 ul li:hover .txt p { color: #fff; }

.home-news1 ul li time { display: block; position: absolute; left: 45px; top: 30px; width: 65px; height: 65px; background: #01a0eb; overflow: hidden; }

@media (max-width: 991px) {

.home-news1 ul li time { left: 5px; top: 20px; }

}

@media (max-width: 767px) {

.home-news1 ul li time { left: 0; }

}

@media (max-width: 361px) {

.home-news1 ul li time { width: 55px; height: 55px; }

}

.home-news1 ul li time big { display: block; text-align: center; color: #fff; font-size: 30px; margin: 5px 0 0; line-height: 32px; height: 32px; overflow: hidden; }

@media (max-width: 361px) {

.home-news1 ul li time big { font-size: 20px; line-height: 24px; height: 24px; }

}

.home-news1 ul li time small { display: block; text-align: center; color: #fff; font-size: 15px; line-height: 24px; height: 24px; overflow: hidden; }

@media (max-width: 361px) {

.home-news1 ul li time small { font-size: 12px; line-height: 20px; height: 20px; }

}

.home-news1 ul li .txt span { display: block; height: 24px; line-height: 24px; overflow: hidden; color: #333333; font-size: 19px; }

@media (max-width: 767px) {

.home-news1 ul li .txt span { font-size: 16px; margin: 3px 0 0; }

}

@media (max-width: 361px) {

.home-news1 ul li .txt span { font-size: 14px; height: 20px; margin: 2px 0 0; line-height: 20px; }

}

.home-news1 ul li .txt p { color: #8b8989; font-size: 13px; line-height: 18px; height: 36px; margin: 10px 0 25px; overflow: hidden; }

@media (max-width: 991px) {

.home-news1 ul li .txt p { margin: 10px 0 20px; }

}

@media (max-width: 767px) {

.home-news1 ul li .txt p { font-size: 12px; margin: 5px 0 20px; }

}

@media (max-width: 361px) {

.home-news1 ul li .txt p { font-size: 10px; height: 32px; line-height: 16px; }

}

.home-contact .home-map { height: 376px; width: 100%; }

@media (max-width: 1025px) {

.home-contact .home-map { height: 360px; }

.home-contact .home-map #map { height: 360px!important; }

}

@media (max-width: 991px) {

.home-contact .home-map { height: 300px; }

.home-contact .home-map #map { height: 300px!important; }

}

@media (max-width: 767px) {

.home-contact .home-map { height: 240px; }

.home-contact .home-map #map { height: 240px!important; }

}

@media (max-width: 376px) {

.home-contact .home-map { height: 200px; }

.home-contact .home-map #map { height: 200px!important; }

}

@media (max-width: 321px) {

.home-contact .home-map { height: 180px; }

.home-contact .home-map #map { height: 180px!important; }

}

.home-contact .home-map #map { width: 100%; height: 100%; }

.home-contact .home-map #map .anchorBL { display: none; }

.home-contact .home-map #map .BMapLib_sendToPhone { display: none; }

footer { background: #262729; padding: 50px 0 115px; }

@media (max-width: 1025px) {

footer { padding: 50px 0 65px; }

}

@media (max-width: 767px) {

footer { padding: 25px 0 45px; }

}

footer .left { float: left; width: 30%; }

@media (max-width: 767px) {

footer .left { width: 100%; }

}

footer .left .logo { max-width: 326px; overflow: hidden; margin: 0 0 30px; }

@media (max-width: 991px) {

footer .left .logo { margin: 0 0 10px; }

}

@media (max-width: 767px) {

footer .left .logo { max-width: 240px; margin: 0 auto 15px; }

}

footer .left .logo img { max-width: 100%; }

footer .left .yu { display: block; width: 25px; height: 29px; position: relative; margin: 25px 0 0; }

@media (max-width: 767px) {

footer .left .yu { margin: 10px auto 0; }

}

footer .link { height: 36px; width: 78%; background: #262729; position: relative; z-index: 1; border: 1px solid #01a0eb; }

@media (max-width: 991px) {

footer .link { width: 100%; }

}

@media (max-width: 767px) {

footer .link { width: 60%; margin: 0 auto; }

}

@media (max-width: 361px) {

footer .link { width: 70%; }

}

@media (max-width: 321px) {

footer .link { width: 80%; }

}

footer .link .link-btn { width: 100%; position: relative; z-index: 1; height: 36px; cursor: pointer; }

footer .link .link-btn p { overflow: hidden; height: 36px; width: 100%; line-height: 36px; padding: 0 45px 0 10px; color: #e3e3e3; font-size: 14px; }

footer .link .link-btn em { display: block; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: #01a0eb; }

footer .link .link-btn .em-1 img { animation: rotatete 0.3s linear forwards; }

footer .link .link-btn .em-2 img { animation: rotatete2 0.3s linear forwards; }

@keyframes rotatete {  from {

 transform: rotate(0deg);

}

to { transform: rotate(180deg); }

}

@keyframes rotatete {  from {

 transform: rotate(0deg);

}

to { transform: rotate(180deg); }

}

@-moz-keyframes rotatete2 {  from {

 transform: rotate(180deg);

}

to { transform: rotate(0deg); }

}

@keyframes rotatete2 {  from {

 transform: rotate(180deg);

}

to { transform: rotate(0deg); }

}

footer .link .link-main { position: absolute; left: 0; border-top: 1px solid #3B3B3B; bottom: 35px; z-index: 999; display: none; width: 100%; background: #494A4C; }

footer .link .link-main li { width: 100%; padding: 7px 15px; color: #01a0eb; font-size: 14px; cursor: pointer; border-bottom: 1px solid #3B3B3B; list-style-type: none; }

footer .link .link-main li a { color: #01a0eb; }

footer .link .link-main li a:hover { color: #fff; }

footer .right { float: right; width: 63.5%; }

@media (max-width: 767px) {

footer .right { width: 100%; margin: 10px auto 0; }

}

footer .right .foot-nav { margin: 0 50px 15px 0; border-top: 1px solid #484a4d; list-style: none; }

@media (max-width: 991px) {

footer .right .foot-nav { display: none; }

}

footer .right .foot-nav li { float: left; width: 12.28571429%; }

footer .right .foot-nav li:hover a { color: #01a0eb; }

footer .right .foot-nav li a { display: block; color: #fff; line-height: 20px; padding: 17px 5px; text-align: center; font-size: 13px; height: 20px; overflow: hidden; }

footer .right .text { float: left; width: 54%; padding: 0 0 0 25px; font-size: 14px; line-height: 28px; color: #8d8d8d; }

@media (max-width: 767px) {

footer .right .text { width: 100%; padding: 0; text-align: center; margin: 0 auto 15px; clear: both; }

}

footer .right .text a { color: #8d8d8d; }

footer .right .text a:hover { color: #01a0eb; }

footer .right .ewm { max-width: 45%; float: right; z-index: 1; padding: 0 0 0 130px; position: relative; }

@media (max-width: 991px) {

footer .right .ewm { padding: 0 0 0 100px; }

}

@media (max-width: 767px) {

footer .right .ewm { max-width: 100%; clear: both; float: none; display: table; margin: 0 auto; }

}

footer .right .ewm span { position: absolute; left: 10px; top: 0; z-index: 5; display: block; float: left; width: 109px; height: 109px; }

@media (max-width: 991px) {

footer .right .ewm span { width: 80px; height: 80px; }

}

footer .right .ewm p { color: #ffffff; font-size: 12px; height: 56px; overflow: hidden; margin: 25px 0 0; line-height: 28px; }

@media (max-width: 991px) {

footer .right .ewm p { margin: 12px 0 0; }

}

.banner-ny { position: relative; width: 100%; overflow: hidden; }

/*@media (max-width: 991px) {*/

  /*.banner-ny {*/

    /*display: none;*/

  /*}*/

/*}*/

.banner-ny:after { content: ""; display: block; padding-bottom: 17.45%; }

.banner-nyphnoe { position: relative; width: 100%; overflow: hidden; }

@media (min-width: 992px) {

.banner-nyphnoe { display: none; }

}

.banner-nyphnoe:after { content: ""; display: block; padding-bottom: 33.8%; }

.ny { min-height: 560px; margin: 30px auto; }

@media (max-width: 767px) {

.ny { margin: 20px auto 30px; }

}

.ny .leftz { float: left; width: 19.2%; }

@media (max-width: 991px) {

.ny .leftz { display: none; }

}

.ny .leftz .box { border: 1px solid #e0e0e0; padding: 20px 15px; border-top: 4px solid #01a0eb; }

.ny .leftz big { display: block; color: #01a0eb; font-size: 26px; font-weight: bold; line-height: 34px; }

.ny .leftz small { display: block; color: #b9b9b9; font-size: 16px; line-height: 24px; }

.ny .leftz ul { list-style: none; margin: 12px auto 0; }

.ny .leftz ul li { position: relative; z-index: 50; }

.ny .leftz ul li div { position: absolute; left: 100%; width: 100%; display: none; top: 0; z-index: 50; padding: 10px; background: #01a0eb; }

.ny .leftz ul li div > a { color: #fff; line-height: 20px; padding: 2px 5px 2px 25px; margin: 1px auto; font-size: 12px; display: block; }

.ny .leftz ul li div > a.on { background: #fff; color: #01a0eb; }

.ny .leftz ul li div > a:hover { background: #fff; color: #01a0eb; }

.ny .leftz ul li:hover div { display: block; }

.ny .leftz ul li:hover > a { background: #01a0eb; border: 1px solid #01a0eb; color: #fff; }

.ny .leftz ul li:hover > a:before { background: url("../images/left-ico3.png") no-repeat center; }

.ny .leftz ul li > a { display: block; color: #161616; font-size: 13px; line-height: 20px; padding: 10px 5px 10px 27px; position: relative; z-index: 1; margin: 5px auto 0; border: 1px solid #e1e1e1; }

@media (max-width: 1200px) {

.ny .leftz ul li > a { padding: 8px 5px 8px 25px; }

}

.ny .leftz ul li > a:before { content: ""; position: absolute; left: 10px; top: 15px; width: 5px; height: 9px; background: url("../images/left-ico2.png") no-repeat center; }

@media (max-width: 1200px) {

.ny .leftz ul li > a:before { top: 13px; }

}

.ny .leftz ul .active { background: #01a0eb; border: 1px solid #01a0eb; color: #fff; }

.ny .leftz ul .active:before { background: url("../images/left-ico3.png") no-repeat center; }

.ny .leftz .box1 { border-top: 3px solid #e0e0e0; background: #1898df; margin: 20px auto 0; padding: 13px; position: relative; z-index: 1; }

.ny .leftz .box1:after { content: ""; position: absolute; z-index: 2; background: url("../images/left-bg.png") no-repeat; width: 74px; height: 68px; right: 17px; bottom: 5px; }

.ny .leftz .box1 .text { color: #fff; position: relative; z-index: 1; font-size: 13px; line-height: 24px; padding: 0 0 0 28px; word-break: break-all; }

.ny .leftz .box1 .text i { font-style: inherit; left: 0; position: absolute; top: 3px; width: 16px; height: 17px; }

.ny .leftz .box1 .text a { color: #fff; }

.ny .leftz .box1 .text a:hover { color: #E0E0E0; }

.ny .leftz .box1 .text1 { border-top: 1px solid #62b9e9; margin: 15px 0 0; padding: 15px 0 10px 50px; position: relative; z-index: 5; min-height: 50px; }

@media (max-width: 1220px) {

.ny .leftz .box1 .text1 { padding: 15px 0 10px 45px; }

}

.ny .leftz .box1 .text1 span { display: block; color: #fff; font-weight: bold; font-size: 14px; margin: 5px 0 0; line-height: 20px; }

.ny .leftz .box1 .text1 em { display: block; color: #ffc938; font-size: 22px; line-height: 32px; }

.ny .leftz .box1 .text1 em a { color: #ffc938; }

.ny .leftz .box1 .text1 em a:hover { text-decoration: underline; }

@media (max-width: 1220px) {

.ny .leftz .box1 .text1 em { font-size: 16px; font-weight: bold; }

}

.ny .leftz .box1 .text1 i { font-style: inherit; left: 0; top: 20px; position: absolute; width: 44px; height: 44px; }

@media (max-width: 1220px) {

.ny .leftz .box1 .text1 i { width: 36px; height: 36px; }

}

.ny .rightz { float: right; width: 77%; }

@media (max-width: 991px) {

.ny .rightz { clear: both; width: 100%; }

}

.ny .rightz .title { width: 100%; height: 46px; overflow: hidden; position: relative; z-index: 1; }

@media (max-width: 991px) {

.ny .rightz .title { height: 40px; }

}

@media (max-width: 767px) {

.ny .rightz .title { height: 34px; }

}

@media (max-width: 375px) {

.ny .rightz .title { height: 30px; }

}

.ny .rightz .title:before { content: ""; position: absolute; left: 0; top: 5px; width: 100%; height: 1px; border-top: 1px dashed #b1b1b1; }

.ny .rightz .title big { display: inline-block; position: relative; max-width: 35%; float: left; z-index: 10; font-size: 16px; color: #fff; background: #01a0eb; height: 46px; line-height: 46px; padding: 0 20px; }

@media (max-width: 991px) {

.ny .rightz .title big { height: 40px; line-height: 40px; padding: 0 15px; }

}

@media (max-width: 767px) {

.ny .rightz .title big { height: 34px; font-size: 13px; line-height: 34px; padding: 0 13px; }

}

@media (max-width: 375px) {

.ny .rightz .title big { height: 30px; font-size: 12px; line-height: 30px; padding: 0 13px; }

}

.ny .rightz .title big:after { content: ""; position: absolute; right: -7px; top: 0; width: 0; height: 0; border-top: 9px solid transparent; border-left: 7px solid #1b1f7a; }

.ny .rightz .crumb { float: right; max-width: 65%; text-align: right; color: #7e7d7d; font-size: 14px; height: 46px; line-height: 48px; overflow: hidden; }

.ny .rightz .crumb a:last-child { color: #01a0eb; }

@media (max-width: 991px) {

.ny .rightz .crumb { height: 40px; line-height: 46px; }

}

@media (max-width: 767px) {

.ny .rightz .crumb { height: 34px; font-size: 12px; line-height: 40px; }

}

@media (max-width: 375px) {

.ny .rightz .crumb { height: 30px; font-size: 11px; line-height: 40px; }

}

.ny .rightz .crumb a { margin: 0 5px; color: #7e7d7d; }

.ny .rightz .crumb a:hover { color: #01a0eb; }

.ny .rightz .crumb span { margin: 0 0 0 5px; }

/*case*/

.case .case-main { list-style: none; margin: 30px -32px; }

@media (max-width: 1220px) {

.case .case-main { margin: 25px -18px 20px; }

}

@media (max-width: 1025px) {

.case .case-main { margin: 25px -12px 20px; }

}

@media (max-width: 991px) {

.case .case-main { margin: 15px -10px 20px; }

}

@media (max-width: 767px) {

.case .case-main { margin: 15px -6px 20px; }

}

.case .case-main li { float: left; width: 33.33333333%; padding: 20px 32px; }

@media (max-width: 1220px) {

.case .case-main li { padding: 18px; }

}

@media (max-width: 1025px) {

.case .case-main li { padding: 13px; }

}

@media (max-width: 991px) {

.case .case-main li { padding: 10px; }

}

@media (max-width: 767px) {

.case .case-main li { padding: 6px; }

}

@media (max-width: 376px) {

.case .case-main li { width: 50%; }

}

.case .case-main li a { display: block; }

.case .case-main li a:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); filter: saturate(1.3); -webkit-filter: saturate(1.3); -o-filter: saturate(1.3); -moz-filter: saturate(1.3); }

.case .case-main li a:hover .txt { background: url("../images/mask.png"); }

.case .case-main li .pic { position: relative; z-index: 1; width: 100%; overflow: hidden; }

.case .case-main li .pic img { transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; }

.case .case-main li .pic:after { content: ""; display: block; padding-bottom: 119%; }

.case .case-main li .pic .txt { position: absolute; left: 0; bottom: 0; height: 50px; line-height: 50px; color: #fff; font-size: 18px; padding: 0 5px; text-align: center; overflow: hidden; width: 100%; background: url("../images/mask-1.png"); }

@media (max-width: 1025px) {

.case .case-main li .pic .txt { height: 44px; font-size: 16px; line-height: 44px; }

}

@media (max-width: 767px) {

.case .case-main li .pic .txt { height: 34px; font-size: 13px; line-height: 34px; }

}

.page { text-align: right; }

.page span, .page a { display: inline-block; vertical-align: middle; color: #666; margin: 0 5px 0 0; }

@media (max-width: 991px) {

.page span { display: none; }

}

.page a, .page span { display: inline-block; vertical-align: middle; color: #666; font-size: 12px; height: 30px; line-height: 30px; border: 1px solid #dadada; padding: 0 10px; }

@media (max-width: 991px) {

.page { text-align: center; }

.page .page-num { display: none; }

}

.page a:hover { background: #01a0eb; color: #fff; }

.page .page-cur { background: #01a0eb; color: #fff; }

.page .on { border: none; padding: 0; }

.page .phone { display: none; }

@media (max-width: 991px) {

.page .phone { display: inline-block; padding: 0 10px; }

}

@media (max-width: 991px) {

.page .phone1 { display: inline-block; padding: 0 10px; margin: 0 0 0 5px; }

}

.related-news { clear: both; margin: 50px auto 0; }

@media (max-width: 1200px) {

.related-news { margin: 40px auto 0; }

}

@media (max-width: 991px) {

.related-news { margin: 25px auto 0; }

}

.related-news .related-title { height: 30px; padding: 0 60px 0 15px; line-height: 36px; color: #fff; font-size: 11px; position: relative; z-index: 1; background: #01a0eb; }

@media (max-width: 767px) {

.related-news .related-title { line-height: 34px; }

}

.related-news .related-title span { display: block; color: #fff; height: 30px; line-height: 30px; float: left; margin: 0 5px 0 0; font-size: 18px; }

.related-news .related-title em { font-style: normal; }

@media (max-width: 767px) {

.related-news .related-title span { font-size: 16px; }

}

.related-news .related_newsmain { list-style: none; background: #f5f5f5; margin: 15px auto 0; padding: 6px 25px; }

@media (max-width: 767px) {

.related-news .related_newsmain { padding: 6px 15px; margin: 10px auto 0; }

}

.related-news .related_newsmain li { width: 50%; float: left; height: 34px; padding: 0 55px 0 15px; overflow: hidden; position: relative; z-index: 1; line-height: 34px; border-bottom: 1px solid #dadada; color: #878787; font-size: 12px; }

@media (max-width: 767px) {

.related-news .related_newsmain li { width: 100%; padding: 0 0 0 15px; }

}

.related-news .related_newsmain li:hover a { color: #01a0eb; }

.related-news .related_newsmain li a { color: #878787; }

.related-news .related_newsmain li:before { content: ""; position: absolute; left: 0; top: 12px; width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 3px solid #015d9f; }

/*.related-news .related_newsmain li:last-child {*/

  /*border-bottom: none;*/

/*}*/

/*.related-news .related_newsmain li:nth-last-child(2) {*/

  /*border-bottom: none;*/

/*}*/

.related-news .related_newsmain .li-2 { padding: 0 0 0 70px; }

@media (max-width: 767px) {

.related-news .related_newsmain .li-2 { padding: 0 0 0 15px; }

}

.related-news .related_newsmain .li-2:before { left: 55px; }

@media (max-width: 767px) {

.related-news .related_newsmain .li-2:before { left: 0; }

}

/*case-show*/

.case-show .title-1 { text-align: center; color: #424242; font-size: 32px; line-height: 40px; margin: 30px auto; word-break: break-all; }

@media (max-width: 991px) {

.case-show .title-1 { margin: 20px auto; }

}

@media (max-width: 767px) {

.case-show .title-1 { margin: 15px auto; font-size: 26px; line-height: 34px; }

}

@media (max-width: 375px) {

.case-show .title-1 { font-size: 22px; line-height: 28px; margin: 15px auto 13px; }

}

.case-show .video { /*text-align: center;*/

margin: 0 auto; }

.case-show .video img { max-width: 100%; }

/*news*/

.news { padding: 0 0 40px; }

@media (max-width: 1025px) {

.news { padding: 0 0 10px; }

}

.news .news-main { margin: 36px auto 35px; }

@media (max-width: 1220px) {

.news .news-main { margin: 15px auto 35px; }

}

@media (max-width: 767px) {

.news .news-main { margin: 5px auto 25px; }

}

.news .news-main ul li { border-bottom: 1px solid #dbd4cd; padding: 30px 10px 0 125px; display: table; width: 100%; transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; position: relative; }

@media (max-width: 991px) {

.news .news-main ul li { padding: 20px 20px 0 90px; }

}

@media (max-width: 767px) {

.news .news-main ul li { padding: 16px 20px 0 80px; }

}

@media (max-width: 361px) {

.news .news-main ul li { padding: 16px 20px 0 68px; }

}

.news .news-main ul li:hover { background: #01a0eb; }

.news .news-main ul li:hover:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 11px; background: #fec732; }

.news .news-main ul li:hover time { background: #fff; }

.news .news-main ul li:hover time big { color: #01a0eb; }

.news .news-main ul li:hover time small { color: #01a0eb; }

.news .news-main ul li:hover .txt span { color: #fff; }

.news .news-main ul li:hover .txt p { color: #fff; }

.news .news-main ul li time { display: block; position: absolute; left: 35px; top: 32px; width: 65px; height: 65px; background: #01a0eb; overflow: hidden; }

@media (max-width: 991px) {

.news .news-main ul li time { left: 5px; top: 20px; }

}

@media (max-width: 767px) {

.news .news-main ul li time { left: 0; }

}

@media (max-width: 361px) {

.news .news-main ul li time { width: 55px; height: 55px; }

}

.news .news-main ul li time big { display: block; text-align: center; color: #fff; font-size: 30px; margin: 5px 0 0; line-height: 32px; height: 32px; overflow: hidden; }

@media (max-width: 361px) {

.news .news-main ul li time big { font-size: 20px; line-height: 24px; height: 24px; }

}

.news .news-main ul li time small { display: block; text-align: center; color: #fff; font-size: 15px; line-height: 24px; height: 24px; overflow: hidden; }

@media (max-width: 361px) {

.news .news-main ul li time small { font-size: 12px; line-height: 20px; height: 20px; }

}

.news .news-main ul li .txt span { display: block; height: 24px; line-height: 24px; overflow: hidden; color: #333333; font-size: 19px; }

@media (max-width: 767px) {

.news .news-main ul li .txt span { font-size: 16px; margin: 3px 0 0; }

}

@media (max-width: 361px) {

.news .news-main ul li .txt span { font-size: 14px; height: 20px; margin: 2px 0 0; line-height: 20px; }

}

.news .news-main ul li .txt p { color: #8b8989; font-size: 13px; line-height: 18px; height: 36px; margin: 10px 0 25px; overflow: hidden; }

@media (max-width: 991px) {

.news .news-main ul li .txt p { margin: 10px 0 20px; }

}

@media (max-width: 767px) {

.news .news-main ul li .txt p { font-size: 12px; margin: 5px 0 20px; }

}

@media (max-width: 361px) {

.news .news-main ul li .txt p { font-size: 10px; height: 32px; line-height: 16px; }

}

/*news-show*/

.news-show .title-1 { text-align: center; color: #424242; font-size: 26px; line-height: 36px; margin: 30px auto 10px; }

@media (max-width: 767px) {

.news-show .title-1 { font-size: 20px; line-height: 26px; margin: 25px auto 8px; }

}

@media (max-width: 375px) {

.news-show .title-1 { font-size: 18px; line-height: 24px; margin: 20px auto 8px; }

}

@media (max-width: 321px) {

.news-show .title-1 { font-size: 16px; line-height: 22px; margin: 20px auto 5px; }

}

.news-show .source { text-align: center; color: #8d8686; font-size: 12px; line-height: 24px; height: 24px; overflow: hidden; }

.news-show .text-1 { color: #6a6969; font-size: 12px; line-height: 20px;/*background: #f5f5f5;*/

  /*padding: 16px 20px 14px;*/

  /*margin: 30px 0 40px;*/

  /*border: 1px solid #e5e5e5;*/

}

@media (max-width: 1025px) {

.news-show .text-1 { margin: 15px 0 25px; }

}

@media (max-width: 767px) {

.news-show .text-1 { margin: 15px 0 20px; }

}

@media (max-width: 375px) {

.news-show .text-1 { margin: 15px 0; }

}

.news-show .text-2 { color: #515151; font-size: 12px; line-height: 27px; margin: 0 0 25px; }

.news-show p { color: #515151; font-size: 12px; line-height: 27px;/*margin: 0 0 25px;*/

}

.message ul li p { line-height: normal; }

.news-show img { max-width: 100%; }

@media (max-width: 1025px) {

.news-show .text-2 { margin: 0 0 15px; }

}

@media (max-width: 375px) {

.news-show .text-2 { margin: 0 0 10px; }

}

.news-show .title-2 { color: #01a0eb; font-size: 16px; line-height: 27px; margin: 0 0 2px; font-weight: bold; }

.news-show .line { overflow: hidden; text-align: center; margin: 30px auto 0; }

@media (max-width: 767px) {

.news-show .line { margin: 20px auto 0; }

}

@media (max-width: 321px) {

.news-show .line { margin: 15px auto 0; }

}

.article { list-style: none; margin: 50px -10px 0; }

@media (max-width: 1025px) {

.article { margin: 30px -10px 0; }

}

@media (max-width: 767px) {

.article { margin: 10px -10px 0; }

}

.article li { float: left; width: 50%; padding: 0 10px; }

@media (max-width: 767px) {

.article li { width: 100%; margin: 10px auto 0; }

}

.article li { background: #01a0eb; display: block; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 12px; padding: 0 10px 0 30px; position: relative; z-index: 1; }

.article li a { color: #fff; }

.article li a:hover { color: #E0E0E0; }

.article li a:before { content: ""; position: absolute; left: 12px; top: 10px; width: 8px; height: 8px; background: url("../images/news-ico1.png") no-repeat center; }

.article .li-2 a { text-align: right; padding: 0 30px 0 10px; }

.article .li-2 a:before { /*left: auto;*/

right: 12px; background: url("../images/news-ico.png") no-repeat center; }

.article1 { list-style: none; margin: 0 auto; }

.article1 li { float: left; padding: 0 10px; }

.article1 li { display: block; height: 30px; overflow: hidden; line-height: 30px; color: #666666; font-size: 13px; padding: 0 20px 0 0; position: relative; z-index: 1; width: 50%; }

@media(max-width:450px) {

.article1 li { width: 100%; }

}

.article1 li a:hover { color: #01a0eb; text-decoration: underline; }

/*core*/

.core-main { margin: 0 auto 35px; }

@media (max-width: 991px) {

.core-main { margin: 20px auto 25px; }

}

@media (max-width: 767px) {

.core-main { margin: 10px auto 20px; }

}

.core-main ul { margin: 35px -21px 0; list-style: none; }

@media (max-width: 1345px) {

.core-main ul { margin: 5px -18px 0; }

}

@media (max-width: 1025px) {

.core-main ul { margin: 5px -13px 0; }

}

@media (max-width: 991px) {

.core-main ul { margin: 8px -10px 0; }

}

@media (max-width: 767px) {

.core-main ul { margin: 5px -6px 0; }

}

.core-main ul li { float: left; overflow: hidden; width: 33.33333333%; padding: 12px 21px; }

@media (max-width: 1345px) {

.core-main ul li { padding: 20px 18px; }

}

@media (max-width: 1025px) {

.core-main ul li { padding: 15px 13px; }

}

@media (max-width: 991px) {

.core-main ul li { padding: 10px; }

}

@media (max-width: 767px) {

.core-main ul li { padding: 6px; }

}

@media (max-width: 376px) {

.core-main ul li { width: 50%; }

}

.core-main ul li a { display: block; position: relative; z-index: 2; }

.core-main ul li a:hover .mask { opacity: 1; }

@media(max-width:767px) {

.core-main ul li a:hover .mask { opacity: 0; }

}

.core-main ul li a:hover .mask button { transform: translateY(0%); -webkit-transform: translateY(0%); }

.core-main ul li a:hover .mask em { transform: translateY(0%); -webkit-transform: translateY(0%); }

.core-main ul li .pic { width: 100%; position: relative; z-index: 5; }

.core-main ul li .pic:after { content: ""; display: block; padding-bottom: 126.5%; }

.core-main ul li .titlea{ height:30px; line-height:30px; text-align:center;}

.core-main ul li .mask { position: absolute; left: 0; top: 0; z-index: 25; width: 100%; height: 100%; opacity: 0; transition: all 0.38s ease-in-out; -webkit-transition: all 0.38s ease-in-out; -o-transition: all 0.38s ease-in-out; -moz-transition: all 0.38s ease-in-out;}

.core-main ul li .mask em { display: block; font-style: inherit; margin: 35% auto 0; padding: 20px 10px; overflow: hidden; text-align: center; position: relative; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transform: translateY(-500%); -webkit-transform: translateY(-500%); }

.core-main ul li .mask em:before { content: ""; position: absolute; left: 50%; top: 0; width: 2px; height: 10px; background: #fff; }

.core-main ul li .mask em:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: 10px; background: #fff; }

.core-main ul li .mask em big { display: block; max-height: 56px; line-height: 28px; text-align: center; overflow: hidden; color: #fff; font-size: 20px; }

.core-main ul li .mask em small { display: block; height: 24px; line-height: 24px; text-align: center; overflow: hidden; color: #fff; font-size: 12px; }

.core-main ul li .mask button { border: 1px solid #fff; background: none; cursor: pointer; text-align: center; padding: 0 25px; height: 32px; line-height: 28px; overflow: hidden; margin: 23px auto 0; color: #fff; font-size: 14px; font-family: "microsoft yahei"; display: table; transition: all 0.38s ease-in-out; -webkit-transition: all 0.38s ease-in-out; -o-transition: all 0.38s ease-in-out; -moz-transition: all 0.38s ease-in-out; transform: translateY(500%); -webkit-transform: translateY(500%); max-width: 90%; }

/*core-show*/

.core-show .part-1 { margin: 50px auto; }

@media (max-width: 1220px) {

.core-show .part-1 { margin: 30px auto; }

}

@media (max-width: 767px) {

.core-show .part-1 { margin: 20px auto; }

}

.core-show .part-1 .pic { float: left; width: 30.4%; position: relative; }

@media (max-width: 1220px) {

.core-show .part-1 .pic { width: 38%; }

}

@media (max-width: 767px) {

.core-show .part-1 .pic { width: 100%; margin: 0 auto 20px; }

}

.core-show .part-1 .pic:after { content: ""; display: block; padding-bottom: 126%; }

.core-show .part-1 .txt { float: left; width: 69.6%; padding: 0 0 0 50px; }

@media (max-width: 1220px) {

.core-show .part-1 .txt { padding: 0 0 0 30px; width: 62%; }

}

@media (max-width: 767px) {

.core-show .part-1 .txt { padding: 0; width: 100%; }

}

.core-show .part-1 .txt big { display: block; color: #262626; font-size: 32px; line-height: 40px; padding: 0 0 10px; margin: 0 0 16px; border-bottom: 1px solid #e2e2e2; }

@media (max-width: 767px) {

.core-show .part-1 .txt big { font-size: 26px; line-height: 32px; }

}

@media (max-width: 767px) {

.core-show .part-1 .txt big { font-size: 22px; line-height: 28px; }

}

.core-show .part-1 .txt p { color: #646464; font-size: 16px; line-height: 24px; }

.core-show .part-1 .txt p i { font-style: inherit; color: #01a0eb; }

.core-show .part-1 .txt .text1 { color: #565656; padding: 15px 20px; font-size: 14px; line-height: 26px; margin: 30px 0; background: #f5f5f5; border: 1px solid #e5e5e5; }

@media (max-width: 1220px) {

.core-show .part-1 .txt .text1 { margin: 15px 0; }

}

.core-show .part-1 .txt .zixun { width: 124px; height: 34px; line-height: 34px; padding: 0 10px 0 45px; background: url("../images/xunwen.png") no-repeat 15px center #01a0eb; overflow: hidden; }

@media(max-width:767px) {

.core-show .part-1 .txt .zixun { margin-bottom: 20px; }

}

.core-show .part-1 .txt .zixun:hover { background: url("../images/xunwen.png") no-repeat 15px center #015d9f; }

.core-show .part-1 .txt .zixun a { display: block; color: #fff; font-size: 14px; }

.core-show .core-showmain .core-title { list-style: none; width: 100%; padding: 0 15px; background: #01a0eb; }

.core-show .core-showmain .core-title li { float: left; cursor: pointer; height: 30px; overflow: hidden; font-size: 18px; color: #fff; padding: 0 30px; line-height: 30px; }

@media (max-width: 767px) {

.core-show .core-showmain .core-title li { font-size: 16px; }

}

.core-show .core-showmain .core-title .active { background: #fff; color: #01a0eb; }

.core-show .core-showmain .core-nr { padding: 30px 0 0; }

@media (max-width: 767px) {

.core-show .core-showmain .core-nr { padding: 20px 0 0; }

}

.core-show .core-showmain .core-nr .text-1 { color: #565656; font-size: 14px; line-height: 26px; margin: 0 0 25px; }

.core-show .core-showmain .contss p { color: #565656; font-size: 14px; line-height: 26px; margin: 0 0 25px; }

.core-show .core-showmain .core-nr img { max-width: 100%; }

@media (max-width: 767px) {

.core-show .core-showmain .core-nr .text-1 { margin: 0 0 15px; }

}

.core-show .core-showmain .core-nr .img { text-align: center; overflow: hidden; margin: 0 auto 25px; }

@media (max-width: 767px) {

.core-show .core-showmain .core-nr .img { margin: 0 auto 15px; }

}

.core-show .core-showmain .core-nr .img img { max-width: 100%; }

.core-show .line { overflow: hidden; text-align: center; margin: 30px auto 20px; }

@media (max-width: 767px) {

.core-show .line { margin: 20px auto 15px; }

}

.message { list-style: none; margin: 0 auto; }

.message dd { width: 50%; float: left; }

@media (max-width: 767px) {

.message dd { width: 100%; }

}

.message dt { width: 50%; float: left; padding: 0 0 0 25px; }

@media (max-width: 767px) {

.message dt { width: 100%; padding: 0; }

}

.message ul { list-style: none; }

.message ul li { width: 100%; display: table; margin: 0 0 25px; }

.message ul li img#verify { width: 122px; margin: 0 5px; float: left; }

@media (max-width: 767px) {

.message ul li { margin: 0 0 15px; }

}

@media (max-width: 376px) {

.message ul li { margin: 0 0 12px; }

}

.message ul li .p1 { float: left; width: 100%; }

.message ul li .p2 { float: left; width: 100%; }

.message ul li small { display: block; width: 150px; float: left; }

.message ul li a#change { display: inline-block; height: 54px; line-height: 54px; margin-left: 5px; float: left; }

@media(max-width:400px) {

.message ul li a#change { display: none; }

}

/*@media (max-width: 361px) {*/

  /*.message ul li small {*/

    /*width: 36%;*/

  /*}*/

/*}*/

.message ul .ems { position: relative; }

.message ul li em { font-size: 14px; color: red; position: absolute; left: -10px; top: 20px; }

.message ul li .code { float: left; margin: 0 0 0 12px; border: 1px solid #ececec; height: 54px; width: 100px; display: block; position: relative; }

@media (max-width: 767px) {

.message ul li .code { height: 40px; width: 96px; }

.message ul li img#verify { height: 40px; }

.message ul li a#change { height: 40px; line-height: 40px; }

}

@media (max-width: 376px) {

.message ul li .code { height: 36px; width: 86px; }

}

.message ul #message-submit { float: left; width: 180px; height: 54px; background: url("../images/jiantou.png") no-repeat 20px center #fec732; background-size: 26px auto; color: #fff; line-height: 54px; padding: 0 10px 0 70px; font-size: 15px; }

@media (max-width: 767px) {

.message ul #message-submit { width: 140px; line-height: 40px; height: 40px; padding: 0 10px 0 55px; background-size: 22px auto; }

}

@media (max-width: 376px) {

.message ul #message-submit { width: 120px; line-height: 36px; height: 36px; padding: 0 10px 0 45px; background-size: 18px auto; }

}

.message ul #message-submit:hover { background: url("../images/jiantou.png") no-repeat 20px center #015d9f; background-size: 26px auto; }

.message textarea { width: 100%; height: 213px; padding: 15px 10px; font-family: "microsoft yahei"; color: #a4a3a3; font-size: 14px; line-height: 20px; border: 1px solid #01a0eb; }

@media (max-width: 767px) {

.message textarea { height: 120px; padding: 8px 10px; }

}

@media (max-width: 376px) {

.message textarea { height: 100px; }

}

.message input { width: 100%; height: 54px; line-height: 54px; padding: 0 10px; font-family: "microsoft yahei"; color: #a4a3a3; font-size: 14px; border: 1px solid #01a0eb; }

@media (max-width: 767px) {

.message input { height: 40px; line-height: 40px; }

.message ul li em { top: 14px; }

}

@media (max-width: 376px) {

.message input { height: 36px; line-height: 36px; }

}

.message input:focus { border: 1px solid #ed904b; }

.message .rred { border: 1px solid red; }

/*message-main*/

.message-main .message { margin: 50px auto 0; }

@media (max-width: 991px) {

.message-main .message { margin: 40px auto 0; }

}

@media (max-width: 767px) {

.message-main .message { margin: 25px auto 0; }

}

/*about*/

.about .video { /*text-align: center;*/

margin: 50px auto 25px; line-height: 25px; font-size: 14px; }

.about .video img { max-width: 100%; }

@media (max-width: 991px) {

.about .video { margin: 30px auto 10px; }

}

@media (max-width: 767px) {

.about .video { margin: 20px auto 10px; }

}

@media (max-width: 375px) {

.about .video { margin: 15px auto 6px; }

}

.about .text-1 { color: #636363; font-size: 13px; line-height: 28px; margin: 0 auto 10px; }

@media (max-width: 991px) {

.about .text-1 { margin: 0 auto 15px; }

}

@media (max-width: 767px) {

.about .text-1 { margin: 0 auto 8px; }

}

@media (max-width: 375px) {

.about .text-1 { font-size: 12px; line-height: 26px; margin: 0 auto 6px; }

}

/*contact*/

.contact .part-2 { margin: 45px auto 0; }

@media (max-width: 1200px) {

.contact .part-2 { margin: 30px auto 0; }

}

@media (max-width: 767px) {

.contact .part-2 { margin: 20px auto 0; }

}

.contact .part-2 .pic { width: 27.5%; float: right; overflow: hidden; height: 376px; }

.contact .part-2 .pic img { max-width: 100%; }

@media (max-width: 1200px) {

.contact .part-2 .pic { height: 300px; width: 27.3%; }

}

@media (max-width: 991px) {

.contact .part-2 .pic { height: 260px; }

}

@media (max-width: 767px) {

.contact .part-2 .pic { width: 100%; height: auto; margin: 15px auto 0; text-align: center; }

}

.contact .cont-map { float: left; height: 376px; width: 72%; }

@media (max-width: 1200px) {

.contact .cont-map { height: 300px; }

.contact .cont-map #map { height: 300px!important; }

}

@media (max-width: 991px) {

.contact .cont-map { height: 260px; }

.contact .cont-map #map { height: 260px!important; }

}

@media (max-width: 767px) {

.contact .cont-map { width: 100%; }

}

.contact .cont-map #map { width: 100%; height: 100%; }

.contact .cont-map #map .anchorBL { display: none; }

.contact .cont-map #map .BMapLib_sendToPhone { display: none; }

.contact .part-1 { margin: 50px auto; }

@media (max-width: 1200px) {

.contact .part-1 { margin: 40px auto 0; }

}

@media (max-width: 991px) {

.contact .part-1 { margin: 30px auto 0; }

}

@media (max-width: 767px) {

.contact .part-1 { margin: 20px auto 0; }

}

.contact .part-1 .title-1 { color: #000000; font-size: 24px; line-height: 24px; margin: 0 auto 20px; }

@media (max-width: 991px) {

.contact .part-1 .title-1 { margin: 0 auto 10px; }

}

@media (max-width: 767px) {

.contact .part-1 .title-1 { margin: 0 auto; }

}

.contact .part-1 ul { list-style: none; }

.contact .part-1 ul li { float: left; width: 45.5%; position: relative; color: #5f5f5f; font-size: 14px; line-height: 22px; z-index: 1; }

@media (max-width: 1428px) {

.contact .part-1 ul li { width: 50%; }

}

@media (max-width: 767px) {

.contact .part-1 ul li { width: 100%; }

}

.contact .part-1 ul li .text-1 { position: relative; z-index: 1; padding: 0 10px 0 30px; margin: 15px 0 0; color: #5f5f5f; }

@media (max-width: 767px) {

.contact .part-1 ul li .text-1 { padding: 0 7px 0 30px; }

}

.contact .part-1 ul li .text-1 a { color: #5f5f5f; }

.contact .part-1 ul li .text-1 a:hover { color: #01a0eb; }

.contact .part-1 ul li i { position: absolute; left: 0; top: 0; width: 20px; height: 20px; }

.contact .part-1 ul .li-1 { width: 32.5%; }

@media (max-width: 1428px) {

.contact .part-1 ul .li-1 { width: 50%; }

}

@media (max-width: 767px) {

.contact .part-1 ul .li-1 { width: 100%; }

}

.contact .part-1 ul .li-2 { width: 22%; }

@media (max-width: 1428px) {

.contact .part-1 ul .li-2 { width: 50%; }

}

@media (max-width: 767px) {

.contact .part-1 ul .li-2 { width: 100%; }

}

/*download*/

.download .downloadmain { border-top: #2662be solid 1px; font-size: 14px; width: 100%; margin: 35px auto; color: #666666; list-style: none; }

@media (max-width: 991px) {

.download .downloadmain { margin: 25px auto 0; }

}

.download .downloadmain li { width: 100%; height: 42px; line-height: 41px; border-bottom: #dcdcdc solid 1px; }

@media (max-width: 767px) {

.download .downloadmain li { height: 36px; line-height: 37px; }

}

.download .downloadmain li em { font-style: inherit; font-size: 14px; }

@media (max-width: 767px) {

.download .downloadmain li em { font-size: 12px; }

}

@media (max-width: 376px) {

.download .downloadmain li em { font-size: 11px; }

}

@media (max-width: 321px) {

.download .downloadmain li em { font-size: 9px; }

}

.download .downloadmain li time { width: 25%; float: left; overflow: hidden; height: 41px; color: #666666; text-align: center; border-right: #dcdcdc solid 1px; font-size: 12px; }

@media (max-width: 767px) {

.download .downloadmain li time { height: 35px; font-size: 10px; }

}

@media (max-width: 321px) {

.download .downloadmain li time { font-size: 9px; }

}

.download .downloadmain li .operation { width: 25%; float: left; overflow: hidden; height: 41px; text-align: center; }

@media (max-width: 767px) {

.download .downloadmain li .operation { height: 35px; }

}

.download .downloadmain li .operation a { background: url("../images/down.png") no-repeat 30px center #b0b0b0; font-size: 13px; padding: 0 10px 0 20px; width: 160px; line-height: 31px; height: 30px; display: block; margin: 5px auto 0; color: #fff; }

@media (max-width: 1345px) {

.download .downloadmain li .operation a { width: 130px; padding: 0 10px 0 25px; background: url("../images/down.png") no-repeat 20px center #b0b0b0; }

}

@media (max-width: 767px) {

.download .downloadmain li .operation a { width: 85px; font-size: 11px; height: 24px; line-height: 25px; background: url("../images/down.png") no-repeat 10px center #b0b0b0; background-size: 10px auto; }

}

@media (max-width: 376px) {

.download .downloadmain li .operation a { width: 60px; padding: 0 10px 0 20px; }

}

@media (max-width: 321px) {

.download .downloadmain li .operation a { width: 60px; font-size: 10px; padding: 0 10px 0 20px; background: url("../images/down.png") no-repeat 7px center #b0b0b0; background-size: 9px auto; }

}

.download .downloadmain li .operation a:hover { background: url("../images/down.png") no-repeat 30px center #01a0eb; }

@media (max-width: 1345px) {

.download .downloadmain li .operation a:hover { background: url("../images/down.png") no-repeat 20px center #01a0eb; }

}

@media (max-width: 767px) {

.download .downloadmain li .operation a:hover { display: none; }

}

.download .downloadmain li .name { width: 50%; float: left; background: #f7f7f7; border-right: #dcdcdc solid 1px; padding: 0 30px; overflow: hidden; height: 41px; }

@media (max-width: 991px) {

.download .downloadmain li .name { padding: 0 20px; }

}

@media (max-width: 767px) {

.download .downloadmain li .name { padding: 0 10px; height: 35px; font-size: 10px; }

}

@media (max-width: 321px) {

.download .downloadmain li .name { font-size: 9px; }

}

.download .downloadmain li .name a { color: #666666; }

.download .downloadmain li .name a:hover { color: #01a0eb; }

/*map*/

.map_main { border: 1px solid #ccc; margin: 50px 0; display: inline-block; width: 100%; }

.map { margin: 50px auto 80px; }

@media (max-width: 767px) {

.map { margin: 30px auto 0; }

}

@media (max-width: 321px) {

.map { margin: 20px auto 0; }

}

.map dl { margin: 20px 0; overflow: hidden; border-bottom: 1px solid #A8AFB1; }

.map dl:hover { background: #f5f8fa; }

.map dl:hover dt a { color: #e0e9f3; font-weight: bold; }

.map dt { font-size: 14px; float: left; width: 10%; text-align: center; background: #01a0eb; }

.map dt:hover { background: #1898df; }

.map dt a { color: #fff; display: block; line-height: 40px; }

.map dt a:hover { color: #e0e9f3; font-weight: bold; }

.map dd { font-size: 12px; display: block; overflow: hidden; float: left; width: 85%; }

.map dd .p2 { padding: 0 0 0 20px; clear: both; }

.map dd .p2 a { color: #01a0eb; font-size: 13px; line-height: 40px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }

.map dd .p2 a:hover { color: #764b00; }

.map dd div { clear: both; overflow: hidden; padding: 0 20px 0 10px; }

.map dd div a { color: #333; line-height: 40px; float: left; padding: 0 10px; }

.map dd div a:hover { color: #003e7e; background: #565966; color: #fff; }

@media (max-width: 767px) {

.w1004 { max-width: 1100px; margin: 20px 10px 60px; border: solid 1px #cfcfcf; border-radius: 2px; padding: 20px; background: #fff; }

.map dt { width: 100%; }

.map dd { width: 85%; }

}

/*新增*/

#mmenu .mm-title { color: #666; height: 30px; }

@media (min-width:992px) {

#mmenu { display: none; }

}

#contact-form .validate-on { border: 1px solid #ff0000; box-shadow: 0 0 1px #ff0000; }

a, button, input { -webkit-tap-highlight-color: rgba(255,0,0,0); }

a { -webkit-tap-highlight-color: transparent; }

input:-webkit-autofill {

 -webkit-box-shadow: 0 0 0px 1000px #fff inset;

}

.pub_form_ul li input[type="text"] { line-height: 30px!important; height: 28px!important; padding: 0px !important; }

.pub_form_ul li .pub_radio { margin-top: -2px !important; }

a.l-btn span.l-btn-left { height: auto!important; }

a.l-btn { padding-right: 16px!important; }

.pub_form_ul li label { margin-right: 0px!important; }

.panel { margin-bottom: 0px!important; }

.panel_inner .tip { padding: 0px!important; }

.panel-body { padding: 0px; }

a { -webkit-transition: all 0 ease 0!important; transition: all 0 ease 0!important; }

.fn-suspend { margin-right: 0!important; }

.BMapLib_nav { display: none; padding: 10px!important; }

.BMapLib_bubble_content { padding: 10px!important; }

.BMapLib_sendToPhone, .BMapLib_bubble_close { display: none; }

.BMap_cpyCtrl { display: none; }

.BMapLib_trans { margin: 0!important; }

.BMap_Marker img { max-width: 39px; }

/*首页新模板隐藏*/

.xindiv, .footer { display: none }

footer .beian, footer .beian a { color: #8d8d8d }

.home-1 .home-title .txt big a { color: #fff!important }

.home-1 .home-title p a { color: #fff!important }