@charset "gb2312";
*{ margin:0; padding:0; border:none; font-family:Î¢ÈíÑÅºÚ, Arial, Helvetica, sans-serif; font-size:14px; line-height:27px; color:#333;list-style:none; border:none;}

a{ text-decoration:none; color:#333333}
a:hover{ text-decoration:none; color:#1874b7;}

.head{ height:30px; width:100%; background:#eeeeee; margin:0 auto;}
.head ul{ width:1000px; margin:0 auto;}
.head ul li{ float:left; line-height:30px;}

.top{ width:1000px; background:url(images/top.jpg) no-repeat top center; height:122px; margin:0 auto;}

.nav{ width:100%; background:#1e2b49; height:50px; margin:0 auto;}
.nav .memu{ width:1000px; margin:0 auto;}
.nav .memu ul li{ float:left; width:142px; }
.nav .memu ul li a{ display:block; line-height:50px; height:50px; text-align:center; color:#FFFFFF; font-size:14px;  font-weight:bold}
.nav .memu ul li a:hover{ display:block; line-height:50px; height:50px; text-align:center; color:#fce10c; font-size:14px; font-weight:bold}

.renmian{ width:100%; height:40px; background:#969696;}
.recent{ width:1000px; height:40px; margin:0 auto;  }
.recentnews{ width:695px; height:40px; float:left}
.recentnews .title{ width:105px; height:40px; text-align:center;  line-height:40px; font-size:15px; color:#fff; float:left}
.recentnews .content{ width:590px; height:40px; float:left}
.box{ height:40px; overflow:hidden; width:590px}
.t_news{ height:40px; line-height:40px color:#333; padding-left:10px;overflow:hidden; position:relative;}
.news_li,.swap{ line-height:30px; display:inline-block; position:absolute; top:5px; }
.news_li a,.swap a{ color:#333; line-height:30px}
.search{ width:305px; height:40px; float:right}
.bannerfo{ width:305px;height:40px;}
.bannerfo ul{width:305px;height:40px;margin:0 auto}
.bannerfo ul li{display:inline}
.bannerfo ul .inputbox{ width:233px; height:27px; margin:6px 0;overflow:hidden}
.bannerfo ul .inputbox input{ width:226px; height:25px; line-height:25px; padding:0 0 0 5px;background:#fff; border:1px solid #cccccc }
.bannerfo ul .menuser{ width:60px; height:27px; padding:6px 6px 0 5px}
.bannerfo ul .menuser img{width:60px; height:27px}


.clear{ height:0px;clear:both; height:0; line-height:0; overflow:hidden; display:block}
.left{ float:left;}
.right{ float:right}

.promain{ background:#f0f0f0; margin:0 auto; height:600px; width:100%}
.productmain{ width:1004px; margin:0 auto; padding-top:30px}
.productlist{float:left; width:218px}
.productlist .title{ width:218px; height:101px; background: url(images/cp_top.jpg) no-repeat}
.productlist .content{ width:218px; background:#FFF; padding-bottom:10px; height:345px}
.onepro{ width:218px; height:58px; line-height:58px;display:block;font-size:16px; font-family:"Î¢ÈíÑÅºÚ"; border-bottom:1px solid #CCC;background:url(images/icon.jpg) 20px center no-repeat; text-align:center}
.onepro:hover{ background:#ccc}
.probot{ width:218px; height:71px; background:url(images/cp_bot.jpg) no-repeat; padding-top:15px}
.probot .qq{ font-size:14px; color:#FFF; text-align:center; background: url(images/iphone.jpg) 45px no-repeat;}
.probot .pp{font-size:17px; font-weight:bold; color:#FFF; text-align:center;}

.prooshow{ width:763px; float:right; background:#FFF; padding:5px 0px 25px 10px; border-bottom:2px solid #0668ca}
.picmp2{ display: inline; width:229px; height:217px;  margin:30px 10px 10px 10px; float:left; overflow:hidden; background:#eeeeee }
.picmp2 .picmpic{ display: block; width:212px; height:167px; border:4px solid #e6e6e6; margin:5px}
.picmp2:hover .picmpic{ display: block; width:212px; height:167px; border:4px solid #3889c7}
.picmp2 .picmpte{ display:block; width:212px; height:30px; line-height:30px; overflow:hidden; text-align:center}
.picmp2:hover .picmpte{ display:block; width:212px; height:30px; line-height:30px; overflow:hidden; text-align:center; color:#3889c7}

.advantage{ width:1000px; height:auto; margin:40px auto}
.advantage .head{ width:1000px; height:100px; background:url(images/advantage.png) center center no-repeat; position:relative}
.advantage .head .txt{ height:50px; font-size:32px; line-height:50px; color:#000; text-align:center; font-weight:bold}
.advantage .head .txtb{ height:30px; line-height:30px; color:#ff6600; font-size:24px;text-align:center; font-weight:bold}
.advantage .content{ width:1000px; height:auto; margin-top:36px}
.advantage .content .frame1{ width:214px; height:438px; float:left; margin-right:45px; position:relative}
.advantage .content .frame1 .picture{ width:153px; height:173px; position:absolute; left:20px; top:15px; }
.advantage .content .frame1 .subtable{ width:213px; height:331px; border:1px solid #dbdbdb; border-bottom:8px solid #dbdbdb; position:absolute; top:100px}
.advantage .content .frame1  p{ font-size:20px;  font-weight:bold; line-height:60px; text-align:center; position:absolute; top:202px; left:14px; width:189px; height:60px; border-bottom:1px solid #a4c8e5}
.advantage .content .frame1  span{ font-size:13px; color:#414141; line-height:25px; text-align:center; position:absolute; top:282px; left:10px; width:197px; height:65px}
.advantage .content .frame1  .more{ width:110px; height:35px; display:block; line-height:35px; font-size:15px; color:#fff; background:#ff6600; text-align:center; position:absolute; top:380px; left:50px}
.advantage .content .frame1:hover .more{width:110px; height:35px; display:block;line-height:35px; font-size:15px; color:#fff; background:#1b75bd; text-align:center; position:absolute; top:380px; left:50px}

.hope{ width:100%; margin:0px auto; background:url(images/banner_bg.png) center center no-repeat; height:475px; margin-top:50px}
.yuanjing{ padding-top:185px; width:1000px; margin:0 auto; height:290px}
.first{ padding-left:377px; font-size:27px; font-weight:bold; height:40px; line-height:40px}
.second{ padding-left:242px; font-size:14px; font-weight:bold; height:30px; line-height:30px}
.third{ padding-left:428px; height:95px; line-height:95px; font-size:24px}
.forth{ color:#FFF; font-size:30px; height:75px; line-height:75px; text-align:center; font-weight:bold}
.fifth{ color:#FFF; font-size:18px; height:50px; line-height:55px; padding-left:415px; font-weight:bold }

.youshi{ width:100%; background:url(images/bg.jpg) center center no-repeat; height:985px;}
.youshi .yi{ margin:0px auto; width:1097px; padding-top:40px}
.leftw{ float:left; width:600px}
.tittlt{ margin:0px auto; width:600px; background:url(images/01.png) 53px top no-repeat; height:63px}
.tittlt .bb{ font-size:26px; margin-left:160px; font-weight:bold}
.tittlt .cc{font-size:18px; margin-left:230px; color:#F00; font-weight:bold; margin-top:10px}
.conn{ width:520px; margin-top:40px; margin-left:53px; margin-right:25px}
.conn .dd {background:url(images/iconn.jpg) left center no-repeat; padding-left:15px; line-height:35px; height:35px}
.conn .ee {background:url(images/iconn.jpg) left center no-repeat; padding-left:15px; line-height:35px; height:35px; margin-top:10px}
.rightt{ float:right; width:300px; margin:0px 140px 0px 50px }

.youshi .yier{ margin:15px auto; width:1097px}
.left1{float:left; width:347px; margin-left:55px}
.right1{float:right; width:650px;}
.tittlt1{ margin:0px auto; width:600px; background:url(images/02.png) 20px top no-repeat; height:63px}
.tittlt1 .bb{ font-size:26px; margin-left:130px; font-weight:bold}
.tittlt1 .cc{font-size:18px; margin-left:210px; color:#F00; font-weight:bold; margin-top:10px}
.conn1{ width:520px; margin-top:40px; margin-left:53px; margin-right:25px}
.conn1 .dd {background:url(images/iconn.jpg) left center no-repeat; padding-left:15px; line-height:40px; height:40px}

.youshi .yisan{ margin:0px auto; width:1097px; margin-top:50px}
.leftw2{ float:left; width:600px}
.tittlt2{ margin:0px auto; width:600px; background:url(images/03.png) 53px top no-repeat; height:63px}
.tittlt2 .bb{ font-size:26px; margin-left:160px; font-weight:bold}
.tittlt2 .cc{font-size:18px; margin-left:230px; color:#F00; font-weight:bold; margin-top:10px}
.conn2{ width:520px; margin-top:40px; margin-left:53px; margin-right:25px}
.conn2 .dd {background:url(images/iconn.jpg) left center no-repeat; padding-left:15px; line-height:40px; height:40px}
.conn2 .ee {background:url(images/iconn.jpg) left center no-repeat; padding-left:15px; line-height:40px; height:40px; margin-top:35px}
.rightt2{ float:right; width:300px; margin:0px 140px 0px 50px }

.about{margin:0px auto; width:1002px;border:1px solid #dddddd; border-top:none; height:500px; margin-top:25px}
.newsq{ width:100%; margin:0px auto; background:#f4f4f4; height:415px; padding-top:15px; padding-bottom:35px; margin-top:40px}
.titl{  background:url(images/newsq.jpg) no-repeat; width:1002px; margin:0 auto; height:40px}
.content{ width:1002px; background:#FFF; height:370px;margin:0 auto;}
.question{ width:283px; float:left}
.news{ width:685px; float:right; padding-top:30px; padding-left:15px}
.index_newslist{ height:35px; width:320px; float:left; margin-right:40px; }
.index_newslist ul li{ height:35px; width:320px; line-height:35px; border-bottom:1px dotted #e0e0e0; background:url(images/a1.jpg) no-repeat 10px 12px; text-indent:26px; overflow:hidden;}
.index_newslist ul li:hover{ height:35px; width:320px; line-height:35px; border-bottom:1px dashed #e0e0e0; background:url(images/a1.jpg) no-repeat 10px 12px; text-indent:26px; overflow:hidden}
.index_newslist ul li a{ height:35px; width:200px; display:block; overflow:hidden; line-height:35px; font-size:13px}
.index_newslist ul li span{ height:35px; width:100px; display:block; overflow:hidden; line-height:35px; font-size:13px; color:#666}

.bot{ width:100%; margin:0 auto; background:url(images/bot.jpg) repeat-x; height:217px}
.bottop{ width:1000px; margin:0 auto; height:44px}
.bottop a{ width:166px;color:#FFF; height:44px; line-height:44px; display:block; float:left; text-align:center; font-weight:bold}
.banquan{ width:950px; margin:0px auto; line-height:30px; height:140px; padding-top:30px; padding-left:50px}
.banquan .wenzi{ width:1000px; padding-top:10px; text-align:center}


.main{ width:1004px; margin:20px auto}
.index_list{ width:220px; margin:0 auto; float:left}
.index_list_title{ background:url(images/left_top.jpg) no-repeat; height:72px; line-height:72px; color:#FFFFFF; font-size:16px; text-indent:25px;}
.index_list_cont{ width:216px; border-bottom:solid 2px #3d3d47;border-left:solid 2px #3d3d47; border-right:solid 2px #3d3d47; background:#FFFFFF; margin:0 auto; }
.gg a{ display:block; width:190px; background:url(images/a.jpg) no-repeat left; height:40px; line-height:40px; text-indent:25px; margin:0 auto; text-align:left; color:#333333; font-size:14px}
.gg a:hover{ display:block; width:190px; background:url(images/a.jpg) no-repeat left; height:40px; line-height:40px; text-indent:25px; margin:0 auto; text-align:left; color:#1874b7; font-size:14px}
.lx_cont{ width:180px; background:#eaeaea; font-size:14px; padding-left:20px; padding-right:20px; padding-top:15px; padding-bottom:15px; margin:6px auto 0px auto;}
.contentt{ width:762px; float:right; }
.contentt .content_title{ width:762px; height:70px; background:#dcdcdc;display:block;}
.content_title span{display:block; float:left; height:70px; line-height:70px; font-size:18px; width:240px; background:#1973b7; color:#FFFFFF;text-align:center; font-weight:bold;}
.content_c{width:720px; padding:20px; border:#CCCCCC solid 1px; margin-top:20px; margin-bottom:15px;}
.content_c p{ text-indent:25px; line-height:30px; font-size:12px;}
.Con{width:762px; border:5px #069; background:#000; height: }

.proimg_a{ display:inlne; width:225px; height:175px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px; float:left; font-size:13px; margin:0 8px 12px 6px; background:#dcdcdc; padding-top:5px;}
.proimg_a:hover{ display:inlne; width:225px; height:175px;  margin:0 auto; overflow:hidden; text-align:center; line-height:30px;  float:left; font-size:13px; color:#FFFFFF; margin:0 8px 12px 6px; background:#1b78be}
.proshow .prtitle{ line-height:30px; text-align:center; font-size:22px; padding:10px 0}
.proshow .primgpic{ width:750px; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{ max-width:750px; border:1px solid #ddd}
.proshow .prtent{ width:96%; margin:0 auto; overflow:auto; text-align:left;}
.proshow .prtent img{max-width:750px; margin-top:5px; margin-bottom:5px}
.proshow .prtent,
.proshow .prtent *{ font-size:15px; line-height:30px}
.proshow .prtent tr td{ font-size:13px; line-height:25px}
.proshow .next{ padding:20px 0; color:#666; width:80%; margin:0 auto;}
.proshow .pos{ height:16px; line-height:16px; border-bottom:1px dotted #aaa; text-align:center; padding-bottom:8px; margin-bottom:15px; color:#999}
.proshow .prtent p{ margin-top:10px;margin-bottom:10px}


.newslist{ height:39px; width:720px; margin:0px auto}
.newslist ul li{ height:38px; width:720px; line-height:38px; border-bottom:1px dotted #aaa; background:url(images/a.jpg) no-repeat 12px 14px; text-indent:26px; overflow:hidden; text-align:left;}
.newslist ul li a{height:38px; width:500px; display:block; overflow:hidden; line-height:38px; float:left;text-overflow:ellipsis;white-space:nowrap;display:block;}
.newslist ul li:hover{ height:38px; width:720px; line-height:38px; border-bottom:1px dotted #aaa; background:url(images/a.jpg) no-repeat 12px 14px; text-indent:26px; overflow:hidden; color:#018426;}
.newslist ul li span{ height:38px; width:100px; display:block; overflow:hidden; line-height:38px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666}


#telback{ background:url(images/lxs.png) no-repeat 50px -20px; min-height:600px; padding:60px 0 0 450px; width:340px; font-size:15px; line-height:35px}
#telback b{font-size:16px; color:#ff6600; line-height:35px; font-weight:bold}

