﻿@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑" ; font-size:14px; color:#191818;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{outline:none;margin:0;padding:0;}
html{overflow:0;overflow-x:hidden;}
*{word-wrap:break-word;}
table{border-collapse:collapse;}
fieldset,img{border:none;}
ul,li{list-style-type:none;}
a{text-decoration:none; cursor:pointer; color:#191818;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
select,input{vertical-align:middle;outline:none;}input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox]{cursor:pointer;}
i,em{font-style:normal;}
a:hover{ color:#159404;}
.clear{clear:both;}
.p_t45{ padding-top:45px;}
.p_t20{ padding-top:20px;}
.p_t30{ padding-top:30px;}
.p_t60{ padding-top:60px;}
.p_b50{ padding-bottom:50px;}
.m_t45{ margin-top:45px;}
.mr30{ margin-right:30px;}
.display_none{display:none;}
.display_inline{display:inline;}
.hidden{overflow:hidden;}
.fl{float:left}
.fr{float:right}
.date{ font-style:normal; float:right; color:#686868; font-size:14px;  font-style:normal;}
/*layout*/
.m_m{ width:1200px; margin:0 auto;}
.topbg{ width:100%; height:35px; background:url(../images/topbg.jpg) repeat-x;}
.top{ }
.top p{height:35px; line-height:35px; float:left; background:url(../images/lb.png) no-repeat left center; padding-left:20px;}
.home{ width:450px; height:35px; float:right;}
.home a{height:35px; line-height:35px; float: left; padding-left:20px;}
.home a:hover{color:#9a0000;}

.logobox{ height:145px;}
.logobox a{ width:615px;  height:145px; float:left;}
.logobox a img{ width:615px;  height:145px; overflow:hidden;}
.logobox p{ width:375px;  height:145px; overflow:hidden; float:right;}
.logobox p img{ width:375px;  height:145px; overflow:hidden;}

/*menu*/
.navbox{ width:100%; height:55px; background: url(../images/navbg.png) repeat-x;  position: absolute; z-index:999;}
.menubox { height:50px; line-height:50px; position:relative;}
.menubox .nLi{ width:133px; height:50px; position:relative; display:inline; float:left;text-align:center; background:url(../images/nav_s.jpg) no-repeat right center;}
.menubox .nLi h3{ width:133px; height:50px; float:left;}
.menubox .nLi h3 a{ width:133px; font:20px/50px "微软雅黑"; color:#FFF; text-align:center; display: block;}
.menubox .nLi.on{ background:#039c3a; color:#FFF;}
.menubox .sub{width:133px; display:none; background:#028c34; position:absolute; top:50px; left:0;}
.menubox .sub li{ height:50px; line-height:50px; zoom:1; border-bottom:#038030 dashed 1px;}
.menubox .sub a{ display:block; font:16px/50px "微软雅黑"; text-align:center; color:#FFF;}
.menubox .sub a:hover{ background-color: #01b743;}
/*banner*/
.focusBox {width:100%; height:600px; overflow: hidden; position:relative; z-index:0; top:50px;}
.focusBox .pic{width:100%; height:600px;  position:relative; z-index:0; }
.focusBox .pic a{ display:block; width:100%;  height:600px; min-width:1100px;}
.focusBox .hd { width:100%; position: absolute; bottom:15px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px;width: 16px;height: 16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color:#FFF; cursor: pointer; display:inline-block; *display:inline; zoom:1; overflow:hidden;}
.focusBox .hd .on{width: 16px;height: 16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background-color: #fede04;}
.focusBox .prev,.focusBox .next { width:40px; height:80px; display: none; background: url(../images/ad_ctr.png) no-repeat -6px 0px; position: absolute; top:40%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;}
.focusBox .prev { left:18px; }
.focusBox .next { background-position:-15px -90px; right:20px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=40) !important; opacity:0.4!important; }

/*简介*/

.lm{ width:100%; height:50px; border-bottom:1px solid #b4b3b3; margin-top:80px;}
.lmnr{ height:70px; background:url(../images/v.jpg) no-repeat center bottom; text-align:center;}
.lmnr em{ color:#070707;font:30px/50px "微软雅黑"; padding-right:5px;}
.lmnr i{ color:#777;font:30px/50px "微软雅黑"; }

.company{ height:340px; padding-top:50px;}

/*jdt*/
.TB-focus{ width:560px; height:340px; position:relative;  overflow:hidden; background:url(../images/jjbg.jpg) no-repeat left top;}
.TB-focus .hd { position:absolute; right:9px; bottom:40px; z-index:1; padding-left:2px; }
.TB-focus .hd li { color:#f60; cursor:pointer; margin-right:5px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center;}
.TB-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.TB-focus .bd { width:544px; height:304px; padding:8px;}
.TB-focus .bd li img{width:544px; height:304px; overflow:hidden;}

.companynr{ width:610px; height:340px; margin-left:30px; position:relative;}
.companynr p{ height:280px; line-height:30px; overflow:hidden;}
.companynr a{ width:140px; height:45px; background-color:#fa9007; display:block; position:absolute; right:0; bottom:0; color:#FFF;font:16px/45px "微软雅黑"; text-align:center;}
.companynr a:hover{background-color:#F00;}


/*产品中心*/

.productbox{ width:100%; height:750px; background:url(../images/cpbg.jpg) no-repeat center; margin-top:30px;}

.plm{ height:80px; text-align:center; padding:45px 0;}
.plm span{ width:100%; height:50px; display:block; background:url(../images/lmxx.png) no-repeat center;}
.plm span em{ color:#070707;font:30px/50px "微软雅黑"; padding-right:5px;}
.plm span i{ color:#777;font:30px/50px "微软雅黑"; }
.plm p{color:#5b5a5a; font:18px/30px "微软雅黑"; }


.slideGroup{ width:1400px; height:470px; clear:both; margin:0 auto; position:relative;}
.slideGroup .parHd{height:100px; background:url(../images/lmb.png) no-repeat center top;}
.slideGroup .parHd ul{ float:left;}
.slideGroup .parHd ul li{ width:200px; float:left;}
.slideGroup .parHd ul li a{ width:200px; height:65px; display: block;float:left;  text-align:center; font: normal 20px/65px "微软雅黑";  cursor:pointer; color:#FFF; }
.slideGroup .parHd ul li.on a{ color:#FFF; display:block;}
.slideGroup.parBd{}
.slideBoxa{ width:1200px; padding:0 100px; overflow:hidden;}
.slideBoxa ul{}
.slideBoxa ul li{ width:280px; height:450px; float:left; position:relative; margin:0 10px;}
.slideBoxa ul li>a{width:264px; height:384px; border:8px solid #d7d5d5; display:block;}
.slideBoxa ul li img{ width:264px; height:384px; overflow:hidden;}
.slideBoxa ul li a:hover{ border-color:#F90;}
.slideBoxa ul li p{ height:50px; display:block; overflow:hidden; text-align:center;}
.slideBoxa ul li p a{font:18px/50px "微软雅黑"; color:#000; }
.slideBoxa ul li p a:hover{ color:#900;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute;  display:block;}
.slideGroup .sNext{ width:52px; height:51px; background:url(../images/sPrev.png) no-repeat center; top:60%; left:0;}
.slideGroup .sPrev{ width:52px; height:51px; background:url(../images/sNext.png) no-repeat center; top:60%; right:0;}

/*广告*/
.gghf{ height:130px; background:url(../images/btngg.jpg) no-repeat center; padding:30px 0;}
.gghf a{ display:block; width:400px; height:130px; float:left;}

/*news list*/
.newbox{ height:450px; padding:25px 0 20px; }
.listbox{ width:565px; height:430px; overflow:hidden;}
.nlm{ width:100%; height:45px; line-height:45px;}
.nlm span{ float: left;}
.nlm span em{ font:30px/45px "微软雅黑"; color:#050505; display:inline-block;}
.nlm span i{ font:30px/45px "微软雅黑"; color:#777; display:inline-block; padding-left:10px;}
.nlm a{font:16px/45px "微软雅黑"; display:inline-block;  float:right;}
.newstop{ height:160px; padding-top:20px;}
.newtu{ width:200px; height:160px; overflow:hidden; float:left;}
.newtu a{ width:180px; height:140px; overflow:hidden; border:5px solid #e0dede; display:inline-block;}
.newtu a img{ width:180px; height:140px; overflow:hidden;}
.newsnr{ width:345px; float:left;}
.newsnr h2{ width:100%; font:16px/35px  "微软雅黑"; font-style:normal; font-weight:100; color:#fd3803;}
.newsnr i{width:100%; font:12px/30px  "微软雅黑"; color:#7f7f7f;}
.newsnr p{ font:14px/25px  "微软雅黑"; color:#050505;}
.listbox ul{ padding-top:10px;}
.listbox ul li{ font:14px/45px  "微软雅黑"; border-bottom:1px dashed #a8a7a5; background:url(../images/dd.jpg) no-repeat left center; padding-left:25px;}


/*案列展示*/
.casebox{ width:100%; height:480px; background:url(../images/dayao.jpg) no-repeat bottom;}
.clm{ width:100%; height:60px; background-color:#03ad40;}
.clmnr{}
.clmnr h1{font:100 30px/60px "微软雅黑"; color:#FFF; float:left;}
.clmnr h1 i{font:100 28px/60px "微软雅黑"; color:#cffca0; padding-left:10px;}
.casebox .hd{ width:130px; height:60px; line-height:60px; overflow:hidden; background: #900; float:right; background:url(../images/lrmore.png) no-repeat left center;}
.casebox .hd a{width:32px; height:25px; margin:17.5px 10px 0 0; cursor:pointer; display:block; float:left;}
.casebox .bd{ padding:25px 0;}
.casebox .bd ul{ overflow:hidden; zoom:1; }
.casebox .bd ul li{ width:280px; height:370px; margin-right:20px;}
.casebox .bd ul li .pic{ width:264px; height:284px; text-align:center; border:8px solid #f3f6f5;}
.casebox .bd ul li .pic img{width:264px; height:284px; overflow:hidden;}
.casebox .bd ul li .pic:hover{ border-color:#ffde00;}
.casebox .bd ul li .title{ height:50px; font:18px/50px "微软雅黑"; color:#000; background:url(../images/bstm.png) repeat; margin-top:10px; text-align:center;}

/*设备展示*/
.sbbox{ height:540px; padding:30px 0;}
.sBox { position:relative; width:750px; height:540px;}
.slm{ height:60px; padding-bottom:20px;}
.slm h1{ height:60px; color:#050505; font:100 30px/60px "微软雅黑"; float:left;}
.slm h1 i{ height:60px; color:#777; font:28px/60px "微软雅黑"; padding-left:10px;}
.slm a{font:16px/60px "微软雅黑"; text-align:center; float:right;}
.sBox .pic{width:730px; height:440px; border:10px solid #d2d2d2;}
.sBox .pic li a{width:730px; height:440px; display:block;}
.sBox .pic li a img { width:730px; height:440px; overflow:hidden;}
.sBox .txt { position: absolute; z-index: 2; height:40px; width:730px; overflow: hidden;  bottom:10px; left:10px; background:url(../images/b_bg.png) repeat;}
.sBox .txt li{ height:40px; line-height:40px; position:absolute; bottom:-40px;}
.sBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; text-decoration: none; }
.sBox .num { position: absolute; z-index: 3; bottom:20px; right:15px; }
.sBox .num li{ float: left; position: relative; width:20px; height:20px; line-height:20px; overflow:hidden; text-align: center; margin-right:5px; cursor: pointer; }
.sBox .num li a{ position:absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; border-radius:50px; -webkit-border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;}
.sBox .num li a { z-index: 1; background: black;}
.sBox .num li.on a,.sBox .num a:hover{ background:#c70b10;  }

/*联系方式*/
.contact{ width:400px; margin-left:50px;}
.contactnr{ width:320px; height:350px; background:url(../images/cotact.jpg) no-repeat bottom; padding:50px 30px 60px 50px;}
.contactnr p{font:18px/36px "微软雅黑";}
.qqzx{ padding-top:15px}
.qqzx a{font:18px/36px "微软雅黑"; display: inline-block;}


/*foot*/
.hxx{ width:100%; height:5px; background-color:#f8c103; margin-top:20px;}
.footbox{width:100%; min-height:260px; background-color:#029436;}
.fotleft{ width:950px; float:left;}
.flm{ height:auto; font:16px/60px "微软雅黑"; background:url(../images/footxx.jpg) repeat-x bottom; color:#FFF;}
.flm a{ font:16px/60px "微软雅黑"; color:#FFF;}
.flm a:hover{color:#fafd03;}
.fotleft p{width:950px; font:16px/30px "微软雅黑"; color:#FFF; padding-top:20px; float:left; overflow:hidden;}
.gongan{width:950px; height:25px; overflow:hidden; float:left; }
.gongan a{font:16px/30px "微软雅黑"; color:#FFF; float:left;}
.gongan a img{ width:25px; height:25px; overflow:hidden; padding-right:10px; float:left;}

.fotright{ width:250px; height:220px; text-align:center; padding-top:20px;}
.fotright img{ width:150px; height:150px; overflow:hidden;}
.fotright p{font:16px/50px "微软雅黑"; color:#FFF;}

/*qq漂浮*/
.izl-rmenu{
	position:fixed;
	right:0;
	margin-right:0px;
	bottom:73px;
	z-index:999; background:url(../images/ren.png) no-repeat left top;
}
.izl-rmenu .btn{width:72px; height:73px; cursor:pointer; position:relative; display:block; top:73px;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#ff6d57;}
.izl-rmenu .btn-qq:hover{background-color:#e74e37;}

.izl-rmenu .btn-qqwb{background:url(../images/r_qqwb.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qqwb:hover{background-color:#44a6fd;}

.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:-150px; top:0px; display:none;width:150px;height:150px;}
.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:#0277c6; display:none;}
.izl-rmenu .btn-top:hover{background-color:#0167be;}


/*============inlayout==========================*/
.inmainbox{ overflow:hidden; padding-top:90px;}
.inleftbox{ width:300px;}
.classlm{ width:300px; height:130px; background:url(../images/inclassbg.jpg) no-repeat center; text-align:center; vertical-align:middle; padding-top:20px;}
.classlm em{ font-size:36px; color:#FFF; display:block; }
.classlm i{font-size:24px; color:#FFF; display:block;}
.inx{display: block; width:10px; height:10px;  background:#fff;transform: rotate(45deg);  display:inline-block; margin-top:10px;}
.inleftbox dl{ background-color:#f7f7f7; padding-bottom:30px; border-bottom:5px solid #35a82e; margin-bottom:30px;}
.inleftbox dl dd{height:50px; line-height:50px; overflow:hidden; border-bottom:1px solid #eaeaea; padding-left:20px;}
.inleftbox dl dd a{color:#525151; font-size:18px; float:left;}
.inleftbox dl dd:hover{ color:#333; background-color:#FFF;}
.in-arrow{height:25px; line-height:25px; display: inline-block; float:right; padding-top:20px; padding-right:30px;}    
.in-arrow:after {  
            content: '';  
            display: block;  
            width:10px;  
            height:10px;  
            border-right: 1px solid #888;  
            border-top: 1px solid #888;  
            -webkit-transform: rotate(45deg); /*箭头方向可以自由切换角度*/  
            transform: rotate(45deg);  
        }  

/*联系方式*/
.incontact{ margin-top:20px;background-color:#f7f7f7; padding-bottom:30px;  border-bottom:5px solid #35a82e;}
.conlm{ height:60px; line-height:60px; background-color:#0ba51f; text-align:center; vertical-align:middle; color:#FFF; font-size:24px;}
.tub{ width:100%; text-align:center; vertical-align:middle; padding:30px 0 20px;}
.tub img{ width:150px; overflow:hidden;}
.incontact h3{ height:80px; line-height:80px; font-size:36px; text-align:center; color:#fb7803; padding:0 10px; border-bottom:1px solid #e7e6e6;  border-top:1px solid #e7e6e6; margin:10px 0;}
.incontact p{ line-height:30px; font-size:18px; color:#666; text-indent:-35px;margin-left:40px; padding:5px 10px;}

/*right*/
.inrightbox{ width:870px; float:right; min-height:900px;}
.homeposition{ height:50px; line-height:50px;  border-bottom:1px solid #CCC;}
.homeposition span{ height:50px; line-height:50px; font-size:24px; float:left;}
.homeposition span i{ width:30px; height:30px; background:url(../images/inbtn.png) no-repeat left center; background-size:cover; display: inline-block; float:left; margin-top:10px; margin-right:10px;}
.homeright{ line-height:30px; float:right; font-family:"宋体"; font-size:14px; padding-top:20px; color:#333; background:url(../images/home.png) no-repeat left 24px; padding-left:30px;}
.homeright a{ font-size:14px;  color:#333; font-family:"微软雅黑";}
.homeright a:hover{ color:#fc6c03;}

.inbox{ padding:20px 0 0;}
.inbox p{ line-height:30px;}
.inbox p img{max-width:870px; height:auto; width:expression(this.width >870 ? "870px" : this.width); overflow:hidden;}

.inbox ul{}
.inbox ul li{ width:270px; height:450px; float:left; position:relative; margin:5px 10px;}
.inbox ul li>a{width:268px; height:380px; border:1px solid #d7d5d5; display:block;}
.inbox ul li img{ width:268px; height:380px; overflow:hidden;}
.inbox ul li a:hover{ border-color:#F90;}
.inbox ul li p{ height:50px; display:block; overflow:hidden; text-align:center;}
.inbox ul li p a{font:18px/50px "微软雅黑"; color:#000; }
.inbox ul li p a:hover{ color:#900;}


/*分页*/
.my_page{ width:870px; text-align:center; overflow:hidden; padding-top:20px;}
.my_page li { display:inline; text-align:center; margin:0px 5px; line-height:40px;}
.my_page li a{padding:5px 10px; text-align:center; color: #333; border:1px solid #CCC; text-decoration:none; line-height:50px;}
.my_page li a:hover{color:#297504; text-decoration:none;  border:1px solid #297504; }

/*case*/
.incase{ margin-top:20px;}
.incase ul{ overflow:hidden; zoom:1; }
.incase ul li{ width:270px; height:350px; float:left; margin:5px 10px;}
.incase ul li .pic{ width:268px; height:280px; text-align:center; border:1px solid #e7e7e7;}
.incase ul li .pic img{width:268px; height:280px; overflow:hidden;}
.incase ul li .pic:hover{ border-color:#14A009;}
.incase ul li .title{ height:50px; font:18px/50px "微软雅黑"; color:#000;  margin-top:10px; text-align:center;}

/*list info*/
.incontentbox{ padding-top:20px;}
.bt{text-align:center; padding:15px 0;}
.bt h1{color:#000; font-size:24px; font-weight:100;}
.info{height:30px;line-height:28px; border-bottom: dashed  #BDBDBD 1px;  margin:3px 0px; text-align:center;  font-size:14px; color: #6A6A6A;}
.nr{ line-height:30px; padding:10px;}
.nr img{max-width:870px; height:auto; width:expression(this.width >870 ? "870px" : this.width); overflow:hidden;}
/*page nest up*/
.fyy{height:auto; overflow:hidden; margin-bottom:20px; border-top:1px solid #C8C8C8; padding-top:10px; font-size:15px; position:relative;}
.fyy ul{}
.fyy ul li{ width:100%; line-height:30px;  float:left;}
.fyy ul li a{color:#4E4E4E;}
.fyy ul li a:hover{color: #04550A;}
.fyy ul li span{ font-weight:600; padding-right:10px; color: #093;}
.fyy em{ display:inline-block; background: url(../images/backjt.png) no-repeat left center; padding-left:20px; line-height:40px; position:absolute; right:0; font-size:15px;}

/*list*/

.innewbox ul{ padding-top:10px;}
.innewbox ul li{ font:15px/45px  "微软雅黑"; border-bottom:1px dashed #a8a7a5; background:url(../images/dd.jpg) no-repeat left center; padding-left:25px;}

/*在线留言*/
.mesagebox{ padding-top:30px; background:url(../images/messagebg.jpg) no-repeat top;}
.oinput1{ height:40px; line-height:40px; width:400px; margin-top:10px;  border:1px solid #E1E1E1; }
.textarea{ width:400px; border:1px solid #E1E1E1; margin-top:20px;}
.admin{ color: #093;}
#button{font:18px/40px "微软雅黑"; background-color:#F60; border:none; color:#FFF; padding:5px 20px; margin-right:20px;}
#button:hover{ background-color:#F90;}
.mesage_ask{ line-height:40px; background:#FFF;  padding:5px 10px;  margin-top:20px; }
.mesage_ask p{ margin:0;}
.mesage_replay{line-height:40px; padding:5px 10px;}
.mesage_replay p{ margin:0; color: #063;}

/*设备*/

.shebei{ margin-top:20px;}
.shebei ul{ overflow:hidden; zoom:1; }
.shebei ul li{ width:270px; height:210px; float:left; margin:5px 10px;}
.shebei ul li .pic{ width:268px; height:160px; text-align:center; border:1px solid #e7e7e7;}
.shebei ul li .pic img{width:268px; height:160px; overflow:hidden;}
.shebei ul li .pic:hover{ border-color:#14A009;}
.shebei ul li .title{ height:50px; font:18px/50px "微软雅黑"; color:#000;  text-align:center;}








