@charset "utf-8";
/* 清除内外边距 */
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td {margin: 0;padding: 0;}
input,textarea {border: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body, button, input, select, textarea{font: 14px/22px 'Helvetica Neue',Helvetica,Arial,'Microsoft YaHei','PingFang SC',sans-serif;color: #787878;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0;} /*覆盖bootstrape对标题加的默认外边距*/
address, cite, dfn, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #787878; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#666;}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */}

/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html{overflow-y: scroll;overflow-x:hidden;}
body{width: 100%;margin: 0 auto;overflow-x:hidden;}
.body-color{background: #fff;}
.bodyHtml{height: 100%;overflow: hidden;}
/* 设置滚动条的样式 */::-webkit-scrollbar {width: 6px;height:6px;}
/* 滚动槽 */::-webkit-scrollbar-track {border-radius: 3px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius: 3px;background: rgba(0,0,0,0.3);;}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.1);}

/*设置浮动与定位*/
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*清除浮动*/
.clear{clear: both;height: 0;}
.clearafter:after,.clearfix:after {content:"";display:block;height:0;visibility:hidden;clear:both;}

/*内容区域宽度*/
.content{width: 1280px;margin: 0 auto;}
@media screen and (max-width: 766px){
    .content{width: 94%;margin: 0 auto;}
}

/*动画*/
@keyframes heart{
    from{transform:translate(0,0)}
    to{transform:translate(0,10px)}
}
.heart{animation: heart 1s ease-in-out infinite alternate;}

/*首页广告*/
.banner img{width: 100%;display: block;}
.banner .swiper-slide{position: relative;}
.banner-mc{display: none;}
.banner .banner-prev, .banner .banner-next{position: absolute;width: 46px;height: 46px;line-height: 46px;font-size: 18px;font-family: "宋体";color: #ffffff;text-align: center;border: 1px solid #FFFFFF;border-radius: 50%;top: 50%;margin-top: -24px;z-index: 5;cursor: pointer;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.banner .banner-prev{left: 6%;}
.banner .banner-next{right: 6%;}
.banner:hover .banner-prev, .banner:hover .banner-next{opacity: 1;}
.banner .banner-prev:hover, .banner .banner-next:hover{background: #233550;border-color: #233550;}
.banner .banner-pagination{position: absolute;text-align: center;left: 0;right: 0;bottom: 25px;z-index: 10;}
.banner .banner-pagination .swiper-pagination-bullet{width: 14px;height: 5px;opacity: 0.5;background: #000000;border-radius: 27px;margin: 0 3px;}
.banner .banner-pagination .swiper-pagination-bullet-active{width: 40px;background: #FFFFFF;opacity: 1;}
@media screen and (max-width: 765px){
    .banner-pc{display: none;}
    .banner-mc{display: block;}
    .banner .banner-mc-pagination{position: absolute;text-align: center;left: 0;right: 0;bottom: 2rem;z-index: 10;}
    .banner .banner-mc-pagination .swiper-pagination-bullet{width: 1.4rem;height: 0.5rem;background: #000000;border-radius: 2.7rem;margin: 0 0.4rem;}
    .banner .banner-mc-pagination .swiper-pagination-bullet-active{width: 4rem;background: #FFFFFF;opacity: 1;}
}

/*关于我们*/
.about{height: 700px;background: url("../images/about-bg.jpg") no-repeat center top;padding: 110px 0 0;position: relative;overflow: hidden;}
.about h2{position: absolute;right: 70px;top: 0;}
.about h2 a{display: block;width: 300px;line-height: 64px;height: 128px;font-size: 54px;font-weight: 700;color: #233550;text-transform: uppercase;overflow: hidden;}
.about .about-left{float: left;width: 850px;height: 480px;border-radius: 10px;overflow: hidden;}
.about .about-left a, .about .about-left img{width: 100%;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.about .about-left:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.about .about-right{float: right;width: 370px;padding-top: 165px;}
.about .about-right p{line-height: 28px;font-size: 16px;color: #53637f;overflow: hidden;}
.about .more{padding-top: 80px;}
.about .more a{display: inline-block;padding: 0 35px;background: linear-gradient(90deg, #2794cf, #07afd9, #0bdcee);height: 45px;line-height: 45px;font-size: 16px;color: #ffffff;text-align: center;text-transform: uppercase;border-radius: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.about .more a:hover{transform: translateX(-5px);-webkit-transform: translateX(-5px);-o-transform: translateX(-5px);-moz-transform: translateX(-5px);}
@media screen and (max-width: 765px){
    .about{height: auto;background: #ffffff;padding: 9rem 0 10rem;}
    .about h2{position: relative;height: 7rem;right: auto;top: auto;text-align: center;}
    .about h2 a{display: inline-block;width: auto;max-width: 100%;height: 7rem;line-height: 7rem;font-size: 5rem;overflow: hidden;}
    .about .about-list{padding-top: 5rem;}
    .about .about-left{float: none;width: 100%;height: 40rem;border-radius: 1rem;}
    .about .about-right{float: none;width: 100%;padding: 3rem 1rem 0;}
    .about .about-right p{line-height: 4.2rem;font-size: 2.4rem;color: #53637f;}
    .about .more{padding-top: 5rem;text-align: center;}
    .about .more a,
    .industry-more a,
    .case-list .case-more a,
    .news-more a{display: inline-block;padding: 0 4.5rem;background: linear-gradient(90deg, #2794cf, #07afd9, #0bdcee);height: 7rem;line-height: 7rem;font-size: 3rem;color: #ffffff;border-radius: 10px;}
}

/*标题通用样式*/
.home-title{text-align: left;padding-right: 230px;position: relative;}
.home-title h2{height: 70px;text-align: left;}
.home-title h2 a, .home-title h2 span{display: inline-block;max-width: 100%;line-height: 70px;min-height: 70px;font-size: 54px;color: #233550;font-weight: 700;text-transform: uppercase;overflow: hidden;}
.home-title .title-btn{width: 180px;height: 45px;position: absolute;right: 0;top: 50%;margin-top: -22px;z-index: 10;}
.home-title .title-btn a{display: block;border: 1px solid #51618e;height: 45px;line-height: 45px;font-size: 16px;color: #51618e;text-align: center;text-transform: uppercase;border-radius: 10px;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.home-title .title-btn:hover a{background: linear-gradient(90deg, #2794cf, #07afd9, #0bdcee);border: 0;color: #ffffff;}
@media screen and (max-width: 765px){
    .home-title{text-align: center;padding: 0;}
    .home-title h2{height: 7rem;text-align: center;}
    .home-title h2 a, .home-title h2 span{display: inline-block;line-height: 7rem;min-height: 7rem;font-size: 5rem;}
    .home-title .title-btn{display: none;opacity: 0;z-index: -10;}
}

/*产品中心*/
.product{padding: 100px 0 125px;background-color: #f0f7ff;overflow: hidden;}
.product-rec{padding-top: 85px;position: relative;}
.product-rec dt{float: right;width: 845px;border-radius: 8px;overflow: hidden;}
.product-rec dt a, .product-rec dt img{width: 100%;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.product-rec dt:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.product-rec dd{float: left;width: 430px;padding-top: 30px;}
.product-rec dd h4{width: 320px;text-align: left;}
.product-rec dd h4 a{display: block;font-size: 36px;line-height: 46px;color: #233550;font-weight: 700;vertical-align: middle;}
.product-rec .pro-trait{padding-top: 30px;}
.product-rec .pro-trait p{height: 38px;margin-bottom: 7px;}
.product-rec .pro-trait p span, .product-rec .pro-trait p a{display: inline-block;min-width: 140px;max-width: 100%;border: 1px solid #53637f;padding: 0 10px 0 15px;height: 38px;line-height: 38px;font-size: 16px;color: #53637f;border-radius: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-rec .pro-desc{padding-top: 23px;line-height: 28px;font-size: 16px;color: #53637f;}
.product-list{margin-top: 40px;position: relative;}
.product-list .product-prev, .product-list .product-next{position: absolute;width: 55px;height: 55px;line-height: 55px;font-size: 18px;font-family: "宋体";color: #99b0cf;text-align: center;border: 1px solid #99b0cf;border-radius: 50%;top: 50%;margin-top: -27.5px;z-index: 5;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.product-list .product-prev{left: -7.422%;}
.product-list .product-next{right: -7.422%;}
.product-list .product-prev:hover, .product-list .product-next:hover{background-color: #99b0cf;color: #ffffff;}
.product-list li{width: 304px;margin-right: 21px;position: relative;border-radius: 8px;overflow: hidden;}
.product-list li > a, .product-list li img{width: 100%;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.product-list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
@media screen and (max-width: 1500px){
    .product-list .product-prev{left: -20px;}
    .product-list .product-next{right: -20px;}
}
@media screen and (max-width: 765px){
    .product{padding: 9rem 0 10rem;}
    .product-rec{padding-top: 5rem;}
    .product-rec dt{float: none;width: 100%;}
    .product-rec dd{float: none;width: 100%;padding-top: 3rem;}
    .product-rec dd h4{width: 100%;}
    .product-rec dd h4 a{height: 6rem;line-height: 6rem;font-size: 3.6rem;color: #233550;overflow: hidden;}
    .product-rec .pro-trait{padding-top: 2rem;}
    .product-rec .pro-trait p{display: inline-block;max-width: 100%;height: 5rem;padding-right: 2rem;margin-bottom: 2rem;}
    .product-rec .pro-trait p span, .product-rec .pro-trait p a{display: block;min-width: auto;padding: 0 2rem;height: 5rem;line-height: 5rem;font-size: 2.4rem;color: #53637f;border-radius: 0.8rem;}
    .product-rec .pro-desc{padding: 0;line-height: 4rem;font-size: 2.4rem;color: #53637f;}
    .product-list{margin-top: 4rem;}
    .product-list .product-prev, .product-list .product-next{position: absolute;width: 5rem;height: 5rem;line-height: 5rem;font-size: 1.8rem;background-color: #99b0cf;color: #ffffff;margin-top: -2.5rem;z-index: 5;}
    .product-list .product-prev{left: -2rem;}
    .product-list .product-next{right: -2rem;}
    .product-list li{width: 47.83%;margin-right: 4.34%;}
}

/*应用行业*/
.industry{padding: 100px 0 90px;overflow: hidden;}
.industry-list{padding-top: 60px;min-width: 1280px;margin: 0 auto;}
.industry-list .list-items{max-width: 50%;}
.industry-list ul{width: 49.1667%;}
.industry-list li{position: relative;margin-bottom: 15px;}
.industry-list li span, .industry-list li span a, .industry-list li span img{display: block;width: 100%;}
.industry-list li span{border-radius: 0 8px 8px 0;overflow: hidden;position: relative;}
.industry-list li h4{height: 46px;padding: 0 10px;}
.industry-list li h4 a{display: block;height: 46px;line-height: 46px;font-size: 24px;color: #333333;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-list li span:after{content: "";background-color: rgba(0, 17, 48, 0.7);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;opacity: 0;}
.industry-list li .items-con{position: absolute;left: 5%;right: 5%;top: 50%;margin-top: -71px;z-index: 100;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;opacity: 0;}
.industry-list .items-con h5{margin-bottom: 10px;}
.industry-list .items-con h5 a{display: block;height: 46px;line-height: 46px;font-size: 24px;color: #ffffff;font-weight: 400;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-list .items-con .con-more{width: 170px;height: 45px;margin: 0 auto;}
.industry-list .items-con .con-more a{display: block;border: 1px solid #0080cb;border-radius: 10px;height: 45px;line-height: 45px;font-size: 16px;color: #ffffff;text-align: center;}
.industry-list li:hover span:after,
.industry-list li:hover .items-con{opacity: 1;}
.industry-list dl{width: 48.9584%;margin-left: 1.25%;position: relative;}
.industry-list dt span, .industry-list dt span a, .industry-list dt span img{display: block;width: 100%;}
.industry-list dt span{border-radius: 8px;overflow: hidden;position: relative;}
.industry-list dt span:after{content: "";background-color: rgba(0, 17, 48, 0.7);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.industry-list dt h4{height: 46px;padding: 0 10px;}
.industry-list dt h4 a{display: block;height: 46px;line-height: 50px;font-size: 24px;color: #333333;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-list dd{position: absolute;left: 10.9%;right: 10.9%;top: 50%;margin-top: -153px;z-index: 100;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.industry-list dd h4{margin-bottom: 35px;}
.industry-list dd h4 a{display: block;height: 46px;line-height: 46px;font-size: 24px;color: #ffffff;font-weight: 400;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.industry-list dd p{height: 96px;line-height: 24px;font-size: 16px;color: #ffffff;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;margin-bottom: 50px;}
.industry-list dd .list-more{width: 170px;height: 45px;margin: 0 auto;}
.industry-list dd .list-more a{display: block;border: 1px solid #0080cb;border-radius: 10px;height: 45px;line-height: 45px;font-size: 16px;color: #ffffff;text-align: center;}
.industry-list dl:hover dt span:after,
.industry-list dl:hover dd{opacity: 1;}
.industry-more{display: none;}
@media screen and (max-width: 1810px){
    .industry-list li{position: relative;margin-bottom: 12px;}
}
@media screen and (max-width: 1710px){
    .industry-list li{position: relative;margin-bottom: 10px;}
}
@media screen and (max-width: 1610px){
    .industry-list li{position: relative;margin-bottom: 6px;}
    .industry-list li h4,
    .industry-list dt h4{height: 44px;padding: 0 10px;}
    .industry-list li h4 a,
    .industry-list dt h4 a{display: block;height: 44px;line-height: 44px;font-size: 24px;}
}
@media screen and (max-width: 1510px){
    .industry-list li{position: relative;margin-bottom: 8px;}
    .industry-list li h4,
    .industry-list dt h4{height: 42px;padding: 0 10px;}
    .industry-list li h4 a,
    .industry-list dt h4 a{display: block;height: 42px;line-height: 42px;font-size: 22px;}
}
@media screen and (max-width: 1410px){
    .industry-list li{position: relative;margin-bottom: 6px;}
    .industry-list li h4,
    .industry-list dt h4{height: 40px;padding: 0 10px;}
    .industry-list li h4 a,
    .industry-list dt h4 a{display: block;height: 40px;line-height: 40px;font-size: 20px;}
}
@media screen and (max-width: 765px){
    .industry{padding: 9rem 0 10rem;}
    .industry-list{width: 92%;padding-top: 5rem;min-width: auto;}
    .industry-list .list-items{float: none;width: 100%;max-width: 100%;}
    .industry-list li{margin-bottom: 0;}
    .industry-list li span{border-radius: 8px;}
    .industry-list .list-items dl,
    .industry-list .list-items ul{width: 47.8261%;margin: 0;}
    .industry-list .list-items.fr{padding-top: 0.5rem;}
    .industry-list .list-items.fl dl,
    .industry-list .list-items.fr ul{float: left;}
    .industry-list .list-items.fl ul{float: right;}
    .industry-list li span:after,
    .industry-list li .items-con,
    .industry-list .list-items dl dt span:after,
    .industry-list .list-items dl dd{display: none;opacity: 0;}
    .industry-list li h4,
    .industry-list dt h4{height: 4.6rem;padding: 0 1rem;}
    .industry-list li h4 a,
    .industry-list dt h4 a{display: block;height: 4.6rem;line-height: 4.6rem;font-size: 2.4rem;}
    .industry-more{padding-top: 3.5rem;text-align: center;display: block;}
}

/*客户案例*/
.case{padding: 100px 0;background: #f0f7ff;position: relative;overflow: hidden;}
.case .case-list{min-width: 1600px;min-height: 480px;margin-top: 55px;position: relative;}
.case-list .case-prev, .case-list .case-next{position: absolute;width: 55px;height: 55px;line-height: 55px;font-size: 18px;font-family: "宋体";color: #99b0cf;text-align: center;border: 1px solid #99b0cf;border-radius: 50%;bottom: 10px;z-index: 5;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.case-list .case-prev{right: 24.7%;}
.case-list .case-next{right: 20%;}
.case-list .case-prev:hover, .case-list .case-next:hover{background-color: #99b0cf;color: #ffffff;}
/*.case-list dl{width: 432px;}*/
/*.case-list dl.active{width: 630px;}*/
.case-list dt{overflow: hidden;border-radius: 8px;}
.case-list dt a, .case-list dt img{width: 100%;display: block;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.case-list dl.active dt{box-shadow: 10px 15px 20px #b4bdc7;}
.case-list dd{padding: 15px 0 0;}
.case-list dd h4{height: 40px;line-height: 40px;margin-bottom: 5px;}
.case-list dd h4 a{display: inline-block;max-width: 100%;height: 40px;font-size: 24px;font-weight: 400;color: #3c4e67;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.case-list dd p{line-height: 24px;font-size: 16px;color: #53637f;display: none;}
.case-list dl.active dd{padding: 30px 0 0;}
.case-list dl.active dd p{display: block;}
.case-list .case-more{display: none;}
.case-list dl:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
@media screen and (max-width: 765px){
    .case{padding: 9rem 0 10rem;}
    .case .case-list{min-width: auto;min-height: auto;margin-top: 5rem;}
    .case-list .case-prev, .case-list .case-next{position: absolute;width: 7rem;height: 7rem;line-height: 7rem;font-size: 2.2rem;font-family: "宋体";color: #99b0cf;text-align: center;border: 1px solid #99b0cf;border-radius: 50%;bottom: 0;}
    .case-list .case-prev{right: auto;left: 0;}
    .case-list .case-next{right: 0;}
    .case-list .swiper-slide, .case-list .swiper-slide-active{width: 100%;}
    .case-list dd, .case-list .swiper-slide-active dd{padding: 3rem 1rem 0;}
    .case-list dd h4{height: 5rem;line-height: 5rem;margin-bottom: 1.2rem;}
    .case-list dd h4 a{height: 5rem;font-size: 3rem;font-weight: 400;color: #3c4e67;}
    .case-list dd p{line-height: 4rem;font-size: 2.4rem;color: #53637f;display: block;}
    .case-list .case-more{padding-top: 5rem;text-align: center;display: block;}
}

/*公司优势*/
.yos{padding: 90px 0 20px;overflow: hidden;}
.yos-con1{padding: 70px 0 65px;}
.yos-con3{padding: 65px 0;}
.yos .yos-con4{padding: 0;}
.yos-con1 dl{padding-bottom: 50px;position: relative;}
.yos-con1 dt{width: 1064px;border-radius: 8px;overflow: hidden;}
.yos-con4 dt{margin: 0 0 0 auto;}
.yos-con1 dt img.pc{width: 1064px;height: 462px;display: block;}
.yos-con1 dt img.mc,
.yos-con2-pic img.mc{display: none;}
.yos-con1 dd{width: 522px;padding: 70px 50px 75px 55px;background: url("../images/yos-icon-bg.gif") no-repeat left 52px #ffffff;border-radius: 20px;box-shadow: 15px 15px 20px rgba(242, 242, 242, 0.9);position: absolute;right: 0;bottom: 0;z-index: 10;}
.yos-con4 dd{left: 0;right: auto;box-shadow: -15px 15px 20px rgba(242, 242, 242, 0.9);}
.yos-con1 dd h4{line-height: 46px;font-size: 32px;font-weight: 700;color: #233550;padding-bottom: 24px;border-bottom: 1px solid #b9ccde;}
.yos-con1 dd h4 em{font-style: normal;color: #0080cb;}
.yos-con1 dd p{line-height: 28px;font-size: 16px;color: #233550;padding-top: 25px;}
.yos-con2, .yos-con3{min-width: 1280px;margin: 0 auto;}
.yos-con2-pic{width: 73.021%;border-radius: 8px 0 0 8px;overflow: hidden;position: relative;z-index: 1;}
.yos-con3 .yos-con2-pic{border-radius: 0 8px 8px 0;}
.yos-con2-pic img.pc{width: 100%;display: block;}
.yos-con2 .content{padding-bottom: 55px;z-index: 1;}
.yos-con2-desc{width: 522px;padding: 70px 50px 75px 55px;background: url("../images/yos-icon-bg.gif") no-repeat left 52px #ffffff;border-radius: 20px;box-shadow: -15px 15px 20px rgba(242, 242, 242, 0.9);position: absolute;left: 0;bottom: 0;z-index: 10;}
.yos-con3 .yos-con2-desc{left: auto;right: 0;box-shadow: 15px 15px 20px rgba(242, 242, 242, 0.9);}
.yos-con2-desc h4{line-height: 46px;font-size: 32px;font-weight: 700;color: #233550;padding-bottom: 24px;border-bottom: 1px solid #b9ccde;}
.yos-con2-desc h4 em{font-style: normal;color: #0080cb;}
.yos-con2-desc p{line-height: 28px;font-size: 16px;color: #233550;padding-top: 25px;}
@media screen and (max-width: 765px){
    .yos{padding: 9rem 0 10rem;}
    .yos-con1{padding: 5rem 0 6rem;}
    .yos-con2, .yos-con3{min-width: auto;}
    .yos-con3{padding: 6rem 0;}
    .yos-con1 dl{padding-bottom: 0;}
    .yos-con1 dt{width: 100%;}
    .yos-con1 dt img.mc,
    .yos-con2-pic img.mc{width: 100%;display: block;}
    .yos-con2-pic{float: none;width: 92%;margin: 0 auto;border-radius: 8px;}
    .yos-con1 dt img.pc,
    .yos-con2-pic img.pc{display: none;}
    .yos-con1 dd,
    .yos-con2 .yos-con2-desc{width: 94.21%;margin: -8rem auto 0;padding: 3.5rem 3rem 4.5rem;background: url("../images/yos-icon-bg.gif") no-repeat left 2rem #ffffff;background-size: 28.2rem 11rem;border-radius: 2rem;box-shadow: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.2);position: relative;}
    .yos-con1 dd h4,
    .yos-con2 .yos-con2-desc h4{line-height: 5rem;font-size: 3.2rem;padding-bottom: 2.5rem;}
    .yos-con1 dd p,
    .yos-con2 .yos-con2-desc p{line-height: 4rem;font-size: 2.4rem;padding-top: 2.2rem;}
}

/*新闻资讯*/
.news{padding: 80px 0;background: #ffffff;overflow: hidden;}
.news-con{padding-top: 50px;position: relative;}
.news-rec{width: 326px;position: absolute;top: 50px;right: 0;z-index: 10;}
.news-rec dt{border-radius: 8px 8px 0 0;overflow: hidden;}
.news-rec dt a, .news-rec dt img{width: 100%;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.news-rec dl:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.news-rec dd{padding: 34px 35px 25px;border: 1px solid #cbd5e8;border-radius: 0 0 8px 8px;}
.news-rec dd h4{margin-bottom: 30px;}
.news-rec dd h4 a{display: block;line-height: 34px;max-height: 102px;font-size: 24px;color: #3c4e67;overflow: hidden;}
.news-rec dd span.pc{display: block;height: 24px;line-height: 24px;font-size: 16px;color: #8da6c4;}
.news-rec dd span.mc,
.news-rec dd p{display: none;}
.news-left{float: left;width: 910px;}
.news-left dl{min-height: 183px;padding-left: 350px;margin-bottom: 25px;position: relative;}
.news-left dt{width: 326px;border-radius: 8px;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;z-index: 10;}
.news-left dt a, .news-left dt img{width: 100%;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.news-left dl:hover dt img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}
.news-left dd{padding: 40px 0 0 25px;border-top: 1px solid #c8deef;}
.news-left dd span{display: none;}
.news-left dd h4{margin-bottom: 5px;height: 40px;}
.news-left dd h4 a{display: inline-block;max-width: 100%;height: 40px;line-height: 40px;font-size: 24px;font-weight: 400;color: #3c4e67;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-left dd p{line-height: 28px;font-size: 16px;color: #53637f;}
.news-right{float: right;width: 326px;padding-top: 416px;}
.news-right-desc{height: 183px;background: url("../images/news-right-bg.gif") no-repeat left 40px;border: 1px solid #c9dbf0;border-radius: 8px;}
.news-right-desc p{padding: 35px 35px 0;line-height: 28px;font-size: 18px;color: #3c4e67;}
.news-more{display: none;}
@media screen and (max-width: 765px){
    .news{padding: 9rem 0 10rem;background: #f0f7ff;}
    .news-con{padding-top: 5rem;}
    .news-rec{width: 100%;position: relative;top: 0;right: auto;background: #ffffff;border-radius: 0.8rem;}
    .news-rec dd{padding: 4.5rem 4rem;border: 0;box-shadow: 1rem 1rem 1.5rem #e3ecf6, -1rem 0 1.5rem #e3ecf6;}
    .news-rec dd span.mc,
    .news-left dd span{display: block;height: 3.2rem;line-height: 3.2rem;font-size: 2.4rem;color: #8da6c4;margin-bottom: 1.2rem;}
    .news dd h4{height: 5rem;margin-bottom: 1rem;}
    .news dd h4 a{display: inline-block;max-width: 100%;height: 5rem;line-height: 5rem;font-size: 3rem;font-weight: 700;color: #233550;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .news dd p{display: block;line-height: 4rem;font-size: 2.4rem;color: #53637f;}
    .news-rec dt,
    .news-rec dd span.pc,
    .news-left dt{display: none;}
    .news-left{float: none;width: 100%;}
    .news-left dl{min-height: auto;padding: 0;margin-bottom: 0;}
    .news-left dd{padding: 4.54rem 4rem;border-top: 0;border-bottom: 1px solid #c8deef;}
    .news-con .news-right{display: none;float: none;}
    .news-more{text-align: center;display: block;padding-top: 4rem;}
}

/*联系我们*/
.contact-us{width: 1280px;margin: 0 auto -80px;height: 207px;background: url("../images/home-contact-bg.jpg") no-repeat center top;background-size: 100% 207px;overflow: hidden;position: relative;z-index: 100;}
.contact-us h2{padding: 58px 350px 0 70px;}
.contact-us h2 span{display: block;height: 50px;line-height: 50px;font-size: 36px;color: #ffffff;font-weight: 700;overflow: hidden;margin-bottom: 5px;}
.contact-us h2 em{display: block;height: 30px;line-height: 30px;font-size: 24px;color: #c3deff;font-weight: 400;overflow: hidden;font-style: normal;}
.contact-more{position: absolute;height: 52px;background: url("../images/home-contact-btn.png") no-repeat center;background-size: 100% 100%;top: 50%;margin-top: -26px;right: 80px;z-index: 5;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.contact-more a{display: block;padding-right: 50px;height: 52px;line-height: 52px;font-size: 15px;color: #182b3c;text-transform: uppercase;padding-left: 24px;border-radius: 24px;transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;}
.contact-more i{width: 50px;height: 52px;line-height: 52px;font-family: "宋体";text-align: center;font-style: normal;position: absolute;right: 0;top: 0;z-index: 10;}
.contact-more:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);-o-transform: translateY(-5px);-moz-transform: translateY(-5px);}
@media screen and (max-width: 765px){
    .contact-us{width: 100%;margin: 0 auto;height: 20rem;background: url("../images/home-contact-mc-bg.jpg") no-repeat center top;background-size: 100% 100%;overflow: hidden;}
    .contact-us h2{padding: 5.2rem 0 0 4%;}
    .contact-us h2 span{display: block;height: 5rem;line-height: 5rem;font-size: 3.6rem;margin-bottom: 0.6rem;}
    .contact-us h2 em{display: block;height: 3rem;line-height: 3rem;font-size: 2.4rem;color: #c3deff;}
    .contact-more{display: none;}
}