@charset "utf-8";
/* CSS Document  bY:Hsiao*/
.f-cb { zoom: 1; }
.f-cb:after { display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; }
/**关于我们**/
#aboutProya, .vehicle, #joinProya, #aboutProya, #dutyProya { position: relative; width: 100%; height: 715px; /*overflow: hidden;*/ min-width: 950px; }
#followGeely { margin-top: -25px; }
.viewport { position: relative; height: 100%; background: #f2f2f2;}
.view-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;  }
.view-bg img { position: absolute; left: 50%; top: 0; height: 100%; margin-left: -960px; }
#loading { position: absolute; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: #e9f2f9; }
#loading img { position: absolute; left: 50%; top: 50%; margin: 13px 0 0 -30px; }
.viewport-cont { position: absolute; top: 50%; left: 50%; width:1200px; margin-left: -600px; }
.viewport-cont .g-tl { text-align: center; }
.viewport-cont .g-tl h2 { font-size:24px; line-height:30px; font-weight:bold; }
.viewport-cont .g-tl span { font-size: 30px;  text-transform: uppercase; font-weight:bold;}
.view-next { position: absolute; left: 50%; bottom: -60px; z-index: 3; width: 40px; height: 40px; margin-left: -20px; background: url(../img/bg_sign04.png) no-repeat; }
.view-next:hover { opacity: .8; filter: alpha(opacity=80); }
.view-next.blue { background: url(../img/bg_sign04b.png) no-repeat; }
.view-next2 { background-position: -41px 0; }
.fixed-view-ico { position: fixed; _position: absolute; left: auto; right: 25px; top: 50%; z-index: 999; width: 17px; height: 120px; margin-top: -60px; }
.fixed-view-ico a { position: relative; display: block; width:12px; height: 12px; margin-bottom: 12px; background: #9f9f9f; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.fixed-view-ico a:hover, .fixed-view-ico .cur { background:#ec6600;}
.fixed-view-ico a span { display: inline-block; width: 0px; position: absolute; right: 20px; top: -6px; font-size: 14px; line-height: 26px; height: 26px; font-weight: bold; color: #ec6600; text-align: right;  overflow: hidden; transition:all ease-in 0.4s; }
.fixed-view-ico a:hover span, .fixed-view-ico .cur span { width: 120px; }
/* 公司简介 */
.profile-view { height: 446px; margin-top: -223px; color: #000; }
.profile-view .cont { width: 920px; margin: 40px auto 0px auto; padding-top: 10px; font-size: 16px; line-height:36px; text-align: justify; }
.profile-view .cont p { line-height:30px;}
.profile-view .view-video a { display: inline-block; width: 158px; height: 36px; text-align: center; background: url(../img/bg_sign05.png) no-repeat 28px -36px #fff; line-height: 36px; font-size: 14px; color: #0056a1; }
.profile-view .view-video a:hover { background-color: #0484f2; background-position: 28px 0; color: #fff; }
.video-mask { display: none; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; }
.video-mask .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
/**********发展历程**********/
.fzlc { height: 530px; margin-top: -200px; color: #fff; overflow: hidden; position: absolute; top: 50%; left: 50%; width:1200px; margin-left: -600px; }
.fzlc .g-tl { color: #666666; }
.wrapxx { padding: 0 0%; width:100%;/*transition: all 0.3s ease 0s;*/
}
.course-wrap { padding-top: 62px; padding-bottom: 40px; transition: normal; }
.course-wrap.m-wrap { padding-top: 15px; position: relative; }
.course-wrap p.f48 { font-size: 42px; line-height: 50px; color: #035cac; }
.course-wrap.m-wrap p.f48 { font-size: 20px; line-height: 34px; }
.course-wrap span.f14 { display: block; width: 100%; line-height: 26px; }
.course-wrap.m-wrap span.f14 { line-height: 22px; }
.course-wrap .course-list { margin-top:0px; width: 100%; position: relative; }
.course-wrap.m-wrap .course-list { margin-top: 20px; }
.course-wrap .course-list .ovh { width: 91%; margin: 0 auto; position: relative; overflow: hidden; background: url(../img/bg_12.png) repeat-x left center; }
.course-wrap.m-wrap .course-list .ovh { background: none; width: 100%; }
.course-wrap .course-list li { width: 300px; position: relative; margin-right: -93px; }
.course-wrap.m-wrap .course-list li { margin-right: 0; margin-bottom: 20px; width: 100%; }
.course-wrap .course-list .main { padding: 17px 20px 27px; background-color: #fff; width: 260px; color: #777; }
.course-wrap .course-list .main p { padding-left: 18px; background: url(../img/ico_125.jpg) no-repeat left 9px; }
.course-wrap.m-wrap .course-list .main { width: 94%; padding: 17px 3% 27px; }
.course-wrap .course-list li .top { background: url(../img/bg_10.png) no-repeat left top; padding-top: 45px; height: 42px; line-height: 42px; font-family: "Arial"; font-size: 18px; text-align: center; }
.course-wrap.m-wrap .course-list li .top { padding-top: 0; padding-left: 3%; width: 97%; text-align: left; background: #e8e8e8; }
.course-wrap .course-list li.odd { margin-top: 0; }
.course-wrap.m-wrap .course-list li.odd { position: relative; }
.course-wrap .course-list li.odd .top { background: url(../img/bg_11.png) no-repeat left bottom; padding-bottom: 45px; padding-top: 0; }
.course-wrap.m-wrap .course-list li.odd .top { padding-bottom: 0; background: #e8e8e8; position: absolute; top: 0; left: 0; width: 100%; }
.course-wrap.m-wrap .course-list li.odd .main { margin-top: 42px; }
.course-wrap .course-list .butn { display: block; width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -21px; cursor: pointer; }
.course-wrap.m-wrap .course-list .butn { display: none; }
.course-wrap .course-list .prev { background: url(../img/ico_40.png) no-repeat center top; left: 0; }
.course-wrap .course-list .next { background: url(../img/ico_39.png) no-repeat center top; right: 0; }
.course-wrap .course-list .butn:hover { background-position: center bottom; }
.course-wrap .course-list li:hover .top { background: url(../img/bg_10.png) no-repeat right top; color: #fff; }
.course-wrap.m-wrap .course-list li:hover .top, .course-wrap.m-wrap .course-list li.odd:hover .top { background: #e8e8e8; color: #666; }
.course-wrap .course-list li.odd:hover .top { background: url(../img/bg_11.png) no-repeat right top; color: #fff; }
/**********品牌战略**********/
.brand { margin-top: -220px; color: #fff; }
.brand .g-tl { color: #000; }
.zzry{ height:auto; overflow:hidden; position:relative; padding:0px 100px; width:1000px; margin:30px auto 0px auto;}
.zzry  li{ width:305px; height:auto; float:left; margin-right:40px;  }
.zzry  li a{width:305px; height:305px; display:block; position:relative;}
.zzry  li a .pic{ width:305px; height:305px;  overflow:hidden;transition: all 400ms ease 0s; }
.zzry  li a .pic .img{ width:305px; height:305px; transition: all 1s ease 0s;  }
.zzry  li a:hover .pic .img{ transform: scale(1.1);}
.zzry .prev,.zzry  .next{ float:right; width:42px; height:42px;  display:inline-block; background:url(../../images/s_1.png) no-repeat left top; position:absolute; left:0; top:40%; }
.zzry .prev:hover{background:url(../../images/s_1x.png) no-repeat left top;}
.zzry .next{left:auto; right:0; background:url(../../images/s_2.png) no-repeat right top; }
.zzry .next:hover{background:url(../../images/s_2x.png) no-repeat left top;}
/**********发展理念**********/
.fzll { margin-top: -220px; color:#666666;}
.fzll .g-tl { color: #000; }
.fzll .cont { padding-top:50px; font-size: 16px; line-height:30px; height:auto; }

/* 企业精神 */
.cul-view { height: 530px; margin-top: -200px; color: #fff; overflow: hidden; position: absolute; top: 50%; left: 50%; width:1200px; margin-left: -600px;  }
.cul-view .g-tl { color: #fff; }

.cpzs{ height:auto; overflow:hidden; position:relative; padding:0px 100px; width:1000px; margin:30px auto 0px auto;}
.cpzs  li{ width:215px; height:auto; float:left; margin-right:25px;  }
.cpzs  li a{width:215px; height:302px; display:block; position:relative;}
.cpzs  li a .pic{ width:215px; height:302px;  overflow:hidden;transition: all 400ms ease 0s; }
.cpzs  li a .pic .img{ width:215px; height:302px; transition: all 1s ease 0s;  }
.cpzs  li a:hover .pic .img{ transform: scale(1.1);}
.cpzs .prev,.cpzs .next{ float:right; width:42px; height:42px;  display:inline-block; background:url(../../images/s_3.png) no-repeat left top; position:absolute; left:0; top:40%; z-index:1000;}
.cpzs .prev:hover{background:url(../../images/s_1x.png) no-repeat left top;}
.cpzs .next{left:auto; right:0; background:url(../../images/s_4.png) no-repeat right top; }
.cpzs .next:hover{background:url(../../images/s_2x.png) no-repeat left top;}

/**员工风采**/
.ygfc-view { margin-top: -220px; color: #000; position: absolute; top: 50%; left: 50%; width:1200px; margin-left: -600px;}
.ygfc-view .cont {width:1102px; height:322px; margin:80px auto 0px auto; }
.ygfc-view .cont .thumb{width:322px; height:322px; float:right;}
.ygfc-view .cont .txt{width:700px; height:242px; background:#1e1e1e; float:left; padding:40px 40px;}
.ygfc-view .cont .txt p{line-height:24px; font-size:14px; color:#fff;}
/**********未来愿景**********/
.vision { margin-top: -200px; color: #fff; }
.vision .cont { padding-top:50px; font-size: 14px; line-height:30px; height:auto; }


.zzjg { margin-top: -220px; color:#666666;}
.zzjg .g-tl { color: #484848; }
.zzjg .cont { padding-top:50px; font-size: 16px; line-height:30px; height:auto; text-align:center; }


/**关于我们滚动条**/
.profile-view { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; }
.about-scroll { position: relative; width: 940px; height: 400px; overflow: hidden; background: url(../img/blank.gif) repeat; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; }
.scroll-obj { position: relative; width: 880px; }
.scroll-obj p { line-height: 26px; }
.scroll-bar { position: absolute; right: 0; top: 5px; height: 329px; width: 11px; z-index: 1; background: url(../img/bar_bg01.png) no-repeat; }
.scroll-bar .scroll-btn { position: absolute; right: 0px; width: 11px; height: 120px; background: url(../img/bar_bg02.png) no-repeat; cursor: pointer; }