@charset "utf-8";

/* -------- 全局样式-------- */

*{margin: 0;padding: 0;}

body{font-family: "微软雅黑", "宋体", arial;font-size: 13px;margin: 0px;padding: 0px;background: #fff;color: #5c5c5c;}

div, form, img, ul, li, dl, dt, dd{padding: 0px;margin: 0px;border: 0px;}

td, p, div, li, select, input, textarea{font-family: "微软雅黑", "宋体", arial;font-size: 13px;margin: 0;padding: 0;}

td, p, div, li, input, textarea{word-break: break-all;}

/*强行换行*/

table, tr, td, th{font-size: 13px;}

ul, li{list-style-type: none;}

/*ul,li{LIST-STYLE: none;}*/

h1, h2, h3, h4, h5, h6{padding: 0px;margin: 0px;}

/* -------- 链接-------- */

a:link{color: #5c5c5c;text-decoration: none;} /* 未访问的链接 */

a:visited{color: #5c5c5c;text-decoration: none;} /* 已访问的链接 */

a:hover{color: #009ce3;text-decoration: none;} /* 鼠标放上去的链接 */

a:active{color: #5c5c5c;} /* 激活链接 */

/* -------- 表单 -------- */

/* -------- 文本样式 -------- */

.fB{font-weight: bold;}

.f12px{font-size: 12px;}

.f14px{font-size: 14px;}

.lh_16{line-height: 16px;}

.lh_18{line-height: 18px;}

.lh_20{line-height: 20px;}

.lh_22{line-height: 22px;}

/* -------- 对齐和边距 -------- */

.left{float: left;}

.right{float: right;}

.clear{clear: both;}

/*.clear{clear:both; visibility:hidden;font-size:1px; width:1px;} */

.pd_10{padding: 10;}

.mg_10{margin: 10;}

.ma{margin: 0 auto;}

/* -------- 结构布局 --------*/

.center{width: 1002px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;position: relative;}

.left{}

.right{}

/* -------- 栏目板块 -------- */ 

#demo1p{list-style: none outside none; padding:5px 10px 0 10px; overflow: hidden; width: 980px;  margin:20px auto 0px auto}

#indemo1p{float: left; width: 800%;}

#demo1p1{float: left;}

#demo1p2{float: left;}

/* top 头部样式 */

.top{height: 37px;background: #f6f6f6;color: #5c5c5c;line-height: 37px;}

.top_r{float: right;width:210px; }

.tel{float:right; margin-top:20px;}

.tel a{margin:0 7px; float:left;} 

.tel img {margin-top:15px; margin-left:10px;}

/*搜索search*/

.search{width:210px; float:right;margin-top:7px;margin-right:7px;}

.word{height:28px; background:#fff; border:none;width:177px; float:left;}

.btn2{background:url(../images/search.jpg)no-repeat center; width:28px; height:28px; float:right; border:none;}

.head{height: 100px;border-top:5px #eee solid;}

.logo{padding: 17px 0 0 0;float: left;}

/*menu*/

.menu{height: 42px;background: #009ce3;}

.navbar{width: 1002px;margin: 0 auto;}

.menu>ul>li{float: left;}

.menu>ul>li>a{width: 125px;line-height: 42px;text-align: center;font-size: 14px;display: block;color: #fff;}

.menu>ul>li>a:hover{background: #24BAFF;color: #fff;}

.menu>ul>li:first-child a{background: #24BAFF;color:#fff;}

/*幻灯Banner*/

.banner{position: relative;height: 450px;}

.banner .btn1{bottom: 20px;margin-right: -450px;padding: 5px 6px;position: absolute;right: 50%;z-index: 7;}

.banner .btn1 span{line-height: 14px;background: none repeat scroll 0 0 #222;color: #009ce3;cursor: pointer;display: inline-block;margin-left: 5px;padding: 2px 5px;}

.banner .btn1 span.cur{font-weight: bold;padding: 4px 8px;background: none repeat scroll 0 0 #f5f5f5;border: 1px solid #f5f5f5;}

.banner .bgitem{height: 450px;cursor: pointer;width: 100%;margin: 0 auto;position: absolute;background-position: center top;background-repeat: no-repeat;}



.fc{width:500px; float:right;}

.product_list{margin-top: 38px;float: left;}

/*优势*/

.ys{width:1004px; margin:0 auto; background:url(../images/ys.jpg)no-repeat center top; height:200px;}

.ys ul{margin-top:30px;padding-top:100px; }

.ys ul li{ width:140px; float:left; margin-right:32px;text-align:center; font-size:14px;color:#333;}

.ys ul li p{font-size:12px;text-align:center; color:#ccc; margin-top:10px;}





/*标题*/

.ititle{background:url(../images/title.jpg)no-repeat center 0px; width:200px; margin:0 auto; height:80px;}

.ititle p{font-size:20px; color:#009ce3; text-align:center;padding-top:22px;}

.ititle p span{color:#333; font-size:16px;}





.ititle1{background:url(../images/title1.png)no-repeat center 40px; width:200px; margin:0 auto; height:80px;}

.ititle1 p{font-size:22px; color:#F5F5F5; text-align:center;padding-top:65px;}

.ititle1 p span{color:#83c2ad; font-size:15px;}





.title{background: url(../images/titel_bg.png) no-repeat 0px center;padding: 0 0 0 15px;height: 40px;line-height: 40px;border-bottom: 1px solid #aaa;}

.title p{color: #333333;font-size: 16px;}

.title span{margin: 0 0 0 5px;color: #a2a2a2;font-size: 14px;}

.title a{float: right;color: #a2a2a2;}







/*首页产品*/

.iprolist{padding-top:20px;}

.iprolist div{float: left;margin-right:28px;}

.iprolist div:nth-child(4){margin-right:0px;}

.iprolist h6{height: 169px;border: 1px #eee solid; padding:1px;}

.iprolist p{margin-bottom: 10px;}

.iprolist p a{width: 225px;text-align: center;margin-top: 0px;font-size: 12px;color: #444;height: 40px;text-align: center;line-height: 40px;background: url(../images/p-bg.png) repeat top left;display: inline-block;}

.iprolist p a:hover{color: #009ce3;}







/*首页简介*/

#about{width:100%; height:235px; background:#f8f8f8; padding:50px 0px;}

.about_nr{width:1002px;margin:0 auto;}

.about{float: right;width: 615px;padding: 0 10px 0 0;line-height: 33px;}

.about p a{width: 57px;background: url(../images/more_bg.png) no-repeat left center;color: #fff;display: block;margin: 5px 0 0 0;font-size:10px;}

.about p b{ font-size:18px; color:#009ce3; margin-bottom:15px;}

.about img{float: left;margin: 20px 0px 0 0;padding: 0px;width: 400px;height: 263px;overflow: hidden;border:1px #eee solid;}







/*首页新闻*/

.news{width:1002px; margin:20px auto;}

.news1{width:600px; float:left; margin-top:15px;}

.news_list{}

.news_list ul{padding:0;}

.news_list ul li{color: #5c5c5c;height: 40px;line-height: 40px;font-size: 12px; width:280px; float:left;}

.news_list ul li span{float: right;color: #b2b2b2;}

.news_list ul li a{display:block;}

.news_list ul li:nth-child(2n){margin-left:40px;}



.inews{width:600px; height:120px; margin-top:30px; border-bottom:1px #eee dashed;}

.inews_left{width:160px; float:left;}

.inews_right{width:410px; float:right;}

.inews_right a{font-size:14px;  color:#009ce3}

.inews_right p{line-height:24px; font-size:12px; color:#444; width:410px; height:70px; margin-top:10px;}



/*首页联系*/



.sb{float: right;background: #fff;width: 370px;height: 240px; margin-top:15px;}

.contact{float: right;background: #fff;width: 370px;height: 240px; margin-top:15px;}





/*deom2*/

.demo2{height: 260px;}



.contact_nr{padding: 12px 0px;}

.contact_nr p{color: #5c5c5c;line-height: 40px;font-size:13px;}

.contact_nr span{margin: 5px 0;display: block;border-bottom: 1px solid #efefef;height: 40px;font-size: 30px;font-family: impact;color: #ababab;}

.contact_nr em{font-size: 30px;font-family: impact;color: #009ce3;font-style: normal;margin: 0 0 0 10px;}





/*product 页面*/

.prolist{}

.prolist div{float: left;margin: 0 7px 0 6px; width:225px; height:225px;}

.prolist h6{border: 1px #eee solid; padding:1px;}

.prolist p{margin-bottom: 10px;}

.prolist p a{width: 225px;text-align: center;margin-top: 0px;font-size: 12px;color: #444;height: 40px;text-align: center;line-height: 40px;background: url(../images/p-bg.png) repeat top left;display: inline-block;}

.prolist p a:hover{color:#009ce3;}

.prolist div:nth-child(4){margin:0 7px 0 6px;}







/*bottom*/

.bottom{background: #009ce3;height: 140px;color: #e7e7e7;text-align: center;padding: 30px 0 0 0;border-top:5px #f5f5f5 solid; position:relative;}

.bottom a{color: #e7e7e7;}

.bottom a:hover{font-weight:bold; color:#e7e7e7;}

.copyright{margin: 0 0 0 0;padding-top:15px;}

.copyright p{font-size:13px;}

.copyright p a{margin:0 5px;}



.bottom_left{width:220px; float:left; height:160px; background:#009ce3; position:absolute; top:-80px; padding:30px; box-shadow:0px 2px 12px #80d1f6}

.bottom_left p{font-size:14px; color:#fff; text-align:left; line-height:32px;}

.bottom_left p span{font-size:12px; color:#83ccb1; margin:5px 0px;}

.bottom_left ul{width:350px; margin-top:10px;}

.bottom_left ul li{float: left;margin-right:10px;}

.bottom_left ul li a{display: block;width:50px;font-size:12px;}

.bottom_left ul li a:hover{font-weight:normal;}



.bottom_right{width:560px; margin-left:15px; position:absolute; left:300px; top:10px;}

.bottom_right ul{height:65px;}

.bottom_right ul li{float: left;height:32px; line-height:32px;}

.bottom_right ul li a{display: block;font-size:12px; text-align:right;margin-left:18px;}

.bottom_right ul li a:hover{font-weight:normal;}

.bottom_right p{font-size:12px; text-align:left; padding-left:18px; line-height:10px;}







/*内页*/

.a_left{width: 210px;float: left;position: relative;margin-top:20px;}

.a_title{height: 45px;line-height: 45px;background: #009ce3;font-size: 16px;padding-left: 17px;color: #fff;text-align: left;}

.a_title span{position:absolute; right:5%; font-size:12px;}

.a_title a{color: #fff;font-size:12px;}

.a_title a:hover{color: #ffbb24;}

.a_list{width: 208px;border: 1px solid #eee;margin:0px;

margin-bottom:10px;}

.a_list ul{padding: 10px 10px 18px 10px;}

.a_list ul li{line-height: 40px;border-bottom:1px #eee solid;}

.a_list ul li >a{background: url(../images/jt.gif) no-repeat left center;padding-left: 12px;color: #444;}

.a_list ul li >a:hover{color: #009ce3;font-weight:bold;}

.a_list ul li dl{padding-left: 10px;}

.a_list ul li dl dd{height: 22px;line-height: 22px;}

.a_list ul li dl dd a{padding-left: 15px;background: url(../images/-.gif) no-repeat left center;color: #444;}

.a_list ul li dl dd a:hover{color: #009ce3;}

.a_contact{width: 208px;border: 1px solid #eee;margin:0px;text-align: center;padding-bottom: 5px;}

.a_contact >p{color: #444;line-height: 40px;text-align: left;padding: 0 8px 0 15px;border-bottom:1px #ddd solid;}

.a_contact >p >a{color: #444;}

.a_contact >p >a:hover{color: #009ce3;}

.a_contact img{margin: 5px 0 5px 0;}

.a_tel{background: url(../images/dh.gif) no-repeat 8px center;text-align: left;padding-left: 68px;margin-bottom: 10px;}

.a_tel span{color: #444;}

.a_tel p{color: #009ce3;font: 14px "Impact";}

.a_right{width: 775px;float: right;position: relative;margin: 20px 0 0 0;}

.content{border: 1px solid #eee;padding: 20px 14px 50px 14px;margin: 10px 0 20px 0;}

.content p{color: #444;font-size: 12px;line-height: 28px;}

/* 下一个产品 */

.preNext{position: relative;background: url(../images/news_con.jpg) left top no-repeat;padding-top: 10px;margin-top: 10px;}

.preNext .line{height: 10px;overflow: hidden;clear: both;margin: 4px auto;padding-top: 10px;}

.preNext .line strong{display: block;width: 8px;height: 10px;overflow: hidden;font-size: 0px;line-height: 100px;float: left;}

.preNext .text{color: #444;}

.preNext .text a:hover{color: #009ce3;text-decoration: underline;}

.preNext .text li a{color: #444;}

.preNext .text li a:hover{color: #009ce3;}

.preNext .text_b{color: #009ce3;}

.preNext .text_b a{color: #009ce3 !important;}

/*新闻列表*/

.news_list li{height: 40px;font-size: 14px;border-bottom:1px #ddd dashed;line-height:40px;}

.news_list span{float: right;}

.news_list li a{color: #444;}

.news_list li a:hover{color: #009ce3;}

/* 翻页 */

.page_list{height: 20px;line-height: 20px;text-align: center;letter-spacing: 0;;font-size: 12px;margin-top: 20px;border: none !important;margin-bottom: 20px;position:relative;float:right;}

.page_list a{display: inline-block;color: #aaa;border: 1px solid #aaa;background: #fff;text-align: center;margin: 0 1px;width: auto;height: 20px;padding: 0px 6px;font-family: "Microsoft Yahei", "宋体";}

.page_list a:hover{color: #fff;border: 1px solid #009ce3;background: #009ce3;}

.page_list a.on{color: #fff;border: 1px solid #009ce3;background: #009ce3;}

/*新闻详细*/

.title_news_article{color: #009ce3;height: 50px;text-align: center;}

.news_aticle{line-height: 24px;font-size: 14px;color: #444;}



/* 产品详情 */

.proinfo{width: 100%;height: 250px;}

.proinfo_img{float: left;width: 300px;height: 250px;border: 1px #d0d0d0 solid;}

.proinfo_text{float: left;width: 400px;margin-left: 15px;}

.proinfo_text h3{color: #009ce3;border-bottom: 1px #d0d0d0 solid;height: 35px;font-size: 24px;font-weight: normal;line-height: 35px;margin-top: 10px;font-family: "微软雅黑";}

.proinfo_text p{margin: 10px 0;color: #444;height: 120px;}

.pro_c{width: 732px;color: #444;margin-top: 15px;background: url(../images/box_dotline.gif) left bottom no-repeat;padding-bottom: 20px;line-height: 24px;}

/*相关信息*/

.related_news{margin: 20px 0 0 0;height: 110px}

.related_title{border-bottom: 1px solid #ccc;margin: 0px 0 20px 0;}

.related_title span{font-size: 14px;font-weight: bold;}

.related_title a{float: right;font-size: 12px;font-weight: normal;}

/*相关新闻*/

.related_news ul li{width: 50%;float: left;padding: 2px 10px;box-sizing: border-box;}

.related_news ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;line-height: 24px;}

.related_news ul li a em{float: right;}

/*相关产品*/

.related_product{height: 235px;}

.related_product ul li{float: left;width: 25%;}

.related_product ul li>a{border: 1px #ddd solid;width: 170px;height: 170px;display: block;}

.related_product ul li p a{text-align: center;display: block;}

/* Pagination */

.pagination{margin: 20px 0;text-align: center;width:500px;}

.pagination li{display: inline-block;width:35px; float:left;}

.pagination li a{display: block;padding: 6px 12px;background-color: #fcfcfc;border: 1px solid #eeeeee;}

.pagination li + li a{border-left: none;}

.pagination li a:hover{background-color: #009ce3;color: #ffffff;}

.form-group{margin:5px 0px;}







.yqlj{width:685px; height:30px; float:right;}

.yqlj h3{width:90px; float:left; line-height:50px; font-weight:normal;}

.yqlj ul{ width:900px; float:right;}

.yqlj ul li{margin:0 10px; float:left;} 

.yqlj ul li a{line-height:50px; font-size:14px; color:#333;}







.fl{width:1002px; margin:0 auto; height:165px;}

.fl ul li{width:125px; float:left;}

.fl ul li a{width:89px; float:left;}

.fl ul li p{width:89px; text-align:center; }

.fl ul li img{width:89px;}





.bannerbox { width: 340px; height: 230px; overflow: hidden; float:left; }

#focus { width: 340px; height: 230px; clear: both; overflow: hidden; position: relative; float: left; }

    #focus ul { width: 340px; height: 230px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }

    #focus ul li { float: left; width: 340px; height: 230px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }

    #focus .preNext { width: 170px; height: 200px; position: absolute; top: 0px; cursor: pointer; }

    #focus ul li p{line-height:30px; text-align:center; width:340px; position:absolute; bottom:0px;  background:#fff; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; color:#000;}	

    #focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }

    #focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }



	

	

.scsb{width:370px;  margin-top:30px;}