@charset "utf-8";
/* CSS Document */
/*======================整体样式=========================================================*/
*{margin:0;padding:0;}
html{min-width:1200px;}
body{font-size:12px;font-family:微软雅黑,Arial, Helvetica, sans-serif;min-width:1200px;line-height:20px;margin:0;padding:0;color:#333333;background-color: #f6f6f6;}
ul,li,h1,h2,h3,h4,h5,h6,ol,ll,dd,dl,div,form{margin:0px;padding:0px;display:block;overflow:visible;}
ul,li,ol,ll,dd,dl{list-style-type:none;}
img{border:0px;}
a{text-decoration:none; color:#000000}
a:hover{color:#000000;}
.clear{clear:both; margin:0; padding:0;height:0;overflow:hidden;}

.top{clear:both;height:76px;width:1205px;overflow:hidden;margin:0px auto; z-index:9999;}
.logo{float:left;position:relative;z-index: 9999;height:76px;width:200px;overflow: hidden;border-radius: 0px 0px 30px 0px;}
.logo img{width:200px; height:76px;}
#nav{float:left;}
#nav ul{list-style:none;height:70px;line-height:70px;clear:both;overflow:visible;z-index:9999;border-bottom: #2a2930 1px solid}
#nav ul li{float:left;position:relative;overflow:visible;z-index:9999;font-size:14px;line-height:70px;text-align:center;color:#FFFFFF;width:96px; height:70px; }
#nav ul li.act{background-image: url(../images/nav_bg.png)}
#nav ul li a{font: 700 14px/52px "微软雅黑";width:110px; height:70px; color:#FFFFFF;}
#nav ul li:hover{color:#FFFFFF;background-image: url(../images/nav_bg.png)}
.search{width:225px;height:50px;z-index:9999; float:left; margin-top:20px; overflow:hidden;border-bottom: #2a2930 1px solid}
.search form{z-index:9999;}
.schbm{ display:inline-block; height:38px; width:30px; text-align:center; line-height:30px; border:none; background-color:#000000; color:#fff; font-size:0; background:#000000 url(../images/search_btn.png) no-repeat center; cursor:pointer; z-index:9999}
.s_input {width: 192px;height:26px;overflow: hidden; z-index:9999}
.s_btm {width: 30px; height: 30px;overflow: hidden;line-height: 30px; text-align: center;}
.s_text{width:192px;height:30px;overflow:hidden; float:left;z-index:9999}
.s_btm{width:30px;height:30px;overflow:hidden; line-height:30px; text-align:center; float:left;z-index:9999}
/*幻灯片*/
.banner {top:-76px;width: 100%;min-width: 1200px;height: 480px;overflow: hidden;position: relative;text-align: center;margin:0px auto;clear:both;z-index:-1;}
/*顶部结束*/
/*首页开始*/
.hotpro{margin:-40px auto; position:relative; width:1200px;}
.hotpro h2{margin:auto; text-align:center; width:100%;font-size: 28px;color: #000000;}
.hotpro .prodetail{margin:auto; width:100%; margin-top:50px;}
.hotpro .prodetail .piclist{margin:auto; position:relative; width:580px; height:345px;float:left; background:#FFFFFF; text-align:center; margin-bottom:10px;}
.hotpro .prodetail .piclist .img{margin-top: 22px;}
.hotpro .prodetail .piclist img{width:356px; height:284px;}
.hotpro .prodetail .piclist .title{font-size: 18px;color: #272727;font-weight: 400;line-height: 1.3;}
.hotpro .more a{ font-size:14px;border: rgb(198, 198, 198) 1px solid; width:209px; height:38px;color: rgb(85, 85, 85);padding: 12px 55px 12px 55px;}
.aboutus{margin:50px auto; position:relative; width:1200px; background-image:url(../images/about_bg.jpg);background-size: 100% 100%;}
.new{margin:auto; position:relative; width:100%; background-image:url(../images/new_bg.jpg);background-size: 100% 100%;}
.news{margin:40px auto; position:relative; width:1200px;}
.news h2{margin:auto; text-align:center; width:1200px;font-size: 28px;color:#FFFFFF;height:44px; padding:80px 0px 30px 0px;}
.news .newlist{width:1200px; background-color:#FFFFFF; height:600px}
.news .newlist .newleft{float:left; width:470px; height:418px; margin:49px 0px 0px 49px;}
.news .newlist .newright{float:right; width:559px; height:418px; margin:49px 49px 0px 0px;}
.news .newlist .newright ul li{height:121px; width:559px;border-bottom: #e8e7ea 1px solid}
.news .newlist .newright ul li .img{width:150px; float:left}
.news .newlist .newright ul li .info{float:left; width:384px; margin-left:10px; line-height:35px;}
.news .newlist .more a{ font-size:14px;border: rgb(198, 198, 198) 1px solid; width:209px; height:38px;color: rgb(85, 85, 85);padding: 12px 55px 12px 55px;}
/*底部*/
.foot{margin:auto; position:relative; width:100%;background-color: rgb(53, 53, 53); color:#a7a7a7}
.foot a{color:#a7a7a7}
.foot .footer{margin:auto; position:relative; width:1200px; height:auto;background-color: rgb(53, 53, 53);border-top:1px solid #555555; font-size:14px; line-height:25px; padding:35px 0 15px 0;}
.foot .footer .left li{ float:left;margin-right: 17px;}
/*---*/
.nav_main{margin:0px auto; width:1200px; position:relative; margin:-50px auto 15px  auto;}
.nav_main a{color:#888888}
/*----*/
.prolist{margin:0px auto; width:1200px; position:relative; }
.prolist ul li{width:300px; height:280px; float:left; text-align:center;}
.prolist ul li .pics{width:280px; height:172px;border: 1px solid #ccc; padding-top:29px;}
.prolist ul li .pics:hover{width:280px; height:172px;border: 1px solid #fff; padding-top:29px;}
.prolist ul li a:hover{color:#999999}
.prolist ul li .title{ line-height:35px; font-size:18px}
/*----*/
.newslist{margin:0px auto; width:1200px; position:relative; margin-bottom:20px }
.newslist ul li{line-height:55px;border-bottom:#eae2e2 1px solid}
.newcontent{margin:0px auto; width:1200px; position:relative; margin-bottom:20px }
.newcontent h1{width:1200px; text-align:center;color: rgb(51, 51, 51);}
.newcontent .content{width:100%; height:auto; position:relative; padding:15px 0 10px; 0; line-height:25px;}
/*----*/
.aboutmain{margin:0px auto; width:1200px; position:relative; margin-bottom:20px;}
.aboutmain h1{width:1200px; text-align:center;color: rgb(51, 51, 51); margin-top:-20px;}
.aboutmain .content{width:100%; height:auto; position:relative;  line-height:35px; font-size:16px; margin-top:10px; overflow:hidden;}
.aboutmain  h2{width:1200px; text-align:center;color: rgb(51, 51, 51); margin-top:-20px;}
.aboutmain table{font-size:14px; padding:0px;border: 1px solid #ccc; line-height:0px;}
.aboutmain table p{line-height:25px; padding:15px;}
/*视频*/
.case_nr{margin:0px auto; width:1200px; position:relative; margin-top:15px;overflow:hidden;}
.case_nr li{ float:left; width:23%; margin:0 1% 30px 1%; position:relative;  overflow:hidden;}
.case_nr li a{position:relative; display:block; overflow:hidden;}
.case_kg{ position:relative;}
.case_pic{  overflow:hidden; position:relative; border:3px solid #ececec;}
.case_pic img{ display:block; width:100%; transition:1s;}
.case_nr li:hover .case_pic img{transform:scale(1.1);}
.case_pic i{display:block; position:absolute; left:0; top:0; background:url(../images/video_pic.png) no-repeat center rgba(0,0,0,0.4); width:100%; height:100%;}
.case_pic em{display:block; position:absolute; left:0; top:0; background:url(../images/pro_fdj.png) no-repeat center rgba(0,0,0,0.6); width:100%; height:100%; transform:scale(0); transition:0.5s;}
.case_nr li:hover .case_pic em{transform:scale(1); transition:0.5s;}
.case_mc{ background:url(../images/pmcbg.png) no-repeat center; text-align:center; width:100%; color:#333333; height:60px; line-height:60px; overflow:hidden; font-size:1.125rem; margin-top:2px; transition:0.5s;}
.case_nr li .border_top{
	position:absolute;height:3px;width:0;font-size:0;background:#fe9d00;top:0;left:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li .border_right{
	position:absolute;height:0px; width:3px;font-size:0;background:#fe9d00;bottom:0;right:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li .border_bottom{
	position:absolute;height:3px;width:0px;font-size:0;background:#fe9d00;right:0;bottom:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li .border_left{
	position:absolute;height:0px;width:3px;font-size:0;background:#fe9d00;left:0;top:0; z-index:9;
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.case_nr li:hover .border_top,.case_nr li:hover .border_bottom{width:100%;}
.case_nr li:hover .border_left,.case_nr li:hover .border_right{height:100%;}
/*---*/
.nav_list{margin:0px auto; width:1200px; position:relative;}
.nav_list ul li{float:left;border: rgb(198, 198, 198) 1px solid; padding:10px 15px 10px 15px; margin-right:5px;}
/*******分页*************/
.page{width:100%;text-align:center;clear:both;height:32px;padding:5px 0;overflow:hidden;margin:0 auto; width:1200px;}
.page .dataTables_paginate{margin:0 auto; width:300px;}
.page ul li{float:left;}
.page a{padding:4px 9px;border:1px solid #ccc;color:#000000;margin:0 1px;font-size:13px;text-align:center;}
.page .more{border:0;}
.page a:hover{background:#DD0404;border-color:#DD0404;color:#FFF;}
.page .pre{font-weight:600;color:#000000;}
.page .next{font-weight:600;color:#000000;}
.page .pre:hover{background:#6F02B7;border-color:#136560;color:#FFF;}
.page .next:hover{background:#6F02B7;border-color:#136560;color:#FFF;}
.page .more:hover{background:none;color:#000000;}
.page .current{background:#DD0404;border-color:#DD0404;color:#FFF;font-weight:700;}
.page .current:hover{background:#DD0404;border-color:#DD0404;color:#FFF;font-weight:700;}
.page .no_pre{color:#000000;font-weight:600;}
.page .no_pre:hover{color:#ff0000;background:none;border-color:#CCC;}
.page .no_next{color:#000000;font-weight:600;}
.page .no_next:hover{color:#ff0000;background:none;border-color:#CCC;}
/*--*/
.contact{margin:-30px auto; width:1200px; position:relative;background-image:url(../images/about_bg.jpg);background-size: 100% 100%;}
.contact .content{min-height:250px; line-height:40px; padding:30px 0 30px 30px; font-size:19px}
.map{margin:10px auto; position:relative; width:1200px;}
/*--*/
.mainpro{ margin-top:-45px; width:100%; overflow:hidden;}
.imglist_right{width:420px; margin:auto; float:left}
.imglist_left{ float:right; width:760px}
.prodetail{margin:20px auto; width:1200px; position:relative;border: rgb(198, 198, 198) 1px solid; height:auto;}
.prodetail .content{width:1200px; padding:10px;}
.listpro{width:1200px; margin:0px auto; position:relative;relative;border:1px solid #ccc; height:300px;}
.listpro ul li{ width:290px; margin-left:10px; margin-top:5px;}