@charset "utf-8";
/* CSS Document */ 
/*常用字体备注:"Microsoft YaHei",微软雅黑,Arial*/
div,ul,li,a,img,span,h1,h2,h3,h4,p,input,table,tr,td,th,em,dl,dt,dd,ol,textarea{
margin:0; padding:0; border:none; list-style-type:none; font:15px/24px Arial;font-style:normal;font-weight:normal;color:#333;}
body{ margin:0px;padding:0; font:15px/24px Arial;color:#333; min-width:1100px; width:expression(document.body.clientWidth < 1100? "1100px": "auto" );overflow-x:hidden}

a{ text-decoration:none;font:15px/24px Arial;color:#333;transition: all 0.2s;
-moz-transition: all 0.2s; /* Firefox 4 */
-webkit-transition: all 0.2s; /* Safari 和 Chrome */
-o-transition: all 0.2s; /* Opera */}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tc{ text-align:center}
.lh,.lh *{ line-height:34px}

.pd3{ margin:0 15px}
.fz14,.fz14 *{ font-size: 14px !important;}
.nocon{ width: 100%; text-align: center; line-height: 80px; color: #616161;}
.container{ width:1100px;margin:0 auto;}

/*通用样式start*/

.head{ width:100%;height: 70px;text-align:center;top: 0;left:0;position: fixed;z-index:99;}
.head .head_contain{ display:inline-block; *display:inline; *zoom:1;}
.headbg{ width:100%;height:70px;background:#24479c;position: absolute;left: 0;top: 0px;opacity:0.8;z-index:-1}
.head .head_contain img{ margin-top:3px;}
.head ul.navlist{ margin:22px 0 0 20px;}
.head ul.navlist li{ float:left;margin:0 20px;}
.head ul.navlist li a{padding:12px 20px;font-size:14px;color:#fff;border-radius:25px;font-weight:600}
.head ul.navlist li a:hover{ background:#fff;color:#24479c}
.nav-not-fixed .headbg{}

/*通用样式 end*/

/*ie hack*/
.swiper-container{ *background:opacity: 1;
    /* *background-image: url(../images/banner1.jpg); */
    *background-size: cover;width:100%;height:450px;
	background:opacity: 1 !important;
   	/* background-image: url(../images/banner1.jpg) !important; */
    background-size: cover;width:100%;height:550px !important;position:relative !important;*position:relative;}
.swiper-caption-absolute{ *position:absolute;*top:50%;position:absolute !important;top:50% !important;*text-align:center;text-align:center !importan;left:50% !important;*left:50%;}
.swiper-button-prev{background-image:url("../images/arrow1.png");width: 34px;height: 57px;position: absolute;top:50%;left: 0px;z-index: 999;cursor: pointer;opacity: 0.7}

.swiper-button-next{background-image:url("../images/arrow1.png");width: 34px;height: 57px;position: absolute;top:50%;z-index: 999;cursor: pointer;  right: 0px;background-position: -34px 0;opacity: 0.7}
/*首页样式 start*/


/*首页产品*/
.intitle{text-align:center;overflow:hidden;margin-bottom:40px;}
.product{ overflow:hidden}
.product ul li{ width:33.33%;float:left;text-align:center;position:relative}
.product ul li img{ width:100%;display: block;}
.product ul li a{ position:absolute;color:#fff;font-weight:bold;font-size:22px;top:50%;margin-top:-20px;left:50%;margin-left:-150px;display:block;width:300px;height:40px;line-height:40px;background:url("../images/prohover.png") left top repeat;}

.pro_display{ margin:80px auto 60px}
.pro_descript{ color:#8e8e8e;margin:0 auto}

.ab_show {margin:50px auto;width:1200px;height:232px;overflow:hidden;}
.ab_hide {margin-left:31px;display:inline;width: 1080px;height:232px;overflow: hidden;}
.ab_hide li {float: left;width: 250px;height: 230px;margin-right:20px;display:inline;border:1px solid #c9c9c9;position:relative;text-align:center;}
.ab_hide li img {display: block;width: 225px;height: 225px; margin:0 auto;}

.ab_hide li a {color: #fff;position:absolute;font-size:22px;display:none;background:url("../images/prolist_hover.png") left top repeat;width: 100%;height: 100%;top: 0px;left: 0px;line-height:230px;}
.ab_hide li:hover a {display:block}

.ab_show .preva, .ab_show .nexta {width:34px;height:57px;margin-top:88px;}
.ab_show .preva a, .ab_show .nexta a {display:block;width:34px;height:57px;background:url(../images/arrow.png) no-repeat}
.ab_show .nexta a {background-position: -34px 0px;}

.pro-lines{text-align:center;-webkit-transform: translateY(-10px); transform: translateY(-10px);padding: 15px;position: relative; overflow: hidden;width:1080px;margin: 0 auto;}
.pro-lines:before,.pro-lines:after{content: ''; position: absolute; top: 50%; width: 1000%; border-top: 1px solid rgba(227, 227, 227,0.7); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none;}
.pro-lines:before{right: 65%;}
.pro-lines:after{left: 65%;}
.btn-more{color: #fff; background-color: #ffc000;width:280px;padding:15px;display: inline-block;}

/*首页关于我们*/
.index_aboutus{ margin: 80px auto 60px;}
.about_contain p{ text-indent:24px;color:#6b6b6b}


/*内页通用 start*/
.banner{ position:relative;z-index:1;overflow: hidden;}

ul.sidebar{ height:60px;margin-top:-30px;border-right:1px solid #fff;border-top:1px solid #fff;border-bottom: 1px solid #ffffff;box-shadow: 0 10px 12px -8px rgba(0,0,0,.3);margin-bottom:40px;z-index: 3;position: relative;width: 100%;} 
ul.sidebar li.menuli{ display:table-cell; vertical-align: middle;border-left: 1px solid #ffffff;text-align:center;background:url("../images/prolist_hover.png") left top repeat;position:relative;height: 60px}
ul.sidebar li.menuli > a{ display: inline-block;*display: inline;zoom: 1;vertical-align: middle;}

ul.sidebar li a{ color:#fff;font-size:15px;display:block;}

ul.sidebar li:hover,ul.sidebar li.thisclass,ul.sidebar li .submenu li a:hover{ background:#fcc800;box-shadow: 0 10px 12px -8px rgba(0,0,0,0.2) inset;}

ul.sidebar li .submenu{display:none;position:absolute;top:0;left:0;background:#4ac77f;width:100%}
ul.sidebar li .submenu li{float:none;height:30px;line-height:30px;background: #3e8ea7}
ul.sidebar li .submenu li a{float:none;text-align:center;height:30px;line-height:30px;border-color: #7abed4;background: #3e8ea7;border-top:1px solid #fff;}



.location{ text-align:right;padding-bottom: 10px;}
.line{ border-bottom:1px solid #e7e7e7;margin-bottom:35px;}
.location a{color:#797979}
.location a:hover{color:#3959a6}

.main{ width:1200px;margin:0 auto;}
.pageread{ min-height:400px;}


ul.honor_list li{float:left;width:250px;height:350px;margin:20px;border:5px solid #e2e2e2;overflow: hidden;}
ul.honor_list li img{ width:100%}
ul.honor_list li:hover{ border-color:#33529d}

ul.about_list li{float:left;width:285px;height:190px;margin:4px;border:3px solid #e6e7e7}
ul.about_list li img{ width:100%}
ul.about_list li:hover{ border-color:#4065be}
/*新闻页 start*/
ul.newslist{ width:1100px; margin:0 auto;}
ul.newslist li{ border:1px solid #d5d5d5;overflow:hidden;height:150px;padding:15px;-webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;cursor:pointer;margin-bottom:30px;}
ul.newslist li img{ width:350px;height:150px;}
ul.newslist li .n_right{ width:700px}
ul.newslist li .n_right p{ height:60px;line-height:30px;overflow:hidden}
ul.newslist li h4{height:40px;line-height:40px;width:100%;overflow:hidden; display:inline-block;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;text-align:left}
ul.newslist li span{ line-height:40px;}

ul.newslist li:hover{ background:#24479c;border-color:#24479c;color:#fff;}
ul.newslist li:hover *{ color:#fff;}

.page_news_title { overflow:hidden;padding-bottom:5px;text-align:center;border-bottom: 1px solid #e6e6e6;margin-bottom:15px;}
.page_news_title h1{ font-size:18px;}
/*新闻页 end*/

/*商品页 start*/
.pro_type li{ width:370px; float:left;margin: 10px 15px;text-align:center}
.pro_type li img{ width:100%}
.pro_type li a{ font-size:18px;line-height:50px}

.product_second li{ float: left; width:182px; margin:9px; overflow:hidden;text-align:center}
.product_second li img{ width:180px; height:80px; border:1px solid #efefef;}
.product_second li a{color:#0066cc}


.product_list li{ float: left; width:250px; height:330px; margin:10px 24px; display: inline; overflow:hidden; border:1px solid #D4D4D4;text-align:center;transition: all 0.2s;
-moz-transition: all 0.2s; /* Firefox 4 */
-webkit-transition: all 0.2s; /* Safari 和 Chrome */
-o-transition: all 0.2s; /* Opera */}
.product_list li:hover{ border:1px solid #24479c;}
.product_list li img{ width:240px; height:240px;}
.product_list li .ptitle{ display:block; width:100%; height:90px;background-color:#24479c;}
.product_list li .ptitle a{ color:#fff;display: block;line-height: 30px;overflow: hidden;font-weight: bold; }
.product_list li .ptitle p{ color:#fff;height: 60px;line-height:26px;overflow: hidden; }

/*产品详情页 start*/
.mainbodyTitle .titlebox h3{

	font-size:24px;
}
.pagebody{
	padding-top:30px;
}
.producttop{
	width:100%;
}
.producttop .left{
	margin-top: 30px;
	float:left;
	width:500px;
	min-height:280px;
	height: expression(this.height > 280 ? "280" : true);
	line-height:23px;
	font-size:14px;
	padding-right:50px;
	border-right:1px solid #000;
}
.producttop .right{
	float:right;
	padding-right:40px;
}
.productpic{
	width:100%;
	/*height:385px;*/
	margin-top:15px;
	padding-top:30px;
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
	padding-bottom:20px;
}
.productpic .left{
	float:left;
	margin-left:53px;
}
.productpic .right{
	float:left;
	margin-left:56px;
}
.productBody{
	width:100%;
	margin-top:10px;
}
.productBody table td{  border: 1px solid #cccccc;margin:0px;padding: 0px}
.productBody table{  border-collapse:collapse;}
#ifocus {
	width: 432px;
	margin-bottom: 7px;
	height: 350px;
	border: 1px solid #DEDEDE;
	background: #F8F8F8;
	border-radius:2px;
}

#ifocus_pic {
	display: inline;
	position: relative;
	float: left;
	width: 338px;
	height: 338px;
	overflow: hidden;
	margin: 6px 0 0 6px;
}

#ifocus_piclist li {
	width: 338px;
	height: 338px;
	overflow: hidden;
}

#ifocus_piclist img {
	width: 100%;
	height: 100%;
}

#ifocus_btn {
	display: inline;
	float: right;
	margin-top: 9px;
	width: 78px;
	padding-right: 5px;
}

#ifocus_btn li {
	width: 78px;
	height: 78px;
	border:1px solid #C9BDBD;
	margin-bottom: 5px;
	cursor: pointer;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

#ifocus_btn img {
	width: 78px;
	height: 78px;
	margin: 0;
}

#ifocus_btn li.on {
	border:1px solid #B6B6B6;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
#ifocus_tx {
	position: absolute;
	left: 8px;
	bottom: 8px;
	color: #FFF;
}

#ifocus_tx ul li {
	display: none;
}

#ifocus_tx ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.cptable{ width:400px;}
.cptable th{
	border-bottom:1px solid #000; text-align:center; font-size:26px;
}
.cptable td{
	font-size:14px;
	line-height:26px;
}
.cptable .lborder{ border-right:1px solid #000;}
.cptable .txindent{ text-indent:32px;}
/*产品详情页 end*/

.pread_right{ width:760px; }
.readtitle ul li{ line-height: 30px }
.readtitle .detail{ width: 760px;height: 320px; overflow-y: auto;}
.readtitle .detail .title{ border-bottom:1px solid #eeeeee;}
.readtitle .detail .title h2{margin-top: 20px; background: #24479c;color: #fff;width: 120px;text-align: center;height: 30px;line-height: 30px }
.readtitle .detail .good_content table td{  border: 1px solid #cccccc;margin:0px;padding: 0px}
.readtitle .detail .good_content table{  border-collapse:collapse;}

.similar h2{ font-size:14px;margin:30px 0 10px;display:inline-block;height: 24px;padding: 3px 12px 3px;background: #24479c;overflow: hidden;font-weight: bold;color:#fff;}

.similar #ipo_box1 {width:1100px;height:190px;overflow:hidden;position:relative;margin-bottom:20px}
.similar #ipo_box1 ul {position:absolute;left:0px;top:10px;}
.similar #ipo_box1 ul li {width:160px;height:180px;float:left;text-align:center;list-style:none;margin:0 10px}
.similar .iprolist {width:160px;height:160px;}
.similar .iprolist_box {width:160px;height:160px;position:absolute;z-index:99;}
.similar .iprolist_box a {display:inline-block;width:160px;height:160px;}
.similar .iprolist_img {width:160px;height:160px;border:1px solid #C0BCBC;}
.similar .iprolist_img img {width:160px;height:160px;}
.similar .iprolist_name {text-align:center;}

.con_read h3{ font-size:24px;text-align:center;margin-bottom:40px;}
.con_read .con_list{ border-right:1px solid #dcdcdc;float:left}

.con_read .con_list:last-child{ border:0px}
#page {
background: url(../images/pagebg.png) center no-repeat;
height: 30px;
line-height: 30px;
margin: 40px 0;
text-align: center;
}

#page a,#page span{
display: inline-block;
padding: 5px 12px 0;
position: relative;
top: -3px;
color:#777777;
}
#page a.active {
/*background: url(../images/pages.jpg) no-repeat;*/
color: red;
}
#page span.all{ display:none}
#page span.pageindex{ display:none}
/*商品页 end*/

/*底部 start*/
.footer{ width:100%;}
.foot_page{ background:#ededed;margin-top:60px}
.footer .footer_top{ padding:40px 0;overflow:hidden}
.footer .footer_top ul.footernav{ margin-left:40px}
.footer .footer_top ul.footernav>li{ float:left;width:240px;margin:0 45px}
.footer .footer_top h2{ height:35px;display:block;font-size: 18px; }
.footer .footer_top ul.footernav>li:first-child{ width:160px}
.footer .footer_top ul.footersub .footsub_nei{ overflow:hidden;text-transform:uppercase}

.footer .footer_top ul.footersub li,.footer .footer_top ul.footersub li a{font-size:12px;color: #7e7e7f;}
.footer .footer_top ul.footersub li{ margin-top:5px;background:url(../images/foot_dot.png) no-repeat left center;padding-left:10px;}
.footer .footer_top ul.footersub li a:hover{ color:#22a3ab;}

.footer .footer_top .f_contact input,.footer .footer_top .f_contact textarea{ width:290px;height:30px;line-height:30px;border:1px solid #cdcdcd;padding-left:10px;margin-bottom:15px;}
.footer .footer_top .f_contact input.submit{ width:80px;color:#fff;background:#24479c;border-color:#24479c}

.footer .footer_top .f_contact textarea{ height:70px;}
.footer_bottom{ padding:20px 0; color:#bbbbbb;text-align:center;overflow: hidden;}
.footer_bottom *{ color:#7e7e7f;}
.footer_bottom a{ color:#7e7e7f;margin-right:10px;}
/*底部 end*/