﻿body {
margin:0px;
padding:0px;
}

.text-center {
    text-align: center;
}

.container {
	margin-right: auto;
	margin-left: auto;
}
 @media (min-width:768px) {
.container {
	width: 750px
}
}
 @media (min-width:992px) {
.container {
	width: 970px
}
}
 @media (min-width:1200px) {
.container {
	width: 1200px;
}
}






.case_list {
	padding-right: 1%;
	padding-left: 1%;
	position: relative;
	min-height: 1px;
   float: left;
   width: 48%;}




@media (min-width:768px) {
.case_list {
	float: left;
	width: 48%
}



}



 @media (min-width:992px) {
.case_list {
	float: left;
	width: 31.33333333%
}

.case_title{
line-height:50px;}

.case_title a{
font-size:22px;
}

.case p a {
font-size:16px;}

.jianjie_p{
font-size:16px;
line-height:30px;}

.yptg_9_1{
width:100%;}

.yptg_9_2{
width:50%;
display:block;}

.gtyl_1_1,.yptg_1_1,.yjn_1_1{
line-height:40px;
font-size:18px;
}

.yjn_2_2{
font-size:16px;
line-height:35px;}

.danwei_title{
line-height:30px;
font-size:16px;}

.danwei2_title{
line-height:30px;
font-size:16px;}


.cgal1 a{
line-height:40px;
font-size:20px;
}

.cgal2{
line-height:35px;
font-size:20px;}

.tpml_l_1{
line-height:60px;
font-size:35px;}

.pdc_1{
line-height:40px;
font-size:18px;}


.b_title {font-size:30px;}
.m_title {font-size:22px; line-height:35px;}
.s_title {font-size:15px;}

.banner{display:block;}
.banner1{display:none;}

.pc_ad{display:block;}
.wap_ad{display:none;}



.l{display:none}
.r{width:100%;}


}


 @media (min-width:1200px) {
.case_list{
	float: left;
	width: 23%
}

.jianjie_bg{
display:block;}

.jianjie_wap{
display:none;}


.case_title{
line-height:50px;}

.case_title a{
font-size:22px;
}

.case p a {
font-size:16px;}

.jianjie_p{
font-size:16px;
line-height:30px;}

.yptg_9_1{
width:100%;}


.yptg_9_2{
width:50%;
display:block;}


.gtyl_1_1.yptg_1_1,.yjn_1_1{
line-height:40px;
font-size:18px;
}

.yjn_2_2{
font-size:16px;
line-height:35px;}


.danwei_title{
line-height:30px;
font-size:16px;}

.danwei2_title{
line-height:30px;
font-size:16px;}

.cgal1 a{
line-height:50px;
font-size:20px;
}


.cgal2{
line-height:35px;
font-size:20px;}


.tpml_l_1{
line-height:60px;
font-size:35px;}

.yanfa{
display:block;}

.yanfa_wap{
display:none;}


.yanfa_ad{
display:block;}

.yanfa_wap_ad{
display:none;}


.aboutUs{
display:block;}


.aboutUs_wap{
display:none;}



.b_title {font-size:30px;}
.m_title {font-size:22px; line-height:35px;}
.s_title {font-size:15px;}

.banner{display:block;}
.banner1{display:none;}


.pc_ad{display:block;}
.wap_ad{display:none;}


.topbg{display:block;}
.topbg_wap{display:none;}


/*头部开始*/

.topbg{
width:100%;
background:#F8F8F8;}

.top{
width:1200px;
height:166px;
margin:0 auto;}


.logo{
width:160px;
height:166px;
float:left;}


.title{
width:480px;
height:166px;
float:left;}

.gp{
line-height:25px;
font-size:15px;
color:#FD9204;
margin-top:35px;}


.title{
line-height:40px;
font-size:28px;
font-weight:bold;
color:#000000;}

.yw1{
width:17%;
line-height:30px;
background:#0A8FD3;
float:left;
margin-right:2%;
text-align:center;
font-size:15px;
color:#FFFFFF;
margin-top:10px;
border-radius: 8px;
}


.ewm{
width:450px;
float:right;
margin-top:30px;}


/*头部结束*/



/*导航开始*/
.navbg{
width:100%;
height:58px;
background-color:#0A8FD4;}

.nav{
width:1200px;
margin:0 auto;}

.nav ul li{
width:12%;
float:left;}


.nav ul li a{
text-align:center;
color:#FFFFFF;
font-size:16px;
line-height:58px;
display:block;
text-decoration:none;
border-bottom:none;}


.nav ul li a.on{
text-align:center;
color:#FFFFFF;
font-size:16px;
background:#007CBA;
text-decoration:none;}


.nav ul li a:hover{
text-align:center;
color:#FFFFFF;
font-size:16px;
background:#007CBA;
text-decoration:none;}

/*导航结束*/

.c{width:1200px;}
.l{display:block}
.r{width:900px;}

.yjn_1{display:block;}
.yjn_wap_1{display:none;}

.gtyl_1{display:block;}
.gtyl_wap_1{display:none;}

.yptg_1{display:block;}
.yptg_wap_1{display:none;}


.yptg_5{display:block;}
.yptg_wap_5{display:none;}

.yptg_6{display:block;}
.yptg_wap_6{display:none;}


}



.case a.pic-link {
	max-width: 360px;
	text-align: center;
	margin-right: auto;
	margin-left: auto
}

@media(min-width:999px) {
.case a.pic-link, .tj-case a.pic-link {
	position: relative;
	display: block
}
.case-hover {
	cursor: pointer;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
	background-image: url(../images/on-hover.png);
	background-repeat: repeat;
	opacity: 0;
	filter: Alpha(Opacity=0);
	z-index: 96;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}
.case-hover:hover {
	opacity: 1;
	filter: Alpha(Opacity=1)
}
.case-hover * {
	filter: inherit
}
.case-hover {
	cursor: pointer
}
.case-hover:hover .hover-link, .tj-case figure div:hover .hover-link, .pic-link:hover .hover-link {
	background-image: url(../images/hover-link.png);
	background-repeat: no-repeat;
	background-position: center center
}
.hover-link {
	width: 44px;
	height: 44px;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
	position: absolute;
	display: block
}
}






.zizhi_list {
	position: relative;
	min-height: 1px;
   float: left;
   width: 100%;}
   
   
.zizhi_list2 {
	position: relative;
	min-height: 1px;
   float: left;
   width: 100%;
   display:none;}   




@media (min-width:768px) {
.zizhi_list {
	float: left;
	width: 100%
}
}



 @media (min-width:992px) {
.zizhi_list {
	float: left;
	width: 100%
}


.zizhi_list2 {
	float: left;
	width: 50%;
	display:block;
}

}


 @media (min-width:1200px) {
.zizhi_list{
	float: left;
	width: 100%;
}


.zizhi_list2{
	float: left;
	width: 50%;
	display:block;
}

.row_zizhi{
width:1000px;
margin:0 auto;
}
}







.hezuo_list {
	padding-right: 1%;
	padding-left: 1%;
	position: relative;
	min-height: 1px;
   float: left;
   }




 @media (min-width:992px) {
.hezuo_list {
	float: left;
	width: 18%
}
}


 @media (min-width:1200px) {
.hezuo{
display:block;}

.hezuo_wap{
display:none;} 
 
 
.hezuo_list{
	float: left;
	width: 18%
}
}


.oem_list {
	padding-right: 1%;
	padding-left: 1%;
	position: relative;
	min-height: 1px;
   float: left;
   width: 48%;}




@media (min-width:768px) {
.oem_list {
	float: left;
	width: 48%
}
}



 @media (min-width:992px) {
.oem_list {
	float: left;
	width: 31.33333333%
}
}


 @media (min-width:1200px) {
.oem{
display:block;
} 


.oem_wap{
display:none;
} 
 
 
 
.oem_list{
	float: left;
	width: 23%
}
}



@media (min-width:768px) {
.footbg {
display:none;
}

.foot_wap {
display:block;
}

}


 @media (min-width:1200px) {
.footbg {
display:block;
}

.foot_wap {
display:none;
}
}










 @media (min-width:992px) {
 
 .yptg_4_1{
	width: 31.3333%
}


.yptg_4_1 a{
line-height:50px;
font-size:22px;
}


 
.yptg_5_1 {
	width: 18%
}


}


 @media (min-width:1200px) {
 
.yptg_4_1{
	width: 31.3333%
}

.yptg_4_1 a{
line-height:50px;
font-size:22px;
}
 
 
.yptg_5_1{
	width: 18%
}
}




.rongyu_list {
	position: relative;
	min-height: 1px;
   float: left;
   width: 100%;}






@media (min-width:768px) {
.rongyu_list {
	float: left;
	width: 100%
}
}



 @media (min-width:992px) {
.rongyu_list {
	float: left;
	width: 50%
}
}


 @media (min-width:1200px) {
.rongyu_list{
	float: left;
	width: 50%;
}

}




.danwei_list {
	padding-right: 1%;
	padding-left: 1%;
	position: relative;
	min-height: 1px;
   float: left;
   width: 31.3333%;}
   
.danwei2_list {
	padding-right: 1%;
	padding-left: 1%;
	position: relative;
	min-height: 1px;
   float: left;
   width: 48%;}   




@media (min-width:768px) {
.danwei_list {
	float: left;
	width: 31.33333333%
}

.danwei2_list {
	float: left;
	width: 48%
}
}



 @media (min-width:992px) {
.danwei_list {
	float: left;
	width: 31.333333%
}

.danwei2_list {
	float: left;
	width: 23%
}
}


 @media (min-width:1200px) {
.danwei_list{
	float: left;
	width: 14.666%
}


.danwei2_list {
	float: left;
	width: 23%
}
}


