@charset "utf-8";
@import url("core.css");
/* CSS Document */
* { margin: 0; padding: 0; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
html, body { margin:0 auto; }
body { font-family:Arial, 'Microsoft yahei', Helvetica, sans-serif; font-size:14px; color:#5f5f5f; background:#fff }
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.swiper-slide { 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; }
/***/
.w1200 { margin:0 auto; width:1200px; }
a, .flink span { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
/***/
#mobile_height { height:127px; }
#top { position:fixed; left:0; top:0; width:100%; background:#fff; z-index:9999; -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 * { -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, #top li, #top .site-header { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#top.scroll { -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.1); box-shadow:0 0 5px rgba(0, 0, 0, 0.1); }
#top.scroll .site-header { padding:10px 0 }
#top.scroll nav { top:20px }
#top.scroll .logo { width:184px; }
#top.scroll .logo a { width:184px; height:67px; }
.site-header { width:1200px; margin:0 auto; position:relative; padding:25px 0; }
.site-header .logo { display:block; float:left; width:211px; overflow:hidden; position:relative; z-index:9999 }
.site-header .logo a { text-indent:-2000px; background:url(../images/logo1.png) no-repeat; background-size:100% 100%; width:211px; height:77px; display:block }
.language{ position:absolute; right:0; top:10px;}
.language a{ display:inline-block; border:1px solid #222; padding:5px 12px; font-size:12px;}
.language a.on{ background:#222; color:#fff}
#top.scroll .language{ display:none}
/***/
nav { z-index:9999; position:absolute; right:0; top:45px }
#menu { position:relative; margin:0 auto; }
#menu .dropdown { float:left; }
#menu li { float:left; padding:0 22px; position:relative }
#menu li#menu83 { padding-right:0 }
#menu li a { display:block; color:#696969; font-size: 15px; border-top:3px solid #fff; padding-top:15px; padding-bottom:15px; text-transform:uppercase }
#menu li li a:before { display:none }
#menu li a:hover, #menu li.selected a { border-top-color:#003f8f; color:#003f8f; }
#menu li .sub_menu { display:none; position:absolute; left:0; top:47px; background:#003f8f; padding-top:10px; padding-bottom:10px; width:100%; }
#menu li .sub_menu ul { max-width:1200px; margin:0 auto }
#menu li:hover .sub_menu { -webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear; }
#menu li ul li { height:auto; line-height:normal; float:none; padding:0 }
#menu li ul li a, #menu li.selected li a { padding:0; color:#fff; padding:6px 22px; font-size:13px; display:block; border:0; line-height:normal;text-transform: capitalize; }
#menu li ul li a:hover i { display:inline-block }
#menu li ul li a i { display:none; color:#0a4c92; margin-left:10px; }
#menu li ul li a:hover { color:#fff; background:#02bff8; }
.nav_a { float:right; margin-right:60px; }
.nav_a a { font-size:18px; font-weight:bold; color:#fff; line-height:55px; }
.nav_a a.a2 { margin-left:68px; }
#menu li#menu79 .sub_menu { width:240px; }
#menu li#menu77 .sub_menu { width:150px; }
#menu li#menu78 .sub_menu { width:170px; }
#menu li#menu80 .sub_menu { width:170px; }
#menu li#menu81 .sub_menu { width:160px; }
@-webkit-keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
}
100% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
}
@keyframes atop { 0% {
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
50% {
opacity:0.5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
}
100% {
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
}
}
/***/
#banner { position:relative; z-index:998 }
#banner .slides li { height:620px; background-position:center top }
#banner .slides li .title { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
#banner { position:relative }
#banner .owl-dots { position:absolute; left:0; bottom:20px; width:100%; text-align:center; height:auto }
#banner .owl-dots div { display:inline-block; margin:0 6px; height:12px; width:12px; background:rgba(255, 255, 255, .6); -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; }
#banner .owl-dots div.active { background:#fff }
#banner .flexslider { border:0; margin:0; }
#banner .flex-control-nav { bottom:15px; z-index:999 }
#banner .flex-control-paging li a.flex-active { background:#fff }
#banner .flex-control-paging li a { background:rgba(255, 255, 255, 0.5) }
/***/
#home_content { background:#fff; z-index:880; position:relative }
.h1_title { display:block; text-align:center; font-size:30px; color:#3b3b3b; }
.h1_title b{ text-transform:uppercase; padding-bottom:10px; display:block}
.h1_title font { display:none; color:#acacac; font-size:15px; text-transform:uppercase; margin-top:5px; margin-bottom:15px; }
.h1_title:after { width:36px; height:2px; background:#acacac; display:block; content:""; margin:0 auto }
/****/
#home_business { padding:80px 0; text-align:center; padding-bottom:55px }
#home_business ul { margin-top:50px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#home_business li { float:left; width:355px; height:auto; margin-right:67.5px; position:relative; padding-bottom:20px; padding-top:10px; transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#home_business li span { overflow:hidden; display:block; }
#home_business li span img { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#home_business li:hover span img { }
#home_business li:after { z-index:900; width:385px; height:100%; background:#fff; -moz-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); box-shadow:0px 2px 10px rgba(0, 0, 0, 0.2); content:""; display:block; position:absolute; left:-15px; top:-15px; -webkit-border-radius:2px; border-radius:2px; -moz-border-radius:2px; opacity:0; -moz-opacity:0; -webkit-opacity:0; }
#home_business li .desc { position:relative; z-index:990; float:left; width:100% }
#home_business li:hover:after { -webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear; opacity:1; -moz-opacity:1; -webkit-opacity:1; }
#home_business li img { display:block; width:100%; height:auto }
#home_business li:last-child { margin-right:0 }
.h1_title_p { line-height:1.8; margin:0 auto; margin-top:25px; text-align:center; font-size: 15px; }
#home_business li b { color:#003f8f; font-size: 16px; display:block; padding-bottom:10px; border-bottom:1px solid #ddd; font-weight:bold; text-align:left; margin-top:20px; text-transform:capitalize }
#home_business li p { display:block; margin-top:20px; }
#home_business li:hover { padding-top:5px; padding-bottom:25px; }
#home_business li p a,#home_business li p font { color:#5a5a5a; font-size: 14px; line-height:1.8; display:block; float:left; width:48%; text-align:left; }
#home_business li p a:hover, .news_lt li a:hover, .news_title_h1 a.more:hover { color:#00aaea; text-decoration:underline }
/***/
#product_carousel { }
#home_products { background:#e0f5ff; padding:80px; }
#product_carousel { margin-top:50px; }
#home_products .owl-item { background:#fff; position:relative }
#home_products .owl-item a:before { opacity:0; -moz-opacity:0; -webkit-opacity:0; background:rgba(0, 63, 143, 0.7); content:"+"; color:rgba(255, 255, 255, 0.9); font-size:60px; text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; line-height:295px; display:block }
#home_products .owl-item a:hover:before { -webkit-animation: atop 0.5s linear; -moz-animation: atop 0.5s linear; animation: atop 0.5s linear; opacity:1; -moz-opacity:1; -webkit-opacity:1; z-index:990 }
#home_products .owl-item a:hover { color:#003f8f }
#home_products .owl-item span { display:block; overflow:hidden }
#home_products .owl-item span img { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#home_products .owl-item a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
#home_products .owl-item p { display:block; text-align:center; padding:5px 15px; font-size: 15px; }
#home_products .owl-item p font { display:block; border-top:1px solid #ddd; padding:15px 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
#home_products .owl-carousel .owl-nav.disabled { display:block }
#home_products .owl-carousel .owl-nav div { background:url(../images/prev.png) no-repeat; width:20px; height:41px; display:block; position:absolute; top:50%; margin-top:-20px; }
#home_products .owl-carousel .owl-nav div.owl-next { background-image:url(../images/next.png); right:-50px }
#home_products .owl-carousel .owl-nav div.owl-prev { left:-50px; }
#home_about { padding:80px 0; float:left; width:100%;background:#f8f9fb;}
.read_more { margin-top:35px; text-align:center }
.read_more a { background:#003d8e; color:#fff; padding:15px 35px; display:inline-block; }
.read_more a:hover, .more_p a:hover { background:#02bff8 }
.flink span:hover { background:#042a67 }
.about_rt { float:left; width:562px; margin-top:45px; }
.abour_lt { float:right; width:600px; line-height: 1.6; margin-top:40px; font-size: 15px; }
.video_p { font-size:16px; color:#858585; display:block; margin-top:15px; }
.more_p { margin-top:30px; }
.more_p a { background:#003d8e; color:#fff; padding:12px 35px; display:inline-block; line-height:18px }
.video_iframe { position:relative; margin-top: 2px; }
.video_iframe img { display:block; width:100%; height:auto }
.video_iframe:before { background:rgba(0, 0, 0, 0.5) url(../images/vtn.png) no-repeat center center; position:absolute; left:0; top:0; width:100%; height:100%; content:""; display:block;transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
cursor:pointer;}
.video_iframe:hover:before{ background-color:rgba(0, 0, 0, 0.1)}
/****/
#home_advantage { background:#efefef; padding:80px 0 }
#home_advantage .h1_title b { color:#003d8e; }
#home_advantage ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top:40px; }
#home_advantage li { width:20%; padding:25px 0px; background:#fff; float:left; text-align:center; border:5px solid #efefef; border-bottom:0; border-top:0; padding-top:35px; position:relative; transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
#home_advantage li:hover { margin-top:-2px; margin-bottom:2px }
#home_advantage li * { position:relative; z-index:990 }
#home_advantage li:after { position:absolute; z-index:0; background:rgba(0, 63, 143, 0); left:0; top:0px; width:100%; height:100%; content:""; }
#home_advantage li:hover:before { background-image:url(../images/ic1.png) }
#home_advantage li:hover:after { color:#fff; -webkit-animation: advantageopacity 1s linear; -moz-animation: advantageopacity 1s linear; animation: advantageopacity 1s linear; background:rgba(0, 63, 143, 1); }
#home_advantage li:hover * { color:#fff }
#home_advantage li:hover i { background:#fff }
#home_advantage li:before { background:url(../images/ic.png) no-repeat; content:""; height:76px; width:72px; display:inline-block; color:#3d3d3d; position:relative; z-index:990 }
#home_advantage li.icon02:before { background-position:-74px center; width:78px; }
#home_advantage li.icon03:before { background-position:-154px center; width:75px; }
#home_advantage li.icon04:before { background-position:-229px center; width:96px; }
#home_advantage li.icon05:before { background-position:-328px center; width:84px; }
#home_advantage li b { color:#003d8e; font-size:17px; display:block; margin:5px 0; margin-top:30px; text-transform:capitalize }
#home_advantage li i { width:20px; height:2px; background:#7c7c7c; display:inline-block; }
#home_advantage li p { display:block; color:#3d3d3d; line-height:1.5; font-size:12px; padding:0 15px; margin-top:15px; }
@-webkit-keyframes advantageopacity { 0% {
background:rgba(0, 63, 143, 0);
}
50% {
background:rgba(0, 63, 143, 0.5);
}
100% {
background:rgba(0, 63, 143);
}
}
@keyframes advantageopacity { 0% {
background:rgba(0, 63, 143, 0);
}
50% {
background:rgba(0, 63, 143, 0.5);
}
100% {
background:rgba(0, 63, 143);
}
}
/****/
#home_brand { background:#fff url(../images/cerbg.gif) no-repeat center top; padding:80px 0; float:left; width:100% }
#home_brand .h1_title { text-align:left }
#home_brand .h1_title:after { margin-left:0 }
.brand_p { font-size:15px; line-height:1.8; float:left; width:528px; }
.brand_p p { margin-bottom:25px; }
.brand_div { height:70px; }
.brand_thumb { float:right; width:527px; }
.brand_thumb img { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.brand_thumb:hover img { margin-top:-10px; margin-bottom:10px; }
/***/
#home_news { background:#eff3f7; padding:80px 0; float:left; width:100% }
.news_lt { float:left; width:380px; margin-right:35px; margin-top:45px; }
.news_rt { float:right; margin-top:45px; }
.news_title_h1 { position:relative }
.news_title_h1:before { width:100%; height:1px; background:#ccc; position:absolute; left:0; top:8px; content:""; z-index:900 }
.news_title_h1 span { display:inline-block; font-size:16px; color:#003d8e; font-weight:bold; margin-bottom:3px; background:#eff3f7; z-index:990; position:relative; padding-right:10px; }
.news_title_h1 font { display:block; text-transform:uppercase; color:#777676; font-size:14px; }
.news_title_h1 a.more { position:absolute; right:0; top:3px; color:#555; font-size:12px; text-transform:uppercase; background:#eff3f7; z-index:990; padding-left:10px; }
.news_thub { overflow:hidden; position:relative }
.news_thub img { display:block; width:100%; height:auto; transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.news_thub:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.news_thub { margin-top:25px; margin-bottom:45px; }
.news_lt ul { }
.news_lt li { position:relative; margin-bottom:15px; padding-left:10px; padding-right:55px; }
.news_lt li:before { content:""; width:4px; height:4px; background:#777676; position:absolute; left:0; top:5px; }
.news_lt li a { color:#777676; font-size:13px; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_lt li a:hover { color:#00aaea; text-decoration:underline }
.news_lt li:hover:before { background:#00aaea }
.news_lt li i { font-style:normal; position:absolute; right:0; top:0 }
/***/
.news_rt { background:url(../images/gif.png) no-repeat; padding-left:35px; width:360px; float:right }
.news_rt .news_title_h1:before { height:2px; top:7px }
.news_rt .news_title_h1:after { width:30px; height:2px; background:#003d8e; content:""; position:absolute; left:71px; top:7px; display:block; z-index:995 }
.news_rt ul { margin-top:25px; }
.news_rt li { font-size:13px; line-height:1.6; border-bottom:1px dashed #c1c0c0; padding-bottom:20px; margin-bottom:20px;cursor:pointer }
.news_rt li:last-child { margin-bottom:0; border-bottom:0; padding-bottom:0 }
.news_rt .faq_w { background:url(../images/wen.jpg) no-repeat left 1px; padding-left:25px; font-weight:bold; margin-bottom:6px; }
.news_rt .faq_a { background:url(../images/da.jpg) no-repeat left 1px; padding-left:25px; }
/***/
#home_customer { padding:80px 0 }
.customer_logo { margin-top:40px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.customer_logo span { display:block; float:left; padding:5px; width:25%; margin-bottom:0px; text-align:center; overflow:hidden; }
.customer_logo span i { display:block; overflow:hidden }
.customer_logo span img { width:100%; display:block; height:auto; transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.customer_logo span:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.customer_p { padding:0px 5px; margin-top:35px; font-size:14px; line-height:1.6 }
/***/
#pages { text-align:center; padding:40px 0; margin-bottom:50px; font-family:Arial, Helvetica, sans-serif; }
#pages .a1, #pages font { display:none }
#pages a.current { display:none }
#pages a.prev, #pages a.next { background:#fff; border:1px solid #d6d6d6; font-size:24px; line-height:40px; }
#pages a.prev:hover, #pages a.next:hover { background:#1d2088; color:#fff; border-color:#1d2088 }
#pages a, #pages span, #pages em { width:45px; line-height:45px; height:45px; font-weight:normal; display:inline-block; margin-left:5px; background:#f3f3f3; text-align:center; vertical-align:top }
#pages a:hover { color:#fff; background:#1d2088 }
#pages em { font-size:12px; font-style:normal; font-weight:normal }
#pages span { background:#dedede }
/***/
#scrollTop { font-size:14px; color:#fff; text-align:right; height:50px; position:relative }
#scrollTop font { cursor:pointer; background:url(../images/scrolltop.png) no-repeat right center; height:29px; padding-right:45px; display:inline-block; line-height:29px; position:absolute; right:0; top:-20px }
/**********************/
footer { background:#e5e5e5; color:rgba(255, 255, 255, 0.7); line-height:1.5; }
footer .w1200 { padding-left:0px; position:relative }
footer .code { background:#fff; width:172px; font-size:13px; padding:20px 0; color:#595959; position:absolute; left:0; top:0; text-align:center; text-transform:uppercase; display:none }
footer .code * { display:block; margin-top:12px; }
footer .code span { display:block; position:relative; width:100px; margin:0 auto; }
footer .code span em { font-style:normal; background:#fff; display:inline-block; padding:0 10px; position:relative; z-index:990 }
footer .code span:before { height:1px; background:#eee; width:100%; content:""; position:absolute; left:0; top:20px; display:block; }
footer .code i { color:#003f8f; font-weight:bold; font-style:normal; font-size:18px; margin-top:5px }
footer .code img { margin:0 auto; border:1px solid #ddd; }
footer a { color:#7c7c7c; font-size:13px; }
footer a:hover { color:#002f84 }
footer li { float:left; padding-top:25px; padding-bottom:35px; margin-left:0px; line-height:1.8; margin-right:35px; }
footer li b { font-size:14px; display:block; color:#002f84; padding-bottom:10px; line-height:1.5; background:url(../images/ficon1.jpg) no-repeat left 2px; padding-left:25px; }
footer li.fmenu79 b { background-image:url(../images/ficon2.jpg) }
footer li.fmenu81 b, footer li.fmenu80 b { background-image:url(../images/ficon3.jpg) }
footer li.fmenu77 b { background-image:url(../images/ficon4.jpg) }
footer li b a { color:#002f84; display:block; font-size:15px; font-weight:bold; text-transform:uppercase }
footer li p { background:url(../images/uicnoj.jpg) no-repeat 5px 11px; padding-left:25px; margin-bottom:4px; }
footer li p a{ text-transform:capitalize}
footer ul { padding-bottom:0px; float:left; width:100%; }
footer li.contact { margin-right:0; float:right }
footer li.contact b { background:none; padding-left:0 }
footer li.contact p { background:none; padding-left:0 }
footer li.contact p.qq a { background:url(../images/qq_icon.png) no-repeat left 1px; padding-left:25px; display:inline-block; margin-right:30px; }
footer li.contact p.work span { display:block; font-weight:bold; padding-top:2px; }
footer li.contact p.work { color:#7c7c7c }
.flink { border-bottom:1px solid #d8d8d8; padding:20px 30px; background:url(../images/link_i.png) no-repeat 40px 20px; padding-left:180px; position:relative; display:none }
.flink p { display:block; line-height:35px; min-height:35px; }
.flink p a { margin-right:25px; margin-left:10px; line-height:32px; display:inline-block; margin-top:3px; }
.flink span { background:#003f8f; padding:15px; position:absolute; right:0; top:0; padding-top:23px; padding-bottom:20px; }
.flink span a { color:#fff; line-height:32px; display:block; }
copyright { background:#181c20; padding:15px 0; font-size:13px; float:left; width:100%; text-align:left; }
copyright span { display:block; position:static; left:0; top:0; padding:0px 0; }
copyright p { max-width:1200px; margin:0 auto; position:relative }
copyright font a { vertical-align:top; color:rgba(255, 255, 255, 0.7) }
copyright font { margin-left:15px; }
copyright font a:hover { color:#fff }
/***/
#scrollTop { -webkit-border-radius: 50%; border-radius: 50%; text-align:center; cursor:pointer; line-height:30px; z-index:990; padding-top:5px; -moz-border-radius: 50%; background:rgba(0, 0, 0, 0.6); width:40px; height:40px; position:fixed; right:20px; bottom:50px; display:none }
#scrollTop i { font-size:28px; color:#fff; }
/***/
.h5_title { font-weight: bold; font-size:16px; margin-bottom:25px; }
.form { width:600px; }
.form input[type='text'] { background:rgba(0, 0, 0, 0); border:0; border-bottom:1px solid #c9c9c9; font-size:14px; padding:15px 10px; display:block; width:100%; }
.form li { float:left; width:100%; margin-bottom:20px; position:relative }
.form input[type='text'].Validform_error { border-color:#ff0000 }
.form li textarea { background:rgba(0, 0, 0, 0); border:1px solid #c9c9c9; font-size:14px; padding:15px 10px; width:100%; min-height:100px }
.form li.submit input { background:#003f8f; width:128px; height:45px; color:#fff; font-size:16px; line-height:45px; border:0; cursor:pointer; }
.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 }
/***/
.video_iframe { position:relative; }
.video_iframe iframe { overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 0; z-index: 910; }
/******************/
div.burger {height:50px;width:40px;position:absolute;top: 0px;right:25px;cursor:pointer;z-index:9999;display:none;}
/**************************************************************/
div.x, div.y, div.z { position:absolute; margin:auto; top:0; bottom:0; background:#00aaea; 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
}
#menu li a .fa{ display:none}
/*******/
@media screen and (max-width:1300px) {
	.w1200{ width:100%;}
	.site-header{ width:100%; padding-left:25px;padding-right:25px;}
	nav{ right:25px}
	#home_business ul{ padding:0 25px;}
	#home_business li{ width:32%; margin-right:2%}
	#banner .slides li{ height:32.29166666666667vw; background-size:100% 100%}
	#home_products{ padding-left:60px; padding-right:60px;}
	#home_about{ padding-left:25px; padding-right:25px;}
	#home_advantage ul{ padding-left:20px; padding-right:20px}
	#home_brand{padding-left:25px; padding-right:25px;}
	.brand_p{ width:60%}
	.brand_thumb{ width:40%}
	.brand_thumb img{ width:100%; height:auto}
	#home_news{ padding-left:25px; padding-right:25px}
	.news_lt{ width:33.3333%; margin-right:0; padding-right:35px;}
	.news_ct{ width:33.3333%; margin-right:0;padding-right:35px;}
	.news_rt{ width:33.3333%; margin-left:0}
	.news_thub{ margin-bottom:25px}
	.news_rt .faq_a{ max-height:40px; overflow:hidden}
	.news_rt li:last-child{ display:none}
	.customer_logo{ padding-left:25px; padding-right:25px}
	.customer_p{padding-left:30px; padding-right:25px; line-height:1.6}
	/***/
	footer .w1200{ padding-left:25px; padding-right:25px;}
	.flink{ display:none}
	footer li.contact{ display:none}
	footer .code{ position:static; float:left; width:118px;background:none; padding:25px 0; display:none}
	footer li{ margin-left:0}
	footer .code span:before{ display:none}
	footer .code span em{ margin-top:5px; background:none}
	footer li{ width:20%; margin-right:0%; padding-bottom:25px}
	copyright{ padding-left:25px; padding-right:25px; text-align:left}
	copyright span{ position:static}
}
@media screen and (max-width:1255px) {
.about_rt{ width:50%}
.abour_lt{ width:50%; padding-left:45px;}
.brand_div{ height:25px}
}
@media screen and (max-width:1120px) {
	#home_business li p a, #home_business li p font{ width:100%}
	.h1_title_p{ padding-left:50px; padding-right:50px;}
	#home_products .owl-item p{ font-size:14px; line-height:1.5}
	.about_rt{ width:100%}
    .abour_lt{ width:100%; padding-left:0px;}
	#home_advantage li:before{ width:47px; height:50px; background-size:auto 100%}
	#home_advantage li.icon02:before{ width:53px; background-position:-48px center}
	#home_advantage li.icon03:before{ width:50px; background-position:-101px center}
	#home_advantage li.icon04:before{ width:64px; background-position:-151px center}
	#home_advantage li.icon05:before{ width:56px; background-position:-215px center}
	#home_advantage li{ padding-top:25px}
	#home_advantage li b{ margin-top:20px}
	#home_advantage li p{ padding:0 15px; font-size:13px;}
	#home_brand{ padding-top:50px; padding-bottom:25px;}
	}
	
@media screen and (max-width:1100px) {
	#home_advantage li{ width:50%; margin-bottom:5px;margin-top:5px}
	#home_advantage li.icon05{ width:100%}
	.brand_p{ padding-right:30px;}
	}
	
@media screen and (max-width:980px) {
	.news_lt{ width:50%; padding-right:20px;}
	.news_ct{ width:50%; padding-right:0px; padding-left:20px;}
	.news_rt{ width:100%; padding-left:0; background:none; margin-top:25px}
	.news_rt li{ padding-bottom:15px; margin-bottom:15px}
	#home_news{ padding-top:50px; padding-bottom:40px;}
	/******/
	#menu li#menu79 .sub_menu{ width:100%}
	#menu li#menu79 .sub_menu { width:100%; }
	#menu li#menu77 .sub_menu { width:100%; }
	#menu li#menu78 .sub_menu { width:100%; }
	#menu li#menu80 .sub_menu { width:100%; }
	#menu li#menu81 .sub_menu { width:100%; }
	#top.scroll nav{ top:0}
	div.burger{ display:block}
	.site-header{ padding-top:10px; padding-bottom:10px;}
	#top.scroll .site-header{ padding-left:25px; padding-right:25px;}
	.site-header .logo a,#top.scroll .logo a{ width:137px; height:50px; background-size:100% 100%}
	.site-header .logo,#top.scroll .logo{ width:137px;}
	#mobile_height{ height:70px;}
	div.burger{ right:15px;}
	nav{ z-index:9998; padding-top:70px; right:0; width:100%; top:0; height:100%; position:fixed; display:none}
	#menu{ background:#00aaea; overflow:auto; padding:20px 0}
	#menu li{ float:none; padding:0; margin:0; border:0; margin-bottom:0px;}
	#menu li li{ margin-bottom:0}
	#menu .dropdown{ width:100%}
	#menu li a{ display:block; padding:0; border:0; margin:0;padding: 15px 25px; color:#fff; font-size:18px; position:relative; float:none}
	#menu li a .fa{ position:absolute; right:25px; top:12px; display:block}
	#menu li .sub_menu{ position:static; background:rgba(0,0,0,0.3)}
	#menu li a:hover, #menu li.selected a{ color:#fff; background:#053f8e}
	#menu li ul li a, #menu li.selected li a{ padding:10px 25px; font-size:16px;}
		/**/
	#top.scroll .language{ display:block;}
	.language a{ border:0; font-size:14px;}
	.language a.on{ display:none}
	.language{ right:60px; top:22px;}
	}	
@media screen and (max-width:800px) {
	#home_business{ padding:50px 0}
	#home_about{padding-top:50px; padding-bottom:50px}
	#home_products{ padding-top:50px; padding-bottom:50px}
	#home_advantage{ padding-top:50px; padding-bottom:50px}
	.h1_title{ font-size:20px;}
	.h1_title font{ font-size:13px;margin-bottom: 10px; margin-top:10px}
	.h1_title_p{ font-size:14px;}
	#home_business ul{ margin-top:25px;}
	#home_products{ padding-left:25px; padding-right:25px;}
	.about_rt{ margin-top:25px}
	.more_p{ text-align:center}
	/***/
	.brand_p{ width:100%; padding-right:0}
	.brand_thumb{ width:100%}
	#home_brand{ background:none}
	/**/
	#home_customer{ padding:50px 0}
	.customer_logo{ margin-top:25px;}
	.customer_p{ margin-top:20px;}
	/**/
	footer ul{ display:none}
	body,html{ overflow-x:hidden}
	#home_business li p a, #home_business li p font{ font-size:13px;}
	.abour_lt{ font-size:14px;}
	.brand_p{ font-size:14px;line-height: 1.6;}
}
@media screen and (max-width:500px) {
	#home_advantage li p{ display:none}
	.h1_title_p{ display:none}
	.more_p a,.read_more a{ display:block}
	#home_business li{ width:100%; margin-right:0}
	.news_lt,.news_ct{ width:100%; padding-left:0; padding-right:0}
	.news_ct{ margin-top:25px;}
	#home_advantage li i{ display:none}
	#home_advantage ul{ padding-left:5px; padding-right:5px}
	}