body{background:#f1f1f1;}
/* --indexHeader-- */
.indexHeader{height:18vw;overflow:hidden;background:#fff;}
.indexHeader .logo{float:left;width:18vw;}
.indexHeader .slogan{float:left;width:50vw;}
.indexHeader .menu-toggle{float:right;width:18vw;border-left:#ddd solid 1px;}
.indexHeader img{display:block;width:100%;}
/* --end indexHeader-- */

/* --banner-- */
.banner{position:relative;width:100%;overflow:hidden;}
.banner .bd li img{display:block;width:100%;}
.banner .hd{position:absolute;bottom:3vw;left:0;width:100%;text-align:center;overflow:hidden;}
.banner .hd li{display:inline-block;margin:0 1vw;width:8px;height:8px;text-indent:-9999px;border:#3e4d8e solid 1px;border-radius:50%;}
.banner .hd li.on{border-color:#e31f18;background:#e31f18;}
/* --end banner-- */

/* --wrap-title-- */
.wrap-title{margin-bottom:4vw;text-align:center;}
.wrap-title span{display:block;font-size:5vw;color:#333;}
.wrap-title p{font-size:3.5vw;color:#999;}
.wrap-title.white *{color:#fff;}
/* --wrap-title-- */

/* --product-- */
.product{padding:6vw 2vw;overflow:hidden;}
.product-tab{overflow:hidden;}
.product-tab .tab-menu{text-align:center;overflow:hidden;background:#fff;border:#ddd solid 1px;border-radius:5px;}
.product-tab .tab-menu a{display:block;float:left;padding:2.5vw 0;width:50%;font-size:4.5vw;}
.product-tab .tab-menu a.on{color:#fff;background:#3e4d8e;}
.product-menu{padding:2vw 0;line-height:2;text-align:center;border-bottom:#ddd solid 1px;}
.product-menu a{display:inline-block;font-size:3.5vw;color:#333;vertical-align:middle;}
.product-menu a:after{display:inline-block;position:relative;top:-0.5vw;content:"|";margin:0 2vw;color:#ddd;vertical-align:middle;}
.product-menu a:last-child:after{display:none;}
.product-list{margin-top:2vw;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
.product-list .item{width:49%;margin-bottom:2vw;background:#fff;cursor:pointer;overflow:hidden;}
.product-list .item img{display:block;width:100%;}
.product-list .item .text{padding:2vw;line-height:1.5;border-top:#eee solid 1px;overflow:hidden;}
.product-list .item span{display:block;font-size:4.5vw;color:#333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list .item p{font-size:3.5vw;color:#999;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.product .more{clear:both;}
.product .more a{display:block;padding:2.5vw;font-size:3.5vw;font-weight:bold;text-align:center;color:#333;background:#fff;}
/* --end product-- */

/* --problem-- */
.problem{padding-top:6vw;overflow:hidden;background:#fff;}
.problem-list{border-top:#eee solid 1px;overflow:hidden;}
.problem .item{float:left;padding:4vw 0;width:33.333%;overflow:hidden;border-right:#eee solid 1px;box-sizing:border-box;}
.problem .item .pic{margin:0 auto;width:25vw;}
.problem .item .pic img{display:block;width:100%;}
.problem .item .text{text-align:center;line-height:1.5;font-size:3.5vw;color:#333;}
.problem .item:nth-child(4),.problem .item:nth-child(5){width:50%;border-top:#eee solid 1px;}
.problem .item:nth-child(4) .pic,.problem .item:nth-child(5) .pic{float:left;}
.problem .item:nth-child(4) .text,.problem .item:nth-child(5) .text{text-align:left;padding-top:6vw;}
.problem .item:nth-child(3),.problem .item:nth-child(5){border-right:none;}
/* --end problem-- */

/* --zxBox-- */
.zxBox{position:relative;margin:2vw;padding:5vw;line-height:1.5;background:#fff;box-sizing:border-box;}
.zxBox p{font-size:4vw;color:#333;}
.zxBox p span{color:#3e4d8e;}
.zxBox .zxBtn{display:block;position:absolute;right:5vw;top:6vw;width:20vw;height:8vw;line-height:8vw;text-align:center;font-size:3.5vw;color:#fff;background-color:#db211e;background-image:linear-gradient(to right, #e31f18, #3e4d8e);}
.zxBox .ad{position:absolute;top:10vw;left:-5vw;width:24vw;height:20vw;}
.zxBox .ad img{display:block;width:100%;}
/* --end zxBox-- */

/* --step-- */
.step{padding:6vw 2vw;overflow:hidden;background:url(img/step_bg.jpg) no-repeat center 0;background-size:cover;}
.step-tab{overflow:hidden;}
.step-tab .tab-menu{position:relative;z-index:2;text-align:center;}
.step-tab .tab-menu li{display:inline-block;margin:0 2vw;width:10vw;height:10vw;line-height:10vw;font-size:4vw;color:#fff;background:#3e4d8e;border:#fff solid 4px;border-radius:50%;}
.step-tab .tab-menu li.on{color:#3e4d8e;border-color:#3e4d8e;background:#fff;}
.step-tab .tempWrap{position:relative;z-index:1;margin-top:-5vw;background:#fff;}
.step-tab .tabCon{padding:8vw 4vw 4vw;overflow:hidden;overflow:hidden;background:url(img/vs.png) no-repeat center 40%;background-size:10vw;}
.step-tab .item{width:42%;text-align:center;}
.step-tab .item .pic{position:relative;}
.step-tab .item .pic img{display:block;width:100%;}
.step-tab .item .pic span{display:block;position:absolute;top:2vw;width:18vw;height:6vw;line-height:6vw;font-size:3vw;color:#fff;text-align:center;background-size:100% 100%;}
.step-tab .item .text{padding-top:2vw;font-size:3vw;line-height:1.5;color:#333;}
.step-tab .item.fl .pic span{left:-2px;background-image:url(img/step_tag01.png);}
.step-tab .item.fr .pic span{right:-2px;background-image:url(img/step_tag02.png);}
/* --end step-- */

/* --video-- */
.video{padding:6vw 2vw;overflow:hidden;background:#fff;}
.video-list{overflow:hidden;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap;}
.video-list .item{position:relative;width:49%;margin-bottom:2vw;}
.video-list .item img{display:block;width:100%;}
.video-list .item:first-child{width:100%;}
.video-list .item:first-child span{display:none;}
.video-list .item span{display:block;position:absolute;left:0;bottom:5vw;padding:0 2%;width:96%;height:5vw;line-height:5vw;font-size:3vw;color:#fff;text-align:center;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;}
/* --end video-- */

/* --customize-- */
.customize{padding:6vw 2vw;overflow:hidden;}
.customize .wrap-title strong{background-image: -webkit-gradient(linear, 0 0, right 0, from(#e31f18), to(#3e4d8e));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.customize-tab{overflow:hidden;}
.customize-tab .tab-menu{margin-bottom:4vw;height:8vw;line-height:8vw;border-bottom:#eee solid 1px;}
.customize-tab .tab-menu li{position:relative;float:left;width:25%;text-align:center;font-size:3.5vw;color:#999;}
.customize-tab .tab-menu li.on:after{position:absolute;bottom:-1px;left:50%;margin-left:-2em;display:block;width:4em;height:1px;content:"";background:#494a87;}
.customize-tab .tabCon{padding:2vw;background:#fff;overflow:hidden;}
.customize-tab .tabCon .pic{float:left;width:45%;}
.customize-tab .tabCon .pic img{width:100%;}
.customize-tab .tabCon .text{padding-left:3vw;padding-top:2vw;overflow:hidden;}
.customize-tab .tabCon .text span{display:block;font-size:4vw;color:#494a87;}
.customize-tab .tabCon .text em{font-size:3vw;color:#999;}
.customize-tab .tabCon .text p{margin-top:2vw;font-size:3.2vw;color:#666;overflow:hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;}
/* --end customize-- */

/* --zxBox02-- */
.zxBox02{position:relative;height:15.2vw;background:url(img/zxBox02.jpg) no-repeat;background-size:100%;}
.zxBox02 .text{float:left;padding-top:6vw;padding-left:4vw;width:80%;font-size:3.8vw;color:#333;}
.zxBox02 .zxBtn{display:block;position:absolute;right:5vw;top:4vw;width:20vw;height:8vw;line-height:8vw;text-align:center;font-size:3.5vw;color:#fff;background-color:#db211e;background-image:linear-gradient(to right, #e31f18, #3e4d8e);}
/* --end zxBox02-- */

/* --case-- */
.case{padding:6vw 2vw;overflow:hidden;}
.case-list{overflow:hidden;}
.case-list .item{float:left;width:48%;margin:0 1% 3vw;background:#fff;}
.case-list .item .pic img{display:block;width:100%;}
.case-list .item .text{padding:3vw;text-align:center;overflow:hidden;}
.case-list .item .text span{display:block;font-size:4vw;color:#333;line-height:1.5;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.case-list .item .text p{font-size:3.2vw;color:#999;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.case .more{clear:both;}
.case .more a{display:block;margin:0 auto;width:26vw;height:8vw;line-height:8vw;text-align:center;font-size:3.5vw;color:#fff;background-color:#db211e;background-image:linear-gradient(to right, #e31f18, #3e4d8e);}
/* --end case-- */

/* --youshi-- */
.youshi{padding:6vw 0;background:#fff;}
.youshi .item{overflow:hidden;background:#f1f1f1;}
.youshi .item .text{float:left;padding:2vw;width:50%;text-align:center;box-sizing:border-box;}
.youshi .item .text i{display:block;margin:0 auto;width:8vw;height:8vw;}
.youshi .item .text i img{display:block;width:100%;}
.youshi .item .text span{display:block;margin-bottom:2vw; font-size:4vw;}
.youshi .item .text p{color:#999;}
.youshi .item .pic{float:right;width:50%;}
.youshi .item .pic img{display:block;width:100%;}
.youshi .item:nth-child(odd) .text{float:right;}
.youshi .more{padding-top:3vw;clear:both;}
.youshi .more a{display:block;margin:0 auto;width:26vw;height:8vw;line-height:8vw;text-align:center;font-size:3.5vw;color:#fff;background-color:#db211e;background-image:linear-gradient(to right, #e31f18, #3e4d8e);}
/* --end youshi-- */

/* --photo-- */
.photo{margin-top:2vw;padding:6vw 2vw;background:#fff;}
.photo-slide{position:relative;}
.photo-slide .bd li{position:relative;float:left;width:100%;}
.photo-slide .bd li img{display:block;width:100%;}
.photo-slide .bd li p{position:absolute;left:0;bottom:0;padding:0 4%;width:92%;height:8vw;line-height:8vw;font-size:3.5vw;color:#fff;background:rgba(0,0,0,0.6);}
.photo-slide .hd{position:absolute;bottom:2.5vw;right:1vw;width:30vw;text-align:right;overflow:hidden;}
.photo-slide .hd li{display:inline-block;margin:0 1vw;width:10px;height:10px;text-indent:-9999px;background:#e0201a;border-radius:50%;}
.photo-slide .hd li.on{background:#fff;}
.photo-list{margin-top:2vw;overflow:hidden;}
.photo-list ul{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
.photo-list li{position:relative;width:48%;}
.photo-list li img{display:block;width:100%;}
.photo-list li p{position:absolute;left:0;bottom:0;padding:0 4%;width:92%;height:5.3vw;text-align:center;line-height:5.3vw;font-size:3.5vw;color:#fff;background:rgba(0,0,0,0.6);}
/* --end photo-- */

/* --zxrx-- */
.zxrx{margin-top:2vw;padding:3vw 5vw;overflow:hidden;background:#fff;}
.zxrx .fl{padding-top:2vw;width:65%;font-size:5vw;color:#333;line-height:1.3;}
.zxrx .fl dl{padding-left:12vw;background:url(img/zxrx_tel.png) no-repeat 0 center;background-size:10vw;}
.zxrx .fr{width:30%;}
.zxrx .fr a{display:block;height:8vw;line-height:8vw;font-size:3.5vw;text-align:center;color:#fff;}
.zxrx .fr a.btn01{background:#e0201a;margin-bottom:1px;}
.zxrx .fr a.btn02{background:#3f4d8d;}
/* --end zxrx-- */

/* --news-- */
.news{margin-top:2vw;padding:6vw 2vw;background:#fff;}
.news-tab .tab-menu{margin-bottom:4vw;height:8vw;line-height:8vw;border-bottom:#eee solid 1px;}
.news-tab .tab-menu ul{margin:0 auto;width:80%;}
.news-tab .tab-menu li{position:relative;float:left;width:33.33%;height:8vw;text-align:center;}
.news-tab .tab-menu li:before{display:block;position:absolute;right:0;top:50%;margin-top:-2vw;content:"";width:1px;height:4vw;background:#eee;}
.news-tab .tab-menu li:last-child:before{display:none;}
.news-tab .tab-menu li a{display:block;font-size:3.5vw;color:#999;}
.news-tab .tab-menu li.on:after{position:absolute;bottom:-1px;left:50%;margin-left:-2.5em;display:block;width:5em;height:1px;content:"";background:#494a87;}
.news-tab .item{position:relative;padding:2vw 0;overflow:hidden;}
.news-tab .item:after{display:block;position:absolute;right:0;bottom:0;width:calc(100% - 19vw);height:1px;content:"";background:#eee;}
.news-tab .item:last-child:after{display:none;}
.news-tab .date{float:left;width:15vw;height:15vw;border:#ddd solid 1px;text-align:center;font-family:Arial;}
.news-tab .date em{display:block;font-size:5vw;height:10vw;line-height:10vw;font-weight:bold;color:#333;border-bottom:#ddd solid 1px;}
.news-tab .date span{display:block;font-size:3.2vw;color:#999;height:5vw;line-height:5vw;}
.news-tab .text{padding-left:3vw;height:15vw;line-height:1.4;overflow:hidden;}
.news-tab .text h3{font-size:4vw;font-weight:normal;overflow:hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.news-tab .text p{font-size:3.2vw;color:#666;overflow:hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.news .more{padding-top:4vw;text-align:center;}
.news .more a{display:block;font-size:4vw;color:#333;}
/* --end news-- */