@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:18px; font-family: Times New Roman; color:#212121; background: #ffffff;}
a{color:#212121;text-decoration:none;}
a:hover{color:#029943; text-decoration:none;}
a img{border:none;} 
* {padding: 0px; margin: 0px; }
.fl {float:left;}
.fr {float:right;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px; width:98%;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,input,textarea,body{padding:0px;margin:0px;border:none;}
table{ border-collapse:collapse;}
em,i{font-style:normal;}
ul,li{list-style:none;}
.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
.clearm{*zoom:1;}
input{ outline:none; vertical-align:middle;}
textarea{resize:none;outline:none;overflow:hidden;}
input.submit,input.reset{cursor:pointer;}
object{display: none;}

@font-face {
  font-family: 'iconfont';  /* project id 716340 */
  src: url('//at.alicdn.com/t/font_716340_e2463gi1mn.eot');
  src: url('//at.alicdn.com/t/font_716340_e2463gi1mn.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_716340_e2463gi1mn.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_716340_e2463gi1mn.woff') format('woff'),
  url('//at.alicdn.com/t/font_716340_e2463gi1mn.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_716340_e2463gi1mn.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}


@font-face {font-family:"OpenSans-Regular";src:url("/fonts/OpenSans-Regular.eot") format("eot"),url("/fonts/OpenSans-Regular.woff") format("woff"),url("/fonts/OpenSans-Regular.ttf") format("truetype"),url("/fonts/OpenSans-Regular.svg") format("svg");font-weight:normal;font-style:normal;}


.main_width{width:1400px; margin:0 auto;}

/*Head*/
.head_bg{margin:0 auto; width:100%; height:80px; background:#f2f2f2;min-width:1400px;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); position: fixed; top: 0; z-index: 9999}
.head{margin:0 auto; width:1400px; height:80px;}
.head .logo{float:left; margin-top:12px;}
.head .logo img{float:left; display:block;}
#nav_menu{float:left; width:750px; margin-top:20px; margin-left:250px;}
#nav_menu li{float:left; line-height:40px;display: block; padding:0 20px;}
#nav_menu li a{display:block; text-align:center; font-size:20px; color:#000;}
#nav_menu li a:hover{color:#029943;}
.nav_menu-item{display:block;}
.navhover a{color:#029943 !important; background: url(/image/mune_bg.png) bottom center no-repeat;}
#nav_menu li ul{margin:0;padding: 0;position: absolute;	visibility: hidden; z-index:999999; border: solid 1px #ccc; border-radius: 5px; background: #fff; margin-left: -50px; margin-top: 20px;}
#nav_menu li ul li{float: none; display: block; border-top: solid 1px #ccc;}
#nav_menu li ul li:first-child{border-top:none;}
#nav_menu li ul li a{display:block; font-size:16px; line-height:40px;color:#212121 !important; font-weight:normal;background:none;}
#nav_menu li ul li a:hover{color:#029943 !important;}
.search{float: left;width: 24px;height: 24px;padding:28px 0 0px 0px; margin-left:150px;}
.search .box{float: right;position: relative;width: 0px;overflow: visible !important;}
.search .box .text{display: none;position: relative;width: 100%;height:26px;border: 1px solid #999;padding: 0 34px 0 10px;float: right;z-index: 8;border-radius: 18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.search .box .btn, .search .box .sub {position: absolute;top:3px;right:8px;width: 19px;height: 19px;cursor: pointer;z-index: 9;}
.search .box .btn{background: url(/image/so.png) 0 0 no-repeat;}
.search .box .sub {display: none;background: url(/image/so.png) 0 0 no-repeat;}
.es{display: block; float: right; margin-top:29px; }

/*advertising*/
.index_banner{margin: 0 auto; width: 100%;min-width:1400px;}
.index_banner .swiper-container {width: 100%;height: 100%;}
.index_banner .swiper-slide {text-align: center; 
      /* Center slide text vertically */
      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;
    }

.index_title{margin:0 auto; width: 100%; text-align: center; padding-top:40px; min-width:1400px;font-size:40px; background: url(/image/title_bg.png) center bottom no-repeat; padding-bottom:10px; color: #212121; font-family: Impact; text-transform: uppercase; margin-bottom:40px;}


/*Products*/
.index-pro{background-color:#f2f2f2;min-width:1400px;}
.index-pro-box{padding:50px 0;box-sizing:border-box;}
.index-pro .slide-pro{position:relative;}
.index-pro .slide-pic{overflow:hidden;margin-bottom:30px;}
.index-pro .slide-pic ul{}
.index-pro .slide-pic li{position:relative;float:left;width:1400px;}
.index-pro .slide-pic li img{height:auto; display: block;}
.index-pro .slide-pic li .text{width:50%;position: absolute;}
.index-pro .slide-pic li .text h3{font-size:25px;color: #222;margin-bottom:10px; font-family: impact;}
.index-pro .slide-pic li .text p{font-size:17px;line-height:35px;color:#222;margin-bottom:30px;}
.index-pro .slide-pic li .index-pro-btn{display: block;width: 30px;height: 30px;background:url(/image/all-icon.png) no-repeat -73px -32px;}
.index-pro .slide-pic li .index-pro-btn:hover{background:url(/image/all-icon.png) no-repeat -329px -81px;}
.index-pro .slide-pic li >div{float: left}
.index-pro .slide-pic li .pro-left{position: relative;width:49.64%;margin-right:0.643%;}
.index-pro .slide-pic li .pro-left .text{top: 8.46%;left:3.6%;}
.index-pro .slide-pic li .pro-right{width:49.64%;}
.index-pro .slide-pic li .pro-right >div{width:100%;position: relative;}
.index-pro .slide-pic li .pro-right >div .text{top: 17.18%;left:7.2%;}
.index-pro .slide-pic li .pro-right >div:nth-child(1){margin-bottom:1.53%;}
.index-pro .index-pro-list{width: 120px;margin:0 auto;}
.index-pro .item-btn{float: left;cursor:pointer;width:16px;height: 16px;background-color: #9b9b9b;border-radius: 10px;margin-right:10px;}
.index-pro .prev{margin-right:10px;}
.index-pro .item-btn.active{width:50px;background-color: #009a43;}

.index_partner{margin:0px auto;width:1400px; overflow:hidden; margin-bottom:50px;}
.index_partner li{float:left; margin-right:10px;display: block; border: solid 1px #f2f2f2;}
.index_partner img{ display:block; width:350px; transition: all 0.8s;}
.index_partner img:hover{transform: scale(1.3); transition: 1s;}

/*About us*/
.index_about{margin: 0 auto; width: 1400px; overflow: hidden;}
.index_about .a_contact{display: block; font-size: 18px; line-height:40px; margin-bottom:40px;}
.index_about .about_left{width: 800px; float: left;}
.index_about .about_left .swiper-container{width: 100%; height: 100%;}
.index_about .about_left .swiper-slide {
      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;
    }
.index_about .about_left .swiper-slide img{display: block; width: 100%;}
.index_about .about_right{width:590px; float: right;}
.index_about .about_right dl{display: block; width: 290px; height: 262px; background: #f2f2f2; float: left; margin-bottom: 10px; margin-left: 10px;}
.index_about .about_right dl:first-child{margin-left: 0px;}
.index_about .about_right dl:nth-child(3){margin-left: 0px;}
.index_about .about_right dl dd{display: block; text-align: center; margin-top: 30px;}
.index_about .about_right dl dd i{font-size: 54px; color: #707070;}
.index_about .about_right dl dt{display: block; width: 290px;}
.index_about .about_right dl dt h1{display: block; text-align: center;font-size: 20px; font-weight: bold; padding:8px 0;}
.index_about .about_right dl dt p{display: block; padding:0 10px; font-size: 16px; text-align: center; line-height:25px;}
.index_about .about_right dl:hover{background: #009a43; clear: #fff;}
.index_about .about_right dl:hover i{color: #fff;}
.index_about .about_right dl:hover dt{color: #fff;}


/*Video*/
.index_video_bg{margin: 0 auto; width: 100%; background: #f2f2f2; margin-top: 50px; padding-bottom:50px;min-width:1400px;}
.index_video{margin: 0 auto; width: 1400px; overflow: hidden;}
.index_video li{display: block; width:24%; float: left; margin-left: 1.333%;}
.index_video li:first-child{margin-left: 0px;}
.index_video li img{display: block; width: 100%;transition: all 0.8s;}
.index_video li img:hover{transform: scale(1.2); transition: 1s;}

.list_banner{margin:0 auto; width:100%; min-width:1400px; padding-top:80px;}
.list_banner img{margin: 0 auto; display: block; width: 100%;}

/*Location*/
.location_bg{margin: 0 auto; width:100%;  height:80px; background: #f2f2f2;min-width:1400px;}
.location{margin: 0 auto; width:1400px;line-height:80px;}
.location_left{ float: left; display: block; line-height:80px;}
.ListNav { display: block; float: right;position: relative;}
.ListNav li {font-size:18px;float: left; margin: 0 10px;}
.ListNav li a {display:block; line-height:78px;}
.ListNav li a:hover{position: relative;z-index: 9;color: #029943; border-bottom: solid 2px #029943;}
.ListNav .currclass a{position: relative;z-index: 9;color: #029943; border-bottom: solid 2px #029943;}


/*Content*/
.mainContent{margin:40px auto; width:1400px;}
.content{display: block; text-align: center; margin: 30px 0; font-size:30px; background: url(/image/title_bg.png) center bottom no-repeat; padding-bottom:10px; color: #009a43; font-family: Impact; text-transform: uppercase;}

.list_contact{display:block; margin:20px 0; line-height:35px;}
.list_contact img{max-width:1400px; display: block; margin: 0 auto;}
.list_contact .title{display: block; text-align: center; margin: 30px 0; font-size:30px; background: url(/image/title_bg.png) center bottom no-repeat; padding-bottom:10px; color: #009a43; font-family: Impact;}
.list_contact .contact{display:block; line-height:35px;margin-top:10px;}
.list_contact .date{display:block; line-height:35px;margin-top:10px; text-align: center; color: #999;}
.list_contact .my_contact{display: block; clear: both;}
.list_contact .my_contact img{display: block; float: right;}

.mainContent .about_right{display: block; overflow: hidden; margin-top: 20px;}
.mainContent .about_right dl{display: block; width:24.45%; height: 262px; background: #f2f2f2; float: left; margin-bottom: 10px; margin-left: 10px;}
.mainContent .about_right dl:first-child{margin-left: 0px;}
.mainContent .about_right dl dd{display: block; text-align: center; margin-top: 30px;}
.mainContent .about_right dl dd i{font-size: 54px; color: #707070;}
.mainContent .about_right dl dt{display: block; width:96%;}
.mainContent .about_right dl dt h1{display: block; text-align: center;font-size: 20px; font-weight: bold; padding:8px 0;}
.mainContent .about_right dl dt p{display: block; padding:0 10px; font-size: 16px; text-align: center; line-height:25px;}
.mainContent .about_right dl:hover{background: #009a43; clear: #fff;}
.mainContent .about_right dl:hover i{color: #fff;}
.mainContent .about_right dl:hover dt{color: #fff;}


.list_contact_img{width:100%; margin:20px 0;}
.list_contact_img li{float: left; width: 32.1%; margin: 1% 0.5%; overflow: hidden; border: solid 1px #f2f2f2;}
.list_contact_img li img{display: block; width: 100%;transition: all 0.8s;}
.list_contact_img li img:hover{transform: scale(1.3); transition: 1s;}
.list_contact_img li p{background: #f2f2f2; width: 100%; display: block; height:50px; line-height:50px; text-align: center;}


.list_news{display:block; margin:20px 0;}
.list_news dl{ height:120px; border-bottom:1px #ddd dotted; padding:15px 0;}
.list_news dd{float:left; height:110px; width:1400px;}
.list_news dd h4 span{float:right; font-weight:normal;color:#9C9C9C;}
.list_news dd p{line-height:25px; padding-top:5px; color:#9C9C9C;word-wrap: break-word;}

/*search*/
.searchlist .border{ padding:20px 0; font-size:20px; color:#999;}
.searchlist ul{ padding-top:15px;}
.searchlist li{ line-height:28px; border-bottom:1px dashed #E5E5E5; padding-bottom:12px}
.searchlist span.art_title{ height:35px; line-height:35px; display:inline-block;}
.searchlist span.art_title a{ font-size:20px;}


/*Product content*/
#list_info{margin:30px 0; display:block; text-align: center; font-size:30px; line-height: 50px; font-weight: bold;}
#list_product_content{display:block;}
#list_product_content .title{font-size:35px; display:block; text-align:center; font-weight:bold; padding: 10px 0;}
#list_product_content .contact{display:block; line-height:30px;}
#list_product_content .contact table{border: solid 1px #ccc; border-top: none;border-right: none;}
#list_product_content .contact td{border: solid 1px #ccc; border-bottom: none; border-left: none; text-align: center;}

#list_product_content .contact img{max-width:1400px; display:block; margin:0 auto;}
#list_product_content #next{ display:block; margin-top:15px; text-align:center; padding-top:8px;}
.prodtitle {font-size:26px; padding: 10px 0; font-weight: bold;}
.products_show_1 {PADDING-TOP: 15px; display:block;}
.show_left {FLOAT: left; width:550px; margin-top:13px;}
.show_right {WIDTH:790px; FLOAT: right;}
.show_right .d_contact{display:block; line-height:40px; font-size:18px; color: #333;}
.show_right .d_contact strong{font-size: 16px;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:550px; height:550px; max-width:550px; max-height:550px; border:solid 1px #eee;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:550px;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{width:550px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:2px; background:url(/image/left.gif) no-repeat; margin-top:20px;}
.spec-scroll .next{float:right; background:url(/image/right.gif) no-repeat; margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:510px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:74px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:1px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:1px;}




/*Pagination*/
#fenye{clear:both; margin:20px 20px 0 0;}
#fenye .prev_h,#fenye .next_h{ display: block; padding: 0 5px; text-align:center;line-height:28px;}
#fenye a.curr{background:#009a43; border:1px solid #009a43; color:#fff; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{padding: 0 10px; display: block; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:14px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye a:hover{background:#009a43;border:1px solid #009a43;color:#fff; text-decoration:none}

/*Search*/
.search_product{display:block; padding:20px 0;}
.search_product dl{float:left; width:23.5%; overflow: hidden; margin: 1% 0.5%;}
.search_product dl dd img{width:100%; display: block;border-radius:8px 8px 0 0;transition: all 0.8s;}
.search_product dl dd img:hover{transform: scale(1.3);}
.search_product dl dt{display:block; text-align:center; line-height:40px; height: 40px; font-size:16px; background: #f2f2f2; overflow: hidden;}


/*float*/
.floating_ck{position:fixed;right:2px; bottom:0px; z-index:99999999999}
.floating_ck dl dd{position:relative;width:38px;height:30px;text-align:center;color:#029943;cursor:pointer; background:#fff; border: solid 1px #029943; border-radius:5px; padding-top:6px; margin-top: 5px;}
.floating_ck dl dd:hover{background-color:#029943; color: #fff;display:block;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd i{font-size:1.5rem;display:block;}
.floating_ck dd a{color:#029943; display: block;}
.floating_ck dd a:hover{background-color:#029943; color: #fff !important;}

/*Bottom*/	
.footer{margin:0 auto; width:100%; background:#1c1c1c; min-width: 1400px;color: #c7c7c7; padding-top:60px;}
.footer a{color: #c7c7c7;}
.footer a:hover{color: #009a43;}
.foot{width:1400px;margin:0 auto;}
.foot .nav_left{float:left; padding-left:155px;;}
.foot .nav_left:first-child{padding-left:0px;}
.foot .nav_left h1{display:block; font-weight: normal;font-size:22px; margin-bottom:10px; color:#fefefe}
.foot .nav_left li{display:block; line-height:35px; font-size:18px;}
.foot .nav_left p{line-height:28px;}


.Copyright{margin:0 auto; width:1400px; border-top: solid 1px #7b7b7b; margin-top:40px;}
.Copyright p{display: block; float: left; margin-top:20px;}
.Copyright p a{display: block; width: 36px; height:30px; float: left; margin-left:16px;border: solid 1px #c7c7c7; border-radius: 100px; text-align: center; padding-top:6px; }
.Copyright p a:hover{border: solid 1px #009a43;}
.Copyright p a i{font-size:25px; color: #707070;text-align: center;}
.Copyright p a:hover i{font-size:25px; color: #009a43;text-align: center;}
.Copyright p a:first-child{margin-left: 0px;}
.Copyright span{display: block; float: right; line-height: 80px;}



