*{margin:0;padding:0}h1,h2,h3,h4,h5{margin:0;padding:0}a{text-decoration:none !important;color:#333}a:hover{color:#333}.wrap{max-width:1200px !important;margin:0 auto}.img_wrap{max-width:1200px;margin:15px auto}.no-margin{margin:0 !important}.clear{clear:both}.website_title{margin:15px 0;font-size:16px;text-align:center}.website_desc{font-size:12px;text-indent:24px;text-align:justify}.hot_keywords{line-height:42px;background-color:#e3e3e3}.hot_keywords b{font-size:16px}.hot_keywords strong{font-weight:normal}.none{display:none}.img-position-absolute{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;margin:auto;padding:auto}.imgauto{width:auto;height:auto;max-width:100%;max-height:100%}.wcenter{height:100%;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.overflowhidden{overflow:hidden}.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more{float:left;font-size:12px;padding-left:17px;line-height:16px;height:16px;background-image:none !important;background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}
header{width:100%;font-family:"microsoft yahei";position:relative}header .headinfo{width:100%;height:40px;background-color:rgba(255,255,255,0.6);overflow:hidden;border-bottom:1px solid #e7e7e7;position:relative;z-index:999}header .headinfo .left{float:left;line-height:40px}header .headinfo .right{float:right}header .headinfo .right .icon{float:right}header .headinfo .right .icon li{float:right;color:#fff;width:26px;height:26px;margin:7px 5px 0 5px;transition:all .3s}header .headinfo .right .icon li:nth-child(1){background: no-repeat center center}header .headinfo .right .icon li:nth-child(2){background: no-repeat center center}header .headinfo .right .icon li:nth-child(3){background: no-repeat center center}header .headinfo .right .icon li:nth-child(1):hover{background: no-repeat center center}header .headinfo .right .icon li:nth-child(2):hover{background: no-repeat center center}
header .headinfo .right .icon li:nth-child(3):hover{background: no-repeat center center}header .headinfo .right .icon li a{display:block;width:100%;height:100%}header .headinfo .right .phone{float:right;line-height:40px;background: no-repeat center left;padding-left:25px;margin-right:20px}header .head{width:100%;height:70px;background-color:rgba(255,255,255,1);transition:all .3s}header .headabs{position:absolute;bottom:-70px;z-index:999}header .headfix{position:fixed;top:0;z-index:999}header .head .logo{width:400px;line-height:70px;float:left;overflow:hidden}header .head .logo img{max-width:120px;max-height:70px;line-height:70px;vertical-align: middle}header .head .logo{font-size: 16px;vertical-align: middle}header .head .icon-menu{width:35px;line-height:70px;overflow:hidden;cursor:pointer;color:#000}header .hnav{line-height:70px;float:right;width:900px}header .hnav nav{width:100%;height:100%}header .hnav nav>ul{width:100%;height:100%}header .hnav nav>ul>li{float:left;width:100px;height:100%;text-align:center;transition:all .3s;position:relative}
header .hnav nav>ul>li h1{font-size:1.2em;color:#000;line-height:30px}header .hnav nav>ul>li span,header .hnav nav>ul>li a{color:#000;cursor:pointer;font-size:18px}header .hnav nav>ul>li>ul{display:none;width:100%;overflow:hidden;position:absolute;left:0;top:70px;z-index:999}header .hnav nav>ul>li>ul>li{width:100%;height:40px;background-color:rgba(0,0,0,0.5);line-height:40px;transition:all .3s;overflow:hidden}header .hnav nav>ul>li>ul>li a{display:block;color:#fff}header .hnav nav>ul>li>ul>li:hover{background-color:#000}header .hnav nav>ul>li:hover,header .hnav nav>ul>li.active{background-color:#000}header .hnav nav>ul>li:hover h1,header .hnav nav>ul>li.active h1{color:#fff}header .hnav nav>ul>li:hover a,header .hnav nav>ul>li:hover span,header .hnav nav>ul>li.active a,header .hnav nav>ul>li.active span{color:#fff}header .hnav nav>ul>.active{background-color:#000}header .hnav nav>ul>.active h1{color:#fff}header .hnav nav>ul>.active span{color:#fff}header .hnav nav>ul>li:hover ul{display:inherit}header .roll{height:70px;border-bottom:1px solid #dbdbdb}header .roll .logo{line-height:70px}header .roll .hnav{height:70px}
header .roll .hnav nav>ul>li span{display:block}.banner{position:relative;margin-top:70px}.main{font-family:"microsoft yahei";margin-top:35px;}.main .mtitle{width:100%;padding:20px 0;text-align:center;background: no-repeat center center;overflow:hidden}.main .mtitle .big{display:inline-block;font-size:4em;font-weight:bold;color:#000;text-transform:uppercase}.main .mtitle .text{display:inline-block;text-align:left}.main .mtitle .text h1{font-size:2em;color:#000}.main .mtitle .text span{font-size:1.2em;color:#000}.main .content{padding:20px 0}.main .content p img{max-width:100%}.main .product .swiper-container{padding:10px}.main .pitem{overflow:hidden;height:307px;position:relative;transition:all .3s;border:1px solid #dcdcdc}.main .pitem .img{width:100%;height:100%;transition:all .3s}.main .pitem .text{width:100%;height:40px;line-height:40px;text-align:center;background-color:rgba(0,0,0,0.6);color:#fff;transition:all .3s;position:absolute;bottom:0}
.main .pitem .hover{width:100%;height:100%;background-color:rgba(1,122,195,0.6);position:absolute;top:307px;left:0;color:#fff;font-size:1.2em;transition:all .5s ease-in-out}.main .pitem:hover{box-shadow:0 5px 15px rgba(0,0,0,0.5);border-color:#000}.main .pitem:hover .img{transform:scale(1.1)}.main .pitem:hover .text{bottom:-40px}.main .pitem:hover .hover{top:0}.main .about{width:100%;padding-bottom:20px;overflow:hidden;background: no-repeat center center;background-size:cover}.main .about .left{float:left;width:40%;height:320px;transition:all .3s}.main .about .left .img{width:100%;height:100%}.main .about .right{float:right;width:58%;height:320px;transition:all .3s;background: no-repeat center left;background-size:auto 100%;padding:30px 10px 30px 120px;position:relative}.main .about .right .title{color:#fff;font-size:1.8em;font-weight:800}.main .about .right .text{margin:10px 0;line-height:25px;color:#fff;height:200px;overflow:hidden}
.main .about .right .more{width:35px;height:76px;background-color:#000;position:absolute;bottom:63px;left:66px;transition:all .3s;border:1px solid #000}.main .about .right .more a{display:block;width:100%;height:100%;writing-mode:tb-rl;color:#fff;text-align:center;line-height:35px}.main .about .right .more:hover{background-color:#fff}.main .about .right .more:hover a{color:#000}.main .news{width:100%;overflow:hidden;background: repeat}.main .news .left{float:left;width:50%;padding:0 10px;transition:all .3s}.main .news .left .img{width:100%;height:280px;transition:all .3s}.main .news .left .title{height:30px;line-height:30px;font-size:1.2em;font-weight:600;margin-top:10px;color:#000;position:relative;padding-right:80px;overflow:hidden}.main .news .left .title span{font-size:1em;color:#000;position:absolute;right:0;top:0;font-weight:500}.main .news .left .text{margin:10px 0;line-height:22px;height:66px;overflow:hidden;color:#000;transition:all .3s}
.main .news .left:hover .text{color:#000}.main .news .left:hover .img{box-shadow:0 0 15px rgba(0,0,0,0.6);transform:scale(1.05)}.main .news .right .list:after{content:"";display:block;visibility:hidden;clear:both}.main .news .right .nitem{width:46%;height:80px;border:2px solid #fff;overflow:hidden;transition:all .3s;margin:5px 2%;float:left}.main .news .right .nitem .date{float:left;width:80px;height:100%;background-color:#fff;transition:all .3s;color:#000}.main .news .right .nitem .date .day{font-size:2.2em;font-weight:bold}.main .news .right .nitem .info{overflow:hidden;padding:5px}.main .news .right .nitem .info .title{color:#000;font-size:1.1em;font-weight:400;line-height:60px;overflow:hidden}.main .news .right .nitem .info .text{line-height:22px;height:44px;overflow:hidden;color:#000}.main .news .right .nitem:hover .date{background-color:#000;color:#fff;width:100px}.main .news .right .nitem:hover{border-color:#000}.honor-info{width:90%;margin:0 5%;background-color:white}
.honor-info td{height:44px;line-height:44px;border:1px solid #eaeaea}.honor-info .u-inforname{padding:0 20px;width:100px;text-align:left}.honor-info .u-infortext{padding-left:20px}.main .partner .list{height:180px}.main .partner .list li{float:left;width:14.66%;margin:10px 1%;height:75px;border:1px solid #ccc;overflow:hidden;text-align:center;padding:10px;transition:all .3s}.main .partner .list li img{width:auto;max-width:100%;height:auto;max-height:100%}.main .partner .list li{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.main .partner .list li:hover{box-shadow:0 0 15px rgba(0,0,0,0.5)}.main .partner .more{width:150px;height:40px;line-height:40px;text-align:center;background-color:#000;color:#fff;font-size:1.2em;margin:20px auto;cursor:pointer;transition:all .3s}.main .partner span{transition:all .3s}.main .rotate180{transform:rotate(180deg)}.main .other{width:100%;height:250px;padding:20px 0;background-color:#292929;overflow:hidden;border-bottom:1px solid #bdbdbd}
.main .other .wrap{width:100%;height:100%;overflow:hidden}.main .other .contact{width:48%;float:left;height:100%}.main .other .otitle{width:150px;float:left;height:100%}.main .other .otitle h2{font-size:1.6em;color:#fff;border-bottom:1px solid #fff;padding:5px 0}.main .other .otitle span{color:#fff;font-size:1em;text-transform:uppercase;text-align:left}.main .other .content{overflow:hidden;color:#fff}.main .other .fadeinright .content{text-align:center}.main .other .content img{height:190px}.main .other .contact .content li{line-height:25px;color:#fff}.main .other .message{width:48%;float:right;height:100%}.main .other .message input[type="text"]{width:49%;float:left;height:50px;padding:10px;background:0;border:0;border-bottom:1px solid #000;outline:0;color:#fff}.main .other .message input[type="text"]:nth-of-type(2){margin-left:2%}.main .other .message textarea{width:100%;height:80px;margin-top:10px;padding:10px;display:block;resize:none;outline:0;border:0;border-bottom:1px solid #000;background:0;color:#fff}
.main .other .message input[type="submit"]{width:100px;height:40px;background-color:#000;line-height:40px;text-align:center;margin-top:10px;border:0;color:#fff}footer{width:100%;background-color:#282828;padding:10px 0;text-align:center;color:#bdbdbd;overflow:hidden}footer .link{overflow:hidden;width:100%;text-align:center}footer .link li{display:inline-block;color:#fff}footer .link li a{margin:0 20px}footer a{color:#bdbdbd}footer a:hover{color:#000;text-decoration:underline !important}#mycarousel{margin-top:70px}.page{padding:30px 0}.page .left{float:left;width:21%;transition:all .3s}.page .right{float:right;width:77%;transition:all .3s}.page .left .navmenu{width:100%;overflow:hidden}.page .left .navmenu .navtitle{width:100%;height:50px;line-height:50px;margin-top:15px;background-color:#000;color:#fff;text-align:center;overflow:hidden}.page .left .navmenu .navtitle h1{font-size:1.5em;display:inline-block}.page .left .navmenu .navtitle span{font-size:1em}.page .left .navmenu .navul li{width:100%;height:40px;line-height:40px;text-align:center;margin-top:5px;background-color:#f4f4f4;transition:all .3s;font-size:1.1em}
.page .left .navmenu .navul li a{color:#000;display:block;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page .left .navmenu .navul li:hover{background-color:#000}.page .left .navmenu .navul li:hover a{color:#fff}.page .left .navmenu .navul .act{background-color:#000}.page .left .navmenu .navul .act a{color:#fff}.page .left .navmenu .navul .active{background-color:#000}.page .left .navmenu .navul .active a{color:#fff}.page .left .navmenu .navcontact{width:100%;background-color:#f4f4f4}.page .left .navmenu .navcontact .title{width:100%;height:90px;background:#000;text-align:center;color:#fff}.page .left .navmenu .navcontact .title h1{font-size:1.5em}.page .left .navmenu .navcontact .title span{font-size:1em}.page .left .navmenu .navcontact .img{width:100%;height:100px;margin:10px 0}.page .left .navmenu .navcontact .info{width:100%;padding:10px}.page .left .navmenu .navcontact .info li{line-height:25px}
.page .navmenu2{overflow:hidden;padding-top:10px}.page .navmenu2 .tlt{width:100%;line-height:50px;padding:0 15px;background:#000;color:#fff;font-weight:bold;font-size:16px;position:relative;cursor:pointer}.page .navmenu2 .tlt span{position:absolute;right:25px;line-height:50px}.page .navmenu2 .sjdnav2 ul{padding:0;margin:auto}.page .navmenu2 .sjdnav2 li{width:100%;height:40px;text-align:center;background:#fff;border-bottom:2px solid #000;transition:all .3s}.page .navmenu2 .sjdnav2 li:hover{color:#fff;background:#000}.page .navmenu2 .sjdnav2 li a{display:block;color:#000;line-height:40px;transition:all .3s}.page .navmenu2 .sjdnav2 li:hover a{color:#fff}.page .navmenu2 .sjdnavhide2{height:0;overflow:hidden}.page .right .rtitle{width:100%;border-bottom:3px double #d3d3d3;height:40px;line-height:40px;position:relative;overflow:hidden}.page .right .rtitle h1{font-size:1.5em;font-weight:bold;color:#000}.page .right .rtitle span{position:absolute;right:0;top:0}.page .abouthtml .img{width:auto;height:auto;max-width:100%;max-height:100%;overflow:hidden;text-align:center}
.page .abouthtml .img img{width:auto;height:auto;max-width:100%;max-height:100%}.page .abouthtml .text{line-height:25px;color:#000}.page .abouthtml .text p{text-indent:28px;text-align:justify}.page .casehtml .pitem{width:31.33%;margin:10px 1%;float:left}.page .productshowhtml{text-align:center}.page .productshowhtml .title{padding:0 10px;display:inline-block;height:40px;line-height:40px;text-align:center;background-color:#000;color:#fff;font-size:1.3em}.page .productshowhtml .img{width:auto;height:auto;max-width:90%;max-height:100%;text-align:center;margin:20px auto;overflow:hidden}.page .productshowhtml .img img{width:auto;height:auto;max-height:100%;max-width:100%}.page .productshowhtml .text{text-align:left;line-height:25px;color:#000}.page .productshowhtml .line{border-bottom:1px dashed #666;margin:10px 0}.page .contacthtml li{line-height:25px}.page .contacthtml .map{width:100%;margin-top:20px;height:350px}#map,#ditucontent{width:100%;height:100%}.page .newshtml .list{padding:0 10px}
.page .newshtml .nitem{width:100%;padding:10px;margin:10px 0;overflow:hidden;background-color:#f3f3f4;transition:all .3s}.page .newshtml .nitem .img{float:left;width:180px;height:100%;margin-right:10px}.page .newshtml .nitem .tlt{overflow:hidden;height:100%}.page .newshtml .nitem .tlt .title{color:#666;font-size:1.2em;font-weight:bold;transition:all .3s;line-height:30px;height:30px;overflow:hidden}.page .newshtml .nitem .tlt .text{color:#999;margin-top:10px;line-height:22px;height:66px;overflow:hidden;ransition:all .3s}.page .newshtml .nitem:hover{background-color:#000;box-shadow:0 0 20px rgba(0,0,0,0.5)}.page .newshtml .nitem:hover .title{color:#fff}.page .newshtml .nitem:hover .text{color:#fff}.page .newsshowhtml .tlt{width:100%;text-align:center;padding:5px 0;border-bottom:1px solid #d3d3d3}.page .newsshowhtml .tlt .title{font-size:1.2em;font-weight:bold;color:#000}.page .newsshowhtml .tlt .date{color:#d3d3d3;font-size:1em;margin-top:10px}.page .newsshowhtml .img{width:auto;height:auto;max-width:100%;max-height:100%;overflow:hidden;text-align:center;margin:10px 0}
.page .newsshowhtml .img img{width:auto;height:auto;max-width:100%;max-height:100%}.page .newsshowhtml .text{line-height:22px;color:#000}.page .cooperationhtml .list li{float:left;width:14.66%;margin:10px 1%;height:75px;border:1px solid #ccc;overflow:hidden;text-align:center;padding:10px;transition:all .3s}.page .cooperationhtml .list li img{width:auto;max-width:100%;height:auto;max-height:100%}.page .cooperationhtml .list li{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}.page .cooperationhtml .list li:hover{box-shadow:0 0 15px rgba(0,0,0,0.5)}.page .messagehtml table{margin:auto}.page .messagehtml table td:nth-of-type(2){width:300px;height:50px;padding:5px 0}.page .messagehtml table td input[type='text']{width:100%;height:40px;outline:0;padding:10px}.page .messagehtml table td textarea{width:100%;height:150px;resize:none;padding:10px;outline:0}
.page .messagehtml input[type="submit"]{width:200px;height:35px;line-height:35px;text-align:center;background-color:#000;color:#fff;border:0;margin:auto;display:block}@media(max-width:1199px){header .headinfo{padding:0 15px}header .head{padding-left:15px;padding-right:15px}.banner{margin-top:0}header .head .right{width:auto}.main .content{padding:20px 15px}.page{padding:20px 15px}}@media(max-width:991px){header .roll{height:auto}header .roll .logo{line-height:90px}header .roll .hnav{height:auto}header .headabs{position:absolute;bottom:auto;z-index:999}header .head{padding:0 15px;position:fixed;top:0;z-index:999;background-color:rgba(255,255,255,1)}header .head .logo{width:80%;line-height:90px;margin-right:0}header .sjdnav{width:150px;height:auto;position:absolute;right:10px;top:100px;z-index:5}header .sjdnav ul{padding:0;margin:0}header .sjdnav li{height:39px;display:block;padding:0;background-color:#000;text-align:center;margin-bottom:1px}header .sjdnav li:hover{background-color:#000}
header .sjdnav li a{display:block;color:#fff;line-height:39px}header .sjdnavhide{height:0;overflow:hidden}.main .pitem{height:200px}.page .left{float:none;width:100%}.page .right{float:none;width:100%}.page .newshtml .list{padding:0}}@media(max-width:767px){body{margin-bottom:76px}header .head .logo{line-height:60px}header .head .logo img{max-width:240px}header .head .icon-menu{width:30px;line-height:80px;margin-top:20px;font-size:22px}header .sjdnav{left:0;top:70px;width:100%;box-shadow:0 2px 5px rgba(245,245,245,0.2)}header .sjdnav li{text-align:right;margin-bottom:0;padding:0 3%;line-height:40px;background:rgba(255,255,255,1);border-bottom:solid 1px #000;transition:all .3s}header .sjdnav li:hover{color:#f5f5f5;background:#000}header .sjdnav li a{color:#000;line-height:40px;transition:all .3s}header .sjdnav li:hover a{color:#fff}.banner img{margin-top:80px}.banner .swiper-button-prev,.banner .swiper-button-next{display:none !important}.main .pitem{height:160px}.main .pitem .hover{font-size:1em}
.main .mtitle .big{font-size:2em}.main .mtitle .text h1{font-size:1.2em}.main .mtitle .text span{font-size:1em}.main .about .left{float:none;width:100%;height:200px}.main .about .right{float:none;width:100%;margin-top:10px}.main .news .left{float:none;width:100%}.main .news .right{float:none;width:100%}.main .partner .list li{width:23%}.main .other{height:auto}.main .other .contact{float:none;width:100%}.main .other .message{float:none;width:100%}.main .other .otitle{width:100%;float:none}.main .other .message input[type="submit"]{width:100%}footer{height:50px;padding:10px;line-height:30px}.page .abouthtml .text{line-height:22px}.page .casehtml .pitem{width:48%;height:220px}.page .newshtml .nitem{height:130px}.page .newshtml .nitem .img{width:130px}.page .messagehtml table{width:100%}.page .messagehtml table td:nth-of-type(2){width:auto}.page .messagehtml input[type="submit"]{width:100%}.page .cooperationhtml .list li{width:23%}}@media(max-width:480px){.main .about .right .title{font-size:1.1em}
.main .news .left .img{height:160px}.page .casehtml .pitem{height:160px}}.dock{position:fixed;right:0;width:50px;-moz-opacity:.9;opacity:.9;z-index:200;font-size:14px;font-family:'寰蒋闆呴粦'}.dock.close{z-index:50}.dock ul.icons{position:absolute;list-style:none;right:0;padding:0;width:50px;border:1px solid #000;border-right:0;background:#111;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}.dock.close ul.icons{right:-70px}.dock ul.icons li i{display:block;position:relative;width:50px;height:50px;background: no-repeat;cursor:pointer;-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0;z-index:210}
.dock ul.icons li.active i{-moz-opacity:.4;opacity:.4}.dock ul.icons li.up i{background-position:-63px -150px}.dock ul.icons li.tel i{background-position:-62px -108px}.dock ul.icons li.im i{background-position:-63px -20px}.dock ul.icons li.wechat i{background-position:-59px -66px}.dock ul.icons li.down i{background-position:-63px -190px}.dock ul.icons li p{display:block;position:absolute;top:50px;right:-260px;padding:15px 20px;height:120px;color:white;line-height:30px;border:1px solid #000;border-right:0;background:#111;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201}.dock ul.icons li.active p{right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}.dock ul.icons li.tel p{width:140px;height:130px;line-height:30px}
.dock ul.icons li.im p{width:140px;height:130px;line-height:30px}.dock ul.icons li.im p a{display:block;margin-top:12px;width:100px;height:35px;line-height:32px;color:#000;font-size:16px;text-align:center;text-decoration:none;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;transition:all .3s ease-in-out 0}.dock ul.icons li.im p a:hover{color:white;background:#000;border:1px solid #000}.dock ul.icons li.wechat p{width:170px;height:160px;line-height:30px}.dock ul.icons li.wechat p img{border:2px solid #000}.dock a.switch{position:absolute;display:block;top:252px;right:11px;width:26px;height:26px;background: no-repeat 0 -640px;cursor:pointer;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-ms-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}.dock a.switch.off{background-position:-32px -640px}
.diy_page,.diy_page2{font:12px/21px arial;clear:both;margin:0 auto;text-align:center;color:#999}.diy_page a img{border:0}.diy_page a{text-decoration:none;color:#333;border:1px solid #000;padding:0 4px;margin-right:1px}.diy_page a:hover{color:#000;background:#000;text-decoration:none}.diy_page a.current{color:#000;border:1px solid #000;background:#000}.diy_page a.p_n{border:0}.diy_page a.p_n:hover{border:0;background:0;color:#000;text-decoration:underline}.diy_page a.nob{border:0;padding:0 3px}.diy_page a.p_n2{border:0;text-decoration:none;border:1px solid #fff}.diy_page a.p_n2:hover{border:0;background:0;border:1px solid #000}.bottomnav{display:none;width:100%;height:76px;background-color:#282828;position:fixed;bottom:0;z-index:20}.bottomnav .bottomnav-menu{width:100%;height:100%;position:relative}.bottomnav a{text-decoration:none}.bottomnav .bn-btn,.bnitem{width:25%;height:100%;text-align:center;float:left;position:relative;cursor:pointer;transition:all .5s}.bottomnav .bn-btn:hover{background-color:#000}
.bottomnav .bottomnav-share .bnitem:hover{background-color:rgba(0,0,0,0.08)}.bottomnav .img-phone{background: no-repeat center 12px}.bottomnav .img-qq{background: no-repeat center 12px}.bottomnav .img-qr{background: no-repeat center 12px}.bottomnav .img-share{background: no-repeat center 12px}.bottomnav .bn-btn span{display:block;width:100%;margin-top:48px;color:#e6e6e6;font-size:.9em}.bottomnav .bottomnav-qr{display:none;position:absolute;width:100%;margin-top:-320px}.bottomnav .qr-img{width:200px;height:200px;background-color:#fff;margin:auto;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.15);padding:5px}.bottomnav .qr-img img{width:100%}.bottomnav .bottomnav-share{display:none;width:100%;position:absolute;margin-top:-170px}.bottomnav .share-menu{width:95%;height:70px;background-color:#fff;margin:auto;border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,0.2);padding:5px}.bottomnav .share-qzone{background: no-repeat center center}
.bottomnav .share-weibo{background: no-repeat center center}.bottomnav .share-renren{background: no-repeat center center}.bottomnav .share-weixin{background: no-repeat center center}.mainpage{margin:30px 0}.mainpage ul{width:680px;height:32px;display:block;margin:0 auto}.mainpage ul li{float:left;display:inline;height:30px;line-height:30px;padding:0 10px;color:#000;font-size:15px;margin:0 4px;border:1px solid #dedede;font-size:15px}.mainpage ul li a{color:#000;font-size:15px}.mainpage ul li.thisclass{background:#000;border:1px solid #000;color:#fff;font-size:15px}.mainpage ul li.thisclass a{color:#fff}.mainpage ul li a:hover,a:focus{color:#000;text-decoration:none}#map{width:100%;height:350px;margin-top:15px}.map_img{width:180px;float:left}.map_contact{width:50%;float:left;padding-left:10px}.map_contact p{margin:0}.bottom_company_info{line-height:2}.line{padding:25px 0}.article_text{padding:15px 0;border-top:1px solid #d3d3d3}
.article_text p{margin:10px 0;font-size:14px;text-indent:28px;line-height:25px;text-align:justify}.article_text img{display:block;max-width:100%;margin:0 auto}@media(max-width:768px){header .head .logo img{display:none;}.main .news .right .nitem,.img_wrap{width:100%}.bottomnav{display:inherit}video{width:100% !important;height:auto;background-color:black}}