body{ font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:12px; flex-direction:column; height:100%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}/*取消字体自动缩放*/
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,dd,dl,dt{margin:0;padding:0;}ul{list-style:none;}img{border:0;}a{text-decoration:none; color:#000;}*{ box-sizing:border-box;}
input,select{vertical-align:middle; padding:0;outline:none;}table{border-collapse:collapse;border-spacing:0; width:100%;}p{word-wrap:break-word}.clr{clear:both;}
.l{float:left;}.r{float:right;}.undis{display:none}.dis{display:block}.dinl{display:inline-block;}.prel{position:relative;}.pabs{position:absolute;}.bor{border:0;}.ovf{overflow:hidden;}
textarea{resize:none;} /*webkit核心中textare取消拖动调整大小*/
textarea:focus{outline:none;} /*textarea聚焦时默认边框颜色不变*/
.img100>img{ width:100%;}.bg100{ background-size:100% 100%;}
.glasslayer{ position:fixed; width:100%; height:100%; filter:alpha(opacity=20); opacity:0.2; background:#000; top:0px; left:0px; z-index:9997;}
input::-ms-clear{display:none;}select::-ms-expand { display: none; }


.xl-1{ width:10%;}.xl-2{ width:20%;}.xl-3{ width:30%;}.xl-4{ width:40%;}.xl-5{ width:50%;}.xl-6{ width:60%;}.xl-7{ width:70%;}.xl-8{ width:80%;}.xl-9{ width:90%;}.xl-10{ width:100%;}
.xl-75{ width:75%;}.xl-33{ width:33.333333%;}.xl-25{ width:25%;}.xl-16{ width:16.6666666%;}.xl-13{ width:13.333333%;}.xl-65{ width:65%;}.xl-35{ width:35%;}

.container{ width:1190px; margin:0 auto; }
.truron_container{ overflow:hidden; width:100%;}

.truron_head.type .r_icon a.gpdm{ color:#666;  }
/*HomePage*/
.truron_head{ height:72px; /* background:#fff; */ border-bottom:1px solid rgba(255,255,255,0.1); position:fixed; top:0; width:100%; z-index:1010; }
.truron_head .logo{ margin:20px 60px 0 30px; float:left; background:url(../images/logo.png) center / 139px 38px no-repeat; width:139px; height:38px; }

.truron_head .z_nav{ float:left; line-height:72px;  }
.truron_head .z_nav li{ float:left; font-size:16px; margin-right:1px; margin:0 45px; position:relative; }

.truron_head .z_nav li > a{ color:#fff; line-height:72px; display:block; position:relative; }
.truron_head .z_nav li.tag > a:before{ animation:w_line 0.5s ease-out 0s forwards;  content:''; height:2px; width:100%; background:#d61518; position:absolute; bottom:0; left:0; }
.truron_head .z_nav li:hover > a:before{ animation:w_line 0.5s ease-out 0s forwards;  content:''; height:2px; width:100%; background:#d61518; position:absolute; bottom:0; left:0; }
.truron_head .z_nav li a:hover{ font-weight:bold; color:#fff;}
.truron_head .z_nav li:hover > a{ font-weight:bold; color:#fff;}
.truron_head .z_nav li.tag > a{ font-weight:bold; color:#fff;}

.truron_head .z_nav li:hover .son{ display:block;}


.truron_head .z_nav .son{ display:none; position:absolute; z-index:9995; background:rgba(215,23,24,0.1); width:240px; left:50%; margin-left:-120px; padding:20px 0; }
.truron_head .z_nav .son .s_l{ line-height:24px; }
.truron_head .z_nav .son .s_l b{ display:block; font-weight:normal; padding:0 30px; }
.truron_head .z_nav .son .s_l b a{ color:#fff; display:block; padding:15px 15px  15px 45px; transition:all ease 0.3s; }
.truron_head .z_nav .son .s_l b a.a01{ background:url(../images/xf_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a02{ background:url(../images/qc_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a03{ background:url(../images/cn_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a04{ background:url(../images/zs_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a05{ background:url(../images/bd_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a06{ background:url(../images/l_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a07{ background:url(../images/lc_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a08{ background:url(../images/ly_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a09{ background:url(../images/qy_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a10{ background:url(../images/qy_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a11{ background:url(../images/xw_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a12{ background:url(../images/rc_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a13{ background:url(../images/zx_icon@2x_01.svg) left center / 28px 28px no-repeat; }



.truron_head .z_nav .son .s_l:hover b{ background:#fff;}
.truron_head .z_nav .son .s_l:hover b{ background:#fff;}
.truron_head .z_nav .son .s_l:hover b a{ color:#c43127; font-weight:bold; }
.truron_head .z_nav .son .s_l:hover b .a01{ background:url(../images/xf_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a02{ background:url(../images/qc_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a03{ background:url(../images/cn_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a04{ background:url(../images/zs_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a05{ background:url(../images/bd_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a06{ background:url(../images/l_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a07{ background:url(../images/lc_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a08{ background:url(../images/ly_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a09{ background:url(../images/qy_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a10{ background:url(../images/qy_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a11{ background:url(../images/xw_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a12{ background:url(../images/rc_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a13{ background:url(../images/zx_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }


.truron_head .z_nav .son .s_l .dpk{ display:none; position:absolute; left:240px; background:#fff; top:0; padding:20px 0; width:240px; }
.truron_head .z_nav .son .s_l .dpk a{ padding:15px; display:block; color:#333; position:relative; }
.truron_head .z_nav .son .s_l .dpk a:before{ content:''; width:4px; height:4px; background:#000; float:left; margin:9px 8px 0 0; }
.truron_head .z_nav .son .s_l .dpk a:hover{ font-weight:normal; color:#000; }

.truron_head .z_nav .son .s_l .dpk a:hover i{ position:absolute; top:13px; left:100px; background:url(../images/more_jt@2x.png) center / 26px 26px no-repeat; width:26px; height:26px;  animation:jt_left 0.5s ease-out 0s forwards;}



.truron_head .z_nav .son .s_l:hover .dpk{ display:block;}

.truron_head .r_icon{ float:right; margin-right:20px; padding-top:11px; }
.truron_head .r_icon a.gpdm{ color:#fff; float:left; font-size:14px; line-height:50px; margin-right:15px;  }
.truron_head .r_icon .zoom{ position:relative; display:block; float:left; width:45px; height:50px;}
.truron_head .r_icon .zoom i{ display:block; width:45px; height:50px; background:url(../images/search_icon@2x.png) center / 26px 26px no-repeat;  }
.truron_head .r_icon .zoom.tag span{ display:block;}
.truron_head .r_icon .zoom span{ position:absolute; top:75px; right:0; width:200px; background:#fff; display:none; }
.truron_head .r_icon .zoom input{ border:0; width:80%; height:32px; line-height:32px; padding:0 10px; }
.truron_head .r_icon .zoom a{ float:right; width:20%; height:32px; background:url(../images/more_jt@2x.png) center / 20px 20px no-repeat; }

.truron_head .r_icon .service{ display:block; float:left; width:45px; height:50px; background:url(../images/service_icon@2x.png) center / 26px 26px no-repeat; }
.truron_head .r_icon .language{ display:block; float:left; width:45px; height:50px; text-align:center; line-height:50px; font-size:14px; color:rgba(255,255,255,0.5); }
.truron_head .r_icon .language:hover{ color:rgba(255,255,255,0.8);}

.truron_head .s_logo{ background:url(../images/cr_logo_red@2x.png) center / 65px 65px no-repeat #fff; width:60px; height:60px; }


.truron_head.tag{ right:0; background:#fff; height:60px; }
.truron_head.tag .s_logo{ display:block;}
.truron_head.tag .logo{ display:none;}
.truron_head.tag .z_nav{ display:none;}
.truron_head.tag .r_icon{ display:none;}

/*导航状态*/
.truron_head.type{ background:#fff; border-bottom:1px solid #e8e8e8; }
.truron_head.type .logo{ background: url(../images/logo_red.png) center / 139px 38px no-repeat;}
.truron_head.type .z_nav li > a{ color:#333;}
.truron_head.type .z_nav li.tag > a{ color:#333;}
.truron_head.type .z_nav .son{ background: rgba(215,23,24,1);}

.truron_head.type .r_icon .zoom i{  background: url(../images/search_icon_gray@2x.png) center / 26px 26px no-repeat;}
.truron_head.type .r_icon .service{ background: url(../images/service_icon_gray@2x.png) center / 26px 26px no-repeat;}
.truron_head.type .r_icon .language{ color:#999;}


/*Banner*/
.truron_banner{ position:absolute; height:100%; width:100%; }
.truron_banner .down{ font-size:14px; left:50%; bottom:30px; margin-left:-28px; position:absolute; z-index:10; color:#fff; }
.truron_banner .down i{ background-size:300%; animation:heart-burst steps(2) 1.5s infinite; margin-bottom:10px; display:block; width:56px; height:56px; background:url(../images/down_icon@2x.png) center / 168px 56px  no-repeat; }
.truron_banner .down.tag{ animation:dp 0.5s ease-out 0s forwards;}


.truron_banner .flickerplate{ height:100%; }
.truron_banner .flickerplate .arrow-navigation .arrow{ opacity:0; }
.truron_banner .flickerplate .dot-navigation{ text-align:left; bottom:30px; }
.truron_banner .flickerplate .dot-navigation ul{ text-align:left;}
.truron_banner .flickerplate .dot-navigation .dot{ width:30px; height:3px; background:#fff; opacity:0.3; }
.truron_banner .flickerplate .dot-navigation .dot.active{ width:60px; opacity:1;}
/* .truron_banner .flickerplate .arrow-navigation.left .arrow{ background:url(../images/old_left.png) right center / 60px 60px no-repeat;}
.truron_banner .flickerplate .arrow-navigation.right .arrow{ background:url(../images/old_right.png) left center / 60px 60px no-repeat;}
 */
.truron_banner .flickerplate .txt{ position:absolute; top:45%; margin-top:-120px; width:500px; color:#fff; left:8%; }
.truron_banner .flickerplate .txt strong{ font-size:40px; display:block; position:relative; text-shadow: 1px 1px 1px rgb(0 0 0 / 15%); }

.truron_banner .flickerplate .txt strong::after {
    content: '';
    width: 60px;
    height: 2px;
    background: #c43128;
    display: block;
    margin: 30px 0 10px;
}

.truron_banner .flickerplate .txt span{padding: 5px;
    font-weight: 300;
    line-height:24px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    letter-spacing: 5px;
    margin-bottom: 30px; display:block; text-shadow: 1px 1px 1px rgb(0 0 0 / 15%);}

.truron_banner .flickerplate .txt a{ padding:15px 40px; color:#fff; background:rgba(0,0,0,0.3); font-size:16px;}
.truron_banner .flickerplate .txt a:hover{ background:rgba(0,0,0,0.5);}


.truron_banner .flickerplate .txt.add{ z-index:1;} 
.truron_banner .flickerplate .banner-video {  min-height: 100%; min-width: 100%; position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);}



.truron_banner .flickerplate ul.flicks>li .flick-inner{ position:relative; max-width:1400px; }
.truron_banner .flickerplate ul.flicks>li .flick-inner .flick-content{ margin:0; max-width:inherit; text-align:left; width:600px; position:absolute; top:30%; left:8%; }
.truron_banner .flickerplate ul.flicks>li .flick-title{ text-align:left; line-height:60px; letter-spacing:2px; font-size:40px;}
.truron_banner .flickerplate ul.flicks>li .flick-sub-text{ text-align:left; line-height:24px; text-shadow:1px 1px 1px rgb(0 0 0 / 15%); }
.truron_banner .flickerplate ul.flicks>li .flick-btn{ text-align:left;}
.truron_banner .flickerplate ul.flicks>li .flick-btn a{ background:none; border:1px solid rgba(255,255,255,0.9); }

.truron_banner .flickerplate ul.flicks>li .flick-btn a:hover{ background:#d61518; border:1px solid #d61518;}

.truron_banner .flickerplate .s2 .flick-content:before { background:rgba(0,0,0,0.2); content:''; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0;}

.truron_banner .flickerplate ul.flicks>li.s2 .flick-inner{  display:block; padding:0; max-width:100%; top:0; left:0;}
.truron_banner .flickerplate ul.flicks>li.s2 .flick-inner .flick-content{ width:100%; position:relative; max-width:100%; margin:0; height:100%; top:0; left:0;}



.sec-1.active .truron_banner .flickerplate ul.flicks>li .flick-title{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; text-shadow:1px 1px 1px rgb(0 0 0 / 15%); font-weight:bold; }
.sec-1.active .truron_banner .flickerplate ul.flicks>li .flick-sub-text{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}
.sec-1.active .truron_banner .flickerplate ul.flicks>li .flick-btn{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}




/*服务*/
.sec-2{ /* background:url(../images/fuwu_bg.jpg) top center / cover no-repeat; */}
.truron_service{ background:#fff; /* padding:100px 7%; */ height:100%; overflow:hidden; display:flex; width:100%;  justify-content:space-between;  -ms-flex-align:center; align-items:center;  }
.truron_service .title{ margin:30px 30px 30px 60px; }
.truron_service .title strong{font-size:32px; display:block; font-weight:normal; position:relative;  }
.truron_service .title strong:after{ content:''; width:62px; height:2px; background:#c43128; display:block; margin-top:10px; }

.truron_service .title p{  font-size:16px; color:#999; line-height:32px; }
.truron_service .title p span{ color:#c43128;}

.truron_service .xl-7{ height:100%; overflow:hidden; }
.truron_service .xl-7 .p01_img{ height:100%; background:url(../images/left01.jpg) center / cover no-repeat;}
.truron_service .xl-7 .p02_img{ height:100%; background:url(../images/left02.jpg) center / cover no-repeat;}
.truron_service .xl-7 .p03_img{ height:100%; background:url(../images/left03.jpg) center / cover no-repeat;}


.truron_service .xl-7 .roll{ height:100%; width:100%; }
.truron_service .xl-7 .roll div{ width:33.333%; float:left; }

.truron_service .xl-7 .roll.p01{ transition: all ease 0.5s; }
.truron_service .xl-7 .roll.p02{ transform:translate3d(-1215px, 0px, 0px); transition: all ease 0.5s;}
.truron_service .xl-7 .roll.p03{ transform:translate3d(-1215px, 0px, 0px); transition: all ease 0.5s;}


.truron_service .xl-3{}
.truron_service .xl-3 ul{}
.truron_service .xl-3 li{ position:relative; cursor:pointer; }
.truron_service .xl-3 li b{ font-weight:normal; display:block; padding:30px 20px 30px 120px; position:relative; }
.truron_service .xl-3 li b:before{ right:30px; top:50%; margin-top:-5px; position:absolute; content:''; width:10px; height:10px; background:url(../images/add_icon@2x.png) center / 10px 10px no-repeat; }


.truron_service .xl-3 li b a{ font-size:20px; display:block; width:80%; }
.truron_service .xl-3 li b span{ font-size:14px; opacity:0.6; display:block; width:80%; }
.truron_service .xl-3 li b.a01{ background:url(../images/xf_icon_red@2x_01.svg) 50px center / 46px 46px no-repeat; }
.truron_service .xl-3 li b.a02{ background:url(../images/qc_icon_red@2x_01.svg) 50px center / 46px 46px no-repeat; }
.truron_service .xl-3 li b.a03{ background:url(../images/cn_icon_red@2x_01.svg) 50px center / 46px 46px no-repeat; }


.truron_service .xl-3 li .son{ display:none; padding:0 0 10px 120px;  overflow:hidden; }
.truron_service .xl-3 li .son a{ font-size:14px; display:block; padding:10px 0; float:left; word-wrap : break-word ; line-height:20px; color:#666; }
.truron_service .xl-3 li .son a:hover{ color:#c43128;}




.truron_service .xl-3 li.tag i{ z-index:1; top:32px; left:-14px; position:absolute; width:24px; height:24px; background:url(../images/more_w_jt.png) center / 8px 8px no-repeat #c43128; border-radius:50%; }
.truron_service .xl-3 li.tag i:before{content:''; position:absolute; top:-1px; left:-1px; opacity:0; width:100%; height:100%; -webkit-backface-visibility:hidden; border-radius:50%; animation:sonar 2.5s infinite 2.5s; border:1px solid rgba(196, 49, 40, 0.6);}

.truron_service .xl-3 li.tag i:after{ content:''; position: absolute; top:-2px; left:-2px; opacity: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; border-radius:50%; animation:sonar 2.5s infinite 1s; border:2px solid rgba(196, 49, 40, 0.3);}

.sec-2.active .truron_service .title strong{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}

.sec-2.active .truron_service .xl-7{ opacity:0; -webkit-animation:up_banner_txt 0.8s ease-in-out 0.4s forwards;}

.sec-2.active .truron_service .xl-3 li:nth-child(1){ opacity:0; -webkit-animation:w_right 0.6s ease-in-out 0.8s forwards;}
.sec-2.active .truron_service .xl-3 li:nth-child(2){ opacity:0; -webkit-animation:w_right 0.6s ease-in-out 0.9s forwards;}
.sec-2.active .truron_service .xl-3 li:nth-child(3){ opacity:0; -webkit-animation:w_right 0.6s ease-in-out 1s forwards;}

/*选择*/
.sec-3{ background:url(../images/map_old.png) center / cover no-repeat;}
.truron_choice{ /* padding:100px 7%;    overflow:hidden;*/ max-width:1400px;  width:100%; position:absolute; left:50%; top:55%; transform:translate(-50%, -50%); padding-top:100px; }


.truron_choice .cf{  width:900px; height:334px; position:absolute; right:-110px; top:-110px; }

.truron_choice .cf .dl{ background:url(../images/l_l02_01.png) left center / 900px 334px no-repeat; width:900px; height:334px; position:absolute; opacity:0;}
.truron_choice .cf .line01{ background:url(../images/l_l01_01.png) left center / 900px 334px no-repeat; width:1px; height:334px; position:absolute; opacity:0; }
.truron_choice .cf .line02{ background:url(../images/l_l03_01.png) left top / 900px 334px no-repeat; width:900px; height:1px; position:absolute; opacity:0; }






.truron_choice .cf .dd{ transform:rotate(-90deg); z-index:1; bottom:20px; left:50%; position:absolute; width:24px; height:24px; background:url(../images/more_w_jt.png) center / 8px 8px no-repeat #c43128; border-radius:50%; }
.truron_choice .cf .dd:before{content:''; position:absolute; top:-1px; left:-1px; opacity:0; width:100%; height:100%; -webkit-backface-visibility:hidden; border-radius:50%; animation:sonar 2.5s infinite 2.5s; border:1px solid rgba(196, 49, 40, 0.6);}
.truron_choice .cf .dd:after{ content:''; position: absolute; top:-2px; left:-2px; opacity: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; border-radius:50%; animation:sonar 2.5s infinite 1s; border:2px solid rgba(196, 49, 40, 0.3);}



.truron_choice .numCount{ box-shadow:0 0 10px rgb(0 0 0 / 10%); border:1px solid #e8e8e8; overflow:hidden; display: flex;  width: 100%; justify-content: space-between;  -ms-flex-align: center; align-items: center; }

.truron_choice .title{ /* text-align:right;  */margin-bottom:30px; }
.truron_choice .title strong{ font-size:32px; display:block;  font-weight:normal; position:relative; overflow:hidden;}
.truron_choice .title strong:after{ content:''; width:62px; height:2px; background:#d61518; display:block; margin-top:10px; }


.truron_choice ul{width:100%;}
.truron_choice li{ float:left; text-align:center; padding:15px 0; /* border-right:1px solid #e8e8e8; */ background:rgba(255,255,255,0.8); position:relative; }
.truron_choice li:before{ position:absolute; width:1px; height:60px; background:#e8e8e8; right:0; top:50%; margin-top:-30px; content:''; }
.truron_choice li:nth-child(3):before{ width:0; }
.truron_choice li:nth-child(7):before{ width:0; }

.truron_choice li:last-child{ border:0;}
.truron_choice li b{ font-size:20px; color:#d61518; font-weight:normal; margin:0 0 10px; display:block; }
.truron_choice li span{ font-size:14px; color:#999; }
.truron_choice li b span{ display:inline-block; font-size:28px; color:#d61518; font-weight:normal; }
.truron_choice li img{ width:70px; }

.truron_choice li.xl-33{ border-bottom:1px solid #e8e8e8; }

.truron_choice .txt{ font-size:16px; padding-top:40px; }
.truron_choice .txt label{ color:#c43128;}

.truron_choice li:hover img{ -webkit-animation:icon-revolve 0.5s alternate; }


.sec-3.active .truron_choice .title strong{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}
.sec-3.active .truron_choice .title p{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sec-3.active .truron_choice .numCount{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.4s forwards;}
.sec-3.active .truron_choice .txt{  opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.5s forwards;}


.sec-3.active .truron_choice .cf .line01{ -webkit-animation:left_line 0.6s ease-in-out 0.6s forwards;}
.sec-3.active .truron_choice .cf .line02{ -webkit-animation:down_line 1s ease-in-out 1.5s forwards;}

.sec-3.active .truron_choice .cf .dl{ -webkit-animation:left_line 0.6s ease-in-out 1.2s forwards; }



/*分支机构*/
.sec-5{ background:url(../images/fgs_bg.jpg) top center / cover no-repeat;}
.truron_corporation{ max-width:1400px; width:100%;  position:absolute;  left:50%; top:55%; transform:translate(-50%, -50%);  }
.truron_corporation .title{ margin-bottom:40px; }
.truron_corporation .title strong{ font-size:28px; display:block; margin-bottom:20px;  }
.truron_corporation .title p{ font-size:16px;  }

.truron_corporation .xl-5{ background:rgba(255,255,255,0.95); padding:40px; min-height:325px; box-shadow:0 0 10px rgb(0 0 0 / 10%);}
.truron_corporation .xl-5{ background:rgba(255,255,255,0.85); padding:40px; min-height:325px; box-shadow:0 0 10px rgb(0 0 0 / 10%);}


.truron_corporation .tle{ font-size:24px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; position:relative; }
.truron_corporation .tle:before { position:absolute; left:-40px; top:5px; height:20px; width:4px; background:#d61518; content:'';}
.truron_corporation .tle label{ font-size:16px; color:#666;}
.truron_corporation .tle span{ display:block; font-size:12px; color:#666; }
.truron_corporation .tle.s01{ background:url(../images/zg_icon@2x.png) left center / 36px 36px no-repeat; padding-left:42px;}
.truron_corporation .tle.s02{ background:url(../images/zg_icon@2x_01.png) left center / 36px 36px no-repeat; padding-left:42px;}


.truron_corporation .txt{ padding:30px 0 0;}
.truron_corporation .txt p{ font-size:14px; color:#666; padding:5px 0;}
.truron_corporation .txt p.phone{ font-size:24px; color:#d61518; }
.truron_corporation .txt p.phone label{ font-size:14px; color:#666; }
.truron_corporation .txt strong{ font-weight:bold; font-size:16px; color:#333;}

.truron_corporation .txt p.address{ overflow:hidden; }
.truron_corporation .txt p.address span{ padding-right:5px; width:45%; float:left; margin-bottom:5px;}
.truron_corporation .txt p.address span:last-child{ border:0;}
.truron_corporation .txt p.address span:nth-child(4){ padding-left:40px;}

.truron_corporation .txt p.address label{ float:left;}

.truron_corporation .txt .city{ font-size:16px; margin-bottom:10px;}
.truron_corporation .txt .city a{ padding:5px 10px; color:#666; }
.truron_corporation .txt .city a.tag{ border-radius:50px; padding:5px 10px; color:#d61518; }

.truron_corporation .txt .city a:nth-child(1){ padding-left:0; }


.sec-5.active .truron_corporation .title strong{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}
.sec-5.active .truron_corporation .title p{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sec-5.active .truron_corporation .list{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.4s forwards;}



/*新闻资讯*/
.sec-4{ background:url(../images/xw_bg.jpg) center / cover no-repeat #f8f8f8;}
.truron_new{ /* padding:100px 7% 80px;   overflow:hidden; */ width:100%; position:absolute; left:50%; top:50%;  transform:translate(-50%, -50%);  max-width:1400px; }
.truron_new .title{ margin-bottom:30px; }
.truron_new .title strong{font-size:32px; display:block; font-weight:normal; position:relative;  }
.truron_new .title strong:after{ content:''; width:62px; height:2px; background:#d61518; display:block; margin-top:10px; }

.truron_new .list{ display:flex; flex-wrap:wrap; margin-right:-35px;}
.truron_new .list .col{ padding-right:35px; display:inline-block; flex:initial; width:50%; }
.truron_new .list .col .group{ padding:40px 40px 0; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); min-height:542px; }
.truron_new .list .col .group .tle{ position:relative; font-size:22px; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #e8e8e8; }
.truron_new .list .col .group .tle:before{ position:absolute; left:-40px; top:5px; height:20px; width:4px; background:#d61518; content:''; }
.truron_new .list .col .group .tle a{ float:right; font-size:14px; color:#999;}


.truron_new .list .col .bor{ background:#fff; position:relative; overflow:hidden; margin-bottom:20px; border-bottom:1px solid #e8e8e8; }
.truron_new .list .col .bor:last-child{ border-bottom:0; margin-bottom:0;}
.truron_new .list .col .bor .prt{ position:relative;}
.truron_new .list .col .bor .prt .txt{ position:absolute; width:100%; bottom:0; left:0; color:#fff; padding:40px 20px 20px; background:url(../images/new_bg.png) bottom center repeat-x; }
.truron_new .list .col .bor .prt .txt label{ display:block; margin-bottom:5px;}

/* .truron_new .list .col:nth-child(3) .bor{ height:calc(50% - 17px); } */


.truron_new .list .col img{ width:100%; display:block;  }
.truron_new .list .col b{ font-size:18px; font-weight:normal; display:block; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:1;  word-break: break-all;  overflow: hidden;}
.truron_new .list .col .ap{ font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; overflow:hidden; margin-top:20px; }

.truron_new .list .col .at{ display:block;}
.truron_new .list .col .at b{ display:block; margin-bottom:10px; color:#333; background:url(../images/more_jt.png) right center / 10px 10px no-repeat; padding-right:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:break-all; overflow:hidden;}
.truron_new .list .col .bom{ margin-bottom:20px; font-size:14px; color:#666; }
.truron_new .list .col .bom span{ background:url(../images/time_icon@2x.png) left center / 15px 15px no-repeat; padding-left:20px; line-height:16px; }
.truron_new .list .col .bom label{ }

.truron_new .list .col .at:hover b{ transition:all ease 0.3s; color:#c43128; }


.truron_new .list .col .bor:hover img{ transform:scale(1.1); transition:all 0.6s;}

.truron_new .list .col:nth-child(1) .bor{ margin-bottom:0; border-bottom:0; }

.truron_new .list .col .group.add .tle{ margin-bottom:0; }
.truron_new .list .col .group.add .bor{ margin-bottom:0;}
.truron_new .list .col .group.add .bom{ margin-bottom:0;}
.truron_new .list .col .group.add .at{ padding:30px 0;}



.sec-4.active .truron_new .title strong{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}
.sec-4.active .truron_new .title p{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}

.sec-4.active .truron_new .list .col:nth-child(1){ opacity:0; -webkit-animation:w_right 0.6s ease-in-out 0.8s forwards;}
.sec-4.active .truron_new .list .col:nth-child(2){ opacity:0; -webkit-animation:w_right 0.6s ease-in-out 0.9s forwards;}




/*底部*/
.truron_foot{ overflow:hidden; padding:80px 7% 30px; background:#f9f9f9; position:relative; z-index:10; }
.truron_foot dl{ float:left; min-width:140px; margin-right:30px; }
.truron_foot dt{ font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; }
.truron_foot dd { padding:8px 0; position:relative; }
.truron_foot dd a{ font-size:14px; color:#999;}
.truron_foot dd a:hover{ color:#333;}

.truron_foot dd a:before{ margin:8px 8px 0 0; content:''; width:4px; height:4px; background:#ccc; float:left;  background:#ccc; border-radius:10px;}



.truron_foot .phone{ text-align:right; overflow:hidden; }
.truron_foot .phone span{ margin-bottom:5px; color:#666; font-size:16px; display:block; /* background:url(../images/phone_bom_icon@2x.png) left center / 22px 22px no-repeat; padding-left:30px; */ }
.truron_foot .phone b{ color:#d61518; font-size:20px; font-weight:normal; }

.truron_foot .mail{ margin:20px 0 0; text-align:right; overflow:hidden;}
.truron_foot .mail span{ float:right; padding-left:30px; background:url(../images/mail_bom_icon@2x.png) left center / 22px 22px no-repeat; color:#666; font-size:16px; display:block;  }
.truron_foot .mail span a{ color:#666;}

.truron_foot .code{ float:left; margin-right:35px; overflow:hidden; }
.truron_foot .code span{ display:block; float:left; }
.truron_foot .code span:first-child{ padding-right:20px;}
.truron_foot .code span:last-child{ padding-left:20px;}
.truron_foot .code img{ width:100px;}
.truron_foot .code label{ display:block; text-align:center; color:#999; padding:10px 0; }

.truron_foot .bom{ color:#999; margin-top:20px; padding-top:30px; text-align:center; border-top:1px solid #e8e8e8; }


/* servicesBox */
.servicesBox{ height:50px; margin:30px auto 0; position:relative; }
.servicesBox .serBox{ margin-left:10px; cursor:pointer; border:1px solid #ccc; display:inline-block; width:50px; height:50px; overflow:hidden; position:relative; border-radius:50%;}
.servicesBox .serBox:hover{ border:1px solid #fff;}
.servicesBox .serBoxOn{ display:none; width:50px;height:50px;background:#d61518; position:absolute; left:0px; top:0px; z-index:19; }
.servicesBox .serBox .pic1{ width:50px;height:50px;text-align:center;position:absolute;top:0;right:-2px;z-index:99;}
.servicesBox .serBox .pic1 img{ width:40px; height:40px; margin:5px auto;}
.servicesBox .serBox .pic2{ width:50px;height:50px;text-align:center;position:absolute;top:0;left:-70px;z-index:99;}
.servicesBox .serBox .pic2 img{ width:40px; height:40px; margin:5px auto;}
.servicesBox .serBox span.tit{ font-size:16px;display:block;text-align:center;}

.truron_foot ul{ overflow:hidden; margin-bottom:30px;}
.truron_foot li{ float:right; font-weight:600; font-family:"Arial"; text-align:center;}
.truron_foot li p{ font-size:26px; color:#333;}
.truron_foot li span{ font-weight:normal; font-size:15px; color: #999; letter-spacing:8px; position:relative; left: 3px;}
.truron_foot li:nth-child(2){ padding-right:20px; margin-right:20px; border-right:1px solid #e8e8e8;  }
.truron_foot li:nth-child(2) span{ letter-spacing:0;}
.truron_foot li .red{ color:#d61518;}

/*右侧*/
.pub_icon{ right:-100px; position:fixed; top:30%; z-index:9991; }
.pub_icon dl{ width:300px; height:300px; position:relative; }
.pub_icon dl:hover dt{ opacity:1; }
.pub_icon dl:hover .d01{ animation:apt 0.3s ease-out 0s forwards; display:block; }
.pub_icon dl:hover .d02{ animation:apt 0.3s ease-out 0.1s forwards; display:block; }
.pub_icon dl:hover .d03{ animation:apt 0.3s ease-out 0.2s forwards; display:block; }
.pub_icon dl:hover .d04{ animation:apt 0.3s ease-out 0.3s forwards; display:block; }

.pub_icon dt{ left:50%; top:50%; position:absolute; margin:-30px 0 0 -30px; cursor:pointer; width:60px; height:60px; background:url(../images/ln01@2x.png) center / 50px 50px no-repeat #a40000; border-radius:50%; opacity:0.5; }
.pub_icon dd{ box-shadow:0 0 3px #ccc; cursor:pointer; opacity:0; display:none; position:absolute; color:#fff; background:#fff; width:60px; height:60px; border-radius:50%; }
.pub_icon dd label{ text-shadow:0 0 3px #000; margin-top:-30px; display:none; text-align:center; } 
.pub_icon dd:hover label{ display:block;}
.pub_icon .d01{ top:0px; left:50%; margin-left:-30px; background:url(../images/ln02@2x.png) center / 50px 50px no-repeat #fff; }
.pub_icon .d02{ top:31%; left:20px; margin-top:-30px; background:url(../images/ln03@2x.png) center / 50px 50px no-repeat #fff;}
.pub_icon .d03{ bottom:31%; left:20px; margin-bottom:-30px; background:url(../images/ln04@2x.png) center / 50px 50px no-repeat #fff; }
.pub_icon .d04{ bottom:0; left:50%; margin-left:-30px; background:url(../images/ln05@2x.png) center / 50px 50px no-repeat #fff;}

.pub_icon .d01:hover{ background:url(../images/ln02_red@2x.png) center / 50px 50px no-repeat #fff;}
.pub_icon .d02:hover{ background:url(../images/ln03_red@2x.png) center / 50px 50px no-repeat #fff;}
.pub_icon .d03:hover{ background:url(../images/ln04_red@2x.png) center / 50px 50px no-repeat #fff;}
.pub_icon .d04:hover{ background:url(../images/ln05_red@2x.png) center / 50px 50px no-repeat #fff;}

/*服务列表*/
.services_banner{}
.services_banner img{ width:100%;}

.truron_services_list{ padding:0 7%; }

/*公共*/
.pub_step{ padding:30px 7% 50px; color:#ccc; }
.pub_step a{ color:#999; padding:0 10px; font-size:14px; }
.pub_step a.tag{ color:#c43128;}
.pub_step a:first-child{ padding-left:0; }

.pub_step .con{ max-width:1400px; margin:0 auto;}


/*服务*/
.sercices_banner{ background:url(../images/sercoces_bg.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }

.sercices_banner02{ background:url(../images/sercoces_bg01.jpg) center / cover no-repeat;}
.sercices_banner03{ background:url(../images/sercoces_bg02.jpg) center / cover no-repeat;}

.sercices_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:''; opacity:0.3;  }
.sercices_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:800px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.sercices_banner .txt strong{ font-size:36px; font-weight:normal; }
.sercices_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }

.sercicese_type{ padding:0 7%; overflow:hidden; opacity: 0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards; }
.sercicese_type a{ position:relative; color:#000; margin-right:20px; float:left; padding:15px 40px; border:1px solid #e8e8e8; font-size:16px; }
.sercicese_type a.tag{ border:1px solid #c43128; color:#c43128; }
.sercicese_type a:hover{ border:1px solid #c43128; color:#c43128; }

.sercicese_type a.a01{ background:url(../images/xf_icon_red@2x_01.png) 25px center / 30px 30px no-repeat; padding-left:70px; }
.sercicese_type a.a02{ background:url(../images/qc_icon_red@2x_01.png) 25px center / 30px 30px no-repeat; padding-left:70px; }
.sercicese_type a.a03{ background:url(../images/cn_icon_red@2x_01.png) 25px center / 30px 30px no-repeat; padding-left:70px; }

.sercicese_type a.tag:before{ bottom:0; left:0; content:''; position:absolute; width:100%; height:2px; background:#c43128; }
.sercicese_type a:hover:before{  opacity:0; -webkit-animation:menu_type 0.6s ease-in-out 0s forwards; bottom:0; left:0; content:''; position:absolute; height:2px; background:#c43128;  }

.sercicese_type .fk_btn{ float:right; }
.sercicese_type .fk_btn a{ margin-right:0; background:url(../images/mail_bom_icon@2x.png) 15px center / 28px 28px no-repeat;  padding:15px 20px 15px 50px;}
.sercicese_type .fk_btn a:hover{ background:url(../images/mail_bom_icon_red@2x.png) 15px center / 28px 28px no-repeat;}

.sercicese_type .type_introduce{ margin-top:30px; font-size:16px; color:#666; line-height:32px; background:#f8f8f8; padding:30px;}
.sercicese_type .type_introduce b{ color:#c43128;}
.sercicese_type .type_introduce strong{ font-size:24px; display:block; margin-bottom:15px; color:#333;}
.sercicese_type .type_introduce strong:after{ display:block; content:'';  width:48px; height:2px; background:#c43128; margin-top:15px;}

.sercicese_list{ padding:30px 7% 80px; }
.sercicese_list .list{ display:flex; flex-wrap:wrap; margin-right:-35px; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sercicese_list .list .col{ padding-right:35px; display:inline-block; width:33.333%; flex:initial; margin-bottom:35px;}
.sercicese_list .list .col .bor{ background:#fff;}
.sercicese_list .list .col img{ width:100%; display:block;  }
.sercicese_list .list .col .txt{ padding:20px 0;}
.sercicese_list .list .col b{ font-size:18px; color:#333; font-weight:normal; display:block; margin-bottom:15px; overflow: hidden;}
.sercicese_list .list .col p{ min-height:40px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; overflow:hidden;}

.sercicese_list .list .col .bom{ color:#999; font-size:14px; padding-top:20px; margin-top:20px; border-top:1px solid #e8e8e8; }
.sercicese_list .list .col .bom label{ padding-right:16px; background:url(../images/more_jt.png) right center / 10px 10px no-repeat; color:#333; }

.sercicese_list .more_btn{ padding:50px 0 0; text-align:center;}
.sercicese_list .more_btn a{  position:relative; border-radius:50px; border:1px solid #e8e8e8; font-size:16px; color:#666; height:50px; line-height:50px; display:block; width:220px; text-align:center; margin:0 auto; }
.sercicese_list .more_btn a:hover{  border:1px solid #c43128; color:#c43128; font-weight:bold; }
.sercicese_list .more_btn a:hover i{ position:absolute; top:-35px; left:0; background:url(../images/more_jt@2x.png) center / 26px 26px no-repeat; width:26px; height:26px;  animation:jt_left 0.5s ease-out 0s forwards;}

.sercicese_list .list .col .bor:hover img{ transform:scale(1.1); transition:all 0.6s;}
.sercicese_list .list .col .bor:hover b{ color:#c43128; }

.page{ text-align:center;}
.page a{ margin:0 5px; color:#999; display:inline-block; font-size:18px; border:1px solid #ccc; width:50px; height:50px; line-height:50px; }
.page a.tag{ background:#c43128; color:#fff; border:1px solid #c43128; }
.page a:hover{ background:#c43128; color:#fff; border:1px solid #c43128; }


/*证书查询*/
.certificate_banner{ background:url(../images/certificate_bg.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.certificate_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  }
.certificate_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:500px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.certificate_banner .txt strong{ font-size:36px; font-weight:normal; }
.certificate_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }

.certificate_list{ padding:30px 7% 80px; }
.certificate_list .list{ display:flex; flex-wrap:wrap; margin-right:-35px; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.certificate_list .list .col{ width:33.333%; padding-right:35px; display:inline-block; flex:1; }
.certificate_list .list .col .bor{ background:#fff; box-shadow:0 0 10px rgb(0 0 0 / 10%); padding:60px; display:block; position:relative; }
.certificate_list .list .col .bor:hover:before { opacity:0; -webkit-animation: menu_type 0.6s ease-in-out 0s forwards; bottom: 0; left: 0; content: ''; position: absolute; height: 3px; background: #c43128;}

.certificate_list .list .col i{ width:80px; height:80px; display:block; background:red; float:left; margin-right:20px;}
.certificate_list .list .col label{ font-size:24px; color:#c43128; display:block; margin:10px 0 5px; }
.certificate_list .list .col span{ color:#999; font-size:16px; }

.certificate_list .list .col i.ul{ background:url(../images/ul_icon@2x.png) center / 80px 80px no-repeat; }
.certificate_list .list .col i.cb{ background:url(../images/cb_icon@2x.png) center / 80px 80px no-repeat; }
.certificate_list .list .col i.cr{ background:url(../images/cr_logo_red@2x.png) center / 90px 90px no-repeat; }

.certificate_div_con{ background:#fff; position:fixed; width:900px; top:40%; left:50%; margin-left:-450px; z-index:9999; padding:30px;}
.certificate_div_con strong{ font-size:24px; display:block; margin-bottom:15px;}
.certificate_div_con .code{ margin-bottom:20px;}
.certificate_div_con .code input{ width:80%; height:50px; line-height:50px; border:1px solid #ccc; padding:0 10px; font-size:14px;}
.certificate_div_con .code a{ float:right; width:18%; height:50px; line-height:50px; background:#000; color:#fff; text-align:center; font-size:16px; font-weight:bold;}
.certificate_div_con table{ font-size:14px;}
.certificate_div_con table th{ background:#d61518; color:#fff; padding:0 10px; line-height:40px;}
.certificate_div_con table td{ color:#666; text-align:center; border-bottom:1px solid #e8e8e8; padding:10px; }
.certificate_div_con table tr:nth-child(even){ background:#f9f9f9;}
.certificate_div_con .btn{ text-align:center; margin-top:30px; }
.certificate_div_con .btn a{ font-size:16px; font-weight:bold; display:inline-block; height:50px; line-height:50px; background:#d61518; color:#fff; padding:0 50px; }

/*服务详情*/
.sercices_details{ overflow:hidden; }
.sercices_details .info{ padding:0 7%;  display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center;}
.sercices_details .info .txt{ padding-right:80px;}
.sercices_details .info .txt strong{ font-size:36px; font-weight:normal; display:block; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; }
.sercices_details .info .txt p{ font-size:16px; color:#666;}
.sercices_details .info .txt p .btn{ border:1px solid #ccc; display:inline-block; height:50px; line-height:50px; padding:0 25px 0 50px; color:#666; background:url(../images/service_icon_gray@2x.png) 15px center / 26px 26px no-repeat; }
.sercices_details .info .txt p .btn:hover{ background: url(../images/service_icon@2x.png) 15px center / 26px 26px no-repeat #d61518; color:#fff; border:1px solid #d61518;}

.sercices_details .info .txt .js{ line-height:28px; margin-bottom:10px;}

.sercices_details .info .txt .np{ margin-bottom:20px; }
.sercices_details .info .txt .np p{ overflow:hidden; padding:10px 0; } 

.sercices_details .info .txt .np p.mail{background: url(../images/mail_bom_icon@2x.png) left center / 20px 20px no-repeat; padding-left: 28px;}
.sercices_details .info .txt .np p.phone{background: url(../images/iphone_icon@2x.png) left center / 26px 26px no-repeat; padding-left: 28px;}
.sercices_details .info .txt .np p.name{background: url(../images/user_icon@2x.png) left center / 26px 26px no-repeat; padding-left: 28px;}


.sercices_details .info .txt .np label{ float:left; width:70px; }
.sercices_details .info .txt .np span{ color:#333;}

.sercices_details .info img{ width:100%;}
.sercices_details .info img:hover{ transform:scale(1.1); transition:all 0.6s;}

.sercices_details .group{ padding:60px 7%; border-bottom:1px solid #e8e8e8;  }
.sercices_details .group .title{ position:relative; font-size:30px; color:#d61518; font-weight:bold; margin-bottom:15px; padding-left:30px;}
.sercices_details .group .title span{ float:right; font-size:16px; font-weight:normal; }
.sercices_details .group .title span label{ cursor:pointer; display:inline-block; height:40px; line-height:40px; padding:0 20px; }
.sercices_details .group .title span label.tag{ background:#d61518; color:#fff;}
.sercices_details .group .title span label:hover{ background:#d61518; color:#fff;}


.sercices_details .group .title em{ top:15px; position:absolute; width:12px; height:12px; background:#c43128; border-radius:50%; left:0;  }
.sercices_details .group .title em:before{content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    opacity:0;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    animation:sonar 2.5s infinite 2.5s;
    -moz-animation:sonar 2.5s infinite 2.5s;
    -webkit-animation:sonar 2.5s infinite 2.5s;
    -o-animation:sonar 2.5s infinite 2.5s;
    -ms-animation:sonar 2.5s infinite 2.5s;
    border:1px solid rgba(196, 49, 40, 0.6);}

.sercices_details .group .title em:after{ content:'';
    position: absolute;
    top:-2px;
    left:-2px;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    animation:sonar 2.5s infinite 1s;
    -moz-animation:sonar 2.5s infinite 1s;
    -webkit-animation:sonar 2.5s infinite 1s;
    -o-animation:sonar 2.5s infinite 1s;
    -ms-animation:sonar 2.5s infinite 1s;
    border:2px solid rgba(196, 49, 40, 0.3);}


.sercices_details .group .sp{ line-height:28px; color:#666; margin-bottom:20px; }

.sercices_details .group_tab{ font-size:14px; }
.sercices_details .group_tab th{ background:#d61518; color:#fff; height:40px; line-height:40px; padding:0 10px;}
.sercices_details .group_tab td{ color:#666; text-align:center; border-bottom:1px solid #e8e8e8; padding:10px; }
.sercices_details .group_tab tr:nth-child(even){ background:#f9f9f9;}
.sercices_details .group_tab td p{ padding:2px 0;}

.sercices_details .group_tab tr:hover{ background:#fff8f8; }
.sercices_details .group_tab tr:hover td{ color:#d61518; }

.sercices_details .group_tab .text_left{ text-align:left;}

.sercices_details .group_tab01{ font-size:14px; }
.sercices_details .group_tab01 th{ background:#d61518; color:#fff; height:40px; line-height:40px; padding:0 10px;}
.sercices_details .group_tab01 th.lp{ line-height:20px; padding:10px 0;}
.sercices_details .group_tab01 td{ color:#666; text-align:center; border:1px solid #e8e8e8; padding:10px; }
.sercices_details .group_tab01 td p{ padding:2px 0;}
.sercices_details .group_tab01 .text_left{ text-align:left;}
.sercices_details .group_tab01 .text_sp{writing-mode: vertical-rl;}

.sercices_details .list{ padding:0 7%; margin-bottom:100px;  }
.sercices_details .list{ display:flex; flex-wrap:wrap; margin-right:-35px; /* opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards; */}
.sercices_details .list .col{ padding-right:35px; display:inline-block; width:33.333%; flex:initial; margin-bottom:35px;}
.sercices_details .list .col .bor{ background:#fff;}
.sercices_details .list .col img{ width:100%; display:block;  }
.sercices_details .list .col .txt{ padding:20px 0;}
.sercices_details .list .col b{ font-size:18px; color:#333; font-weight:normal; display:block; margin-bottom:15px; overflow: hidden;}
.sercices_details .list .col p{ min-height:40px; font-size:14px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; overflow:hidden;}

.sercices_details .list .col .bom{ color:#999; font-size:14px; padding-top:20px; margin-top:20px; border-top:1px solid #e8e8e8; }
.sercices_details .list .col .bom label{ padding-right:16px; background:url(../images/more_jt.png) right center / 10px 10px no-repeat; color:#333; }

.sercices_details .more_btn{ padding:50px 0 0; text-align:center;}
.sercices_details .more_btn a{  position:relative; border-radius:50px; border:1px solid #e8e8e8; font-size:16px; color:#666; height:50px; line-height:50px; display:block; width:220px; text-align:center; margin:0 auto; }
.sercices_details .more_btn a:hover{  border:1px solid #c43128; color:#c43128; font-weight:bold; }
.sercices_details .more_btn a:hover i{ position:absolute; top:-35px; left:0; background:url(../images/more_jt@2x.png) center / 26px 26px no-repeat; width:26px; height:26px;  animation:jt_left 0.5s ease-out 0s forwards;}

.sercices_details .list .col .bor:hover img{ transform:scale(1.1); transition:all 0.6s;}
.sercices_details .list .col .bor:hover b{ color:#c43128; }

.sercices_details .list_title{ padding:0 7%; font-size:28px; margin:50px 0; }


.sercices_details .g_list{ padding:50px 0 0;  display:flex; flex-wrap:wrap; margin-right:-25px;}
.sercices_details .g_list .col{ margin-bottom:25px; width:25%; flex:initial; padding-right:25px;}
.sercices_details .g_list .col .bor{}
.sercices_details .g_list .col .bor img{ width:100%; display:block;}

.sercices_details .g_list .col dt{ color:#fff; padding:10px; font-size:16px; background-image: linear-gradient(to right, #d61518 , #fff); margin-bottom:10px; }
.sercices_details .g_list .col dd{ position:relative; color:#666; padding:4px 0 4px 10px; font-size:14px; }
.sercices_details .g_list .col dd:before{ width:4px; height:4px; background:#999; content:''; position:absolute; left:0; top:12px; border-radius:50%;}


.sercices_details .group .gp_col{}
.sercices_details .group .gp_col img{ width:100%;}
.sercices_details .group .gp_col .txt{ padding-left:60px;}
.sercices_details .group .gp_col .txt .ck{ margin-bottom:20px;}
.sercices_details .group .gp_col .txt b{ display:block; font-size:16px; margin-bottom:10px;}
.sercices_details .group .gp_col .txt b:before{ content:''; float:left; margin:10px 6px 0 0; background:#d61518; width:5px; height:5px; border-radius:50%; }
.sercices_details .group .gp_col .txt p{ font-size:14px; color:#666; margin-bottom:10px; overflow:hidden;}
.sercices_details .group .gp_col .txt p span{ float:left; width:50%; }

.sercices_details .zpt{ padding:60px 7% 20px; margin-top:50px; margin-bottom:10px; font-size:16px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.sercices_details .zpt .col{ margin-bottom:40px; color:#666;}
.sercices_details .zpt .col b{ display:block; color:#d61518; margin-bottom:15px; font-size:20px;}
.sercices_details .zpt .col p{ line-height:28px; margin-bottom:10px;}
/* .sercices_details .zpt .col p span{ color:#d61518;} */
.sercices_details .zpt .col label{ color:#d61518; display:block;}
.sercices_details .zpt .col label:before { margin:12px 8px 0 0;  content:''; width:4px;  height:4px; background:#ccc; float:left; background:#d61518; border-radius:10px;}

.sercices_details .zpt .js_img{ overflow:hidden; display:flex; flex-wrap:wrap; margin-right:-35px; margin-bottom:50px;}
.sercices_details .zpt .js_img .xl-3{ padding-right: 35px; display: inline-block; flex: 1;}
.sercices_details .zpt .js_img .xl-3.no{ flex:inherit;}
.sercices_details .zpt .js_img img{ display:block; width:100%;}
.sercices_details .zpt .js_img img:hover{ /* transform: scale(1.1); transition: all 0.6s; */}
.sercices_details .zpt .js_img .pr{ padding-right:15px;}

.sercices_details .zpt .js_img.add .xl-25{ padding-right: 35px; margin-bottom: 35px; display: inline-block;}

.sercices_details .zpt .col .db .xl-5.l{ padding-right:25px; }
.sercices_details .zpt .col .db .xl-5.r{ padding-left:25px; }
.sercices_details .zpt .col .db img{ width:100%;}


.sercices_details .kp_info{padding:30px 7% 50px; font-size:16px;}
.sercices_details .kp_info .np{ margin-bottom:20px; }
.sercices_details .kp_info .np p{ overflow:hidden; padding:10px 0; } 

.sercices_details .kp_info .np p.mail{background: url(../images/mail_bom_icon@2x.png) left center / 20px 20px no-repeat; padding-left: 28px;}
.sercices_details .kp_info .np p.phone{background: url(../images/iphone_icon@2x.png) left center / 26px 26px no-repeat; padding-left: 28px;}
.sercices_details .kp_info .np p.name{background: url(../images/user_icon@2x.png) left center / 26px 26px no-repeat; padding-left: 28px;}


.sercices_details .kp_info .np label{ float:left; width:100px; }
.sercices_details .kp_info .np span{ color:#333;}

.sercices_details .kp_info p .btn{ border:1px solid #ccc; display:inline-block; height:50px; line-height:50px; padding:0 25px 0 50px; color:#666; background:url(../images/service_icon_gray@2x.png) 15px center / 26px 26px no-repeat; }
.sercices_details .kp_info p .btn:hover{ background: url(../images/service_icon@2x.png) 15px center / 26px 26px no-repeat #d61518; color:#fff; border:1px solid #d61518;}


.sercices_details .zpt .nr_list{ overflow:hidden; }
.sercices_details .zpt .nr_list span{ color:#d61518; float:left; width:20%; border:1px solid #d61518; padding:25px; text-align:center;}
.sercices_details .zpt .nr_list span:last-child{ border-right:1px solid #d61518;}

.sercices_details .zpt .sp_ul{ overflow:hidden; margin:25px 0;}
.sercices_details .zpt .sp_ul li{ float:left; border:1px solid #d61518; width:33.333%; padding:25px; border-right:0;   }
.sercices_details .zpt .sp_ul li:last-child{ border-right:1px solid #d61518;}


/*20230720*/
.sercices_details .zpt .old_col{ background:#f9f9f9; padding:25px; }
.sercices_details .zpt .old_col b{ font-size:20px;}
.sercices_details .zpt .old_col .l_p{ border-bottom:1px solid #efefef; padding-bottom:20px; margin-bottom:20px;}
.sercices_details .zpt .old_col .bk{ color:#000; margin:0}

.sercices_details .zpt .tab_line{ border:1px solid #ccc; }
.sercices_details .zpt .tab_line p{ padding:15px 25px; margin:0; border-bottom:1px solid #d7d7d7; overflow:hidden;}
.sercices_details .zpt .tab_line p:last-child{ border:0;}
.sercices_details .zpt .tab_line strong{ float:left; width:200px;}

.sercices_details .zpt .tab_line span{ float:left; width:calc(100% - 200px); padding-left:20px; border-left:1px solid #d7d7d7;}




/*新增*/
.sercices_details .con{ background:#fff; max-width:1400px; margin:0 auto 100px; padding:4%; }
.sercices_details .con .info{ border:1px solid #f2f2f2; padding:0; }
.sercices_details .con .info img{ display:block;}
.sercices_details .con .info .txt{ padding:0;}
.sercices_details .con .info .txt strong{ position:relative; text-align:center;  border:0; margin-bottom:0; }
.sercices_details .con .info .txt strong:before{ position:absolute; width:20px; height:2px; background:#d61518; content:''; bottom:0; left:50%; margin-left:-10px; }

.sercices_details .con .zpt{ padding:0; border-top:0; margin-bottom:40px;}
.sercices_details .con .zpt .col{  margin-bottom:60px;}
.sercices_details .con .zpt .col b{ font-size:24px; line-height:48px; font-weight:normal; }
.sercices_details .con .zpt .col b.ct01:before{ display:block; float:left; content:''; width:48px; height:48px; background:url(../images/ct01_icon.png) center / 30px 30px no-repeat #d61518; border-radius:50%;  margin-right:15px;}
.sercices_details .con .zpt .col b.ct02:before{ display:block; float:left; content:''; width:48px; height:48px; background:url(../images/ct02_icon.png) center / 30px 30px no-repeat #d61518; border-radius:50%;  margin-right:15px;}
.sercices_details .con .zpt .col b.ct03:before{ display:block; float:left; content:''; width:48px; height:48px; background:url(../images/ct03_icon.png) center / 30px 30px no-repeat #d61518; border-radius:50%;  margin-right:15px;}
.sercices_details .con .zpt .col b.ct04:before{ display:block; float:left; content:''; width:48px; height:48px; background:url(../images/ct04_icon.png) center / 30px 30px no-repeat #d61518; border-radius:50%;  margin-right:15px;}


.sercices_details .con .group_tab01{ font-size:16px;}

.sercices_details .con .kp_info{ padding:0;}

.sercices_details .con .info img:hover{ transform: scale(1); }

.sercices_details .con .flickerplate{ height:460px;}
.sercices_details .con .flickerplate .dot-navigation .dot{ width:8px; height:8px;}

.sercices_details .con .flickerplate .arrow-navigation{ top:0;}
.sercices_details .con .flickerplate .arrow-navigation{ height:100%;}
.sercices_details .con .flickerplate .dot-navigation .dot.active{ background:#d61518;}
.sercices_details .con .flickerplate .arrow-navigation .arrow{ width:100%;}
.sercices_details .con .flickerplate .arrow-navigation.left .arrow{ background:url(../images/jt_left.png)  bottom center / 60px 60px no-repeat; opacity:1; }
.sercices_details .con .flickerplate .arrow-navigation.right .arrow{ background:url(../images/jt_right.png) bottom center / 60px 60px no-repeat; opacity:1;}

/*新增0717*/
.sercices_details .info .flickerplate{ height:350px;}
.sercices_details .info .flickerplate .dot-navigation .dot{ width:8px; height:8px;}

.sercices_details .info .flickerplate .arrow-navigation{ top:0;}
.sercices_details .info .flickerplate .arrow-navigation{ height:100%;}
.sercices_details .info .flickerplate .dot-navigation .dot.active{ background:#d61518;}
.sercices_details .info .flickerplate .arrow-navigation .arrow{ width:100%;}
.sercices_details .info .flickerplate .arrow-navigation.left .arrow{ background:url(../images/jt_left.png)  bottom center / 60px 60px no-repeat; opacity:1; }
.sercices_details .info .flickerplate .arrow-navigation.right .arrow{ background:url(../images/jt_right.png) bottom center / 60px 60px no-repeat; opacity:1;}



/*发展历程*/
.history_banner{ background:url(../images/history_banner.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.history_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  }
.history_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.history_banner .txt strong{ font-size:36px; font-weight:normal; }
.history_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }

/*
.history_not_occurred{ text-align:center; font-size:42px; margin-bottom:50px;}
.history_not_occurred span{ display:inline-block; background:#c43128; padding:20px 40px; color:#fff; border-radius:80px; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards; opacity:0;}
*/

.history{ padding:0 7%; max-width:1440px; margin:0 auto; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards; }
.history .group{ padding-bottom:80px; position:relative;}
.history .group:before{ width:3px; height:100%; position:absolute; left:50%; margin-left:-1.5px; content:''; background:rgba(0,44,94,0.1);}
.history .line{ width:3px; height:0; position:absolute; left:50%; margin-left:-1.5px; content:''; background:#c43128; top:0; }

.history .group .time{ padding-top:60px; font-size:60px; text-align:center; position:relative; }
.history .group .time span{ display:inline-block; margin-bottom:30px; }
.history .group .time i{ top:0; position:absolute; width:20px; height:20px; background:#c43128; border-radius:50%; left:50%; margin-left:-10px; }
.history .group .time i:before{content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    opacity:0;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    animation:sonar 2.5s infinite 2.5s;
    -moz-animation:sonar 2.5s infinite 2.5s;
    -webkit-animation:sonar 2.5s infinite 2.5s;
    -o-animation:sonar 2.5s infinite 2.5s;
    -ms-animation:sonar 2.5s infinite 2.5s;
    border:1px solid rgba(196, 49, 40, 0.6);}

.history .group .time i:after{ content:'';
    position: absolute;
    top:-2px;
    left:-2px;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    animation:sonar 2.5s infinite 1s;
    -moz-animation:sonar 2.5s infinite 1s;
    -webkit-animation:sonar 2.5s infinite 1s;
    -o-animation:sonar 2.5s infinite 1s;
    -ms-animation:sonar 2.5s infinite 1s;
    border:2px solid rgba(196, 49, 40, 0.3);}


.history .group .time.add i{ width:36px; height:36px; margin-left:-18px; background:url(../images/w_jt.png) center / 12px 12px no-repeat #c43128;}


.history .group .col{ display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center; }

.history .group .old{ width:50%; }
.history .group .txt{ width:50%; }

.history .group .old.l{ padding-right:90px; text-align:right;}
.history .group .txt.r{ padding-left:90px;}
.history .group .old.r{ padding-left:90px;}
.history .group .txt.l{ padding-right:90px; text-align:right;}

.history .group .old img{ border:1px solid #e8e8e8; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.history .group .old img.tag{ -webkit-filter:inherit; -moz-filter:inherit; -ms-filter:inherit; -o-filter:inherit; filter:inherit; filter:inherit;}

.history .group .txt strong{ font-size:42px; font-weight:normal; display:block; margin-bottom:10px;}
.history .group .txt b{ font-size:16px; color:#c43128; display:block; margin-bottom:10px;}
.history .group .txt span{ font-size:14px; color:#666;}


/*企业文化*/
.corporate_culture_banner{ background:url(../images/corporate_culture_banner.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.corporate_culture_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:''; opacity:0.5;  }
.corporate_culture_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.corporate_culture_banner .txt strong{ font-size:36px; font-weight:normal; }
.corporate_culture_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }

.corporate_culture{ padding:0 7%; opacity:0; -webkit-animation:up_banner_txt 0.6s ease-in-out 0.3s forwards;}

.corporate_culture .wm_list{ /* padding:80px 10% 0; */ position:relative;}
.corporate_culture .wm_list .group{ overflow:hidden; background:#fff; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center; padding: 30px 0;}
.corporate_culture .wm_list .group img{ width:50%;}
.corporate_culture .wm_list .group .txt{ width:50%; text-align:center; padding:50px 50px;}
.corporate_culture .wm_list .group .txt b{ font-size:30px; display:block; margin-bottom:30px;}
.corporate_culture .wm_list .group .txt p{ font-size:18px; color:#333; margin-bottom:50px;}
.corporate_culture .wm_list .group.add{ overflow:hidden; background:#f5f5f5; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center; padding:0;}

.corporate_culture .wm_list .group .txt i{ width:50px; height:50px; display:block; margin:0 auto 20px; transition:all .5s;  -webkit-transition:all .5s;}
.corporate_culture .wm_list .group .txt i.i01{ background:url(../images/yy01_icon.png) center / 50px 50px no-repeat;}
.corporate_culture .wm_list .group .txt i.i02{ background:url(../images/yy02_icon.png) center / 50px 50px no-repeat;}
.corporate_culture .wm_list .group .txt i.i03{ background:url(../images/yy03_icon.png) center / 50px 50px no-repeat;}


.corporate_culture .wm_list .group:hover .txt i{ margin:0 auto 30px;}
.corporate_culture .wm_list .group:hover .txt b{ color:#d61518;}

/*新闻资讯*/

.news_banner{ background:url(../images/news_banner.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.news_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  }
.news_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.news_banner .txt strong{ font-size:36px; font-weight:normal; }
.news_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }


.news{  padding:0 7%;}
.news_type{ overflow:hidden; opacity: 0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards; margin-bottom:30px; }
.news_type a{ position:relative; color:#000; margin-right:20px; float:left; padding:15px 40px; border:1px solid #e8e8e8; font-size:16px; }
.news_type a.tag{ border:1px solid #c43128; color:#c43128; }
.news_type a:hover{ border:1px solid #c43128; color:#c43128; }


.news .list{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.news .list .col{ width:100%; display:block; margin-bottom:35px; border-bottom:1px solid #f9f9f9; padding-bottom:35px; }
.news .list .col .bor{ background:#fff; overflow:hidden;}
.news .list .col .ovf{ float:left; width:30%;}
.news .list .col img{ width:100%; display:block; }

.news .list .col .txt{ float:left; padding:0 20px 20px; width:70%;}
.news .list .col b{ font-size:20px; color:#333; font-weight:normal; display:block; margin-bottom:10px; overflow: hidden;}
.news .list .col p{ min-height:40px; font-size:16px; color:#666; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:break-all; overflow:hidden;  margin-bottom:30px; }

.news .list .col .bom{ overflow:hidden; color:#999; font-size:14px; }
.news .list .col .bom label{ float:right; padding-right:16px; background:url(../images/more_jt.png) right center / 10px 10px no-repeat; color:#333; }
.news .list .col .bom span{ float:left; color:#999; font-size:16px;}


.news .list .col .bor:hover img{ transform:scale(1.1); transition:all 0.6s;}
.news .list .col .bor:hover b{ color:#c43128; }

.news .xl-7{ padding:0 20px 80px 0;}

.news .xl-3{ padding-left:20px;}
.news .xl-3 .title{ font-size:24px; padding:20px 0; color:#c43128; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards; }
.news .xl-3 .list .col{ margin-bottom:0; padding-bottom:20px; }
.news .xl-3 .list .col .txt{ width:100%; padding:20px 0;}
.news .xl-3 .list .col  b{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; word-break: break-all; overflow: hidden;}


.news .page a{ margin:0 5px; color:#999; display:inline-block; font-size:18px; border:1px solid #ccc; width:50px; height:50px; line-height:50px; }
.news .page a.tag{ background:#c43128; color:#fff; border:1px solid #c43128; }
.news .page a:hover{ background:#c43128; color:#fff; border:1px solid #c43128; }
.news .page{ text-align:center;}

/*新闻详情*/
.news .details{ overflow:hidden; padding-bottom:100px; }
.news .details .xl-7{ padding-right:50px;}
.news .details .xl-7 strong{ font-size:28px; display:block; margin-bottom:40px;}
.news .details .xl-7 p{ font-size:16px; line-height:28px; color:#666; margin-bottom:30px;}
.news .details .xl-7 img{ display:block;  width:100%; margin-bottom:30px; }

/*投资者与媒体*/
.media{ padding:0 7%;}
.media .list{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;  }
.media .list .col{ width:100%; display:block; margin-bottom:15px; border:1px solid #f9f9f9; }
.media .list .col:hover{ box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.media .list .col .bor{ background:#fff; padding:20px; }
.media .list .col .ovf{ float:left; width:30%;}

.media .list .col img{ width:100%; display:block; }

.media .list .col .txt{ }
.media .list .col p{ overflow:hidden; color:#666;  }
.media .list .col b{ float:left; width:80%; position:relative; font-size:18px; line-height:26px; color:#333; font-weight:normal; display:block; overflow: hidden; padding-left:110px; }
.media .list .col b span{ color:#d61518; margin-right:5px; position:absolute; left:0; padding-left:10px; }
.media .list .col b span:before{ content:''; position:absolute; width:5px; height:5px; background:#d61518; left:0; top:10px; }
.media .list .col b span i{ font-size:14px; font-style:inherit; background:#d61518; color:#fff; width:24px; height:24px; line-height:24px; border-radius:50%; float:left; margin-right:6px; text-align:center; }
.media .list .col label{ float:right; color:#999; font-size:16px; line-height:26px;}

.media .list .col .bom{ overflow:hidden; color:#999; font-size:14px; }
.media .list .col .bom label{ float:right; padding-right:16px; background:url(../images/more_jt.png) right center / 10px 10px no-repeat; color:#333; }
.media .list .col .bom span{ float:left; color:#999; font-size:16px;}


.media .list .col .bor:hover img{ transform:scale(1.1); transition:all 0.6s;}
.media .list .col .bor:hover b{ color:#c43128; }

.media .page{ padding:40px 0 80px;}


.media .details{ overflow:hidden; padding-bottom:100px; }
.media .details .xl-7{ padding-right:50px;}
.media .details .xl-7 strong{ font-size:28px; display:block; margin-bottom:40px;}
.media .details .xl-7 p{ font-size:16px; line-height:28px; color:#666; margin-bottom:30px;}
.media .details .xl-3 { padding-left:50px;}
.media .details .xl-3 strong{ font-size:18px; display:block; margin-bottom:15px; }
.media .details .xl-3 .pt a{ display:block; color:#666; border-bottom:1px solid #f9f9f9; }
.media .details .xl-3 .pt a:hover{ color:#333;}
.media .details .xl-3 .pt label{ display:block; font-size:16px; padding:20px 0;}
.media .details .xl-3 .pt img{ display:block; width:100%;}


.media .group{ border:1px solid #ccc; overflow:hidden; margin-bottom:100px; height:320px;  display: flex;    width: 100%;    justify-content: space-between;    -ms-flex-align: center;    align-items: center;}
.media .group img{ width:50%; float:left;  }
.media .group .txt{ padding:40px; text-align:center; width: 50%;    float: left;    padding: 50px 50px; }
.media .group .txt b{ display:block; font-size:24px; background:url(http://www.truron.com/images/bd_icon_red@2x_01.svg) top center / 60px 60px no-repeat; padding-top:65px; margin-bottom:10px; }
.media .group .txt span{ font-size:16px; color:#666; /* border:1px solid #ccc;  */ padding:8px 15px; }
.media .group .txt span:hover{ background:#d61518; color:#fff; border:1px solid #d61518; }



/*公司简介*/

.company_banner{ background:url(../images/company_profile_banner.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.company_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  }
.company_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.company_banner .txt strong{ font-size:36px; font-weight:normal; }
.company_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }

.company_profile{ padding:0 7%; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.company_profile .txt strong{ font-size:32px; font-weight:normal; display:block; margin-bottom:30px; }
.company_profile .txt p{ font-size:16px; line-height:32px; color:#666; margin-bottom:20px;}

.company_profile .xz{ padding:60px 0 100px; overflow:hidden; }

.company_profile ul{width:100%;}
.company_profile li{ float:left; text-align:center; padding:15px 0; /* border-right:1px solid #e8e8e8; */ background:rgba(255,255,255,0.8); position:relative; }
.company_profile li:before{ position:absolute; width:1px; height:60px; background:#e8e8e8; right:0; top:50%; margin-top:-30px; content:''; }
.company_profile li:nth-child(3):before{ width:0; }
.company_profile li:nth-child(7):before{ width:0; }

.company_profile li:last-child{ border:0;}
.company_profile li b{ font-size:20px; color:#d61518; font-weight:normal; margin:0 0 10px; display:block; }
.company_profile li span{ font-size:14px; color:#999; }
.company_profile li b span{ display:inline-block; font-size:28px; color:#d61518; font-weight:normal; }
.company_profile li img{ width:70px; }

.company_profile li.xl-33{ border-bottom:1px solid #e8e8e8; }

.company_profile .txt{ font-size:16px; padding-top:40px; }
.company_profile .txt label{ color:#c43128;}

.company_profile li:hover img{ -webkit-animation:icon-revolve 0.5s alternate; }


/*资质荣誉*/
.qualifications_banner{ background:url(../images/qualifications_honors_banner.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.qualifications_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:''; opacity:0.5; }
.qualifications_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.qualifications_banner .txt strong{ font-size:36px; font-weight:normal; }
.qualifications_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }


.qualifications_honors{ padding:0 7%; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.qualifications_honors .list{ display:flex; flex-wrap:wrap; margin-right:-35px; padding-bottom:100px;}
.qualifications_honors .list .col { width:33.333%; padding-right:35px; margin-bottom:35px; display:inline-block; text-align:center; }
.qualifications_honors .list .col .bor{ box-shadow: 0 0 10px rgb(0 0 0 / 10%); position:relative; }
.qualifications_honors .list .col img{ width:85%; margin:0 auto; display:block;  }
.qualifications_honors .list .col b{ min-height:236px; color:#333; font-weight:normal; font-size:18px; line-height:28px; display:block; padding:140px 20px 40px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  word-break: break-all; overflow: hidden; background:url(../images/ry_icon.png)  center 50px / 60px 60px no-repeat;  }

.qualifications_honors .list .col .bor:hover b{ color:#c43128; background:url(../images/ry_icon.png)  center 60px / 60px 60px no-repeat; transition:all .5s; -webkit-transition:all .5s;}
.qualifications_honors .list .col .bor:hover:before{ opacity:0; -webkit-animation:menu_type 0.6s ease-in-out 0s forwards; bottom:0; left:0; content:''; position: absolute; height:3px; background:#c43128;}

/*公司简介*/

.company_banner{ background:url(../images/company_profile_banner.jpg) center / cover no-repeat; height:680px; position:relative; overflow:hidden;  }
.company_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  }
.company_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.company_banner .txt strong{ font-size:36px; font-weight:normal; }
.company_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }

.company_profile{ padding:0 7%; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.company_profile .txt strong{ font-size:32px; font-weight:normal; display:block; margin-bottom:30px; }
.company_profile .txt p{ font-size:16px; line-height:32px; color:#666; margin-bottom:20px;}

.company_profile .xz{ padding:60px 0 100px; overflow:hidden; }

.company_profile ul{width:100%;}
.company_profile li{ float:left; text-align:center; padding:15px 0; /* border-right:1px solid #e8e8e8; */ background:rgba(255,255,255,0.8); position:relative; }
.company_profile li:before{ position:absolute; width:1px; height:60px; background:#e8e8e8; right:0; top:50%; margin-top:-30px; content:''; }
.company_profile li:nth-child(3):before{ width:0; }
.company_profile li:nth-child(7):before{ width:0; }

.company_profile li:last-child{ border:0;}
.company_profile li b{ font-size:20px; color:#d61518; font-weight:normal; margin:0 0 10px; display:block; }
.company_profile li span{ font-size:14px; color:#999; }
.company_profile li b span{ display:inline-block; font-size:28px; color:#d61518; font-weight:normal; }
.company_profile li img{ width:70px; }

.company_profile li.xl-33{ border-bottom:1px solid #e8e8e8; }

.company_profile .txt{ font-size:16px; padding-top:40px; }
.company_profile .txt label{ color:#c43128;}

.company_profile li:hover img{ -webkit-animation:icon-revolve 0.5s alternate; }

/*我们的承诺*/

.commitment_banner {background: url(../images/commitment_banner.jpg) center / cover no-repeat;height: 680px;position: relative;overflow: hidden; }
.commitment_banner:before {width: 100%;height: 100%;background: url(../images/top_bg.png) repeat-x;position: absolute;content: '';}
.commitment_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.commitment_banner .txt strong{ font-size:36px; font-weight:normal; }
.commitment_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }
.commitment{ padding:0 7%; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.commitment .txt strong{ font-size:32px; font-weight:normal; display:block; margin-bottom:30px; }
.commitment .txt p{ font-size:16px; line-height:32px; color:#666; margin-bottom:20px;}
.commitment .xz{ padding:60px 0 100px; overflow:hidden; }
.commitment .txt{ font-size:16px; padding-top:40px; }
.commitment .txt label{ color:#c43128;}
.commitment li:hover img{ -webkit-animation:icon-revolve 0.5s alternate; }
.commitment .signature-container {text-align: right;}
.commitment .signature {display: inline-block;margin-bottom:5px;border-bottom:2px solid black;}
.commitment .signature img {height:60;width:120px;}
.commitment .position {font-size: 16px;margin-top: 2px;}
.commitment .date {font-size: 16px;margin-top: 5px;}
.commitment .notice {font-size: 16px;color: #666;margin-top: 10px;}

/*联系我们*/
.contact_banner{ background:url(../images/contact_us_banner.jpg) center / cover no-repeat; height:680px;  position:relative; overflow:hidden;  }
.contact_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  opacity:0.5; }
.contact_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1;  }
.contact_banner .txt strong{ font-size:36px; font-weight:normal; }
.contact_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }



.contact_us{ padding:0 7% 50px;  position:relative; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards; z-index:11;}
.contact_us .title{ margin-bottom:40px; }
.contact_us .title strong{ font-size:28px; display:block; margin-bottom:20px;  }
.contact_us .title p{ font-size:16px;  }

.contact_us .xl-10{ background:rgba(255,255,255,0.95); padding:40px; min-height:325px; box-shadow:0 0 10px rgb(0 0 0 / 10%); margin-bottom:40px; }


.contact_us .tle{ font-size:24px; border-bottom:1px solid #e8e8e8; padding-bottom:10px; position:relative; }
.contact_us .tle:before { position:absolute; left:-40px; top:5px; height:20px; width:4px; background:#d61518; content:'';}
.contact_us .tle label{ font-size:16px; color:#666;}
.contact_us .tle span{ display:block; font-size:12px; color:#666; }
.contact_us .tle.s01{ background:url(../images/zg_icon@2x.png) left center / 36px 36px no-repeat; padding-left:42px;}
.contact_us .tle.s02{ background:url(../images/zg_icon@2x_01.png) left center / 36px 36px no-repeat; padding-left:42px;}


.contact_us .txt{ padding:30px 0 0;}
.contact_us .txt p{ font-size:16px; color:#666; padding:5px 0;}
.contact_us .txt p.phone{ font-size:32px; color:#d61518; }
.contact_us .txt p.phone label{ font-size:16px; color:#666; }
.contact_us .txt strong{ font-weight:bold; font-size:18px; color:#333;}

.contact_us .txt p.address{ height:36px; }
.contact_us .txt p.address span{ padding-right:5px; width:30%; float:left; padding-bottom:10px; position:relative; display:block; }
.contact_us .txt p.address span:last-child{ border:0;}
.contact_us .txt p.address span:nth-child(4){ padding-left:40px;}

.contact_us .txt p.address label{ float:left;}

.contact_us .txt p.address .map_div{ position:absolute; display:none; top:30px;  }
.contact_us .txt p.address span:hover .map_div{ display:block; padding:15px; background:#fff; border:1px solid #ccc; z-index:999; }
.contact_us .txt p.address span:hover .map_div a{  margin-top:10px; background: url(../images/map_icon@2x.png) 15px center / 20px 20px no-repeat #d61518; color: #fff; display: inline-block; height: 42px; line-height: 42px; width: 125px; text-align: center; font-size: 16px; padding-left: 25px}
.contact_us .txt p.address span:hover .map_div a:hover{ background: url(../images/map_icon@2x.png) 15px center / 20px 20px no-repeat #b81114;}


.contact_us .txt .city{ font-size:18px; font-weight:bold; margin-bottom:10px;}
.contact_us .txt .city a{ padding:5px 10px; color:#666; }
.contact_us .txt .city a.tag{ border-radius:50px; padding:5px 10px; color:#d61518; }

.contact_us .txt .city a:nth-child(1){ padding-left:0; }

.contact_us .txt .col{ margin-bottom:30px; border-bottom:1px solid #e8e8e8; padding-bottom:20px;}
.contact_us .txt .col:last-child{ border-bottom:0; padding-bottom:0;}


.contact_us .txt .group{ overflow: hidden; background: #fff; display: flex; width: 100%; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.contact_us .txt .map{ width:100%;}

.contact_us .txt .map_btn{ margin-top:40px; background:url(../images/map_icon@2x.png) 15px center / 20px 20px no-repeat #d61518; color:#fff; display:inline-block; height:42px; line-height:42px;  width:125px; text-align:center; font-size:16px; padding-left:25px;}
.contact_us .txt .map_btn:hover{ background:url(../images/map_icon@2x.png) 15px center / 20px 20px no-repeat #b81114; }


/*招贤纳士*/
.work_banner{ background:url(../images/work_banner.jpg) center / cover no-repeat; height:680px;  position:relative; overflow:hidden;  }
.work_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:'';  }
.work_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1; }
.work_banner .txt strong{ font-size:36px; font-weight:normal; }
.work_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }


.work_list{ padding:30px 7% 80px; }
.work_list .list{ display:flex; flex-wrap:wrap; margin-right:-35px; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.work_list .list .col{ width:33.333%; padding-right:35px; display:inline-block; flex:1; }
.work_list .list .col .bor{ background:#fff; box-shadow:0 0 4px #ccc; padding:30px; height:260px; position:relative; }
.work_list .list .col img{ width:50px; display:block; margin-bottom:20px;}
.work_list .list .col b{ font-size:24px; font-weight:normal; color:#333; }

.work_list .list .col .bor .tp{ margin-top:0; transition:all .5s;  -webkit-transition:all .5s;}

.work_list .list .col .bor i{ position:absolute; bottom:50px;  left:30px; background:url(../images/more_jt@2x.png) center / 26px 26px no-repeat; width:26px; height:26px;  /* animation:jt_left 0.5s ease-out 0s forwards; */}

.work_list .list .col .bor:hover{ /* display:flex; justify-content:center; flex-direction:column; transition:all .5s; -webkit-transition:all .5s; */ }
.work_list .list .col .bor:hover .tp{ margin-top:45px; }
.work_list .list .col .bor:hover i{ animation:jt_left01 0.5s ease-out 0s forwards;}
.work_list .list .col .bor:hover a b{ color:#c43128; }


.work_list .work_type_list{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.work_list .work_type_list .tp{ overflow:hidden; margin-bottom:30px;}
.work_list .work_type_list .tp select{ font-size:14px; float:left; border:1px solid #e8e8e8; height:52px; line-height:52px; padding:0 10px; color:#999; width:20%; margin-right:10px; }
.work_list .work_type_list .tp a{ font-size:14px; height:52px; line-height:52px; background:#d61518; color:#fff; float:left; width:80px; text-align:center; }

.work_list .work_type_list .tp_list{ padding-bottom:50px;}
.work_list .work_type_list .tp_list .col{ border-bottom:1px solid #e8e8e8; font-size:16px; color:#666; overflow:hidden; padding:30px 0; }
.work_list .work_type_list .tp_list .col span{ float:left; width:20%; text-align:center;}
.work_list .work_type_list .tp_list .col span.old{ font-size:18px; text-align:left; color:#333; }
.work_list .work_type_list .tp_list .col span label{ color:#999; display:block; font-size:12px; margin-bottom:5px;}
.work_list .work_type_list .tp_list .col a{ float:right; border:1px solid #d61518; height:42px; line-height:42px; padding:0 30px; color:#d61518;}
.work_list .work_type_list .tp_list .col a:hover{ background:#d61518; color:#fff; }

/*招贤纳士 详情*/
.work_details{ padding:0 7% 80px; }
.work_details .con{ box-shadow: 0 0 4px #ccc; padding:30px 40px;}
.work_details .title{ border-bottom:1px solid #e8e8e8; padding-bottom:30px; }
.work_details .title strong{ font-size:22px; display:block; font-weight:normal; margin-bottom:20px; }
.work_details .title p{ color:#999; font-size:14px;}
.work_details .title p span{ position:relative;  padding:0 10px; }
.work_details .title p span:before{ position:absolute; content:''; right:0; top:3px; width:1px; height:10px; background:#ccc; }
.work_details .title p span:first-child{ padding-left:0;}
.work_details .title p span:last-child:before{ width:0; }

.work_details .txt{ padding:30px 0; font-size:14px; color:#666; }
.work_details .txt p{ line-height:28px;}
.work_details .txt .btn{ margin-top:40px; color:#fff; background:#d61518; height:42px; line-height:42px; padding:0 20px; display:inline-block; }

/*人才政策*/
.talent_banner{ background:url(../images/talent_policy_banner.jpg) center / cover no-repeat; height:680px;  position:relative; overflow:hidden;  }
.talent_banner:before{ width:100%; height:100%; background:url(../images/top_bg.png) repeat-x;  position:absolute; content:''; opacity:0.5;  }
.talent_banner .txt{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.1s forwards; background:rgba(0,0,0,0.4); color:#fff; width:400px;  margin:280px 0 0 7%; padding:30px; position:relative; z-index:1; }
.talent_banner .txt strong{ font-size:36px; font-weight:normal; }
.talent_banner .txt p{ padding:5px; font-weight:300; line-height:2.5em; color:rgba(255, 255, 255, 0.8); font-size:14px; letter-spacing:5px; }


.talent_policy{ padding:0 7%; opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}

.talent_policy .wm_list{ /* padding:80px 10% 0; */ position:relative;}
.talent_policy .wm_list .group{ overflow:hidden; background:#fff; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center; }
.talent_policy .wm_list .group img{ width:50%;}
.talent_policy .wm_list .group .txt{ width:50%; padding:50px 50px;}
.talent_policy .wm_list .group .txt b{ font-size:30px; display:block; margin-bottom:20px; transition:all .5s;  -webkit-transition:all .5s; position:relative;}
.talent_policy .wm_list .group .txt p{ font-size:16px; color:#333; margin-bottom:30px; line-height:28px; color:#666; }

.talent_policy .wm_list .group:hover .txt b{ margin-bottom:25px; color:#d61518; margin-left:15px; }
.talent_policy .wm_list .group:hover .txt b:before{ content:''; width:6px; height:6px; background:#d61518; float:left; margin:15px 10px 0 0; border-radius:50%;  }


.talent_policy .ep{ margin:0 0 80px; background:url(../images/jz_bg.jpg) bottom center / cover no-repeat; height:500px; display:flex; flex-wrap:wrap; margin-right:-1px;  }
.talent_policy .ep .col{ height:500px; overflow:hidden; color:#fff; border-right:1px solid rgba(255, 255, 255, 1); padding-right:1px; display: inline-block; flex:1;  position:relative;}

.talent_policy .ep .col:before{  }
.talent_policy .ep .col:hover .ip{ -webkit-filter:blur(4px); -moz-filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); filter:blur(4px); position:absolute; width:300%; height:100%; content:'';  background:url(../images/jz_bg.jpg) bottom center / cover no-repeat; }

.talent_policy .ep .col:nth-child(2):hover .ip{ margin-left:-100%; }
.talent_policy .ep .col:nth-child(3):hover .ip{ margin-left:-200%; }


.talent_policy .ep .col .txt{ position:absolute; z-index:10; bottom:30px; left:30px; transition:all .5s;  -webkit-transition:all .5s;}
.talent_policy .ep .col .txt b{ font-size:24px; display:block; margin-bottom:15px;}
.talent_policy .ep .col .txt p{ font-size:18px;}

.talent_policy .ep .col:hover .txt{ bottom:180px; }


.talent_policy .tle{ font-size:30px; font-weight:bold; padding:80px 0 50px;}


/*搜索*/
.search_con{ margin:120px auto; width:900px; min-height: calc(100vh - 640px); }
.search_con .inp{ position:relative; }
.search_con .inp input{ height:50px; line-height:50px; border:0; border-bottom:1px solid #ccc; width:100%; font-size:20px; } 
.search_con .inp a.btn{ background: url(../images/search_icon_gray@2x.png) center / 32px 32px no-repeat; width:50px; height:50px; position:absolute; right:0;}
.search_con .ts{ padding:15px 0; font-size:16px; color:#666; }
.search_con .ts label{ color:#d61518; padding-right:10px;}

.search_con .result{ margin-top:40px;}
.search_con .result .col{ border-bottom:1px solid #e8e8e8;}
.search_con .result .col a{ padding:25px 0; display:block; font-size:16px; position:relative; } 
.search_con .result .col a:hover{ color:#d61518;}
.search_con .result .col i{ position: absolute; bottom:20px; right:0; background: url(../images/more_jt@2x.png) center / 26px 26px no-repeat; width: 26px; height: 26px; }


@media screen and (max-width:1400px) {

.truron_head .z_nav li{ margin:0 30px;}

.truron_banner .flickerplate ul.flicks>li .flick-inner{ width:100%; }

.truron_choice{ max-width:inherit; padding:0 5%; }
.truron_new{ max-width:inherit; padding:0 5%;}
.truron_corporation{ max-width:inherit; padding:0 5%;}
.truron_corporation .xl-6{ min-height:350px;}
.truron_corporation .xl-4{ min-height:350px;}

	
}


@-webkit-keyframes sx_jb {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-50px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0px)
	}
}

@-webkit-keyframes w_line {
	0% {
		opacity: 0;
		width:0;
		transform: translateX(-50px)
	}
	100% {
		opacity: 1;
		width:100%;
		transform: translateX(0)
	}
}

@-webkit-keyframes jt_left {
	0% {
		opacity: 0;
		width:0;
	}
	100% {
		opacity: 1;
		width:100%;
	}
}

@-webkit-keyframes jt_left01 {
	0% {
		opacity: 1;
		width:0;
	}
	100% {
		opacity: 0;
		width:100%;
	}
}


@-webkit-keyframes dp {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}

@-webkit-keyframes apt {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-50px)
		
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0px)
	}
}

@keyframes heart-burst{
	0%{ background-position:0%;}
	100%{ background-position:100%;}
}

@keyframes animation1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes p-top{
	0% {
		opacity: 0;
		transform:scale(1.2);
		transform:translateY(50px);
	}
	100% {
		opacity: 1;
		transform:scale(1);
		transform:translateY(0);
	}
}

@-webkit-keyframes say {
	0% {
		opacity: 0.5;
		transform: scale(0.9) translateX(-200px)
		
	}
	50% {
		opacity: 1;
		transform: scale(1) translateY(0px)
	}
	100% {
		opacity: 0.5;
		transform: scale(0.9) translateX(-200px)
		
	}
}

@-webkit-keyframes say01 {
	0% {
		opacity: 0.5;
		transform: scale(0.9) translateX(50px)
		
	}
	50% {
		opacity: 1;
		transform: scale(1) translateY(0px)
	}
	100% {
		opacity: 0.5;
		transform: scale(0.9) translateX(50px)
		
	}
}

@-webkit-keyframes sonar{
	0%{-webkit-transform:scale(1);opacity:0;}
	50%{-webkit-transform:scale(1.5);opacity:1;}
	100%{-webkit-transform:scale(2);opacity:0;}
}
@-moz-keyframes sonar{
	0%{-moz-transform:scale(1);opacity:0;}
	50%{-moz-transform:scale(1.5);opacity:1;}
	100%{-moz-transform:scale(2);opacity:0;}
}
@-o-keyframes sonar{
	0%{-o-transform:scale(1);opacity:0;}
	50%{-o-transform:scale(1.5);opacity:1;}
	100%{-o-transform:scale(2);opacity:0;}
}
@-ms-keyframes sonar{
	0%{-ms-transform:scale(1);opacity:0;}
	50%{-ms-transform:scale(1.5);opacity:1;}
	100%{-ms-transform:scale(2);opacity:0;}
}


@-webkit-keyframes up_banner_txt{
	0%{
		transform: translateY(100px);
		opacity: 0;
	}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}    

@-webkit-keyframes w_right {
	0% {
		opacity:0;
		transform: translateX(100px)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes icon-revolve {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


@-webkit-keyframes menu_type {
	0% {
		opacity:0;
		width:0;
	}
	100% {
		opacity: 1;
		width:100%;
	}
}


@-webkit-keyframes left_line {
	0% {
		opacity:0;
		width:1px;
	}
	100% {
		opacity: 1;
		width:800px;
	}
}

@-webkit-keyframes down_line {
	0% {
		opacity:0;
		height:1px;
	}
	100% {
		opacity: 1;
		height:437px;
	}
}