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

* { padding:0; margin:0 auto;}
h1,h2,h3,h4,h5,h6,p,div { padding:0; margin:0;}
ul,ol,li,dl,dt,dd { list-style:none; padding:0; margin:0;}
a { text-decoration:none; color:#666;}
a:hover { text-decoration:underline; color:#3490f7;}
img { border:none;}
.l, .fl, .infl { float:left;}
.r, .fr, .infr { float:right;}
.clear { clear:both;}
.warp, .main { width:1000px; margin:0 auto;}
body {font-family:Microsoft Yahei;font-size:12px; line-height:24px; color:#666;}

.logo { float:left;}
.head .r { text-align:right;}
.head .lang { margin:18px 0;}
.head .r a { display:inline-block; padding:0 5px;}
.head .mail a { background:url(../images/mail.png) no-repeat left center; padding-left:26px; color:#3490f7; font-size:16px;}
.nav { background:url(../images/nav.png) repeat-x; height:40px; line-height:40px;}
.nav ul { width:1000px; margin:0 auto;}
#mainmenu li{	float: left; font-size:16px; text-transform:uppercase;}
#mainmenu li a{	display: block; padding:0 25px; white-space: nowrap; color:#333;}
#mainmenu li a:hover { color:#3490f7;}
#mainmenu li ul{position: absolute;visibility: hidden; width:auto;}
#mainmenu li ul li{	float: none;font-size:14px; text-transform:none; border-bottom:1px solid #ddd;}
#mainmenu li ul li a{width: auto; min-width:120px;background: #fff;}

.main { padding:20px 0;}
.main .dtit { background:url(../images/dtit.png) no-repeat bottom left; height:40px; line-height:40px; padding:0 5px 0 10px; font-size:14px;}
.main .dtit .r { font-size:14px;}
.main .dtit .r a { display: inline-block; padding:0 5px;}

.ourproduct {}
.ourproduct .menu_list { float:left; margin:20px 10px 10px 2px;_margin:20px 6px 10px 2px;}
.menu_head{width:228px;height:40px;line-height:40px;padding-left:10px;color:#525252;cursor:pointer;border:1px solid #e1e1e1;position:relative;font-weight:bold;/*background:#e3e3e3 url(../images/pro_left.png) center right no-repeat; */ background:#e3e3e3;border-bottom:1px solid #ccc;}
.menu_list .current{/*background:#efefef url(../images/pro_down.png) center right no-repeat;*/ background:#efefef;}
.menu_body{width:238px;height:auto; line-height:35px;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width:220px;height:35px;line-height:35px; background:#fff url(../images/menubodya.png) no-repeat 10px center;padding-left:20px;color:#777777; border-bottom:1px solid #e1e1e1;}
.ourproduct ul { float:right; width:748px; margin:20px 0 10px;}
.ourproduct ul li { float:left; width:175px; line-height:30px; text-align:center; margin:0 6px;_margin:0 5px;}
.ourproduct ul li img { border:2px solid #2997dc;}
.ourproduct ul li p { height:30px; line-height:30px; overflow:hidden}
.ourproduct .shadow { clear:both; background:url(../images/shadow.png) no-repeat top center; height:15px;}

.news {float:left; width:240px; margin:20px 10px 10px 2px;_margin:20px 6px 10px 2px;}
.about { float:right; width:748px; margin:20px 0 10px;}
.news .tit, .about .tit { font-size:16px; text-transform:uppercase; color:#333; line-height:35px;}
.news li h1 { font-size:14px; font-weight:normal; line-height:35px;}
.news li h1 a { color:#222;}
.news li a.more { font-weight:bold; color:#fe6d00; display:block; line-height:35px; border-bottom:1px dashed #ddd;}
.aboutvideo { width:300px; float:left; margin:10px 0;}
.about .r { width:440px;}

.fnav  { clear:both; background:#777; color:#fff;}
.fnav .tit { text-transform:uppercase; font-size:16px; padding:15px 0;}
.fnav a { color:#fff;}
.fnav ul { float:left;}
.fnav .cp { width:280px;}
.fnav .cp li{ line-height:30px;width:140px;float:left;}
.fnav .fw { width:140px;}
.fnav .contact { float:right; width:385px;}
.fnav .share { padding:8px 0;}
.fnav .share a { display:inline-block; margin:0 8px 0 0;}
.foot { clear:both; background:#666; border-top:1px solid #888; line-height:40px; color:#fff; text-align:center;}
/*---------------------------*/
.inmain { width:1000px; margin:0 auto 10px;}
.inmain .fl { width:240px; margin-right:15px;}
.inmain .fr { width:745px;}
.inmain .intit { font-size:16px; text-transform:uppercase; line-height:35px; margin-top:15px; background:#3490f7; color:#fff; padding:0 10px; border-radius:2px;}
.leftlx { width:230px; padding:5px;}
/*.leftlx .addr { background:url(../images/addr.png) no-repeat left top; text-indent:2em;}*/
.leftlx .tel { background: url(../images/tel.png) no-repeat left center; padding-left:25px; border-bottom:1px solid #e3e3e3;}
.leftlx .fax { background:url(../images/fax.png) no-repeat left center; padding-left:25px; border-bottom:1px solid #e3e3e3; line-height:30px;}
.leftlx .email { background:url(../images/email.png) no-repeat left center; padding-left:25px; border-bottom:1px solid #e3e3e3; line-height:30px;}
.leftlx .website { background:url(../images/website.png) no-repeat left center; padding-left:25px; border-bottom:1px solid #e3e3e3; line-height:30px;}

.fr .loca { padding:10px 0 0 8px; line-height:40px; background:url(../images/dtit.png) no-repeat left bottom;}
.loca a { display:inline-block; padding:0 5px;}
.fr .prolist { padding:15px 5px;}
.fr .prolist li { float:left; width:220px; line-height:30px; text-align:center; margin:0 10px;_margin:0 5px;}
.fr .prolist li img { border:1px solid #ccc; width:220px;}
.fr .prolist a { width:220px; height:30px; overflow:hidden;}
.fr .content { padding:15px;}

.inmain .fl ul { margin:5px 0;}
.inmain .fl ul li{ line-height:35px; border-bottom:1px solid #e9e9e9; background:url(../images/menubodya.png) no-repeat 10px center; padding-left:25px;}
.inmain .fl ul li:hover { background:#d4f4ff url(../images/menubodya.png) no-repeat 10px center;}
.inmain .fl ul li a { display:block; width:100%;}

#sidemenu, #sidemenu ul { width:240px;}
#sidemenu a { display: block; width: 210px; /*padding-left:30px;*/}
#sidemenu li {position: relative;}
#sidemenu li ul { position: absolute; left: -999em; width: 240px; background:#fff; border:1px solid #ccc; font-weight: normal;}
#sidemenu li ul a { width: 230px; padding: 0px 10px 0 0; line-height: 35px;}
#sidemenu li:hover ul,#sidemenu li.sfhover ul{ left: 240px; top:0;}
#sidemenu li:hover, #sidemenu li.sfhover { background: #d4f4ff url(../images/menubodya.png) no-repeat 10px center;}

.pages { padding:40px; clear:both; text-align:center;}
.pages a { display:inline-block; padding:3px 8px; margin:8px; border:1px solid #ddd;}

.vdlist{ padding:20px;}
.vdlist li { float:left; margin:10px 25px;_margin:5px 15px; line-height:30px; text-align:center;}

.newlist { padding:15px;}
.newlist li { line-height:32px; border-bottom:1px solid #efefef;}
.newlist li span { color:#888; float:right;}
.newlist li a { display:inline-block; width:610px; height:32px; overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;/* Opera */
}

.load { padding:15px 0; text-align:center; line-height:35px;}
.load table .title { background:#3490f7; color:#fff;}
.load table tr.02 { background:#ddd;}

.bt { font-size:14px; text-align:center; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:15px;}
.relat { padding:15px; line-height:30px; border-top:1px solid #ccc;}

/*----------*/
.loca { padding:0 8px; line-height:40px; background:url(../images/dtit.png) no-repeat left bottom;}
.ptop { height:250px; padding:10px; border-bottom:1px solid #ddd;}
.ptop .pic { width:330px; border:1px solid #ccc; float:left;}
.ptop .l { width:360px; margin:0 15px;}
.ptop .l h1 { font-size:14px; line-height:30px;}
.ptop .l .summary { padding:15px 0; height:145px}
.ptop .l .qlink a { display: inline-block; line-height:28px; color:#fff; padding:0 15px 0 40px; border-radius:5px; margin-right:10px;}
.ptop .l .qlink a:hover { text-decoration:none;}
.qlink .e-mail { background:#137ff8 url(../images/icon_mail.png) no-repeat 13px center;}
.qlink .d-load { background:#137ff8 url(../images/icon_down.png) no-repeat 13px center;}
.qlink .e-mail:hover { background:#2487f7 url(../images/icon_mail.png) no-repeat 13px center;}
.qlink .d-load:hover { background:#2487f7 url(../images/icon_down.png) no-repeat 13px center;}
.ptop .r { width:258px;}
.ptop .r a { display:block; background:#3490f7; padding:0 40px; line-height:36px; margin:8px 0; border-radius:8px; color:#fff; font-size:14px;}

.proshow { margin:10px 0; border:1px solid #ccc; background:url(../images/proshowbg.png) repeat-y;}
.infl { width:300px;}
.infr { width:697px;_width:695px;}
#vd { padding:2px 1px;}
#samp ul, #relapro ul { padding:5px 8px;}
#samp li { float:left; margin:3px;}
#relapro li { float:left; margin:0 3px;_margin:0 3px;}
#samp img, #relapro img { border:1px solid #ddd; padding:1px;}
#relapro a { display:block;_float:left; width:135px; text-align:center; height:135px; line-height:30px; overflow:hidden}
.proshow .h3bt { background:url(../images/h3tit.png) repeat-x; height:44px; line-height:40px; font-size:14px; padding-left:10px; margin-top:2px;}
.proshow .box { padding:10px;}
.messt { line-height:38px; border:1px dashed #3490f7; padding:0 15px; margin-bottom:15px;}
#mes .alg { text-align:right; padding-right:15px;}