@import "font/rubik/rubik.css";
@import "font/syst/syst.css";
@import "font/din/din.css";
@import "https://fonts.googleapis.com/css?family=Noto+Serif+SC:700";
body,html{margin:0; padding:0;font-size:0; line-height:0; width:100%; color:#666; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham'; background:#fff; overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#444}
a:active,a:focus,a:hover{outline:none; color:#f04d22}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
*{box-sizing:border-box}

.toTopM{position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:#f04d22 url(../images/icoRight5_on.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:1.0}
.toTopM:hover{background:#f04d22 url(../images/icoRight5_on.png) no-repeat;background-size:100% 100%;opacity:1.0}

.myScroll{transform:translateY(50px);
	transition:transform 0.7s, opacity 0.7s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}


.boxTop{ position:absolute; top:0; left:0;width:100%; z-index:1000;height:110px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2)}
.boxTop1{position:relative;box-sizing:border-box; padding:0 160px 0 315px; width:100%;  display:block; margin:0 auto}
.logo{position:absolute; left:20px; top:23px; height:59px}

.bgTopBlack{background:url(../images/bgTop.png) no-repeat center/100% 100%; width:100%; height:200px; position:absolute; top:0; left:0; z-index:999; opacity:0.25}

.myScroll{transform:translateY(100px);transition:transform 0.5s, opacity 0.5s;opacity:0;}
.myScroll.on{transform:none;opacity:1;}

@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 50px;}
.boxNav li span a{display:block;font-size:16px;line-height:110px;color:#555; font-family:'Noto Serif SC';}
.boxNav li span a:hover{color:#f04d22}
.boxNav li span i{ height:6px; background:#f04d22; width:100%; position:absolute; bottom:0; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s}
.boxNav li div{position:absolute; top:110px; left:0;width:100%; min-width:135px;text-align:left; background:rgba(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,0.3); z-index:2; display:none;}
.boxNav li div a{display:block;font-size:12px;color:#666;line-height:20px; padding:10px; text-align:center;}
.boxNav li div a:hover{ background:#f04d22; color:#fff}
.boxNav li div h1{ position:relative}
.boxNav li div h1 font{}
.boxNav li div h1 i{position:absolute; left:100%; top:0; width:120px; background:rgba(255,255,255,0.9); box-shadow:0 3px 10px rgba(0,0,0,0.3); display:none}



.icoTop{display:inline-block;height:110px;vertical-align:middle; position:absolute; right:0; top:0; z-index:2}
.icoTop a{ position:relative;display:inline-block; width:80px; height:100%}
.icoTop a i{display:block; width:100%; height:100%;}
.icoTop a div{position:absolute; top:110px; right:0; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:15px}
.icoTop a span{display:inline-block;}
.icoTop a div img{}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}

.topWx i{background:#eee url(../images/icoWxTop.png) center no-repeat;}
.topWx:hover i{background:#eee url(../images/icoWxTopHover.png?v=1.5) center no-repeat;}

.topSearch i{background:#f04d22 url(../images/icoSearchTop.png) center no-repeat; }
.topSearch:hover i{background:#f04d22 url(../images/icoSearchTop.png) center no-repeat; }


.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:30px; right:18px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#f04d22; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#f07422}


.banner{width:100%;height:auto;/*height:calc(100vh - 110px);*/overflow:hidden; position:relative; margin:110px 0 0 0}
.banner .swiper-slide{width:64vw;height:28.38vw; position:relative; overflow:hidden; background-size:100% 100%!important; opacity:0.6; margin:0 10px 0 0}
.banner .swiper-slide-active{opacity:1.0!important}
.banner .swiper-pagination{bottom:20px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:19px; height:15px; background:url(../images/icoBanner.png) no-repeat center/cover; opacity:0.5; border-radius:0;}
.banner .swiper-pagination-bullet-active{opacity:1}
.banner .swiper-button-prev{left:50%; margin-left:-600px;opacity:0.7; z-index:101}
.banner .swiper-button-prev:hover{opacity:1.0}
.banner .swiper-button-next{right:50%; margin-right:-589px;opacity:0.7; z-index:101}
.banner .swiper-button-next:hover{opacity:1.0}

.bannerLink{ width:100%; height:100%; position:relative}
.bannerLink a{display:block; position:absolute; border-radius:50%; background:rgba(0,0,0,0.01); top:50%; left:50%;cursor:pointer;z-index: 1;transition:transform ease-out .2s;}
.bannerLink a:nth-child(1){width:9.375vw; height:9.375vw; margin:-18.65% 0 0 -15.35%}
.bannerLink a:nth-child(2){width:6.77vw; height:6.77vw; margin:-17.7% 0 0 0.9%}
.bannerLink a:nth-child(3){width:9.15vw; height:9.15vw; margin:-13.5% 0 0 11.5%}
.bannerLink a:nth-child(4){width:6.7vw; height:6.7vw; margin:-0.2% 0 0 17.75%}
.bannerLink a:nth-child(5){width:9.15vw; height:9.15vw; margin:8.5% 0 0 9.3%}
.bannerLink a:nth-child(6){width:8vw; height:8vw; margin:11.25% 0 0 -4.5%}
.bannerLink a:nth-child(7){width:9.15vw; height:9.15vw; margin:7.75% 0 0 -18.9%}
.bannerLink a:nth-child(8){width:8.4vw; height:8.4vw; margin:-2.9% 0 0 -26.35%}
.bannerLink a:nth-child(9){width:5.6vw; height:5.6vw; margin:-9.5% 0 0 -20.45%}

@media(max-width:1440px){
/*.bannerLink a:nth-child(1){margin:-19.3% 0 0 -15.9%}
.bannerLink a:nth-child(2){margin:-18.25% 0 0 1.08%}
.bannerLink a:nth-child(3){margin:-13.95% 0 0 12.2%}
.bannerLink a:nth-child(4){margin:-0.1% 0 0 18.7%}
.bannerLink a:nth-child(5){margin:8.5% 0 0 9.3%}
.bannerLink a:nth-child(6){ margin:11.25% 0 0 -4.5%}
.bannerLink a:nth-child(7){margin:7.75% 0 0 -18.9%}
.bannerLink a:nth-child(8){margin:-2.9% 0 0 -26.35%}
.bannerLink a:nth-child(9){ margin:-9.5% 0 0 -20.45%}*/
}

.hi-icon {
	/*transition:transform ease-out .2s;*/
	animation: sonarEffect 2s ease-out 500ms;
}
.hi-icon:after {
	position:absolute;width:100%;height:100%;border-radius:50%;content: '';box-sizing:content-box;top:0;left:0;z-index:-1;
	transform: scale(1);
}

.hi-icon:hover {
	transform: scale(1);
}

.hi-icon:hover:after {
	animation: sonarEffect 1.3s ease-out 75ms;
}

@keyframes sonarEffect {
0% {opacity:.3}
40% {opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.5), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.8)}
100% {opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,.2), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);transform:scale(1.5);}
}



.bannerNum{ position:absolute; left:2%; bottom:10px; font-family:'dincond'; line-height:50px; font-size:20px; color:#fff; z-index:1; display:none}
.bannerNum i{font-size:50px; margin-right:5px;}
.bannerNum span{margin-left:5px;}


.bannerM{width:100vw; overflow:hidden;position:relative;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#142d62; width:20px;}




/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);display:none}
.logoM{ position:absolute;left:15px; top:21px; height:28px;}

.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) center no-repeat; background-size:cover;}
.closeMenu{width:60px; height:70px; position:absolute; top:0; left:-60px;background:#fff url(../images/closeMenu.png?v=1.0) center no-repeat; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#f04d22 url(../images/bgNavM.png) no-repeat right bottom/80% auto;overflow-y:auto; padding:70px 30px 0 50px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative;}
.boxNavM li span{display:block; position:relative; width:100px;}
.boxNavM li span a{display:block;font-size:14px;line-height:50px; color:rgba(255,255,255,0.8);/*font-family:'Noto Serif SC';*/}
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff}
.boxNavM li div{position:absolute; top:0; left:100px; display:none; z-index:100;}
.boxNavM li div a{display:block; padding:15px 0; line-height:20px; font-size:14px; text-align:left; color:#f7cbcd;}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div h1{ position:relative}
.boxNavM li div h1 font{}
.boxNavM li div h1 i{position:absolute; left:144px; top:0; width:100px; display:none}



.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/




/*------------------------------------------------------------index------------------------------------------------------------*/

.boxMain{display:block; width:100%; max-width:1240px; margin:0 auto; overflow:hidden;position:relative}

.boxIndNews{display:block; width:1240px; /*height:340px;*/ margin:60px auto; overflow:hidden;position:relative}

.indFocusBox{float:left}
.indFocus{width:540px;height:400px;overflow:hidden; position:relative;display:inline-block; vertical-align:top; }
.indFocus .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden;}
.indFocus .swiper-slide img{ width:540px; height:360px;}
.indFocus .swiper-slide h1{ position:absolute; left:20px; bottom:0; width:500px; height:80px;border:1px solid #cececf;border-top:2px solid #f04d22; background:#fff; padding:0 20px 17px 20px;}
.indFocus .swiper-slide h1 i{width:1px; height:100%; vertical-align:middle;display:inline-block;}
.indFocus .swiper-slide h1 font{width:456px; font-size:14px; line-height:22px;vertical-align:middle;display:inline-block; text-align:justify; text-align:center; }
.indFocus .swiper-pagination{bottom:17px!important;z-index:99; text-align:center;}
.indFocus .swiper-pagination-bullet{width:6px; height:6px; background:#b2b2b2; opacity:1.0; border-radius:4px; margin:0 3px!important}
.indFocus .swiper-pagination-bullet-active{background:#f04d22; width:18px;}
.indFocus .swiper-button-prev{left:15px;margin-top:-30px; width:10px; height:19px; background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:0.5; z-index:99}
.indFocus .swiper-button-prev:hover{background:url(../images/bannerJtLeft.png) no-repeat center left;opacity:1.0}
.indFocus .swiper-button-next{right:15px;margin-top:-30px;width:10px; height:19px; background:url(../images/bannerJtRight.png) no-repeat center right;opacity:0.5; z-index:99}
.indFocus .swiper-button-next:hover{background:url(../images/bannerJtRight.png) no-repeat center right;opacity:1.0}
.indFocus a{color:#333}
.indFocus a:hover{color:#d81e07}


.indNews{ float:right;position:relative; width:660px; margin:0 0 0 40px; display:inline-block; vertical-align:top}
.indNavTab{ height:60px; background:url(../images/bgGrayLine.png) bottom repeat-x}
.indNavTab a{ display:inline-block; line-height:50px; height:60px; font-size:18px; text-align:center; padding:0 20px; vertical-align:top; background:url(../images/bgGrayLine.png) no-repeat left center/1px 20px;}
.indNavTab a:first-child{background:none}
.indNavTab .on{ border-bottom:2px solid #f04d22; font-weight:bold; color:#f04d22}

.indTab{ display:none}
.indList{ padding:15px 0 0 0}
.indList a{display:block; line-height:32px; position:relative; font-size:16px; background:url(../images/bgLi.png) no-repeat 0 13px; padding:0 0 0 12px}
.indList i{display:inline-block; color:#999; font-size:14px; position:absolute; right:0; top:0}


.indNotice{width:1240px; display:inline-block; margin:30px auto 0 auto; vertical-align:top; position:relative}
.indNavNotice{ height:50px; background:#ebebeb}
.indNavNotice a{ width:110px; line-height:50px; display:inline-block; font-size:13px; text-align:center}
.indNavNotice .on{ background:#f04d22; color:#fff}


/*.indNoticeTab{width:100%; height:290px; border:1px solid #cececf; background:#faf8f8; padding:30px 20px; display:none}
.indNoticeList{ width:248px; height:228px; overflow:hidden; background:url(../images/bgGrayLine.png) no-repeat 60px 6px/1px 230px;}
.indNoticeList ul{width:100%; display:block; }
.indNoticeList li{width:100%; margin:0 0 16px 0;}
.indNoticeList li a{width:100%;display:block; position:relative; font-size:15px; line-height:22px; padding:0 0 0 78px;}
.indNoticeList li a i{ position:absolute; left:0; top:0; font-family:'rubik'; display:block; width:65px; background:url(../images/icoNotice.png) no-repeat right 6px}*/


.indNoticeTab{width:100%; height:150px; border:1px solid #cececf; background:#faf8f8; padding:30px 20px; display:none}
.indNoticeList{ width:100%; height:auto; overflow:hidden;}
.indNoticeList ul{width:100%; display:block; }
.indNoticeList li{width:370px; height:; margin:0 40px 0 0; display:inline-block;  background:url(../images/bgGrayLine.png) no-repeat 4px 6px/1px 100%; vertical-align:top}
.indNoticeList li:last-child{ margin-right:0}
.indNoticeList li a{width:100%;display:block; position:relative; font-size:16px;line-height:26px; padding:26px 0 0 20px;}
.indNoticeList li a i{ position:absolute; left:0; top:0; font-family:'rubik'; font-size:15px; display:block; width:100%; padding:0 0 0 20px; background:url(../images/icoNotice.png) no-repeat left 6px}



.btnMore{ display:block; width:52px; height:25px;  border:1px solid #ccc; border-radius:3px;position:absolute; top:13px; right:0;color:#a7a7a7; text-align:center}
.btnMore i{ display:inline-block;line-height:23px; font-size:12px; background:url(../images/icoMore.png) no-repeat right center; padding:0 8px 0 0;}
.btnMore:hover{ color:#fff; background:#f04d22;border:1px solid #f04d22;}
.btnMore:hover i{background:url(../images/icoMoreHover.png) no-repeat right center;}
.right10px{ margin-right:10px;}


.indBook{background:#ebebeb; width:100%; overflow:hidden;}

.indNav{ background:url(../images/bgNavInd.png) no-repeat center; width:1200px; height:84px; margin:40px auto 30px auto; display:block; text-align:center; position:relative}
.indNav h1{ font-size:36px; line-height:50px; font-family:'Noto Serif SC'}


.indBookList{width:1240px; display:none; margin:0 auto 30px auto; text-align:center}
.indBookList a{display:inline-block; width:288px; height:460px; margin:0 29px 0 0; padding-bottom:30px; vertical-align:top; text-align:center;position:relative;}
.indBookList a:nth-child(4n+4){margin-right:0}
.indBookList a:last-child{margin-right:0}
.indBookList a div{ width:100%; height:386px; border:1px solid #e6e6e6;box-shadow:3px 3px 3px rgba(0,0,0,0.1); overflow:hidden; position:relative; background:#f04d22}
.indBookList a div img{width:100%; height:100%;transition:all 0.5s; background:#fff}
.indBookList a div i{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/icoLook.png) no-repeat center; z-index:2;display:none; }
.indBookList a h1{ font-size:16px; line-height:26px; padding:15px 0 0 0; }
.indBookList a:hover div img{transform:scale(1.04); opacity:0.2}
.indBookList a:hover i{display:block}


.indNavMt{ text-align:center; margin:0 0 30px 0}
.indNavMt a{display:inline-block; vertical-align:top; width:140px; border:1px solid #f04d22; background:#fff; line-height:30px; font-size:12px; margin:0 0 0 -1px}
.indNavMt a:hover{ background:#f04d22; color:#fff}
.indNavMt .on{ background:#f04d22; color:#fff}

.indAct{}
.indActList{ width:1240px; margin:0 auto; display:block}
.indActList li{ display:inline-block; width:400px; height:250px; border-radius:10px; overflow:hidden; margin:0 20px 20px 0; position:relative}
.indActList li h1{ position:absolute; top:0; left:0; width:124px; height:40px; color:#fff; font-size:14px; line-height:32px; text-align:center; background:url(../images/bgActive1.png) no-repeat center/cover}
.indActList li div{ width:100%; height:100%;}
.indActList li div a{display:block; width:100%; height:100%; padding:70px 35px 0 35px}
.indActList li div a i{ display:inline-block; width:100px; height:100px; border-radius:50px; overflow:hidden; vertical-align:middle}
.indActList li div a i img{width:100%; height:100%}
.indActList li div a span{ display:inline-block; width:calc(100% - 100px); padding:0 0 0 20px; vertical-align:middle}
.indActList li div a span h2{ font-size:26px; line-height:26px;}
.indActList li div a span h3{ font-size:16px; line-height:24px; margin:10px 0;}
.indActList li div a span h4{ font-size:14px; line-height:24px; color:#999}

.indActList li:nth-child(3n+3){margin-right:0}
.indActList li:nth-child(1){background:#fcf3e8}
.indActList li:nth-child(2){background:#e6f3fa}
.indActList li:nth-child(2) h1{ background:url(../images/bgActive2.png) no-repeat center/cover}
.indActList li:nth-child(3){background:#ecf7eb}
.indActList li:nth-child(3) h1{ background:url(../images/bgActive3.png) no-repeat center/cover}


.bgIndInfo{width:100%; height:540px; background:url(../images/bgIndZx.jpg) no-repeat center/cover; overflow:hidden; text-align:center; margin:40px 0 0 0; padding:70px 0 0 0}
.indInfo{width:600px; margin:0 20px; display:inline-block; vertical-align:middle;}
.indInfoNav{ height:60px; position:relative; text-align:left}
.indInfoNav h1{ font-size:30px; line-height:40px;}
.indInfoList{ border-top:2px solid #f04d22; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.1); padding:25px; text-align:left}
.indInfoList a{display:block; line-height:50px; font-size:16px; border-bottom:1px dotted #ccc; background:url(../images/bgLi.png) no-repeat 3px 22px; padding:0 0 0 15px}


.indService{width:100%; overflow:hidden}
.indSericeList{ width:1240px; display:block; margin:0 auto; padding:20px 0 70px 0; text-align:center}
.indSericeList a{display:inline-block; width:20%; text-align:center; vertical-align:top}
.indSericeList a div{ width:108px; height:108px; border:2px solid #dfdfdf;background:linear-gradient(#fff,#f2f2f2); border-radius:50%; overflow:hidden; display:block; margin:0 auto; position:relative}
.indSericeList a div img{width:100%;}
.indSericeList a .icoFw{position:absolute;top:0; left:0;transition:all .3s; z-index:2}
.indSericeList a .icoFwOn{position:absolute;top:100%; left:0;transition:all .3s ease-out .3s;z-index:1; opacity:0}
.indSericeList a h1{font-size:22px; line-height:22px; margin:20px 0 10px 0}
.indSericeList a h2{font-size:16px; font-family:'din'; line-height:16px; color:#ddd; text-transform:uppercase}
.indSericeList a:hover div{border:2px solid #f04d22;background:linear-gradient(#f06b22,#f04d22);}

.indSericeList a:hover .icoFw{top:-108px;}
.indSericeList a:hover .icoFwOn{top:0; opacity:1.0}

.rightIco{ position:fixed; bottom:4px; right:10px; width:60px; z-index:1000}
.rightIco a{ display:block; width:60px; height:60px; border-radius:3px; margin-bottom:6px; box-shadow:0 0 8px rgba(0,0,0,0.2); text-align:center; background:#fff; color:#8a8b8f; overflow:hidden}
.rightIco a img{ margin:6px 0 2px 0}
.rightIco a i{display:block; font-size:10px; line-height:12px}
.rightIco a .on{display:none}
.rightIco .toTop{display:none}
.rightIco a:hover{ background:#f04d22; color:#fff; }
.rightIco a:hover img{display:none}
.rightIco a:hover .on{display:inline-block;}


.footNav{ background:#f04d22; text-align:center}
.footNav a{display:inline-block; padding:0 29px 0 26px; font-size:14px; font-weight:bold; line-height:54px; color:#fff; background:url(../images/icoDian.png) no-repeat right center}
.footNav a:hover{color:#ff0}
.footNav a:last-child{ background:none;}

.boxFoot{background:#d0d1d2; width:100%; color:#888 }
.boxFoot a{color:#888}
.boxFoot a:hover{color:#f04d22}
.boxFoot1{ width:1240px; display:block; margin:0 auto}
.footLink{ position:relative; padding:30px 0 30px 80px; line-height:22px; border-bottom:1px solid #b1b2b3; }
.footLink i{position:absolute; left:0; top:30px; font-size:14px; font-weight:bold}
.footLink a{display:inline-block; padding:0 12px;font-size:14px; }
.boxFoot2{ width:100%; position:relative; padding:40px 0}
.footLogo{display:inline-block; vertical-align:middle}
.footLogo img{display:inline-block; vertical-align:middle; height:70px;}
.footLogo i{display:inline-block; vertical-align:middle; width:1px; height:120px; background:#b1b2b3; margin:0 30px}
.footCon{display:inline-block; vertical-align:middle; font-size:14px; line-height:24px; padding:0 0 0 35px}
.footEwm{position:absolute; right:0; top:30px}
.footEwm div{display:inline-block; vertical-align:top; text-align:center; margin:0 0 0 20px}
.footEwm div i{display:block; font-size:12px; line-height:24px;}



.subBanner{width:100vw;height:19.79vw;overflow:hidden; position:relative; margin:100px 0 0 calc((100% - 100vw)/2); background-size:cover!important}
.subBanner div{ width:100%; height:100%; background:url(../images/bgBoxTop.png) no-repeat bottom center}

.boxMainBg{display:block; width:1240px; margin:0 auto;position:relative; background:url(../images/bgGrayLine.png) no-repeat 220px 0/1px 100%;}
.icoFlower{position:absolute; bottom:0; left:16px; background:url(../images/imgFlower.png) no-repeat; opacity:0.4; width:147px; height:227px; z-index:1}

.boxLeft{ display:inline-block; width:220px; vertical-align:top; padding:15px 50px 300px 0; background:url(../images/bgLeft.png) no-repeat top center; min-height:500px}
.boxLeft h1{ position:relative; font-family:'Noto Serif SC'; font-size:32px; line-height:32px; padding:10px 0 0 0; text-align:center; letter-spacing:10px; display:block;}
.boxLeft h1 i{ width:16px; height:16px; display:block; border-radius:50%; border:3px solid #f8dad2; position:absolute; top:0; right:30px;}
.leftNav{ padding:30px 0 0 0;}
.leftNav a{display:block; min-height:36px; position:relative; margin:0 0 12px 0; border-radius:18px; overflow:hidden}
/*.leftNav a i{ display:block; width:100%;font-size:12px; line-height:36px; text-align:center; position:absolute; top:0; left:0; z-index:3}*/
.leftNav a i{ display:block; width:100%;font-size:12px; line-height:20px; padding:8px; /*line-height:36px;*/ text-align:center; position:relative;  z-index:3}
.leftNav a div{background:#f04d22; height:100%;width:100%;position:absolute; top:0; left:0; display:none; z-index:2;}
.leftNav a span{border:1px solid #dad9d9; background:#f7f7f7; width:100%; height:100%; display:block; position:absolute; top:0; left:0;border-radius:18px; z-index:1}
.leftNav a:hover i{color:#fff}
.leftNav a:hover div{display:block;animation:ANavI 0.3s}
.leftNav .on i{color:#fff}
.leftNav .on div{display:block;animation:ANavI 0.3s}


.boxRight{ display:inline-block; width:1020px; vertical-align:top; padding:0 0 0 50px; }
.rightNav{ height:87px; border-bottom:2px solid #cecece; background:url(../images/imgBook.png) no-repeat right bottom}
.rightNav i{height:87px; line-height:85px; display:inline-block; border-bottom:2px solid #f04d22; color:#f04d22; font-weight:bold; font-size:20px; padding:0 10px}



.boxPage{width:100%; overflow:hidden; margin:30px auto 50px auto; font-size:0; max-width:1260px;}
.boxPage a{ display:inline-block;font-size:14px;color:#fff;background-color:#bfbfbf;width:36px; height:36px;text-align:center; line-height:36px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#f04d22;}
.curPage{color:#fff!important; background-color:#f04d22!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{background:url(../images/pagePre.png) center no-repeat; }
.nextPage{background:url(../images/pageNext.png) center no-repeat; margin-right:0!important}
.boxPage span{font-size:14px;line-height:36px;margin:0 15px 0 7px;display:none; vertical-align:middle}



.newsList{ width:100%; overflow:hidden;}
.newsList a{display:block; padding:30px 0 30px 0; border-bottom:1px solid #ccc; }
.newsList a div{display:inline-block; width:200px; vertical-align:middle; overflow:hidden}
.newsList a div img{width:100%; height:auto;transition:all 0.3s ease;}
.newsList a span{display:inline-block; width:770px; padding:0 0 0 30px; vertical-align:middle}
.newsList a span h1{ font-size:22px;line-height:36px; margin:0 0 8px 0}
.newsList a span h2{ font-size:14px; line-height:22px; color:#999}
.newsList a span h3{ font-size:14px; line-height:22px; font-weight:bold; color:#f04d22; text-align:right}
.newsList a:hover div img{transform: scale(1.2);}


.textList{ padding:0}
.textList a{ display:block; padding:20px 20px 20px 10px; border-bottom:1px solid #ccc; position:relative}
.textList a span{ display:inline-block; width:60px; height:60px; background:#eee; color:#888;text-align:center; vertical-align:middle; font-family:'rubik'}
.textList a span h1{ font-size:26px; line-height:40px;}
.textList a span h2{ background:#f04d22; line-height:20px; font-size:10px; color:#fff; }
.textList a i{ display:inline-block; width:840px; padding:0 0 0 30px; font-size:17px; line-height:26px; vertical-align:middle; }
.textList a:hover{background:#fbfbfb}
.textList a:hover span{ background:#f04d22; color:#fff;}
.textList a:hover i{}
.textList a h3{ width:13px; height:20px; background:url(../images/icoJtGo1.png) no-repeat center/cover; position:absolute; right:20px; top:50%; margin:-10px 0 0 0;transition:all 0.3s ease; }
.textList a:hover h3{background:url(../images/icoJtGo1Hover.png) no-repeat center/cover; right:10px;}



.videoList{width:100%; padding:40px 0 0 0; margin:0 0 -30px 0}
.videoList a{display:inline-block; width:300px; height:310px; margin:0 35px 35px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; vertical-align:top}
.videoList a:nth-child(3n+3){ margin-right:0}
.videoList a div{ width:100%; height:200px; background:#f04d22; position:relative; overflow:hidden}
.videoList a div img{width:100%; height:100%;transition:all 0.5s;}
.videoList a div i{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/icoVideo.png) no-repeat center; z-index:2; display:none;}
.videoList a h1{ font-size:16px; line-height:26px; padding:15px 20px 0 20px; }
.videoList a h2{ font-size:14px; font-family:'rubik'; color:#999; text-align:right; position:absolute; right:20px; bottom:20px; line-height:14px;}
.videoList a:hover div img{transform:scale(1.2); opacity:0.2}
.videoList a:hover i{display:block}


.rightNavList{ background:url(../images/bgGrayLine.png) no-repeat 0 100px/100% 1px}
.rightNavList a{display:inline-block; padding:38px 0 50px 0; text-align:center}
.rightNavList a i{display:block; width:100%; border-right:1px solid #e7e7e7; line-height:24px; font-size:15px;}
.rightNavList a:last-child i{border-right:none}
.rightNavList .on{ background:url(../images/bgRightNavList.jpg) no-repeat center bottom;}
.rightNavList .on i{color:#f04d22; font-weight:bold}


.rightTile{ text-align:center; padding:50px 0 40px 0}
.rightTile i{ display:inline-block; width:10px; height:10px; background:#f04d22; border-radius:50%;opacity:0.2;vertical-align:middle}
.rightTile font{ display:inline-block; vertical-align:middle; font-size:26px; line-height:26px; margin:0 20px; color:#f04d22}
.rightText{ line-height:26px; font-size:16px; padding:0 0 60px 0}
.rightText img{width:100%}
.rightText1{padding:0 40px;}

.rightTile2{text-align:center;font-size:24px; line-height:36px; padding:40px 150px}

.bookList{width:100%; padding:30px 0 0 0; margin:0 0 -30px 0}
.bookList a{display:inline-block; width:220px; height:375px; margin:0 30px 0 0; padding-bottom:30px; vertical-align:top; text-align:center;position:relative;}
.bookList a:nth-child(4n+4){ margin-right:0}
.bookList a div{ width:100%; height:295px; border:1px solid #e6e6e6;box-shadow:3px 3px 3px rgba(0,0,0,0.1); overflow:hidden; position:relative; background:#f04d22}
.bookList a div img{width:100%; height:100%;transition:all 0.5s; background:#fff}
.bookList a div i{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/icoLook.png) no-repeat center; z-index:2;display:none; }
.bookList a h1{ font-size:14px; line-height:26px; padding:15px 0 0 0; }
.bookList a:hover div img{transform:scale(1.04); opacity:0.2}
.bookList a:hover i{display:block}


.textList1{}
.textList1 a{display:block; position:relative; font-size:16px; line-height:26px; padding:26px 120px 26px 60px; background-image:url(../images/icoList.png); background-position:22px 28px; background-repeat:no-repeat}
.textList1 a:nth-child(even){ background-color:#f7f7f7}
.textList1 a i{position:absolute; right:20px; top:26px; color:#999; font-size:16px;}
.textList1 a:hover{background-image:url(../images/icoListHover.png);}

.boxTgzn{padding:40px 60px 0 60px; font-size:16px; line-height:26px;}
.tgznList{}
.tgznList li{ width:100%; position:relative; padding:0 0 50px 50px; overflow:hidden}
.tgznList li img{position:absolute; top:0; left:0}
.tgznList li h1{ font-size:24px; line-height:26px; margin:8px 0 5px 0; color:#f04d22}



.actList{ width:1240px; margin:30px auto -20px auto; display:block}
.actList li{ display:inline-block; width:400px; height:250px; border-radius:10px; overflow:hidden; margin:0 20px 20px 0; position:relative}
.actList li h1{ position:absolute; top:0; left:0; width:124px; height:40px; color:#fff; font-size:14px; line-height:32px; text-align:center; background:url(../images/bgActive1.png) no-repeat center/cover}
.actList li div{ width:100%; height:100%;}
.actList li div a{display:block; width:100%; height:100%; padding:70px 35px 0 35px}
.actList li div a i{ display:inline-block; width:100px; height:100px; border-radius:50px; overflow:hidden; vertical-align:middle}
.actList li div a i img{width:100%; height:100%}
.actList li div a span{ display:inline-block; width:calc(100% - 100px); padding:0 0 0 20px; vertical-align:middle}
.actList li div a span h2{ font-size:26px; line-height:26px;}
.actList li div a span h3{ font-size:16px; line-height:24px; margin:10px 0;}
.actList li div a span h4{ font-size:14px; line-height:24px; color:#999}

.actList li:nth-child(3n+3){margin-right:0}
.actList li:nth-child(1){background:#fcf3e8}
.actList li:nth-child(2){background:#e6f3fa}
.actList li:nth-child(2) h1{ background:url(../images/bgActive2.png) no-repeat center/cover}
.actList li:nth-child(3){background:#ecf7eb}
.actList li:nth-child(3) h1{ background:url(../images/bgActive3.png) no-repeat center/cover}
.actList li:nth-child(4){background:#ebf4f3}
.actList li:nth-child(4) h1{ background:url(../images/bgActive4.png) no-repeat center/cover}
.actList li:nth-child(5){background:#fdeef0}
.actList li:nth-child(5) h1{ background:url(../images/bgActive5.png) no-repeat center/cover}
.actList li:nth-child(6){background:#edf7fa}
.actList li:nth-child(6) h1{ background:url(../images/bgActive6.png) no-repeat center/cover}
.actList li:nth-child(7){background:#eff2fa}
.actList li:nth-child(7) h1{ background:url(../images/bgActive7.png) no-repeat center/cover}
.actList li:nth-child(8){background:#f6faed}
.actList li:nth-child(8) h1{ background:url(../images/bgActive8.png) no-repeat center/cover}
.actList li:nth-child(9){background:#fdf2ed}
.actList li:nth-child(9) h1{ background:url(../images/bgActive9.png) no-repeat center/cover}


.searchClass{}
.searchClass li{position:relative; font-size:0; padding:15px 0 15px 60px;border-bottom:1px dotted #acacac}
.searchClass i{position:absolute; left:10px; top:15px; font-size:14px;font-weight:bold;line-height:24px; }
.searchClass a{font-size:14px; display:inline-block; padding:0 12px; margin:0 2px;border-radius:3px;line-height:24px;}
.searchClass a:hover{color:#f04d22}
.searchClass .on{background:#f04d22;color:#fff}
.searchClass .on:hover{color:#fff}


.ypList{width:100%; padding:40px 0 0 0; margin:0 0 -30px 0}
.ypList a{display:inline-block; width:220px; height:280px; margin:0 30px 30px 0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; vertical-align:top}
.ypList a:nth-child(4n+4){ margin-right:0}
.ypList a div{ width:100%; height:220px; background:#f04d22; position:relative; overflow:hidden}
.ypList a div img{width:100%; height:100%;transition:all 0.5s;}
.ypList a div i{ width:100%; height:100%; position:absolute; top:0; left:0; background:url(../images/icoVideo.png) no-repeat center; z-index:2; display:none;}
.ypList a h1{ font-size:16px; line-height:26px; text-align:center; height:60px; padding:0 10px;}
.ypList a h1 i{width:1px; height:100%; display:inline-block; vertical-align:middle}
.ypList a:hover div img{transform:scale(1.2); opacity:0.2}
.ypList a:hover div i{display:block}


.wytgList{width:100%; padding:35px 0 30px 0;overflow:hidden}
.wytgList a{display:inline-block; width:300px; height:300px; position:relative; background:#f6f6f6; margin:0 35px 35px 0; text-align:center; overflow:hidden}
.wytgList a:nth-child(3n+3){margin-right:0}
.wytgList a h1{font-size:17px; line-height:80px;}
.wytgList a h2{}
.wytgList a h2 img{ width:100px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.wytgList a h3{position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; background:#eeeeee}
.wytgList a h3 i{display:inline-block; background:url(../images/icoWytg.png) no-repeat left center; font-size:14px; letter-spacing:2px; padding:0 0 0 30px}
.wytgList a:hover{ background:#fdede8}
.wytgList a:hover h3{background:#f04d22}
.wytgList a:hover h3 i{background:url(../images/icoWytgHover.png) no-repeat left center; color:#fff}


.kwdyCon{background:#f04d22 url(../images/bgKwdy.png) no-repeat 90% bottom; padding:40px;  font-size:16px; line-height:30px; color:#fff; margin:40px 0 0 0}
.kwdyCon p{text-indent:2em}

.kwdyList{ padding:0 0 50px 0}
.kwdyList li{display:inline-block; width:460px; padding:40px 0 20px 0; border-bottom:2px solid #f04d22; margin:0 50px 0 0}
.kwdyList li:nth-child(even){margin-right:0}
.kwdyList li div{display:inline-block; width:200px; border:1px solid #e0e0e0; vertical-align:top}
.kwdyList li div img{width:100%}
.kwdyList li span{display:inline-block; width:260px; padding:35px 0 0 35px; vertical-align:top}
.kwdyList li span h1{font-size:16px; color:#f04d22; line-height:26px;}
.kwdyList li span h2{ font-size:14px; line-height:22px; margin-bottom:20px;}
.kwdyList li span img{width:100px; height:100px;}
.kwdyList li span a{ font-size:14px; line-height:30px; display:inline-block; border:1px solid #e34f27; text-align:center; border-radius:15px; padding:0 25px; margin:70px 0 0 0}

.kwdyList1{ padding:0 0 50px 0}
.kwdyList1 li{display:block; width:100%; padding:40px 0 40px 0; border-bottom:1px solid #cecece; margin:0 50px 0 0}
.kwdyList1 li:nth-child(even){margin-right:0}
.kwdyList1 li div{display:inline-block; width:200px; border:1px solid #e0e0e0; vertical-align:top}
.kwdyList1 li div img{width:100%;}
.kwdyList1 li span{display:inline-block; width:730px; padding:0 0 0 35px; vertical-align:top}
.kwdyList1 li span h1{font-size:16px; line-height:26px; font-weight:bold;margin:20px 0 40px 35px}
.kwdyList1 li span h2{ }
.kwdyList1 li span h2 i{display:inline-block; vertical-align:top; width:25%; text-align:center;font-size:12px; line-height:18px;/* margin:0 80px 0 0*/}
.kwdyList1 li span h2 i:last-child{ margin-right:0}
.kwdyList1 li span img{width:100px; height:100px; margin:0 auto 10px auto; display:block}

 
.righCon{ padding:30px 0 60px 0; font-size:16px; line-height:30px; text-align:justify}
.wyzxCon{ text-align:center; padding:30px 0}

.ldxxList{width:100%; overflow:hidden}
.ldxxList a{ display:block; border-bottom:1px solid #cecece; padding:30px 0 30px 20px; position:relative}
.ldxxList a:last-child{border-bottom:none}
.ldxxList a img{ width:120px; height:160px;display:inline-block; vertical-align:middle}
.ldxxList a span{ width:720px; padding:0 0 0 40px;display:inline-block; vertical-align:middle}
.ldxxList a span h1{ font-size:26px; line-height:26px; letter-spacing:5px; margin-bottom:10px}
.ldxxList a span h2{ font-size:16px; line-height:26px; text-align:justify; color:#444}
.ldxxList a h3{ width:36px; height:36px; background:url(../images/icoJtGo.png) no-repeat center/cover; position:absolute; right:20px; top:50%; margin:-18px 0 0 0;transition:all 0.3s ease;}
.ldxxList a:hover h3{background:url(../images/icoJtGoHover.png) no-repeat center/cover; right:10px;}


/*-----------------资质荣誉-----------------*/
.zzryList{background:url(../images/bgLineQyry.png) 147px 0 no-repeat; background-size:1px 100%; margin:40px 0 40px 0; width:100%; overflow:hidden}
.zzryList li{ padding:50px 0 30px 209px; position:relative; }
.zzryList li i{display:block; width:47px; height:47px; background:url(../images/icoQyry1.png); background-size:100% 100%;position:absolute; left:124px; top:0;}
.zzryList li h1{display:block;font-size:30px;line-height:100%;position:absolute; left:15px; top:7px;font-family:'rubik'; color:#f04d22}
.zzryList li div{ border-bottom:1px dashed #b2b2b2;  margin:-40px 0 0 0; padding:0 0 40px 0; position:relative}
.zzryList li div h2{line-height:30px; font-size:16px; padding:0 0 0 12px; position:relative; color:#666; background:url(../images/bgLi1.png) no-repeat 0 12px}
.zzryList li div h2 font{display:inline-block; margin-left:10px; color:#999}
/*-----------------资质荣誉-----------------*/


/*-----------------发展历程-----------------*/
.fzlcList{background:url(../images/bgLineQyry.png) 135px 10px no-repeat; background-size:1px 100%; margin:40px 0 40px 0; width:100%; overflow:hidden}
.fzlcList li{ padding:0 0 30px 195px; position:relative; }
.fzlcList li i{display:block; width:23px; height:23px; background:url(../images/icoFzlc.png); background-size:100% 100%;position:absolute; left:124px; top:2px;}
.fzlcList li h1{display:block;font-size:30px;line-height:100%;position:absolute; left:15px; top:0;font-family:'rubik'; color:#f04d22}
.fzlcList li div{ border-bottom:1px dashed #b2b2b2;padding:0 180px 40px 0; min-height:190px; position:relative}
.fzlcList li div h2{line-height:26px; font-size:17px;color:#666;font-weight:bold; margin:0 0 10px 0}
.fzlcList li div p{line-height:26px; font-size:16px;color:#666;}
.fzlcList li img{position:absolute; right:0; top:0;width:100px;}
/*-----------------发展历程-----------------*/


/*--------------------------------search--------------------------------*/
.otherMain{ width:100%; max-width:1240px; display:block; margin:120px auto 0 auto} 
.searchList{ padding:0; width:100%; overflow:hidden}
.searchList a{ display:block; line-height:24px; padding:28px 20px 28px 30px; font-size:15px; background:url(../images/bgLiSearch.png) no-repeat 14px 38px;}
.searchList a i{float:right; color:#999; }
.searchList a:nth-child(even){background:url(../images/bgLiSearch.png) no-repeat 14px 38px;background-color:rgba(0,0,0,0.05);}
/*--------------------------------search--------------------------------*/


/*--------------------------------show--------------------------------*/
.showCur{ border-top:6px solid #f04d22;background:url(../images/bgShow.jpg) no-repeat top center; margin-top:110px; text-align:center; height:280px; padding:45px 0 0 0}
.showCur1{ width:100%; max-width:1240px; margin:0 auto}
.showCur1 .navCur{ float:left; display:inline-block; width:auto}

.navCur{color:#999;}
.navCur a{display:inline-block; background:url(../images/icoCurJt1.png) no-repeat left center; padding-left:22px; margin-right:17px; vertical-align:middle; line-height:36px; font-size:14px;color:#999; font-weight:bold}
.navCur a:hover{color:#f04d22}
.navCur a:first-of-type{background:url(../images/icoCurHome.png) no-repeat 0 11px; padding-left:20px;}

.showCenter{display:block; width:100%; max-width:1240px; vertical-align:top; margin:-150px auto 50px auto; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.07); padding:50px 60px 60px 60px;}
.showTitle{padding:0 0 15px 0;font-size:26px;line-height:36px; font-weight:bold; color:#444; text-align:center}
.showTitle1{padding:0 0 15px 0;font-size:20px;line-height:30px; font-weight:bold; color:#444; text-align:center}
.showInfo{color:#999; font-size:14px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:27px; margin-bottom:30px;text-align:center}
.showInfo i{ margin-right:10px; padding-right:10px; border-right:1px solid #cecece}
.showInfo i:last-child{ border:none}
.showCon{width:100%;  font-size:16px; line-height:2em; overflow:hidden; font-family:'微软雅黑'!important; padding:0 100px;}
.showCon img{width:auto; max-width:640px;height:auto!important; /*display:block; margin:0 auto*/}

.showVideo{ width:100%; height:auto;display:block; margin:10px auto 0 auto}


.showFoot{ border-top:1px solid #d4d4d4; margin:50px 0 0 0; padding:50px 0 0 0; text-align:center; display:block; width:100%}
.showEwm{display:block; margin:0 auto; width:200px; }
.showEwm i{ font-size:14px; line-height:20px; margin:0 0 15px 0; color:#999; display:block; text-align:center}
.showEwm img{background:url(../images/bgShowEwm.jpg) no-repeat center/100% 100%; width:200px; height:200px; padding:20px; width:100%; height:100%}

.btnFoot{ text-align:center; margin:20px 0 0 0}
.btnFoot a{display:inline-block; line-height:36px; width:90px; border:1px solid #d4d4d4; text-align:center; margin:0 10px; border-radius:3px; font-size:14px;}
.btnFoot a i{display:inline-block; padding:0 0 0 25px}
.btnFoot a:nth-child(1) i{background:url(../images/icoPrint.png) no-repeat left center}
.btnFoot a:nth-child(2) i{background:url(../images/icoClose2.png) no-repeat left center}

.btnFoot a:hover{background:#f04d22; color:#fff; border:1px solid #f04d22}
.btnFoot a:nth-child(1):hover i{background:url(../images/icoPrintHover.png) no-repeat left center}
.btnFoot a:nth-child(2):hover i{background:url(../images/icoClose2Hover.png) no-repeat left center}

.showBook{width:100%; padding:0 0 0 410px;display:inline-block; vertical-align:top; position:relative; min-height:600px;}

.showImg{width:360px;display:inline-block; vertical-align:top; position:absolute; left:0; top:0}
.showImg img{ width:100%; border:1px solid #e6e6e6}
.showImg i{display:block; font-size:14px; line-height:24px; color:#999; margin:20px 0 0 0; text-align:center}
.showImg a{display:block; font-size:16px; color:#fff; background:#f04d22; line-height:40px; text-align:center; border-radius:2px; margin:20px 0 0 0; letter-spacing:20px}
.showImg a:hover{ background:#f08d22}

.showBook .showTitle{text-align:left}
.showBook .showInfo{text-align:left}
.showBook .showCon{padding:0}
/*--------------------------------show--------------------------------*/

/*------------share------------*/
.btnShare1{ float:right;text-align:center; padding:0}
.btnShare1 i{font-size:14px; display:inline-block; color:#999; line-height:14px; vertical-align:middle;}
.icoShare{ display:inline-block;vertical-align:middle}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle}
.icoShare div{width:36px; height:36px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:4px; width:28px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{ width:178px; height:178px; display:inline-block; margin:22px 0 0 0}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/


.ypListText{}
.ypListText a{display:block; position:relative; font-size:16px; line-height:26px; padding:26px 120px 26px 60px; background-image:url(../images/icoYp.png?v=1.0); background-position:22px 28px; background-repeat:no-repeat}
.ypListText a:nth-child(even){ background-color:#f7f7f7}
.ypListText a i{position:absolute; right:20px; top:26px; color:#999; font-size:16px;}
.ypListText a:hover{background-image:url(../images/icoYpHover.png?v=1.0);}

.showDownList{ width:100%; max-width:600px; display:block; margin:0 auto 10px auto; overflow:hidden}
.showDownList a{ width:100%; display:block; border:1px solid #dcdcdc; border-radius:6px; font-size:16px; line-height:26px; padding:10px 60px 10px 20px; position:relative; margin:20px 0 0 0; background:#f8f8f8}
.showDownList a i{ position:absolute; right:20px; top:50%; margin:-10px 0 0 0; width:20px; height:20px; background:url(../images/icoDown.png) no-repeat center;}
.showDownList a:hover{border:1px solid #f04d22; background:#ffefeb}
.showDownList a:hover i{background:url(../images/icoDownHover.png) no-repeat center;}




.qkjsFocusBg{width:100%; height:auto; background:url(../images/bgQkjs.jpg) no-repeat center/cover; padding:0 95px; overflow:hidden}
.qkjsFocus{position:relative;overflow:hidden; width:100%; margin:40px 0; padding:10px 0}
.qkjsFocus .swiper-slide{width:300px; height:393px;position:relative;overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.qkjsFocus .swiper-slide img{width:100%; height:100%;} 
@media(max-width:767px){
.qkjsFocusBg{padding:0 20px}
.qkjsFocus{margin:20px 0;}
.qkjsFocus .swiper-slide{width:40%; height:calc((100vw - 80px)*0.4*1.3); }

}

.qkjsFocusHxet{width:100%; height:auto; background:url(../images/bgQkjs.jpg) no-repeat center/cover;  overflow:hidden; text-align:center}
.qkjsFocusHxet img{width:300px; height:393px; display:inline-block;box-shadow:0 0 10px rgba(0,0,0,0.2); margin:50px;}  
@media(max-width:767px){
.qkjsFocusHxet img{width:40%;height:calc((100vw - 40px)*0.4*1.3); margin:20px 8px;}