@charset "utf-8";

/* CSS Document */



/*全局*/
*{ margin:0; padding:0;}
body{font:12px '微软雅黑',Arial, Helvetica, sans-serif; color:#636262; background-color:#fff;}
ul,li{ list-style:none}
img{ border:0px;}
.clear{ clear:both; overflow:hidden; height:0;}
a{ text-decoration:none; color:#141414; font-size:12px;}
a:hover,a:active{text-decoration:none; color:#af241d;}

.hread{ margin:0px auto; background-color:#2c2f33; height:80px;opacity:0.75;filter:alpha(opacity=75);position: relative;
    z-index: 9999999;}
.hread-top{ 
	margin: 0px 45px;
    position: relative;
}
.logo{    
	padding-top: 10px;
    width: 169px;
    position: absolute;
    left: 0px;
}
.top-nav{     padding-top: 30px;text-align: center;}
.header_search{
	position: absolute;
    right: 50px;
    top: 30px;
}
.header_search p{
	font-size: 14px;
    color: #fff;
}
.top-nav ul li{ height:47px; margin-left:36px;text-align:center;z-index:99999999;width:auto;display: inline-block;
    position: relative;}
.top-nav li a{ color:#fff; font-size:14px;}
.top-nav li:hover{border-bottom:3px solid #03a8f5; height:47px; }
.top-nav ul .on{
	border-bottom:3px solid #03a8f5;
}
.top-nav li:hover dl{
	transition-duration: 1s;
	top:50px;
	opacity: 1;
	display: block;
}
.top-nav li dl dd:hover a{
	opacity: 1;
}
.top-nav ul li dl{
	position:absolute;
	background-color: #2c2f33;
	min-width: 100%;
	top: 30px;
	z-index: 999;
	padding-top: 20px;
	opacity: 0;
	left: -30px;
    right: -30px;
}
/*.top-nav ul li:nth-child(9) dl{*/
/*	left:-8px;*/
/*}*/
/*.top-nav ul li dl dd{*/
/*	max-width:157px;*/
/*}*/
.top-nav ul li dl dd a{
	display: block;
	font-size: 13px;
	text-align: center;
	padding: 0 20px 20px;
	transition-duration: 0.2s;
	opacity: 0.8;
}
.nav-bule{ border-bottom:3px solid #03a8f5;}


/*.banner{ margin:0px auto; margin-top:-80px; overflow:hidden;}*/
.banner{
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.banner img{
	display: block;
	width:1920px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

/* 轮播左右键 */
.foot-next{
	background: url(../images/foot.png) no-repeat 0 0;
	width:50px!important;
	height:120px!important;
	top:40%!important;
}
.foot-prev{
	background: url(../images/foot.png) no-repeat -49px 0;
	width:50px!important;
	height:120px!important;
	top:40%!important;
}


.shebei{ margin:0px auto; padding:0px 0px 0px 0px; overflow:hidden;}

.shebei-titile{ padding-top:62px;  font-size:30px; text-align:center;} 

.sb-xian{ margin:0px auto; margin-top:15px; width:121px; border-bottom:3px solid #797979;}

.sb-mess{ margin:0px auto; margin-top:15px; padding-bottom:15px; font-size:14px; width:687px; text-align:center;}

.sb-product-top{ margin:0px auto; overflow:hidden;}
.sb-product-top ul{
	margin-right:-3%;
	padding:12px;
}
.sb-product-top ul li{ margin:12px; width:47%; float:left;position:relative;}
.sb-product-top ul li:hover .case_text{
	display: block;
	/*width: 380px;*/
	transition-duration: 1s;
}
.sb-product-top ul li:hover .case_back{
	border-radius: 0px;
	opacity: 0.8;
	background-color: #333;
	transition-duration: 1s;
}
.sb-product-top .case_text{
	top:105px;
}
.sb-product-top .case_text p:nth-child(1){
	font-size:28px;
}
.sb-product-top .case_text p:nth-child(2){
	font-size: 16px;
	line-height: 30px;
}
.sb-product-top img{
	width: 100%;
	max-width:100%;
}
.sb-product-foot{ margin:0px auto; overflow:hidden;}
.sb-product-foot ul{
	margin-right:-2.2%;
	padding:0px 12px 0px 12px;
}
.sb-product-foot ul li{ margin:11px; width:31.2%; float:left;position:relative}
.sb-product-foot ul li:hover .case_text{
	display: block;
	/*width: 380px;*/
	transition-duration: 1s;
}
.sb-product-foot ul li:hover .case_back{
	border-radius: 0px;
	opacity: 0.8;
	background-color: #333;
	transition-duration: 1s;
}
.sb-product-foot .case_text{
	top:85px;
}
.sb-product-foot .case_text p:nth-child(1){
	font-size: 21px;
}
.sb-product-foot .case_text p:nth-child(2){
	font-size: 16px;
	line-height: 30px;
}
.sb-product-foot img{
	width: 100%;
	max-width: 100%;
}

.fanan{margin:0px auto; padding:0px 0px 0px 0px; overflow:hidden;}

.fangan-one{ margin:0px auto; margin:0px 26px 0px 27px; font-size:0;height:475px;background-color:#192337; overflow:hidden;}

.fanan-img{ margin:0px auto; overflow:hidden;  }

.fanan-title{ padding:60px 0px 0px 10px; font-size:32px; color:#333;}

.fanan-title-back{padding:60px 0px 0px 10px; font-size:32px; color:#333;}

.fanan-info{padding:37px 0px 0px 10px; color:#333; width:480px; line-height:30px; font-size:16px; height:233px;}

.fanan-info-back{padding:37px 0px 0px 10px; color:#fff; line-height:30px; font-size:16px; color:#333; height:202px;}

.fanan-anniu{ margin-top:0px;}

.more-fanan{ margin:0px auto; padding-top:30px; text-align:center;}

.fanan-neirong{ margin:0px auto; width:1219px;}

.con-left{ float:left; width:482px;}

.con-right{ margin-top:50px; float:right; width:570px; height:470px; text-align:center;}
.con-right img{ margin-top:9px;max-width:100%; height:343px;}


.fangan-two{ margin:0px auto; margin:0px 26px 0px 27px; font-size:0;height:520px;background-color:#b8c7d0; overflow:hidden;}

.fangan-three{margin:0px auto; margin:0px 26px 0px 27px; font-size:0;height:520px;background-color:#f7f6f2; overflow:hidden;}





.case-show{margin:0px auto; padding:0px 0px 0px 0px; overflow:hidden;}

.case-list{ margin:0px auto; width:1223px; overflow:hidden;}

.case-list ul li{ 
	margin:10px 25px 15px 0px; 
	float:left; 
	width:380px; 
	height:245px;
	position:relative;
	cursor: grabbing;
	
}
.case_li img{
	border-radius:20px;
	width: 100%;
	height: 100%;
}
.case_back{
	
	position: absolute;
	right: 0;
	z-index: 9999;
	width:100%;
	height:100%;
	top:0px;
	border-radius:20px;
	transition-duration: 1s;
}
.case_text{
	display: none;
	top:30px;
	width: 100%;
	position: absolute;
	right: 0;
	transition-duration: 1s;
	overflow: hidden;
}
.case_text p{
	width:80%;
	margin:0 auto;
	margin-bottom: 20px;
	font-size:20px;
	color:#fff;
	word-break: break-all;
}
.case_font p{
	font-size: 17px;	
}
.case_text p:nth-child(1){
	margin-top:10px;
}
.case_li:hover .case_text{
	display: block;
	/*width: 380px;*/
	transition-duration: 1s;
}
.case_li:hover .case_back{
	opacity: 0.8;
	background-color: #333;
	transition-duration: 1s;
}

.home-news{margin:0px auto; padding:0px 0px 40px 0px; overflow:hidden;}

.home-news-list{ margin:0px auto; padding-top:80px;width:1213px;}

.home-news-list ul li{ margin:0px 28px 40px 0px; float:left; width:576px;border-radius:10px; height:145px;box-shadow: #eaf2fd -6px -2px 19px 1px ;}

.news-left{ margin:30px 0px 0px 33px; float: left; background-color:#5a66f9; width:30px; height:30px; border-radius:5px; color:#fff; text-align:center; line-height:30px; font-size:14px;}

.news-right{ float:left; width:476px;}

.news-top{ margin:26px 0px 0px 20px;float:left; width:476px;}

.news-title{ float: left; width:362px; overflow:hidden; height:25px;}

.news-title a{ font-size:19px;}

.time{ padding-top:3px; float:right;}

.news-info{ margin:10px 0px 0px 20px; float:left; width:476px; height:55px; overflow:hidden; font-size:14px; color:#898989; line-height:25px;}

.more-news{margin:0px auto; padding-top:10px; width:260px;}


/* 分页*/
.page {
    padding: 20px 0px 20px 0px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.page span,
.page a {
    padding: 10px 20px 10px 20px;
    background-color: #e5e5e5;
    border-radius: 10px;
    font-size: 12px;
    margin: 0 2px;
    border: 1px #e5e5e5 solid;
}

.page .current,
.page a:hover {
    color: #fff;
    border-color: #03a8f5;
    background-color: #03a8f5;
}

.page .disabled {
    color: #ccc;
    background-color: #fff;
    border: 1px #e5e5e5 solid;
    cursor: not-allowed;
}

.page .rows {
    padding-left: 20px;
    background: none;
    border: none;
}

/*产品*/

.page-top{ margin:0px auto; height:49px; background-color:#f4f4f4;}

.page-conten{ margin:0px auto; width:1200px;}

.page-nav{ padding-top:15px; float:left;  font-size:14px;margin-left:20px;}

.page-nav a{ font-size:14px;}

.page-nav span{ font-weight:bold; color:#03a8f5;}

.nav-list{ float:right;}

.nav-list ul li{ padding:15px 20px 0px 20px; float:left;height:30px;}

.nav-list li a{ font-size:14px;}

.nav-bule a{color:#03a8f5;}



.fangan-baidi{margin:0px auto;font-size:0;height:440px;background-color:#fff; overflow:hidden;}

.fangan-huidi{margin:0px auto;font-size:0;height:440px;background-color:#f4f4f4; overflow:hidden;}



/*单页样式*/

.about-conten{ margin:0px auto; padding:20px 0px 40px 0px; width:1200px; font-size:14px; line-height:30px;}

.about-conten img{margin:10px 0px 0px 0px; max-width:1000px;}



/*新闻*/

.news-conten{margin:0px auto; padding:40px 0px 40px 0px; width:1200px; overflow:hidden;}

.news-conten ul li{margin:0px 28px 40px 20px; float:left; width:1100px;border-radius:10px; height:145px;box-shadow: #eaf2fd -6px -2px 19px 1px ;}

.news-img{ margin:20px 0px 0px 24px; float:left; width:140px; height:110px; overflow:hidden;}

.news-img img{ width:100%;}



.inder-news-right{ float:left; width:874px;}

.inder-news-top{margin:26px 0px 0px 20px;float:left; width:870px;}

.inder-news-title{float: left; width:700px; overflow:hidden; height:25px;}

.inder-news-title a{ font-size:19px;}

.inder-news-info{margin:10px 0px 0px 20px; float:left; width:874px; height:75px; overflow:hidden; font-size:14px; color:#898989; line-height:23px;}



/*分页*/

.pagebox{ margin-top:20px;padding:30px 20px 20px 20px;}

.paging a,.paging span.Bg,.paging a:hover,.paging a.cur,.paging a:hover span.Bg,.paging a.cur span.Bg{background:url(../images/pagebg.png) no-repeat;}

.paging{text-align:center;font-size:13px;}

.paging a{padding-bottom:4px;display:inline-block;background-position:0 -134px;padding-bottom:11px;}

.paging a:hover{text-decoration:none;}

.paging b{font-weight:100;opacity:0;*visibility:hidden;}

.paging span.Bg{

	width:58px;height:17px;line-height:17px;padding-left:5px;margin-right:1px;display:inline-block;background-position:0px 11px;cursor:pointer;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}

.paging a:link,.paging a:visited{color:#266EB0;}

.paging a:hover,.paging a.cur{color:#fff;background-position:0px -93px;}

.paging a:hover span.Bg,.paging a.cur span.Bg{background-position:0px -63px;}

.paging a:hover span.Bg b,.paging a.cur span.Bg b{opacity:1;*visibility:visible;}

/* 上下翻页样式 */

.paging a.previous,.paging a.previous span.Bg,.paging a.previous b,.paging a.previous:hover,.paging a.previous:hover span.Bg,.paging a.previous:hover b,.paging a.nextpage,.paging a.nextpage span.Bg,.paging a.nextpage b,.paging a.nextpage:hover,.paging a.nextpage:hover span.Bg,.paging a.nextpage:hover b{background:url(../images/prev-next-bg.png) no-repeat}

.paging a.previous{background-position:0px -72px;}

.paging a.previous span.Bg{width:61px;padding-left:0px;background-position:0px -121px;}

.paging a.previous b{background-position:0px 17px;}

.paging a.previous:hover{background-position:0px -25px;}

.paging a.previous:hover span.Bg{background-position:0px -108px;}

.paging a.previous:hover b{background-position:0px 4px;opacity:1;*visibility:visible;}

.paging a.nextpage{background-position:-61px -72px;}

.paging a.nextpage span.Bg{width:61px;padding-left:0px;background-position:-61px -121px;}

.paging a.nextpage b{background-position:-61px 17px;}

.paging a.nextpage:hover{background-position:-61px -25px;}

.paging a.nextpage:hover span.Bg{background-position:-61px -108px;}

.paging a.nextpage:hover b{background-position:-61px 4px;opacity:1;*visibility:visible;}

.paging a.previous b,.paging a.nextpage b{

	width:61px;display:inline-block;height:17px;opacity:1;*visibility:visible;

	-moz-transition:all 0.6s ease;

	-webkit-transition:all 0.6s ease;

	-o-transition:all 0.6s ease;

}



.detail-conten{ margin:0px auto; width:1000px; overflow:hidden;}

.detail-title{ padding:40px 0px 10px 0px; width:1000px; text-align:center; font-size:36px; font-weight:bold; float:left;}

.h-md{ padding-bottom:30px; width:1000px; float:left; text-align:center; font-size:14px; border-bottom:1px dashed #ccc;}

.h-md span{ margin-left:40px;}

.detail-mess{ padding-top:30px; width:1000px; float:left; line-height:30px; font-size:14px;}

.detail-mess img{max-width: 100%;height: auto;}



.art-bt{ margin:0px auto; margin-top:30px; padding:30px 0px 0px 0px; border-top:1px dashed #ccc; width:1000px; float:left;}

.art-bt ul li{ padding:0px 0px 10px 0px; float:left; font-size:15px;color:#141414;}
.art-bt ul li:nth-child(2){
	float:right;
}
.art-bt ul li:hover a{
	color:#03a8f5;
}
.art-bt li a{ font-size:14px;color:#636262;}

.back-left{ margin:20px 0px 40px 0px; padding:18px 45px; background-color:#03a8f5; float:left;clear:both;}

.back-left a{ font-size:14px; color:#fff; font-weight:bold;}





/*产品系列*/

.product-list{ margin:0px auto; padding-bottom:40px; width:1200px; overflow:hidden;}

.product-list ul li{ margin:30px 0px 0px 20px; width:380px; float:left; height:320px;box-shadow: #eaf2fd -6px -2px 19px 1px;overflow:hidden;}

.po-img{ width:380px;float:left;}

.po-img img{ width:100%; height:240px;cursor: pointer;transition: all 0.6s;-ms-transition: all 0.8s;}
.po-img a:nth-child(1){
	display: block;
    overflow: hidden;
}
.po-img img:hover{transform: scale(1.1);-ms-transform: scale(1.1);}

.po-title{ padding:10px 0px 0px 10px; float:left; width:330px; font-size:16px; font-weight:bold;}

.po-title a{font-size:14px;}

.po-mess{ padding:10px 10px 0px 10px; float:left; width:320px; line-height:25px;  overflow:hidden;}



.page{ margin:0px auto;width:1200px; overflow:hidden;}









.footed{ margin:0px auto;height:146px; background-color:#2a2d2c; overflow:hidden;}

.foot-mess{ margin:0px auto; width:1212px; overflow:hidden;}

.foot-left{ float:left; width:837px;}

.foot-telephone{ padding:30px 0px 20px 5px; font-size:18px; color:#fff; font-weight:bold;}

.foot-nav{ padding:0px 0px 10px 0px; float:left; color:#fff;}

.foot-nav a{ padding:0px 5px 0px 5px; font-size:14px; color:#fff;}

.foot-copyright{ float:left; color:#fff;}
.foot-copyright a{ color:#fff;}

.foot-right{ float:right; width:206px;}

.erweima{ margin-top:25px; margin-right:10px; float:left; width:88px; text-align:center; color:#939393;}



/* banner-box */
.banner-box{min-width:1210px;height:360px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:1210px;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;height:360px;}
.banner-box .bd li a{display:block;background-size:auto;}

.banner-btn{width:1210px;position:absolute;top:120px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}

.banner-box .hd {position:absolute;top:210px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}