﻿@charset "utf-8";
/* CSS Document */
@font-face { 
	font-family: 'tt';
	src:url('../images/tt7.woff') format('woff');
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #222;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei"; background:#FFF;}
a{text-decoration:none; color:#333;}
a:hover{color:#146bbb;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}
input,form,textarea{font-family:"微软雅黑","Microsoft YaHei";}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.main{width: 1200px;margin: 0 auto;}


.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%;}
.table_cell{ display:table-cell; vertical-align:middle}


.bg_hui{background:#f8f8f8;}
/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}
.picShow img{transition:all 500ms ease-out 0s; }


/* 头部导航 */
.header {height: 96px; width: 100%; background:#fff;}
/*LOGO*/
.header .logo {}
.header .logo h1{ margin-top:18px;}
.header .logo h1 img{height:60px; display:block;}

/*导航*/
.header .menu{}
.header .menu li{float: left; height: 100%!important;}
.header .menu .nav{display: block; padding:0 20px; height: 96px;line-height: 96px;text-align:center;transition: all 0.3s;font-size:15px; color:#555;}
.header .menu .on{background:#146bbb;}
.header .menu .on .nav{color:#fff;}

.header .menu .nav_down{position: absolute;width:100%;border-top:1px solid #ddd;left:0px;background:#fff;display:none;z-index:10;min-width:1200px; margin:auto;}
.header .menu .center_msg{width:1200px;height:300px;padding: 50px 0px 30px 0px;box-sizing:border-box;margin:0 auto;}

.header .menu .msg_left{width:290px; height:175px; overflow:hidden; float:left;}
.header .menu .msg_left img{width:100%; height:100%; border-radius:0px;}

.header .menu .msg_mid{ width:460px; float:left;}
.header .menu .msg_mid dd{width: 40%;float: left; border-bottom: 1px solid #e5e5e5; margin-left:10%; padding:5px 0;}
.header .menu .msg_mid dd a {display: block;height: 35px;line-height: 35px;text-align: left;color: #555;background: url(../images/icon_sj.png) no-repeat left center; padding-left: 20px;}
.header .menu .msg_mid dd:hover a{color:#146bbb;}

.header .menu .msg_right{ width:340px; height:175px; overflow:hidden; float:right; border-left:solid 1px #e5e5e5; padding-left:40px;}
.header .menu .msg_right span{display: block; font-size:16px; font-weight:bold; margin:5px 0 12px 0;}
.header .menu .msg_right p{color:#666666; text-align:justify; line-height:26px;}


/*语言选择*/
.en{ margin-top:35px; margin-left:25px;}
.en select{width:69px;height:26px;padding-left:18px; background:#eee;border-radius:100px;border:none;background:url(../images/sle.png) no-repeat;}
.en select{ border:0px;outline:none;border:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none; }


/*顶部搜索*/
.header_search{margin-left:50px;}
.header .lag{ display:block; line-height:96px; font-size:16px; color:#888;}
.header .serch_btn{ margin-top:23px; display:block;width:50px;height:50px;background:url(../images/icon-sq2.png) no-repeat center;cursor:pointer;}
.serch_in{position:absolute;margin-top:39px;left:56.5%;z-index:333;display: block;width: 22px;height:22px;background:url(../images/wsearch.png) no-repeat center;border: none;cursor: pointer;}
.search_box{width:100%;height:100%;background:#146bbb;position:absolute;top:-100%;left:0px;z-index:1;transition:all 0.6s;}
.serch_txt{width:300px;height:20px;margin-top:30px;border:none;border-bottom:1px solid  #fff;padding:10px;position:absolute;left:50%;margin-left:-160px;color:#fff;background:none;}
.close{width:25px;height:25px;position:relative;display:block;left:70%;top:42px;cursor:pointer;}
.close:before,.close:after{position:absolute;display:block;width:25px;height:2px;background:#fff;content:'';top: 50%;left: 50%;margin-left:-10px;}
.close:before{transform:rotate(45deg);}
.close:after{transform:rotate(-45deg);}
.show{top:0px;}


/*焦点图*/
	#banner {max-width:1920px; margin:auto; position:relative; z-index:1;min-width:1200px;}
	#banner .swiper-slide{text-align:center; overflow:hidden; height:628px; position:relative;}
	#banner .swiper-slide a{display:block; height:100%;}
	#banner .swiper-slide img{width:100%;}
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 13px;height: 13px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:15px;}



/*页面标题*/
.main_tit{text-align:center; min-width:1200px; padding:70px 0 50px;}
.main_tit_z{ font-size:40px; margin-bottom:5px;  color:#146bbb; font-weight:bold; text-transform:uppercase;}
.main_tit_f{ font-size:25px; color:#146bbb;  }



/*公司介绍*/
.index_about_bg{background:url(../images/about_bg.png) no-repeat center top; height:880px;}

.index_about_bg .left{width:624px; height:560px; overflow:hidden; float:left; position:relative;}
.index_about_bg .left .bg{ width:320px; height:100%; background:#f9f9f9; position:absolute; right:0; top:0; z-index:-1;}
.index_about_bg .left .line1{width:50px; height:1px; background:#146bbb; margin-bottom:50px;}
.index_about_bg .left .tit1{font-size:18px; color:#146bbb; text-transform:uppercase;}
.index_about_bg .left h2{font-size:30px; margin-top:20px; margin-bottom:30px;}
.index_about_bg .left .txt{font-size:15px; line-height:32px; padding-right:80px; text-align:justify; color:#444;}
.index_about_bg .left .more{ margin:40px 0;}
.index_about_bg .left .more a{width:125px; height:42px; line-height:42px; display:block; background:#146bbb; text-align:center; color:#fff; border-radius:42px 0 42px 0;}
.index_about_bg .left .more a:hover{background:#1ea952;}

.index_about_bg .left ul{padding-right:30px; }
.index_about_bg .left li{width:25%; float:left;}
.index_about_bg .left li i{font-size: 32px; font-family: 'impact'; font-style:normal; margin-right:5px;}
.index_about_bg .left li p{line-height:30px; font-size:14px; }
.index_about_bg .left li p span{color:#f60; font-weight:bold;}

.index_about_bg .right{width:576px; height:560px; overflow:hidden; float:right; position:relative;}
.index_about_bg .ico_play{ width:72px;height:72px;z-index: 1; position:absolute; left:50%; margin-left:-36px; top:50%; margin-top:-36px; z-index:99; background:url(../images/play.png) no-repeat center center rgba(0,0,0,.6);background-size: contain;  border-radius: 50%;}
.index_about_bg .ico_play a{width:100%; height:100%; display:block;}


/*生产加工*/
.index_culture{ position: relative; height: 520px;}
.index_culture .about_bg{width: 100%;height: 100%; background:rgba(0,0,0,0.68);  text-align:center; color:#fff;}
.index_culture .about_img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:url(../images/cy-bg.jpg) no-repeat center center fixed; background-size:100% auto; z-index:-1;}
.index_culture .about_bg h3{font-size:16px; line-height:22px; font-weight:normal; padding-top:100px;}
.index_culture .about_bg h4{font-size:36px; line-height:36px; font-weight:normal;font-family:'tt',Arial; margin:20px 0 40px 0;}
.index_culture .about_bg p{  line-height:32px; font-size:16px; margin-bottom:85px; width:70%; max-width:860px; margin:auto;}
.index_culture .about_bg a{ display:inline-block; color:#fff; border:solid 2px rgba(255,255,255,0.6); margin-top:42px; width:125px; line-height:42px; border-radius:42px 0 42px 0;}
.index_culture .about_bg a:hover{ background:#1ea952; border:solid 2px #1ea952;}


/*产品中心*/
.pro_bg{background:url(../images/pro_bg.jpg0) left top #374853;}

.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;}

.slideBox .hd{ height:30px; overflow:hidden; position:absolute; left:50%; margin-left:-70px; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:25px; height:25px; line-height:25px; text-align:center; border:solid 1px rgba(255,255,255,0.5); background:rgba(255,255,255,0); color:#fff; cursor:pointer; }
.slideBox .hd ul li.on{border:solid 1px rgba(255,255,255,0.6); background:#1ea952; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul,.slideBox .bd li{height:100%;}
.slideBox .bd li .left{width:50%; height:100%; overflow:hidden; text-align:center;}
.slideBox .bd li .left img{height:100%;}

.slideBox .bd li .right{ position:absolute; left:50%; top:80px; width:540px; margin-left:60px; color:#fff;}
.slideBox .bd li .right h3{font-size:34px; font-weight:normal;}
.slideBox .bd li .right h3:after{content:"";display: block;width:25px;background:#1ea952;height: 3px; margin:25px 0 30px 0; }
.slideBox .bd li .right p{line-height:30px;color: rgba(255,255,255,0.65); font-size:13px;}

.slideBox .bd li .right .more{ margin:70px 0;}
.slideBox .bd li .right .more a{width:125px; height:42px; line-height:42px; display:block; background:#146bbb; text-align:center; color:#fff; border-radius:42px 0 42px 0;}
.slideBox .bd li .right .more a:hover{ background:#1ea952;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; left:50%; top:82%; display:block; width:32px; height:32px; /* filter:alpha(opacity=50);opacity:0.5; */ }
.slideBox .prev{background:url(../images/prev_left.png) no-repeat; margin-left:60px;}
.slideBox .next{background:url(../images/next_right.png) no-repeat; margin-left:100px;}
.slideBox .prev:hover{background:url(../images/prev_left.png) no-repeat #1ea952;}
.slideBox .next:hover{background:url(../images/next_right.png) no-repeat #1ea952;}



/*more*/
.detail{overflow: hidden;}
.detail em{margin-left: -54px;display: inline-block; margin-right: 6px;color: #333;font-size: 12px;opacity: 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.detail span{display: inline-block;width: 24px;height: 8px;font-size: 0px;background: url(../images/ico_arr02.png) no-repeat 0 center;}
.detail:hover em{margin-left: 0px;opacity: 1;}

/*新闻*/
.index_tit{ font-size:32px; color:#000; line-height:32px; margin-bottom:25px;}
.index_tit span{float:right; font-size:13px;}

/* 新闻css */
.picScroll-left{ width:1200px; position:relative; margin:auto;}
.picScroll-left .hd{width:1200px; height:40px; position:absolute; top:200px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url("../images/index.png") no-repeat;}
.picScroll-left .hd .prev{ background-position:-110px -141px; float:left; margin-left:-55px;}
.picScroll-left .hd .next{ background-position:-110px -181px; float:right; margin-right:-55px;}

.picScroll-left .bd{ width:1200px; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; width:383px; margin-right:25px;}

.picScroll-left .bd ul li .news_pic{ width:100%; height:220px; overflow:hidden;}
.picScroll-left .bd ul li .news_pic img{ min-width:100%; height:100%;  display:block;transition:all 500ms ease-out 0s; }
.picScroll-left .bd ul li:hover .news_pic img{
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);}
  
.picScroll-left .bd ul li .news_txt{ padding:25px 15px; border:solid 1px #ddd; border-top:0; background:#FFF;}
.picScroll-left .bd ul li .news_txt h5{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size:16px; margin-bottom:12px;}
.picScroll-left .bd ul li .news_txt p{line-height:26px; color:#666; font-size:13px; height:60px; border-bottom:dotted 1px #ccc; margin-bottom:15px; padding-bottom:10px;}
.picScroll-left .bd ul li .news_txt span{font-size:12px; color:#888;}
.picScroll-left .bd ul li .news_txt span.time{background: url(../images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.picScroll-left .bd ul li .news_txt span.view{background: url(../images/icon_read.png) left center no-repeat; padding-left: 20px;}

.index_more{ text-align:center;}
.index_more a{width:125px; height:42px; line-height:42px; display:inline-block; background:#146bbb; text-align:center; color:#fff; border-radius:42px 0 42px 0;}
.index_more a:hover{ background:#008e52;}

.lookmore {text-align: center;}
.lookmore a{display: inline-block;width: 155px;height: 38px;border: 1px solid #ccc;background: #fff;line-height: 38px;font-size: 14px;color: #333;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.lookmore a:hover{border: 1px solid #146bbb; background: #146bbb; color:#fff;}




.biaodan{ width:1000px; margin:auto;}
.biaodan li{float:left; margin-left:15px;}
.biaodan li input{border:solid 1px #ddd; height:55px; line-height:55px; font-size:15px; color:#666; padding:0 20px; width:210px; box-sizing:border-box;}
.biaodan li input[type="submit"]{width:128px; background:#146bbb; color:#fff; border:none; border-radius:5px; cursor:pointer;}





/*合作伙伴*/
.partner{}
.partner li{width:228px; height:100px; line-height:100px; border:solid 1px #e8e8e8; box-sizing:border-box; text-align:center; overflow:hidden;  float:left; margin:0 15px 15px 0;  transition: 0.3s all;}
.partner li:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.partner li:nth-child(5n){ margin-right:0;}
.partner li img{ display:inline-block;vertical-align: middle; max-width:85%; max-height:80%;}


/* 底部 */
.f_nbg{ width:100%; min-width:1200px; background:#14264C; padding:50px 0 50px 0;}

.fot_logo{width:20%; margin-top:0px;}


.b_weixin{width:260px; text-align:center;}
.b_weixin li{width:100%; float:left;}
.b_weixin li img{ width:108px; height:108px; vertical-align:top; margin-top:5px;}
.b_weixin li p{font-size: 13px; background:none; height:25px; line-height:25px; text-align:center; color:rgba(255,255,255,0.66); padding-top:5px;}

.b_contact{width:28%; margin-left:50px;}
.b_contact b{font-size:16px; color:#fff; margin-bottom:15px; display:block; font-weight:normal;}
.b_contact b:after{content:"";display: block;width:15px;background:rgba(255,255,255,0.25); height: 1px; margin-top:15px; }
.b_contact p{ font-size:13px;color:rgba(255,255,255,0.66); line-height:32px; padding-left:30px;}
.b_contact .p1{ background:url(../images/bot_tel.png) no-repeat left center; background-size:auto 20px;}
.b_contact .p2{ background:url(../images/bot_mail.png) no-repeat left center; background-size:auto 20px;}
.b_contact .p3{ background:url(../images/bot_dingwei.png) no-repeat left center; background-size:auto 20px;}

.f_nav{width:20%;}
.f_nav li{}
.f_nav li b{ display:block; width:100%;   font-weight:normal;margin-bottom: 15px; }
.f_nav li b a{ font-size:16px; color:#fff;}
.f_nav li b:after{content:"";display: block;width:15px;background:rgba(255,255,255,0.25); height: 1px; margin-top:15px; }

.f_nav li p{ width:50%;  line-height:28px; float:left;}
.f_nav li p a{ font-size:13px; color:rgba(255,255,255,0.66);}
.f_nav li p a:hover{color:#146bbb;}


.bq_bg{ width:100%; min-width:1200px; margin:0px auto; padding:15px 0;  background:#141d3a; color:rgba(255,255,255,0.66); text-transform:uppercase; font-size:12px;}
.bq_bg a{color:rgba(255,255,255,0.66);}

.bq_bg span,.bq_bg a{color:rgba(255,255,255,0.66); margin:0 5px;}
.bq_bg span{ float:right; color:#333; font-size:10px;}


/*--------------------*/



/*二级页面*/
.page_ban{ max-width:1920px; margin:auto;position:relative;min-width:1200px; margin:auto;}
.page_ban img{width:100%; display:block;}
.page_ban h5 {font-size: 36px;width: 100%;text-align: center;font-weight: normal;position: absolute;left: 0;top: 50%;margin-top: -18px;color: #fff;}
.page_ban .ban_bg {width: 100%;height: 100%;background: rgba(0,0,0,0.1);position: absolute;left: 0;top: 0;}

.page_ban h3{font-size:36px; width: 100%; text-align:center; font-weight:normal; position: absolute; left: 0; top: 50%; margin-top:-25px;color: #fff;}
.page_ban h3:after{content:"";display: block;width:25px;background:#fff;height: 2px; margin:15px auto 0px auto;}


.page_ban span {font-family: arial;font-size: 18px; display: block; text-align: center; color: #1ea952; text-transform: uppercase; margin-top: 8px;}
.page_ban .n_position{margin-top: 13px; text-align: center;color: rgba(255,255,255,.8);}
.page_ban .n_position a {font-size: 12px;color: rgba(255,255,255,.8);}
.page_ban .n_position a:hover{color:#fff;}

.comm_gray{background:rgba(0,0,0,.56); width:100%; height:100%; position:absolute; left:0; top:0; }
.case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; }

.n_nav_box {height: 92px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box; background:#fafafa;}

.weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:25px;  color:#666; font-size:12px; line-height:92px;}

.sub_nav{}
.sub_nav li{float:left; margin-top:25px; margin-right:35px;}
.sub_nav li a { padding:0 35px; height:42px; line-height:42px; display:block; background:#ddd; text-align:center; color:#333; font-size:15px; border-radius:42px 0 42px 0;}
.sub_nav li.currclass a,.sub_nav li  a:hover{ color:#fff; background:#146bbb;}


/*内页页面标题*/
.page_tit{text-align:center; min-width:1200px; padding:50px 0 35px;}
.page_tit_z{ font-size:28px; margin-bottom:12px;  color:#111;}
.page_tit_f{ font-size:16px; color:#666; text-transform:uppercase;}


/*公司简介*/
.about2_img{width:460px; height:448px; border:solid 1px #ddd; position:relative; box-sizing:border-box;}
.about2_img .img{ position:absolute; left:25px; top:25px; width:100%; height:100%;}
.about2_img .img img{width:100%; height:100%; display:block;}

.shipin_play{width:72px;height:72px; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:-10px; z-index:99; background:rgba(0,0,0,.45);border-radius: 50%;}
.shipin_play img{transition: all 0.8s ease 0s; width:100%; height:100%;}
.shipin_play img:hover{
  cursor:pointer;
  transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */
}


.about_txt{ width:650px;}
.about_txt h3{font-size:28px; font-weight:normal; margin-top:30px;}
.about_txt h6{font-size:15px; font-weight:normal; color:#888; margin:5px 0 25px 0;}
.about_txt p{line-height:28px; text-align:justify; margin-top:15px; color:#555;}


/* 数字变换css */
.product-number-info {position: relative; background:rgba(255,255,255,0.66); height:120px; z-index:999;}
.product-number-info .product-number-inner {width: 1200px; position:absolute;}
.product-number-info ul {padding: 20px 0;}
.q {zoom: 1; }
.product-number-info li {float: left;  width: 300px; padding-left:120px; height: 80px; border-left: 1px solid #ddd; box-sizing:border-box;}
.product-number-info li.li-1{background:url(../images/youshi01.png) no-repeat 65px center;}
.product-number-info li.li-2{background:url(../images/youshi02.png) no-repeat 50px center;}
.product-number-info li.li-3{background:url(../images/youshi03.png) no-repeat 50px center;}
.product-number-info li.li-4{background:url(../images/youshi04.png) no-repeat 45px center;}

.product-number-info li:first-child { border: none;}
.product-number-info li b {font-weight: 300;font-size: 36px;line-height: 1;display: inline-block;position: relative;margin: 10px 0 5px;}
.product-number-info li p {font-size: 14px; color:#666;}
.product-number-info li b i { font-style:normal; font-family:Impact; color:#146bbb;}
.product-number-info li b sup {position: absolute;font-size: 20px; right: -20px;top: -3px; color:#146bbb;}
.product-number-info li b span {position: absolute; font-weight:normal; color:#146bbb; font-size:14px; right: -30px;top: 18px;}


/*团队*/
.team{}
.team li{width:400px; text-align:center; color:#666; float:left;}
.team li img{width:228px; border-radius:50%; margin-bottom:10px;}


/*企业文化*/
.qywh1{ border-bottom:solid 1px #ddd; padding-bottom:60px;}
.qywh1 li{background:#f3f3f5; width:48%; float:left;}
.qywh1 li:nth-child(2){float:right;}
.qywh1 li .pic{float:left;}
.qywh1 li .pic img{display:block;}
.qywh1 li .txt{text-align:center;}
.qywh1 li .txt h5{font-size:22px; padding:35px 0 15px 0;}
.qywh1 li .txt p{line-height:28px; font-size:16px; color:#666;}

.qywh2{}
.qywh2 li{width:280px; float:left; margin-right:20px; position:relative; color:#fff; border-radius:5px; overflow:hidden;}
.qywh2 li:nth-child(4n){ margin-right:0;}
.qywh2 li .pic{ width:100%; height:100%; overflow:hidden;}
.qywh2 li .pic img{width:100%; display:block;}
.qywh2 li .txt{  text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); box-sizing:border-box; padding-top:40%;transition: 0.3s all;}
.qywh2 li .txt h5{font-size:24px; margin-bottom:20px;}
.qywh2 li .txt h5:after{content:"";display: block;width:20px;background:rgba(255,255,255,0.5); height: 2px; margin:25px auto; }
.qywh2 li .txt h6{font-size:16px;  margin-bottom:20px;}
.qywh2 li .txt p{font-size:14px; line-height:24px; padding:0 15px; color:rgba(255,255,255,0.8); transition: 0.3s all;opacity:0;filter:alpha(opacity=0);}
.qywh2 li:hover .txt{background:rgba(0,0,0,0.6);padding-top:25%;}
.qywh2 li:hover p{opacity:1;filter:alpha(opacity=100);}
  


/*==================大事记=================*/
.gz_btn{ position:absolute; top:-7px; left:50%; margin-left:-7px; width:14px; height:14px; border-radius:100%; background:#146bbb;}
.gz_btn:after{ content:""; width:14px; height:14px; background:rgba(20,107,187,0.2); animation:fd_sx 3s linear infinite; display:block; border-radius:50%; position:absolute; top:0px; left:0; z-index:-1;}
@-webkit-keyframes fd_sx{
	0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	50%{-webkit-transform:scale(2);transform:scale(2)}
	100%{-webkit-transform:scale(1.2);transform:scale(1.2)}
	}

#n_dsj  { background:url(../images/bg_dsj.png) center top repeat-y; padding-top:125px; margin-bottom:80px; position:relative;  }
#n_dsj dl{ position:relative;   overflow: hidden;}
#n_dsj dd{ display:block; width:100%;  position:relative; min-height:208px;  margin-bottom: 45px;}
#n_dsj dd .pic{ position:absolute;  top:0; right: 50%; margin-right: -7px; width: 50%; transition:.5s; -webkit-transition:.5s; }
#n_dsj dd .pic img{ float: right; width: 389px; height:208px;  margin-right: 9%;  display:block; border:0px solid rgb( 231, 233, 235 );}
#n_dsj dd .pic:after{ content:""; width:14px; height:14px; background:#bbb;display:block; border-radius:50%; position:absolute; top:50%; margin-top:-7px; right:0; transition:.5s; -webkit-transition:.5s;}

#n_dsj dd .txt { margin-left: 641px; width:559px; padding-top:33px;  }
#n_dsj dd .txt h6{  font-size:25px; display:block; margin-bottom:15px; font-family:arial; transition:.5s; -webkit-transition:.5s;  color:#146bbb}
#n_dsj dd .txt h6 span{ font-size:14px;  margin-left:3px; }
#n_dsj dd .txt p{ text-align:left;  font-size:14px; line-height:28px; color:#666; }

#n_dsj dd:nth-child(2n) .pic{right: auto; margin-right: 0;  left: 50%; margin-left: -7px;}
#n_dsj dd:nth-child(2n) .pic img{margin-right: 0; float: none; margin-left: 9%;  }
#n_dsj dd:nth-child(2n) .pic:after{ left:0;}
#n_dsj dd:nth-child(2n) .txt{ margin: 0; text-align:right !important;}
#n_dsj dd:nth-child(2n) .txt *{ text-align:right !important; }

#n_dsj dd:hover .pic{ top:10px;}
#n_dsj dd:hover .pic:after{ background:#1ea952;}
#n_dsj dd:hover h6{ color:#1ea952}

/*产品介绍*/
.page_pro{}
.page_pro li{background:#fff;  margin-bottom:80px;}
.page_pro li .pic{width:45%; position:relative;}
.page_pro li .pic img{width:100%; display:block;}

.page_pro li .txt{width:55%; padding:30px 50px; box-sizing:border-box;}
.page_pro li .txt h2{font-size:25px; margin:15px 0 20px 0;}
.page_pro li .txt h2:after{content:"";display: block;width:25px;background:#1ea952;height: 2px; margin:15px 0 20px 0; }
.page_pro li .txt p{font-size:16px; color:#666; line-height:30px;}
.page_pro li  .more{ margin:45px 0 25px 0;}
.page_pro li  .more a{width:125px; height:42px; line-height:42px; display:block; background:#146bbb; text-align:center; color:#fff; border-radius:42px 0 42px 0;}
.page_pro li  .more a:hover{background:#1ea952;}


.page_pro li .pdot dd{display:inline-block;vertical-align:middle;font-size:16px;color:#4c4c4c;margin-right:36px;cursor:pointer; transition:0.3S all;}
.page_pro li .pdot dd:nth-child(5){margin-right:0px;}
.page_pro li .pdot dd i{display:inline-block;width:5px;height:5px;background:#ccc;vertical-align:middle;border-radius:50%;margin-right:10px;}
.page_pro li .pdot dd:hover{color:#1ea952;}
.page_pro li .pdot dd:hover i{background:#1ea952;}


/*产品详情*/
.n_page_pro{}
.n_page_pro li{background:#fff;  margin-bottom:80px;}
.n_page_pro li .pic{width:40%; position:relative;}
.n_page_pro li .pic img{width:100%; display:block;}

.n_page_pro li .txt{width:60%; padding:25px 0 0 60px; box-sizing:border-box;}
.n_page_pro li .txt h2{font-size:25px; margin:0px 0 20px 0;}
.n_page_pro li .txt h2:after{content:"";display: block;width:25px;background:#1ea952;height: 2px; margin:15px 0 20px 0; }
.n_page_pro li .txt p{font-size:16px; color:#666; line-height:30px;}
.n_page_pro li .txt .cs{margin-top:25px; padding-left:20px;}
.n_page_pro li .txt .cs dd{font-size: 16px; color:#666; line-height: 30px; background: url(../images/wdot.png) no-repeat left center; padding-left:20px;}
.n_page_pro li  .yy{margin:45px 0 25px 0; transition:0.3s all; width:125px; height:42px; line-height:42px; display:block; background:#146bbb; text-align:center; color:#fff; border-radius:42px 0 42px 0;}
.n_page_pro li  .yy:hover{background:#1ea952;}


.n_page_pro li .pdot dd{display:inline-block;vertical-align:middle;font-size:16px;color:#4c4c4c;margin-right:36px;cursor:pointer; transition:0.3S all;}
.n_page_pro li .pdot dd:nth-child(5){margin-right:0px;}
.n_page_pro li .pdot dd i{display:inline-block;width:5px;height:5px;background:#ccc;vertical-align:middle;border-radius:50%;margin-right:10px;}
.n_page_pro li .pdot dd:hover{color:#1ea952;}
.n_page_pro li .pdot dd:hover i{background:#1ea952;}



/*新闻列表*/
.news_one{ border-bottom:solid 1px #dedede; height:280px;}
.news_one .news_pic{ width:410px; height:240px; overflow:hidden; }
.news_one .news_pic img{width:100%;}
.news_one .news_txt{width:730px;}
.news_one .news_txt h5{font-size:22px; margin:15px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.news_one .news_txt p{ color:#555; line-height:24px; height:48px; overflow:hidden;}
.news_one .news_txt span{font-size:12px; color:#888; margin-bottom:15px; display:inline-block;}
.news_one .news_txt span.time{background: url(../images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_one .news_txt span.view{background: url(../images/icon_read.png) left center no-repeat; padding-left: 20px;}

.news_one .news_more{ margin-top: 40px;}
.news_one .news_more{width:125px; height:40px; line-height:40px; display:block; background:#146bbb; text-align:center; color:#fff; border-radius:40px 0 40px 0;}
.news_one .news_more:hover{background:#1ea952;}


.news_list{}
.news_list dl{ padding:35px 0px; border-bottom:solid 1px #dedede; transition: all .3s;}
/*.news_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}*/
.news_list dl:hover{ background:#f8f8f8;}
.news_list dt{ width:260px; height:150px; overflow:hidden}
.news_list dt img{width:100%;}
.news_list dd{width:820px;}

.news_list dd h5{ font-size:18px; width:420px; margin:20px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_list dd p{text-align:justify; line-height:24px; color:#666;}
.news_list dd span{font-size:12px; color:#888; margin-top:15px; display:inline-block;}
.news_list dd span.time{background: url(../images/icon_time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}
.news_list dd span.view{background: url(../images/icon_read.png) left center no-repeat; padding-left: 20px;}

.page_side{width:280px; float:right; border:solid 0px #ddd;  border-radius:0px;}
.page_side_title{font-size:25px; padding: 20px 0; text-align: center; color:#fff; text-transform:uppercase; background:#00AD66;}

.page_main{width:880px; padding:0 40px; float:left; background:#fff; box-sizing:border-box;}
.page_main .page_main_title{font-weight:normal; border-bottom:solid 0px #ddd; padding-bottom:15px; margin-bottom:10px; background: url(../images/right_title_bg.jpg) repeat-x left bottom;}
.page_main .page_main_title span{font-size:25px; margin-right:10px; border-bottom:solid 6px rgba(255,102,0,0.5); padding-bottom:9px;}



/* 新闻内容页 */
.ntitle{padding:0px 0px 10px 0px;border-bottom: 1px solid #ddd;}
.ntitle h2{font-size: 25px;margin-bottom: 15px;}
.ntitle span{font-size: 12px; color: #888; margin:0px 5px;}

.ptitle{text-align: center;}
.ptitle h2{font-size: 22px;}

.neirong{margin: 25px 0px; line-height: 28px; text-align:justify;overflow: hidden;}
.neirong img{max-width: 100%;}
.neirong p{margin-bottom: 15px;font-size: 15px;}



/*--通用热门关键字---*/
.sx_right_box{border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.sx_right_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(../images/hot.png) no-repeat left 3px; padding-left:50px; margin-bottom:5px;}
.sx_right_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;}

.tags_a{ margin-top:10px;}
.tags_a a{padding:5px 10px;  border-radius:3px; display:inline-block; margin-top:5px;}
.tags_a a:hover{ background:#f90; color:#fff;}

/*大家都在看*/ 
.hot_read {margin-top: 0px;border: solid 1px #ddd;padding: 15px 15px 15px 15px; box-sizing: border-box; background:#fff;}
.hot_read h6 {font-size: 15px;height: 30px;border-bottom: solid 1px #e8e8e8; margin-bottom:10px; }
.hot_read li {line-height: 24px; margin-top:10px;}
.hot_read li img{width:100%;}


/*自定义分页开始*/
.mypages{width:600px; overflow:hidden; margin-left:10px;}
.mypages .clumb{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; display:block;float:left; margin-right:5px;}
.mypages .num{width:22px; height:22px; float:left; background:#a2a2a2; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#4b4b4b;}
.mypages .num:hover,.mypages .hover{background:#000; color:#FFF;}
.mypages .clumb:hover{background-position:0 -22px;}
.mypages .clumb_n{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; background-position:-12px 0; display:block;float:left; margin-left:4px;}
.mypages .clumb_n:hover{background-position:-12px -22px;}
.mypages .curr{width:22px; height:22px; float:left; background:#e0e0e0; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000; }



/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 74px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}


/*生产加工*/
.process_tit{ font-size:36px; text-align:center; margin:60px 0 50px 0;}
.process_nr{font-size:18px; line-height:2; }

/*图片分页*/
.pic_list{ margin-top:25px;}
.pic_list li{width:386px; margin-right:20px; margin-bottom:20px; float:left;}
.pic_list li:nth-child(3n){margin-right:0px;}
.pic_list li .pic{width:100%; height:256px; overflow:hidden;}
.pic_list li .pic img{ width:100%; height:100%;}
.pic_list li p{width:100%;line-height:50px; text-align:center; background:#f5f5f5; font-size:14px; transition: all 0.3s ease 0s;}
.pic_list li:hover p{ background:#146bbb; color:#fff;}

/*资质荣誉列表页*/
.zzry_list li{ width:220px; height:315px; margin:0 10px 20px 10px; position:relative;background:#f0f0f0; text-align:center; float:left; overflow:hidden;}
.zzry_list li img{max-width:85%;max-height:85%;display: inline-block;opacity:1;}
.zzry_list li .txt{ background:rgba(0,0,0,0.3); position:absolute; top:0; right:0; width:0; height:100%; text-align:center; opacity:0;transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.zzry_list li .txt h5{ text-align:center; font-size:16px; font-weight:normal; color:#fff; line-height:315px;  margin-left:-30px; opacity:0;transition:all ease-in-out 400ms;  -webkit-transition:all ease-in-out 400ms; -moz-transition:all ease-in-out 400ms; -ms-transition:all ease-in-out 400ms; -o-transition:all ease-in-out 400ms;}
.zzry_list li:hover .txt{ opacity:1; width:100%; left:0;}
.zzry_list li:hover .txt h5{ margin-left:0; opacity:1;}

/*联系我们单页*/
.lianxi{}
.lianxi .left{float:left;}
.lianxi .right{float:left; width:520px; float:right;}
.lianxi .right h2{font-size:25px; margin:25px 0 5px;}
.lianxi .right h5{font-size:16px; font-weight:normal; color:#888;}
.lianxi .right p{margin-top:35px; line-height:30px;}

.lianxi .right .ewm{ margin-top:36px; }
.lianxi .right .ewm div{ height:129px;}
.lianxi .right .ewm img{ width:129px; height:129px; float:left; border:1px solid #eaeaea;}
.lianxi .right .ewm .txt2{ display:table; padding-left:12px;}
.lianxi .right .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}



/*建议反馈*/
.liuyan{}
.liuyan .left{float:left;}
.liuyan .right{float:right;}
.liuyan .right img{ display:block; border-radius:50%; width:320px;}

.note_red{ font-size:14px; color:#fe0000; margin:0 10px;}
.note_arrow{ color:#999; display:inline-block; background:url(../images/note.gif) no-repeat left center; padding-left:24px; margin-left:10px;}

.fill_textarea{ width:500px; padding:10px 5px; height:120px; border:solid 1px #ddd;}
.fill_textarea:hover{border:solid 1px #ccc; background:#f8f8f8;}

table.fill_table_c{ clear:both; margin:0px auto 10px auto;}
table.fill_table_c input.fill_text{ width:240px; padding:10px 5px; border:solid 1px #ddd;}
table.fill_table_c input.fill_text:hover{border:solid 1px #ccc; background:#f8f8f8;}
table.fill_table_c th,table.fill_table_c td{ vertical-align:top; line-height:2em; padding:10px 5px;}
table.fill_table_c th{ font-size:14px; font-weight:normal; text-align:right;}
table.fill_table_c img{ vertical-align:middle; margin:0 10px;}
table.fill_table_c input.orange_btn{ width:250px; height:50px; line-height:50px;}

input.orange_btn{ border:none; font-size:20px; cursor:pointer; text-align:center; color:#fff; background:#146bbb; font-family:"微软雅黑";}
input.orange_btn:hover{ background:#1ea952; color:#fff; text-decoration:none;}


/*-查看详情-*/
.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}

/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 40px;
  right: 5px;border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #146bbb;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 5px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#146bbb;transition: all 0.3s ease 0s;}







  
  
  