@charset "utf-8";
@import url("common.css");
@import url("jquery.jslides.css");
/*head.htm*/
.topbar{ max-width:1900px; clear:both; margin:0 auto;background:#383838; height:27px; line-height:27px; color:#c0c0c0; font-size:12px; line-height:27px; overflow:hidden}
.toptelico{ background: url(../images/toptel.jpg) 0 50% no-repeat; height:27px; padding-left:30px; line-height:27px; display:block; float:right; margin-top:22px;}
.email{float:right; margin:22px 20px 0 0;}
.toptelnum{ font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:bold; line-height:28px; color:#4b4952;}
.about-bar{ max-width:1112px; clear:both; height:418px; margin:0 auto;}
.about{ width:273px; height:418px; background:#2d73d1; float:left; color:#4d4c4b; position:relative}
.about-box{ padding:13px 25px 40px 25px; clear:both; line-height:18px;font-family:"微软雅黑"; color:#FFF; font-size:13px;text-align:justify;
text-justify:inter-ideograph;}
.about-box .imgpc{ clear:both; width:119px; margin:0 auto 8px auto; height:119px;}
.web-bt{ width:273px; height:111px; background:url(../images/web_bt_bg.jpg) no-repeat; position:absolute; bottom:0;}
.web-bt .bt{ width:82px; height:36px; border:2px solid #FFF;border-radius:5px; display:block; text-align:center; line-height:36px; color:#FFF; font-family:"微软雅黑","Arial"; text-transform:uppercase;transition-duration: 1s;-moz-transition-duration: 1s; /* Firefox 4 */-webkit-transition-duration: 1s; /* Safari 和 Chrome */-o-transition-duration: 1s; margin:34px 24px; float:left}
.web-bt .bt:hover{ color:#2d73d1; background:#FFF;}
.about-t{ clear:both; background:url(../images/title_ico.png) no-repeat; height:60px; line-height:20px; font-size:14px; text-indent:1em; position:relative;}
.about-box .tex{ padding:10px; width:225px; height:142px; color:#FFF; float:right}
.about-box p{ font-size:14px; clear:both; color:#FFF; line-height:28px; text-align:center; width:225px;}
.about-box a{ color:#F00; }
#flash-box{width:837px; height:417px; background:url(../images/flash_bg.jpg) top center no-repeat; position:relative; z-index:888; overflow:hidden; float:left}
#ny-flash{ width:1112px; height:429px; background:url(../images/ny-flash.jpg) no-repeat; margin:0 auto;}
.toptel{ background: url(../images/toptel.jpg) no-repeat; padding-left:40px; line-height:30px; float:right; font-size:14px; font-family:"微软雅黑","Arial"; margin-top:28px }
.t-city{ font-size:14px; font-family:"宋体"; position:absolute; right:5px; top:62px; font-size:12px}
.head{ width:1112px; height:100px;margin:0 auto; position:relative; z-index:999999;}
.logo{ clear:both;overflow:hidden; display:block; position:absolute; left:0px; top:45px;}
.ewm{ width:88px; height:88px; float:left;}
.topbox{ min-width:253px; height:101px;line-height:20px; font-size:12px; color:#000; position:absolute; right:-9px; top:8px;}
.topadd{ float:right; line-height:28px; top:5px;}
.topadd a{ color:#909090; padding:0 10px;}
.topadd a:hover{ color:#fff; background:url(../images/nav_hover.jpg) top center no-repeat;}
.telnum{ color:#a71110; font-size:18px; font-weight:bold; line-height:22px;}
.topbt{ margin-top:10px; }
.topbt a{ width:40px; height:22px; float:left;}
.cl10{ height:10px; clear:both; overflow:hidden;}
.cl5{ height:5px; clear:both; overflow:hidden;}
.nav-box{max-width:1900px; clear:both; margin:0 auto;height:93px; clear:both; position:relative; z-index:999999; background:#da251d;}
.nav{ width:572px;height:33px; position: absolute; background:url(../images/nav_bg.jpg) no-repeat; right:0; bottom:0; text-transform:uppercase}
.nav ul li{ float:left;height:33px; text-align:center; line-height:33px; font-size:14px; background:url(../images/nav_li.jpg) right center no-repeat; font-family:"微软雅黑"; display:inline;}
.nav ul li a{ height:33px; display:block; text-align:center; color:#e2e2e2; }
#n1{ width:85px; padding-left:17px;}
#n2{ width:100px; padding-left:19px;}
#n3{ width:100px; padding-left:17px;}
#n4{ width:100px; padding-left:17px;}
#n5{ width:85px; padding-left:17px;}
.nav ul li a:hover,.nav ul li .on{ color:#FFF; height:33px;}
.navXL { width:123px; float:left;position:absolute;overflow:hidden;display:none;z-index:999999; top:33px; margin-left:0px;*margin-left:5px; overflow:hidden;}
.nav .navXL a{ background:#666666; width:123px; height:34px;line-height:34px;float:left;display:block;color:#FFF;font-size:12px; overflow:hidden;z-index:9999; text-align:center; padding:0}
.nav .navXL a:hover{color:#FFF;width:123px; height:34px;overflow:hidden }
.cl{ clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.ny-banner{ max-width:1900px; height:342px; background:url(../images/ny_banner.jpg) center center no-repeat; clear:both; margin:0 auto;}
.notice{ max-width:1900px; height:46px; clear:both; margin:0 auto;}
.notice-t{ height:46px; width:96px; background:url(../images/news_t.jpg) no-repeat; float:left}
.notice-list{ line-height:46px; font-size:14px; float:left; margin-left:15px;}
/*index.htm*/
.show{ width:606px; float:left; margin-bottom:10px;}
.news-t,.show-t{ clear:both;height:24px; line-height:24px; font-size:16px; color:#4b4952; font-family:"微软雅黑"; background: url(../images/show_t.jpg) 102px 50% no-repeat; clear:both; position:relative;margin-top:43px;}
.show-box{ width:606px; margin:0 auto}
.show-box ul li{ width:202px; height:128px; background:url(../images/show_li.jpg) bottom left no-repeat; float:left; position:relative}
.show-box ul li img{ border:10px solid #dcdcdc; width:66px; height:66px; margin-top:20px; float:left}
.show-txt{ font-size:12px; font-family:"微软雅黑"; color:#FFF; line-height:24px; float:right; text-align:left; width:98px; margin:20px 10px 0 0;*margin:20px 5px 0 0; overflow:hidden}
.show-txt .more{ color:#2d73d1; position:absolute; top:90px; right:20px; font-size:12px}
.news{width:460px; float:right; }
.news img{ float:left; margin-right:15px;*margin-right:7px;}
.news-box{ float:left; width:643px; font-family: Arial, Helvetica, sans-serif}
.news-box ul{ clear:both;width:643px; margin:0 auto}
.news-box ul li{ width:460px; clear:both; height:30px; line-height:24px; font-size:12px; color:#000; float:left; position:relative; margin-bottom:5px; }
.news-box ul li a{ width:460px; height:30px; color:#585858; display:block; background:url(../images/news_li.png) 0 50% no-repeat; text-indent:2em; line-height:30px;transition-duration: 0.5s;-moz-transition-duration:0.5s; /* Firefox 4 */-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */-o-transition-duration:0.5s; }
.news-box ul li a:hover{ color:#585858; text-indent:3em; float:left;background:url(../images/news_li.png) #e6e4e4 10px 50% no-repeat; }
.news-txt{ border-bottom:1px dashed #d9d9d9; float:right; width:520px; height:84px; margin-top:8px;}
.news-txt .n-t{ clear:both; font-size:14px; font-weight:bold;}
.date{ float:right;}
.dateny{ float:left;}
.newsny{ float:right; width:735px;}
.date-d{ text-align:center; clear:both; line-height:40px; border-bottom:1px solid #e3e3e3; font-size:14px; background:#da251d; color:#FFF; font-size:24px; font-family:"Times New Roman", Times, serif}
.date-t{text-align:center; clear:both; line-height:20px; font-size:12px; background:#f6cdcd}
.date2{ color:#666; float:left; text-indent:0; line-height:24px; color:#000; width:95px; height:84px; float:left; line-height:28px; margin:8px; border:1px solid #e3e3e3;}
.news-con{ clear:both; font-size:12px;}
.map{ width:459px; height:295px; background:url(../images/in-map.jpg) no-repeat; margin:20px 0; float:right}
.n-box{ width:1112px; clear:both; margin:0 auto; position:relative}
#wrap{ width:1112px; margin:0 auto; position:relative; z-index:99999}
.main{ width:1112px; float:left; background:url(../images/ny_bg.jpg) top center no-repeat; }
.in-video{ background:url(../images/video_pic.png) no-repeat; width:379px; height:302px; float:left; margin-top:45px;}
.p-t-20{ clear:both; padding:20px 0; font-size:12px; line-height:24px;}
.n-tex{ width:410px; float:right;}
.more{ height:11px; display:block; right:11px; top:0; position:absolute; color:#FFF;}
/*foot.htm*/
.foot{ width:1112px; padding:15px 0; clear:both; margin: 0 auto; background: #666666; line-height:50px; color:#fff; font-size:12px; line-height:24px; text-align: center; font-family:Arial, Helvetica, sans-serif }
.foot a{ color:#FFF;}
.f-tex{ width:670px; text-align:right}
.bot-tel{ background: url(../images/bot_tel.jpg) no-repeat; width:163px; height:44px; padding:20px 0 0 55px; color:#da251d; float:right; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.foot p{ margin-right:42px;color:#FFF; *margin-right:21px; margin-top:14px;}
.left-foot{ position:absolute; left:0; top:10px; line-height:16px;}
.right-foot{ position:absolute; right:280px;top:10px; line-height:16px;}
.addico{ height:16px; background:url(../images/add_pic.jpg) 0 50% no-repeat; padding-left:15px; line-height:16px;}
.copyico{ height:16px; background: url(../images/copy_pic.jpg) 0 50% no-repeat; padding-left:15px; line-height:16px;}
.bot-ewm{ float:left; margin-right:50px;}
.telico{ height:16px; background: url(../images/tel_ico.jpg) 0 50% no-repeat; padding-left:15px; line-height:16px;}
.emailico{ height:16px; background: url(../images/email_ico.jpg) 0 50% no-repeat; padding-left:15px; line-height:16px;}
.fl{ float:left;}
.fr-link{ height:41px; clear:both; background: url(../images/fr_link.jpg) repeat-x; line-height:41px; border-bottom:1px solid #606060;text-align:left; color:#000; }
.bot-r{ color:#c71620;}
/*left.htm*/
.left{ width:250px; float:left;overflow:hidden; margin-top:20px; }
.left img{ float:left; margin:0 27px 90px 0;*margin:0 14px 90px 0;}
.ny-contact{ width:250px; background: url(../images/ny-cont-t.jpg) no-repeat; color:#000; line-height:24px; clear:both; font-size:12px; padding:10px;font-family:"微软雅黑";}
.ny-contact-t{ width:250px; clear:both; height:55px; line-height:55px; font-size:16px; text-indent:2em; font-weight:bold}
.ny-contact-tel{ height:25px; background:url(../images/tel_ico.png) no-repeat; padding-left:35px; color:#da251d; font-family:Arial, Helvetica, sans-serif; clear:both; font-size:20px; margin-bottom:10px;}
.pro-list{ width:250px; float:left; margin-bottom:20px; font-size:12px; line-height:24px; font-family:"微软雅黑" }
.pro-list p{ font-size:14px}
.pro-list-t{ width:250px; height:47px; line-height:47px; background: url(../images/pro_list_t.jpg) no-repeat; font-size:18px;font-family:"微软雅黑"; color:#FFF; margin-top:20px; text-indent:5em;}
.pro-list-box{font-size:12px; line-height:24px;clear:both; border:1px solid #CCC; }
.pro-list-box strong{ font-size:13px; color:#0a5fb9;}
.pro-list-box ul{ width:250px; margin:0 auto; clear:both;}
.pro-list-box ul li{ width:250px;height:50px; font-weight:normal; overflow:hidden; line-height:50px; border-bottom:1px solid #CCC; font-family:"微软雅黑"; font-size:14px;}
.pro-list-box ul li a{ width:250px;height:50px;display:block; color:#000;background:#FFF; text-align:center;font-size:14px;}
.pro-list-box ul li a:hover,.pro-list-box ul li a.hover{ color:#FFF;height:50px; background:#2d73d1;font-size:16px; }
.dropdown{ display:none;}
.ny-cont{ width:254px; float:left; margin-top:20px;}
#con-tel{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#c6243d; line-height:34px;}
#con-tel2{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#c6243d; line-height:34px;}
/*其它页面*/
.all{ float:right; width:850px; position:relative; margin:20px 0; background:#FFF;}
.all2{ clear:both; width:100%;}
.all-t{height:150px; color:#FFF;font-size:30px;font-family:"微软雅黑"; line-height:60px; position:relative; font-weight:bold; line-height:150px; text-indent:1em; text-transform:capitalize}
.postion{ background:url(../images/postion_ico.jpg) 0 50% no-repeat; padding-left:10px; right:10px; line-height:20px; font-size:12px; float:right; margin-right:10px; font-family:"宋体"; font-size:12px; position:absolute; color:#000; text-shadow:#FFF;}
.postion a{ color:#000;}
.all-fl{ width:1112px;font-size:14px;border-bottom:2px solid #ededed; float:left; padding:10px 0 30px 0; font-family:"微软雅黑"; position:relative;}
.all-fl .tb{ font-weight:bold; float:left; line-height:28px; font-size:20px; margin-top:10px;}
.all-fl .fl-tex{ width:780px; float:left; margin-top:10px; font-size:16px;}
.all-fl .ewm{ float:right; margin-top:10px;}
.all-fl a{ color:#403c3b; float:left; line-height:28px; padding:0 8px;}
.all-fl .fl-ad{ font-size:24px; font-family:"微软雅黑"; position:absolute; bottom:5px; left:0;}
.all-fl .fl-ad2{ font-size:30px; font-family:"微软雅黑"; position:absolute; bottom:5px; left:0;}
.clear{ clear:both;}
.all-box{ clear:both; padding:30px; font-size:16px; line-height:34px;min-height:500px;_height:500px; font-family: Arial, Helvetica, sans-serif}
.kc,.xw,.product-box{ margin:0 auto; width:100%;font-size:12px; line-height:24px; float:left;}
.xw ul li{ float:left; list-style-type:none; width:686px; height:30px; line-height:30px; background:url(../images/news_li.jpg) 5px 50% no-repeat; font-size:12px; padding-left:15px; border-bottom:1px dashed #ccc;}
.kc ul li{ float:left; list-style-type:none; width:686px; height:150px; line-height:20px; font-size:12px; padding-left:15px; padding-top:2px; border-bottom:1px dashed #ccc;position:relative; line-height:24px;}
.kc ul li a{color:#000;}
.kc ul li p{ margin:0; padding:0;}
.detail{width:80px; height:30px; display:block; position:absolute; top:80px; right:10px;}
.mid{ width:920px; clear:both; margin:0 auto;}
.page{ float:left;line-height:30px;height:30px;width:100%;text-align:center;border:1px solid #5c84b0;margin:12px 0px; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color:#FFF; background:#0A276F}
.picbg{ width:217px; height:160px; background:url(../images/pic_bg.jpg) no-repeat; float:left; margin-left:20px; display:block; text-align:center;color:#FFF }
.picbg a P{ color:#FFF; font-weight:bold; line-height:30px;}
.pic-bg {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
/*设置垂直居中*/
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*此处的font-size为height除以1.14 */
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border: 2px solid #CCC;
}
.pic-bg images {
/*设置图片垂直居中*/
vertical-align:middle;
border:none}
/*guestbook.html*/
.feedback-and-contact { text-align:center; padding:65px 0; background:#2e2e2e;}
.feedback-index,
.contact-index { display:inline-block; text-align:left; font-size:12px; letter-spacing:normal; vertical-align:top; margin: 0 45px;}
.feedback-index {}
.feedback-index form {
display:block;
margin:0;
padding:0;
width:456px;
}
.fb-rows{ margin-bottom:10px;}
.feedback-index form .fb-rows {
/*background:#434343;*/
line-height:normal;
margin-bottom:10px;
}
.feedback-index form .fb-rows:first-child {
border-top:none;
}
.feedback-index form .fb-txa,
.feedback-index form .fb-ipt {
overflow: auto;
margin:0;
width:94%;
border:none;
padding:0 3%;
background-color:#EFEFEF;
color:#fff;
height:42px;
font-size:12px;
vertical-align:middle;
display:block;
border-radius: 0px;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
/*-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: cubic-bezier(0, .97, .05, .99);
transition-timing-function: cubic-bezier(0, .97, .05, .99);
-webkit-transition-property: -webkit-transform, background-color, border-radius,box-shadow;
transition-property: transform, background-color, border-radius,box-shadow;*/
}
.feedback-index form .fb-txa:focus,
.feedback-index form .fb-ipt:focus {
/*position: relative;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
background-color:#000;
-webkit-transform: scale(1.1);
transform: scale(1.1);
border-radius: 5px;*/
-webkit-animation:ipt-focus 0.4s both;
animation:ipt-focus 0.4s both;
}
.feedback-index form input:-webkit-autofill,
.feedback-index form textarea:-webkit-autofill,
.feedback-index form select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #d3d3d3 inset;
}
@keyframes ipt-focus {
0 {
transform: scale(1,1);
animation-timing-function: ease-out;
}
25% {
transform: scale(0.5,0.5);
animation-timing-function: ease-out;
}
50% {
transform: scale(0.5,0);
animation-timing-function: ease-out;
}
75% {
transform: scale(0.5,0.95);
animation-timing-function: ease-out;
background: #d3d3d3;
color: #000;
}
100% {
transform: scale(0.5,0.5);
animation-timing-function: ease-out;
background: #d3d3d3;
color: #000;
}
}
@-webkit-keyframes ipt-focus {
0 {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
25% {
-webkit-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: scale(0.95,0);
transform: scale(0.95,0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
-webkit-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
background: #d3d3d3;
color: #000;
}
100% {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
background: #d3d3d3;
color: #000;
}
}
@keyframes ipt-focus {
0 {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
25% {
-webkit-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: scale(0.95,0);
transform: scale(0.95,0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
-webkit-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
background: #d3d3d3;
color: #000;
}
100% {
-webkit-transform: scale(1,1);
transform: scale(1,1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
background: #d3d3d3;
color: #000;
}
}
.feedback-index form .fb-btn {
-webkit-appearance: none;
margin:0;
padding:0;
width:100%;
height:42px;
color:#fff;
font-size:14px;
border:none;
background-color:#bf0a24;
cursor:pointer;
-webkit-border-radius:0px;
border-radius:0px;
display: block !important;
}
.feedback-index form .fb-txa {
height:105px;
margin:0;
padding:12px 3%;
resize:none;
line-height:18px;
-webkit-overflow-scrolling : touch;
}
</style>