@charset "utf-8";
*{margin: 0; padding: 0;}
body{font-size: 14px; font-family: "microsoft yahei"; color: #333;}
a{text-decoration: none; color: #666;}
a:hover{color: #006fb9;}
ul,ol,li{list-style: none;}

.clearfix{clear: both;}

.fl{float: left;}
.fr{float: right;}
.wd980{ width: 980px; margin: 0 auto;}
.bgc006db9{ background: #006db9;}

.top{ background: #f5f5f5; border-bottom: 1px solid #e8e8e8; line-height: 32px; height: 32px;}
.top .topmain{width: 980px; margin:0 auto; }
.top p{}
.top p strong{font-weight: normal;}

.header{ width: 980px; margin: 20px auto;}
.logo{ background: url(../img/logo.jpg) no-repeat; height: 68px; width: 266px; }
.header h1, .header h2{ line-height: 269px; z-index: -999; }
.header h1 a, .header h2 a{ display: block; float: left; height:68px; width: 241px; overflow: hidden;}
.header .contact{ background: url(../img/contactbg.png) no-repeat; padding: 0 0 0 100px;}
.header .contact span{ display: block; font-size: 22px;}
.header .contact span.f1{ font-size: 14px;}

.nav{ background: url(../img/navbg.jpg) repeat-x;}
.nav ul{ width: 980px; margin: 0 auto;}
.nav ul li{ float: left; line-height: 51px; font-size: 16px; width: 140px; text-align: center; background: url(../img/navlibg.png) no-repeat left center; }
.nav ul li a{ display: block; width: 125px; height: 51px; margin: auto; color: #e2e2e2;}
.nav ul li:hover{color: #ffffff; background: url(../img/navlibg.png) no-repeat left center; }
.nav ul li:hover a{color: #000;background: url(../img/navbg2.png) no-repeat center;}
.nav ul li.set2{  color: #000; background: none;}
.nav ul li.set2 a{color: #000;background: url(../img/navbg2.png) no-repeat center;}
.nav ul li.sets{color: #000; background: url(../img/navlibg.png) no-repeat left center;}
.nav ul li.sets a{color: #000;background: url(../img/navbg2.png) no-repeat center;}

.banners{}
#full-screen-slider { width:100%; height:430px; float:left; position:relative}
#slides { display:block; width:100%; height:430px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left: 30%; top:380px; z-index:9900;  padding:5px 15px 5px 0; }
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.banners .banner1{height: 160px; line-height: 120px; background: url(../img/banner3.jpg) no-repeat center;}
.banners .banner1 span{ display: block; margin: auto; font-size: 36px; color: #FFFFFF; vertical-align: middle;}

.wrapper{ }
.position{background: url(../img/pageshowbg.png) no-repeat center;}
.position p{text-align: right; line-height: 50px; color: #333; }
.position span{ font-weight: bold; background: url(../img/icon.png) no-repeat left center; padding-left: 18px; }
.position a, .position b, .position strong{ padding:0 6px 0 9px; font-weight: normal; color: #333; }

.pageshow{position: relative;}
.sidebar{width: 195px; background:url(../img/sideBar.png) no-repeat -3px 0; min-height: 400px;border-right: 3px solid #E84D10; font-size: 16px}

.pageshow .show{ width: 760px; padding: 20px 0; min-height:500px; }
.pageshow .show p{ line-height: 26px; margin:0 0 5px 0; text-indent: 22px;}
.pageshow .show p img{ display:block; width: 760px; margin: 10px auto;}

.t{ position: absolute; left: 10px; top:-40px; color: #FFFFFF; font-size: 22px;}
.subnav{}
.subnav ul{}
.subnav ul li{ line-height: 49px;  font-size: 16px; border-bottom:1px solid #eaeaea;}
.subnav ul li a{padding-left: 10px;}
.subnav ul li:hover{ background: url(../img/sideBarNav.png) no-repeat -1px top; padding-left: 20px;}
.subnav ul li:hover a{ width: 225px; color: #006DB9; }
.subnav ul li.set {background: url(../img/sideBarNav.png) no-repeat -1px top; padding-left: 20px;}

.article_list{ width: 760px;min-height: 500px;}
.article_list ul{ }
.article_list ul li{ border-bottom: 1px solid #E2E2E2; padding: 20px 0;}
.article_list ul li img{ float: left; width: 160px; height: 105px; margin-right: 15px; padding: 5px; border: 1px solid #E2E2E2;}
.article_list ul li .content{ width: 750px;}
.article_list ul li h2{ font-size: 18px; margin-bottom: 6px; border-bottom: 1px dashed #E2E2E2; padding-bottom: 6px; font-weight: normal;}
.article_list ul li a{}
.article_list ul li p{ text-indent: 22px; line-height: 18px;margin-bottom: 5px;}
.article_list ul li .tips{}
.article_list ul li .tips span{ padding-right: 10px;}
.article_list ul li .tips i{ padding-right: 10px; font-style: initial;}
.article_list ul li .tips u{ font-size: 12px; text-decoration: none;}

.article_show{width: 760px; padding: 20px 0; }
.article_show h1{ text-align: center; font-size: 20px; margin-bottom: 20px; }
.article_show .tips{ text-align: center; border-bottom: 2px solid #006FB9; padding: 0 0 20px 0;}
.article_show .tips span{ padding-right: 10px;}
.article_show .tips i{ padding-right: 10px; font-style: initial;}
.article_show .tips u{ font-size: 12px; text-decoration: none;}
.article_show .desc{ background: #f8f8f8; border:1px solid #e2e2e2; padding: 10px; margin: 20px 0;}
.article_show .desc p{ line-height: 22px; }
.article_show .desc span{ padding:0 5px 0 22px; font-weight: bold;}
.article_show .content{}
.article_show .content p{ margin: 10px 0; line-height: 22px;}
.article_show .content p a{}
.article_show .content p strong{color:#333;}
.article_show .content img{ display:block; max-width: 500px; margin: 10px auto;}

.articletags{ margin: 20px 0;}
.articletags p{ color: #E84D10;}
.articletags p span{ font-weight: bold;}
.articletags p a{padding: 0 10px 0 10px; color: #E84D10;}

.hotnews{ margin: 20px 0;}
.hotnews .title{ margin:  0 0 10px 0;}
.hotnews ul{width: 360px;}
.hotnews ul li{  padding-left: 15px; background: url(../img/point1.png) no-repeat left 12px; line-height: 32px; border-bottom: 1px dashed #E2E2E2; }
.hotnews ul li a{}

.product_list{ width: 760px; min-height: 500px;}
.product_list h2{ font-size:18px; margin:0 0 10px 0; color:#e84d10;}

.product_list .show p{ line-height: 26px; margin:0 0 5px 0; text-indent: 22px;}
.product_list .show p span{color:#e84d10;}
.product_list ul{ padding: 0px 0 0 0;}
.product_list ul li{float: left; margin:8px 0px; width: 220px;margin-left: 10px;  border: 1px solid #E2E2E2; padding: 10px;}
.product_list ul li img{  width: 220px; height: 160px; }
.product_list ul li h2{ }
.product_list ul li a{}
.product_list ul li p{ width: 220px; height:22px; line-height:32px; overflow:hidden; text-align: center; margin:15px auto 10px auto;}
.product_list ul li:hover{ border-color:#E84D10; }
.product_list ul li:hover p{ color: #E84D10; font-weight: bold;}

.hotproduct{ margin: 20px 0;}
.hotproduct .title{ margin:  0 0 15px 0;}
.hotproduct ul{ position:relative; left:-20px; width: 780px; _left:-20px; }
.hotproduct ul li{ float: left;  margin:0 0 20px 20px; width: 173px; border: 1px solid #E2E2E2; }
.hotproduct ul li img{ width: 152px; height: 110px; padding: 10px 10px 0px 10px;}
.hotproduct ul li p{ text-align: center; width: 152px; height:32px;  overflow:hidden; line-height: 36px; margin:0 auto;}
.hotproduct ul li a{}
.hotproduct ul li:hover{ border: 1px solid #E84D10;}

.product_show{width: 760px;  }
.product_show .show{ height:200px;}
.product_show .show .imgbox{ width: 392px; border: 1px solid #E2E2E2;}
.product_show .show .imgbox img{ width: 370px; height: 260px; padding: 10px;}
.product_show .show .data{ width: 350px;}
.product_show .show .data h1{font-size: 20px;}
.product_show .content{ border-top: 1px solid #dddddd;}
.product_show .content span{ display: block; margin: 10px auto; text-align: center;}
.product_show .content p{ margin: 15px 0; line-height: 22px;}
.product_show .content p a{}
.product_show .content p strong{}
.product_show .content img{ display:block; max-width: 500px; height:auto; margin: 10px auto;}

.page_list{ border: 1px solid #e2e2e2; background: #f0f0f0; line-height: 39px; padding: 0 20px; text-align: center; margin: 20px 0;}
.page_list b{padding: 3px 8px; background: #E84D10; color: #FFFFFF; font-weight: normal; margin: 0 3px 0 3px;}
.page_list a{padding: 3px 8px; font-weight: normal; margin: 0 3px 0 3px;}
.page_list a:hover{ background: #E84D10; color: #FFFFFF;}

.pagenav{ border-top: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2; padding: 10px 0;}
.pagenav span{}
.pagenav p{ line-height: 28px;}
.pagenav a{}

.service{ background: #e2e2e2; padding:38px 0 50px 0;}
.service .service_box{}
.service .service_box .title{ margin: 0 0 20px 0; font-size: 18px; }
.service .service_box .title span{font-size: 14px; font-weight: normal;}
.service .service_box ul{ margin-left: -30px;}
.service .service_box ul li{ float: left;border:1px solid #bbb;-webkit-box-shadow:0 0 10px #bbb;-moz-box-shadow:0 0 10px #bbb;box-shadow: 0 0 10px #bbb; border-radius: 8px; padding: 10px; margin-left: 30px; background: url(../img/serviceboxbg.png) no-repeat right bottom #fff;}
.service .service_box ul li a{color: #fff;}
.service .service_box ul li img{ margin: 10px 8px 20px 8px; width: 180px; height: 134px; }
.service .service_box ul li p{ text-align: center; border-top: 1px dashed #E2E2E2; padding: 15px 0 0 0; color: #333; }
.service .service_box ul li span{ display: block; background: url(../img/45.jpg) no-repeat; width: 80px; height: 25px; line-height: 25px; margin: 10px auto 5px auto; text-align: center;}
.service .service_box ul li:hover{border:1px solid #f00;-webkit-box-shadow:0px 0px 8px #f00;-moz-box-shadow:0 0 8px #f00;box-shadow: 0px 0px 8px #f00; border-radius: 8px; background: url(../img/serviceboxbg2.png) no-repeat right bottom #fff;}
.service .service_box ul li:hover a{color: #fff;}
.service .service_box ul li:hover p{color: #f00;}
.service .service_box ul li:hover span{background: url(../img/452.png) no-repeat;}

.main{}
.main_box{ padding: 50px 0 50px 0; }
.main_box .title{ background: url(../img/10.jpg) no-repeat; line-height: 30px; padding-left: 12px;}
.main_box .about{ float: left; width: 308px;}
.main_box .about img{border: 1px solid #d5d5d5; padding: 5px; margin: 10px 0 0 0; width: 296px; height:143px;}
.main_box .about p{ line-height: 150%; margin: 10px 0 0 0; line-height: 20px; text-indent: 22px;}
.main_box .about a{ color: #006FB9;  float: right;}

.main_box .news{ float: left; width: 308px; margin-left: 28px;}
.main_box .news img{border: 1px solid #d5d5d5; padding: 5px; margin: 10px 0 0 0; width: 296px; height:143px;}
.main_box .news ul{ background: url(../img/ulli.png) no-repeat left 14px; padding: 5px 0 0 0;}
.main_box .news ul li{ padding-left: 20px; line-height: 32px; border-bottom: 1px dashed #E2E2E2;}
.main_box .news ul li a{}
.main_box .news ul li span{float: right; font-size: 12px;}

.main_box .honner{ float: right; }
#focus { width: 308px; height: 155px; clear: both; overflow: hidden; position: relative; float: left; margin: 10px 0 15px 0; border: 1px solid #e2e2e2; }
#focus ul { width: 308px; height: 155px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width: 308px; height: 155px; overflow: hidden; position: relative; padding: 0px; margin: 0px; background: #fcfcfc; }
#focus ul li img{ display: block; width: 260px; height: 135px; margin:10px auto;}
#focus .preNext { width: 150px; height: 155px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../img/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../img/sprite1.png) no-repeat right center; }

.main_box .contact{ margin-top: 10px; background: #ccc; border: 1px solid #E2E2E2; padding:6px 10px; background: url(../img/contact.png) no-repeat;}
.main_box .contact p{ line-height: 26px; color: #333;}

.casepro{ background: #dedede; padding: 30px 0 0 0;}
.casepro .casebox{}
.casepro .casebox .title{margin: 5px 0 20px 0; font-size: 18px;}
.casepro .casebox .title span{font-size: 14px; font-weight: normal;}
.casepro .casebox ul{ margin-left: -30px;}
.casepro .casebox ul li{ float: left;border:1px solid #bbb;-webkit-box-shadow:0 0 10px #bbb;-moz-box-shadow:0 0 10px #bbb;box-shadow: 0 0 10px #bbb; border-radius: 8px; padding: 10px; margin-left: 30px; background: url(../img/serviceboxbg.png) no-repeat right bottom #fff; margin-bottom: 35px;}
.casepro .casebox ul li a{color: #fff;}
.casepro .casebox ul li img{ margin: 10px 8px 20px 8px; width: 180px; height: 134px; }
.casepro .casebox ul li p{ text-align: center; border-top: 1px dashed #E2E2E2; padding: 15px 0 0 0; color: #333; }
.casepro .casebox ul li span{ display: block; background: url(../img/45.jpg) no-repeat; width: 80px; height: 25px; line-height: 25px; margin: 10px auto 5px auto; text-align: center;}
.casepro .casebox ul li:hover{border:1px solid #f00;-webkit-box-shadow:0px 0px 8px #f00;-moz-box-shadow:0 0 8px #f00;box-shadow: 0px 0px 8px #f00; border-radius: 8px; background: url(../img/serviceboxbg2.png) no-repeat right bottom #fff;}
.casepro .casebox ul li:hover a{color: #fff;}
.casepro .casebox ul li:hover p{color: #f00;}
.casepro .casebox ul li:hover span{background: url(../img/452.png) no-repeat;}

.footer{ padding: 30px 0 0 0; background: #333;}
.footer .sub_nav{padding:0 0 30px 0;border-bottom: 1px solid #404040;}
.footer .sub_nav p{ color: #eee;  }
.footer .sub_nav p a{ color: #eee; padding-right: 8px;}
.footer .sub_nav p b{font-weight:normal;}
.footer .foot{  padding: 30px 0; margin-bottom: 10px;}
.footer .contact_us{ background: url(../img/xqbg.png) no-repeat right -362px; padding-right: 20px;}
.footer .contact_us .title{ font-size: 18px;  color: #eeeeee;  margin-bottom: 10px;}
.footer .contact_us ul{}
.footer .contact_us ul li{ line-height: 20px; color: #e2e2e2;}
.footer .contact_us .ewm{ margin-top: 10px; width: 121px; height: 121px; background: url(../img/ewm.jpg); }
.footer .foot_list{}
.footer .foot_list .title{color:#e2e2e2;}
.footer .foot_list ul{  margin-left: 45px;padding-right:50px; background: url(../img/xqbg.png) no-repeat right -362px; }
.footer .foot_list ul .title{ margin-bottom: 5px; border-bottom: 1px solid #888; padding-bottom: 10px;}
.footer .foot_list ul a{ color: #e2e2e2;}
.footer .foot_list ul li{ line-height: 20px;}
.footer .foot_list ul li b{ font-weight:normal;}

.footer .foot_list ol{ margin-left: 15px; width:300px;}
.footer .foot_list ol .title{ margin-bottom: 5px; border-bottom: 1px solid #888;padding-bottom: 10px;}
.footer .foot_list ol a{ color: #e2e2e2; padding:5px 8px 5px 0;}
.footer .foot_list a:hover{ color: #AAAAAA;}

.footer .copyright{ background: #000;  }
.footer .copyright p{ line-height: 38px; color: #c2c2c2;}
.footer .copyright a{color: #c2c2c2;}

.wrong{ margin: 100px auto 0 auto; }
.wrong .c{background: url(../img/logo.jpg) no-repeat; padding-top: 70px; width: 430px; }
.wrong p{ font-size: 16px; line-height: 28px;}
.wrong p span{}
.wrong p a{ padding: 5px; color:#004FA3}
.wrong p a:hover{ color: #f00;}
.wrong p.ewm{ background: url(../img/ewm.jpg) no-repeat;  height: 121px; margin: 8px 0;}
.wrong .map{width:500px;height:480px;border:#ccc solid 1px; margin: auto;}

/*客服*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:180px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}