@charset "utf-8";
/* CSS Document */

body { margin:auto; font-family:"微软雅黑"; color:#666666; background-color:#FFF; font-size:12px;}
a {color:#666666; text-decoration:none;}
a:hover { text-decoration:none;}
a:focus{outline:none;}
img { border:0px;}

/* 导航 */
.nav { width:100%; margin:auto; height:100px; border-bottom:3px solid #3bbfb4; position:fixed; top:0px; background-color:#FFF;  z-index: 9999; }
.ytnav { width:1150px; height:100px; margin:auto; font-size:16px;}
.ytnav1 { width:550px;  height:100px;}
.ytnav3 { width:100px; background:#3bbfb4;  text-align:center; line-height:100px; float:left; }
.ytnav3  a{color:#FFF;}
.ytnav2 { width:100px; cursor:pointer; line-height:100px; text-align:center;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; background-color:#FFF;float:left;
  }
  .ytnav2:hover a{ color:#FFF}
.ytnav2 a{	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	text-decoration:none; color:#666}
.ytnav2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#3bbfb4;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.ytnav2:hover:before,.ytnav2:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}




/* 关于我们 */
.aboutbanner { width:100%; margin:auto; height:412px;background:url(../img/n1.jpg) top center  no-repeat;}
.aboutbanners { width:100%; margin:auto; height:412px;background:url(../img/n2.jpg) top center  no-repeat;}
.aboutbanners1 { width:100%; margin:auto; height:412px;background:url(../img/n3.jpg) top center  no-repeat;}
.aboutbanners2 { width:100%; margin:auto; height:412px;background:url(../img/n5.jpg) top center  no-repeat;}
.aboutbanners3 { width:100%; margin:auto; height:412px;background:url(../img/dz.jpg) top center  no-repeat;}
.aboutbanners8 { width:100%; margin:auto; height:412px;background:url(../img/n8.jpg) top center  no-repeat;}
.about1 { background-color:#f3f3f3; width:100%; margin:auto; padding-top:30px; padding-bottom:50px;}
.about2 { width:1150px; margin:auto;}
.about3 {}
.about4 {}
.about5 { width:200px; height:300px; background-color:#FFF; padding-top:30px;}
.about6 { width:170px; margin:auto;  text-align:center; font-size:15px;}
.about6 td { height:60px;     border-bottom: 1px solid #f3f3f3;}
.about7 { width:170px; height:35px; line-height:35px; background-color: #f0f0f0; border-radius: 3px; cursor:pointer; letter-spacing:1px;}
.about8 {cursor:pointer; letter-spacing:1px;}
.about8:hover { color:#222;}
.about8 a {  
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;
}

.about8 a:hover {
color: #3bbfb4;
padding-left: 10px;}

.about11 { width:930px; background-color:#FFF; float:right;}
.about12 { width:860px; margin:auto;}
.about13 { border-bottom: 1px solid #d7d7d7; height:80px; font-size:25px; color:#3bbfb4;}
.about14 { font-size:13px; line-height:25px; padding:15px 0;}

.about14 img { text-align:center; margin-bottom:15px; margin:auto;}
/* footer */
.foot { height:350px; background-color:#333333; padding-top:30px}
.foot1 { width:1150px; margin:auto; } 
.foot2 { border-bottom:1px solid #44cb83; color:#FFF; font-size:15px;  width:60px; padding-bottom:15px; margin-bottom:10px;}
.foot3 { line-height:25px; border-bottom:1px solid #5c5c5c; padding-bottom:30px; }
.foot3 a{ color:#acacac; transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
-moz-transition: 0.5s all;}

.foot3  a:hover {
color: #44cb83;
padding-left: 10px;}

.foot4 {border-bottom:1px solid #5c5c5c; height:60px;}
.foot4 a { color:#acacac; margin-right:15px;}
.foot5 { height:80px; line-height:25px; color:#acacac;}

.pc1 { width:100%; margin:auto; background-color:#FFF; }
.pc2 { text-align: center;color: #333333;font-size: 30px;line-height: 40px; margin-top:35px; margin-bottom:25px;}
.pc3 { width:1150px; margin:auto;	}
.pc5on { color: #ff6800 !important; font-size: 14px; text-align:center; height:120px; cursor:pointer; }
	
.pc5 { color: #999999; font-size: 14px; text-align:center; height:120px; cursor:pointer;}
.pc5:hover { opacity: 0.6;}
.pc6 {     border-top: 1px solid #e0e0e0; padding-top:20px; text-align:center; color: #666666; font-size:12px; line-height:25px;}
.pc6 span { color: #333333; line-height:50px; font-size:18px;}
.pc6 img { margin-top:20px;}

.pc7 { width:1150px; margin:auto; margin-top:80px; margin-bottom:70px;}
.pc8 {color: #666666; font-size: 12px; line-height:20px; padding-left:15px; }
.pc8 span { line-height: 25px; color: #666666; font-size: 18px;}

.case1 {border-bottom: 1px solid #eaeaea; font-size: 34px;color: #3bbfb4; text-align: center; line-height: 120px;}
.case2 { width:100%; border-bottom: 1px solid #eaeaea; height:500px;}
.case3 { width:1150px; margin:auto;	height:500px;}
.case4 {font-size: 14px;color: #999; padding-left:100px;}
.case6 { font-size:25px; margin-right:10px; vertical-align:-2px;}
.case7 { font-size: 18px;color: #999; line-height: 50px;padding-bottom: 20px;}
.case8 { font-size: 30px; font-weight: normal;color: #666; }
.case9 { background-color:#faf1eb; margin:auto; width:100%; text-align:center;}

.dz1 {background: #f6f6f6; height:150px;     font-size: 36px; color:#666666; line-height:150px; text-align:center;}
.dz2 { height:150px;     font-size: 36px; color:#666666; line-height:150px; text-align:center;}
.dz3 {}
.dz4 { width:1150px; margin:auto; color: #8d8d8d; line-height: 24px; font-size:14px; margin-bottom:50px;}
.dz4 td { padding:10px 0; }
.dz4 span{ font-size: 20px; color:#666; line-height:30px; padding-bottom:10px;}
.dz5 { margin:auto; background-color:#FFF; height:400px;}
.dz6 { margin:auto; background: #f6f6f6	; height:400px;}
.dz7 { width:1150px; margin:auto; height:400px;}
.dz8 { font-size:36px; color:#666666; line-height:60px; width:100%; margin:auto; text-align:center; background: #f6f6f6; height:140px; padding-top:20px;}
.dz11 { font-size:30px; color:#888888; text-align:center; margin:auto; height:100px; line-height:100px; margin-top:30px;}
.dz12 { width:1150px; margin:auto; height:300px; margin-bottom:50px;}
.dz13 {width:240px; height:240px; background-color:#f5f5f5; border-bottom: 1px solid #E0E0E0; height:220px; text-align:center; color:#666666;}
.dz13:hover { border-bottom: 1px solid #3bbfb4; color: #3bbfb4}
.xt1 { margin:auto; background-color:#ecedef; height:150px; line-height:150px; text-align:center; font-size:36px; }
.xt2 { font-size:30px; color:#666666;  text-align:center; height:120px; line-height:40px; padding:50px 0 10px;}
.xt3 { height:360px; background-color:#eff4f7; font-size: 16px;color: #666666; line-height:22px;}
.xt3 table { height:360px; margin:auto;}
.xt3 span {   color: #333333; font-size:28px;}
.xt4 {  height:360px; background-color:#FFF; font-size: 16px;color: #666666; line-height:22px;}
.xt4 table { height:360px; margin:auto;}
.xt4 span {  color: #333333; font-size:28px;}



*{margin:0;padding:0;list-style:none;}
.fullSlide img{border:0;}
.fullSlide a{text-decoration:none;color:#333;}
.fullSlide a:hover{color:#1974A1;}
/* fullSlide */
.fullSlide{width:100%;position:relative;height:630px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:630px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:630px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:5px;margin:1px;overflow:hidden;background:#3bbfb4;filter:alpha(opacity=50);opacity:0.5;line-height:999px; margin:0 10px;}
.fullSlide .hd ul .on{background:#FFF;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.sy1 {  text-align: center; color: #666666;line-height: 21px;font-size: 17px; height:150px; margin-top:50px; margin-bottom:30px;}
.sy1 span {font-size: 35px;color: #000; line-height:50px;}
.sy1 img { margin:10px 0;}
.sy2 { width:1150px; margin:auto; text-align:center; margin-bottom:50px;} 
.sy3 {color: #333333;line-height: 1.8; font-size: 18px; height:60px;}

.sy4 img{	border-radius: 50%;
	z-index: 1;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	transition: .4s all;
	margin: 0 auto;}
.sy4:hover img{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);}
.sy5 { line-height:20px; color:#888888}
.sy6 { width:1150px; border-collapse: collapse;
     margin:auto; margin-bottom:50px;  }
.sy6 td { height:145px; border: 1px solid #e6e6e6; width:20%; text-align:center; }

.sy6 td img{	
	z-index: 1;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	transition: .4s all;
	margin: 0 auto;
	    opacity: 0.5;}
.sy6 td:hover img{
	    opacity: 1.0;
	  -moz-transform:rotateY(360deg)	;
    -webkit-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform: rotateY(360deg); }


	.viewBtn{ text-align:center; margin:auto;
	cursor:pointer;
	 width:200px;
	border:3px solid rgba(255,255,255,0.6);
	color:#fff;
	 font-size:14PX;
	height:40px;
	line-height:40px;
	padding:0 20px;

	 -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   }
.viewBtn:hover{
	border:3px solid #fff;
	color:#fff;
	padding:0 50px;
	 
	
   }
   
 .sy7 { width:100%; margin:auto; text-align:center; font-size:20px; color:#FFF; line-height:100px; font-weight:500;}
 
 
 .suspend{width:40px;height:198px;position:fixed;top:50%;right:0;overflow:hidden;z-index:9999; background:url(images/suspend.png);}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(../images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:198px;background:#ffffff; background:url(../images/suspends.png); text-align:center;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(../images/suspend.png) -40px -86px;overflow:hidden;}