@charset "utf-8";
/* CSS Document */
*{margin:0 ;padding:0;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
img{outline:none;border:none;}
li{list-style:none;}
body{font-family:Helvetica LT Std, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Noto Sans SC', sans-serif;}
html {overflow-y: scroll;font-family:'Noto Sans SC', sans-serif;}
:root {overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;}
body {width: 100vw;overflow: hidden;}

/*定义滚动条高宽及背景

 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width:10px;
    height:10px;
    background-color:#F5F5F5;
}

/*定义滚动条轨道

 内阴影+圆角*/

::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5;
}

/*定义滑块

 内阴影+圆角*/

::-webkit-scrollbar-thumb {

    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#555;
}

.clear {clear:both;}

/*--------------right_contact---------------*/
.right_contact{position:fixed;right:0px;top:40%;width:142px;padding-top:10px;padding-bottom:10px;padding-right:0;border-radius:10px 0 0 10px;background:rgba(66,68,70,0.7);z-index:9999}
.right_contact ul{margin:0}
.right_contact ul li{font-size:14px}
.right_contact ul li a{color:#fff;display:block;padding:10px 0 10px 10px}
.right_contact ul li i{display:inline-block;margin-right:10px;font-size:18px;width:30px;text-align:center;border-right:1px solid #92929e;padding-right:10px;}

/*-------------------------#goToTop-------*/
#goToTop{display:none;z-index:99999;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}
#goToTop.show{display:block;}
#goToTop a{display:inline-block;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;}
#goToTop a:hover{}

/*---------------------------------logo-----------------------------------------------------*/
/* .header{width:100%;position:relative;z-index:99999;padding:0 64px;height:80px} */
.header{width:100%;position:relative;z-index:99999;padding:0 64px;height:70px}
.header_box{max-width:1920px;position:relative;margin:0 auto;height:100%;}

.topnav_list.fixed_up{position:fixed;top:0;left:0;z-index:9999;background:rgba(255,255,255,0.95);width:100%;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;border-color:#e8eaec;}
.topnav_list.fixed_up .logo img{max-width:50%;}

.nav_ul{position:absolute;display:flex;top:10px;right:64px;height:100%;align-items:center;margin-bottom:0}
.nav_ul .shida{font-size:16px;color:#707070;border-right:1px solid #707070;padding-right:35px;line-height: 16px;}
.nav_ul li{font-size:16px;margin:0 28px}
.nav_ul li:last-child{margin-right:0}
.nav_ul li a{color:#1a1a1a}
.nav_ul li.active a,.nav_ul li a:hover{color:#f23332}
.nav_block {}
.nav_none {display:none}


/*----------------------------banner-----------------------------*/
.banner{width:100%;position:relative;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{}
.owl-carousel .owl-dots{position:absolute;width:100%;left:0;bottom:30px;text-align:center;}
.owl-carousel button.owl-dot{display:inline-block;width:12px;height:12px;border-radius:50px;background:#fff;margin:0 5px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;outline:none;}
.owl-carousel button.owl-dot.active,.owl-carousel button.owl-dot:hover{background:#ff0000;}
.owl-carousel .owl-item img {display: block; width: 100%; margin: 0 auto; max-width: 1920px;}

/*--------------index_service------------------*/
.index_service{width:100%;padding:50px 64px;max-width:1920px;margin: 0 auto}
.service_profile{width:100%;margin-bottom:58px}
.service_profile h5{font-size:60px;color:#313333;margin:0 0 25px}
.service_profile p{font-size:18px;color:#727273;margin:0}

.service_content{display:flex}
.service_content .left_service{width:40%}
.service_content .right_service{width:60%}
.service_content .left_service , .service_content .right_service{padding:0;display:flex;flex-direction:row;flex-wrap:wrap}
.service_content ul{padding-right:0px;padding-left:0;margin:0;}
.service_content  ul li{padding:2px}
.service_content  ul .service_list{position:relative;overflow:hidden;}
.service_content  ul .service_list .service_text{position:absolute;top:0;left:0;width:100%;padding:15px;background:rgba(0,0,0,0.5);height:100%;display:flex;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;justify-content:center;align-items:center}
.service_list .service_text span{font-size:64px;color:rgb(215,39,57);line-height:46px;font-weight:bold;height:56px}
.service_content  ul .service_list .service_text h5{font-size:20px;color:#fff;margin:0;text-align:right}
.service_content  ul .service_list .service_text p{font-size:24px;color:rgb(181,181,181);margin:0;font-weight:bold;text-transform:uppercase}
.service_content  ul .service_list .service_pic img{transition: all 0.5s;width:100%}
.service_content  ul .service_list:hover .service_pic img{transform: scale(1.12)}
.service_content  ul .service_list:hover .service_text{opacity:1;
/* -webkit-transform:translateY(50px);transform:translateY(50px); */}

.service_content .service_title{display:flex;flex-wrap:wrap;padding:2px;flex-grow:1}
.service_content .title_content{background:#e31639;width:100%;padding:40px;font-size:20px;color:#fff;}
.service_content .title_content h5{font-size:36px;margin-top:40px;margin-bottom:54px;}
.service_content .title_content ul{justify-content:space-around;flex-grow:1;margin-bottom:30px}
.service_content .title_content ul li{padding:0}
.service_content .title_content p{margin-top:56px;line-height:40px}
.service_content .title_content a{color:#fff;}
.service_content:nth-child(02) .service_title .title_content{}

/*-----------total_title---------------*/
.total_title{width:100%;margin-bottom:30px;}
.total_title h5{font-size:40px;color:#323333;padding-bottom:10px;}

/*-------------index_honor---------------*/
.index_honor{padding:10px 64px;width:100%;margin:0 auto 20px;max-width:1920px}
.index_honor img{width:100%}
.index_honor .honor_content ul{width:100%;display:flex;flex-wrap:wrap;}
.index_honor .honor_content ul li{padding:0 1.6%;}
.index_honor .honor_content ul li .honor_list{position:relative;margin-bottom:15px;}
.index_honor .honor_content ul li .honor_list img{height:50px;}

/*------------index_news-------------------*/
.index_news{width:100%;padding:50px 64px 10px;margin:0 auto 30px;max-width:1920px}
.index_news .news_content h5{font-size:30px;color:#737273;}
.index_news .news_content h5 i{display:inline-block;margin-left:10px;}
.index_news .news_content ul li{width:100%;font-size:16px;color:#666;display:flex;flex-flow:column}
.index_news .news_content ul li a{color:inherit;line-height:32px;}
.index_news .news_content ul li span{font-size:12px}
.index_news .news_content ul li a:hover{color:#1a1a1a;}

.details_banner img{width:100%}
.detail_shipin iframe{width:100%;height:875px}
/*----------------foot------------------*/
.foot{padding:50px 64px 20px;width:100%;background:#313333;}
.foot_box{max-width:1920px;margin:0 auto}
.foot_contact{margin-bottom:30px;}
.foot_contact .nav-tabs{border:none;margin-bottom:20px;}
.foot .foot_contact .nav-tabs>li{margin-right:70px;}
.foot .foot_contact .nav-tabs>li>a{font-size:24px;color:#fff;border:none;border-radius:0;padding:0;letter-spacing:10px;margin:0;height:50px;display:flex;align-items:flex-end;line-height:1;background:none}
.foot_contact .nav-tabs>li.active>a, .foot_contact .nav-tabs>li.active>a:focus, .foot_contact .nav-tabs>li.active>a:hover , .foot_contact .nav-tabs>li>a:hover{background:none;border:none;color:#de303a;}
.foot .foot_contact .contact_list p{font-size:14px;color:#acb0b1;line-height:30px;margin-bottom:5px}

.foot .right_nav .foot_title h5{font-size:20px;color:#fff;letter-spacing:10px;margin:0 0 20px;line-height:1;height:50px;display:flex;align-items:flex-end}
.foot .right_nav .foot_nav{margin-bottom:15px;}
.foot .right_nav .foot_nav ul{margin-top:10px;}
.foot .right_nav .foot_nav ul li a{font-size:16px;color:#acb0b1;line-height:30px;}
.foot .right_nav .foot_share ul li{padding-left:10px;}
.foot .right_nav .foot_share ul li a{font-size:18px;line-height:42px;}
.foot .right_nav .foot_share .fa{font-size:26px}

.foot .right_nav .foot_ewm{text-align:right;}
.foot .right_nav .foot_ewm p{font-size:14px;color:#acb0b1;line-height:30px;margin-right:5px;}
.foot .foot_link{width:100%;margin-top:40px;display:flex;flex-wrap:wrap; color:#666;}
.foot .foot_link a{font-size:14px;color:#666;margin-right:20px;margin-bottom:10px}
.foot .foot_link a:last-child{padding-right:0;}
.foot .right_nav .foot_nav ul li a:hover {color:#fff;}
.foot .foot_link a:hover{color: #999;}


.footer_left{padding-left:6px}

.copyright{padding:20px 15px 0;overflow:hidden;color:#666 !important;}
.copyright a {color:#666 !important;}
/*-----------inner_content---------------*/
.inner_content{width:100%;max-width:1920px;margin:0 auto}

/*---------------.inner_work---------------*/
.inner_work{width:100%;padding:0 64px 64px;margin-bottom:20px;}
.work_nav {margin:0 15px 30px;padding-bottom:10px;border-bottom: 1px solid #333333}
.work_nav .w_nav_list{border:none;position:relative;}
.work_nav .w_nav_list>li{margin-right:30px;display:inline-block;padding-right:30px}
.work_nav .w_nav_list>li a{font-size:16px;color:#323333;border:none;padding:10px 0;font-weight:bold;text-decoration:none}
.work_nav .w_nav_list>li.dropdown_list .dropdown_nav{position:absolute;width:100%;top:60px;left:0;display:none;}
.work_nav .w_nav_list>li:first-child a{padding-left:0}
.work_nav .w_nav_list>li:last-child a{padding-right:0}

.work_nav .w_nav_list>li.dropdown_list .dropdown_nav li{display:inline-block;margin-right:20px}
.work_nav .w_nav_list>li.dropdown_list .dropdown_nav li a{font-size:16px;color:#323333;font-weight:bold;}

.work_nav .w_nav_list>li.active>a, .work_nav .w_nav_list>li.active>a:focus, .work_nav .w_nav_list>li.active>a:hover , .work_nav .nw_nav_list>li>a:hover{border:none;background:none;color:#de303a;}

.work_content{width:100%;margin-top:20px;padding-top:20px;}
.work_content .work_box{width:100%;padding:0 11px}
.work_content .work_box li{padding:2px}
.work_content .work_box li .work_list{width:100%;position:relative;overflow:hidden;}
.work_content .work_box li .work_list img{width:100%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.work_content .work_box li .work_list .work_text{width:100%;position:absolute;height:100%;left:0;top:0;display:flex;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;opacity:0;padding:20px;background:rgba(0,0,0,0.5);justify-content:center;align-items:center}

.work_content .work_box li .work_list .work_text span{font-size:64px;color:rgb(215,39,57);line-height:46px;font-weight:bold}
.work_tit{display:flex;flex-flow:column;justify-content:flex-end}
.work_content .work_box li .work_list .work_text h5{font-size:20px;color:#fff;margin:0;text-align:right}
.work_content .work_box li .work_list .work_text p{font-size:24px;color:rgb(181,181,181);margin:0;font-weight:bold;text-transform:uppercase}
.work_content .work_box li .work_list:hover .work_text{opacity:1}
.work_content .work_box li .work_list:hover img{transform: scale(1.12)}

/*-------------inner_nav------------*/
.inner_banner{width:100%;padding:64px;margin:20px auto 0;max-width:1920px}
.inner_banner h5{font-size:60px}
.inner_banner p{font-size:18px}
.inner_banner p:nth-child(2){font-size:36px;margin-bottom:25px}
.inner_nav{width:100%;}
.inner_nav .innav_list{width:100%;border-bottom:1px solid #333333;margin-bottom:30px;padding-bottom:20px}
.inner_nav .innav_list li{display:inline-block;margin-right:35px}
.inner_nav .innav_list li a{font-size:16px;color:#323333;display:inline-block;padding-right:20px;margin-right:20px;font-weight:bold;cursor:pointer;}
li span.en{display:block;margin-top:5px;text-transform:uppercase}

/*---------------.inner_about--------------*/
.inner_about{padding:0 64px}
.inner_about .about_content .abou_text{margin-bottom:20px;padding-bottom:10px}
.inner_about .about_content .abou_text p{font-size:18px;color:#666;line-height:35px;margin:0 0 4px 0}
.inner_about .about_content .abou_text p img{max-width:100%;}
.inner_about .about_content .about_pic{margin-top:20px;margin-bottom:30px;padding-bottom:10px;}


/*---------------inner_team---------------*/
.inner_team{width:100%;margin:20px 0}
.inner_team ul p{font-size:20px;margin-bottom:0}
.inner_team ul p img{max-width:100%;height:auto!important}
.inner_team .team_profile{width:100%;}
.inner_team .team_profile h5{font-size:28px;font-weight:bold;color:#f23332;margin-bottom:35px;}
.inner_team .team_profile p{font-size:18px;color:#666;line-height:34px;margin:0;}
.inner_team ul.team_box{width:100%;display:flex;flex-wrap:wrap;margin-top:20px;}
.inner_team ul.team_box li{width:20%;padding:15px;background:#fcf7f7}
.inner_team ul.team_box p img,.inner_team ul.team_box li .team_list .team_pic img{max-width:100%;}
.inner_team ul.team_box li .team_list .team_text{margin-top:20px;}
.inner_team ul.team_box li .team_list .team_text p{font-size:20px;color:#040000;font-weight:lighter;}
.inner_team ul.team_box li .team_list .team_text h5{font-size:24px;color:#040000;}

/*---------------inner_honor-----------------*/
.inner_honor{width:100%;margin-top:30px;}
.inner_honor .honor_content ul{width:100%;display:flex;flex-wrap:wrap}
.inner_honor .honor_content ul li{padding:0 15px;margin-bottom:15px;}
.inner_honor .honor_content ul li .honor_list img{height:60px;}

/*--------------inner_partner---------------*/
.inner_partner{margin-top:40px;width:100%;}
.inner_partner .partner_box{display:flex;flex-wrap:wrap;width:100%;align-items:stretch;margin-bottom:50px}
.inner_partner .partner_box li{width:12.5%;padding:15px;}
.inner_partner .partner_box li .partner_list{text-align:center;width:100%;background:#f2f3f6;padding:15px;}

.inner_team .team_profile p img,.partner_box p img,.total_title p img{max-width:100%}
/*------------.latest_news-------------*/
.latest_news{width:100%;padding:10px 0;margin-top:20px;margin-bottom:50px;}
.latest_news .latest_content h5{font-size:22px;color:#737273;}
.latest_news .latest_content h5 i{display:inline-block;margin-left:10px;}
.latest_news .latest_content ul li{width:100%;}
.latest_news .latest_content ul li a{font-size:16px;color:#a7a2a1;line-height:32px;}
.latest_news .latest_content ul li a:hover{color:#1a1a1a;}

/*------------inner_news------------*/
.inner_news{padding:0 64px;width:100%;}
.inner_news .news_content{padding:0;max-width:100%}
.inner_news .news_content h5{margin-left:15px;font-size:38px;margin-top:20px;margin-bottom:20px;}
.inner_news .inner_news_box{width:100%;margin-top:20px;padding:20px 0 0 0;}
.inner_news .inner_news_box li{width:100%}
.inner_news .inner_news_box .inner_news_list{width:100%;display:flex;flex-wrap:wrap;height:100%;position:relative;margin-bottom:50px;}
.inner_news .inner_news_box .inner_news_list .in_news_pic img{width:100%}
.inner_news .inner_news_box .inner_news_list .in_news_text{padding:0 50px;}
.inner_news .inner_news_box .inner_news_list .in_news_text a{font-size:22px;color:#373535;margin-bottom:10px;padding-bottom:10px;display:block;}
.inner_news .inner_news_box .inner_news_list .in_news_text p{font-size:16px;color:#717171;line-height:30px;margin-bottom:30px;}
.inner_news .inner_news_box .inner_news_list .category_box{position:absolute;bottom:0;left:50px;width:100%;display:flex}
.inner_news .inner_news_box .inner_news_list span{font-size:18px;color:#727171;}
.inner_news .inner_news_box .inner_news_list span.category{margin-left:20px;}

.inner_news .more_info{text-align:center;width:100%;margin-top:20px;padding-top:20px;margin-bottom:30px;padding-bottom:30px;}
.inner_news .more_info a{font-size:22px;color:#030000;border:1px solid #030000;display:inline-block;padding:2px 30px;border-radius:50px;}

/*-------------inner_service----------*/
.inner_service{padding:0 64px;width:100%;}
.inner_service .service_text{width:100%;margin-bottom:20px;padding-bottom:10px;}
.inner_service .service_text p{font-size:18px;color:#727171;margin:0;line-height:38px;}
.inner_service .service_text img{max-width:100%;height:auto!important}
.inner_service .in_service_content{padding:15px 0;margin:15px 0;width:100%;}
.inner_service .in_service_content ul{padding:10px 15px;}
.inner_service .in_service_content ul li{padding:0;}
.inner_service .in_service_content .top_service_list{width:100%;position:relative;}
.inner_service .in_service_content .top_service_list .top_service_text{position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:30%;padding:20px;}
.inner_service .in_service_content .top_service_list .top_service_text h5{font-size:26px;color:#fff;}
.inner_service .in_service_content .top_service_list .top_service_text p{font-size:18px;color:#fff;}

.inner_service .in_service_list{margin-top:10px;padding-top:10px;margin-bottom:30px;padding-bottom:30px;}
.inner_service .in_service_list .in_service_text{width:100%;margin-bottom:20px;padding-bottom:20px;}
.inner_service .in_service_list .in_service_text img{max-width:100%;height:auto!important}
.inner_service .in_service_list .in_service_text h5{font-size:38px;color:#333333}
.inner_service .in_service_list .in_service_text p{font-size:18px;color:#727171;line-height:38px;margin:0;}
.inner_service .in_service_list .in_service_text p:nth-child(2){color:#333333;margin-bottom:15px;padding-bottom:15px}

.nengli_list{overflow:hidden;margin:0 -3px}
.nengli_list li{padding:0 3px}

.black_content{width:100%;position:relative;overflow:hidden;margin-bottom:4px;}
.black_content img{width:100%}
.black_cover{position:absolute;padding:20px;width:100%;height:100%;display:flex;flex-flow:column-reverse;top:0;color:#fff;opacity:0;background:rgba(0,0,0,0.5)}
.black_cover h5{color:inherit;font-size:24px}
.black_cover p{color:inherit;font-size:16px}

.black_content img,.black_cover{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.black_cover:hover {opacity:1}
.black_content:hover img{transform: scale(1.12)}
/*-------------inner_contact-----------------*/
.inner_contact{padding:0 64px;}
.inner_contact .contact_content{padding:10px 0;}
.inner_contact .contact_content .left_title{padding-right:0;}
.inner_contact .contact_content .left_title h5{font-size:44px;color:#333;line-height:1}

.right_contact_box{padding:0;}
.right_contact_box .contact_list{margin-bottom:40px;padding-bottom:40px;}
.right_contact_box .contact_text h5{font-size:22px;color:#040000;margin-bottom:20px;padding-bottom:10px}
.right_contact_box .contact_text ul p{font-size:18px;color:#040000;line-height:38px;}

/*--------------inner_job-----------------*/
.inner_job{padding:10px 0 60px 0;margin-bottom:30px;width:100%;}
.inner_job .job_content{width:100%;padding:0;}
.inner_job .panel-group .panel{border:none;background:#fff;box-shadow:none;border-radius:0;margin-bottom:15px;}
.inner_job .panel-group .panel-default>.panel-heading a{font-size:18px;color:#1a1916;display:block;position:relative;}
.inner_job .panel-group .panel-default>.panel-heading a:before{position:absolute;content:"\f107";font-family:"FontAwesome";width:20px;height:20px;text-align:center;line-height:20px;font-size:26px;right:10px;top:5px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.inner_job .panel-group .panel-default>.panel-heading a.collapsed:before{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.inner_job .panel-group .panel-default>.panel-heading{border:none;border-bottom:1px solid #f2f3f6;padding-bottom:15px;background:#fff;}
.inner_job .panel-group .panel-default>.panel-heading+.panel-collapse>.panel-body{border:none;}
.inner_job .panel-group .job_list h5{font-size:18px;color:#030000;font-weight:bold;}
.inner_job .panel-group .job_list{margin-bottom:10px;padding-bottom:10px;}
.inner_job .panel-group .job_list ul li{font-size:14px;color:#333;line-height:30px;}

/*-------------details_content--------------*/
.details_content{padding:0 64px;}
.details_content .details_top{margin-top:50px;position:relative}
/* .details_content .details_top .details_title{text-align:center;} */
.details_content .details_top .news_box{max-width:750px;margin:0 auto}
.details_content .details_top .news_box .title_content h5{text-align:center}
.details_content .details_top .details_title .title_content{margin-bottom:45px}
.details_content .details_top .details_title .title_content h5{font-size:26px;color:#323333;}
.details_content .details_top .details_title .title_content p{font-size:16px;color:#333;}
.details_content .details_top .details_title .title_text p{font-size:16px;color:#727171;line-height:38px;margin:0;}
.details_content .details_top .time_content{padding-top:50px;padding-bottom:45px;text-align:right}
.details_content .details_top .time_content .share_content{margin-bottom:40px;padding-bottom:40px;}
.details_content .details_top .time_content .share_content a{display:inline-block;width:36px;height:36px;background:#1b1b1d;color:#fff;text-align:center;font-size:20px;border-radius:50px;line-height:36px;margin-right:15px;}
.details_content .details_top .time_content .share_content a:last-child{margin-right:0}

.details_content .details_top .time_content .details_time p{font-size:10px;color:#040000;font-weight:bold;margin:0;}
.details_content .details_top .time_content .details_time span.news_time{font-size:12px;color:#040000;display:block;margin-bottom:20px;}
.details_content .details_top .time_content .details_time img{display:inline-block;height:30px;margin-right:15px;}
.details_content .details_top .time_content .details_time img:last-child{margin-right:0}

.time_fixed{position:fixed;top:57px}
.time_bottom{position:absolute;bottom:0;right:0!important;left:auto!important;}

.detail_more{margin-top:80px}
.detail_more p{display:flex;color:#040000}
.detail_more span{white-space:nowrap}
.detail_more a{color:inherit;text-align:left}

.details_content .details_main{margin-bottom:0;margin-top:10px;padding:10px;overflow:hidden}
.details_content .details_main iframe{max-width: 100%; width:100%;}
.details_content .details_main p{font-size:16px;color:#727171;line-height:38px;margin:0;}
.details_content .details_main img{max-width:100%;height:auto!important;margin-bottom:10px}

/*----------------latest_case---------------*/
.latest_case{width:100%;padding:0;margin:30px 0 15px}
.latest_case_more{color:#333;text-align:left;padding:50px;font-weight:600;font-size:24px}

.latest_case_item{margin-left:-2px;margin-right:-2px}
.latest_case_list{margin:0 2px;position:relative;overflow:hidden}
.latest_case_pic img{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.latest_case_title{position: absolute;top: 0;left: 0;width: 100%;padding: 15px;background: rgba(0,0,0,0.5);height: 100%;display: flex;flex-direction: column-reverse;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity: 0;}
.latest_case_title h5{color:#fff;font-size:24px}
	
.latest_case_list:hover .latest_case_pic img{transform: scale(1.12)}
.latest_case_list:hover .latest_case_title{opacity:1}

/*--------------page-------------------*/
.inner_profile{margin:30px 0 0}
.inner_profile h5{font-size:40px;margin-bottom:25px}

.page{width:100%;margin:30px 0 10px;padding:15px}
.page ul li{display:inline-block;margin-right:20px}
.page ul li a{display:inline-block;font-size:24px;color:#030000;padding:0 10px;border-bottom:2px solid #fff;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.page ul li.active a , .page ul li a:hover{border-color:#de303a;color:#fff;background:#de303a}

.cd-primary-nav .switch .cn{display:none}

.flex_wrap{display:flex;flex-flow:wrap}
.flex_column{display:flex;flex-flow:column}

.clamp1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.clamp2,.clamp3{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp:2}
.clamp3{-webkit-line-clamp:3}

/* lazyload */
.childbox {padding-bottom:100%!important;width:100%;height:0;text-align:center;overflow:hidden;background:url('../img/loading.gif') no-repeat center}
.lazyload,.lazyloading{opacity:0}
.lazyloaded{opacity:1;transition:opacity 300ms;}