/* CSS Document */

body, h1, h2, h4, h5, h6,  p, dl, dt, dd, ul, li,  form,  button, input,  td, img{

	margin: 0;

	padding: 0;

}     

body{ font-size:12px; font-family:"微软雅黑"; color:#363636;overflow-x:hidden;

background:url(http://m.lnpjjssp.com/templates/specialty/images/2.jpg) repeat;}     

em{font-style:normal;}   

ul, li { list-style: none; }   

a { text-decoration: none; color:#353535; }   

img{ border:0px;}

.wrap{ width:100%;}

.fl{ float:left;}

.fr{ float:right;}

.inner{ width:62.5%; margin:0 auto;}

.top{ background:url(../image/1.png) no-repeat center top; position:absolute; top:0px; height:153px; z-index:9;}

.top_left{ width:39%; padding-top:46px;}

.top a{ display:block; width:25%;color:#fff; font-size:14px; background:url(http://m.lnpjjssp.com/templates/specialty/images/navline.jpg) no-repeat right center; text-align:center; float:left}
.top a em{ text-align:center; width:100%; font-size:12px;}

.top a:last-child{ background:none;}

.top a:hover{transition:all 0.8s ease-out;

transform:translateY(-5px);}
/* 幻灯片css */

.slideBoxa{ width:100%; overflow:hidden; position:relative; margin-top:115px;}

.slideBoxa .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBoxa .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBoxa .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBoxa .hd ul li.on{ background:#f00; color:#fff; }

.slideBoxa .bd{ position:relative; height:100%; z-index:0;   }

.slideBoxa .bd li{ zoom:1; vertical-align:middle; }

.slideBoxa .bd img{ display:block; margin:0 auto;}

.f1{ background:url(../image/f1.jpg) no-repeat center top;  width: 100%; float: left;}
.center{ width:66.92%; margin:0 auto}
.f1_left{ width:51.98%; float:left; position: absolute; top: -78px; background: #fff; padding: 0 2% 18px 2%}
.fd{width:100%; float: left; position: relative;}
.f1_left h1{ width:95%; padding: 10px 2%; float: left;border-bottom:1px solid #e5e5e5; }

.f1_txt1{ width:16.6%;float: left}
.f1_txt2{ width:24%; float:right}
.f1_left_p{
	width: 55%; float: left; font-size: 16px; padding-top: 15px; font-weight: bold;
}
.f1_left_p span{
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
}
.f1_left ul{
	width: 42%; float: right; padding-top: 15px;
}
.f1_left ul li{
	width: 100%;
	float: left;
	line-height: 28px;
}
.f1_left ul li span{
	float: right;
}
.f1_right{ width:44.02%; float: right;  position: absolute; top: -50px; right: 0px;}
.f1_right ul li{ width: 25%; float: left;}
.f1_right ul li img{ width: 100%;}
.cp{ width: 100%; float: left; margin-top: 160px;}
.cp h1{ text-align: center;}
.cp h1 img{ width: 95%; text-align: center;}
.cp_1{ display: inline-block; 
	text-align:center;  
 }
 .cp_2{ width: 100%; text-align: center; padding-top: 36px; padding-bottom: 20px;}
 .cp ul li{ width: 22%; float: left; margin: 20px 0.5%; background: url(../image/f1_11.jpg) no-repeat center top; background-size: cover; padding: 1%; }
 .cp ul li img{ width: 100%;}
 .cp ul li p{ text-align: center; font-size: 17px; line-height: 40px;}
 .cp_3{ width: 100%; display: block; text-align: center; padding-bottom: 107px; padding-top: 25px; float: left;}
 .about{ width: 100%; float: left; padding-bottom: 25px; }
 .bout h1{ text-align: center;}
.about h1 img{ width: 95%; text-align: center;}
.about_left{ width: 42.24%; float: left; padding-top: 60px;}
.about_left img{ width: 100%;}
.about_right{ background: url(../image/f1_16.png) no-repeat center top;width:53.76% ;  float: left; padding-left: 3%; margin-top: 57px; padding-bottom: 100px;}
.about_right h1{ width: 40%; margin-top: 80px; float: left;}
.about_right p{ width: 80%; float: left; font-size: 16px; line-height: 30px; color: #fff; margin-top: 10px;}
.about1{ width: 100%; float: left; display: block; padding: 15px 0;}

.f2{ background: url(../image/f2.jpg); float: left;}
.f2 h1{ text-align: center; margin-bottom: 55px; margin-top: 80px;}
.f2 h1 img{ width: 95%; text-align: center;}
.f2 ul li{ width: 46%; padding: 15px 2%; float: left;}
.f2 ul li dl{ width: 104px; height: 76px; float: left; background: url(../image/f2_2.jpg) no-repeat center top; background-size: cover; text-align: center; color: #fff; font-size: 14px; padding-top: 30px; margin-right: 12px;}
.f2 ul li dl dt{ font-size: 18px;}
.f2 ul li p{ font-size: 18px;}
.f2 ul li span{ font-size: 12px; color: #666666; line-height: 30px; padding-top: 15px;}
.f2 ul li:hover dl{background: url(../image/f2_3.jpg) no-repeat center top;}

.f3{ background: url(../image/f3.jpg); float: left; padding-bottom: 90px;}
.f3 h1{ text-align: center; margin-top: 85px; }
.f3 h1 img{ width: 95%; text-align: center;}
.f3_1 {
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 57px;
    padding-top: 25px;
    float: left;
}
.f3_left{ width:47.6% ; float: left; margin-top: 75px;}
.f3_left img{ width: 100%;}
.f3_right{ width:50.4% ; padding-left: 2%; float: left;margin-top: 75px;}
.f3_right ul li{ width: 46%; float: left; padding: 0 2% 12px 2%;}
.f3_right ul li img{ width:300px; height:195px}

.foot{ width: 100%; float: left; text-align: center; background: url(../image/f4.jpg) no-repeat center top; line-height: 109px; font-size: 14px; color: #fff;}
.sjdh{ display:none}
@media (max-width: 1600px){
	.inner{ width: 80%;}
.center{ width: 80%;}	
.about_right {
	background: url(../image/f1_16.png) no-repeat center top;
	background-size: cover;
    width: 55%;
    float: left;
    padding-left: 3%;
    margin-top: 57px;
    padding-bottom: 100px;
}
.about_left {
    width: 42%;
    float: left;
    padding-top: 60px;
}
.about_right p {
    width: 80%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    margin-top: 5px;
}
	}
@media (max-width: 1440px){
.inner{ width: 80%;}
.center{ width: 80%;}	
.about_right {
	background: url(../image/f1_16.png) no-repeat center top;
	background-size: cover;
    width: 55%;
    float: left;
    padding-left: 3%;
    margin-top: 57px;
    padding-bottom: 100px;
}

.about_left {
    width: 42%;
    float: left;
    padding-top: 60px;
}
.about_right p {
    width: 80%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    margin-top: 5px;
}
.about1 {
    width: 80%;
    float: left;
    display: block;
    padding: 5px 0;
}
}
@media (max-width: 1280px){
	.f1_left ul li span {
		display: none;
	}
	.about_right p {
		width: 80%;
		float: left;
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		margin-top: 5px;
	}
	.inner{ width: 98%;}
	.center{ width: 98%;}

	}
	
@media (max-width: 980px){
	.inner{ width: 100%;}
	.center{ width: 100%;}
.f1_left ul li span {
	display: none;
}
.about_right p {
    width: 90%;
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
	margin-top: 5px;
	padding-left: 5%;
	padding-top: 15px;
}

.top{ display: none;}
.slideBoxa {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}
.slideBoxa .bd img {
    display: block;
	width: 160%;
	margin-left: -40%;
}
.f1_left {
    width: 100%;
    float: left;
    position: relative;
    top: 0px;
    background: #fff;
	padding: 0;
	display: none;
}
.f1_txt1 {
	width: 30%;
	float: none;
	text-align: center;
	margin: 0 auto;
}

.f1_txt2 {
    width: 0;
	float: right;
	display: none;
}
.f1_right {
    width: 100%;
    float: right;
    position: relative;
    top: 0px;
    right: 0px;
}
.f1_left_p {
    width: 98%;
    float: left;
    font-size: 16px;
    padding-top: 15px;
    font-weight: bold;
}
.f1_left ul {
    width: 98%;
    float: right;
    padding-top: 10px;
}
.cp {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.f1 {
	background: url(../image/f1.jpg) no-repeat center top;
	background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;
    width: 100%;
    float: left;
}
.cp_1 {
	width: 30%;
	padding: 0 1.5%;
    display: inline-block;
    text-align: center;
}
.cp_1 img{ width: 100%;}
.cp ul li {
    width: 48%;
    float: left;
    margin: 10px 0;
    background: url(../image/f1_11.jpg) no-repeat center top;
    background-size: cover;
    padding: 1%;
}
.cp ul li p {
    text-align: center;
    font-size: 14px;
    line-height: 40px;
}
.cp_3 img{ width: 40%;}

.cp_3 {
    width: 100%;
    display: block;
    text-align: center;
    padding-bottom: 17px;
    padding-top: 15px;
    float: left;
}
.about_left {
    width: 100%;
    float: left;
    padding-top: 20px;
}
.about_right {
    background: url(../image/f1_16.png) no-repeat center top;
    background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;
    width: 100%;
    float: left;
    padding-left: 0;
    margin-top: 10px;
    padding-bottom: 30px;
}
.about_right h1 {
    width: 90%;
    margin-top: 10px;
	float: left;
	display: none;
}
.about1 {
    width: 80%;
    float: left;
    display: block;
    padding: 5px 0;
}

.about1 img{ width: 30%; margin-left: 10%;}

.f2 h1 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.f2 ul li {
    width: 98%;
    padding: 15px 1%;
    float: left;
}
.f2 {
    background: url(../image/f2.jpg);
	float: left;
	background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; background-position: right;
}
.f2 ul li dl {
    width: 20%;
    height:28%;
    float: left;
    background: url(../image/f2_2.jpg) no-repeat center top;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 15px;
	margin-right: 0px;
	padding-bottom: 15px;
}
.f3_1 img{ width: 50%;}
.f3 h1 {
    text-align: center;
    margin-top: 35px;
}
.f3_left {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.f3_right {
    width: 100%;
    padding-left: 0;
    float: left;
    margin-top: 15px;
}
.f3_right ul li img{ width:180px; height:130px}
.f3 {
    background: url(../image/f3.jpg);
    float: left;
    padding-bottom: 20px;
}
.foot {
    width: 100%;
    float: left;
    text-align: center;
    background: url(../image/f4.jpg) no-repeat center top;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}
.sjdh{ display:block; width:100%; background:url(../image/sjdh.png) no-repeat left top; background-size:cover; height:80px; position:absolute; top:0px; z-index:9999; margin-bottom:15px;}
.sjdh ul li{ width:12%; float:right; line-height:50px; }
.sjdh ul li a{ color:#fff;}
}