@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/ }
body{font-family: "Source Han Sans CN","Hiragino Sans GB","Heiti SC","PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif;font-size:16px;color: #555;}
a{ text-decoration:none; outline:none;background: transparent;blr:expression(this.onFocus=this.blur()); transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;color:#555;-webkit-tap-highlight-color: transparent;}
a:hover{color:#d82633}
img{ border:none}
button,input,select,textarea{
	font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
table{ border-collapse:collapse}
ul,li,ol{ list-style:none}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"";display:block;height:0;clear:both;visibility:hidden}
.col01{color:#af090b}
.col02{color:#d70000;}
.col98{color:#989898}
.col65{color:#656565}
.red{color:#f00}
.fl{float:left}
.fr{float:right}
.ovh{ overflow:hidden}
.wrap{width:100%; max-width:1600px;padding:0 50px; margin:0 auto}
.space{ padding:60px 0 70px}
h1,h2,h3,h4,h5{ font-weight:normal}

.header{ height:100px; position:fixed;top:0;left:0;width:100%; background:#fff; z-index:99}
.header .logo a{ display:block; height:100px;display:-webkit-flex; display:flex;align-items: center;}
.header .logo img{ display:block; height:65px}
.header_box{display:-webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.header .tel{ color:#999; background:url(../images/tel.png) no-repeat left center; padding-left:40px; font-weight:400; font-size:12px; line-height:1.4}
.header .tel span{ display:block; font-size:18px; font-weight:bold;color:#af090b}
.header_r .search{ position:relative; width:290px;}
.header_r .search .inp{ border:1px solid #a6a6a6; line-height:25px; background:none; padding:5px; color:#666; width:100%; }
.header_r .search .submit{ position:absolute; right:0;top:0; height:100%; width:55px; background:url(../images/search-btn.png) #a6a6a6 center no-repeat; border:0; cursor:pointer}
.animatedH {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animatedH.slideDown {top: -100px;}
.animatedH.slideUp {top: 0;border-bottom: 1px solid #e8e8e8;}
.headerHeight{ height:100px;}

.nheader .banner-top{ display:none}
.bannerBox{ position:relative}
.banner-top img{ display:block; width:100%}
.banner-logo{ background:url(../images/bannerTopbg.jpg) no-repeat center; background-size:cover; height:215px;padding-top:60px;}
.banner-logo img{ display:block; margin:0 auto; height:52px}
.banner-logo2{position: absolute;left:calc(calc(100% - 1500px) / 2);top:7%;z-index:10}
.banner-logo2 img{ display:block; height:38px}
.menu{ position:absolute; left:0;right:0; bottom:0; background:rgba(0,0,0,.4); z-index:3}
.menu ul{ display:flex; display:-webkit-flex;justify-content:space-between}
.menu li{position:relative;}
.menu .menu_a{ line-height:50px; display:block; color:#fff; font-size:1rem; padding:0 30px; white-space:nowrap; position:relative}
.menu .menu_a:after{ content:""; width:1px; height:15px; background:#fff; position:absolute; right:0;top:22px}
.menu li:last-child .menu_a:after{ display:none}
.menu li .sub{min-width:100%;
	position:absolute;
	background:#f2f2f2;
	z-index:999;
	display:none;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%)
}
.menu li .sub dd{ border-bottom:1px solid #e8e8e8;}
.menu li .sub dd a{ padding:10px; text-align:center;color:#333; display:block; font-size:.9em; white-space:nowrap;background:#f2f2f2;}
.menu li .sub dd a:hover{ background:#af090b; color:#fff}
.menu li .sub02{ width:350px;left:50%;}
.menu li .sub02 dd{ float:left; width:50%}
.menu li:hover .menu_a{ font-weight:bold}
.banner{ 
	width: 100%;
	overflow:hidden;
	z-index:2;
}
.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{ width:100%; height:100%;display:block;}
.banner .swiper-pagination{ display:none}
.banner .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background:none;
	border:1px solid #fff;
	opacity:1;
	outline: none;
}
.banner .swiper-container-horizontal>.swiper-pagination{bottom:4%}
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 5px;
}
.banner .swiper-pagination-bullet-active{
	opacity: 1;
	background:#fff;
}
.i-video{ background:#ddd; margin-bottom:40px; height:60px; position:relative; z-index:3;}
.i-video .video_img{ position:absolute; bottom:15px;}
.i-video .video_img a{ display:block; position:relative}
.i-video .video_img a:before{ content:""; width:80%; height:50%; position:absolute; left:10%;top:25%; background:rgba(0,0,0,.5); z-index:1; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-video .video_img span{ position:absolute;color:#fff; left:50%; top:50%; -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); background:url(../images/hand.png) no-repeat left center;background-size: 30px; padding-left:30px; font-size:1.5rem; z-index:2}
.i-video .video_img img{ display:block}
.i-video .video_img a:hover::before{ width:100%; height:100%; left:0;top:0}
.i-video02{ display:none}




.title{ text-align:center; margin-bottom:35px}
.title h3{font-size: 2.25rem;color: #333;font-weight: bold; position:relative}
.title h3:after{ content:"";display: block;width:50px;height: 3px;margin:6px auto 10px;background:#af090b;;}
.title p{color:#666; font-size:16px;}
.more{ display:block; text-align:center; border:1px solid #bfbfbf; width:120px; line-height:35px; font-size:.92rem}
.more span{ font-family:Simsun}
.more:hover{background: #af090b;color: #fff;border:1px solid #af090b}
.more.shangqiao{background: #af090b;color: #fff;border:1px solid #af090b}
/*==============================*/
.i-service{}

.i-service>h3 span{display:inline-block; background:#af090b; color:#fff; font-weight:normal; font-size:17px;padding: 5px 10px; letter-spacing:1px;}
.i-service-top{ position:relative; margin-bottom:50px}
.i-service-top ul{margin-left:1px}
.i-service-top li{ float:left; font-size:1.5rem; width:10%; text-align:center; border:1px solid #bfbfbf;cursor: pointer; margin-left:-1px; margin-top:-1px}
.i-service-top li:last-child{ border-right:1px solid #bfbfbf}
.i-service-top li a{ color:#595959;display:block; padding:1.25rem 0;text-align:center; pointer-events:none;}
.i-service-top .ico{ display:-webkit-flex;display:flex;justify-content:center;align-items:center; margin-bottom:10px}
.i-service-top .ico img{height:80px}
.i-service-top .ico_1{ display:block}
.i-service-top .ico_2{ display:none}
.i-service-top li.active a{ background:#af090b; color:#fff}
.i-service-top li.active .ico_1{ display:none}
.i-service-top li.active .ico_2{ display:block}

.i-service-con .item{height: 0;overflow: hidden;position: relative; display:flex; display:-webkit-flex;justify-content:space-between;font-size:18px;}
.i-service-con .item.active{ height:auto;}
.i-service-con .item>div{ width:26%}
.i-service-con .item .tit{font-size: 24px;color: #333;text-align: center;margin-bottom: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.i-service-con .left .tit{ margin-bottom:0}
.i-service-con .left .pic{ overflow:hidden; position:relative}
.i-service-con .left .pic:before{ content:""; display:block; padding-top:66.66666%}
.i-service-con .left .pic img{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover}
.i-service-con .item>.mid{ width:41%}
.i-service-con .mid .list{display:flex; display:-webkit-flex;flex-wrap:wrap; margin-bottom:10px; margin-right:-1%}
.i-service-con .mid li{ margin-bottom:10px;width:32.33%; margin-right:1%}
.i-service-con .mid li a{ display:block; background:#f7f7f7; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; padding:5px; text-align:center; line-height:40px; font-size:.92em}
.i-service-con .mid li a:hover{background: #af090b;color:#fff}

.i-service-con .right .list{margin-bottom:19px}
.i-service-con .right li{position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:15px; line-height:33px;}
.i-service-con .right li:before{
	content:"";
	width:0;
	height:0;
	border-left:5px solid #db0600;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	position:absolute;
	left:0;
	top:9px;
}
/*====================================*/
.i-about{ background:#f2f2f2}
/*.i-about .list ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content:space-between}
.i-about .list li{  background:#fff; width:31.33%; margin-bottom:2%;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s}
.i-about .list .pic{ position:relative; overflow:hidden}
.i-about .list .pic:before{ content:""; display:block; padding-top:45%}
.i-about .list .pic img{ position:absolute;left:0;right:0;top:0;bottom:0; display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.i-about .list .txt{ padding:20px 30px 30px;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between}
.i-about .list h3{ color:#333; font-weight:bold; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.i-about .list .more{-moz-transition:.4s;-webkit-transition:.4s; transition:.4s; font-size:.9rem; color:#555}
.i-about li:hover .pic img{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.i-about li:hover{ background:#af090b}
.i-about li:hover h3{ color:#fff}
.i-about li:hover .more{ color:#fff}*/

.i-about-2{ background:#fff}
.i-aboutCon .pic{ width:50%; position:relative; margin-top:30px}
.i-aboutCon .pic:after{ content:""; width:80%; height:60%; background:#af090b; position:absolute; right:0;bottom:0}
.i-aboutCon .pic img{ position:relative; z-index:2; bottom:20px;display:block; width:calc(100% - 20px)}
.i-aboutCon .txt{ width:46%; padding-top:10px}
.i-aboutCon .txt .title{ text-align:left}
.i-aboutCon .txt .title h3:after{ margin-left:0}
.i-aboutCon .txt .con{ line-height:2; margin-bottom:30px; display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical; overflow:hidden; font-size:1.125em}
.numList{ margin-top:40px; color:#333; font-size:18px;}
.numList ul{display:flex; display:-webkit-flex;}
.numList li{ width:25%}
.numList .num{font-size:50px; line-height:1.4; font-weight:bold; color:#af090b; position:relative}
.numList .num .sign{font-size:18px; position: relative; top:-25px; margin-left:5px}
.numList li p{ margin-bottom:0}


.i-teamBox .tabs{ width:20%}
.i-teamBox .tabs a{ display:block; background:#eee; color:#333; text-align:center; margin-bottom:1px; padding:25px 20px; font-size:1.17rem}
.i-teamBox .tabs .active{ background:#af090b; color:#fff}
.i-teamBox #tabs-container{border:2px solid #af090b; width:80%; height:467px}
.i-teamBox #tabs-container .swiper-slide{ padding:35px 40px; display:-webkit-flex;display:flex;}
.i-teamBox #tabs-container .left{ border-right:1px solid #bfbfbf; padding-right:3%; margin-right:3%; width:20%; text-align:center;}
.i-teamBox #tabs-container .left h3{ color:#333; font-size:1rem; margin:10px 0 20px}
.i-teamBox #tabs-container .left img{ display:block; margin:0 auto;width: 100%;}
.i-teamBox #tabs-container .right{ width:77%; line-height:1.8}
.i-teamBox #tabs-container .right p{ margin-top:10px}
.i-teamBox #tabs-container .right .intro{ margin-top:10px; display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
.i-teamBox #tabs-container .right .more{ margin-right:0}
.i-team .more{ margin:40px auto 0}
.i-teamList .cont{ display:block; border:1px solid #bfbfbf; margin:0 1px; display:block; padding:1.25rem}
.i-teamList .pic{ position:relative; overflow:hidden}
.i-teamList .pic:before{ content:""; padding-top:78.3333%;display:block}
.i-teamList .pic img{ display:block; position:absolute; right:0;top:0;left:0;bottom:0;margin:auto;object-fit: contain;width: 100%;height: 100%;}
.i-teamList .txt{ margin-top:20px; border-top:1px solid #e5e5e5; padding-top:15px; position:relative; text-align:center}
.i-teamList .txt h3{ color:#333; text-align:center; font-size:1.5rem}
.i-teamList .txt .zc{background:#af090b; color:#fff; border-radius:5px; font-size:14px;padding:0 10px; display:inline-block; margin:10px 0}
.i-teamList .bot{ display:flex; display:-webkit-flex;justify-content:space-between}
.i-teamList .bot .more{ margin-top:20px}
.i-teamList .swiper-pagination{ display:none}
.i-teamList .swiper-pagination-bullet-active{background:#af090b}


.i-process{ background:url(../images/lcbg.jpg) no-repeat center; background-size:cover}
.i-process .left{ width:18%; text-align:center; color:#fff; font-size:1.5rem; padding-top:120px; font-weight:300}
.i-process .right{ width:80%}
.i-process .list{ display:flex; display:-webkit-flex;justify-content:space-between; margin:30px 0}
.i-process .list li{ width:24%; background:#fff; position:relative}
.i-process .list .pic{ position:relative; overflow:hidden}
.i-process .list .pic:before{ content:""; display:block; padding-top:112.5%}
.i-process .list .pic img{ position:absolute;left:0;right:0;top:0;bottom:0; display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.i-process .list .txt{ padding:20px; text-align:center}
.i-process .list .txt h3{ font-weight:bold;color:#333; font-size:1.25rem}
.i-process .list li:nth-child(1) .txt{ background:url(../images/kynum01-g.png) no-repeat left bottom; background-size:auto 60px}
.i-process .list li:nth-child(2) .txt{ background:url(../images/kynum02-g.png) no-repeat left bottom; background-size:auto 60px}
.i-process .list li:nth-child(3) .txt{ background:url(../images/kynum03-g.png) no-repeat left bottom; background-size:auto 60px}
.i-process .list li:nth-child(4) .txt{ background:url(../images/kynum04-g.png) no-repeat left bottom; background-size:auto 60px}
.i-process .list .hide{ position:absolute; left:0;top:0;right:0;bottom:0; background:#af090b; color:#fff; padding:15%; display:none}
.i-process .list .hide .con{ display:flex; display:-webkit-flex;align-content:center;flex-wrap:wrap;height:100%}
.i-process .list .hide p{ width:100%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis; font-weight:300; margin-bottom:20%}
.i-process .list .hide .more{ background:#fff; color:#333; margin:0 auto; cursor:pointer}
.i-process .list li:hover .hide{ display:block;}

.i-case{  background:#f2f2f2}
.i-caseList a{ display:block;padding:2.1875rem 1.875rem; background:#fff}
.i-caseList .pic{ position:relative; overflow:hidden}
.i-caseList .pic:before{ content:""; display:block; padding-top:66.66666%}
.i-caseList .pic img{ position:absolute;left:0;right:0;top:0;bottom:0; display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.i-caseList .txt{ padding-bottom:1.25rem;}
.i-caseList h3{ color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; min-height:3.375rem; font-size:1.25rem}
.i-caseList .intro{color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:300; min-height:4.5rem; margin:1rem 0; font-size:.95rem;line-height: 1.6;}
.i-caseList p{ font-size:.9rem; color:#999; font-weight:300}
.i-caseList .more{ margin:30px auto 0; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;color:#555}
.i-caseList a:hover .more{background:#af090b;border:1px solid #af090b;color:#fff}
.i-caseList a:hover .pic img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.i-caseList .swiper-pagination{ display:none}
.i-caseList .swiper-pagination-bullet-active{background:#af090b}

.i-news{ background:#fff}
.i-newsList a{ display:block; background:#f2f2f2}
.i-newsList .pic{ position:relative; overflow:hidden}
.i-newsList .pic:before{ content:""; display:block; padding-top:66.66666%}
.i-newsList .pic img{ position:absolute;left:0;right:0;top:0;bottom:0; display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.i-newsList .txt{padding: 1.25rem 1.875rem 1.875rem;}
.i-newsList .txt h3{ font-weight:normal; color:#333; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; min-height:5.0625rem; font-size:1.25rem}
.i-newsList .txt p{ color:#999; font-weight:300; margin-top:20px; font-size:0.9rem}
.i-newsList .txt h3, .i-newsList .txt p{ -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.i-newsList a:hover .pic img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.i-newsList a:hover{ background:#af090b}
.i-newsList a:hover h3{ color:#fff}
.i-newsList a:hover p{ color:#fff; opacity:.6}
.i-newsList .swiper-pagination{ display:none}
.i-newsList .swiper-pagination-bullet-active{background:#af090b}
.i-news .more{ margin:40px auto 0}

.i-honor{background:url(../images/lcbg.jpg) no-repeat center; background-size:cover}
.i-honor .title h3{ color:#fff}
.i-honor .title h3:after{ background:#fff; opacity:.4}
.i-honorList{ padding-bottom:40px}
.i-honorList a{ display:block; background:#fff; text-align:center; color:#333}
.i-honorList .pic{ position:relative; overflow:hidden}
.i-honorList .pic:before{ content:''; display:block; padding-top:75%}
.i-honorList .pic img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; width:90%; height:90%; object-fit:contain}
.i-honorList .txt{ padding:5px 5px 15px;}
.i-honorList h3{ font-size:1.125rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-honorList .swiper-pagination{bottom:0}
.i-honorList .swiper-pagination-bullet{ width:10px; height:10px; background:none; border:1px solid #fff; opacity:1}
.i-honorList .swiper-pagination-bullet-active{ background:#fff}
.i-honor .more{ margin:50px auto 0; color:#fff}
/*==============================*/
.i-main{ position:relative;}
.i-main .left{ background:#af090b; width:207px;}
.i-main .left .title{ position:relative; text-align:center; height:125px; overflow:hidden}
.i-main .left .title img{ width:100%; height:auto; display:block}
.i-main .left .title .tit{ color:#fff; font-weight:600; font-size:19px;letter-spacing:5px; background:rgba(0,0,0,0.5); line-height:30px; position:absolute;bottom:0; width:100%;}
.i-main .serlist{ text-align:center; color:#fff}
.i-main .serlist a{ color:#fff;}
.i-main .serlist li{ border-bottom:1px solid #fff; font-size:17px; padding:15.3px 0;}
.i-main .serlist li:last-child{ border-bottom:none;}
.i-main .serlist li .icon img{ transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.i-main .serlist li:hover .icon img{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.i-main .right{ width:975px;}
.i-news .i-news-tj{ width:53%; height:364px; position:relative; overflow:hidden}
.i-news .i-news-tj img{ width:100%; height:auto; display:block}
.i-news .i-news-tj .flex-control-nav{ position:absolute; background:#272727; height:35px; bottom:0;left:0; width:100%; text-align:right; padding-right:20px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; z-index:2}
.i-news .i-news-tj .flex-control-nav li{ margin:0}
.i-news .i-news-tj .flex-control-nav a{opacity:1; width:30px; height:20px; background:#424242; text-align:center; line-height:20px; color:#fff; border-radius:0; font-size:18px; font-family:arial; margin-top:7px; margin-right:1px; border:none;text-indent:0}
.i-news .i-news-tj .flex-control-nav .flex-active{ background:#5d5d5d;}

.i-news .i-newslist{ width:46%}
.i-newslist-top{ position:relative; border-bottom:1px solid #af090b;}
.i-newslist-top li{ float:left; font-size:17px;}
.i-newslist-top li a{ color:#7c7c7c;display:block; padding:5px 10px;}
.i-newslist-top li.active a{ background:#af090b; color:#fff}
.i-newslist-top .more{ position:absolute; right:0;bottom:5px}
.i-newslist-con{ font-size:16px; color:#595757; padding-top:10px;}
.i-newslistBox{height:0; overflow:hidden;position:relative;}
.i-newslistBox.active{ height:auto; }
.i-newslistBox li{ border-bottom:1px solid #e4e4e4; line-height:39px; position:relative; padding-left:10px;}
.i-newslistBox li:before{
	content:"";
	width:5px;
	height:5px;
	background:#bcbcbc;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	position:absolute;
	left:0;
	top:48%;
}
.i-newslistBox li a{ color:#595757; display:block}
.i-newslistBox li a:hover{color:#d82633}
.i-newslistBox li .time{ color:#595757; font-size:13px;}
.i-newslistBox li .tit{ float:left; width:calc(100% - 90px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*==================================*/
.nbanner{ display:none}
.nbanner img{ display:block; width:100%; height:auto}
.main{ margin-top:40px; margin-bottom:40px}
.location{ background:url(../images/doit.png) no-repeat left center; padding-left:25px; font-size:15px; margin-bottom:15px;}
.main .container .left{ width:246px;}
.main .container .left h2{ background:#af090b; color:#fff; height:78px; font-size:1.5rem; margin-bottom:10px;}
.main .container .left h2 span{ padding-top:20px; padding-left:25px; display:block}
.main .container .left h2 span:after{
	content:"";
	display:block;
	width:100px;
	height:1px;
	background:#fff;
	margin-top:6px;
}
.left-nav{ position:relative; z-index:2}
.left-nav li{ border:1px solid #dbd9da;border-bottom:none;padding-left:1px; padding-right:1px;}
.left-nav li:last-child{ border-bottom:1px solid #dbd9da}
.left-nav li a{ display:block; line-height:62px; background:url(../images/leftnavbg.gif) repeat-x left bottom;font-size:18px; padding-left:25px;}
.left-nav li.cur{ border:1px solid #fff}
.left-nav li.cur a{ background:#c75254; font-weight:700; color:#fff; margin:0 -2px -1px;}
.left-qk{ margin-top:-1px;position:relative; z-index:1}
.left-qk img{ display:block}
.main .container .right{ width:calc(100% - 280px)}
.main .container .right .toptit{ height:63px;border-top:1px solid #d8d6d7;border-left:2px solid #d8d6d7;border-right:2px solid #d8d6d7; padding-left:1px; padding-right:1px;}
.main .container .right .toptit h3{background:url(../images/right_topbg.jpg) repeat-x left bottom; line-height:63px; height:63px;color:#af090b; font-size:18px; padding-left:35px;}
.main .container .right .toptit h3 span{ position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:70%}
.main .container .right .toptit h3 span:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#af090b;
	position:absolute;
	left:0;
	bottom:-8px;
}
.main .content,.main .content02{ padding:30px 35px 100px; font-size:15px; line-height:28px;background:#f5f5f5;border:1px solid #d8d6d7; border-top:none}
.main .content img{ max-width:100% !important; height:auto !important}
.aboutcon .pic{ position:relative; margin-bottom:30px;}
.aboutcon h3{ color:#af090b; font-size:42px; font-weight:normal; text-align:right; position:absolute; top:100px;left:0; line-height:60px;}
.aboutcon h3 span{ font-size:28px; display:block;}
.valuelist li{ margin-bottom:40px;}
.valuelist .num{ width:75px;color:#555; font-family:Arial; font-size:35px; font-weight:700; padding-top:20px;}
.valuelist .num span{ position:relative; display:inline-block}
.valuelist .num span:after{
	content:"";
	width:100%;
	height:4px;
	background:#889d8b;
	position:absolute;
	left:0;
	top:-15px
}
.valuelist .text{ width:calc(100% - 180px);}
.valuelist .text .tit{ color:#809c8b; font-weight:700; font-size:20px; margin-bottom:10px; display:inline-block}
.valuelist .text .tit:after{
	content:"";
	width:100%;
	height:1px;
	background:#5f6362;
	display:block;
	margin-top:5px;
}
.valuelist .text .intro{ color:#555; line-height:23px}
.developcon .time{ background:#af090b; color:#fff; width:158px; height:45px; text-align:center; line-height:45px; font-size:23px; margin:0 auto}
.developcon ul{ position:relative}
.developcon ul:before{
	content:"";
	width:1px;
	height:100%;
	background:#a5a5a5;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-0.5px;
	z-index:1;
}
.developcon li{ width:100%; float:left; background:url(../images/doit01.png) no-repeat center 28px;z-index:2; position:relative;}
.developcon li .kuai{ width:38%; background:#fff; padding:15px 20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; position:relative}
.developcon li .kuai .time01{ font-size:21px;}
.developcon li .kuai .intro{ font-size:14px; line-height:25px;}
.developcon li .kuai:after{
	content:"";
	width:0;
	height:0;
	border-left:8px solid #fff;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	position:absolute;
	top:25px;
	right:-8px;
}
.developcon li:first-child{ margin-top:50px;}
.developcon li:nth-child(2n){ float:right;background:url(../images/doit01.png) no-repeat center 28px; margin-top:-6%}
.developcon li:nth-child(2n) .kuai{ float:right}
.developcon li:nth-child(2n) .kuai:after{
	content:"";
	width:0;
	height:0;
	border-right:8px solid #fff;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-left:none;
	position:absolute;
	top:25px;
	right:auto;
	left:-8px;
}
.tslist{ margin:30px 0}
.tslist li{ float:left; width:195px; height:195px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#af090b; color:#fff; text-align:center; margin-right:30px; margin-left:30px;}
.tslist li img{ padding-top:30px;}
.honorcon .category{ border-bottom:1px solid #d9d7d8; margin-bottom:35px;}
.honorcon .category li{ float:left;}
.honorcon .category li a{color:#af090b; font-size:18px; display:block; padding-bottom:12px; position:relative; margin-right:20px; margin-left:20px;}
.honorcon .category li a:after{
	content:"";
	width:1px;
	height:18px;
	display:inline-block;
	background:#af090b;
	position:absolute;
	right:-20px;
	top:5px;
}
.honorcon .category li:last-child a:after{ display:none}
.honorcon .category li:first-child a{ margin-left:0}
.honorcon .category li span{width:0;height:1px; background:#af090b;position:absolute;left:0; bottom:0; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;}
.honorcon .category li.cur span,.honorcon .category li:hover span{ width:100%}
.honorcon .horlist{ margin-right:-2%}
.honorcon .horlist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:35px; border:1px solid #d9d7d8; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; padding:5px; text-align:center}
.honorcon .horlist li .pic{ background:#fff; height:185px; position:relative; overflow:hidden}
.honorcon .horlist li .pic img{ max-width:100%; max-height:100%; display:inline-block}
.honorcon .horlist li .pic:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:-100%;
	background:rgba(175,9,11,0.3) url(../images/hover-glass.png) no-repeat center;
	background-size:35px auto;
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
}
.honorcon .horlist li:hover .pic:after{top:0;}
.honorcon .horlist li .tit{ line-height:20px; padding-top:15px; padding-bottom:5px; height:40px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leadercon li{ border-bottom:1px dotted #d2d0d0; padding-bottom:25px;margin-bottom:25px;}
.leadercon li .pic{ width:22%; padding:2px; border:1px solid #d9d7d8; overflow:hidden; position:relative}
.leadercon li .pic:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:-100%;
	top:0;
	background:rgba(175,9,11,0.3) url(../images/hover-glass.png) no-repeat center;
	background-size:30px auto;
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
}
.leadercon li:hover .pic:after{left:0}
.leadercon li .pic img{ width:100%; height:auto; display:block}
.leadercon li .text{ width:73%}
.leadercon li .text h3{ font-size:15px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.leadercon li .text h3 a{color:#af090b; text-decoration:underline}
.leadercon li .time{ font-size:12px;}
.leadercon li .intro{ color:#656565; font-size:13px; line-height:22px; position:relative}
.leadercon li .intro .more{color:#af090b; float:right; margin-right:45px;}

.main .teamcon{padding: 30px 35px 20px;}
.main .teamcon .text{ width:calc(100% - 260px);}
.main .teamcon .pic{ width:210px;}
.main .teamcon .pic img{ width:100%; height:auto; display:block}
.main .teamcon .pic .typical{ padding:3px; border:1px solid #d9d7d8; margin-bottom:5px;}
.main .content01{ margin-top:10px; border-top:1px solid #d8d6d7;}
.main .content01 .category{ border-bottom:1px solid #d9d7d8; margin-bottom:20px; margin-top:-15px;}
.main .content01 .category li{ float:left;}
.main .content01 .category li a{color:#af090b; font-size:18px; display:block; font-weight:600; padding-bottom:12px; position:relative; margin-right:20px; margin-left:20px;}
.main .content01 .category li a:after{
	content:"";
	width:1px;
	height:18px;
	display:inline-block;
	background:#af090b;
	position:absolute;
	right:-20px;
	top:5px;
}
.main .content01 .category li:last-child a:after{ display:none}
.main .content01 .category li:first-child a{ margin-left:0}
.main .content01 .category li span{width:0;height:1px; background:#af090b;position:absolute;left:0; bottom:0; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;}
.main .content01 .category li.cur span,.main .content01 .category li:hover span{ width:100%}
.teamlist ul{ margin-right:-5%; display:flex; display:-webkit-flex;flex-wrap:wrap;}
.teamlist li{width:45%; margin-right:5%; margin-bottom:2%; background:#fafafa; border:1px solid #e6e6e6; padding:15px;color:#666; font-size:14px; line-height:23px;}
.teamlist li .pic{ position:relative; width:35%;text-align:center; padding:5px;border:1px solid #d9d7d8; margin-bottom:12px;}
.teamlist li .pic a{ position:relative; display:block; overflow:hidden}
.teamlist li .pic a:before{ content:""; display:block; padding-top:118.98%}
.teamlist li .pic img{ display:block; position:absolute; right:0;top:0; width:100%; height:100%; object-fit:cover}

.teamlist li .text{ width:60%;}
.teamlist li .text .tit{ font-weight:700; font-size:16px; margin-bottom:10px;}
.teamlist li .text .zj span{ background:#18714e; color:#fff; border-radius:5px; padding:0 10px}
.teamlist li .text .p1{ margin-bottom:15px}
.teamcon_d{ color:#656565;}
.teamcon_d .top{ margin-bottom:30px;}
.teamcon_d .top .pic{border:1px solid #d9d7d8; padding:5px; background:#fff; width:25%;}
.teamcon_d .top .pic img{ display:block; width:100%}
.teamcon_d .top .text{ width:65%; color:#656565}
.teamcon_d .top .text .zx{ margin-top:20px;}
.researchcon li{ position:relative; margin-bottom:20px;}
.researchcon li .pic,.researchcon li .text{ box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.researchcon li .pic{ background:#fff; border:1px solid #a9a8a8; position:absolute;top:0; width:35%; height:100%; text-align:center}
.researchcon li .pic img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%}
.researchcon li .pic i{ display:inline-block; vertical-align:middle; width:0; height:100%}
.researchcon li .text{ background:url(../images/kynum01.png) #af090b no-repeat right bottom;background-size: contain; width:65%; color:#fff; padding:20px 40px 30px 20px;}
.researchcon li .text h3{ font-size:30px; line-height:65px;}
.researchcon li:nth-child(2) .text{ background:url(../images/kynum02.png) #af090b no-repeat right bottom;}
.researchcon li:nth-child(3) .text{ background:url(../images/kynum03.png) #af090b no-repeat right bottom;}
.researchcon li:nth-child(4) .text{ background:url(../images/kynum04.png) #af090b no-repeat right bottom;}
.researchcon li:nth-child(5) .text{ background:url(../images/kynum02.png) #af090b no-repeat right bottom;}
.researchcon01 ul{ margin-right:-3%; display:flex; display:-webkit-flex; align-items:flex-start; flex-wrap:wrap;}
.researchcon01 li{ float:left; width:47%; margin-right:3%; margin-bottom:4%; border:1px solid #d8d6d7; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.researchcon01 li .pic{ width:45%}
.researchcon01 li .pic img{ display:block; width:100%; height:auto}
.researchcon01 li .text{ width:48%; font-size:13px; line-height:23px; padding:1%}
.researchcon01 li .text h3{ font-size:15px; color:#af090b; text-decoration:underline; margin-bottom:5px;}
.researchcon02 ul{ margin-right:-2%}
.researchcon02 li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; text-align:center}
.researchcon02 li .pic{ border:1px solid #C00; border:1px solid #d8d6d7; padding:4px;}
.researchcon02 li .pic img{ width:100%; display:block;height:auto;}
.researchcon02 li .tit{ line-height:56px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.main .questioncon{padding:0 !important; background:#fff}
.qkuai{ padding:20px 35px 30px; background:#f5f5f5; margin-bottom:10px; border-bottom:1px solid #d8d6d7;border-top:1px solid #d8d6d7;}
.qkuai:last-child{ margin-bottom:0}
.qkuai .tit{ border-bottom:1px solid #d9d7d8; padding-bottom:10px;margin-bottom:20px;}
.qkuai .tit h3{ font-weight:normal; color:#d70c24; font-size:18px; position:relative}
.qkuai .tit h3:after{ content:"";width:100%; height:1px; display:block; background:#d70c24; position:absolute;left:0;bottom:-10px;}
.qkuai .tit span{ color:#ababab; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.qkuai .tit span:hover{color:#d70c24}
.qkuai li{ background:url(../images/arrow.gif) no-repeat left center; padding-left:15px; background-size:5px auto}
.questioncon_m ul{ margin-right:-2%}
.questioncon_m li{ float:left; width:48%; margin-right:2%; background:url(../images/arrow.gif) no-repeat left center; padding-left:15px;background-size:5px auto; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.questioncon_d .Q,.questioncon_d .A{ position:relative; padding-left:30px;}
.questioncon_d .Q span,.questioncon_d .A span{ font-weight: bolder; color:#af090b;}
.questioncon_d .Q:before,.questioncon_d .A:before{
	content:"";
	width:13px;
	height:9px;
	display:block;
	background:#af090b;
	position:absolute;
	left:5px;
	top:8px;
}
.ques_related{padding:20px 35px 30px; background:#f5f5f5; margin-top:10px; border:1px solid #d8d6d7; font-size:15px;}
.ques_related .tit{border-bottom:1px solid #d9d7d8; padding-bottom:10px;margin-bottom:20px;color:#d70c24; font-size:18px;}
.ques_related .tit span{ position:relative}
.ques_related .tit span:after{ content:"";width:100%; height:1px; display:block; background:#d70c24; position:absolute;left:0;bottom:-10px;}
.ques_related li{background:url(../images/arrow.gif) no-repeat left 10px; padding-left:15px; background-size:5px auto; line-height:28px;}
.newslist li{ border-bottom:1px dotted #d2d0d0; padding-bottom:20px;margin-bottom:22px;}
.newslist li .pic{ width:20%;}
.newslist li .pic img{ display:block; width:100%; height:auto;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
.newslist li:hover .pic img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.newslist li .text{ width:75%}
.newslist li  h3{ font-weight:normal; font-size:15px; text-decoration:underline;overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.newslist li  h3 a{ color:#af090b}
.newslist li  .intro{ color:#656565; font-size:13px; line-height:23px; margin-top:5px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.newslist li .time{ font-size:12px;}
.newslist li .text01{ width:100%}

.newslist01 li{ position:relative; padding-left:20px; line-height:32px; }
.newslist01 li:before{
	content:"";
	width:8px;
	height:8px;
	background:#898989;
	position:absolute;
	left:2px;
	top:12px;
	transition:.3s;
	-webkit-transition:.3s;
	-moz-transition:.3s;
}
.newslist01 li .tit{ display:block; width:calc(100% - 150px); float:left;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.newslist01 li .time{ color:#898989; font-size:12px;}
.newslist01 li:hover{ text-decoration:underline;}
.newslist01 li:hover:before{background:#af090b;}
.main .container .right .toptit{ position:relative}
.main .container .right .toptit .fbtime{ position:absolute; right:35px;top:20px; font-size:12px; color:#707070}
.main .servicecon{padding: 30px 35px 80px;}
.main .servicecon .text{ width:calc(100% - 250px); float:left}
.main .servicecon .pic{ width:210px;}
.main .servicecon .pic img{ width:100%; height:auto; display:block}
.main .servicecon .pic .typical{ padding:3px; border:1px solid #d9d7d8; margin-bottom:5px;}
.main .servicecon_2 .text{ width:100%; float:none}

.main .servicecon02>.pic{ display:none}
.main .servicecon02>.text{ width:100%}
.main .servicecon02 .top-pic{ width:45%; background:#bfbfbf; float:right}
.main .servicecon02 .top-pic img{ display:block; width:100%}
.main .servicecon02 .top-infor{ width:50%; float:left}
.main .servicecon02 .top-infor .ser-zx{ display:flex; display:-webkit-flex; margin-top:20px}
.main .servicecon02 .top-infor .ser-zx li{ margin-right:10px}

.ser-tit{color:#af090b;margin-bottom:25px; font-size:1.125em}
.ser-tit span{ padding-right:25px;background: url(../images/arrow_bot.png) no-repeat right center}

.servicelist_sed{ margin-top:40px;}
.servicelist_sed h4{ font-weight:normal; color:#af090b;margin-bottom:25px;}
.servicelist_sed ul{ margin-right:-2%}
.servicelist_sed li{ float:left; width:31.33%;margin-right:2%;line-height: 1.2;padding: 5px 0; position:relative;}
.servicelist_sed li:before{
	content:"";
	width:7px;
	height:7px;
	background:#656565;
	position:absolute;
	left:0;
	top:10px;
}
.servicelist_sed li a{display:block;padding-left:15px;}
.case_related .tit {
    border-bottom: 1px solid #d9d7d8;
    padding-bottom: 10px;
    margin-bottom: 20px;
	color:#d70c24;
	font-size:18px;
}
.case_related .tit span{ display:inline-block;position:relative}
.case_related .tit span:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #d70c24;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.case_related li{ border-bottom:1px dotted #d2d0d0; padding-bottom:20px; margin-bottom:22px;}
.case_related li .pic{ width:33%; border:5px solid #dedede; overflow:hidden; line-height:0}
.case_related li .pic img{ display:inline-block;width:100%; height:auto; max-height:200px; transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
.case_related li:hover .pic img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.case_related li .text{ width:62%}
.case_related li .text .tit_c{ font-size:17px; padding-bottom:10px;}
.case_related li .text .intro{ color:#7d7d7d; font-size:13px; line-height:25px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.case_related li .text .more{font-size:12px;}
.left-nav li>a{ position:relative}
.left-nav li i{ width:13px; height:11px; background:url(../images/arrow_bot_w.png) no-repeat; display:inline-block; margin-left:15px; opacity:0}
.left-nav li.cur i{ opacity:1}
.left-nav li .sub{display:none; margin:3px -2px 1px;}
.left-nav li .sub a{border:1px solid #dbd9da;background:#fff; font-size:16px;color:#656565;font-weight:normal;line-height:26px;padding-left:25px; padding-top:10px; padding-bottom:10px; display:block; margin:0}
.left-nav li.cur .sub{ display:block}
.hrlist li, .flink li{ border-bottom:1px dotted #d8d8d8; padding-bottom:15px; margin-bottom:20px;}
.hrlist li:last-child,.flink li:last-child{ border-bottom:none}
.hrlist li .tit{ font-weight:700; font-size:16px; margin-bottom:15px;}
.flink li h3{ font-size:16px; line-height:40px;}
.flin-con a{ display:inline-block; margin-right:5px; padding-right:8px;position:relative}
.flin-con a:after{
	content:"";
	width:1px;
	height:12px;
	display:block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-6px;
	background:#ccc;
}
/*==================================*/
.footer{background:#404040;padding:40px 0; text-align:center; color:#999;line-height: 1.8;}
.footer .qk li{ display:inline-block;*display:inline;*zoom:1;position:relative;}
.footer .qk li a{ display:block;padding:0 6px 0 5px;}
.footer .qk li:after{
	content:"";
	width:1px;
	height:10px;
	background:#787878;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-5px;
}
.footer .qk li:last-child::after{ display:none}
.footer a{color:#999;}
.footer .f-contact{ position:relative}
.f-contact .tel{background: url(../images/tel2.png) no-repeat top center; padding-top:45px; line-height:1.2; margin-bottom:10px; margin-top:15px;}
.f-contact .tel span{ display:block; font-size:1.425rem; color:#fff}
.footer .f-contact .erweima{ position:absolute; font-size:12px; text-align: center; right:140px; bottom:0}
.footer .f-contact .erweima img{ display:block; margin:0 auto}
.footer .note{ margin-top:30px; font-size:13px;}
.back{ text-align:right;margin-top:40px;}

.pages {
	margin:40px auto 0 auto;
	text-align:center
}
.pagesBox{display:inline-block;}
.pages #Pagination {
  float: left;
  overflow: hidden;
}
.pages #Pagination .pagination {
  height: 46px;
  font-family: Arial;
}
.pages #Pagination .pagination a,
.pages #Pagination .pagination span {
  float: left;
  display: inline;
  width:45px;
  height:45px;
  line-height:45px;
  text-align:center;
  border: 1px solid #d2d2d2;
  border-right: none;
  color: #666666;
  font-size: 14px;
  cursor: pointer;
}
.pages #Pagination .pagination .current {
  background: #af090b;
  color: #fff;
}
.pages #Pagination .pagination .prev,
.pages #Pagination .pagination .next {
  float: left;
  padding: 0 13px;
  height:45px;
  line-height:45px;
  border: 1px solid #d2d2d2;
  background: #f6f6f6;
  color: #666666;
  cursor: pointer;
  font-family: 'Microsoft YaHei';
}
.pages #Pagination .pagination .prev i,
.pages #Pagination .pagination .next i {
  display: inline-block;
  width: 4px;
  height: 11px;
  margin-right: 5px;
  background: url(../images/icon.fw.png) no-repeat;
}
.pages #Pagination .pagination .prev {
  border-right: none;
}
.pages #Pagination .pagination .prev i {
  background-position: -144px -1px;
  *background-position: -144px -4px;
}
.pages #Pagination .pagination .next i {
  background-position: -156px -1px;
  *background-position: -156px -4px;
}
.pages #Pagination .pagination .pagination-break {
  padding: 0 5px;
  height:47px;
  line-height:47px;
  border: none;
  border-left: 1px solid #d2d2d2;
  cursor: default;
}
.pages .searchPage {
  float: left;
  padding: 8px 0;
}
.pages .searchPage .page-sum {
  padding: 11px 13px;
  color: #999999;
  font-family: 'Microsoft YaHei',Arial;
  font-size: 14px;
}
.pages .searchPage .page-go {
  padding: 8px 0;
  color: #999999;
  font-family: 'Microsoft YaHei',Arial;
  font-size: 14px;
  padding: 10px 0\9;
  *padding: 6px 0;
}
.pages .searchPage .page-go input {
  width: 50px;
  height: 33px;
  margin: 0 5px;
  padding-left: 5px;
  border: 1px solid #e4e4e4;
}
.pages .searchPage .page-btn {
  margin: 9px 0 5px 5px;
  padding: 8px;
  background: #a4a4a4;
  border-radius: 2px;
  color: #ffffff;
  font-size: 15px;
  text-decoration: none;
}
.pages .searchPage .page-btn:hover{background: #af090b;}
@media screen and (max-width:768px){
.pages{ margin-top:20px}
.pages #Pagination .pagination{ height:auto;}
.pages #Pagination .pagination a, .pages #Pagination .pagination span{ width:35px; height:35px; line-height:35px; font-size:12px;}
.pages #Pagination .pagination .prev, .pages #Pagination .pagination .next{ height:35px;width:40px; line-height:35px; padding:0 5px;}
.pages .searchPage{ padding:0; padding-top:3px; padding-left:3px}
.pages .searchPage .page-btn, .pages .searchPage .page-go{ font-size:12px;}
.pages .searchPage .page-go, .pages .searchPage .page-btn{ display:none}
.pages .searchPage .page-sum{ padding:0}
.pages #Pagination .pagination .pagination-break{ width:35px; height:37px; line-height:35px; padding:0}
}
.friendlink{ margin-bottom:40px}
.friendlink-top li{ float:left; background:#a3a1a1;font-size:16px;margin-right:1px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.friendlink-top li a{ display:block; padding:5px 15px 5px; color:#fff}
.friendlink-top li.active{ background:#af090b}
.friendlink-con{ border-bottom:1px solid #ccc; text-align:left; line-height:23px; padding:15px 0; font-size:14px;}
.friendlink-con a{ width:16.666%; float:left; display:block; padding-right:10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.friendlink-box{height: 0;
    overflow: hidden;
    position: relative;}
	.friendlink-box.active{ height:auto;}
.piao_r{ position:fixed; right:5px; top:60%; z-index:99; background:#e8e8e8;border-radius:10px;border:6px solid #318d68;}
.piao_r img{ display:block}
.float_fr{position: fixed;right: 0;bottom: 55%;background: #af090b;box-shadow: 0px 13px 61px 4px rgba(173,17,21,0.51);color:#fff; font-size:13px;border-radius: 8px 0 0 8px!important;padding:15px; text-align:center;z-index: 99;}
.float_fr li{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,.25)}
.float_fr li:last-child{ border-bottom:0;  padding-bottom:0; margin-bottom:0}
.float_fr li{ position:relative}
.float_fr li a{ color:#fff}
.float_fr .hd{ font-size:1.2em}
.jx-tit{background:#af090b;
    padding: 0 10px;
    color:#fff;
    font-size: 16px;
    display: inline;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
	font-weight:bold
}

.jx-sedlist{ padding-left:40px; display:flex; display:-webkit-flex; flex-wrap:wrap; padding-bottom:10px;}
.jx-sedlist li{ width:33.33%;font-size:14px; line-height:20px; padding:5px; padding-left:0; color:#888;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.zpzl-table th{ text-align:left; background:#af090b; font-size:18px; padding:5px 15px; color:#fff}
.zpzl-table td{ border:1px solid #e8e8e8; padding:6px 15px; line-height:20px; background:#fff;}
.pagination{ height:auto !important}

.searchBox{ position:relative; width:50%; margin:20px auto}
.searchBox .inp{ border:1px solid #a6a6a6; line-height:32px; background:none; padding:5px; color:#666; width:100%; }
.searchBox .submit{ position:absolute; right:0;top:0; height:100%; width:60px; background:url(../images/flico0.png) #af090b center no-repeat; border:0; cursor:pointer}

.location-main {
    background: #fff;
    position: relative;
}

.location-shop-con {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 325px;
    height: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.location-shop-detail {
    height: 100%;
    overflow-y: auto;
}
.location-shop-detail::-webkit-scrollbar {
    width: 4px;
}
.location-shop-detail::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.location-shop-detail::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}


.location-list li {
    position: relative;
    padding-bottom: 10px;
    padding-right: 25px;
    cursor: pointer;
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    margin: 15px 10px;
    border-bottom: 1px solid #e8e8e8;
}
.location-list li:first-child{margin-top: 0;}

.location-list .location-num {
  position: absolute;
  left: 0;
  top: 10px;
  width: 21px;
  height: 33px;
  line-height:23px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background:url("../images/bd1.png");
}

.location-list .location-addr {
    padding-left: 40px;
    font-family: 'Microsoft Yahei';
    font-size: 12px;
    color: #999;
}

.location-list .location-addr h3 {
    font-weight: normal;
    margin-bottom: 2px;
    color: #212121;
    font-size: 1.17em;
    transition: .4s;
}

.addr-info {
    line-height: 20px;
}
.location-list li:hover .location-addr h3 {color: #af090b;}

.location-map {
    height: 500px;
    margin-left: 325px;
    position: relative;
}

/* Hotspot */
.hotspot-img { position: relative;z-index: 9;}
.hotspot-img img{max-width: 100%;display: block;}
.hotspot-img .hot-spot {
	position: absolute;
	width: 16px;
	height: 16px;
	background-color: #d82633;
	border: 1px solid #FFF;
	border-radius: 100%;
	cursor: pointer;
	
}
.hotspot-img .hot-spot:nth-child(1){top: 505.415px; left: 815.08px;}
.hotspot-img .hot-spot:nth-child(2){top: 506.372px; left: 834.213px;}
.hotspot-img .hot-spot:nth-child(3){top: 572.421px; left: 732.807px;}
.hotspot-img .hot-spot:nth-child(4){top: 610.71px; left: 674.45px;}
.hotspot-img .hot-spot:nth-child(5){top: 620.282px; left: 551.04px;}
.hotspot-img .hot-spot:nth-child(6){top: 650.913px; left: 468.767px;}
.hotspot-img .hot-spot:nth-child(7){top: 354.173px; left: 547.213px;}

.hotspot-img .hot-spot .circle {
	display: block;
	position: absolute;
	top: 47%;
	left: 47%;
	width: 2em;
	height: 2em;
	margin: -1em auto auto -1em;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	border-radius: 50%;
	background: #d82633;
	opacity: 0;
	z-index: -1;
	-webkit-animation: pulsate 2s ease-out infinite;
	animation: pulsate 2s ease-out infinite;
}

.hotspot-img .hot-spot .tooltip {
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 3px;
	font-size: 14px;
	opacity: 0;
	display: none;
	left: 50%;
	padding: 15px 20px;
	position: absolute;
	top: 30px;
	z-index: 999;
	box-shadow: 0 10px 80px rgba(0,0,0,0.1), 0 10px 50px rgba(0,0,0,0.1);
    width: 260px;
	margin-left: -130px !important;
}
.hotspot-img .hot-spot .tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -8px;
}

.hotspot-img .hot-spot.hotspot-tooltip-open .tooltip {
	opacity: 1;
	animation: cardInBottom .3s ease forwards;
}
.hotspot-img .hot-spot .tooltip h3{font-size: 1.1em;margin-bottom: .3em;color: #333;font-weight: bold;}

.hotspot-img .hot-spot .tooltip  p {
	line-height: 1.3;
	margin-bottom: 0;
	color: #666 !important;
	text-transform: capitalize;
}

@-webkit-keyframes pulsate {  
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.8;
	}
	 45% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 0;
	}
}
@keyframes pulsate {  
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0.8;
	}
		45% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 0;
	}
}
@-webkit-keyframes cardInBottom {
  0% {
    -webkit-transform-origin: 50% 0% 0px;
      -webkit-transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
  }
  100% {
    -webkit-transform-origin: 50% 0% 0px;
      -webkit-transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}
@keyframes cardInBottom {
  0% {
    transform-origin: 50% 0% 0px;
      transform: perspective(500px) rotateX(90deg) scale(0.5, 0.5);
  }
  100%
  {
    transform-origin: 50% 0% 0px;
      transform: perspective(500px) rotateX(0deg) scale(1, 1);
      opacity: 1;
  }
}

@-webkit-keyframes fadeinn {  
	0% {
		opacity:0;
	}
	 100% {
		opacity:1;
	}
}
@keyframes fadeinn {  
	0% {
		opacity:0;
	}
	 100% {
		opacity:1;
	}
}