/*------全局定义-------------------- */
* {margin: 0;padding: 0;}
body {color:#333;font: 12px/20px "微软雅黑", Tahoma, Verdana, times;background:#fff;line-height: 1.5;
    /*moz-user-select: -moz-none;*/
    /*-moz-user-select: none;*/
    /*-o-user-select:none;*/
    /*-khtml-user-select:none;*/
    /*-webkit-user-select:none;*/
    /*-ms-user-select:none;*/
    /*user-select:none;*/

}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
i, em, b{font-weight: normal; font-style: normal;}
/*--i {color: #333;width:80px;height:24px;line-height:24px;float: right;font-size: 12px;font-style: normal;}-- */
li, dl, ol {list-style: none outside none;}
table {border-collapse: collapse;table-layout: fixed;}
input, button, textarea, select, optgroup, option {font: inherit;}
input, button, textarea, select {font-size: 100%;line-height: 1.2;margin: 0;}
a img, img, button, input {border: 0 none;cursor: pointer;}
a {color:#666;text-decoration: none;}
a:hover {color: #999;text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: none;}
a:focus{outline: none;}
.clear {clear: both;font-size: 0;line-height: 0;}
.clearfix:after, .container:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
.left {float: left;}
.right {float: right;}

.mainBody{width: 100%;padding: 50px 0;overflow: hidden;}
.container{width:1200px; margin: 0 auto; }




/*页眉*/
.header{width:100%;min-width:1000px;}
.navtop{width:100%;min-width:1000px;  height:37px;background: url(../images/headertop.jpg) center no-repeat; line-height: 37px;}
.navtop div{width: 1200px; height:100%;margin:0 auto;}
.navtop h2{width:300px; height:100%;  float: left; color: #666; font-weight: normal;}
.navtop ul{width:300px; height:100%;  float: right;margin-right: 50px;}
.navtop ul li{float: right; padding: 0 10px;background: url(../images/icon_xs.png) left center no-repeat; position:relative;}
.navtop ul li:nth-child(2) {
    background: none;
}
.navtop ul li:hover span {display: block;}
.navtop ul li span {display: none;width: 103px;height: 103px;position: absolute;left: -18px;top: 26px;padding:12px 5px 5px 5px;}
.navtop ul li span img {display: block;width: 103px;height: 103px;}
.navtop ul li a{color: #fff;}
.navtop ul li a:hover{color:#dedede; }
.head{width:1200px; margin:0 auto; height:120px;}
.head .logo{float:left;margin-top: 10px; }
.head .xcy{float:left; margin-top: 30px;margin-left: 25px;}
.head .tel{ float:right; overflow: hidden;margin-top:30px;background:url(../images/tel.png) no-repeat left center; padding:0 0 0 50px; }
.head .tel h2{ font-size: 32px;font-family:'arial'; line-height: 32px;}
.head h2{ font-size: 24px; color: #019508;}
.head .tel h2{  color: #ff7500;}
.head p{ font-size: 18px; color: #333;}
.navs {width:100%;min-width:1200px; height:55px; background: #019508;line-height: 55px;}
.navs .nav{width:1200px; height:100%;margin:0 auto;position:relative; z-index:1;}
.navs .nav a{color:#fff;}
.navs .nav .nLi{ float:left;position:relative;width: 171px; background: url(../images/nav_line2.png) left center no-repeat;}
.navs .nav h3 a{width:100%; display:block;font-size:16px; height:100%;font-weight: normal; text-align: center; }
/* .navs .nav .on h3 a{background:#ff7500;} */
.navs .nav .sub{display:none; width:100%; left:0px; top:55px; position:absolute;line-height:35px; text-align: center;}
.navs .nav .sub li{ zoom:1;border-top: 1px solid #ccc;background:url(../images/sub_bk2.png);}
.navs .nav .sub li.li1{border: none;}
.navs .nav .sub a{ display:block; padding:0 10px;color:#000;}
.navs .nav .sub a:hover{ background:#00af08; color:#fff;}

/* ---------------foot-------------------------------  */
.footer{width:100%; min-width: 1200px; height:auto;  overflow: hidden; background: #333333;padding-bottom: 10px;}
.navbottom{width:100%;min-width:1200px; height:60px;}
.navbottom ul{width:1200px; height:60px;line-height:60px; margin:60px auto 0; background: #494848;}
.navbottom ul li{ float:left;position:relative; display:inline;}
.navbottom ul li a{width: 150px; display:block;font-size:16px; height:60px;font-weight: normal; text-align: center; color:#fff;}
.navbottom ul li a:hover{text-decoration: underline;}
.navbottom ul li.on a{text-decoration: underline;}
.footer .myfoot {width: 530px; overflow: hidden;margin: 40px auto 20px;}
.footer .myfoot .left p{font-size: 14px;color: #fff;text-align: center;}
.footer .myfoot .erweima{margin-top:5px;}
.footer .myfoot .erweima img{ width:100px; height:100px;}
.footer .myfoot .right p{margin-bottom: 4px; font-size: 14px; color: #fff;}
.footer .myfoot .right a{color: #fff;}
.footer .myfoot .right a:hover{text-decoration: underline;}

/* ------------------在线客服-------------------------------  */
#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");top:180px;right:0;width:140px;z-index:10;}
#share .kf{width:140px; overflow: hidden;text-align: center; }
#share .kf .pleft{float: right; margin-top: 150px; width: 30px;font-size:16px; text-align: center; height: 130px;padding-top: 40px;background:#00af08 url(../images/xrn.png) no-repeat 2px 10px;color: #fff;cursor: pointer;}
#share .kf .pright{float: right;}
#share .kf .top{width:140px; height:130px;  background: url(../images/ren.png) top no-repeat;}
#share .kf .top p {width: 20px;height: 20px;font-size:20px;float: right;cursor: pointer;}
#share .kf .bottom{background: #00af08;padding: 1px;}
#share .kf .bottom a{display: block;margin: 10px auto 0;width: 115px;font-size: 13px; height: 30px; line-height: 30px; text-indent: 20px; color: #333;background: #fff url(../images/qq.png) 10px center no-repeat; border-radius: 3px;}
#share .kf .bottom a:hover{background-color: #e3e3e3;}
#share .kf .bottom .erweima{height: 110px;width: 125px;margin: 15px auto;background: #fff;overflow: hidden;border-radius: 5px;}
#share .kf .bottom .erweima img{margin-top: 3px; float: left; width:100px; height:100px;}
#share .kf .bottom .erweima h2{float: left; width: 10px; line-height:14px;}
#share .kf .bottom .p1{font-size: 14px;color: #fff;padding-bottom: 8px; margin: 10px 0;background: url(../images/qq_x.png) bottom center no-repeat;}
#share .kf .bottom .p2{font-size: 20px;color: #fff;margin: 10px 0;padding-top: 8px;font-family:'Times New Roman';background: url(../images/qq_x.png) top center no-repeat;}
#share .kf .bottom .p2 strong{font-size: 14px;}
#share .qqtop p{width: 20px;height: 20px;float: right;}
#share #totop{width:40px;height:30px; line-height: 25px; color: #666; font-size: 16px; text-align: center; display:block;background:#fff;cursor:pointer;box-shadow:0 5px 6px rgba(0, 0, 0, 0.2); border-radius:0 0 5px 5px; margin-left: 95px;}
#share #totop:hover{background:#eee;}

/* ------------------通用产品左侧分类-------------------------------  */
.leftm {width:220px;overflow:hidden;float:left;}
.leftm h2{width:100%; height:60px; line-height: 60px; text-align: center; color: #00af08; text-indent: 10px; font-size: 20px; background:#fee400;}
.leftm h3{width:100%; height:40px; line-height: 40px; text-align: center; color: #fff; text-indent: 10px; font-size: 20px; background:#fee400;font-weight: normal;}
.leftm h2 span{display: inline-block;font-size: 12px;font-weight: normal;color: #cccccc;}

.leftm .menu{width:220px;overflow:hidden;height: 682px; background: #00af08; border-top:none;padding-bottom: 10px; margin-bottom: 10px;}
.leftm .menu a{color:#333;}
.leftm .menu h4{width:200px; height:40px;margin: 0 auto;text-align: center; line-height:40px; font-size:16px; display:block; background: #f6f6f6;cursor: pointer;font-weight: normal; }
.leftm .menu h4 a{width:200px; height:40px; display:block;}
.leftm .menu h4:hover{  background: #ededed;}
.leftm .menu h4 span{display: inline-block;float: right;margin-top: 12px; font-size: 16px;margin-right: 20px;}
.leftm .menu h4 a.on{color:#00af08;}
.leftm .menu h4 a:hover{color: #00af08;}
.leftm .menu h4:hover span{color: #00af08;}
.leftm .menu li{overflow:hidden; padding: 10px 0 0;}
.block{display: block;}
.leftm .menu .selected h4{display: block; border-left: 4px solid #ff7500; background: #ededed url(../images/li3.png) no-repeat right center;}
.leftm .menu .selected a{color: #fdc339;}
.leftm .menu .list-item a{display:block; font-size:14px; color:#fff; line-height:35px; padding-left:60px;background:url(../images/li1.png) no-repeat 45px center;}
.leftm .menu .list-item a:hover{color:#fdc339;}
.leftm .menu .list-item a.on{color:#fdc339;}

.menu_case{width:220px; background: #00af08; border-top:none;padding-bottom: 10px; margin-bottom: 10px;}
.menu_case a{color:#333;}
.menu_case h4{position: relative; width:200px;  height:40px;margin: 0 auto;text-indent: 1em; line-height:40px; font-size:16px; display:block; background: #f6f6f6;cursor: pointer;font-weight: normal; }
.menu_case h4:hover{  background: #ededed;}
.menu_case h4 span{display: inline-block;float: right;position: absolute;right: 10px;top:12px; font-size: 16px;}
.menu_case h4 a.on{color:#00af08;}
.menu_case h4 a:hover{color: #00af08;}
.menu_case h4:hover span{color: #00af08;}
.menu_case li{overflow:hidden; padding: 10px 0 0;}
.menu_case .selected h4{display: block; border-left: 4px solid #ff7500; background: #ededed url(../images/li3.png) no-repeat right center;}
.menu_case .selected a{color: #fdc339;}
.menu_case .list-item a{display:block; font-size:14px; color:#fff; line-height:35px; padding-left:60px;background:url(../images/li1.png) no-repeat 45px center;}
.menu_case .list-item a:hover{color:#fdc339;}
.menu_case .list-item a.on{color:#fdc339;}

.menus{width:220px;overflow:hidden;background: #00af08; border-top:none;padding-bottom: 10px; margin-bottom: 10px;}
.menus a{color:#333;}
.menus h4{position: relative; width:200px;  height:40px;margin: 0 auto;text-indent: 1.5em; line-height:40px; font-size:16px; display:block; background: #f6f6f6;cursor: pointer;font-weight: normal; }
.menus h4:hover{  background: #ededed;}
.menus h4 span{display: inline-block;float: right;position: absolute;right: 20px;top:12px; font-size: 16px;}
.menus h4 a.on{color:#010066;}
.menus h4 a:hover{color: #010066;}
.menus h4:hover span{color: #010066;}
.menus li{overflow:hidden; padding: 11px 0 0;}
.block{display: block;}

.hide{display: none;}
.menus .selected h4{display: block; border-left: 4px solid #ff7500; background: #ededed url(../images/li3.png) no-repeat right center;}
.menus .selected a{color: #fdc339;}
.menus .list-item a{display:block; font-size:14px; color:#fff; line-height:32px; padding-left:60px;background:url(../images/li1.png) no-repeat 45px center;}
.menus .list-item a:hover{color:#fdc339;}
.menus .list-item a.on{color:#fdc339;}

.itemlist {width: 962px; float: right;overflow: hidden;}
.itemlist ul{width: 980px;}
.itemlist li{float: left;position: relative;width: 304px;height: 290px;margin-right: 20px;margin-top: 15px; text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.itemlist li img{width: 100%;height:250px; object-fit: cover;}
.itemlist li p{position: absolute;bottom: 0;width: 100%; height: 40px;line-height: 40px;font-size: 14px;padding: 0 15px;border-top: 1px solid #e3e3e3;box-sizing: border-box;overflow: hidden;}
.itemlist li .des{width: 300px;height: 290px;position: absolute;top:-290px;background: url(../images/des_bk.png);transition: 200ms;text-align: center;}
.itemlist li .des img{margin-top: 90px; width: 60px;height: 60px;}
.itemlist li:hover .des{top:0;}
.itemlist a:hover{color: #00af08;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed;z-index: 10; top:85%; right:200px;cursor:pointer;  display:none;;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

.phone { overflow:hidden; padding:10px 0; padding-left:65px; width:155px; background:url(../images/b3tel.png) no-repeat 15px center; background-color:#00af08;}
.phone p{ font-size:13px; color:#fff;}
.phone em{ display:block; font-size:20px; color:#fff;font-style:normal;font-family: Arial, Helvetica, sans-serif;}

.cut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*----------------  产品介绍标题样式   ------------------------*/
.cont_case{color: #666;text-align: center;}
.cont_case h1{font-size: 38px;padding: 45px 0;color: #00af08;background: url(../images/tt1.png) bottom center no-repeat;}
.cont_case h2{font-size: 26px;font-weight: 400;margin: 0 0 35px;color: #666666;}
.cont_case h3{width: 100%; font-size: 23px;font-weight: 400;padding: 15px 0;margin:15px 0; color: #fff;background: url(../images/textbk.png) center 10px no-repeat;}
.cont_case h4{text-align: left;font-size: 18px;font-weight: 400;margin: 20px 0;}
.cont_case h4 span{padding-bottom: 4px;border-bottom: 2px solid #00af08;margin-left: 23px}
.cont_case h4 i{display: inline-block;width: 25px;height: 25px; padding: 5px ;margin-right:5px;margin-left: -23px; background: #00af08;text-align: center;line-height: 25px;color: #fff;border-radius: 20px;}

/*-------------------  友情链接     --------------------------------*/
.friendlink-wrap {
    width: 100%;
    padding-bottom: 20px;
    background-color: #333333;
}
.friendlink{width: 1000px;margin: auto;color: #999;}
.friendlink h2{display: inline-block;}
.friendlink a{color: #999;padding-left: 15px;}
.friendlink a:hover{text-decoration: underline;}