@charset "utf-8";
/* CSS Document */



/*====================*/
/*=== Reset Styles ===*/
/*====================*/
*{ margin:0; padding:0}
html,body{ margin:0; padding:0}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:"微软雅黑",'Microsoft Yahei',Tahoma,Arial,Helvetica,sans-serif;}
body{font-size:14px; -webkit-text-size-adjust:100%; color:#333; background:#fff; line-height:24px;  margin:0; padding:0; }
em{font-style:normal}
li{list-style:none}
i{font-style:normal;}
img{border:0;vertical-align:middle; max-width: 100%;}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal; }
input:focus{ outline:none;}

.clear{ clear:both; }
.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left; }
.fc{ float:left; }
.fr{ float:right;}

.mt10{ margin-top: 10px !important; }
.mb10{ margin-bottom: 10px !important; }
.ml10{ margin-left: 10px !important; }
.mr10{ margin-right: 10px !important; }

.mt20{ margin-top: 20px !important; }
.mb20{ margin-bottom: 20px !important; }
.ml20{ margin-left: 20px !important; }
.mr20{ margin-right: 20px !important; }



/*省略号*/
.textEllipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -o-text-overflow: ellipsis; }
.textEllipsis-2line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.textEllipsis-3line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }


*{ box-sizing: border-box; }

a{ color:#333; text-decoration:none;cursor: pointer; /*transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;*/}
a:hover{ color:#25a2b6; text-decoration:none; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}


.blankHeight{ display:block; width:100%; height:10px; clear:both; overflow:hidden;}
.blankHeight100{ display:block; width:100%; height:90px; clear:both; overflow:hidden; }
.blankHeight90{ display:block; width:100%; height:90px; clear:both; overflow:hidden; }
.blankHeight80{ display:block; width:100%; height:80px; clear:both; overflow:hidden; }
.blankHeight50{ display:block; width:100%; height:50px; clear:both; overflow:hidden; }


.boxsize{ width:1200px; margin:0 auto; clear:both; overflow: hidden; box-sizing: border-box; }
.boxsize:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* 图标 */
.iconReset{ display:inline-block; width:30px; height:30px; background-size:100% auto; background-repeat:no-repeat; background-position:center center; }


.bgF9{  background: #f9f9f9; }
/*====================*/
/*=== Styles ===*/
/*====================*/
/*-- 顶部 --*/

/* top */
.top{ height: 40px; line-height: 40px; background: #f9f9f9; border-bottom: 1px solid #eee;}
.top .fl{ width: 750px;}
.top .fr{ width: 450px;text-align:right}
.top .fr ul li{color:#666;display:inline-block;padding:0 15px;position:relative;cursor:pointer;margin-left:-4px}
.top .fr ul li:nth-child(1):before{display:none}
.top .fr ul li:nth-child(1):hover{cursor:auto}
.top .fr ul li:before{height:14px;width:1px;background-color:#999;content:"";position:absolute;left:0;top:14px}
.top .fr ul li a{color:#666}
.top .fr ul li a i{vertical-align:-1px;vertical-align:middle/0;margin-right:2px}
.top .fr ul li a:hover{color:#25a2b6}



/* header */
.header{  height:170px; color:#333; padding-top: 10px; background: #fff; }
.header .boxsize{  position: relative; }
.header .logo{ float:left; width:560px; overflow:hidden; height:120px; margin-top:20px; }
.header .logo a{ display: block;}
.header .logo img{ height:105px; }
.header .ensure {  float:left; height: 150px; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 50px }
.header .ensure .ensureTit{ text-align: center; font-size: 16px; color: #25a2b6; }
.header .ensure .ensureList{  }
.header .ensure .ensureList p{ line-height: 24px; height: 24px; color: #999; display: flex; align-items: center; }
.header .ensure .ensureList p i{ display: inline-block; width: 14px; height: 14px; background: url(../images/icon-stars.png) no-repeat center center; background-size: 14px auto; margin-right: 5px; }
.header .tel {  float: right; width: 205px; line-height: 30px; padding-top: 25px; }

.header .tel .telCon01{}
.header .tel .telCon01{ text-align: right; }
.header .tel .telCon01 i{ display:inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; background: url(../images/icon-tel.png) no-repeat center center; background-size: 100% auto }
.header .tel .telCon02{ background: #f87f3d; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 2px; font-weight: bold; font-size: 24px;}
.header .tel .telCon03{ line-height: 30px; font-size: 16px; text-align: center;}
.header .tel .telCon04{ font-size: 16px; text-align: center; color: #f87f3d; }



/* nav */
.navBg{ background: #25a2b6; width: 100%; }
.nav{ width: 1200px; margin: 0 auto; }
.nav ul { display: flex; align-items: center; flex-wrap: wrap; width: 100%; }
.nav ul li { flex: 1; text-align: center; line-height: 55px; font-size: 16px; height: 55px; position: relative; padding-right: 1px; }
.nav ul li:last-child {  padding-right: 0; }
.nav ul li>a { display: block; width: 100%; color: #fff; position: relative;}
.nav ul li>a:hover { text-decoration: none !important; border-bottom: none !important; background: #f87f3d; }
.nav ul li.cur>a { background: #f87f3d; }

.nav ul li>a:active {  }
.nav ul li>a>i { display: block; width: 0px; opacity: 0; height: 2px; background:#fff; transition: all 0.3s ease 0s; position: absolute; left: 0; bottom: 0;}
.nav ul li:hover a>i { width: 100%; opacity: 0; }
.nav ul li.cur a>i { width: 100%; opacity: 0; }


.nav .son{color:#1b2226;background:rgba(0,0,0,0.7);position:absolute;left:0;top:55px;padding:10px;height:auto;width:200px;box-sizing:border-box;opacity:0;visibility:hidden;z-index:-1;transition:opacity .13s ease-in-out,width .13s ease-in-out;}
.nav ul li:hover .son{opacity:1;z-index:5;visibility:visible}
.nav .son .list{width:100%;}
.nav .son .list p{ display: block;}
.nav .son .list p a{ display: block; padding:0 10px; color:#fff;height: 40px; line-height:40px;font-size:16px; overflow: hidden; white-space: nowrap;	text-overflow: ellipsis;}
.nav .son .list p a:hover{background-color:#25a2b6}



/*====================*/
/* banner大图轮播 */
.bannerArea{ width:100%; height:450px; overflow: hidden; position:relative }
.banner{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{ background: #0695a5; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.banner .swiper-slide a{ display: block; width: 100%; height: 100%;}

.banner .swiper .swiper-pagnum{position:relative; height:20px; bottom:145px;left:0; }

.banner .swiper-horizontal>.swiper-pagination-bullets{ bottom:20px; left:0;  }
.banner .swiper-pagination{ text-align: center; }
.banner .swiper-slide .info a:hover{color:#222}
.banner .swiper-pagination-bullet{outline:none; width:30px;height:5px;border-radius:0;background: #000;opacity:0.2; margin-right: 5px}
.banner .swiper-pagination-bullet-active{width:50px;background:#25a2b6;opacity:1;}

.banner .swiper-button-next,.banner  .swiper-button-prev {outline:none;  width:80px; height:80px; background-position: center center;background-repeat: no-repeat; background-size:80px 80px; opacity:.3; margin-top: -40px;  }
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover { opacity:1;  }
.banner .swiper-button-prev,.banner .swiper-rtl .swiper-button-next { background-image:url(../images/arrow-l.png); left:10px; right:auto }
.banner .swiper-button-next,.banner .swiper-rtl .swiper-button-prev { background-image:url(../images/arrow-r.png); right:10px; left:auto }
.banner .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ }


.banner .swiper-button-prev:after,.banner  .swiper-rtl .swiper-button-next:after { display: none; content: ' '!important; }
.banner .swiper-button-next:after,.banner  .swiper-rtl .swiper-button-prev:after { content: ''!important; }





/* hotNews */
.hotNews{ background: #f5f5f5; height: 50px; padding: 10px 0; }
.hotNews .fl{ width: 800px; line-height: 30px; position: relative; padding-left: 120px; }
.hotNews .fl .hotNews-tit{ position: absolute; left: 0; top: 0; color: #333; font-weight: bold; font-size: 24px; font-style: italic; }
.hotNews .fl .hotNews-tit span{ color: #f87f3d; }
.hotNews .fl .hotNews-list{ height: 30px; overflow: hidden;}
.hotNews .fl .hotNews-list .hotNews-list-ul{}
.hotNews .fl .hotNews-list .hotNews-list-ul li{}
.hotNews .fl .hotNews-list .hotNews-list-ul li a{ float: left; display: inline-block; box-sizing: border-box; width: 50%; padding: 0 20px; font-size: 16px;}
.hotNews .fr{ width: 400px; display: flex; align-items: center; }
.hotNews .fr .searchInp{ width: 310px; height: 30px; line-height: 30px; padding: 10px 15px; border: 0; background: #fff; }
.hotNews .fr .searchSub{border: none; width: 80px; height: 30px; text-align: center; background: #25a2b6; color: #fff; display: flex; align-items: center; justify-content: center; }
.hotNews .fr .searchSub i{ display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: url(../images/icon-search.png) no-repeat center center; background-size: 100% auto;  }



.searchArea{ width: 600px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top:-50px;}
.searchArea .searchBox{ width: 600px; height: 50px; border-radius: 10px; overflow: hidden; background:#fff url(../images/icon-search.png) no-repeat 10px center; background-size: 24px auto; padding-left:40px;}
.searchArea .searchBox .searchInp{ border: none; width: 450px; height: 40px; line-height: 40px; padding:5px 10px;}
.searchArea .searchBox .searchSub{ float: right;border: none; width: 80px; height: 50px; line-height: 40px; background: #e5f7f3;font-size: 16px; color: #25a2b6; }
.searchArea .searchKeyw{ margin-top: 10px; line-height: 24px; height: 24px;overflow: hidden;}
.searchArea .searchKeyw a{ display: inline-block; border-radius: 24px; padding: 0 10px; height: 24px; background-color: rgba(0,0,0,0.1); color: #fff; }




/* charactArea */
.charactArea{ margin-top: 20px;}
.charactList{ width: 100%;  height: 300px;  display: flex;justify-content: space-between; align-items: center; background: #25a2b6; border-radius: 50px 0 50px 0; color: #fff; }
.charactList li{ height: 300px; padding: 50px 30px; background-position: bottom right; background-repeat: no-repeat; background-size: 150px auto; }
.charactList li:nth-child(1){ background-image: url(../images/icon-charact01.png); }
.charactList li:nth-child(2){ background-image: url(../images/icon-charact02.png); background-color: #f87f3d;}
.charactList li:nth-child(3){ background-image: url(../images/icon-charact03.png); }
.charactList li .titch{ font-size: 22px; line-height: 30px; font-weight: bold;}
.charactList li .titen{ font-size: 12px; line-height: 18px; font-weight: lighter; color: #fff; opacity: 0.5}
.charactList li .titline{ height: 3px; width: 36px; background: #fff; margin: 25px 0;}
.charactList li .titcon{ font-size: 16px; text-align: justify; }



/*====================*/
/* main-tit */
.main-tit{ margin: 0 auto; overflow: hidden; height: 150px; padding: 30px 0; text-align: center; position: relative; margin-top: 20px;}
.main-tit .titen{ height: 60px; text-align: center;}
.main-tit .titen img{ }
.main-tit .titch{ width: 100%; height:50px; line-height: 50px; color: #333; font-size: 40px; font-weight: bolder;  position: absolute; top: 70px; display: flex; justify-content: center; align-items: center;}
.main-tit .titch span{ color: #f87f3d; }
.main-tit .titch p{ padding: 0 30px; }
.main-tit .titch .titline{ background: #ddd; display: inline-block; height: 1px; width: 200px; }


/* problemArea */
.problemArea{ background: url(../images/problem-bg.jpg) no-repeat center -175px;;}
.problemBox{}
.problemBox .problem-item{ float: left; width: 590px; background: #25a2b6; margin: 10px 10px 10px 0; padding: 30px; }
.problemBox .problem-item:nth-child(2n){ float: left; width: 590px; background: #25a2b6; margin-left: 10px; margin-right: 0;}
.problemBox .problem-item .problem-tit{ position: relative; height: 60px; }
.problemBox .problem-item .problem-tit .titch{ font-size: 28px; color: #fff; }
.problemBox .problem-item .problem-tit .titeh{ font-size: 40px; color: #fff; opacity: 0.1; position: absolute; left: 0; top: 10px;}

.problemBox .problem-item .problem-list{ display: flex; justify-content: space-between; align-items: center;}
.problemBox .problem-item .problem-list li{ flex: 1; text-align: center;}
.problemBox .problem-item .problem-list li a{ display: block; color: #fff; }
.problemBox .problem-item .problem-list li img{ width: 160px; height: 100px; }
.problemBox .problem-item .problem-list li p{  }


.problemBox .problemBox-ul{ background: #f5f5f5; padding: 10px 12px;}
.problemBox .problemBox-ul li{ float: left; width: 196px; padding: 10px;overflow: hidden;}
.problemBox .problemBox-ul li a{ display: block; color: #fff; text-align: center; }
.problemBox .problemBox-ul li p{ font-size: 16px; height: 40px; line-height: 40px; background: #f87f3d  }
.problemBox .problemBox-ul li a:hover p{  background: #25a2b6;  }

.problemBox .problemBox-ul li .problem-img{ width: 176px; height: 110px; overflow:hidden;}
.problemBox .problemBox-ul li .problem-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.problemBox .problemBox-ul li a:hover .problem-img img{ transform: scale(1.1);}





/* solveArea */
.solveArea{ padding-top: 30px; background: url(../images/solve-bg.jpg) no-repeat center top; margin-top: 30px; }
.solveArea .main-tit .titch{color: #fff; }
.solveArea .main-tit .titch span{color: #fff; }

.solveArea .solveBox{ background: #fff; box-shadow: 0px 4px 12px 1px rgba(100,100,100,0.1); margin-top: 30px; padding: 10px 0; }
.solveBox .solveList{ padding: 15px 20px; }
.solveBox .solveList li{ float: left; width: 290px;text-align: center;}
.solveBox .solveList li a{ display: block; padding: 15px; height:350px;  }
.solveBox .solveList li .solve-img{ width: 260px; height: 195px; overflow: hidden;}
.solveBox .solveList li .solve-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.solveBox .solveList li a:hover .solve-img img{ transform: scale(1.1);}

.solveBox .solveList li a:hover{ background: #f5f5f5; font-weight: bold;}

.solveBox .solveList li .solve-tit{ height: 50px; line-height: 50px; font-size: 18px;}
.solveBox .solveList li .solve-icon{ width: 28px; height:28px; margin: 0 auto; background: url(../images/icon-arrow.png) no-repeat center center; background-size: 100% auto }
.solveBox .solveList li .solve-des{ color: #999; line-height: 24px; height: 72px; text-align: justify; }



/* ad-banner */
.ad-banner{ height: 200px; background-color: #25a2b6; background-image: url(../images/ad-bannerbg.jpg); background-repeat: no-repeat; background-position:  center center; background-size: auto 100%; color: #fff;}
.ad-banner .boxsize{ background-color: #25a2b6; background-image: url(../images/ad-bannerbg.jpg); background-repeat: no-repeat; background-position:  center center; background-size: auto 100%; height: 200px;}
.ad-banner .fl{ width: 600px; padding-top: 50px; text-align: left; }
.ad-banner .fr{ width: 600px; padding-top: 50px; text-align: right; }
.ad-banner .txt001{ font-size: 24px; height: 50px; line-height: 50px; }
.ad-banner .txt002{ font-size: 34px; height: 60px; line-height: 60px; }
.ad-banner .txt003{ font-size: 30px; height: 40px; display: flex; align-items: center; justify-content: flex-end}
.ad-banner .txt003 i.icon-tel-white{ width: 36px; height: 36px; background-image: url(../images/icon-tel-white.png) }
.ad-banner .txt004{ font-size: 24px; height: 60px; }
.ad-banner .txt004 span{ display: inline-block; height: 60px; width: 440px; line-height: 60px; background: #f87f3d; color: #fff; text-align: center; border-radius: 2px; font-weight: bold; font-size: 24px; margin-top: 15px; }

/* caseArea */
.caseArea{}

.caseArea .caseBox{}
.caseBox .caseList{ width: 1230px; margin-left: -15px; }
.caseBox .caseList li{ float: left; width: 380px; margin: 15px; height:465px; text-align: center; position: relative;}
.caseBox .caseList li a{ display: block; padding: 0; height:440px; background: #f5f5f5; }
.caseBox .caseList li .case-img{ width: 380px; height: 285px; overflow: hidden;}
.caseBox .caseList li .case-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.caseBox .caseList li a:hover .case-img img{ transform: scale(1.1);}

.caseBox .caseList li a:hover .case-tit{  font-weight: bold;}

.caseBox .caseList li .case-tit{ height: 50px; line-height: 50px; font-size: 18px; }
.caseBox .caseList li .case-des{ color: #999; line-height: 24px; height: 72px; text-align: justify; padding:0 20px; }
.caseBox .caseList li .case-more{ position: absolute; left: 50%; bottom: 0; background: #25a2b6; color: #fff; margin-left: -100px;  width: 200px; height: 50px; line-height: 50px; text-align: center;}

.caseBox .caseList li .case-icon{ width: 28px; height:28px; margin: 0 auto; background: url(../images/icon-arrow.png) no-repeat center center; background-size: 100% auto }



/* aboutArea */
.aboutArea{ padding-top: 30px; background: url(../images/about-bg.jpg) no-repeat center top; margin-top: 30px; }
.aboutArea .main-tit .titch{color: #fff; }
.aboutArea .main-tit .titch span{color: #fff; }


.aboutArea .aboutBox{ }
.aboutArea .aboutBox .fl{ float: left; width: 600px; }
.aboutArea .aboutBox .fl .about-con{ background: #fff; padding: 30px; font-size: 16px; }
.aboutArea .aboutBox .fl .about-con .about-tit{ color: #f87f3d; text-align: center; font-size: 20px;}
.aboutArea .aboutBox .fl .about-con .about-tit span{ font-weight:bold; }
.aboutArea .aboutBox .fl .about-con .about-des{ padding: 20px 0; color: #999; line-height: 1.8; text-align: justify; text-indent:2em; }
.aboutArea .aboutBox .fl .about-con .about-list{display: flex; justify-content: space-between; }
.aboutArea .aboutBox .fl .about-con .about-list li{ flex: 1; text-align: center;}
.aboutArea .aboutBox .fl .about-con .about-list li a{ display: block; color: #999; -webkit-transition: -webkit-transform 2s ease-out;}
.aboutArea .aboutBox .fl .about-con .about-list li a:hover{ color: #f87f3d; font-weight: bold; }
.aboutArea .aboutBox .fl .about-con .about-list li a i{ -webkit-transition: -webkit-transform 1s ease-out;}
.aboutArea .aboutBox .fl .about-con .about-list li a:hover i{ -webkit-transform: rotateZ(360deg);transform: rotateZ(360deg); }
.aboutArea .aboutBox .fl .about-con .about-list li i{ width: 60px; height: 60px; display: inline-block; background-position: center center; background-color: #fff4ee; border-radius: 100%; background-size: 35px 35px; background-repeat: no-repeat;  }

.aboutArea .aboutBox .fl .about-con .about-list li:nth-child(1) i{ background-image: url(../images/icon-about01.png) }
.aboutArea .aboutBox .fl .about-con .about-list li:nth-child(2) i{ background-image: url(../images/icon-about02.png) }
.aboutArea .aboutBox .fl .about-con .about-list li:nth-child(3) i{ background-image: url(../images/icon-about03.png) }
.aboutArea .aboutBox .fl .about-con .about-list li:nth-child(4) i{ background-image: url(../images/icon-about04.png) }

.aboutArea .aboutBox .fr{ float: right; width: 600px; padding: 20px; background: #fff; margin-top: 50px; }
.aboutArea .aboutBox .fr img{ width: 560px; }

.aboutArea .aboutBox .about-honor{ clear: both; }

.about-honor{ width:100%; height:200px; position:relative; }
.about-honor .swiper { width: 90%; height: 100%; margin: 0 auto;overflow: hidden; position: static;}
.about-honor .swiper-horizontal>.swiper-pagination-bullets{ width: 10%; top:350px; bottom: auto; left:0; text-align: left;}
.about-honor .swiper-pagination{ text-align: center; }
.about-honor .swiper-pagination-bullet{outline:none; width:30px;height:3px;border-radius:0;background: #d9d9d9; opacity: 1; margin: 0px !important}
.about-honor .swiper-pagination-bullet-active{width:30px;background:#25a2b6;opacity:1;}

.about-honor .swiper-button-next,.about-honor .swiper-button-prev { width:40px; height:40px; border: 2px solid #AAB0C3; background-color: #fff;  opacity:1;  border-radius: 100%; background-size:16px 16px; outline:none }
.about-honor .swiper-button-next:hover,.about-honor .swiper-button-prev:hover { background-color: #25a2b6;border: 2px solid #25a2b6; }
.about-honor .swiper-button-prev,.about-honor .swiper-rtl .swiper-button-next {background-position: center center;background-repeat: no-repeat; background-image:url(../images/arrow02-l.png); left:0; top: 75px; }
.about-honor .swiper-button-prev:hover,.about-honor .swiper-rtl .swiper-button-next:hover { background-image:url(../images/arrow02-lon.png); }
.about-honor .swiper-button-next,.about-honor .swiper-rtl .swiper-button-prev {background-position: center center;background-repeat: no-repeat; background-image:url(../images/arrow02-r.png); right:0; top: 75px; }
.about-honor .swiper-button-next:hover,.about-honor .swiper-rtl .swiper-button-prev:hover { background-image:url(../images/arrow02-ron.png);}
.about-honor .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ }

.about-honor .swiper-button-prev:after,.about-honor  .swiper-rtl .swiper-button-next:after { display: none; content: ' '!important; }
.about-honor .swiper-button-next:after,.about-honor  .swiper-rtl .swiper-button-prev:after { display: none; content: ''!important; }


.about-honorList{ width:calc(100% -100px); }
.about-honorList .honor-item { display: block; width: 100%; height: 100%; object-fit: cover;  box-sizing: border-box; }
.about-honorList .honor-item a{ display: block; background: #fff; box-sizing: border-box; transition: all 0.3s ease 0s; position: relative; }
.about-honorList .honor-item a:hover{ box-shadow: 0px 4px 12px 1px rgba(0,103,122,0.12);  transition: all 0.3s ease 0s;}
.about-honorList .honor-item .honor-img{ width:100%; height:0; padding-bottom:80%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; transition: all 0.3s ease 0s; }
.about-honorList .honor-item .honor-tit{width: 100%; height: 100px; padding: 20px; box-sizing: border-box; bottom: 0; left: 0; background: #FBFBFB; border-bottom: 3px solid #25a2b6; }
.about-honorList .honor-item .honor-tit .tit{ font-size: 20px; color: #444; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap;	text-overflow: ellipsis;   }
.about-honorList .honor-item .honor-tit .stit{ font-size: 14px; color: #25a2b6;  height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.about-honorList .honor-item .honor-info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 50px 0; box-sizing: border-box; background: rgba(255,255,255,0.5); box-shadow: 0px 4px 12px 1px rgba(0,103,122,0.12); text-align: justify; opacity: 0; transition: all 0.3s ease 0s; }
.about-honorList .honor-item a:hover .honor-info{ opacity: 1; }
.about-honorList .honor-item .honor-info .info-tit{ font-size: 20px; color: #25a2b6; height: 50px; line-height: 50px; overflow: hidden; text-align: center;}
.about-honorList .honor-item .honor-info .info-stit{ font-size: 14px; color: #25a2b6; height: 30px; line-height: 30px; overflow: hidden;}
.about-honorList .honor-item .honor-info .info-des{ line-height: 24px; color: #999; height: 240px;  overflow: hidden; margin-top: 25px; }








/* teacherArea */
.teacherArea{ }
.teacherArea .teacherBox{ }
.teacherBox .teacherList{width: 1220px; margin-left: -10px;}
.teacherBox .teacherList li{ float: left; width: 285px; margin: 10px 10px;}
.teacherBox .teacherList li a{ display: block; width: 285px; border:1px solid #eee; padding: 30px;}
.teacherBox .teacherList li a .teacher-img{ width: 130px; height: 130px; border-radius: 100%; overflow: hidden; margin: 0 auto;}
.teacherBox .teacherList li a .teacher-img img{  width: 130px; height: 130px; }
.teacherBox .teacherList li a .teacher-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.teacherBox .teacherList li a:hover .teacher-img img{ transform: scale(1.1);}



.teacherBox .teacherList li a .teacher-tit{ height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;text-align: center; }
.teacherBox .teacherList li a .teacher-tit span{ font-size: 14px; font-weight: normal; margin-left: 5px;}
.teacherBox .teacherList li a .teacher-type{ height: 30px; line-height: 30px;   text-align: center;}
.teacherBox .teacherList li a .teacher-type span{ display: inline-block; min-width: 100px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; font-size: 16px;}
.teacherBox .teacherList li a .teacher-des{ height: 72px; line-height: 24px; color: #999; text-align: justify;text-indent: 2em; }




/* newsArea */
.newsArea{ background: #25a2b6; padding-bottom: 50px;}
.newsArea .main-tit .titch{color: #fff; }
.newsArea .main-tit .titch span{color: #fff; }
.newsArea .newsBox{}
.newsArea .newsBox .fl{ width: 590px; background: #fff; padding: 30px; }
.newsArea .newsBox .fr{ width: 590px; background: #fff; padding: 30px;}

.newsBox .news-colTit{ height: 60px;font-size: 24px; font-weight:bold; display: flex; justify-content: space-between;}
.newsBox .news-colTit span{font-size: 14px; font-weight:normal;  }


	/*  首页栏目版块-精选推荐 */
.newsBox .coljxtjBox .jxtj-tbox{ display: flex; justify-content: space-between;}
.newsBox .coljxtjBox .jxtj-tbox .art-img{ width: 165px; height: 100px; border-radius: 5px; overflow: hidden;}
.newsBox .coljxtjBox .jxtj-tbox .art-img img{ width: 100%; height: 100%;}
.newsBox .coljxtjBox .jxtj-tbox .art-rbox{ width:350px;}
.newsBox .coljxtjBox .jxtj-tbox .art-tit{ font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsBox .coljxtjBox .jxtj-tbox .art-other{ display: flex; flex-direction: row; justify-content: space-between; font-size: 12px; color: #999;}
.newsBox .coljxtjBox .jxtj-tbox .art-other .art-keyw{}
.newsBox .coljxtjBox .jxtj-tbox .art-other .art-keyw a{ height: 20px; line-height: 20px; background: #f5f5f5; color: #999; border-radius: 20px; padding: 0 10px;}
.newsBox .coljxtjBox .jxtj-tbox .art-other .art-date{}
.newsBox .coljxtjBox .jxtj-tbox .art-des{ height: 58px; padding-top: 10px; line-height: 24px; overflow: hidden; color: #999; }
.newsBox .coljxtjBox .jxtj-tbox .art-des a{ color: #999;}
.newsBox .coljxtjBox .jxtj-tbox .art-des a:hover{ color: #25a2b6;}

.newsBox .coljxtjBox .jxtj-mbox{ width: 100%; margin-top: 10px; overflow: hidden; }
.newsBox .coljxtjBox .jxtj-mbox ul{ width:550px;}
.newsBox .coljxtjBox .jxtj-mbox ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.newsBox .coljxtjBox .jxtj-mbox ul li{ float: left; width: 255px; height: 40px; line-height: 40px; margin-right: 20px; }
.newsBox .coljxtjBox .jxtj-mbox ul li a{ display: block; width: 215px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsBox .coljxtjBox .jxtj-mbox ul li span{ float:right; color: #999; font-size: 12px;}




/* qaArea */
.qaArea{}
.qaArea .qaBox{}
.qaBox .qaList{ width: 1230px; margin-left:-10px;}
.qaBox .qaList li{ float: left; width: 386px; margin: 10px 11px 10px 10px; position: relative;}
.qaBox .qaList li a{ display: block; padding: 20px 30px 20px 50px; background: #f5f5f5;}
.qaBox .qaList li a .qa-wen{ position:absolute; width: 30px; height: 30px; background: #f87f3d; color: #fff; line-height: 30px; text-align: center; left: 0; top: 20px;}
.qaBox .qaList li a .qa-tit{ line-height: 30px; font-size: 16px; font-weight: bold;}
.qaBox .qaList li a .qa-tit span{ display: inline-block; margin-right: 5px; color: #25a2b6; font-weight: normal; }
.qaBox .qaList li a .qa-des{ line-height: 24px; height: 48px; margin-top: 10px; text-align: justify; }


.qaBox{ position: relative; height: 530px; padding-top: 50px;}
.qaBox .swiper { width: 100%; height: 100%; margin: 0 auto;overflow: hidden; position: static;}
.qaBox .swiper-horizontal>.swiper-pagination-bullets{ width: 100%; top:auto; bottom: 0; left:0; right: 0;  text-align: center;}
.qaBox .swiper-pagination{ text-align: center; }
.qaBox .swiper-pagination-bullet{outline:none; width:30px;height:3px;border-radius:0;background: #d9d9d9; opacity: 1; margin: 0px !important}
.qaBox .swiper-pagination-bullet-active{width:30px;background:#25a2b6;opacity:1;}

.qaBox .swiper-button-next,.qaBox .swiper-button-prev { width:40px; height:40px; border: 2px solid #AAB0C3; background-color: #fff;  opacity:1;  border-radius: 100%; background-size:16px 16px; outline:none }
.qaBox .swiper-button-next:hover,.qaBox .swiper-button-prev:hover { background-color: #25a2b6;border: 2px solid #25a2b6; }
.qaBox .swiper-button-prev,.qaBox .swiper-rtl .swiper-button-next {background-position: center center;background-repeat: no-repeat; background-image:url(../images/arrow02-l.png); left: 550px; top: 25px; }
.qaBox .swiper-button-prev:hover,.qaBox .swiper-rtl .swiper-button-next:hover { background-image:url(../images/arrow02-lon.png); }
.qaBox .swiper-button-next,.qaBox .swiper-rtl .swiper-button-prev {background-position: center center;background-repeat: no-repeat; background-image:url(../images/arrow02-r.png); right:550px; top: 25px; }
.qaBox .swiper-button-next:hover,.qaBox .swiper-rtl .swiper-button-prev:hover { background-image:url(../images/arrow02-ron.png);}
.qaBox .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ }

.qaBox .swiper-button-prev:after,.qaBox  .swiper-rtl .swiper-button-next:after { display: none; content: ' '!important; }
.qaBox .swiper-button-next:after,.qaBox  .swiper-rtl .swiper-button-prev:after { display: none; content: ''!important; }


/* tagsArea */
.tagsArea{}
.tagsList{ padding-top: 10px; }
.tagsList a{ display: inline-block; height: 30px;  padding: 0 10px; line-height: 28px; color: #999; border:1px solid #eee; margin: 0 10px 10px 0;} 
.tagsList a:last-child{ margin: 0 0 0 0;} 
.tagsList a:hover{ color: #25a2b6; border:1px solid #25a2b6; } 




/* linksArea */
.linksArea{}
.linksList{ margin-top: 10px;}
.linksList a{ display: inline-block; padding: 0 10px; height: 24px; color: #777; }
.linksList a::after{ content: "/"; padding-left:15px; color: #ccc }




/*====================*/
/* 底部 footer */
.footer{ background: #2E3133; color: #999; }
.footer a{ color: #999; }

.footer-contact{ width: 100%; height: 100px; padding: 30px 0; line-height: 40px; border-bottom: 1px solid #444; font-size: 20px; text-align: center; color: #fff; }
.footer-contact span{ font-weight: bold; font-size: 32px; }

.footer-list{ position: relative; height: 310px;  padding: 30px 0; width: 100%; overflow: hidden; }
.footer-list::after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer-list .foot-item { float: left; width: 120px; padding-left: 40px; }
.footer-list .foot-item:nth-child(1){ width:295px; height: 250px; border-right: 1px solid #444; padding: 0; }
.footer-list .foot-item:nth-child(7){ width:170px; }
.footer-list .foot-item .foot-item-title { display: block; text-align: left; line-height: 18px; font-size: 16px; color: #ddd; letter-spacing: .44px; margin-bottom: 16px }
.footer-list .foot-item a { display: block; clear: both; text-align: left; line-height: 30px; font-size: 14px; color: #777; letter-spacing: .43px; text-decoration: none; transition: color .3s }
.footer-list .foot-item .foot-item-ewm { float: left; display: block; width: 120px; height: 150px; margin-top: 10px; margin-right: 15px; text-align: center; }
.footer-list .foot-item .foot-item-ewm img{ background: #fff; padding: 10px; width: 120px; height: 120px; clear: both;}
.footer-list .foot-item .foot-item-ewm p{ line-height: 30px; display: block; clear: both; }


.footer-txt{ border-top:1px solid #444; padding-top: 30px;  }
.footer-txt p{ }
.footer-txt p span{ font-weight: bold; color: #ddd; padding-right: 10px; }
.footer-copy{ padding: 20px 0;  font-size: 14px; text-align: center;}
.footer a:hover{ color: #fff; }



/* sbanner */
.sbanner{ width:100%; height:350px; position: relative; }
/*.sbanner_about{ background:url(../images/qz_img/sbanner_about.jpg) no-repeat center 0; }
.sbanner_pro{ background:url(../images/qz_img/sbanner_pro.jpg) no-repeat center 0; z-index:1;}
.sbanner_news{ background:url(../images/qz_img/sbanner_news.jpg) no-repeat center 0; z-index:1; }
.sbanner_contact{ background:url(../images/qz_img/sbanner_contact.jpg) no-repeat center 0; z-index:1; }
.sbanner_agent{ background:url(../images/qz_img/sbanner_agent.jpg) no-repeat center 0; z-index:1; }
.sbanner_video{ background:url(../images/qz_img/sbanner_video.jpg) no-repeat center 0; z-index:1; }
.sbanner_case{ background:url(../images/qz_img/sbanner_case.jpg) no-repeat center 0; z-index:1; }*/


.icon-about{ background-image: url(../images/icon-about.png)}
.icon-jxlc{ background-image: url(../images/icon-jxlc.png)}
.icon-news{ background-image: url(../images/icon-news.png)}
.icon-jzkt{ background-image: url(../images/icon-jzkt.png)}
.icon-tags{ background-image: url(../images/icon-tags.png)}

.smain_menu{ width:100%; min-height:80px; text-align:center; }
.smain_menu .sbar{ width:100%;min-height:80px; padding:20px 0; text-align:center;   }
.smain_menu a{line-height:40px; height:40px; width:auto; text-align:center; color:#444; margin:0 5px; margin-bottom: 5px; display:inline-block; font-size:14px; background:#eee; padding:0 14px;}
.smain_menu a:hover,.smain_menu .active{ background:#25a2b6; color:#fff; text-decoration:none;  }
.btn-info{ background:#25a2b6 !important; color:#fff !important; text-decoration:none;  }


/* smain_pos  位置  */
.smain_pos{width:100%; height:60px;overflow: hidden; line-height:40px; padding:10px 0; box-sizing:border-box; clear:both; margin:0 auto; color:#888; border-bottom: 1px solid #eee;}
.smain_pos i{ display:block; float:left; width:16px; height:36px; margin-right:10px; background:url(../images/home.png) no-repeat 0 center; }
.smain_pos a{ color:#888;  }
.smain_pos a:hover{ color:#25a2b6;  }
.smain_pos .fr{ width: 75%;overflow: hidden; text-align:right }
.smain_pos .fr a{ padding-right:5px;}

.smain{  width: 1200px;  margin: 0 auto; }
.smain:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.smain-l{ float: left; width: 880px; overflow: hidden;}
.smain-r{ float: right; width: 300px; overflow: hidden; box-sizing: border-box;padding-top: 20px; }

.smain-lbox{ background: #fff; overflow: hidden; padding: 20px; }
.smain-rbox{ background: #fff; overflow: hidden; padding: 10px 20px 15px 20px;;}


.smain-lbox .smain-tit{ height: 40px; display:flex; align-items: center; }
.smain-lbox .smain-tit i{ width: 25px; margin-right: 5px;}
.smain-lbox .smain-tit span{ position: relative; font-size: 18px;}

.smain-rbox .smain-tit{ height: 40px; display:flex; align-items: center; }
.smain-rbox .smain-tit i{ width: 25px; margin-right: 5px;}
.smain-rbox .smain-tit span{ position: relative; font-size: 18px;}

.smain-lArea{ }


/* 页码 */
.pageNum{  margin:0 auto; padding:10px 0; clear:both; text-align:center; }
.pageNum a:hover { border:#999 1px solid; color:#666;}
.pageNum a { border:#eee 1px solid; padding:5px 8px; margin:2px; color:#333; text-decoration:none;}
.pageNum span { border:#333 1px solid; padding:5px 8px; font-weight:bold; margin:2px; color:#fff; background:#333;}






/* newslist */
.newslist ul{  }
.newslist li{ height: 190px; position:relative; margin-bottom:20px; padding:20px 20px 20px 240px;   background: #fff; overflow:hidden;}
.newslist li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.newslist li .news-img{ width:200px; height:150px; position: absolute; left: 20px; top: 20px;}
.newslist li .news-img img{ width:200px; height:150px; }
.newslist li .news-tit{ height: 40px; line-height:30px; padding:5px 0; font-size:18px; font-weight: bold; }
.newslist li .news-tit a{ }
.newslist li .news-des{ color:#666; line-height:24px; }
.newslist li .news-tags{ padding-top: 20px; }
.newslist li .news-tags .tags-tit{ float: left;}
.newslist li .news-tags .tags-list{display: inline-block; line-height: 24px; }
.newslist li .news-tags a{ display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; background: #f5f5f5; margin-right: 5px; }
.newslist li .news-tags a:last-child{margin-right: 0; }


.newslist li a{ display:block; overflow:hidden; }
.newslist li:hover{ overflow: hidden; border: 1px solid #eee;}
.newslist li:hover .news-tit a{ font-weight:bold; color: #25a2b6; }


/* artview */
.artArea{ padding:0 20px;  }
.artview_tit { color:#333; font-size:28px; font-weight: 600; line-height:40px; padding: 10px 0; }
.artview_time {  line-height:36px; height:auto;overflow:hidden;padding:6px 10px; border-bottom: 1px solid #eee; border-radius: 4px; margin-top:10px;color: #999; }
.artview_time a{ margin-right:10px;color: #999; }
.artview_guide { border-bottom:1px solid #f5f5f5; color:#898989; line-height:1.8em; margin-bottom:5px; margin-top:5px; padding:10px; display: none;}
.artview_guide span{ color:#cc0000; font-weight:bold;}
.artview_guidzx{ text-align:center;}
.artview_detail{ line-height:30px; font-size: 16px; overflow:hidden; padding:15px 0; }
.artview_detail p{ }
.artview_detail a{ color: #f87f3d; }
.artview_detail img{ max-width:100%!important; height:auto!important;}

.artview_tag{ padding: 10px 0;}
.artview_tag span{ color: #999; }
.artview_tag a{ display: inline-block; border-radius: 3px; padding: 0 10px; height: 24px; color: #333; margin-left:10px; border: 1px solid #ccc; margin-top: 10px; }
.artview_tag a:hover{ color: #25a2b6; margin-left:10px; border: 1px solid #25a2b6; margin-top: 10px; }


.artview_next{ clear:both; border-top:1px solid #f5f5f5; padding:10px 0; height:80px; line-height:40px;}
.artview_next p { clear:both; height: 40px; white-space: nowrap; overflow: hidden;	text-overflow: ellipsis;-o-text-overflow: ellipsis; }
.artview_zx { padding-bottom:30px; padding-top:16px;text-align:center;}


.artview_rel ul{ width:830px;}
.artview_rel ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.artview_rel ul li{ float: left; width:33.33%; height: 40px; line-height: 40px; padding:0 20px 0 15px; box-sizing: border-box; position: relative;}
.artview_rel ul li:before{ content: ""; display: block; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
.artview_rel ul li:hover:before{ background: #25a2b6; }
.artview_rel ul li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.artview_rel ul li span{ float:right; color: #999; font-size: 12px; padding-left:10px; display: none;}



.arttxt-list{ }
.arttxt-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.arttxt-list li{ height: 40px; line-height: 40px; padding:0 0 0 15px; box-sizing: border-box; position: relative;}
.arttxt-list li:before{ content: ""; display: block; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
.arttxt-list li:hover:before{ background: #25a2b6; }
.arttxt-list li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.arttxt-list li span{ float:right; color: #999; font-size: 12px; padding-left:10px;}



/* 通用文章列表  */
.arttxt-list{ }
.arttxt-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.arttxt-list li{ height: 40px; line-height: 40px; padding:0 0 0 15px; box-sizing: border-box; position: relative;}
.arttxt-list li:before{ content: ""; display: block; position: absolute; left: 0; top: 17px; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
.arttxt-list li:hover:before{ background: #25a2b6; }
.arttxt-list li a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.arttxt-list li span{ float:right; color: #999; font-size: 12px; padding-left:10px;}




.rcon-tel p{ display: block; background: #f87f3d;height: 60px;line-height: 60px;color: #fff;text-align: center;border-radius: 2px; font-size: 14px;}
.rcon-tel p span{ font-weight: bold;font-size: 24px;}

.rcon-jxlc li{padding-top:10px;}
.rcon-jxlc li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.rcon-jxlc li .num{ float: left; width: 24px;}
.rcon-jxlc li .num span{ display: block; width: 24px; height: 24px; border-radius: 3px; background: #25a2b6; line-height: 24px; text-align: center; color: #FFFFFF}
.rcon-jxlc li .des{ float: right; width: calc(100% - 30px); line-height: 24px; }







/* teacher-slist */
.teacher-slist{width: 890px; margin-left: -10px;}
.teacher-slist li{ float: left; width: 276px; margin: 10px;}
.teacher-slist li a{ display: block; width: 276px; border:1px solid #eee; padding: 20px; background: #fff;}
.teacher-slist li a .teacher-img{ width: 100%; height: 234px; overflow: hidden; margin: 0 auto;}
.teacher-slist li a .teacher-img img{  width: 100%; height: 100%; }
.teacher-slist li a .teacher-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.teacher-slist li a:hover .teacher-img img{ transform: scale(1.1);}



.teacher-slist li a .teacher-tit{ height: 50px; line-height: 50px; font-size: 18px; font-weight: bold;text-align: center; }
.teacher-slist li a .teacher-tit span{ font-size: 14px; font-weight: normal; margin-left: 5px;}

.teacher-slist li a .teacher-type{ height: 30px; line-height: 30px;   text-align: center;}
.teacher-slist li a .teacher-type span{ display: inline-block; min-width: 100px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center; font-size: 16px;}
.teacher-slist li a .teacher-des{ height: 72px; line-height: 24px; color: #999; text-align: justify; }



/* case-slist */

.case-slist{ width: calc(100% + 30px); margin-left: -10px; }
.case-slist li{ float: left; width: 280px; margin: 10px; height:310px; text-align: center; position: relative;}
.case-slist li a{ display: block; padding: 0; height:310px; background: #fff; border:1px solid #fff; overflow: hidden;}
.case-slist li .case-img{ width: 280px; height: 160px; overflow: hidden;}
.case-slist li .case-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.case-slist li a:hover{ border:1px solid #25a2b6;}
.case-slist li a:hover .case-img img{ transform: scale(1.1);}
.case-slist li a:hover .case-tit{  font-weight: bold;}

.case-slist li .case-tit{ height: 50px; line-height: 50px; font-size: 18px;padding: 0 20px; }
.case-slist li .case-des{ color: #999; line-height: 24px; height: 72px; text-align: justify; padding:0 20px; }
.case-slist li .case-more{ display: none; position: absolute; left: 50%; bottom: 0; background: #25a2b6; color: #fff; margin-left: -100px;  width: 200px; height: 50px; line-height: 50px; text-align: center;}

.case-slist li .case-icon{ width: 28px; height:28px; margin: 0 auto; background: url(../images/icon-arrow.png) no-repeat center center; background-size: 100% auto }





/* honor-slist */
.honor-slist{ width: calc(100% + 30px); margin-left: -10px; }
.honor-slist li{ float: left; width: 280px; margin: 10px; height:260px; text-align: center; position: relative;}
.honor-slist li a{ display: block; padding: 0; height:260px; background: #fff; border:1px solid #fff; overflow: hidden;}
.honor-slist li .honor-tit{ height: 50px; line-height: 50px; font-size: 18px;padding: 0 20px; }
.honor-slist li .honor-img{ width: 280px; height: 210px; overflow: hidden;}
.honor-slist li .honor-img img{ width: 100%; height: 100%; transform: scale(1); transform-origin: 50% 50%; transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.honor-slist li a:hover{ border:1px solid #25a2b6;}
.honor-slist li a:hover .honor-img img{ transform: scale(1.1);}
.honor-slist li a:hover .honor-tit{  font-weight: bold;}





.pglist{ text-align: center; margin-top:20px; }
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px; margin: 0 1px; background: #fff;}
.pagination li:hover a{color: #fff; background: #25a2b6; }
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; float:left;}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none; color: #fff; background: #25a2b6; }
.pagination .active a{ color: #fff; }
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pager {list-style:none;padding:0;text-align:center;clear:both}
.pager li {display:inline-block}
.pager li a {color:#333;border:solid 1px #EBEBEB;border-radius:15px;padding:5px 15px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager li a:hover {background-color:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next {font-size:36px;padding:0;color:#FFF;background-color:rgba(255,255,255,.3);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer}
.pager-prev:hover,.pager-next:hover {background-color:rgba(0,0,0,.6)}
.pager-group li {float:left;display:inline-block}
.pager-group li:not(:first-child):not(:last-child) {border-radius:0}
.pager-group li a:first-child {border-radius:4px 0 0 4px}
.pager-group li a:last-child {border-radius:0 4px 4px 0}

.page-num-current {pointer-events: none;color: #fff !important;background: #25a2b6;}


.returnBtn{ clear: both; width: 150px; height: 40px; line-height: 40px; margin: 0 auto;  text-align: center;  }
.returnBtn a{display: flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 5px; color: #fff; background: #f87f3d; overflow: hidden;}
.returnBtn a:hover{ background: #1c96aa;  }
.returnBtn i{ height: 20px; width: 20px; margin-right: 5px; display: inline-block; background: url(../images/icon-return.png) no-repeat center center; background-size: 20px 20px;}
.returnBtn span{}



.rcon-about{}
.rcon-about p{ text-indent: 2em; }


.search-resultinfo{ padding: 20px 0;}
.search-resultinfo span{ color: #f87f3d; }

.searchRlist { width: calc(100% + 20px);}
.searchRlist::after{  content:"."; display:block; height:0; clear:both; visibility:hidden; }
.searchRlist li{ float: left; width: 590px; box-sizing: border-box; margin-right: 20px; }




.artview_introduce{ text-indent: 2em; border: 1px solid #f87f3d; padding: 20px; background: #fff5ef; margin-top: 10px; text-align:justify; }

.active{ background:#f87f3d;}