﻿@charset "utf-8";
/* CSS Document */

/*banner*/
.banner { overflow:hidden; width:100%; height:578px; background:url(../images/banner.jpg) no-repeat center top; position:relative}
.banner .btn{ overflow:hidden; width:100%; text-align:center; position:absolute; left:0; bottom:40px;}
.banner .btn span{ cursor:pointer; display: inline-block; width:8px; height:8px; background:url(../images/banner_btn.png) no-repeat right center; margin:0 4px;}
.banner .btn span.cur{ background-position:left;}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:578px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:38px; left: 50%;margin-left: -64px; padding:0px 6px;}
#flashs .btn span{ cursor:pointer; display: inline-block; width:8px; height:8px; background:url(../images/banner_btn.png) no-repeat right center; margin:0 4px;text-indent: -99999em;}
#flashs .btn span.cur{ background-position:left;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}





/*search*/
.search { overflow:hidden; width:100%; padding:20px 0; border-bottom:1px solid #e4e4e4; height:38px;}
.search p{ font-size:14px; color:#cc000c; float:left; line-height:38px;}
.search p a{ color:#6e6e6e; font-size:13px; margin-right:8px;}
.search .sbox { overflow:hidden; width:380px; height:36px; padding:1px; float:right; background-color:#db101b;}
.search input{ display:block; width:305px; height:36px; border:none; outline:none; line-height:36px; font-size:13px; color:#6e6e6e; padding:0 15px; float:left}
.search .b{ display:block; width:45px; height:36px; background:url(../images/search.png) no-repeat center; float:right; cursor:pointer}

/*title*/
.title { overflow:hidden; width:100%; margin-bottom:35px;}
.title p{ text-align:center; font-size:47px; color:#e3e3e3; font-family:Arial; text-transform:uppercase; font-weight:bold}
.title h3{ text-align:center; font-size:25px; color:#000; padding-bottom:15px; background:url(../images/title_bg.png) no-repeat center bottom; font-weight:normal}
.title h3 a{ color:#000;}

/*pro*/
.pro { overflow:hidden; width:100%; background:url(../images/pro_bg.jpg) no-repeat center top; padding-top:50px;padding-bottom: 11px; }
.pro .menu { overflow:hidden;padding-bottom:8px; margin-bottom:30px; width:1000px; margin:0 auto;}
.pro .menu li{ margin:0 6px; width:152px; height:45px; border:1px solid #000; text-align:center; line-height:45px; font-size:16px; position:relative; float:left; margin-right:6px;}
.pro .menu li a{ display:block; text-decoration:none; color:#000;}
.pro .menu li img{ display:none; position:absolute; bottom:-8px; left:67px;}
.pro .menu li.cur ,.pro .menu li:hover{ border-color:#df131e; background-color:#df131e;}
.pro .menu li.cur a,.pro .menu li:hover a{ color:#fff;}
.pro .menu li.cur img,.pro .menu li:hover img{ display:block}
.pro .pbox { overflow:hidden; width:1000px; margin:0 auto; height:580px; position:relative}
.pro .plist{ overflow:hidden; width:1000px; height:580px; position:absolute; left:0; top:0}
.pro .plist .lefttu{ display:block; float:left}
.pro .plist ul{ overflow:hidden; float:right; width:998px; height:578px;}
.pro .plist ul li{ float:left; width:227px; height:289px; position:relative;padding-left:10px;padding-right:10px;}
.pro .plist li img{ display:block; margin-bottom:20px;max-width:100%;height:auto;}
.pro .plist li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; color:#000;}
.pro .plist li.libor{ border-right:1px solid #ddd; width:246px;}
.pro .plist li.libtm{ border-bottom:1px solid #ddd;}
.pro .plist li a{ display:none; width:227px; margin-left:10px;margin-right:10px;position:absolute; left:0; top:0; background:url(../images/pro_more.png) no-repeat 90px center; background-color:#fd581f; opacity:0.85; filter:alpha(opacity=85); text-align:center; font-size:16px; color:#fff; padding-top:190px; height:100px;}
.pro .plist li:hover a{ display:block}

/*区别*/
.qubie { overflow:hidden; width:100%; height:640px; padding-top:50px; background:url(../images/qubie_bg.jpg) no-repeat center top;}
.qubie .qbbox { overflow:hidden; width:1000px; margin:0 auto; height:408px; padding:9px 0; position:relative}
.qubie .qbbox img{ display:block; margin:0 auto; width:0; height:0; position:relative; top:50%}
.qubie .wen{ overflow:hidden; position: absolute; display:none;}
.qubie .wen01{ left:0; top:0; width:211px; height:95px; background:url(../images/qubie01.png) no-repeat center right; padding-left:150px; color:#fff; padding-top:55px;}
.qubie .wen02{ right:0; top:0; width:249px; height:86px; background:url(../images/qubie02.png) no-repeat left center; padding-left:90px; padding-top:70px; color:#333}
.qubie .wen03{ left:0; bottom:0; width:188px; height:100px; background:url(../images/qubie03.png) no-repeat right center; padding-left:150px; padding-top:55px; color:#333}
.qubie .wen04{ right:0; bottom:0; width:271px; height:95px; background:url(../images/qubie04.png) no-repeat left center; padding-left:90px; color:#fff; padding-top:55px;}
.qubie h4{ font-weight:normal; font-size:22px;}
.qubie .wen p{ font-size:12px; font-family:Arial;}
.qubie .wen03 p,.qubie .wen02 p{ color:#6a6a6a}


.m-qb{ overflow:hidden; width:100%; height:700px; background:url(../images/qubie_bg.jpg) no-repeat center top; overflow:hidden;}
.m-qb .content{ width:1000px; overflow:hidden; margin:0 auto; padding-top:240px;}
.m-qb .qb-ul{ position:relative; height:390px;}
.m-qb .qb-ul li{ position:absolute;}
.m-qb .qb-ul .li1{ left:18px; top:0px;}
.m-qb .qb-ul .li2{ left:660px; top:0px;}
.m-qb .qb-ul .li3{ left:18px; top:225px;}
.m-qb .qb-ul .li4{ left:660px; top:225px;}
.m-qb .qb-ul li p{ color:#757678; font-size:14px; display:block; line-height:25px; background:url(../images/dian.png) no-repeat left 6.5px; padding-left:18px;}
.m-qb b{ display:block; width:168px; height:42px; overflow:hidden; margin:0 auto;}
.m-qb b a{ display:block; width:168px; height:42px; overflow:hidden;}


/*技术支持*/
.zhichi { overflow:hidden; width:100%; height:703px; background:url(../images/zhichi_bg.jpg) no-repeat center top; padding-top:70px;}
.zhichi .title p{ color:#43454c;}
.zhichi .title h3{ color:#fff; background:url(../images/zhichi_title.png) no-repeat center bottom;}
.zhichi .menu { overflow:hidden; width:100%; text-align:center; padding-bottom:8px; margin-bottom:30px;}
.zhichi .menu li{ display:inline-block; margin:0 6px; width:152px; height:45px; border:1px solid #64666b; text-align:center; line-height:45px; font-size:16px; position:relative; color:#b8bac3; cursor:pointer;}
.zhichi .menu li{ *display:inline}
.zhichi .menu li img{ display:none; position:absolute; bottom:-8px; left:67px;}
.zhichi .menu li.cur ,.pro .menu li:hover{ border-color:#df131e; background-color:#df131e; color:#fff;}
.zhichi .menu li.cur img,.pro .menu li:hover img{ display:block}
.zhichi .zcbox { overflow:hidden; width:1000px; padding:0 20px; padding-bottom:40px; background:url(../images/zhichi_yy.png) no-repeat center bottom; margin:0 auto; height:396px; position:relative}
.zhichi .zcbox ul{ overflow:hidden; width:6240px; position:absolute; left:0; top:0}
.zhichi .zcbox li{ overflow:hidden; width:1000px; background-color:#fff; height:396px; margin:0 20px; position:relative; float:left;}
.zhichi .zcbox li img{ display:block; float:right}
.zhichi .zcbox li .wen{ overflow:hidden; width:405px; height:100%; float:left; margin-left:30px; margin-top:25px; position:relative}
.zhichi .zcbox .btn{ overflow:hidden; position:absolute; width:134px; height:38px; text-align:center; line-height:32px; left:50%; margin-left:-107px; top:202px; z-index:2}
.zhichi .zcbox .btn em{ display:block; width:61px; height:32px; border:3px solid #dfdfdf; float:left; font-size:14px; color:#b3b3b3; cursor:pointer; background-color:#fff;moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;}
.zhichi .zcbox .btn em:hover{ background-color:#fd581f; color:#fff; border-color:#fd581f;}
.zhichi .zcbox .wen b{ display:block; font-size:33px; color:#a5a5a5; width:50px; height:64px; border:3px solid #dfdfdf; background:url(../images/zhichi_x.png) no-repeat center 50px; text-align:center; padding-top:10px; position:absolute; right:0; top:0}
.zhichi .zcbox .wen h4{ font-size:26px; color:#df131e; margin-top:20px; margin-bottom:5px;}
.zhichi .zcbox .wen span{ display:block; font-size:13px; color:#959595; font-family:Arial; margin-bottom:40px;}
.zhichi .zcbox .wen p{ font-size:14px; color:#333; line-height:31px; text-align:justify; width:85%;}
.zhichi .zcbox .btn02 { overflow:hidden; width:150px; height:12px; position:absolute; left:40px; bottom:80px; z-index:2}
.zhichi .zcbox .btn02 span{ display:block; width:12px; height:12px; background:url(../images/zhichi_y.png) no-repeat center left; margin:0 5px; float:left;}
.zhichi .zcbox .btn02 .cur{ background-position:right}
/*优势*/
.youshi{padding-top:50px}
.ys { margin-top:20px;width:1000px;margin:0 auto;}
.ys_dh { font-family:"微软雅黑"; font-size:19px; color:#fff;top: 130px;left: 480px;position: relative;}
.ys01 { background:url(../images/ys01.jpg) no-repeat; height:330px;}
.ys01 dl { padding:44px 0 0 0px;}
.ys01 dl dd { font-family:"微软雅黑"; font-size:16px;   color:#737373; width:415px; line-height:32px; padding-top:10px;}
.ys01 dl dd span { color:#e4090d;}

.ys02 { background:url(../images/ys02.jpg) no-repeat; height:386px;}
.ys02 dl { padding:88px 0 0 590px;}

.ys03 { background:url(../images/ys03.jpg) no-repeat; height:298px;}
/*about*/
.about { overflow:hidden; width:100%; height:auto; background:url(../images/about_bg.jpg) no-repeat center top; background-color:#d2d2d2;padding-top:50px;}
.about .contect{width:1000px;height:auto;margin:0 auto;}
.about .contect p{font-size:16px;line-height:30px;}
.about .contect .contect_img{width:400px;height:365px;float:left;}
.about .contect .contect_txt{width:585px;margin-left:15px;float:left;}
.btn{text-align:center;height:auto;margin-top:20px;}
.btn a{ border:1px solid #b6b6b6; font-size:13px; color:#000;padding:10px 20px;}
/*生产基地*/
.jidi { overflow:hidden; width:1000px;margin:0 auto;padding-top:50px;}
.jidi .menu{ overflow:hidden; width:348px; margin:0 auto; padding-bottom:8px; text-align:center; margin-bottom:40px;}
.jidi .menu li{ width:170px; float:left; height:54px; text-align:center; line-height:54px; border:2px solid #df131e; position:relative; font-size:20px;}
.jidi .menu li a{ display:block; text-decoration:none; color:#333;}
.jidi .menu li img{ display:none; position:absolute; left:75px; bottom:-10px;}
.jidi .menu li.cur a{ background-color:#df131e; color:#fff;}
.jidi .menu li.cur img{ display:block;}
.jidi .jdbox { overflow:hidden; width:1000px; margin:0 auto; height:230px; position:relative}
.jidi .jdlist{ overflow:hidden; width:1000px; height:230px; position:absolute; left:0; top:0}
.jidi .jdlist ul{ overflow:hidden; position:absolute}
.jidi .jdlist li{ float:left; width:239px; height:230px; margin-right:10px;}
.jidi .jdlist li img{ display:block; margin-bottom:25px;}
.jidi .jdlist li span{ display:block; text-align:center; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.jidi .jdlist li a{ display:block; text-decoration:none}

/*留言*/
.liuyan { overflow:hidden; width:350px;float:right;}
.liuyan h3{ background:url(../images/news_bg.jpg) no-repeat; font-size:16px; padding-left:25px; font-weight:normal; line-height:40px;color:#000;}
.liuyan h3 a.more{float:right;margin-right:15px;color:#000;}
/*news*/
.news { overflow:hidden; width:1000px; height:430px; margin:0 auto; padding-top:50px;}
.news .menu{ overflow:hidden;width:635px;  padding-bottom:8px; text-align:left; margin-bottom:15px;}
.news .menu li{background:url(../images/news_bg.jpg) no-repeat; float:left; width:635px;height:40px; text-align:left; line-height:40px;  position:relative; font-size:16px;}
.news .menu li a{ text-decoration:none; color:#000;margin-left:15px;}
.news .menu li a.more{float:right;margin-right:15px;}
.news .menu li img{ display:none; position:absolute; left:75px; bottom:-10px;}
.news .menu li.cur a{ background-color:#df131e; color:#fff;}
.news .menu li.cur img{ display:block;}
.news .newsleft{ overflow:hidden; width:635px; float:left; height:100%;}
.news .newsleft .nbox { overflow:hidden; width:100%; height:340px; position:relative}
.news .newsleft .nlist{ overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0}
.news .newsleft .nlist dl{ overflow:hidden; width:100%; height:164px; margin-bottom:20px;}
.news .newsleft .nlist dt{ overflow:hidden; float:left}
.news .newsleft .nlist dd{ overflow:hidden; float:right; width:380px; height:164px;}
.news .newsleft .nlist dd h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:10px; margin-bottom:20px;}
.news .newsleft .nlist dd h3 a{ color:#000;}
.news .newsleft .nlist dd p{ font-size:13px; color:#333; line-height:24px; height:96px; overflow:hidden; text-align:justify;}
.news .newsleft .nlist ul{ overflow:hidden; width:650px;}
.news .newsleft .nlist li{ overflow:hidden; float:left; width:295px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:15px; background:url(../images/news_s.png) no-repeat left center; font-size:13px; line-height:38px; margin-right:15px; border-bottom:1px solid #eee;}
.news .newsleft .nlist li a{ color:#333;}

.news .wenda { overflow:hidden; width:344px; height:100%; background-color:#df131e; float:right;}
.news .wenda h3{ font-size:20px; margin-left:25px; font-weight:normal; line-height:59px;}
.news .wenda h3 a{ color:#fff}
.news .wenda .wdBox { overflow:hidden; width:342px; margin:0 auto; height:380px; background-color:#fff; position:relative}
.news .wenda .wdBox ul{ overflow:hidden; width:320px; padding:0 11px; position: absolute}
.news .wenda .wdBox li{ overflow:hidden; width:100%; margin-top:25px; border-bottom:1px dashed #acacac; height:99px;}
.news .wenda .wdBox h5{ font-weight:normal; font-size:16px; padding-left:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/news_w.png) no-repeat left center; margin-bottom:10px; line-height:23px;}
.news .wenda .wdBox h5 a{ color:#000;}
.news .wenda .wdBox p{ padding-left:30px; background:url(../images/news_d.png) no-repeat left center; font-size:13px; color:#333; line-height:20px; height:40px; overflow:hidden; text-align:justify}

/*link*/
.link { overflow:hidden; width:1000px; position:relative; margin:0 auto; margin-bottom:50px;}
.link h3{ position:absolute; left:0; top:0}
.link ul{ overflow:hidden; float:right; width:900px; padding:15px 0 35px 35px; border:1px solid #c4c4c4;}
.link li{ float:left; white-space:nowrap; margin-right:30px; font-size:13px;}
.link li a{ color:#383838;line-height: 25px;}
.link .rk{ display:block; overflow:hidden; position:absolute; right:0; bottom:0}
.link .rk img{ display:block;}

.txtMarquee-top{ width:348px;  overflow:hidden; position:relative;  border:1px solid #ccc;  padding:0;margin:0;}

.txtMarquee-top .bd{ padding:15px;  }
.txtMarquee-top .bd ul{width:318px;}
.txtMarquee-top .infoList li{ height:82px;}
.txtMarquee-top .infoList li dl {
    height: 82px;
    padding: 5px 0 25px;
}
.txtMarquee-top .infoList li dl dt {
    background: url(../images/wen.gif) no-repeat scroll left center;
    font-weight: bold;
    height: 16px;
    overflow: hidden;
    padding-left: 25px;
    width: 195px;
}
.txtMarquee-top .infoList li dl dd {
    line-height: 22px;
    padding-left: 25px;
    width:308px;
}
.chengxin{width:1000px;height:300px;margin:0 auto;margin-top:20px;}



