@charset "utf-8";
@import url("core.css");
/* CSS Document */
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
html, body { margin:0 auto; min-width:100%; color:#1a1a1a }
body { overflow-x:hidden }
body { font-family:Arial, 'Microsoft yahei', Helvetica, sans-serif; font-size:14px; color:#3b3b3b; background:#fff }
.swiper-containers { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slides{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.hidden{overflow:hidden}
/***/
.w1200,.w1488{ margin:0 auto; max-width:1488px; }
a{ transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
/***/
#mobile_height{ height:90px; background:#000 }
body.scroll  #mobile_height{ height:70px}
#top { position:fixed; left:0; top:0; width:100%; background:#fff; z-index:9999;}
#top *, #top .site-header, .logo a, #top .site-header, .logo {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#top li, #top nav, .language, .search_form,#menu,#menu a,nav,#menu li a{
	-moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#top.scroll{ -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }
.site-header { position:relative;max-width:1488px; margin:0 auto;}
.site-header .logo{ display:block; float:left; width:254px; overflow:hidden; position:absolute; left:0px; top:22px; z-index:9999 }
.site-header .logo a{ text-indent:-2000px; background:url(../images/logo.png) no-repeat; background-size:100% 100%; width:254px; height:46px; display:block; }
#top.scroll .site-header .logo a, #top.scroll .site-header .logo a { width: 254px; height:46px; background-size: 100% 100%; }
#top.scroll .site-header .logo, #top.scroll .site-header .logo { width: 254px; height:46px;}
#menu li { float:left; padding:0 0px; }
nav{ position:relative; z-index:9998;}
#menu{ padding-right:130px; max-width:1488px; margin:0 auto}
#menu .dropdown{ float:right}
#top.scroll{ }
#top.scroll nav{}
#top.scroll .site-header{}
#top.scroll .site-header .logo{ top:12px}
/***/
#menu {}
#menu .dropdown{ }
#menu li a { display:block; color:#060606; font-size:16px; padding:0 0px; position:relative; text-transform:uppercase; }
#menu li a i{}
#menu li{ padding-left:20px; padding-right:20px;position:relative}
#menu li#menu204{ position:static }
#menu li a i{ display:none}
#menu li a:hover, #menu li.selected a{position:relative; color:#00b7ee}
#menu li a:hover:after, #menu li.selected a:after{ width:100%; height:2px; background:#00b7ee; content:""; position:absolute; left:0; bottom:0; display:block}
#menu li a{ position:relative; line-height:90px;}
#menu li .sub_menu { display:none; position:absolute; left:0px; top:90px; 
background:#00b7ee; padding-top:10px; padding-bottom:10px; width:200px; 
-webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear; }
#menu li .sub_menu ul { margin:0 auto; }
#menu li ul li{ height:auto; line-height:normal; float:none; padding:0px 0px; }
#menu li ul li a, #menu li.selected li a{ color:#fff; padding:8px 20px; text-align:left; font-size:14px; display:block; line-height:20px; background:none; text-transform:capitalize; position:relative; }
#menu li ul li a:hover i { display:inline-block }
#menu li ul li a:hover:before, #menu li.selected ul li a:before { display:none }
#menu li ul li a i { color:#d32917; margin-left:10px;}
#menu li li a:hover:after, #menu li.selected li a:after{ display:none}
#menu li ul li a:hover, #menu li.selected li a:hover { color:#fff; background:#1b8ce6 }
#top.scroll #menu li a{ line-height:70px}
#top.scroll #menu li .sub_menu{ top:70px}
#top.scroll #menu li ul li a, #top.scroll #menu li.selected li a{ line-height:normal}
#menu li#menu204 .sub_menu{ width:100%; padding-top:35px; padding-bottom:35px; background:#fff; border-bottom:1px solid #eee;border-top:1px solid #eee}
#menu li#menu204 .sub_menu ul{ position:relative}
#menu li#menu204 .sub_menu .pro_thumb{ float:right; width:360px;}
#menu li#menu204 li{ padding-right:50px; margin-right:50px; border-right:1px solid #f5f5f5}
#menu li#menu204 li.proli{margin-right:0; padding-right:0; float:right; border-right:0; position:absolute; right:0; top:0}
#menu li#menu204 li a i{ display:inline-block; color:#454545;}
#menu li#menu204 li a{ font-weight:bold; font-size:16px; padding-left:0; padding-right:0; color:#454545}
#menu li#menu204 li a:hover{ background:none; color:#00b7ee}
#menu li#menu204 li a:hover i{color:#00b7ee}
#menu li#menu204 li .pro_child a{ font-weight:normal; font-size:14px; padding:6px 0}
#menu li#menu204 li .pro_child a:hover{ color:#00b7ee; background:none; text-decoration:underline}
#menu li#menu204 .sub_menu ul{ max-width:1488px; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#menu li#menu204 .sub_menu ul li{ float:left;}
/***/
.search_form{ position:absolute; right:90px; top:30px;z-index:9999}
.search_form.hover{ background:#eee;-webkit-border-radius:25px; border-radius:25px; -moz-border-radius:25px;}
.search_form #submit { width:25px; height:30px; background:url(../images/icon_search.png) no-repeat left center; border:0; background-size:17px 18px; display:block; float:right;cursor:pointer; }
.search_form #keyword { display:block; float:left; width:285px; background:none; border:0; padding:8px 10px; padding-left:20px; font-size:12px; margin-right:10px; display:none }
.search_form #keyword::placeholder{ color:#363636}
.searh_form_input { float:left; width:100% }
.language{ position:absolute; right:0; top:30px; font-size:16px;color:#5d5d5d; display:inline-block; z-index:9999}
.language a{color:#9d9d9d; display:inline-block; line-height:30px;}
.language a.email{ background:url(../images/icon_email.png) no-repeat center 5px; width:21px; height:30px; margin-left:26px}
#top.scroll .search_form{ top:20px}
#top.scroll .language{ top:20px}
/****/
.Validform_checktip { margin-left:0; padding:0px 6px; font-size:12px; color:#F00 }
.info { border: 1px solid #F00; padding: 2px 20px 2px 5px; border-radius: 2px; color: #F00; position: absolute; display: none; line-height: 20px; background-color: #fff; margin-top:10px; }
.dec { bottom: -8px; display: block; height: 8px; overflow: hidden; position: absolute; left: 10px; width: 17px; }
.dec s { font-family: simsun; font-size: 16px; height: 19px; left: 0; line-height: 21px; position: absolute; text-decoration: none; top: -9px; width: 17px; }
.dec .dec1 { color: #F00; }
.dec .dec2 { color: #fff; top: -10px; }
.Validform_right { display:none }
/*******/
footer { background:#313537; color:#888; line-height:1.5; font-size:14px; }
.footer{ padding:40px 0; max-width:1488px; margin:0 auto; padding-bottom:25px}
.footer li{float:left; margin-right:85px; }
.footer li.fmenu1 { margin-right:0 }
.footer li a { color:#8a8b8c; text-transform:capitalize }
.footer li a:hover { color:#fff }
.footer li b { margin-bottom:15px; }
.footer li p { margin:8px 0; }
.footer li b, .footer li b a { color:#b0b3b4; font-size:16px;text-transform:uppercase; display:block }
.footer li.contact{float:right;width:540px; padding-right:25px; position:relative;}
.footer li.contact .ad{ width:390px;}
.footer li.contact p{ display:block; position:relative; padding-left:53px; font-size:14px;color:#adaeaf;}
.footer li.contact p label{ position:absolute; left:0; top:0}
.footer .code{ width:125px; text-align:center;color:#adaeaf; position:absolute; right:0; top:0}
.share_a{ display:block; margin-top:15px}
.share_a a{ display:inline-block; height:23px; background:url(../images/icon_w.png) no-repeat; width:28px;}
.share_a a.weixin{ background-position:right center; margin-left:20px}
copyright { background:#00b7ee; text-align:left; float:left; width:100%; }
copyright .w1200 { padding:15px 0; width:1488px; margin:0 auto; padding-bottom:25px; color:#7496c7; position:relative }
copyright .w1200 a { color:#7496c7; vertical-align:top }
copyright .w1200 font { margin-right:10px; }
copyright .w1200 span { margin-right:10px }
.flink{ border-top:1px solid #292b2c; position:relative}
.flink:before{ height:1px; content:""; display:block; width:100%; background:#3f4244}
.flink-w{ max-width:1488px; margin:0 auto; position:relative; padding:10px 0; padding-left:86px;font-size:14px;color:#adaeaf;}
.flink-w label{ position:absolute; left:0; top:15px;}
.flink-w a{color:#8a8b8c; font-size:14px; margin-right:25px; display:block; float:left; padding:5px 0}
/**/
.share-icon { position:absolute; right:0; top:15px}
.share-icon a{ display:block; float:left; background:url(../images/icon_s.png) no-repeat; width:29px; height:29px; margin-left:10px;}
.share-icon a.qq{ background-position:-44px center;}
.share-icon a.weixin{ background-position:-88px center;}
.share-icon a.sina{ background-position:right center;}
#scrollTop {  text-align:center; cursor:pointer; line-height:30px; z-index:990;width:56px; height:44px; background:url(../images/icon_scroll.jpg) no-repeat; position:fixed; right:20px; bottom:50px; display:none }
#scrollTop i { font-size:28px; color:#fff; }
/*****/
/***/
#banner { position:relative; z-index:800; }
#banner .video-sign{ position:absolute; left:0; top:20%;width:100%;z-index:100}
#banner_carousel { }
#banner { position:relative; overflow:hidden }
#banner .item { display:block; background-size:100% 100%; background-repeat:no-repeat; background-position: center top }
#banner .item img { display:block; width:100%; height:auto }
#banner .title { display:none }
#banner .w_center { position:relative }
#banner .owl-dots { position:absolute; left:0; bottom:15px; width:100%; text-align:center }
#banner .owl-dots div { display:inline-block; margin:0 6px; height:15px; width:15px; border:2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius:50%; border-radius:50%; -moz-border-radius:50%; }
#banner .owl-dots div.active { border-color:#fff }
#banner .owl-nav div { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
#banner:hover .owl-nav div { filter:alpha(opacity=80); -webkit-opacity:.8; -moz-opacity:.8; -khtml-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8 }
#banner .owl-nav div { font-size:40px; text-align:center; line-height:60px; text-align:center; color:#fff; background:#343c4c; padding:0px; height:60px; width:60px; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; z-index:9998; position:absolute; top:50%; margin-top:-20px }
#banner .owl-nav div.owl-prev { left:25px }
#banner .owl-nav div.owl-next { right:25px }
#banner .item b { font-size:46px; display:block; font-weight:400; }
#banner .item p { display:block; font-size:18px; line-height:36px; margin-bottom:40px; margin-top:15px }
#banner .item span { border:1px solid rgba(255, 255, 2550, .5); color:#fff; font-size:16px; display:inline-block; padding:10px 45px; cursor:pointer }
#banner .item span:hover { border-color:#fff; background:#fff; color:#343c4c }
/********/
#tyfled_products{ padding:130px 0;}
#tyfled_products *{    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.h2_title{ font-size:36px; color:#00b7ee; text-align:center; margin-bottom:60px; font-weight:normal}
.h2_title span{ display:block; color:#2c2c2c; font-size:14px; text-transform:uppercase; margin-top:10px;}
#tyfled_products ul{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; white-space: nowrap;}
#tyfled_products li{ float:left; width:20%; display:block; overflow:hidden; position:relative}
#tyfled_products li a{ display:block;height:505px; color:#fff; position:relative; overflow:hidden}
#tyfled_products li a img{ display:block; width:auto; height:505px; position:absolute; right:0; top:0; z-index:100}
#tyfled_products li .series{ padding:36px; line-height:1.5; position:absolute; left:0; top:0; width:100%; height:100%; padding-top:100px; z-index:200;
filter:alpha(opacity=80); -webkit-opacity:.8; -moz-opacity:.8; -khtml-opacity:.8; -ms-opacity:.8; -o-opacity:.8; opacity:.8;white-space:normal}
#tyfled_products li .series b{ font-size:24px; display:block; line-height:1.2; font-weight:normal;}
#tyfled_products li .series p{ display:block; padding-top:12px; font-size:14px;}
#tyfled_products li a:after{ content:""; display:block; width:45px; height:38px; background:url(../images/rtj.png) no-repeat; position:absolute; left:36px; bottom:36px; z-index:200}
#tyfled_products li.hover{ width:28%;}
#tyfled_products li.hover img{-webkit-transform:scale3d(1.12, 1.12, 1.12); transform:scale3d(1.12, 1.12, 1.12)}
#tyfled_products li:hover a:before{ background:none}
#tyfled_products li:hover .series{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1}
#tyfled_products li.other{ width:18%}
#tyfled_products li:last-child.hover a{}
#tyfled_products li:hover:before{ background:rgba(0,0,0,0.7); content:""; position:absolute; left:0; top:0; z-index:100; display:block; width:100%; height:100%}
/********/
#tyfled_about{}
#tyfled_about .w1920{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#tyfled_about .video{ float:left; width:50%; background:#000;}
.aboutrt{ float:left; width:50%; background:#00b7ee; padding:130px 60px; }
.videothumb img{ max-width:100%; height:auto;}
.videothumb{ position:relative}
.videothumb:after{ background:url(../images/icon_video.png) no-repeat; width:130px; height:130px; position:absolute; left:50%; top:50%; margin-left:-65px; margin-top:-65px; content:"";}
#tyfled_about .h2_title *{ color:#fff; text-align:left; display:block}
.about_desc{ color:#fff; max-width:700px; line-height:1.8; font-size:14px;}
.about_number{ margin:80px 0; float:left; width:100%; text-align:left}
.about_number img{ max-width:100%; height:auto;}
.about_number label{ font-family:'Impact'; font-size:40px; color:#fff; font-weight:normal}
.about_number li{ float:left; color:#fff; text-align:center; margin-right:50px;}
.about_number i{ font-style:normal; font-size:25px; vertical-align:top}
.about_number em{ font-style:normal; font-size:22px;}
.about_number font{ display:block; font-size:16px; padding-top:10px}
.about_more{ display:block;}
.about_more a{ display:block; border:1px solid #fff;border-radius: 25px; width:248px; position:relative;padding:15px 20px; color:#fff; font-size:14px; float:left}
.about_more .a1{ background:url(../images/icon_tg.png) no-repeat; width:8px; height:15px; content:""; position:absolute; right:20px; top:14px; display:block}
.about_more a i{ margin-left:130px; font-size:20px; vertical-align:middle}
.about_more a:hover{ background:#fff; color:#00b7ee;}
.videothumb iframe{ position:absolute; left:0; top:0; z-index:900; width:100%; height:100%; background:#000}
.displaynonebs{ display:none}
/***/
@-webkit-keyframes bounceOut1{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1);transform:scale3d(.1,.1,.1)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceOut1{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1);transform:scale3d(.1,.1,.1)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceOut1{-webkit-animation-name:bounceOut1;animation-name:bounceOut1;-webkit-animation-duration:.5s;animation-duration:.5s}
/***/
@-webkit-keyframes fadeopacity{
0%{opacity:0; z-index:100}
100%{opacity:1; z-index:100}
}
@keyframes fadeopacity{
0%{opacity:0; z-index:100}
100%{opacity:1; z-index:100}
}
.fadeopacity{-webkit-animation-name:fadeopacity;animation-name:fadeopacity;-moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
@-webkit-keyframes fadeopacity1{
0%{opacity:1; z-index:1}
100%{opacity:0;z-index:1}
}
@keyframes fadeopacity1{
0%{opacity:1;z-index:1}
100%{opacity:0;z-index:1}
}
.fadeopacity1{-webkit-animation-name:fadeopacity1;animation-name:fadeopacity1;-moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
.fades{-moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}	
/**/
.owl-carousel .owl-item img{ height:auto}
#tyfled_adv *{transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;}
#tyfled_adv{ padding:130px 0}
#adv_licon{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#adv_licon{}
.adv_p{ text-align:center; line-height:1.8; font-size:14px; margin-bottom:40px; color:#535353}
#adv_licon li{ width:20%; float:left; text-align:center; position:relative}
#adv_licon li:before{ width:100%; height:100%; content:""; position:absolute; left:0; top:0;background:rgba(0,183,238); display:block; z-index:100;opacity:0;}
#adv_licon li a{ display:block; padding:35px; position:relative; z-index:300}
#adv_licon li a:before{ background:url(../images/icon_adv.png) no-repeat; width:130px; height:130px; background-size:auto 130px; display:block; content:""; margin:0 auto}
#adv_licon li.icon156 a:before{ background-position:left center}
#adv_licon li.icon155 a:before{ background-position:-130px center}
#adv_licon li.icon154 a:before{ background-position:-260px center}
#adv_licon li.icon153 a:before{ background-position:-390px center}
#adv_licon li.icon152 a:before{ background-position:-520px center}
#adv_licon li b{ font-size:20px; font-weight:normal; display:block; margin-top:35px}
#adv_licon li p{ display:block; line-height:1.8; margin-top:25px;color:#535353}
#adv_licon li:hover{ color:#fff}
#adv_licon li:hover:before{opacity:1;-webkit-animation-name:opacton;animation-name:opacton;-webkit-animation-duration:1.5s;animation-duration:1.5s}
#adv_licon li:hover *{ color:#fff}
#adv_licon li:hover a:before{ background-image:url(../images/icon_adv1.png);}
@-webkit-keyframes opacton{
0%{opacity:0;}
100%{opacity:1;}
}
@keyframes opacton{
0%{opacity:0;}
100%{opacity:1;}
}
.opacton{-webkit-animation-name:opacton;animation-name:opacton;-webkit-animation-duration:.7s;animation-duration:.7s}
/***/
#tyfled_solutions{ position:relative}
.h5_position{ position:absolute; left:0; top:200px; z-index:900; width:100%;}
.h5_position .h2_title *{ color:#fff; text-align:left; display:block}
.sulutions_tabs{ position:absolute; left:0; bottom:0; width:100%; z-index:910; background:rgba(0,0,0,0.5); color:#fff}
.sulutions_tabs ul{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.sulutions_tabs li:last-child{  border-right:1px solid rgba(255,255,255,0.1);}
.sulutions_tabs li{ float:left; width:20%; text-align:center; padding:50px; padding-top:50px; padding-bottom:40px; border-left:1px solid rgba(255,255,255,0.1); line-height:1.6}
.sulutions_tabs li b{ font-size:20px; font-weight:normal; display:block;}
.sulutions_tabs li p{ display:block; margin-bottom:25px}
.sulutions_tabs li span{ display:block; height:24px;}
.sulutions_tabs li.active a{ display:inline-block}
.sulutions_tabs li.active{ background:rgba(25,82,163,0.63); border-left-color:rgba(25,82,163,0.63); border-right-color:rgba(25,82,163,0.63)}
.sulutions_tabs li a{ background:url(../images/icon_vv.png) no-repeat right center; display:inline-block; padding-right:20px; color:#fff; display:none}
#solutions_carousel .item a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:901; color:#fff; padding-top:300px}
#tyfled_solutions .wauto{ max-width:1488px; margin:0 auto}
#solutions_carousel .item{ line-height:1.8; font-size:14px;}
#solutions_carousel  .item b{ font-size:20px; }
#solutions_carousel  .item p{ display:block; margin-top:5px;}
/*****/
#tyfled_news{ padding:130px 0; background:#f5f5f7; float:left; width:100%}
.light_lt{ float:left; width:476px;}
.light_lt img{ display:block; width:100%; height:auto}
.news_rt{ float:right; width:1012px}
#tyfled_news .h2_title{ text-align:left; margin-bottom:35px; position:relative}
#tyfled_news .h2_title a{ font-size:16px; position:absolute; right:0; bottom:0}
#tyfled_news .h2_title span{ display:inline-block; margin-left:5px;}
#tyfled_news .news_rt .h2_title{ margin-left:28px;}
.light_news{ position:relative}
.light_news .lighta{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; z-index:900; color:#fff; line-height:1.6; padding:50px 35px;}
.light_news b{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:3.15059861373661vw; text-transform:uppercase; line-height:normal; font-weight:normal; margin-bottom:5px}
.light_news span a{ font-size:20px; color:#fff; display:block;}
.light_news p{ display:block; margin-top:35px; font-size:14px; line-height:1.8}
.light_news .pmore a{ display:inline-block; border:2px solid #fff; font-size:16px; padding:12px 45px; color:#fff}
.news_rt{}
.news_rt li{background:#fff; margin-left:28px; float:left; width:478px; margin-bottom:28px; height:167.3333333333px; padding:25px}
.news_rt li.litop{ height:558px; margin-bottom:0; padding:50px 0; padding-bottom:0; overflow:hidden}
.news_rt li img{ display:block; width:100%; height:auto}
.news_rt li:last-child{ margin-bottom:0}
.news_rt li.litop .thumb a{ max-height:none}
.news_rt li .desc{ padding:0 25px; height:170px; padding-bottom:10px; margin-bottom:26px;}
.news_rt li a{ font-size:18px; display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:bold}
.news_rt li.litop a{white-space:normal; max-height:64px; line-height:1.6;}
.news_rt li .time{ color:#a5a5a5; font-size:28px; padding:15px 0}
.news_rt li .time span{ margin-right:20px; font-size:28px; display:inline-block; line-height:25px;}
.news_rt li .time font{ display:inline-block; line-height:25px; border-left:1px solid #eee; padding-left:15px;}
.news_rt li p{ color:#535353; line-height:1.6; height:44px; overflow:hidden}
.news_rt li a:hover{ color:#fff}
.news_rt li:hover{ background:#00b7ee; color:#fff}
.news_rt li:hover a{ color:#fff}
.news_rt li:hover .desc *,.news_rt li:hover p,.news_rt li:hover .time{ color:#fff}
/*****/
.news_rt li.n5,.news_rt li.n6{ display:none}
.footer li.contact{ margin-right:0}
.footer li.fmenu227{ margin-right:0}
/********************/
#nnews{float:left;width:478px;margin-left:28px}
	  .news_rt li.litop{display:none}
	  .news_rt li{margin-left:0}
	  .picMarquee-top{float:left;width:478px;margin-left:28px;background:#fff;padding:15px 0; height:557px}
	  .news_rt #news_all li{width:100%;margin:0;height:auto;padding:0}
	 .news_rt #news_all li .ss{padding:20px;border-bottom:1px solid #dedede}
	  .news_rt #news_all li a{font-size:14px;display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	   #news_all p{display:block;margin:10px 0}
		#news_all .times{color:#666;}
		#news_all,.picMarquee-top{overflow:hidden;}
@media(max-width:1587px){
.site-header{ max-width:90%;}
#menu{ max-width:90%;}
.w1200, .w1488{ max-width:90%;}
#menu li#menu204 .sub_menu ul{ max-width:90%;}
#tyfled_solutions .wauto{ max-width:90%}
#tyfled_products li .series b{ font-size:20px;}
#tyfled_products li .series p{ font-size:14px;}
#tyfled_products li .series{ padding:25px; padding-top:100px;}
#adv_licon li a:before{width:90px; height:90px; background-size:auto 90px;}
#adv_licon li.icon156 a:before{ background-position:left center}
#adv_licon li.icon155 a:before{ background-position:-90px center}
#adv_licon li.icon154 a:before{ background-position:-180px center}

#adv_licon li.icon153 a:before{ background-position:-270px center}
#adv_licon li.icon152 a:before{ background-position:-360px center}
#adv_licon li b{ margin-top:15px}
#adv_licon li a{ padding:20px}
.sulutions_tabs li{ padding:25px}
#tyfled_news .w1488{display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.light_lt{ width:30%;}
.light_news{background:url(../images/1.jpg) no-repeat; background-size:auto 100%; height:477px; padding-bottom:9%;-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
    transition-property: unset;
    -ms-transition-property: unset;
    -moz-transition-property: unset;
    -webkit-transition-property: unset;
    -o-transition-property: unset;}
.light_news img{filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0}
.news_rt{ width:70%}
.news_rt li{ width:48%; margin-left:2%}
.news_rt li a{font-size:16px}
.news_rt li .time{padding:10px 0}
.news_rt li .time span{font-size:20px; }
.news_rt li.litop,.news_rt li{ height:159px; margin-bottom:2%}
.news_rt li.litop a{white-space: nowrap; line-height:normal}
.news_rt li.litop{ padding:25px 0}
.news_rt li.n5,.news_rt li.n6{ display:block; margin-bottom:0}
#tyfled_news .news_rt .h2_title{ margin-left:2%}
/***/
.footer,.flink-w{max-width:90%}
.footer li{ margin-right:65px}
copyright .w1200{ width:90%}
/***/
#nnews{width:48%;margin-left:2%}
.news_rt li{width:100%;margin-left:0}
.picMarquee-top{width:48%;margin-left:2%;height:500px}
#nnews li:nth-child(4),#nnews li:nth-child(5){display:none}
}


@media(max-width:1450px){
	
}
/*****/
@media(max-width:1360px){
	.h5_position{ top:100px}
	#solutions_carousel .item a{ padding-top:200px;}
	.sulutions_tabs li span{ display:none}
	.sulutions_tabs li p{ margin-bottom:0}
	.sulutions_tabs{ position:static}
	#tyfled_solutions .sulutions_tabs{background: rgba(0,0,0,0.8);}
	#tyfled_solutions .sulutions_tabs .wauto{ max-width:100%}
	.sulutions_tabs li.active{background: rgba(25,82,163,0.99);}
	.light_news .pmore a{ padding:5px 35px}
	.light_news p{ margin-top:25px}
	#menu li#menu204 li.proli{ display:none}
	#menu li#menu204 li{padding-right:30px;margin-right: 30px;}
}
@media(max-width:1359px){
	.footer .code{ position:static; margin-top:20px}
	.footer li.contact{ width:365px; padding-right:0}
}
@media(max-width:1166px){
	.footer .code{ display:none}
	copyright .w1200{line-height:1.2}
	.share-icon{ padding-top:10px; float:left; width:100%}
	copyright .w1200 span{ display:block; margin-right:0; margin-bottom:10px}
}
@media(max-width:1160px){
	.footer li.contact{ width:100%; margin-top:25px;}
}
@media(max-width:1100px){
	#tyfled_products li{ width:33.3333333%}
	#tyfled_products li.hover.hover1,#tyfled_products li.hover.hover2{ width:46%;}
	#tyfled_products li.other.other1,#tyfled_products li.other.other2{ width:27%}
	#tyfled_products li.hover{ width:33.3333333%;}
	#tyfled_products li.other{ width:33.3333333%}
	/***/
	#tyfled_about .video{ width:100%; display:none}
	.aboutrt{ width:100%; padding:50px}
	.about_desc{ max-width:100%}
	.about_number{ margin:30px 0}
	.displaynonebs{ display:block; width:100%;}
	.displaynonebs img{ width:100%; max-width:none}
	.videothumb:after{width:10vw;height:10vw;    margin-left:-5vw;margin-top:-5vw; background-size:100% 100%}
}

/***********************导航***********************/
div.burger { height:50px; width:40px; position:absolute; top:-5px; right:15px; cursor:pointer; z-index:9999; display:none; }
/**************************************************************/
div.x, div.y, div.z { position:absolute; margin:auto; top:0; bottom:0; background:#1851a3; border-radius:2px; -webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out
}
div.x, div.y, div.z { height:2px; width:26px; -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.y.squize { width:0; -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.y { top:18px }
div.z { top:37px }
div.open div.x, div.open div.z { top:19px; -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate30 { -ms-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg); -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate150 { -ms-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg); -webkit-transition:all 70ms ease-out; -moz-transition:all 70ms ease-out; -ms-transition:all 70ms ease-out; -o-transition:all 70ms ease-out; transition:all 70ms ease-out }
div.rotate45 { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
div.rotate135 { -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all .1s ease-out;
-moz-transition:all .1s ease-out;
-ms-transition:all .1s ease-out;
-o-transition:all .1s ease-out;
transition:all .1s ease-out
}
@media screen and (max-width:1000px) {
#tyfled_news .news_rt .h2_title{ margin-left:0}	
.site-header .logo { left:25px; }
.language { display: none; }
div.burger { display: block; }
.site-header { height: 60px; }
#top.scroll .site-header .logo, .site-header .logo { }
#mobile_height { height: 60px; }
nav { z-index: 9998; padding-top: 60px; right: 0; width: 100%; top: 0; height: 100%; position: fixed; display: none; margin-right: 0; }
.site-header .logo { }
#top .search_form { top: 16px }
.language{ display:none}
.search_form { display:none }
#top.scroll .site-header .logo a, #top .site-header .logo a { width:276px; height: 50px; background-size: 100% 100%; }
#top.scroll .site-header .logo, #top .site-header .logo { width: 276px; height: 50px; top: 5px }
#top.scroll nav { height:100%; }
#menu { background:#fff; overflow: auto; padding:0px 0; border-top:1px solid #dfdfdf }
#top.scroll #menu li a,#menu li a{ line-height:normal}
#menu li { float: left; width: 100%; padding: 0; margin: 0; border: 0; margin-bottom: 0px; line-height: normal; }
#menu li li { margin-bottom: 0 }
#menu li ul li:last-child { border-bottom: 0 }
#menu .dropdown { width: 100%; padding-bottom: 30px }
#menu li a { display: block; padding: 0; border: 0; margin: 0; padding: 15px 35px; color: #000; font-size: 18px; position: relative; float: none;border-bottom:1px solid #dfdfdf}
#menu li a .fa { position: absolute; right:30px; top:17px; z-index:500; display: block; width:20px; height:20px; background:url(../images/ico-footer-toggle-m.png) no-repeat center center; background-size:auto 15px; }
#menu li a .fa:before{ display:none}
#menu li a .fa.fa-angle-up{ background-image:url(../images/ico-footer-toggle-off-m.png)}
#menu li .sub_menu { position: static; background:#f7f7f7; width: 100%; text-align: left; }
#menu li ul li a, #menu li.selected li a { text-align: left; color:#000; border:0; padding:10px 35px}
#menu li ul li {}
#menu li a:hover, #menu li.selected a { color:#1851a3; background:none}
#menu li ul li a, #menu li.selected li a { padding:10px 35px; font-size: 16px; }
#menu li a:after, #menu li a:hover:after, #menu li.selected a:after { display: none }
#menu li ul li a:hover { color:#1851a3; background:none}
#menu li { position: relative }
#menu li * { float: none }
#menu li .sub_menu { float: left; padding:8px 0; }
#menu li ul li { padding: 0 0px; float: none }
#menu li ul li a, #menu li.selected li a { padding:10px 35px; display: block }
#menu li ul li a:before, #menu li.selected li a:before { display: none }
#top.scroll #menu li, #menu li { line-height: normal }
#menu li .sub_menu { border: 0;border-bottom:1px solid #dfdfdf}
#menu li#menu204 .sub_menu{ background:#f7f7f7; padding:0; border:0}
#menu li#menu204 li{ padding-right:0; margin-right:0; border:0;}
#menu li#menu204 li a{ padding:15px 35px;border-bottom:1px solid #dfdfdf; font-weight:normal; font-size:16px;}
#menu li#menu204 li .pro_child a{ display:block;padding:10px 35px; border:0; font-size:16px;}
#menu li#menu204 li .pro_child{ background:#fff; padding:8px 0;border-bottom:1px solid #dfdfdf; display:none}
#menu li#menu204 li a i{}
}
#lightul{ display:none}
.light_lt .h2_title a{ display:none}
@media(max-width:1000px){
	.site-header{ max-width:100%;}
	#menu{ max-width:100%; height:100%}
	.w1200, .w1488{ max-width:100%;}
	#menu li#menu204 .sub_menu ul{ max-width:100%;}
	#tyfled_solutions .wauto{ max-width:100%}
	/***/
	#tyfled_products li{ width:49%; margin-right:2%; margin-bottom:2%}
	#tyfled_products li:nth-child(2n){ margin-right:0}
	#tyfled_products li:last-child{ margin-right:0; margin-bottom:0}
	#tyfled_products li a{ height:305px}
	#tyfled_products li .series{ padding:50px 25px}
	#tyfled_products li a:after{ bottom:50px; left:25px}
	#tyfled_products li.hover.hover1,#tyfled_products li.hover.hover2{ width:50%;}
	#tyfled_products li.other.other1,#tyfled_products li.other.other2{ width:50%}
	#tyfled_products li.hover{ width:50%;}
	#tyfled_products li.other{ width:50%}
	#tyfled_products li .series b{ font-size:25px;}
	#tyfled_products li .series p{}
	#tyfled_products li.icon4{ width:100%}
	#tyfled_products li.icon4 a img{ width:100%; height:auto}
	#tyfled_products li .series p{ max-height:75px; overflow:hidden}
	/***/
	.h2_title{}
	#tyfled_products{ padding:80px 35px}
	.aboutrt{ padding:50px 35px}
	#tyfled_adv{ padding:80px 35px}
	#adv_licon li{ width:50%}
	.h5_position{ top:80px; left:35px}
	#solutions_carousel .item a{ padding:0 35px; padding-top:180px;}
	#lightul{ display:block; margin-bottom:25px}
	.light_lt .h2_title a{ display:block}
	.light_news{ display:none}
	#tyfled_news{padding:80px 35px}
	.light_lt{ width:100%}
	.news_rt{ width:100%}
	.news_rt li{ width:49%; margin-left:0; margin-right:2%}
	.news_rt li:nth-child(2n){ margin-right:0}
	.footer li.contact .ad{ width:100%}
	copyright .w1200{ width:100%; padding-left:35px; padding-right:35px; }
	.footer, .flink-w{ max-width:100%; padding-left:35px; padding-right:35px;}
	.flink-w{ padding-left:125px;}
	.flink-w label{ left:35px}
     /*****/
    #nnews{margin-left:0;margin-right:2%}
.news_rt li{width:100%}
}
@media(max-width:800px){
	.sulutions_tabs li{ width:50%;border-bottom: 1px solid rgba(255,255,255,0.1);}
	.sulutions_tabs li b{ font-size:16px}
	.sulutions_tabs li:nth-child(5){ width:100%}
	.footer li{ display:none}
	.footer li.contact{ display:block; margin-top:0}
	.share-icon{ position:static; margin-top:0px}
	.share-icon a{ margin-left:0; margin-right:10px;}
	#tyfled_products{ padding:60px 25px}
	.aboutrt{ padding:50px 25px}
	#tyfled_adv{ padding:60px 25px}
	.h5_position{ top:60px; left:25px}
	#solutions_carousel .item a{ padding:0 25px; padding-top:180px;}
	#tyfled_news{padding:60px 25px}
	copyright .w1200{padding-left:25px; padding-right:25px; }
	.footer, .flink-w{padding-left:25px; padding-right:25px;}
	.flink-w{ padding-left:125px;}
	.flink-w label{ left:25px}
	#solutions_carousel .item a{ padding-top:25px}
	#solutions_carousel .item a p{ font-size:14px; max-height:75px; overflow:hidden}
	.h5_position{ position:static;}
	.h5_position{ margin-bottom: 60px; text-align:center}
	.h5_position .h2_title *{ color:#1851a3; display:block; text-align:center}
	.h5_position .h2_title span{ color:#2c2c2c}
	#menu li a{ padding:15px 25px;}
	#menu li a .fa{ right:20px;}
	#menu li ul li a, #menu li.selected li a{ padding:10px 25px}
	#menu li#menu204 li a{ padding:15px 25px}
	#menu li#menu204 li .pro_child a{ padding:10px 25px}
  
}	
@media(max-width:600px){
	.h2_title{ font-size:30px;}
	.h2_title,.h5_position{ margin-bottom:40px;}
	#tyfled_products li .series b{ font-size:20px}
	.news_rt li{ width:100%; margin-right:0}
	.news_rt li.n5, .news_rt li.n6{ margin-bottom:2%}
	#scrollTop{ bottom:10px; right:10px}
	.flink{ display:none}
	.adv_p{ margin-bottom:40px}
	#top.scroll .site-header .logo a, #top .site-header .logo a{ width:221px; height:40px;}
	#top.scroll .site-header .logo, #top .site-header .logo{width:221px; height:40px; top:10px}
	/***/
	#adv_licon li p{ display:none}
	#adv_licon li b{ line-height:1.5; font-size:18px;}
	#adv_licon li a{ padding:10px 15px}
	/*#adv_licon li{ width:100%; border-bottom:1px solid #eee; padding-bottom:25px; margin-bottom:25px;}
	#adv_licon li a{ display:block; padding:0;padding-left:120px; position:relative; text-align:left}
	#adv_licon li a:before{ position:absolute; left:0; top:10px;}
	#adv_licon li b{ margin-top:0}
	#adv_licon li p{ margin-top:15px;}
	#adv_licon li:hover b{ color:#000}
	#adv_licon li:hover:before{ background:#fff}
	#adv_licon li:hover *{ color:#535353}
	#adv_licon li:hover a:before{ background-image:url(../images/icon_adv.png);}*/
	#solutions_carousel .item a p{ display:none}
	#adv_licon li:last-child{ display:none}
	.news_rt li.n5, .news_rt li.n6{ display:none}
   /***/
   #nnews{width:100%;margin-right:0}
.picMarquee-top{width:100%;margin-left:0; height:auto}
.news_rt li.litop,#nnews li:nth-child(4), #nnews li:nth-child(5){display:block}
}
@media(max-width:600px){
	#tyfled_products li a{ height:260px;}
	#tyfled_products li{ width:100%; margin-right:0}
	#tyfled_products li .series{ padding:25px 25px}
	#tyfled_products li.icon4 a img{ height:505px}
	#tyfled_products li a:after{ bottom:25px;}
}
@media(max-width:400px){
	.about_more a{ width:100%; text-align:center}
	.about_more a i{ margin-left:10px;}
	#solutions_carousel .item a p{ line-height:1.5;max-height: 65px;}
	.sulutions_tabs li{ padding:10px 5px;}
}