@charset "utf-8";
/* CSS Document */
body{ height:100%; min-width:1200px;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight:normal;}
img, table, td, th ,embed{ border:none;}
img{ vertical-align:middle;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix{*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.clear{ clear:both;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.flex{display:flex;}
.flex1{ display:flex;justify-content:space-between;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
@media(max-width:767px){
body{ height:100%; min-width:300px;}
body{ min-width:320px !important; max-width:640px;}
body{ background:#fff;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
}

/*header*/
#header{ position:relative; background:#00214F; overflow:initial; z-index:25;/*box-shadow:0 4px 15px rgba(0,0,0,.08);*/}

.headBox{/* background:#0f66e0;*/}
.top{ height:auto; float:left;}
.top .logo{ float:left; position:relative; padding:5px 0;}
.top .logo img{ height:70px; width:auto; padding:16px 0;}

.top .slogan{ margin-left:15px; float:left; padding:15px 0 15px 15px; background:url(/images/hea-xt.png) no-repeat center left; background-size:auto 45px; line-height:25px; font-size:15px; letter-spacing:.3px; color:#fff; font-family:"microsoft YaHei";}
.top .slogan span{ display:block; color:#fff;}
.top .slogan img{ max-width:230px; height:auto;}

.menu{ float:right;}
.menu .navBox{ height:80px; width:100%; float:none; padding:0;}
.menu .navBox>ul>li{ float:left; height:auto; position:relative; padding:0 22px;}
.menu .navBox>ul>li>a{ padding:0; height:80px; color:#fff; font-size:16px; border-radius:18px; position:relative; line-height:77px;}
.menu .navBox>ul>li>a:after{ content:""; width:0; height:3px; display:block; background:#2386ee; position:absolute; bottom:0; left:50%;transform:translateX(-50%);transition:all 0.2s;}
.menu .navBox>ul>li.active>a:after,.menu .navBox>ul>li>a:hover:after{width:100%;}
.menu .dropdown-menu{ top:80px; width:142px; left:50%; margin:0 0 0 -71px; border:none;min-width:142px;}
.menu .dropdown-box{position:absolute;z-index:3;display:none; padding:8px 0; background:#fff; box-shadow:0 0px 5px rgba(6, 0, 1, 0.15);-webkit-box-shadow:0 0px 5px rgba(6, 0, 1, 0.15);-moz-box-shadow:0 0px 5px rgba(6, 0, 1, 0.15);-o-box-shadow:0 0px 5px rgba(6, 0, 1, 0.15);border-radius:0;}
.menu .dropdown-box dd{ float:left;width:100%;}
.menu .dropdown-box dd a{ display:block; padding:8px 10px;line-height:24px;text-align:center;font-size:15px;}
.menu .dropdown-box dd a:hover{color:#2386ee;}
.none{display:none}
.hide1{ position:absolute; z-index:100;top:102px;left:39px;}
.btn_menu,.menu .menu_bg,.menu .menu_closed,.mo-tel{ display:none;}

#topNav.nav_fixed{ position:fixed; top:0; left:0; right:0; width:100%; z-index:50; background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.08);}
#header #topNav.nav_fixed .navBox>ul.nav{ text-align:center; }

@media(max-width:767px){
	.headT{height:auto; line-height:1.5;}
	.headT>div{ padding:8px 10px;}
	.headT .left{margin-right:0; font-size:14px;}
	.headT .right{ display:none;}
	.header_t,.top .tel,.top .slog,.menu ul li a i{ display:none;}
	
	.top{ padding:15px 0 15px 10px;}
	.top .logo{ padding:0px;}
	.top .logo img{ padding:0; height:40px;}
	
	.top .slogan{ margin:0; float:left; padding:10px 0 0; background:none; line-height:28px; font-size:21px; letter-spacing:1px; color:#0086d1; font-family:"microsoft YaHei"; display:none;}
	.top .slogan img{ max-width:230px; height:auto;}
	
	.mo-tel{ position:absolute; right:45px; top:0; display:block; width:50px; height:75px; z-index:1; }
	.mo-tel a{ position:relative; top:50%; left:50%; display:block; width:30px; height:30px; margin:-15px 0 0 -15px; content:""; background:url(/images/tel.png) no-repeat; background-size:contain; cursor:pointer; }
	
	.top .btn_menu{ display:block; position:absolute; right:10px; top:24px;font-size:14px;color:#333; width:24px; height:24px;}
	.top .btn_menu .icon{display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain; vertical-align:middle;}
	.top .btn_menu .icon-menu{width:24px;height:24px;background-image:url(/images/icon-menu.png)}
}
@media(max-width:767px){
	.menu{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000; background:none;}
	.menu .menu_bg{ display:block;position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.menu .menu_closed{ display:block;position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.menu .nav{position:absolute;width:80%;right:0px;top:0px;background:#f8f8f8;height:100%;z-index:100;right:-80%; padding:16% 0 3% 3%;}
	.menu .nav{padding-left:5%;padding-right:5%}
	.menu .nav li{ width:100%;}
	.menu .navBox>ul>li>a{display:block;height:auto;color:#666;line-height:25px;font-size:16px; text-align:left;padding:14px 20px; border-radius:0;}
	.menu .navBox>ul>li>a:after{ content:''; width:100%; height:0px; background:none; border-bottom-width:1px; border-bottom-style:solid; border-color:rgba(0,0,0,.05); display:block; position:absolute; left:0; right:0; bottom:0;transform: translateX(0);}
	.menu .navBox>ul>li.active>a{ background:#fff; color:#2386ee;}
	.menu .nav li .dropdown-menu{display:none !important}
}


/*banner*/
.banWrap{ width:100%; position:relative;  height:100%;}
.banner{margin-top:0;width:100%;position:relative; z-index:10;}
.banner .indBanner{position:relative;overflow:hidden;height:100%; z-index:15;}
.banner .indBanner .swiper-slide{position:relative;height:590px;overflow:hidden;}
.banner .indBanner .swiper-slide .ban_img{width:1920px;height:590px; position:absolute; left:50%; top:50%; margin-left:-960px; margin-top:-295px; max-width:1920px;}
.banner .indBanner .swiper-slide .mban_img{ display:none;}
.banner .indBanner .swiper-slide .box{ width:1200px; height:490px; margin:0 auto;position:relative; padding:100px 0 0 0; color:#FFF; line-height:1.8;}
.banner .indBanner .swiper-slide .box h2{ font-size:50px; font-weight:600; margin-bottom:30px; color:#FFF;}
.banner .indBanner .swiper-slide .box p{ font-size:28px; font-weight:bold; margin-bottom:10px;}
.banner .indBanner .swiper-slide .box .more{ padding:40px 0 0;}
.banner .indBanner .swiper-slide .box .more a{ display:inline-block;border:1px solid #00a0e9;background:none;padding:0 30px;height:58px;line-height:58px;text-align:center;border-radius:5px;font-size:18px;color:#00a0e9;}
.banner .indBanner .swiper-slide .box .more a:hover{background:#003D99;border-color:#1297d9;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;color:#fff}

.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:45px;z-index:9;text-align:center; display:none;}
.banner .indBanner .ban-pagination .swiper-pagination-bullet{width:10px;height:10px;position:relative;border-radius:50%;background:none;opacity:1;}
.banner .indBanner .ban-pagination .swiper-pagination-bullet::after{width:10px;height:10px;position:absolute;left:3px;top:3px;border-radius:50%;background:rgba(255,255,255,0.5);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;}

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

.digital-pane{width:1200px;height:100px;margin:-0 auto 0;position:absolute;top:490px;left:0; z-index:20;background-color:#003D99; width:100%; background-image:url(/images/banBg.png);}
.digital-pane .digital-item{ width:300px;height:100px; float:left; padding:0 12px; cursor:pointer;}
.digital-pane .digital-item .pic{ float:left; width:100px; height:100px; }
.digital-pane .digital-item .item-name{width:175px; height:55px; float:left; margin-top:25px;overflow:hidden;}
.digital-pane .digital-item .item-name p{ font-size:18px;color:#FFFFFF;}
.digital-pane .digital-item .item-name span{ font-size:14px;color:#FFFFFF; line-height:30px;}
.digital-pane .digital-item:a p{ color:#FFFFFF!important;}
.digital-pane .digital-item:hover p{ color:#1EACDF!important;}
.digital-pane .digital-item:a span{ color:#FFFFFF!important;}
.digital-pane .digital-item:hover span{ color:#1EACDF!important;}



.mo-banner{display:none !important;}
@media only screen and (max-width:767px){
	.banner{ width:auto; height:auto; margin-top:0;}
	.banner .indBanner{display:none !important;}
	.indBanner_box{height:100%;position:relative;}
	.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);}
	.indBanner_txt h6{ font-size:1.1rem;}
	.indBanner_txt p{ font-size:.85rem; margin-top:.5rem;}
	.mo-banner{display:block !important;overflow:hidden;}
	.mo-banner .swiper-slide{ position:relative;}
	.mo-banner .swiper-slide img{width:100%; height:auto;display:block;}
	.mo-banner .swiper-slide .box{ width:100%; height:auto;position:absolute; top:50%; left:0; padding:0 5%; color:#FFF; line-height:1.8;transform:translateY(-50%);}
	.mo-banner .swiper-slide .box h2{ font-size:1.2rem; font-weight:600; margin-bottom:.8rem; color:#FFF;}
	.mo-banner .swiper-slide .box p{ font-size:.9rem; font-weight:500; margin-bottom:5px; line-height:1.5;}
	.mo-banner .swiper-pagination{ bottom:5px !important; display:none !important;}
	.mo-banner .swiper-pagination-bullet{width:6px;height:6px;background-color:rgba(255,255,255,.5);opacity:1 !important;border-radius:50%;}
	.mo-banner .swiper-pagination-bullet-active{background-color:#fff;}
	
	.digital-pane{ display:none; width:100%; position:relative;top:auto; height:auto; padding:10px 0;}
	.digital-pane .digital-item{ width:50%;height:auto; padding:10px 10px; position:relative;}
	.digital-pane .digital-item .pic{ float:left; width:35%; height:auto; position:absolute; top:50%;transform:translateY(-50%);}
	.digital-pane .digital-item .pic img{ max-width:100%; height:auto;}
	.digital-pane .digital-item .item-name{width:60%; height:65px; margin-top:.5rem; float:right;}
	.digital-pane .digital-item .item-name p{ font-size:1rem; padding-bottom:5px;}
	.digital-pane .digital-item .item-name span{ font-size:.8rem;line-height:1.5;}
}

/*main*/
.main{ width:100%; height:auto; overflow:visible;}
.main_t{line-height:1;text-align:center; padding:0 0 30px; position:relative;}
.main_t h2{margin-bottom:12px;font-size:32px;font-weight:500; color:#252525;}
.main_t p{ font-size:15px; color:#686868; padding:10px 0 0;}


.main1{ padding:60px 0; background-color:#f4f4f4;}
.main1 .item{cursor: pointer;width:212px; height:522px; float:left;  margin-right:12px; display:inline;box-shadow: #E2E2E2 0px 0px 15px;background:#FFF;}
.main1 .item:last-child{ margin-right:0;}
/*.main1 .item .inner{display:flex;justify-content:space-between;flex-wrap:wrap;}*/
.main1 .item .img{ width:212px; height:59px; float:left; text-align:center; margin-top:65px;}
.main1 .item:nth-child(1) .img{background:url(/images/pro_01.png) no-repeat center top;}
.main1 .item:nth-child(2) .img{background:url(/images/pro_02.png) no-repeat center top;}
.main1 .item:nth-child(3) .img{background:url(/images/pro_03.png) no-repeat center top;}
.main1 .item:nth-child(4) .img{background:url(/images/pro_04.png) no-repeat center top;}
.main1 .item:nth-child(5) .img{background:url(/images/pro_05.png) no-repeat center top;}
.main1 .item .head{ width:212px; height:70px; float:left; text-align:center; margin-top:27px; overflow:hidden;}
.main1 .item .head h2{ font-size:22px; color:#252525;}
.main1 .item .head p{font-size:14px; color:#686868; margin-top:10px;}
.main1 .item .info{ width:174px; height:auto; float:left; border-bottom:0px #E1E1E1 solid; border-top:1px #E1E1E1 solid; margin-left:20px; display:inline; margin-top:20px; padding-top:15px; color:#686868; padding-bottom:30px; text-align:left; line-height:1.8; font-size:14px;}
.main1 .item .info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;}
.main1 .item .more{display: none;}

.main1 .item.on{cursor:pointer;width:304px;background:url(/images/producetBg_01.jpg) #FFFFFF;}
.main1 .item.on .img{width:304px;height:82px;margin-top:50px;}
.main1 .item:nth-child(1).on .img{background:url(/images/proH_01.png) no-repeat center top;}
.main1 .item:nth-child(2).on .img{background:url(/images/proH_02.png) no-repeat center top;}
.main1 .item:nth-child(3).on .img{background:url(/images/proH_03.png) no-repeat center top;}
.main1 .item:nth-child(4).on .img{background:url(/images/proH_04.png) no-repeat center top;}
.main1 .item:nth-child(5).on .img{background:url(/images/proH_05.png) no-repeat center top;}
.main1 .item.on .head{width:304px;margin-top:20px;}
.main1 .item.on .head h2,.main1 .item.on .head p{color:#FFFFFF;}
.main1 .item.on .info{width:244px;height:auto;margin-left:30px;padding-top:20px; color:#FFFFFF;}
.main1 .item.on .info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
.main1 .item.on .more{display: block;}
.main1 .item.on .more a{color:#FFFFFF;width:275px; height:auto; float:left; background-color:#f80; text-align:center; margin-left:15px; display:inline; padding:7px 0; line-height:1.5; font-size:15px;}
.main1 .item.on .more a:hover{ color:#FFFFFF; background-color:#FF9600; width:275px; height:auto;}

@media(max-width:767px){	
	.main_t{ padding:10px 0 18px;}
	.main_t h2{margin-bottom:10px;font-size:22px;}
	.main_t p{ font-size:14px; padding:0; line-height:1.5;}
	
	
	.main1{ padding:25px 10px;}
	.main1 .item{width:48%; height:400px;  margin-right:4%; margin-bottom:15px;}	
	.main1 .item:nth-child(1),.main1 .item:nth-child(2n+1){ margin-right:0;}
	.main1 .item .img{ width:100%; margin-top:1.5rem;}
	.main1 .item .head{ width:100%; height:auto; margin-top:15px;}
	.main1 .item .head h2{ font-size:1.2rem;}
	.main1 .item .head p{font-size:.85rem;}
	.main1 .item .info{ width:88%; margin:15px 6% 0; padding:15px 0 20px;}
	.main1 .item .info p{-webkit-line-clamp:7;}
	
	.main1 .item.on{width:100%; background-size:cover;}
	.main1 .item.on .img{width:100%;margin-top:1.5rem;}
	.main1 .item.on .head{width:100%;margin-top:15px;}
	.main1 .item.on .info{width:80%; margin:15px 10% 0;padding:15px 0 20px;}
	.main1 .item.on .info p{-webkit-line-clamp:4;}
	.main1 .item.on .more a{color:#FFFFFF;width:80%; margin:0 10%; height:auto; font-size:15px;}
	.main1 .item.on .more a:hover{ color:#FFFFFF; background-color:#FF9600;}
}

.main2{ width:100%; height:auto; position:relative; background:#fff; padding:60px 0;}
.main2_c{ font-size:16px; color:#919499;}
.main2_c li{ width:25%; float:left; text-align:center;}
.main2_c li a{display:block; height:200px; padding:20px 0; border-right:1px solid #ececec;border-bottom:1px #ececec solid;}
.main2_c li:nth-child(n+5) a{ border-bottom:none;}
.main2_c li:nth-child(4) a,.main2_c li:nth-child(8) a{ border-right:none;}
.main2_c li .icon100x100{width:100px;  height:100px;}
.main2_c li .zq-icon{display:inline-block;  background:url(/images/new300-sprite-icon.png) no-repeat;}
.main2_c li p{font-size:22px;color:#464646; margin:10px 0;}
.main2_c li:hover p{ color:#fff;}
.main2_c li:hover{background:url(/images/new300-sprite-icon.png) #00a0e9 no-repeat -480px -875px;box-shadow:3px 3px 10px #ccc;-webkit-transition:background-color .5s ease-out;transition:background-color .5s ease-out}
.main2_c li .popular-app-icon1{background-position:0 -450px;}
.main2_c li .popular-app-icon2{background-position:-100px -450px}
.main2_c li .popular-app-icon3{background-position:-200px -450px}
.main2_c li .popular-app-icon4{background-position:-300px -450px}
.main2_c li .popular-app-icon5{background-position:-400px -450px}
.main2_c li .popular-app-icon6{background-position:-500px -450px}
.main2_c li .popular-app-icon7{background-position:-600px -450px}
.main2_c li .popular-app-icon8{background-position:-50px -950px}
.main2_c li .popular-app-icon9{background-position:-700px -450px}
.main2_c li:hover .popular-app-icon1{background-position:0 -550px}
.main2_c li:hover .popular-app-icon2{background-position:-100px -550px}
.main2_c li:hover .popular-app-icon3{background-position:-200px -550px}
.main2_c li:hover .popular-app-icon4{background-position:-300px -550px}
.main2_c li:hover .popular-app-icon5{background-position:-400px -550px}
.main2_c li:hover .popular-app-icon6{background-position:-500px -550px}
.main2_c li:hover .popular-app-icon7{background-position:-600px -550px}
.main2_c li:hover .popular-app-icon8{background-position:-50px -950px}
.main2_c li:hover .popular-app-icon9{background-position:-700px -550px}

@media(max-width:767px){
	.main2{padding:25px 10px 10px;}
	.main2_c{ font-size:14px; padding-bottom:15px;}
	.main2_c li{ width:50%;}
	.main2_c li a{ height:auto; padding:.8rem 0;}
	.main2_c li:nth-child(5) a,.main2_c li:nth-child(6) a{ border-bottom:1px #ececec solid;}
	.main2_c li:nth-child(2n) a{ border-right:none;}
	.main2_c li p{font-size:1rem;}
}

.main3{ width:100%; height:auto; overflow:visible; padding:60px 0; background:#f4f4f4;}
.main3_c{ font-size:16px; color:#919499;}
.main3_c ul{ position:relative;overflow:hidden; padding:15px 0 0;}
.main3_c ul li{ width:285px; height:auto;float:left;margin-right:20px;margin-bottom:20px;position:relative;}
.main3_c ul li:nth-child(4n){ margin-right:0;}
.main3_c ul li a{position:relative;top:0;transition:all 0.2s linear; display:block;}
.main3_c ul li a img{ width:100%; height:auto;}
.main3_c ul li p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%; height:auto;float:left;border:1px #e5e5e5 solid;border-top:none;font-size:16px; color:#333; font-weight:500;text-align:center;padding:10px 10px 8px;}
.main3_c ul li:hover a{ top:-4px; transition:translate3d(0, -2px, 0);}
@media(max-width:767px){	
	.main3{ padding:20px 10px;}
	.main3_c ul{overflow:hidden; padding:0;}
	.main3_c ul li{margin:0 2% 10px 0;width:48%;height:auto;}
	.main3_c ul li:nth-child(2n){ margin-right:0;}
	.main3_c ul li img{ max-width:100%; height:auto;}
	.main3_c ul li p{ height:36px;font-size:1rem; font-weight:500; padding-top:8px;}
	
}

.main6{padding:60px 0px;}
.main6 .main6_c{ width:100%; padding:0 0;}
.main6 .main6_c 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}
.main6 .main6_c 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%; margin-bottom:15px; position:relative;}
.main6 .main6_c ul li a{ display:block; padding:20px; transition: all .6s ease;}
.main6 .main6_c 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);}
.main6 .main6_c ul li:nth-child(3n){ margin-right:0;}
.main6 .main6_c ul li:hover a{ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); }
.main6 .main6_c ul li .date{ color: #888; font-size:15px; position:absolute; right:20px; bottom:20px;}
.main6 .main6_c ul li .tit{ font-weight:bold; font-size:18px; line-height:1.8; margin:0 0 10px; }
.main6 .main6_c ul li .info{ color:#8f8f8f; font-size:14px; line-height:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main6 .main6_c ul li .more{ padding:20px 0 0;}
.main6 .main6_c ul li .more span,.main6 .main6_c ul li .more i{ display:inline-block; color:#333; font-size:14px;}
@media(max-width:767px){
	.main6{padding:1.5rem 10px;}
	.main6 .main6_c{ padding:0 0 10px;}
	.main6 .main6_c 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;}
	.main6 .main6_c ul li a{ padding:15px;}
	.main6 .main6_c ul li .date{ right:15px; bottom:15px;}
	
}

.main5{ width:100%; height:180px; background:url(/images/bg1.jpg) center; text-align:center;}
.main5 p{ font-size:24px; color:#FFFFFF; padding-top:45px;}
.main5 span a{ display:inline-block; margin-top:24px; width:220px; height:46px; line-height:44px; border:1px solid #fff; color:#fff; font-size:18px; border-radius:5px;}
.main5 span a:hover{ background-color:#FFFFFF; color:#000000;}

.service{ width:100%; height:120px; background-color:#1d1d1d;}
.service li{ width:300px; height:100px; float:left; margin-top:15px;}
.service li .pic{ width:90px; height:90px; float:left; margin-right:5px; display:inline;}
.service li p{ color:#FFFFFF; font-size:22px; padding-top:20px;}
.service li span{ color:#FFFFFF; font-size:14px; line-height:32px;}

@media(max-width:767px){
	.main5{ width:100%; height:auto; background-size:cover; padding:2rem 0;}
	.main5 p{ font-size:1.1rem; padding:0;}
	.main5 span a{ margin-top:1rem; width:180px; height:36px; line-height:34px; font-size:.9rem;}
	
	.service{ display:none;}
}

/*回到顶部按钮*/
#top{display:none;}
.top-img{position:fixed;right:36px;bottom:40px;z-index:1000;width:48px;box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.16);border-radius:50%;}

/*footer*/
.footer{ width:100%; height:auto; background-color:#00214F;}
.footer .fBox{width:100%; padding:30px 0;}
.footer .footl{ width:370px; height:auto; float:left; border-right:1px #0d3c7e solid; padding-right:50px;}
.footer .footl .fTel{ width:320px; height:auto; float:left; padding:10px 0;}
.footer .footl .fTel p{ color:#FFFFFF; margin-top:0; font-size:15px;}
.footer .footl .fTel span{ color:#FFFFFF; font-size:32px; line-height:60px;}
.footer .footl .fTel em{ display:block; font-style:normal; font-size:15px; color:#FFFFFF; line-height:1;}
.footer .footl .fTel_img{ width:80px; height:100px; float:left; margin-right:20px; display:inline;}
.footer .footl .fLa{ width:90px; height:32px; float:right; margin-left:9px; display:inline; margin-top:20px;margin-right:6px; background-color:#FF4E00; border-radius: 5px;text-align:center;font-size:16px;line-height:28px;}
.footer .footl .fLa01{ background-color:#0CAF36;}
.footer .footl .fLa02{ background-color:#14BDEF;}
.footer .footl .fLa a{color:#FFFFFF;}

.footer .footr{ width:760px; height:140px; float:left; margin-left:50px;}
.footer .footr .fNav{ position:relative; height:auto; line-height:40px;}
.footer .footr .fNav>li{ float:left; font-size:15px; padding:0 18px 0 15px; }
.footer .footr .fNav>li>a{color:#FFFFFF;}
.footer .footr .fNav>li>a:hover{color:#1EACDF!important; }
.footer .footr .fNav>li span{ margin-left:20px; display:inline; color:#9b9ea0;}
.footer .footr .copyright{ width:100%; height:auto; float:left;  margin-top:10px; overflow:hidden; margin-left:15px; line-height:2.2; font-size:14px; color:rgba(255, 255, 255, 0.5);}
.footer .footr .copyright a{ color:rgba(255, 255, 255, 0.5);}
.footer .footr .copyright a:hover{color:#1EACDF!important;}
.flinks strong{ font-style:normal; font-weight:normal;}
.flinks a{ margin:0 8px; font-size:14px;}
@media(max-width:767px){
	#top{display:none !important;}
	.footer .footl,.flinks,.footer .footr .fNav{ display:none;}
}

.index_foot{ display:none;}
@media(max-width:767px){
	.footer .fBox{width:100%; float:none; padding:0 10px;}
	.footer .footr{ width:100%; height:auto; float:none; margin:0;}
	.footer .footr .copyright{ color:rgba(255, 255, 255, 0.5); padding:15px 10px; line-height:2; text-align:center; margin:0; float:none;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%; display:block;}
	.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:#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:#009FE8; 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;}
}


.ys01{ padding:60px 0; background-color:#EEEEEE;}
.inMtit{ text-align:center; margin-bottom:50px; font-size:38px; font-weight:bold; color:#333; line-height:1.5;}
.inMtit span{ display:block; font-size:16px; color:#333; line-height:1.8; font-weight:500;}
.ys01 ul li{ float:left; width:241px; height:260px; border:1px solid #d7dee3; margin:0 -1px 0 0; text-align:center; position:relative; cursor:pointer;}
.ys01 ul li i{ width:70px; height:70px; display:block; margin:30px auto 0; background:url(/images/ys-icon.png) no-repeat;}
.ys01 ul li h3{ font-size:18px; color:#333; margin-top:20px;}
.ys01 ul li span{ font-size:14px; color:#82939e; padding:0 25px; display:block; line-height:25px; text-align:left; margin-top:10px; height:50px; overflow:hidden; transition: height .3s ease-out;}
.ys01 ul li i.icon01{ background-position:0 0;}
.ys01 ul li i.icon02{ background-position:0 -70px;}
.ys01 ul li i.icon03{ background-position:0 -140px;}
.ys01 ul li i.icon04{ background-position:0 -210px;}
.ys01 ul li i.icon05{ background-position:0 -280px;}
.ys01 ul li i.icon06{ background-position:-70px 0;}
.ys01 ul li i.icon07{ background-position:-70px -70px;}
.ys01 ul li i.icon08{ background-position:-70px -140px;}
.ys01 ul li i.icon09{ background-position:-70px -210px;}
.ys01 ul li i.icon10{ background-position:-70px -280px;}
.ys01 ul li:hover .box{ position:absolute; width:100%; border:1px solid #d7dee3; z-index:9; top:-1px; left:-1px; background-color:#f6f9fc; box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);}
.ys01 ul li:hover .box span{ height:150px;}

@media(max-width:767px){
	.ys01{ padding:25px 10px;}
	.inMtit{ margin-bottom:1.5rem; font-size:1.4rem;}
	.inMtit span{ font-size:.9rem;}
	.ys01 ul li{ float:left; width:50%; height:14rem;margin:-1px -1px 0 0; padding:0 0 15px;}
	.ys01 ul li:last-child{ width:100%;}
	.ys01 ul li i{ margin:20px auto 0;}
	.ys01 ul li h3{ font-size:1.1rem; margin-top:15px;}
	.ys01 ul li span{ padding:0 20px; height:50px;}
	.ys01 ul li:hover .box{ top:-1px; left:-1px;}
	.ys01 ul li:hover .box span{ height:150px;}
}

.ys02{ padding:20px 0 30px;font-size:25px;line-height:190%;}
@media(max-width:767px){
	.ys02{ padding:20px 10px 30px;font-size:24px;line-height:1.85;}
}

.zn01{ width:100%; height:auto; background-color:#f7f7f8; padding:60px 0 30px;}
.zn01 .inMtit{ color:#3CB371;}
.zn01 ul{ width:100%; height:auto;}
.zn01 ul li{ width:376px; height:150px; float:left; background-color:#FFF; margin:0 36px 30px 0;}
.zn01 ul li:nth-child(3n){ margin-right:0;}
.zn01 ul li:hover{box-shadow:0 0 30px #BEBEBE;transition: all .3s;	}
.zn01 ul li .pic{ width:151px; height:150px; float:left; border-right:1px #DFDFDF solid; padding:30px;}
.zn01 ul li .info{ width:190px; height:120px; float:left; margin-left:20px; display:inline; overflow:hidden; margin-top:12px;}
.zn01 ul li .info p{ font-size:20px; font-weight:bold; color:#3e4245; line-height:40px;}
.zn01 ul li .info span{ color:#5f6365; line-height:1.8; font-size:14px;}
@media(max-width:767px){
	.zn01{ padding:25px 10px 15px;}
	.zn01 ul li{ width:48%; height:auto; margin:0 4% 15px 0; text-align:center;}
	.zn01 ul li:nth-child(2n){ margin-right:0;}
	.zn01 ul li:nth-child(2n+1){ margin-right:4%;}
	.zn01 ul li .pic{ width:100%; height:auto;padding:15px;border-bottom:1px #DFDFDF solid;border-right:none;}
	.zn01 ul li .info{ width:100%; height:auto;margin-left:0; margin-top:12px; padding:0 10px 20px;}
	.zn01 ul li .info p{ font-size:1.1rem; line-height:40px;}
	.zn01 ul li .info span{ font-size:.85rem; line-height:1.7; height:6.1rem; display:block;}
}

.zn02{ width:100%; height:auto; padding:60px 0 35px;}
.zn02 .left{ width:306px; height:420px; float:left; background-image:url(/images/yxbj.jpg);}
.zn02 .left ul{ width:100%; height:auto; padding:240px 0 20px 32px;}
.zn02 .left ul li{width:60px; height:30px; overflow:hidden; float:left;}
.zn02 .left ul li a{width:60px; height:30px; overflow:hidden; line-height:30px; display:block; text-align: center; font-size: 14px; color: #fff;}
.zn02 .left .zTel{width: 178px; height: 46px; overflow: hidden; float:left; margin-left:65px; display:inline;}
.zn02 .left .zTel a{width: 174px; height: 42px; overflow: hidden; line-height: 42px; text-align: center; display: block; font-size: 16px; color: #fff;    border: 2px solid #fff;}
.zn02 .right{ width:880px; height:450px; float:right; }
.zn02 .right li{width:401px; border:3px solid #D2D2D2; margin:0 0 25px 30px; height:auto; padding:33px 0px 33px 0; overflow:hidden; float:left; transition:all .3s; cursor:pointer;}
.zn02 .right li .pic{width:150px; height:124px; float:left; overflow: hidden; text-align:center; padding:15px 0 5px 0;}
.zn02 .right li .wrt{width:232px; height:124px; float:right; overflow:hidden; padding-right:15px;}
.zn02 .right li .wrt h4{font-size:20px; color:#3e4245; line-height:1.8; padding-bottom:8px;}
.zn02 .right li .wrt p{ color:#5f6365; font-size:15px; line-height:1.8;}
.zn02 .right li:hover{box-shadow: 0 0 30px #BEBEBE;}
@media(max-width:767px){
	.zn02{ padding:25px 10px 35px;}
	.zn02 .left{ width:100%; height:400px; background-position:center;}
	.zn02 .left ul{padding:210px 15px 20px;}
	.zn02 .left .zTel{width:60%; height:46px; margin:0 20%; display:block;}
	.zn02 .left .zTel a{ width:100%;}
	.zn02 .right{ width:100%; height:auto; padding:25px 0 0;}
	.zn02 .right li{width:48%; margin:0 4% 25px 0; padding:15px 0px; text-align:center;}
	.zn02 .right li:nth-child(2n){ margin-right:0;}
	.zn02 .right li .pic{width:100%; height:auto; padding:0 0 5px;}
	.zn02 .right li .wrt{width:100%; height:auto;  padding:0 10px;}
	.zn02 .right li .wrt h4{font-size:1.1rem;}
	.zn02 .right li .wrt p{  font-size:14px; height:6rem; line-height:1.7;}
}

/*content*/
.content{ padding:30px 0 40px; position:relative;}

.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;}
.inbanner .boxs{ width:100%; height:auto; text-align:center; padding-top:90px;}
.cpt.inbanner .boxs{ padding-top:70px;}
.inbanner .boxs p{ color:#FFFFFF; font-size:36px;}
.inbanner .boxs span{ color:#FFFFFF; font-size:20px; line-height:70px; display:block; padding:10px 0 0;}
@media(max-width:767px){
	.content{ padding:20px 0 20px;}
	.inbanner{ width:100%; height:180px; margin-top:0; padding:0; background-size:cover;}
	.inbanner .boxs{ padding:40px 15px 0;}
	.cpt.inbanner .boxs{ padding-top:40px;}
	.inbanner .boxs p{ font-size:1.2rem;}
	.inbanner .boxs span{ font-size:1rem; line-height:1.8;}
	
}

.side_left{position:absolute; width:100%; left:0; top:-60px; text-align:center; background:#000; filter: Alpha(opacity=80); background:rgba(0, 0, 0, 0.8) none repeat scroll !important;}
.side_left ul{ text-align:center;}
.side_left ul li{color:#536473; display:inline-block;}
.side_left ul li a{position:relative; z-index:99; font-size:16px; color:#fff; padding:20px 50px; display: inline-block; -webkit-transition:all .5s ease-out; transition: all .5s ease-out; line-height:20px;}
.side_left ul li a:hover{background:#0087d5; -webkit-transform:scale(0.85, 0.85);}
.side_left ul li.cur a{background:#0087d5;}
.side_left ul li:last-child{ display:none;}
@media(max-width:767px){	
	.inmain{ padding:1rem 0 2rem;}
	.side_left{ width:100%; height:auto; float:left; position:relative; top:auto; background:none !important;}
	.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;}
	.side_left ul li:nth-child(2n){ display:none;}
	.innav ul li:nth-child(5){ margin-right:0;}
	.innav ul li a{ width:100%; padding:5px 0; font-size:.9rem; line-height:1.8; text-align:center; border:none; height:auto; color:#333;}
	.side_left ul li a{ z-index:9;}
	.innav ul>li.cur>a,.innav ul>li:hover>a{border-left:none;color:#fff; background:#2386ee;}
	.innav ul>li:after,.innav ul>li>a:after{ display:none;}
}


.side_right{ width:100%;overflow:hidden;zoom:1;font-size:14px; line-height:2; box-sizing:border-box; float:right;}
.newsCon .side_right{ float:right; display:block; padding:0 0 5px; min-height:300px;}
.mt0{ padding-top:0;}
@media(max-width:767px){
	.side_right{ float:none; width:100%; padding:1px 0; background:#FFF;}
}


.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.about_con{ width:100%; padding:0; height:auto; overflow:hidden; min-height:380px;}
.infor,.contact{ width:100%; height:auto; overflow:hidden; color:#333;padding:0;font-size:14px;line-height:2;}
.infor p,.contact p{ padding-bottom:0;}
.infor img{ height:auto; overflow:hidden; max-width:100%; vertical-align:inherit;}
.map{ margin-top:10px;}
.contact label{ max-width:none;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td,.right_con table th{ border:1px solid #CCC; text-align:left; padding:5px;}
@media(max-width:767px){
	.right_con{ width:100%; padding:.8rem 0 0; height:auto; overflow:hidden; min-height:30px;}
	.infor,.contact{ width:100%; height:auto; overflow:hidden; color:#333;padding:0 10px;margin-top:0;font-size:14px;line-height:2;}
	.infor p,.contact p{ padding-bottom:0;}
	.infor img{ height:auto; overflow:hidden; max-width:98%;}
	.map{ margin-top:10px;}
	.infor a{ color:#666;}
	.right_con table{ border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
}

/*news*/
.news_list{ width:1000px; margin:0 auto; padding:0;}
.news_list ul{ width:100%; height:auto; padding-bottom:10px;}
.news_list ul li{ float:left; border-bottom:#eaeaea 1px solid; padding:15px 0; width:100%; position:relative; padding-right:120px;}
.news_list ul li a{ display:block;}
.news_list ul li .pic{ float:left; max-height:80px; width:auto; margin-right:10px;}
.news_list ul li .pic img{ max-height:80px; width:auto;}
.news_list ul li h5{ font-size:20px; font-weight:500; color:#333; line-height:28px;-webkit-transition:background .4s;transition:background .4s;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list ul li .desc{ display:block; font-size:14px; color:#898989; line-height:28px; margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_list ul li .date{padding-right:15px;padding-top:25px;text-align:center;font-size:36px;color:#999; position:absolute; right:0; top:0; line-height:1;}
.news_list ul li .date span{ display:block;font-size:20px; color:#bbb; padding-top:8px;}
.news_list ul li:hover h5{ color:#2386ee;}
@media(max-width:767px){
	.news_list{padding:0 10px 0; width:100%;}
	.news_list ul{ margin-top:-12px}
	.news_list ul li{ padding:12px 0 ;}
	.news_list ul li a{ max-width:100%;}
	.news_list ul li h5{ font-size:1rem; line-height:1.5;}
	.news_list ul li .date{ display:none;}
	
}

/*page*/
#page{ height:34px; margin:10px 0 0px;overflow:hidden; width:100%; text-align:center; font-size:14px;}
#page .pagination{ display:inline-block;margin:0; border-radius:0;}
#page .pagination span{ display:block; float:left; margin:0 3px; background:none;}
#page a.active{display:block;width:32px;height:32px;border-radius:4px;border:1px solid #ddd;text-align:center;line-height:30px; padding:0; background:none;}
#page a{ display:block; width:32px;height:32px;border-radius:4px;border:1px solid #ddd;text-align:center;line-height:30px; padding:0; background:none;}
#page a:hover{border-color:#2386ee;background-color:#2386ee;color:#fff}
#page .none{ display:none;}
#page .pagination span.active a,#page .pagination span.active span{border-color:#2386ee;background-color:#2386ee;color:#fff}
#page1{ display:none;} 
@media(max-width:767px){
	#page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:0; padding:7px 13px; background:#038cc3; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#2386ee; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:7px 13px; }

}

/*product*/
.designers{ background:none; padding:0;}

.show_list{width:100%; height:auto; padding:5px 0; min-height:380px;}
.show_list>ul{ width:100%;}
.show_list>ul li{float:left;width:23.5%;box-sizing:border-box;position:relative;line-height:22px;    border: 1px solid rgba(238,238,238,1); margin-right:2%; margin-bottom:20px; padding:0;}
.show_list>ul li:nth-child(4n){ margin-right:0;}
.show_list>ul li a{ display:block;}
.show_list>ul li .box{ position:relative; overflow:hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
.show_list>ul li .pic{ position:relative; overflow:hidden; text-align:center; width:100%;}
.show_list>ul li .pic img{ width:100%; height:auto; transition:all 0.6s ease-in-out; transform:scale(1); }
.show_list>ul li:hover .pic a:after{top:0;background:url(/images/eyes.png) no-repeat center rgba(0,0,0,.7);opacity:1; transition:all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.show_list>ul li .info{ width:100%; transition:all 0.3s ease 0s; box-sizing:border-box;}
.show_list>ul li .info .name{ position:relative; width:100%; height:auto; font-size:16px; line-height:1.5;  text-align:center; padding:5px 10px 10px;}
.show_list>ul li .info .name a{ color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.show_list>ul li:hover .pic img{ transform:scale(1.1); }
.show_list>ul li:hover .info{ bottom:0; }
.show_list>ul li:hover .info .name a{ color:#2386ee; }
@media(max-width:767px){
	.show_list{ padding:0 10px 0; min-height:100px;}
	.show_list>ul{ width:100%; padding:0;}
	.show_list>ul li{float:left;width:48%;height:auto;margin:0 4% .8rem 0;background-color:#fff; padding:0;}
	.show_list>ul li:nth-child(2n){ margin-right:0;}
	.show_list>ul li .info .name{ font-size:1rem;}
	.show_list>ul li .info .desc{ font-size:.9rem; }
	.show_list>ul li .info .desc p{ padding:4px 0 0;}
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; float:left; padding:20px 0;}
.detail_title{ margin:0 0 20px;padding:0 0 20px;border-bottom:1px dotted #ccc;color:#333;text-align:center; font-weight:bold; font-size:28px; line-height:1.5;}
.detail_time{ color:#888; line-height:1.45; width:100%; font-size:14px;text-align:center; padding:0 10px 5px; margin-bottom:20px;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 15px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;/* border:1px solid #eaeaea;*/}
.details_info{ width:100%; height:auto; overflow:hidden;padding:0 0; line-height:2; color:#444; min-height:360px; border-bottom:0 dashed #CCC; font-size:16px;}
.details_info p{ padding-bottom:0; text-align:justify;}
.details_info img{ max-width:100%; height:auto; vertical-align:inherit;}

.smBox{ background:#efefef; padding:10px 15px; margin:15px 0 0; font-size:14px; line-height:2; color:#888;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:20px 0 0; }
.detail_fenye span{ display:inline-block; margin-right:5px; line-height:30px; color:#333; font-size:14px;}
.detail_fenye span a{ color:#666; font-size:14px;}
.detail_fenye span a:hover{ color:#057aeb; text-decoration:underline;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:40px; float:left; padding:0 10px;}
	.detail_title{ font-size:1.2rem; font-weight:700; color:#333; line-height:1.5; padding:0 0 10px; text-align:center; margin:0;}
	.detail_time{ color:#999; line-height:1.8; width:100%; font-size:.8rem;text-align:center; padding:.8rem 10px 0; width:100%; background:none; margin-bottom:.5rem;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ width:100%; height:auto; overflow:hidden; padding:10px 0 15px; line-height:2; color:#333; min-height:30px; border-bottom:0 dashed #CCC;}
	.details_info p{ padding-bottom:10px; text-align:justify;}
	.details_info img{ max-width:98%; height:auto;}
	
	.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0; display:block; border-top:1px dashed #ddd;}
	.detail_fenye span{ display:inline-block; margin-right:2px; line-height:1.5; color:#333; font-size:14px;}
	.detail_fenye>span{ margin:0; padding-top:10px}
	.detail_fenye span a{ color:#666; font-size:14px;}
	.detail_fenye span a:hover{ color:#057aeb; text-decoration:underline;}
}

.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;}


/*font-size*/
.fnt_12{ font-size:12px;}
.fnt_14{ font-size:14px;}
.fnt_16{ font-size:16px;}
.fnt_18{ font-size:18px;}
.fnt_20{ font-size:20px;}
.fnt_22{ font-size:22px;}
.fnt_24{ font-size:24px;}
.fnt_26{ font-size:26px;}
.fnt_28{ font-size:28px;}
.fnt_30{ font-size:30px;}
.fnt_32{ font-size:32px;}
.fnt_34{ font-size:34px;}
.fnt_36{ font-size:36px;}
.fnt_38{ font-size:38px;}
.fnt_40{ font-size:40px;}

.fnt_42{ font-size:42px;}
.fnt_44{ font-size:44px;}
.fnt_46{ font-size:46px;}
.fnt_48{ font-size:48px;}
.fnt_50{ font-size:50px;}
.fnt_52{ font-size:52px;}
.fnt_54{ font-size:54px;}
.fnt_56{ font-size:56px;}
.fnt_58{ font-size:58px;}
.fnt_60{ font-size:60px;}

@media only screen and (max-width:1440px){
  .fnt_20{ font-size:18px;}
  .fnt_22{ font-size:18px;}
  .fnt_24{ font-size:20px;}
  .fnt_26{ font-size:24px;}
  .fnt_28{ font-size:26px;}
  .fnt_30{ font-size:30px;}
  .fnt_32{ font-size:30px;}
  .fnt_34{ font-size:30px;}
  .fnt_36{ font-size:32px;}
  .fnt_38{ font-size:32px;}
  .fnt_40{ font-size:34px;}

  .fnt_42{ font-size:34px;}
  .fnt_44{ font-size:34px;}
  .fnt_46{ font-size:36px;}
  .fnt_48{ font-size:36px;}
  .fnt_50{ font-size:38px;}
  .fnt_52{ font-size:38px;}
  .fnt_54{ font-size:38px;}
  .fnt_56{ font-size:40px;}
  .fnt_58{ font-size:40px;}
  .fnt_60{ font-size:42px;}
}
@media only screen and (max-width:1366px){
  .fnt_16{ font-size:14px;}
}
@media only screen and (max-width:1200px){
  .fnt_24{ font-size:18px;}
  .fnt_20{ font-size:16px;}
}

@media only screen and (max-width:1024px){
  .fnt_18{ font-size:16px;}
  .fnt_20{ font-size:16px;}
  .fnt_24{ font-size:18px;}
  .fnt_26{ font-size:20px;}
  .fnt_28{ font-size:20px;}
  .fnt_30{ font-size:24px;}
  .fnt_32{ font-size:24px;}
  .fnt_34{ font-size:24px;}
  .fnt_36{ font-size:26px;}
  .fnt_38{ font-size:26px;}
  .fnt_40{ font-size:30px;}

  .fnt_42{ font-size:30px;}
  .fnt_44{ font-size:30px;}
  .fnt_46{ font-size:32px;}
  .fnt_48{ font-size:32px;}
  .fnt_50{ font-size:34px;}
  .fnt_52{ font-size:34px;}
  .fnt_54{ font-size:34px;}
  .fnt_56{ font-size:36px;}
  .fnt_58{ font-size:36px;}
  .fnt_60{ font-size:38px;}
}

@media only screen and (max-width:767px){
  .fnt_14{ font-size:12px;}
  .fnt_16{ font-size:14px;}
  .fnt_22{ font-size:16px;}
  .fnt_24{ font-size:16px;}
  .fnt_26{ font-size:18px;}
  .fnt_28{ font-size:18px;}
  .fnt_30{ font-size:18px;}
  .fnt_32{ font-size:20px;}
  .fnt_34{ font-size:22px;}
  .fnt_36{ font-size:24px;}
  .fnt_38{ font-size:24px;}
  .fnt_40{ font-size:24px;}

  .fnt_42{ font-size:24px;}
  .fnt_44{ font-size:24px;}
  .fnt_46{ font-size:24px;}
  .fnt_48{ font-size:26px;}
  .fnt_50{ font-size:26px;}
  .fnt_52{ font-size:26px;}
  .fnt_54{ font-size:28px;}
  .fnt_56{ font-size:28px;}
  .fnt_58{ font-size:28px;}
  .fnt_60{ font-size:30px;}
}