/* CSS Document */
body{ height:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"microsoft yahei","微软雅黑",Arial; color:#666;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight:normal;}
table,td,tr,th{margin:0;padding:0; border-collapse:collapse;}
img, table, td, th ,embed{ border:none;}
img{border:0; -ms-interpolation-mode:bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease; vertical-align:middle;}
img{-ms-interpolation-mode:bicubic;border:0;max-width:100%;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit; text-decoration:none; transition:all 0.5s linear;-moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#000; text-decoration:none;}
em,i{font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.op0{ opacity:0;}
.dpnone{display:none;opacity:0;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.container{ width:1200px; height:auto; margin:0 auto; position:relative;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
@font-face {font-family:'impact'; src:url('/style/fonts/impact-2.ttf') format('truetype'); }
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px; font-size:14px;}
.w1000{ width:100%;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/*header*/
#nv_portal #wrap{ height:100%;}

#wk_top{background:#46639b;}
#wk_top .wp{padding:10px 0 0;}
#week_nav{width:100%;min-width:1200px;height:90px;overflow:visible;padding:0;background:#46639b;margin:0 auto;}
#week_nav{position:relative;top:0;z-index:15;width:100%; transition: all .5s; -webkit-transition: all .5s}
#week_nav.fixed{ position:fixed; z-index:999;}
.mini{box-shadow: 0 0 6px 3px #dedede}
.wk_index_main{width:100%; position:relative;}
.wk_lonav{height:100%; min-width:1100px;}
.wk_lonav .left{ float:left;height:auto; position:relative;}
.wk_lonav .left:after{ content:""; display:block; width:1px; height:80%; background:#eee; position:absolute; right:0; top:10%; display:none;}
.wk_logo{ width:100%;padding:20px 0; float:left;}
.wk_logo h2{ float:left; padding-right:15px; padding:2px 15px 6px 0;}
.wk_logo h2 a{ display:block;}
.wk_logo img{display:block; max-height:42px; width:auto;}
.wk_logo .slogn{ float:left; border-left:1px solid rgba(255,255,255,.6); font-size:16px; font-weight:bold; color:#fff; margin:0; height:30px; line-height:30px; text-align:left; padding:0 0 0 15px; margin:7px 0 0;}
.wk_logo .slogn span{ display:block; font-size:16px; padding:px 0 0; font-weight:normal;}
.wk_lonav .right{ float:right;height:100%;overflow: hidden;}
.headRights,.sub_nav{ display:none;}
.wk_inav{float:left;overflow: hidden; height:100%;}
.wk_lonav .right .tel{ float:right;margin-left:26px; height:100%;}
.wk_lonav .right .tel span{display:block;font-size:17px; line-height:90px; color:#fff; height:100%;}

.nav{float:left;height:100%;overflow:visible;width:100%;overflow:hidden; padding:0;}
.nav li{float:left;padding:0; position:relative; margin:0 26px; height:100%;}
.nav li>a{position:relative; display:block; line-height:90px; font-size:16px; color:#fff; text-align:center; font-weight:normal; transition:all .5s ease; opacity:.68;}
.nav li>a:hover,.nav li.a>a{color:#fff; opacity:1;}

.wk_idl{float:right;width:80px;height:60px;}

@media(max-width:767px){
	body.action{ position:fixed;overflow:hidden;height:100%;width:100%;}
	.wk_head{ display:none;}
	#wk_top{height:66px;width:100%;background:#000;}
	#week_nav{min-width:320px;}
	#week_nav{height:auto; padding:10px 0;}
	#week_nav>div{ height:100%;}
	.wk_lonav{height:100%; position:relative; min-width:320px;}
	.wk_lonav .left{width:100%;}
	.wk_lonav .left:after{ display:none;}
	.wk_logo{width:80%;height:auto;margin:0; padding:2px 0 2px 10px; float:left;}
	.wk_logo h2{padding:0 12px 0 0;}	
	.wk_logo img{ display:block; max-width:100%; height:36px; width:auto; margin:0;}
	.wk_logo .slogn{ margin-top:8px; padding-left:10px; height:20px; line-height:20px;}
	.wk_logo .slogn span{ font-size:14px; padding:0px 0 0;}
	.wk_inav{display:none;}
	.wk_lonav .right{ display:none;}
	.wk_inav{display:block;float:right;width:100%;height:52px;overflow:visible;}
	.wk_index_main{margin-top:0;}
	
	.headRights{float:right;display:inline;width:25px;height:16px;position:relative;cursor:pointer;margin-top:14px; margin-right:10px;}
	.headRights.active{ -webkit-animation:rotate 0.5s linear 0s; animation:rotate 0.5s linear 0s; }
	.headRights .line{ display:block; width:100%; height:2px; border-radius:2px; background-color:#fff; position:absolute; left:50%; margin-left:-15px; }
	.headRights.hover .line{ background:#fff; } 
	.headRights .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0;}
	.headRights .line2{top:7px; }
	.headRights .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center; transform-origin:1px center; }
	.headRights.hover .line1{transform:rotate(45deg);}
	.headRights.hover .line2{ display:none;}
	.headRights.hover .line3{transform:rotate(-45deg);}
	.nav{ display:none;}
	
	.sub_nav.active{ display:block;}
	.sub_nav{position:absolute;width:100%;height:100%;top:66px;z-index:1001; display:none;border-top:#212121 1px solid; background:#000;}
	.head-box{font-size:14px;width:100%;height:auto;padding:0 3%;}
	.nav-cut{position:relative;line-height:46px;overflow:auto; padding:10px 0 0;}
	.nav-cut>ul{width:100%; overflow-y:scroll; height:calc(100vh - 66px);}
	.nav-cut>ul>li{ border-bottom:0; font-size:16px; padding:0 20px; text-align:center;}
	.nav-cut>ul>li a{display:inline-block; text-decoration:none; width:80%; line-height:44px; color:#fff; position:relative; box-sizing:border-box;}
	/*.nav-cut>ul>li.act a{ background-color:#e9e9e9;}*/
	.nav-cut>ul>li .jt{ position:relative; display:inline-block; text-align:center; background:none; float:right; cursor:pointer;}
	.nav-cut>ul>li .jt:after{ content:''; display:block; width:26px; height:26px; background:url(/images/m_r.png) no-repeat center; background-size:17px auto; position:absolute; right:3%; top:8px; }
	.nav-cut>ul>li .jt.jtRote:after{ background:url(/images/m_l.png) no-repeat center; background-size:20px auto; }
	.sec-list{ line-height:40px; padding:10px 0%; display:none; }
	.sec-list p{ background:url(/images/dot.png) no-repeat left center; background-size:3px auto; font-size:14px; }
	.sec-list a{ padding-left:5%; color:#666; display:block; }
	.sec-list a:active{ color:#004e94; }
	
	
}
@media(max-width:420px){
	.wk_logo h2{ padding:5px 8px 0 0;}
	.wk_logo img{ height:30px;}
	.wk_logo .slogn{ font-size:14px; padding:0 0 0 8px; margin-top:10px;}
	.wk_logo .slogn span{ font-size:12px; padding:0px 0 0;}
	
}
@media(max-width:380px){
	.wk_logo h2{ padding:5px 5px 0 0;}
	.wk_logo img{ height:26px; }
	.wk_logo .slogn{ padding:0px 0 0 5px; height:16px; line-height:16px;}
}

.section{position:relative;overflow:hidden;}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/*banner*/
.page1{background:none;width:100%; margin-top:0px;}
.page1 .banner{width:100%;height:auto;}
.banner .indBanner{width:100%; position:relative; top:0;}
.banner .indBanner .swiper-wrapper{overflow:hidden; height:auto}
.banner .indBanner .swiper-slide{width:100%; height:auto}
.banner .indBanner .swiper-slide a{ display:block; width:100%; height:100%;}
.banner .indBanner .swiper-slide .img{ width:100%; height:auto;}
.banner .indBanner .swiper-slide img{width:100%; height:auto;}
.banner .indBanner .swiper-slide .info{position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:1;filter:alpha(opacity=100);background:rgba(0,0,0,.10);}
.banner .indBanner .swiper-slide .info .box{width:100%;height:100%;position:relative;display: block;}
.banner .indBanner .swiper-slide .info .desc{width:1200px;height:auto;display:block;text-align:center;top:20%;left:50%;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%); margin-left:-600px; text-align:right;}
.banner .indBanner .swiper-slide .info .desc h3{ font-size:28px; line-height:1.5; color:#fff; font-weight:bold; letter-spacing:1px;}
.banner .indBanner .swiper-slide .info .desc p{ font-size:28px; line-height:1.5;color:#fff; font-weight:bold; letter-spacing:1px;}
.banner .indBanner .swiper-pagination{ margin:0; width:100%; text-align:center; bottom:30px;}
.banner .indBanner .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; background-color:#fff; opacity:.6; margin:0 6px;}
.banner .indBanner .swiper-pagination .swiper-pagination-bullet-active{ background-color:#007aff; opacity:1;}
.banner .indBanner .swiper-button-prev,.banner .indBanner .swiper-button-next{ display:none;}
.mo-banner{display:none !important;}
@media only screen and (max-width:767px) {
    .section{min-width:320px;}
	.page1{ margin-top:0;}
	.banner{ display:none;}
	.mo-banner .swiper-slide-active .indBanner_txt h6,.mo-banner .swiper-slide-active .indBanner_txt p{opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}	
	.mo-banner{display:block !important;overflow:hidden; margin-top:0;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display:block;}
	.mo-banner .swiper-pagination{ bottom:10px !important; width:100% !important; margin:0 auto !important; text-align:center;}
	.mo-banner .swiper-pagination-bullet{width:15px;height:2px;background-color:rgba(255,255,255,.5);opacity:1 !important;border-radius:0; margin:0 5px !important;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#0d548c;}
}


/*main1*/
.page2{ width:100%; height:auto; padding:60px 0; background:#fff;}
.mainTit{ height:auto; padding:0 0 30px; text-align:center; color:#000;}
.mainTit h2{ font-size:28px; line-height:1.8; font-weight:500; padding:0;}
.mainTit p{ font-size:24px; line-height:1.8; color:#000;}
.mainTit .classtype{ text-align:center; padding:35px 0 0;}
.mainTit .classtype a{display:inline-block;vertical-align:middle;font-size:16px;color:#999;margin-left:50px; margin-bottom:20px;}
.mainTit .classtype a:first-child{margin-left: 0;}
.mainTit .classtype a:hover{color:#232323;}
.main2Con{ padding:0 0 10px 0;}
.main2Con ul{flex-wrap:wrap;justify-content:center;flex-direction:row;}
.main2Con li{ width:33.333333%; float:left; position:relative;}
.main2Con li a{ display:block; position:relative; height:100%;}
.main2Con li .pic{display:block;position:relative; width:100%; overflow:hidden;}
.main2Con li .pic img{min-height:auto;max-height:none; width:100%; max-width:100%; display:block;}
.main2Con li .info{position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);background:rgba(0,0,0,.5);}
.main2Con li .info .box{width:100%;height:100%;position: relative;display: block;}
.main2Con li .info .desc{width:90%;height:auto;display:block;text-align: left;bottom:8%;left: 5%;position: absolute;}
.main2Con li .info .desc h3{ font-size: 18px; line-height: 30px; color: #fff;}
.main2Con li .info .desc p{ font-size: 14px; line-height: 26px;color: #fff;}
.main2Con li a:hover .info{opacity: 1.0; filter:alpha(opacity=100);}

.main2Con a.button_link{position:relative; display:block; margin:60px auto 0; width:170px; height:52px; line-height:52px; text-align:center;font-size:18px; color:#5c5c5d; text-transform: uppercase; border:1px solid #4c4c4c;}
.main2Con a.button_link span{display: block; position:absolute; z-index:999; width:100%;}
.main2Con a.button_link:before{content:"";width:0%;height:52px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;border-top:1px solid #fff; border-bottom:1px solid #fff;}
.main2Con a.button_link:hover:before{width:100%;}
.page2 *::before{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}

@media(max-width:767px){
	.main2{padding:0; padding:30px 0 15px;}	
	.mainTit{ height:auto; padding:0 10px 15px;}
	.mainTit h2{ font-size:18px; padding:0; line-height:30px;color:#000;}
	.mainTit p{ font-size:18px; line-height:24px; color:#000;}
	.mainTit .classtype{ padding:10px 0 0; display:none;}	
	.mainTit .classtype a{font-size:15px;margin:0 8px 5px;}
	.mainTit .classtype a:first-child{margin-left:8px;}
	.main2Con{ padding:5px 0 10px;}
	.main2Con li{ width:100%; margin-right:0%;}
	.main2Con li .item{ margin-left:0; margin-right:0; width:100%;}
	.main2Con li .item .txt{height:40px;line-height:40px; font-size:14px; background:url(/images/cp_d1.png) no-repeat 98% center;padding:0 20px 0 5px;}
	.main2Con li:hover .txt{padding:0 20px 0 8px;}
	.main2Con li .info{opacity:1;filter:alpha(opacity=100);background:rgba(0,0,0,0);}
	.main2Con li .info .desc h3{ font-size: 14px; line-height:30px; color: #fff;}
	.main2Con li .info .desc p{ font-size:12px; line-height:26px;color: #fff;}
	.main2Con a.button_link{ margin:30px auto 0; width:130px; height:42px; line-height:42px;font-size:15px;}
	
}


.page3{background:#fff; padding:30px 0 50px;}
.main3 .mainCon{ width:100%; padding:0;}
.main3 .mainCon .mL{overflow:hidden;float:left;width:45%;}
.main3 .mainCon .mL .top{overflow:hidden;}
.main3 .mainCon .mL .pic{position:relative;overflow:hidden;}
.main3 .mainCon .mL .pic img.op0{display:block;width:100%;height:auto;}
.main3 .mainCon .mL .info{padding:3%;overflow:hidden;background:#ededed;}
.main3 .mainCon .mL .info .tit{margin:0 0 5px;font-weight:normal;font-size:17px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main3 .mainCon .mL .info p{font-size:13px;line-height:24px;color:#515151; padding:5px 0 0;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden}
.main3 .mainCon .mL .top a:hover .info{background:#ccc;}
.main3 .mainCon .mL .bottom{padding:20px 0 0;overflow:hidden;}
.main3 .mainCon .mL .bottom a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:48%;margin-right:4%;margin-bottom:15px;padding-left:12px;position:relative;font-size:12px;color:#8d8d8d;float:left; line-height:1.2;}
.main3 .mainCon .mL .bottom a:nth-child(2n){margin-right:0;}
.main3 .mainCon .mL .bottom a::before{content:'';display:block;width:1px;height:100%;background:#bfbfbf;position:absolute;left:0;top:0;}
.main3 .mainCon .mL .bottom a:hover{color:#000;}
.main3 .mainCon .mR{overflow:hidden;float:right;width:50%;}
.main3 .mainCon .mR h1{margin:0;font-weight:normal;font-size:30px;color:#000;display:block;border-bottom:1px solid #bfbfbf;padding-bottom:5px;}
.main3 .mainCon .mR .nList{padding:15px 0 0 0;overflow:hidden;}
.main3 .mainCon .mR .nList li{float:left;width:31.333%;margin-right:3%;margin-bottom:16px;padding-left:12px;position:relative;}
.main3 .mainCon .mR .nList li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;font-size:12px;color:#8d8d8d; line-height:1.2;}
.main3 .mainCon .mR .nList li:nth-child(3n){margin-right:0;}
.main3 .mainCon .mR .nList li::before{content:'';display:block;width:1px;height:100%;background:#bfbfbf;position: absolute;left: 0;top:0;}
.main3 .mainCon .mR .nList li a:hover{color:#000;}

.main3 .mainCon .mR .ncList{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:15px 0 0;margin-bottom:0;overflow:hidden;}
.main3 .mainCon .mR .ncList .onetop{overflow: hidden;}
.main3 .mainCon .mR .ncList .onetop .tit{margin:0 0 5px;font-weight: normal;font-size:16px;color: #000;display: block;}
.main3 .mainCon .mR .ncList .onetop p{font-size:12px;line-height:24px;color:#737373; padding:5px 0 0;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;min-height:53px; margin-bottom:5px;}
.main3 .mainCon .mR .ncList .oneList{padding:10px 0 0 0;overflow:hidden;}
.main3 .mainCon .mR .ncList .oneList a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width:31.333%;margin-right:3%;margin-bottom:16px;padding-left:12px;position: relative;font-size:12px;color:#8d8d8d;float:left;}
.main3 .mainCon .mR .ncList .oneList a:nth-child(3n){margin-right:0;}
.main3 .mainCon .mR .ncList .oneList a::before{content:'';display:block;width:1px;height:100%;background:#bfbfbf;position: absolute;left: 0;top: 0;}
.main3 .mainCon .mR .ncList .oneList a:hover {color: #000;}

@media(max-width:767px){
	.main3{ padding:10px 10px 20px;}
	.main3 .mainCon{ width:100%; padding:5px 0;}
	.main3 .mainCon .mL{float:none;width:100%;}
	.main3 .mainCon .mL .bottom{padding:20px 0 0;overflow:hidden;}
	.main3 .mainCon .mL .bottom a{width:100%;margin-right:0;}
	.main3 .mainCon .mL .bottom a:hover{color:#000;}
	
	.main3 .mainCon .mR{ display:none;}
}

.main4{background:#fff;}
.main4 .ads{width:100%; height:590px; padding-top:240px;}
.main4 .ads h2{ font-size:48px; line-height:50px; color:#fff; text-align:center;}
.main4 .ads h5{ font-size:18px; line-height:50px; color:#fff; text-align:center; padding:10px 0 0;}
@media(max-width:767px){
	.main4{background:#fff;}
	.main4 .ads{width:100%; height:240px; padding-top:90px;}
	.main4 .ads h2{ font-size:20px; line-height:1.5;}
	.main4 .ads h5{ font-size:12px; line-height:1.5; padding:0 20px;}
}

.main5{ padding:80px 0;}
.main5 .item{ float:left; width:30%; margin-right:5%; line-height:1.5;}
.main5 .item:last-child{ margin-right:0;}
.main5 .item h2{font-size:20px; padding-bottom:20px;position: relative; color:#000; line-height:1.3;}
.main5 .item h2:after{position: absolute; left: 0; bottom: 0; content: ""; width: 50px; height: 2px; background: #000;}
.main5 .item .des{ font-size:14px; line-height:24px; margin-top:20px;color:#a3a3a3;}
.main5 .item ul {margin-top:30px;}
.main5 .item ul h4{ font-size:18px; line-height: 32px;}
.main5 .item ul li{position:relative;font-size:16px; line-height: 30px; padding-left: 18px;}
.main5 .item ul li:after{content:""; position:absolute;left:2px;top:12px;width:8px;height:8px;background:#000;border-radius:100%;}
@media(max-width:767px){
	.main5{ display:none;}
}


/*footer*/
.footer{ background:#3d5b98; padding:50px 0 0 0;}
.footer .footer_side{padding-bottom:50px;position:relative;}
.footer .footer_side::before{content: '';width: 100%;height: 1px;display: block;background: #4e70b7;position: absolute;left: 0;top:75px;}
.footer .footer_side .left{ float:left; width:40%; overflow:hidden;}
.footer .footer_side .left .name{overflow:hidden;}
.footer .footer_side .left .name .name1{color: #fff;font-size: 14px;padding-bottom: 5px;}
.footer .footer_side .left .name .name2{color: #fff;font-size: 24px;font-family: 'Montserrat-Bold';}
.footer .footer_side .left .contel{padding: 44px 0 22px 0;overflow: hidden;}
.footer .footer_side .left .contel .ewm{display: block;float: left;width: 77px;height: 77px;}
.footer .footer_side .left .contel .ewm img{display: block;width: 100%;height: auto;}
.footer .footer_side .left .contel .tel{display: block;float: left;padding: 12px 0px 0px 20px;}
.footer .footer_side .left .contel .tel span{display: block; color:#fff;font-size: 14px;padding-bottom: 5px; opacity:.9;}
.footer .footer_side .left .contel .tel strong{display:block;color:#fff;font-size: 24px;font-family: 'Montserrat-Bold'; }
.footer .footer_side .left .contel .tel strong i{ font-style:normal;}
.footer .footer_side .left .add{color:#fff;font-size:12px;line-height: 28px;clear: both; opacity:.7;}
.footer .footer_side .right{width:60%;float:right;margin-bottom:0px;color:#fff;overflow:hidden;display:block;text-align:right; opacity:.8;}
.footer .footer_side .right dl{margin-bottom:0;margin-left:12%;overflow:hidden;text-align:left;display:inline-block;vertical-align:top;}
.footer .footer_side .right dl dt{font-size:14px;color:#fff;padding:30px 0;font-weight:bold;clear:both;}
.footer .footer_side .right dl dd{clear: both;padding:20px 0 0 0;overflow: hidden;}
.footer .footer_side .right dl dd p{ margin-bottom:5px;}
.footer .footer_side .right dl dd a{font-size:12px;line-height:22px;color:#aeaeae;text-align:left;}
.footer .footer_side .right dl dd a:hover{color: #fff;}

.copyRight{ background:#334d81; padding:20px 0;}
.copyRight .flink{ width:100%; line-height:1.8; padding:0 0 10px; color:#fff; font-size:12px; opacity:.8;}
.copyRight .flink a{color:#fff; margin:0 4px;}
.copyRight p{ color:#fff; font-size:12px; opacity:.8;}
.copyRight a{color:#fff; margin:0 4px; opacity:.8;}
.footer a:hover{ color:#fff;}

.index_foot{ display:none;}
@media(max-width:767px){
	.footer{ padding:30px 0 0 0;}
	.footer .footer_side{ padding:0 10px 20px;}
	.footer .footer_side .left{ float:left; width:100%; overflow:hidden;}
	.footer .footer_side .left .name .name1{ line-height:1.5; padding:0;}
	.footer .footer_side .left .name .name2{font-size: 20px;line-height:1.5;}
	
	.footer .footer_side .left .contel{padding:44px 0 22px 0;}
	.footer .footer_side .left .contel .ewm{width:78px;height:78px;}
	.footer .footer_side .left .contel .tel{display:block;float:left;padding:0px 0px 0px 15px;}
	.footer .footer_side .left .contel .tel strong{font-size:20px; line-height:1.4;}
	.footer .footer_side .left .contel .tel strong i{ display:block;}
	.footer .footer_side .left .add{line-height:1.8; padding:0 0 10px;}
	
	.copyRight{ padding:20px 10px;line-height:1.8;}
	
	
.footer .footer_side .right,.footer .flink,.footer .footer_side .left .fNav{ display:none;}


	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:none; padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align: center;width:66%; background-color:#000; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}

}
@font-face{ font-family:'testfont';src:url('/style/fonts/oswald-regular-webfont.ttf?tenantId=172241&viewType=1') format('truetype'); }

.footTop{ background:url(/images/footerBg.jpg) no-repeat center; padding:50px 0 0; font-size:14px;}
.footTop .fLeft{float:left;width:240px;}
.footTop .fLeft .fDetails{margin-bottom:60px;position:relative;left:0px;top:0px;}
.footTop .fLeft .fDetails p{color:white;display:block;font-size:14px;background:url(/images/link_bg.png) bottom no-repeat;width:176px;height:30px;cursor:pointer;}
.footTop .fLeft .fDetails p a{color:white;display:block;}
.footTop .fLeft .fDetails p a:hover{color:white;}
.footTop .fLeft .fDetails ul{position:absolute;left:176px;top:28px;width:140px;height:auto;overflow:hidden;background-color:#de262e;z-index:5;display:none; padding:5px 0;}
.footTop .fLeft .fDetails ul li{line-height:30px;width:100%;float:left;text-align:center;}
.footTop .fLeft .fDetails ul li a{color:white; font-size:13px;}
.footTop .fMiddle{float:left;width:523px; margin-left:120px}
.footTop .fMiddle p{display:block;width:466px;height:30px;font-size:14px;color:white;background:url(/images/contact_bg.png) bottom no-repeat;}
.footTop .fMiddle ul{color:white;line-height:36px;padding-top:8px;}
.footTop .fMiddle ul .phone{padding-left:30px;background:url(/images/phone_icon.png) left no-repeat;}
.footTop .fRight{width:180px; float:right;}
.footTop .fRight p{color:white;font-size:14px;background:url(/images/focus_bg.png) left bottom no-repeat;width:100%;height:30px;}
.footTop .fRight .wechat{width:126px;height:126px;background:url(/images/wechat_bg.png) bottom no-repeat; margin-top:20px;text-align:center;float:left;}
.footTop .fRight .wechat img{width:112px;height:112px;margin-top:7px;}
@media(max-width:767px){
	.footTop{ display:none;}
}

.toolbar-item,.toolbar-layer{background:url(/images/toolbar.png?v=2020) no-repeat}
.toolbar{position:fixed;right:0;top:200px;z-index:9999}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s}
.toolbar-item:hover .toolbar-layer{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.toolbar-item-qq b{display:block;position:absolute;right:-230px;height:52px;line-height:52px;top:0;padding:0 0;background:#000;width:180px;text-align:center;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s}
.toolbar-item-qq b{font-size:14px;color:#fff;margin:0 6px}
.toolbar-item-qq:hover b{right:53px}
.toolbar-item-weixin{background-position:0 -438px}
.toolbar-item-weixin:hover{background-position:0 -500px}
.toolbar-item-weixin .toolbar-layer{height:180px;background-position:0 0}
.toolbar-item-qq{background-position:0 -190px}
.toolbar-item-qq:hover{background-position:0 -252px}
.toolbar-item-top{background-position:0 -314px}
.toolbar-item-top:hover{background-position:0 -376px}
.toolbar-layer{position:absolute;right:41px;bottom:-6px;width:172px;opacity:0;transform-origin:95% 95%;-moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%;-o-transform-origin:95% 95%;-webkit-transform-origin:95% 95%;transform:scale(.01);-moz-transform:scale(.01);-ms-transform:scale(.01);-o-transform:scale(.01);-webkit-transform:scale(.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.tabbar{ position: fixed; left: 0; bottom: 0; width: 100%; padding:7px 5px; z-index: 9999; overflow: hidden; background: #fff; text-align: center;-webkit-box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1); }
.tabbar li{ float:left; width:33.33333333%; padding:0 5px; }
.tabbar li a{ display:block; color: #fff;padding:8px 0; margin: 0 auto; background:#F60; font-size: 14px;-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px; }
.tabbar li a i{ margin-right:5px;}
@media(max-width:767px){
	.toolbar{ display:none;}
}


.inwk #wk_top{position:fixed;top:0px;width:100%;z-index:110;left:0px;padding:0px;margin-top:0;opacity:1;border-bottom:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,.15);}
.inwk #wk_top #week_nav{ box-shadow:none !important;}
.inwk .fp-auto-height .footer_side{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.w980{ width:980px; height:auto; margin:0 auto;}

.flex-row{ -webkit-display:flex; -moz-display:flex; -o-display:flex; display:flex; flex-direction:row;}
.around{ justify-content:space-around; align-items:center;}
.between{ justify-content:space-between; align-items:center;}
.center{ justify-content:center; align-items:center;}
.start{ justify-content:flex-start; align-items:center;}
.end{ justify-content:flex-end; align-items:center;}
.form-control::-webkit-input-placeholder{ color:#fff;}
.form-enroll .form-control::-webkit-input-placeholder{ color:#888;}


.inbanner{ width:100%; height:280px; background-repeat:no-repeat; background-position:center; margin-top:0;}
.inbanner.cBan{ height:auto;}
.subBan{ width:900px; height:280px; padding-top:80px; margin:0 auto; text-align:center;}
.subBan span{ display:block; height:auto; line-height:42px; margin-bottom:15px; color:#fff; font-size:30px; font-weight:bold; position:relative; padding-bottom:20px;}
.subBan span:after{content:"";clear:both;display:block;position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;height:2px;background-color: rgba(255, 255, 255, 0.5);}
.subBan em{ display:block; height:35px; line-height:35px; color:#fff; font-size:16px; font-style:normal;}
.inbanner img{ max-width:100%; height:auto;}
@media(max-width:767px){
	.inbanner{ width:100%; height:180px; margin-top:0; padding:0; background-size:auto 200px;}
	.subBan{ width:80%; height:180px; padding-top:30px;}
	.subBan span{ height:auto; line-height:32px; margin-bottom:10px; font-size:22px; padding-bottom:15px;}
	.subBan em{ height:22px; line-height:22px; font-size:15px;}
	
}

.inCase{ padding:0; width:100%;}
.inCase ul{ width:100%; height:auto; padding:0;}
.inCase li a{ display:block; position:relative; height:100%;}
.inCase li .pic{display:block;position:relative; width:100%; overflow:hidden;}
.inCase li .pic img{min-height:auto;max-height:none; width:100%; max-width:100%; display:block;}
.inCase li .info{position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);background:rgba(0,0,0,.5);}
.inCase li .info .box{width:100%;height:100%;position: relative;display: block;}
.inCase li .info .desc{width:90%;height:auto;display:block;text-align:center;top:50%;left:5%;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.inCase li .info .desc h3{ font-size: 18px; line-height:30px; color:#fff;}
.inCase li .info .desc p{ font-size: 14px; line-height:26px;color:#fff;}
.inCase li a:hover .info{opacity:1.0; filter:alpha(opacity=100);}
@media(max-width:767px){
	.related{ padding-bottom:20px; margin-top:40px;}
	.related .title h2,.related .title h4{ font-size:20px; line-height:30px;}
	.relatedList ul{ width:100%; height:auto; padding:20px 0 0;}
	
}




/*side_left*/
.inmain{ padding:0;}

.side_left{ width:100%; height:auto;position:relative; padding:30px 0 10px;}
.innav{height:auto; overflow:hidden;margin-bottom:0;}
.innav .listNum{ width:100%;}
.innav ul{padding:0; text-align:center;}
.innav ul li{display: inline-block;vertical-align: middle;margin:0 20px 20px;}
.innav ul>li>a{font-size:16px;color:#999;}
.innav ul>li.cur>a,.innav ul>li:hover>a{ color:#000;}
@media(max-width:767px){
	.location{ padding:10px 10px; line-height:26px; font-size:.9rem; display:none;}
	.location .tel{ display:none;}
	
	.inmain{ padding:1rem 0 2rem;}
	.side_left{ width:100%; height:auto; float:left;top:0; padding:0 10px;}
	.innav .sideLtit{ display:none;}
	.innav{ height:auto; margin-bottom:15px; padding:0;}
	.innav ul{ display:block; border:none; padding:0; background:#fff;}
	.innav ul li{ display:inline-block; width:auto/*48%*/; margin:0 6% .5rem 0; float:left; border:none; border-radius:5px;}
	.innav ul li:nth-child(2n){ margin-right:6%;}
	.innav ul li a{ width:100%; padding:8px 0; font-size:.95rem; line-height:1.7; text-align:center; border:none; height:auto;}
	.innav ul>li>a:after{ display:none;}
	.innav ul>li.cur>a,.innav ul>li:hover>a{border-left:none;color:#000;}
}

/*side_right*/
.about_content{}
.contactBox{ width:100%; height:auto; padding:50px 0;}
.contactBox .map{ float:left; width:62.5%;}
.contactBox .contentBox{ float:right; width:32.25%; color:#555; line-height:2;}
.linea{width:100%; height:1px; background:rgb(158, 158, 158); margin:10px 0px;}
.ewma{ width:100%; height:auto; padding:10px 0 0;}
.ewma img{ float:left; width:110px; height:auto;}
.ewma .txt{ margin:20px 0px 0px 20px; font-size:15px; float: left;}

@media(max-width:767px){
	.about_content{ width:100%; padding:0;}
	.contactBox{ padding:15px 0;}
	.contactBox .map{ width:100%;}
	.contactBox .contentBox{ width:100%; padding:15px 0 0;}
	.ewma{ width:100%; height:auto; padding:10px 0 0;}
	.ewma img{ float:left; width:90px; height:auto;}
	.ewma .txt{ margin:15px 0px 0px 18px; font-size:15px; float: left;}
}

.side_right{ width:100%; height:auto; overflow:hidden; min-height:300px; padding:0; padding-bottom:40px;}
.about_c{ width:100%; margin:0 auto; height:auto; color:#555; line-height:2; padding:60px 0;}
.about_c .aTit{ padding:60px 0 30px; font-size:30px; text-align:center; color:#000; line-height:40px;}
.about_c .aTit span{ display:block; font-size:26px; color:#333;}
.about_c img{ max-width:100%; height:auto;}
.contact_c{ width:100%; margin:0 auto; height:auto; color:#555; line-height:2;}
.contact_c img{ max-width:inherit;}
.pop .center,.pop .bottom{ box-sizing:content-box;}
@media(max-width:767px){
	.side_right{ width:100%; min-height:100px; padding:0;}
	.about_c{ width:100%; padding:0 10px 0; font-size:.85rem;}
	.about_c img{ max-width:98%; height:auto;}
	.contact_c{ width:100%; padding:0 10px 0; font-size:.85rem;}
	
	.about_c .aTit{ padding:30px 0 20px; font-size:24px; line-height:1.8;}
	.about_c .aTit span{ font-size:16px;}
}

.hzList{padding-top:5px;}
.hzList ul{ width:100%; height:auto;}
.hzList ul li{ float:left; width:190px; height:100px; margin:0 12px 12px 0; border:1px solid #cdcdcd; position:relative; cursor:pointer; box-sizing:border-box;}
.hzList ul li:nth-child(6n){ margin-right:0;}
.hzList ul li img{ width:100%; height:100%;}
.hzList ul li a{ display:block; width:100%; height:100%;}
.hzList .hzjpa{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;}
.hzList .hzjpb{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 10ms; opacity:0}
.hzList li:hover .hzjpa{opacity:0;transform:rotateY(180deg); z-index:1;}
.hzList li:hover .hzjpb{opacity:1;transform:rotateY(360deg); z-index:2;}
@media(max-width:767px){
	.hzList ul li{ width:48%; height:auto; margin:0 4% 10px 0;}
	.hzList ul li:nth-child(2n){ margin-right:0;}
	.hzList ul li:nth-child(2n+1){ margin-right:4%;}
	.hzList ul li img{ width:100%; height:auto;}
	.hzList .hzjpa{ position:relative;}
	.hzList .hzjpb{ display:none;}
	.hzList li:hover .hzjpa{opacity:1;transform:rotateY(0);}
}


.service01{ width:100%; background:url(/images/service01.jpg) no-repeat center; background-size:cover; padding:120px 0; position:relative;}
.service01 ul{ display:block;}
.service01 ul::before {content: '';width:100%;height:2px;position:absolute;display: block;left:0;top:50%;margin-top:-17px; background:#434141;overflow:hidden;}
.service01 ul li{ float:left;text-align:left;margin:0 2% 0 0; width:18.4%;padding-bottom:43px;}
.service01 ul li:last-child{ margin-right:0;}
.service01 ul li i{width:110px;display: block;position: relative;overflow:hidden;}
.service01 ul li i img{display: block;width:100%;height:auto;max-height:110px;}
.service01 ul li i::after {content:'';width:12px;height:12px;display: block;margin:40px auto;background:#434141;border-radius:100px;overflow: hidden;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.service01 ul li h4{font-size:20px;color:#fff;text-transform:uppercase;font-family:Arial;padding-left:5px; line-height:1.5;}
.service01 ul li h5{font-size:18px;color: #fff;padding:15px 0 0 5px;overflow: hidden;}
.service01 ul li a:hover i::after{background: #fff;}
.service01 ul li a:hover h4,.service01 ul li a:hover h5{-webkit-animation:1s color1  ease-in;animation:1s color1 ease-in;}
@-webkit-keyframes color1 {0%,100% {color: #fff;}50% {color: #434141;}}
@keyframes color1 {0%,100% {color: #fff;}50% {color: #434141;}}
@media(max-width:767px){
	.service01{ padding:50px 10px;}
	.service01 ul::before { display:none;}
	.service01 ul li{text-align:center;margin:0; width:100%;padding-bottom:43px;}
	.service01 ul li i{width:50px; margin:0 auto;}
	.service01 ul li i img{max-height:50px;}
	.service01 ul li i::after { display:none;}
	.service01 ul li h4{font-size:18px; padding-top:15px;}
	.service01 ul li h5{font-size:16px;padding:10px 0 0 5px;}
	
}

.service02{ width:100%; background:url(/images/service02.jpg) no-repeat center; background-size:cover; padding:80px 0 100px; position:relative;}
.service03{ width:100%; background:url(/images/service03.jpg) no-repeat center; background-size:cover; padding:80px 0 100px; position:relative;}
.service04{ width:100%; background:url(/images/service04.jpg) no-repeat center; background-size:cover; padding:80px 0 100px; position:relative;}
.service05{ width:100%; background:url(/images/service05.jpg) no-repeat center; background-size:cover; padding:80px 0 100px; position:relative;}
.service06{ width:100%; background:url(/images/service06.jpg) no-repeat center; background-size:cover; padding:80px 0 100px; position:relative;}
.serviceBox .sTit{text-align:center;}
.serviceBox .sTit h5{font-size:36px;text-transform:uppercase;font-family: Arial;color:#000; line-height:1.8;}
.serviceBox .sTit h2{font-size:28px;position: relative;display:block;color:#000;}
.serviceBox .sTit h2::after{content:'';display:block;width:33px;height:2px;background:#000;margin:22px auto 15px auto;}
.serviceBox .sTit p{font-size:15px;line-height:32px;margin:auto;color:#787a7b;}
.serviceBox .sTit p span{ display:block;color:#787a7b;}
.serviceBox .sList{display:block;position:relative;overflow:hidden;padding-top:40px;}
.serviceBox .sList li{float:left;width:19.2%;text-align:center;margin:0 1% 0 0;padding:30px 0; background:rgba(255,255,255,.35);}
.serviceBox .sList li:last-child{ margin-right:0;}
.serviceBox .sList li i{width:100px;display:block;margin:auto;position: relative;overflow: hidden;}
.serviceBox .sList li i img{display:block;width:100%;height:auto;}
.serviceBox .sList li h5{font-size:12px;padding-top:20px; text-transform:uppercase;color:#787a7b;font-family: Arial;}
.serviceBox .sList li h6{font-size:16px;padding:5px 0;overflow: hidden;color:#787a7b;}
.serviceBox .sList li:hover{background:#fff;}
.serviceBox .sList li:hover *{color:#000;}
.service03 .sTit h5,.service05 .sTit h5{color: #fff;}
.service03 .sTit h2,.service05 .sTit h2{color: #fff;}
.service03 .sTit h2::after,.service05 .sTit h2::after{background:#fff;}
.service03 .sTit p,.service05 .sTit p{color:#fff;}
.service03 .sList li,.service05 .sList li{background:rgba(255,255,255,.05);}
.service03 .sList li i img,.service05 .sList li i img{-webkit-filter:grayscale(100%) brightness(300%);-moz-filter:grayscale(100%)  brightness(300%);-ms-filter:grayscale(100%) brightness(300%);-o-filter:grayscale(100%) brightness(300%);filter: grayscale(100%) brightness(300%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.service03 .sList li h5,.service05 .sList li h5{color:#fff;}
.service03 .sList li h6,.service05 .sList li h6{color:#fff;}
/*.service04 .sList li,.service06 .sList li{background:rgba(255,255,255,.5);}*/
.serviceBox .sList li:hover i img{-webkit-filter:grayscale(100%) brightness(100%);-moz-filter:grayscale(100%)  brightness(100%);-ms-filter:grayscale(100%) brightness(100%);-o-filter:grayscale(100%) brightness(100%);filter: grayscale(100%) brightness(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
@media(max-width:767px){
	.service02,.service03,.service04,.service05,.service06{ padding:40px 10px 50px;}
	.serviceBox .sTit h5{font-size:22px; line-height:1.4;}
	.serviceBox .sTit h2{font-size:20px;}
	.serviceBox .sTit h2::after{margin:18px auto 12px;}
	.serviceBox .sTit p{font-size:14px;line-height:28px;}
	.serviceBox .sList{padding-top:20px;}
	.serviceBox .sList li{float:left;width:18%;text-align:center;margin:0 1% 0;padding:10px 0; background:none;}
	.serviceBox .sList li:last-child{ margin-right:1%;}
	.serviceBox .sList li i{width:80%;}
	.serviceBox .sList li h5{ display:none;}
	.serviceBox .sList li h6{font-size:13px;padding:5px 0;}
	.serviceBox .sList li:hover{background:#fff;}
	.serviceBox .sList li:hover *{color:#000;}
	
}





.link{ width:100%; height:auto;}
.link li{  width:200px; float:left; margin:20px 20px 5px;}
.link li img{ border:3px #999 solid; width:194px; height:auto;}
.link li span{ text-align:center; padding-top:5px; display:block; font-size:14px;}

.sideCon{ padding:20px 0 0;}
.news_con{ width:100%; padding:10px 0 0;}
.news_con ul{ width:100%; height:auto; margin-top:-15px; padding-bottom:10px;}
.news_con ul li{ float:left; border-bottom:#ddd 1px dashed; padding:20px 0; width:100%; position:relative;}
.news_con ul li a{ display:inline-block; line-height:25px; max-width:1000px;}
.news_con ul li h5{ font-size:18px; font-weight:500; color:#585858; line-height:28px;-webkit-transition:background .4s;transition:background .4s;}
.news_con ul li h5 a{ float:left; display:inline-block; max-width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#585858;}
.news_con ul li h5 span{ float:right; font-size:14px; font-weight:normal;}
.news_con ul li .desc{ display:block; font-size:14px; color:#585858; line-height:26px; margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_con ul li p{ padding:15px 0 0; font-size:14px;}
.news_con ul li p span{ display:inline-block; padding:5px 10px; border:1px solid #d6d6d6; border-radius:5px; line-height:28px; width:122px; text-align:center;}
.news_con ul li:hover h5 a{ text-decoration:underline; color:#000;}
@media(max-width:767px){
	.sideCon{ padding:0;}
	.news_con{padding:0;}
	.news_con ul{ margin-top:-12px}
	.news_con ul li{ padding:12px 0 ;}
	.news_con ul li a{ max-width:100%;}
	.news_con ul li h5{ font-size:1rem; line-height:1.5; padding-bottom:5px;}
	.news_con ul li h5 a{ max-width:75%;}
	
}

.case_list{ width:100%; margin:0; height:auto; padding:15px 0 0;}
.case_list ul{ width:100%;}
.case_list ul li{ float:left; position:relative; width:33.1%;margin-right:0.35%;margin-bottom:.35%; overflow:hidden;}
.case_list ul li:nth-child(3n){ margin-right:0;}
.case_list ul li a{ display:block; overflow:hidden; height:100%; position:relative;}
.case_list ul li .pic{display:block; width:100%; overflow hidden;}
.case_list ul li .pic img {display:block; width:100%; max-width:100%;}
.case_list ul li .tit{ padding:10px; background:#fff;}
.case_list ul li .tit h3{font-size:16px;line-height:26px;color:#5c5c5d;}
.case_list ul li .tit p{font-size:14px;line-height:24px;color:#5c5c5d;}
.case_list ul li:hover .tit{background: #000;}
.case_list ul li:hover .tit h3{color:#ddd;}
.case_list ul li:hover .tit p{color:#ddd;}
@media(max-width:767px){
	.case_list{ padding:0 10px 0;}
	.case_list ul li{ float:left; position:relative; width:100%; margin:0 0% 10px 0;}
	.case_list ul li:nth-child(2n){ margin-right:0;}
	.case_list ul li:nth-child(2n+1){ margin-right:0%;}
	.case_list ul li img{ display:block; width:100%; height:auto;}
	.case_list ul li .tit{ padding:5px 0; color:#a5a5a5;}
	.case_list ul li .tit h3{ color:#a5a5a5; text-align:center;}
}

.page{ width:100%; margin:15px 0 0; height:auto;text-align:center;font-size:14px;color:#666666; font-family:'Conv_HelveticaNeueLT-ThinExt',"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}
.page a,.page span{vertical-align:middle;display:inline-block; padding:1px 13px;height:auto;color:#666666;line-height:30px;text-align:center;border-radius:3px;margin:0 3px;border:1px solid rgba(0, 0, 0, 0.2);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.page a.on,.page a:hover{background-color:#000; border-color:#000;color:#ffffff;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.page .none{ display:none !important;}
#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:#000; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#000; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:6px 12px; }

}

.message{ width:100%; height:auto; padding:0;}
.message .title{ font-size:15px; color:#666; line-height:2;}
.message .title h5{ font-size:17px; font-weight:bold; color:#333;}
.message .title p{ padding:5px 0 0;}
.message .con{ width:100%; height:auto; padding:10px 0 0;}
.message .con dd{ float:left; width:100%; padding:10px 0;}
.message .con dd span{ display:block; font-size:15px; padding-right:10px; width:110px; color:#333; line-height:46px; text-align:right; float:left;}
.message .con dd input.inputA{ border:1px solid #e5e5e5; background:#fff; outline:none;}
.message .con dd input.inputA:hover{ border:1px solid #e4e4e4; background-color:#f9f9f9; }
.message .con dd .inputA{ float:left; width:554px; padding:10px 16px; font-size:15px; transition:all 0.3s linear; vertical-align:top;}
.message .con dd textarea{ float:left; min-height:166px;width:554px; padding:10px 16px; font-size:15px; transition:all 0.3s linear; vertical-align:top; border:1px solid #e5e5e5; outline:none;}
.message .con dd .inputBtn{ float:left; width:280px; padding:12px 0; font-size:18px; transition:all 0.3s linear; vertical-align:top; background:#de262e; color:#FFF; border:none; letter-spacing:1px;outline:none;}
@media(max-width:767px){
	.message{ padding:15px 10px 0;}
	.message .title{ font-size:14px;}
	.message .title h5{ font-size:16px;}
	.message .title p{ line-height:1.8;}
	.message .con dd{ padding:8px 0;}
	.message .con dd span{ display:none;}
	.message .con dd .inputA{ width:100%; padding:10px 10px; font-size:14px;}
	.message .con dd textarea{  min-height:126px;width:100%; padding:10px 10px; font-size:14px;}
	.message .con dd .inputBtn{  width:100%; padding:10px 0;}
}

.display_con{ width:100%; margin:0 auto; color:#666; min-height:300px; padding:20px 0 0;}
.itleft{float:left;width:74%;position:relative;padding-right:3%;}
.itleft .innav ul{ text-align:left; padding:15px 0 0;}
.dis_title{ width:100%;text-align:center;padding-bottom:10px;border-bottom:1px dashed #ddd;margin-bottom:10px; }
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:0;}
.dis_title h4{ text-align:center; margin:0; padding:10px 0 5px; font-size:22px; font-weight:500; line-height:40px;}
.dis_title span{ color:#737373; font-size:14px; display:block; width:100%; line-height:30px;}
.d_c{ font-size:16px; line-height:2; padding:10px 0 20px; width:100%; height:auto; color:#555;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}
.d_c img{ vertical-align:inherit;}
.itright{float:right;width:25%;background: #f8f8f8;padding:20px 2%;}
.itright .tit{font-size:18px;border-bottom:1px solid #b5b5b6;padding:0 0 10px;overflow: hidden;margin: 0;}
.itright ul{padding:10px 0;overflow: hidden;}
.itright .topNews{ width:100%; height:auto; padding:2px 0;}
.itright .topNews a{ display:block;font-size:14px;color:#595757;padding:5px 0;}
.itright .topNews img{ max-width:100%; height:auto;}
.itright .topNews .text{ padding:5px 0 0;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.itright .topNews a:hover .text{color:#000;}
.itright ul li{padding:5px 0;overflow: hidden;}
.itright ul li a{font-size:14px;color: #595757;display:block;overflow:hidden;padding:5px 0;float:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%;}
.itright ul li a:hover {color:#000;}


.pages{ margin-top:18px; position:relative; padding:10px 120px 10px 0;border-top:1px solid #d4d4d4; width:100%; float:left;}
.pages div{ height:34px; line-height:34px; font-size:15px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pages span{ font-size:15px; color:#616161;}
.pages a{ color:#616161; font-size:15px;}
.pages a:hover{ color:#000;}
.pages .btn-back{ position:absolute; top:24px; right:0; width:115px; height:38px; padding-left:43px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:15px; color:#fff; line-height:38px; background:url(/images/icon-back.png) no-repeat 10px center #000;}
.pages .btn-back:hover{ color:#fff;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:0 solid #CCC;}
#shuiyinDiv img{ max-width:90%; height:auto;}
.bd_weixin_popup{ box-sizing:content-box;}
.newsAvow{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}
@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:100px; padding:0;}
.itleft{float:none;width:100%;padding:0 10px;}
.itleft .innav ul{ padding:0 0 0;}
.itleft .innav ul li{ display:inline-block; width:auto; margin:0 6% .5rem 0;}
.itleft .innav ul li:nth-child(2n){ margin-right:6%;}
.dis_title{padding-bottom:10px;border-bottom:1px dashed #ededed;margin-bottom:0; }
.dis_title span{ line-height:1.5; font-size:12px;}
.dis_title h4{ font-size:18px; padding-top:0;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px; padding:10px 0 10px;}
.d_c img{ max-width:98%; height:auto;}

.itright{float:none;width:96%;padding:10px 2% 0; margin:15px 2% 0; display:none;}

.pages{ padding:0 120px 0 0;}
.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages>div{ padding:5px 0;}
.pages span{ font-size:.9rem; color:#333;}
.pages a{ font-size:.9rem;}

.btn {display:inline-block;padding:0; margin-bottom:0;
  font-size:14px;
  font-weight:normal;
  line-height:1.42857143;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
      touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  background-image:none;
  border:1px solid transparent;
  border-radius:4px;
}	
}

.case_show{ width:100%; padding:20px 0 0;}
.caseTop{ width:100%; overflow:hidden;}
.caseTop .case-title{float:left; color:#787a7b;}
.caseTop .case-title h2{ font-size:28px; line-height:36px;}
.caseTop .case-title h4{ font-size:18px; line-height:24px;}
.caseTop .case-des{ width:760px; float:right;}
.caseTop .case-des .case-txt{font-size:14px; line-height: 22px; color: #343434; margin-top: 28px;}
.caseBottom{margin-top: 70px; overflow: hidden;}
.caseBottom img{ max-width:100%; height:auto; vertical-align:inherit;}
.page-bo{margin-top:60px; border-top:1px solid #d4d4d4; padding-top:50px;}
.page-bo>div{position:relative;}
.page-bo a{display: block;font-size: 16px; line-height: 30px; height: 30px; color: #333;}
.page-bo a.mid-close{width:30px; height:30px; position:absolute; left: 50%; margin-left:-15px; top:0;}
.page-bo a.mid-close:before, .page-bo a.mid-close:after {content:""; position:absolute; width:30px; height: 2px; background: #000; border-radius:5px;}
.page-bo a.mid-close:before {-ms-transform:translateY(13px) rotate(45deg);-webkit-transform:translateY(13px) rotate(45deg); -moz-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg); transform: translateY(13px) rotate(45deg);}
.page-bo a.mid-close:after{-ms-transform:translateY(13px) rotate(-45deg);-webkit-transform:translateY(13px) rotate(-45deg); -moz-transform: translateY(13px) rotate(-45deg); -o-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg);}
.page-bo a.mid-close:hover:before,.page-bo  a.mid-close:hover:after {-ms-transform:translateY(13px) rotate(0);-webkit-transform:translateY(13px) rotate(0); -moz-transform: translateY(13px) rotate(0); -o-transform: translateY(13px) rotate(0); transform: translateY(13px) rotate(0); background: #b7b7b7;}
.page-bo a.case-mid-close {width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; top: 5px;background: url(/images/case-mid-close.png) no-repeat center;background-size: cover;}
.page-bo a.case-mid-close:hover {-ms-transform: rotate3d(0,1,0,180deg);-webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg); transform:rotate3d(0,1,0,180deg); opacity: .5;filter:alpha(opacity=50);}

.page-bo a.prev {float:left; padding-left: 36px; position: relative;}
.page-bo a.next {float:right; padding-right: 36px;position: relative;}
.page-bo a span {display:block;}
.page-bo a.prev span:before, .page-bo  a.prev span:after {position: absolute; display: block;content: '';position: absolute;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.page-bo a.prev span:before{left:5px; top: 14.5px; width: 25px; height: 1px; background: #333;}
.page-bo a.prev span:after{left:-5px; top: 10px; width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent #333 transparent transparent;}
.page-bo a.prev:hover span:before{/*width:50px; left: 0px;*/ background: #b7b7b7;}
.page-bo a.prev:hover span:after{/*left:-5px;*/ border-color: transparent #b7b7b7 transparent transparent;}
.page-bo a.next span:before, .page-bo  a.next span:after {position: absolute; display: block;content: '';position: absolute;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
.page-bo a.next span:before {right: 5px; top: 14.5px; width: 25px; height: 1px; background: #333;}
.page-bo a.next span:after {right: -5px; top: 10px; width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #333;}
.page-bo a:hover {color: #b7b7b7;}
.page-bo a.next:hover span:before{/*width: 50px; right: -0px;*/ background:#b7b7b7;}
.page-bo a.next:hover span:after{/*right: -5px;*/border-color: transparent transparent transparent #b7b7b7;}
@media(max-width:767px){
	.caseTop{ padding:0 10px;}
	.caseTop .case-title{border-bottom: 1px solid #e5e5e5; padding-bottom:10px; width:100%;}
	.caseTop .case-title h2{ font-size:20px; line-height:30px;}
	.caseTop .case-title h4{ font-size:15px; line-height:20px;}
	.caseTop .case-des{ width:100%;}
	.caseBottom{margin-top:10px; padding:0 10px;}
	.caseBottom img{ max-width:98%; height:auto;}
	.page-bo{margin-top:30px; padding:20px 10px 0;}
	
	
}


.related{ padding-bottom:60px; margin-top:60px;}
.related .title{text-align:center;}
.related .title h2,.related .title h4{ font-size: 28px; line-height:36px;color:#585858;}
.relatedList{ padding:0 42px;}
.relatedList:after,.relatedList:before{ content:""; display:block; width:42px; height:100%; background:#fff; position:absolute; top:0; z-index:99;}
.relatedList:after{ left:0;}
.relatedList:before{ right:0;}
.relatedList ul{ width:100%; height:auto; padding:50px 0 0;}
.relatedList li a{ display:block; position:relative; height:100%;}
.relatedList li .pic{display:block;position:relative; width:100%; overflow:hidden;}
.relatedList li .pic img{min-height:auto;max-height:none; width:100%; max-width:100%; display:block;}
.relatedList li .info{position:absolute;left:0;top:0;display:block;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);background:rgba(0,0,0,.5);}
.relatedList li .info .box{width:100%;height:100%;position: relative;display: block;}
.relatedList li .info .desc{width:90%;height:auto;display:block;text-align:center;top:50%;left:5%;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.relatedList li .info .desc h3{ font-size: 18px; line-height:30px; color:#fff;}
.relatedList li .info .desc p{ font-size: 14px; line-height:26px;color:#fff;}
.relatedList li a:hover .info{opacity:1.0; filter:alpha(opacity=100);}
.relatedList .swiper-button-prev{ left:8px; width:20px; height:62px; background:url(/images/lb2.png) no-repeat center; border:none; margin:0; z-index:100;bottom:50%; background-size:100% auto; margin-bottom:-46px;}
.relatedList .swiper-button-next{ left:auto; right:8px; width:20px; height:62px; background:url(/images/rb2.png) no-repeat center; border:none; margin:0; z-index:100;bottom:50%; background-size:100% auto; margin-bottom:-46px;}
@media(max-width:767px){
	.related{ padding-bottom:20px; margin-top:40px;}
	.related .title h2,.related .title h4{ font-size:20px; line-height:30px;}
	.relatedList ul{ width:100%; height:auto; padding:20px 0 0;}
	
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('/style/fonts/Montserrat-Light.eot');
	src: local('☺'), url('/style/fonts/Montserrat-Light.woff') format('woff'), url('/style/fonts/Montserrat-Light.ttf') format('truetype'), url('/style/fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('/style/fonts/Montserrat-Bold.eot');
	src: local('☺'), url('/style/fonts/Montserrat-Bold.woff') format('woff'), url('/style/fonts/Montserrat-Bold.ttf') format('truetype'), url('/style/fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}