 
/*---------- import ---------*/
@import url("page.css");

/*---------- base ---------*/
html,body { font-size:18px; font-family:'微软雅黑'; color:#333; line-height:2; min-width:1200px }
a:link { color:#333; text-decoration:none; }
a:visited { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#ff9c03; }
a:active { text-decoration:none; color:#333; }
a img, img { border:none;vertical-align:middle; max-width:100% } 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, 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:#ff9c03 }
hr { height:1px;border:none;border-top:1px solid #ddd;}



/*定义滚动条*/  
::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);   
    background-color: #ddd;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #ccc;  
}  



/*---------- frame : header ---------*/
.header {  width:100%; height:100px; z-index:99; /*background:url(../images/topbg.jpg);*/ background:rgba(232,245,248,0.6) }
.header .logo { float:left; }
.header .logo img { height:80px;margin:10px 0; }

#navMenu { float:right; height:80px; }
#navMenu ul>li { font-size:20px; float:left; margin-right:1px; text-align:center; width:120px; height:100px; line-height:100px; position:relative }
#navMenu ul>li a { display:block; color:#111 }
#navMenu ul>li.active a, #navMenu ul>li:hover a { color:#eb9511 }
#navMenu ul>li.active::after {content: ""; display: inline-block; height:2px; width:35px; background:#eb9511; margin-top:-25px; }
 

/*-------- 下拉菜单 --------------*/
.dropMenu { position:absolute;	top: 100px !important; z-index:100; width: 120px; visibility: hidden; }
.dropMenu li { height:40px; line-height:40px; margin-top:1px; +margin-top:-3px; text-align:center; background:url(../images/wbg.png); font-size:17px }
.dropMenu a { display: block; }
.dropMenu a:hover {	color:#fff; background:#eb9511 }
#dropmenu1 { display:none }


/*------ //搜索框 ---------*/
.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 }

/*----------底部样式---------*/
.footer { height: auto; padding:10px 0px; margin-top:30px; text-align:center; background:#0e203e; color:#ddd; font-size:13px }
.footer a { color:#ddd;}




/*公共样式*/
.wrapper,.w960 {width:1200px; margin:0px auto; position:relative }
.banner { height:450px; width:100%; position:relative; margin-bottom:30px }
@media screen and (max-width: 1440px) {
.banner { height:350px; }
}
.wrapper .content img { max-width:100% }
.page_l { width:300px; float:left;}
.page_r { width:850px; float: right;}

.chtitle { width:300px; height:50px; padding:15px 0; font-size:24px; text-align:center; color:#fff; background:#ff9c03; line-height:28px;  }
.entitle { font-size:14px; text-transform:uppercase; text-align:center; }
.location { height:50px; line-height:48px; border-bottom:1px solid #ccc; margin-bottom:30px; position:relative; overflow:hidden }
.location b { color:#ff9c03; font-size:22px; font-weight:normal; }
.location span { float:right; color:#999; font-size:14px; line-height:52px; }
.location span a { color:#999; }

.submenu { width:100%; }
.submenu ul li { border-bottom:1px solid #ddd; padding:0px 10px; height:48px; line-height:48px; font-size:17px; overflow:hidden }
 
.submenu ul li a { display:block; }
.submenu ul li.current a { color:#ff9c03 }

.submenu2  { height:79px; border-bottom:1px solid #ccc; margin-bottom:30px; }
.submenu2 .chtitle { width:260px }
.submenu2 .chtitle { float:left; }
.submenu2 ul { float:left; margin-left:50px; margin-top:30px }
.submenu2 ul li { display:inline-block; height:50px; line-height:42px; font-size:20px; margin-left:25px }
.submenu2 ul li a { padding-bottom:14px }
.submenu2 ul li.current a { color:#ff9c03; border-bottom:2px solid #ff9c03;}
.submenu2 span { float:right; margin-top:40px;color:#999; font-size:16px  }
.submenu2 span a { color:#999 }

/*幻灯片*/
.flexslider{position:relative; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;height:100%;}
.slides li { height:100%;}
.slides li img { width:100%; height:100% }
.flex-control-nav { position:absolute;bottom:60px; z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display: inline-block;width:30px;height:6px; margin:0 4px; overflow:hidden}
.flex-control-nav a{display:block;width:30px;height:6px; line-height:80px;overflow:hidden; cursor:pointer;background-color: rgba(255,255,255,.4); }
.flex-control-nav .flex-active { background:#fff }
.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;}




/*新闻列表*/
.news_list ul  { }
.news_list ul li { height:400px; width:340px; float:left; margin:20px 30px; position:relative; overflow:hidden; text-align: center }
.news_list ul li img { height:250px; width:100%; }
.news_list ul li .news_txt { padding:10px }
.news_list ul li h3 { font-size:18px; line-height:26px; padding-bottom:10px; overflow:hidden }
.news_list ul li span { border-bottom:1px solid #ccc; width:130px; display:inline-block }
.news_list ul li p { color:#777; margin:10px auto;font-size:14px; line-height:22px }


/*新闻详情页*/
.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; font-size:14px }
.news_text .seo_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:#0051a3 }


/*内容滚动图*/
.focus {width:800px; height:530px; margin:30px auto 10px auto; overflow:hidden; position:relative;}
.focus ul { width:800px; height:530px; position:absolute;}
.focus ul li {float:left; width:800px; height:530px; overflow:hidden;  }
.focus ul li img { width:800px; height:530px;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0px; background:#000; display:none}
.focus .btn {position:absolute; width:100%; height:16px; padding:0px; right:0; bottom:20px; text-align:center }
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:16px; height:16px; _font-size:0; border-radius:50%; margin:0px 6px; cursor:pointer; background: url(../images/wbg.png);}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:200px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}





/*------ 内页框架 ---------*/
.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} 



/*-------------- 产品中心 ---------------*/
.pro_list { width:1240px;}
.pro_list ul li { width:300px; height:420px; float:left; margin:20px 35px; text-align:center; overflow:hidden; }
.pro_list ul li a.pro_box { display:block; width:300px; height:330px; position:relative; overflow:hidden  }
.pro_list ul li img { width:300px; height: auto; }
.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:120px; 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_details { height:42px; line-height:42px; font-size:18px; color:#fff; background:#6b2b28; border-top:1px solid #0051a3; margin-bottom:20px; }
/*多图展示*/
.ban{ width:400px; height:500px; position:relative; overflow:hidden; float:left; margin-right:40px }
.ban2{ width:400px; height:400px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li { width:400px; height:400px;}
.ban2 ul li img { width:400px; height:400px;}
.prev{ float:left; cursor:pointer;}
.num{ height:64px;overflow:hidden; width:400px; position:relative; }
.min_pic{ padding-top:10px; width:400px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:57px; height:57px; margin-right:4px; border:3px solid #fff; }
.num ul li img { width:57px; height:57px; }
.num ul li.on{ border:3px solid #d03029;  }
.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:#fff; 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:#fff; 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;}
.pop_up2 ul li img { width:600px; height:600px; }


/*商品信息*/
.pro_warp { padding:40px; width:850px; float:left }
.pro_msg { float:left; width:400px; }
.pro_msg .title { margin:10px auto; font-size:22px;  }


.pro_content { margin:40px auto }
.pro_content .h3 { border-bottom:1px solid #d03029; height:40px; line-height:40px; padding:0px 10px; margin-bottom:20px }




/*-------------- 联系我们 ---------------*/
/* 在线留言 */
.feedbackform { display:none }
.feedbackform form { margin:50px auto; }
.feedbackform h3 { font-size:24px; line-height:50px } 
.feedbackform p { font-size:18px; }
.feedbackform form input { width:558px; height:42px; padding:0px 10px; line-height:42px;border:1px solid #ccc; color:#333; font-family:"微软雅黑"; float:left }
.feedbackform form input#name { margin-right:40px}
.feedbackform form textarea#content { margin:30px 0; border:1px solid #ccc; width:1180px; padding:10px; background:url(../images/contentbg.jpg) no-repeat center; font-family:"微软雅黑";  }
.feedbackform form #submit { display:block; width:280px; height:46px; line-height:46px; text-align:center; background:#0e76bd;  font-size:18px;color:#fff; border:1px solid #0e76bd; cursor:pointer; font-family:"微软雅黑" }














/*-----------搜索页面------------*/
.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------------*/