@charset "utf-8";
/* 亦强APP 一代聪师 */
#texi_banner{width: 100%;height: 476px; background-size: cover !important;}
/*#texi_banner img{width: 100%;}*/
.texi_tab{position: relative;}
.texi_tab .hei_bg{width: 100%; background-color: #222;height: 350px; position: absolute;bottom: 100px; z-index: 2;}
.texi_tab .big_title{margin-bottom:40px;clear: both;}
.texi_tab .big_title h3{color: #0061ae;font-size: 34px; letter-spacing: 5px; font-weight: bold;line-height: 2;margin-top:30px; margin-bottom: 20px;}
.texi_tab .big_title p{line-height: 2;font-size: 16px;padding-left: 15px; padding-right: 15px;}
.texi_tab .qingchu{margin-left:0 !important; margin-right:0 !important;margin-bottom: 20px;}
.texi_tab .col-sm-4{margin-bottom: 20px;}
.texi_tab .col-sm-4 h4{font-weight: normal; font-size: 20px;padding-top: 8px; padding-bottom: 8px;}
.texi_tab .col-sm-4 p{color:#bbb;}
/*六角形*/
.liu_all{ margin-top: 50px; margin-bottom: 50px;}
/*六角形 底层色*/
.hexagon { cursor: pointer; width: 100px; height: 66px; background: #b8e1ff; position: relative; margin-left: auto; margin-right: auto;z-index: 10;}
.hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid #b8e1ff;z-index: 15; }
.hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #b8e1ff;z-index: 15; }
/*六角形 上层色*/
.hexagon .nei_bg{width: 93px; height: 64px; background: white;  position: relative;left: 3px;top:1px;}
.hexagon .nei_bg:before{ content: ""; position: absolute; top: -22px; left:0; width: 0; height: 0; border-left: 47px solid transparent; border-right: 47px solid transparent; border-bottom: 23px solid white;z-index: 16; }
.hexagon .nei_bg:after { content: ""; position: absolute; bottom: -22px; left: 0; width: 0; height: 0; border-left: 47px solid transparent; border-right: 47px solid transparent; border-top: 23px solid white;z-index: 16; }
/*六角形文字*/
.hexagon .t1,.hexagon .t2{position: absolute; z-index: 17;}
.hexagon .t1{top:10%; left: 28%;font-size: 20px;letter-spacing: 3px;font-weight: bold;color:#b8e1ff;}
.zhong .t1{color:white !important;}
.hexagon .t2{background-color: white;color:#b3b3b3; width: 100%;text-align: center;line-height: 1;margin-top: 6px;font-size: 14px; }
/*六角形选中*/
.zhong .nei_bg{background: #0061ae;}
.zhong .nei_bg::before{border-bottom: 23px solid #0061ae !important;}
.zhong .nei_bg::after{border-top: 23px solid #0061ae !important;}

/*选项卡 banner*/
.texi_tab_info>div{z-index: 5; position: relative;}
.texi_tab_info .device {height: 580px;min-width: 280px; background:url(../images/app_product/iphone_bg.png) top center no-repeat;overflow: hidden;}
.texi_tab_info .device .arrow-left,.texi_tab_info .device .arrow-right {cursor: pointer; font-size: 30px; color: white; position: absolute; top: 50%; margin-top: -15px; width: 17px; height: 30px; line-height: 1; }
.texi_tab_info .device .arrow-left {left: 10px;}
.texi_tab_info .device .arrow-right {right: 10px;}
.texi_tab_info .device .swiper-container {width: 235px; height:418px;margin-top: 62px; background-color: white;}
.texi_tab_info .device .swiper-slide{ }
.texi_tab_info .device .swiper-slide img{width: 100%;}
.texi_tab_info .device .content-slide { padding: 20px; color: #fff; }
.texi_tab_info .device .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; }
.texi_tab_info .device .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.texi_tab_info .device .swiper-active-switch { background: #fff; }

/*选项卡 右边*/
.mingxi_t1{}
.mingxi .mingxi_bao{padding-bottom:25px;clear: both; overflow: hidden;}
.mingxi .col-xs-12{padding-top: 50px;overflow: hidden}
.mingxi .col-xs-12 h3{font-size: 24px; letter-spacing: 3px; font-weight: bold;line-height: 2; color:#808080;}
.mingxi .col-xs-12 h3 span{padding: 0 10px; cursor: pointer;}
.mingxi .col-xs-12 h3 span.blue{color: #0061ae !important;}
.mingxi .col-xs-6{ margin-top: 30px;}
.mingxi .huik{position: relative; z-index: 8;border-color: #222; border-width: 2px; border-style: solid;  margin-top: 10px;padding: 15px;cursor: pointer;}
.mingxi .huik>p{font-size: 16px; font-weight: bold; color: #0061ae; position: absolute;padding-bottom: 5px;padding-left: 5px; padding-right: 5px; background-color: #222; z-index: 9;top:-25px;left: 20px;}
.mingxi .huik_l {float:left; width: 25px;margin-left:8px; margin-right: 20px; height:100px;}
.mingxi .huik_l p{text-align: center; height: 50px ;}
.mingxi .huik_l p img{display: inline-block; }
.mingxi .huik_r{}
.mingxi .huik_r>h3{color: white; font-size: 18px; font-weight: normal;display: block;margin-top:0;margin-bottom: 17px;}
.mingxi .huik_r>p{font-size: 14px;color:#666; font-weight: normal;margin-bottom: 0px;-webkit-line-clamp:2;height: 42px;}
/*选中状态*/
.mingxi .huik.zhong{border-color: #555;}
.mingxi .huik.zhong .huik_l p{border-bottom: 2px solid #0061ae;}

/*其余三个选项卡*/
.tab_other{line-height: 1.5;padding-top: 20px;margin-bottom: 30px;overflow: hidden;}
.tab_other:last-child{margin-bottom:10px;}
.tab_other h3{text-align: center; width:180px; height: 50px; margin:0 auto; border-top:#7fb0d8 1px solid;}
.tab_other h3.siji{width:230px; }
.tab_other h3 span{color: #0061ae;font-size: 24px; letter-spacing: 5px; font-weight: bold; background-color:white; padding-left: 8px; padding-right: 8px;position: relative;top:-13px;}
.info{width: 100%; clear: both;}
.tab_other table{width: 100%; text-align: center; height: 40px; line-height: 40px;border:solid #e9e9e9;border-width:1px 0px 0px 1px; }
.tab_other table thead{border:solid #e9e9e9;border-width:0px 1px 1px 0px; }
.tab_other table thead th{background-color:#66abe3; font-size: 16px; color:white; text-align: center; font-weight: normal;border:solid #e9e9e9;border-width:0px 0px 1px 0px;}
.tab_other table thead th:last-child{border:solid #e9e9e9;border-width:0px 1px 1px 0px; }
.tab_other table tbody td{font-size: 14px; color:#959595;border:solid #e9e9e9;border-width:0px 1px 1px 0px; line-height:3; }
.tab_other table .zuo{width: 15%;}
.tab_other table .zuo_w{width:50px;}
.tab_other table .zuo_180{width: 180px;}
.tab_other table i.fa-check{font-size:20px;color:#7dcd86;line-height: 1;}
.tab_other table i.fa-close{font-size:20px;color:#fe7586;line-height: 1;}



/*价格表*/
.jiabiao{margin: 0 auto; width: 280px; border-radius: 20px;overflow: hidden;}
.jiabiao h3,.jiabiao h4{font-size: 24px;text-align: center;height: 60px;line-height: 60px;width: 100%;margin: 0 !important;}
.jiabiao h3{background-color: #7fb0d7; color:white;}
.jiabiao h4{overflow: hidden; position: relative;background-color: white; color:#ffae00;border-left: 2px solid #f7f7f7;border-right: 2px solid #f7f7f7;}
.jiabiao h4 span{position: absolute;bottom:-35px;color:#f7f7f7;font-size: 60px; left: 0; right:0; margin:auto; line-height: 1;}
.jiabiao ul{background-color: #f7f7f7; list-style-type: none;padding:10px 0;height: 260px; margin: 0;}
.jiabiao ul li{height:30px; line-height: 30px;padding:0 20px;-webkit-line-clamp:1;}
.jiabiao ul li>span{color:#7fb0d7;margin-right: 10px;}


















/*媒体判断*/
@media (max-width:1199px){
	.texi_tab .hei_bg{height: 380px;bottom: 70px;}
	.tab_other table .zuo{width: 20%;}
	.mingxi .huik_r>p{-webkit-line-clamp:3;}
}

/*小屏电脑*/
@media (max-width:991px){
	.texi_tab .hei_bg{height: 500px;bottom: 0px;}
	.texi_tab_info .device .swiper-container {}
	.texi_tab .hei_bg{}
	.mingxi .col-xs-12{}
	.texi_tab_info .device .arrow-left,.texi_tab_info .device .arrow-right {background-color:transparent; font-size: 50px; color: #ccc; top: 50%; margin-top:0; width: auto; height:auto;}
	.texi_tab_info .device .arrow-left {left: 30px;}
	.texi_tab_info .device .arrow-right {right: 30px;}
	.mingxi .huik_r>p{-webkit-line-clamp:1;}
	.mingxi .col-xs-12 h3{text-align: center;}
	.tab_other table .zuo{width: 25%;}
	.tab_other table .zuo_w{width: 130px;}
	.tab_other table thead th{font-size: 14px;}
	.tab_other table tbody td{font-size: 12px;}
	.jiabiao{margin-bottom: 30px;}
}

/*平板*/
@media (max-width:767px){
	#texi_banner {height: 250px;}
	.texi_tab .hei_bg{height:0;}
	.mingxi .mingxi_bao{background-color: #222;}

}

/*以i6p 为分界线，兼容以下屏幕*/
@media (max-width:415px){
	.tab_other table .zuo{width: 30%;}
	.mingxi .huik_r>p{-webkit-line-clamp:2;}
	.texi_tab_info .device .arrow-left {left: 5px;font-size: 24px;}
	.texi_tab_info .device .arrow-right {right: 5px;font-size: 24px;}
}


@media (max-width:300px){
	#texi_banner {height: 110px;}

}

@media (min-width: 300px) and (max-width:350px){
	#texi_banner {height: 120px;}

}
@media (min-width: 350px) and (max-width:400px){
	#texi_banner {height: 140px;}

}

@media (min-width: 400px) and (max-width:500px){
	#texi_banner {height: 160px;}

}

@media (min-width: 500px) and (max-width:630px){
	#texi_banner {height: 200px;}

}

@media (min-width: 767px) and (max-width:1000px){
	#texi_banner {height: 310px;}

}

@media (min-width: 1000px) and (max-width:1500px){
	#texi_banner {height: 390px;}

}

@media (min-width: 1500px) and (max-width:2500px){
	#texi_banner {height: 450px;}

}