﻿/* CSS Document */
body{ height:100%; min-width:1200px; overflow-x:hidden;}
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; vertical-align:middle;}
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;}
img{-ms-interpolation-mode:bicubic;border:0;vertical-align:bottom;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:#1d4a90; text-decoration:none;}
em,i{font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.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{border-bottom:0 solid #DDDDDD;background:#FFFFFF;}
#wk_top .wp{padding:10px 0 0;}
#week_nav{width:100%;min-width:1200px;height:auto;overflow:visible;padding:0;background:#FFF;margin:0 auto;}
#week_nav{position:relative;top:0;z-index:15;width:100%;}
.wk_index_main{width:100%;}
.wk_lonav{width:100%;height:auto;}
.wk_lonav .left{ float:left;width:15.2%;height:auto; position:relative;}
.wk_lonav .left:after{ content:""; display:block; width:1px; height:80%; background:#eee; position:absolute; right:0; top:10%;}
.wk_logo{ width:100%;line-height:0;text-align:right; padding:15px 20px;}
.wk_logo img{display:block;width:auto; height:70px;margin:0 auto;}
.wk_logo span{ display:none;}
.wk_lonav .right{width:70.8%;padding:0px 0 0 2%; float:left;}
.headRights,.sub_nav{ display:none;}
.wk_lonav .right .con{ padding:11px 0 10px;border-bottom:#eaeaea 1px solid;}
.wk_lonav .right .con h2{font-size:20px;color:#333;line-height:1.3; font-weight:bold; float:left;letter-spacing:1px;}
.wk_lonav .right .con h2 i{display:block;font-size:12px;font-weight:normal;color:rgba(51,51,51,0.5);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase; letter-spacing:0px; padding-top:3px;display:none;}
.wk_lonav .right .con .tel{font-size:20px;color:#333;font-weight:bold;line-height:25px; float:right; margin:10px 0;}
.wk_lonav .right .con .tel em{display:block;float:left;line-height:0;width:35px;height:25px;padding-right:10px;}
.wk_lonav .right .con .tel em img{width:25px;height:25px;}
.wk_inav{display:block;float:right;width:100%;height:auto;overflow:visible;}
.wk_lonav .right .nav{ padding-left:0px;}
.nav{float:left;height:52px;overflow:visible;width:100%;}
.nav li{float:left;padding:0 4.5%;height:52px;line-height:52px; position:relative;}
.nav li:first-child{ padding-left:0;}
.nav li:last-child{ padding-right:0;}
.nav li>a{font-size:16px;color:#666;text-decoration:none;transition:color 0.3s linear 0s;line-height:52px;height:52px;padding:0;overflow:hidden; position:relative; display:block;}
.nav li>a:after{position:absolute;bottom:0.5rem;left:0;width:100%;height:3px;background:#234ea3;border-radius:0.2rem 0.2rem 0 0;content:'';opacity:0;-webkit-transition:height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition:height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition:height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px);}
.nav li:hover>a:after,.nav li.a>a:after{height:3px;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}
.nav li.a>a,.nav li:hover>a{color:#234ea3;}
.navSub{ width:80%; min-width:140px; background:#fff; position:absolute; top:52px; left:-1%; height:auto; box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1); -webkit-transform-origin:top center; -ms-transform-origin:top center; transform-origin:top center; -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); /*-webkit-transition:-webkit-transform .3s .2s; transition:transform .3s .2s;*/}
.navSub .n-navSub{ opacity:0; -webkit-transform:translate(0, -20px); -ms-transform:translate(0, -20px); transform:translate(0, -20px);/* -webkit-transition:all .2s; transition:all .2s;*/}
.navSub .n-navSub a{ height:45px; line-height:45px; display:block; padding:0 20px; text-align:left; color:#333; font-size:14px; position:relative;/* -webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1); transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1);*/ text-align:center;}
.navSub .n-navSub a:hover{ background:#1d4a90; color:#fff; }
.navSub .n-navSub .nav-arrow{ position:absolute; top:15px; right:10px; width:16px; height:16px; opacity:0; -webkit-transform:rotate(0deg) translate(-20px, 0px); -ms-transform:rotate(0deg) translate(-20px, 0px); transform:rotate(0deg) translate(-20px, 0px);}
.navSub .n-navSub a:hover .nav-arrow{ -webkit-transition:-webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; opacity:1; -webkit-transform:rotate(0deg) translate(0px, 0px); -ms-transform:rotate(0deg) translate(0px, 0px); transform:rotate(0deg) translate(0px, 0px); display:none;}
.nav li .navSub.active{ -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); /*-webkit-transition:-webkit-transform .3s; transition:transform .3s;*/ }
.nav li .navSub.active .n-navSub{ opacity:1; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);/* -webkit-transition:all .2s .3s; transition:all .2s .3s;*/ }

.wk_idl{float:right;width:80px;height:60px;}
@media(max-width:1380px){
	.nav li{padding:0 4.2%;}
}
@media(max-width:1300px){
	.nav li{padding:0 3.8%;}
}
@media(max-width:1240px){
	.nav li{padding:0 3.5%;}
}
/******************搜索框******************/
.search-box-top{width:42px;height:100px;display:block;float:right;background:#b4b4b4 url(/images/head01.png) no-repeat center;position:relative;z-index:3;transition:background 0.3s;}
.search-close-top{background-image:url(/images/head03.png);}
.search-box{/*float:right;*/margin:33px 10px 8px 0;display:none; position:absolute; right:42px; top:0;z-index:999;; width:auto; height:34px;}
.search-box.searchShow{ display:block;}
.search-box .search-input{width:106px;height:34px; border:0px solid #dedede; padding:0 5px 0 10px; outline:none; float:left; border-radius:17px 0 0 17px; overflow:hidden;background:#ebebeb; color:#333;}
.search-box .search_btn{background:#ebebeb url(/images/icon_search.png) no-repeat center; width:36px; height:34px; float:left; border:none; border-radius:0 17px 17px 0; overflow:hidden; padding:0;}



@media(max-width:767px){
	.search-box-top{ display:none;}
	#wk_top{height:66px !important; position:fixed;top:0px;width:100%;z-index:1100;left:0px;padding:0px;margin-top:0;opacity:1;border-bottom:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,.15);}
	#wk_top{}
	#week_nav{min-width:320px;}
	#week_nav{height:auto; padding:8px 0;}
	#week_nav>div{ height:100%;}
	.wk_lonav{height:100%; position:relative;}
	.wk_lonav .left{width:100%; position:relative;}
	.wk_lonav .left:after{ display:none;}
	.wk_logo{width:100%;height:auto;margin:0; padding:0 35px 0 10px; float:left;text-align:left;}
	.wk_logo h2{padding:0;}	
	.wk_logo img{ display:inline-block; max-width:100%; height:50px; width:auto; margin:0; vertical-align:middle; display:none;}	
	.wk_logo span{font-size:16px;color:#333;line-height:1.3; font-weight:bold; display:inline-block;  vertical-align:middle; padding-left:0; padding-top:0; display:block;}
	.wk_logo span img{ display:block; max-width:95%; height:auto;}
	.wk_logo span em{display:block;font-size:12px;font-weight:normal;color:rgba(51,51,51,0.5);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;padding-top:3px;font-style:normal; display:none;}
	.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{display:inline;width:25px;height:16px;position:relative;cursor:pointer; margin-right:10px; position:absolute; top:19px; right:0;}
	.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:#333; position:absolute; left:50%; margin-left:-15px; }
	.headRights.hover .line{ background:#004e94; } 
	.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:fixed;width:100%;height:100%;top:66px;z-index:1000; display:none;}
	.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 - 1.5rem);}
	.nav-cut>ul>li{ border-bottom:1px solid #dcdcdc; font-size:16px; padding:0 20px; }
	.nav-cut>ul>li a{display:inline-block; text-decoration:none; width:80%; line-height:44px; color:#333; 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:0 0% 10px; 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; }
	
	.mu-bg{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:#f5f5f5; display:none; }
	.mu-bg.active{ display:block;}
	
}
@media(max-width:440px){
	.wk_logo img{ height:auto;}	
	.headRights{ top:10px;}
}
@media(max-width:390px){
	.wk_logo span{ padding:5px 0 0;}
}

#dn-nav{position:relative;top:50%;z-index:100;opacity:1;-webkit-transform:translate3d(0,0,0);}
#dn-nav.right{left:17px;}
#dn-nav ul{margin:0;padding:0;}
#dn-nav ul li{position:relative;display:block;margin:7px;width:15px;height:15px;}
#dn-nav ul li a{position:relative;z-index:1;display:block;width:100%;height:100%;text-decoration:none;cursor:pointer;}
#dn-nav ul li a span{position:absolute;top:50%;left:50%;z-index:1;margin:-3px 0 0 -3px;width:7px;height:7px;border:0;border-radius:50%;background:#cfcfd1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#dn-nav ul li a.active span,#dn-nav ul li:hover a.active span{margin:-7px 0 0 -7px;width:15px;height:15px;border-radius:100%;background:#0062a6;}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important;}
@media(max-width:767px){
	#dn-nav{ display:none;}	
}

.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:#000;width:100%;}
.page1 .banner{width:100%;height:480px;}
.banner .indBanner{position:relative;overflow:hidden;height:100%;}
.banner .indBanner .swiper-slide{position:relative;height:480px;overflow:hidden;}
.banner .indBanner .swiper-slide .ban_img{width:1920px;height:480px; position:absolute; left:50%; top:0; margin-left:-960px; max-width:1920px;}
.banner .indBanner .swiper-slide.swiper-slide-active .ban_hcm{animation-name:fadeInUp;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner .indBanner .ban-pagination{position:absolute;width:100%;bottom:35px;z-index:9;text-align:center;}
.banner .indBanner .ban-pagination .swiper-pagination-bullet{width:22px;height:22px;border:2px solid transparent;position:relative;border-radius:50%;background:none;opacity:1;}
.banner .indBanner .ban-pagination .swiper-pagination-bullet::after{width:12px;height:12px;position:absolute;left:3px;top:3px;border-radius:50%;background:rgba(255,255,255,0.6);content:'';}
.banner .indBanner .ban-pagination .swiper-pagination-bullet-active{border-color:#fff;}
.banner .indBanner .ban-pagination .swiper-pagination-bullet-active::after{background:#fff;}
.banner .indBanner .swiper-notification{display:none;}
.banner .indBanner .ban_prev,.banner .indBanner .ban_next{width:50px;height:50px;background-position:center center;background-size:60%;background-repeat:no-repeat;top:50%;z-index:99;position:absolute;background-color:rgba(255,255,255,0.7);border-radius:50%;cursor:pointer;}
.banner .indBanner .ban_prev{left:5%;background-image:url(/images/ban_l.png);}
.banner .indBanner .ban_next{right:5%;background-image:url(/images/ban_r.png);}
.banner .indBanner .ban_prev:hover,.banner .indBanner .ban_next:hover{background-color:#fff;}

@media screen and (max-width:1600px){
	.banner .indBanner .swiper-slide .ban_h1{font-size:26px;}
	.banner .indBanner .swiper-slide .ban_h2{font-size:40px;}
	.banner .indBanner .ban_prev,.banner .indBanner .ban_next{width:45px;height:45px;}
}
@media screen and (max-width:1366px){
	.banner .indBanner .swiper-slide .ban_h1{font-size:40px;}
	.banner .indBanner .ban_prev,.banner .indBanner .ban_next{width:40px;height:40px;}
}
@media screen and (max-width:1280px){
	.banner .indBanner .swiper-slide .ban_h1{font-size:36px;}
	.banner .indBanner .swiper-slide .ban_h2{font-size:15px;}
	.banner .indBanner .ban_prev,.banner .indBanner .ban_next{width:35px;height:35px;}
}

.mo-banner{display:none !important;}
@media only screen and (max-width:767px){
    .section{min-width:320px;}
	.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:66px;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display:block;}
	.mo-banner .wiper-pagination{ bottom:10px !important;}
	.mo-banner .swiper-pagination-bullet{width:15px;height:2px;background-color:rgba(255,255,255,.5);opacity:1 !important;border-radius:0;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#de262e;}
}


/*main1*/
.page2{ width:100%; height:auto; background-image:url(/images/main2Bg.png);}
.main2Tit{ height:155px; padding:30px 0;border-bottom:1px #efefef solid; background:#FFF;}
.main2Tit>div{ background:url(/images/img_01.png) no-repeat right center;}
.main2Tit h2{ font-size:30px; line-height:2; font-weight:bold; color:#1d4a90;}
.main2Tit p{ font-size:16px; line-height:2; color:#595959;}
.main2 .mainCon{ width:100%; padding:40px 0 30px;}
.main2 .mainCon .left{ width:48%; float:left;}
.main2 .mainCon .left .line{ width:60px; background:#1d4a90; height:3px; margin:8px 0;}
.main2 .mainCon .left h2{ font-size:40px;font-family:arial,helvetica,sans-serif; padding:15px 0 0; color:#000; font-weight:bold;}
.main2 .mainCon .left h5{ font-size:24px; line-height:2; color:#333;}
.main2 .mainCon .left .text{ padding:10px 0 30px;}
.main2 .mainCon .left .text p{ line-height:2; font-size:14px;}
.main2 .mainCon .left .more{ width:150px; min-height:45px; margin-bottom:20px;}
.main2 .mainCon .left .more a{ display:block; width:100%; line-height:45px; background:#1d4a90; color:#FFF; text-align:center; font-size:14px;}
.main2 .mainCon .right{ float:right;width:48%;margin-left:4%;}
@media(max-width:767px){
	.main2{ padding:0;}
	.main2Tit{ height:auto; padding:15px 10px;}
	.main2Tit>div{ background-size:auto 50px;}
	.main2Tit h2{ font-size:20px;}
	.main2Tit p{ font-size:14px;}
	.main2 .mainCon{ width:100%; padding:25px 10px;}
	.main2 .mainCon .left{ width:100%; padding:20px 0 0;}
	.main2 .mainCon .left h2{ font-size:20px; padding:10px 0 0;}
	.main2 .mainCon .left h5{ font-size:20px;}
	.main2 .mainCon .left .text{ padding:8px 0 20px;}
	.main2 .mainCon .right{width:100%;margin:0;}

}

.page3{ width:100%; height:auto; background:#f1f2f8;}
.main3Tit{ height:135px; padding:30px 0 0;border-bottom:0px rgba(255, 255, 255, 0.2) solid;}
.main3Tit>div{ background:url(/images/img_02.png) no-repeat right center;}
.main3Tit h2{ font-size:30px; line-height:2; font-weight:bold; color:#1d4a90;}
.main3Tit p{ font-size:16px; line-height:2; color:#595959;}
.main3Con{ padding:15px 0 25px;}
.main3Con .swiper-container{ padding:10px 90px 0;}
.main3Con li{-webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.main3Con li .txt{ text-align:center; color:#333; padding:15px 0; font-size:16px; line-height:1.2;opacity:1;}
.main3Con li.swiper-slide .item{transition:0.8s;opacity:1.15;margin:0 0.5rem;}
.main3Con li.swiper-slide .item .pic{box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.1);}
.main3Con li.swiper-slide .item .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main3Con .swiper-container li .item{opacity:.3;}
.main3Con .swiper-container li .txt{opacity:0;}
.main3Con li.swiper-slide.swiper-slide-prev .item,.main3Con li.swiper-slide.swiper-slide-active .item,.main3Con li.swiper-slide.swiper-slide-next .item,.main3Con li.swiper-slide.swiper-slide-prev .item .txt,.main3Con li.swiper-slide.swiper-slide-active .item .txt,.main3Con li.swiper-slide.swiper-slide-next .item .txt{opacity:1;}
.main3Con .prev_btn{position:absolute; z-index:20; left:0px; width:90px; bottom:0px; top:0px; cursor:pointer; display:flex; flex-flow:column; justify-content:center;}
.main3Con .prev_btn .btns{ color:#fff; text-align:center; position:absolute; bottom:49%; left:0px; right:0px; text-transform:uppercase; font-size:14px; cursor:pointer;} 
.main3Con .next_btn{ position:absolute; z-index:20; right:0px; width:90px; bottom:0px; top:0px; cursor:pointer; display:flex; flex-flow:column; justify-content:center; cursor:pointer;} 
.main3Con .next_btn .btns{ color:#fff; text-align:center; position:absolute; bottom:50%; left:0px; right:0px; text-transform:uppercase; font-size:14px;} 
.main3Con .prev_btn .btns > *{ display:inline-block; vertical-align:middle; margin:0; } 
.main3Con .next_btn .btns > *{ display:inline-block; vertical-align:middle; margin:0; } 
.main3Con .prev_btn .btns i{background-image:url(/images/ban_l.png);background-size:contain;width:45px;height:45px;background-repeat:no-repeat;background-position:center; position:relative; z-index:5;background-color: rgba(255,255,255,0.8);border-radius:50%; overflow:hidden;background-size:60%;}
.main3Con .next_btn .btns i{background-image:url(/images/ban_r.png);background-size:contain;width:45px;height:45px;background-repeat:no-repeat;background-position:center; position:relative; z-index:5;background-color: rgba(255,255,255,0.8);border-radius:50%; overflow:hidden;background-size:60%;}
/*.main3Con .prev_btn .btns:before,.main3Con .next_btn .btns:before{content: "";z-index:1;position: absolute;top:50%;left:50%;width:60px;height:60px;background-color:rgba(0,0,0,.5);border-radius:100px;transition: all .2s ease-in-out; margin:-30px 0 0 -30px; border:2px solid #fff; z-index:0; opacity:.6;}*/
.main3Con .prev_btn .btns span,.main3Con .next_btn .btns span{ display:none;}
/*.main3Con .prev_btn:hover .btns:before,.main3Con .next_btn:hover .btns:before{ opacity:1;}*/

.proBottom{/*border-top:1px solid rgba(255,255,255,0.2);*/border-top:1px solid rgba(145,145,145,0.08); background:/*#f7f8fd*//*rgba(29, 74, 144, 0.05)*/;}
.proBottom .container{width:94%;max-width:1200px;}
.proBottom ul{border-left:1px solid rgba(145,145,145,0.15)/*rgba(255,255,255,0.2)*/;}
.proBottom ul li{ float:left;border-right:.5px solid rgba(145,145,145,0.15)/*rgba(255,255,255,0.2)*/;padding:0px;width:25%;}
.proBottom ul li a{ display:block;position:relative;width:100%;height:0px;transition:all .5s ease;zoom:1;overflow:hidden; float:left; padding:0 0 120px;}
.proBottom ul li .pic{ display:block; position:static; width:69px; height:69px; transition:all .5s ease; margin:25px 40px 25px 40px; float:left;}
.proBottom ul li .pic img{ transition:all .5s ease;}
.proBottom ul li h5{width:100%;transition:all .5s ease;position:relative;text-align:left;color:#333;font-size:16px; margin-top:50px;}
.proBottom ul li span{ position:absolute; top:80%; width:100%; opacity:.4; height:0px; padding:0 20px; text-align:center; font-size:0.75rem; overflow:hidden; line-height:1.8; color:#fff; transition:all .5s ease; display:block;}
.proBottom ul li a:hover{/* background-image:linear-gradient(to top, rgba(29, 74, 144, 1), rgba(38, 171, 249, 0)); background-repeat:repeat;*/  background:rgba(255, 255, 255, 1);}
.proBottom ul li a:hover .pic img{ margin-bottom:0; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }

@media(max-width:767px){
	.main3{padding:0;}	
	.main3Tit{ height:auto; padding:15px 10px;}
	.main3Tit>div{ background-size:auto 50px;}
	.main3Tit h2{ font-size:20px;}
	.main3Tit p{ font-size:14px;}
	.main3Con{ padding:0 10px 25px;}
	.main3Con li.swiper-slide .item{ margin-left:-50%; margin-right:0; width:100%;}
	.main3Con li.swiper-slide .item a{ display:block; padding:0 8px;}
	.proBottom{ display:none;}
	
	.main3Con .swiper-container{ padding:10px 0px 0;}
	.main3Con .swiper-container li .item{opacity:0;}
	.main3Con .swiper-container li .txt{opacity:0;}
	.main3Con li.swiper-slide.swiper-slide-prev .item,.main3Con li.swiper-slide.swiper-slide-active .item,.main3Con li.swiper-slide.swiper-slide-next .item,.main3Con li.swiper-slide.swiper-slide-prev .item .txt,.main3Con li.swiper-slide.swiper-slide-active .item .txt,.main3Con li.swiper-slide.swiper-slide-next .item .txt{opacity:1;}
	
}

.page5{background:#fff;}
.main5Tit{ height:135px; padding:30px 0 0;border-bottom:0px #efefef solid;}
.main5Tit>div{ background:url(/images/img_05.png) no-repeat right center; position:relative;}
.main5Tit h2{ font-size:30px; line-height:2; font-weight:bold; color:#1d4a90;}
.main5Tit p{ font-size:16px; line-height:2; color:#595959;}

.main5Tit .sNav{ position:absolute; top:16px; left:136px;}
.sNav{margin:0px auto 0;overflow: hidden;padding:0 18px; text-align:center;}
.sNav{display: table;content: " ";}
.sNav li{float:none; display:inline-block;margin: 0 18px;cursor: pointer}
.sNav p{opacity:.9;color:#1d4a90;text-align: left;}
.sNav p a{color:#242760;font-size:17px;}
.sNav .active p,.sNav li:hover p{opacity:1}
.main5 .nav-line{background: hsla(0, 0%, 84.7%, .24);height: 1px;width: 752px;margin: 0px auto;position: relative;top: 20px;}

.main5 .mainCon{ width:100%; padding:25px 0 25px;}
.main5 .mainCon>div{ padding:0;}
.main5 .swiper-container{ padding:0 190px;}
.main5 .mainCon ul li{ width:32.333%; float:left; margin-bottom:15px; margin-right:0; position:relative;}
.main5 .mainCon ul li.swiper-slide-prev .pic{ float:right;}
.main5 .mainCon ul li:nth-child(3n){ margin-right:0;}
.main5 .mainCon ul li .pic{ float:left; width:390px;height:230px;overflow:hidden; margin-bottom:0;border-radius:4px 0 0 4px;}
.main5 .mainCon ul li .pic img{ max-width:100%; height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.main5 .mainCon ul li:hover .pic img{opacity:1;position:relative;transform:scale(1.15)}
.main5 .mainCon ul li .txt{width:430px;height:230px;z-index:1;transition:all .6s ease-in-out;padding:30px;position:relative;box-sizing:border-box;background-color:rgba(29, 74, 144, 0.96);color:#fff;transform:translateX(0);border-radius:0 4px 4px 0; float:left;}
.main5 .mainCon ul li .txt h5{ font-size:20px; line-height:1.5; color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main5 .mainCon ul li .txt p{ padding:15px 0 0; font-size:14px;opacity:.8;color:#fff;text-align:justify; line-height:1.8;}
.main5 .mainCon ul li .txt span{position:absolute;bottom:30px;left:30px; display:block;font-size:14px;text-align:center;line-height:36px;height:36px;width:120px;background:#fff;border-radius:20px;transition:all .2s ease-in-out; color:#1d4a90;}
.main5 .mainCon .swiper-container li .pic{opacity:.3;}
.main5 .mainCon li.swiper-slide.swiper-slide-active .pic{opacity:1;}
.main5 .prev_btn,.main5 .next_btn{position:absolute; top:50%;  z-index:20; left:0; width:50px; height:50px;cursor:pointer; display:flex; flex-flow:column; justify-content:center; margin-top:-25px; margin-left:85px;}
.main5 .next_btn{ right:0px; margin-right:85px; margin-left:0; left:auto;} 
.main5 .prev_btn .btns,.main5 .next_btn .btns{ color:#fff; text-align:center; width:100%; height:100%; position:absolute; bottom:0; left:0px; right:0px; text-transform:uppercase; font-size:14px;}
.main5 .prev_btn .btns img,.main5 .next_btn .btns img{width:32px;height:32px;left:9px;top:9px;position:absolute;z-index:2}
.main5 .prev_btn .btns img{transform: rotate(180deg);}
.main5 .prev_btn .btns:before,.main5 .next_btn .btns:before{content: "";z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;border-radius: 100px;transition: all .2s ease-in-out}
.main5 .prev_btn:hover .btns:before,.main5 .next_btn:hover .btns:before{transform: scale(1.05);box-shadow:0 4px 10px rgba(0, 0, 0, .2)}

.main5 .proBottom{border-top:1px solid rgba(145,145,145,0.08); background:#f7f8fd/*rgba(29, 74, 144, 0.05)*/;}
.main5 .proBottom .container{width:94%;max-width:1200px;}
.main5 .proBottom ul{border-left:1px solid rgba(145,145,145,0.15);}
.main5 .proBottom ul li{border-right:.75px solid rgba(145,145,145,0.15);}
.proBottom ul li .pic{ display:block; position:static; width:69px; height:69px; transition:all .5s ease; margin:25px 40px 25px 40px; float:left;}
.main5 .proBottom ul li h5{color:#333;}
.proBottom ul li span{ position:absolute; top:80%; width:100%; opacity:.4; height:0px; padding:0 20px; text-align:center; font-size:0.75rem; overflow:hidden; line-height:1.8; color:#fff; transition:all .5s ease; display:block;}
.main5 .proBottom ul li a:hover{ background:rgba(255, 255, 255, 1);}



@media(max-width:767px){
	.main5{ padding:20px 10px;}
	.main5Tit{ height:auto; padding:15px 10px;}
	.main5Tit>div{ background-size:auto 50px;}
	.main5Tit h2{ font-size:20px;}
	.main5Tit p{ font-size:14px;}
	.main5 .mainCon{ width:100%; padding:25px 10px 10px;}
	.main5 .swiper-container{ padding:0;}
	.main5 .mainCon ul{ display:block;}
	.main5 .mainCon ul li{ width:49%; float:left; margin-bottom:15px; margin-right:2%;}
	.main5 .mainCon ul li:nth-child(2n){ margin-right:0;}
	.main5 .mainCon ul li:nth-child(2n+1){ margin-right:2%;}
	.main5 .mainCon ul li:nth-child(n+7){ display:none;}
	.main5 .mainCon .swiper-container li .pic{opacity:1;}
	.main5 .mainCon ul li .pic{ width:100%; height:auto; margin-bottom:12px;border-radius:4px;}
	.main5 .mainCon ul li .pic img{ min-height:60px;}
	.main5 .mainCon ul li .txt{ background:none; padding:0; width:100%; height:auto;}
	.main5 .mainCon ul li .txt h5{ font-size:14px; color:#333;}
	.main5 .mainCon ul li .txt p,.main5 .mainCon ul li .txt span{ display:none;}
	.main5 .prev_btn,.main5 .next_btn{ display:none;}
	.sNav{ display:none;}
}
@media(max-width:450px){
	.main5 ul li .pic img{ min-height:120px;}
}

.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.page7{ background:#f9f9f9;}
.main7Tit{ height:135px; padding:30px 0 0;border-bottom:0px #eaeaea solid;}
.main7Tit>div{ background:url(/images/img_03.png) no-repeat right center;}
.main7Tit h2{ font-size:30px; line-height:2; font-weight:bold; color:#1d4a90;}
.main7Tit p{ font-size:16px; line-height:2; color:#595959;}
.main7 .mainCon{ width:100%; padding:25px 0 40px;}
.main7 .mainCon ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.main7 .mainCon ul li{max-width:32.33333333%;-webkit-box-flex:0;-webkit-flex:0 0 32.33333333%;-ms-flex:0 0 32.33333333%;flex:0 0 32.33333333%; margin-right:1.5%;}
.main7 .mainCon ul li a{ display:block; padding:20px; transition:all .6s ease;}
.main7 .mainCon ul li a{border-radius:4px;border:1px solid #ebeef5;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.1);}/*,.main7 .mainCon ul li:nth-child(3) a*/
.main7 .mainCon ul li:nth-child(3){ margin-right:0;}
.main7 .mainCon ul li:nth-child(3) a{/*background-color:#f4f4f4;*/}
.main7 .mainCon ul li:hover a{ box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2); }
.main7 .mainCon ul li .date{ color:#747774; font-size:16px; }
.main7 .mainCon ul li .tit{ font-weight:bold; font-size:18px; line-height:1.8; margin:10px 0; }
.main7 .mainCon ul li .info{ color:#8f8f8f; font-size:14px; line-height:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main7 .mainCon ul li .more{ padding:20px 0 0;}
.main7 .mainCon ul li .more span,.main7 .mainCon ul li .more i{ display:inline-block; color:#333; font-size:14px;}
@media(max-width:767px){
	.main7Tit{ height:auto; padding:15px 10px;}
	.main7Tit>div{ background-size:auto 50px;}
	.main7Tit h2{ font-size:20px;}
	.main7Tit p{ font-size:14px;}
	.main7 .mainCon{ padding:25px 10px 10px;}
	.main7 .mainCon ul li{max-width:100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%; margin-right:0; margin-bottom:15px;}
}


/*footer*/
.footer{ background:#103875; padding:0 0 10px;}
.fp-auto-height .footer_side{padding:30px 0 20px;}
.footer .footer_side .left{ float:left; width:74.9112%;}
.footer .footer_side .left .fTel{ font-size:14px; line-height:2; color:#fff; border-bottom:1px solid rgba(255,255,255,0.15); padding-bottom:10px;}
.footer .footer_side .left .fTel span{ font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.6;color:#ffdc19;}
.footer .footer_side .left .fList{ padding:10px 0 0;width:100%;overflow:hidden;position:static;}
.footer .footer_side .left .fList .item{float:left;position:static;clear:none;margin:0;width:50%;}
.footer .footer_side .left .fList .item span{ display:block; font-size:14px; line-height:2; color:#fff;}
.footer .footer_side .left .fList .item a{ color:#fff;}
.footer .footer_side .right{width:23.0888%;margin-left:2%;float:left;position:static; padding:15px 0 0;}
.footer .footer_side .right .codeImg{ max-width:120px; margin:0 auto 12px;}
.footer .footer_side .right .codeImg img{ max-width:100%; height:auto; padding:3px; background:#fff;}
.footer .footer_side .right .txt{ font-size:14px; color:#fff; text-align:center;}

.fShare{ width:100%; display:none;}
.fShare a{ display:inline-block;vertical-align:middle; width:26px; height:26px; margin:5px 8px 5px 0px;}
.fShare img{ width:100%; height:100%;vertical-align:middle;}

.footer .flink{ width:100%; line-height:1.8; padding:10px 0 10px; color:#b6b3b3; font-size:14px; border-top:1px solid rgba(255,255,255,0.15);}
.footer .flink a{color:#b6b3b3; margin:0 4px;}
.footer a:hover{ color:#fff;}
.index_foot{ display:none;}
@media(max-width:767px){
.footer .flink{ display:none;}
.fp-auto-height .footer_side{padding:10px 10px 10px;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.footer .footer_side{color:#b6b3b3;line-height:1.8; font-size:.85rem; width:100%;}
.fp-auto-height .footer_side span{ display:block; margin:0;}
.footer .footer_side .left{ width:100%;}
.footer .footer_side .left .fTel span{ font-size:20px;}
.footer .footer_side .left .fList .item{width:100%;}
.footer .footer_side .right{ 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:99;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); 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:#1d4a90; 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:nth-child(2){ border-left:none; margin-right:0%; width:100%; margin-top:5px;}
	#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;}

}

/**************右侧联系方式图标**************/
.right-flex{width:45px; position:fixed;top:50%;right:8px;height:403px;margin-top:-91px;z-index:999;}
.right-flex ul li{float:right; position:relative;width:60px;height:60px;line-height:55px;margin-bottom:20px;background:#1d4a90;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;text-align:center;overflow:hidden;transition:width 0.3s, margin 0.3s;}
.right-flex ul li a{color:#fff;}
.right-flex ul li p{padding-left:10px;display:inline-block;vertical-align:middle;color:#fff;line-height:45px;transition:transform 0.3s;}
.right-flex ul li p span{ display:inline; margin-left:10px;}
.right-flex ul li .right-ico{width:35px;height:35px;}
.right-flex ul li .right-phone{font-size:20px;padding-left:10px;}
.right-flex ul li .right-msg{font-size:16px;padding-left:10px;}
.right-flex ul li i{display:inline-block;vertical-align:middle;}
.right-flex ul li .ico-call{background:url(/images/icon_phone.png) no-repeat center; background-size:28px auto;}
.right-flex ul li .ico-msg{background:url(/images/icon_msg.png) no-repeat center; background-size:30px auto;}
.right-flex ul li:hover{margin-right:0;width:270px;text-align:left;padding-left:20px;}
.right-flex ul li:first-child:hover{width:356px;}
@media(max-width:767px){
	.right-flex{ display:none;}
}


@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;}
}

.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:320px; background-repeat:no-repeat; background-position:center;}
@media(max-width:767px){
	.inbanner{ width:100%; height:180px; margin-top:66px; padding:0; background-size:auto 200px;}
	
}

/*side_left*/
.location{ width:100%; height:41px;overflow:hidden;margin-bottom:20px; position:relative; z-index:0;}
.location:after{ content:""; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; z-index:0;}
.location h2{padding:0 10px; height:41px;position:relative;}
.location h2:after{ content:""; display:block; width:100%; height:1px; background:#1e5db0; position:absolute; left:0; bottom:0; z-index:1;}
.location h2 span{ display:block;font-size:18px;color:#1e5db0; line-height:40px; font-weight:bold;}
.location .flex-row{ width:100%;}
.location a, .location span{ display:inline-block; color:#595757;}
.location a:hover, .location .curr{ color:#244ca1;}
.location .target{ font-size:14px; color:#666; line-height:40px;}
.location .target span{ padding-left:22px; background:url(/images/span01.png) no-repeat center left;}


.inmain{ padding:30px 0 40px;}

.side_left{ width:230px; height:auto; float:left;}
.innav{height:auto; overflow:hidden;margin-bottom:20px;}

.innav .listNum{ width:100%;}
.innav .sideLtit{ position:relative; width:100%; height:122px; text-align:center; background:#244ca1; border-top:4px solid #00236e; box-sizing:border-box; padding:30px 0 0 80px; }
.innav .sideLtit em{ position:absolute; top:0; left:16px; display:block; line-height:118px; font-family:'DidotBold'; font-size:86px; color:#fff; font-weight:normal; font-style:normal;}
.innav .sideLtit b{ display:block; line-height:36px; font-family:'Microsoft YaHei'; font-size:26px; color:#fff; font-weight:normal; }
.innav .sideLtit i{ display:block; line-height:20px; font-family:'Arial'; font-size:14px; color:#4881fb; font-weight:normal; font-style:normal;}

.innav ul{ margin-top:1px; background:#f0f0f0; padding-bottom:80px; border-bottom:4px solid #ccc; }

.innav ul li{position:relative; width:100%; height:50px; line-height:50px; border-bottom:1px solid #fff;}
.innav ul>li>a{display:block; width:100%; height:100%; overflow:hidden; padding:0 34px; box-sizing:border-box; font-family:'Microsoft YaHei'; font-size:15px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.innav ul>li:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd;}
.innav ul>li.cur>a,.innav ul>li:hover>a{ color:#234ea3; background:url(/images/ny_ico.png) no-repeat 180px center #fff;}
.innav ul>li.cur>a:after,.innav ul>li:hover>a:after{ content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:#ccc;}

@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;}
	.innav .sideLtit{ display:none;}
	.innav{ margin-bottom:10px;}
	.innav ul{ margin-top:0; background:none; padding:0 10px; border-bottom:none;}
	.innav ul li{ width:31.333%; margin:0 3% .5rem 0; float:left; border:none; border-radius:5px;background:#f0f0f0; height:auto; line-height:1; overflow:hidden;}
	.innav ul li:nth-child(3){ margin-right:0;}
	.innav ul li a{ width:100%; padding:8px 0; font-size:.95rem; line-height:1.8; text-align:center; border:none; height:auto;}
	.innav ul>li.cur>a,.innav ul>li:hover>a{border-left:none;color:#fff; background:#234ea3;}
	.innav ul>li:after,.innav ul>li>a:after{ display:none;}
}

/*side_right*/
.about_content{}
@media(max-width:767px){
	.about_content{ width:100%; padding:0;}
}

.side_right{ width:940px; float:right; height:auto; overflow:hidden; min-height:300px; padding:0;}
.about_c{ width:100%; margin:0 auto; height:auto; color:#555; line-height:2;}
.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;}
table{ border-collapse:collapse; border:1px solid #ddd;}
table td{ padding:5px !important; margin:0; line-height:1.5; border:1px solid #ddd;}
.about_c table,.about_c table td{ border:none;}
@media(max-width:767px){
	.side_right{ width:100%; min-height:100px;}
	.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;}
	table td{table-layout:fixed;word-break:break-all;word-wrap:break-word;}
}
.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;}
.news_con{ width:100%; padding: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:15px 0; width:100%; position:relative;}
.news_con ul li a{ display:inline-block; line-height:25px; max-width:1000px;}
.news_con ul li .pic{ float:left; max-height:80px; width:auto; margin-right:10px;}
.news_con ul li .pic img{ max-height:80px; width:auto;}
.news_con ul li h5{ font-size:16px; font-weight:600; color:#333; line-height:28px;-webkit-transition:background .4s;transition:background .4s; height:28px;}
.news_con ul li h5 a{ color:#333; float:left; display:inline-block; max-width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_con ul li h5 span{ float:right; font-size:14px; color:#666; font-weight:normal;}
.news_con ul li .desc{ display:block; font-size:14px; color:#565656; line-height:26px; margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.searchList.news_con ul li .desc{ margin-top:2px;}
.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 a{ color:#244ca1;}
@media(max-width:767px){
	.news_con{padding:0 10px 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:.95rem; line-height:1.5;}
	.news_con ul li h5 a{ max-width:75%;}
	
}

.case_list{ width:100%; margin:0; height:auto; padding:0;}
.case_list ul{ width:100%;}
.case_list ul li{ float:left; position:relative; width:32.133%; margin:0 1.8% 20px 0; overflow:hidden;border:1px solid #f1f1f1;}
.product_lsit ul li{/* width:23.5%; margin:0 2% 20px 0;*/ border:none;}
.case_list ul li:nth-child(3n){ margin-right:0;}
/*.product_lsit ul li:nth-child(4n){ margin-right:0;}
.product_lsit ul li:nth-child(4n-1),.product_lsit ul li:nth-child(4n-2),.product_lsit ul li:nth-child(4n-3){ margin-right:2%;}*/
.case_list ul li a{ display:block; overflow:hidden;}
.case_list ul li .pic{ border-radius:0px; overflow:hidden; position:relative;}
.product_lsit ul li .pic{border:1px solid #f1f1f1;}
.case_list ul li img{ width:100%; height:auto;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;transition:-webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.product_lsit ul li img{ height:auto;}
.case_list ul li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1);transform:scale(1.1);}
.case_list ul li .tit{ padding:10px 6px 6px; background:#fff;}
.product_lsit ul li .tit{ padding:10px 0 0;}
.case_list ul li .tit h3{position:relative;}
.case_list ul li .tit a{display:block;font-size:15px;color:#666; padding:8px 0; line-height:1;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_list ul li .tit .eye{ position:absolute; right:0px; top:0px; display:block; width:30px; height:30px; overflow:hidden; background:url(/images/eye.png) no-repeat; background-position:right center; } 
.case_list ul li .tit .line{ position:relative; margin-top:10px; width:100%; height:1px; display:none;} 
.case_list ul li .tit .line::before{ content:''; position:absolute; left:0px; display:block; width:30px; height:1px; background:#999; transition:all .5s ease; } 
.case_list ul li:hover .tit{ background:#fff;}
.case_list ul li:hover .tit .eye{background-position:left center; display:none;} 
.case_list ul li:hover .tit .line::before{ width:100%; background:#de262e; }
.case_list ul li:hover a{ color:#244ca1;}
.case_list ul li .ico{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-opacity:0;-moz-opacity:0;}
.case_list ul li .ico:before{ content:""; display:block; width:100%; height:100%;background:url(/images/eye1.png) no-repeat center; position:absolute; top:0; left:0; z-index:10;}
.case_list ul li .ico:after{ content:""; display:block; width:100%; height:100%;background:#000; position:absolute; top:0; left:0; z-index:5;}
.case_list ul li:hover .ico{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.case_list ul li:hover .ico:before{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.case_list ul li:hover .ico:after{opacity:.6;-webkit-opacity:.6;-moz-opacity:.6;}
.case_list ul li .xian{position:absolute;top:0;left:0;width:100%;height:100%; display:none;}
.case_list ul li span{position:absolute;background:#de262e;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94); z-index:12; display:none;}
.case_list ul li .span_1{top:0;left:0;width:0;height:2px;}
.case_list ul li .span_2{top:0;right:0;width:2px;height:0;}
.case_list ul li .span_3{right:0;bottom:0;width:0;height:2px;}
.case_list ul li .span_4{bottom:0;left:0;width:2px;height:0;}
.case_list ul li:hover .span_1,.case_list ul li:hover .span_3{width:100%;}
.case_list ul li:hover .span_2,.case_list ul li:hover .span_4{height:100%;}

@media(max-width:767px){
	.case_list{ padding:0 10px 0;}
	.case_list ul li{ float:left; position:relative; width:48%; margin:0 2% 10px 0;}
	.case_list ul li:nth-child(2n){ margin-right:0;}
	.case_list ul li:nth-child(2n+1){ margin-right:2%;}
	.case_list ul li img{ height:auto;}
	.case_list ul li .tit{ padding:0;}
	.case_list ul li .tit a{font-size:14px;margin-top:5px;}
}

.honnList{ width:100%; height:auto; padding:0;}
.honnList ul li{ float:left; position:relative; width:23.5%; margin:0 2% 20px 0; border-radius:0; overflow:hidden;}
.honnList ul li:nth-child(4n){ margin-right:0;}
.honnList ul li a{ display:block; overflow:hidden;}
.honnList ul li .pic{ overflow:hidden; position:relative;}
.honnList ul li img{ width:100%; height:auto;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;transition:-webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.honnList ul li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1);transform:scale(1.1);}
.honnList ul li .tit{ text-align:center; padding:10px 0;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honnList ul li .tit a{display:block;font-size:15px;color:#666;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*.honnList ul li:hover{box-shadow:0px 2px 5px 0px #BBB,0px 2px 10px 0px #BBB;}*/
.honnList ul li:hover a{ color:#244ca1;}
.honnList ul li .ico{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-opacity:0;-moz-opacity:0;}
.honnList ul li:hover .ico{opacity:.6;-webkit-opacity:.6;-moz-opacity:.6;}
.honnList ul li .xian{position:absolute;top:0;left:0;width:100%;height:100%;}
.honnList ul li span{position:absolute;background:#244ca1;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}
.honnList ul li .span_1{top:0;left:0;width:0;height:2px;}
.honnList ul li .span_2{top:0;right:0;width:2px;height:0;}
.honnList ul li .span_3{right:0;bottom:0;width:0;height:2px;}
.honnList ul li .span_4{bottom:0;left:0;width:2px;height:0;}
.honnList ul li:hover .span_1,.honnList ul li:hover .span_3{width:100%;}
.honnList ul li:hover .span_2,.honnList ul li:hover .span_4{height:100%;}

@media(max-width:767px){
	.honnList{ padding:10px 10px 0;}
	.honnList ul li{ width:48%; margin:0 4% 15px 0;}
	.honnList ul li:nth-child(2n){ margin-right:0;}
	.honnList ul li:nth-child(2n-1){ margin-right:4%;}
	.honnList ul li .tit{ text-align:center; padding:10px 0 0;}
	.honnList ul li .tit a{display:block;font-size:14px;color:#666;}
}

.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:#244ca1; border-color:#244ca1;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:#244ca1; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#244ca1; 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:#333; min-height:300px; padding:0;}
.dis_title{ width:100%;text-align:center;padding-bottom:10px;border-bottom:1px dashed #ddd;margin-bottom:10px; color:#333;}
.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:#444;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}
.d_c img{ vertical-align:inherit}

.pages{ margin-top:18px; position:relative; padding:10px 120px 10px 0; border:0 solid #cdcdcd; /*background:#f7f7f7;*/}
.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:#244ca1;}
.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 #244ca1;}
.pages .btn-back:hover{ color:#fff;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:1px solid #eee;}
#shuiyinDiv img{ max-width:90%; height:auto;}
.bd_weixin_popup{ box-sizing:content-box;}
.smBox{ background:#efefef; padding:10px 15px; margin:15px 0 0; font-size:14px; line-height:2; color:#888;}
@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:100px; padding:0 10px 0;}
.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;}
.d_c img{ max-width:98%; height:auto;}

.pages{ padding:0 0 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;}
.pages .btn-back{ display:none;}

.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;
}	
}

