@charset "UTF-8";
/* =========================== banner ================================= */
.banner { position: relative; width:1920px;margin:0 auto;}

.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: 80px 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: 30px; padding: 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: 28px; }

.main .exclusive-infor .right-contact .left .phone { margin-top: 20px; }

.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; margin-right: 61px; }

.main .honor-wall .honor-wrap .honor-list .title { margin-top: 20px; font-size: 18px; color: #6a6a6a; }