/* banner */
.banner{ clear:both;position: relative; overflow: hidden;width: 100%;}
.banner .bd { width: 100%;}
.banner .bd ul li a { display: block; height: 665px; font-size: 0;}
.banner .hd {position: absolute;left: 0;bottom:30px;display: block;width: 100%;text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd ul li {float: left;text-align: center;overflow: hidden;margin: 0 8px;width: 10px;height:10px;  border-radius:50%;font-size: 0;background:#fff;}
.banner .hd ul li.cur { background: #005ca7;}
.banner .prev, .banner .next {  display:block; cursor:pointer;position: absolute; top: 45%; margin-top: -36px; width: 70px; height: 70px; border-radius: 50%;  opacity: 0; transition: all 1s;}
.banner .prev { left: 5%; background: url("../images/banner-prev.png")no-repeat center; background-color: #fff;}
.banner .next { right: 5%; background: url("../images/banner-next.png")no-repeat center;background-color: #fff;}
.banner:hover .prev, .banner:hover .next { opacity: 1;}
/* banner end */

/* fwwt */
.fwwt { position: relative;padding: 13px 0; overflow: hidden;  background: #f5f5f5; width: 100%; }
.fwwt .index-search {position: relative;z-index: 2;overflow: hidden;}
.fwwt .index-search  dl {width: 65%;margin: 8px 0px;float: left;font-size: 14px;color: #999;}
.fwwt .index-search  dl em { color: #005ca7; font-weight: bold;}
.fwwt .index-search dt { float: left;}
.fwwt .index-search dd { float:left;}
.fwwt .index-search dd a { margin-right: 10px; color: #999; float: left;}
.fwwt .index-search dd a:hover { color: #005ca7;}
.fwwt .search-form {position: relative;float: right;width: 320px;height: 33px;line-height: 33px;overflow: hidden;border-radius: 16px;background: #fff;font-size: 12px;}
.fwwt .search-form input {padding-left: 20px;box-sizing: border-box;border: none;outline: none;float: left;width: 80%;height: 33px;line-height: 33px;}
.fwwt .search-form input::placeholder { color: #ccc;}
.fwwt .search-form button {position: absolute;right: 0;cursor: pointer;top: 0;z-index: 2;background: url("../images/searcg-icon01.png") no-repeat center;width: 60px;height: 33px;background-size: 37%;border: none;outline: none;}
/* fwwt end */
/* recommend */
.recommend { position: relative; padding: 60px 0; background: #fff;}
.recommend-slide { margin-top: 25px; overflow: hidden;}
.recommend-slide .recommend-menu { text-align: center; overflow: hidden;}
.recommend-slide .recommend-menu ul { display: inline-block;overflow: hidden;}
.recommend-slide .recommend-menu li {margin: 0 15px;float: left;}
.recommend-slide .recommend-menu li a { display: block; color: #333;width: 155px;height: 50px;line-height: 50px;border-radius: 10px; font-size: 16px;border: 1px solid #c1c1c1;}
.recommend-slide .recommend-menu li.cur a { background: #005ca7; color: #fff;}
.recommend-slide .recommend-main { margin-top: 45px; overflow: hidden;}
.recommend-slide .item { float: left; margin: 0 1%; width: 31.333%;}
.recommend-slide .item .pic { display: block; width: 100%; overflow: hidden;}
.recommend-slide .item .pic img { display: block; width: 100%;transition: all 1s;}
.recommend-slide .item:hover img { transform: scale(1.1);}
.recommend-slide .item .tit  { display: block; width: 100%; padding: 15px; background: #f5f5f5;box-sizing: border-box;}
.recommend-slide .item .tit h2 { margin-bottom: 15px; font-size: 18px; color: #000; font-weight: normal;}
.recommend-slide .item .tit h2 a{color: #000;}
.recommend-slide .item .tit p {font-size: 14px;color: #666;line-height: 1.5;height: 65px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* recommend end */


/* product */
.product { padding:60px 0; position: relative; overflow: hidden; background: #f5f5f5;}
.product .product-con { margin-top: 50px; overflow: hidden;}
.product .product-menu {float: left;width: 285px;height:1193px;background: #fff;}
.product .product-menu .menu-tit {text-align:center;padding: 35px  0 35px 60px;background: #005ca7 url("../images/product-icon01.png") no-repeat 25px;overflow: hidden;box-sizing: border-box;}
.product .product-menu .menu-tit h2 { font-size: 24px; color: #fff;}
.product .product-menu .menu-tit p { padding-top: 5px; font-size: 14px; color: rgba(255,255,255,.3);}
.product .menu-group { padding: 0 24px; background: #fff; overflow: hidden;}
.product .menu-list {padding: 23px 0;overflow: hidden;border-bottom: 1px solid #dcdcdc;}
.product .menu-list .list-hd {position: relative;padding-left: 42px;line-height: 29px;box-sizing: border-box;font-size: 20px;color: #222;}
.product .menu-list .list-hd a { color: #222;}
.product .menu-list .list-hd:after { content: ''; display: block; position: absolute; left:0; top: 0;background: url("../images/next-icon01.png") no-repeat center; width: 29px; height: 29px; background-size: 100%; border-radius: 50%; background-color: #222;}
.product .menu-list ul { display: none;}
.product .menu-list li {position: relative;padding-left: 19px;box-sizing: border-box;float: left;width: 50%;text-align: left;margin-top: 16px;font-size: 14px;color: #333;}
.product .menu-list li a { color: #333;font-size:16px;}
.product .menu-list li:after {content: '';display: block;position: absolute;left: 0;top: 30%;background: #333;width: 7px;height: 7px;border-radius: 50%;}
.product .menu-list.cur .list-hd:after { background-color: #005ca7;}
.product .menu-list.cur .list-hd a {  color: #005ca7;}
.product .menu-list li:hover a { color: #005ca7;}
.product .menu-list li:hover:after { background: #005ca7;}
.product .product-group { float: right; width: 900px; overflow: hidden;}
.product .product-slide  { position: relative; overflow: hidden;}
.product .product-slide .item { float: left; margin-right:12px; width: 445px;}
.product .product-slide .item .pic { display: block; width: 100%; overflow: hidden;}
.product .product-slide .item .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-slide .item:hover img { transform: scale(1.1);}
.product .product-slide .item .tit { display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; font-size: 16px; color: #333; background: #fff;}
.product .product-slide .item:hover .tit { background: #005ca7; color: #fff;}
.product .product-slide .prev,.product .product-slide .next {position: absolute;top: 40%;width: 44px;height: 44px;border-radius: 50%; cursor: pointer;}
.product .product-slide .prev {left: 0;background: url("../images/prev-icon01.png") no-repeat center;background-color: #005ca7;}
.product .product-slide .next {right: 0;background: url("../images/next-icon01.png") no-repeat center;background-color: #005ca7;}
.product .product-list { overflow: hidden; width: 100%;}
.product .product-list .item {float: left;width: 292px;margin-right: 12px;margin-top: 12px;}
.product .product-list .item:nth-of-type(3n) { margin-right: 0;}
.product .product-list .item .pic { display: block; width: 100%; overflow: hidden;}
.product .product-list .item .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-list .item:hover img { transform:scale(1.1);}
.product .product-list .item .tit { display: block; width: 100%; height: 47px; line-height: 47px; text-align: center; font-size: 16px; color: #333; background: #fff;}
.product .menu-list:last-of-type { border-bottom: none;}
.product .product-list .item:hover .tit { background: #005ca7; color: #fff;}
/* product end */

/* ad01 */
.ad01 { position: relative; background: url("../images/ad01-bg.png") no-repeat center; width: 100%; height: 232px; background-size: cover;}
.ad01 .ad01-btn { margin: 39px 0; float: right;}
.ad01 .ad01-btn a:nth-of-type(1) {animation: fadeinR 1s ease-out backwards;  display: block; margin-bottom: 11px; width:207px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background:#005ca7; border-radius: 10px;}
.ad01 .ad01-btn a:nth-of-type(2) { animation: fadeinR 2s ease-out backwards;display: block; margin-bottom: 11px; width:207px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #333; background:#f7c433; border-radius: 10px;}
/* ad01 end */


/* ad02 */
.ad02 { position: relative; padding-top: 30px; background: #fff;}
.ad02  .ad02-con { margin-top: 20px; overflow: hidden; width: 100%; animation: fadeinB 1s ease-out backwards;}
.ad02  .ad02-con img { display: block; width: 100%;}
/* ad02 end */

/* adv */
.adv { padding: 40px 0 0; background: #f5f5f5;}
.adv .wrap-tit h2:after,.adv .wrap-tit h2::before { display: none;}
.adv .adv-list { margin-top: 60px; overflow: hidden;}
.adv .adv-list .item:nth-of-type(1) { display: block; width: 100%; height: 430px;animation: fadeinR 1s ease-out backwards; }
.adv .adv-list .item:nth-of-type(2) { display: block; width: 100%; height: 430px;animation: fadeinL 1s ease-out backwards; }
.adv .adv-list .item:nth-of-type(3) { display: block; width: 100%; height: 430px;animation: fadeinR 1s ease-out backwards; }
.adv .adv-list .item:nth-of-type(4) { display: block; width: 100%;  height: 430px;animation: fadeinL 1s ease-out backwards; }
.adv .adv-list .tit {padding-top: 60px;width: 500px;}
.adv .adv-list .item:nth-of-type(even) .tit { float: right;}
.adv .adv-list .tit .tit-top { padding-bottom: 27px; overflow: hidden; border-bottom: 1px solid #dcdcdc;}
.adv .adv-list .tit .tit-top span {  margin-right: 30px; float: left; background: url("../images/adv-bf.png") no-repeat center; width: 73px; height: 73px; line-height: 73px; color: #000; font-size: 30px; font-family: "DIN Medium"; font-weight: bold; background-size: 100%; text-align: center;}
.adv .adv-list .tit .tit-top .number { float: left;}
.adv .adv-list .tit .tit-top .number h2 { font-size: 30px; color: #005ca7;}
.adv .adv-list .tit .tit-top .number p { font-size: 26px; color: #333;}
.adv .adv-list .tit .tit-bm { overflow: hidden; padding-top: 25px;}
.adv .adv-list .tit .tit-bm p {padding-left: 20px;position: relative;font-size: 16px;color: #666;line-height: 1.75;}
.adv .adv-list .tit .tit-bm p:after {content: '';display: block;position: absolute;left: 0;top: 9px;background: #005ca7;width: 8px;height: 8px;border-radius: 50%;}
/* adv end */

/* case */
.case { position: relative;  background: #fff;}
.case .wrap-tit h2 em { font-family: "DIN Medium"; font-weight: bold; font-size: 48px;}
.case .case-con { margin-top: 45px; overflow: hidden;}
.case .case-con .item { float:left; margin:0 1% 2%;width: 23%;}
.case .case-con .item .pic { display: block; width: 100%; overflow: hidden; }
.case .case-con .item .pic img { display: block; width: 100%; transition: all 1s;}
.case .case-con .item .tit { display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; font-size:16px; color: #000; background: #f5f5f5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case .case-con .item:hover img { transform: scale(1.1);}
.case .case-con .item:hover .tit { background: #005ca7; color: #fff;}
.case .case-more { display: block; margin: 10px auto 0; width: 128px; height: 50px; line-height: 50px; text-align: center; background: #005ca7; border-radius: 10px; font-size: 16px; color: #fff;}
/* case end */


/* indexInfo */
.indexInfo { padding-top: 70px; box-sizing: border-box; position: relative; background: url("../images/indexinfo-bg.jpg") no-repeat center; width: 100%; height: 569px; background-size: cover;}
.indexInfo .wrap-tit h2 { color: #fff;}
.indexInfo .wrap-tit p { margin: 50px auto 0; line-height: 1.75; width: 90%; color: #fff;}
.indexInfo .indexInfo-con {margin-top: 67px;overflow: hidden;}
.indexInfo .indexInfo-con .item { margin: 0 1%; float: left; width: 31.333%; overflow: hidden;}
.indexInfo .indexInfo-con .item img { display: block; width: 100%; transition: all 1s;}
.indexInfo .indexInfo-con .item:hover img { transform: scale(1.1);}
/* indexInfo end */

/* partner */
.partner { position: relative; overflow: hidden; padding: 80px 0 0; box-sizing: border-box;background: url("../images/partner-bg.jpg") no-repeat center; width: 100%; height: 606px; background-size: cover; }
.partner .partner-con {  margin-top: 35px; overflow: hidden;width: 100%;}
.partner .partner-con .wrapper { position: relative;}
.partner .partner-con .item { float: left; width: 230px; margin-right: 10px;}
.partner .partner-con .item .pic { display: block; width: 100%; overflow: hidden;}
.partner .partner-con .item .pic img { display: block; width: 100%; transition: all 1s;}
.partner .partner-con .item .tit { text-align: center; font-size: 16px; color: #333; padding-top: 15px;}
.partner .partner-con .item:hover img { transform: scale(1.1);}
.partner .partner-con .prev,.partner .partner-con .next {position: absolute;top: 40%;width: 44px;height: 44px;border-radius: 50%; cursor: pointer;}
.partner .partner-con .prev {left: -70px;background: url("../images/prev-icon01.png") no-repeat center;background-color: #005ca7;}
.partner .partner-con .next {right: -70px;background: url("../images/next-icon01.png") no-repeat center;background-color: #005ca7;}
/* partner end */

/* indexForm */
.indexForm { margin-top: -30px; position: relative; background: url("../images/indexform-bg.png") no-repeat center; width: 100%; height: 514px;  background-size: cover;}
.indexForm .indexForm-faq {padding: 0 40px;box-sizing: border-box;float:left;background: url("../images/indexform-bf.png") no-repeat center;width: 638px;height: 514px;background-size: 100%;overflow: hidden;}
.indexForm-faq .faq-slide { height: 65%; overflow: hidden;}
.indexForm-faq .faq-hd {  margin-bottom: 35px; display: block; padding-top: 60px; font-size: 32px; color: #333;}
.indexForm-faq .aqt-slide {padding: 20px;max-height: 460px;box-sizing: border-box;display: block;width: 100%;overflow: hidden;background: #fff;}
.indexForm-faq  .faq-slide .item { margin-bottom: 29px; overflow: hidden;}
.indexForm-faq  .faq-slide .aq { margin-bottom: 20px; display: block; width: 100%;}
.indexForm-faq  .faq-slide .aq span {display: inline-block;width: 38px;vertical-align: middle;height:38px;text-align: center;border-radius: 50%;background: url("../images/a1.png");}
.indexForm-faq  .faq-slide .aq p {display: inline-block;vertical-align: middle;width: 85%;text-align: left;line-height: 1.5;margin-left: 20px;box-sizing: border-box;font-size: 16px;}
.indexForm-faq  .faq-slide .as {display: block;width: 100%;}
.indexForm-faq  .faq-slide .as span { position: relative;display: inline-block;vertical-align: top;width: 38px;height:38px;text-align: center;border-radius: 50%;background: url("../images/q1.png");}
.indexForm-faq  .faq-slide .as p { position: relative; display: inline-block;width: 85%;margin-left: 20px;text-align: left;height: 60px;line-height: 60px;overflow: hidden;padding: 0 15px;box-sizing: border-box;background: #f5f5f5;font-size: 16px;}
.indexForm-faq  .faq-slide .as span:after {content: '';display: block;position: absolute;right: -23px;top: 0;background: url("../images/indexform-bf02.png") no-repeat center;width: 9px;height: 8px;}
.indexForm .indexForm-input { padding-top: 60px; float: right; width: 525px;}
.indexForm .indexForm-input p { font-size:24px; color: #fff;}
.indexForm .indexForm-input p em { font-size: 30px; color: #f7c433; font-family: "DIN Medium"; font-weight: bold;}
.indexForm .indexForm-input span { display: block; font-size: 24px; color: #fff;}
.indexForm .input-list { margin-top: 30px; overflow: hidden;}
.indexForm .input-list input { margin-bottom:20px; padding: 0 25px; box-sizing: border-box; border: none; outline: none; float: left; width: 245px; height: 65px; line-height: 65px; font-size: 16px; color: #999;}
.indexForm .input-list input:nth-of-type(1) { margin-right: 34px;}
.indexForm .input-list textarea { padding: 25px; outline: none; border: none; box-sizing: border-box; display: block; width: 100%; height: 135px;font-size: 16px; color: #999;}
.indexForm .input-list button { margin-top: 20px; display: block; width: 100%; height: 65px; line-height: 65px; background: #f7c433; font-size: 16px; color: #333; text-align: center;}
.indexForm .input-list button i {display: inline-block;margin-left: 10px;margin-top: -2px;vertical-align: middle;background:url("../images/indexform-next.png") no-repeat center;width: 15px;height: 15px;}
/* indexForm end */



/*--news--*/
.news{ padding:60px 0 50px;overflow:hidden;background:#f5f5f5;}
.news-tab{overflow:hidden;}
.news-menu{ margin:29px 0 40px;text-align:center;overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{margin:0 10px;width: 140px;text-align: center;}
.news-menu li a{display:block;font-size:18px;height: 50px;line-height: 50px;color:#333;border: solid 1px #c1c1c1;border-radius: 10px;}
.news-menu li.cur a{color:#fff; background: #005ca7; border: 1px solid #005ca7;}
.news-top{float:left;width:690px;}
.news-top .pic{display:block;overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 0.5s;}
.news-top .textBox{ margin:-4rem 1.25rem 0; position:relative;z-index:3;display:block;padding:1.5625rem 0;overflow:hidden;background:#fff;}
.news-top .date{float:left;width:6rem;color:#666;text-align:center;border-right:#ebebeb solid 1px;}
.news-top .date em{display:block;font-size: 52px;font-family:"DIN Medium";color: #666;}
.news-top .date small{display:block;font-size: 14px;font-family: "DIN Medium";color: #666;}
.news-top .text{padding:0 1.875rem;overflow:hidden;}
.news-top .text h3{font-size: 16px;color:#222;font-weight: normal;}
.news-top .text p{margin-top:1rem;font-size: 14px;color:#666;line-height:1.5;height: 45px;}
.news-top:hover img{transform:scale(1.1);}
.news-top:hover .textBox{ background: #005ca7;}
.news-top:hover .textBox *{color:#fff;}
.news-list{float:right;width: 475px;overflow:hidden;}
.news-list .item{display:block;overflow:hidden;margin-bottom: 22px;}
.news-list .item:last-of-type { margin-bottom: 0;}
.news-list .item .date{float:left;padding: 10px 0;box-sizing: border-box;width: 105px;height: 105px;font-family:"DIN Medium";color:#666;text-align:center;background:#fff;}
.news-list .item .date em{display:block;font-size: 52px;color: #666;}
.news-list .item .date small{display:block;font-size: 14px;line-height:1;}
.news-list .item .text{overflow:hidden;padding-left: 30px;box-sizing: border-box;}
.news-list .item .text h3{font-size: 16px;height: 22px;overflow: hidden;font-weight: normal;color:#222;}
.news-list .item .text p{margin-top: 20px;height: 47px;color: #666;font-size: 14px;line-height: 1.75;overflow:hidden;}
.news-list .item:hover .date{color:#fff; background: #005ca7;}
.news-list .item:hover .text h3{color:#005ca7;}
.news-list .item:hover .date em { color: #fff;}
.news .more{padding-top:1.875rem;clear:both;text-align:center;}
.news .more a{display:inline-block;padding:0.2rem 1.5rem;line-height: 37px;font-size: 16px;border-radius:4.25rem;}
.news .more a:after{display:inline-block;content:"";margin-left:0.3rem;vertical-align: middle;width: 15px;height: 15px;background:url(../images/all-next.png) no-repeat;background-size:100%;}
.news .more a:hover{color:#fff; background: #005ca7;}
.news .more a:hover:after{filter:contrast(0) brightness(2);}
/* news */