@charset "utf-8";
/* CSS Document */
a:hover{
	text-decoration: none;
}
.prodh{
	background: #fbfbfb!important;
}

.dh{
	text-align: left;
	padding: 8px 0;
	
	border-bottom: 1px solid #f0f0f0;
}

.dh img{
	width: 1.5%;
	margin-right: 4px;
	float: left;
	margin-top: 2px;
}

.dh a{
	font-size: 13px;
	color: #333;
}

.dh a:hover{
	color: #315677;
	text-decoration: none;
}

body{
	background: #fff;
}





.fenye a{text-decoration:none;color:#3c3c3c;background:#fff;border:1px solid #cccccc;padding:3px 8px;padding-bottom:2px;margin-right:3px;cursor:pointer}
.fenye .red{background:#315677!important; color:#fff; border:0; padding:3px 8px;}
.fenye a.active{background:#315677;border:1px solid #cccccc;color:#fff}
.fenye a:hover{text-decoration:none;color:#fff;background:#315677;border:1px solid #cccccc}








.abanner{
	position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	background: url(../images/a1.jpg) no-repeat top center;
	background-attachment: fixed;
}


.about{
	padding: 4% 0 5%;
}

.azi{
	margin-bottom: 4%;
	font-size: 24px;
	text-align: center;
	color: #333;
}

.azi h2{
	position: relative;
}

.azi h2::before {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 158px;
	height: 8px;
	background-image: url(../images/pros-row-h2.png);
	background-repeat: no-repeat;
	-moz-background-size: 158px 8px;
	  -o-background-size: 158px 8px;
	     background-size: 158px 8px;
	background-position: center;
}

.acon img{
	padding: 1px;
	box-shadow: 0 0 15px #999;
}

.acon p{
	font-size: 15px;
	line-height: 30px;
	text-indent: 30px;
	color: #444;
}


.aboutimg{
	margin-top: 50px;
	position: relative;
	overflow: hidden;
}

.aboutimg img{
	position: relative;
		transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.aboutimg:hover img{
	transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.wh{
	position: absolute;

	width: 1200px;
	left: 50%;
	margin-left: -600px;
	top: 40%;
	transform: translate(0%,-40%);
}

.wh h3{
	color: #315677;
	margin-bottom: 1%;
	font-size: 33px;
}


.wh span{
	color: #333;
	font-size: 16px;
}

.aboutimg ul{
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	width: 100%;
}

.aboutimg ul li{
	float: left;
	width: 33%;
}

.aboutimg ul li .aboutone{
	height: 120px;
	width: 320px;
	background: rgba(0,0,0,.7);
	padding: 25px 30px 20px;
	margin: 0 auto;
}

.aboutimg ul li .aboutone h2{
	font-size: 18px;
	color: white;
	margin-bottom: 10px;
}

.aboutimg ul li .aboutone span{
	font-size: 14px;
	color: white;
	line-height: 20px;
}






















.bbanner{
	position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	background: url(../images/a2.jpg) no-repeat top center;
	background-attachment: fixed;
}


.pro{
	padding: 3% 0 5%;
}

.pzi{
	margin-bottom: 5%;
	font-size: 24px;
	text-align: center;
	color: #333;
}

.pzi h2{
	position: relative;
}

.pzi h2::before {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 158px;
	height: 8px;
	background-image: url(../images/pros-row-h2.png);
	background-repeat: no-repeat;
	-moz-background-size: 158px 8px;
	  -o-background-size: 158px 8px;
	     background-size: 158px 8px;
	background-position: center;
}

.pros{
	
}



.prosimg{
	overflow: hidden;
	padding: 3%;
}

.pros ul li{
	float: left;
	width: 24%;
	margin: 0 0% 2% 1%;
	border: 1px solid  rgba(219,219,219,1.00);
	background: white;
}

.pros ul li img{
		transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.pros ul a:hover li img{
		transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);

}

.pros ul li{
		transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
	position: relative;
	top: 0px;
}

.pros ul a:hover li{
	box-shadow: 2px 12px 25px rgba(0,0,0,0.18);
	top: -10px;
	
}

.pros ul li p{
	text-align: center;
	height: 50px;
	line-height: 35px;
	color: #333;
	position: relative;
	margin-bottom: 0;
	font-size: 14px;
	transition: all .3s;
	-moz-transition: all .3s;
-ms-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
}

.pros ul li:hover p{
	color: #315677;
}

.pros ul li .xian{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0%;
		transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

.pros ul a:hover .xian{
	width: 100%;
	background: #315677;
}





.projsimg{
	border: 1px solid  rgba(219,219,219,1.00);
}

.projsr h3{
	font-size: 24px;
	text-align: left;
	margin-bottom: 5%;
	color: #315677;
}

.projsr ul li{
	float: left;
	width: 100%;
	font-size: 16px;
	margin-bottom: 3%;
	color: #333;
}

.projsss{
	border-bottom: 1px solid #B9B9B9;
	margin-bottom: 3%;
	color: #333;
}

.projsss h4{
	font-size: 24px;
	text-align: left;
	margin-bottom: 10px;
	color: #315677;
	line-height: 24px;
}

.projsss h4 span{
	font-size: 14px;
	float: right;
	margin-left: 3%;
}

.projsss h4 span a{
	color: #333
}

.projss p{
	font-size: 16px;
	line-height: 32px;
}

.projss{
	margin-top: 5%;
}

.projss img{
	display: block;
	max-width: 100%;
	height: auto
}




















.cbanner{
	position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	background: url(../images/a3.jpg) no-repeat top center;
	background-attachment: fixed;
}


.fac{
	padding: 4% 0 5%;
}

.fzi{
	margin-bottom: 5%;
	font-size: 24px;
	text-align: center;
	color: #333;
}

.fzi h2{
	position: relative;
}

.fzi h2::before {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 158px;
	height: 8px;
	background-image: url(../images/pros-row-h2.png);
	background-repeat: no-repeat;
	-moz-background-size: 158px 8px;
	  -o-background-size: 158px 8px;
	     background-size: 158px 8px;
	background-position: center;
}








.pconl{
	
	
	padding-top: 35px;
	position: relative;
}
.pconl ul {padding:0; margin:0; list-style-type: none;}
.pconl ul li{position:relative;  float:left; line-height:46px; height:54px; margin-left:0px; margin-right:25px; text-align:center;}
.pconl ul li a, .pconl ul li a:visited { color:#898989; font-size:14px; display:block; height:46px; margin-bottom:8px; border:1px solid #315677; padding:0 25px;}
.pconl ul li ul {display: none;}
.pconl ul li:hover a { background: url(../images/lanh.png) no-repeat center; height:54px; color:#fff; border:none}
.pconl ul li.hover a { background: url(../images/lanh.png) no-repeat center; height:54px; color:#fff; border:none}
.pconl ul li:hover ul {display:block; position:absolute; top:54px; left:0;}
.pconl ul li:hover ul li { width:100%; float:left; position:relative; text-align:center; margin:0; font-size:12px; height:38px;}
.pconl ul li:hover ul li a {display:block; background:#ccc; color:#fff; border-top:2px solid #fff; border-radius:4px; padding:0px; height:36px; line-height:36px; }
.pconl ul li:hover ul li a:hover { background:#eabb60;}

.pconl ul li a{
	transition: all .8s;
	-moz-transition: all .8s;
-ms-transition: all .8s;
-webkit-transition: all .8s;
-o-transition: all .8s;
}






















.dbanner{
	position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	background: url(../images/a4.jpg) no-repeat top center;
	background-attachment: fixed;
}


.news{
	padding: 4% 0 5%;
}

.nzi{
	margin-bottom: 5%;
	font-size: 24px;
	text-align: center;
	color: #333;
}

.nzi h1{
	font-size: 24px;
}

.nzi h2{
	position: relative;
}

.nzi h2::before {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 158px;
	height: 8px;
	background-image: url(../images/pros-row-h2.png);
	background-repeat: no-repeat;
	-moz-background-size: 158px 8px;
	  -o-background-size: 158px 8px;
	     background-size: 158px 8px;
	background-position: center;
}


.news_list ul li{
    padding-left:15px;
    padding-right:15px;
    /*border:1px solid transparent;*/
    position:relative;
    -webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	list-style: none!important;
	
}
.news_list ul li .news-one{display:block;width:100%;height:100%;padding-bottom:40px;padding-top:40px;border-bottom:1px dotted #d1d1d1;position:relative;}
.news_img {
    float:left;
    width:31%;
    /*padding:10px;*/
    border:1px solid #d1d1d1;
    transition: .35s;
}
.news_list ul li:hover .news_img {
   
}
.news_img > a {
    display: block;
    border: 10px solid transparent;
    overflow:hidden;
}
.news_img img {
	transition: .8s
}
.news_list ul li:hover .news_img img{
	transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform:  scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
}
.news_con{margin-left:4%;width:65%;float:right;}
.news_top{line-height:22px;padding-bottom:20px;border-bottom:1px dotted #d1d1d1;margin-bottom:25px;}
.news_top span:first-child{
    font-size:18px;
    color:#666666;
    margin-right:15px;
    max-width:80%;
    display:inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: .35s;
}
.news_top .ntime{
    float: right;
    font-family:"Arial";
    font-size:14px;
    color:#c6c6c6;
    display:inline-block;
    vertical-align:top;
    transition: .35s;
}
.news_list ul li:hover .news_top span:first-child,
.news_list ul li:hover .news_top .ntime {
    color: #315677;
}
.news_con_txt{color:#999999;font-size:15px;line-height:22px;height:44px;overflow:hidden;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news_list ul li:hover .news_con_txt {
   
}
.news_button{font-size:14px;color:#315677;width:120px;height:35px;text-align:center;line-height:35px;border:1px solid #315677;margin-top:35px;cursor:pointer;
	-webkit-transition:all  0.4s  ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all  0.4s ease-out;
}
.news_list ul li:hover .news_button{background:#315677;border-radius:0.5em;color:#fff;}
.news_sec .see_more{margin-top:45px;margin-bottom:65px;}
.news_mask{
    position:absolute;
    left:0;
    top: 0px;
    width:100%;
    height:100%;
    background:#fff7f2;
    border:1px solid #315677;
    z-index:-1;
	transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform:  scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
	opacity:0;
	filter: alpha(opacity=0);
	-webkit-transition:all  0.4s  ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all  0.4s ease-out;
}
.news_list ul li:hover .news_mask{
	transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform:  scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
	
}

.news-zi{
	margin-top: 4%;
}
.news-zi p{
	font-size: 15px;
	line-height: 30px;
	text-indent: 30px;
}




















.ebanner{
	position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	background: url(../images/a5.jpg) no-repeat top center;
	background-attachment: fixed;
}


.online{
	padding: 4% 0 5%;
}

.ozi{
	margin-bottom: 5%;
	font-size: 24px;
	text-align: center;
	color: #333;
}

.ozi h2{
	position: relative;
}

.ozi h2::before {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 158px;
	height: 8px;
	background-image: url(../images/pros-row-h2.png);
	background-repeat: no-repeat;
	-moz-background-size: 158px 8px;
	  -o-background-size: 158px 8px;
	     background-size: 158px 8px;
	background-position: center;
}


.mes{
	margin-top: 4%;
}

.mes ul li{
	float: left;
	width: 40%;
	margin-right: 10%;
	margin-bottom: 2%;
	border-bottom: 1px solid #B9B9B9;
	font-size: 14px;
}

.mes ul li:nth-child(5){
	border-bottom: none;
}

.mes label{
	color:#4E4E4E
}

.mes ul li input{
	border: none;
	background: none;
	width: 60%;
	font-size: 14px;
	color:#323232;
	padding-left: 2%;
	
}

.mes ul .wide{
	width: 40%;
}

.mes ul li textarea{
	width: 100%;
	font-size: 14px;
	color:#323232;
	padding: 2%;
	height: 150px;
	margin-top: 4%;
	background: rgba(249,249,249,1.00);
	border: 1px solid rgba(232,232,232,1.00)
}

.mes .submit{
	background: #315677;
	color: white;
	padding: 2% 2%;
	padding: 8px 4%;
	border: none;
	font-size: 14px;
}























.fbanner{
	position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
	/*background: url(../images/a6.jpg) no-repeat top center;*/
	background-attachment: fixed;
}


.contact{
	padding: 4% 0 5%;
}

.czi{
	margin-bottom: 5%;
	font-size: 24px;
	text-align: center;
	color: #333;
}

.czi h2{
	position: relative;
}

.czi h2::before {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 158px;
	height: 8px;
	background-image: url(../images/pros-row-h2.png);
	background-repeat: no-repeat;
	-moz-background-size: 158px 8px;
	  -o-background-size: 158px 8px;
	     background-size: 158px 8px;
	background-position: center;
}

.contact p{
	margin-bottom: 0;
}

.contact img{
	transition: all 1s;
	-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
	margin-bottom: 12px;
}

.contact p:hover img{
		transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
}