@charset "utf-8";
/* CSS Document */
.y-ph-102{ min-width:1200px; overflow:hidden;height: auto; }
.y-ph-102-1 .y-ph-102-1-t .p1{ width:500px; height:auto; overflow:hidden; margin:0 auto; cursor:pointer;  padding-top:200px;-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px);opacity:1;filter:alpha(opacity=100)}
.y-ph-102-1 .y-ph-102-1-t .p2{ width:440px; height:auto; overflow:hidden;margin:0 auto; padding-top:40px; cursor:pointer;-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px); opacity:1;filter:alpha(opacity=100)}
.y-ph-102-1 .y-ph-102-1-b .p1 img{-moz-transition:all 1s ease-out;-moz-transform:translateY(0px);-webkit-transition:all 1s ease-out;-webkit-transform:translateY(0px);-ms-transition:all 1s ease-out;-ms-transform:translateY(0px); cursor:pointer;}
.y-ph-102-1-t{ background: url(../images/y-ph-102-001.jpg) no-repeat center; height:417px;}
.y-ph-102-1-t .p2{ width:420px; height:auto; margin:0 auto; padding-top:40px;}
.y-ph-102-1:hover .y-ph-102-1-t .p1{  width:500px; height:auto; margin:0 auto; padding-top:200px; opacity:1;filter:alpha(opacity=100) }
.y-ph-102-1:hover .y-ph-102-1-t .p2{  width:440px; height:auto; margin:0 auto; padding-top:40px; opacity:1;filter:alpha(opacity=100)}


.y-ph-102-1 .y-ph-102-1-b .p1:hover img{ -moz-transform:translateY(10px);-webkit-transform:translateY(10px);-ms-transform:translateY(10px)}


.y-ph-102-1-b{ background: url(../images/y-ph-102-002.jpg) no-repeat center; height:416px; }
.y-ph-102-1-b .p1{ width:1010px; height:auto; margin:0 auto; padding-top:80px;}



.y-ph-102-2-t{ background: url(../images/sanre-01.jpg) no-repeat center; height:442px;}
.gundong-1{ width:100%; height:220px; margin:0 auto;}
.y-ph-102-2-t .p1{  float:right;}
.y-ph-102-2-t .p2{ float: left; color:#FFF; width:530px;}
.y-ph-102-2-t .p2 span{ width:600px; float:left; text-align:center; font-size:16px; color:#9fa0a0;}
.y-ph-102-2 .y-ph-102-2-t .p1{ width:600px; height:80px; overflow:hidden; margin:0 auto; float:right; margin-right:0px; margin-top:130px; cursor:pointer;-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px);opacity:1;filter:alpha(opacity=100);}
.y-ph-102-2:hover .y-ph-102-2-t .p1{  width:600px; height:80px; margin:0 auto;  float:right;opacity:1;filter:alpha(opacity=100); margin-right:18%;margin-top:130px;  }
.y-ph-102-2 .y-ph-102-2-t .p2{ width:600px; height:80px;  overflow:hidden; margin:0 auto;  padding-top:10px; margin-left:0px; cursor:pointer;-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px);opacity:1;filter:alpha(opacity=100);}
.y-ph-102-2:hover .y-ph-102-2-t .p2{  width:600px; height:80px;  margin:0 auto;opacity:1;filter:alpha(opacity=100); margin-left:48%; padding-top:10px; }

.y-ph-102-2-b{ background: url(../images/sanre-02.jpg)  no-repeat center; height:441px;}

.y-ph-102-3{ position:relative;}
.y-ph-102-3-t{ background: url(../images/yejing-01.jpg) no-repeat center; height:446px;}
.y-ph-102-3-b{ background: url(../images/yejing-02.jpg)  no-repeat center; height:445px;}
.y-ph-102-3-m{ width:1200px;  margin:0 auto; position:absolute; top:0px; height: auto; left:10%; overflow:hidden; }
.y-ph-102-3-m .mm-l{ width:35%; height: auto;  float:left}
.y-ph-102-3-m .mm-l img{ margin-top:50px; margin-left:50px}
.y-ph-102-3-m .mm-r{ width:65%; height: auto; float: right; overflow:hidden; }
.y-ph-102-3-m .mm-r .p1{ float:left;width:733px; height:180px; text-align:center; }
.y-ph-102-3 .y-ph-102-3-m .mm-r .p1 img{ margin-top:80px;  }
.y-ph-102-3 .y-ph-102-3-m .mm-r .p1 img{-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px);opacity:1;filter:alpha(opacity=100);}
.y-ph-102-3:hover .y-ph-102-3-m .mm-r .p1 img{opacity:1;filter:alpha(opacity=100); margin-top:140px;}
.y-ph-102-3-m .mm-r .p2{ width:733px; float:left; margin-top:40px; height:100px; height: auto; overflow:hidden; line-height:30px;}
.y-ph-102-3-m .mm-r .p2 span{ width:730px; float:left; text-align:center; color:#808080; font-size:16px;}
.y-ph-102-4-t{ background: url(../images/hejin-01.jpg) no-repeat center; height:442px;}
.y-ph-102-4{ width:100%; height:auto; overflow:hidden;}
.y-ph-102-4 .y-ph-102-4-t p{ width:1100px; margin:0 auto; height:auto;-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px); }
.y-ph-102-4-t p img{ float:left; margin-top:-25px;}
.y-ph-102-4:hover .y-ph-102-4-t p{-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);}
.y-ph-102-4-b .p1{ width:600px; height:auto; overflow:hidden; margin:0 auto; padding-top:130px;}
.y-ph-102-4-b .p2{  width:840px; height:auto; overflow:hidden; margin:0 auto; padding-top:70px; color:#FFF; text-align:center; font-size:16px;}
.y-ph-102-4-b{ background: url(../images/hejin-02.jpg)  no-repeat center; height:441px;}
.y-ph-102-4-t{ background: url(../images/hejin-01.jpg) no-repeat center; height:442px;}
.y-ph-102-4-b{ background: url(../images/hejin-02.jpg)  no-repeat center; height:441px;}
.y-ph-102-5-t{ background: url(../images/shou-01.jpg) no-repeat center; height:450px;}
.y-ph-102-5-t .p1{ width:480px; height:180px; overflow:hidden; margin:0 auto; text-align:center;}
.y-ph-102-5-t .p2{ width:820px; height:auto; overflow:hidden; margin:0 auto; padding-top:10px; text-align:center; color:#808080; font-size:16px;}
.y-ph-102-5 .y-ph-102-5-t .p1 img{ margin-top:140px;  }
.y-ph-102-5 .y-ph-102-5-t .p1 img{-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px);opacity:1;filter:alpha(opacity=100);}
.y-ph-102-5:hover .y-ph-102-5-t .p1 img{opacity:1;filter:alpha(opacity=100); margin-top:80px;}

.y-ph-102-5-b{ background: url(../images/shou-02.jpg)  no-repeat center; height:450px;}
.y-ph-102-6{ overflow:hidden; height:960px;}
.y-ph-102-6-t{ background: url(../images/xiangsu-01.jpg) no-repeat center; height:481px;}
.y-ph-102-6-t .p1{ width:500px; height: auto; margin:0 auto; padding-top:90px;}
.y-ph-102-6-t .p2{ width:940px; height: auto; margin:0 auto; padding-top:90px; text-align:center; color:#808080; font-size:16px; padding-top:66px;}
.y-ph-102-6-t .p3{ width:365px; height: auto;  margin:0 auto; padding-top:43px;}
.y-ph-102-6-t .p3 .span1{ float:left}
.y-ph-102-6-t .p3 .span2{ float:right}
.y-ph-102-6-b{ background: url(../images/xiangsu-02.jpg)  no-repeat center; height:481px;}
.y-ph-102-6 .y-ph-102-6-b p{ width:900px; height:auto; margin:0 auto; text-align:right;-webkit-transition:all 1.5s ease-out; -webkit-transform:translateY(0px);-moz-transition:all 1.5s ease-out; -moz-transform:translateY(0px); -ms-transition:all 1.5s ease-out; -ms-transform:translateY(0px);}
.y-ph-102-6-b p img{ float:left; margin-left:300px;}
.y-ph-102-6:hover .y-ph-102-6-b p{-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px) }
.y-ph-102-7-t{ background: url(../images/qiche-01_01.jpg) no-repeat center; height:445px;}
.y-ph-102-7-t .p1{ width:460px; height:auto; margin:0 auto; padding-top:135px;}
.y-ph-102-7-t .p2{ width:570px; height:auto; margin:0 auto; padding-top:40px; text-align:center; overflow:hidden; line-height:30px;}
.y-ph-102-7-t .p2 span{ width:570px; float:left; color:#808080; font-size:16px; height:auto; overflow:hidden;}
.y-ph-102-7-t .p3{ width:320px; height: auto; margin:0 auto; padding-top:100px; overflow:hidden;}
.y-ph-102-7-t .p3 .span1{ float:left;}
.y-ph-102-7-t .p3 .span2{ float: right;}
.y-ph-102-7-b{ background: url(../images/qiche-01_02.jpg)  no-repeat center; height:444px;}
.y-ph-102-7-b p{ width:200px; height:50px; margin:0 auto; padding-top:300px;}
.y-ph-102-7-b p a{ width:200px; height:50px; line-height:50px; float:left; text-align:center; border:#e7dada 1px solid; font-size:16px; color:#FFF; font-family:"微软雅黑"}


@media only screen and (max-width: 1400px){
.gundong-1{ width:100%; height:220px; margin:0 auto; }
.y-ph-102-2 .y-ph-102-2-t .p1{ width:600px; height:80px; overflow:hidden; margin:0 auto; float:right; margin-right:0px; margin-top:130px; cursor:pointer;-webkit-transition:all 3s ease-out; -webkit-transform:translateX(0px);-moz-transition:all 3s ease-out; -moz-transform:translateX(0px); -ms-transition:all 3s ease-out; -ms-transform:translateX(0px);opacity:1;filter:alpha(opacity=100);}
.y-ph-102-2:hover .y-ph-102-2-t .p1{ margin-right:5%;}
	}