/* CSS Document */
body{ height:100%; min-width:1220px;overflow-x:hidden;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; line-height:1.1; font-family:"Microsoft YaHei","微软雅黑"; color:#555; position:relative;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight:normal;}
div{margin:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img ,embed{ border:none;}
img{max-width:100%;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none; margin:0;}
a{ text-decoration:none; color:#555; outline:none;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block,.pnone{ display:block;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.mat80{ margin-top:80px !important;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w960{ width:960px !important; height:auto; margin:0 auto; overflow:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto; overflow:hidden;}
.w1100{ width:1100px !important; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.w93vw{width:93.75vw;max-width:100%;margin:0 auto}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.maskChecked{overflow:hidden !important;}
.boxflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.flex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
[transition="6s"], [imgsalc] img{transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999; }
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999; }
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999; }
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@font-face{font-family:'testfont';src:url('/style/font/oswald-regular-webfont.ttf?tenantId=172241&viewType=1') format('truetype');} /*span{ font-family:'testfont'!important; }*/ 
@media(max-width:767px){
body{ min-width:320px !important; max-width:765px; font-size:14px;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
}
.flexcsb{
	display: -webkit-box; /* Safari 6-9 */
    display: -ms-flexbox; /* IE 10 */
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center; /* Safari 6-9 */
  	-ms-flex-align: center; /* IE 10 */
	align-items: center;
	justify-content: space-between;
}
.flexcc{
	display: -webkit-box; /* Safari 6-9 */
    display: -ms-flexbox; /* IE 10 */
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center; /* Safari 6-9 */
  	-ms-flex-align: center; /* IE 10 */
	align-items: center;
	-webkit-box-pack: center; /* Safari 6-9 */
    -ms-flex-pack: center; /* IE 10 */
	justify-content: center;
}

/*header*/
.head-fixed{ position:relative; top:0; left:0; z-index:9; width:100%;}
.head-fixed.fixed{ position:fixed;}
.toper{height:40px;background:#323232;line-height:40px;color:#ccc; font-size:14px; display:none;}
.toper .left{ float:left;}
.toper .right{ float:right;}

#header{ height:auto;background:#fff/* url(/images/headerBg.jpg) no-repeat center*/;overflow:visible;position:relative; padding:0;}
#header .w1200{ overflow:visible; position:relative; z-index:10;}
#header .logo{ float:left; margin:16px 0 0;}
#header .logo a{ display:block; font-size:0;}
#header .logo img{ max-width:100%; max-height:76px; display:inline-block; vertical-align:middle;}
#header .logo img.mLogo{ display:none;}
#header .logo p{ display:inline-block; vertical-align:middle; font-size:26px; color:#232323; line-height:1; padding:0 0 0 15px; letter-spacing:1px; font-weight:bold;}
#header .logo p span{ display:block; font-size:16px; color:#777/*d91212*/; padding:10px 0 0; font-weight:normal;}

.e_box{float:right;width:302px;line-height:39px;margin-top:38px;border:1px solid #0378db;position:relative; border-radius:5px; overflow:hidden; background:#FFF;}
.e_box .sbtn{width:90px;height:41px;font-size:16px;text-align:center;color:#fff;position:absolute;right: -1px;top:-1px;background:#0378db;cursor:pointer; border:none; letter-spacing:2px;}
.e_box .stxt{width:210px;padding-left:10px;height:39px;line-height:39px;border:0px;background:none;outline:none;color:#999; font-size:14px;}
#header .navBtn{ display:none;}
@media(max-width:767px){
	#header{ height:auto; padding:15px 10px;}
	#header>div{ width:100%; height:100%;}
	#header .logo p,.e_box{ display:none;}
	#header .logo img{ display:block; max-width:80%; height:auto;}
	#header .logo{ margin-top:2px;}
	#header .navBtn{ position:absolute; top:50%; right:0rem;background:#3E9098; width:40px; height:40px; padding: 10px; line-height:70px; display:block; margin-top:-20px; z-index:10; border-radius:5px;} 
    #header .navLine{display:flex;justify-content:center;align-items:center;width:100%; height:100%;overflow:hidden;} 
    #header .navBtnImg{display: block; width: 90%; height:70%;} 
}



.menu{ height:auto; float:right;}
.menu .nav{ height:auto;position: relative;}
.menu li{ float:left; padding:0 26px; text-align:center;position:static; position:relative;}
.menu li .svb a{position:relative;display:block;font-size:16px;line-height:80px;color:#333; padding:0;}
.menu li:hover .svb a,.menu li.active .svb a{ color:#3E9098;}
/*.menu li:hover .svb a .ico{ display:inline-block; background:url(/images/nav-jt.png) 0 0 no-repeat; width:15px; height:7px; position:absolute; left:50%; margin-left:-7px; bottom:-6px; z-index:10;}*/
.menu li .sub{ display:none; position:absolute; width:100%; z-index:8; left:0px; right:0; top:80px;}
.menu li .sub dl{ display:block; background:none; padding:10px 0; position:relative; z-index:9;}
.menu li .sub:after{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:8; background:#3E9098; opacity:.8;}
.menu li .sub dl dd{display:block; border:none; width:100%;}
.menu li .sub dl dd a{display:block; color:#fff;min-width:100px;line-height:42px; text-align:center;padding:0 15px; font-size:16px;}
.menu li .sub dl dd a:hover{ background:#2f787e; }
.menu li:hover .sub{ display:block;}
@media(max-width:767px){
	.menu{ display:none;}
	.menu.tNavHeight{background:rgba(62,144,152,.9);transition: all .5s ease; position:fixed; top:70px; left:0; width:100%; display:block; z-index:99999;}
	.menu .nav{ border-left:0;}
	.menu li{ width:100%; text-align:left;}
	.menu li.home{ width:100%;}
	.menu li .svb a{ border-right:0;border-bottom:1px solid rgba(255,255,255,.2); padding:0 15px; line-height:50px; font-size:16px; color:#FFF;}
	.menu li .svb a img{ width:auto; height:18px; padding-right:10px;}
	.menu li:hover .svb a,.menu li.active .svb a{ color:#fff;}
	.menu li:hover .svb a{ background:none;}
	.menu li:hover .svb a .ico,.menu li:hover .sub{ display:none;}
	
}

/*banner*/
.banner{margin-top:0;width:100%;position:relative;}
.indBanner{ width:100%; line-height:1.2;}
.indBanner .swiper-slide{ position:relative; width:100%; height:auto; max-height:950px; } 
.indBanner .swiper-slide a{ display:block; width:100%; height:100%;}
.indBanner .listBox{ position:relative; width:100%; height:0%; overflow:hidden;padding-bottom:34.5%;} 
.indBanner .bannerPicBox{ position:absolute; top:50%; left:50%; width:100%; height:100%; min-width:1200px; transition:1s 2.5s; transform:perspective(1000px) translate3d(-50%, -50%, 100px);/* -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important;*/} 
.indBanner .swiper-slide-active .bannerPicBox{ transition:5s 0s; transform:perspective(1000px) translate3d(-50%, -50%, 0); } 
/*.indBanner .swiper-slide-active .bannerPicBox{-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}*/
.indBanner .bannerPic{ width:auto; height:100%; max-width:none;} 
.indBanner .banner-switch{ position:absolute; top:50%; right:20px; transform:translateY(-50%); z-index:999; color:#fff; display:none;} 
.indBanner .bannerBtn{ display:inline-block; vertical-align:middle; margin:0 0.5rem; font-size:0.825rem; cursor:pointer; transition:0.5s;}  
.indBanner .bannerJt{ display:inline-block; vertical-align:middle; width:18px; height:18px; } 
.indBanner .bannerJtPre{ background:url(/images/banL.png) no-repeat; background-size:contain; background-position:center; } 
.indBanner .bannerJtNext{ background:url(/images/banR.png) no-repeat; background-size:contain; background-position:center; } 
.indBanner .swiper-button-disabled{ opacity:0.4;} 
.indBanner .banner-text:before{ content:''; position:absolute; width:300px; height:400px; display:block; border:10px solid rgba(255, 255, 255, 0.2); top:4.5rem; margin-top:-200px; left:-6rem; transition-delay:2s; transition-duration:2s; transform:translate3d(-80px, 0, 0); opacity:0; } 
.indBanner .swiper-slide.swiper-slide-active .banner-text:before{ transition-delay:1.3s; transform:translate3d(0px, 0, 0); opacity:1; } 
.indBanner .swiper-slide.swiper-slide-active .banner-text *:nth-child(1){ transition-delay:0.5s; } 
.indBanner .swiper-slide.swiper-slide-active .banner-text *:nth-child(2){ transition-delay:0.7s; } 
.indBanner .swiper-slide.swiper-slide-active .banner-text *:nth-child(3){ transition-delay:0.9s; } 
.indBanner .banner-text *{ transition-delay:transform 2s, opacity 0s; transition-duration:2s; transform:translate3d(0, 80px, 0); opacity:0; } 
.indBanner .swiper-slide.swiper-slide-active .banner-text *{ transform:translate3d(0, 0px, 0); opacity:1; } 
.indBanner .banner-text{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:999; } 
.indBanner .small-title{ color:#FF9800; margin-bottom:1.5rem; font-size:1.25rem; } 
.indBanner .banner-text h1{ font-weight:bold; font-size:36px; color:#fff;} 
.indBanner .banner-text h2{ margin-top:1rem; color:#fff; font-size:2.5rem; } 
@media screen and (max-width:1600px){ 
	.indBanner .banner-text{ max-width:1000px; width:90%; } 
} 
@media screen and (max-width:1200px){
	.indBanner .banner-text:before{ content:""; position:absolute; width:300px; height:400px; display:block; border:10px solid rgba(255, 255, 255, 0.2); top:4.5rem; margin-top:-200px; left:50%; margin-left:-160px; } 
	.indBanner .banner-text{ text-align:center; } 
	.indBanner .banner-text h2{ font-size:1.5rem; } 
} 
@media screen and (max-width:769px){ 
	.indBanner .swiper-slide{ position:relative; width:100%; height:auto; max-height:2000px; } 
	.indBanner .banner-switch{ top:auto; bottom:2rem; left:5%; right:5%; justify-content:center; align-items:center; display:none; } 
	.indBanner .banner-text h1{ font-size:20px; line-height:1.5} 
	.indBanner .banner-text h2{ font-size:1rem; } 
	.indBanner .small-title{ font-size:0.925rem; } 
	.indBanner .banner-text:before{ opacity:0; } 
}
.indBanner .summry{ font-size:24px; color:white; line-height:2; } 
.indBanner h3.zsz{font-size:60px;color:#ffffff52;opacity:0.2;text-transform:uppercase;font-family:testfont;}
.indBanner .swiper-pagination{ bottom:20px;}
.indBanner .swiper-pagination-bullet{margin:5px auto; display:inline-block; cursor:pointer; width:12px;height:12px;border:1px solid #fff;text-indent:-999px;border-radius:50%;background-color:transparent;opacity:1;position:relative; margin:0 5px;}
.indBanner .swiper-pagination-bullet:before{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;border:1px solid #fff;position:absolute;left:-1px;top:-1px;z-index:10;transform:scale(0);transition:all 0.3s;}
.indBanner .swiper-pagination-bullet-active{background-color:#fff;}
.indBanner .swiper-pagination-bullet-active:before{transform:scale(1);}
.indBanner .swiper-button-prev,.indBanner .swiper-button-next{ background:none; position:relative; top:auto; width:100%; height:24px; margin-top:0; left:auto; right:auto;}
@media screen and (max-width:769px){ 
	.indBanner h3.zsz{font-size:34px;}
	.indBanner .summry{ line-height:1.5;}
	.indBanner .listBox{ height:auto;padding-bottom:0;} 
	.indBanner .bannerPicBox{/* min-width:769px;*/transform:none; position:relative; left:auto; top:auto;height:auto;min-width:320px;}
	.indBanner .bannerPicBox img{ max-width:100%; height:auto;}
	.indBanner .bannerPic{ max-width:100%; max-height:100%; width:auto; height:auto;}
	.indBanner .swiper-slide-active .bannerPicBox{transform:none; } 
	.indBanner .banner-text:before,.indBanner .swiper-slide.swiper-slide-active .banner-text:before{ opacity:0; } 
	.indBanner .swiper-pagination{ bottom:10px;}
	.indBanner .swiper-pagination-bullet{width:8px;height:8px;}
	.indBanner .swiper-pagination-bullet:before{width:8px;height:8px;}
}
@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 

/*main*/
/*.indTop{ background:#f7f7f7;}*/
/*.indTop ul{ padding:25px 0;display:flex;justify-content:space-between;}
.indTop ul li{align-items:center;width:15.633333333333332%; background:#3E9098; border-radius:3px;}
.indTop ul li a{ display:block; width:100%;display:flex;align-items:center;justify-content:center}
.indTop ul li span{ display:block;width:48.627%;margin-left:6%; font-size:18px; color:#fff;}
.indTop ul li img{ width:40px; height:40px; margin:12px 0;}
.indTop ul li:nth-child(1){ background:#4579dc;}
.indTop ul li:nth-child(2){ background:#3ac03b;}
.indTop ul li:nth-child(3){ background:#ef7f1d;}
.indTop ul li:nth-child(4){ background:#29abf6;}
.indTop ul li:nth-child(5){ background:#23d3a2;}
.indTop ul li:nth-child(6){ background:#4d61d2;}
.indTop ul li:hover{ background:#3E9098;}*/

.main2{ padding:40px 0 0;}
/*.mainTop{width:100%;height:165px;border-bottom:5px solid #1492ff;background:#f6f6f6; border-radius:20px 20px 0 0;}
.mainTop .box{width:1086px;height:160px;margin:0 auto}*/
.mainTop{width:100%;height:165px;border-bottom:5px solid #3E9098;background:#f6f6f6; border-radius:20px 20px 0 0;}
.mainTop .box{width:1106px;height:160px;margin:0 auto;}
.mainTop li{width:100%;height:100%}
.mainTop li a{display:block;width:100%;padding-top:31px}
.mainTop li .tag-head{margin-right:20px;position:relative; float:left;}
.mainTop li .tag-head span{position:absolute; top:15px; right:20px;width:44px;min-height:56px;font-size:20px;color: #fff;padding:0px 0;text-align:center;line-height:1.3; font-weight:bold; letter-spacing:1px;}
.mainTop li .tag-head img{ width:140px; height:auto;}
.mainTop li .desc{width:85%;height:80px;overflow:hidden; float:left;}
.mainTop li .desc>.tit{font-size:22px;color:#000;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mainTop li .desc>p{font-size:15px;color:#333;margin-top:8px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.mainTop .pagination{position:absolute;z-index:20;left:50%;bottom:5px;margin-left:-68px; right:inherit; top:inherit;}
.mainTop .pagination .swiper-pagination-bullet{float: left;width: 28px;height: 8px;background: #ddd;margin-right: 8px;cursor: pointer; border-radius:0;opacity:1;}
.mainTop .pagination .swiper-pagination-bullet-active{background:#3E9098;opacity:1;}
@media screen and (max-width:769px){ 
	.main2{ padding:20px 10px 0;}	
	.mainTop{width:100%;height:auto; border-radius:10px 10px 0 0; padding:0 15px;}
	.mainTop .box{width:100%;height:110px;margin:0 auto 20px;}
	.mainTop li a{display:block;width:100%;padding-top:20px}
	.mainTop li .tag-head{ display:none;}
	.mainTop li .desc{width:100%;height:80px;}
	.mainTop li .desc>.tit{font-size:1.1rem;}
	.mainTop li .desc>p{font-size:.9rem;-webkit-line-clamp:2;}
	.mainTop .pagination{bottom:-15px;margin-left:-44px;}
	.mainTop .pagination .swiper-pagination-bullet{float: left;width:20px;height:5px;}
}

.main2Con{ margin:35px 0 55px;width:100%;height:auto;background:#FFF;box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);padding:28px 20px}
.main2Con .left{ float:left;}
.bord{width:547px;height:320px;}    
.focusBox { position: relative; width:100%;height:320px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic li:hover a img{-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1);}  
.focusBox .pic { margin:0px; padding: 0px; list-style:none}
.focusBox .pic img { width:100%;height:320px;display: block;-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}   
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height:32px; line-height:36px; width:100%;  background:#341; filter: alpha(opacity=40); opacity:0.4; overflow:hidden; }  
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 32px; width:100%; overflow: hidden; line-height:32px; } 
.focusBox .txt li{ height:32px; line-height:32px; position:absolute; bottom:-32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} 
.focusBox .txt li a{font-family: 微软雅黑; display: block; color:#FFFFFF;font-size:14px; text-decoration:none; line-height:32px;padding: 0 0 0 10px;max-width:360px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.focusBox .num { position: absolute; z-index:3; bottom:0px; right:0px;} 
.focusBox .num li{ float: left; position: relative; width:32px; height:32px; line-height:32px; overflow: hidden; text-align: center;  cursor: pointer; }    
.focusBox .num li a,.focusBox .num li span{ position: absolute; z-index:2; display: block; color: white; width:32px; height:32px;top:0;left: 0; text-decoration: none; outline:none;}  
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }  
.focusBox .num li.on a,.focusBox .num a:hover{ background:#3E9098;} 
.main2Con .right{width:596px;overflow: hidden; float:right;}
.main2Con .right a:hover{color:#3E9098;}
.main2Con .right a:hover .tit{color:#3E9098;}
.main2Con .right .tab{border-bottom:1px solid #ededed;padding:0 8px;}
.main2Con .right .tab ul{ float:left;}
.main2Con .right .tab li{float:left;font-size:18px;color:#333;cursor:pointer;background:url(/images/sxss.png) left 1px no-repeat;padding:0 27px;line-height:1;}
.main2Con .right .tab li:first-child{background:0;padding-left:0;}
.main2Con .right .tab li>span{display:block;padding-bottom:15px;border-bottom:3px solid transparent; outline:none;}
.main2Con .right .tab li.Hover span{border-color:#3E9098;font-weight:bold;color:#3E9098;cursor:pointer;}
.main2Con .right .tab .MoreBtns{ float:right;}
.main2Con .right .tab .MoreBtns>a{float:left;color:#3E9098;font-size:15px;margin-top:4px;}
.main2Con .right .infosWrap li{margin-top:19px; float:left; width:100%; }
.main2Con .right .infosWrap li>a{font-size:17px;}
.main2Con .right .infosWrap li .tit{ float:left; width:100%; height:auto;}
.main2Con .right .infosWrap li>a>em{float:left;width:4px;height:4px;background-color:#3E9098;margin-top:9px;margin-right:8px;}
.main2Con .right .infosWrap li .tit span{ display:block;}
.main2Con .right .infosWrap li .tit .n{float:left;color:#333;max-width:580px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main2Con .right .infosWrap li .tit .Days{float:right;font-size:14px;color:#999;margin-top:2px;}
.main2Con .right .infosWrap li .desc{ font-size:14px; line-height:1.75; color:#888; padding:8px 0 0; float:left; width:100%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.hidden{ display:none;}
.main2Con .right .infosWrap li:hover .tit .n{color:#3E9098;}
@media screen and (max-width:769px){ 
	.main2Con{ margin-top:2rem; width:100%;box-shadow:none;padding:0}
	.main2Con .left{ float:left;}
	.bord{width:100%;height:auto;}    
	.focusBox{ width:100%;height:auto; }
	.focusBox .pic img{ width:100%;height:auto;}    
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; line-height:36px; } 
	.focusBox .txt li{ width:100%;}
	.focusBox .txt li a{max-width:68%;}
	.main2Con .right{width:100%; margin-top:2rem}
	.main2Con .right .tab{ padding:0;}
	.main2Con .right .tab li{font-size:1rem;padding:0 20px;}
	.main2Con .right .tab li>span{padding-bottom:12px;border-bottom:2px solid transparent; }
	.main2Con .right .tab .MoreBtns>a{font-size:14px;margin-top:2px;}
	.main2Con .right .infosWrap li{margin-top:1.2rem; }
	.main2Con .right .infosWrap li>a{font-size:14px;}
	.main2Con .right .infosWrap li>a>span.tit{max-width:80%;}
	.main2Con .right .infosWrap li>a>span.Days{font-size:14px;color:#999;margin-top:2px}
}

.main3{width:100%;background:#fff;padding:60px 0; margin:0px 0 0;background:url(/images/m3_bg.jpg) no-repeat center;}
.main3>div{ position:relative;}
.i-title{ margin-bottom:20px;/* display:none;*/ padding:0;}
.i-title h2{font-size:18px;color: #333;float: left;font-weight:600;position: relative;}
.i-title h2 span{color: #3E9098;}
.i-title h2:after {content: "";position: absolute;left: 0;bottom: -10px;height:3px;width:48%;background-color: #3E9098;}
.i-title a {float: right;display: block;padding:3px 12px;border: 1px solid #6ba5e8;color: #0651a9;border-radius:5px;font-size:12px}
.m3_t{ width:100%; height:auto; margin:0px auto 30px;}
.m3_t ul{ width:auto; margin:0; height:auto;display:flex;align-items:center;justify-content:center;}
.m3_t ul li{ width:160px;height:60px;line-height:60px;float:left;background:#fff;font-size:18px;cursor:pointer; margin:0 10px 0; border:1px solid #ddd; border-radius:5px; position:relative;}
.m3_t ul li a{display:flex;align-items:center;justify-content:center; width:100%; color:#333;}
.m3_t ul li i{ font-size:30px; margin-right:10px;}
.m3_t ul li.hover{background:#3E9098;cursor:pointer; border-color:#3E9098;}
.m3_t ul li.hover a{ color:#fff;}
.m3_t ul li.hover:after{ content:'';background:url(/images/nav-jt.png) 0 0 no-repeat; width:15px; height:7px; position:absolute; left:50%; margin-left:-7px; bottom:-6px;}
.m3_c{height:227px;border:1px solid #ddd;border-radius:5px;margin:30px auto 0; width:100%;box-shadow:0px 0px 8px 0px rgb(215 215 215 / 88%);overflow: hidden;/*box-shadow: 3px 1px 20px 0px rgb(0 0 0 / 10%);*/ background:#FFF;}
.m3_c .con{ height:225px;overflow:hidden;position:relative;}
.m3_c .con .pp{width:80%;position:absolute;left:30px;top:30px;justify-content: flex-start}
.m3_c .con .pp p{font-size:16px;line-height:2;color:#1a1a1a; padding-right:125px;}
.m3_c .con .pp span{font-size:16px;line-height:2;color:#1a1a1a;display:flex;align-items:flex-start;width:14%;padding:0;border-bottom:0px solid #dbdbdb;align-items:center; margin-right:35px; margin-bottom:25px;}
.m3_c .con .pp i{width:22px;height:22px;border-radius:50px;background:#fff; margin-right:8px; border:1px solid #3E9098;}
.m3_c .con .pp svg{width:12px;height:12px; color:#3E9098;}
.m3_c .con img{display:block;position:absolute;right:20px;top:10px; width:auto; height:205px;}
@media screen and (max-width:769px){ 
	.main3{padding:30px 10px; margin:0;}
	.m3_t{ margin:0px auto 10px;}
	.m3_t ul{ width:100%; height:auto;flex-wrap:wrap;}
	.m3_t ul li{ width:auto;height:46px;line-height:46px;font-size:16px; margin:0 8px 15px; padding:0 15px; float:none;}
	.m3_t ul li i{ font-size:20px; margin-right:5px;}
	.m3_c{height:auto;margin:10px auto 0;}
	.m3_c .con{ height:auto; padding:20px;}
	.m3_c .con .pp{width:100%;position:relative;left:auto;top:auto;justify-content:flex-start;}
	.m3_c .con .pp span{font-size:15px;width:auto;padding:0; margin-right:35px; margin-bottom:15px;}
	.m3_c .con .pp i{width:22px;height:22px;border-radius:50px;background:#fff; margin-right:8px; border:1px solid #3E9098;}
	.m3_c .con .pp svg{width:12px;height:12px; color:#3E9098;}
	.m3_c .con img{display:block;position:relative;right:auto;top:auto; width:100%; height:auto;}
}


.main1{background:url(/images/main1Bg.png) no-repeat bottom center;background-attachment:fixed;padding:60px 0 60px 0;}
.mainL{ float:left;width:32.4852%;}
.mainL img{ max-width:100%; height:auto; border-radius:20px 0 20px 0; vertical-align:middle;}
.mainR{ float:right;width:64.2148%; margin-left:2.5%; line-height:1.5;display:flex;justify-content:space-between;}
.mainR .intro{ width:calc(100% - 225px);}
.mainR h5{ margin:18px 0 0;font-family:testfont; font-size:20px; color:#A9A9A9; display:none;}
.mainR h1{ margin:0 0 18px; font-size:32px; color:#0378db; font-weight:bold; display:none;}
.mainR .line{ border-bottom:1px solid #e8e8e8; display:none;}
.mainR .line i{ width:40px; height:3px; background:#0378db/*0052ee*/; display:block;}
.mainR .desc{ margin:0px 0 0; width:100%; line-height:2;}
.mainR .desc p{ font-size:16px; color:#595959;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden; text-indent:2em;}
.mainR .dbg{ width:100%; padding:0; margin:0 auto; height:100%; background:none; display:none;} 
.mainR .dbg .demo{display:flex; flex-wrap:wrap;justify-content:space-between;}
.mainR .dbg .demo .s_t{ text-align:center;} 
.mainR .dbg span.counter{ font-size:36px; font-weight:700; color:#25adcd;font-family:'testfont'!important;} 
.mainR .dbg span.jieshao{font-size:14px; color:#7a7a7a; } 
.mainR .dbg span.jb{font-size:16px; color:#25adcd; font-weight:bold; padding-left:3px;} 
.mainR .more{ width:100%; padding:20px 0 0; display:none;}
.mainR .more a{ display:block; width:136px; text-align:center; color:#FFF; font-size:15px; line-height:38px; background:#0378db; border-radius:50px;}
.mainR .lx{ width:183px;}
.mainR .lx .item{display:flex;}
.mainR .lx .item:nth-child(1){ border-bottom:1px solid #ddd; margin-bottom:30px; padding:15px 0 30px;}
.mainR .lx .item img{ height:48px; width:auto;}
.mainR .lx .item .txt{ font-size:16px; line-height:1.6; padding-left:15px;}
.mainR .lx .item .txt span{ display:block;}
@media screen and (max-width:769px){ 
	.main1{padding:2rem 10px;}
	.mainL{width:100%;}
	.mainR{width:100%; margin-left:0; display:block;}
	.mainR .intro{ width:100%; padding-bottom:20px;}
	.mainR h5{ margin:1.5rem 0 0; font-size:1.1rem;}
	.mainR h1{ margin:0 0 1rem; font-size:1.6rem;}
	.mainR .desc{ margin:1rem 0 0; width:100%; line-height:2;}
	.mainR .desc p{-webkit-line-clamp:10; font-size:15px;}
	.mainR .more{ width:100%; padding:1rem 0 0;}
	.mainR .more a{ font-size:14px;}
	.mainR .lx{ width:100%;display:flex;justify-content: space-between}
	.mainR .lx .item{ min-width:45%;align-items: center}
	.mainR .lx .item:nth-child(1){ border-bottom:none; margin:0; padding:0;}
	.mainR .lx .item img{ height:38px; width:auto;}
	.mainR .lx .item .txt{ font-size:14px; line-height:1.6; padding-left:10px;}
}

/*footer*/
.footer{background:#23818a;line-height:30px;color:#ccc;padding:10px 0 30px; font-size:14px;}
.footTop{ width:100%; padding:20px 0 15px;  text-align:center;}
.footTop a{ color:#fff; margin:0 20px; font-size:15px;}
.footTop em{ font-style:normal;}
.footcopy{ text-align:center; color:#fff; line-height:32px;}
.footcopy a{ color:#fff;}

.footM{width:100%; padding:40px 0 0;border-top:1px solid #222222;}
.footM dl{ float:left; margin-right:116px; min-width:90px; line-height:1.42857143;}
.footM dl dt{ font-weight:normal; color:#FFF; font-size:16px; margin-bottom:12px;}
.footM dl dd a{ display:block; line-height:30px; font-size:14px;color:#888;}
.footM dl.fewm{ width:92px;}
.footM dl.last{ margin-right:0;}
.footM dl.fewm img{ width:100%; height:auto; padding:0; background:#FFF;}
.footM dl.fewm .text{ text-align:center; padding:3px 0 0;}
.footer .tit{width:100%;height:50px;margin-bottom:20px;height:48px;line-height:48px;font-size:18px;color:#f0f0f0;}
.footer .tit i{width:36px;height:2px;display:block;background:#4c4c4c;}

.bottomBox{padding:21px 0;background:#232323;text-align:center;line-height:24px;color:#ccc;}
.bottomBox .footcopy{color:#ccc;line-height:2;}
.bottomBox .footcopy,.bottomBox .footcopy a{font-size:13px;color:#ccc;}
.flink{ width:100%;padding:0 0;color:#fff; font-size:14px; text-align:center; opacity:.8;}
.flink a{margin:0 8px 0 0;color:#fff;}
.bottomBox a:hover{color:#fff;transition:.5s;-webkit-transition:.5s;}
.mfootcopy{ display:none;}
@media screen and (max-width:769px){ 
	.footer{padding:1rem 10px;}
	.footTop,.footcopy{ display:none;}
	.mfootcopy{ display:block;font-size:13px;color:#fff; text-align:center;}
	.mfootcopy a{font-size:13px;color:#fff;}
}

.sideBar{ position:fixed; right:0; top:40%; transform:translateY(-50%); z-index:9999; display:none; } 
.sideBar .side1{ width:50px; height:170px; background:rgba(48,168,169,0.9); text-align:center; transition:all 0.5s; display:flex; align-items:center; justify-content:center; } 
.sideBar .side1 a,.sideBar .side1 img,.sideBar .side1 i,.sideBar .side1 span{ display:block; } 
.sideBar .side1 img{ margin:0 auto; } 
.sideBar .side1 i{ margin:10px auto; width:1px; height:20px; background:#fff; transition:all 0.5s ease; } 
.sideBar .side1 span{ color:#fff; font-size:18px;writing-mode:vertical-lr;writing-mode:tb-rl;margin:0 auto;display:inline-block;} 
.sideBar .side1:hover{ background:#30a8a9; } 
.sideBar .side1:hover a img{ animation:jitter 0.5s; } 
.sideBar .side{ height:50px; position:absolute; transition:all 0.5s; } 
.sideBar .side a{ display:block; height:50px; font-size:0; } 
.sideBar .side i,.sideBar .side span{ display:inline-block; vertical-align:middle; height:100%; line-height:50px } 
.sideBar .side i{ width:50px; text-align:center; background:rgba(48,168,169,0.9); transition:all 0.3s;} 
.sideBar .side i img{ margin:13px auto 0; display:block;} 
.sideBar .side span{ text-align:center; line-height:50px; background:#30a8a9; font-size:16px; color:#fff; transition:all 1s;} 
.sideBar .side2{ top:171px; right:-260px; width:310px; } 
.sideBar .side2 span{ width:260px; }
.sideBar .side3{ right:-190px; width:240px; top:222px; } 
.sideBar .side3 span{ width:190px; }
.sideBar .side4{ right:-140px; width:190px; top:273px; } 
.sideBar .side4 span{ width:140px; }
.sideBar .side5{ right:-100px; width:150px; top:273px; cursor:pointer; } 
.sideBar .side5 span{ width:100px; font-size:14px; } 
.sideBar .qcodePic{ width:120px; position:absolute; top:-40px; left:-122px; display:none; z-index:99; border:2px solid #ddd; text-align:center; padding:0; background:#fff; } 
.sideBar .side5:hover .qcodePic{ display:block;} 
.sideBar .side6{ right:-90px; width:140px; top:324px; cursor:pointer; } 
.sideBar .side6 span{ width:90px; font-size:14px; } 
.sideBar .side:hover{ right:0; } 
.sideBar .side:hover i{ background:#30a8a9; } 

/*侧边栏留言表单*/
.sidequotebtn,.sidequotebtn1{position: fixed;right: 0;bottom: 0;z-index: 9999;}
.sidequotebtn1{ display:none;}
.circle dl,.circle dd{width: 90px !important;height: 90px !important;}
.sidequotebtn dt,.sidequotebtn1 dt{width: 50px !important;height: 50px !important;}
.sidequote{width:360px;position: fixed;z-index: 9999999;bottom: 10px;right: 10px;border-radius: 10px;background: #fff;background-size: cover;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);padding: 30px;transform-origin: bottom right;transform: scale(0);transition: all 0.3s;}
.sidequote .close_btn{font-size: 24px;position: absolute;right: 20px;top: 20px;color: #b06d44;cursor: pointer;}
.sidequote .summary h2{font-size:20px;text-transform: capitalize;line-height: 1;margin-bottom: 10px;color: #1a1a1a;}
.sidequote .summary p{font-size: 14px;line-height: 22px;}
.sidequote form{display: block;}
.sidequote form dl dd{margin-top: 16px;}
.sidequote form dl dd span{display: block;font-size: 14px;margin-bottom: 10px;}
.sidequote form dl dd span i{color: #ff232e;font-size: 14px;padding-left: 4px;}
.sidequote form dl dd input{display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;line-height: 40px;color: #333;padding: 0 12px;border-radius: 4px;font-size: 14px;}
.sidequote form dl dd textarea{display: block;width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 100px;border-radius: 4px;padding: 10px 12px;font-size: 14px;line-height: 22px;}
.sidequote form dl dd input:focus,.sidequote form dl dd textarea:focus{border-color: #b06d44;}
.sidequote form dl dt{margin-top: 20px;}
.sidequote form dl dt button{display: block;width: 100%;color: #FFFFFF;line-height: 42px;cursor: pointer; border:none;}
.sidequote.show{transform: scale(1);}

.inBan{ width:100%; height:auto;}
.inBan img{ width:100%; height:auto;}
@media screen and (max-width:769px){ 
	/*侧边栏留言表单*/
	.sidequote{width: 100%;right: 0;bottom: 0;border-radius: 10px 10px 0 0;}
	.sidequotebtn{ display:none;}
	.sidequotebtn1{ display:block;}
	.sidequotebtn dt,.sidequotebtn1 dt{width: 44px !important;height: 44px !important;}
	.sidequotebtn dt svg{width: 20px !important;height: 20px !important;}
	.sidequotebtn1 dt img{width:18px !important;height: 18px !important;}

	.inBan{ width:100%; height:auto; background:none !important;}
	.inBan img{ display:block;}
	
}


/*content*/
.contentBox{ background-color:#fff;position:relative;padding:50px 0 40px; background:#F0F7FD;}
.contentBox>.w1200{ position:relative; overflow:visible; z-index:99}

.sideL{float:left; width:21.666%;overflow:hidden;}
.pagernav{ width:100%; height:auto;}
.pagernavTit{width: 100%;height: 87px;color:#F8F8F8;font-size:28px;line-height:87px;text-align:center;background-color:#386978;background-image:url(/images/dna.png);background-repeat: no-repeat;background-position: 15px 0;}
.pagernavbox{width:100%;overflow:hidden;border-top:0;zoom:1;}
.pagernavbox ul{width:100%;margin:0;overflow:hidden;zoom:1;}
.pagernavbox ul li{ float:left; width:100%;height*: 60px;line-height: 60px;text-align: center;position: relative;background-color: #3E9098;}
.pagernavbox ul li:hover,.pagernavbox ul li.cur{background-color:#5eabb2;}
.pagernavbox ul li a{color:#F8F8F8;font-size: 18px;text-align: center;display: block;width:100%;height:100%;}
.pagernavbox ul li img {top: 50%;width: 8.5%;right: 30px;margin-top: -11.5px;position: absolute;}
@media screen and (max-width:769px){ 
	.contentBox{ padding:1.5rem 0;}
	.contentBox>.w1200{ z-index:1}
	
	.sideL{width:100%; margin-top:0; padding:0 10px;}
	.sideL.mdnone{ display:none;}
	.pagernavTit{ display:none;}
	.pagernavbox ul li{ width:31.333%;line-height:40px; margin:0 3% 15px 0; border-radius:30px; overflow:hidden;background-color:#ddd;}
	.pagernavbox ul li:nth-child(3n){ margin-right:0;}
	.pagernavbox ul li a{ text-align:center;padding:0;font-size:.95rem; color:#232323}
	.pagernavbox ul li img{ display:none;}
	.pagernavbox ul li:hover,.pagernavbox ul li.cur{background-color:#3E9098;}
	.pagernavbox ul li:hover a,.pagernavbox ul li.cur a{ color:#fff;}
}


.side_r{ width:75%;overflow:hidden;float:right;}
.sideWrap{ width:100%; float:none;}
.sideRtit{height:27px;color:#555;padding:0;margin-bottom:20px; border-bottom:1px solid #e5e5e5;}
.sideRtit .position{color:#555; line-height:1; padding:0; font-size:14px;}
.sideRtit .position img{ vertical-align:middle;}
.sideRtit .position a{color:#555; font-size:14px;}
.sideRtit .position a:hover{color:#3E9098;}
@media screen and (max-width:769px){ 
	.side_r{ width:100%;}
	.sideRtit{ display:none;}
}

.side_rc{ width:100%; height:auto; padding:0; min-height:400px;}
@media screen and (max-width:769px){ 
	.side_rc{ min-height:100px; padding:.5rem 0 .5rem;}
}

/*图文展示*/
.caseList{ width:100%; padding:0;}
.caseList ul{display: flex;flex-wrap: wrap;margin-left: -20px;margin-right: -20px;}
.caseList li{width:25%;box-sizing:border-box;}
.caseList li a{display:block;margin:5% 20px;position:relative;overflow:hidden;border-radius:8px;}
.caseList li a::after{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:rgba(0,0,0,0.5);content:'';transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;}
.caseList li .imgs{padding-bottom:131.85%;position:relative;overflow:hidden;width:100%;display:block;}
.caseList li .imgs img{position:absolute;width:100%;height:100%;left:0;object-fit:cover;-webkit-transition: all 0.8s ease 0s;top:auto;bottom:0;transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.caseList li .info{padding: 5% 5.5% 6%;position: absolute;bottom: 0;color: #fff;z-index: 6;line-height:1.8; width:100%; box-sizing:border-box;}
.caseList li .info::after{position: absolute;width: 100%;height: 100%;background:#3E9098;content:'';left:0;bottom:-100%;transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;}
.caseList li .info .pos{position: relative;z-index: 99;}
.caseList li h3{font-size:16px;font-weight:bold;height:50px;line-height:1.4;color:#fff;}
.caseList li span{font-size:14px;padding-top:5px; display:block;}
.caseList li p{font-size:14px;margin-top:5%;padding-top:5%;border-top:1px solid #ababab;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.caseList li .m{padding-top: 6%;}
.caseList li a:hover{box-shadow:0 0 20px rgba(0,0,0,0.2);}
.caseList li a:hover::after{opacity:0;}
.caseList li a:hover .info::after{bottom:0;}
.caseList li a:hover .imgs img{top:auto;bottom:30%;}
@media(max-width:767px){
	.caseList{ padding:0;}
	.caseList ul{margin-left: -5px;margin-right:-5px;}
	.caseList li{width:50%;}
	.caseList li a{margin:5px;border-radius:5px;}
	.caseList li h3{font-size:15px;height:28px;line-height:1.8;}
}

/*下载*/
.dl_list{ line-height:none; padding:0;}
.dl_list li{width:100%;float:left;border-bottom:1px dashed #eee;}
.dl_list li a{ display:block; width:100%; line-height:42px;}
.dl_list li .dlLeft{width:calc(100% - 105px);margin-right:10px; float:left;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dl_list li span{ float:right; font-size:14px; color:#999; font-size:14px;}
.dl_list li img{ vertical-align:middle; width:18px; margin-right:2px;}
.dl_list li:hover a{ color:#0378db;}
@media(max-width:767px){
	.dl_list ul{ padding:0 10px;}
	.dl_list li .dlLeft{font-size:.95rem;}
}


/*简介*/
.side_rc .infor,.side_rc .contact{ line-height:2; color:#232323; font-size:14px;text-align:justify; min-height:500px;}
.side_rc .infor img{ max-width:100%; height:auto;}
.side_rc .contact .map{ width:100%; height:450px; margin-top:10px;}
.side_rc .contact .map *{ box-sizing:content-box !important;}
.side_rc .contact img{ max-width:inherit;}
.side_rc .infor table{ border-color:#ccc;}
.side_rc .infor table tr,.side_rc .infor table td{ border-color:#ccc;}
.side_rc .infor table td{ line-height:1.5; padding:10px 5px;}
@media screen and (max-width:769px){ 
	.side_rc .infor,.side_rc .contact{ padding:0 10px; text-align:left; min-height:100px;}
}

/*合作伙伴*/
.brandList{ width:100%; padding:5px 0 0;}
.brandList ul li{ float:left; width:219px; margin:0 18px 20px 0; border:2px solid #ddd; text-align:center; background:#FFF; padding:4px 0;}
.brandList ul li:nth-child(4n){ margin-right:0;}
.brandList ul li img{ max-height:100px; display:block; margin:0 auto;}

/*新闻*/
.news_list{ padding:5px 0 0;}
.news_list ul{ width:100%; height:auto; padding:0;}
.news_list ul li{ width:100%; float:left; margin-bottom:20px; padding:0 0 20px;border-bottom:1px solid #ddd;}
.news_list ul li .tit{ width:100%;font-size:16px; color:#222;}
.news_list ul li .tit h5{ font-size:18px;/*font-weight:bold;*/ float:left; max-width:85%; height:auto;}
.news_list ul li .tit h5 a{ color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:inline-block; max-width:100%;}
.news_list ul li .tit span{ float:right;color:#666;font-family:Arial; font-size:14px;}
.news_list ul li .desc{color:#666;margin-top:10px;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px; line-height:1.8;}
.news_list ul li .desc p{}
.news_list ul li .more{margin-top:12px;height:36px;line-height:36px; display:none;}
.news_list ul li .more a{ display:inline-block;background-color:#999;color:#fff;padding:0 20px;background-repeat:no-repeat;background-position:right 20px center; font-size:14px; border-radius:5px;}
.news_list ul li .tit a:hover{color:#3E9098}
.news_list ul li .more a:hover{background-color:#3E9098;}
@media screen and (max-width:769px){ 
	.news_list{ padding:.5rem 0 0;}
	.news_list ul{ padding:0 10px;}
	.news_list ul li{ margin-bottom:1rem; padding:0 0 1rem;}
	.news_list ul li .tit h5{ font-size:1rem;max-width:76%;}
	.news_list ul li .tit span{ float:right;color:#666;font-family:Arial; font-size:14px;}
}

/*page*/
#page{ height:auto; margin:20px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#3E9098; border:1px solid #3E9098;}
#page a{ display:inline-block; vertical-align:middle; padding:0 13px; margin:0 3px; border:1px solid #ededed; line-height:30px; text-align:center; color:#666; font-size:15px; background:#ededed;}
#page a.home{border-radius:32px 0 0 32px;}
#page a.end{border-radius:0 32px 32px 0;}
#page a:nth-of-type(1){ margin:0 3px 0 0;}
#page a:hover{ color:#fff; cursor:pointer; background:#3E9098; border:1px solid #3E9098;}
#page a.next1{overflow:hidden;}
#page a.prev1{overflow:hidden;}
#page .none{ display:none;}
#page1{ display:none;} 
@media(max-width:767px){	
	/*page*/
	#page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:6px 12px; background:#3E9098; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#0378db; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:6px 12px; }

}

/*详情页*/
.detailWarper{ padding:0;}
.detail_con{ width:100%; height:auto; font-size:14px; padding:10px 0 0;}
.detail_contop{ width:100%; height:auto;}
.detail_title{ font-size:24px; font-weight:700; color:#333; line-height:1.8;padding-bottom:5px; text-align:center;}
.detail_title.line{ padding-bottom:0; margin-bottom:10px;}
.detail_time{ margin:0 0 15px; padding:10px 0 5px; font-size:14px; color:#bbb; text-align:center;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.dis_img{ text-align:center; margin-bottom:5px;}
.dis_img img{ max-width:100%; height:auto;}
.details_info{ padding:5px 0 30px; width:100%; line-height:2; font-size:15px; min-height:420px; color:#444; border-bottom:1px solid #eee;}
.details_info img{ max-width:100%; height:auto;}
hr{ margin:5px 0;}
.cInfo p{ text-indent:2em;}
@media(max-width:767px){
	.detail_con{ padding:10px 10px 0;}
	.detail_title{ font-size:1.2rem; line-height:1.5;}
	.detail_time{ font-size:.8rem; margin:0 0 10px;}	
	.details_info{ padding:5px 0 20px;font-size:.85rem;}
	.details_info img{ max-width:98%; height:auto;}
}
.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye .npagerbox{ float:left; max-width:820px;}
.detail_fenye .npagerlist{ display:block; line-height:20px; color:#333; font-size:14px; vertical-align:middle; margin-bottom:10px;}
.detail_fenye .npagerlist .name{ float:left; font-weight:500;}
.detail_fenye .npagerlist a{ color:#666; font-size:14px; vertical-align:middle; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width:560px; display:block;}
.detail_fenye .npagerlist a:hover{ color:#3E9098;}
.side_r .return{width:100px;height:38px;border-radius:4px;background-color:#3E9098;color:#fff;line-height:38px;font-weight:bold;padding:0 48px 0 23px;background-image:url(/images/nreturn.png);background-repeat:no-repeat;background-position:right 22px center;transition:background 0.3s; float:right; display:block;}
.side_r .return:hover{background-color:#3E9098}
@media(max-width:767px){
	.detail_fenye .npagerbox{ float:left; max-width:100%;}
	.detail_fenye .npagerlist a{ max-width:84%;}
	
}


@keyframes bounce{
    0%,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-14px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-7px,0)
    }
    90%{
        transform:translate3d(0,0,0)
    }
}

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake{
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*图标抖动*/
@keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}
@-webkit-keyframes jitter{
  from, to{
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
  }
  25%{
    -webkit-transform:scale(0.9, 1.1);
    transform:scale(0.9, 1.1);
  }
  50%{
    -webkit-transform:scale(1.1, 0.9);
    transform:scale(1.1, 0.9);
  }
  75%{
    -webkit-transform:scale(0.95, 1.05);
    transform:scale(0.95, 1.05);
  }
}

[class*=am-icon-]{display:inline-block;font-style:normal}
[class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
@font-face{font-family:FontAwesome;src:url(/style/font/fontawesome-webfont.eot?v=4.6.3);src:url(/style/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/style/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}

/*圆形图标扩散效果*/
.circle dl{
  width:120px;
  height:120px;
  position:relative;
  margin:0 auto;
}
.circle dd{
  width:120px;
  height:120px;
  position:absolute;
  top:0%;
  left:0%;
  transform:scale(0);
  border-radius:50%;
  background: linear-gradient(180deg, #3E9098 , #17646b);
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -webkit-animation:circleScale 4s linear infinite;
  -moz-animation:circleScale 4s linear infinite;
  -ms-animation:circleScale 4s linear infinite;
  animation:circleScale 4s linear infinite;
}
.circle dd:nth-of-type(2){
  animation-delay:1s;
}
.circle dd:nth-of-type(3){
  animation-delay:2s;
}
.circle dd:nth-of-type(4){
  animation-delay:3s;
}
.circle dt{
  cursor:pointer;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:60px;
  height:60px;
  background: linear-gradient(180deg, #3E9098 , #17646b);
  border-radius:50%;
}
.circle dt i{
	color: #FFFFFF;
	margin-left: 4px;
	font-size: 15px;
}

/*按钮持续扩散*/
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}