html { min-width: 1300px; }
body { overflow-x: hidden; min-width: 1200px; max-width: 1920px; margin: 0 auto; position: relative; }


/****** index ******/
.w1205 { width: 83.333%; max-width: 1600px; margin: 0 auto; overflow: hidden; }
.w83p { width: 83.333%; min-width: 1200px; max-width: 1600px; margin: 0 auto; overflow: hidden; }
.w85p { width: 85%; margin: 0 auto; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }

.transform-hover:before { content: ''; position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; height: 2px;
 background: #014099;
 -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0);
 -ms-transition: transform 0.6s ease-out; -webkit-transition: transform 0.6s ease-out; transition: transform 0.6s ease-out;
 -ms-transform-origin: right; -webkit-transform-origin: right; transform-origin: right; }
.transform-hover:hover:before {
 -ms-transform: scalex(1); -webkit-transform: scaleX(1); transform: scalex(1);
 -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; }

/* header */
.header { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 100%; overflow: visible; }
.header .w83p { height: 122px; overflow: visible; }
.header .left { width: 22%; overflow: hidden; margin: 35px 0px 0px 0px; }
.header .left img { width: 100%; }

.header .center { width: 65%; min-height: 33px; margin: 55px 0px 0px 5%; }
.header .center ul { overflow: visible; }
.header .center ul li { min-height: 33px; float: left; padding-bottom: 2px; line-height: 16px; font-size: 16px; color: #ffffff; position: relative; }
.header .center ul > li > a { display: block; padding: 10px 20px 10px 20px; color: #ffffff; }
.header .center ul li:hover a { color: #014099; background: rgba(255, 255, 255, 0.5); }
.nav-tb:after { content: ''; position: absolute; right: 2px; top: 11px; z-index: 99999; width: 15px; height: 15px;
 background: url("26914054.png") no-repeat center; background-size: 110%; transition: all 0.4s ease 0s; }
.header .center ul li:hover:after { width: 15px; height: 15px; background: url("26914053.png") no-repeat center; background-size: 110%;
  }

.header .center ul li > dl { display: none; position: absolute; left: 0px; top: 38px; z-index: 9999999999; width: 100%; overflow: hidden;
 background: rgba(255,255,255,0.8) } 
.header .center ul li > dl > dd { width: 100%; overflow: hidden; line-height: 20px; font-size: 16px; color: #03499b; }
.header .center ul li > dl > dd a { display: block; padding: 13px 10px 13px 10px; color: #03499b; }

.header .right { margin-top: 60px; }
.header .right ul li { width: 20px; height: 20px; overflow: hidden; float: left; padding: 0px 10px 0px 10px; }


.content { width: 100%; overflow: hidden; float: left; }
.content a:hover { color: #014099!important; }
.content img { transition: all 1s; }
.content img:hover { transform: scale(1.1); }
.content-boxs { width: 100%; overflow: hidden; margin: 0 auto; }


.all-title-box { width: 100%; overflow: hidden; text-align: left; position: relative; }
.all-title-box a { line-height: 18px; font-size: 18px; color: #cb361e; }
.all-title-box a b { position: relative; color: #cb361e; }
.all-title-box a b:after { content: attr(text); position: absolute; left: 0px; top: 3px; z-index: 100; color: #034098; -webkit-mask: linear-gradient(to left, #034098, transparent ); }
.all-title-box a b:before { height: 3px; }


.two { margin-top: 80px; }
.two .two-wrap-box { width: 100%; overflow: hidden; margin-top: 35px; position: relative; }
.two .left { width: 40%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; }
.two .left .ol-table { width: 100%; overflow: hidden; }
.two .right { display: table; width: 50%; overflow: hidden; }
.two .right .tr-table-box { display: table-cell; vertical-align: middle; }
.two .right dl { width: 100%; overflow: hidden; margin-top: 60px; }
.two .right dl:first-child { margin-top: 0px; border-bottom: solid 1px #e8f2ff; }
.two .right dl dt { overflow: hidden; padding: 6px 0px; line-height: 32px; font-size: 24px; text-indent: 1em; color: #666666; position: relative;
 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.two .right dl dt:after { content: ''; position: absolute; left: 0px; top: 15px; z-index: 999999; width: 15px; height: 15px; border-radius: 3px;
 background: #e8f2ff; }
.two .right dl dt a { color: #666666; }
.two .right dl dt:before { background: #5397d8; }
.two .right dl dd { display: inline-block; overflow: hidden; margin: 26px 0px 26px 0px; line-height: 35px; font-size: 18px; color: #666666;
 text-align: left; position: relative; }
.two .right dl dd span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.two .right dl dd a { color: #666666; }


.three { margin-top: 110px; position: relative; }
.three .three-wrap-box { width: 100%; overflow: hidden; float: left; background: url("26914051.png") no-repeat left top; position: relative; }
.three .three-wrap-box .w83p { position: relative; }
.three .three-wrap-box .all-title-box { position: absolute; left: 30px; top: 110px; z-index: 9999999; width: 50%; }
.three .three-wrap-box .twb-text-box { width: 85%; height: 680px; overflow: hidden; float: left; position: relative; }
.three .three-wrap-box .twb-text-box dl { display: none; width: 58%; height: 680px; overflow: hidden; }
.three .three-wrap-box .twb-text-box dl.active-on { display: block; position: absolute; left: 0px; top: 0px; z-index: 99999; overflow: hidden; text-align: center;
 -webkit-animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.three .three-wrap-box .twb-text-box dl dt { width: 100%; overflow: hidden; margin-top: 172px; line-height: 38px; font-size: 36px; text-align: left; }
.three .three-wrap-box .twb-text-box dl dd { width: 100%; overflow: hidden; margin-top: 56px; line-height: 46px; font-size: 20px; text-align: left; color: #8b8b8b; }
.three .three-wrap-box .twb-text-box dl .ttb-btn { width: 92px; overflow: hidden; margin: 56px 0px 0px 8px;
 -webkit-animation: jello-horizontal 0.9s both;
 animation: jello-horizontal 0.9s both; }
.three .three-wrap-box .twb-text-box dl .ttb-btn img { width: 100%; }
.three .three-wrap-box .twb-text-box dl .ttb-btn img:hover { transform: scale(1); }
.three .three-wrap-box .twb-nav-box { position: absolute; right: 35px; top: 15%; z-index: 99999; width: 18.5%; overflow: hidden; }
.three .three-wrap-box .twb-nav-box ul { padding-left: 15px; }
.three .three-wrap-box .twb-nav-box ul li { width: 100%; overflow: visible; margin-top: 10px; position: relative; }
.three .three-wrap-box .twb-nav-box ul li a { display: block; }
.three .three-wrap-box .twb-nav-box ul li a:after { content: ''; position: absolute; left: 0px; top: 0px; z-index: 99999; width: 100%; height: 100%; }  
.three .three-wrap-box .twb-nav-box ul li.tnb-active-on a:after { border: solid 5px #023f98; box-sizing: border-box; border-radius: 5px;
 -webkit-animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.three .three-wrap-box .twb-nav-box ul li.tnb-active-on:after { content: ''; position: absolute; left: -15px; top: 50%; margin-top: -7.5px; z-index: 999999;  
border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #014099; }

.three .three-wrap-box .twb-nav-box ul li img { width: 100%; border: solid 1px #ffffff; box-sizing: border-box; }
.three .three-wrap-box .twb-nav-box ul li:hover img { transform: scaleY(1); }
.three .three-wrap-box .twb-nav-box ul li .tnb-name { position: absolute; left: 0px; top: 0px; z-index: 99999; display: table; width: 100%; height: 100%; overflow: hidden;
 text-align: center; background-color: rgba(2, 63, 152, 0.5); }
.three .three-wrap-box .twb-nav-box ul li:hover .tnb-name { 
 -webkit-animation: fade-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
 animation: fade-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; }
.three .three-wrap-box .twb-nav-box ul li .tnb-name span { display: table-cell; vertical-align: middle; line-height: 30px; font-size: 20px; color: #ffffff; }
.three .three-wrap-box .twb-nav-box ul li .tnb-name span a { color: #ffffff; }


.four { margin-top: 110px; }
.four .four-wrap-box { width: 91%; overflow: hidden; float: right; margin-top: 55px; padding-bottom: 95px;
 position: relative; }
.four .four-wrap-box ul li { width: 16.685%; height: 420px; overflow: hidden; float: left; margin-left: 0.565%; border-radius: 10px; background: #e8f2ff; }
.four .four-wrap-box ul li:first-child { margin: 0px; }
.four .four-wrap-box ul li .fwb-img-box { width: 100%; overflow: hidden; margin-top: 135px; text-align: center; }
.four .four-wrap-box ul li .fwb-img-box .fib-img-hover { display: none; }
.four .four-wrap-box ul li .fwb-name-box { width: 100%; overflow: hidden; margin-top: 45px; line-height: 25px; font-size: 18px; text-align: center;
 color: #014099; }
.four .four-wrap-box ul li .fwb-name-box a { color: #014099; }
.four .four-wrap-box ul li .fwb-text-box { display: none; width: 100%; overflow: hidden; margin-top: 26px; line-height: 36px; font-size: 18px; color: #ffffff; }
.four .four-wrap-box ul li .fwb-href-box { width: 100%; overflow: hidden; margin-top: 38px; font-size: 0px; text-align: center; }
.four .four-wrap-box ul li .fwb-href-box a { display: inline-block; padding: 10px 10px; text-align: center;  color: #3768af; background: #ffffff; }
.four .four-wrap-box ul li .fwb-href-box a i { font-size: 14px; line-height: 14px; }
.four .four-wrap-box ul li .fwb-href-box a span { padding-left: 8px; font-size: 16px; line-height: 14px; }
.four .four-wrap-box ul li.fwb-one.active-hover { background: url("26914056.jpg") no-repeat center; }
.four .four-wrap-box ul li.fwb-two.active-hover { background: url("26914057.jpg") no-repeat center; }
.four .four-wrap-box ul li.fwb-three.active-hover { background: url("26914058.jpg") no-repeat center; }
.four .four-wrap-box ul li.fwb-four.active-hover { background: url("26914059.jpg") no-repeat center; }
.four .four-wrap-box ul li.fwb-five.active-hover { background: url("26914060.jpg") no-repeat center; }
.four .four-wrap-box ul li.active-hover { width: 30.825%;
 animation: fwb-animate 0.5s forwards;
}
@keyframes fwb-animate {
	0% { width: 16.685%; }
	100% { width: 30.825%; }
}
.four .four-wrap-box ul li.active-hover .fwb-img-box { margin-top: 50px; }
.four .four-wrap-box ul li.active-hover .fwb-img-box .fib-img { display: none; }
.four .four-wrap-box ul li.active-hover .fwb-img-box .fib-img-hover { display: block; margin: 0 auto; }
.four .four-wrap-box ul li.active-hover .fwb-name-box { margin-top: 32px; font-weight: bold; color: #ffffff; }
.four .four-wrap-box ul li.active-hover .fwb-text-box { animation: an-text 0.3s linear 0.5s forwards; transform: scaleY(0); display: block; margin-top: 26px; }
.four .four-wrap-box ul li.active-hover .fwb-href-box { animation: jello-horizontal 0.8s linear 0.8s forwards; transform: scaleY(0); }
@keyframes an-text {
	0% { transform: scaleY(0); }
	100% { transform: scaleY(1); transform-origin: right; }
}
.four .four-wrap-box dl { position: absolute; left: 0px; bottom: 2px; z-index: 99999; width: 56px;
 height: 23px; }
.four .four-wrap-box dl dt, .four .four-wrap-box dl dd { width: 23px; height: 23px; overflow: hidden;
 cursor: pointer; border: solid 1px #eeeeee; }
.four .four-wrap-box dl dt { background: url("26914046.jpg") no-repeat center; }
.four .four-wrap-box dl dd { background: url("26914072.jpg") no-repeat center; }
.four .four-wrap-box dl dt:hover { background: url("26914041.jpg") no-repeat center; }
.four .four-wrap-box dl dd:hover { background: url("26914043.jpg") no-repeat center; }
.four .four-wrap-box dl dt img, .four .four-wrap-box dl dt img { width: 100%; }


.five { margin-top: 110px; padding-bottom: 110px; overflow: visible; }
.five .w83p { position: relative; height: 458px; overflow: visible; } 
.five .w83p .all-title-box { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 35%; }
.five-wrap-box { width: 100%; overflow: hidden; position: relative; }
.five-wrap-box .left { width: 35%; overflow: hidden; }
.five-wrap-box .left .fiwb-top { width: 100%; overflow: hidden; margin-top: 52px; line-height: 32px; font-size: 18px; text-align: left; color: #666666; }
.five-wrap-box .left .fiwb-bottom { width: 100%; overflow: hidden; margin-top: 42px; }
.five-wrap-box .left .fiwb-bottom ul li { width: 100%; overflow: hidden; padding: 6px 0px; font-size: 20px; line-height: 22px; text-align: left; color: #014099; }
.five-wrap-box .left .fiwb-bottom ul li a { color: #014099; position: relative; }
.five-wrap-box .left .fiwb-more { width: 100%; overflow: hidden; margin-top: 40px; padding: 3px 0px; line-height: 20px; font-size: 20px; }
.five-wrap-box .left .fiwb-more a { color: #014099; position: relative; }
.five-wrap-box .right { position: absolute; right: 0px; top: 0%; width: 50%; height: 100%; border-radius: 10px; display: table; }
.five-wrap-box .right span { display: table-cell; vertical-align: middle; }
.five-wrap-box .right span img { width: 100%; border-radius: 10px; }


.footer { width: 100%; overflow: hidden; float: left; background: #e9f3ff; }
.footer .fw-top { width: 100%; overflow: hidden; border-bottom: solid 1px #e0e1e5; }
.footer .fw-top .left { width: 16%; overflow: hidden; margin: 150px 0px 0px 10px; }
.footer .fw-top .left img { width: 100%; }
.footer .fw-top .center { width: 50%; height: 240px; overflow: hidden; margin: 62px 0px 6px 10%; }
.footer .fw-top .center ul { width: 33.333%; overflow: hidden; float: left; }
.footer .fw-top .center ul li { width: 100%; overflow: hidden; padding: 21px 0px; line-height: 18px; font-size: 16px; text-align: left; color: #676767; }
.footer .fw-top .right { width: 22%; overflow: hidden; margin-top: 85px; }
.footer .fw-top .fwr-top { width: 100%; }
.footer .fw-top .fwr-top ul { width: 62%; overflow: hidden; float: right; }
.footer .fw-top .fwr-top ul li { width: 100%; height: 30px; margin-bottom: 30px; }
.footer .fw-top .fwr-top ul li select { display: block; width: 100%; height: 30px; border: solid 1px #dee2e5; }
.footer .fw-top .fwr-bottom { width: 100%; overflow: hidden; margin-top: 2px; }
.footer .fw-top .fwr-bottom p { line-height: 22px; font-size: 14px; text-align: right; color: #676767; }
.footer .fw-bottom { width: 100%; overflow: hidden; padding: 36px 0px 18px 0px; line-height: 18px; font-size: 16px; text-align: center; color: #63686b; }


/* News */
.lr-news-box { width: 100%; overflow: hidden; margin-bottom: 42px; }
.lr-news-box .lnb-left { width: 66%; max-width: 820px; height: 485px; overflow: hidden; border-radius: 10px; position: relative; }
.lr-news-box .lnb-left img { width: 100%; height: 100% }

.lr-news-box .ss-pos-box { opacity: 0; position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; height: 100%; color: #ffffff;
 background-color: rgba(2, 63, 152, 0.5); 
 -webkit-animation: fade-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
 animation: fade-out 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; }
.lr-news-box .spb-center { width: 66%; text-align: center; margin: 0 auto; position: relative; top: 50%;
	-moz-transform: translateY(-50%); /*向上平移 自身的50%*/
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); }
.lr-news-box .swiper-title { display: none; width: 100%; overflow: hidden; margin: 0 auto; line-height: 26px; font-size: 20px; font-weight: bold;
 word-wrap: break-word; color: #ffffff; }
.lr-news-box .swiper-more { display: none; width: 100%; overflow: hidden; margin: 0 auto; text-align: center;  margin-top: 25px; }
.lr-news-box .swiper-more a { display: inline-block; }
.lr-news-box .swiper-more img { width: 93px!important; height: 35px!important; }
.lr-news-box .lnb-left:hover .ss-pos-box {
 -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.lr-news-box .lnb-left:hover .swiper-title { display: block;
 animation: an-text 0.3s linear 0.3s forwards; transform: scaleY(0); } 
.lr-news-box .lnb-left:hover .swiper-more { display: block; animation: jello-horizontal 0.6s linear 0.8s forwards; transform: scaleY(0); }
.lr-news-box .lnb-left:hover .swiper-more img { transform: scale(1); }

.lr-news-box .lnb-right { width: 30%; min-width: 275px; }
.lr-news-box .lnb-right ul li { width: 100%; height: 225px; overflow: hidden; margin-top: 38px; border-radius: 10px; position: relative; }
.lr-news-box .lnb-right ul li:first-child { margin-top: 0px; }
.lr-news-box .lnb-right ul li a > img { width: 100%; height: 100%; }
.lr-news-box .lnb-right ul li:hover .ss-pos-box {
 -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.lr-news-box .lnb-right ul li:hover .swiper-title { display: block;
 animation: an-text 0.3s linear 0.3s forwards; transform: scaleY(0); } 
.lr-news-box .lnb-right ul li:hover .swiper-more { display: block; animation: jello-horizontal 0.6s linear 0.8s forwards; transform: scaleY(0); }
.lr-news-box .lnb-right ul li:hover .swiper-more img { transform: scale(1); }


/* list */
.list-banner { width: 100%; overflow: hidden; }
.list-banner img { width: 100%; }

.url-nav { width: 100%; height: 20px; margin: 92px 0px 62px 0px; line-height: 20px; font-size: 16px; color: #000000; position: relative; }
.url-nav:after { content: ""; position: absolute; left: 10px; top: 0px; z-index: 999;
 display: block; width: 14px; height: 16px; }
.url-nav a { color: #000000; }
.url-nav a:hover { color: #006fbc!important; }
.un-active { color: #006fbc!important; }

.list-con-box { width: 100%; overflow: hidden; margin-top: -65px; padding-bottom: 30px; }
.list-left { width: 18%; overflow: hidden; }
.list-left .ll-subject-name { width: 82%; overflow: hidden; padding: 20px 9% 62px 9%; line-height: 36px; font-size: 30px; color: #ffffff;
 border-radius: 10px; background: linear-gradient(110deg,#e5340e,#024098); position: relative; }
.list-left .ll-subject-name:after { content: ''; position: absolute; right: -20px; top: 82px; z-index: 99999; width: 62%; height: 92px;
 background: url("26914045.png") no-repeat center; }
.list-left .ll-subject-name a { color: #ffffff; }
.list-left .ll-list-nav { width: 82%; overflow: hidden; padding: 30px 9% 30px 9%; border-radius: 10px; background: #e8f2ff; }
.list-left ul li { width: 100%; overflow: visible; padding: 15px 0px; line-height: 30px; font-size: 22px; text-align: left; color: #023f98; }
.list-left ul li a { display: block; color: #000000; }
.list-left ul li dl { display: none; margin-top: 10px; }
.list-left ul li dl dd { padding: 8px 0px; font-size: 16px; }

.lln-button > a { position: relative; }
.lln-button > a:after { content: ''; width: 15px; height: 15px; position: absolute; right: -8px; top: 50%; z-index: 99999;
 background: url("26914049.png") no-repeat center;
 webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: tb-rotate 1s forwards; animation: tb-rotate 1s forwards; }
@keyframes tb-rotate {
	100% { width: 15px; height: 15px; webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

.active-list-on > a { font-weight: bold; color: #014099!important; }
.active-list-on dl { display: block!important; animation: an-text 0.3s linear 0.5s forwards; transform: scaleY(0); }
.active-list-on > a:after { webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: tb-fun-rotate 1s forwards; animation: tb-fun-rotate 1s forwards; }
@keyframes tb-fun-rotate {
	0% { webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { width: 15px; height: 15px; webkit-transform: rotate(90deg); transform: rotate(90deg); }
}

.list-right { width: 76%; min-height: 600px; overflow: hidden; }
.lr-list-name { width: 100%; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; font-size: 18px; color: #023f98; border-bottom: solid 2px #9a3535; position: relative; }
.lr-list-name a { display: block; overflow: hidden; float: left; padding: 0px 10px 0px 10px; color: #023f98; font-weight: bold; border-left: 3px #023f98 solid; }
.lr-list-box { width: 100%; overflow: hidden; }
.lr-list-box ul { width: 100%; overflow: hidden; }
.lr-list-box ul li { width: 100%; overflow: hidden; padding: 30px 0px; line-height: 20px; border-bottom: solid 1px #e5e5e5; position: relative; }
.lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 999; display: block; width: 4px; height: 4px; margin-top: -2px;
 background: #000000; }
.lr-list-box ul li a { display: block; width: 100%; height: 100%; float: left; }
.lr-list-box ul li .fl { width: 90%; line-height: 20px; text-align: left; font-size: 18px; font-weight: bold; text-indent: 1em; color: #1a1a1a;
 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.lr-list-box ul li .fr { width: 10%; text-align: right; font-size: 14px; color: #999999; }
.lr-list-box ul li a:hover .fl, .list-right ul li a:hover .fr { color: #993333; }

.lr-list-text-box { width: 100%; overflow: hidden; }
.lr-list-text-box .lltb-title { width: 100%; overflow: hidden; padding-bottom: 76px; line-height: 24px; font-size: 22px; text-align: center; }
.lr-list-text-box .lltb-text { width: 100%; overflow: hidden; }
.lr-list-text-box .lltb-text img { display: block; max-width: 100%; margin: 0 auto; }
.lr-list-text-box .lltb-text img:hover { transform: scale(1); }
.lr-list-text-box .lltb-text p { font-size: 18px; line-height: 22px; }

.lcb-img-box { width: 100%; overflow: hidden; padding-bottom: 50px; }
.lcb-img-box ul { width: 110%; overflow: hidden; }
.lcb-img-box ul li { width: 240px; height:240px; float: left; overflow: hidden; margin: 50px 82px 0px 0px; text-align: center; position: relative; }
.lcb-img-box ul li .pic { text-align: center; }
.lcb-img-box ul li .pic img { display: block; width: 240px; height:240px; }
.lcb-img-box ul li .title { position: absolute; left: 50%; bottom: 0px; z-index: 999; margin-left: -100px; overflow: hidden; padding: 0px 60px;
 line-height: 26px; text-align: center; color: #ffffff; background: #295da8; }
.lcb-img-box ul li .title .pt-name { margin: 8px 0px; font-size: 20px; font-weight: bold; color: #ffffff; }
.lcb-img-box ul li .title .pt-text { display: none; line-height: 20px; font-size: 16px; color: #ffffff; }
.lcb-img-box ul li .title .pt-href { display: none; font-size: 16px; font-weight: bold; color: #ffffff; background: #951b1b; }
.lcb-img-box ul li .title .pt-href a { color: #ffffff; }
.lcb-img-box ul li:hover .title { position: absolute; top: 0px; left: 0px; margin-left: 0px; width: 100%; height:240px; overflow: hidden; padding: 0px;
 font-size: 20px; color: #ffffff; background: #295da8; transition: all 0.5s ease 0s; }
.lcb-img-box ul li:hover .title .pt-name { width: 210px; padding: 0px 15px; margin-top: 20px; }
.lcb-img-box ul li:hover .title .pt-text { display: block; width: 210px; padding: 0px 15px; margin-top: 20px; text-align: left; }
.lcb-img-box ul li:hover .title .pt-href { display: block; line-height: 35px; position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%;
 overflow: hidden; }

.page-box { text-align: center; margin: 50px auto; font-size: 0px; }
.page-box font { display: inline-block; padding: 6px 12px; color: #ffffff; margin: 0px 4px; font-size: 14px; border: solid 1px #0066cc; border-radius: 3px;
 background: #0066cc; }
.page-box a { display: inline-block; padding: 6px 12px; color: #333333; margin: 0px 4px; font-size: 14px; border-radius: 3px; border: solid 1px #0066cc; }
.page-box a:hover { color: #fff!important; border: solid 1px #0066cc; background: #0066cc; }


/* content */
.content-text-box { width: 100%; overflow: hidden; margin-top: 20px; padding-bottom: 50px; }
.content-text-box .ctb-title { width: 100%; padding: 60px 0px; font-size: 24px; line-height: 28px; text-align: center; position: relative; }
.content-text-box .ctb-title:after { content: ''; position: absolute; left: 50%; bottom: 0px; z-index: 99999; transform: translateX(-50%); width: 50%; height: 1px; background: #e5e5e5; }
.content-text-box .ctb-function { padding: 26px 0px 86px 0px; line-height: 16px; font-size: 14px; color: #848484; text-align: center; }
.content-text-box .ctb-function span { display: inline-block; padding: 0px 15px; }
.content-text-box .ctb-function .cf-fun-btn { display: inline-block; }
.content-text-box .ctb-function .cf-fun-btn ul li { display: inline-block; padding: 0px 15px; font-size: 14px; cursor: pointer; position: relative; }
.content-text-box .ctb-function .cf-fun-btn ul li:first-child { font-size: 14px; }
.content-text-box .ctb-function .cf-fun-btn ul li:first-child:after { content: '-'; position: absolute; top: 0px; right: 10px; width: 3px; height: 3px; line-height: 3px; font-size: 16px; }
.content-text-box .ctb-function .cf-fun-btn ul li:nth-child(2) { font-size: 18px; }
.content-text-box .ctb-function .cf-fun-btn ul li:last-child { font-size: 22px; }
.content-text-box .ctb-function .cf-fun-btn ul li:last-child:after { content: '+'; position: absolute; top: 0px; right: 13px; width: 3px; height: 3px; line-height: 3px; font-size: 16px; }

.content-text-box .ctb-text { width: 100%; overflow: hidden; }
.content-text-box .ctb-text img { display: block; max-width: 100%; margin: 0 auto; }
.content-text-box .ctb-text img:hover { transform: scale(1)!important; }