@charset "utf-8";
::-webkit-scrollbar{ width: 6px;}
::-webkit-scrollbar-track{ border-radius: 6px;}
::-webkit-scrollbar-thumb{ border-radius: 6px; background: #999;}
/*indexfocus*/
.index-focus{ height: 660px; overflow: hidden;}
.index-focus .header-swiper-container{ width: 100%; height: 660px; position: fixed; z-index: 1;}
.index-focus .swiper-slide{ overflow: hidden;}
.index-focus .swiper-slide a{ background-repeat: no-repeat; background-position: center top; background-size: cover; display: block; width: 100%; height: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); transition: 1s;}
.index-focus .swiper-slide:nth-child(1) a{ background-image: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/index_focus_img1.jpg);}
.index-focus .swiper-slide:nth-child(2) a{ background-image: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/index_focus_img2.jpg);}
.index-focus .swiper-slide:nth-child(3) a{ background-image: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/index_focus_img3.jpg);}
.index-focus .swiper-slide-active a{ -webkit-transform: scale(1); transform: scale(1);}
.index-focus .pagination{ width: 100%; height: 10px; position: absolute; left: 0; bottom: 40px; text-align: center; z-index: 2;}
.index-focus .pagination span{ width: 8px; height: 8px; background: #ff8d18; border: 1px solid #ff8d18; border-radius: 50%; display: inline-block; margin: 0 10px; opacity: 1;}
.index-focus .pagination .swiper-pagination-bullet-active{ background: transparent;}
.index-focus .swiper-arrow{ width: 100%; height: 60px; position: absolute; left: 0; top: 50%; margin-top: -30px; opacity: 0; transition: .3s; z-index: 2;}
.index-focus .swiper-arrow .btn-arr-prev{ float: left; margin-left: 30px; -webkit-transform: translateX(-30px); transform: translateX(-30px);}
.index-focus .swiper-arrow .btn-arr-next{ float: right; margin-right: 30px; -webkit-transform: translateX(30px); transform: translateX(30px);}
.index-focus:hover .swiper-arrow{ opacity: 1;}
.index-focus:hover .swiper-arrow .btn-arr-prev,.index-focus:hover .swiper-arrow .btn-arr-next{ -webkit-transform: translateX(0); transform: translateX(0);}

/*area*/
.area{ padding: 60px 0; position: relative; z-index: 10; overflow: hidden;}
.area h2{ font-size: 36px; line-height: 50px; color: #333; margin-bottom: 50px;}
.area h2 span{ font-size: 14px; line-height: 16px; color: #b4b4b4; display: block; margin: 6px 0 0 6px;}
.area-product{ background: #fff; padding-bottom: 90px;}
.area-product .wrapper{ position: relative;}
.area-product .wrapper:before{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/product_bg.png) no-repeat; width: 644px; height: 698px; position: absolute; top: 0; left: 50%; margin-left: 320px;}
.area-product .menu{ width: 450px; position: relative; z-index: 2; border-radius: 25px 0 25px 25px; box-shadow: 0 5px 30px 0 rgba(212,212,212,0.3); overflow: hidden; margin-left: 48px;}
.area-product .menu li{ height: 126px; background: #fff; position: relative; line-height: 40px; overflow: hidden; padding: 50px 0 0 40px; cursor: pointer; transition: .3s;}
.area-product .menu li:not(:last-child):after{ content: ''; width: 438px; height: 2px; background: #F1F1F1; position: absolute; left: 6px; bottom: 0;}
.area-product .menu li h3{ font-size: 24px; font-weight: 700;}
.area-product .menu li h3 small{ font-size: 14px;}
.area-product .menu li p{ font-size: 14px;}
.area-product .menu li span{ font-size: 70px; line-height: 80px; color: #e9e9e9; position: absolute; right: 20px; top: 50%; margin-top: -40px; transition: .3s; opacity: .9; z-index: -1;}
.area-product .menu li.active{ background: #ff8d18; color: #fff;}
.area-product .menu li.active:after{ display: none;}
.area-product .menu li.active span{ color: #fff;}
.area-product .menu li:hover span,.area-product .menu li.active span{ font-size: 110px; line-height: 120px; -webkit-transform: translate(20px,35px); transform: translate(20px,35px);}
.area-product .product-focus{ width: 1108px; height: 528px; position: absolute; left: 322px; top: 0;}
.area-product .product-focus .pic{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/product_cir1.png) no-repeat; width: 368px; height: 400px; position: relative; margin: 0 auto;}
.area-product .product-focus .pic img{ width: 348px; position: absolute; bottom: 0; left: 50%; margin-left: -174px;}
.area-product .product-focus .info{ width: 494px; height: 126px; background: #fff; border-radius: 0 25px 0 25px; box-shadow: 0 5px 30px 0 rgba(212,212,212,0.3); position: absolute; bottom: 0; left: 277px; z-index: 2; padding: 25px 30px;}
.area-product .product-focus .info .inbox{ display: none;}
.area-product .product-focus .info p{ font-size: 14px; line-height: 28px;}
.area-product .product-focus .info .price{ font-size: 14px; line-height: 54px; height: 54px; overflow: hidden; margin-top: 15px;}
.area-product .product-focus .info .price b{ font-size: 36px; color: #ff8d18; margin-right: 5px;}
.area-product .product-focus .info .buycode{ position: absolute; right: 20px; bottom: 20px;}
.area-product .product-focus .info .buycode img{ float: right; margin-left: 70px; width: 100px; height: 100px;}
.area-product .product-focus .info .buycode a{ float: right; margin-top: 40px;}
.area-product .product-focus .swiper-slide:nth-child(3){ visibility: hidden;}
.area-product .product-focus .swiper-slide-active .pic{ background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/product_cir2.png) no-repeat;}
.area-product .product-focus .pagination{ width: 100%; height: 10px; position: absolute; left: 0; bottom: -30px; text-align: center;}
.area-product .product-focus .pagination span{ width: 8px; height: 8px; background: #ff8d18; border: 1px solid #ff8d18; border-radius: 50%; display: inline-block; margin: 0 10px; opacity: 1;}
.area-product .product-focus .pagination .swiper-pagination-bullet-active{ background: transparent;}

.area-insurance{ background: #fafafa; padding-bottom: 80px;}
.area-insurance .wrapper{ position: relative;}
.area-insurance .wrapper:before{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/insurance_bg.png) no-repeat; width: 662px; height: 304px; position: absolute; top: -80px; left: -330px;}
.area-insurance h2{ position: relative; z-index: 2;}
.area-insurance .itemlist{ margin: 0 48px;}
.area-insurance .itemlist li{ width: 322px; float: left; background: #fff; border-radius: 20px; position: relative; z-index: 2; padding: 35px 15px 30px; line-height: 30px; transition: .5s;}
.area-insurance .itemlist li .photo{ width: 188px; height: 188px; margin: 0 auto; overflow: hidden; border-radius: 50%;}
.area-insurance .itemlist li .photo img{ width: 100%; display: block; -webkit-transform: translateY(30px) scale(1); transform: translateY(30px) scale(1); transition: .5s;}
.area-insurance .itemlist li h3{ font-size: 24px; color: #062275; margin-top: 30px; text-align: center;}
.area-insurance .itemlist li p{ font-size: 14px; color: #999;}
.area-insurance .itemlist li .info{ position: relative; margin-top: 20px;}
.area-insurance .itemlist li .info .bord{ background: #ff8d18; position: absolute; width: 0; height: 0; transition: .5s;}
.area-insurance .itemlist li .info .bordt{ left: 0; top: 0;}
.area-insurance .itemlist li .info .bordr{ right: 0; top: 0;}
.area-insurance .itemlist li .info .bordb{ right: 0; bottom: 0;}
.area-insurance .itemlist li .info .bordl{ left: 0; bottom: 0;}
.area-insurance .itemlist li dl{ border: 1px solid #F7F7F7; padding: 25px 20px;}
.area-insurance .itemlist li dl dt{ width: 100px; float: left;}
.area-insurance .itemlist li dl dt img{ width: 100%; display: block;}
.area-insurance .itemlist li dl dd{ margin-left: 110px;}
.area-insurance .itemlist li dl dd p{ line-height: 25px;}
.area-insurance .itemlist li .c1{ color: #ff8d18;}
.area-insurance .itemlist li:not(:last-child){ margin-right: 24px;}
.area-insurance .itemlist li:hover{ box-shadow: 0 5px 20px 0 rgba(212,212,212,0.4);}
.area-insurance .itemlist li:hover .photo img{ -webkit-transform: translateY(10px) scale(1.02); transform: translateY(10px) scale(1.02);}
.area-insurance .itemlist li:hover .bordt,.area-insurance .itemlist li:hover .bordb{ width: 100%; height: 1px;}
.area-insurance .itemlist li:hover .bordr,.area-insurance .itemlist li:hover .bordl{ width: 1px; height: 100%;}

.area-claims{ background: #fff; padding-bottom: 120px;}
.area-claims .wrapper{ position: relative;}
.area-claims .wrapper:after{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/claims_bg.png) no-repeat; width: 750px; height: 737px; position: absolute; top: 182px; left: 50%; margin-left: 430px; opacity: .4;}
.area-claims .number{ height: 180px; border-radius: 95px; background: #062275; box-shadow: 0 5px 30px 0 rgba(212,212,212,0.3); position: relative; z-index: 2; margin: 0 48px;}
.area-claims .number ul{ padding-top: 40px;}
.area-claims .number li{ width: 368px; float: left; color: #fff; text-align: center;}
.area-claims .number li b{ font-size: 48px; line-height: 60px; display: block; font-weight: 500;}
.area-claims .number li p{ font-size: 18px; margin-top: 10px;}
.area-claims .itemlist{ padding: 36px 0 0 120px;}
.area-claims .itemlist li{ margin-bottom: 30px; line-height: 30px; position: relative; padding-left: 80px;}
.area-claims .itemlist li h3{ font-size: 26px;}
.area-claims .itemlist li p{ font-size: 16px; color: #666;}
.area-claims .itemlist li span{ width: 56px; height: 56px; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/ico_claims.png) no-repeat; position: absolute; left: 0; top: 0;}
.area-claims .itemlist li:nth-child(1) span{ background-position: 0 0;}
.area-claims .itemlist li:nth-child(2) span{ background-position: 0 -56px;}
.area-claims .itemlist li:nth-child(3) span{ background-position: 0 -112px;}
.area-claims .itemlist li:nth-child(4) span{ background-position: 0 -168px;}
.area-claims .itemlist a{ width: 180px; height: 54px; border-radius: 27px; background: #ff8d18; font-size: 16px; text-align: center; line-height: 54px; color: #fff; display: block; transition: .3s; margin-left: 80px; position: relative; overflow: hidden;}
.area-claims .itemlist a:after{ content: '+'; width: 100%; height: 100%; border-radius: 27px; box-sizing: border-box; border: 2px solid #ff8d18; background: #fff; text-align: center; line-height: 46px; font-size: 30px; color: #ff8d18; position: absolute; left: 0; top: 0; display: none;}
.area-claims .itemlist a:hover:after{ -webkit-animation: .2s zoomIn; animation: .2s zoomIn; display: block;}
.area-claims .tker{ position: absolute; z-index: 3; right: 50px; top: 295px;}

.area-service{ background: #fafafa; padding-bottom: 190px;}
.area-service .wrapper{ position: relative;}
.area-service .wrapper:after{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/service_bg.png) no-repeat; width: 750px; height: 721px; position: absolute; top: 38px; left: 50%; margin-left: -1020px; opacity: .3;}
.area-service .service-focus{ height: 400px; position: relative; z-index: 2; margin: 0 48px;}
.area-service .service-focus .service-swiper-container{ border-radius: 20px; background: #fff; box-shadow: 0 2px 40px 0 rgba(212,212,212,0.3); overflow: hidden;}
.area-service .service-focus .service-swiper-container:hover dt img{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.area-service .service-focus dt{ width: 550px; height: 400px; float: left; overflow: hidden;}
.area-service .service-focus dt img{ width: 100%; height: 100%; display: block; transition: .5s;}
.area-service .service-focus dd{ width: 480px; float: left; padding: 90px 0 0 74px;}
.area-service .service-focus dd h3{ font-size: 36px; font-weight: 700; line-height: 40px; padding-bottom: 20px; position: relative; display: inline-block; margin-bottom: 60px;}
.area-service .service-focus dd h3:after{ content: ''; width: 72px; height: 2px; background: #ff8d18; position: absolute; left: 0; bottom: 0; transition: 3s linear;}
.area-service .service-focus .swiper-slide-active dd h3:after{ width: 100%;}
.area-service .service-focus dd p{ font-size: 16px; line-height: 32px; color: #666;}
.area-service .service-focus .swiper-arrow{ width: 100%; height: 60px; position: absolute; left: 0; top: 50%; margin-top: -30px; opacity: 0; transition: .3s; z-index: 2;}
.area-service .service-focus .swiper-arrow .btn-arr-prev{ float: left; margin-left: -30px; -webkit-transform: translateX(30px); transform: translateX(30px);}
.area-service .service-focus .swiper-arrow .btn-arr-next{ float: right; margin-right: -30px; -webkit-transform: translateX(-30px); transform: translateX(-30px);}
.area-service .service-focus:hover .swiper-arrow{ opacity: 1;}
.area-service .service-focus:hover .swiper-arrow .btn-arr-prev,.area-service .service-focus:hover .swiper-arrow .btn-arr-next{ -webkit-transform: translateX(0); transform: translateX(0);}
.area-service .service-focus .pagination{ width: 100%; height: 60px; position: absolute; left: 0; bottom: -120px; text-align: center; z-index: 2;}
.area-service .service-focus .pagination span{ width: 60px; height: 60px; display: inline-block; opacity: 1; background: transparent; position: relative;}
.area-service .service-focus .pagination span:after{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: #ddd; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -3px;}
.area-service .service-focus .pagination span em{ border: 2px solid #ff8d18; border-radius: 50%; font-size: 20px; color: #ff8d18; text-align: center; line-height: 56px; background: transparent; position: absolute; left: 0; top: 0; z-index: 2; width: 56px; height: 56px; display: none;}
.area-service .service-focus .pagination .swiper-pagination-bullet-active:after{ display: none;}
.area-service .service-focus .pagination .swiper-pagination-bullet-active em{ display: block;}

.area-partner{ background: #fff; padding-bottom: 210px;}
.area-partner .wrapper{ position: relative;}
.area-partner .wrapper:after{ content: ''; background: url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/partner_bg.png) no-repeat; width: 887px; height: 780px; position: absolute; top: 20px; left: 50%; margin-left: 350px;}
.area-partner .partner-focus{ position: relative; z-index: 2; margin: 0 48px; height: 278px;}
.area-partner .partner-focus .partner-swiper-container{ overflow: hidden;}
.area-partner .partner-focus .swiper-slide{ width: 378px; height: 278px; border: 1px solid #EBEBEB; text-align: center; color: #666; line-height: 24px; padding-top: 38px; transition: .5s; box-sizing: border-box; background-color: rgba(255,255,255,0.5);}
.area-partner .partner-focus .swiper-slide h3{ font-size: 24px; font-weight: 700;}
.area-partner .partner-focus .swiper-slide p{ font-size: 16px; margin-top: 10px; min-height: 48px;}
.area-partner .partner-focus .swiper-slide .line{ width: 40px; height: 2px; background: #ddd; display: block; margin: 30px auto 0; position: relative;}
.area-partner .partner-focus .swiper-slide .line:before,.area-partner .partner-focus .swiper-slide .line:after{ content: ''; width: 0; height: 100%; background: #ff8d18; position: absolute; top: 0; transition: .3s;}
.area-partner .partner-focus .swiper-slide .line:before{ right: 50%;}
.area-partner .partner-focus .swiper-slide .line:after{ left: 50%;}
.area-partner .partner-focus .swiper-slide img{ display: block; margin: 40px auto 0;}
.area-partner .partner-focus .swiper-slide .eco{ margin-top: 80px;}
.area-partner .partner-focus .swiper-slide .bord{ background: #ff8d18; position: absolute; width: 0; height: 0; transition: .5s;}
.area-partner .partner-focus .swiper-slide .bordt{ left: 0; top: 0;}
.area-partner .partner-focus .swiper-slide .bordr{ right: 0; top: 0;}
.area-partner .partner-focus .swiper-slide .bordb{ right: 0; bottom: 0;}
.area-partner .partner-focus .swiper-slide .bordl{ left: 0; bottom: 0;}
.area-partner .partner-focus .swiper-slide:hover .bordt,.area-partner .partner-focus .swiper-slide:hover .bordb{ width: 100%; height: 1px;}
.area-partner .partner-focus .swiper-slide:hover .bordr,.area-partner .partner-focus .swiper-slide:hover .bordl{ width: 1px; height: 100%;}
.area-partner .partner-focus .swiper-slide:hover{ box-shadow: 0 2px 40px 0 rgba(212,212,212,0.3); border-color: transparent;}
.area-partner .partner-focus .swiper-slide:hover .line:before,.area-partner .partner-focus .swiper-slide:hover .line:after{ width: 50%;}
.area-partner .partner-focus .pagination{ width: 100%; height: 10px; position: absolute; left: 0; bottom: -70px; text-align: center; z-index: 2;}
.area-partner .partner-focus .pagination span{ width: 8px; height: 8px; background: #ff8d18; border: 1px solid #ff8d18; border-radius: 50%; display: inline-block; margin: 0 10px; opacity: 1;}
.area-partner .partner-focus .pagination .swiper-pagination-bullet-active{ background: transparent;}

.area-cultural{ background: #fafafa; padding-bottom: 80px;}
.area-cultural ul{ margin: 0 48px;}
.area-cultural li{ width: 368px; height: 480px; float: left; box-sizing: border-box; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 50px 39px 0; line-height: 26px; position: relative; transition: .4s;}
.area-cultural li h3{ font-size: 24px; font-weight: 700; color: #666;}
.area-cultural li h4{ font-size: 18px; font-weight: 700; margin-top: 25px;}
.area-cultural li p{ font-size: 16px; color: #999; margin-top: 10px;}
.area-cultural li .pic{ margin: 30px auto 40px; overflow: hidden;}
.area-cultural li .pic img{ display: block; transition: .4s;}
.area-cultural li:before,.area-cultural li:after{ content: ''; width: 0; height: 2px; background: #ff8d18; transition: .4s; position: absolute; bottom: 0;}
.area-cultural li:before{ right: 50%;}
.area-cultural li:after{ left: 50%;}
.area-cultural li:hover{ box-shadow: 0 15px 20px 0 rgba(212,212,212,0.3);}
.area-cultural li:hover h3{ color: #ff8d18;}
.area-cultural li:hover .btn-arr-up{ background: #ff8d18; border-color: #ff8d18;}
.area-cultural li:hover .btn-arr-up span{ -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.area-cultural li:hover span:after{ background-position: right -48px;}
.area-cultural li:hover:before,.area-cultural li:hover:after{ width: 50%;}
.area-cultural li:hover img{ transform: scale(1.05);}
.area-cultural li:not(:first-child){ margin-left: -1px;}

.area-auto{ background:#fff url(//www.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/auto_bg.jpg) center top no-repeat; height: 650px; overflow: hidden;}
.area-auto .wrapper{ position: relative;}
.area-auto h2{ color: #fff;}
.area-auto h3{ font-size: 30px; line-height: 54px; color: #ff8d18; font-weight: 700; position: absolute; left: 540px; top: 50px;}
.area-auto h3 b{ font-size: 50px; display: block; color: #fff; margin-top: 10px;}
.area-auto .info{ padding: 20px 0 0 200px; position: relative; margin: 0 48px;}
.area-auto .info .menu{ width: 250px; float: left; border-radius: 25px 25px 0 25px; overflow: hidden; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);}
.area-auto .info .menu li a{ display: block; line-height: 89px; background: #ff8d18; padding-left: 55px; font-size: 24px; font-weight: 700; color: #fff; transition: .3s;}
.area-auto .info .menu li a:hover{ background: #f9de6f;}
.area-auto .info .menu li:not(:last-child){ border-bottom: 1px solid #f9de6f;}
.area-auto .info .tker{ position: absolute; left: 20px; top: 10px;}
.area-auto .info .car{ float: right; margin-top: 125px;}

.area-openPlatform{ border-top: 1px solid #efefef; background: #fff; padding-bottom: 80px;}
.area-openPlatform .openplat{ background: url(//mcdn.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/open_bg.png) center top no-repeat; height: 500px; margin: 0 48px; position: relative;}
.area-openPlatform .openplat h3{ font-size: 36px; color: #fff; line-height: 38px; position: absolute; top: 118px; left: 56px; font-weight: 700;}
.area-openPlatform .openplat h3 span{ font-size: 18px; display: block; font-weight: 500; margin-top: 8px;}
.area-openPlatform .openplat .btn-arr{ position: absolute; left: 56px; bottom: 90px;}
.area-openPlatform .openplat ul{ width: 400px; height: 363px; border-radius: 15px; background: #fff; position: absolute; right: -50px; top: 50%; margin-top: -180px; box-shadow: 10px 0 20px 0 rgba(212,212,212,0.4); overflow: hidden;}
.area-openPlatform .openplat ul li a{ display: block; height: 121px; position: relative; padding-left: 120px; display: flex; flex-direction: column; justify-content: center; transition: .3s;}
.area-openPlatform .openplat ul li h4{ font-size: 24px; line-height: 36px;}
.area-openPlatform .openplat ul li p{ font-size: 16px; color: #666;}
.area-openPlatform .openplat ul li span{ width: 56px; height: 56px; background: url(//mcdn.tk.cn/tkcms/file/upload/tkonline2020/images/file_syxb2020/ico_open.png) no-repeat; position: absolute; left: 35px; top: 50%; margin-top: -28px;}
.area-openPlatform .openplat ul li:nth-child(1) span{ background-position: 0 0;}
.area-openPlatform .openplat ul li:nth-child(2) span{ background-position: 0 -56px;}
.area-openPlatform .openplat ul li:nth-child(3) span{ background-position: 0 -112px;}
.area-openPlatform .openplat ul li:not(:last-child) a:after{ content: ''; width: 370px; height: 1px; background: #efefef; position: absolute; bottom: 0; left: 20px;}
.area-openPlatform .openplat ul li a:hover{ background-color: #d2effb;}

@media screen and (max-width:1440px){
.wrapper{ width: 1080px;}
.mainnav .wrapper{ width: 1200px;}
.area{ padding: 40px 0;}
.area h2{ margin-bottom: 30px;}
.area-claims{ padding-bottom: 60px;}
.area-claims .number{ height: 170px;}
.area-claims .number li{ width: 328px;}
.area-claims .number li b{ font-size: 42px;}
.area-claims .itemlist{ padding: 36px 0 0 80px;}
.area-claims .tker{ top: 245px; right: 40px;}
.area-service{ padding-bottom: 190px;}
.area-service .service-focus{ height: 364px;}
.area-service .service-focus dt{ width: 500px; height: 364px;}
.area-service .service-focus dd{ width: 410px;}
.area-cultural li{ width: 328px; height: 460px; padding: 40px 30px 0;}
.area-insurance .itemlist li{ width: 282px; float: left; background: #fff; border-radius: 20px; position: relative; z-index: 2; padding: 35px 15px 30px; line-height: 30px; transition: .5s;}
.area-insurance .itemlist li dl{ padding: 15px 10px;}
.area-insurance .itemlist li dl dt{ width: 80px;}
.area-insurance .itemlist li dl dd{ margin-left: 90px;}
.area-insurance .itemlist li dl dd p{ line-height: 20px;}
.area-product .menu{ width: 400px;}
.area-product .menu li{ height: 126px; background: #fff; position: relative; line-height: 40px; overflow: hidden; padding: 50px 0 0 40px; cursor: pointer; transition: .3s;}
.area-product .menu li:not(:last-child):after{ width: 388px;}
.area-product .menu li h3{ font-size: 20px;}
.area-product .menu li h3 small{ font-size: 14px;}
.area-product .menu li p{ font-size: 13px;}
.area-product .menu li span{ font-weight: 200;}
.area-product .menu li:hover span,.area-product .menu li.active span{ font-size: 100px; -webkit-transform: translate(20px,40px); transform: translate(20px,40px);}
.area-product .product-focus{ width: 984px;}
.area-product{ padding-bottom: 80px;}
.area-product .product-focus{ left: 294px;}
.area-product .product-focus .info{ width: 442px; left: 246px; padding: 25px;}
.area-partner{ padding-bottom: 190px;}
.area-auto{ height: 600px;}
.area-auto h3{ font-size: 26px; line-height: 44px; top: 80px;}
.area-auto h3 b{ font-size: 40px;}
.area-auto .info .menu{ width: 220px; border-radius: 20px 20px 0 20px;}
.area-auto .info .menu li a{ padding-left: 35px; font-size: 22px;}
.area-auto .info .car{ width: 70%;}
.area-openPlatform .openplat{ height: 446px; background-size: contain;}
}