@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:1300px; }
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;
}
/***/
#mobile_height { height:80px;}
#top{ position:fixed; left:0; top:0; width:100%; background:#fff; z-index:9999; min-width:1000px;}
#top, #top .site-header,.logo a{ transition-duration: .4s;
-ms-transition-duration: .4s;
-moz-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
#top li,#top nav,.language{ 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:120px; overflow:hidden; position:absolute; left:50px; top:14px; z-index:9999 }
.site-header .logo a { text-indent:-2000px; background:url(../images/logo.png) no-repeat; background-size:100% 100%; width:120px; height:52px; 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:160px; float:right;}
#top.scroll nav{ height:60px;}
#top.scroll #menu li{ line-height:60px;}
#top.scroll #menu li .sub_menu{ top:60px;}
#top.scroll .site-header .logo{ top:10px;width:90px; height:40px;}
#top.scroll .site-header .logo a{ width:90px; height:40px;}
.language { position:absolute; right:50px; top:28px;}
#top.scroll .language{ top:18px;}
.search_form{ position:absolute; right:165px; top:28px;}
#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 a i{ margin-left:6px;}
#menu li.on a{background:url(../images/v1.png) no-repeat center bottom;}
#menu li{ position:relative}
#menu li a:hover, #menu li.selected a{ color:#14a83c; }
#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:#14a83c;padding-top:10px; padding-bottom:10px; width:100%; -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; 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:6px 0px;text-align:left; font-size:14px; display:block;line-height:normal; background:none; text-transform:capitalize; position:relative }
#menu li ul li a:hover i { display:inline-block }
#menu li ul li a i { display:none;}
#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%}
#menu li#menu1 .sub_menu{ width:180px;}
#menu li#menu30 .sub_menu{ width:180px;}
#menu li#menu3 .sub_menu{ width:160px;}
/***/
.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:#14a83c; background:#14a83c; 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-repeat:no-repeat; background-position: center top; height:685px; }
#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: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:#14a83c }
#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 }
/***/
.h1_title { display:block; text-align:center; margin-bottom:80px; line-height:normal }
.h1_title span { display:block; color:#444; font-size:25px;text-transform:uppercase;text-transform:uppercase}
.h1_title font { text-transform:uppercase; color:#cecece; display:block; padding-top:10px;}
.product_cat_p a:hover{border-color:#14a83c; color:#14a83c}
/***/
.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; padding:60px 0; padding-bottom:50px}
.footer{ width:1200px; margin:0 auto;}
.footer li{ float:left;color:#a2a2a2;}
.footer li.contact{ color:#666; font-size:20px; width:100px; margin-right:100px;}
.footer li.contact font{ display:block; text-transform:uppercase; font-size:18px; color:#a2a2a2; padding-top:10px;}
.footer li.follow span{ color:#a2a2a2; display:block; font-size:18px; margin-bottom:25px;}
.footer li.address{ float:right; width:800px; position:relative; padding-right:190px;}
.footer li.address span{ color:#a2a2a2; display:block; font-size:18px; margin-bottom:25px; font-weight:bold}
.footer li.address font{ display:block; float:left; margin-bottom:15px; padding-left:75px; position:relative; line-height:1.5}
.footer li.address font i{ position:absolute; left:0; top:0; line-height:1.5; font-style:normal}
.footer li.address font.add{ width:100%;}
.footer li.address font.fax{ width:200px; float:right}
.footer li.follow a{ color:#a2a2a2; font-size:16px; margin-right:20px;}
.footer li .code{ position:absolute; right:0; top:0; width:120px; background:#fff; padding:0px;filter:alpha(opacity=0); -webkit-opacity:0 -moz-opacity:0; -khtml-opacity:.0; -ms-opacity:0; -o-opacity:0 opacity:0}
.footer li .code img{ width:100%; height:auto; display:block}
copyright{ background:#363535; padding:15px 0; float:left; width:100%;color:#6f6c6c;}
copyright a{color:#6f6c6c; vertical-align:top}
copyright font{ margin-left:20px;}
/***/
#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; }
/*********/
#home_product{ padding:120px 50px; background:#f5f5f5;}
#product_list{ margin-bottom:50px;}
#product_list li{ float:left; width:24%; margin-right:1.3333333%; margin-bottom:30px; background:#fff}
#product_list li:nth-child(4n){ margin-right:0}
#product_list li .thumb{ display:block; overflow:hidden;}
#product_list li img{ display:block; width:100%; height:auto}
#product_list li .text{ display:block; padding:25px 20px; border-top:1px solid #efefef; position:relative}
#product_list li .text:before{ background:url(../images/idc.jpg) no-repeat; width:15px; height:10px; position:absolute; right:20px; top:50%; margin-top:-5px; content:"";}
#product_list li .text b{ font-size:18px; font-weight:bold}
#product_list li .text span{ font-weight:normal; display:block; font-size:15px; line-height:1.5; color:#666; padding-top:8px;}
#product_list li,#product_list li *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
#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{}
#product_list  li:hover a{ color:#14a83c}
.pmore{ display:block; text-align:center;}
.pmore a{ background:#14a83c url(../images/mion.png) no-repeat center center; color:#fff; display:inline-block; padding:20px 65px;}
/***/
#home_about{ padding:120px 50px; float:left; width:100%}
#home_about .h1_title { text-align:left; margin-bottom:30px;}
#home_about .pmore{ text-align:left}
.about_thumb{ float:left; width:50%;}
.about_thumb img{ display:block; width:100%; height:auto}
.about_desc{ float:left; width:50%; padding-left:50px; line-height:1.6; font-size:14px;}
.about_p{ margin-bottom:50px;}
/***/
#home_news{ background:url(../images/newsbg.jpg) no-repeat; padding:120px 0;}
.home_news{ width:1200px; margin:0 auto;}
.product_cat_p{ text-align:center}
.product_cat_p a{ display:inline-block; border:1px solid #d2d2d2; padding:12px 30px; color:#000; margin:0 15px;}
.news_ulist{ padding:50px 0; padding-bottom:80px;}
.home_news li{ background:#fff; float:left; width:48%; padding:50px; line-height:1.6; position:relative; padding-left:145px;}
.home_news li:before{ width:35px; height:1px; background:#bfbfbf; position:absolute; left:0; top:62px; content:'';}
.home_news li small{ font-size:28px; font-style:normal; position:absolute; left:50px; top:42px; font-family:Arial, Helvetica, sans-serif}
.home_news li small i{ font-style:normal; display:block; color:#696969}
.home_news li small em{ font-size:16px; display:block; color:#adadad; line-height:1.0}
.home_news li:nth-child(2n){ float:right}
.home_news li a{ font-size:16px; display:block}
.home_news li p{ display:block; padding-top:15px; height:100px;}
/***/
#home_cases{ padding:120px 0}
.home_cases{ width:1200px; margin:0 auto}
.case_indexs li{ float:left; width:32%; margin-right:2%; border-bottom:1px solid #ddd; padding-bottom:15px;}
.case_indexs li:last-child{ margin-right:0}
.case_indexs li .thumb{ display:block; width:100%; overflow:hidden; margin-bottom:10px;}
.case_indexs li .thumb img{ display:block; width:100%; height:auto}
.case_indexs li .title{ display:block;}
.case_indexs li .title a{ font-size:14px; font-weight:bold; display:block; padding:15px 0; }
.case_indexs li p{ display:block; line-height:1.6; font-size:13px; color:#666}
.case_indexs li .text{ padding:0 15px;}
#home_cases .pmore{ margin-top:50px;}
#home_cases li,#home_cases li *{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s;-webkit-transition-duration: .3s;}
#home_cases  li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
#home_cases  li:hover{ border-bottom-color:#14a83c; background:#14a83c}
#home_cases  li:hover a{ color:#fff}
#home_cases  li:hover p{ color:#fff}