/*reset start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{color: #7e8c8d;text-decoration: none;-webkit-backface-visibility: hidden;cursor: pointer;}
li{list-style: none;}
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical {height: 5px;background-color: rgba(125, 125, 125, 0.7);-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal {width: 5px;background-color: rgba(125, 125, 125, 0.7);-webkit-border-radius: 6px;}
html, body {width: 100%;height: 100%;overflow-x: hidden;font-family: hyqh;font-size: 13.333333vw;}
body {-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* input{-webkit-appearance: none;} */
/* 显示省略号 */
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*清除浮动*/
.clearfix:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.clearfix{*zoom: 1;}
/*允许显示文本行数*/
.lineOver{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*reset end*/

.go_back{position: absolute;top: 10px;left: 10px;width: 20px;height: 20px;}
.go_back:after {position: absolute;left: 5px;top: 50%;display: inline-block;content: "";width: 13px;height: 13px;border: solid #000;border-width: 0 0 2px 2px;-webkit-transform: translate(0,-50%) rotate(45deg);transform: translate(0,-50%) rotate(45deg);z-index: 9;}
.select-title{box-sizing: border-box;padding: 20px 30px 0 30px;text-align: center;}
.select-title h3{color: #111111;font-size: 22px;}
.select-title p{color: #999999;font-size: 13px; line-height:18px;margin-top: 11px;}

.select-container{box-sizing: border-box;padding: 10px 30px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.select-container .select-item{width: 28%;position: relative; margin-bottom:8px;}
.select-container .select-item img{width: 100%;border-radius: 6px;}
.select-container .select-item p{text-align: center;margin-top: 10px;font-size: 12px;color: #111111;}
.select-container .select-item input{position: absolute;right: 5px;top: 5px;width: 20px;height: 20px;-webkit-appearance: none;
	background-image: url(../images/checkbox-bg.png);background-repeat: no-repeat;background-position: top center;background-size: 20px;
	outline: none;}

.select-container2{box-sizing: border-box;padding: 10px 30px;}
/* .select-container2 .select-item{width: 48%;position: relative;margin-top: 15px;margin-right: 2%;}
.select-container2 .select-item input{position: absolute;right: 5px;top: 8px;width: 20px;height: 20px;-webkit-appearance: none;
	background-image: url(../images/checkbox-bg.png);background-repeat: no-repeat;background-position: top center;background-size: 20px;
	outline: none;}
.select-container2 .select-item p{padding: 10px;border: 1px solid #EEEEEE;border-radius: 50px;} */
.select-fl{width: 100%;margin-bottom: 1px;margin-top: 10px;}
.select-fl p{font-size: 18px;color: #333333;padding: 10px;}
.fl-wrapper{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.fl-wrapper .select-item{width: 47%;position: relative;border: 1px solid #EEEEEE;border-radius: 50px;margin-top: 11px;margin-right: 2%;}
.fl-wrapper .select-item input{position: absolute;right: 5px;top: 8px;width: 20px;height: 20px;-webkit-appearance: none;
	background-image: url(../images/checkbox-bg.png);background-repeat: no-repeat;background-position: top center;background-size: 20px;
	outline: none;}
.fl-wrapper .select-item p{padding: 10px;font-size: 14px;}

.select-down{margin-top:10px;text-align: center;}
.select-down input{width: 80%;height: 40px;background-color: #dddddd;font-size: 16px;color: #ffffff;border-radius: 50px;outline:none;}

.al-header{text-align: center;box-sizing: border-box;padding: 10px 0;}
.al-header p{text-align: center;font-size: 16px;color: #111111;}
.al-banner{width: 100%;}
.al-banner img{width: 100%;}

.al-banner-under{box-sizing: border-box;padding: 20px;border-bottom: 1px solid #eeeeee;}
.al-banner-under .under-name{font-size: 18px;font-weight: bold;}
.al-banner-under .under-line{display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;}
.al-banner-under .under-line img{width: 50px;height: 50px;border-radius: 50%;}
.al-banner-under .under-line div{margin-left: 20px;}
.al-banner-under .under-line div p:first-child{font-size: 16px;color: #111111;}
.al-banner-under .under-line div p:last-child{font-size: 14px;color: #999999;margin-top: 10px;}
.al-banner-under .under-belong{font-size: 14px;color: #999;margin-top: 20px;}
.al-banner-under .under-belong span{font-size: 14px;color: #999;margin-top: 10px;}

.al-read-count{box-sizing: border-box;padding: 20px;display: flex;justify-content: space-around;align-items: center;}
.al-read-count div p{text-align: center;}
.al-read-count div p:first-child{font-size: 30px;color: #E66E4B;font-weight: bold;}
.al-read-count div p:first-child span{font-size: 18px;color: #E66E4B;}
.al-read-count div p:last-child{margin-top: 10px;font-size: 14px;}

.al-brand-merit{box-sizing: border-box;padding: 20px;}
.al-brand-merit h4{font-size: 14px; margin-top:14px; font-weight:700;color: #111111;padding-left: 15px;border-left: 3px solid #E66E4B;}
.al-brand-merit p{font-size: 16px;color:#333333;line-height: 28px;margin-top: 15px;}
.al-brand-merit .news-read{text-align: left;font-size: 12px;color: #999999;margin-top: 15px;}

.al-about{background-color: #F5F5F5;box-sizing: border-box;padding: 20px 20px 60px 20px;}
.about-title{position: relative;border-bottom: 1px solid #e8e8e8;margin-top: 20px;}
.about-title p{font-size: 14px;color: #666666;padding: 8px 10px;background-color: #FFFFFF;border-radius: 6px;position: absolute;bottom: -16px;}
.about-title p img{width: 16px;height: 16px;vertical-align: bottom;margin-right: 6px;}
.about-title a{display: inline-block;font-size: 14px;color: #666666;padding: 8px 10px;background-color: #FFFFFF;border-radius: 50px;position: absolute;bottom: -16px;right: 0px;}
.about-brand{margin-top: 10px;}
.about-brand .brand-item{display: flex;justify-content: space-between;margin-bottom: 10px;box-sizing: border-box;background-color: #FFFFFF;padding: 10px;border-radius: 6px;}
.about-brand .brand-item .brand-img{width:120px; }
.about-brand .brand-item div{width:55%;}
.about-brand .brand-item div p{width:100%; line-height:22px;}
.about-brand .brand-item div p img{width: 30px;height: 30px;border-radius: 50%;vertical-align: middle;margin-right: 6px;}
.about-brand .brand-item div p:first-child span{font-size: 14px;color: #999999;}
.about-brand .brand-item div p:last-child{font-size: 16px;color: #111111;margin-top: 10px;line-height: 25px;}

.case-show-search{width: 100%;box-sizing: border-box;padding: 10px;display: flex;justify-content: space-between;}
.case-show-search img{width: 35px;height: 35px;border-radius: 50%;}
.case-show-search div{width: 85%;position: relative;box-sizing: border-box;background-color: #F2F2F2;border-radius: 50px;padding: 3px;}
.case-show-search div .text-input{background-color: #F2F2F2;width: 100%;padding: 6px;font-size: 14px;color: #333333;box-sizing: border-box;border-radius: 50px;}
.case-show-search div .search-input{position: absolute;right: 10px;background-color: #F2F2F2;background-image: url("../images/search-ico.png");background-repeat: no-repeat;background-size: 20px;outline: none;
	width: 20px;height: 20px;top: 6px;}
.swiper-slide img{width: 100%;border-radius: 6px;}

.case-show-school{margin-top: 20px;width: 100%;box-sizing: border-box;padding: 10px;}
.case-show-title{width: 100%;display: flex;justify-content: space-between;}
.case-show-title p{font-size: 16px;color: #111111;font-weight: 444;padding-left: 10px;border-left: 3px solid #007AFF;}
.case-show-title a{font-size: 14px;color: #999999;}
.al-banner-wrap{width: 100%;}
.al-banner-wrap img{width: 100%;}

.case-show-wrapper{box-sizing: border-box;padding:67px 10px 60px 10px;}
.case-cantainer{margin-top: 25px;}
.case-item{margin-bottom: 15px;box-shadow: 0 3px 5px #BFBFBF;width: 100%;box-sizing: border-box;padding: 15px;border-radius: 6px;}
.case-item .item-name{display: flex;justify-content: flex-start;}
.case-item .item-name img{width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;}
.case-item .item-name p:first-child{font-size: 15px;color: #333333; line-height:22px;}
.case-item .item-name p:last-child{font-size: 13px;color: #CCCCCC;margin-top: 0px; }
.case-item .item-img{margin-top: 10px;position: relative;}
.case-item .item-img h3{font-size: 14px;color: #333;}
.case-item .item-img img{width: 100%;margin-top: 8px;border-radius: 6px;}
.case-item .item-img p{width: 100%;position: absolute;bottom: 0;padding: 10px 10px;background-color: rgba(0,0,0,.6);color: #FFFFFF;text-align: left;border-radius: 0 0 6px 6px;font-size: 12px;box-sizing: border-box;}
.case-item .item-like{text-align: right;margin-top: 10px;padding: 3px 0;}
.case-item .item-like span{padding:5px 0 5px 20px;background-repeat: no-repeat;background-size: 18px;background-position: left center;font-size: 12px;color: #bfbfbf;}
.case-item .item-like span:first-child{background-image: url(../images/good-btn.png);margin-right: 15px;}
.case-item .item-like span:last-child{background-image: url(../images/colection-ico.png);}

.news-content{width: 100%;box-sizing: border-box;padding: 10px;margin-top:1.4rem;}
.news-content .news-title h3{
    font-size: 0.35rem;
    color: #222;
    line-height: 0.5rem;
    font-weight: 700;
}
.news-content .news-title p{margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.news-content .news-title p span:first-child{font-size: 16px;color: #111111;}
.news-content .news-title p span:first-child img{width: 30px;height: 30px;border-radius: 50%;vertical-align: middle;margin-right: 7px;}
.news-content .news-title p span:last-child{font-size: 12px;color: #999999;}
.news-text{margin-top: 15px; padding-top:14px; line-height:8px; width:92%; margin:0 auto;letter-spacing: 2px;}
.news-text p{font-size:16px;color: #666666;line-height:32px; margin-bottom:22px;}
.news-text img{width: 100%;line-height:29px; margin:1px 0;}
.news-read{ text-align:right;font-size: 12px;padding-right:16px;color: #999999;margin-top: 15px;}
.news-text p span{ margin:6px; padding:6px;}
.news-recommend{width: 100%;margin-top: 50px;}
.news-recommend .recommend-name p{text-align: left;font-size: 15px;font-weight: bold;padding-left: 10px;border-left: 3px solid #e60012;color: #111111;}
.recommend-item{box-sizing: border-box;padding: 10px;}
.recommend-item h5{font-size: 16px;color: #333333;line-height: 20px;}
.recommend-item div{justify-content: space-between;display: flex;margin-top: 10px;}
.recommend-item div img{width: 31%;}
.recommend-item p{text-align: left;margin-top: 6px;}
.recommend-item p span{margin-right: 10px;font-size: 12px;color: #999999;}
.case_nav{
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height:1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 999;
    border-top: 0.01rem solid #33333312;
}
.case_nav_tel{
    width: 50%;
    height: 100%;
    display: flex;
    background: linear-gradient(to right, #E6F3FF,#e3f2ff);
}
.case_nav_tel a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: #333;
    font-weight: 600;
}
.case_nav_wx{
    width: 50%;
    height: 100%;
    display: flex;
    background: linear-gradient(to right, #1EACFC,#1B60FC);
}
.case_nav_wx a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.32rem;
    color: #fff;
    font-weight: 600;
}
/* .case-nav{width: 100%;position: fixed;left: 0;right: 0;bottom: 0;height: 60px;box-sizing: border-box;padding: 8px;
    display: flex;flex-direction: row;justify-content: space-between;background-color: white;z-index: 9999999;border-top: 1px solid #EEEEEE;}
.case-nav a{    width: 25%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;}
.case-nav a span{display:inline-block;width: 22px;height:22px;background-repeat: no-repeat;background-size: 22px;background-position: bottom center;}
.case-nav a.on span{background-position: top center;}
.case-nav a.on p{color: #8a8a8a;}
.case-nav a:nth-child(1) span{background-image: url("../images/shou.png");}
.case-nav a:nth-child(2) span{background-image: url("../images/fa.png");}
.case-nav a:nth-child(3) span{background-image: url("../images/anli.png");}
.case-nav a:nth-child(4) span{background-image: url("../images/wo.png");}
.case-nav a p{font-size: 12px;color: #8a8a8a;margin-top:7px;} */

.news-comment{width: 90%;box-sizing: border-box;padding: 10px 10px 10px 30px;display: flex;justify-content: space-between;}
.news-comment .comment-avator{width: 40px;}
.news-comment .comment-avator img{width: 40px;height: 40px;border-radius: 50%;}
.news-comment .comment-name{width: 85%;}
.news-comment .comment-name .name{display: flex;justify-content: space-between;}
.news-comment .comment-name .name span:first-child{color: #0d3c6b; font-size:12px;}
.news-comment .comment-name .name span:last-child{background-image: url(../images/dz-ico.png);background-size: 17px;padding: 5px 0 5px 20px;
	background-repeat: no-repeat;font-size: 12px;background-position: left center;}
.news-comment .comment-name .c-content{margin-top: 1px;font-size: 14px;line-height: 20px;color: #333333;text-align: left;}
.news-comment .comment-name .time{margin-top: 15px;font-size: 12px;color: #333333;}

.al-fix-bottom{width: 100%;height:50px;position: fixed;left: 0;right: 0;bottom: 0;background-color: #FFFFFF;
	box-shadow: 0 -3px 3px #E7E7E7;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 10px}
.al-fix-bottom .bottom-btn a{display: inline-block;font-size: 13px;color: #333333;background-size: 20px;
	background-repeat: no-repeat;background-position: left center;padding: 5px 0 5px 25px;margin-right: 20px;}
.al-fix-bottom .bottom-btn a:first-child{background-image: url("../images/zz-ico.png")}
.al-fix-bottom .bottom-btn a:last-child{background-image: url("../images/sc-ico.png")}
.al-fix-bottom .bottom-gw a{font-size: 13px;color: #8a8a8a;}
.al-fix-bottom .bottom-gw img{width: 30px;height: 30px;border-radius: 50%;margin-left: 6px;vertical-align: middle;}

.news-container .swiper-container{box-shadow: 0 3px 2px #EEEEEE;}
.news-container .swiper-slide{text-align: center;}
.news-container .swiper-slide a.active{border-bottom: 2px solid #F29A00; font-weight:900;}
.news-container .swiper-slide a{display: inline-block;padding: 13px 0;color: #333333;font-size: 16px;}
.zh-news-content{width: 100%;box-sizing: border-box;padding: 10px;}
.zh-news-content .zh-news-item{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #EEEEEE;}
.zh-news-content .zh-news-item a{display: flex;justify-content: space-between;align-items: flex-start;}
.zh-news-content .news-title{width: 67%;}
.zh-news-content .news-pic{width: 30%;}
.zh-news-content .news-pic img{width: 100%;}
.zh-news-content .news-title h5{font-size: 15px;color: #1B1B1B;line-height: 25px;}
.zh-news-content .news-title p{margin-top: 15px;}
.zh-news-content .news-title p span{font-size: 12px;color: #999999;margin-right: 15px;}