@charset "utf-8";
/*属性重置开始*/
*{ margin:0; padding:0; font-family: Arial, "Microsoft YaHei", SimSun; font-size:14px;}
img,input{ border:none;}
li{ list-style:none;}
a{text-decoration:none; color:#333;}
body{ }
/*属性重置结束**/
/*导航*/
/* basic menu styles */
#nav_bg{ width:100%; height:80px; background:#004e66;}
#nav_bg img{ width:110px; margin:19px 0 0 7px;}
.nav-menu {
	display: block;
	/* background: #74adaa;*/
	width:1210px;
	margin:0 auto;
}
.nav-menu > li {
	display: inline;
	float:left;
	width: 127px;
}
.nav-menu > li:last-child {
	border-right: none;
}
.nav-menu li a {
	color: #fff;
	display: block;
	text-decoration: none;
	/*调用本地字体*/
	font-family:sansationregular;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: capitalize;
	overflow: visible;
	line-height: 8px;
	font-size: 20px; width:110px; height:80px;
}
.three-d {
	/* 任务三、设置3D舞台布景 */
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	-o-perspective: 200px;
	perspective: 200px;
          /*任务四、设置3D舞台布景过渡效果*/
	-webkit-transition: all .07s linear;
 	-moz-transition: all .07s linear;
 	-ms-transition: all .07s linear;
 	-o-transition: all .07s linear;
 	transition:all .7s linear;
	position: relative;
}
.three-d:not(.active):hover {
	cursor: pointer;
}
/*任务五、给不是当前状态的3D舞台的悬浮与聚焦状态设置变形效果*/
.three-d:not(.active):hover .three-d-box,  .three-d:not(.active):focus .three-d-box {
	-wekbit-transform: translateZ(-25px) rotateX(90deg);
 	-moz-transform: translateZ(-25px) rotateX(90deg);
 	-o-transform: translateZ(-25px) rotateX(90deg);
 	-ms-transform: translateZ(-25px) rotateX(90deg);
 	transform: translateZ(-25px) rotateX(90deg);
/*    -webkit-transform:rotateX(90deg) translatez(-25px);*/
       /*   -webkit-transform:rotatex(90deg);*/
}
.three-d-box {
          /*任务六、给3D舞台中“.three-d-box”设置过渡与变形效果*/
	-webkit-transition: all .3s ease-out;
 	-moz-transition: all .3s ease-out;
 	-ms-transition: all .3s ease-out;
 	-o-transition: all .3s ease-out;
 	transition: all .3s ease-out;
	-webkit-transform: translatez(-25px);
	-moz-transform: translatez(-25px);
	-ms-transform: translatez(-25px);
	-o-transform: translatez(-25px);
	transform: translatez(-25px);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
/*任务七、给导航设置3D前，与3D后变形效果*/
.front {
	-webkit-transform: rotatex(0deg) translatez(25px);
	-moz-transform: rotatex(0deg) translatez(25px);
	-ms-transform: rotatex(0deg) translatez(25px);
	-o-transform: rotatex(0deg) translatez(25px);
	transform: rotatex(0deg) translatez(25px);
	z-index:99;
}
.back {
	-webkit-transform: rotatex(-90deg) translatez(25px);
	-moz-transform: rotatex(-90deg) translatez(25px);
	-ms-transform: rotatex(-90deg) translatez(25px);
	-o-transform: rotatex(-90deg) translatez(25px);
	transform: rotatex(-90deg) translatez(25px);
	color: #FFE7C4;
}
.front, .back {
	/*          border:1px solid red;*/
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #004e66; width:126px; height:80px;
	color: white;
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	-o-pointer-events: none;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow:
}
/*任务八、设置导航当前状态与悬浮状态下的背景效果*/
.nav-menu li .active .front,  .nav-menu li .active .back,  .nav-menu li a:hover .front,  .nav-menu li a:hover .back {
	background-color: #004e66;
	-webkit-background-size: 5px 5px;
	background-size: 5px 5px;
	background-position: 0 0, 30px 30px;
	background-image: -webit-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -moz-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -ms-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	background-image: -o-linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);
	/*background-image: linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480), linear-gradient(45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480);*/
}
.nav-menu ul {
	position: absolute;
	text-align: left;
	line-height: 40px;
	font-size: 14px;
	width: 200px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform-origin: 0px 0px;
	-moz-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;
	-o-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
/*任务九、显示下拉导航菜单，并其设置一个变形效果*/
.nav-menu > li:hover ul {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
/*轮播*/
/* 本例子css */
.fullSlide{ width:100%;  position:relative; height:700px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block;overflow:hidden;}
.fullSlide .bd li a img{ width:100%; height:700px;}

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(images/touming.png) repeat-x; text-align:center;_background:#000; _filter:alpha(opacity=60); 
}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 
		line-height:9999px; }
.fullSlide .hd ul .on{ background-position:0 0; }
<!--响应式-->
@media (min-width:1600px) and (max-width:1800px) {
	.fullSlide{height:656px;}
	.fullSlide .bd li a img{ width:100%; height:656px;}
}
@media (min-width:1440px) and (max-width:1600px) {
	.fullSlide{height:583px;}
	.fullSlide .bd li a img{ width:100%; height:583px;}
}
@media (min-width:1366px) and (max-width:1440px) {
	.fullSlide{height:525px;}
	.fullSlide .bd li a img{ width:100%; height:525px;}
}
@media (min-width:1280px) and (max-width:1366px) {
	.fullSlide{height:498px;}
	.fullSlide .bd li a img{ width:100%; height:498px;}
}
@media (min-width:1024px) and (max-width:1280px) {
	.fullSlide{height:467px;}
	.fullSlide .bd li a img{ width:100%; height:467px;}
}
@media (min-width:960px) and (max-width:1024px) {
	.fullSlide{height:373px;}
	.fullSlide .bd li a img{ width:100%; height:373px;}
}
@media (min-width:768px) and (max-width:960px) {
	.fullSlide{height:350px;}
	.fullSlide .bd li a img{ width:100%; height:350px;}
}
@media (min-width:640px) and (max-width:768px) {
	.fullSlide{height:280px;}
	.fullSlide .bd li a img{ width:100%; height:280px;}
}
@media (min-width:480px) and (max-width:640px) {
	.fullSlide{height:233px;}
	.fullSlide .bd li a img{ width:100%; height:233px;}
}
@media (min-width:320px) and (max-width:480px) {
	.fullSlide{height:175px;}
	.fullSlide .bd li a img{ width:100%; height:175px;}
}
@media (min-width:240px) and (max-width:320px) {
	.fullSlide{height:117px;}
	.fullSlide .bd li a img{ width:100%; height:117px;}
}
@media (max-width:240px) {
	.fullSlide{height:88px;}
	.fullSlide .bd li a img{ width:100%; height:88px;}
}
<!--内容-->
.mlsd_img img{border:#FFF 1px solid;}
<!--底部导航-->
#footer_nav{ width:1000px; margin:0 auto; overflow:hidden;}
#footer_nav dl{ width:215px; float:left;}
#footer_nav dt a{ font-size:14px; color:#000; font-weight:normal;}
#footer_nav dt a:hover{ color:#000; text-decoration:none;}
#footer_nav dd a{font-size:12px; color:#333;}
.copy p{ font-size:12px; color:#333;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out;}
.cop{ overflow:hidden; margin-top:30px;}
.cop li{ float:left; width:76px; text-align:center; border-right:1px solid #333; height:14px;}
.cop li a{ font-size:12px; display:block;}

/*产品中心*/
.chanpin{}
.chanpin img{ width:60%; display:block; margin:0 auto;}
.chanpin .clfff6e9{color: #fff6e9;}
.chanpin .qxcp_bg{width: 100%;background:url(../images/pxcp_bg.jpg) no-repeat;background-size:100%;  margin-bottom:20px;}
.chanpin .qxcp_bg .qxcp{ width: 1100px; margin: 0 auto; padding-top:45px; overflow: hidden;}
.chanpin .qxcp_bg .qxcp h3{font-size: 36px; text-align: center; font-weight: bold;}
.chanpin .qxcp_bg .qxcp .p{font-size: 18px; text-align: center;font-family:"Arial" ; margin-top:18px;text-transform:uppercase;}
.chanpin .qxcp_bg .cptp_bg{ width:1080px; overflow:hidden;background:#6ec1d1; margin-top:57px; padding:26px 0 0 20px;}
.chanpin .qxcp_bg .cptp{ width:246px; height:435px; float:left; margin-right:19px;transition:all 0.5s linear;-webkit-transition:all 0.5s linear; transform:translateY(0px);-webkit-transform:translateY(0px);}
.chanpin .qxcp_bg .cptp_img{ width:250px; height:280px;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;}
.chanpin .qxcp_bg .cptp:hover .cptp_img{ box-shadow:0px 3px 0px #CCCCCC;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.chanpin .qxcp_bg .cptp_img a img{ width:100%;}
.chanpin .qxcp_bg .cptp_text{ height:100px; text-align:center;}
.chanpin .qxcp_bg .cptp_text h4{ padding:30px 0 20px 0;}
.chanpin .qxcp_bg .cptp_text h4 a{ font-size:24px;color:#fff;}
.chanpin .qxcp_bg .cptp_text span a{ font-size:14px;color:#fff;}
.chanpin .qxcp_bg .cptp_text h4 a:hover{}
.chanpin .qxcp_bg .cptp_text span a:hover{color: #ea5504;}
.chanpin .qxcp_bg .cptp:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
/*公司介绍*/
.neiye{ width:1150px; min-height: 200px; margin:auto; margin-top:20px; margin-bottom:20px;}
.neiye h2{ text-align:center;}
.neiye p{font-size:15px; line-height:30px;}
.neiye img{ max-width:100%;}
.neiye li{ width:838px; margin:0 auto;}

/*公司介绍*/
.neiye_c{ width:1100px; min-height: 200px; margin:auto; margin-top:20px; margin-bottom:20px;}
.neiye_c h2{ text-align:center;}
.neiye_c p{font-size:15px; line-height:30px;}
.neiye_c img{ width:100%;;}
.neiye_c li{ width:838px; margin:0 auto;}
/*二级导航*/
.nav2bg{ width:100%; height:70px; background:#6ec1d1;}
.nav2{ overflow:hidden; width:700px; text-align:center; margin:0 auto;}
.nav2 dl{ width:100px; height:68px; margin-top:5px; float:left;}
.nav2 dl a{ display:block;width:100px; height:68px;}
.nav2 dl{ width:100px; height:68px; margin-top:5px; float:left;transition:all 0.4s linear;-webkit-transition:all 0.4s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.nav2 dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;opacity: 1; position: relative;}
.nav2 dl a:hover{ text-decoration:none;}
.nav2 dl dt{width:30px; height:30px; margin:5px auto;}
.nav2 dl dt img{ width:30px; height:30px;}
.nav2 dl dd{ width:100px; text-align:center; color:#FFF; font-size:12px; text-shadow:1px 1px 1px #333;}

.nav3{ overflow:hidden; width:400px; margin:0 auto;}
.nav3 dl{ width:100px; height:68px; margin-top:5px; float:left; top:0;}
.nav3 dl a{ display:block;width:100px; height:68px;}
.nav3 dl{ width:100px; height:68px; margin-top:5px; float:left;transition:all 0.4s linear;-webkit-transition:all 0.4s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.nav3 dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;opacity: 1; position: relative;}
.nav3 dl a:hover{ text-decoration:none;}
.nav3 dl dt{width:30px; height:30px; margin:5px auto;}
.nav3 dl dt img{ width:30px; height:30px;}
.nav3 dl dd{ width:100px; text-align:center; color:#FFF; font-size:12px; text-shadow:1px 1px 1px #333;}

.nav4{ overflow:hidden; width:400px; margin:0 auto;}
.nav4 dl{ width:100px; height:68px; margin-top:5px; float:left; top:0;}
.nav4 dl a{ display:block;width:100px; height:68px;}
.nav4 dl{ width:100px; height:68px; margin-top:5px; float:left;transition:all 0.4s linear;-webkit-transition:all 0.4s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.nav4 dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;opacity: 1; position: relative;}
.nav4 dl a:hover{ text-decoration:none;}
.nav4 dl dt{width:30px; height:30px; margin:5px auto;}
.nav4 dl dt img{ width:30px; height:30px;}
.nav4 dl dd{ width:100px; text-align:center; color:#FFF; font-size:12px; text-shadow:1px 1px 1px #333;}

.nav5{ overflow:hidden; width:400px; margin:0 auto;}
.nav5 dl{ width:100px; height:68px; margin-top:5px; float:left; top:0;}
.nav5 dl a{ display:block;width:100px; height:68px;}
.nav5 dl{ width:100px; height:68px; margin-top:5px; float:left;transition:all 0.4s linear;-webkit-transition:all 0.4s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.nav5 dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;opacity: 1; position: relative;}
.nav5 dl a:hover{ text-decoration:none;}
.nav5 dl dt{width:30px; height:30px; margin:5px auto;}
.nav5 dl dt img{ width:30px; height:30px;}
.nav5 dl dd{ width:100px; text-align:center; color:#FFF; font-size:12px; text-shadow:1px 1px 1px #333;}

.nav5_c{ overflow:hidden; width:300px; margin:0 auto;}
.nav5_c dl{ width:100px; height:68px; margin-top:5px; float:left; top:0;}
.nav5_c dl a{ display:block;width:100px; height:68px;}
.nav5_c dl{ width:100px; height:68px; margin-top:5px; float:left;transition:all 0.4s linear;-webkit-transition:all 0.4s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.nav5_c dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;opacity: 1; position: relative;}
.nav5_c dl a:hover{ text-decoration:none;}
.nav5_c dl dt{width:30px; height:30px; margin:5px auto;}
.nav5_c dl dt img{ width:30px; height:30px;}
.nav5_c dl dd{ width:100px; text-align:center; color:#FFF; font-size:12px; text-shadow:1px 1px 1px #333;}

/*新闻列表*/
/*六大人群-*/
.ldrq_tp ul li:hover .ldrq_text{  transform:translateY(10px);-webkit-transform:translateY(10px);  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;opacity: 1; position: relative;}
.ldrq_tp ol li:hover .ldrq_text{  transform:translateY(10px);-webkit-transform:translateY(10px);  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;opacity: 1;}
.clfff6e9{color: #fff6e9;}
.bgldrq_1{background:#aedcfd;}
.bgldrq_2{background:#5daae1;}
.bgldrq_3{background:#1571ae;}
.bgldrq_4{background:#2b6ea0;}
.bgldrq_5{background:#aedcfd;}
.bgldrq_6{background:#4ba1de;}
.ldrq_text{ transition:all 0.8s linear;-webkit-transition:all 0.8s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.ldrq_text a{ display:block;  font-size:24px;color:#946f5f;}
.ldrq_text p{ font-size:16px;padding-top:25px;}
.ldrq_text1{ padding-top:66px; padding-left:68px;}
.ldrq_text1 a{color:#0d5d98;}
.ldrq_text2{ float:right; padding-top:70px; padding-right:40px;}
.ldrq_text2 a{color:#fff6e9;}
.ldrq_text3{ padding-top:66px; padding-left:66px;}
.ldrq_text3 a{color:#fff6e9;}
.ldrq_text3 p{width:170px; line-height:24px;}
.ldrq_text4{ padding-top:72px; padding-left:70px;}
.ldrq_text4 a{color:#fff6e9;}
.ldrq_text5{ float:right; padding-top:72px; padding-right:116px;}
.ldrq_text5 a{color:#0d5d98;}
.ldrq_text6{ padding-top:68px; padding-left:42px;}
.ldrq_text6 a{color:#fff6e9;}
.mengc,.mengc1,.mengc2,.mengc3,.mengc4,.mengc5{width: 100%;height:100%; position: absolute;top: 0;}
.mengc img{ width:240px; height:158px; float:right; margin-top:55px; margin-right:20px;z-index:100;}
.mengc1 img{ width:240px; height:158px; float:left; margin-top:50px; margin-left:20px;}
.mengc2 img{ width:240px; height:158px; float:right; margin-top:306px; margin-right:60px;}
.mengc3 img{ width:240px; height:158px; float:right; margin-top:306px; margin-right:60px;}
.mengc4 img{ width:240px; height:158px; float:left; margin-top:50px; margin-left:20px;}
.mengc5 img{ width:240px; height:158px; float:right; margin-top:55px; margin-right:60px;}
.fleft{float: left;}
.fright{float:right;}
.pd_tp100{padding-top:50px;}
.ldrq_bg{width: 100%; background:url(../images/pxcp_bg.jpg) no-repeat; background-size:100%;  min-width:1100px;}
.ldrq{width: 1100px;margin: 0 auto; padding-top: 50px; overflow: hidden;} 
.ldrq h3{font-size: 36px; text-align: center;}
.ldrq h3 span{font-size: 36px;}
.ldrq .p{font-size: 18px; text-align: center;font-family:"Arial" ; margin-top: 8px;}
.ldrq_tp{overflow: hidden;}
.ldrq_tp a:hover{ text-decoration:underline;}
.ldrq_tp ul{width: 730px;height: 522px;}
.ldrq_tp ul li{width: 730px;height: 261px; position: relative;}
.ldrq_tp ol{ width: 370px;height: 522px;} 
.ldrq_tp ol li{ width: 370px;height: 522px;position: relative;}

/*视频中心*/
.box{width:275px; height:132px}
.fangda{background:#000;width:275px;height:132px;overflow:hidden}
.fangda .fangda_img{position:relative;display:block;width:100%;opacity:1; padding:0;margin:0;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out;overflow:hidden}
.wddf_tp_1:hover .fangda .fangda_img{opacity:0.7;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
transform:scale(1.2)}


.box1{width:360px; height:208px}
.fangda1{background:#000;width:360px;height:208px;overflow:hidden}
.fangda1 .fangda_img{position:relative;display:block;width:100%;opacity:1; padding:0;margin:0;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out;overflow:hidden}
.r_l_top:hover .fangda1 .fangda_img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);
transform:scale(1.2)}


.bgFFF6E9{ background:#FFF6E9;}
.bg946f5f{background:#004e66;}
.cl372923{color: #0f6098;}
.clfff6e9{color: #fff6e9;}
.cl946f5f{color:#946f5f;}
.wddf_bj{ width: 100%; height: 347px; background:#004e66;  min-width:1100px;}
.wddf{ width: 1100px; height: 273px;margin: 0 auto; padding-top: 74px; text-align: center; overflow: hidden;}
.wddf h2{overflow: hidden;}
.wddf h2 span{ color: #fff6e9; font-size: 36px;}
.sfont{ font-weight: bold;}
.wddf h2 p{ color: #fff6e9; font-size: 18px;font-family:"Arial"; margin-top: 20px;}
.wddf_tp{ width: 1100px;height:300px;margin:0 auto; position: relative;}
.wddf_tp1{height: 350px;overflow: hidden;}
.ps_absolute{  position:absolute;top: -132px;}
.wddf_tp_1{width: 275px;height: 350px;float: left;}
.wddf_tp_1 div{ /*width: 275px; height: 218px;*/overflow: hidden;}
.wddf_tp_1 img{ display:block;}
.wddf_tp_1 div p{font-size: 24px; padding: 34px 0 24px 25px;}
.wddf_tp_1 div p a{ color:#0f6098;font-size: 18px;}
.wddf_tp_1 div p b{font-size: 18px;}

.wddf_tp_1 div span{padding: 0 25px 0 25px; display: block; line-height: 20px; font-size: 14px;}
.bianse{-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out;height: 218px;}
.wddf_tp_1 .bianse:hover{opacity: 1;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out;}
/*在线留言*/
.liuyan{ width:1100px; margin-top:20px; margin-bottom:20px;}
.liuyan h1{ text-align:center; margin-bottom:50px;}
.liuyan dl{ overflow:hidden;}
.liuyan dl dt{ float:left;}
.liuyan dl dt img{ width:500px;}
.liuyan dl dd{ float:left; width:550px;}

/*联系我们*/
.lianxi{ width:1100px; margin-top:20px; margin-bottom:20px;}
.lianxi h1{ text-align:center; margin-bottom:50px;}
.lianxi dl{ overflow:hidden;border-bottom:dashed 1px #CCCCCC; width:450px; height:455px; margin-right:50px; margin-bottom:50px;}
.lianxi dl dt{}
.lianxi dl dt img{ width:450px; height:300px;}
.lianxi dl dd{}
.lianxi dl dd p{ font-size:16px; width:450px; color:#666;}
.lianxi dl dd h4{ font-size:22px}

/*图片列表*/
.tupian{ width:1100px; min-height: 200px; margin-top:20px; margin-bottom:20px;}
.tupian h1{ text-align:center; margin-bottom:50px;}
.tupian dl{ overflow:hidden;border-bottom:dashed 1px #CCCCCC;width:450px; float:left; margin-right:100px; margin-bottom:50px; height:460px;}
.tupian dl{ overflow:hidden;border-bottom:dashed 1px #CCCCCC;width:450px; float:left; margin-right:100px; margin-bottom:50px; height:460px;transition:all 0.8s linear;-webkit-transition:all 0.8s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.tupian dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;opacity: 1; position: relative;}
.tupian dl dt{}
.tupian dl dt img{ width:450px; height:300px;}
.tupian dl dd{ margin-top:20px;}
.tupian dl dd p{ font-size:16px; width:450px; color:#666;}
.tupian dl dd h4{ font-size:22px}

/*图片列表1*/
.tupian1{ width:1100px; min-height: 200px; margin-top:20px; margin-bottom:20px;}
.tupian1 h1{ text-align:center; margin-bottom:50px;}
.tupian1 dl{ overflow:hidden;border-bottom:dashed 1px #CCCCCC;width:290px; float:left; margin-right:100px; margin-bottom:50px; height:460px;}
.tupian1 dl{ overflow:hidden;border-bottom:dashed 1px #CCCCCC;width:290px; float:left; margin-right:100px; margin-bottom:50px; height:460px;transition:all 0.8s linear;-webkit-transition:all 0.8s linear; transform:translateY(0px);-webkit-transform:translateY(0px);position: relative;}
.tupian1 dl:hover{  transform:translateY(-10px);-webkit-transform:translateY(-10px);  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;opacity: 1; position: relative;}
.tupian1 dl dt{}
.tupian1 dl dt img{ width:450px; height:300px;}
.tupian1 dl dd{ margin-top:20px;}
.tupian1 dl dd p{ font-size:16px; width:290px; color:#666;}
.tupian1 dl dd h4{ font-size:22px}


.yema{ text-align:center;  line-height:40px; float:left; width:100%; height:40px;}
.yema span a {padding:2px 8px; border-radius:15px; margin:0px 5px; background:#dbdbdb; color:#000;}
.yema span a:hover{background:#f09e3a;}
.yema span a.hover{background:#f09e3a;}

/*在线留言*/
.huiyuan{ width:1100px; margin-top:20px; margin-bottom:20px;}
.huiyuan h1{ text-align:center; margin-bottom:50px;}
.huiyuan h2{ width:380px; text-align:center; font-size:26px; margin-bottom:35px;}
.huiyuan dl{ overflow:hidden;}
.huiyuan dl dt{ float:left; margin-right:112px;}
.huiyuan dl dt img{ width:500px;}
.huiyuan dl dd{ float:left; width:420px;}
.text{ font-size:18px; font-weight:normal;}