﻿@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; color:#666; background:#fff; font-size:14px; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; min-width:1200px;}
table,input,select,textarea{ font-size:14px; color:#555; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
*{ outline:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:underline; color:#f5b43d; cursor:pointer;}
img{ border:0px; vertical-align:middle;}
ul,li,dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
i,em{ font-style:normal;}
.f_l{ float:left;}
.f_r{ float:right;}
.green{ color:green;}
.red{ color:#cf241a;}
.yellow{ color:#f5b43d;}
.blue{ color:#389cfa}
.bold{ font-weight:bold;}
.low{ color:#999;}
.site{ color:#569cff;}
.yahei{ font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; font-size:14px;}
/*clear float*/
.clear_fl:after{clear:both;content:'.';display:block;height:0;visibility:hidden;line-height:0;}
.clear_fl{*zoom:1;}

/*.btn1{ display:inline-block; width:200px; height:52px; line-height:52px; border:0px; background:#2fb3ff; color:#fff; font-size:16px; text-align:center; margin:10px; cursor:pointer; border-radius:3px;}
.btn1:hover{ text-decoration:none; color:#fff; opacity:0.85; filter:alpha(opacity=85);}
.btn2{ display:inline-block; width:100px; height:30px; line-height:30px; border:1px solid #f5b43d; background:none; color:#f5b43d; font-size:14px; text-align:center; margin:10px; cursor:pointer; border-radius:3px;}
.btn2:hover{ text-decoration:none; color:#fff; background:#f5b43d;}
.checkbox1{ vertical-align:middle; width:18px; height:18px;}
.radio1{ vertical-align:middle; width:18px; height:18px;}
.textare1{ border:1px solid #e1e1e1; width:328px; height:80px; border-radius:3px; vertical-align:top;}
.textare1:focus{ border:1px solid #569cff;}
.txt_input1{ width:320px; border:1px solid #e1e1e1; height:18px; line-height:18px; padding:6px 6px; border-radius:3px; vertical-align:middle;}
.txt_input1:focus{ border:1px solid #569cff;}
.select1{ width:180px; border:1px solid #e1e1e1; height:32px; padding:5px; border-radius:3px; vertical-align:middle;}*/

.box_wrap{ width:100%; overflow:hidden; position:relative;}
.box_in{ width:1920px; height:100%; margin:auto; position:absolute; left:0px; top:0px; overflow:hidden;}

.vision01{ height:1628px; background:url(images/vision01.jpg) center top no-repeat;}
.top_menu_wrap{ width: 100%; height:70px;background: rgba(0,0,0,1); position: relative; z-index: 99;}
.top_menu{ width:1200px; height:66px; position:absolute; left:360px; top:0px; z-index:999;}
.top_menu a{ float:left; color:#fff; height:66px; line-height:66px; margin:0px; padding:0px 30px 0 30px; font-weight: bold;}
.top_menu a:hover{ border-bottom:4px solid #fff; text-decoration:none;}
.top_menu .logo{ float:left; width:400px; height:66px; background:url(images/logo11.png) 0 20px no-repeat;}
.top_menu .ct{ float:right; padding-left:70px;}
.top_menu .cur{ border-bottom:4px solid #fff;}
.light_menu_wrap{ width: 100%; height:70px;background: rgba(0,0,0,.5); position: relative; z-index: 99;}
.light_menu_wrap .logo{ background:url(images/logo11.png) 0 20px no-repeat;}

.vision01_1{ width:1290px; height:220px; background:url(images/vision01_1.png) 0px -5px no-repeat; position:absolute; top:290px; left:314px; opacity:0; filter:alpha(opacity=0);}
.vision01_2{ width:256px; height:50px; background:url(images/vision01_1.png) -8px -440px no-repeat; position:absolute; top:735px; left:400px; opacity:0; filter:alpha(opacity=0);}
.vision01_3{ width:826px; height:126px; background:url(images/vision01_4.png) 0px 0px no-repeat; position:absolute; top:400px; left:350px; opacity:0; filter:alpha(opacity=0);}
.vision01_4{ width:570px; height:80px; background:url(images/vision01_1.png) -500px -400px no-repeat; position:absolute; top:870px; left:400px; opacity:0; filter:alpha(opacity=0);}
.vision01_5{ width:899px; height:40px; background:url(images/vision01_2.png); position:absolute; top:980px; left:370px;}
.vision01_6{ width:899px; height:260px; background:url(images/vision01_2.png) 0 -40px; position:absolute; top:1020px; left:370px;}
.vision01_7{ width:899px; height:100px; background:url(images/vision01_2.png) 0 bottom; position:absolute; top:1490px; left:370px; opacity:0; filter:alpha(opacity=0);}
.vision01_8{ width:347px; height:26px; background:url(images/vision01_3.png); position:absolute; top:880px; left:1210px;}

.vision02{ height:200px; background:rgba(229,242,255,.5); position:absolute; bottom: 0;left: 0;}
.vision02_1{ width:120px; height:110px; background:url(images/vision02_1.png) 20px 0px no-repeat; position:absolute; top:50px; left:700px; opacity:0; filter:alpha(opacity=0);}
.vision02_2{ width:120px; height:110px; background:url(images/vision02_1.png) -246px 0px no-repeat; position:absolute; top:50px; left:970px; opacity:0; filter:alpha(opacity=0);}
.vision02_3{ width:120px; height:110px; background:url(images/vision02_1.png) -510px 0px no-repeat; position:absolute; top:50px; left:1240px; opacity:0; filter:alpha(opacity=0);}
.vision02_4{ width:120px; height:110px; background:url(images/vision02_1.png) -776px 0px no-repeat; position:absolute; top:50px; left:1510px; opacity:0; filter:alpha(opacity=0);}
.vision02_5{ width:120px; height:110px; background:url(images/vision02_1.png) -1036px 0px no-repeat; position:absolute; top:50px; left:1510px; opacity:0; filter:alpha(opacity=0);}

.vision12{ height:1700px;}
.vision12_1{ width:1920px; height:850px; background:url(images/vision12_1.jpg); position:absolute; top:0px; left:0px;}
.vision12_2{ width:1920px; height:850px; background:url(images/vision12_2.jpg); position:absolute; top:850px; left:0px;}
.vision12_3{ width:241px; height:47px; background:url(images/vision12_3.png); position:absolute; top:826px; left:839px;}
.vision12_4{ width:769px; height:217px; background:url(images/vision12_4.png); position:absolute; top:350px; left:570px; opacity:0; filter:alpha(opacity=0);}


.vision03{ height:603px; background:url(images/vision03.jpg) center top no-repeat;}
.vision03 .go_bike{ display:block; width:240px; height:48px; background:rgba(0,0,0,.0); position:absolute; left:414px; top:238px; border-radius:50px; z-index:9;}
.vision04{ height:774px; background:url(images/vision04.jpg) center top no-repeat;}
.vision04 .go_scooter{ display:block; width:340px; height:48px; background:rgba(0,0,0,.0); position:absolute; left:480px; top:526px; border-radius:50px; z-index:9;}
.vision04 .go_motor{ display:block; width:340px; height:48px; background:rgba(0,0,0,.0); position:absolute; left:1100px; top:526px; border-radius:50px; z-index:9;}

.vision05{ height:716px; background:url(images/vision05.jpg) center top no-repeat;}
.vision05_1{ width:260px; height:403px; background:url(images/vision05_0.png) -1px 0px no-repeat; position:absolute; top:160px; left:554px; opacity:0; filter:alpha(opacity=0);}
.vision05_2{ width:260px; height:403px; background:url(images/vision05_0.png) -260px 0px no-repeat; position:absolute; top:160px; left:792px; opacity:0; filter:alpha(opacity=0);}
.vision05_3{ width:260px; height:403px; background:url(images/vision05_0.png) -520px 0px no-repeat; position:absolute; top:160px; left:1036px; opacity:0; filter:alpha(opacity=0);}
.vision05_4{ width:260px; height:403px; background:url(images/vision05_0.png) -780px 0px no-repeat; position:absolute; top:160px; left:1275px; opacity:0; filter:alpha(opacity=0);}
.vision05_5{ width:260px; height:403px; background:url(images/vision05_0.png) -1038px 0px no-repeat; position:absolute; top:160px; left:1510px; opacity:0; filter:alpha(opacity=0);}

.vision06{ height:994px; background:url(images/vision06.jpg) center top no-repeat;}

.vision07{ height:800px; background:#fff;}
.vision07_1{ width:700px; height:160px; background:url(images/vision07_1.png) 0px 0px no-repeat; position:absolute; top:130px; left:360px;}
.vision07_2{ width:620px; height:611px; background:url(images/vision07_1.png) -718px 0px no-repeat; position:absolute; top:125px; left:1080px;}
.vision07_3{ width:700px; height:58px; background:url(images/vision07_1.png) 0px -211px no-repeat; position:absolute; top:536px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision07_4{ width:700px; height:58px; background:url(images/vision07_1.png) 0px -270px no-repeat; position:absolute; top:596px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision07_5{ width:700px; height:58px; background:url(images/vision07_1.png) 0px -328px no-repeat; position:absolute; top:656px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision07_6{ width:700px; height:88px; background:url(images/vision07_1.png) 0px -388px no-repeat; position:absolute; top:714px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision07_7{ width:700px; height:58px; background:url(images/vision07_1.png) 0px -490px no-repeat; position:absolute; top:816px; left:360px; opacity:0; filter:alpha(opacity=0);}

.vision08{ height:833px; background:url(images/vision08.jpg) center top no-repeat;}

.vision09{ height:869px; background:url(images/vision09.jpg) center top no-repeat;}
.vision09_1{ width:518px; height:60px; background:url(images/vision09_1.png) 0px 0px no-repeat; position:absolute; top:0px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision09_2{ width:518px; height:60px; background:url(images/vision09_1.png) 0px -73px no-repeat; position:absolute; top:76px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision09_3{ width:518px; height:60px; background:url(images/vision09_1.png) 0px -145px no-repeat; position:absolute; top:152px; left:360px; opacity:0; filter:alpha(opacity=0);}
.vision09_4{ width:518px; height:60px; background:url(images/vision09_1.png) 0px -217px no-repeat; position:absolute; top:228px; left:360px; opacity:0; filter:alpha(opacity=0);}

.vision10{ height:650px; background:url(images/vision10.jpg) center top no-repeat;}
.vision10_1{ width:280px; height:413px; background:url(images/vision10_1.png) 0px 0px no-repeat; position:absolute; top:126px; left:240px; opacity:0; filter:alpha(opacity=0);}
.vision10_2{ width:330px; height:413px; background:url(images/vision10_1.png) -366px 0px no-repeat; position:absolute; top:126px; left:600px; opacity:0; filter:alpha(opacity=0);}
.vision10_3{ width:190px; height:413px; background:url(images/vision10_1.png) -804px 0px no-repeat; position:absolute; top:126px; left:1060px; opacity:0; filter:alpha(opacity=0);}

.vision11{ height:899px; background:url(images/vision11.jpg) center top no-repeat;}
.vision11_1{ width:972px; height:547px; background:url(images/vision11_1.png) 0px 0px no-repeat; position:absolute; top:260px; left:386px; opacity:0; filter:alpha(opacity=0);}

.contact{ height:1000px; background:url(images/contact01.jpg) center top no-repeat;}
.contact .ctt1{ width:1200px; left:360px; text-align:center; position:absolute; top:440px; opacity:0; filter:alpha(opacity=0);}
.contact .ctt2{ width:1200px; left:360px; text-align:center; position:absolute; bottom:-60px; color:#2e2e2e; font-size:20px; line-height:1.8em; opacity:0; filter:alpha(opacity=0);}
.contact .ctt2 div{ color:#7c8590; margin-top:30px;}
.contact .ctt3{ width:1200px; left:360px; text-align:center; position:absolute; bottom:-140px; opacity:0; filter:alpha(opacity=0);}
.contact2{ height:600px; background:url(images/contact02.jpg) center top no-repeat;}

.banner_h{ height:800px;}

.e_sys_wrap{ width:100%; height:200px; background:#1e1e1e; overflow: hidden;}
/*.e_sys_info{ width:860px; margin:auto; padding:30px 0; line-height:30px; font-size:18px; color:#969797;}*/
.e_sys_info{ width:1000px; height:110px; margin:45px auto; line-height:30px; font-size:18px; color:#969797; background: url(images/e_sys_info.png) no-repeat;}

.bike_01_info{ height:550px; background:url(images/bike/bike_param/bike_1.png) center top no-repeat;}
.bike_02_info{ height:550px; background:url(images/bike/bike_param/bike_2.png) center top no-repeat;}
.bike_03_info{ height:550px; background:url(images/bike/bike_param/bike_3.png) center top no-repeat;}
.bike_04_info{ height:550px; background:url(images/bike/bike_param/bike_4.png) center top no-repeat;}
.bike_05_info{ height:550px; background:url(images/bike/bike_param/bike_5.png) center top no-repeat;}
.bike_06_info{ height:550px; background:url(images/bike/bike_param/bike_6.png) center top no-repeat;}
.bike_07_info{ height:550px; background:url(images/bike/bike_param/bike_7.png) center top no-repeat;}
.bike_08_info{ height:550px; background:url(images/bike/bike_param/bike_8.png) center top no-repeat;}
.bike_09_info{ height:550px; background:url(images/bike/bike_param/bike_9.png) center top no-repeat;}
.bike_10_info{ height:550px; background:url(images/bike/bike_param/bike_10.png) center top no-repeat;}
.bike_11_info{ height:550px; background:url(images/bike/bike_param/bike_11.png) center top no-repeat;}
.bike_12_info{ height:550px; background:url(images/bike/bike_param/bike_12.png) center top no-repeat;}
.bike_13_info{ height:550px; background:url(images/bike/bike_param/bike_13.png) center top no-repeat;}
.bike_14_info{ height:550px; background:url(images/bike/bike_param/bike_14.png) center top no-repeat;}

.scooter_1_1{ height:700px; background:url(images/scooter/scooter_param/scooter_1_1.png) center top no-repeat;}
.scooter_1_2{ height:850px; background:url(images/scooter/scooter_param/scooter_1_2.png) center top no-repeat;}
.scooter_2_1{ height:700px; background:url(images/scooter/scooter_param/scooter_2_1.png) center top no-repeat;}
.scooter_2_2{ height:850px; background:url(images/scooter/scooter_param/scooter_2_2.png) center top no-repeat;}
.scooter_3_1{ height:700px; background:url(images/scooter/scooter_param/scooter_3_1.png) center top no-repeat;}
.scooter_3_2{ height:850px; background:url(images/scooter/scooter_param/scooter_3_2.png) center top no-repeat;}
.scooter_4_1{ height:700px; background:url(images/scooter/scooter_param/scooter_4_1.png) center top no-repeat;}
.scooter_4_2{ height:850px; background:url(images/scooter/scooter_param/scooter_4_2.png) center top no-repeat;}
.scooter_5_1{ height:700px; background:url(images/scooter/scooter_param/scooter_5_1.png) center top no-repeat;}
.scooter_5_2{ height:850px; background:url(images/scooter/scooter_param/scooter_5_2.png) center top no-repeat;}

.motor_1{ height:550px; background:url(images/motor/motor_param/motor_1.png) center top no-repeat;}
.motor_2{ height:550px; background:url(images/motor/motor_param/motor_2.png) center top no-repeat;}
.motor_3{ height:550px; background:url(images/motor/motor_param/motor_3.png) center top no-repeat;}
.motor_4{ height:550px; background:url(images/motor/motor_param/motor_4.png) center top no-repeat;}
.motor_5{ height:550px; background:url(images/motor/motor_param/motor_5.png) center top no-repeat;}
.motor_6{ height:550px; background:url(images/motor/motor_param/motor_6.png) center top no-repeat;}
.motor_7{ height:550px; background:url(images/motor/motor_param/motor_7.png) center top no-repeat;}
.motor_8{ height:550px; background:url(images/motor/motor_param/motor_8.png) center top no-repeat;}
.motor_9{ height:550px; background:url(images/motor/motor_param/motor_9.png) center top no-repeat;}

/*slide*/
.banner{ height:800px; width:100%; background:#fff; overflow:hidden; position:absolute; top:0px; left:0px;}
.banner .b_pic_li{ width:100%; height:100%;}
.banner .b_pic_li span{ width:100%; height:100%; display:block; z-index:2; position:absolute; top:0px; left:0px;}
.banner .b_pic_li span img{ width:100%; height:100%; margin:auto;}
.banner .s_left{ width:37px; height:66px; background:url(images/arrow.png) no-repeat; z-index:33; position:absolute; top:367px; left:0px; cursor:pointer; -moz-user-select:none;}
.banner .s_right{ width:37px; height:66px; background:url(images/arrow.png) -37px 0 no-repeat; z-index:33; position:absolute; top:367px; right:0px; cursor:pointer; -moz-user-select:none;}
.banner .dot{ position:absolute; z-index:33; left:50%; bottom:30px; background:rgba(0,0,0,.3); border-radius:30px; padding:0 3px;}
.banner .dot span{ width:14px; height:14px; background:#fff; display:inline-block; margin:5px 3px; border-radius:14px; cursor:pointer; transition:width .3s;}
.banner .dot .cur{ width:28px; background:#2875ff;}

.line{ width:1200px; height:10px; z-index:33; position:absolute; left:360px; bottom:0px; background:#317ce3; background: linear-gradient(to right, #3babf1 , #3052d7);}

.second_menu{ width:1200px; height:50px; z-index:33; position:absolute; left:360px; top:70px; background:#317ce3; background: linear-gradient(to right, #3babf1 , #3052d7);}
.second_menu a{ color:#fff; float:left; width:20%; line-height:50px; text-align:center; font-size:18px; position:relative; opacity:.6; filter:alpha(opacity=60);}
.second_menu a:hover{ cursor:pointer; text-decoration:none; opacity:1; filter:alpha(opacity=100);}
.second_menu .cur{ opacity:1; filter:alpha(opacity=100);}
.second_menu a span{ width:240px; height:150px; position:absolute; top:50px; left:0px; display:none;}
.second_menu a:hover span{ display:block;}
.second_menu .s1{ background:url(images/S1.png) #f2f2f2; background-color: rgba(242,242,242,.9);}
.second_menu .s2{ background:url(images/S2.png) #f2f2f2; background-color: rgba(242,242,242,.9);}
.second_menu .s3{ background:url(images/Q5.png) #f2f2f2; background-color: rgba(242,242,242,.9);}
.second_menu .s4{ background:url(images/T3-10.png) #f2f2f2; background-color: rgba(242,242,242,.9);}
.second_menu .s5{ background:url(images/L1.png) #f2f2f2; background-color: rgba(242,242,242,.9);}

.second_menu2{ width:1200px; height:50px; z-index:33; position:absolute; left:360px; top:70px; background:#317ce3; background: linear-gradient(to right, #3babf1 , #3052d7);}
.second_menu2 div{ color:#fff; display:block; line-height:50px; text-align:center; font-size:18px;}
.second_menu2 a{ float:left; width:239px; height:200px; background:#d5d5d5; color:#333; border-right:1px solid #a5a5a5; text-align:center; font-size:12px; display:none;}
.second_menu2 a:hover{ background:#f0f0f0; text-decoration:none;}
.second_menu2:hover a{ display:block;} 
.second_menu2 .cur{ background:#f0f0f0;}
.second_menu2 a span{ width:239px; height:168px; display:block;}
.second_menu2 .s1{ background:url(images/bike_s.png) 0 0;}
.second_menu2 .s2{ background:url(images/bike_s.png) -240px 0;}
.second_menu2 .s3{ background:url(images/bike_s.png) -480px 0;}
.second_menu2 .s4{ background:url(images/bike_s.png) -720px 0;}
.second_menu2 .s5{ background:url(images/bike_s.png) -960px 0;}
.second_menu2 .more{ width:52px; height:9px; background:url(images/more.png); position:absolute; top:20px; right:30px; z-index:44; animation:my 2s linear infinite;}
@keyframes my{
	0%{ opacity:1;}
	50%{ opacity:.3;}
	100%{ opacity:1;}	
}

.second_menu3{ width:1200px; height:50px; z-index:33; position:absolute; left:360px; top:70px; background:#317ce3; background: linear-gradient(to right, #3babf1 , #3052d7);}
.second_menu3 .s_tit{ color:#fff; display:block; line-height:50px; text-align:center; font-size:18px;}
.second_menu3 .thrid_menu{ display: none; background: #f2f2f2; background: rgba(242,242,242,.9); position: relative; overflow: hidden; height:239px;}
.second_menu3 .thrid_menu li .dt{ width:349px; height: 39px; line-height: 39px; text-align: center; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #b5b5b6; cursor: pointer;}
.second_menu3 .thrid_menu li:hover .dt{ color: #fff; background: #1e1e1e; background: rgba(0,0,0,.9);}
.second_menu3 .thrid_menu .no_used_li:hover .dt{ color: #fff; background: none;}
.second_menu3 .thrid_menu .show .dt{ color: #fff; background: #1e1e1e; background: rgba(0,0,0,.9);}
.second_menu3 .thrid_menu li:last-child .dt{ border-bottom: 0px;}
.second_menu3 .thrid_menu li .dd{ display: none; width:349px; height: 240px; position: absolute; left:350px; top:0px;}
.second_menu3 .thrid_menu .show .dd{ display: block;}
.second_menu3 .thrid_menu .dd a{ display: block; height: 39px; line-height: 39px; text-align: center; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #b5b5b6;}
.second_menu3 .thrid_menu .dd a:hover{ text-decoration: none; color: #fff; background: #1e1e1e; background: rgba(0,0,0,.9);}
.second_menu3 .thrid_menu .dd a:last-child{ border-bottom: 0px;}
.second_menu3 .thrid_menu .dd .cur{ text-decoration: none; color: #fff; background: #1e1e1e; background: rgba(0,0,0,.9);}
.second_menu3 .thrid_menu .dd img{ display: none; position: absolute; left:350px; top:0px; width:500px; height:239px;}
.second_menu3 .thrid_menu .dd .cur img{ display: block;}
.second_menu3 .thrid_menu .dd a i{ display: none;}
.second_menu3 .thrid_menu .dd .no_used:hover{ cursor: default; background: none;}
.second_menu3 .more{ width:52px; height:9px; background:url(images/more.png); position:absolute; top:20px; right:30px; z-index:44; animation:my3 2s linear infinite;}
@keyframes my3{
	0%{ opacity:1;}
	50%{ opacity:.3;}
	100%{ opacity:1;}	
}

.foot_wrap{ width:100%; height:370px; background:#000;}
.foot{ width:1200px; margin:auto; padding-top:60px;}
.foot li{ float:left; width:20%;}
.foot li .tit{ color:#adadae; display:block; font-size:20px; margin-bottom:30px; text-align: center;}
.foot li a{ color:#646464; display:block; margin:0px auto; padding:6px 0; width:150px; text-align: center;}
.foot li .email{ padding-left:30px; background:url(images/email_tel.png) 0 10px no-repeat; line-height:24px; margin-left:30px;}
.foot li .tel{ padding-left:30px; background:url(images/email_tel.png) 0 -30px no-repeat; line-height:34px; display: block; margin-left:40px;}
.copyright{ clear: both; margin:0 auto; text-align:center; padding-top:40px;}

#toTop {
display: none;
background: url(images/hp_bg5.gif) no-repeat 0px 0px;
bottom: 20px;
cursor: pointer;
height: 54px;
left: 50%;
margin-left: 650px;
position: fixed;
_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-74));
text-indent: -9999px;
width: 54px;
opacity:0.7;
z-index:888;
}
#toTop:hover{background-position:-55px 0px;}

/*@font-face{
     font-family: 'pagefont'; 	 
     src: url('GILROY-LIGHT_1.eot'),url('GILROY-LIGHT_1.otf');
}
body{ font-family: "pagefont";}
@font-face{
     font-family: 'pagefont2'; 
     src: url('HelveticaNeueLTStd-Bd.eot'),url('HelveticaNeueLTStd-Bd.otf');
}
.foot li .tit{ font-family: "pagefont2";}*/
