﻿/*
Theme Name: ZNBO
Theme URI: http://www.znbo.com/
Description: 默认模板
Version: 1.0
Author: 力洋网络
Author URI: http://www.znbo.com/
*/

/*导入字体库*/
@import url(font-awesome.min.css);
@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:14px; color:#333;font-family:"微软雅黑",Arial, Helvetica, sans-serif,"宋体";background:#fff;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#313131;text-decoration:none;}
a:hover{color:#ff3421;text-decoration:none;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.blank{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}
.blank30{width:100%;height:30px;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noInfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_submit{width:77px;height:41px;float:left;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list span{float:left;width:80px;}
.block{width:1000px;margin:0 auto;}
.table_left{width:120px; font-size:14px;line-height:34px;}



/*all*/
.main{width:100%;float:left;padding:0 0 60px 0;}
.main_top{width:100%;height:80px;float:left; background:url(../images/tbg.png) no-repeat center 10px; text-align:center;}
.course_top_bg{background:url(../images/ct_bg.png) no-repeat center 10px;color:#fff;}
.news_top_bg{background:url(../images/nt_bg.png) no-repeat center 10px;color:#fff;}
.main_top h3{font-size:30px;height:45px;line-height:45px;font-weight:normal;}
.main_top h4{font-size:24px;height:30px;line-height:30px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.main_type{width:100%;float:left; text-align:center;margin:10px 0 0 0;}
.main_type ul{}
.main_type li{display:inline-block;height:42px;line-height:42px;margin:5px;padding:0px;}
.main_type li a{display:block; background:#0ba587;color:#fff;font-size:14px;padding:0 25px;}
.main_type li a:hover{background:#feef0c;color:#38761d;}
.main_type li.current a{background:#feef0c;color:#38761d;}
.main_con{width:100%;float:left; line-height:200%;padding:20px 0 0 0;}
.main_con img{max-width:100%;}
.main_more{width:100%;float:left; text-align:center; margin:20px 0 0 0;}
/*.main_more a{width:178px;height:38px;line-height:38px; display:inline-block;border:1px solid #333; font-size:16px;}
.main_more a:hover{background:#0ba587; color:#fff;}*/
/*end*/

/**顶部**/
#header{width:100%;position:fixed;top:0;left:0;z-index:2;background:rgba(0,0,0,0.6);color:#fff;border-bottom:1px solid rgba(255,255,255,0.3);}
.header-container{padding:0 140px;}
#logo{float:left;}
#logo img{height:46px;margin:27px 0;}
#header_right{float:right;}
.tel{float:right;text-align:right;font-size:14px;line-height:22px;margin-top:28px;}
.tel span{display:block;}
.top_nav{float:right;line-height:30px;color:#666;}
.top_nav ul{}
.top_nav li{float:left;margin:0 0 0 10px;}
.top_nav li a{}
#tel{float:right;height:30;line-height:30px;white-space:nowrap;font-size:24px;margin:47px 0 0 0;padding:0 0 0 50px; background:url(../imgs/phone.png) no-repeat left center;color:#fe0c00;}
/*end*/

/*menu*/
#navigate{float:right;margin-right:150px;}
#navigate ul li{float:left;position: relative;z-index:1000;margin:0 30px;}
#navigate ul li.first_menu{background:none;}
#navigate ul li a{display:block;line-height:100px;height:100px;font-size:18px;color:#fff;}
#navigate ul li a:before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background: #fff;
    left: 50%;
    bottom: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#navigate ul li a:hover:before {left: 0px;width: 100%;opacity: 1;}
#navigate ul li .current:before{left: 0px;width: 100%;opacity: 1;}
#navigate ul li a:hover,#navigate ul li .current{/* color:#ff3421; */}
	
/*二级*/
#navigate ul li ul {width:200%;display:none;position:absolute;left:-50%;top:100px;padding:0px 0;background:#ff3421;z-index:9999;}
#navigate ul li ul li {margin:0px;padding:0px;width:100%;border:none;float:none; background:none; height:30px;line-height:30px;position:relative;}
#navigate ul li ul li a{height:30px;line-height:30px; font-size:14px; color:#fff;font-weight: normal; background:none;}
#navigate ul li ul li a:hover {background:none;color:#ff0;}
/*三级*/
#navigate ul li ul li ul{left:100%;top:0;min-width:100px;display:none;position:absolute;background:#ff3421;}
/*end*/

/*mobile menu*/
.mobile_menu{display:none;width:25px; text-align:center; float:right; margin-top:17px;}
.mobile_menu i{cursor:pointer;font-size:24px;color:#000;}
.mobile_nav{display:none; width:100%;background:rgba(255,255,255,0.9);z-index:8888;box-shadow:0px 0px 3px #ccc; position:absolute; left:0px; top:60px; text-align:left;}
.mobile_nav ul{margin:0px;padding:0px; list-style-type:none;}
.mobile_nav li{margin:0px;padding:0px; list-style-type:none;border-top:1px solid #d6d1d1;position:relative;}
.mobile_nav ul li a{padding:0 15px;color:#333;display: block;font-size: 14px;height:30px;line-height:30px; text-decoration:none;}
.mobile_nav ul li a i{ float:right; margin-top:10px;}
.mobile_nav ul li a:hover, .mobile_nav ul li a.current {color:#ff3421;}
.mobile_nav ul ul{margin: 0;padding:0px; display:none;}
.mobile_nav ul ul li{border-bottom:none;margin:0;padding:0 15px;border:0px;}
.mobile_nav ul ul li a{padding:0 15px;font-size:12px;height:30px;line-height:30px;}


/*search*/
#search{width:260px;float:right;margin:15px 0 0 0; position:relative;}
#search form{margin:0px auto;padding:0px;}
#search .smd{position:absolute; left:0px; top:0px;width:75px;height:32px;border:1px solid #dcdcdc;}
#search .skw{display:inline;width:100%;text-indent:85px;float:left;line-height:32px;height:32px;border:1px solid #dcdcdc;color:#999;}
#search .sub{width:46px;height:32px;line-height:32px; float:left;background:url(../images/search.png) no-repeat center center;cursor:pointer;border:0px; position:absolute; right:0px; top:0px;}

#msearch{width:100%;height:34px;float:left;position:relative;}
#msearch form{margin:0px auto;padding:0px;}
#msearch .smd{position:absolute; left:0px; top:0px;width:75px;height:32px;border:1px solid #dcdcdc;}
#msearch .skw{display:inline;width:100%;text-indent:85px;float:left;line-height:32px;height:32px;border:1px solid #fff;color:#999;}
#msearch .sub{width:46px;height:32px;line-height:32px; float:left;background:url(../images/search.png) no-repeat center center;cursor:pointer;border:0px; position:absolute; right:0px; top:0px;}
/*end*/

/*flash*/
.banner{width:100%;float:left;}
.banner img{width:100%; height:auto;}
#mbanner{display:none;}
#mibileBox{display:none;}
#flash{width:100%;float:left;}
.slideBox{ position:relative; overflow:hidden;background:#000;}
.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
.slideBox .bd li{position:relative; text-align:center;  }
.slideBox .bd li img{width:100%;}	
.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
.slideBox .hd ul{text-align:center;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#fff;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.slideBox .hd ul .on{background:#ff3421;}

.slideBox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;display:none;}
.slideBox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:block; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;display:none;}
/*end*/

/*news flash*/
.newsBox{ position:relative; overflow:hidden;background:#000;}
.newsBox .bd{position:relative; z-index:0;margin:0 auto; }
.newsBox .bd li{position:relative; text-align:center;}
.newsBox .bd li span{position:absolute; left:0px; bottom:0px;height:48px;line-height:48px; background:url(../images/news_title.png) repeat left top; width:100%;color:#fff; font-size:14px; text-align:left;}
.newsBox .bd li span i{width:8px;height:8px; background:#fff; display:inline-block; margin:0 10px;}
.newsBox .bd li img{width:100%;}
.newsBox .prev{position:absolute; right:35px; bottom:15px;display:block; width:14px; height:15px; background:url(../images/left_news.png) no-repeat left top; cursor:pointer;}
.newsBox .next{position:absolute; right:15px; bottom:15px;display:block; width:14px; height:15px; background:url(../images/right_news.png) no-repeat left top; cursor:pointer;}
/*end*/



/*toolbar*/
#toolbar{width:60px;position:fixed;right:0px;top:50%;margin-top:-136px;z-index:1000000;}
#toolbar ul{}
#toolbar li{width:60px;height:60px;float:left;margin:4px 0px;position:relative;}
#toolbar li .t_item{width:60px;height:60px; background:#e37113;text-align:center;line-height:60px; display:block;border-radius:5px 0 0 5px; color:#fff; text-decoration:none;position:absolute; left:0px; top:0px; z-index:2;}
#toolbar li a.t_item:hover,#toolbar li a.cur{background:#212021;}
#toolbar li a i{font-size:30px; line-height:60px;}

.tool_qq{position:absolute;left:-118px;top:0px;width:118px;padding:0 10px 0 0; display:none;}
.tool_qq_con{width:108px;padding:5px 0;float:left;border:1px solid #e37113; background:#fff; text-align:center;}
.tool_qq_title {width: 100%;line-height: 32px;float: left;text-align: center;font-weight: bold;}
.qq_list{margin:5px auto;}
.tool_tel{width:200px;height:60px; background:#212021; position:absolute;left:0px;top:0px; line-height:60px;font-size:18px; color:#fff; padding:0 0 0 10px; white-space:nowrap;border-radius:5px 0 0 5px; }
.tool_weixin {position:absolute;top:0px;width:118px;left:-118px;padding:0 10px 0 0; display:none;}
.t_wx_con{width:108px;background:#fff;border:1px solid #1f54c1;padding:3px;text-align:center; font-size:14px; line-height:22px;}
.t_wx_con img{width:100px;height:100px;}

.t1 i{width:60px;height:60px;background:url(../images/u1.png) no-repeat center center; display:block;}
.t2 i{width:60px;height:60px;background:url(../images/u2.png) no-repeat center center; display:block;}

/* home */
.home_top{float:left;width:100%;text-align:center;}
.home_top i{float:left;width:100%;height:20px;background:url(../pic/home_top.png) no-repeat center;margin-bottom:11px;}
.home_top h3{float:left;width:100%;font-size:30px;line-height:1;font-weight:bold;}
.home_top span{float:left;width:100%;font-size:18px;line-height:2;color:#afafaf;text-transform : uppercase;}
.home_des{float:left;width:100%;padding:32px 0 0 0;font-size:14px;color:#6a6a6a;line-height:30px;text-align:center;}
.home_more{float:left;width:100%;text-align:center;}
.home_more a{display:inline-block;width:125px;height:44px;line-height:44px;font-size:16px;color:#ff3421;border:1px solid #ff3421;border-radius:10px;
	-webkit-transition: all 0.25s ease-out 0s;
	-moz-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
}
.home_more a:hover{
	background:#ff3421;color:#fff;
}

/* 关于我们 */
#about{float:left;width:100%;padding:90px 0 110px 0;background:#f7f7f7 url(../pic/about_bg.png) no-repeat center bottom;}
.about_con{float:left;width:100%;font-size:14px;line-height:30px;text-align:center;margin-top:55px;}
.about_more{margin-top:100px;}

/* 产品中心 */
#pro{float:left;width:100%;padding:50px 0 0 0;}
.pro_con{float:left;width:100%;padding:42px 0;}
.pro_item{padding:0;}
.pro_item_box{float:left;display:block;width:100%;overflow:hidden;position:relative;}
.pro_item_img{float:left;width:100%;padding-bottom:60%;background-size:cover !important;}
.pro_border{float:left;width:100%;height:4px;background:url(../pic/pro_border.jpg) repeat-x center;margin:40px 0;}
.pro_item_layer{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);
	-webkit-transition: all 0.35s ease-out 0s;
	-moz-transition: all 0.35s ease-out 0s;
	-o-transition: all 0.35s ease-out 0s;
	transition: all 0.35s ease-out 0s;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
}
.pro_item:hover .pro_item_layer{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
}
.pro_item_layer div{display:table;width:100%;height:100%;}
.pro_item_layer div div{display:table-cell;vertical-align:middle;width:100%;text-align:center;font-size:18px;color:#fff;line-height:24px;}
.pro_item_title{float:left;width:100%;padding:7px 10px;text-align:center;font-size:14px;line-height:20px;}
.pro_item_title:hover{color:#ff3421;}

/* 新闻中心 */
#news{float:left;width:100%;}
.news_box{float:left;width:50%;padding-right:40px;margin-bottom:50px;}
.news_box2{float:left;width:50%;padding-left:40px;margin-bottom:50px;}

.news_top{float:left;width:100%;margin:10px 0;border-left:7px solid #ff3421;position:relative;padding-left:12px;}
.news_top h3{display:block;line-height:1;font-size:24px;color:#333;}
.news_top span{display:block;line-height:1;font-size:14px;color:#c2c2c2;margin-top:7px;text-transform : uppercase;}
.news_top a{display:block;position:absolute;right:0;bottom:0;width:58px;height:24px;line-height:24px;font-size:11px;color:#ff3421;text-align:center;border:1px solid #ff3421;border-radius:5px;
	-webkit-transition: all 0.25s ease-out 0s;
	-moz-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
}
.news_top a:hover{
	background:#ff3421;color:#fff;
}
.news_con{float:left;width:100%;}
.news_item{float:left;width:100%;margin-top:20px;}
.news_item_time{float:left;width:80px;height:80px;overflow:hidden;background:#f7f3f7;text-align:center;
	-webkit-transition: all 0.25s ease-out 0s;
	-moz-transition: all 0.25s ease-out 0s;
	-o-transition: all 0.25s ease-out 0s;
	transition: all 0.25s ease-out 0s;
}
.news_item_time .a{float:left;width:100%;margin-top:4px;line-height:53px;font-size:24px;color:#7a7a7a;}
.news_item_time .b{float:left;width:100%;font-size:14px;line-height:14px;color:#7d7d7d;}
.news_item_right{margin-left:100px;}
.news_item_title{float:left;width:100%;line-height:30px;margin-top:-6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_item_title a{font-size:18px;color:#333;}
.news_item_des{float:left;width:100%;font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;margin-top:10px;}

.news_item_icon{float:left;width:24px;}
.news_item_icon span{display:block;float:left;width:100%;padding-bottom:100%;}
.news_item_icon span.a{background:url(../pic/q.png) no-repeat center;}
.news_item_icon span.b{background:url(../pic/a.png) no-repeat center;margin-top:15px;}
.news_item_right2{margin-left:40px;}
.news_item_title span{float:right;font-size:12px;color:#7d7d7d;}

.news_item:hover .news_item_time{background:#ff3421;}
.news_item:hover .news_item_time .a{color:#fff;}
.news_item:hover .news_item_time .b{color:#fff;}
.news_item:hover .news_item_title a{text-decoration:underline;}
.news_item_right2 .news_item_title a:hover{color:#ff3421;}

/* 首页 留言 */
#contact{float:left;width:100%;background:#f7f7f7;padding:30px 0 38px 0;}
.contact_des{float:left;width:100%;text-align:center;}
.contact_des .a{float:left;width:100%;line-height:48px;font-size:30px;color:#4d4d4d;}
.contact_des .b{float:left;width:100%;line-height:42px;font-size:24px;color:#ff3421;}
.contact_con{float:left;width:100%;padding:5px 50px 0 50px;}
.line-big{margin-left:-10px;margin-right:-10px;}
.contact_list{float:left;width:100%;}
.contact_list_li,.contact_list_li_2{float:left;width:50%;padding:0 10px;margin-top:20px;}
.contact_list_li_2{width:100%;}
.contact_list_li_3{float:left;width:100%;margin-top:37px;text-align:center;}
.input_1,.input_2{width:100%;height:34px;line-height:34px;border:1px solid #dddddd;border-radius:4px;background:#fff;font-size:14px;color:#9f9f9f;box-shadow:inset 0 1px 8px #ddd;padding:0 15px;}
.input_2{height:76px;line-height:20px;padding:8px 15px;}

/* 修改placeholder的默认颜色： */
input::-webkit-input-placeholder{
  color:#9f9f9f;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#9f9f9f;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#9f9f9f;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#9f9f9f;
} 
textarea::-webkit-input-placeholder{
  color:#9f9f9f;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#9f9f9f;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#9f9f9f;
}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#9f9f9f;
}  

.contact_btn{display:inline-block;width:106px;height:36px;line-height:36px;background:#ff3421;font-size:14px;color:#fff;border-radius:4px;border:0;}

/* footer */
#footer{float:left;width:100%;background:#333333;font-size:14px;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#ff3421;}
#footer_1{float:left;width:100%;padding:28px 0 25px 0;border-bottom:1px solid #3d3d3d;}
.footer_left{margin-right:210px;}
#footnav{float:left;width:100%;}
#footnav li{display:inline-block;}
#footnav li a{margin:0 7px;}
#footnav li:first-child a{margin-left:0;}
.footer_contact{float:left;width:100%;margin-top:20px;line-height:26px;}
.wechat{float:right;margin-top:8px;}
.wechat_img{float:left;}
.wechat_img img{width:110px;height:auto;}
.wechat_txt{float:left;display:table;height:110px;margin-left:15px;}
.wechat_txt div{display:table-cell;vertical-align:middle;line-height:26px;}

#link_txt{float:left;width:100%;padding:17px 0 23px 0;background:#333;}
#link_txt li{display:inline-block;margin:0 6px;line-height:24px;color:#ccc;}
#link_txt li:first-child{margin-left:0;}
#link_txt li a{color:#ccc;}

#copy_txt{float:left;width:100%;background:#000;line-height:24px;padding:13px 0;text-align:center;}


#LeftButton{width:24px;height:42px; display: block; background: url(../images/left.png) no-repeat 0px 0px; position:absolute;left:0px; top:55px;}
#RightButton{width:24px;height:42px;display: block; background: url(../images/right.png) no-repeat 0px 0px;position:absolute;left:736px; top:55px;}
#MarqueeDiv{width:692px; float: left; height:152px;overflow: hidden;margin:0 0 0 34px;display:inline;}
#MarqueeDiv img{margin-right:10px; height:150px; width:150px;}
/*end*/


/*left*/
#left{width:100%;float:left;border-bottom:1px solid #e5e5e5;}
.left_list{width:100%;float:left;}
.left_top{width:100%;height:40px;line-height:40px;float:left;border-bottom:1px solid #ff3421;background:#ff3421; text-align:center;display:none;}
.left_top h3{line-height:40px;font-size:18px;font-family: "微软雅黑";color:#fff; float:left;padding:0 0 0 28px; }
.left_con{width:100%;float:left;}
.type_list{width:100%;float:left;padding:55px 0 45px 0;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{display:inline-block;margin:0px;padding:0 20px;list-style-type:none;height:30px;line-height:30px;overflow:hidden;}
.type_list li a{color:#333;font-size:18px;}
.type_list li a:hover{color:#ff3421;}
.type_list li a.current{color:#ff3421;}
.type_list li.second_cat{display:none;}
.type_list li.second_cat a{}
.type_list li.second_cat a:hover{}
.type_list li.second_cat a.current{}
/*end*/

/*right*/
#right{width:100%;float:right;}
#right_top{width:100%;float:left;}
#right_top h3{width:100%;float:left;text-align:center;font-size:30px;color:#333;line-height:30px;margin:48px 0;}
#right_top h3 a{color:#333;}
#right_top span{float:right;display:none;}
#right_con{width:100%;float:left;padding:10px 0 0 0;line-height:200%;min-height:300px;height:auto !important;height:300px;}
#right_con img{max-width:100%;height:auto;}
/*end*/


	 
/*news*/
.art_list{width:100%;float:left;padding:15px 0;}
.art_list:first-child{padding-top:0;}
.art_img{float:left;width:263px;overflow:hidden;}
.art_img a{display:block;width:100%;padding-bottom:66.54%;background-size:cover !important;
	-webkit-transition: all 0.35s ease-out 0s;
	-moz-transition: all 0.35s ease-out 0s;
	-o-transition: all 0.35s ease-out 0s;
	transition: all 0.35s ease-out 0s;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);	
}
.art_right{margin-left:293px;height:175px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.art_title{float:left;width:100%;line-height:28px;font-size:16px;margin-top:-6px;}
.art_time{float:left;width:100%;line-height:34px;font-size:12px;color:#999;}
.art_des{float:left;width:100%;line-height:26px; font-size:14px;color:#666;max-height:78px;overflow:hidden;}
.art_more{float:left;width:100%;line-height:30px;margin-bottom:15px;}
.art_more a{float:left;color:#1b2c34;}
.art_more a:hover{color:#ff3421;}
.art_img a:hover{
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);	
}
.art_list:hover .art_title a{text-decoration:underline;}
.art_list:hover .art_more a{color:#ff3421;}


.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:0 0 0 10px;list-style-type:none;border-bottom:1px dotted #ccc;background:url(../images/li_0.png) no-repeat left center;line-height:35px;}
.time{float:right;}
.articleTitle{ font-weight:bold; font-size:18px; text-align:center;margin-top:30px;}
.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}
.articleAuthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0; line-height:200%;}
.articleInfo img{max-width:100%;}
.pageUpDown{padding-top:10px;text-align: left;line-height:30px;}
.article_list{}
.article_list a{display:block;border-bottom:1px dashed #dcdcdc;line-height:35px;color:#666;}
.article_list span{float:right;font-size:12px;color:#999;}

/*end*/

.zoomimgs{display:block; width:100%;height:0;padding-bottom:60%; overflow:hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain;/*图片不裁切需要全部显示改用background-size:contain，改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%，4:3 75%，3:4 133.33%*/}

/*Product*/
.productList{/*width:100%;float:left;*/}
.pro_list{ text-align:center; margin-bottom:10px;}
.pro_img{background-size:cover !important;position:relative;}
.pro_title{width:100%;height:45px;line-height:45px; overflow:hidden;}
.productImg{width:100%;text-align:center;float:left;margin:10px auto;}
.productImg img{max-width:100%;}
.productTitle{line-height:40px;font-weight:bold;font-size:18px;text-align:center;margin:30px 0 10px 0;}
.productjianjie{line-height:30px;}
.productprice{line-height:30px;font-size:14px;}
.title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:25px;}
.title span{font-size:14px;font-weight:bold;}
.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}
.pro_img:hover .pro_item_layer{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
}
/*end*/

/*page*/
.pages{ font-size:16px;text-align:center; padding:50px 0px 25px 0px;}
.pages li{ display:inline-block;}
.pages a{font-size:16px;padding:7px 15px;background:#f7f3ef;color:#666;margin:0 6px;}
.pages a:hover{background:#ff3421;color:#fff;}
.pages li.active a{background:#ff3421;color:#fff;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
/*end*/

/*feedback*/
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list .fl_l{float:left;width:10%;text-align:left;}
.f_list .fl_r{float:left;width:90%;}
.input_text{width:100%;border:1px solid #ccc; line-height:30px;min-height:30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.w100{width:100px;}

.g_list{width:100%;float:left; padding:20px 0;border-bottom:1px dotted #ccc;}
.g_title{width:100%;line-height:30px;float:left; font-size:14px; font-weight:bold;}
.g_title span{float:right; font-size:12px;color:#666; font-weight:normal;}
.g_con{width:100%;float:left;padding:10px 0;line-height:30px;}
.g_reply{width:100%;float:left;color:#f00;}
/*end */

/*手机底部导航*/
#toolbar2{ display:none;}

@media screen and (max-width: 1500px){
	.header-container{padding:0 50px;}
	#navigate{margin-right:50px;}
	#navigate ul li{margin:0 20px;}
	#navigate ul li a{font-size:16px;}
}

@media screen and (max-width: 1200px){
	#logo img{}
	#navigate ul li{margin:0 10px;}
	#navigate ul li a{font-size:14px;}	
	.home_top h3{font-size:24px;}
	.home_top span{font-size:16px;}
	.contact_des .a{font-size:24px;}
	.contact_des .b{font-size:20px;}
	
	#right_top h3{font-size:24px;line-height:24px;margin:40px 0;}
	.type_list{padding:40px 0 30px 0;}
	.type_list li a{font-size:16px;}

}
@media screen and (max-width: 992px){
	#logo img{height:35px;}
	#navigate{margin-right:0;}
	#navigate ul li a{font-size:12px;height:90px;line-height:90px;}	
	.tel{display:none;}
	#about{padding:50px 0;}
	.about_con{margin-top:25px;}
	.about_more{margin-top:25px;}
	.home_more a{width:105px;height:35px;line-height:33px;font-size:14px;}
	.news_box{padding-right:20px;}
	.news_box2{padding-left:20px;}
	.news_item_title a{font-size:16px;}
	.news_item_des{margin-top:5px;}
	.news_item_time{width:75px;height:75px;}
	.news_item_time .a{line-height:47px;}
	#footer{font-size:12px;}
	

	.f_list .fl_l{width:15%;}
	.f_list .fl_r{width:85%;}
}

@media screen and (max-width: 760px){
	.header-container{padding:0 15px;}
	#header{background:#fff;}
	#logo img{height:30px;margin:15px 0;}	
	#toolbar{display:none;}
	.pro_item_layer{display:none;}
	.news_box,.news_box2{width:100%;padding:0;}
	.contact_des .a{font-size:18px;line-height:35px;}
	.contact_des .b{font-size:16px;}
	.contact_con{padding:5px 0 0 0;}
	.contact_list_li, .contact_list_li_2{width:100%;margin-top:15px;}
	.contact_list_li_3{margin-top:20px;}
	.footer_left{width:100%;margin-right:0;}
	#footnav{display:none;}
	.wechat{float:left;margin:0;}
	#link_txt{display:none;}
	#copy_txt{line-height:20px;padding:10px 0;}
	#copy_txt span{display:none;}
	#flash{margin-top:60px;}
	.type_list{padding:30px 0 20px 0;}
	.type_list li{height:24px;line-height:24px;padding:0 8px;}
	.type_list li a{font-size:14px;}
	#right_top h3{margin:30px 0;}
	.productList .row{margin-left:-8px;margin-right:-8px;}
	.pro_list{padding:0 8px;}
	.pro_list:nth-child(2n+1){clear:both;}
	.pro_item:nth-child(2n+1){clear:both;}
	.pro_title{height:30px;line-height:30px;}
	.pages{font-size:12px;padding:20px 0 0 0;}
	.pages a{font-size:12px;padding:5px 10px;margin:0 3px;}
	.art_img{width:100px;}
	.art_right{margin-left:115px;height:auto;}
	.art_title{line-height:24px;margin-top:-4px;}
	.art_des{line-height:20px;max-height:60px;}
	#banner{display:none;}
	#mbanner{display:block;margin-top:60px;}
	.productTitle{margin:0;}

	#navigate{display:none;}
	.top_nav{display:none;}	
	#search{display:none;}
	#slideBox{ display:none;}
	.slideBox .prev,.slideBox .next{ display:none;}
	#mibileBox{display:block;}
	.mobile_menu{ display:block;}
	
	
	.pages span{display:none;}	
	.f_list .fl_l{width:20%;}
	.f_list .fl_r{width:80%;}
	.g_title span{float:left;clear:both;}
	
	/*手机底部导航*/
	.blank55{height:55px; line-height:1px; clear:both;}
	#toolbar2{color:#fff;width:100%;height:54px;position:fixed;bottom:0;left:0;z-index:10000;background:#000; display:block;}
	#toolbar2 a{width:100%;color:#fff;display:block;padding:5px 0 0 0;line-height:23px;font-size:14px;}
	#toolbar2 a span{ font-size:22px; display:block;line-height:23px;}
	
}


