@charset "utf-8";
/* CSS Document */
#example { 
width: 100px !important; /* IE7+FF */ 
width: 200px; /* IE6 */ 
}
*{margin: 0 auto; padding: 0;}
body{font-size: 12px;color: #121212;font-family:  Microsoft YaHei, 宋体, Arial, Helvetica, sans-serif;background:none;}
ul,li{list-style-type: none;}
img,ul,li,button{margin: 0px;}
img,button{border: none;}
a{color: #000;text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
img{border:0;}
input{}

/*banner*/
.banner{ width:100%;}
.slideBox{ width:100%; height:645px; overflow:hidden; position:relative; margin:auto; background-position: center center; background-size:cover;}
		.slideBox .hd{ width:100%;  position:absolute; left:0; bottom:20px; z-index:1;  }
		.slideBox .hd ul{zoom:1;  text-align:center; width:100%;}
		.slideBox .hd ul li{ display:inline; margin-right:10px;   border-radius:50%; padding:0 8px;text-align:center; background:#fff; cursor:pointer; margin-left:15px; }
		.slideBox .hd ul li.on{ background:#d0231c; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; height:645px; }
		.slideBox .bd img{ width:100%; height:645px; display:block; margin:auto; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/*search*/
.search_all{width:100%; height:60px;}
.search{width:1180px; margin:auto; overflow:hidden;}
.search p{ float:left; font-size:14px; color:#555; line-height:60px; margin-left:0px;}
.search_ny{ float:right; width:358px; height:35px; line-height:28px; overflow:hidden; margin-right:0px; background:url(../images/search_03.png) no-repeat center center; margin-top:14px;}
.search_ny input{width:300px;height:35px; border:none;background:none; margin-left:7px; font-size:14px; color:#888;}
.search_ny button{float:right; width:50px; line-height:35px; font-size:14px; color:#fff; background:#e32235;}
	

/*fw*/
.fw_all{ width:100%; background:url(../images/fw_bk.jpg) no-repeat center; height:720px;}
.fw{ width:1180px; margin:auto; position:relative;}
.fw h3{ text-align:center; padding-top:85px; font-weight:bold;}
.fw h3 a{ font-size:40px; color:#222222;}
.fw_xbt{ font-size:20px; color:#666666; margin-top:8px;text-align:center; }

/*向左滚动*/
.fw_picScroll-left{ position:absolute; top:50px;  }
.fw_picScroll-left .hd{ overflow:hidden;  }
.fw_picScroll-left .hd .prev{ display:block;  width:42px; height:42px; float:right;  overflow:hidden;cursor:pointer; background: url(../images/hz_l1.png) no-repeat; position:absolute; top:360px; left:-50px;}
.fw_picScroll-left .hd .next{ display:block;  width:42px; height:42px; float:right;  overflow:hidden;cursor:pointer; background:url(../images/hz_l0.png) no-repeat;position:absolute; top:360px; left:1250px; }
.fw_picScroll-left .hd .prev:hover{background: url(../images/hz_l.png) no-repeat;}
.fw_picScroll-left .hd .next:hover{background: url(../images/hz_r.png) no-repeat;}
.fw_picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:0px; zoom:1; }
.fw_picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.fw_picScroll-left .hd ul li.on{ background-position:0 0; }
.fw_picScroll-left .bd{ padding:10px; margin-top:30px;   }



.fw_picScroll-left .bd ul{ zoom:1; position:absolute; top:200px; height:600px; width:1200px; }
.fw_picScroll-left .bd ul li{ width:280px; height:388px; float:left; background:url(../images/fw_li1.jpg) no-repeat center; margin-left:20px;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s; }
.fw_picScroll-left .bd ul li .pic{ width:118px; height:118px;}
.fw_picScroll-left .bd ul li .pic img{ width:118px; height:118px; display:block; margin:auto; margin-top:44px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; overflow:hidden; }
.fw_picScroll-left .bd ul li .pic a:hover img{ border-color:#ccc;transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
.fw_picScroll-left .bd ul li:hover{box-shadow: 3px 3px 5px #ddd;transform: translate(-10px, -10px);}
.fw_picScroll-left .bd ul li .title{ height:215px; text-align:center;}
.fw_w1{ text-align:center; margin-top:24px;}
.fw_w1 a{ font-size:20px; color:#333333; font-weight:bold;}
.fw_w2{ margin-top:57px; line-height:28px; width:202px; font-size:16px; color:#666666;}
.fw_w3{font-weight:bold; margin-right:0px; float:right; margin-right:2px; margin-bottom:20px;}
.fw_w3 a{font-size:24px; color:#fff; }


/*yh*/
.yh_all{ width:100%; background:url(../images/yh_bk.jpg) no-repeat center; height:722px; margin-top:25px;display: none;}
.yh{ width:1180px; margin:auto; position:relative;perspective:722px; overflow:hidden;height:722px;}
.yh h3{text-align:center; padding-top:30px; font-size:40px; color:#222222; font-weight:bold;}
.yh_xbt{text-align:center;font-size:20px; color:#666666; margin-top:5px;}
.yh ul li{ width:300px;}
.yh_w1{ font-size:20px; color:#e32235; font-weight:bold;}
.yh_w2{ margin-top:10px; line-height:26px; font-size:14px; color:#666;}
.yh1,.yh2,.yh3{ text-align:left;}
.yh4,.yh5,.yh6{ text-align:right;}
.yh1{ position:absolute; top:185px; left:40px;}
.yh2{ position:absolute; top:358px; left:40px;}
.yh3{ position:absolute; top:532px; left:40px;}
.yh4{ position:absolute; top:185px; left:845px;}
.yh5{ position:absolute; top:358px; left:845px;}
.yh6{ position:absolute; top:532px; left:845px;}
.yh_t img{ position:absolute; top:210px; display:block; margin:auto; left:400px;-moz-animation: myMove 1s linear infinite alternate; 
  -webkit-animation: myMove 1s linear infinite alternate;
  -o-animation: myMove 1s linear infinite alternate;
  animation: myMove 1s linear infinite alternate;}
@-moz-keyframes myMove {
  0% {margin-top:0px;}
  100% {margin-top:50px;}
}
@-webkit-keyframes myMove {
  0% {margin-top:0px;}
  100% {margin-top:50px;}
}
@-o-keyframes myMove {
  0% {margin-top:0px;}
  100% {margin-top:50px;}
}
@keyframes myMove {
  0% {margin-top:0px;}
  100% {margin-top:50px;}
}


/*ph1_all*/
.ph1_all{ width:100%; background:url(../images/ph1_bk.jpg) no-repeat center; height:260px;}
.ph1{ width:1180px; margin:auto; position:relative;}
.ph1_w1{ position:absolute; top:80px; line-height:45px; font-size:22px; color:#fff;}
.ph1_w1 span{font-size:34px; font-weight:bold;}
.ph1_w2{ position:absolute; top:200px; left:355px;-webkit-animation: Move 1s linear infinite alternate;
  -o-animation: Move 1s linear infinite alternate;
  animation: Move 1s linear infinite alternate;}
@-moz-keyframes Move {
  0% {margin-top:0px;}
  100% {margin-top:20px;}
}
@-webkit-keyframes Move {
  0% {margin-top:0px;}
  100% {margin-top:20px;}
}
@-o-keyframes Move {
  0% {margin-top:0px;}
  100% {margin-top:20px;}
}
@keyframes Move {
  0% {margin-top:0px;}
  100% {margin-top:20px;}
}


/*ys*/
.ys_all{width:100%;background: #f6f7fb url(../images/ys_bk.jpg) no-repeat center top;padding-bottom: 51px;}
.ys{ width:1180px; margin:auto; position:relative;}
.ys h3{ padding-top:85px; color:#222222; font-size:40px; font-weight:bold; text-align:center;}
.ys_xbt{ font-size:20px; color:#666666; margin-top:5px;text-align:center;}
.ys ul{margin-top:100px;/* height:350px; */display: flex;justify-content: space-between;flex-wrap: wrap;}
.ys ul li i{
	
height: 105px;
	
line-height: 105px;
	
padding-top: 20px;
	
-webkit-transition: all 0.5s;
	
transition: all 0.5s;
	
display: block;
}

.ys ul li i img{
	
}

.ys ul li:hover i {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.ys ul li:hover .ysTitle{
	background:#de1620 ;
	color: #fff;
}
.ys ul li{
	width: 48%;
	background: #fff;
	float:left;
	/* margin-right:20px; */
	text-align:center;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	margin-bottom: 30px;
	border: 1px solid #f4f4f4;
}
.ysTitle{
	line-height: 54px;
	background-color: #efefef;
	color: #868686;
	border-top: 1px solid #eee;
	font-size: 16px;
	-webkit-transition: .5s;
	transition: .5s;display: block;
}
.ys ul li:hover{transform: translate(-10px, -10px);}
.ys_w1{display: block;margin-top: 0;font-size:20px;color:#333333;font-weight:bold;}
.ys_w2{display: block;color:#666666;height: 80px;text-align: center;line-height: 26px;padding: 0 20px;box-sizing: border-box;font-size: 16px;margin-top: 21px;}
.ys ul li:hover .ys_w1{}
.ys ul li:hover .ys_w2{}
.ys_zx{background:url(../images/ys_zx.png) no-repeat center;width:437px;height:63px;margin:auto;margin-top: 40px;}
.ys_zx a p{ font-size:16px; color:#de1620; font-weight:bold; padding-top:20px; margin-left:120px; display:block;}


/*al*/
.al_all{ width:100%; background:url(../images/al_bk.jpg) no-repeat center; height:808px; clear:both;}
.al{ width:1180px; margin:auto; position:relative;}
.al h3{ text-align:center; padding-top:85px; font-weight:bold;}
.al h3 a{ font-size:40px; color:#222222;}
.al_xbt{ font-size:20px; color:#666666; margin-top:8px;text-align:center; }
.al_slideTxtBox{ width:1180px;}
.al_slideTxtBox .hd{  position:relative; }
.al_slideTxtBox .hd ul{ position:absolute; left:28%; top:75px;  }
.al_slideTxtBox .hd ul li{ float:left; width:120px; height:42px; border-radius:6px; background:#eeeeee; text-align:center; line-height:42px; margin-left:40px; }
.al_slideTxtBox .hd ul li a{ font-size:14px; color:#333; display:block; width:100%;}
.al_slideTxtBox .hd ul li.on{ background:#e32235; }
.al_slideTxtBox .hd ul li.on a{ color:#fff;}
.al_slideTxtBox .bd ul{ padding-top:175px;}
.al_t{ width:1180px; height:350px;}
.al_t a img{ width:1180px; height:350px;}


/*ph2*/
.ph2_all{ width:100%; background:url(../images/ph2_bk.jpg) no-repeat center; height:222px; margin-top:0px;}
.ph2{ width:1180px; margin:auto; position:relative;}
.ph2 ul{ overflow:hidden; padding-top:60px;}
.ph2 ul li{ width:393px; float:left;}
.ph2 ul li div{ font-size:52px; font-weight:bold; color:#fff; text-align:center;}
.ph2 ul li p{ font-size:16px; color:#fff; text-align:center; margin-top:30px;}


/*hz*/
.hz_all{ width:100%; background:url(../images/hz_bk.jpg) no-repeat center; height:785px; margin-top:0px; overflow:hidden;}
.hz{}
.hz h3{ text-align:center; padding-top:50px; font-weight:bold;}
.hz h3 a{ font-size:40px; color:#222222;}
.hz_xbt{ font-size:20px; color:#666666; margin-top:8px;text-align:center; }
.hz_t{ width:100%; }
.hz_t img{ width:100%; display:block;}

/*kh*/
.kh_all{ width:100%; background:url(../images/kh_bk.jpg) no-repeat center; height:560px; margin-top:-40px;}
.kh{ width:1180px; margin:auto; position:relative;}
.kh h3{ text-align:center; padding-top:30px; font-weight:bold;}
.kh h3 a{ font-size:40px; color:#222222;}
.kh_xbt{ font-size:20px; color:#666666; margin-top:8px;text-align:center; }
.kh_picScroll-left{ width:1180px;  overflow:hidden; position:relative; height:300px; margin-top:80px; }
.kh_picScroll-left .hd{ overflow:hidden;}
.kh_picScroll-left .hd ul{ overflow:hidden; zoom:1; position:absolute; top:260px; left:500px;}
.kh_picScroll-left .hd ul li{ width:12px; height:12px; background:#bababa; float:left; border-radius:50%; margin-right:30px; color:#bababa; font-size:0px; cursor:pointer;}
.kh_picScroll-left .hd ul li.on{ background:#e32235;}

.kh_picScroll-left .bd{}
.kh_picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.kh_picScroll-left .bd ul li{ width:550px; float:left; margin-right:40px;}
.kh_t{ float:left; width:115px; height:115px; border-radius:50%; margin-top:30px; border:2px solid #fff;}
.kh_t a img{width:100%; height:auto; border-radius:50%; display:block;}
.kh_w{ width:426px; height:176px; background:url(../images/kh_li_bk.png) no-repeat center; float:left; margin-left:2px;}
.kh_w1{ margin-left:60px; margin-top:20px;}
.kh_w1 a{ font-size:18px; color:#fff;}
.kh_w2{ width:320px; line-height:30px; font-size:14px; color:#fff; height:60px; overflow:hidden;margin-left:60px; margin-top:10px;}
.kh_w3{margin-top:10px;margin-left:60px;}
.kh_w3 a{ color:#fff; font-size:20px;}

/*xw*/
.xw_all{ width:100%; background:url(../images/xw_bk.jpg) no-repeat center; height:720px; margin-top:0px;}
.xw{ width:1180px; margin:auto; position:relative;}
.xw h3{ text-align:center; padding-top:30px; font-weight:bold;}
.xw h3 a{ font-size:40px; color:#222222;}
.xw_xbt{ font-size:20px; color:#666666; margin-top:8px;text-align:center; }
.xw_fl{ overflow:hidden; margin-top:80px;}
.xw_fl1,.xw_fl2{ float:left; margin-right:20px; width:360px; height:430px; background:#f6f7fa;}
.xw_fl1_w1{ margin-top:15px; margin-left:22px; font-size:20px;}
.xw_fl1_w1 a{ font-size:20px; color:#333333;}
.xw_fl1_w2{ margin-top:20px;}
.xw_fl1_w2 a{ font-size:18px; color:#333333; font-weight:bold;margin-left:22px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xw_fl1_w3{ margin-top:10px; font-size:13px; color:#a9a9a9;margin-left:22px;}
.xw_fl1_w4{ margin-top:20px; font-size:14px; color:#a9a9a9;margin-left:26px; line-height:20px; width:320px;}
.xw_fl1_t{width:360px; height:200px; margin-top:30px;}
.xw_fl1_t a img{width:360px; height:200px;}

.xw_fl3{float:right; margin-right:0px; width:420px; height:430px; background:#f6f7fa;}
.xw_fl3 ul{ margin-top:20px; width:380px; margin-left:22px;}
.xw_fl3 ul li{ margin-bottom:0px; line-height:40px;}
.xw_fl3 ul li a{ font-size:15px; color:#666666;}
.xw_fl3 ul li span{ float:right;font-size:15px; color:#666666;}


/*dt_all*/
.dt_all{ width:100%; height:480px;position: relative; margin-top:-30px;display: none; }
.map{
	display: block;
	position: absolute;
	width: 100%;
	height: 480px;
	margin: 0 auto;
	left:0;
	top:0;
	z-index: 2;
	opacity:1;
	-webkit-transition: 0.8s linear;
	-o-transition: 0.8s linear;
	transition: 0.8s linear;
}

.dt_all.show .map{
	opacity: 1;
}

.dt{ width:1180px; margin:auto; position:relative;}
.dt_ny{ width:460px; height:430px; background:#e32235; z-index:999999; position:absolute; top:20px; right:0px;}



.dt_w1{ font-size:24px; color:#fff; margin-left:30px; margin-bottom:0px;margin-top:40px; font-weight:bold;}
#name{ margin-top:25px; margin-left:30px;width:390px; height:50px; font-size:14px; color:#444;background:url(../images/ly_1.png) no-repeat center; border:none; text-indent:50px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#phone{  margin-top:25px; margin-left:30px; width:390px; height:50px; font-size:14px; color:#444;background:url(../images/ly_2.png) no-repeat center;  border:none;text-indent:50px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#qq{  margin-top:25px; margin-left:30px;width:390px; height:50px; font-size:14px; color:#444;background:url(../images/ly_3.png) no-repeat center; line-height:30px; text-indent:3px;text-indent:50px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#tj{ margin-top:25px; margin-left:30px; width:180px; height:50px; background:#ffffff; text-align:center; line-height:32px; color:#e32235; font-size:18px; border:none; letter-spacing:1px; border-radius:50px;}