@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; }
.w1200>div{ margin:0;}
.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:#fff; overflow:initial; z-index:25;box-shadow:0 4px 15px rgba(0,0,0,.08);}

.headT{ background:#0e1654;height:44px; color:#fff; line-height:1;}
.headT>div{ padding:14px 0 0;}
.headT .left{margin-right:50px; font-size:15px;}
.headT .left .img{ width:229px;; height:auto; text-align:right;}
.headT .right span{font-size:14px;font-weight:400;color:#fff;line-height:18px;margin:0 5px 0 4px;}
.headT .right img{ display:inline-block; vertical-align:middle; height:auto;}
.headT .right p span{font-size:18px;font-weight:bold;color:#fff;line-height:16px;margin-top:0px;}

.headBox{/* background:#0f66e0;*/}
.top{ height:auto; float:left;}
.top .logo{ float:left; position:relative; padding:15px 0;}
.top .logo img{ height:48px; width:auto;}
.top .logo img.logo1{ display:none;}

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

.menu{ float:right;}
.menu .navBox{ height:82px; width:100%; float:none; padding:22px 0 0;}
.menu .navBox>ul>li{ float:left; height:auto; position:relative; padding:0 25px;}
.menu .navBox>ul>li>a{ padding:0; color:#333; font-size:16px; border-radius:18px; position:relative; line-height:38px;padding-bottom:22px;}
.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,.menu .navBox>ul>li>a:hover{ color:#2386ee;}
.menu .navBox>ul>li.active>a:after,.menu .navBox>ul>li>a:hover:after{width:100%;}
.menu .dropdown-menu{ top:60px; 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;}

#header.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{ height:45px;}
	
	.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:20px;font-size:15px; text-align:left;padding:14px 20px; border-radius:0;}
	.menu .nav li a:after{ content:''; 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;}
	.menu .navBox>ul>li.active>a{ background:#fff; color:#000;}
	.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:480px;overflow:hidden;}
.banner .indBanner .swiper-slide .ban_img{width:1920px;height:480px; position:absolute; left:50%; top:50%; margin-left:-960px; margin-top:-240px; max-width:1920px;}
.banner .indBanner .swiper-slide .mban_img{ display:none;}
.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;}
.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:120px;background:#F4f8fb;/*box-shadow:0px 12px 45px 0px rgba(76, 94, 84, 0.12);*/border-radius:8px;display:flex;justify-content:space-around;align-items:center;margin:-30px auto 0;position:absolute;top:480px;left:calc(50% - 600px); box-shadow:0px 3px 14px 2px rgba(158, 158, 158, 0.51); z-index:20;}
.digital-pane .digital-item{text-align:center;}
.digital-pane .digital-item div .highlight-text{font-size:38px;font-weight:500;color:#2386ee;line-height:61px;}
.digital-pane .digital-item div .normal-text{font-size:22px;font-weight:400;color:#2386ee;line-height:40px;}
.digital-pane .digital-item .item-name{font-size:16px;font-weight:400;color:#666;line-height:28px;}



.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 img{width:100%; height:auto;display:block;}
	.mo-banner .wiper-pagination{ bottom:5px !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;}
}


.hotKey{ padding:27px 0; background:#f3f3f5; position:relative;}
.hotKey .keyL{ float:left; min-width:570px; padding:2px 0;}
.hotKey .keyL a{position:relative;display:block;line-height:26px;padding-left:18px;color:#333; font-size:14px; line-height:1.8}
.hotKey .keyL a:hover{ color:#00a8ec; }
.hotKey .keyL a:after{ position:absolute; left:3px; top:50%; width:4px; height:4px; margin-top:-2px; background:#00a8ec; content:""; }
.searchAll{ position:absolute; right:50%; top:50%; height:56px; margin-top:-28px; margin-right:-570px; border-radius:8px; padding:0; margin-right:-600px; background:#fff;}
.searchAll form{ position:relative; height:56px; padding-right:66px; }
.searchAll form .serach_input{ width:554px; height:56px; border-radius:8px 0 0 8px; border:0; padding:10px 15px; font-size:14px; vertical-align:top; background:#fff; color:#666;}
.searchAll form .btn_serach{ position:absolute; right:0; top:0; width:66px; height:56px; margin:0; padding:0; border-radius:0 8px 8px 0; border:0; cursor:pointer; background:url(/images/sbtn.png) no-repeat #979797 center; color:#666;}
@media only screen and (max-width:767px){
	.hotKey{ padding:20px 5%;}
	.hotKey .keyL{ display:none;}
	.searchAll{ position:relative; right:auto; top:auto; height:45px; margin:0;border-radius:0;}
	.searchAll form{ position:relative; height:45px; padding-right:14%; }
	.searchAll form .serach_input{ width:100%; height:45px;padding:0 4%;border-radius:4px 0 0 4px;}
	.searchAll form .btn_serach{ width:14%; height:45px; border-radius:0 4px 4px 0; background:url(/images/sbtn.png) no-repeat #979797 center;  background-size:26px auto;}
}

/*main*/
.main{ width:100%; height:auto; overflow:visible;}
.main_t{line-height:1;text-align:center; padding:30px 0 30px; position:relative;}
.main_t h2{margin-bottom:12px;font-size:30px;font-weight:500; color:#3e4d50;/* background:#f1f6fa;*/ position:relative; z-index:5; display:inline-block; padding:5px 0;}
.main_t span{ display:block;color:#efefef; text-transform:uppercase; font-size:92px; font-weight:bold; position:absolute; left:0; top:0; z-index:3; width:100%;/* padding:10px 0 0;*/}
.main_t i{ display:block; width:36px; height:4px; margin:0 auto; background:#373d41;}
.main_t p{ font-size:16px; color:#999; padding:20px 0 0;}

.product-link a{display:inline-block;text-align:center;border-radius:5px;border:1px solid #fff;box-sizing:border-box;height:42px;line-height:42px;border:none;font-size:16px;min-width:124px;text-align:center; padding:0 15px;}
.product-link a:after{transform:translateY(-1px);content:"";transition:all .4s ease;font-family:"iconfont";display:inline-block;vertical-align:middle;}
.product-link a.blue:hover:after{content:"\e683";margin-left:5px;}
.product-link a.blue{color:#fff;background-color:#2183e9;}
.product-link a.border{border:1px solid #262b39;color:#252b3a;line-height:40px;}


.main1{ padding:145px 0 50px;}
.main1 .main_t span{ color:#f5f5f5; font-size:80px;}
.main1 .title{overflow:hidden;margin-bottom:50px;text-align:center;}
.main1 .mobile-t{display:none;}
.main1 .tabnav{margin-bottom:60px;}
.main1 .tabnav ul{display:flex;align-items:center;justify-content:center; width:100%;}
.main1 .tabnav li{padding:0 17px;}
.main1 .tabnav li:nth-child(1){ padding-left:0;}
.main1 .tabnav li:last-child{ padding-right:0;}
.main1 .tabnav li a{display:block;min-width:160px;border-bottom:3px solid #d9dadc;padding:18px 0;position:relative;color:#232323; font-weight:500; font-size:20px;}
.main1 .tabnav li a::after{content:'';display:block;width:0;height:3px;background-color:#2183e9;position:absolute;left:0;bottom:-3px;transition:all 1s ease;}
.main1 .tabnav li.active a{color:#2183e9;}
.main1 .tabnav li.active a::after{width:100%;}
.main1 .item{display:none;}
.main1 .item:first-child{display:block;}
.main1 .item .mb-show{display:none;}
.main1 .item .inner{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main1 .item .img{width:45.37616%;}
.main1 .item .img img{width:100%;transition:all .5s;}
/*.main1 .item .img:hover img{transform:scale(1.05);}*/
.main1 .item .info{width:48.22804%;}
.main1 .item .info h3{line-height:1.375;margin-bottom:20px;font-weight:normal;}
.main1 .item .info h3 b{display:block;font-weight:normal;}
.main1 .item .info p{line-height:1.8;color:#444;letter-spacing:1px;font-weight:normal; font-size:17px !important;}
.main1 .item .info .product-link{margin-top:35px;}
.main1 .item .info .product-link a:first-child{margin-right:18px;}
.main1 .item .info .product-label{display:flex;flex-wrap:wrap;/*justify-content:space-between; */margin-top:37px;border-top:1px solid #e5e5e5;padding:20px 0;}
.main1 .item .info .product-label a{display:block;text-align:left;/*width:25%;*/line-height:42px;color:#444;font-weight:normal; font-size:17px !important; margin-right:37px; color:#124c88;}
.main1 .item .info .product-label a:hover{/* box-shadow:0 0 30px rgba(0, 0, 0, 0.1); */color:#2183e9;}

@media(max-width:767px){	
	.main_t{ padding:10px 0 18px;}
	.main_t h2{margin-bottom:10px;font-size:22px;}
	.main_t span{ font-size:35px;}
	.main_t i{ width:24px; height:3px;}
	.main_t p{ font-size:14px; padding:12px 0 0; line-height:1.5;}
	
	.product-link a{height:36px;line-height:36px;font-size:14px;min-width:104px;padding:0 10px;}
	.product-link a.border{line-height:34px;}
	
	.main1{ padding:25px 10px;}
	.main1 .main_t span{ font-size:45px;}
	.main1 .title{margin-bottom:20px;}
	.main1 .tabnav{margin-bottom:15px; padding:10px 0 0;}
	.main1 .tabnav ul{ display:block;}
	.main1 .tabnav li{padding:0 5px 10px; float:left;}
	.main1 .tabnav li:nth-child(1){ padding-left:5px;}
	.main1 .tabnav li:last-child{ padding-right:5px;}
	.main1 .tabnav li a{min-width:40px;border:1px solid #d9dadc;padding:7px 8px;font-size:14px; text-align:center; border-radius:5px; overflow:hidden;}
	.main1 .tabnav li a::after{ display:none;}
	.main1 .tabnav li.active a{color:#fff; border-color:#2183e9; background:#2183e9;}
	.main1 .item .inner{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.main1 .item .img{width:100%;}
	.main1 .item .img img{ border-radius:5px; overflow:hidden;}
	.main1 .item .info{width:100%; padding:15px 0 0;}
	.main1 .item .info h3{margin-bottom:10px;}
	.main1 .item .info p{ font-size:15px !important;}
	.main1 .item .info .product-link{margin-top:15px;}
	.main1 .item .info .product-link a:first-child{margin-right:10px;}
	.main1 .item .info .product-label{margin-top:20px;padding:10px 0;}
	.main1 .item .info .product-label a{width:auto;line-height:36px; margin-right:15px; font-size:.9rem !important;}
}

.main2{ width:100%; height:auto; position:relative; background:#f5f7fa; padding:45px 0 0;}
.main2_c{ font-size:16px; color:#919499;}
.toggleitem{display:flex; align-items:center;justify-content:center; margin-bottom:32px;}
.toggleitem span{width:142px;height:40px;background:rgba(255,255,255,0);border:1px solid rgba(181,181,181,1);border-radius:22px;display:inline-block;font-size:16px;line-height:38px;font-family:Microsoft YaHei;font-weight:400;color:rgba(102,102,102,1);text-align:center;margin-right:18px;cursor:pointer;}
.toggleitem span:hover,.toggleitem span.active{background:rgba(37,135,238,1);color:#fff;border:1px solid transparent}
.main2_c li{display:inline-block;vertical-align:top;width:11.8%;margin-bottom:40px; padding:20px 0 10px; border-radius:10px; overflow:hidden;}
.main2_c ul{display:none;}
.main2_c ul:first-of-type{display:block;}
.main2_c li img{display:block;margin:0 auto;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;width:auto;height:46px;}
.main2_c li:hover{box-shadow:0 0px 10px #8ac7f8 inset;}
.main2_c li:hover a img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.main2_c li:hover a span,.main2_c li:hover a p{color:rgba(37,135,238,1);}
.main2_c li a span{font-size:16px;font-weight:500;color:rgba(51,51,51,1);line-height:20px;display:block;text-align:center;margin:20px 0 15px;}
.main2_c li a p{font-size:14px;font-weight:400;color:rgba(102,102,102,1);line-height:20px;text-align:center;margin:0 5%; display:none;}
.main2_c .wrap>a{width:130px;height:30px;background:rgba(255,255,255,0);border:1px solid rgba(210,210,210,1);border-radius:15px;display:block;margin:0 auto;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1);line-height:30px;text-align:center;}
.main2_c .wrap>a:hover{background:rgba(37,135,238,1);color:#fff;border:1px solid transparent;}
.main2Cb{padding:0 0 50px;}
.main2Cb h5{ font-size:22px; text-align:center; margin-bottom:35px;font-weight:500; color:#3e4d50;}
.main2Cb ul{display:flex;display:-webkit-flex;}
.main2Cb ul li{width:16.66667%;text-align:center;padding:0 8px; font-size:15px;}
.main2Cb ul .img{width:120px;margin:0 auto 10px;}
.main2Cb ul .img img{ width:100%;}
@media(max-width:767px){
	.main2{padding:25px 10px 10px;}
	.main2_c{ font-size:14px; padding-bottom:15px;}
	.toggleitem{ margin-bottom:25px;}
	.toggleitem span{width:122px;height:36px;margin-right:15px;font-size:15px;line-height:34px;}
	.main2_c li{width:24%;margin-bottom:10px; padding:15px 0;}
	.main2_c li img{height:36px;}
	.main2_c li a span{font-size:14px;margin:10px 0 0;}
	.main2Cb{padding:0 0 20px;}
	.main2Cb h5{ font-size:18px; margin-bottom:25px; line-height:1.5;}
	.main2Cb ul{display:block;}
	.main2Cb ul li{width:31.333%; display:block; font-size:15px; margin:0 3% 15px 0; float:left; padding:0 0;}
	.main2Cb ul li:nth-child(3n){ margin-right:0;}
	.main2Cb ul .img{width:80px;margin:0 auto 10px;}
	.main2Cb ul .img img{ width:100%;}

}

.main3{ width:100%; height:auto; overflow:visible; padding:45px 0 60px;}
.main3 .main_t span{ color:#f5f5f5; font-size:80px;}
.main3_c{ font-size:16px; color:#919499; padding:20px 0 0;}
.main3_c ul{ position:relative;overflow:hidden;}
.main3_c ul li{position:relative;float:left;overflow:hidden;margin:0 14px 20px;width:212px;height:110px; text-align:center; background:#FFF; z-index:1; cursor:pointer;}
.main3_c ul li:after{ content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; border:1px solid #d9d9d9; z-index:3;}
.main3_c ul li a{ display:block; width:100%; height:100%; padding:5px 0;}
.main3_c li span{position:absolute;background:#2386ee;-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:5;}
.main3_c li .span_1{top:0;left:0;width:0;height:2px;}
.main3_c li .span_2{top:0;right:0;width:2px;height:0;}
.main3_c li .span_3{right:0;bottom:0;width:0;height:2px;}
.main3_c li .span_4{bottom:0;left:0;width:2px;height:0;}
.main3_c li:hover .span_1,.main3_c li:hover .span_3{width:100%;}
.main3_c li:hover .span_2,.main3_c li:hover .span_4{height:100%;}
@media(max-width:1500px){
     .main3_c ul li{margin:0 14px 20px;}
	 .main3_c ul li:nth-child(n+11){ margin-bottom:0;}
}
@media(max-width:767px){
	.main3{ padding:20px 10px;}
	.main3 .main_t span{ font-size:35px;}
	.main3_c{top:0;margin:0 auto;padding:15px 0 5px;width:100%;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
	.main3_c ul{overflow:hidden;}
	.main3_c ul li{margin:0 2% 10px 0;width:48%;height:auto;}
	.main3_c ul li a{ padding:0 5px;}
	.main3_c ul li img{ max-width:100%; height:auto;}
	.main3_c ul li:nth-child(2n){ margin-right:0;}
	.main3_c ul li:nth-child(n+13){ display:none;}
	
}

.main4{ width:100%; height:auto; overflow:visible; padding:45px 0 0; background:#f8f8f8;}
.main4 .main_t span{ font-size:80px;}
.main4_c{ font-size:16px; color:#919499; padding:10px 0 0;background-size:100% 100%;padding-bottom:60px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.main4_c ul{ position:relative;overflow:hidden;}
.main4_c .p{width:100%; height:50px; line-height:100px;font-size:18px;color:#fff; text-align:center;}
@media(max-width:767px){
	.main4{ padding:20px 10px 10px;}
	.main4 .main_t span{ font-size:35px;}
	.main4_c{padding-bottom:30px;}
}

/***  证书轮播 */
#zzTab ul, #zzTab li{ margin:0; padding:0; list-style:none }
#zzTab img{ border:0; vertical-align:top }
#zzTab{ position:relative; height:450px; text-align:left }
#zzTab .z_pic{ position:relative; margin:0 auto; width:1100px; height:100% }
#zzTab .z_pic li{ position:absolute; display:none; z-index:0; overflow:visible !important;}
#zzTab .z_pic .cont{ width:100%; height:87px; background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px; z-index:99999;}
#zzTab .z_pic li img{ max-width:100%; height:auto;border:0px solid #888; -webkit-box-shadow:0 0 4px 4px rgba(33,33,33,.0);-moz-box-shadow:0 0 4px 4px rgba(33,33,33,.0);  box-shadow:0 0 4px 4px rgba(33,33,33,.0); }
#zzTab .z_pic img{cursor:pointer;}
#zzTab .z_pic li.item1{ display:block; width:250px; left:0; top:60px; z-index:1; overflow:visible !important;}
#zzTab .z_pic li.item2{ display:block; width:270px; left:20%; top:40px; z-index:2; overflow:visible !important;}
#zzTab .z_pic li.item3{ display:block; width:300px; left:35%; top:20px; z-index:3; overflow:visible !important;}
#zzTab .z_pic li.item4{ display:block; width:270px; right:20%; top:40px; z-index:2; overflow:visible !important;}
#zzTab .z_pic li.item5{ display:block; width:250px; right:0; top:60px; z-index:1; overflow:visible !important;}
#zzTab .z_next, #zzTab .z_prev{display:block;width:40px;height:40px;top:220px;z-index:10;cursor:pointer ;background:url(/images/button.png);}
#zzTab .z_prev{position:absolute;left:0;background-position:-6px -4px;}
#zzTab .z_next{position:absolute;right:0;background-position:-6px -54px;}
@media (max-width:375px){
	#zzTab{ height:280px; }
	#zzTab .z_pic{ width:100%;}
	#zzTab .z_pic li.item1{ width:130px;}
	#zzTab .z_pic li.item2{ width:150px; left:10.5%;}
	#zzTab .z_pic li.item3{ width:200px; left:21.5%;}
	#zzTab .z_pic li.item4{ width:150px; right:9.5%;}
	#zzTab .z_pic li.item5{ width:130px;}
	#zzTab .d_menu li.d_select a{text-shadow:#000 2px 2px 6px;}
	#zzTab .z_next, #zzTab .z_prev{display:block;width:40px;height:40px;top:130px;}
}
@media (min-width:376px) and (max-width:480px){
	#zzTab{ height:280px; }
	#zzTab .z_pic{width:100%;}
	#zzTab .z_pic li.item1{ width:150px;}
	#zzTab .z_pic li.item2{ width:170px; left:12.5%;}
	#zzTab .z_pic li.item3{ width:200px; left:25%;}
	#zzTab .z_pic li.item4{ width:170px; right:12.5%;}
	#zzTab .z_pic li.item5{ width:150px;}
	#zzTab .z_next, #zzTab .z_prev{display:block;width:40px;height:40px;top:130px;}
}
@media (min-width:480px) and (max-width:767px){
	#zzTab{ height:320px; }
	#zzTab .z_pic{width:100%;}
	#zzTab .z_pic li.item1{ width:180px;}
	#zzTab .z_pic li.item2{ width:200px; left:13.5%;}
	#zzTab .z_pic li.item3{ width:230px; left:28%;}
	#zzTab .z_pic li.item4{ width:200px; right:13.5%;}
	#zzTab .z_pic li.item5{ width:180px;}
	#zzTab .z_next, #zzTab .z_prev{display:block;width:40px;height:40px;top:150px;}
	
}


.main6{padding:50px 0px 58px;}
.main6 .main6_t{line-height:1; padding:0 0 35px;}
.main6 .main6_t h2{ height:50px; font-size:38px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; float:left;}
.main6 .main6_t .more{ float:right;color:#666;line-height:30px; font-size:15px; padding:10px 0 0;}
.main6_c .cl{ float:left;width:53.22339%;position:relative;overflow:hidden;}
.main6_c .cl .pic{height:auto;border-radius:5px;overflow:hidden;}
.main6_c .cl .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.main6_c .cl .info{ padding:15px 0; font-size:16px; line-height:1.5;}
.main6_c .cl .info h5{margin:0;} 
.main6_c .cl .info h5 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#252b3a; font-size:20px;}
.main6_c .cl .info .datetime{font-weight:lighter; margin:10px 0 6px; color:#aeaeae;}
.main6_c .cl .info .des{line-height:28px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:56px;color:#767676; font-size:16px;}
.main6_c .cr{float:right; width: 43.92804%;}
.main6_c .cr li{border-bottom:2px solid #ebebeb; margin-bottom:19px; line-height:1.5;}
.main6_c .cr li:last-child{ margin-bottom:0;}
.main6_c .cr li a{display:block;padding:0 0 19px;color:#252b3a;}
.main6_c .cr li .datetime{font-weight:lighter; margin:10px 0 6px; font-size:16px; color:#aeaeae;}
.main6_c .cr li h2{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden; font-size:20px; line-height:1.5;}
.main6_c .cr li a:hover h2{color:#2183e9;}
.main6_c .cr li .desc{line-height:32px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:64px;color:#666; font-size:16px;}
@media(max-width:767px){
	.main6{padding:25px 10px 0;}
	.main6 .main6_t{ padding:0 0 10px;}
	.main6 .main6_t h2{ height:30px; font-size:22px; line-height:30px; }
	.main6 .main6_t .more{ padding:0;}
	.main6_c .cl{width:100%;}
	.main6_c .cl .info{ padding:18px 0 19px; margin-bottom:19px; font-size:15px;border-bottom:1px solid #ebebeb;}
	.main6_c .cl .info h5 a{ font-size:17px;}
	.main6_c .cl .info .datetime{ margin:8px 0 5px; font-size:14px;}
	.main6_c .cl .info .des{ font-size:15px;}
	.main6_c .cr{width:100%;}
	.main6_c .cr li{border-bottom:1px solid #ebebeb; margin-bottom:19px; line-height:1.5;}
	.main6_c .cr li:last-child{ margin-bottom:0;}
	.main6_c .cr li a{display:block;padding:0 0 19px;color:#252b3a;}
	.main6_c .cr li .datetime{margin:8px 0 5px; font-size:14px;}
	.main6_c .cr li h2{ font-size:17px;}
	.main6_c .cr li .desc{line-height:28px;height:56px; font-size:15px;}
}

.main5{background-color:#f5fcff;}
.main5 .w1200{position:relative;}
.main5 .img{position:absolute;bottom:0;right:-5%;width:530px;}
.main5 .img img{width:100%;}
.main5 .info{padding:50px 0 36px;}
.main5 .info h2{color:#2183e9;margin-bottom:20px;}
.main5 .info p{max-width:48.87556%;line-height:1.8;letter-spacing:1px;margin-bottom:20px;}
.main5 .jd-info{display:flex;display:-webkit-flex;align-items:center;}
.main5 .jd-info .qrc{width:104px;margin:0 19px 0 0; float:left;}
.main5 .jd-info .qrc img{width:100%;}
.main5 .jd-info .txt{line-height:1.6;font-weight:bold; float:left; margin:0;}

@media screen and (max-width: 1024px) {
  .main5 .img{right: 0;}
}
@media screen and (max-width: 768px) {
   .main5{ padding:0 10px;}
	.main5 .info{padding:30px 0 16px; line-height:1.5;}
   .main5 .info p{max-width: 100%;}
   .main5 .img{position: relative;margin: 0 auto;}
}

@media screen and (max-width: 750px) {
  .main5 .info h2{font-weight: bold;margin-bottom: 10px;}
  .main5 .info h2 span{display: block;}
  .main5 .jd-info{justify-content: center;}
  .main5 .img{width:100%;}
}

/*回到顶部按钮*/
#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%; border-top:5px solid #0186e5;}
.footer .fBox{width:100%; padding:45px 0 0; background:#1d2c43/*0183e3*/;}
.footer .fBox .fNav{ position:relative; height:auto; text-align:left; padding:0 0 20px;}
.footer .fBox .fNav>li{ float:left; height:auto; width:158px;}
.footer .fBox .fNav>li.line{ width:0 !important; }
.footer .fBox .fNav>li>a{ padding:3px 5px; color:#fff; font-weight:500; display:block;transition:0s; font-size:18px;}
.footer .fBox .fNav>li .shownav{ position:relative; top:0; display:block; background:none; box-shadow:none; visibility:visible;width:148px; padding:8px 0; font-size:14px; margin:0;}
.footer .fBox .fNav>li .shownav>a{ display:block; padding:6px 5px; color:rgba(255, 255, 255, 0.8); text-align:left; font-size:14px;}
.footer .fBox .fNav .wxCode{ float:left; border-left:0px solid rgba(133, 154, 184, 0.1); border-right:0px solid rgba(133, 154, 184, 0.1); padding:0 50px; height:240px; text-align:center;}
.footer .fBox .fNav .wxCode span{ display:block; width:120px; height:120px;}
.footer .fBox .fNav .wxCode img{ width:100%; height:auto; background:#FFF; padding:0px;}
.footer .fBox .fNav .wxCode p{ color:rgba(255, 255, 255, 0.8); padding:10px 0 0; font-size:14px;}
.footer .fBox .fNav .fLx{ float:right; text-align:right; width:330px;}
.footer .fBox .fNav .fLx .tel{text-align:right;line-height:1.5;overflow:hidden;}
.footer .fBox .fNav .fLx .tel span{display:block;font-size:14px;color:rgba(255, 255, 255, 0.8);}
.footer .fBox .fNav .fLx .tel p{font-size:24px;color:#fff;}
.footer .fBox .fNav .fLx .address{margin-top:20px;height:102px;text-align:right;font-size:14px;overflow:hidden;}
.footer .fBox .fNav .fLx .address span{color:rgba(255, 255, 255, 0.8);line-height:35px;}
.footer .fBox .fNav .fLx .address p{color:rgba(255, 255, 255, 0.8);line-height:30px;}

.flinks{ padding:18px 0; border-top:1px solid rgba(133, 154, 184, 0.2); border-bottom:1px solid rgba(133, 154, 184, 0.2); color:rgba(255, 255, 255, 0.5); font-size:14px;}
.flinks strong{ font-style:normal;}
.flinks a{ margin:0 8px; font-size:14px; color:rgba(255, 255, 255, 0.5);}
@media(max-width:767px){
	#top{display:none !important;}
	.flinks{ display:none;}
}

.footer .copyright{background-color:#1d2c43;color:#fff; padding:18px 0 20px;line-height:30px;}
.footer .copyright a{ color:#fff;}
.footer .copyright p{ text-align:center; font-size:15px;}

.index_foot{ display:none;}
@media(max-width:767px){
	.footer{ border-top:none;}
	.footer .fEwm,.footer .fBox .fNav,.footer .fBox .fList,.footer_links{ display:none;}
	.footer .fBox{width:100%; float:none; padding:0 10px; display:none;}
	.footer .copyright{ color:#fff; font-size:14px;padding:15px 10px; line-height:1.8; text-align:center; margin-top:0; margin-bottom:50px;}
	.footer .copyright.mb0{ margin-bottom:0;}
	.footer .copyright p:nth-child(3),.footer .copyright p:nth-child(4){ display:none;}
	.footer .copyright span{ display:block;}
	
	.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;}
}


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

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

.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:#2386ee;}
.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;}

.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:#2386ee/*244ca1*/; border-top:4px solid #0665c8; 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:#62afff; 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:#2386ee; 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;}

.sideTel{ margin-top:20px; background:#2386ee; text-align:center; padding:20px 10px 17px; color:#FFF;}
.sideTel span{ display:block; font-size:14px; padding:0 0 8px; line-height:25px;}
.sideTel span em{ display:inline-block; vertical-align:middle; line-height:25px; font-style:normal;}
.sideTel span img{ display:inline-block; vertical-align:middle; margin-right:5px; width:25px; height:25px;}
.sideTel p{ font-size:23px; font-weight:bold; line-height:1.5;}

@media(max-width:767px){
	.location{ padding:10px 10px; line-height:26px; font-size:.9rem; display:none;}
	.location .tel,.sideTel{ 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:5px 0; font-size:.9rem; 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:#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;}
.rightObj{ width:940px;}
.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; min-height:380px;}
.about_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.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:auto;}
.map{ margin-top:10px;}
.contact label{ max-width:none;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ 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:100%; padding:0;}
.news_list ul{ width:100%; height:auto; margin-top:-15px; padding-bottom:10px;}
.news_list ul li{ float:left; border-bottom:#ddd 1px dashed; padding:15px 0; width:100%; position:relative;}
.news_list ul li a{ display:inline-block; line-height:25px; max-width:1000px;}
.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:16px; font-weight:600; color:#333; line-height:28px;-webkit-transition:background .4s;transition:background .4s; height:28px;}
.news_list ul li h5 a{ color:#333; float:left; display:inline-block; max-width:80%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_list ul li h5 span{ float:right; font-size:14px; color:#666; font-weight:normal;}
.news_list 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_list ul li .desc{ margin-top:2px;}
.news_list ul li p{ padding:15px 0 0; font-size:14px;}
.news_list 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_list ul li:hover a{ color:#2386ee;}
@media(max-width:767px){
	.news_list{padding:0 10px 0;}
	.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:.95rem; line-height:1.5;}
	.news_list ul li h5 a{ max-width:75%;}
	
}



.caseList{ width:100%; margin:0; height:auto; padding:0;}
.caseList ul{ width:100%;}
.caseList ul li{ float:left; position:relative; width:32.133%; margin:0 1.8% 20px 0; overflow:hidden;border:1px solid #f1f1f1;}
.caseList ul li:nth-child(3n){ margin-right:0;}
.caseList ul li a{ display:block; overflow:hidden;}
.caseList ul li .pic{ border-radius:0px; overflow:hidden; position:relative;}
.caseList 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;}
.caseList ul li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1);transform:scale(1.1);}
.caseList ul li .tit{ padding:10px 6px 6px; background:#fff;}
.caseList ul li .tit h3{position:relative;}
.caseList 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;}
.caseList ul li:hover .tit{ background:#fff;}
.caseList ul li:hover .tit .eye{background-position:left center; display:none;} 
.caseList ul li:hover .tit .line::before{ width:100%; background:#de262e; }
.caseList ul li:hover a{ color:#2386ee;}
.caseList 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;}
.caseList 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;}
.caseList ul li .ico:after{ content:""; display:block; width:100%; height:100%;background:#000; position:absolute; top:0; left:0; z-index:5;}
.caseList ul li:hover .ico{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.caseList ul li:hover .ico:before{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.caseList ul li:hover .ico:after{opacity:.6;-webkit-opacity:.6;-moz-opacity:.6;}
.caseList ul li .xian{position:absolute;top:0;left:0;width:100%;height:100%; display:none;}
.caseList 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;}
.caseList ul li .span_1{top:0;left:0;width:0;height:2px;}
.caseList ul li .span_2{top:0;right:0;width:2px;height:0;}
.caseList ul li .span_3{right:0;bottom:0;width:0;height:2px;}
.caseList ul li .span_4{bottom:0;left:0;width:2px;height:0;}
.caseList ul li:hover .span_1,.caseList ul li:hover .span_3{width:100%;}
.caseList ul li:hover .span_2,.caseList ul li:hover .span_4{height:100%;}
@media(max-width:767px){
	.caseList{ padding:0 0 0;}
	.caseList ul li{ float:left; position:relative; width:48%; margin:0 4% 12px 0; border:none;}
	.caseList ul li:nth-child(2n){ margin-right:0;}
	.caseList ul li:nth-child(2n+1){ margin-right:4%;}
	.caseList ul li img{ height:auto; max-width:100%;}
	.caseList ul li .tit{ padding:0;}
	.caseList ul li .tit a{font-size:.9rem;margin-top:3px;}
}

/*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;}
.show_list>ul{ width:100%;}
.show_list>ul li{float:left;width:31.93333333%;box-sizing:border-box;position:relative;line-height:22px;    border: 1px solid rgba(238,238,238,1); margin-right:2.1%; margin-bottom:20px; padding:10px;}
.show_list>ul li:nth-child(3n){ margin-right:0;}
.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; float:left; width:40%; padding:2px 0 0;}
.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{ float:right; width:56%; 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; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.show_list>ul li .info .name a{ color:#333;}
.show_list>ul li .info .desc{ font-size:14px; color:#888; line-height:1.5;}
.show_list>ul li .info .desc p{ padding:10px 0 0;}
.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}
	.show_list>ul{ width:100%; padding:0;}
	.show_list>ul li{float:left;width:100%;height:auto;margin:0 0 .8rem 0;background-color:#fff; padding:8px 5px;}
	.show_list>ul li:nth-child(2n){ margin-right:0;}
	.show_list>ul li:nth-child(2n+1){ margin-right:0;}	
	.show_list>ul li .pic{ width:35%;}
	.show_list>ul li .info{ width:62%;}
	.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;}
.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:14px;}
.details_info p{ padding-bottom:0; text-align:justify;}
.details_info img{ max-width:100%; height:auto; vertical-align:auto;}

.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;}
	.detail_title{ font-size:1.2rem; font-weight:700; color:#333; line-height:1.5; padding:0 5px; text-align:center;}
	.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 10px; 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 10px; 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;}


.data{overflow:hidden;zoom:1;}
.data::after{content:"";display:table;clear:both}
.data .title_name{ float:left; }
.data .input{ width:70%; height:44px; padding:12px 16px; line-height:20px; font-size:14px; transition:all 0.3s linear; vertical-align:top; }
.data textarea.input{ min-height:166px; }
.data .input_option{ display:block; overflow:hidden; zoom:1; }
.data .input_option input[type="radio"],
.data .input_option input[type="checkbox"]{ display:inline-block; vertical-align:top; }
.data .input_option span{ display:inline-block; vertical-align:top; }
.btn-area{ padding:20px 0 !important; }
.btn-area .btn-submit, .btn-area .reset{ display:inline-block; width:49%; height:57px; border:0; font-size:16px; line-height:57px; transition:all 0.3s linear; vertical-align:top; }


.data{ margin-bottom:10px; }
.data .title_name{ display:block; float:none; padding-bottom:10px; color:#333; font-size:18px; line-height:40px; }
.data .input_option{ position:relative; line-height:40px; }
.data .input_option input[type="radio"],
.data .input_option input[type="checkbox"]{ margin-top:14px; margin-right:5px; }
.data .input_option .input{ border:1px solid #e7e7e7; background:#f3f3f5; outline:none;}
.data .input_option .input:hover{ border:1px solid #e4e4e4; background-color:#f9f9f9; }
.data .input_option #__ErrorMessagePanel{ position:absolute; right:10px; top:0; display:inline-block; }

.data:not(:nth-child(2)){ float:left; width:50%; }
.data:not(:nth-child(2)) .title_name{ display:none; }

.btn-area{ padding:10px 0 !important; clear:both; }
.btn-area .btn-submit, .btn-area .reset{ border-radius:8px; color:#fff; }
.btn-area .btn-submit{ width:100%; background:#fe841a; background:linear-gradient(to right,#fe841a,#feb51a); margin-right:0; }
.btn-area .reset{ background:#fe841a; background:linear-gradient(to bottom,#fe841a,#feb51a); color:#fff; display:none; }
@media(max-width:767px){
	.data .input{ height:40px; padding:5px 10px;}
	.btn-area .btn-submit, .btn-area .reset{ height:45px; font-size:15px; line-height:45px;}
	
	
	.data .title_name{padding-bottom:5px;  font-size:14px; line-height:30px; }
	.data .input_option{ position:relative; line-height:30px;}
	.data .input_option input[type="radio"],.data .input_option input[type="checkbox"]{ margin-top:4px; vertical-align:middle;}
	.data .input_option span{ display:inline-block; vertical-align:middle; line-height:20px;}
	.data .input_option .input{ background:#fff;}
	.data .input_option .input:hover{ background-color:#fff; }
	.data .input_option input[type="text"],.data .input_option textarea{ width:100% !important;}
	
	.data:not(:nth-child(2)){ width:100%; float:none}
	.data:not(:nth-child(2)) .title_name{ display:block; }
}

/*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;}
}