@charset "gb2312";
*{font-family:"΢���ź�";margin: 0px;padding: 0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{ 
	padding:0;margin:0;font: 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei',helvetica,tahoma,arial,sans-serif;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{ font-size:14px;utline: none;}
ul,li,ol{ list-style:none;}
img {border:0;}
q:before,q:after {
	content:'';
}
.clearfix:after {
visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;
}
a{ text-decoration:none; color:#686868;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{ font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.mh20{ height:20px;}

.header{ width:100%; max-width:1200px; margin:10px auto;}
.nav{ background:#221815; line-height:40px;}
.navbox{ max-width:1200px; margin:0 auto; }
.nav li a{ width:100%;background:#221815; display:block; line-height:50px; font-size:14px; font-weight:bold; color:#FFF;}
.nav li a:hover,.nav li a.on{ background:#fdd000; color:#221815;}

.headerbox{ float:right;}



/* ��ҳbanner*/
#nsbanner { width: 100%; height:100% }
#nsbanner .list img{ display: block;width: 100%;}

.ada{
text-align:center; float:left; margin:0px; padding:0px; width:100%; text-align:center; vertical-align:middle; overflow:hidden;
position:absolute; left:0; z-index:99; bottom:5%;}
.ada a{
display: inline-block;
    width: 32px;
    height: 13px;
    margin-right: 8px;
    background: #fff;
	background-size:cover;
    font-size: 0;
    color: #fff;}
.ada a:hover,.ada a.on{
	background-position: 0 -12px;
    background: #D40000;
    color: #D40000;
}

.boxmore{ padding-top:20px;}
.boxmore a{ padding:0px 10px; width:150px; display:block; line-height:50px; font-size:16px; overflow:hidden; margin:0 auto; background:#ffa000; text-align:center; color:#FFF; border-radius: 10px;}
/* ��ҳ��ʽ = ��������*/

.about{ line-height:30px;}
.about .more{ color:#CCC}
.aboutbox{position:relative; width:100%; max-width:1200px;margin:20px auto 10px auto; padding:20px 0px;}
.titlebox h2{ text-align:center;font-size:30px;color:#231815;line-height:36px;font-weight:bold;}
.titlebox h6{ text-align:center;font-size: 12px;color: #a9a7a6; margin: 10px auto 0 auto; font-weight: normal; line-height: 40px; text-align: center!important;}
.aboutcon .abouttext{ width:58%; float:left; font-size:16px; text-indent:40px; margin-top:20px;}
.aboutcon .aboutimg{ width:38%; float:right;}


/* ��ҳ��ʽ = �ֲ�ͼ*/
.aboutimg{ float:right; width:100%; overflow:hidden; position:relative; z-index:1;}
.aboutimg .swiper-pagination-bullet{ float:right; cursor:pointer; width:10px; height:5px; overflow:hidden; text-indent:-9999px; margin-left:10px; border-radius:0;}
.aboutimg .swiper-pagination-bullet-active{ }
.aboutimg .bd img{ width:100%; border:0;}
.aboutimg .abimg .title{display:none;line-height:30px;position:absolute;bottom:0px;padding:0px 0px 0px 10px; left:0px; z-index:10; font-weight:bold;}
.titlebg{
position:absolute; display:none; width:100%; height:30px;  line-height:30px; z-index:9; background:#fff; bottom:0px; left:0px;
font-weight:bold;
zoom:1 ;
/*����IE�¿鼶Ԫ��*/
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5;
}

/* ��ҳ��ʽ = ��Ʒ����*/
.product{background:#e5e5e5; }
.productbox{padding:20px 0px;}
.productcon{ width:100%; }
.productcon li{display: inline;float: left;width: 24%;margin: 0.5%;overflow: hidden; position: relative;}
.productcon li img{ width:100%; display:block;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.productcon li a:hover img{ transform: scale(1.1);}
.productcon li figcaption p{ position:absolute;display:block; line-height:40px; white-space:nowrap; height:40px; overflow:hidden; z-index:1 left:0; bottom:0; width:100%; color:#000; text-align:center; font-size:14px;  /*����IE�¿鼶Ԫ��*/background:rgba(0,0,0,0.2);}

/* ��ҳ��ʽ = ������ѶͼƬ*/
.news{}
.newsbox{ max-width:1200px; margin:20px auto;}
.newsbox .newsimg{ width:48%; overflow:hidden; float:left; position:relative;}
.newsbox .newsitem{ width:48%; float:right;}
.newsimg .bd img{  width:100%; border:0;}
.newsimg .abimg{ position:relative;}
.newsimg .abimg .title{display:block; width:100%; line-height:40px; color:#FFF; font-size:14px; text-align:center;position:absolute; bottom:0px; left:0px; z-index:10;background:rgba(0,0,0,0.6); font-weight:bold;}
a.prev,a.next{ position:absolute; top:50%; display:block; z-index:99; background:url(../images/img_bg3.png) no-repeat scroll center center;width: 37px;height: 66px; margin-top:-20px; cursor:pointer;}
a.prev{left: 0; transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px);opacity:0;}
a.next{right: 0; transform:translateX(-30px);-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px); opacity:0;}
a.prev i,a.next i{position: relative; z-index: 2; height: 100%; width: 12px; display: block; margin: 0px auto; background: url(../images/img_l1.png) no-repeat  scroll center center;}
a.next i{ background-image: url(../images/img_l2.png);}
.newsimg:hover a.prev,.newsimg:hover a.next{transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity:1; }
/* ��ҳ��ʽ = ������Ѷ�б�*/
.newsitem  li { position: relative; padding:0px; margin-top:12px;  border-bottom: 2px solid #ddd;}
.newsitem  li:first-child{ margin-top:0px;}
.newsitem .item { padding: 0px 0px; position: relative; height: 95px; margin:10px 0px 0px 0px;}
.newsitem .date { position: absolute; left: 0px; top: 0px; width: 75px; height:75px; text-align:center; display:inline-block;}
.newsitem .date .day { margin-top:0px; color:#000; font-size:55px; line-height:60px; font-weight:bold;}
.newsitem .date .year{font-size:14px; margin-top:3px; display:block; color:#000;}
.newsitem .box { padding-left: 100px; }
.newsitem .t { color: #000; font-size: 18px; line-height: 22px; font-weight:bold; margin-top:0px; height: 22px; overflow: hidden; margin-top: 5px; text-overflow:ellipsis; }
.newsitem .t a{ color: #000; text-decoration:none}
.newsitem .t a:hover{ color: #fdd000;}
.newsitem .c { height: 40px; overflow: hidden; color:#999; line-height:20px; font-size:12px; margin-top:10px;}
.newsitem .c a{ color: #999; text-decoration:none}
.newsitem .c a:hover{ color: #999;}
.newsitem li:hover .t { color: #1f4e8a; }
.newsitem  li:hover{ border-bottom:2px solid #F90;transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}

/* ��ҳ��ʽ = ����*/

.service{width:100%; background:url(../images/i_service_bj.jpg) no-repeat top center;}
.servicebox{ width:100%; max-width:1200px; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.service .titlebox H2{font-size:30px; color:#FFF; line-height:36px; font-weight:bold}
.service .titlebox H6 {font-size: 14px; color: #333333; margin:20px auto 0 auto; font-weight:normal; line-height:30px; text-align:center!important}
.service .serviceitem{width:100%; float:left; margin-top:20px;}
.service .serviceitem li{width:24%; text-align:center; overflow:hidden;  margin-right:1%; float:left;}
.service .serviceitem li figure{display:block; line-height:normal; width:100%; float:left; overflow:hidden; transition:460ms; cursor:pointer; background:rgba(34,24,24,.8); padding:40px 0px 16px 0;}
.service .serviceitem li img{text-align:center;}
.service .serviceitem li h5{font-size:18px; margin-top:10px; text-align:center; line-height:30px;}
.service .serviceitem li:hover figure{background:#221815; color:#fdd000;}
.service .serviceitem li a{color:#fdd000;}


/*�ײ���������*/
.foot_div{
	overflow: hidden;
    background-color: #3d3d3d;
    clear: both;
}
.foot_div .foot_links{ max-width:1200px; margin:0px auto; margin-top:12px; /*height:120px;*/ padding-bottom:20px; line-height:24px; font-size:13px;}
.foot_div .foot_links h3{ color:#FFF; font-size:17px; padding-bottom:5px; font-weight:bold;}
.foot_div .foot_links a{ margin-right:5px;color:#9b9b9b; display:inline-block; font-size:14px;}
.foot_div .foot_links a:hover{ color:#FFF;}



/* ��վ��ʽ = �ײ���ʽ*/
.footer{ background:#2a2a2a; padding:20px 0px; color:#fff;}
.footerbox{ width:100%; max-width:1200px; overflow:hidden; margin:0 auto; padding:20px 0;}

.foot_menu{ width:40%;float:left; margin-left:5%}
.foot_left{ width:35%; float:left;}
.foot_right{ width:20%;  float:right;}
.footer dl{ float:left;
    padding-top: 10px;
    width: 33.333%;
    line-height: 24px;}
.footer dl dt {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 10px;
}
.footer dl dd a {
    color: #b5b5b5;
    font-size: 14px;
}

.footer dl.follow{ width:94%; overflow:hidden; border-right:1px solid #999; margin-right:5%;}
.footer .tel{ font-size:14px; padding-top:20px; width:180px; line-height:28px; float:right; text-align:right;}
.footer .icon{ background:url(../images/tel2.png) no-repeat; width:52px; height:52px; display:block; float:left; margin-right:10px;}

/* ��վ��ʽ = �ײ���Ȩ��Ϣ*/
.copyright{ color:#000;  max-width:1200px; overflow:hidden; margin:0 auto; line-height:30px; padding:5px 0px;}
.copyright .fl{ float:left;}
.copyright .ml20{ padding-left:10px;}
.copyright .url{ float:right;}
.copyright .url a{ margin:0px 10px;}


/* �ֻ��� = �ײ�*/
footer{width:100%;display:none;position:fixed; z-index:999; bottom:0;left:0;}
#bottom ul{width:100%;list-style:none; float:left; text-align:center;}
#bottom ul li{ width:25%; float:left; }
#bottom ul li img{ width:20px;}
#bottom ul li a{ background:#221815;display:block;padding:5px 0px; color:#FFF}

/* �ֻ��� = ��ҳ��ϵ���� */
#footer-cont{width:92%; height:auto; background:url(../images/image-2.jpg) repeat; padding:4%; display:none; margin-bottom:45px;}
#footer-cont h2{font-size:1.2em; color:#c2c2c2; font-weight:normal; margin-bottom:5px;}
#footer-cont span{font-size:0.6em; color:#8c8c8c; text-transform:uppercase;}
#footer-cont hr{border:0; border-top: 1px solid #7a7a7a; height:1px; margin:5px auto; width:100%;}
#footer-cont p{color:#8c8c8c; line-height:170%; font-size:0.9em;}


@media screen and (min-width: 901px){
	.nav li{ float:left; width:12.5%; text-align:center;}
	.ada a{ width: 32px;height: 13px;}
	.aboutimg,.aboutimg img{ height:290px;}
	.newsimg,.newsimg img{ height:325px;}
}
@media screen and (max-width: 900px){
	.nav{background:#fff; }
	.nav li{ float:left; width:24.7%; text-align:center; margin-right:0.3%; margin-bottom:0.3%;}
	.nav li:nth-child(4n+4){margin-right:-0.3%}
	.nav li a{ line-height:40px}
	.ada a{ width: 16px;height: 6px;}
    .aboutcon .abouttext,.aboutcon .aboutimg{ width:100%; font-size:14px;}
	.productcon li{ width:48%; margin:1%}
	.productcon li:nth-child(n+5){ display:none;}
	.newsbox .newsimg{ width:100%; }
	.newsbox .newsitem{ width:100%;}
	.servicebox{ padding-bottom:20px;}
	.service .serviceitem li figure{padding:10px 0px 8px 0;}
	.service .serviceitem li{ width:44%; margin:1% 3%;}
	.foot_menu{ display:none;}
	.footer .foot_left{ width:50%}
	.footer .foot_right{ width:50%}
	.footer .foot_right .tel{ margin:0 auto; float:none}
	.copyright .url{ display:none;}
}
@media screen and (max-width: 630px){
	.nav li a{ line-height:30px}
	.ada a{ width: 8px;height: 3px;}
	#nsbanner,#nsbanner .list a{ width:100%;height: 100%;}
	.footer,.copyright,.foot_div{ display:none;}
	footer,#footer-cont{ display:block;}
	.headerbox{ display:none;}
	.header{ text-align:center;}
}


/*****************��ҳ��ʽ��ʼ********************/
.abbanner{ width:100%; }
.abbanner img{ width:100%;}

.mainbox{}

.inner{text-align:center; }
.inside-title{ padding-top:35px; text-align:center; position:relative;}
.inside-title h2{font-size: 30px;color: #221815;line-height: 36px;font-weight: bold;text-align: center!important;}
.inside-title .inner .t{font-size: 14px;color: #ccc;font-weight:normal;text-transform: uppercase;margin:0px auto;background:#fff;line-height:35px;text-align:center!important;padding:0 20px; position:relative; z-index:2}
.about-env .inside-title .inner .t{font-size: 14px;color: #666;font-weight:normal;text-transform: uppercase;margin:0px auto;background:#eee;line-height:35px;text-align:center!important;padding:0 20px; position:relative; z-index:2}

.xian{position: relative; top:-25px; z-index:1;} 
.xian100{width: 100%;max-width: 100%;content: "";height:1px;margin:3px auto;background:#ddd;}
.xian75{width: 75%;max-width: 75%;content: "";height:1px;margin:3px auto;background:#ddd;}
.xian50{width: 50%;max-width: 50%;content: "";height:1px;margin:3px auto;background:#ddd;}

.about-env{ background:#eeeeee; width:100%; padding-bottom:20px; z-index:-2;}


/**��ҳ��Ŀ����**/
.abArea{ border-bottom:1px solid #eee;}
.abArea .abnav{ max-width:1200px; margin:0 auto;}
.abArea .abnav .mcv{ display:none;}


/**��������**/
.naboutbox{ max-width:1200px; margin:0 auto; padding-bottom:30px;}
.about-cc-list{margin-left:-2%; padding-top:30px;}
.about-cc-list dd{ width:23%; margin-top:5px; margin-left:2%; float: left; display: block; background-color: #fff;}
.about-cc-list dd img{ width:100%; float:left}
.about-cc-list dd .title{padding-top: 42px; width:100%; height: 108px; text-align: center; background:#221815; float:right;}
.about-cc-list .zh{ font-size: 18px; display: block; color:#fed100}
.about-cc-list .en{ color: #fed100; font: 14px/1.4; text-transform: uppercase;}
.about-cc-list .xi{width:30px; height:3px; background:#fed100; margin:10px auto; content:""; display:block}

.about-cc-list dd img:nth-child(1n+1){float:right}
.about-cc-list dd .title:nth-child(1n+1){float:left;}


/**Ŀ¼ҳͼƬ**/
.iproductList a:link,.iproductList a:visited { color: #666;}
.iproductList a:active,.iproductList a:hover { color: #666;}
.iproductList{ overflow: hidden; position: relative;}
.iproductList .item{ position:relative; overflow: hidden; background-color: #fff; margin:0px 10px;}
.iproductList .img{ position: relative; overflow: hidden; width: 100%;}
.iproductList .img img{ width: 100%; display: block; transition:460ms}
.iproductList .title{ height: 50px; line-height: 50px; font-size: 16px;}
.iproductList .title{ text-align: center;  transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.iproductList .item:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.iproductList .slick-arrow{ background: url(../images/img_bg3.png) no-repeat scroll center center; width: 37px; height: 66px; z-index: 10; top: 50%; margin-top: -40px;}
.iproductList .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.iproductList .slick-prev{ left: 1%; }
.iproductList .slick-next{ right: 1%;}
.iproductList .slick-prev i{ background: url(../images/img_l1.png) no-repeat scroll center center;}
.iproductList .slick-next i{ background: url(../images/img_l2.png) no-repeat scroll center center;}
.iproductList .slick-prev:hover,.iproductList .slick-next:hover{ background-image:url(../images/img_bg2.png);}
.iproductList .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.iproductList .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.iproductBtn{height: 56px; display: block; font-size:16px; line-height: 56px; text-align: center; background:#fff; width:200px; color: #000; margin:30px auto 0 auto; border-radius:5px;}
.iproductBtn:hover{ background-color: #231815; color: #fed100;}
.iproductBtn span{ padding-left: 12px;font-size:16px;}


/*��ϵ������ʽ  */
.contact{width:100%;}
.contact li{width:45%; margin-right:10%; float:left}
.contact li:last-child{margin-right:0}
.contact .contbox{width:100%; float:left; margin-bottom:60px;}
.contact .contbox  h4{color:#333; font-size:18px;  border-bottom:1px solid #eee; width:100%; line-height:45px;}
.contact .contbox  h6{color:#666; font-size:14px; border-bottom:1px solid #eee; width:100%; line-height:45px;}
.contact .contbox .img{margin-top:20px; width:100%;}
.contact .contbox .img img{width:99%; border:1px solid #eee; padding:1px;}
.contact .feedback{width:100%; float:left; margin-bottom:60px;}
.contact .feedback  h6{color:#221815; font-size:12px; width:100%; line-height:18px; margin-bottom:10px;}
.contact .feedback dd{width:100%; display:block; margin-bottom:20px;}
.contact .feedback .txt{ background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 97%; font: 12px/1.8 "microsoft yahei"; border:1px solid #ddd; color:#999}
.contact .feedback .txt2{height: 200px; margin-bottom: 0px;}
.contact .feedback span{color:#F00; padding-left:5px;}
.contact .feedback .fromBtn { display:inline-block; width: 100%; max-width:120px; margin:0px auto; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background-color: #221815; border:0px; margin-right:20px; cursor:pointer }
.contact .feedback .fromBtn:hover { background-color: #222; }
.contact .feedback .fromBtn2 { display:inline-block; width: 100%; max-width:120px; margin:0px auto; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background-color: #fed100; border:0px; margin-right:20px; cursor:pointer }
.contact .feedback .fromBtn2:hover { background-color: #e6bd01; }

/**�б�ҳͼƬ**/
.piclist{width:100%;}
.piclist li{width:31%; margin-right:3.4%; float:left; background:#fff; margin-bottom:3.1%; transition:460ms}
.piclist li:nth-child(3n+3){margin-right:0}
.piclist li figure{ display:block; line-height:normal; width:90%; margin:5% auto 0% auto; overflow:hidden;}
.piclist li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;}
.piclist li H4{font-size:16px; color:#666; line-height:30px; padding:10px 0px 20px 0px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.piclist li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.piclist li:hover{box-shadow:0px 0px 20px #ccc;}

/*��Ƶ����ҳ��*/
.VideoShow{ text-align:center;}
.video{ max-width:750px; margin:30px 0px; width:100%; display:inline-block}
.VideoContent{max-width:750px; width:100%;}

/*��ƷͼƬ�б�*/
.Productlist{ padding-top:30px;}

/*��ƷͼƬ����ҳ��*/
.ProductShow .box{width:100%; max-width:1200px; margin:20px auto}
.ProductShow .box .img{width:60%; max-width:770px;}
.ProductShow .box .img img{ max-width:720px; max-height:450px; width:100%;}
.ProductShow .box .info{width:35%; max-width:390px;}
.ProductShow .box .info .t{font-size:24px; line-height:24px; padding:30px 0px; border-bottom:1px solid #eee; width:100%; display:block; color:#000}
.ProductShow .box .info .c{border-bottom:1px solid #eee; padding:30px 0px; font-size:14px; line-height:18px; color:#666;  display:block}
.ProductShow .box .info .zx{padding:30px 0px; border-bottom:1px solid #eee; width:100%; display:block}
.ProductShow .box .info .zxbtn{width:100%; height:60px; background:#fed100; border-radius:5px; text-align:center; line-height:60px; text-align:center; color:#221815; display:block; font-size:20px;}
.ProductShow .box .info .zxbtn i{background:url(../images/probig_icon_kf.jpg) no-repeat; width:34px; height:30px; margin:0px auto; display:inline-block; position:relative; top:5px; margin-right:10px;}
.ProductShow .box .info .tel{border-bottom:1px solid #eee; padding:30px 0px; width:100%; display:block}
.ProductShow .box .info .tel H5{font-size:14px; color:#666; line-height:24px;}
.ProductShow .box .info .tel H3{color:#221815; font-size:36px; line-height:36px;}
.ProductShow .box .share{width:100%; padding-top:20px; display:block}

.ProductShow .Video{  padding:20px 0px;}

.View_Page{ font-size:14px; line-height:30px;}

.ProductContent{ padding-top:20px; border-top:3px solid #eee;}

/*��Ʒ����ҳ ����*/
.ProductShow .zixun{width:100%; margin-top:30px;}
.ProductShow .zixun .t{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px 0px; font-size:14px; line-height:24px; color:#221815}
.ProductShow .zixun .list{margin-top:30px;}
.ProductShow .zixun .list dd{width:47.7%; display:block; margin-bottom:20px; margin-right:3%; float:left}
.ProductShow .zixun .list dt{width:100%; display:block;}
.ProductShow .zixun .list dd:nth-child(2n+2){margin-right:0}
.ProductShow .zixun .list .txt{ background-color: #fff; border: 0px none; padding: 10px 12px; box-sizing: border-box; width: 97%; font: 14px/1.8 "microsoft yahei"; border:1px solid #ddd; color:#999}
.ProductShow .zixun .list span{color:#F00; padding-left:5px;}
.ProductShow .zixun .list .txt2{height: 200px; margin-bottom: 0px;}
.ProductShow .zixun .list .btn{text-align:center; margin:20px auto;}
.ProductShow .zixun .list .fromBtn { display:inline-block; width: 100%; max-width:150px; margin:0px auto; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background-color: #221815; border:0px; border-radius:5px; margin-right:20px; cursor:pointer }
.ProductShow .zixun .list .fromBtn:hover { background-color: #222; }



/*��ƷͼƬչʾ����Ʒ������*/
.proimglist {width:100%; margin-top:20px;}
.proimglist .box{display:block; clear:both;}
.proimglist .title{background:#221815; max-width:150px; height:45px; padding:0px 15px; line-height:45px; text-align:center; border-radius:5px; margin-bottom:30px;}
.proimglist .title H5{font-size:14px; color:#fed100;}
.proimglist li{width:18%; margin-right:2%; float:left; background:#f1f1f1; margin-bottom:2%; transition:460ms}
.proimglist li figure{ display:block; line-height:normal; width:90%; margin:5% auto 0% auto; overflow:hidden;}
.proimglist li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;}
.proimglist li H4{font-size:14px; color:#666; line-height:30px; padding:5px 0px 5px 0px; text-align:center;}
.proimglist li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.proimglist li:hover{box-shadow:0px 0px 20px #ccc;}

.proimg2 .proimglist li{width:23.3%; margin-right:2%; float:left; background:#f1f1f1; margin-bottom:2%; transition:460ms}


/**�����б�ҳ**/
.news-box{padding: 30px 0;border-top: 1px dashed #d6d9dc;}
.news-content .news-box:first-child{border-top: none;}
.news-box-img{float: left;width: 29%; overflow: hidden;}
.news-box-img img{ width: 100%;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.news-box-con{float: right;width: 68%;}
.news-box-title{font-size: 18px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-box-date{padding-left: 18px;background: url("../images/time.jpg") no-repeat left center;line-height: 20px;font-size: 14px;color: #999999;margin-top: 8px;}
.news-box-al{padding-left: 18px;background: url("../images/al.png") no-repeat left center;line-height: 20px;font-size: 14px;color: #999999;margin-top: 8px;}

.news-box-p{font-size: 14px;color: #7b7b7b;line-height: 24px;height: 48px;overflow: hidden;margin-top: 8px;}
.news-box-pl{font-size: 14px;color: #7b7b7b;line-height: 24px;height: 48px;overflow: hidden;margin-top: 8px;}
.news-box-more{width: 110px;text-align: center;color: #828282;line-height: 32px;margin-top: 16px;border: 1px solid #bababa;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.vis{ line-height:30px;}

/*������ҳ����*/
.news_view_conter{ margin-top:20px;}
.new_show_top{ padding-bottom:15px; text-align:center;}
.new_show_top h1{ font-size:20px; margin-bottom:10px;}
.ysgy{ width:33px; float:left; margin-right:6px; height:33px; text-align:center; background-color:#f3782a;}
.ysgy:hover{ width:33px; float:left; margin-right:6px; height:33px; text-align:center; background-color:#32373d;}
.shang{ padding-top:7px; height:26px;}
.shang:hover{ padding-top:7px; height:26px;}
.xia{ padding-top:7px; height:26px;}
.xia:hover{ padding-top:7px; height:26px;}
/*��������*/
.new_show_text{ border-top:1px solid #eee; padding-top:20px;color:#686868; font-size:14px; line-height:22px;}
/*�������ݵײ�*/
.zy_left_show_sx{ margin-top:20px; border-top:1px solid #eee; padding-top:15px; line-height:25px;}
.fanhui{float:right; width:120px;}
.fanhui_left{ width:32px; float:left}
.fanhui a{ width:78px; float:left; display:block;height:42px; background-color:#f4f4f4; line-height:42px; text-align:center; }
.fanhui a:hover{ background-color:#f3782a; color:#fff;}
.fanhui a{ color:#232323;}
.zy_left_show_sx a{ margin-right:10px;}
/*��������ͷ��*/
.new_show_top{ padding-bottom:15px;}
.new_show_top .sx02{ width:80px; float:right; padding-top:10px;}
.new_show_top img{ margin-left:5px;}
.new_show_top h1{ font-size:20px; margin-bottom:10px;}

.news_Page p{ display:block; width:70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

/**ǰ̨��ҳ**/
.pagelist{ text-align:center;}
.page-navi{ display:inline-block; margin:auto; }
.page-navi a{ display:inline-block; float:left; background:#eee; text-align:center; height:50px; line-height:50px; color:#000; border-radius:5px;  margin:0px 3px 5px 3px;}
.page-navi a.prev{ width:50px;}
.page-navi a:hover{ color:#fed100; background:#221815;}
.page-navi a.prpage{ width:80px; text-indent:-9999px;}
.page-navi a.pre i{background:url(../images/page_left.png) no-repeat; width:16px; height:14px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-8px;}
.page-navi a.pre:hover i{background:url(../images/page_left_2.png) no-repeat}
.page-navi a.nex i{background:url(../images/page_right.png) no-repeat; width:16px; height:14px; display:block; position:relative; top:50%; margin-top:-7px; left:50%; margin-left:-8px;}
.page-navi a.nex:hover i{background:url(../images/page_right_2.png) no-repeat}
.page-navi a.nuble{ width:49px;}
.page-navi a.act{ color:#fed100; background:#221815;}


@media screen and (min-width: 901px){
.abArea .abnav .lnav ul{ text-align:center; padding-top:4px;}
.abArea .abnav .lnav li{ display:inline-block; text-align:center;line-height: 55px; margin:10px 5px;}
.abArea .abnav .lnav li a{font-size:14px; color:#fed100; text-decoration:none; float:left; padding:0px 30px; line-height:40px; }
.abArea .abnav .lnav li a:hover, .abArea .abnav .lnav li a.flon{text-decoration:none; color: #221815;background:#FFF; }
.abArea .abnav .lnav li a{ background:#221815;}
.naboutbox .abArea{ border:0;}


.proimglist li:nth-child(5n+5){margin-right:0}
.proimg2 .proimglist li:nth-child(4n+4){margin-right:0}

}
@media screen and (max-width: 900px){
	.mw10{ padding:0px 10px;}
	.inside-title{ padding-top:20px;}
    .about-cc-list dd{ width:48%}
	/**��������*/
	.abArea{display: block; width:100%;position: relative;z-index:99999;background: #eee; padding:5px 0px;}
	.abArea .abnav{ width:96%; margin:0 auto;}
	.abArea .abnav .mcv{ display:block; width:100%!important; clear:both; line-height:38px; color: #000; font-size:15px; text-align:left;  cursor:pointer; background:#fff; border:1px solid #ddd}
	.abArea .abnav ul{ display:none;}
	.abArea .abnav .mcv .mtx{padding-left:10px;}
	.abArea .abnav .mcv .caret {
		display: inline-block;
		width: 19px;
		height: 11px;
		margin-right: 10px;
		vertical-align: middle;
	   background:url(../images/pro_jt.jpg) no-repeat;
		float:right;
		margin-top:13px;
	}
	.abnav .lnav.show .mcv .caret{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); }
	.abnav .lnav.show ul{ display:block;}
	.abnav  ul{ text-align:left; position:absolute; left:0; right:0; top:48px; background:rgba(34,24,21,.9); /* z-index:99; */ display:none; width:96%; margin:0px auto}
	.abnav a{ color:#fff; text-align:left; display:block;}
	.abnav li{display:block; transition:300ms; -webkit-transition:300ms;background:#221815; color:#fed100; padding:5px 0px 10px 5px; border-bottom:1px solid #fff; font-size:13px; line-height:18px;}
	.abnav li:hover{ background:#FFF; color:#221815; }
	.abnav li:hover a{ color:#221815; }
	
	/**ͼƬ�б�ҳ*/
	.piclist li{width:48%;float:left; margin-left:0; margin-right:0; background:#fff; margin-bottom:3.1%; transition:460ms}
    .piclist li:nth-child(3n+3){margin-right:0}
    .piclist li:nth-child(2n+2){margin-right:2%; margin-left:2%;}
	.box_os{ display:none}
	.contact li{width:100%; float:left}
	
	.proimglist li,.proimg2 .proimglist li{width:31.3333%;}
    .proimglist li:nth-child(3n+3),.proimg2 .proimglist li:nth-child(3n+3){margin-right:0}
	
	.ProductShow .box .img{width:100%; max-width:770px;}
	.ProductShow .box .info{width:100%; max-width:100%;}
	.ProductContent{ border:0;}
	
	.news-box-img {width: 42%;}
	.news-box-title{font-size: 16px;}
	.news-box-date {font-size: 12px;margin-top: 2px;}
	.news-box-p {font-size: 12px;line-height: 20px;height: 40px;margin-top: 6px;}
	.news-box-more {display: none;}
	.news-box-con {width: 53%;}
	.news-box-bjfb{ display:none;}


}
@media screen and (max-width: 630px){
	.abbanner{ display:none;}
	.box_os{ display:none}
	.proimglist li,.proimg2 .proimglist li{width:49%;}
    .proimglist li:nth-child(2n+2),.proimg2 .proimglist li:nth-child(2n+2){margin-right:0}	
	.ProductShow .zixun .list dd{ width:100%; margin-right:0}
	.fanhui{ display:none;}
	.news_Page p{ display:block; width:100%; }
	.new_show_top h1{ font-size:15px; margin-bottom:10px;}
	.new_show_top p{ font-size:12px;}
    .new_show_text img,
	.naboutcon img,
	.ProductContent img,
	.VideoContent img,
	.contbox img{ width:100%}
	.productcon li figcaption p{ line-height:25px; height:25px; font-size:11px;}
}