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{  margin:0 auto; padding:4% 5%; }
.truron_container{ overflow:hidden; width:100%;}



/*HomePage*/
.truron_head{ height:72px; background:rgba(0,0,0,0.3); border-bottom:1px solid rgba(255,255,255,0.1); position:fixed; top:0; width:100%; z-index:1010; }
.truron_head .logo{ margin:12px 60px 0 25px; float:left; background:url(../images/logo.png) center / 95px 52px no-repeat; width:95px; height:52px; }

.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 > a::after{ content:''; width:12px; height:12px; background:url(../images/menu_jt.png) center / 10px 10px no-repeat; position:absolute; right:-25px; top:30px; }
.truron_head .z_nav li:nth-child(1) > a::after{ background:none;}


.truron_head .z_nav li.tag > a:before{ animation:w_line 0.5s ease-out 0s forwards;  content:''; height:2px; width:100%; background:#00b0f0; position:absolute; bottom:22px; 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:#00b0f0; position:absolute; bottom:22px; left:0; }
.truron_head .z_nav li a:hover{  color:#fff;}
.truron_head .z_nav li:hover > a{  color:#fff;}
.truron_head .z_nav li.tag > a{  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(0,176,240,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/xw_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a11{ background:url(../images/rc_icon@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l b a.a12{ 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:#00b0f0; 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/xw_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a11{ background:url(../images/rc_icon_red@2x_01.svg) left center / 28px 28px no-repeat; }
.truron_head .z_nav .son .s_l:hover b .a12{ 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{  }
.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;}


.head_add{ background:#2082c8; position:relative; }


/*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{ width:100%; padding:0 10%; }
.truron_banner .flickerplate .dot-navigation li{ width:20%; margin-right:5%; }
.truron_banner .flickerplate .dot-navigation .dot{ width:100%; height:65px; border:1px solid #fff; opacity:0.3; border-radius:0 15px 0 15px;  }
.truron_banner .flickerplate .dot-navigation .dot label{ color:#fff; font-size:16px; line-height:65px;}
.truron_banner .flickerplate .dot-navigation .dot.active{  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 .dot-navigation li:nth-child(1) div::after{ content:''; background:url(../images/banner_icon01.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:12px 0 0 12px;  margin-right:20px; }
.truron_banner .flickerplate .dot-navigation li:nth-child(2) div::after{ content:''; background:url(../images/banner_icon02.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:12px 0 0 12px;  margin-right:20px; }
.truron_banner .flickerplate .dot-navigation li:nth-child(3) div::after{ content:''; background:url(../images/banner_icon03.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:12px 0 0 12px;  margin-right:20px; }
.truron_banner .flickerplate .dot-navigation li:nth-child(4) div::after{ content:''; background:url(../images/banner_icon04.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:12px 0 0 12px;  margin-right:20px; }


.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:860px; 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:56px;}
.truron_banner .flickerplate ul.flicks>li .flick-sub-text{ text-align:left; line-height:24px;  }
.truron_banner .flickerplate ul.flicks>li .flick-btn{ text-align:left;}
.truron_banner .flickerplate ul.flicks>li .flick-btn a{ background:none; opacity:0.8; }

.truron_banner .flickerplate ul.flicks>li .flick-btn a:hover{ opacity:1;}

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

.truron_banner .flickerplate ul.flicks>li .flick-btn a{ font-size:24px; line-height:39px; }
.truron_banner .flickerplate ul.flicks>li .flick-btn a i{ background:url(../images/banner_more.png) center / 40px 39px no-repeat; width:40px; height:39px; float:right; margin-left:10px; }


.truron_banner .flickerplate .dot-navigation li{}

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




/*02*/
.sec-2{ background:url(../images/sec-2_bg.jpg) center / cover no-repeat; }
.newlec_two{ padding:10% 0 10% 10%; width:50%; display:flex; justify-content: space-between; -ms-flex-align: center; align-items: center; height:100%; }
.newlec_two strong{ font-size:50px; font-weight:normal; display:block; margin-bottom:5%; color:#00b0f0; }
.newlec_two p{ font-size:20px; line-height:36px; color:#666; }



/*03*/
.sec-3{ }
.newlec_three{  padding:4% 10%; }
.newlec_three strong{ font-size:36px; display:block; text-align:center; font-weight:normal; margin-bottom:20px; color:#595959;  }
.newlec_three p{ font-size:18px; text-align:center; color:#666; margin-bottom:20px; font-style: italic; }

.newlec_three .list{ display:flex; flex-wrap:wrap; margin-right:-30px;}
.newlec_three .list .col{ padding-right:30px;  margin-bottom:30px; width:16.666%; flex:initial;}
.newlec_three .list .col a{ padding:10px; background:#edf4fb; display:block; border-radius:15px; overflow:hidden; }
.newlec_three .list .col img{ width:100%; } 

.newlec_three .list .col img:hover{ transform:scale(1.11); transition:all 0.6s;}
 
.newlec_three .list .col span{ height:40px; line-height:40px; text-align:center; display:block; color:#fff; border-radius:15px; margin:5px 0; background:#5293d6;  }  

/*
.newlec_three .list .col .color_n01{ background:#0070c0; }
.newlec_three .list .col .color_n02{ background:#0b76a0; }
.newlec_three .list .col .color_n03{ background:#275317; }

.newlec_three .list .col .color_n04{ background:#6eb02d; }
.newlec_three .list .col .color_n05{ background:#00b0f0; }
.newlec_three .list .col .color_n06{ background:#002060; }
.newlec_three .list .col .color_n07{ background:#c8887c; }
.newlec_three .list .col .color_n08{ background:#0b3041; }
.newlec_three .list .col .color_n09{ background:#1f9cb3; }
*/

.sec-3.active .newlec_three strong{ 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%);  }
.sec-3.active .newlec_three p{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}
.sec-3.active .newlec_three .list{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}

.newlec_three .m_list{ display:flex; flex-wrap:wrap; margin-right:-30px;}
.newlec_three .m_list .col{ padding-right:30px;  margin-bottom:30px; width:16.666%; flex:initial;}
.newlec_three .list .col a{ padding:10px; background:#edf4fb; display:block; border-radius:15px; overflow:hidden; }
.newlec_three .m_list .col img{ width:100%; } 

.newlec_three .m_list .col img:hover{ transform:scale(1.11); transition:all 0.6s;}
 
.newlec_three .m_list .col span{ height:40px; line-height:40px; text-align:center; display:block; color:#fff; border-radius:15px; margin:5px 0; background:#5293d6;  }  



/*04*/
.sec-4{ }
.newlec_four{ padding:3% 10%;}
.newlec_four .list{ display:flex; flex-wrap:wrap; margin-right:-35px;}
.newlec_four .list .col{ padding-right:35px;  margin-bottom:40px; width:33.333%; flex:initial;}
.newlec_four .list .col b{ font-size:18px; font-weight:normal; display:block; margin-bottom:15px; }
.newlec_four .list .col .bor{ background:#edf4fb; border-radius:15px; padding:15px 0 0 15px;}
.newlec_four .list .col img{ display:block; width:100%;}



.newlec_four .list .col img:hover{ transform:scale(1.11); transition:all 0.6s;}

.newlec_four .list .col.n01 .bor{ display:flex; flex-wrap:wrap; margin-right:-15px;}
.newlec_four .list .col.n01 a{ width:50%; flex:initial; padding-right:15px; margin-bottom:15px; display:block; }

.newlec_four .list .col.n02 .bor{ display:flex; flex-wrap:wrap; margin-right:-15px;}
.newlec_four .list .col.n02 a{ width:50%; flex:initial; padding-right:15px; margin-bottom:15px; display:block;  }

.newlec_four .list .col.n03 .bor{ display:flex; flex-wrap:wrap; margin-right:-15px;}
.newlec_four .list .col.n03 a{ width:50%; flex:initial; padding-right:15px; margin-bottom:15px; display:block;  }


.sec-4.active .newlec_four .list .col.n01{ 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%);  }
.sec-4.active .newlec_four .list .col.n02{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.2s forwards;}
.sec-4.active .newlec_four .list .col.n03{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}



/*05*/
.sec-5{ }
.newlec_five{ padding:4% 10%;}
.newlec_five strong{ font-size:36px; display:block; text-align:center; font-weight:normal; margin-bottom:30px; color:#595959;  }

.newlec_five .list{ display:flex; flex-wrap:wrap; margin-right:-15px;}
.newlec_five .list .col{ padding-right:15px;  margin-bottom:40px; width:25%; flex:initial; color:#fff;}
.newlec_five .list .col .bor{ padding:10px; position:relative; }
.newlec_five .list .col .bor img{ width:100%; display:block;}
.newlec_five .list .col .b01{ background:#0070c0;}
.newlec_five .list .col .b02{ background:#4ab39f;}
.newlec_five .list .col .b03{ background:#2898a3;}
.newlec_five .list .col .b04{ background:#0070c0;}

.newlec_five .list .col b{ display:block; text-align:center; margin:80px 0 20px; font-size:16px; font-weight:normal; }
.newlec_five .list .col .txt{ min-height:300px; font-size:14px;}
.newlec_five .list .col .txt p{ line-height:20px;}
.newlec_five .list .col .d_txt{ background:url(../images/bottom_banner_cover.png) center / cover no-repeat; margin:-10px;  padding:20px; font-size:16px; }

.newlec_five .list .col .b01 .d_txt{ color:#0070c0;}
.newlec_five .list .col .b02 .d_txt{ color:#4ab39f;}
.newlec_five .list .col .b03 .d_txt{ color:#2898a3;}
.newlec_five .list .col .b04 .d_txt{ color:#0070c0;}


.newlec_five .list .col .bg_icon{ padding:10px; border-radius:10px; width:90px; height:90px; position:absolute; top:80px; left:50%; margin-left:-45px; }
.newlec_five .list .col .b01 .bg_icon{ background:#83a3da; }
.newlec_five .list .col .b02 .bg_icon{ background:#a2dacf; }
.newlec_five .list .col .b03 .bg_icon{ background:#a9e1e7; }
.newlec_five .list .col .b04 .bg_icon{ background:#83a3da; }

.newlec_five .list .col .b01 i{ width:70px; height:70px; background:url(../images/c_icon01.jpg) center / 70px 70px no-repeat; display:block; border-radius:10px;  }
.newlec_five .list .col .b02 i{ width:70px; height:70px; background:url(../images/c_icon02.jpg) center / 70px 70px no-repeat; display:block; border-radius:10px;  }
.newlec_five .list .col .b03 i{ width:70px; height:70px; background:url(../images/c_icon03.jpg) center / 70px 70px no-repeat; display:block; border-radius:10px;  }
.newlec_five .list .col .b04 i{ width:70px; height:70px; background:url(../images/c_icon04.jpg) center / 70px 70px no-repeat; display:block; border-radius:10px;  }


.sec-5.active .newlec_five strong{ 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%);  }
.sec-5.active .newlec_five .list .col:nth-child(1){ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sec-5.active .newlec_five .list .col:nth-child(2){ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.4s forwards;}
.sec-5.active .newlec_five .list .col:nth-child(3){ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.5s forwards;}
.sec-5.active .newlec_five .list .col:nth-child(4){ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.6s forwards;}


/*06*/
.sec-6{ }
.newlec_sex{ padding:3% 10%;}
.newlec_sex .group{ display:flex; width:100%; -ms-flex-align:center; align-items:end;}
.newlec_sex strong{ font-size:36px; display:block; text-align:center; font-weight:normal; margin-bottom:30px; color:#595959;  }
.newlec_sex .xl-5 img{ display:block; width:100%;}
.newlec_sex .xl-5.r{ padding-left:20px;}

.newlec_sex .txt{ padding:20px; }
.newlec_sex .txt strong{ font-size:36px; display:block; text-align:left; color:#00b0f0; margin-bottom:0; font-weight:bold; }
.newlec_sex .txt span{ font-size:36px; display:block; }
.newlec_sex .txt p{ font-size:18px; color:#666; line-height:28px; margin:50px 0; }
.newlec_sex .txt .btn a{ font-size:16px; background:#69a72b; color:#fff; height:48px; line-height:48px; border-radius:10px; padding:0 30px; float:right;  }
.newlec_sex .txt .btn a:hover{ background:#60a41c; }

.sec-6.active .newlec_sex strong{ 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%);  }
.sec-6.active .newlec_sex .xl-5.l{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sec-6.active .newlec_sex .xl-5.r{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.4s forwards;}


/*07*/
.sec-7{ }
.newlec_seven{ padding:4% 10%;}
.newlec_seven .group{ display:flex; width:100%; -ms-flex-align:center; align-items:end;}
.newlec_seven strong{ font-size:36px; display:block; text-align:center; font-weight:normal; margin-bottom:20px; color:#595959;  }
.newlec_seven .xl-5 img{ display:block; width:100%;}
.newlec_seven .xl-5.l{ padding-left:20px;}

.newlec_seven .txt{ padding:20px; }
.newlec_seven .txt strong{ font-size:36px; display:block; text-align:left; color:#00b0f0; margin-bottom:0; font-weight:bold; }
.newlec_seven .txt span{ font-size:36px; display:block; }
.newlec_seven .txt p{ font-size:18px; color:#666; line-height:28px; margin:50px 0; }
.newlec_seven .txt .btn a{ font-size:16px; background:#69a72b; color:#fff; height:48px; line-height:48px; border-radius:10px; padding:0 30px; float:left;  }
.newlec_seven .txt .btn a:hover{ background:#60a41c; }

.sec-7.active .newlec_seven strong{ 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%);  }
.sec-7.active .newlec_seven .xl-5.l{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sec-7.active .newlec_seven .xl-5.r{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.4s forwards;}



/*08*/
.sec-8{ }
.newlec_eight{ padding:4% 10%;}
.newlec_eight .group{ display:flex; width:100%; -ms-flex-align:center; align-items:end;}
.newlec_eight strong{ font-size:36px; display:block; text-align:center; font-weight:normal; margin-bottom:20px; color:#595959;  }
.newlec_eight .xl-5 img{ display:block; width:100%;}
.newlec_eight .xl-5.r{ padding-left:20px;}

.newlec_eight .txt{ padding:20px; }
.newlec_eight .txt strong{ font-size:36px; display:block; text-align:left; color:#00b0f0; margin-bottom:0; font-weight:bold; }
.newlec_eight .txt span{ font-size:36px; display:block; }
.newlec_eight .txt p{ font-size:18px; color:#666; line-height:28px; margin:50px 0; }
.newlec_eight .txt .btn a{ font-size:16px; background:#69a72b; color:#fff; height:48px; line-height:48px; border-radius:10px; padding:0 30px; float:right;  }
.newlec_eight .txt .btn a:hover{ background:#60a41c; }


.newlec_eight .img_color{ position:relative; }
.newlec_eight .img_color .group{ background:rgba(0,0,0,0.5); color:#fff; position:absolute; width:100%; bottom:0; left:0; padding:15px; }
.newlec_eight .img_color .group span{ font-size:14px; font-style:italic; width:20%; float:left; }

.newlec_eight .img_color .group .list{ display: flex; flex-wrap: wrap; width:80%; }
.newlec_eight .img_color .group .list .col{ padding-left:15px; width: 20%; flex: initial;  height:40px;}
.newlec_eight .img_color .group .list .col span{ display:block; background:red; width:100%; height:40px; border:1px solid #666;}

.newlec_eight .img_color .group .list .col.tag span{ border:1px solid #fff;}
.newlec_eight .img_color .group .list .col:hover span{ border:1px solid #fff;;}


.newlec_eight .img_color .group .list .col:nth-child(1) span{  background:#927d3d;}
.newlec_eight .img_color .group .list .col:nth-child(2) span{ background:#b6b3aa;}
.newlec_eight .img_color .group .list .col:nth-child(3) span{ background:#fff;}
.newlec_eight .img_color .group .list .col:nth-child(4) span{ background:#000;}
.newlec_eight .img_color .group .list .col:nth-child(5) span{ background:#bfbfbf;}

.sec-8.active .newlec_eight strong{ 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%);  }
.sec-8.active .newlec_eight .xl-5.l{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}
.sec-8.active .newlec_eight .xl-5.r{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.4s forwards;}



/*09*/
.sec-9{ }
.newlec_nine{ padding:4% 10%;}
.newlec_nine strong{ font-size:36px; display:block; text-align:center; font-weight:normal; margin-bottom:30px; color:#595959;  }
.newlec_nine .list{display: flex; flex-wrap: wrap;  margin-right:-30px;}
.newlec_nine .col{ padding-right:30px; margin-bottom:30px; width: 20%; flex: initial;}
.newlec_nine .col img{ width:100%; display:block;}
.newlec_nine .col img:hover{ transform:scale(1.11); transition:all 0.6s;}

.newlec_nine .col .bor{ position:relative; overflow:hidden;}
.newlec_nine .col .bor span{ position:absolute; width:100%; bottom:0; left:0; text-align:center; color:#fff; font-size:16px; padding:10px; background:rgba(28,59,112,0.4); }


.sec-9.active .newlec_nine strong{ 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%);  }
.sec-9.active .newlec_nine .list{ opacity:0; -webkit-animation: up_banner_txt 0.6s ease-in-out 0.3s forwards;}


/*底部*/
.newlec_foot{ overflow:hidden; position:relative; z-index:10; }
.newlec_foot .con{ font-size:14px; margin:1%; border-top:1px solid #ccc; padding-top:25px; }
.newlec_foot .xl-15{ width:15%;}
.newlec_foot .xl-15 p{ padding:10px; line-height:20px; }
.newlec_foot .xl-20{ width:20%; padding-left:2%;}
.newlec_foot .xl-65{ width:65%; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 3%;  }
.newlec_foot .f_logo{ width:150px; height:80px;  background:url(../images/bottom_logo.png) center / 150px 80px no-repeat; display:block; }

.newlec_foot .rexel_logo{ width:240px; height:84px; background:url(../images/bottom_rexel_logo.png) center / 240px 84px no-repeat; display:block;}

.newlec_foot li{ width:33%; float:left;}

.newlec_foot dt{ font-weight:bold; color:#0070c0; line-height:32px; }
.newlec_foot dt a{ color:#0070c0}
.newlec_foot dd{ line-height:32px; color:#333; }
.newlec_foot dd.address{ line-height:20px; }
.newlec_foot dd.link{ line-height:20px; }
.newlec_foot dd.link a{ color:#467886; text-decoration:underline; display:block; }


.newlec_foot .bom{ color:#999;  padding:15px 0; text-align:center; background:#163e64; }


/*products*/
.newlec_products{}
.newlec_products .title{ font-size:30px; font-weight:normal; display:block; margin-bottom:25px; }

.newlec_products .p_img_list{ display:flex; flex-wrap:wrap; margin-right:-10px;}
.newlec_products .p_img_list a{ margin-bottom:40px; width:25%; flex:initial; padding-right:10px; display:inline-block; overflow:hidden; }
.newlec_products .p_img_list a img{ display:block; width:100%;}

.newlec_products .p_img_list a img:hover{transform: scale(1.11); transition: all 0.6s;}

.newlec_products .p_type{ }
.newlec_products .p_type ul{ display:flex; flex-wrap:wrap; margin-right:-10px; }
.newlec_products .p_type li{ margin-bottom:40px; width:25%; flex:initial; padding-right:10px; display:inline-block; height:40px; line-height:40px;  }
.newlec_products .p_type li span{ background:#a6caec; display:block; font-size:16px; text-align:center; color:#fff; border-radius:8px; cursor:pointer; }
.newlec_products .p_type li.tag span{ background:#4e95d9; box-shadow:0 5px 10px 0px rgba(0, 0, 0, 0.3); }
.newlec_products .p_type li span:hover{ background:#4e95d9; box-shadow:0 5px 10px 0px rgba(0, 0, 0, 0.3); cursor:pointer; }


.newlec_products .p_type .g01_list{ display:flex; flex-wrap:wrap; margin-right:-10px;}
.newlec_products .p_type .g01_list .col{ margin-bottom:10px; width:20%; flex:initial; padding-right:10px; position:relative; z-index:1; }
.newlec_products .p_type .g01_list .col img{ display:block; width:100%; border-radius:15px; position:relative; z-index:2; }
.newlec_products .p_type .g01_list .col img:hover{transform: scale(1.05); transition: all 0.6s; }
.newlec_products .p_type .g01_list .col span{ position:absolute; top:50%; margin-top:-20px; left:0; width: calc(100% - 10px); color:#fff; background:rgba(31,82,108,0.6); text-align:center; font-size:16px; padding:20px 0; z-index:3; }

.newlec_products .p_type .g02{}
.newlec_products .p_type .g02 img{ width:100%; display:block;}
.newlec_products .p_type .g02 img:hover{transform: scale(1.11); transition: all 0.6s;}
.newlec_products .p_type .g02 span{ position:relative; }
.newlec_products .p_type .g02 .g02_fie{ margin-bottom:10px; }
.newlec_products .p_type .g02 .g02_fie .xl-35{ display: flex; flex-wrap: wrap; margin-right: -10px; width:33.333%; }
.newlec_products .p_type .g02 .g02_fie .xl-35 .col{ width:50%; flex:initial; padding-right:10px; position:relative; margin-bottom:10px; }
.newlec_products .p_type .g02 .g02_fie .xl-35 a{ border:1px solid #ccc; border-radius:10px; overflow:hidden; display:block; font-size:16px; color:#4e95d9; text-align:center; padding:10px; height:100%; }
.newlec_products .p_type .g02 .g02_fie .xl-65{ width:66.66%; }


.newlec_products .p_type .g02 .g02_sex_img{  display: flex; flex-wrap: wrap; margin-right: -10px;}
.newlec_products .p_type .g02 .g02_sex_img a{ border:1px solid #ccc; border-radius:10px; overflow:hidden; display:block; font-size:16px; color:#4e95d9; text-align:center; padding:10px;}
.newlec_products .p_type .g02 .g02_sex_img .col{ width:16.666%; flex:initial; padding-right:10px; position:relative; margin-bottom:10px;}

.newlec_products .p_type .g03 .list{  display:flex; flex-wrap: wrap; margin-right:-10px;}
.newlec_products .p_type .g03 .list img{ display:block; width:50%; margin:0 auto; }
.newlec_products .p_type .g03 .list img:hover{transform: scale(1.11); transition: all 0.6s;}

.newlec_products .p_type .g03 .list .col{  width:33.333%; flex:initial; padding-right:10px; position:relative;}
.newlec_products .p_type .g03 .list a{ border:1px solid #ccc; border-radius:10px; overflow:hidden; display:block; font-size:16px; color:#4e95d9; text-align:center; padding:30px; position:relative; }
.newlec_products .p_type .g03 .list span{ position:relative;}

.newlec_products .p_type .g03 .list i{ top:15px; right:20px; position:absolute; background:url(../images/g03_icon.jpg) center / 50px 50px no-repeat; width:50px; height:50px; }

.newlec_products .p_type .g04 .txt{ font-size:16px; line-height:24px; margin-bottom:25px;}
.newlec_products .p_type .g04 .list{ display:flex; flex-wrap: wrap; margin-right:-10px;}
.newlec_products .p_type .g04 .list .col{ width:33.333%; flex:initial; padding-right:10px;}
.newlec_products .p_type .g04 .list .col img{ width:100%; display:block;}
.newlec_products .p_type .g04 .list .col img:hover{transform: scale(1.11); transition: all 0.6s;}

.newlec_products .p_list_group{ margin-top:30px;}
.newlec_products .p_list_group .title{ font-size:18px;}
.newlec_products .p_list_group .list{ display: flex; flex-wrap: wrap; margin-right: -10px;}
.newlec_products .p_list_group .list .col{ width:14.285%; flex:initial; padding-right:10px; text-align:center; margin-bottom:10px; }
.newlec_products .p_list_group .list .bor a{ background:#eef5fb; display:block; position:relative; padding:10px 20px 30px; }
.newlec_products .p_list_group .list .bor a img{ width:100%;}
.newlec_products .p_list_group .list .bor span{ position:absolute; width:100%; bottom:20px; left:0;}



.newlec_products .p_detail{ margin-top:30px;}
.newlec_products .p_detail .title{ font-size:18px;}
.newlec_products .p_detail .top_bg{ background:url(../images/product_bg01.jpg) center / cover no-repeat; padding-top:250px; position:relative; }
.newlec_products .p_detail .top_bg.t02{ background:url(../images/product_bg02.jpg) center / cover no-repeat; padding-top:250px; position:relative;}

.newlec_products .p_detail .top_bg .logo{ position:absolute; background: url(../images/logo.png) center / 120px 66px no-repeat;  width:120px; height:66px; left:40px; top:30px; }
.newlec_products .p_detail .top_bg span{ font-size:18px; padding:20px 20px 20px 50px; display:block;}
.newlec_products .p_detail .top_bg span label{ font-size:14px; color:#666; padding-left:10px;}

.newlec_products .p_detail .con{ padding:20px 0 0 50px; position:relative; overflow:hidden; }
.newlec_products .p_detail .con .cl_tle{ background:#0070c0; color:#fff; position:absolute; left:-186px; top:180px; transform:rotate(-90deg); width:400px; height:28px; line-height:28px; text-align:center; }
.newlec_products .p_detail .con .cl_tle.cl_tle_02{ background:#00b0f0;}

.newlec_products .p_detail .con .txt{ color:#666; margin-bottom:30px;}

.newlec_products .p_detail .con .c_f{ position:relative; z-index:1; }
.newlec_products .p_detail .con .xl-6{ padding-right:10px;}
.newlec_products .p_detail .con .xl-6 ul{ margin-bottom:30px; overflow:hidden;}
.newlec_products .p_detail .con .xl-6 li{ float:left; width:25%; padding-right:10px;}
.newlec_products .p_detail .con .xl-6 li b{ display:block; margin-bottom:10px; }
.newlec_products .p_detail .con .xl-6 li span{ color:#666;line-height:18px; }
.newlec_products .p_detail .con .xl-6 img{ width:100%; display:block;}

.newlec_products .p_detail .con .xl-6 .table_con b{ display:block; padding:20px 0;}
.newlec_products .p_detail .con .xl-6 .table_con table{ border:1px solid #0070c0;}
.newlec_products .p_detail .con .xl-6 .table_con th{ background:#0070c0; color:#fff; font-weight:normal; padding:6px 0; }
.newlec_products .p_detail .con .xl-6 .table_con td{ text-align:center; padding:6px 0; border-bottom:1px solid #0070c0;}

.newlec_products .p_detail .con .xl-4 img{ display:block; width:100%;}

.newlec_products .p_detail .con .bom_txt{ padding:20px 0; position:relative; z-index:2;}
.newlec_products .p_detail .con .bom_txt b{ display:block; margin-bottom:10px; }
.newlec_products .p_detail .con .bom_txt p{ font-style:italic; color:#666;}

.newlec_products .p_detail .con .bom_txt.add{ padding-bottom:120px;}

.newlec_products .p_detail .con::after{ content:''; width:200%; height:1000px; background:#e8eef8; display:block; position:absolute; transform:rotate(-6deg); bottom:-900px; left:-50%;}



/*serices*/
.newlec_serices{}

.newlec_serices .container{ max-width:1400px; }

.newlec_serices .banner{ padding:0 5%; }
.newlec_serices .banner img{ display:block; width:100%;}
.newlec_serices .banner span{ display:block; width:100%; height:60px; line-height:60px; background:rgba(255,255,255,0.8); color:#666; font-size:18px; padding-left:30px; }



.newlec_serices .title{ font-size:24px; color:#2895ce; font-weight:bold; margin-bottom:40px; }

.newlec_serices .txt{ font-size:18px;}

.newlec_serices .txt > img{ max-width:100%; margin-bottom:20px;}
.newlec_serices .txt > ul{ margin:20px 0 30px;}
.newlec_serices .txt > ul li{ position:relative; padding:10px 10px 10px 30px; }
.newlec_serices .txt > ul li:before{ content:''; width:8px; height:8px; border-radius:50%; background:#000; position:absolute; left:0; top:16px; }
.newlec_serices .txt b{ display:block; margin-bottom:20px; font-size:20px;}
.newlec_serices .txt p{ line-height:30px; margin-bottom:15px;}
.newlec_serices .txt .gray{ color:#666; margin-bottom:50px; }


.newlec_serices .txt .num{ display:flex; flex-wrap:wrap; margin-right:-20px; padding:30px 0 50px; }
.newlec_serices .txt .num .xl-5{ width:50%; flex:initial; padding-right:20px;}   
.newlec_serices .txt .num .xl-5 .bor{ border:2px solid #ccc; border-radius:20px; text-align:center; padding:30px; overflow:hidden; }
.newlec_serices .txt .num .xl-5 .bor b{ font-size:72px; color:#1d688f;}

.newlec_serices .v_txt{}
.newlec_serices .v_txt .tle{ font-size:30px; color:#2895ce;  font-weight:bold; text-align:center; margin-bottom:30px; }
.newlec_serices .v_txt ul{ overflow:hidden; margin-bottom:50px;}
.newlec_serices .v_txt li{ background:url(../images/serices_icon.jpg) left center / 50px 50px no-repeat; font-size:18px; padding:25px 0 25px 60px; border-bottom:2px solid #196b24; float:left; width:46%; border-top:2px solid #fff;  }
.newlec_serices .v_txt li span{ padding-right:40px;}
.newlec_serices .v_txt li:nth-child(1){ border-top:2px solid #196b24;}
.newlec_serices .v_txt li:nth-child(2){ border-top:2px solid #196b24; float:right;}
.newlec_serices .v_txt li:nth-child(4){ float:right;}



.newlec_serices .v_txt .sys{ display:flex; flex-wrap:wrap; margin-right:-20px; }
.newlec_serices .v_txt .sys .s_col{ width:50%; flex:initial; padding-right:20px; margin-bottom:20px; }
.newlec_serices .v_txt .sys .bor{ background:#3d87c8; color:#fff; padding:20px; min-height:270px; position:relative; overflow:hidden; border:5px solid #3d87c8; }
.newlec_serices .v_txt .sys .s_col:nth-child(2) .bor{ background:#5585b0; }
.newlec_serices .v_txt .sys .s_col:nth-child(4) .bor{ background:#5585b0; }


.newlec_serices .v_txt .sys .bor b{ font-size:16px; display:block; margin-bottom:15px; height:47px; line-height:47px; }


.newlec_serices .v_txt .sys .s_col:nth-child(1) b:before{ background:url(../images/serices_icon01.png) left center / 45px 45px no-repeat; content:''; width:45px; height:45px;  border:1px solid #fff; border-radius:50%; float:left;  margin-right:10px; }
.newlec_serices .v_txt .sys .s_col:nth-child(2) b:before{ background:url(../images/serices_icon02.png) left center / 45px 45px no-repeat; content:''; width:45px; height:45px;  border:1px solid #fff; border-radius:50%; float:left;  margin-right:10px; }
.newlec_serices .v_txt .sys .s_col:nth-child(3) b:before{ background:url(../images/serices_icon03.png) left center / 45px 45px no-repeat; content:''; width:45px; height:45px;  border:1px solid #fff; border-radius:50%; float:left;  margin-right:10px; }
.newlec_serices .v_txt .sys .s_col:nth-child(4) b:before{ background:url(../images/serices_icon04.png) left center / 45px 45px no-repeat; content:''; width:45px; height:45px;  border:1px solid #fff; border-radius:50%; float:left;  margin-right:10px; }

.newlec_serices .v_txt .sys .bor p{ line-height:20px; position:relative; z-index:1; }
.newlec_serices .v_txt .sys .bor img{ height:100%; position:absolute; right:0; top:0;}


/*projects*/
.newlec_projects{}

.newlec_projects .banner{ padding:0 5%;  }
.newlec_projects .banner img{ display:block; width:100%;}
.newlec_projects .banner span{ display:block; width:100%; height:60px; line-height:60px; background:rgba(255,255,255,0.8); color:#666; font-size:18px; padding-left:30px; }

.newlec_projects .txt .title{ font-size:24px; color:#2895ce; font-weight:bold; margin-bottom:40px; text-align:center; }
.newlec_projects .txt p{ text-align:center; font-size:18px; line-height:30px; margin-bottom:20px;}


.newlec_projects .txt .group{ margin:40px 0; }
.newlec_projects .txt .group b{ font-size:18px; background:url(../images/projects_jt.png)  right center / 16px 16px no-repeat; padding-right:30px;  }


.newlec_projects .txt .group .img_list{ padding:20px 0; }
.newlec_projects .txt .group .img_list img{ display:block; width:100%;}

.newlec_projects .txt .group .img_list .p2{ display:flex; flex-wrap:wrap; margin:10px -10px 10px 0;}
.newlec_projects .txt .group .img_list .p2 span{ width:50%; flex:initial; padding-right:10px;  }


.newlec_projects .txt .group .img_list .p3{ display:flex; flex-wrap:wrap; margin:10px -10px 10px 0;}
.newlec_projects .txt .group .img_list .p3 span{ width:33.333%; flex:initial; padding-right:10px;  }

.newlec_projects .txt .group .img_list .p4{ display:flex; flex-wrap:wrap; margin:10px -10px 10px 0;}
.newlec_projects .txt .group .img_list .p4 span{ width:25%; flex:initial; padding-right:10px;  }



/*about*/
.newlec_about{}

.newlec_about .container{ padding:4% 3%;}

.newlec_about .banner{ padding:0 5%;  }
.newlec_about .banner img{ display:block; width:100%;}
.newlec_about .banner span{ display:block; width:100%; height:60px; line-height:60px; background:rgba(255,255,255,0.8); color:#666; font-size:18px; padding-left:30px; }

.newlec_about .title{ font-size:20px; margin-bottom:30px; }
.newlec_about .map{ position:relative;  }
.newlec_about .map .txt{ padding:0 50px;}
.newlec_about .map img{ display:block; width:80%; margin:0 auto; }
.newlec_about .map b{ display:block; padding:25px 80px 15px 80px; font-size:22px; background:url(../images/map_icon.png) left center / 70px 70px no-repeat;  text-align:center; }
.newlec_about .map p{ font-size:18px; color:#666; text-align:center; line-height:24px; }



.newlec_about .map ul{ position:absolute; top:40%; }
.newlec_about .map li{ float:left; width:33.333%; padding:0 50px; }
.newlec_about .map li:hover{ transform:scale(1.11); transition:all 0.6s;}


.newlec_about .bom_img{ position:relative; }
.newlec_about .bom_img img{ width:100%; display:block; }
.newlec_about .bom_img .tt{ text-align:center; position:absolute; left:0%; top:30%;  width:100%; }
.newlec_about .bom_img .tt b{ font-size:24px; color:#2895ce; display:block; margin-bottom:1%;}
.newlec_about .bom_img .tt p{ font-size:16px; color:#666; }

/*banner_group*/
.newlec_banner_group{}
.newlec_banner_group .type{  display:flex; flex-wrap: wrap; margin-right: -10px;}
.newlec_banner_group .type li{ margin-bottom:40px; width: 25%; flex: initial; padding-right: 10px; display: inline-block; height: 40px; line-height: 40px;}

.newlec_banner_group .type li span{ background:#f2f2f2; box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.3); display:block; text-align:center; color:#666; border-radius:8px;  }
.newlec_banner_group .type li.tag span{ background:#6eb02e; color:#fff; }
.newlec_banner_group .type li:hover span{ background:#6eb02e; color:#fff; cursor:pointer; }


.newlec_banner_group .group img{ width:100%; display:block; }
.newlec_banner_group .group .xl-25{ position:relative; padding-right:10px; }
.newlec_banner_group .group .xl-25 img{ border-radius:15px; }
.newlec_banner_group .group .xl-25 span{ position:absolute; color:#fff; background:#163e64; top:30px; height:50px; line-height:50px; z-index:1; font-size:14px; padding-right:50px; }
.newlec_banner_group .group .xl-25 p{ position:absolute; color:#fff; top:60px; padding:50px 20px; background:rgba(22,62,100,0.6); font-size:14px; line-height:20px;  width:calc(100% - 10px); }


.newlec_banner_group .group.g01 .xl-25 span::after{ content:''; background:url(../images/banner_icon01.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:6px 0 0 6px;  margin-right:20px; }
.newlec_banner_group .group.g02 .xl-25 span::after{ content:''; background:url(../images/banner_icon02.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:6px 0 0 6px;  margin-right:20px; }
.newlec_banner_group .group.g03 .xl-25 span::after{ content:''; background:url(../images/banner_icon03.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:6px 0 0 6px;  margin-right:20px; }
.newlec_banner_group .group.g04 .xl-25 span::after{ content:''; background:url(../images/banner_icon04.png) center / 26px 26px no-repeat; display:block; width:26px; height:26px; float:left; border:1px solid #fff; padding:5px; margin:6px 0 0 6px;  margin-right:20px; }


.newlec_banner_group .group .xl-75{}

.newlec_banner_group .group .xl-75 .list{ display:flex; flex-wrap: wrap; margin-right:-10px;}
.newlec_banner_group .group .xl-75 .col{ padding-right:10px; margin-bottom:10px; width:20%; flex:initial;}
.newlec_banner_group .group .xl-75 .col a{ padding:10px; background:#edf4fb; display:block; border-radius:15px; overflow: hidden;}
.newlec_banner_group .group .xl-75 .col span{height:40px; line-height:40px; text-align:center; display:block; color:#fff; border-radius:15px; margin:5px 0; background:#00b0f0;}
.newlec_banner_group .group .xl-75 .col img{ display:block; width:100%; border-radius:15px;  }

.newlec_banner_group .group.g04 .xl-75 .col{ width:25%; }

/*products details*/
.newlec_products_d01{}
.newlec_products_d01 .p_detail{}
.newlec_products_d01 .p_detail .con{ position:relative; overflow:hidden; }
.newlec_products_d01 .p_detail .con .title{ font-size:20px; color:#0070c0; margin-bottom:25px; }

.newlec_products_d01 .p_detail .con .c_f{ position:relative; z-index:1; }
.newlec_products_d01 .p_detail .con .l{ }
.newlec_products_d01 .p_detail .con .l ul{ margin:30px 0; overflow:hidden;}
.newlec_products_d01 .p_detail .con .l li{ float:left; width:33.333%; padding-right:10px;}
.newlec_products_d01 .p_detail .con .l li b{ display:block; margin-bottom:10px; }
.newlec_products_d01 .p_detail .con .l li span{ color:#666;line-height:18px; }
.newlec_products_d01 .p_detail .con .l img{ width:100%; display:block;}

.newlec_products_d01 .p_detail .con .l .table_con b{ display:block; padding:20px 0;}
.newlec_products_d01 .p_detail .con .l .table_con table{ border:1px solid #0070c0;}
.newlec_products_d01 .p_detail .con .l .table_con th{ background:#0070c0; color:#fff; font-weight:normal; padding:6px 0; }
.newlec_products_d01 .p_detail .con .l .table_con td{ text-align:center; padding:6px 0; border-bottom:1px solid #0070c0;}

.newlec_products_d01 .p_detail .con .r{ padding-left:20px;}
.newlec_products_d01 .p_detail .con .r img{ display:block; width:100%;}

.newlec_products_d01 .p_detail .con p{ color:#666; line-height:18px;}

.newlec_products_d01 .p_detail .con .txt{ padding-top:20px;}
.newlec_products_d01 .p_detail .con .txt b{ display:block; margin-bottom:15px; }
.newlec_products_d01 .p_detail .con .txt p{ line-height:20px; }




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

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

.truron_banner .flickerplate ul.flicks>li .flick-inner .flick-content{ left:5%;}
.truron_banner .flickerplate ul.flicks>li .flick-title{ font-size:42px; }
.truron_banner .flickerplate ul.flicks>li .flick-sub-text{ font-size:18px; }
.truron_banner .flickerplate ul.flicks>li .flick-btn a{ font-size:20px; }

.truron_banner .flickerplate .dot-navigation ul{ padding:0 5%;}
.truron_banner .flickerplate .dot-navigation li{ width:23%;  margin-right:25px; }
.truron_banner .flickerplate .dot-navigation li:last-child{ margin-right:0;}


.newlec_two strong{ font-size:40px;}
.newlec_two p{ font-size:18px; line-height:28px;}

.newlec_three strong{ font-size:32px;}
.newlec_three p{ font-size:16px;}

.newlec_five strong{ font-size:32px;}
.newlec_five .list .col .txt{ min-height:280px;}
.newlec_five .list .col .txt p{ line-height:18px;}

.newlec_sex strong{ font-size:32px;}
.newlec_sex .txt strong{ font-size:32px;}
.newlec_sex .txt span{ font-size:32px;}

.newlec_seven .txt strong{ font-size:32px;}
.newlec_seven .txt span{ font-size:32px; }

.newlec_eight .txt strong{ font-size:32px;}
.newlec_eight .txt span{ font-size:32px;}

	
}


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