@import "comm.css";

.swiper-pagination-bullet-active{background: #666;}

#header{position: relative;}

#header .logo img{display: block;margin:0 auto; width:100%;}

#header .nav-btn{position: absolute;top:0.2rem;left: 0.2rem;width: 0.4rem;}

#header .nav-mess{position: absolute;top:0.2rem;right: 0.2rem;width: 0.4rem;}

#header .nav-btn img,#header .nav-mess img{display: block;width: 100%;}

/** 右侧滑动菜单 **/

#header .nav-mess{top:0;right:0;padding:0.2rem; width:0.8rem;}

.drawer-open{height: 100%; overflow:hidden !important;}

.drawer-mask{position:fixed; opacity:0;visibility:hidden; right:0; z-index:99; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.drawer-mask-open{visibility:visible; opacity:1;}

.drawer-nav{position:fixed; right:-2rem; z-index:100; width:2rem; height:100%; background:#333; transition:all ease .3s; transform: translate(0px, 0px) translateZ(0px);}

.drawer-nav-open{right:0;}

.drawer-nav ul{padding:0.1rem;}

.drawer-nav li{text-align:center; border-bottom:1px solid #3f3f3f;}

.drawer-nav li a{display:block; height:0.6rem; line-height:0.6rem;  color:#fff; font-size:0.24rem;}

/** 右侧滑动菜单 End **/

.index-focus{margin: 0 0 0.3rem 0;}

/*

.banner{margin: 0 0 0.3rem 0;}

.banner img{display: block;width:100%;}

*/

/* == 因3周年庆 首页图标临时更换，所以注释原图标css样式，周年庆过后，恢复如下css  == */
.index-pro li{float: left;width: 25%;padding:0 0 0.3rem;}
.index-pro a{position: relative;display: block; width: 75%;margin: 0 auto;}
.index-pro img{display: block;width: 100%;}
.index-pro span{position: absolute;left: 0;bottom: 0.15rem;width:100%;text-align: center;font-size: 0.22rem; color: #333;}

/**== 因3周年庆，首页临时启用如下图标css  START ==*/
/* .index-pro{padding-bottom: 1%;} */
/* .index-pro li{float: left;width: 25%;padding:0 0 2%;} */
/* .index-pro a{position: relative;display: block; width: 75%;margin: 0 auto;} */
/* .index-pro img{display: block;width: 86.7%; max-width: 100%;margin: 0 auto;} */
/* .index-pro span{display:block; padding-top: 3%; text-align: center;font-size: 0.22rem; line-height: 1.8; color: #333;} */
/**== END ==*/


.index-block{/*padding: 0 0.2rem;*/padding:0 3.125%;margin: 0 0 0.3rem 0;}

.index-block .ihd{height: 0.34rem;font-size: 0.28rem; line-height: 0.34rem; color: #333;}

.index-block .ihd img{height: 0.34rem; margin: 0 0.1rem 0 0; vertical-align: middle;}

.tab-pro{margin: 0.15rem 0 0 0;}

.tab-pro .hd{margin:0 0 0.3rem 0;font-size:0.28rem;line-height:0.5rem;text-align:center;background: #e1e1e1;}

.tab-pro .hd span{float: left;width: 50%; line-height:0.2rem;        padding:0.15rem 0 0.05rem 0;}

.tab-pro .hd span.on{color: #fff; background: #0064af;        padding:0.15rem 0 0.05rem 0;}

.tab-pro .hd b{ font-size:0.1rem; font-weight:normal; }

.tab-pro li{float: left;position:relative;width: 33.33333%;text-align: center;font-size: 0.2rem;line-height: 0.26rem;border-right: 1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}

.tab-pro li:nth-child(3n){border-right: none;}

.tab-pro li:nth-last-child(1),.tab-pro li:nth-last-child(2),.tab-pro li:nth-last-child(3){border-bottom: none;}



.tab-pro li a{display: block;padding:0.2rem 0;}

.tab-pro li img{display: block;width: 70.5%;margin: 0 auto;}

.tab-pro li strong{display:block;margin:0.1rem 0 0 0;font-weight: normal;}

.tab-pro li span{display: block; color: #999;}

.tab-pro .btn-more{display: block;width: 3.2rem;height: 0.6rem; margin: 0.3rem auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}

/**== 3周年庆 新增广告位 ==**/
.index-yh-first{margin-bottom: 1.5%;}
.index-yh-first img{display: block;}
/**== END ==**/

.index-yh{margin: 0.2rem 0 0 0;}

.index-yh a{display: block;overflow: hidden;}

.index-yh img{display: block;width: 100%;}

.index-yh .yh-l{float: right;width: 30%;}

.index-yh .yh-r{float: left;width: 69%;}

.index-yh .yh-r1{width: 100%;padding: 0 0 2.5% 0;}

.index-yh .yh-r2{float: left;width: 48.684%}

.index-yh .yh-r3{float: right;width: 50%}



.index-news{padding-top:0.15rem;padding-bottom:0.15rem;background: #f5f5f5;}

.index-news h3{float: left;width: 0.94rem;height: 0.94rem;padding:0.11rem 0 0 0;font-size:0.3rem;line-height:0.36rem;text-align:center;background: #e1e1e1;}

.index-news .bd{float: right;width: 4.9rem;height: 0.94rem;}

.index-news .hot-news{height: 0.94rem;}

.index-news .swiper-slide{height: 0.94rem;}

.index-news p{padding:0.1rem 0 0 0;}

.index-news a{font-size: 0.2rem;line-height: 0.3rem;}

.index-news a span{ display: inline-block;margin:0 0.1rem 0 0;padding:0 5px;vertical-align: top; color:#fff;background: #0064af; border-radius: 3px; overflow: hidden;}



.index-case{margin: 0.2rem 0 0 0;}

.index-case img{display: block;width: 100%;}

.index-case .swiper-slide{position: relative;}

.index-case .case-info{position: absolute; left: 3.3%; top: 0; width: 45%;}

.index-case label{display:inline-block;padding: 0 0.1rem;font-size: 0.2rem;color: #fff;line-height: 0.35rem;background: #0064af; border-radius: 0 0 5px 5px; vertical-align: top;}

.index-case .title{padding:10% 0 0 0;font-size: 0.2rem;}

.index-case .title span{display: block; font-size: 0.36rem; line-height: 120%;}

.index-case .info{padding:10% 0 0 0;font-size: 0.2rem; line-height: 0.24rem; color: #666;}

.index-case .info span{display: block; width: 1.1rem; height: 0.34rem; margin: 0 0 4% 0; line-height: 0.34rem; text-align: center; font-size: 0.2rem; background: #666; color: #fff;}

.index-case p{position: absolute;left:0;top:88%;width:100%;text-align: center;font-size: 0.24rem;}

.index-case .btn-more{display: block;width: 3.4rem;height: 0.6rem; margin: 0.2rem auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}

/*

.zj-focus{margin:0.2rem 0 0 0;}

.zj-focus img{display: block;width: 100%;}

.zj-focus .swiper-slide{position: relative;}

.zj-focus .bg{position:absolute;left:0;bottom:8%;width: 100%; padding: 3%; font-size: 0.2rem; line-height: 0.24rem;color: #666;background: rgba(255,255,255,0.7);}

.zj-focus .title{padding:0 0 2% 0;font-size: 0.24rem;color: #0064af;}

.zj-focus .swiper-pagination{position: static;}

*/

.brand-zhuanjia{margin-top: 0.2rem;}

.brand-zhuanjia .bd li{position: relative;}

.brand-zhuanjia .bg{position:absolute;left:0;bottom:8%;width: 100%; padding: 3%; font-size: 0.2rem; line-height: 0.24rem;color: #666;background: rgba(255,255,255,0.7);}

.brand-zhuanjia .title{padding:0 0 2% 0;font-size: 0.24rem;color: #0064af;}

.brand-zhuanjia .swiper-pagination{position: static;}

.brand-zhuanjia .hd{margin:0.1rem 0 0 0;font-size: 0; text-align: center;}

.brand-zhuanjia .hd li{display: inline-block;width:10px;height:10px;margin: 0 3px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background: #ddd; vertical-align: top;}

.brand-zhuanjia .hd li.on{background: #666;}



.ihd2{padding:0 0 2% 0;font-size: 0.28rem;color: #333; text-align: center; line-height: 0.3rem;}

.teyao li{position: relative; padding: 1.5%; margin: 2% 0 0 0; background: #f1f1f1;}

.teyao li a{display: block;}

.teyao .zj-pic{position:relative;float: left;width: 22.83%;padding: 22.83% 0 0 0;border-radius: 50%; overflow: hidden;}

.teyao .zj-pic img{position: absolute;left: 0;top: 0;width: 100%;}

.teyao .zj-title{ width: 90%; height: 0.7rem; padding: 0.2rem 0 0 0; line-height: 0.5rem; font-size: 0.2rem; color: #666; border-bottom: 1px dashed #e1e1e1;}

.teyao .zj-title span{padding: 0 0.2rem 0 0.2rem; font-size: 0.24rem;color: #333;}

.teyao .zj-info{padding:0.15rem 0 0 0;font-size: 0.2rem; color: #333; line-height: 0.26rem;}

.teyao .zj-info span{display: inline-block;padding: 2px 3px 0 3px;margin: 0 0.05rem 0 0.2rem; line-height: 0.26rem; color: #fff; background: #666; vertical-align: middle; border-radius: 3px;}

.teyao i{position: absolute; right: 1.5%; top: 7%; width: 0.7rem; height: 0.7rem; padding: 0.13rem 0 0 0; color: #fff;font-style: normal; font-size: 0.2rem; line-height: 0.24rem; text-align: center; background: #a6d5d2; border-radius: 50%;}

.teyao i:after{position: absolute; z-index: 1; left: 0rem; bottom: 0; width: 0.32rem; height: 0.32rem; content: ''; background: #a6d5d2; }

.teyao i span{position: relative; z-index: 2;}

.btn-ty{display: block;width: 3.4rem;height: 0.6rem; margin: 2% auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}

/**====特邀专家 2018 ===**/

.ty-index{padding: 0.25rem 0 0.2rem 0;overflow: hidden;margin-bottom: 0.3rem; background: #f1f1f1;}

.ty-index-list{margin-bottom:0.2rem; }

.ty-index-list li{width: 1.9rem;text-align: center;}

.ty-index-list .pic{width: 1.5rem;margin: 0 auto 0.1rem;}

.ty-index-list .name{font-size: 0.24rem;color: #333;line-height: 0.4rem;}

.ty-index-list .zc{margin-bottom:0.05rem;font-size: 0.2rem;color: #666;line-height: 0.3rem;}

.ty-index-list .but{font-size: 0;}

.ty-index-list .but a{display: inline-block;height: 0.4rem;padding:0 0.2rem;line-height: 0.4rem;font-size: 0.2rem;color: #fff;background: #fda233;border-radius: 5px;}

.ty-index .ty-index-tips{text-align: right;font-size: 0.2rem;color: #999;}

/* 底部 
.public-footer{
    position: relative;
}
.public-footer a{
    position: absolute;
    top: 1.5rem;
    width: 1.9rem;
    height: 1.8rem;
    z-index: 9;
}

.public-footer a.a1{
    left: 0.2rem;
}

.public-footer a.a2{
    left: 2.25rem;
}

.public-footer a.a3{
    left: 4.3rem;
}
*/

/* == 首页头条资讯20190729  == */
.index-toutiao{
    padding: 0 3.125%;
    margin: 0 0 0.2rem 0;
}

.index-toutiao .ttimg{ float:left; margin:0 0.2rem 0 0; width:43%;position: relative;}
.index-toutiao .cfix{ }
.index-toutiao li{font-size: 0.2rem;line-height: 0.34rem; height:0.43rem; white-space:nowrap; overflow:hidden;}
.index-toutiao li img {vertical-align: middle; height:0.34rem;}
.index-toutiao .ihd {
    height: 0.34rem;
    font-size: 0.28rem;
    line-height: 0.34rem;
    color: #333 !important;
	margin:0 0 0.15rem 0;
}
.index-toutiao .ihd  span{ float:right;}
.index-toutiao .ttimg i{ position: absolute;
    left:0; top:0;}