@charset "utf-8";
/*!
 * 米维建站  一键轻松建站
 * 详尽信息请看官网：http://www.miwdns.com/
 *
 * Copyright 2014 米维建站
 *
 * 请尊重原创，保留头部版权
 * 仅供学习参考使用，不可用于任何商业用途
 *
 * 客服QQ 974837117
 *
 */
.content { max-width:1200px; width:100%; height: auto; margin: 0 auto; padding:0 10px; box-sizing:border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 99999;}
.page-down:hover {background: #434343;}/* 回到顶部 */
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.lmbutt{ width:50px;  line-height:35px; float:right; font-size:22px; color:#666; text-align:center; cursor:pointer; display:none; }
.lmbutt.on{ color:#8cc63f;}
.white{ color:#fff !important;}
.webmain{ width:100%; overflow:hidden;}


.banner {width: 100%;position: relative;height: 500px;background: #000;}
.banner .bd {margin: 0 auto;position: relative; width:100%; z-index: 0;overflow: hidden;}
.banner .bd ul {width: 100% !important;}
.banner .bd li {width: 100% !important;height: 500px;overflow: hidden;text-align: center; background-size:auto 100% !important;  }
.banner .bd li a {display: block;height: 500px;}
.banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;height: 30px;line-height: 30px;text-align: center;_background: #000;_filter: alpha(opacity=60);}
.banner .hd ul {text-align: center;padding-top: 5px;}
.banner .hd ul li {display: inline-block;margin: 0 5px;width: 50px;height: 3px;background: #fff;cursor: pointer;overflow: hidden;line-height: 999px;}
.banner .hd ul .on {background: #8cc63f;}
.banner .prev {background: url(../images/sprite.png) left top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;left: 0;opacity: 0.2;}
.banner .prev:hover {opacity: 0.5;}
.banner .next {background: url(../images/sprite.png) right top no-repeat;cursor: pointer;height: 100px;position: absolute;top: 50%;margin-top: -50px;width: 45px;right: 0;opacity: 0.2;}
.banner .next:hover {opacity: 0.5;}

.intop{ height:30px; line-height:30px; background:#333333; color:#ccc;}
.intop .phone{ float:left; padding-left:20px; background:url(../images/index_01.png) no-repeat left;}
.intop a{ color:#ccc; display:inline-block; padding:0 5px;}
.intop a:hover{ color:#8cc63f;}

.header{ padding:25px 0;}
.header .logo{ float:left;}
.header .search{ width:260px; height:35px; border:1px solid #dfdfdf; float:right; line-height:35px; margin-top:8px;}
.header .search .text{ float:left; width:210px; height:35px; padding:0 10px;}
.header .search .sub{ float:left; width:30px; height:35px; outline:none; font-size:20px; color:#999;}
.header .inmuen{ float:right; line-height:35px;}
.header .inmuen ul li{ display:block; float:left; padding:18px 0; position:relative;}
.header .inmuen ul li > a{ display:block; line-height:15px; border-right:1px solid #666; padding:0 25px; font-size:16px;}
.header .inmuen ul li > a.on{color: #8cc63f;}
.header .inmuen ul li:hover .erji{ display: block;}
.header .inmuen ul li .erji{ position:absolute; width:170px; left:50%; top:50px; margin-left:-85px; background:#fff; box-shadow:0 0 8px #ccc; z-index:999; display:none;}
.header .inmuen ul li .erji a{ display:block; line-height:35px; height:35px; text-align:center; font-size:14px;}

.inpro{ padding:30px 0;}
.inpro .blmtit{ line-height:35px; font-size:25px; color:#333; text-align:center;}
.inpro .slmtit{ color:#999; text-align:center;}
.inpro .nav{ padding:20px 0; text-align:center;}
.inpro .nav ul li{ display:inline-block; background:#eeeeee; height:35px; line-height:35px; padding:0 25px; margin:0 5px; color:#333; font-size:16px; border-radius:18px;}
.inpro .nav ul li:hover{ background:#8cc63f; color:#fff;}
.inpro .nav ul li.on{ background:#8cc63f; color:#fff;}
.inpro .nr ul li{ width:23%; float:left; margin:5px 1%; background:#eeeeee;}
.inpro .nr ul li .pic img{ width:100%; height:auto;}
.inpro .nr ul li .ico{ background:url(../images/index_05.png) no-repeat; width:14px; height:11px; position:absolute; right:15px; top:50%; margin-top:-6px;}
.inpro .nr ul li .wz{ padding:10px 75px 10px 10px; position:relative;}
.inpro .nr ul li .tit{ line-height:25px; height:25px; overflow:hidden; font-size:16px; color:#333;  white-space: nowrap;text-overflow: ellipsis;}
.inpro .nr ul li .jj{  line-height:25px; height:25px; overflow:hidden; font-size:12px; color:#999;  white-space: nowrap;text-overflow: ellipsis;}
.inpro .nr ul li:hover{ background:#8cc63f;}
.inpro .nr ul li:hover .tit{ color:#fff;}
.inpro .nr ul li:hover .jj{ color:#fff;}
.inpro .nr ul li:hover .ico{  background:url(../images/index_04.png) no-repeat;}
.inpro .more{ display:block; width:110px; height:35px; border:1px solid #dfdfdf; text-align:center; line-height:35px; color:#999; margin:20px auto 0;}
.inpro .more:hover{ background:#8cc63f; border:1px solid #8cc63f; color:#fff;}

.inabout .blmtit{ line-height:35px; font-size:25px; color:#333; text-align:center;}
.inabout .slmtit{ color:#999; text-align:center; margin-bottom:30px;}
.inabout .li{ width:50%; float:left;}
.inabout .li img{ width:100%; height:auto;}
.inabout .li .pic{ width:50%; float:left;}
.inabout .li .nr{ width:50%; float:left; position:relative; background:#eee;}
.inabout .li .fgc{ position:absolute; width:100%; height:100%; left:0; top:0; padding:0 40px; box-sizing:border-box;}
.inabout .li .tit{ height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#666666; white-space: nowrap;text-overflow: ellipsis; text-align:left;}
.inabout .li .xian{ width:50px; height:1px; background:#999999;}
.inabout .li .jj{ line-height:22px; color:#999; padding-top:10px; text-align:left; height:88px; overflow:hidden;}
.inabout .li.right .pic{ float:right;}
.inabout .li.right .nr{ float:right;}

.innews{ padding:30px 0;}
.innews .blmtit{ line-height:35px; font-size:25px; color:#333; text-align:center;}
.innews .slmtit{ color:#999; text-align:center; margin-bottom:30px;}
.innews .one{ width:48%; float:left; background:#eeeeee; border-bottom:2px solid #8cc63f; margin:0 1%; }
.innews .one .pic{ height:255px; background-size:100% auto !important;}
.innews .one .wz{ padding:10px 15px;}
.innews .one .wz .tit{ height:25px; line-height:25px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#333;}
.innews .one .wz .date{ height:20px; line-height:20px; overflow:hidden; color:#999;}
.innews .one .wz .jj{ height:44px; overflow:hidden; line-height:22px; overflow:hidden; color:#666;}
.innews .one:hover .tit{ color:#8cc63f;}
.innews .right{ width:48%; margin:0 1%; float:left;}
.innews .right ul li{ display:block; position:relative; padding-left:70px; margin:18px 0;}
.innews .right ul li .date{ width:60px; height:65px; background:#f2f2f2; position:absolute; left:0; top:0;}
.innews .right ul li .date .day{ height:40px; line-height:40px; border-bottom:1px solid #fff; text-align:center; font-size:25px; color:#666;}
.innews .right ul li .ym{ height:24px; line-height:24px; text-align:center; color:#666;}
.innews .right ul li .tit{ height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#333333;white-space: nowrap;text-overflow: ellipsis;}
.innews .right ul li .jj{ height:44px; line-height:22px; overflow:hidden; color:#999;}
.innews .right ul li:hover .tit{ color:#8cc63f;}

.footer{ padding:30px 0 0; background:#222733;}
.footer a{ color:#93959b;}
.footer a:hover{ color:#8cc63f;}
.footer .fnav{ float:left; padding-right:100px;}
.footer .fnav .tit{ line-height:30px; margin-bottom:15px; font-size:18px; color:#fff;}
.footer .fnav a{ display:block; line-height:22px;}
.footer .ewm{ float:right; text-align:center;}
.footer .ewm .tit{ line-height:30px; color:#93959b; width:120px;}
.footer .link{ padding:8px 0; line-height:22px; border-top:1px solid #4e5058; color:#93959b;}
.footer .link a{ display:inline-block; padding:0 10px;}
.footer .fcon{ padding:20px 0; color:#93959b;}
.footer .fcon .phone{ width:33.333%; float:left; padding:0 50px 0 70px; box-sizing:border-box; background:url(../images/index_13.jpg) no-repeat left;}
.footer .fcon .email{ width:33.333%; float:left; padding:0 50px 0 70px; box-sizing:border-box; background:url(../images/index_14.jpg) no-repeat left;}
.footer .fcon .address{ width:33.333%; float:left; padding:0 50px 0 70px; box-sizing:border-box; background:url(../images/index_15.jpg) no-repeat left;}
.footer .fcon .tit{ line-height:25px; height:25px; overflow:hidden; margin-bottom:5px;}
.footer .fcon .jj{ line-height:18px;}
.banq{ padding:10px 0; line-height:22px; color:#93959b; background:#1c202a;}

.nybanner{ height:350px; background-size:auto 100% !important;}
.nymain{ background:#f7f7f7;}
.nymain .nyluj{ line-height:40px; height:40px; font-size:14px; background:#fff; color:#999;}
.nymain .nyluj a{ color:#999;}
.nymain .nyluj a:hover{ color:#8cc63f;}
.nymain .nyluj img{ vertical-align:middle; position:relative; top:-2px; margin-right:5px; font-size:14px;}
.nymain .nyluj span{ color:#8cc63f; font-weight:bold;}

.nyleft{ width:25%; float:left;}
.nynav .lmtit{ background:#8cc63f; padding:20px 30px;}
.nynav .lmtit .en{ font-size:14px; color:#ccc;}
.nynav .lmtit .cn{ line-height:40px; font-size:25px; color:#fff; font-weight:bold;}
.nynav ul li{ display:block; background:#fff; line-height:70px; height:70px; padding-left:30px; border:1px solid #dfdfdf; border-top:0px !important; font-size:16px; color:#333; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.nynav ul li i{ width:20px; height:20px; background:#666; color:#fff; border-radius:50%; text-align:center; line-height:18px; margin-right:10px;}
.nynav ul li:hover i{ background:#8cc63f;}
.nynav ul li:hover{ color:#8cc63f;}
.nynav ul li.on i{ background:#8cc63f;}
.nynav ul li.on{ color:#8cc63f;}

.nycon .lmtit{ width:auto; height:75px; background: url(../images/yjpj_a3.png) no-repeat right #8cc63f; margin-top:10px; line-height:75px; text-align:center; font-size:20px; color:#fff; font-weight:bold;}
.nycon .nr{ background:url(../images/yjpj_a2.png) no-repeat right bottom #fff; padding:10px 20px; line-height:30px; font-size:14px; word-wrap:break-word;}
.nycon .nr span{ font-size:25px; font-weight:bold; color:#8cc63f;}

.rightnr{ float:right; width:73%; }
.nyabout{ padding:20px; background:#fff;}
.nyabout .lmtit{ line-height:40px; height:40px; border-bottom:1px solid #8cc63f; font-size:20px; color:#8cc63f;}
.nyabout .nr{ padding:30px 0; line-height:30px; font-size:14px; color:#666;}

.nypro ul li{ display:block; border:1px solid #dfdfdf; background:#f4f4f4; float:left; width:23%; margin:0 1% 10px; box-sizing:border-box;}
.nypro ul li .pic img{ width:100%; height:auto;}
.nypro ul li .wz{ padding:5px 10px;}
.nypro ul li .wz .tit{ height:25px; line-height:25px; font-size:14px; color:#555; text-align:center; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.nypro ul li .wz .jj{ height:20px; line-height:20px; font-size:12px; color:#999; text-align:center; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.nypro ul li:hover{ border:1px solid #8cc63f; background:#8cc63f;}
.nypro ul li:hover .tit{ color:#fff;}
.nypro ul li:hover .jj{ color:#fff;}

.page{ text-align:center; line-height:35px; padding-top:15px;}
.page a{ display:inline-block; padding:0 13px; border:1px solid #ccc; font-size:14px; color:#999; border-radius:18px; background:#fff; margin:2px;}
.page a:hover{ color:#fff; background:#8cc63f; border:1px solid #8cc63f;}
.page a.on{ color:#fff; background:#8cc63f; border:1px solid #8cc63f;}

.showpromain{ background:#fff; padding:25px;}
.showpro{ position:relative;}
.box{background:#fff; float:left; width:40%;}
.tb-pic a img{vertical-align:middle; width:100%; height:auto;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:62px; margin:0 10px 0 0;overflow:hidden;padding:1px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:60px;width:60px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #8cc63f;height:60px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
div.zoomDiv img{ max-width:none !important;}

.showproleft *{ transition:all 0.3s ease-in-out;}
.showproleft{ height:auto; box-sizing:border-box; float:right; width:58%;}
.showproleft .title{ line-height:30px; font-size:20px; padding-bottom:20px; border-bottom:1px solid #dfdfdf; padding-top:20px; color:#666; font-weight:bold;}
.showproleft .jj{ line-height:30px; color:#666; padding-bottom:25px; font-size:14px;}
.showproleft .jj hr{ display:block; height:1px; background:#dfdfdf; border:none; margin:7px 0;}
.showproleft .price{ height:50px; line-height:50px; font-size:20px; color:#098ed0;}
.showproleft .advisory{ display:block; width:130px; height:40px; background:#8cc63f; color:#fff; text-align:center; line-height:40px; font-size:14px; border:1px solid #8cc63f;}
.showproleft .advisory:hover{ background:#fff; color:#8cc63f;}
.showproleft .price{ padding:0 10px; background:#E7F9FE; line-height:50px; font-size:16px; color:#666;}
.showproleft .price span{ font-size:20px; color:#8cc63f; font-weight:bold;}

.showproxfc{ position:fixed; width:530px; top:50%; left:50%; margin-left:-265px; background:#fff; z-index:9999; margin-top:-95px; display:none;}
.showproxfc .title{ font-size:16px; font-weight: bold; color:#fff; text-align:center; height:50px; position:relative; line-height:50px; background:#8cc63f; }
.showproxfc .title .close{ display:block; width:50px; height:50px; text-align:center; right:0; top:0; position:absolute; color:#fff;}
.showproxfc .main{ padding:20px 40px;}
.showproxfc .main .wz{ font-size:14px; text-align:center; line-height:30px; margin-bottom:15px;}
.showproxfc .main .wz span{ color:#8cc63f; font-weight:bold;}
.showproxfc .main .li{ height:40px; line-height:40px; position:relative; margin-bottom:10px; padding-left:85px;}
.showproxfc .main .li .tit{ height:40px; line-height:40px; width:85px; position:absolute; left:0; top:0; font-size:14px;}
.showproxfc .main .li .text{ width:330px; padding:0 10px; background:#eee; height:40px; line-height:40px; margin-right:10px; border-radius:5px;}
.showproxfc .main .li .sub{ width:350px; background:#8cc63f; color:#fff; font-weight:bold; height:40px; outline:none; border-radius:5px;}
.showprofgc{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6); left:0; top:0; z-index:999; display:none;}

.showprodetail .left{ width:20%; float:left; border:1px solid #dfdfdf;}
.showprodetail .left .pic img{ width:100%; height:auto;}
.showprodetail .left .lmtit{ padding-left:35px; background:url(../images/c_zhuce_jia.png) no-repeat 10px #eee; margin:3px 0; line-height:40px; font-size:18px;}
.showprodetail .left a{ display:block; padding:0 10px 0 35px; line-height:40px; font-size:16px;}
.slideTxtBox{ width:78%; float:right; border:1px solid #dfdfdf;}
.slideTxtBox .hd{ height:50px; line-height:30px;   border-bottom:1px solid #ddd;  position:relative; background:#f7f7f7;}
.slideTxtBox .hd ul{ width:100%;  position:absolute; left:0px; top:-1px; height:52px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; height:50px; line-height:50px; font-size:14px;}
.slideTxtBox .hd ul li.on{  background:#fff; border-right:1px solid #dfdfdf; border-top:2px solid #8cc63f; border-bottom:2px solid #fff; color:#666; font-weight:bold;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1; display:block; line-height:24px;}

.repro{ background:#fff; padding:25px; }
.repro .lmtit{ line-height:50px; height:50px; background:#eee; overflow:hidden; margin-bottom:10px;}
.repro .lmtit span{ display:inline-block; padding:0 30px; font-size:18px; color:#fff; background:#8cc63f;}
.repro .lmtit em{ font-size:14px; display:inline-block; padding-left:20px; opacity:.6;}
.repro ul li{ display:block; border:1px solid #dfdfdf; background:#f4f4f4; float:left; width:23%; margin:0 1% 8px; box-sizing:border-box;}
.repro ul li .pic img{ width:100%; height:auto;}
.repro ul li .wz{ padding:5px 10px;}
.repro ul li .wz .tit{ height:25px; line-height:25px; font-size:14px; color:#555; text-align:center; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.repro ul li .wz .jj{ height:20px; line-height:20px; font-size:12px; color:#999; text-align:center; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.repro ul li:hover{ border:1px solid #8cc63f; background:#8cc63f;}
.repro ul li:hover .tit{ color:#fff;}
.repro ul li:hover .jj{ color:#fff;}

.nycase ul li{ display:block; border:1px solid #dfdfdf; background:#f4f4f4; float:left; width:23%; margin:0 1% 8px; box-sizing:border-box;}
.nycase ul li .pic img{ width:100%; height:auto;}
.nycase ul li .wz{ padding:5px 10px;}
.nycase ul li .wz .tit{ line-height:30px; font-size:14px; font-weight:bold; height:30px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.nycase ul li .wz .jj{ height:22px; line-height:22px; overflow:hidden; color:#999; margin-bottom:5px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; text-align:center;}
.nycase ul li .wz .more{ height:30px; line-height:30px; border-top:1px solid #dfdfdf; color:#666;}
.nycase ul li:hover{ background:#8cc63f; border:1px solid #8cc63f;}
.nycase ul li:hover .tit{ color:#fff;}
.nycase ul li:hover .jj{ color:#fff;}
.nycase ul li:hover .more{ color:#fff;}

.nynews ul li{ padding:20px 120px 20px 100px; margin-bottom:8px; background:#fff; position:relative; min-height:80px;}
.nynews ul li .date{ width:80px; position:absolute; left:10px; top:20px; text-align:center;}
.nynews ul li .date em{display: block;color: #666666;font-size: 40px; line-height: 55px;}
.nynews ul li .date span{color: #666666;font-size: 16px;display: block;}
.nynews ul li .tit{ font-size:18px; line-height:25px; margin-bottom:5px; height:25px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.nynews ul li .jj{ line-height:22px; overflow:hidden; height:44px; color:#999;}
.nynews ul li .pic{ position:absolute; width:100px; height:100px; overflow:hidden; right:15px; top:10px;}
.nynews ul li:hover{ background:#eee;}
.nynews ul li:hover .date em{ color:#8cc63f;}
.nynews ul li:hover .date span{ color:#8cc63f;}

.shownews{ padding:20px; background:#fff;}
.shownews .lmtit{ line-height:40px; height:40px; border-bottom:1px solid #8cc63f; font-size:20px; color:#8cc63f;}
.shownews .tit{ padding:15px 0; line-height:30px; font-size:22px; font-weight:bold; color:#8cc63f; text-align:center;}
.shownews .date{ text-align:center; color:#999; padding-bottom:15px; border-bottom:1px solid #dfdfdf;}
.shownews .nr{ padding:30px 0; line-height:30px; font-size:14px; color:#666; border-bottom:1px solid #dfdfdf;}
.shownews .fenx{ padding:20px 0; float:right;}
.shownews .sxp .li{ line-height:30px; font-size:14px; color:#999;}

.renews{ background:#fff; padding:25px; }
.renews .lmtit{ line-height:50px; height:50px; background:#eee; overflow:hidden; margin-bottom:10px;}
.renews .lmtit span{ display:inline-block; padding:0 30px; font-size:18px; color:#fff; background:#8cc63f;}
.renews .lmtit em{ font-size:14px; display:inline-block; padding-left:20px; opacity:.6;}
.renews .nr ul li{ display:block; height:40px; line-height:40px; padding-left:15px; background:url(../images/xwxq_a4.jpg) no-repeat left; float:left; width:48%; border-bottom:1px dashed #dfdfdf; margin-right:4%; box-sizing:border-box;}
.renews .nr ul li .tit{ width:70%; height:40px; line-height:40px; overflow:hidden; float:left; white-space: nowrap;text-overflow: ellipsis; }
.renews .nr ul li .date{ float:right; width:30%; height:40px; overflow:hidden; color:#999; text-align:right; overflow:hidden;}

.nymess{ padding:20px; background:#fff;}
.nymess .lmtit{ line-height:40px; height:40px; border-bottom:1px solid #8cc63f; font-size:20px; color:#8cc63f;}
.nymess .nr{ padding:30px 0; line-height:30px; font-size:14px; color:#666;}
.nymess .text{ width:100%; height:40px; line-height:40px; box-sizing:border-box; padding:0 10px; background:#f0f0f0; font-size:16px; margin-bottom:15px;}
.nymess .textarea{ width:100%; height:110px; line-height:30px; box-sizing:border-box; padding:10px; background:#f0f0f0; font-size:16px; border:0px;  margin-bottom:10px;}
.nymess .sub{ width:170px; height:40px; line-height:40px; text-align:center; background:#8cc63f; color:#fff; outline:none; font-size:14px;}
.nymess .subnr{ width:170px; margin:0 auto;}