@charset "UTF-8";
/***************************** 主体内容容器 ******************************/
.content-wrap { padding: 20px 0 0; }

.content-wrap .title-wrap { margin-bottom: 50px; padding: 55px 0 25px; border-bottom: 1px solid #ccc; }

/***************************** 关于我们 ******************************/
.about .title { margin-bottom: 30px; font-size: 24px; font-weight: 400; text-align: center; color: #1a3360; }

.about p { margin-bottom: 20px; text-indent: 28px; line-height: 40px; }

/***************************** 新闻中心 ******************************/
.news-wrap .article-wrap { color: #666; }

.news-wrap .article-wrap .left.two, .news-wrap .article-wrap .right .article-list.two { width: 100%; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px dashed #ccc; }

.news-wrap .article-wrap .left.two .title, .news-wrap .article-wrap .right .article-list.two .title { color: #333; }

.news-wrap .article-wrap .left.two img, .news-wrap .article-wrap .right .article-list.two img { float: left; width: 120px; height: 100px; margin-right: 20px; }

.news-wrap .article-wrap .left.two p, .news-wrap .article-wrap .right .article-list.two p { margin-top: 10px; }

.news-wrap .article-wrap .left.two .author span, .news-wrap .article-wrap .right .article-list.two .author span { display: inline-block; margin-right: 40px; }

.news-wrap .article-wrap .left.two .summary, .news-wrap .article-wrap .right .article-list.two .summary { line-height: 22px; color: #666; }

.news-wrap .article-wrap .left.one { width: 600px; }

.news-wrap .article-wrap .left.one .title { margin: 15px 0; }

.news-wrap .article-wrap .left.one .author span { display: inline-block; margin-right: 40px; }

.news-wrap .article-wrap .left.one .summary { margin-top: 15px; line-height: 22px; color: #666; }

.news-wrap .article-wrap .right { width: 535px; }

.news-wrap .article-wrap .right.one .author { display: none; }

.news-wrap .article-wrap .right.one .article-list { margin-bottom: 30px; }

.news-wrap .article-wrap .right.one .article-list.one { margin: 0; }

.news-wrap .article-wrap .right.one img { margin-right: 20px; }

.news-wrap .article-wrap .right.one .summary { margin-top: 10px; line-height: 22px; color: #666; }

.news-wrap .article-wrap .right.two { width: 100%; }

/***************************** 联系我们 ******************************/
.message .contact-information { width: 1200px; margin: 0 auto; padding-top: 70px; text-align: center; }

.message .contact-information-address, .message .contact-information-email, .message .contact-information-phone { float: left; width: 400px; }

.message .contact-address, .message .contact-email, .message .contact-phone { width: 64px; height: 64px; margin: 0 auto; background: url("../images/2017041210260286600.png") no-repeat; }

.message .contact-address { background-position: 0 0; }

.message .contact-phone { background-position: -64px 0; }

.message .contact-email { background-position: -128px 0; }

.message .contact-address:hover { animation: bounce 1s; background-position: 0 -64px; }

.message .contact-phone:hover { animation: bounce 1s; background-position: -64px -64px; }

.message .contact-email:hover { animation: bounce 1s; background-position: -128px -64px; }

.message .contact-title { font-size: 18px; padding-top: 10px; font-weight: 600; }

.message .contact-content { padding-top: 30px; color: #666666; }

@keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% { -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

/***************************** 形象展示 ******************************/
.picture-walls .picture { overflow: hidden; height: 580px; margin-top: 30px; text-align: justify; }

.picture-walls .picture:after { content: ""; display: inline-block; width: 100%; }

.picture-walls .picture li { overflow: hidden; display: inline-block; position: relative; width: 360px; height: 265px; margin-bottom: 40px; cursor: pointer; }

.picture-walls .picture li img { width: 100%; height: 100%; }

.picture-walls .picture li .hidden-bg { transition: 0.7s; position: absolute; top: 265px; left: 0; width: 100%; height: 100%; background: url("../images/2017042119035965896.png"); }

.picture-walls .picture li .hidden-bg p { position: absolute; top: 50%; left: 50%; width: 180px; height: 50px; margin: -25px 0 0 -90px; border: 2px solid #fff; line-height: 50px; text-align: center; color: #fff; }

.picture-walls .picture li:hover .hidden-bg { top: 0; }

.picture-hide { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; }

.picture-hide .picture-close { position: absolute; top: 10px; right: 20px; width: 32px; height: 32px; background: url("../images/2017042116222763085.png") no-repeat; cursor: pointer; }

.picture-hide .hide-bg { position: absolute; z-index: -1; top: 0; left: 0; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 100%; height: 100%; background: #000; }

.picture-hide .show-img { position: relative; width: 1240px; height: 390px; margin: 40px auto; text-align: center; }

.picture-hide .show-img img { border: 4px solid #ececec; border-radius: 5px; }

.picture-hide .show-img .title-wrap { position: absolute; bottom: -4px; left: 6px; padding: 10px 30px 10px 20px; width: 200px; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; }

.picture-hide .show-img .title-wrap p { color: #fff; }

.picture-hide .show-img .title-wrap .title { margin-bottom: 5px; font-size: 20px; }

.picture-hide .thumbnail-img { position: relative; width: 490px; margin: 0 auto; }

.picture-hide .thumbnail-img .iconfont { position: absolute; top: 50%; margin-top: -23px; display: inline-block; width: 26px; height: 46px; background: url("../images/2017042415515955462.png") no-repeat; cursor: pointer; }

.picture-hide .thumbnail-img .iconfont.left { left: -40px; background-position: -148px 0; }

.picture-hide .thumbnail-img .iconfont.right { right: -40px; background-position: -177px 0; }

.picture-hide .thumbnail-img-list { overflow: hidden; }

.picture-hide .thumbnail-img-list li { float: left; width: 150px; height: 128px; margin-right: 20px; border: 1px solid #fff; }

.picture-hide .thumbnail-img-list li img { width: 100%; height: 100%; }

/***************************** 荣誉墙 ******************************/
.honor-wrap { overflow: hidden; }

.honor-wrap ul { width: 100%; }

.honor-wrap .honor-list { float: left; margin: 0 30px 60px; }

.honor-wrap .honor-list .title { margin-top: 20px; font-size: 18px; color: #6a6a6a; }

/***************************** 主体内容容器 ******************************/
.content-wrap { padding: 20px 0 0; }

.content-wrap .title-wrap { margin-bottom: 50px; padding: 55px 0 25px; border-bottom: 1px solid #ccc; }

/***************************** 产品介绍 ******************************/
.product .tab-nav-wrap { margin: 10px 0 40px; padding: 40px 100px 0; }

.product .tab-nav-wrap .tab-nav-list { text-align: center; cursor: pointer; }

.product .tab-nav-wrap .tab-nav-list .iconfont { font-size: 50px; color: #b1c1d7; }

.product .tab-nav-wrap .tab-nav-list.on span, .product .tab-nav-wrap .tab-nav-list.on .iconfont { color: #085597; }

.product .content-list { display:block; }

.product .article-wrap { margin-top: 30px; }

.product .article-wrap .article-list { float: left; width: 211px; height: 340px; margin-bottom: 40px; padding: 40px; border: 1px solid #d9d9db; }

.product .article-wrap .article-list .title { margin: 20px 0; padding: 10px 0px; border-width: 1px 0 1px 0; border-style: solid; border-color: #eee; font-size: 14px; text-align: center; font-weight:100 }

.product .article-wrap .article-list .summary { line-height: 20px; }

.product .article-wrap .article-list .more { color: #085597; }

/* =========================== banner ================================= */
.banner { position: relative; }

.banner .banner-list-wrap { position: relative; min-height: 300px; color: #fff; }

.banner .banner-list-wrap .banner-list { display: none; position: absolute; top: 0; left: 0; }

.banner .banner-list-wrap .banner-list .banner-txt { position: absolute; top: 0px; right: 0; left: 0; margin: auto; text-align: center; }

.banner .banner-list-wrap .banner-list .title { margin-top: 100px; font-size: 40px; font-weight: 500; }

.banner .banner-list-wrap .banner-list .sub-title { margin-top: 10px; font-size: 15px; font-family: "Microsoft Yahei"; font-weight: 100; }

.banner .banner-list-wrap .banner-list .title, .banner .banner-list-wrap .banner-list .sub-title { opacity: 0; margin-left: 800px; white-space: nowrap; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

.banner .banner-list-wrap .banner-list .title.on, .banner .banner-list-wrap .banner-list .sub-title.on { opacity: 1; margin-left: 0; }

.banner .banner-list-wrap .banner-list-1 .title { font-size: 57px; }

.banner .banner-list-wrap .banner-list-1 .sub-title { font-size: 18px; }

.banner .banner-btn-wrap { position: absolute; bottom: 80px; left: 50%; }

.banner .banner-btn-wrap li { float: left; width: 15px; height: 15px; margin: 0 5px; border-radius: 50%; background: #fff; cursor: pointer; }

.banner .banner-btn-wrap li.on { background: #487ba4; }

.banner .icon-wrap { display: none; position: absolute; z-index: 99; top: 0; right: 0; left: 0; height: 100%; margin: auto; }

.banner .icon-wrap .iconfont { opacity: 0; position: absolute; top: 50%; margin-top: -20px; font-size: 40px; color: #252b5b; cursor: pointer; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.banner .icon-wrap .iconfont.banner-arrow-left { left: -3%; }

.banner .icon-wrap .iconfont.banner-arrow-right { right: -3%; }

.banner .icon-wrap .iconfont:hover { color: #fff; }

.banner .promotion { position: absolute; z-index: 999; left: 0; bottom: 0; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.4); color: #ffd54f; }

.banner .promotion .wrap { overflow: hidden; height: 22px; margin-top: 25px; }

.banner .promotion .iconfont { margin-right: 10px; font-size: 20px; color: #e61739; }

.banner .promotion .promotion-wrap a { line-height: 22px; color: #ffd54f; }

.banner .promotion .promotion-wrap a span { margin-left: 30px; }

.banner:hover .iconfont.banner-arrow-left { opacity: 1; left: 0; }

.banner:hover .iconfont.banner-arrow-right { opacity: 1; right: 0; }

/* =========================== 主体内容 ================================= */
.main .content-wrap { padding: 30px 0; }

.main .content-wrap h2.title { margin-bottom: 50px; font-size: 24px; }

.main .content-wrap h2.title strong {margin-right: 15px;font-weight: 900;color: #204180;}

.main .content-wrap h2.title span { font-weight: 100; font-family: 'Microsoft Yahei'; color: #9a9a9a; }

.main .content-wrap h2.title .more-btn { font-size: 14px; font-weight: 400; color: #0091ea; }

.main .exclusive-infor { background: #f7f7f7; }

.main .exclusive-infor .content-title { font-size: 14px; font-weight: 400; line-height: 30px; color: #3a3a3a; }

.main .exclusive-infor .left-summary { width: 580px; padding-top: 20px; }

.main .exclusive-infor .left-summary .summary { line-height: 30px; text-indent: 28px; }

.main .exclusive-infor .left-summary .btn { float: left; width: 190px; height: 65px; margin: 50px 40px 0 0; background: url(../images/2017072814002955046.png) no-repeat; font-size: 20px; font-weight: 500; text-align: center; line-height: 65px; }

.main .exclusive-infor .left-summary .btn .iconfont { vertical-align: baseline; font-size: 24px; }

.main .exclusive-infor .left-summary .btn:hover { background: url(../images/2017072814002222875.png) no-repeat; color: #fff; }

.main .exclusive-infor .right-contact { width: 506px; height: 250px; margin-top: 20px; padding:10px 20px; background: url(../images/2017072814123783086.png) no-repeat; }

.main .exclusive-infor .right-contact .more-btn { color: #0091ea; }

.main .exclusive-infor .right-contact .left { width: 320px; font-size: 14px; line-height: 24px; }

.main .exclusive-infor .right-contact .left .phone { margin-top: 10px; }

.main .exclusive-infor .right-contact .right { width: 140px; margin-top: 15px; padding-left: 20px; border-left: 1px dashed #ccc; text-align: center; }

.main .exclusive-infor .more-btn { color: #e61739; }

.main .case .case-list { position: relative; padding: 15px; border-bottom: 1px solid #ccc; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .case .case-list .cn-title { margin-top: 20px; }

.main .case .case-list .en-title { margin: 10px 0; }

.main .case .case-list:after { content: "\e6a1"; position: absolute; bottom: 8px; right: 15px; font-size: 20px; font-family: "iconfont"; color: #465d8f; }

.main .case .case-list:hover { box-shadow: 1px 4px 10px 2px #ccc; -webkit-transform: translateY(-2%); -moz-transform: translateY(-2%); -ms-transform: translateY(-2%); -o-transform: translateY(-2%); transform: translateY(-2%); }

.main .news { background: #f7f7f7; }

.main .news .news-list-wrap { width: 710px; }

.main .news .news-list-wrap .news-list { line-height: 30px; }

.main .news .news-list-wrap .first-news { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px dashed #ccc; }

.main .news .news-list-wrap .first-news .summary { margin-top: 15px; line-height: 28px; color: #8e8e8e; }

.main .news .news-list-wrap .time { color: #999; }

.main .news .more-btn { color: #e61739; }

.main .honor-wall .honor-wrap { overflow: hidden; }

.main .honor-wall .honor-wrap ul { width: 200%; }

.main .honor-wall .honor-wrap .honor-list { float: left;}

.main .honor-wall .honor-wrap .honor-list .title { margin-top: 20px; font-size: 18px; color: #6a6a6a; }