@charset "utf-8";

.banner {width: 100%;overflow: hidden;margin-top: -5px;position: relative;padding-bottom: 80px;}
.banner a {display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;}
.banner a img {width: 100%;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 50%;background: rgba(0, 0, 0, 0.5);}
.banner .swiper-pagination-bullet-active {background: rgba(0, 0, 0, 0.6);}

.container {width: 95%; margin: 0 auto;z-index:1000;position: relative;}

.title{width: 100%;line-height:25px;text-align:center;font-size:16px;font-family:"Arial";letter-spacing:2px;}
.title span{height:25px;font-size:22px;margin-right:10px;font-weight:bolder;}
.title b{height:25px;font-size:18px;}
.more {width:70%;height:40px;line-height:40px;display:block;background:#000;margin:30px auto 0 auto;font-size: 14px;color: #FFF;text-align: center;}

.indexNav { width:100%; background:#fff; padding:20px 5%;overflow: hidden; margin-bottom:10px; box-shadow: 0px 0px 15px #e5e5e5;}
.indexNav li {width:25%; margin:15px 0;float: left;text-align: center;}
.indexNav img {width: 78%;display: block;margin: 0 auto; margin-bottom:10px;}
.indexNav a {font-size:14px;color: #4c4c4c;}

/*index pop*/
.indexPop{ width:100%; background:#fff;  margin-bottom:10px; box-shadow: 0px 0px 15px #e5e5e5; overflow:hidden;padding:40px 0;}

.slideBox .hd{width:100%;position:relative;top:0px;text-align:center;}
.slideBox .hd ul li{width:20px;height:10px;background:#fff;border-radius:5px;border:1px solid #000;margin:0px 6px;display:inline-block;text-indent:-9999px;}
.slideBox .hd ul li.on{background:#000;width:30px;}


.slideBox .bd{margin:20px auto 10px auto;}
.slideBox .bd ul li div {width:31%; float: left; text-align: center;overflow: hidden;margin:0 3.5% 15px 0;}
.slideBox .bd ul li div.mar0{margin:0 0 15px 0; }
.slideBox .bd ul img {width:100%;display: block; margin:0 auto; }
.slideBox .bd ul li b{display:block;margin:0 auto;padding:3px 5px; font-size:1rem; color:#fff;background:#000; font-weight:normal;position:absolute;top:70%;left:10%;right:10%;}

.slideBox .bd ul li div.pol b{ left:14%;right:14%;}

/*indexYh*/
.indexYh{width:100%; background:#fff;  margin-bottom:10px; box-shadow: 0px 0px 15px #e5e5e5; overflow:hidden;padding-bottom:40px;}
.indexYh .more{background:#fff;border:1px solid #000;color:#000;}
.indexYh ul{width:100%;overflow:hidden;border-bottom:1px solid #f6f6f6;}
.indexYh ul li{width:33.3%; float: left; text-align: center;overflow: hidden; position:relative;}
.indexYh ul li.br{ border-right:1px solid #f6f6f6;}
.indexYh ul li.bb{ border:1px solid #f6f6f6;}
.indexYh ul img {width:100%;display: block;margin:0 auto;}
.indexYh ul li p{display:block; font-size:0.9rem;line-height:1.5rem; color:#000000; position:absolute;top:5%;left:10px;text-align:left;}
.indexYh ul li p span{font-size:0.8rem;color:#555;margin-top:5%;display:block;}
.indexYh ul li p b{color:#d0000e;font-family:"Arial Black";display:block;line-height:1rem;}



/*index beauty*/
.indexBeauty { width:100%; background:#fff;  margin-bottom:10px; box-shadow: 0px 0px 15px #e5e5e5;overflow: hidden; padding:40px 0;}
.case_img{width:90%; margin:10px 5%;}

.find_nav {width: 100%; height: 50px;background-color: #fff;margin-top:10px;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;}
.find_nav_left {height: 50px;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1; box-flex: 1;}
.find_nav_list {position: absolute;left: 0;}
.find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
.find_nav_list ul li {display: inline-block;padding: 0;margin:0 12px;}
.find_nav_list ul li a {display: block; width: 100%;height: 100%;line-height: 50px;font-size: 14px;text-align: center; color: #666;}
.find_nav_cur a {color: #d0000e !important;}
.find_nav_list a.active{ color:#d0000e}
.sideline {display: block; position: absolute;border: 0; height: 2px;background-color: #d0000e;left: 0;top: 48px;pointer-events: none;}
.li_list{ min-height:200px; font-size:14px; line-height:200px; color:#fff; text-align:center}

/*index Team*/
.indexTeam { width:100%; background:#fff; box-shadow: 0px 0px 15px #e5e5e5; margin-bottom:10px;overflow: hidden; }
.indexTeam .more{background:#d0000e;}
.indexTeam img {width: 100%;margin-top:20px;}

.indexTeam .docKor{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.indexTeam .docKor a{width:100%;height:auto;display:block;position:relative;}
.indexTeam .docKor a img{width:100%;height:auto;}
.indexTeam .docKor a p{width:56%;height:auto;position:absolute;top:4.8em;left:24%;color:#202020;line-height:1.4rem;font-size:0.9rem;}
.indexTeam .docKor a p b{font-size:14px;     display: block;  }
.indexTeam .docKor a p span{display:block;font-size:12px; line-height:20px;}



@media screen and (max-width:450px){
 .indexTeam .docKor a p{width:56%;height:auto;position:absolute;top:3em;left:24%;color:#202020;line-height:1.4rem;font-size:0.9rem;}
.indexTeam .docKor a p b{font-size:12px;     display: block;  }
.indexTeam .docKor a p span{display:block;font-size:10px; line-height:13px;}
}




/*indexChoice*/
.indexChoice { width:100%; background:#fff; overflow: hidden;padding-top:40px;}

.owl-carousel .owl-item{float: left;}
/* fade */
.prev-quote{z-index:99999;background-image:url(../images/prev1.png);background-repeat:no-repeat;width:16px;height:16px;background-size:16px 16px;height:16px;position:absolute;left:0px;margin-top:30%;	}
.next-quote{z-index:99999;background-image:url(../images/next1.png);background-repeat:no-repeat;width:16px;height:16px;background-size:16px 16px;height:16px;position:absolute;right:0px;margin-top:30%;}

.quote-item{width:100%;position:relative;margin-top:30px;}
.quote-item img{width:100%;margin:0 auto;border:none;}
.quote-item p{width:100%;position:absolute;right:0;bottom:0;font-size:0.9rem;line-height:1.5rem;text-align:right;padding:5px;font-family:"Microsoft Yahei","Arial Black";background:url(../images/bgb.png) repeat-y right top;}
.quote-item p.bgw{color:#fff;}






/*内容页面*/
.newsCon{width:90%;height:auto;margin:75px auto auto auto;overflow:hidden;}
@media(max-width : 350px) and (min-width : 320px)  { 
	.newsCon{margin-top:60px;}
}
.itemArticle{width:100%; font-size:15px; line-height:26px; color:#4c4c4c;}
.itemArticle h2{ width:100%; color:#000; text-align:center; font-weight:normal; font-size:22px; line-height:30px; margin-top:30px; margin-bottom:20px;}
.itemArticle img{width:100%; margin:20px 0; margin:0 auto;}
.article_zixun{width:100%; margin:0 auto;}
.article_zixun a{width:45%;height:40px; background:#202020; margin:30px 0 30px 10%; display:block; float:left; text-align:center; color:#fff; line-height:40px;}
.article_zixun a.zixun{  background:#d0000e;margin-left:0;}

/*三级页面*/
.dbb_tjzt{width:100%; height:auto;}
.xzz_spe a img{width:100%; margin-bottom:20px; margin-top:10px;}
.wapzjjj {position: relative; width:100%; overflow:hidden; height:auto;}  
.wapzjjj .slide {position:relative;}
.wapzjjj .flex-direction-nav a {width:23px; height:23px; margin-top:-55px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(/new3g/jci/all_new.png); text-indent:-9000px;}
.wapzjjj .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.wapzjjj .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.wapzjjj .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.wapzjjj .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.wapzjjj .flex-control-paging { display:inline-block;}
.wapzjjj .flex-control-paging li {margin: 0px;padding: 0px;float: left;list-style-type: none;}
.wapzjjj .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer; display:none;}
.wapzjjj .flex-control-paging li a.flex-active {background-position:right top;}
.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}
.flexsliderrr {margin: 0; padding: 0;width:100%; overflow:hidden; height:auto;}
.flexsliderrr p{font-size:14px;line-height:25px;padding:20px 30px;font-weight:lighter;font-family:'Microsoft Yahei';color:#000;}
.flexsliderrr .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none; text-align:center;}
.flexsliderrr .slides img {border-radius: 100%;max-width: 150px; margin: 0 auto;    border: 1px solid #f6f6f6;}
.flex-pauseplay span {text-transform: capitalize;}
.clear{clear:both;height:1px; margin-top:-1px; width:100%;}
.slides{width:99999999999px; height:auto; display:block;}
.more {width:70%;height:40px;line-height:40px;display:block;background:#000;margin:30px auto;font-size: 14px;color: #FFF;text-align: center;}

.title{width: 100%;padding:25px 0;line-height:25px;text-align:center;font-size:16px;font-family:"Arial";letter-spacing:2px;}
.title span{height:25px;font-size:22px;margin-right:10px;font-weight:bolder;}
.title b{height:25px;font-size:18px;}










@media screen and (orientation:landscape) {
	.next-quote{margin-top:25%;}
	.prev-quote{margin-top:25%;	}
	.quote-item p{width:180px;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.next-quote{margin-top:13.1%;}
	.prev-quote{margin-top:13.1%;	}
    .quote-item p{width:180px;margin-left:auto;margin-right:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.next-quote{margin-top:18.3%;}
	.prev-quote{margin-top:18.3%;	}
	.quote-item p{width:180px;margin-left:auto;margin-right:auto;}
}