@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; min-width:100%; }
body{ overflow-x:hidden}
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 { transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}
/***/
#body_0 #mobile_height{ height:0px;}
#body_0 #top{ background:none;}
#body_0 #menu li a{ color:#FFF;}
#body_0 #top.scroll { background:#FFF !important; color:#000; }
#body_0 #top.scroll a{ color:#000;}
#body_0 #top.scroll .sub_menu a{ color:#FFF !important;}
video{ width:100%; height:auto;}



#mobile_height { height:80px;}
#top{ position:fixed; left:0; top:0; width:100%; background:#fff; z-index:9999 }
#top, #top .site-header{ transition-duration: .4s;
-ms-transition-duration: .4s;
-moz-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
#top li,#top nav,.language,.logo a,.logo{ transition-duration: .2s;
-ms-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-duration: .2s;
}
#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; padding:0px 50px;}
.site-header .logo { display:block; float:left; width:150px; overflow:hidden; position:absolute; left:50px; top:12.5px; z-index:9999 }
.site-header .logo a { text-indent:-2000px;  background-size:100% 100%; width:150px; height:51px; display:block; background-size:100% 100%}
#top.scroll .site-header{}
#menu li{ float:left; line-height:80px; padding:0 0px; }
nav{ height:80px; margin-right:50px; float:right;}
#top.scroll nav{ height:80px;}
#top.scroll #menu li{ line-height:80px;}
#top.scroll #menu li .sub_menu{ top:80px;}
#top.scroll .site-header .logo{ top:12px;width:117px;}
#top.scroll .site-header .logo a{width:117px;height:50px;}
.language { position:absolute; right:50px; top:28px;}
#top.scroll .language{ top:18px;}
.search_form{ position:absolute; right:55px; top:28px;}
#top.scroll .search_form{ top:25px;}
@media screen and (max-width: 1190px){
#top.scroll .site-header,.site-heade{ }
#top.scroll nav,nav{ height:60px;}
#top.scroll #menu li,#menu li{ line-height:26px;}
#top.scroll #menu li,#menu li a{ color:#FFF !important;}
#mobile_height { height:60px; }
#top.scroll #menu li .sub_menu,#menu li .sub_menu{ top:60px;}
#top.scroll .language,.language{ top:18px;}
#top.scroll .site-header .logo,.site-header .logo{ top:8px;width:117px;}
#top.scroll .site-header .logo a,.site-header .logoa{width:117px;height:40px;}
#top.scroll .search_form{ top:18px;}
}
/***/
/***/
#menu{}
#menu .dropdown{}
#menu li a{ display:block; color:#333; font-size:14px; padding:0 20px; position:relative; text-transform:uppercase;transition-duration: .0s;
-ms-transition-duration: .0s;
-moz-transition-duration: .0s;
-webkit-transition-duration: .0s;}
#menu li.on a{background:url(../images/v1.png) no-repeat center bottom;}
#menu li a:hover, #menu li.selected a{ color:#1c4b81; background:url(../images/v.png) no-repeat center bottom; }
#menu li a:hover:after, #menu li.selected a:after { display:block; }
#menu li .sub_menu { display:none; position:absolute; left:0px; top:80px; background:#1c4b81;padding-top:20px; padding-bottom:20px; width:100%; -webkit-animation: atop 0.8s linear; -moz-animation: atop 0.8s linear; animation: atop 0.8s linear; }

#menu li .sub_menu .cat_fitter font:before {border-color: #fff;}
#menu li .sub_menu .cat_fitter small{ color:#FFF;}
#menu li .sub_menu .cat_fitter a{ padding:0 !important;}



#menu li .sub_menu ul {margin:0 auto; float:right; width:100%;}
#menu li ul li { height:auto; line-height:normal; float:none; padding:0px 20px;}
#menu li ul li a, #menu li.selected li a{ color:rgba(255,255,255,0.6); padding:8px 0px; padding-left:23px;text-align:left; font-size:14px; display:block;line-height:normal; background:none; text-transform:capitalize; position:relative }
#menu li ul li a:before, #menu li.selected li a:before{ content:""; width:8px; height:8px; border:1px solid rgba(255,255,255,0.6); display:block; position:absolute; left:0; top:10px;}
#menu li ul li a:after, #menu li.selected li a:after { display:none }
#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:before,#menu li.selected li a:hover:before{ background-color:#fff;}
#menu li ul li a:hover,#menu li.selected li a:hover{ color:#fff;}

.search_form #submit{ width:25px; height:26px; background:url(../images/search.png) no-repeat center center; background-size:23px 24px; display:block; float:right; border:0; cursor:pointer;}
.search_form #keyword{ display:block; float:left; width:200px; padding:3px 10px; font-size:12px; margin-right:10px; display:none}
.searh_form_input{ background:#fff; float:left; width:100%}
/***/
.product_cat{color:rgba(255,255,255,1); width:1000px; margin:0 auto;}
#product_cat_79{ width:1005px;}
#menu li .product_cat a,.product_cat a{color:rgba(255,255,255,1); }
#cat_item_90{ width:500px; padding-right:61px; position:relative}
#cat_item_90:after,#cat_item_80:after{ height:100%; width:1px; background:rgba(255,255,255,0.2); content:""; display:block; position:absolute; right:30px; top:0px;}
#cat_item_91{ width:380px;}
#cat_item_80{ width:475px; padding-right:61px; position:relative}
#cat_item_92{ width:530px; float:left}
.cat_item{ float:left; width:50%;}
.cat_item .cat_name{ display:block; float:left; text-align:center; padding-top:30px; margin-right:50px;}
.cat_item .cat_name a{ color:#000;}
#menu li #cat_item_90 .cat_name,#cat_item_90 .cat_name{ width:64px;}
#menu li #cat_item_90 .cat_name a,#cat_item_90 .cat_name a{ display:block; padding:0; line-height:normal; /*background:url(../images/icon_mouse_white.png) no-repeat center top;*/ padding-top:60px;}
#menu li #cat_item_91 .cat_name,#cat_item_91 .cat_name{ width:104px;}
#menu li #cat_item_91 .cat_name a,#cat_item_91 .cat_name a{ display:block; padding:0; line-height:normal; /*background:url(../images/icon_keywords_white.png) no-repeat center top;*/ padding-top:60px;}
#menu li #cat_item_80 .cat_name,#cat_item_80 .cat_name{ width:64px;}
#menu li #cat_item_80 .cat_name a,#cat_item_80 .cat_name a{ display:block; padding:0; line-height:normal;/* background:url(../images/icon_mouse1_white.png) no-repeat center top;*/ padding-top:60px;}
#menu li #cat_item_92 .cat_name,#cat_item_92 .cat_name{ width:130px;}
#menu li #cat_item_92 .cat_name a,#cat_item_92 .cat_name a{ display:block; padding:0; line-height:normal; /*background:url(../images/icon_keywords1_white.png) no-repeat center top;*/ padding-top:60px;}
.cat_item .cat_fitter{ display:block; float:left; width:325px;}
#cat_item_80 .cat_fitter,#cat_item_92 .cat_fitter{ width:300px;}
#product_cat_79 .cat_item .cat_fitter font{ width:100px; cursor:pointer;}
.cat_item .cat_fitter font{ float:left; width:150px; position:relative; line-height:normal; padding:0; margin:8px 0; padding-left:26px;}
.cat_item .cat_fitter font a{color:#000;padding-top: 0px;}
.cat_item .cat_fitter font:before{ content:""; width:12px; height:12px; border:1px solid #fff; display:block; position:absolute; left:0; top:1px;}
.cat_item .cat_fitter small{ display:block; font-size:14px; line-height:normal; margin:0; padding:0; margin-bottom:8px;}
#product_body .cat_item .cat_fitter font.on:before{ border-color:#1c4b81; background:#1c4b81; color:#1c4b81}
#product_body .cat_item .cat_fitter font.on{color:#1c4b81}
/***/
.language a { display:block; float:left; padding:0px 0px; color:#333; width:45px; text-align:center; font-size:12px; line-height:22px;border:1px solid #333; border-left:0;}
.language a.on{ border-right:0; border-color:#1c4b81; background:#1c4b81; color:#fff}
@-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;
}
}

@-webkit-keyframes l100 { 0% {
	left:0
}
50% {
left:65px
}
100% {
left:130px
}
}
@keyframes w100 { 0% {
left:0
}
50% {
left:65px
}
100% {
left:130px
}
}

@-webkit-keyframes w100 { 0% {
	width:0%
}
50% {
width:50%
}
100% {
width:100%
}
}
@keyframes w100 { 0% {
width:0%
}
50% {
width:50%
}
100% {
width:100%
}
}
/***/
#banner { position:relative; z-index:800; }
#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::before {position: absolute;content: " ";background: rgba(0, 26, 45, 0.7);width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
#banner .item img { display:block; width:100%; height:auto }
#banner .title{ position: absolute;z-index: 10;top: 32%;right: 14%;color: #fff;}
#banner .w_center { position:relative }
#banner .w_center h3{ font-size:36px; margin-bottom:20px; font-weight:normal;}
#banner .w_center h6{ font-size:18px; font-weight:normal;}
#banner .w_center p{ margin:50px 0;}
#banner .w_center p span{ margin-right:10px; background: rgba(29, 29, 29, 0.35); width:90px; height:40px; color:#FFF; display:inline-block; line-height:40px; text-align:center; border-left: 2px solid #c72929;}
#banner .w_center p span:first-child{margin-left:0;border-color: #0067b5;}
#banner .w_center p span:nth-child(2){border-color: #11c554;}
#banner .w_center p span:nth-child(3){border-color: #d8ef3d;}
#banner .w_center p span:nth-child(4){border-color: #e06c14;}

#banner .w_center .more a{color: #fff;border: 1px solid #6f6f6f;margin-top: 10px;font-size: 14px;line-height: 46px;overflow: hidden;float: left;text-align: center;width: 146px;}
#banner .w_center .more a:hover{background: #ff4c4c;color: #fff;border-color: #ff4c4c;}



@media screen and (max-width: 1190px){
#banner .title{ position: absolute;z-index: 10;top: 35%;left: 10%;color: #fff;}
#banner .w_center { position:relative }
#banner .w_center h3{ font-size:24px; margin-bottom:20px; font-weight:normal;}
#banner .w_center h6{ font-size:14px; font-weight:normal;}
#banner .w_center p{ margin:20px 0;}
#banner .w_center p span{ margin-right:10px; background: rgba(29, 29, 29, 0.35); width:60px; height:30px; color:#FFF; display:inline-block; line-height:30px; text-align:center; border-left: 2px solid #c72929;}
#banner .w_center p span:first-child{margin-left:0;border-color: #0067b5;}
#banner .w_center p span:nth-child(2){border-color: #11c554;}
#banner .w_center p span:nth-child(3){border-color: #d8ef3d;}
#banner .w_center p span:nth-child(4){border-color: #e06c14;}
#banner .w_center .more{ display:none;}
#banner .w_center .more a{color: #fff;border: 1px solid #6f6f6f;margin-top: 10px;font-size: 14px;line-height: 46px;overflow: hidden;float: left;text-align: center;width: 146px;}
#banner .w_center .more a:hover{background: #ff4c4c;color: #fff;border-color: #ff4c4c;}
	
	}





#banner .owl-dots { position:absolute; left:0; bottom:35px; width:100%; text-align:center }
#banner .owl-dots div { display:inline-block; margin:0 4px; height:6px; width:56px; background:#fff;}
#banner .owl-dots div.active { background:#1c4b81 }
#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 }

/***/
.h1_title { display:block; text-align:center; margin-bottom:50px; }
.h1_title span { display:block; color:#000; font-size:25px;text-transform:uppercase; font-weight:bold;line-height:normal}
.h1_title font { text-transform:uppercase; display:block; padding-top:10px; line-height:normal}
/******************/
#home_product{ background:#fff; padding:100px 50px}
#product_list li{ float:left; width:23.5%; margin-right:2%; background:#f7f7f7; margin-top:1%; margin-bottom:1%}
#product_list li,#product_list li *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
#product_list li:nth-child(4n){ margin-right:0}
#product_list li .thumb{ display:block; background:#f7f7f7; overflow:hidden}
#product_list li .thumb img{ display:block; width:100%; height:auto}
#product_list li .text{ display:block; background:#fff; position:relative; padding-top:1px;}
#product_list li .text:before{height:0px; width:0; background:#1c4b81; content:""; position:absolute; left:7%; top:0;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
#product_list li .text a{ font-size:18px; color:#666; display:block; padding:25px 7%; text-align:center; border-bottom:1px solid #e5e5e5;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#home_product  .pmore{ text-align:center; margin-top:35px;}
#home_product  .pmore a{ color:#666; font-size:16px; border:1px solid #e5e5e5; padding:15px 15px; width:205px; display:inline-block}
#home_product  .pmore a:hover{ border-color:#1c4b81; background:#1c4b81; color:#fff}
#product_list  li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
#product_list  li:hover{ -moz-box-shadow:5px 10px 25px rgba(0, 0, 0, 0.1); -webkit-box-shadow:5px 10px 25px rgba(0, 0, 0, 0.1); box-shadow:5px 10px 25px rgba(0, 0, 0, 0.1); }
#product_list  li:hover .text{ background:#f7f7f7;}
#product_list  li:hover a{ border-color:#f7f7f7;}
#product_list  li:hover .text:before{ width:86%;}
.product_cat_p{ text-align:center; padding-bottom:35px;}
.product_cat_p a{ margin:0 15px; text-transform:capitalize; font-size:16px; color:#8d8d8d}
.product_cat_p a:hover{ color:#1c4b81}
/****/
#home_about{ padding:100px 0px; padding-right:50px; background:url(../images/abgg.jpg) repeat-y center center; float:left; width:100%}
.about_thumb{ width:58%; float:left}
.about_thumb img{ display:block; width:100%; height:auto}
.about_desc{ width:42%; padding:50px; padding-right:0; color:#838383; font-size:14px; line-height:1.8; float:left; text-align:left; padding-bottom:0}
.about_desc .h1_title{ text-align:left}
#home_about  .pmore{ text-align:left; margin-top:35px;}
#home_about  .pmore a{ color:#666; font-size:16px; border:1px solid #e5e5e5; text-align:center; padding:10px 15px; line-height:normal; width:125px; display:inline-block}
#home_about  .pmore a:hover{ border-color:#1c4b81; background:#1c4b81; color:#fff}
/****/
#home_adv{ padding:100px 0;float:left; width:100%;}
#home_adv ul{ float:left; width:100%; position:relative}
#home_adv ul:before{ height:1px; background:#e5e5e5; content:""; width:100%; position:absolute; left:0; top:50%; z-index:990}
#home_adv li{ float:left; width:25%; padding:0 50px; position:relative; z-index:998; color:#666; }
#home_adv li,#home_adv li *{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
#home_adv li:before{}
#home_adv li:hover:before{}
#home_adv li b{ font-size:18px; display:block; text-align:center; text-transform:uppercase}
#home_adv li b:after{ width:25px; height:2px; background:#1c4b81; content:""; display:block; margin:0 auto; margin-top:10px;}
#home_adv li p{ display:block; margin-top:15px; line-height:1.6;text-align:center; overflow:hidden; height:66px;}
#home_adv li .adv_c{ padding:0 60px;}
#home_adv li i{ display:block; background:url(../images/adv_1.png) no-repeat center center; height:94px;}
#home_adv li.icon_adv1 i{ margin-top:70px;}
#home_adv li.icon_adv2 i{background-image:url(../images/adv_2.png); margin-bottom:87px}
#home_adv li.icon_adv3 i{background-image:url(../images/adv_3.png);margin-top:70px;}
#home_adv li.icon_adv4 i{ background-image:url(../images/adv_4.png);margin-bottom:87px}
.adv_position{ padding:0 50px;position:absolute; left:0; top:0; width:100%; height:100%; content:""; z-index:990; display:block; filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0 }
.adv_position .adv_ps{ color:#fff; padding:0 60px; background:#1c4b81; height:100%;display:block; text-align:center;margin:0; 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}
#home_adv li:hover .adv_position{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1}
/***/
#home_support{ background:#f7f7f7; padding:100px 0}
#home_support ul{ max-width:1345px; margin:0 auto;}
#home_support li{ float:left; width:24%; margin-right:1.333333333333333%; background:#fff}
#home_support li span.thumb{ display:block; overflow:hidden}
#home_support li span.thumb img{ display:block; width:100%; height:176px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
#home_support li:nth-child(4n){ margin-right:0}
#home_support li .title{ padding:15px; line-height:1.6}
#home_support li .title b{ color:#666; font-size:18px; display:block; font-weight:normal}
#home_support li .title p{ color:#666; line-height:1.4; display:block; padding-top:5px;}
#home_support li:hover{ background:#1c4b81; color:#fff}
#home_support li:hover .title b,#home_support li:hover .title p{ color:#fff}
#home_support li,#home_support li *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
#home_support li:hover span.thumb img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
/***/
#home_news{padding:100px 0; float:left; width:100%}
.news_ulist{max-width:1345px; margin:0 auto;}
.news_ntop{ float:left; width:60%; padding-right:80px; position:relative}
.news_ntop:after{height:100%; display:block; content:""; width:1px; background:#e5e5e5; position:absolute; right:40px; top:0}
.news_ntop .thumb{ display:block; float:left; width:55%;}
.news_ntop .thumb img{ display:block; width:100%; height:auto}
.news_ntop .title{ float:left; width:45%; padding-left:25px;}
.news_ntop .title b{ font-size:16px; color:#666; line-height:1.5}
.news_ntop .title p.time{ color:#b4b4b4; display:block; padding-top:15px; margin-bottom:25px;}
.news_ntop .title p.desc{ color:#a2a2a2; line-height:1.4}
.news_ntop .pmore{ text-align:left; margin-top:30px;}
.news_ntop  .pmore a{ color:#666; font-size:16px; border:1px solid #e5e5e5; text-align:center; padding:10px 15px; line-height:normal; width:125px; display:inline-block}
.news_ntop .pmore a:hover{ border-color:#1c4b81; background:#1c4b81; color:#fff}
.news_lili{ float:left; width:40%;}
.news_lili li{ position:relative; padding-left:100px; line-height:20px; margin-bottom:12px}
.news_lili li small{ color:#b4b4b4; position:absolute; left:0; top:0;}
.news_lili li a{ color:#666; line-height:20px; display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news_lili li a:hover{ text-decoration:underline}
.news_lili li a:hover,.news_ntop .title:hover b{ color:#1c4b81}
/***/
.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:#313131; color:#7e7e7f; line-height:1.5; font-size:14px;}
.footer{padding:50px 0; max-width:1345px; margin:0 auto}
.footer li{ float:left; margin-right:55px;}
.footer li a{ color:#7e7e7f; text-transform:capitalize}
.footer li a:hover{ color:#fff}
.footer li b{ margin-bottom:10px;}
.footer li p{ margin:5px 0;}
.footer li b,.footer li b a{ color:#fff; text-transform:uppercase; display:block}
.footer li.contact{ float:right; margin-right:0; width:500px; padding-right:150px; position:relative}
.footer li.contact p small{ display:block; position:absolute; left:0; top:0; line-height:21px;}
.footer li.contact p.tel,.footer li.contact p.mobile,.footer li.contact p.fax{ position:relative; padding-left:60px;}
.footer li.contact .code{ display:block; width:120px; position:absolute; right:0; top:32px;filter:alpha(opacity=50); -webkit-opacity:.5; -moz-opacity:.5; -khtml-opacity:.5; -ms-opacity:.5; -o-opacity:.5; opacity:.5}
.footer li.contact .code img{ display:block; width:100%; height:auto}
copyright{ background:#000; text-align:left; float:left; width:100%;}
copyright .w1200{ padding:15px 0; width:1345px; margin:0 auto; color:#7e7e7f}
copyright .w1200 a{color:#7e7e7f; vertical-align:top}
copyright .w1200 font{ margin:0 15px;}
/**/

/***/
#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; }
/***********************导航***********************/
div.burger {height:50px;width:40px;position:absolute;top:-5px;right:25px;cursor:pointer;z-index:9999;display:none;}
/**************************************************************/
div.x, div.y, div.z { position:absolute; margin:auto; top:0; bottom:0; background:#1c4b81; 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:1260px) {
div.burger{display: block;}
/**/
.search_form{ display:none}
.language{ top:18px; right:80px;}
.language a{ display:none;}
.language a.on{ display:block; background:none; border:0; color:#1c4b81; padding:0; width:auto; font-size:14px; font-weight:bold}
.site-header{ height:60px;}
#top.scroll .site-header .logo,.site-header .logo{ top:8px;width:117px;}
.site-header .logo a{width: 117px;height:40px;}
#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;}
#menu{ background:#1c4b81; overflow:auto; padding:20px 0}
#menu li{ float:left; width:100%; padding:0; margin:0; border:0; margin-bottom:0px; line-height:normal;border-bottom:1px solid rgba(255,255,255,0.2)}
#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: 12px 50px; color:#fff; font-size:18px; position:relative; float:none}
#menu li a .fa{ position:absolute; right:50px; top:15px; display:block}
#menu li .sub_menu{ position:static; background:rgba(0,0,0,0.1); width:100%; text-align:left}
#menu li ul li a, #menu li.selected li a{ text-align:left; color:#fff; border:0}
#menu li ul li{ border-color:rgba(255,255,255,0.2)}
#menu li a:hover, #menu li.selected a{ color:#fff; background:rgba(0,0,0,0.3)}
#menu li ul li a, #menu li.selected li a{ padding:10px 50px; 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:#fff; background:rgba(0,0,0,0.2); color:#fff }
#menu li{ position:relative}
#menu li *{ float:none}
#menu li .sub_menu{ float:left; padding:0}
#menu li ul li{ padding:0 0px; float:none}
#menu li ul li a, #menu li.selected li a{ padding:15px 50px; display:block}
#menu li ul li a:before, #menu li.selected li a:before{ display:none}

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

}
@media screen and (max-width:1600px) {
.about_thumb{ width:50%}
.about_desc{ width:50%}
.about_desc{ padding-top:0}
.about_desc .h1_title{ margin-bottom:30px;}
#home_adv li{ padding-left:0; padding-right:0}
}
@media screen and (max-width:1460px) {
#home_adv li .adv_c{ padding: 0 30px;}
.adv_position{padding: 0 30px;}
#home_about{ padding-left:0px; padding-right:0; padding:0; background:#f5f5f5}	
.about_thumb{ width:100%}
.about_desc{ width:100%; padding:100px 50px;}
#home_support ul{ max-width:none; padding-left:50px; padding-right:50px;}
#home_support li span.thumb img{ height:12.19178082191781vw;}
.news_ulist{max-width:none; padding-left:50px; padding-right:50px;}
.footer{max-width:none; padding-left:50px; padding-right:50px;}
copyright .w1200{width:100%; padding-left:50px; padding-right:50px; line-height:1.6}
/***/
.footer li{ margin-right:0; width:25%}
.footer li.contact{ float:left;}
}
@media screen and (max-width:1090px) {
.news_ntop{ width:100%; padding-right:0;line-height: 20px;margin-bottom: 12px;}
.news_ntop:after{ display:none}
.news_lili{ width:100%}
.news_ntop .thumb{ width:40%; display:none}
.news_ntop .title{ width:100%;position:relative; margin-bottom:0; padding-top:0;    padding-left: 100px;}
.news_ntop .pmore{ display:none}
.news_ntop .title p.desc{ display:none}
.news_ntop .title p.time{ position:absolute; left:0; top:0; margin:0; padding:0;font-size:12px;}
.news_ntop .title b{ font-weight:normal; font-size:14px;}
.news_lili li a{ overflow:visible;white-space:normal}
}
@media screen and (max-width:1000px) {
#home_adv li{ float:left; width:50%; position:relative; padding:25px 50px;padding-left:150px;}
#home_adv li p{ height:auto}
#home_adv li.icon_adv1,#home_adv li.icon_adv2  {border-bottom:1px solid #ddd; }
#home_adv li.icon_adv1,#home_adv li.icon_adv3  {border-right:1px solid #ddd; }
#home_adv li.icon_adv1 i,#home_adv li.icon_adv2 i{ margin-top:0}
#home_adv li .adv_c{ padding:0;}
#home_adv li i{ margin-top:0px; position:absolute; left:50px; top:25px; width:60px; height:54px; background-size:auto 100%}
#home_adv li.icon_adv3 i{ margin-top:0}
#home_adv ul:before{ display:none}
.adv_position{ display:none}
#home_adv li .adv_c *{ text-align:left}
#home_adv li b:after{ margin-left:0; margin-right:0}
/***/
#home_product,.about_desc,#home_adv,#home_support,#home_news{ padding-top:8%; padding-bottom:8%;}
.h1_title{ margin-bottom:25px;}
/***/
.product_cat_p a{ font-size:14px;}
.h1_title span{ font-size:20px;}
#home_product, .about_desc, #home_adv, #home_support, #home_news{ padding-top:50px; padding-bottom:50px;}
.site-header{ padding-left:25px; padding-right:25px;}
.site-header .logo{ left:25px;}
div.burger{ right:10px}
#top.scroll .language{ right:70px;}
#banner .owl-dots div{ width:40px; height:3px;}
#banner .owl-dots{ bottom:15px;}
.product_cat_p{ padding-bottom:25px;}
#home_product,.about_desc,#home_support ul,.news_ulist,.footer,copyright .w1200{ padding-left:25px; padding-right:25px;}
#home_about .pmore{ text-align:center;}
#home_about .pmore a{width: 205px;}
#home_adv li{ padding:25px; padding-left:115px;}
#home_adv li i{ left:25px;}
#home_adv li b{ font-size:16px;}
#home_support li span.thumb img{ height:12.4vw}
}
@media screen and (max-width:900px) {
.footer li{ width:33.3333%; margin-bottom:25px;}
.footer li.contact{ width:100%; margin-bottom:0}
}

@media screen and (max-width:800px) {
	#product_list li{ width:48.5%; margin-right:3%; margin-bottom:3%}
	#product_list li:nth-child(2n){ margin-right:0}
	#product_list li .text a{ padding:15px 0; font-size:16px;}
	#home_support li{width:48.5%; margin-right:3%; margin-bottom:3%}
	#home_support li:nth-child(2n){ margin-right:0}
	#home_support li span.thumb img{ height:auto}
	/***/
	#home_adv li{ padding-left:25px;}
	#home_adv li i{ left:0px; top:25px; width:100%}
	#home_adv li b{ padding-top:74px; text-align:center; line-height:1.6}
	#home_adv li .adv_c *{ text-align:center}
	#home_adv li b:after{ margin-left:auto; margin-right:auto}
	#home_support li .title b{ font-size:16px; font-weight:bold}
	#home_support li .title p{ font-size:13px;}
	}
@media screen and (max-width:700px) {
.footer li{ display:none}	
.footer li.contact{ display:block; margin-bottom:0}
.footer{ padding-top:30px; padding-bottom:30px;}
}
@media screen and (max-width:600px) {
.footer li.contact{ padding-right:0}
.footer li.contact .code{ display:none}
}
@media screen and (max-width:500px) {
.news_lili li{ padding-left:0}
.news_lili li small{ position:static}
.news_ntop .title p.time{ position:static}
.news_ntop .title{ padding-left:0;}
#home_product .pmore a,#home_about .pmore a{ width:80%}
/***/
#home_adv li b{ font-size:14px;}
#home_adv li p{ display:none}
#home_adv li b:after{ display:none}
#home_support li .title b{ font-size:14px; font-weight:bold}
#home_support li .title p{ display:none}
#home_support li .title{ padding:12px}
.product_cat_p{ display:none}
	}
.footer li.clear{ display:none}
.footer li.odd{ display:none}

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

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

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

}

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

}

@media screen and (max-width:600px) {
	
}
.all_album{ display:block; text-align:center; padding-top:25px; max-width:1000px; margin:0 auto;}
.all_album p{ display:block; padding:10px 0;}
.all_album a{font-size:18px;}
.all_album a.on{ color:#1c4b81}
/***/
#kefu_online{ position:fixed; right:0; top:50%; margin-top:-120px; z-index:9999}
#kefu_online *{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
#kefu_online p{ display:block; width:50px; height:60px; line-height:50px;color:#fff; text-align:center; padding:5px 0}
#kefu_online p a{ display:block; height:50px; color:#fff; font-size:25px; background:#1c4b81; position:relative;}
#kefu_online p a img{ display:block; width:150px; height:150px; position:absolute; left:550px; top:0;border:1px solid #069fc9;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;
}
#kefu_online p a:hover img{ left:-150px; }
#kefu_online p a:hover{ background:#069fc9}