/*---------- import ---------*/
@import url("page.css");


/*---------- base ---------*/
html,body { font-size:14px; font-family:'微软雅黑'; color:#333; line-height:24px; min-width:1100px; }
a:link { color:#333; text-decoration:none; }
a:visited { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#511b1b; }
a:active { text-decoration:none; color:#333; }
a img, img { border:none;vertical-align:middle; } 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
input, textarea, select, button, file { vertical-align:middle}
h1, h2, h3, h4, h5, h6 { font-weight:normal}
.c{overflow:hidden; clear:both ; height:0px;padding:0px;margin:0px;  }
.color { color:#e70012 }


.top { height:36px; line-height:36px; font-size:15px; color:#fff; background:#232323; text-align:right }
.top p { width:900px; margin:0px auto }
/*---------- frame : header ---------*/
.header { width:1000px; height:80px; margin:0px auto 20px auto; z-index:99; border-bottom:1px solid #eee; }
.header .logo { height:70px; float:left; margin:5px auto}
#navMenu { float:right; height:80px; }
#navMenu ul>li { font-size:16px; float:left; padding:0px 22px; text-align:center; height:80px; position:relative; color:#888; background: url(../images/navline.gif) no-repeat center left;}
#navMenu ul>li a { height:40px; display:block; color:#333; padding:22px 18px 18px 18px; line-height:20px; }
#navMenu ul>li a p { font-size:12px; font-family:Arial, Helvetica, sans-serif }
#navMenu ul>li.active a, #navMenu ul>li:hover a { background:#dbdbdb; color:#e70012 }
#navMenu ul>li.active, #navMenu ul>li:hover { color:#e70012 }

/*-------- 下拉菜单 --------------*/
.dropMenu { position:absolute; top: 80px !important; left:0px; z-index:100; width: 100px; visibility: hidden; display:none; }
.dropMenu li { height:36px; line-height:36px; margin-top:1px; +margin-top:-3px; background:#fff; text-align:center;  }
.dropMenu a { display: block; font-size:14px }
.dropMenu a:hover { background:#dbdbdb }


/*------ //搜索框 ---------*/
.searchbox {  padding:15px 20px; width:220px; position:absolute; right:0; top:101px; background:#fff; }
.searchbox form { position:relative }
.searchbox .search-keyword {width:210px; height:30px; line-height:30px;border:1px solid #ccc; padding:0px 5px; color:#999; overflow:hidden }
.searchbox .search-submit { position:absolute; right:0px; top:1px; cursor:pointer; width:32px; height:30px;border:0px; background:#fff url(../images/searchbtn.png) no-repeat center; font-size:0px; }
.searchbox .search-option { display:none }



/* 友情链接 */
.link_title { font-size:18px; color:#818181; border-bottom:1px solid #ccc; height:36px; margin-top:40px; }
.link { height:60px; width:1200px; margin:20px auto; position:relative }
.link #goL { width:25px; height:50px; position:absolute; left:0px; top:0px; }
.link #goR { width:25px; height:50px; position:absolute; right:0px; top:0px; }
/* #marquee */
#marquee {width:1140px;height:60px;overflow:hidden; margin:0px auto}
#marquee ul li{float:left;width:190px; text-align:center }
#marquee ul li img { height:60px;width:170px;}

/*----------底部样式---------*/
.footer { height: auto; padding:35px 0px; background:#5d5d5d; margin-top:40px;  }
.footer .wrapper { width:1100px; }
.foot_l { float:left; height:50px; padding:50px 0px 0px 150px; background: url(../images/logo_icon.png) no-repeat top left; }
.foot_l ul li { font-size:14px; float:left; text-align:center; height:40px; position:relative; color:#888; background: url(../images/fline.gif) no-repeat center left;}
.foot_l ul li.home { background:none }
.foot_l ul li a { height:40px; display:block; color:#ddd; padding:0px 30px;  line-height:20px; }
.foot_l ul li a p { font-size:12px; color:#959595; font-family:Arial, Helvetica, sans-serif }

.foot_r { float:right; margin-top:10px; width:330px; font-size:12px; line-height:28px; color:#ddd; }
.foot_r img { width:86px; float:left; margin-right:30px; }
.foot_r h3 { font-size:16px; } 
.copyright { height:30px; line-height:30px; font-size:12px; text-align:center; background:#232323; color:#ccc;  }
.copyright a { color:#ccc }

/*右侧快捷*/
.bottom_tools { position:fixed;z-index:1070; width:50px; right:12px;bottom:200px; background:#fff;text-align:center; }
.bottom_tools a { display:block;width:40px;height:50px; margin:0px auto; line-height:76px; border-top:1px solid #ddd; font-size:12px;color:#999; overflow:hidden  }
#online { background: url(../images/r_kefu.png) no-repeat center 3px; border:none }
#qr_tool { background: url(../images/r_ewm.png) no-repeat center 6px; cursor:pointer;}
#scrollUp { background: url(../images/r_up.png) no-repeat center 6px; display:none;  }
.qr_img { position:absolute; width:110px; top:-5px;left:-120px;display:none;}
 

/*--------------- 首页 -----------------*/
/*幻灯片*/
.flexslider{position:relative;height:460px; padding:20px 0px; overflow:hidden;background:#e3e3e5 url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:460px;}
.flex-control-nav{position:absolute;bottom:50px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:16px;height:16px; border-radius:50%; overflow:hidden; margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:80px;overflow:hidden; cursor:pointer; background:#fff }
.flex-control-nav .flex-active { background:#aaa }
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:48%;}
.flex-direction-nav li a{display:none;width:40px;height:80px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px; background:url(../images/right.png) center center no-repeat;}

.ibanner {height:460px; padding:10px 0px; overflow:hidden;background:#e3e3e5 }
.ibanner .a1 { height:460px; width:273px; display:block; float:left; margin-right:10px; }
.ibanner img { margin-top:10px;margin-right:10px;}
.ibanner a:hover { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}


.ititle { width:1000px; margin:20px auto; background:url(../images/dot.gif) repeat-x center;}
.ititle h3 { background:#fff; width:180px; height:40px; padding:7px; text-align:center; line-height:20px; margin:0px auto; border:1px solid #231816; border-radius:6px; color:#111; }
.ititle span { font-size:18px; display:block }

/* 快速导栏 */
.imenu { text-align:center}
.imenu li{ height:200px; width:200px; padding:40px; margin:70px 38px; display:inline-block; background:#f9f9f9; border:1px solid #ededed; transition: All 0.8s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; }
.imenu li h3 { color:#111; font-size:16px }
.imenu li p { color:#999 }
.imenu li:hover img { transform:scale(1.08,1.08); transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; }

/* 关于我们 */
.iabout { text-align:center; background:#e3e3e5; margin:40px auto }
.iabout a { display:inline-block; margin:10px; font-size:16px; position:relative }
.iabout a:hover { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.iabout a p { width:100%; position:absolute; bottom:-40px}



/* 新闻中心*/
.scroll-outer{ padding:50px 0px; height:550px; }
#scroll{width:1180px;margin:0 auto; }
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item { position:relative;width:360px;height:460px;margin:0 auto;background:#fff;overflow:hidden;}
#scroll .item img { width:360px; }
#scroll .item .txt { padding:10px 18px }
#scroll .item .txt h4 { color:#888; line-height:36px; }
#scroll .item .txt h4 span { color:#555; float:right; font-size:15px; }
#scroll .item .txt h3 { line-height:36px; }
#scroll .item .txt p { color:#888; }
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
/*箭头*/
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:180px;width:60px; text-align:center;height:90px; line-height:90px; font-size:50px; font-family:"宋体"; color:#888; overflow:hidden;_display:none; background:url(../images/whitebg.png)}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-20px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-20px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}
/*点点*/
.owl-theme .owl-controls{ margin-top: 50px; text-align: center; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 40px;
	height: 4px;
	margin: 0px 5px;
	background: #888;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #d60051;
}



/*--------------- 内页 -----------------*/
.wrapper,.w960 {width:1000px; margin:0px auto; position:relative }
.banner { height:420px; width:100%; position:relative; margin-bottom:50px }
.location { height:32px; line-height:32px; font-size:15px; margin:30px 0; position:relative; display:none; }

.submenu { height:auto; width:180px; float:left }
.submenu ul li { width:180px; margin-bottom:26px }
.submenu ul li h3 { width:180px; height:40px; line-height:17px; font-size:18px; border-bottom:1px solid #ccc; }
.submenu ul li h3 a { display:block; height:32px; border-left:5px solid #511b1b; padding-left:10px}
.submenu ul li h3 span { font-size:13px; color:#949494; display:block; }
.submenu ul li.active h3 a { color:#999 }
.submenu ul li dl dd a { display:block; border:3px solid #e6e8e7; background:#e6e8e7; border-radius:9px; overflow:hidden; text-align:center; width:160px; height:26px; line-height:26px; margin:10px auto; color:#333 }
.submenu ul li dl dd:hover a { background:#fff; }
.submenu ul li dl { display:none }
.submenu ul li.active dl { display: block }

.content { width:780px; float:right }
.title { width:100%; margin:20px auto 30px auto; text-transform:uppercase }
.title h3 { background:#fff; width:190px; height:44px; padding:5px; text-align:center; line-height:24px; margin:0px auto; border:1px solid #231816; border-radius:8px; color:#111; }
.title span { font-size:24px; display:block }



/*新闻列表*/
.news_list ul  { width:1040px }
.news_list ul li { height:440px; width:320px; float:left;margin:0 20px 40px 0; background:#fff; color:#666; position:relative;border-radius: 8px; box-shadow: 0px 6px 6px rgba(231,231,231,1); overflow:hidden; text-align: center  }
.news_list ul li img { height:220px; width:100%; }
.news_list ul li .news_txt { padding:20px }
.news_list ul li h3 { font-size:18px; height:55px; line-height:22px; overflow:hidden }
.news_list ul li span { border-bottom:1px solid #ddd; width:260px; display:inline-block }
.news_list ul li p { color:#999; margin:10px auto;font-size:17px; line-height:28px }

/*新闻详情页*/
.news_text { padding:20px; background:#fff }
.news_text .news_title { font-size:24px; color:#333; line-height:42px; text-align:center}
.news_text .news_info { color:#777;text-align:center; margin-bottom:20px }
.news_text .description { border:1px dashed #ccc; padding:10px 15px; margin:30px auto; color:#777;font-size:15px;  }
.news_text .content img { max-width:100%;  }
.news_text .tags { font-size:16px; float:left }
.news_text .tags a { color:#e70012 }



/*------ 内页框架 ---------*/
.page_list ul li { height:170px; overflow:hidden; padding:20px 0px; border-bottom:1px solid #ddd;line-height:22px; }
.page_list ul li img { width:250px; height:170px; float:left; margin-right:22px;}
.page_list ul li h3 { font-size:22px; margin-bottom:10px }
.page_list ul li p.intro { color:#888; height:30px; font-size:13px;   }





/*视频中心*/
.video_list ul { width:920px;}
.video_list ul li { width:410px; height:270px; float:left; margin:0px 45px 40px 0px; position:relative}
.video_list ul li img { width:410px; height:270px; }
.video_list ul li i {height: 76px; width: 76px;position: absolute;left: 50%;top: 50%; margin-top:-38px; margin-left: -38px; background: url(../images/video.png) center center no-repeat; z-index: 999;}
.video_list ul li p { position:absolute; bottom:0px; left:0px; width:100%; height:45px; line-height:45px; background:url(../images/blackbg.png) }
.video_list ul li p a { color:#fff; display:block; padding-left:55px;background:url(../images/play.png) no-repeat 15px center}
.video_list ul li:hover p { background:#146eca }


/* 弹出视频 */
/*.reveal-modal-bg{ position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}*/
.video-modal{visibility:hidden;top:5%;left:50%;margin-left:-480px;width:920px; padding:20px; background:#fff;position:absolute;z-index:101;  }
.video-modal h3 { height:40px;}
.video-modal .close-video-modal { display:block; position:absolute; width:40px; height:40px; top:12px;right:-25px; cursor:pointer; background:url(../images/close.gif); z-index:9; font-size:0px} 


/* 人才招聘 */
.infos_list { background:#f9f9f9; padding:30px 13px; border:1px solid #eee;}
.infos_list table { text-align: center;  border-collapse: collapse;border:1px solid #999 !important; }
.infos_list tr th { color:#000; background:#e6e8e7; font-size:15px; line-height:20px; font-weight:normal; padding:8px 10px; border:1px solid #ddd; }
.infos_list tr td {  padding:8px 10px; border:1px solid #ddd; border-collapse: collapse }
.infos_list tr td.body { text-align:left }
.infos_list tr:hover td { background:#f9f9f9; }
.infos_list tr:hover td a { color:#111; padding-left:10px; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }




/*-------------- 产品中心 ---------------*/
.listbox { text-align:center;}
.listbox h3 { font-size:22px; color:#555; margin-top:40px }
.listbox h4 { font-size:16px; color:#888; margin:7px auto }
.listbox  ul li {width:280px; height:350px; margin:20px 10px; display:inline-block; background:#fff; border-radius:10px; overflow:hidden; box-shadow: 0px 6px 6px #ccc; +float:left  }
.listbox ul li img { width:280px;height:280px; border-radius: 10px 10px 0 0; }
.listbox ul li h3 { margin:20px auto 0px auto; font-size:18px; color:#333 }

.pro_list { width:860px }
.pro_list ul li { width:220px; height:380px; float:left; margin:10px 50px 20px 5px; text-align:center; overflow:hidden;  }
.pro_list ul li a.pro_box { display:block; width:200px; height:320px; border:12px solid #d1d1d3; position:relative; overflow:hidden  }
.pro_list ul li img { width:200px; height:320px; }
.pro_list ul li .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pro_list ul li:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.20; filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=20);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.pro_list ul li .pic_more { width:60px; height:60px;  position:absolute; top:100%; left:70px; z-index:11 }
.pro_list ul li:hover .pic_more { top:40%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/pmore.png) no-repeat bottom center; }
.pro_list ul li p { font-size:16px; color:#222; line-height:40px }



/*--- 产品详情 ----*/
/*多图展示*/
.ban{ width:100%; height:370px; position:relative; overflow:hidden;  }
.ban2{ width:200px; height:330px; position:relative; overflow:hidden; border:12px solid #d1d1d3; margin:15px auto}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li { width:200px; height:330px;}
.ban2 ul li img { width:200px; height:330px;}
.prev{ float:left; cursor:pointer;}
.num{ height:64px;overflow:hidden; width:100%; position:relative; }
.min_pic{ width:100%;}
.num ul{ margin:0px auto}
.num ul li{ display:inline-block; width:58px; height:58px; margin:0px 2px; border:2px solid #fff; }
.num ul li img { width:58px; height:58px; }
.num ul li.on{ border:2px solid #f60;  }
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:45%; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:45%; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.mhc{ background:#000; width:100%;opacity:0.7;-moz-opacity:0.7;filter:alpha(Opacity=70); position:absolute; left:0; top:0; display:none; z-index:99 }
.pop_up{ width:600px; height:600px; padding:10px; background:#f4f4f4; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-310px; margin-top:-310px; display:none; z-index:199;}
.pop_up_xx { width:40px; height:40px; position:absolute; top:0px; right:-41px; cursor:pointer; color:#888; background:#f4f4f4; text-align:center; line-height:40px; font-size:30px; font-family:"宋体"}
.pop_up2 { width:600px; height:600px; position:relative; overflow:hidden;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li { width:600px; height:600px; float:left; text-align:center }
.pop_up2 ul li img { width: auto; max-width:600px; height:600px; }


/*商品信息*/
.pro_title { text-align:center; font-size:18px}
.pro_content { margin:40px auto }





/*-------------- 联系我们 ---------------*/
/* 在线留言 */
.feedbackform form { margin:30px auto; }
h3.contact_h3 { font-size:20px; line-height:50px; border-bottom:1px solid #ccc; margin-bottom:20px; } 
.feedbackform form p { margin-bottom:15px; } 
.feedbackform form p span { width:78px; display:inline-block }
.feedbackform form input { width:320px; height:34px; padding:0px 10px; line-height:34px;border:1px solid #999; color:#333; font-family:"微软雅黑"; }
.feedbackform form input#name { margin-right:40px}
.feedbackform form textarea#content { border:1px solid #999; width:520px; padding:10px; font-family:"微软雅黑";  }
.feedbackform form #submit { float:left; display:block; width:100px; height:32px; line-height:32px; text-align:center; background:#fff;  font-size:14px;color:#333; border:3px solid #e6e8e7; cursor:pointer; font-family:"微软雅黑"; margin-left:80px; border-radius:8px; overflow:hidden; box-sizing: content-box }
.feedbackform form #reset { float:left; display:block; width:100px; height:32px; line-height:32px; text-align:center; background:#fff;  font-size:14px;color:#333; border:3px solid #e6e8e7; cursor:pointer; font-family:"微软雅黑";border-radius:8px; overflow:hidden; margin-left:15px;box-sizing: content-box }





/*-----------下一篇------------*/
.handle { margin:30px auto; text-align:center}
.handle ul li { display:inline-block; padding:0px 10px; font-size:12px; border:3px solid #e6e8e7; border-radius:15px; overflow:hidden; float:right; margin-right:200px; }


/*-----------搜索页面------------*/
.search_box{ position:relative; padding:10px 0px; overflow:hidden; float:right }
.search_box form { position:relative; width:350px; float:left }
.search_box a { display:block; padding:2px 10px; border:1px solid #ccc; float:right }
.search_box input {
    border-width:1px;
	border-style:solid;
	border-color:#707070 #CECECE #CECECE #707070;
	padding:6px 4px;
	height:18px;
	line-height:18px;
    width:200px;
	margin-right:5px;
}
.search_box select{
   font-size:14px;
   height:31px;
   margin-right:5px;
}
.search_box button {
    background:url(../images/searchbtn.png) no-repeat center; width: 30px; height:30px; line-height:100px; overflow:hidden; border:none; cursor:pointer
}
.resultbar{
	height:32px;
	line-height:32px; margin-bottom:30px;
	background:transparent url(../images/search-top-bg.gif) repeat-x scroll;
	color:#428C5B;
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
 }
.resultbar a { float:right }

.sidebar{
  float:right;
  width:320px;
  word-wrap:break-word;
}
.sidebar h2{
  font-size:14px;
  line-height:25px;
 }
.sidebar  ul {
  padding:4px 8px;
 }
.sidebar  ul li{
  line-height:24px;
  background:url(../images/ico-3.gif) 4px 9px no-repeat;
 }
.resultlist{
  overflow:hidden; border-right:1px solid #dadada; width:820px; float:left; min-height:200px;
}

.resultlist ul li{
  padding-top:15px;
 }
.resultlist ul li h3{
  line-height:30px;
  font-size:16px;
  font-weight:normal;
 }
.resultlist ul li h3 a{
  text-decoration:underline;
 }
.resultlist ul li p{
  line-height:22px;
  color:#333;
  font-size:14px;
  width:650px;
 }
.resultlist ul li span small{
  line-height:22px;
  font-size:12px;
  margin-left:5px;
  color:#999;
 }
.resultlist ul li span a{
  color:#008400;
 }
/*-----------搜索页面 end------------*/