* {margin:0; padding:0;}
body {font-family:"Microsoft Yahei",Simsun,sans-serif;font-size: 12px;color: #9a9a9a;line-height:22px;background:#fff url(/images/bg.jpg) repeat-x top;}
h1,h2{ font-size:16px; font-weight:normal;}
h1 a:hover{ font-size:16px; font-weight:bold; line-height:45px;color:#ffe0a2;}
img{border:none;vertical-align:middle;}
ul,ol,li {list-style:none;}
a:link,a:visited,a:active{text-decoration:none;color:#9a9a9a; font-size:12px;}
a:hover{text-decoration:none;color:#2087f7;}
.block{margin:0 auto; padding:0;}
.clear{ clear:both;}
.clear2{ clear:both; height:15px;}
.clear3{height:15px; border-bottom:4px #408ed6 solid;clear:both;}
.l{ float:left}
.r{ float:right}
.hover{color:#860007!important;}
#shu11 a.shu1,#shu22 a.shu2,#shu33 a.shu3,#shu44 a.shu4,#shu55 a.shu5,#shu66 a.shu6,#shu77 a.shu7,#shu88 a.shu8{color:#f9714b!important;background:url(/images/li.jpg) no-repeat bottom!important;}
.ad{ margin:0 auto; width:100%; text-align:center; padding-bottom:20px;}


.f2{ color:#fff;}
.f3{color:#757474; font-size:14px;line-height:30px;}
.f3 a{ font-size:14px;line-height:30px;}
#page{ padding:50px 0 0; }
.page{text-align:right;/* height:38px; */line-height:38px;margin:30px auto 0;width:1100px;}
.page b{background:#2087f7; border:1px #dddddd solid; color:#fff;padding:8px 18px;font-family:"Microsoft Yahei",Arial,Simsun,sans-serif; font-size:14px; font-weight:normal;margin-left:6px;} 
.page a{ background:#fff;border:1px #dddddd solid;padding:8px 18px; color:#666;font-family:"Microsoft Yahei",Arial,Simsun,sans-serif; font-size:14px; margin-left:6px;} 
.page a:hover{background:#2087f7; color:#FFFFFF;}
.lin{ line-height:32px;}
.input{ height:35px; line-height:35px; width:300px;border:1px solid #dfdfdf;padding:0 12px;border-radius:2px; font-size:14px; color:#b4b4b4}
.input2 { border:1px solid #dfdfdf;padding:0 12px;width:300px; height:100px;line-height:35px; overflow-y:auto;border-radius:2px; font-size:14px; color:#b4b4b4}
#shu11 a.shu1,#shu22 a.shu2,#shu33 a.shu3,#shu44 a.shu4,#shu55 a.shu5,#shu66 a.shu6,#shu77 a.shu7,#shu88 a.shu8{color: #fff!important;background:#009afe!important;}

#top{width:100%;border-top:3px #009afe solid;}
#top #menu{ width:1100px; height:95px;margin:0 auto;}
#top #menu #logo{padding-top:10px; float:left;}

#top #nav{width:660px;float:right;margin-top:25px;}
#top #nav ul{}
#top #nav li { float:left; text-align:center; position:relative;} 
#top #nav li a{display:block;text-decoration:none;color:#555;font-size:16px;width:110px;line-height:45px;border-radius:3px;} 
#top #nav li a:hover { color:#009afe;} 

/*-----------------------------------------banner-----------------------------------------*/
.banner {width:100%;height: 410px;margin:0 auto;padding-top:3px;position: relative;overflow:hidden;text-align:center;background:url(images/banner_bg.jpg) repeat-x top;}
.banner ul li img{ width:1920px; margin-left:-960px;height:384px;position:absolute;left:50%; top:0;}
.banner .num {overflow:hidden;height: 25px;position:relative;zoom:1;z-index:3;margin:350px auto 0;width:145px;}
.banner .num li { width:15px; height:15px;background: #fff; margin-right:20px; border-radius:50%; cursor:pointer; float: left;font-size: 0px;}
.banner .num li.on { background: #009afe; }

.banner .prevli,
.banner .nextli { display: none; width: 40px; height: 100px; background: url(/images/btn.png) no-repeat; position: absolute; top:200px;}
.banner .prevli { left: 0; }
.banner .nextli { right: 0; background-position: right }

.font{border-bottom:2px #ddd solid; font-size:24px;line-height:60px; height:60px; margin:0 auto; color:#000;width:1100px;text-align:center;text-transform:uppercase;}
.font p{ border-bottom:2px #2087f7 solid;display:inline-block;padding:0 50px;}
.font span{ color:#2087f7;}


#demmo { overflow:hidden; width:1100px;margin:30px auto 40px;}
#indemo { float: left; width:88800%;}
#demmo1 { float: left; }
#demmo2 { float: left;}
#demmo ul{font-size:0;}
#demmo  ul li{ width:212px; margin-right:10px;display:inline-block;}
#demmo  ul li a{display:block;text-align:center;border:1px #e8e5e0 solid; padding:2px;color:#666;}
#demmo  ul li a:hover{border:1px #009afe solid;color:#009afe;}
#demmo  ul li img{ width:100%; height:180px;}
#demmo  ul li h2{font-size:14px; line-height:40px; font-weight:normal;}

#prduct{width:1100px;margin:30px auto;clear:both;overflow:hidden;}
#prduct #box{ width:1200px;}
#prduct a{ display:block; margin-right:14px; float:left; border:1px #e0e0e0 solid; padding:7px; background:#fff;}
#prduct img{ width:248px; height:194px; margin-bottom:8px;}
#prduct p{ text-align:center; color:#fff; background:#2087f7; border-radius:3px; line-height:43px; font-size:16px; }
#prduct a:hover p{ background:#e08c00;}

#box_bg{width:100%;height:423px;background:url(/images/new_con.jpg) repeat-x top;padding-top:48px;}
#box_bg #box{width:1100px;margin:0 auto;}
#box_bg #box .l{width:320px;height: 353px;background:#f9f9f9;border:1px #e2e2e2 solid;border-radius:10px;position:relative;}
#box_bg #box .l .tel{width:322px;height:249px;background:url(/images/tel.png) no-repeat left top;margin-left:-14px;margin-top:15px;}
#box_bg #box .l .tel2{position:absolute;top:150px;left:15px;text-align:left;line-height:28px;color: #666;font-size:14px;width:322px;height:54px;}

#box_bg #box .r{width:720px;height:353px;border:1px #e2e2e2 solid; border-radius:10px;background:#f9f9f9;padding:0 20px;}
#box_bg #box .r .box{font-size: 24px;padding-top: 20px;height: 30px;}
#box_bg #box .r .box .left{color: #2087f7;float: left;}
#box_bg #box .r .box .left i{padding-left: 10px;}
#box_bg #box .r .box .right{float: right;font-size: 16px;}
#box_bg #box .r .box .right a:hover{color: #2087f7;}
#box_bg #box .r p{font-size: 13px;line-height: 30px;}

#box_bg #box .r .news{width: 480px;float:right;}
#box_bg #box .r .news li{border-bottom:1px #b0b0b0 dashed;font-size:14px;height:36px;line-height:36px;padding-left:15px;background:#f9f9f9 url(/images/jiantou.gif) no-repeat left center;}
#box_bg #box .r .news li a{font-size:13px;color:#333;}
#box_bg #box .r .news li a:hover{color: #2087f7;}
#box_bg #box .r .news li span{float:right;}


#dian{ padding:0 0 10px 14px;}
#neiye{width:794px;line-height:40px;height:40px;border-bottom: 2px #2694cc solid;font-family:"Microsoft Yahei",Simsun,sans-serif;background:#f5f5f5;}
#neiye #tit{ border-bottom:none;background: #2694cc; float:left; color:#fff; font-size:18px; text-align:left; padding:0 50px 0 50px;}
#neiye .more{float:right;background:#f5f5f5;text-align:right;padding-right: 25px;font-size:14px;color:#666;}
#neiye .more a{ font-size:14px;color:#666}

#pro{ width:1000px; margin:20px auto;}
#pro .l{ width:192px; border:1px #e8e5e0 solid;font-family:"Microsoft Yahei",Simsun,sans-serif;}
#pro .l .tit{border-top:4px #1f94c2 solid;}
#pro .l .title{ width:147px; height:38px; line-height:38px; margin:0 auto; padding-left:20px; font-size:16px; color:#1f94c2;background:url(/images/show.jpg) no-repeat left top;}
#pro .l .nr{margin:8px auto;}
#pro .l .nr a{height:38px;display:block;margin:5px auto;padding-left: 20px;line-height:38px;text-align:left;font-size:14px;color:#888888;border-top:1px #e8e5e0 solid;border-bottom:1px #e8e5e0 solid;background:#f4f4f4;}
#pro .l .nr a:hover{color:#ffffff;border-top:1px #e8e5e0 solid;border-bottom:1px #e8e5e0 solid; background:#1f94c2;}

#pro .r{width:794px;min-height:498px;border:1px #e8e5e0 solid;}
#pro .r .tit{border-top:4px #1f94c2 solid;}
#pro .r ul{}
#pro .r ul li{ width:246px; margin-left:13px;margin-top:18px; float:left;}
#pro .r ul li a{display:block;text-align:center; width:240px;border:1px #e8e5e0 solid; padding:2px;color:#666;}
#pro .r ul li a:hover{border:1px #2087f7 solid;color:#2087f7;}
#pro .r ul li img{ width:240px; height:200px;}
#pro .r ul li h2{font-size:14px; line-height:38px; font-weight:normal;}


#tit{padding-top:10px;background:url(/images/jt.jpg) no-repeat top center;text-align:center;border-bottom:3px #ddd solid;}
#tit h2{border-bottom:3px #009afe solid; height:60px; line-height:60px;font-size:24px; color:#009afe; width:220px;margin:0 auto -3px;}
#content{width:100%;color:#757474;padding:30px 0;}
#content h1{color:#333;font-size:18px;}

#content #about{margin:0 auto; width:1100px; font-size:16px; background:url(/images/jianjie.jpg) no-repeat left top; padding-left:62px;}
#content #about h2{ font-size:24px; color:#ff9900; line-height:36px;}
#content #about p{font-size:16px; line-height:30px;}
#content #about span{font-size:16px; line-height:36px;padding-bottom:30px; display:block;color:#ff9900;}


#content #contact{ width:1100px; margin:0 auto; height:480px;}
#content #contact #video{ background:#f6f6f6 url(/images/us.jpg) no-repeat top left; width:610px; height:330px; padding:100px 0 0 38px; float:left;}
#content #contact #video #er{ background:#f6f6f6 url(/images/erweima.jpg) no-repeat top right; width:580px; height:300px; font-size:18px; line-height:35px;}
#content #contact #video #er a{font-size:18px; }
#content #contact #submit{ float:right; border:1px #e1e1e1 solid; width:445px; height:428px;}
#content #contact #submit p{background:url(/images/sub_bg.jpg) no-repeat bottom center; font-size:18px; padding-left:62px; color:#383838; line-height:50px;}

#content .news_list{ width:1100px;background:url(/images/new_bg.jpg) no-repeat top left; height:70px; margin:0 auto;}
#content .news_list .l{ float:left; text-align:left; width:820px; padding-left:30px;}
#content .news_list .l h2 a{ font-size:16px; color:#2087f7; font-weight:normal;}
#content .news_list .l h2 a:hover{ font-size:16px; color:#e6a200; font-weight:normal;padding-left:10px;}
#content .news_list .l p{ font-size:14px; color:#929292; line-height:25px;}
#content .news_list .r{ float:right; text-align:right;width:160px;font-size:14px; color:#929292;}

.fudong{position: fixed; right:2px; top:300px;width: 200px;}
.fudong img{width: 100%;border-radius: 5px;}
#footer{background:#f0f0f0;border-top:3px #009afe solid;width:100%;text-align:center;line-height:26px; clear:both; color:#666;font-size:14px;padding:12px 0;}
#footer a{ color:#666;line-height:26px;font-size:14px;}
