/* CSS Document */

.ban{ position: relative; float:left;}
.ban p{ position: absolute; left: 30%; bottom: 8%;}
.ban p a{ display: block; font-size:.12rem;}
.ban p a img{ display: inline-block; width: .1rem; padding-right:.03rem; vertical-align: middle;}
.ban p a i{ color: #c70000;}

.mt{ margin-top: .1rem;}
.lead{ background: #f5f5f5; padding: .1rem; box-sizing: border-box;}
.lead_title{ text-align: center;}
.lead_title img{ display: inline-block; width: 1.1rem;}
.lead p{ margin-top: .08rem; font-size: .12rem; text-align: justify; text-justify: inter-ideograph;}

.choose_title{ background: #30343e; border-bottom: 1px #ff9000 solid; padding: .05rem 0 .06rem;}
.choose_title h2,.choose_title p{ text-align: center;}
.choose_title h2{ font-size: .2rem; color: #fff;}
.choose_title p{ font-size: .12rem; color: #fffc00; line-height: 1.5;}
.choose_compare{ padding: 0 .1rem;}
.choose p{ padding: 0 .1rem; margin-top: .1rem; font-size: .12rem; text-align: justify; text-justify: inter-ideograph;}
.choose_aptitude{ background: #f5f5f5; padding: .1rem;}
/*.choose_aptitude ul{ background: url(../images/best_aptitude_bg.png) left top no-repeat; background-size: 100% auto; padding: .1rem .05rem .2rem 1.02rem; box-sizing: border-box;}
.choose_aptitude ul li{ font-size: .12rem; line-height: 1.8;}
.choose_aptitude ul li i{ color: #ee6e04; padding-right: .03rem;}*/
.choose_aptitude img:nth-child(2){ margin-top: .1rem;}
.choose_btn{ text-align: center;}
.choose_btn a{ display: inline-block; background: #ff9000; border-radius: .5rem; height: .3rem; line-height: .3rem; padding: 0 .1rem; font-size: .12rem; color: #fff;}
.choose_btn a img{ display: inline-block; width: .18rem; padding-right: .05rem; vertical-align: middle;}

.expert{ padding: 0 .1rem;}
.expert p{ font-size: .12rem; text-align: justify; text-justify: inter-ideograph;}

.container1 .swiper-slide img{ vertical-align: middle; margin-top: -0.27rem;}
.container1 .swiper-slide {width: 266px;height: 190px;border: 1px solid #D2D2D2;border-bottom: 0px;text-align: center;background: #fff;padding-top: 3px;}
.container1 .swiper-slide p{position: absolute;bottom: 0px;border: 1px solid #d2d2d2;width: 266px;height: 30px;line-height: 27px;border-top: 0px;font-size: 14px;color: #333;text-align: center;background: #fff;left: -1px;}
.container1 .swiper-slide p span{color: #e60012}
.container1 .swiper-container{position: relative;height: 200px;}
.container1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-1px;}
.container1 .swiper-pagination-bullet{width:12px;height:12px;background-color:#C38E8E;}
.container1 .swiper-pagination-bullet-active{width:40px;height:12px;background-color:#b28441;border-radius:10px;}
.fancybox-overlay{-webkit-overflow-scrolling:touch;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;background-image: url('../images/fancybox_sprite.png');}
.zhegai{width: 100%;height:100%;background: #333333;z-index: 9999999;position: absolute;top: 0;left: 0;opacity: 0.8;display: none;}
.zhegai-nr .video_box{position: fixed;top: 30%;left: 50%;margin-left: -200px;z-index: 9999999999999999;padding:18px 0px 10px 0px;}
.zhegai-nr video{width: 400px;height:225px;}
.zhegai-nr{display: none;}
.cont6-1 .tabs3{width: 460px;margin:0px auto 14px;}
.cont6-1 .tabs3 a{width: 106px;height: 78px;border:1px solid #E5E5E5;display: inline-block;text-align: center;color: #333;font-size: 18px; background:#EDEFF0;margin-right:4px;padding-top: 8px;position: relative;}
.cont6-1 .tabs3 a b{position: absolute;width: 0px;height: 0px;border-left: 7px solid transparent;border-top: 7px solid #B60C0D; border-right:7px solid transparent;bottom: -7px;right: 48px;display: none;}
.cont6-1 .tabs3 a:nth-child(4){margin-right: 0px;}
.cont6-1 .tabs3 a.active{background: #B60C0D;color: #fff;border: 0px;box-shadow: none;}
.cont6-1 .tabs3 a.active i{background: url(../images/s.png);}
.cont6-1 .tabs3 a.active b{display: block;}
.cont6-1 .tabs3 a i{width: 42px;height: 44px;display: block;background: url(../images/s2.png) no-repeat;margin:0 auto 4px;}
.cont6-1 .tabs3 a i.i1{background-position: 2px 1px;}
.cont6-1 .tabs3 a i.i2{background-position: -116px 0px;}
.cont6-1 .tabs3 a i.i3{background-position: -234px 0px;}
.cont6-1 .tabs3 a i.i4{background-position: -347px 0px;}
.cont6-1 .list-box{width: 425px;margin:0 auto;}
.showMoreNChildren {position: relative;}
.showMoreNChildren p{font-size: 18px;line-height: 28px;color: #333;position: absolute;width: 392px;bottom: 6%;left: 4%;text-align: justify;}
.swiper-slide1{width: 422px !important;height: 332px !important;border: 1px solid #D0CFCF;padding-top: 7px;text-align: center;position: relative;}
.swiper-slide1 p{bottom: -46%;left: 4%;position: absolute;}
.cont2 .swiper-container{width: 424px;}
.alxq{color:#b60c0d;}

.technology p{ margin-top: .1rem; background: #f5f5f5; padding: .1rem; text-align: justify; text-justify: inter-ideograph; font-size: .12rem;}
.technology p a{ color: #d80000;}
.step{ padding: 0 .1rem;}
.step dl{ margin-top: .1rem; background: #30343e;}
.step dl dt{ display: block; width: 1rem; float: left;}
.step dl dd{ display: block; margin-left: 1rem; padding: 0 .05rem;}
.step dl .step_ti{ font-size: .12rem; font-weight: bold; color: #fff; text-align: center; line-height: 1.6;}
.step dl .step_de{ font-size: .12rem; color: #fff; text-align: justify; text-justify: inter-ideograph; line-height: 1.1;}

.service_adver{ padding: 0 .1rem;}
.service_in{ padding: 0 .1rem;}
.service_in dl{ margin-bottom: .08rem;}
.service_in dl dt{ display: block; width: .4rem; float: left; background: #30343e; padding: .05rem; box-sizing: border-box;}
.service_in dl dd{ display: block; margin-left: .5rem;}
.service_in dl .service_ti{ font-size: .14rem; font-weight: bold; color: #ff9000;}
.service_in dl .service_de{ margin-top: .05rem; padding-bottom: .03rem; font-size: .12rem; border-bottom: 1px #aeaeae dashed;}
.case_in{ padding: 0 .1rem; position: relative;}
#case dl{ background: #f5f5f5; padding-bottom: .05rem;}
#case dl dd{ text-align: left; padding-left: .05rem; box-sizing: border-box; font-size: .12rem;}
#case dl dd i,#case dl dd a{ color: #da0103;}
#case dl .case_ti{ padding: .05rem 0; text-align: center; font-size: .13rem; color: #da0103;}

.comment{ padding: 0 .1rem;}
.comment_key ul li{ display: block; width: 32%; float: left; margin-left: 2%; margin-top: .08rem; background: #30343e; border-radius: .5rem; text-align: center; height: .26rem; line-height: .26rem; font-size: .12rem; color: #fff;}
.comment_key ul li:first-child,.comment_key ul li:nth-child(4){ margin-left: 0;}

.comment_in{ padding: .1rem 0; background:#ededed;}
.part5 dl{ width:96%; margin:.1rem auto 0; overflow:hidden; display:block; background:#fff;color:#000; padding: .1rem 0;}
.part5 dl:first-child{ margin-top: 0;}
.part5 dl dt{ display:block; width:15%; float:left; text-align:center; font-size:.1rem}
.part5 dl dt img{ width:90%; margin-left:10%}
.part5 dl dd{ display:block; float:left; overflow:hidden; width:83%; float:right; border-bottom:1px dashed #ccc;font-size:.1rem;}
.part5 dl dd li{ float:left; margin:0 3% 2% 0}
.part5 dl dd li img{ padding-right:.08rem}
.part5 dl dd li em{ color:#ff6f19}
.part5 dl dd li i{ font-style:normal}
.part5 dl dd p{ margin:.05rem 0; font-size:.11rem}
.part5 dl dd li+li+li+li+li+li{ margin-right:0}
.part5 #changpage{ overflow:hidden; margin:0% 0 0 2%; font-size:.12rem; width:95%; background:#fff; padding:2% 0 2% 1%}
.part5 #changpage a{ display:block; border:1px solid #C2C2C2; float:left; padding:2%; margin-right:1.5%;line-height:.5em}

.hot_title{ padding: 0 .1rem;}
.hot_title p{ border-bottom: 1px #30343e solid; padding-bottom: .03rem; font-size: .12rem; position: relative;}
.hot_title p span{ padding-left: .2rem; background: url(../images/best_hot_icon.png) left center no-repeat; background-size: .15rem auto; font-size: .14rem; font-weight: bold; color: #c80000;}
.hot_title p img{ display: inline-block; width: .8rem; position: absolute; left: 0; bottom: -0.03rem;}
.hot_title p a{ float: right; color: #ff9000;}
.hot{ padding: 0 .1rem;}
.hot ul li{ border-bottom: 1px #acadb0 dashed; padding-bottom: .05rem; font-size: .12rem; margin-bottom: .08rem;}
.hot ul li i{ color: #ff9000; padding-right: .05rem;}
.hot ul li a{ float: right; color: #ff9000;}

.problem h3 { width: 100%; text-align: center; background: #2d343e; color: #fff; font-size: 0.18rem; line-height: 0.4rem; }
.problem ul li { float: left; width: 31.3%; margin: 3% 1%; }

.prob-tab p { width: 96%; margin: 2% auto 4%; color: #2d343e; font-size: 0.14rem; }
.prob-tab h4 { text-align: center; color: #2d343e; font-size: 0.16rem; }
.prob-tab .tab { width: 90%; margin: 2% auto; }
.prob-tab .tab label { width: 30%; font-size: 0.14rem; color: #e6222c; }
.prob-tab .tab input { width: 70%; box-sizing: border-box; height: 0.22rem; padding-left: 0.02rem; font-size: 0.14rem; border: 0.01rem solid #a0a0a0; border-radius: 0.01rem; }
.prob-tab .tab-bot { width: 50%; margin: 4% auto; }
.prob-tab .tab-bot input { display: block; float: left; width: 48%; margin: 0 1%; border: none; background: #e6222c; font-size: 0.12rem; color: #FFF; line-height: 0.25rem; border-radius: 0.06rem; }
.prob-tab .tab-bot a { display: block; float: left; width: 48%; margin: 0 1%; text-align: center; background: #ff9000; font-size: 0.12rem; color: #FFF; line-height: 0.25rem; border-radius: 0.06rem; }
.prob-tab .wx-bot p { font-size: 0.12rem; color: #2d343e; }
.prob-tab .wx-bot span { color: #E6222C; }
.prob-tab .wx-bot a { background: #E6222C; color: #fff; }