/*banner*/
.index-banner{height: 420px;position: relative;}
.img-banner{height: 420px;width: 1200px;}
.index-banner .swiper-pagination{bottom: 50px;}
.index-banner .swiper-pagination-bullet{background: #fff;opacity: 1;width: 30px;height:4px;border-radius: 0;margin: 0 5px;}
.index-banner .swiper-pagination-bullet-active{background: #024389;opacity: 1;height: 6px;}
.index-search{width: 800px;height: 80px;background: #fff url("../images/icon_search.png") left center no-repeat;background-position: 30px 30px;line-height: 80px;padding-left: 60px;font-size: 20px;position: absolute;bottom: -40px;left: 200px;z-index: 3;transition: 0.3s ease-in-out;}
.index-search:hover{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);}
.index-search input{background: #fff;display: inline-block;line-height: 80px;border: 0;padding: 0 20px;float: left;width: 580px;}
.index-search input::placeholder{color: #D1D1D1;}
.index-search .btn-search{background: #024389;width: 160px;color: #fff;text-align: center;display: inline-block;float: right;}
.bg-gray{background: #E6E6E6;}
.bg-white{background: #FFFFFF;}
/*banner*/

/*index-product*/
.index-title{text-align: center;position: relative;margin: 120px 0 25px;}
.index-title:before{width: 100%;height: 1px;background: #D1D1D1;position: absolute;top:30px;left: 0;content: '';z-index: 1;}
.index-title span{font-size: 36px;color: #2E2E2E;padding: 0 45px;display: inline-block;position:relative;z-index: 1;background: #E6E6E6;}
.text-ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap; }
.index-product{padding-bottom: 100px;}
.index-product li{float: left;background: #E6E6E6;width: 224px;height: 293px;border: 1px solid #D1D1D1;transition: 0.5s ease;}
.index-product li:hover{background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);}
.index-product li:not(:last-child){margin-right: 20px;}
.index-product .msg{padding: 15px;}
.index-product .title{font-size: 18px;color: #2E2E2E;margin-bottom: 5px;}
.index-product .dec{color:#ABABAB;font-size: 14px;}
.index-product .dec{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/*index-product*/

/*index-about*/
.index-content{text-align: center;padding-top: 120px;}
.ct-title{font-size: 36px;}
.ct-subtitle{color:#6286ae;margin-bottom: 60px;font-size: 14px;}
.ct-msg{width: 840px;margin: 0 auto;color: #d2dce7;text-align: justify;line-height: 30px;font-size: 16px;}

.index-about{background: #1e518b url("../images/index_about_bg.png") top center no-repeat;height:727px; color: #FFFFFF;}
.read-more{font-size: 16px;color: #024389;width: 164px;height: 52px;line-height: 52px;background: #fff;display: block;margin: 120px auto 0;transition: 0.5s all;}
.read-more:hover{transform: translateY(-8px);}
/*index-about*/

/*index-brand*/
.index-brand{height:850px; color: #000;}
.index-brand .ct-subtitle{color:#b2b2b2;}
.index-brand .ct-msg{color: #000;text-align: center;}

.br-ul li{float: left;width: 240px;height: 180px;}
.br-ul li:nth-child(6){margin-left: 120px;}
.brand-tips{text-align: center;font-size: 12px;margin-top: 120px;color: #a9a9a9;}
/*index-brand*/



/* about  */
.about-wrapper {margin: 120px auto 150px;width: 800px;font-size: 16px;color: #2E2E2E;line-height: 30px;}
.about-kv{background: url(../images/about_bg.png) center no-repeat;height: 400px;padding-top: 150px;position: relative;}
.about-kv .title{background: rgba(0,0,0,0.40);font-size: 40px;color: #FFFFFF;text-align: center;width: 260px;height: 96px;line-height: 96px;margin: 0 auto;}
.about-tab{border-bottom: 1px solid #f5f5f5;}
.about-tab ul{text-align: center;margin: 0 auto;}
.about-tab li{display: inline-block;height: 80px;margin: 0 50px;}
.about-tab li.active{border-bottom: 4px solid #024389;}
.about-tab li.active a{color:#024389;}
.about-tab a{display: block;line-height: 80px;font-size: 18px;color: #A8A8A8;}
.text-indent{text-indent: 2em;}
/* about  */

/* history */
.history-msg ul{width: 600px;margin: 0 auto;position: relative;}
.history-msg ul::before{width: 1px;height: 98%;position: absolute;left: 167px;top: 10px;content: '';background: #024389;}
.history-msg li{margin-bottom: 50px;}
.history-msg .time{font-size: 18px;width: 150px;display: inline-block;text-align: right;padding-right: 15px;vertical-align: top;}
.history-msg li i{position: relative;background: #024389;border-radius: 100%;border: 5px solid #FFFFFF;vertical-align: middle;width: 25px;height: 25px;display: inline-block;}
.history-msg .txt{display: inline-block;margin-left: 20px;width: 390px;vertical-align: top;}
/* history */


/* agent */
.agent-msg li{border-bottom: 1px solid #EBEBEB;margin-bottom: 80px;padding-bottom: 30px;}
.agent-msg li:last-child{margin-bottom: 50px;}
.agent-msg li img{margin-right: 40px;}
.agent-msg li p{margin-top: 10px;}
.agent-txt{text-align: center;margin-bottom: 70px;}
.agent-tips{text-align: center;font-size: 12px;color: #A8A8A8;}
/* agent */

/*pro-list*/
/*.list-kv{background: url(../images/list_bg.png) center no-repeat;background-size:auto 100%;height: 400px;position: relative;}*/
.list-kv{height: 400px;position: relative;}
.list-kv img{position: absolute;left: 50%;margin-left: -720px;width: 1440px;height: 400px;}
.list-line{border-bottom: 1px solid #F5F5F5;}
.list-search{height: 80px;padding-top: 20px;line-height: 40px;text-align: center;}
.list-search label{margin: 0 10px 0 0;}
.list-search input{background: #FAFAFA;  border: 1px solid #EBEBEB;  border-radius: 2px;width: 100px;height: 40px;margin-right: 40px;padding: 0 10px;}
.list-search .btn-reset{display: inline-block;text-align: center;color: #024389;background: #fff; border: 1px solid #024389; border-radius: 2px;width: 80px;height: 40px;}
.list-search .btn-search{display: inline-block;text-align: center;background: #024389;color: #fff;  border-radius: 2px;width: 80px;height: 40px;margin-left: 10px;}
.list-menu{height: 80px;text-align: center;}
.list-menu li{display: inline-block;margin: 0 40px;height: 80px;vertical-align: middle;}
.list-menu a{display: inline-block;line-height: 76px;color: #6E6E6E;}
.list-menu li.active a{border-bottom: 4px solid #024389;color: #024389;text-decoration: none;}
.tab-list{display: none;height: 60px;padding-top: 18px;text-align: center;}
.tab-list a{display: inline-block;padding: 0 16px;font-size: 14px;color: #6E6E6E;height: 26px;line-height: 26px;margin: 0 40px;}
.tab-list a.active{background: #024389;color: #fff;border-radius: 15px;}
.pro-list {padding: 50px 0 100px;}
.pro-list ul{margin:0 -16px;}
.pro-list li{float: left;width: 268px;height: 240px;margin: 30px 20px;}
.pro-list img{border: 1px solid #EBEBEB;width: 262px;height: 168px;}
.pro-list .title{font-size: 18px;color: #2E2E2E;margin-top: 8px;}
.pro-list .subtitle{font-size: 14px;color: #A8A8A8;}

/*pro-list*/

/*pro-detail*/
.img-large{margin-bottom: 20px;width: 340px;height: 340px;overflow: hidden;}
.img-large li{float: left;}
.img-large img{width: 340px;height: 340px;border: 1px solid #EBEBEB;}
.img-small li{float: left;margin-right: 10px;}
.img-small li:last-child{margin-right: 0;}
.img-small li.active img{border: 1px solid #024389;}
.img-small img{width: 60px;height: 60px; border: 1px solid #EBEBEB;}

.pro-parameter{background: #F5F5F5;padding: 20px 15px 0;height: 200px;margin-bottom: 15px;overflow: hidden;}
.pro-parameter .title{color: #2E2E2E;padding-bottom: 10px;border-bottom: 1px solid #EBEBEB;margin-bottom: 20px;}
.pro-parameter li{width: 50%;float: left;margin-bottom: 20px;font-size: 14px;}
.pro-parameter li p span{color: #A8A8A8;}
.pro-parameter .table-cell{display: table;}
.pro-parameter .table-cell span{display: table-cell;width: 3em;}
.pro-ul li{width: 33.3%;float: left;margin-bottom: 35px;}
.pro-ul li.w-md{width: 66.7%;}
.pro-ul li.w-lg{width: 100%;}
.pro-ul li p span{color: #A8A8A8;}
.pro-image{width: 340px;float: left;}
.pro-cont{width: 360px;float: right;}
.pro-tips{font-size: 14px;color: #2E2E2E;margin-bottom: 35px;height: 42px;}
.pro-phone{background: #024389;height: 60px;line-height: 60px;color: #fff;text-align: center;}
/*pro-detail*/


/*pro-detail2*/
.pro-detail{padding:40px 0 100px 0;}
.pro-detail .wrapper{width: 1180px;}
.detail-left{width: 340px;float: left;line-height: 70px;}
.detail-left .title{font-size: 20px;color: #FFFFFF;background: #024389;padding: 0 30px;font-weight: bold;}
.detail-left ul>li.active a i{background: url("../images/arrow_up.png") center no-repeat;background-size:100%; }
.detail-left .pro-menu{border-bottom: 1px solid #F5F5F5;font-size: 16px;color: #2E2E2E;padding: 0 40px;display: block;position: relative;}
.detail-left .pro-menu i{position: absolute;right: 35px;top:30px;width: 10px;height: 10px;background: url("../images/arrow_down.png") center no-repeat;display: block;}
.detail-left .sub-menu{display: none;background: #f5f5f5;}
.detail-left .sub-menu a{padding: 0 50px;display: block;line-height: 60px;border-bottom: 1px solid #ededed;}

.detail-right{width: 820px;float: right;padding: 40px 40px 80px;}
.pro-title{ font-size: 26px;color: #2E2E2E;margin-bottom: 20px;}
.pro-subtitle{font-size: 24px;color: #2E2E2E;border-bottom: 1px solid #EBEBEB;padding: 50px 0 15px;margin-bottom: 30px;}
.pro-msg{line-height: 32px;color: #2E2E2E;}
.pro-file li{background: #FAFAFA;width: 360px;height: 80px;padding: 20px;border: 1px solid #EBEBEB;border-radius: 2px;float: left;line-height: 40px;margin: 0 19px 20px 0;}
.pro-file li:nth-child(even){margin-right: 0;}
.pro-file li .title{width: 230px;float: left;}
.pro-file li .btn-download{float: right;background: #024389;border-radius: 2px;color: #fff;font-size: 14px;display: block;width: 80px;text-align: center;}
/*pro-detail2*/

/*pro-detail3*/
.pro-cont3{padding: 80px 0 100px;}
/*pro-detail3*/



/*news-list*/
.news-list{width: 800px;margin: 60px auto 150px; }
.news-list li{height: 65px;line-height: 65px;border-bottom: 1px solid #EBEBEB;}
.news-list li .title{display: inline-block;width: 650px;font-size: 18px;color: #2E2E2E;}
.news-list li .title:hover{color: #024389;}
.news-list li .date{display: inline-block;float: right;font-size: 14px;color: #A8A8A8;}
.pagination{text-align: center;margin-top: 50px;display: block;}
.pagination a{display: inline-block;background: #FFFFFF;border: 1px solid #EBEBEB;width: 50px;height: 50px;line-height:50px;vertical-align: middle;font-size: 18px;color: #2E2E2E;margin: 0 3px;}
.pagination a.active,.pagination a:hover{background: #024389;color: #fff;border: 1px solid #024389;}
.pagination .arrow-left{background: url("../images/arrow_left.png") center no-repeat;}
.pagination .arrow-right{background: url("../images/arrow_right.png") center no-repeat;}
/*news-list*/
/*news-detail*/
.news-detail{font-size: 16px;color: #6E6E6E;line-height: 28px;margin: 80px auto 120px;position: relative;}
.news-detail .title{font-size: 30px;color: #2E2E2E;padding-bottom: 20px;border-bottom: 1px solid #EBEBEB;margin-bottom: 40px;line-height: 36px;}
.news-detail .title .date{font-size: 14px;color: #A8A8A8;display: inline-block;line-height: 20px;}
.news-detail img{margin: 50px auto;display: block;}
.news-page{border-top: 1px solid #EBEBEB;padding: 30px 0;}
.news-page .page-list{display: inline-block;width: 300px;}
.news-page span{display: block;}
.news-page a{display: inline-block;width: 100%;}
.news-page a:hover{color: #024389;text-decoration: underline;}
.news-page .next{float: right;text-align: right;}
.news-page .btn-back{width:160px;height:50px;line-height:50px;padding: 0 0 0 40px;display: inline-block;border: 1px solid #f1f1f1;color: #333;background: #fafafa url("../images/icon_back.png") no-repeat;background-position: 20px 20px;transition: 0.3s all;}
.news-page .btn-back:hover{text-decoration: none;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);color: #333;}
.btn-top{width: 50px;height: 50px;background: #058cd5 url("../images/icon_top.png") center no-repeat;text-indent:-9999px;transition: 0.3s all;border-radius: 4px;
    position: fixed;right: 3%;bottom: 50px;display: none;}
    /*position: absolute;left: 50%;bottom: 50px;margin-left:430px;display: none;}*/
.news-detail .btn-top.fixed{position: fixed;}
.news-detail .btn-top:hover{box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}

/*news-detail*/

/*contact*/
.contact-kv{background: url(../images/contact_bg.png) center no-repeat;background-size:auto 100%;height: 400px;position: relative;padding-top: 150px;}
.contact-kv .title{font-size: 40px;color: #FFFFFF;text-align: center;width: 260px;height: 96px;line-height: 96px;margin: 0 auto;}
.contact-list{width: 800px;margin: 0 auto;padding: 60px 0;}
.contact-list:last-child{padding-bottom: 200px;}
.map1,.map2{height: 260px;}
.contact-title{font-size: 24px;color: #2E2E2E;border-bottom: 1px solid #EBEBEB;padding-bottom: 15px;margin-bottom: 40px;font-weight: bold;}
.contact-list li{width: 50%;float: left;font-size: 14px;color: #2E2E2E;}
.contact-list li.long{width: 100%;}
.contact-list li .title{font-size: 16px;margin-top: 30px;font-weight: bold;}
/*contact*/

/*search*/
.search-cont{margin:60px auto 150px;}
.search-title{font-size: 24px;color: #2E2E2E;margin: 0 0 20px;}
.search-title span{font-size: 12px;color: #A8A8A8;float: right;margin-top: 18px;}
.search-title span em{color: #024389;}
.table{width: 100%;text-align: center;background: #FAFAFA;}
.table th{background: #024389;color: #fff;line-height: 60px;}
.table td{padding: 18px 10px;border: 1px solid #D6D6D6;width: 1%;word-break: break-all;}
.table a:hover{color: #024389;text-decoration: underline;}
/*search*/

.load-more {margin: 30px 0;text-align: center;}
.load-more a {display: block;padding: 10px;}
.load-more i {display: inline-block;width: 30px;height: 30px;background: url(../images/load_more.png) center no-repeat;vertical-align: middle;margin-right: 10px;}
.load-more span {display: inline-block;vertical-align: middle;}

.load-more{background: #1d6abd;color: #fff;}
.load-more i{background: url(../images/load_down.png) center no-repeat;background-size: 50%;}
.load-more a:hover{color: #fff;}