﻿/* 
*Description:	 CSS
*Author:	GENTLE
*Version:	3.2(2019-01-04)
*Page width:	1200px
*/
/*浣滆??*/
#cam{position: fixed;
      bottom:10%;
      right:10%;}
    #back{
       width: 100%;
       height: 100%;
       background: rgba(0,146,85,0.22);
       position: fixed;
       top: 0;
       left: 0;
       z-index: 999;
       display: none;
    }
    #login{
      display: none;
      width: 80%;
	  height: 80vh;
      background-color: #fff;
      position: fixed;
      top:10%;
      left:10%;
      z-index: 1000;
	  overflow: scroll;
    } 
#close_all{position: fixed;
	font-size: 30px;
      top:10%;
	padding-right: 8px;
      right:10%;z-index: 1001;}

.letter{background-image: url(img/20190924133240156930316055840.png);background-position: 89% 95%;background-repeat: no-repeat;padding:1% 5% 5% 5%;background-size: 21%;border: 1px solid #bbb;}
.letter-txt{text-indent:32px}
.writer .sidecon { margin-top:10px;}
.product-list .videoitem{width: 23%;margin: 0 1%;float: left;}
.product-list .videolistvideo{ height:97px;}
.product-list .videolist-play{ top: 35%;left: 40%;}
.sidecon .videopro{ width:100%; float:none; margin-right:0;}
.content p sub{ vertical-align:sub;font-size:60%}
.content table ins{ text-decoration:none;vertical-align:super;font-size:60%}
.writer{ padding-top:15px;}
.authorimg{ width:75px; height:75px; padding-right:15px;}
.authortitle h3{ font-weight:700;}
.authortitle p{ font-size:12px; padding-top:5px;}
.authorfooter{ clear:both;}
.authorfooter ul{ float:left; width:100%;}
.authorfooter ul li{ width:50%;display: table-cell;vertical-align: middle;}
.authorfooter ul li span{ color:#009255; font-size:13px;}
.authorfooter ul li h4{ color:#009255; padding-bottom:15px;}
.warning{ color: rgba(214,72,10,0.8); font-size:14px;}
.clean{ clear:both;}
.videobox{ width:101%;float:left;}
.videopro{ width:24%;float:left; margin-right:1%;margin-bottom:20px; position:relative;}
.videopro .imgcenter{ padding: 1px; background-color: rgba(217,237,247,1);}
.singlepage .imgbox .imgcenter{width: 610px;}
.videopro a:hover{ background-color:#ddd;opacity: 0.9; }
.proname{ position:absolute; bottom:1px; left:1px;background-color:rgba(217,237,247,0.9); padding:5px 0; width:100%; text-align:center}
.zubaba{ padding-bottom:20px;background:url(img/20190619152242156092896238144.png) repeat;}
.zubaba .ue-table-interlace-color-single{color:#000;background-color: rgba(217,237,247,0.5);}
.zubaba .ue-table-interlace-color-double{color:#000;background-color: rgba(223,240,216,0.5);}
.zubaba td span{ font-weight:600; color:#790101}
.content .zubaba .firstRow{background-color:rgba(217,237,247,0.9);}
.content .zubaba tr td{border: 1px solid #ddd;}
.zubaba td select{height:30px;border-radius: 5px;}
#lsj1,#lsj2,#lsj3,#lsj4,#lsj5,#lsj6{ display:none;}
.searchnone{display:none;}
.imghide{display:none;}
.download{background-color:#d9edf7;border:1px solid #bce8f1;margin-bottom: 20px;}
.download:hover{background-color: #dff0d8;border:1px solid #d6e9c6;}
.green-back{background-color:rgba(223,240,216,0.7);border:1px solid #d6e9c6;margin-bottom: 20px;}
.blue-back{background-color:#d9edf7;border:1px solid #bce8f1;margin-bottom: 20px;}
.yellow-back{background-color:#fcf8e3;border:1px solid #faebcc;margin-bottom: 20px;}
.red-back{background-color:rgba(242,222,222,0.7);border:1px solid #ebccd1;margin-bottom: 20px;}
.green,.green-back span{color:#3c763d;}
.blue,.blue-back span{color:#31708f;}
.yellow,.yellow-back span{color:#8a6d3b;}
.red,.red-back span{color:#a94442;}
.content .green-back p{color:#3c763d; padding:10px 15px; margin:0;}
.content .blue-back p{color:#31708f; padding:10px 15px; margin:0;}
.content .yellow-back p{color:#8a6d3b; padding:10px 15px; margin:0;}
.content .red-back p{color:#a94442; padding:10px 15px; margin:0;}
.content .download a{color:#31708f; padding:5px 15px; margin:0;}
.content .download a:before{font-family: icomoon;display: inline-block;vertical-align: top;content: "\e2C0"; margin: 0px 10px 0 0;font-size: 25px;}
.content .download a:after{font-family: icomoon;display: inline-block;vertical-align: top;content: "\eb57"; margin: 0px 0 0 5px;font-size: 35px;}
.contert .download:hover a{color:#3c763d; padding:5px 15px; margin:0;}
.green-back .tl,.blue-back .tl,.yellow-back .tl,.red-back .tl{border-color:#fff;border-width: 0px 2px 2px 0px;border-right-style:solid;border-bottom-style:solid;box-sizing:border-box;border-collapse:collapse;}
.green-back .tc,.blue-back .tc,.yellow-back .tc,.red-back .tc{border-color:#fff;border-width: 0px 0px 2px 0px;border-left-style:solid;border-bottom-style:solid;box-sizing:border-box;border-collapse:collapse;}
.content ins{ font-size:14px;}
.from-box{ background-color:#fff;border:1px solid #ddd;margin:10px 0;padding:10px 0;float:left;}
.border{border: 1px solid #FFF;box-sizing: border-box; border-collapse: collapse;}
.b100{ width:100%;}
.b25{ width:25%;float:left;}
.b10{ width:10%;float:left;}
.b13{ width:12.5%;float:left;}
.tc p:hover{cursor:help;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{ text-align:center;}
.btn{cursor:pointer;padding:5px 25px;border:1px solid #009255;border-radius:5px; font-size:16px; color:#fff;background-color:#009255;}
.btn:hover{ color:#009255;background-color:#fff;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}

.imgcenter{width:100%;text-align:center;}
.imgcenter img { width:100%;}
.layui-layer-btn .layui-layer-btn0 {border-color: #1DA15A !important;background-color: #1DA15A !important;}
.dpnone{ display:none;}
.selling i{font-family: icomoon;color: #1DA15A;font-size: 40px;padding: 30px;text-align: center;vertical-align: middle; line-height: 90px; background: #f5f5f5; border-radius: 100%; transition: all 1s ease;}
.selling .on i{color:#fff;background:#1da15a;}
.selling .ico1:before{content: "\e931";}
.selling .ico2:before{content: "\e910";}
.selling .ico3:before{content: "\e30d";}
.selling .ico4:before{content: "\e8b8";}
.content h3{margin:20px 0;font-weight:600;font-size:18px;}
.content ol li{list-style-type: square;margin-left: 20px;}
.content td p{margin:0}
#dpajax{margin-top:20px;}
.singlepage .ercode .imgcenter img,.topmain .ercode img{ width:120px !important;margin:20px 20px;}
.ercode{margin-right:50px;}
.imglist #mapContainer ul{width:100%}
.morebtn{float:right;text-align: center;margin:10px 30px;}
.morebtn a{ padding:5px;color: #009255; border: 1px solid #009255;border-radius: 5px;display: block;}
.morebtn a:hover{ color:#fff; background-color:#009255;}
.back{background:#fff;margin-bottom:20px;}
.back .content{ padding-bottom:30px}
.row1{width:40%;}
.row2{ display:none;}
.row3{width:60%;}
#new{ display:none;}
.mt10{margin-top:10px;}
.content .firstRow{color:#333;background-color:transparent;}
.content .firstRow td{ font-size:16px}
.content .input-table .firstRow td{font-size:14px;}
.input-table{border-collapse:inherit !important;border:1px solid #ddd;}
.content .input-table td{text-align:left;}
.nums{border-radius:5px; padding:5px; margin-right:5px; width:55px; }
.imgtable4,.imgtable3{list-style-type:none;width:100%;}
.imgtable4 li{width:48%;margin:10px 1%;height:auto;overflow:hidden; float:left;}
.imgtable3 li{width:31.333333%;margin:10px 1%;height:auto;overflow:hidden; float:left;}
/*瀵艰埅*/
.lv3{position: absolute;left:142px;z-index: 1;top: 0;background: #fff;border: 1px solid #eee;border-radius: 5px; width:140px; display:none;}
.lv2{ position:relative;}
.lv2:hover .lv3{ display:block;}
.lv3:before{    content: "";
    height: 10px;
    width: 10px;
    margin-left: -7px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    top: 12px;
    left: 0;}
/*3D妯″瀷*/
#info {color: #fff;position: absolute;top: 10px;width: 100%;text-align: center;z-index: 100;display:block;}
#info a {color: #f00;font-weight: bold;text-decoration: underline;cursor: pointer}
#glFullscreen {width: 100%;height: 50vh;position: relative;overflow: hidden;z-index: 0;}
#example {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}
#feedback {color: darkorange;}
#dat {user-select: none;position: absolute;left: 0;top: 0;z-Index: 200;}
/*ico*/
.map-ico:before{ font-family:icomoon; color:#009255;content:"\e55e";margin-right:5px;}
.post-ico:before{ font-family:icomoon; color:#009255;content:"\e569";margin-right:5px;}
.call-ico:before{ font-family:icomoon; color:#009255;content:"\e61d";margin-right:5px;}
.fax-ico:before{ font-family:icomoon; color:#009255;content:"\e8ad";margin-right:5px;}
.mail-ico:before{ font-family:icomoon; color:#009255;content:"\e933";margin-right:5px;}
.time-ico:before{ font-family:icomoon; color:#009255;content:"\e924";margin-right:5px;}
.hk-ico:before{content:"\e924";}
.sjg-ico:before{content:"\eab4";}
/*鍗曠嫭椤甸潰*/
.singlepage .imgcenter{ width:auto;border:0;}
.singlepage .fr img{ width:auto;padding:15px 0 5px 10px;}
.singlepage .singletitle{padding:20px 30px 20px;}
.singlepage .selling,.topmain .selling{ margin:40px 0;}
.singlepage .selling .ico1:before{content: "\eb57";}
.singlepage .selling .ico2:before{content: "\e22f";}
.singlepage .selling .ico3:before{content: "\eb4c";}
.singlepage .selling .ico4:before{content: "\eab4";}
.singlepage .content{ margin-bottom:0}
.singlecontent{padding:0 30px;}
/*banner*/
.mt60{ margin-top:0}
.banner{height:450px;overflow:hidden;}
.banner img{ width:100%;}
.banner .custom {top:55%;}
.banner .custom p{ font-size:18px; color:#fff;}
.topmain{ background:#f5f5f5; padding: 10px 0 0;}
.topmain h2{font-size:16px; line-height:30px;}
.topmain .selling{margin:0}
.topmain h2 a{color:#333;}
.topmain .wrap .imglist .product-list{ width:100%;}
.topmain .content .fr{ width:auto;padding:10px 0 5px 10px;}
.topmain .content h2{ font-size:22px; padding-top:20px;}
.topmain .imglist .content h2{padding-top:0;}
.topmain .product-list h2{font-size:16px; font-weight:normal;border:0;}
.topmain .imglist .imglistimg{ display:table; width:90%;}
.topmain .imglist .imglistimg img{min-height:auto; display:table-cell;text-align: -webkit-center;}
.topmain .imglist .product-list .imglistinfo { height:auto ;}
.topmain .imglist .product-list .imgitem{ text-align:center;text-align:-webkit-center; width:21%;margin:1%; padding:2% 1%}
.topmain .imglist .product-list .imgitem:hover{box-shadow:0 2px 15px 0 rgba(0,0,0,.15);}
.topmain .imglist .protitle h2{ padding:10px 30px;}
.topmain .newslist li{margin: 1% 2% 1% 0 ; width:48%;}
.topmain .newslist ul{width:102%;margin:0;}
/*棣栭〉浜у搧*/
.prolist ul li{width:23%;}
.prolist .thumimg{ height:auto;}
/*鍒嗙被浜у搧*/
.wrap .imglist .product-list{ width:101%;}
.imglist .product-list .imglistinfo h3 {max-height: 25px;}
.imglist .product-list .imgitem{width: 24%; margin: 0 1% 1% 0;}
.imglist .protitle h2{color:#009255;font-size:18px; border-bottom:1px #ddd; border-bottom-style:dotted; padding:10px;}
.protitle { background-color:#fff; padding-bottom:10px;}
.product-list li .imglistinfo{ height:auto !important;}
.product-list li .imglistimg{ height:auto !important;text-align:center;}
.productbox .imgitem {width:23%; float:left; margin:0 1% 20px 1%; padding:10px; border:1px solid #ddd; box-sizing:border-box;}
.productbox .product-list{ padding:0 20px;}
.productbox .protitle{ margin-bottom:10px;border-bottom:1px #ddd; border-bottom-style:dotted;padding-left:10px;}
.productbox h4{height:40px;font-size: 16px;line-height: 60px;}
.productbox h5{text-align:center;padding-top:10px; font-size:16px; line-height:30px; height:30px; overflow:hidden;}
/*浜у搧椤?*/
.pro-box{
        position: relative;
        margin:auto;
        text-align: center;
        color: #FFF;
        overflow: hidden;
 }

.pro-box ul{
    padding:0;
    width: 2400px;
    transition:all 0.5s;
}

.pro-box li{
    float: left;
    width: 400px;
    height: 400px;
    list-style: none;
}
.pro-box label{ border-radius:5px;
	font-size: 11px;
	position: absolute;
    width: 45px;
    height: 20px;
    margin: 0 10px;
    line-height: 20px;
    color: #FFF;
    background: #009255;
    cursor: pointer;z-index:1;}
.label1{
    bottom: 10px;
    right: 0;
}
.label2{
    bottom: 10px;
    right: 50px;
}
.label3{
    bottom: 10px;
    right: 100px;
}
.label4{
    bottom: 10px;
    right: 150px;
}
.label5{
    bottom: 10px;
    right: 200px;
}
.label6{
    bottom: 10px;
    right: 250PX;
}
#Input1:checked~ul{ margin-left: 0;}
#Input1:checked~.label1{ background: #FFF; color:#009255;box-sizing:border-box;
border:1px solid #009255;}
#Input2:checked~ul{ margin-left: -400px;}
#Input2:checked~.label2{ background: #FFF; color:#009255;box-sizing:border-box;
border:1px solid #009255;}
#Input3:checked~ul{ margin-left: -800px;}
#Input3:checked~.label3{ background: #FFF; color:#009255;box-sizing:border-box;
border:1px solid #009255;}
#Input4:checked~ul{ margin-left: -1200px;}
#Input4:checked~.label4{ background: #FFF; color:#009255;box-sizing:border-box;
border:1px solid #009255;}
#Input5:checked~ul{ margin-left: -1600px;}
#Input5:checked~.label5{ background: #FFF; color:#009255;box-sizing:border-box;
border:1px solid #009255;}
#Input6:checked~ul{ margin-left: -2000px;}
#Input6:checked~.label6{ background: #FFF; color:#009255;box-sizing:border-box;
border:1px solid #009255;}

.miao .imgcenter{width: auto; text-align:justify}
.miao .imgcenter img{width:auto;}
.content .info .firstRow{color: #31708f;background-color: #d9edf7;}
.info {border-top: thick double #ddd;padding-top:15px;}
.info table{margin-bottom:15px !important; width:100%;}
.info .miao{margin:15px 0;}
.product{  margin:20px 0; height:400px;}
.abso{ position:relative;}
.pro-title .singleinfo{ padding:0px; line-height:inherit;border-bottom:0; margin:15px 0 15px 0; height:90px; overflow:hidden;}
.pro-title .singletitle{ padding:30px 0 15px 30px; }
.content .singleinfo p{margin:0;}
.pro-title { width:380px;position:absolute; right:30px;}
.pro-title .singletitle h1{overflow: hidden;height: 30px;}
.pfl{ float:left; width:400px; height:400px;}
.pfr{ float:left; width:380px;height:400px;}
.pfr .singletitle{padding: 10px 30px 0;}
.price {height: 80px;margin-top:70px;padding:30px 30px;;margin-left: 30px;border: 1px solid #ddd;}
.price .price-new {font-size:36px; color:#1da15a;padding-top:25px; display:none;}
.price em{ font-size:16px }
.price .price-old {font-size:32px; color:#1da15a;padding-top:25px;}
.buy{ margin-top:110px;padding:20px 30px ; font-size:18px;}
.product .pfr{ display:none}
.buy a:before {font-family: icomoon; display: inline-block;vertical-align: top;}
.btn-taobao:before{content: "\e8cc"; margin-right:5px;}
.btn-taobao{border:1px solid #1da15a; border-radius:5px; background-color:#009255; padding:10px 15px 10px 10px; text-align:center;}
.buy a{ margin-top:20px;color:#fff;}
.btn-taobao:hover{background-color:#fff;}
.more{ margin-top:160px; padding:20px 30px ; width:100%; padding-right:30%;}
.more ul li{ font-size:14px;float:left; width:33.333333%; list-style-type:none; padding-bottom:10px; }
.more ul li img { padding-right:5px;}
.productbox .articlecon{width: 25%;}
.productbox .imgitem img{ width:100%}
/*瑙嗛鍒嗙被椤?*/
.videoitem{box-sizing:border-box;border:1px solid #ddd;box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);width:23%;margin: 0 2% 2% 0;display: inline-block;vertical-align: top;}
.videoitem:hover{position:relative;top:-10px;border:1;background-color:#009255; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}
.videoitem:hover .videolistinfo{background-color:#009255; color:#fff;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}
.videolistvideo{ position:relative;height: 155px;text-align: center;background: #fff;overflow: hidden;}
.videolistinfo{ width:100%;display:table;height: 70px;line-height: 20px;overflow: hidden; background-color:#fff;}
.videolistinfo h3{display: table-cell;vertical-align: middle;max-height: 50px;margin: 10px 0 10px;padding: 0 15px 0 15px;font-size: 16px; line-height: 25px;overflow: hidden;position: relative;}
.videolist-play{position: absolute;top:44%;left:44%;z-index:1;width: 36px;height: 36px;background: url(img/play.png) no-repeat 50%;background-size: contain;}
.videolist .imglist .imgitem{width:23%;margin:0 2% 2% 0;} 
/*鏂囩珷椤?*/
.content blockquote{background:#f5f5f5;padding:15px 20px; border-left:5px solid #ddd;}
.content h4{font-weight:bolder;font-size:17px;margin:10px 0}
.content h2{padding-left:10px;border-left: 3px solid #009255;color:#333;font-weight:600; border-bottom:dashed 1px #ddd; margin-bottom:5px;font-size:18px;margin:20px 0;clear:both;}
.content ul{ list-style-type:circle;}
.content table{ line-height:35px;color:#333;border-collapse:collapse; margin:15px 0;}
.content #mapContainer table{line-height:normal;margin-bottom:auto;margin:0 auto}
.content tr td{ border:1px solid #fff; padding:0 10px;}
.content td{vertical-align: middle;text-align: center;font-size:14px;}
.content hr{border-style:ridge;margin:25px 0}
.ue-table-interlace-color-double{color: #3c763d;background-color: #dff0d8;}
.ue-table-interlace-color-single{color: #31708f;background-color: #d9edf7;}
#BMapLib_tab_fromhere0{ width:33% !important;}
.fr .imgcenter{padding: 5px 0 10px 10px;}
.fl .imgcenter{padding: 5px 20px 10px 0;}
.profl{float:left;padding: 0px 30px 0 0;}
#mapContainer{ margin-bottom:20px;}
/*瑙嗛椤?*/
.dplayer{ margin-bottom:20px;}
.video-s{ width:100%; overflow:hidden; float:left;zoom 1;}
.video-s .content p small{ font-size:80%;    color: #009255;}
.video-s .singleinfo {margin: 20px 0 0 0;}
.video-s .dplayer{ width:70%;}
.video-s .content{position:relative;}
.video-s h2{ font-weight:600;}
.video-r { background-color:#333;width:342px; height:449px; margin-top:10px; right:30px; position:absolute;}
.video-r .articlebox{ background-color:#ddd;}
.tv:before{content: "\e025"; margin: 0 5px 0 0;font-size: 13px;}
.array{position:absolute;bottom:10px;left:0; right:0;margin:auto;width:10px;height:10px;border:2px solid #000;border-left:0;border-top:0; transform:rotate(45deg);}
#myvideo{height:120px;overflow-y:hidden;transition: all 1s;-webkit-transition: all 1s;}
#btn{margin:10px auto;text-align: center;display: none;}

.fr-box{ height:449px; overflow:hidden;}
.fr-box h2{ padding:5px 0 5px 10px; color:#fff; font-weight:normal;border-left:0;margin-bottom:0;font-size:16px;margin:0;}
.fr-relate{ height:80px; overflow:hidden; padding:10px;}
.fr-relate:hover{ background-color:#009255; color:#fff;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}
.fr-relate:hover a{color:#fff;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}
.fr-img{ float:right; width:140px; height:80px; overflow:hidden;display: flex;justify-content:center; align-items:Center;}
.fr-info{ padding-right:150px;}
.fr-info h3 {border:0;color:#fff;line-height:20px; font-size:14px; height:40px; max-height:60px; overflow:hidden;}
.fr-box a:hover{ color:#fff;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}
.fr-box a{ z-index:2;position:relative;color:#fff;}
.fr-box a:hover .play-img{ display:block;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; transition:all 1s;}
.play-img{position: absolute;
    top: 32px;
    left: 244px;
	z-index:1;
    width: 36px;
    height: 36px;
    background: url(img/play.png) no-repeat 50%;
    background-size: contain; display:none}
.fr-info p{color:#cccccc;font-size:12px; float:right;}

/*鐧诲綍鐘舵??*/
.headbg .user .login{top:20px;}
.login{ position:relative;top:40px; text-align:left; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s; transition:all .5s;}
.login a{ color:#fff;}
.headbg .user .center{ top:20px;}
.center a{ color:#FFF}
.signin {margin-top:10px;}
.headbg .sign{ display:none;}
.center{ position:relative; top:40px; text-align:left; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s; transition:all .5s;}
.login a:hover,.center a:hover{ color:#009255;}
.define .center{ top:20px;}
.define .login{ top:20px;}
.define .logout-ico{ background:url(img/logout.png) no-repeat;}
.define .user-ico{ background:url(img/user1.png) no-repeat;background-size:99% 99%;-moz-background-size:99% 99%;}

.user{ position:relative;left:20px;float:right; width:110px;}
.user .btn{padding:4px; text-align:center; border-radius:5px;  border:1px solid #1DA15A; background-color:#009255;}
.user .btn:hover{padding:4px; text-align:center; border-radius:5px;  border:1px solid #009255; background-color:#FFF;}
.user .btn a{color:#fff;font-size:14px;}

.user-ico{ position:relative;left: 58px;top: -22px; width:26px; height:26px; background:url(img/user.png) no-repeat;background-size:99% 99%;-moz-background-size:99% 99%;}
.logout-ico{ position:relative;left: 90px;top: -43px; width:26px; height:26px; background:url(img/logout1.png) no-repeat;}
.headbg .logout-ico{ background:url(img/logout.png) no-repeat;}
.headbg .user-ico{ background:url(img/user1.png) no-repeat;background-size:99% 99%;-moz-background-size:99% 99%;}
/*宸ㄥ箷*/
.custom .red:hover{background: #fff;}
.custom .grey:hover{border: 1px solid #009255;}
.custom a:hover{color:#009255;}
.custom a.grey{padding:13px 55px;border:1px solid #e0e0e0;}
.custom a.red{background:#009255;}
/*footer*/
.footer .link li{ margin-top:10px;} 
.hotname h4{ color:#FFF;font-weight:bolder;border-right: 1px #FFF;border-style: dashed;}
.hotlink { margin:10px 0;}
.hotlink li{ width:90px;padding: 0 20px;font-size: 14px;line-height:20px;display: inline-block;}
.w25{ width:25%; margin-bottom:20px; box-sizing:border-box; border-right:1px solid #fff;}
.w75{ width:75%; margin-bottom:20px;}
.w75 .service{ padding-left:100px;}
.service .fl{ width:25%;}
.w75 h4{ font-size:16px; font-weight:bolder; padding-bottom:10px;}
.call{ margin-left:100px;}
.call h4{ height:30px; font-size:16px; font-weight:bolder;}
.call h5{ height:30px; font-size:20px;font-weight:bolder;}
.ftlogo{position:relative;left:-90px;}
.ftlogo img{ position:absolute; width:60px;}
.fl{ float:left;}
.fr{ float:right;}
/*工程案例*/
.case-list{width: 100%;}
.case-list .imgitem{text-align: center;text-align: -webkit-center;width: 21%;margin: 1%;padding: 2% 1%;display: inline-block;}
/*文章列表*/
.list-group{padding-bottom: 20px !important}
.list-group-item{line-height: 24px;padding: 5px 10px;border-bottom: 1px dotted #ccc;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-group-item:before{content: "\e409";margin: 1px 3px 0 0;font-size: 17px;font-family: icomoon;display: inline-block;vertical-align: top;}
.badge{float: right;}

/*照片墙*/
.photowall{display:flex;flex-wrap: wrap;width: auto !important;background-color: #fff;}
.photowall:after{ content: '';flex-grow: 99999;}
.photowall-item{width: auto!important;flex-grow: 1; margin: 0 !important;padding:8px;}
.photowall-item img{height:210px;width: auto;object-fit: cover;min-width: 100%;box-sizing: border-box;border: 1px solid #ddd;box-shadow: 0 10px 20px rgb(0 0 0 / 20%)}

.photowall-item:hover{box-shadow:0 2px 15px 0 rgba(0,0,0,.15);}
.photowall-item:hover img{-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.1)}::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,0.3)}::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,0.5)}a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;border:0;vertical-align:baseline}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{font-size:14px;color:#666;font-family:arial,verdana,"microsoft yahei"}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:#009255;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}a:hover{color:#009255;text-decoration:none}area{behavior:url(images/area.htc);outline:0}i{font-style:normal}ul,ol{list-style-type:none}img{max-width:100%;height:auto;width:auto\9;border:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s}input,textarea{font-size:14px;font-family:arial,verdana,"microsoft yahei";outline:0}.wrapper .focus{border:1px solid #009255}
@font-face{font-family:'icomoon';src:url('img/icomoon.eot?9kcc5g');src:url('img/icomoon.eot?9kcc5g#iefix') format('embedded-opentype'),url('img/icomoon.ttf?9kcc5g') format('truetype'),url('img/icomoon.woff?9kcc5g') format('woff'),url('img/icomoon.svg?9kcc5g#icomoon') format('svg');font-weight:normal;font-style:normal}
.wrapper{width:100%;min-width:1000px;background:#fff;overflow:hidden}.wrap{width:1200px;min-width:1200px;margin:0 auto;overflow:hidden;zoom:1;*zoom:1}.wrap:after{content:"";display:block;clear:both}.wrap .mask{width:100%;height:100%;background:transparent;position:absolute;left:0;top:0;z-index:-1}.header{width:100%;height:100px;position:fixed;z-index:100}.header .wrap{overflow:visible}.headbg,.define{height:60px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1);background:rgba(255,255,255,0.9);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;*background:#fff}.headbg .logo,.define .logo{margin-top:10px}.headbg .logo a,.define .logo a{display:block}.headbg .menu li,.define .menu li{line-height:60px}.headbg .menu li a,.define .menu li a{color:#333}.headbg .menu li a:before,.define .menu li a:before{content:"";bottom:0;background:#009255}.headbg .menu li.showsub .subnav,.define .menu li.showsub .subnav{top:60px}.headbg .search,.define .search{margin:13px 0 0 12px;border:1px solid #e8e8e8;background:#fff}.headbg .search .text,.define .search .text{color:#666}.headbg .search .text:focus,.define .search .text:focus{color:#666}.headbg .search .text::-webkit-input-placeholder,.define .search .text::-webkit-input-placeholder{color:#666}.headbg .search .text::-moz-placeholder,.define .search .text::-moz-placeholder{color:#666}.headbg .search .text:-ms-input-placeholder,.define .search .text:-ms-input-placeholder{color:#666}.headbg .search .btn:after,.define .search .btn:after{color:#666}.logo{width:180px;float:left;display:inline;margin-top:30px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.logo a{display:block}.menu{float:right;display:inline;text-align:right;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.menu ul{display:inline-block}.menu li{line-height:100px;position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1}.menu li a{padding:0 15px;font-size:16px;color:#fff;font-family:"microsoft yahei";position:relative;display:block;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.menu li a:hover,.menu li a.active,.menu li a.on{color:#009255}.menu li a:before{content:"";width:0;height:2px;background:#009255;position:absolute;left:50%;bottom:20px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.menu li a.active:before,.menu li a.on:before{width:100%;margin-left:-50%}.menu li a.sub:after{content:"\e313";margin:0 0 0 3px;font-size:14px;font-family:icomoon;position:relative;right:0;display:inline-block;vertical-align:top}.menu li.showsub .subnav{top:90px;display:block}.menu .subnav{width:140px;margin-left:-70px;padding:8px 0;line-height:35px;text-align:center;border:1px solid #eee;border-radius:5px;background:#fff;position:absolute;left:50%;z-index:1;display:none}.menu .subnav a{margin:0 10px;font-size:15px;color:#666;border-bottom:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.menu .subnav a.nb{border:0}.menu .subnav a:hover{color:#009255;border-bottom:1px dotted #009255}.menu .subnav:before{content:"";height:10px;width:10px;margin-left:-7px;background:#fff;border:1px solid #eee;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;top:-6px;left:50%}.search{display:inline;margin:32px 0 0 12px;border:1px solid #fff;border-radius:20px;overflow:hidden;position:relative;display:inline-block;vertical-align:top;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.search .text{width:100px;height:33px;padding:0 3px;float:left;font-size:14px;color:#fff;font-family:"t","microsoft yahei";line-height:33px;text-indent:10px;border:0;border-radius:20px;outline:0;background:transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.search .text:focus{color:#666}.search .text::-webkit-input-placeholder{color:#fff}.search .text::-moz-placeholder{color:#fff}.search .text:-ms-input-placeholder{color:#fff}.search .on{border:1px solid #009255;border-right:0}.search .btn{width:30px;height:33px;float:left;margin:0 5px 0 0;border:0;cursor:pointer;background:transparent}.search .btn:after{content:"\e077";font-size:20px;color:#fff;font-family:icomoon}.search .btn.active:after{color:#666}.search.on{border:1px solid #009255;background:#fff}.schwords{color:#009255}.menuico{float:right;display:inline;margin-right:20px;cursor:pointer;position:relative;z-index:10;top:2em;display:none;width:38px;height:38px;background:#009255;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}.menuico.on{background:#009255}.menuico span{position:absolute;top:50%;left:50%;display:block;width:21px;height:2px;background-color:#fff;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}.menuico span:first-child{margin-top:-6px}.menuico span:last-child{margin-top:6px}.menuico.on span:first-child{width:20px;margin-top:-8px;margin-left:-7px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.menuico.on span:nth-child(2){opacity:0;width:2px;left:20px;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.menuico.on span{-webkit-transform-origin:0;-moz-transform-origin:0;transform-origin:0}.menuico.on span:last-child{width:20px;margin-top:6px;margin-left:-7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.slide{margin:0 0 50px;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden;position:relative}.videobanner{width:auto; width:100%;height:100%; object-fit:fill;;min-height:100%;position:absolute;top:0;left:50%;z-index:0;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.videomask{min-width:100%;min-height:100%;position:absolute;top:0;left:0}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -10%, 0);-moz-transform:translate3d(0, -10%, 0);-o-transform:translate3d(0, -10%, 0);transform:translate3d(0, -10%, 0);-ms-transform:translate3d(0, -10%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}}@-moz-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -10%, 0);-moz-transform:translate3d(0, -10%, 0);-o-transform:translate3d(0, -10%, 0);transform:translate3d(0, -10%, 0);-ms-transform:translate3d(0, -10%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}}@-o-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -10%, 0);-moz-transform:translate3d(0, -10%, 0);-o-transform:translate3d(0, -10%, 0);transform:translate3d(0, -10%, 0);-ms-transform:translate3d(0, -10%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -10%, 0);-moz-transform:translate3d(0, -10%, 0);-o-transform:translate3d(0, -10%, 0);transform:translate3d(0, -10%, 0);-ms-transform:translate3d(0, -10%, 0)}100%{opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}}.custom{width:1000px;margin:0 auto 0;text-align:center;position:relative;top:50%;z-index:99;-webkit-animation:fadeInDown 1s ease-in;-moz-animation:fadeInDown 1s ease-in;-o-animation:fadeInDown 1s ease-in;animation:fadeInDown 1s ease-in}.custom h2{margin-bottom:20px;padding:0 20px;font-size:4em;color:#fff;font-family:"microsoft yahei light","microsoft yahei";line-height:75px}.custom a{margin:20px 15px 0;padding:14px 56px;font-size:20px;color:#fff;font-family:"microsoft yahei";line-height:28px;border-radius:3px;display:inline-block;vertical-align:middle}.caption{margin:auto;padding:0 0 50px;text-align:center}.caption h3{font-size:26px;color:#333;font-family:"microsoft yahei"}.caption p{margin:10px 0;color:#858585;font-family:"microsoft yahei";line-height:24px}.captab{width:70%;margin:0 auto 60px;font-size:0;text-align:center}.captab li{display:inline-block;*display:inline;*zoom:1}.captab li a{padding:12px 50px;font-size:24px;color:#666;font-family:"microsoft yahei";line-height:26px;border-bottom:2px solid #ddd;white-space:nowrap;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.captab li a img{margin:3px 12px 0 0;*margin-top:6px;vertical-align:top}.captab li a:hover{border-bottom:2px solid #009255}.captab li.on a{border-bottom:2px solid #009255}.tabitem{margin:0 auto 80px;font-size:0}.tabitem li{display:none}.tabitem li img{width:1000px}.tabitem li.on{display:block}.selling{margin:0 0 50px;font-size:0;text-align:center}.sellitem{width:20%;padding:25px 1%;border-radius:3px;display:inline-block}.sellitem img{width:90px;height:90px}.sellitem p{margin-top:20px;font-size:14px;color:#666;*font-family:"microsoft yahei";line-height:20px}.sellitem p.bold{margin-top:20px;font-size:16px;color:#009255;font-weight:bold}.sellitem.on{box-shadow:0 0 1px #999}.sellpoint{width:3%;height:12px;margin:139px 0 0;display:inline-block;*display:inline;*zoom:1}.sellpoint:after{content:"\e260";font-size:28px;color:#e0e0e0;font-family:icomoon;line-height:12px}.sellitem,.sellpoint{display:inline-block;vertical-align:top;*display:inline;*zoom:1}.caplist{margin:0 0 50px;padding:50px 0 50px;text-align:center;background:#f5f5f5;zoom:1}.caplist:after{content:"";display:block;clear:both}.caplist ul{max-width:1350px;margin:auto}
.caplist li{width:23%;margin:.8%;position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1}.caplist li.on a{color:#009255}.caplist li.on img{-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.casebtn{width:200px;margin:30px auto 0;text-align:center}.casebtn a{padding:10px 0;font-size:16px;color:#009255;*font-family:"microsoft yahei";border:1px solid #009255;border-radius:2px;display:block}.casebtn a:hover{color:#fff;border:1px solid #009255;background:#009255}
.thumimg{width:100%;height:190px;overflow:hidden}.thumimg a{font-size:0;display:block;vertical-align:top}
.thumimg img{width:100%;min-height:190px}.captxt{padding:0 30px 10px;background:#fff}
.captxt h4{padding-top:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.captxt h4 a{font-size:16px;color:#333;*font-family:"microsoft yahei"}.captxt p{height:50px;*font-family:"microsoft yahei";line-height:50px;overflow:hidden}.capintro h4{padding-bottom:10px}.capintro p{display:none}.aboutme{margin:0 auto 50px;text-align:center}.news{margin-bottom:50px;padding:50px 0 30px;background:#f5f5f5}.newstitle{margin-bottom:50px;line-height:40px;text-align:center}.newstitle h3{font-size:30px;color:#333}.newstitle p{color:#999}.newslist ul{margin-left:-4%;font-size:0}.newslist li{width:46%;margin:0 0 4% 4%;font-size:14px;display:inline-block;vertical-align:top}.newslist li.on .newsdate{color:#fff;border:1px solid #009255;background:#009255}.newslist li.on .newsname a{color:#009255}.newslist li.on .newsname .newsread{color:#fff;background:#009255}.newslist li.on .newsintro{color:#666}.newsdate{width:58px;height:38px;float:left;display:inline;padding:10px 0;font-size:12px;color:#666;text-align:center;border:1px solid #e0e0e0;background:#e0e0e0}.newsdate b{width:100%;font-size:22px;display:block}.newsinfo{margin-left:80px}.newsname{margin-bottom:20px;position:relative}.newsname a{font-size:16px;color:#666}.newsname .newsread{width:19px;height:19px;font-size:16px;color:#fff;text-align:center;line-height:19px;background:#e0e0e0;position:absolute;top:0;right:0}.newsintro{font-size:12px;color:#999;line-height:24px}.pagebar,.cmtpagebar{width:100%;margin:0 auto 20px;font-size:14px;text-align:center;background:#fff;zoom:1}.pagebar:after,.cmtpagebar:after{content:"";display:block;clear:both}.pagebar .now-page,.cmtpagebar .now-page{display:inline-block;color:#fff;font-weight:bolder;padding:5px 10px;margin:5px;border:1px solid #009255;background:#009255}.pagebar a,.cmtpagebar a{margin:4px;padding:5px 10px;color:#777;font-weight:bolder;border:1px solid #e2e2e2;background:#fff}.pagebar a:hover,.cmtpagebar a:hover{color:#009255;border:1px solid #009255;background:#fff}.pagebar .now-page{margin:20px 5px}.pagination-loading{margin:20px 0;padding:10px 0;text-align:center;border-radius:2px;background:#ebebeb}.main{padding:80px 0 50px;*font-family:"microsoft yahei";background:#f5f5f5}.main a:hover{color:#009255}.main .ias_trigger{margin:0 0 20px}.main .ias_trigger a{padding:10px 0;font-size:16px;color:#009255;text-align:center;border:1px solid #009255;background:#fff;display:block}.main .ias_trigger a:hover{color:#fff;background:#009255}.single{width:70%;float:left;overflow:hidden;zoom:1}.single:after{content:"";display:block;clear:both}.sitemap{padding:20px 30px}.articlebox{margin:0 0 10px;background:#fff;overflow:hidden;zoom:1}.articlebox:after{content:"";display:block;clear:both}.articletitle{height:50px;margin:0 0 0 30px;font-size:16px;line-height:60px}.articlecon{padding:0 0 20px 0}.multi{margin:0 0 20px;padding:30px;background:#fff;zoom:1}.multi:after{content:"";display:block;clear:both}.multi h2{height:30px;margin:0 0 20px;font-size:22px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.multi h2 a{color:#333}.multiimgs{zoom:1}.multiimgs:after{content:"";display:block;clear:both}.multiimgs ul{margin-left:-10px;*zoom:1;_position:relative}.multiimgs li{width:33.3333%;height:150px;float:left;display:inline;margin:0 0 10px 0;overflow:hidden}.multiimgs li a{padding:0 0 0 10px;display:block}.multiimgs li img{min-height:150px}.multiimg{width:210px;height:150px;float:left;display:inline;overflow:hidden}.multiimg img{min-height:150px}.multibox{padding-left:230px}.multibox.noimg{padding:0}.multibox .multiintro{height:60px}.multiintro{height:40px;color:#999;line-height:20px;overflow:hidden}.multiinfo{margin:20px 0 0;line-height:17px;text-transform:uppercase}.multiinfo span{margin-right:15px;font-size:12px;color:#999}.multiinfo span:before{margin-right:5px;font-family:icomoon;display:inline-block;vertical-align:top}.multiinfo a{color:#999}.author:before{content:"\e09d";margin:0 5px 0 0;font-size:12px}.date:before{content:"\e8b5";margin:0 5px 0 0;font-size:13px}.views:before{content:"\e004";margin:0 5px 0 0;font-size:13px}.cmtnum:before{content:"\e09f";margin:1px 5px 0 0;font-size:12px}*+html .multiimgs li{width:33.3%}*+html .multiintro{*margin-top:10px}.imglist ul{width:102%;font-size:0}.imglist .imgitem{width:312px;margin:0 32px 30px 0;display:inline-block;vertical-align:top}.imglist .imgitem.on a{color:#009255}.imglist .imgitem.on img{-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.imglist .imglistimg{height:200px;text-align:center;background:#fff;overflow:hidden}.imglist .imglistimg a{display:block}.imglist .imglistimg img{min-height:200px}.imglist .imglistinfo{height:160px;line-height:20px;background:#fff;overflow:hidden}.imglist .imglistinfo h3{max-height:50px;margin:20px 0 12px;padding:0 10px 0 20px;font-size:18px;line-height:25px;overflow:hidden;position:relative}.imglist .imglistinfo h3 a{color:#333}.imglist .imglistinfo h3:after{content:"";width:3px;height:25px;background:#009255;position:absolute;top:0;left:0;display:block}.imglist .imglistintro{max-height:60px;padding:0 20px;font-size:14px;color:#999;overflow:hidden}.imglist .ias_trigger{width:1200px}.imglist .pagination-loading{width:100%;font-size:16px;line-height:21px}.cmt,.comment,.relate,.pages{margin:0 30px;padding:20px 0;line-height:26px;border-top:1px dotted #eee;zoom:1}.cmt:after,.comment:after,.relate:after,.pages:after{content:"";display:block;clear:both}.cmtimg{width:70px;float:left;display:inline}.cmtimg img{width:48px;height:48px}.cmtinfo{width:570px;float:left;display:inline;word-break:break-all;display:table-cell}.cmtinfo .cmt{margin:15px 0 0 -20px;padding-bottom:0}.cmtinfo .cmt .cmt{margin:15px 0 0 -20px;padding-bottom:0}.cmtinfo .cmt .cmt .cmt{margin:15px 0 0 -20px;padding-bottom:0}.cmtinfo .cmtinfo{width:500px}.cmtinfo .cmtinfo .cmtinfo{width:430px}.cmtinfo .cmtinfo .cmtinfo .cmtinfo{width:360px}.cmtarea{padding-left:70px}.cmtarea textarea{width:98%;margin:0 0 10px;padding:1%;font-size:14px;color:#666;border:1px solid #ddd;outline:0;overflow:hidden;vertical-align:top}.cmtsubmit input{width:100px;height:32px;margin:0 10px 0 0;color:#fff;line-height:32px;border:0;cursor:pointer;background:#009255}.cmtsubmit span{font-size:14px;color:#999}.cmtform{float:left;margin:20px 0 0;padding:20px 0 0;border-top:1px dotted #e0e0e0;overflow:hidden;display:none}.cmtform p{width:49%;float:left;padding:5px 0}.cmtform input{width:180px;height:27px;padding:2px 6px;border:1px solid #e0e0e0;outline:0}.cmtform input{*display:inline}.cmtform label{padding:0 10px;line-height:27px}.cmtform #inpVerify{width:100px}.cmtform img{width:70px;height:33px;margin-left:10px;vertical-align:top}.nocmt .cmtpagebar{display:none}.singletitle{padding:30px 30px 0}.singletitle h1{font-size:28px;color:#333}.singleinfo{margin:20px 0 0 0;padding:0 0 15px;text-transform:uppercase;line-height:17px;border-bottom:1px solid #efefef}.singleinfo span{margin-right:15px;font-size:12px;color:#999}.singleinfo span:before{margin-right:5px;font-family:icomoon;display:inline-block;vertical-align:top}.singleinfo a{color:#999}.voidinfo{margin:20px 0 0;padding:0 0 20px;text-transform:uppercase;border-bottom:1px solid #efefef}.map{padding:0 0 30px}.map li{height:35px;font-size:14px;line-height:35px;border-bottom:1px dotted #eee;list-style-type:decimal-leading-zero;list-style-position:inside;overflow:hidden;position:relative}.map li a{font-size:14px}.map li span{padding-left:10px;background:#fff;position:absolute;top:0;right:0}.content{margin-bottom:20px;padding:0 30px;font-size:16px;line-height:30px;word-break:break-all;overflow:hidden}.content p{margin:15px 0;}.content .video{height:0;padding-top:20px;padding-bottom:60%;overflow:hidden;position:relative}.content .video embed,.content .video iframe,.content .video table{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.content pre{font-size:12px}.tags{margin:30px 30px 10px}.tags a{margin:0 5px 10px;padding:0 12px;font-size:14px;color:#666;line-height:24px;border:1px solid #e0e0e0;border-radius:2px;background:#fff;display:inline-block}.tags a:hover{border:1px solid #009255}.bdshare{margin:0 30px 20px;clear: both;}.pages a{color:#666}.pages p{height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}a.backtolist{float:right;display:inline;margin:8px 0 0;padding:3px 30px;font-size:14px;color:#009255;border:1px solid #009255;border-radius:50px}a.backtolist:hover{color:#fff;background:#009255}.relateinfo{width:70%;float:left;display:inline;margin:0 3% 0 0}.relateinfo h3{height:26px;margin:0 0 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.relateinfo h3 a{font-size:18px;color:#333}.relateinfo h3 a:hover{color:#009255}.relateinfo p{max-height:70px;font-size:14px;color:#999;line-height:24px;overflow:hidden}.relateimg{width:27%;height:115px;float:right;display:inline;overflow:hidden}.relateimg img{width:100%;min-height:115px}.sidebar{width:28%;float:right}.sidebox{margin:0;padding:20px;background:#fff}.sidebox h3:before{font-family:icomoon;display:inline-block;vertical-align:top}.listtitle,.cmttitle,.reltitle,.sidetitle{line-height:40px}.listtitle h3,.cmttitle h3,.reltitle h3,.sidetitle h3{font-size:16px;color:#666;border-bottom:1px solid #009255}.sidecon{padding:10px 0;overflow:hidden}.sidecon ul{zoom:1}.sidecon ul:after{content:"";display:block;clear:both}.sidecon li{width:100%;float:left;display:inline;padding:10px 0;line-height:24px;border-bottom:1px dotted #ccc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidecon li a{color:#666}.sidecon li:before{content:"\e409";margin:0 5px 0 0;font-size:13px;color:#ccc;font-family:icomoon;display:inline-block;vertical-align:top}.sidecon dl{width:100%;float:left;display:inline;padding:14px 0;border-bottom:1px dotted #ccc}.sidecon dl h3{height:28px}.sidecon dl h3 a{font-size:14px}.sidecon .subnav{display:none}#divCatalog h3:before{content:"\eab4";margin-right:5px;font-size:16px}#divPrevious h3:before{content:"\e910";margin:0 6px 0 0}#divComments h3:before{content:"\e09f";margin-right:5px}#divNavBar h3:before{content:"\e5d2";margin-right:5px;font-size:16px}#divCalendar h3:before{content:"\e946";margin-right:5px}#divContorPanel h3:before{content:"\e945";margin-right:5px}#divSearchPanel h3:before{content:"\e077";margin-right:5px}#divArchives h3:before{content:"\e614";margin-right:5px;font-size:18px}#divStatistics h3:before{content:"\e1b2";margin-right:5px;font-size:16px}#divFavorites h3:before{content:"\e83a";margin-right:3px;font-size:18px}#divLinkage h3:before{content:"\e157";margin-right:3px;font-size:19px}#divMisc h3:before{content:"\e3c4";margin-right:5px;font-size:18px}#divAuthors h3:before{content:"\e7fc";margin:0 5px 0 0;font-size:20px}#divTags h3:before{content:"\e8e7";margin:1px 3px 0 0;font-size:19px}#sideguess h3:before{content:"\e028";margin-right:5px}#divCalendar table{width:100%;table-layout:fixed}#divCalendar caption{height:24px;margin:0 0 10px;padding:0;font-size:16px;text-align:center;border-bottom:1px dotted #eee}#divCalendar caption a{padding:0 10px;font-size:14px}#divCalendar th{height:25px;color:#fff;line-height:25px;text-transform:uppercase;border:1px solid #009255;border-radius:2px;background:#009255}#divCalendar td{height:25px;text-align:center;line-height:25px;border:1px solid #efefef;background:#fff}#divCalendar td.pad{border:none}#divCalendar td a{color:#fff;line-height:30px;background:#5eaae4;display:block}#today{font-weight:bold}#divContorPanel .cp-hello{width:100%;margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #e0e0e0;display:inline-block}#divContorPanel .cp-hello:before{content:"\e04d";margin-right:3px;font-size:19px;font-family:icomoon;display:inline-block;vertical-align:top}#divContorPanel .sidecon div{padding:10px 20px;text-align:center;line-height:24px;border:1px dotted #f0f0f0;background:#fbfbfb}#divSearchPanel form{zoom:1}#divSearchPanel form:after{content:"";display:block;clear:both}#divSearchPanel input[type="text"]{width:70%;height:22px;float:left;display:inline;font-size:12px;color:#666;font-family:"microsoft yahei";line-height:24px;border:1px solid #c8c8c8;outline:0;background:#fff}#divSearchPanel input[type="submit"]{width:22%;height:26px;float:right;display:inline;line-height:24px;border:1px solid #999;background:#eee}#divNavBar li,#divCatalog li,#divLinkage li,#divFavorites li,#divArchives li,#divAuthors li{width:50%;height:22px;float:left;overflow:hidden}#divCatalog li:before,#divPrevious li:before,#divLinkage li:before,#divNavBar li:before,#divComments li:before,#divAuthors li:before{content:"\e409";margin:1px 3px 0 0;font-size:17px;font-family:icomoon;display:inline-block;vertical-align:top}#divArchives li:before,#divMisc li:before{display:none}.sidebar #divMisc li{width:50%;float:left;padding:0;text-indent:0;text-align:center;border:0;background:none}#divTags ul li{width:auto;float:left;margin:10px 0 0 0;padding:0;line-height:18px;white-space:nowrap;border:0}#divTags ul li:before{display:none}#divTags ul li a,.tags-cloud a{margin:0 10px 0 0;padding:5px 10px;font-size:14px;color:#fff;border-radius:3px;box-shadow:0 1px 1px 0 #ccc;background:#009255;display:inline-block;vertical-align:top}#divTags ul li a:hover,.tags-cloud a:hover{text-decoration:none;background:#db4700}.tag-count{display:none}.friendlink{margin:0 0 50px;text-align:center}.friendlink h3{font-size:26px;color:#333;font-family:"microsoft yahei"}.friendlink ul{margin:20px 0 0;padding:20px 0 0;border-top:1px solid #e0e0e0}.friendlink li{display:inline-block;vertical-align:top;*display:inline;*zoom:1}.friendlink a{margin:5px 10px;padding:0 10px;font-size:12px;color:#666;font-family:"microsoft yahei";line-height:26px;border:1px solid #e0e0e0;border-radius:15px;display:inline-block;vertical-align:top}.friendlink a:hover{color:#009255;border:1px solid #009255}
.footer{padding:30px 0;font-size:12px;color:#FFF;line-height:24px;background:#009255}
.footer a{color:#fff}
.footer a:hover{color:#ddd}

.foot{margin:0 10px;font-family:"microsoft yahei";overflow:hidden}

.foot hr{ display:none;}

.link li{margin:0 0 10px;padding:0 20px;font-size:14px;line-height:14px;border-right:1px solid #fff;display:inline-block;*display:inline;*zoom:1}.link li.noborder{border-right:0}
.copyright{margin:0 10px;}
a.backtotop{width:45px;height:45px;margin-left:530px;text-align:center;line-height:47px;border-radius:50%;cursor:pointer;opacity:.8;position:fixed;_position:absolute;left:50%;bottom:100px;_bottom:30px;background:#009255;overflow:hidden}a.backtotop i:after{content:"\eb5c";font-size:30px;color:#fff;font-family:icomoon}a.backtotop:hover{background:#009255}.advice{width:960px;margin:0 auto}.adtxt{width:770px;margin:0 auto;font-size:14px;color:#666;text-align:center}.adtxt .adtitle{height:40px;padding:20px 0 0;font-size:22px;color:#333;line-height:40px}.adtxt p{margin-bottom:15px}.adcontent,.adcontact,.adsubmit{text-align:center}.adcontent{margin-top:50px}.adcontent textarea{width:750px;padding:10px;font-size:16px;color:#333;line-height:25px;border:1px solid #dbdbdb}.adcontact{margin-top:20px}.adcontact label{font-size:16px}.adcontact input{width:666px;margin-left:20px;padding:10px;font-size:16px;color:#333;border:1px solid #dbdbdb}.adsubmit{margin-top:20px}.adsubmit input{width:188px;height:45px;font-size:18px;color:#009255;text-align:center;line-height:38px;border:1px solid #009255;border-radius:2px;cursor:pointer;background:#fff}.adsubmit input:hover{color:#fff;background:#009255}.errorpage{width:420px;margin:0 auto 50px;text-align:center}.errorpage h2{font-size:98px;line-height:150px;font-weight:bold;color:#666;margin:10px 0;text-shadow:rgba(61,61,61,0.3) 1px 1px,rgba(61,61,61,0.2) 2px 2px,rgba(61,61,61,0.3) 3px 3px}.errorpage h3{font-size:30px;color:#666;line-height:35px;margin:10px 0}.errorpage p{font-size:14px;color:#666;margin:0 0 10px}.schtxt{width:71%;float:left;padding:0 17px;font-size:14px;color:#666;line-height:40px;border:1px solid #009255;border-radius:2px;outline:0;background-color:#fafafa;position:relative;z-index:2}.schbtn{width:20%;font-size:16px;color:#fff;padding:10px 0;line-height:22px;border:0;border-radius:2px;background:#009255;outline:0;cursor:pointer}.main .goback{padding:10px 30px;font-size:16px;color:#fff;text-align:center;border-radius:2px;background:#009255}.main .goback:hover{color:#fff;text-decoration:none}.fadebox{opacity:0}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@media screen and (max-width:1200px){
	.letter{background-size: 16%;background-position: 90% 93%;}
	.product-list .videoitem{width: 48%;}
	.product-list .videolistvideo{ height:200px;}
	.product-list .videolist-play{ top: 45%;left: 45%;}
	.pro-box{    height: 93vw;}
	.pro-box li{    width: 93vw;height: 93vw;}
	.pro-box ul{ width:465vw;}
	#Input1:checked~ul{ margin-left: 0;}
	#Input2:checked~ul{ margin-left: -93vw;}
	#Input3:checked~ul{ margin-left: -186vw;}
	#Input4:checked~ul{ margin-left: -279vw;}
	#Input5:checked~ul{ margin-left: -372vw;}
	#Input6:checked~ul{ margin-left: -465vw;}
	.b25{width:50%;float:left;}
	.b10,.b13{ width:25%;float:left;}
	.videolist .imglist .imgitem{margin: 0 1% 2% 0;width: 32%;}
	.productbox .imgitem{width:48%;}
	.imglist .newslist ul{width:100%;}
	.topmain .newslist li {margin: 1% 0 1% 0;width: 100%;padding-bottom:1%;}
	.topmain .imglist .product-list .imgitem{width:44%;padding:2%;}
	.mt60{ margin-top:60px;}
	.video-r{ display:none;}
	.video-s .dplayer{ width:100%;}
	.footer{ padding:30px 30px;}
	.info{ margin-top:20px;}
	.product{ margin:0; height:auto;}
	.more{ display:none;}
	.pfl{ float: none; width:100%; height:auto;}
	.pfr{ float:none; width:100%; height:auto; position:relative;}
	.price{ margin-left:0; margin-top:20px;}
	.buy{ margin:0; padding:20px 10px; right:5px; top:35px;}
	.pro-title{ position:relative; width:auto;}
	.pro-title .singleinfo{ height: auto;overflow:inherit; display:block; }
	.info table{ width:100%;}
	.wrap .imglist .product-list { width:102%;}
	.imglist .product-list .imgitem{width: 48%;margin: 0 2% 2% 0}
	.hidden-xs,.foot .w75,.foot .ftlogo,.foot .call h2{ display:none !important;}
	.foot .call{ text-align:center; margin-left:0;}
	.foot .call h1{ height:auto; padding:5px 0;border:1px solid #fff; border-radius:5px; background-color:#1DA15A}
	.w25{ width:100%; border:hidden;}
	.hotname{ display:block !important;}
	.user{ position:relative;left:-10px;float:right;}
	.logout-ico{ left:90px; top:-42px;}
	.user-ico{ left:60px; top:-22px;}
	.caplist ul{max-width:100%}
	.caplist ul li{width:45%}a.backtotop{width:36px;height:36px;margin:auto;line-height:38px;right:20px;bottom:20px;left:auto}a.backtotop i:after{font-size:26px}.wrapper,.wrap,.advice{width:100%;min-width:100%}.headbg .wrap,.define .wrap{height:60px}.headbg .menuico,.define .menuico{top:11px}.headbg .logo,.define .logo{margin-top:12px}.headbg .menu,.define .menu{top:60px}.logo{margin-left:20px}.logo img{height:38px}.menuico{display:inline}.menu,.adcontact label{display:none}.menu{padding:0 20px 20px;border-top:1px solid #e0e0e0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1);background:#fff;position:absolute;top:80px;right:0;left:0}.menu:before{content:"";height:15px;width:15px;background:#fff;border:1px solid #eee;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;top:-8px;right:30px}.menu ul{width:100%}.menu li{width:100%;text-align:center}.menu li a{padding:10px 0;font-size:18px;color:#666;line-height:35px;border-bottom:1px solid #e0e0e0}.menu li a:hover,.menu li a.active{border-bottom:1px solid #009255}.menu li a:before{height:0}.menu li a.sub:before{display:none}.menu li a.sub:after{display:none}.menu li.showsub .subnav{display:none}.menu.on{display:block}.menu .subnav{display:none}.custom,.caption,.captab{width:90%}.custom h2{font-size:3em;font-weight:bold;line-height:60px}.captab{margin:0 auto 40px}.captab li a{padding:12px 30px}.tabitem,.aboutme{width:90%}
	.sellpoint{display:none;}
	.sellitem {width: 21%;padding: 25px 2%;}
	.newslist ul{width:90%;margin:0 auto}.newslist ul li{width:100%;margin:0 0 4% 0;padding-bottom:4%;border-bottom:1px dotted #e0e0e0}.thumimg{height:220px}.thumimg img{min-height:220px}.main{padding:80px 10px 20px}.single,.sidebar{width:auto;float:none}.cmtinfo{float:none}.cmtinfo .cmt{margin:15px 0 0 -70px !important}.sidebar.hide{display:none}.adtxt{width:92%}.adcontent{margin:30px auto 0}.adcontent textarea{width:90%}.adcontact input{width:90%;margin:0}
	.imglist ul{width:102%}
	.videoitem {margin:0 1% 2% 0;width:32%}
	.imglist ul .imgitem{width:49%;margin:0 2% 2% 0}
	.imglist ul .imglistimg{height:250px}.imglist ul .imglistimg img{width:100%;min-height:250px}.imglist ul .ias_trigger{width:98%}.imglist ul .pagination-loading{width:100%}.photowall{column-count:3;column-gap:0;width: 100% !important;}}
@media screen and (max-width:1000px){
	.letter{background-size: 18%;background-position: 90% 92%;}
	.product-list .videolistvideo{ height:150px;}
.videobox{ width:102%;}
.videopro{ width:48%; margin-right:2%;}.photowall{column-count:2;column-gap:0;width: 100% !important;}
}
@media screen and (max-width:800px){
	.letter{background-size: 22%;background-position: 83% 92%;}
	.letter .fr{float:right;}
	.product-list .videoitem{width: 100%; margin:0}
	.product-list .videolistvideo{ height:auto;}
	.product-list .videolist-play{ top: 45%;left: 45%;}
	.profl{ float:none; padding:0}
	.fr{ float:none;}
	.fr .imgcenter,.fl .imgcenter{padding:0 0 10px 0}
	.imglist ul{width:102%}
	.sellitem {width: 46%;}
	.videolist .imglist .imgitem {margin:0 2% 2% 0;width:48%}
	.videoitem {margin:0 2% 2% 0;width:48%}
	.sellpoint{display:none}.thumimg{height:auto;max-height:300px}.thumimg img{min-height:auto}.comment .cmtimg{display:none}.comment .cmtarea{padding:0}}
@media screen and (max-width:680px){.photowall{column-count:1;column-gap:0;width: 100% !important;}
	.letter{background-size: 32%;background-position: 75% 98%;}
	.videobox{ width:100%;}
	.videopro{ width:100%;}
	.search .btn{margin:0;}
	.headbg .searchnone,.define .searchnone{top:11px;}
	.searchnone{display:block;width: 40px;height: 30px;float: right;position: relative;top: 2em;right: 1em;background-color: #009255;color:#fff;text-align:center;padding-top:8px; -webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
	.searchnone:before{    content: "\e077";font-size: 20px;color: #fff;font-family: icomoon;}
	.search-con{display: none;}
	.search-box{ display: none;width: 160px; height: 30px; position:relative;top:2em;}
    .search-con:checked ~ .search-box{display: block;}
	.search{margin:0;}
	.b25{width:100%;float:left;}
	.b10,.b13{ width:50%;float:left;}
	.productbox .imgitem{width:98%;}
	.topmain .imglist .product-list .imgitem{width:92%;padding:4%;}
	.morebtn{margin:10px 15px;}
	.singlecontent{padding:0 15px;}
	.topmain .imglist .protitle h2 {padding: 10px 15px;}
	.topmain .content .fr{width:100%;padding:10px 0;}
	.imglist ul{width:100%}
	.videolist .imglist .imgitem {margin:0 0 2% 0;width:100%}
	.videoitem {margin:0 0 2% 0;width:100%}
	.footer{ padding:30px 30px;} 
	.imglist .product-list .imgitem{width:100%;margin:0 !important;}
	.hidden-ss{ display:none;}
	.user{ display:none;}
	.menu li a{padding:5px 0}.main{padding:70px 5px 10px}.custom h2{font-size:2em;font-weight:bold;line-height:50px}.custom a{padding:10px 50px}.custom a.red{border:1px solid #009255}.custom a.grey{padding:10px 50px}.videobanner{display:none}.captab{margin:0 auto 20px}.captab li{width:33.33%;overflow:hidden}.captab li a{padding:0 0 10px;font-size:16px;display:block}.captab li a img{height:15px;margin:6px 5px 0 0}.caption{padding:0 0 20px}
	.caplist{padding:35px 0}.caplist ul{width:95%}.caplist ul li{width:100%;margin:0 0 30px}.thumimg{max-height:none}
	.captxt h4 a{font-size:18px}.casebtn{margin:10px auto 0}.multiimg,.relateimg{width:100%;height:auto;float:none;margin:0 0 15px;display:block}.multiimg img,.relateimg img{width:100%;min-height:200px}.relateinfo{width:100%}.relateinfo h3{margin-bottom:10px}.multi{padding:15px}.multi h2{margin:0 0 10px;font-size:18px;line-height:30px}.multibox{padding-left:0}.multiimgs li{height:100px}.multiimgs li img{min-height:100px}.imglist ul{width:100%}.imglist ul .imgitem{width:100%;margin:0 0 5%}.imglist ul .imgitem:nth-child(2n){margin:0 0 5%}.imglist ul .imglistimg{height:auto !important}.imglist ul .imglistimg img{width:100%;min-height:200px}.imglist ul .imglistinfo{height:auto;padding-bottom:20px}.sitemap{padding:10px 15px;font-size:12px}.singletitle{padding:15px 15px 0}.singletitle h1{font-size:20px}.singleinfo{margin:15px 0}.content{padding:0 15px}.tags,.bdshare{margin:0 15px 10px}.articletitle{height:50px;margin:0 15px}.articlecon{padding:0}.cmt,.comment,.relate,.pages{margin:0 15px}.cmtform{width:auto}.cmtform p{width:100%}.cmtsubmit input{width:100%;margin:0}.cmtsubmit span{display:none}.map li{height:auto;padding:10px 0;line-height:25px;list-style-type:none}.map li a{display:block}.map li span{padding-left:0;position:static}.newstitle{margin-bottom:20px}.newsread{display:none}}@media screen and (max-width:410px){.custom a{width:120px}.multiimgs li{height:80px}.multiimgs li img{min-height:80px}.multiimg{max-height:200px}.multiimg img{min-height:200px}.imglist ul{width:100%}.imglist ul .imglistimg img{width:100%}.author,.views,.cmtnum,.cmtsubmit span,.cmtinfo .datetime,.reply,#divCatalog{display:none}a.backtolist{margin:0 0 20px;float:none;text-align:center;display:block}.cmtimg{margin:6px 0 0}}