@charset "utf-8"; /* CSS Document */ html{color:#666; overflow-x:hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; -webkit-text-size-adjust: none; text-align:left;} body{ font-size:12px;font-family:"微软雅黑"; color:#666; line-height:1; min-width:1000px;} img{border:none;} li{list-style:none;} table{border-collapse:collapse;border-spacing:0;} a{color:#333;text-decoration:none;} a:hover{color:#F60;text-decoration:none;} input,textarea{ outline:medium; text-indent:5px;} .pointer { cursor: pointer;} .warp01{ background:#18b9db;} .warp02{ background:#e8f3f6;} #header { width: 100%; overflow: hidden;} .logo { margin: 0px auto; width: 1000px; height: 110px; overflow: hidden;} .logo h1 { height: 100px; margin-top: 10px; float: left;} .logo .logo_telphone { height:50px; overflow: hidden; margin-top: 18px; float: right; border-right:solid 2px #435665; padding-right:15px;} .logo .logo_telphone p { line-height: 18px; font-size:14px; text-align:right;} .logo .logo_telphone div { width: 100%; height: 36px; line-height: 36px; font-family: "Microsoft yahei"; font-size: 1.0rem; text-align:right;} .logo .logo_telphone em { color:#f60; font-size: 1.6rem; font-style:normal;} .navigation { background:#435665; height:48px; line-height:45px;} .nav { margin: 0px auto; width:1000px; height: 100%; text-align: center; overflow: hidden;} .nav li { height: 100%; float: left;} .navigation li a { width: 111px; text-align:center; height: 100%; overflow: hidden; font-size: 1.0rem; display: block; text-decoration: none; color:#fff;} .navigation li a:hover { background:#546d82; color:#169fe6;} /* flexslider */ .flexslider{position:relative;height:528px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:528px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;} /* product */ .proClass{ width:1000px; margin:0 auto; padding-top:50px; padding-bottom:50px;} .proClass h2{ font-size:48px; line-height:48px; font-weight:lighter; text-align:center; margin-bottom:30px; color:#fff;} .proClass p{ text-align:center; color:#fff;} .proClass p span{ line-height:24px; font-size:24px; border:solid 1px #fff; padding:5px 20px;} .proClass ul{ zoom:1; overflow:hidden; margin-top:60px; margin-right:-80px;} .proClass ul li{ width:120px; float:left; text-align:center; margin-right:80px; background:url(../images/bg_product.png) center top no-repeat;} .proClass ul li img{ width:80px; height:80px; margin-top:20px;} .proClass ul li span{ display:block; font-size:16px; line-height:48px; color:#fff; margin-top:40px;} /* about */ .aboutUs{ width:1000px; margin:0 auto; padding-top:50px; padding-bottom:50px;} .aboutUs h2{ font-size:48px; line-height:48px; font-weight:lighter; text-align:center; margin-bottom:30px; color:#18b9db;} .aboutUs p{ text-align:center; color:#18b9db;} .aboutUs p span{ line-height:24px; font-size:24px; border:solid 1px #18b9db; padding:5px 20px;} .aboutInfo{ zoom:1; overflow:hidden; margin-top:60px; background:#fff;} .aboutInfo img{ float:left;} .aboutInfoTxt{ float:left; padding:20px 30px; width:554px;} .aboutInfoTxt p{ line-height:28px; color:#333; text-align:left; font-size:14px; margin-bottom:40px;} .aboutInfoTxt a{ border:solid 1px #18b9db; color:#18b9db; padding:5px 20px;} /* newsCenter */ .newsCenter{ width:1000px; margin:0 auto; padding-top:50px; padding-bottom:50px;} .newsCenter h2{ font-size:48px; line-height:48px; font-weight:lighter; text-align:center; margin-bottom:30px; color:#fff;} .newsCenter p{ text-align:center; color:#fff;} .newsCenter p span{ line-height:24px; font-size:24px; border:solid 1px #fff; padding:5px 20px;} .newsInfo{ margin-top:60px;} .newsInfo ul{ margin-right:-20px; zoom:1; overflow:hidden;} .newsInfo ul li{ float:left; background:#fff; width:440px; margin-right:20px; height:60px; padding:20px; margin-bottom:5px; zoom:1; overflow:hidden;} .newsInfo ul li .date{ width:99px; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;} .newsInfo ul li .date span{ display:block; margin-bottom:10px;} .newsInfo ul li .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#18b9db; text-align:center; color:#fff;} .newsInfo ul li .newTitle{ float:left; margin-left:30px; width:310px;} .newsInfo ul li .newTitle h3{ font-size:16px; font-weight:400; line-height:24px; margin-bottom:10px;} .newsInfo ul li .newTitle p{ font-size:14px; font-weight:400; line-height:24px; color:#666; text-align:left;} /* contactUs */ .contactUs{ width:1000px; margin:0 auto; padding-top:50px; padding-bottom:50px;} .contactUs h2{ font-size:48px; line-height:48px; font-weight:lighter; text-align:center; margin-bottom:30px; color:#18b9db;} .contactUs p{ text-align:center; color:#18b9db;} .contactUs p span{ line-height:24px; font-size:24px; border:solid 1px #18b9db; padding:5px 20px;} .contactUs dl p{ text-align:left; color:#18b9db;} .txt_contact{ padding: 2px;} .txt_contact dl{ line-height:24px;} .txt_contact dt{ font-weight:bold; font-size:16px; margin-bottom:15px; color:#18b9db;} .txt_contact dd{ line-height:28px; font-size:14px;} .contactInfo{ zoom:1; overflow:hidden; margin-top:60px;} .contactInfoTxt{float:left;} .contactInfoTxt dl{ line-height:24px;} .contactInfoTxt dt{ font-weight:bold; font-size:16px; margin-bottom:15px; color:#18b9db;} .contactInfoTxt dd{ line-height:28px; font-size:14px;} .contactInfo img{ float:right;} .mainInfo{ width:1060px; margin:0 auto; padding:30px 0; zoom:1; overflow:hidden;} /*==============左侧=============*/ .left_wrap{ float:left; width:230px;} /*==============右侧=============*/ .right_wrap{ float:right; width:800px;} /*==============产品序列=============*/ .productList{ width:230px; background:#fff; border:solid 1px #e6e6e6; padding:1px;} .productList h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .productList h3 span{ float:left; font-size:16px; color:#333;} .productList h3 a{ float:right; font-size:14px; font-weight:lighter; color:#666;} .productList ul{ padding:0 10px 10px 10px;} .productList ul li{ height:38px; line-height:38px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden;} .productList ul li a{ background:url(../images/ico02.gif) no-repeat left 8px; padding-left:15px; font-size:14px;} /*==============联系我们=============*/ .contacts{ width:230px; margin-top:15px; background:#fff; border:solid 1px #e6e6e6; padding:1px;} .contacts h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .contacts h3 span{ float:left; font-size:16px; color:#333;} .contacts h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;} .txt_contact{ padding-top:10px;} .txt_contact img{ margin:0 auto; display:block;} .txt_contact p{ font-size:14px; line-height:24px; padding:0 10px;} .txt_contact table{margin-left:10px;} .txt_contact td{ font-size:14px; line-height:24px;text-align:left; vertical-align:top;} /*==============文章列表=============*/ .list{ width:790px; background:#fff; border:solid 1px #e6e6e6; padding:1px;} .list h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .list h3 span{ float:left; font-size:16px; color:#333;} .list h3 a{ float:right; font-size:12px; font-weight:lighter; color:#666;} .list ul{ padding:0 10px 10px 10px;} .list ul li{ height:42px; line-height:42px; border-bottom:dashed 1px #CCC; zoom:1; overflow:hidden; zoom:1; overflow:hidden;} .list ul li a{ background:url(../images/ico02.gif) no-repeat 3px center; padding-left:15px; font-size:14px; float:left;} .list ul li span{ font-size:12px; float:right; padding-right:5px; color:#666;} /*==============分页=============*/ .page{ text-align:center; padding:10px; font-size:12px;} /*==============内容页=============*/ .view{ padding:15px; background:#fff; border:solid 1px #e6e6e6;} .view h2{ text-align:center; font-size:16px;} .son_title{ text-align:center; padding:15px; color:#666; font-size:12px; background:url(../images/line.gif) repeat-x left bottom;} .info p{ text-indent:24px; line-height:24px; margin-top:12px; font-size:14px;} .info { line-height:24px; margin-top:12px; font-size:14px;} #footer { width: 100%; overflow: hidden; background:#425666;} .menu{ width:1105px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;} .menu ul li{ width:153px; height:100px; text-align:center; border-left:dashed 1px #6a7986; float:left;} .menu ul li span{ display:block; font-size:16px; width:165px; height:44px; line-height:44px; color:#fff; text-align:center;} .menu ul li.tel400{ width:260px; text-align:left; height:90px; padding-top:20px; color:#afb4c4; padding-left:20px;} .menu ul li.tel400 span{ width:260px; font-size:24px; color:#f60; text-align:left;} .menu ul li.erweima{ float:right; border:none;} .menu ul li.erweima img{ margin-left: 3px;} .menu ul li.erweima span{ font-size:12px; height:24px; line-height:24px;} .foot_cr { background:#17222b; padding:10px 0;} .foot_cr p {color:#c2c6d2; line-height: 22px; text-align:center} .dh {border: 1px solid #e6e6e6;} .dh h3{ zoom:1; overflow:hidden; height:38px; line-height:38px; padding:0 10px; background:#f9f9f9;} .dh h3 span{ float:left; font-size:16px; color:#333; background:url(title_ico.gif) no-repeat left 11px; padding-left:12px;} .dh h3 div{float: right;margin-right: 3px;} .funly_pro{zoom:1; overflow: hidden; width: 100%; border: 1px solid #e6e6e6;} .funly_pro ul li { float: left; padding: 5px;} .funly_pro ul li div{ text-align: center; line-height:24px;} .funly_news { overflow: hidden; zoom: 1; border: 1px solid #ededed;} .funly_news ul li{ float: left; width: 50%; line-height: 22px; }.funly_news ul li a{ background:url(../images/libg.png) no-repeat 3px center; padding-left:15px; font-size:13px; float:left;} .dh1 {padding: 5px; line-height: 22px; font-weight: bold; border: 1px solid #ededed;} .box1{border: solid 0px #d8d8d8;} .box1 h1{border-bottom:solid 1px #d5d5d5;} .box1 h1 span{ color:#005e98; font-size:14px; padding-left:15px;} .box1 ul{ padding:3px; zoom:1;overflow: hidden;} .producti {margin: 0px; zoom:1; overflow:hidden; background-color: #fff} .producti ul{zoom:1; overflow: hidden; margin-right: -29px; margin-top: 10px; margin-left: 10px;} .producti ul li{padding:3px; text-align:center; font-size:14px; border: solid 1px #ddd; float: left; margin-right: 9px; margin-bottom: 10px;} .producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff;} .producti img { width: 178px; height: 135px} .producti a{color: #000;} .producti h2{ font-size: 14px; color: #aaaaa; font-weight: normal; background: url(../images/ico02.gif) no-repeat 10px center; padding-left: 20px; position: relative; border-bottom: 2px solid #ededed; line-height: 34px; height: 34px; } .producti h2 a{float: right; margin-right: 5px; font-size: 13px;} .productc{ margin:0px; zoom:1; overflow: hidden; width: 100%; } .productc ul{ zoom:1; overflow: hidden; margin-top: 10px; } .productc ul li{ width: 180px; padding-top: 5px; float: left; text-align: center; font-size: 14px; border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px; } .productc img{ max-width: 158px; height: 141px; padding:2px; } .productc ul li span{line-height: 24px; padding: 2px; font-size: 13px;display: block;} .second{ padding-left: 20px;}