@font-face {
    font-family: "HanHei SC";
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/hanhei-sc-thin.woff') format("woff"), url('../fonts/hanhei-sc-thin.ttf') format("truetype");
}
@font-face {    
    font-family: "HanHei SC 300";
    src: url('../fonts/hanhei-sc-thin.eot');
}
@font-face {
    font-family: "HanHei SC";
    font-style: normal;
    font-weight: 600;
    src:  url('../fonts/hanhei-sc-semibold.woff') format("woff"), url('../fonts/hanhei-sc-semibold.ttf') format("truetype");
}
@font-face {
    font-family: "HanHei SC 600";
    src: url('../fonts/hanhei-sc-semibold.eot');
}
@font-face {
    font-family: "HanHei SC";
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/hanhei-sc-text.woff') format("woff"), url('../fonts/hanhei-sc-text.ttf') format("truetype");
}


button,html,input,select,textarea{color:#222;outline:0 none !important; blr:expression(this.onFocus=this.blur());}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #e3e3e3;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#e3e3e3;color:#000;padding:.2em 0}
.ir{background-color:transparent;border:0;overflow:hidden}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
ul,li{list-style:none;}
body{font-size:1em;line-height:1.4;font-family:'HanHei SC';overflow-x:hidden;}
html,body,h1,h2,h3,h4,h5,ul,li,p,section,header,footer,nav{margin:0;padding:0;list-style:none;}
.fl{float:left;}
.fr{float:right;}
a,a:hover{text-decoration:none;outline: none;}                                                                                                                                                        
a{color:#252525;}
img{border:0;}
.cl{clear:both;} 
.red{color:#ff2400;}
@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
    blockquote,pre{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    img,tr{page-break-inside:avoid}
    img{max-width:100%!important}
    @page{margin:.5cm}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}   
*{  
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    /*behavior: url(css/iecss3.htc); */
}

#plugloading{position:fixed;z-index:999999;height:100%;width:100%;background:#fff;display:block;top:0;left:0;}
.Demo-headerbox{width:100%;height:auto;float:left;border-top:3px solid #89488b;}
.D-logo{float:left;text-align:center;position: relative;}
.D-logo .D-shoppingbox{position: absolute;top:50%;right:30px;}
.D-topbg{background:rgba(0,0,0,.3);float: left;width:100%;height:100%;}
.D-logo img{height:59px;}

.D-pcnav{float:right;padding-right:20px;width:100%;background:#666666;padding:0 40px;}
.D-pcnav-c{float:left;}
.D-pcnav-c li{float:left;width:110px;text-align:center;color:#fff;height:35px;line-height:35px;font-size:18px;}
.D-pcnav-c li:first-child a{border:0;color:#fff;display:block;}
.D-pcnav-c li a{color:#fff;}
.D-topsearch{float: left;margin-left:20px;border:1px solid #e8e8e8;margin-top:15px;position: relative;overflow:hidden;}
.D-topsearch button{position: absolute;right:0;border:0;background:transparent;margin-top:0px;top: 4px;}
.D-ts-input{border:0;height:25px;line-height:25px;width:350px;padding:0 5px;color:#ccc;font-size:12px;}
.D-ts-button{border:0;background:#fff;position:absolute;right:-5px;height:23px;line-height:23px;font-size:17px;color:#ccc;}
.D-topcontact{float: left;margin-left:20px;}
.D-topcontact img{float: left;}
.D-topcontact .D-text{float: left;font-size:12px;margin-left:15px;margin-top:10px;}
.D-Social{float: left;}
.D-Social a{float: left;font-size:15px;color:#666;display:block;}
.D-topcontact .D-text a:hover{text-decoration:underline;color:#89488b;}
.D-Social-wx{float: left;position: relative;float: left;cursor:pointer;font-size:17px;color:#666;}
.D-Social-wx .D-wx-ewm{width:100px;position:absolute;background:#ccc;top:2px;left:30px;padding:5px;display:none;}
.D-Social-wx .D-wx-ewm .D-svg{position:absolute;left:-15px;}
.D-Social-wx .D-wx-ewm img{width:100%;background:#fff;}
.D-Social-wx:hover > .D-wx-ewm {display:block;color:#6fdd1e;}
#JS-nav-reorder{color:#333;float:right;border:1px solid #333;padding:2px 5px 1px 5px;display:none;margin-left:7px;background:#fff;}
.Demo-selectbox{width:120px;height:100%;overflow:hidden;float:right;}
.Demo-selectbox-top{border:1px solid #222222;width:100%;position:relative;z-index:9992; float:left;font-size:12px;line-height:25px;background:#fff;}
.Demo-selectbox-top a{color:#333;}
.Demo-selectbox-top img{float:left;padding:0 5px 0 3px;padding-right:5px;padding-top:1px;}
.Demo-selectbox-top .LanguageSelect_fl{width:93px;overflow:hidden;float:left;color:#333;}
.Demo-selectbox-top .LanguageSelect_fl a{color:#333;}
.Demo-selectbox-top .LanguageSelect_fr{width:23px;height:25px;text-align: right;color:#333;padding-right:5px;float:right;}
.D-header{float: left;width:100%;}
.D-header1200{position:relative;float: left;width:100%;padding: 20px 30px 10px 30px ;}
.D-header-fr{float:right;margin-top:15px;}
.plug-shopping{float:right;height:27px;width:27px;line-height:27px;font-size:17px;text-align: center;position:relative;cursor:pointer;color:#fff;z-index: 9992;margin-right:5px;background:#929292}


.Demo-slidesbox{width:100%;margin:0 auto;height:auto;position:relative;float:left;}
.Demo-slidesbox img{width:100%;}
.Demo-page-slidesbox img{width:100%;}
.Demo-page-slidesbox{width:100%;margin:0 auto;float: left;position: relative;}
.Demo-Contontbox{width:100%;height:auto;clear:both;margin:0 auto;float:left;}
.Demo-Contont{max-width:1000px;margin:0 auto;height:auto;}
.Demo-Half{width:100%;float:left;position: relative;bottom:0;position: absolute;z-index: 997;}
.Demo-page-Contontbox{width:100%;margin:0 auto;float: left;}
.Demo-page-Contont{height:auto;margin-top:0px;width:100%;float:left;padding:30px;}
.Demo-page-Contont .D-pagetitle{width:100%;text-align:center;float:left;font-size:25px;padding-bottom:30px;color:#333;}
.Demo-page-Contont .D-pagetitle i{font-size:70px;}
.D-pagenavbox{width:100%;float: left;padding:10px 0;margin-top:10px;}
.D-pagenav{margin:0 auto;max-width:1200px;height:auto;text-align: center;}
.D-pagenav ul{margin:0;}
.D-pagenav li{margin-right:10px;margin-bottom:10px;display:inline-block;}
.D-pagenav li a{float: left;padding:3px 10px;}
.D-pagenav li{}


.D-npbox{width:100%;float: left;background:#f9f9f9;padding:30px;}
.D-newsbox{width:50%;float:left;padding-right:15px;}
.D-news{width:100%;background:#efefef;padding:15px;float: left;}
.D-newsbr{width:100%;float: left;padding:20px 20px 40px 20px;border:4px solid #89488b;background: #f9f9f9;position: relative;}
.D-newsbr .swiper-container{overflow:hidden;}
.D-newsbr .swiper-pagination{position: absolute;bottom:15px;left:0px;width:100%;text-align:center;}
.D-newsbr .swiper-pagination .swiper-pagination-bullet{margin:0 3px;border-radius:0;width:25px;height:4px;opacity: 1;background:#bf81c1;}
.D-newsbr .swiper-pagination .swiper-pagination-bullet-active{background:#89488b; }

.D-productbox{width:50%;float:left;padding-left:15px;}
.D-product{width:100%;background:#efefef;padding:15px;float: left;}
.D-productbr{width:100%;float: left;padding:20px 20px 40px 20px;border:4px solid #89488b;background: #f9f9f9;position: relative;}
.D-productbr .swiper-container{overflow:hidden;}
.D-productbr .swiper-pagination{position: absolute;bottom:15px;left:0px;width:100%;text-align:center;}
.D-productbr .swiper-pagination .swiper-pagination-bullet{margin:0 3px;border-radius:0;width:25px;height:4px;opacity: 1;background:#bf81c1;}
.D-productbr .swiper-pagination .swiper-pagination-bullet-active{background:#89488b; }

.D-newproductbox{width:100%;float: left;padding:30px;}
.D-newproductbox .D-nptitle{font-size:40px;color:#89488b;}
.D-newproduct{padding:20px 0;width:100%;float:left;}
.D-newproduct .D-title{width:100%;position:relative;font-size:20px;float: left;}
.D-newproduct .D-br{width:100%;position:absolute;height:1px;background:#ccc;top:15px;z-index:8;}
.D-newproduct .D-dot{position:absolute;width:10px;height:10px;background:#aaaaaa;border-radius:50%;top:11px;z-index:9;}
.D-newproduct figcaption{position: relative;float: left;background:#fff;padding:0 10px;z-index:10;margin-left:15px;}
.D-newproduct ul{width:100%;float: left;margin-top:20px;position: relative;}
.D-newproduct li{width:16.6666666666%;float: left;padding:0 5px;}
.D-newproduct .D-product-more{position:relative;}
.D-newproduct .D-product-more img{opacity:0;}
.D-newproduct .D-product-more a {position:absolute;width:100%;font-size:80px;text-align:center;top:0%;z-index:999;height:100%;left:0;display:block;overflow: hidden;color:#999;}
.D-newproduct .D-product-more a:hover{border:1px solid #89488b;color:#89488b;}
.D-newproduct .D-product-more a i{position:absolute;width:100%;font-size:80px;text-align:center;top:50%;z-index:999;height:100%;left:0;display:block;margin-top:-50px;}
.swiper-slide img{width:100%}

.plug-88{width:100%;position: relative;border:1px solid #ccc;float: left;}
.plug-88 img{width:100%;}
.plug-88 .plug-bg{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);z-index:88;display:none;}
.plug-88 .plug-text{z-index:89;position: absolute;top:50%;left:0;width:100%;text-align:center;margin-top:-10px;display:none;font-size:bold;}
.plug-88:hover > .plug-img{filter: url(blur.svg#blur);  
 /* FireFox, Chrome, Opera */  
    -webkit-filter: blur(2px);  
 /* Chrome, Opera */  
    -moz-filter: blur(2px);  
    -ms-filter: blur(2px);  
    filter: blur(2px);  
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false); }
.plug-88:hover >  .plug-bg{display:block;}
.plug-88:hover > .plug-text{display:block;}

.Demo-footerbox{width:100%;height:auto;float:left;color:#fff;background:#404040;padding:30px;border-bottom:4px solid #89488b;}
.Demo-footerbox a{color:#fff;}
.Demo-footerboxtwo{width:100%;height:auto;float:left;padding:0px 0 50px 0;}
.Demo-footerbox1024{width:100%;margin:0 auto;height:100%;overflow:hidden;font-size:13px;}
.Demo-footnav{width:100%;float:left;padding-bottom:30px;}
.Demo-footfr{width:65%;float:left;}
.Demo-footnav li{width:33.333333333333%;float:left;padding-right:25px;}
.Demo-footnav li i{font-size:15px;line-height:18px;text-indent:-3px;}
.Demo-footnav li a{position: relative;}
.Demo-footnav li a:first-child{width:100%;display:block;border-top:1px solid #fff;padding-top:10px;font-size:18px;}
.Demo-footnav li li{width:100%;float:left;border:0;padding:1px 0;font-size:14px;}
.Demo-footnav li li a:before{content: "- ";position:absolute;left:5px;top:-1px;}
.Demo-footnav li li i{float:left;padding:0 8px 0 5px;}
.Demo-footnav li li a:first-child{border:0;padding-bottom:0px;font-size: 14px;padding-top:0px;}
.Demo-footnav li li a:hover{text-decoration:underline;}
.Demo-footnav li li a{padding-top:3px;border:0;font-size:12px;padding-left:20px;}
.Demo-footcontact{width:35%;float:right;padding-left:15px;position: relative;}
.D-topshow{position: absolute;right:0;top:15px;cursor:pointer;width:30px;height:30px;background:#a9a9a9;box-shadow:0 0 1px rgba(0,0,0,.5);line-height:30px;text-align: center;}
.Demo-footcontact .D-c-text-p1{margin-top:5px;font-size:15px;position:relative;padding-left:22px;line-height:18px;}
.Demo-footcontact .D-c-text-p2{margin-top:5px;font-size:15px;position:relative;padding-left:22px;line-height:18px;}
.Demo-footcontact .D-c-text-p3{margin-top:5px;font-size:15px;position:relative;padding-left:22px;line-height:18px;}
.Demo-footcontact .D-c-text-p4{margin-top:5px;font-size:15px;position:relative;padding-left:22px;line-height:18px;}
.Demo-footcontact .xg-ditu{position:absolute;color:#afafaf;font-size:15px;left:-3px;}
.Demo-footcontact .xg-dianhua{position:absolute;color:#afafaf;font-size:13px;left:-3px;}
.Demo-footcontact .xg-chuanzhen{position:absolute;color:#afafaf;font-size:18px;left:-5px;}
.Demo-footcontact .xg-youxiang{position:absolute;color:#afafaf;font-size:15px;left:-3px;top:1px;}
.D-footmap{float:left;padding:3px;background:#333;}
.Demo-footcontact .D-title{width:100%;margin-bottom:0px;border-top:1px solid #fff;font-size:18px;padding-top:10px;}
.Demo-footcontact .D-title i{font-size:15px;line-height:18px;text-indent:-3px;}

.Demo-footcontact .D-title select{width:100%;}
.D-copybox{width:100%;float:left;background:#213875}
.D-copy{float:left;margin-top:20px;width:100%;padding-top:20px;}



.D-page-newslist{width:100%;float:left;}
.D-page-newslist li{width:100%;float:left;padding:5px 0;}
.D-page-newslist li{width:100%;float: left;border-bottom:1px solid #ccc;padding:10px 0;font-size:12px;}
.D-page-newslist li .D-date{float: left;margin-top:2px;}
.D-page-newslist li .D-menu{float: left;background:#f0f0f0;padding:2px 10px;margin:0 10px;color:#666666;font-size:12px;}
.D-page-newslist li .D-data{float: left;margin-top:2px;}
.D-page-newslist li:last-child{border:0;}

.Demo-page-left{width:20%;height:100%;overflow:hidden;float:right;padding-left:20px;}
.Demo-page-left .Demo-search{width:100%;float:left;line-height:35px;position: relative;}
.Demo-page-left .Demo-search input{float: left;width:100%;border:0;padding:0 5px 0 20px;border:1px solid #333;line-height:35px;}
.Demo-page-left .Demo-search button{position: absolute;right:10px;border:0;background:#fff;line-height:33px;top:1px;}
.D-p-leftnav{width:100%;float:left;margin-top:20px;border:1px solid #ccc;padding:10px;}
.D-p-leftnav .D-title{line-height:21px;float:left;width:100%;border-left:2px solid #89488b;padding:10px 10px;color:#333;cursor:pointer;font-size:20px;text-align:left;position:relative;left:-11px;}
.D-p-leftnav .D-title i{float:right;cursor:pointer;color:#333;display:none}
.D-product-leftnav{width:100%;float:left;margin-top:20px;border:1px solid #ccc;padding:10px;}
.D-product-leftnav .D-title{line-height:21px;float:left;width:100%;border-left:2px solid #89488b;padding:10px 10px;color:#333;cursor:pointer;font-size:20px;text-align:left;position:relative;left:-11px;}
.D-product-leftnav .D-title i{float:right;cursor:pointer;color:#333;display:none}
.D-p-leftnav ul{width:100%;float:left;}
.D-p-leftnav ul li{float:left;font-size:14px;width:100%;border-top:1px dotted #ccc;}
.D-p-leftnav ul li a{padding:10px 0;display:block;color:#333;}
.D-p-leftnav ul li a:before{content:"· "}
.Demo-page-right{width:80%;float:right;font-size:14px;line-height:1.8;min-height:500px;}
.Demo-page-right .Demo-page-left-top{width:100%;float:left;border-bottom: 1px solid #ccc;font-size:15px;margin-bottom:10px;padding-bottom:10px;line-height:21px;text-align: center;}
.Demo-page-right .Demo-page-left-top .fl{border-left:3px #666 solid;font-size:21px;padding-left:10px;height:21px;line-height:21px;}
.Demo-page-Contont .D-page-title{width:100%;float:left;margin:10px 0;color:#89488b;border-bottom:1px dotted #ccc;padding-bottom:10px;font-size:20px;}
.Demo-page-Contont .D-page-title h3{text-align: center;}
.D-page-news{width:100%;float:left;margin-top:20px;padding-top:10px;border:1px solid #ccc;padding:10px;}
.D-news-title{line-height:21px;float:left;width:100%;border-left:2px solid #89488b;padding:10px 10px;color:#333;cursor:pointer;font-size:20px;text-align:left;position:relative;left:-11px;}
.D-page-news ul{width:100%;float: left;}
.D-page-news li{width:100%;float:left;border-top:1px solid #ccc;font-size:13px;padding:10px 0;}
.D-page-news li a{color:#333;}

.D-page-news{width:100%;float:left;border-top:1px solid #ccc;padding-left:10px;}
.D-news-title{line-height:21px;float:left;width:100%;padding:10px 10px;color:#333;cursor:pointer;font-size:20px;text-align:left;position:relative;left:-11px;}
.D-page-news ul{width:100%;float: left;}
.D-page-news li{width:100%;float:left;border-top:1px solid #f0f0f0;font-size:13px;padding:10px 0;}
.D-page-news li a{color:#333;}

.D-page-product{float:left;width:100%;margin-top:15px;}
.D-page-product li{float: left;padding-right:10px;margin-bottom:10px;}


.Demo-page-brandright{width:100%;float:right;font-size:14px;line-height:1.8;min-height:500px;}
.Demo-page-searchbox{float:left;margin-top:2px;}
.Demo-page-search-title{width:100%;float:left;text-align:center;font-size:50px;margin-bottom:30px;}
.Demo-page-search{float:left;margin-left:0px;}
.Demo-page-search-inputbox{width:100%;float:left;position:relative;}
.Demo-page-search-input{float:left;margin-left:0px;}
.Demo-page-search-input input{width:100%;border:1px solid #ccc;line-height:30px;height:30px;float:left;}
.Demo-page-search-select{float:left;margin-left:20px;}
.Demo-page-search-select select{line-height:30px;height:30px;border:1px solid #ccc;float:left;}
.Demo-page-search-select select:first-child{margin-right:5px;}
.Demo-page-search-button{float:left;}
.Demo-page-search-button input{width:100%;border:0;line-height:30px;height:30px;float:left;background:#89488b;color:#fff;cursor:pointer;margin-left:5px;}
.Demo-page-search-button button{width:100%;border:0;line-height:30px;height:30px;float:left;background:#89488b;color:#fff;cursor:pointer;margin-left:5px;}

/* 
=================================================
 page
=================================================
*/
.Plug-page{width:100%;float:left;margin-top:15px;height:100%;}
.Plug-page-1{width:100%;float:left;height:50px;}
.Plug-page-2{width:100%;float:left;height:50px;}
.Plug-page a{border:1px solid #ccc;box-shadow:inset 0 0 1px rgba(0,0,0,.3);padding:5px 12px;margin:0 3px;font-size: 12px;}
.Plug-page a:hover{color:#fff;}
.Plug-page .pageleft{text-align: left;}
.Plug-page .pagecenter{text-align: center;}
.Plug-page .pageright{text-align: right;}
.Demo-Contentpages{width:100%;float:left;font-size:14px;line-height:1.8;}
.Demo-Contentpages img{padding:5px 0;}
.Demo-Contentpages-top{width:100%;float:left;font-size:15px;margin-bottom:10px;padding-bottom:10px;line-height:21px;text-align: center;margin-top:10px;border-bottom:1px solid #ccc;}
.Demo-Contentpages-top .fl{border-left:3px #666 solid;font-size:21px;padding-left:10px;height:21px;line-height:21px;}t
.Demo-Contentpages-title{width:100%;float:left;}
.Demo-Contentpages-title h3{width:100%;float:left;}
.Demo-Contentpages-time{width:100%;float:left;font-size:12px;color:#666;}
.Demo-Contentpages-time i{font-size:14px;}
.Demo-Contentpages-Nextpage{float:left;width:100%;margin-top:20px;}

/*Inspectionbox*/
.Inspectionbox{float:left;width:100%;}
.Inspectionbox li{float:left;width:100%;margin-top:10px;}
.Inspectionbox li .boxlitllte{border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;float:left;width:100%;line-height:40px;padding:0 10px;;background:#fff;cursor:pointer;}
.Inspectionbox li .boxlitllte:hover{color:#89488b;}
.Inspectionbox li .boxlitllte .fl{width:80%;cursor:pointer;}
.Inspectionbox li .boxlitllte i{margin-right:5px;float:left;line-height:40px;}
.Inspectionbox li .boxContent{float:left;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;margin-top:5px;padding:10px 22px;font-size:13px;display:none;}
.Inspectionbox li .boxContent-more a{background:#89488b;color:#fff;float: left;padding:0px 10px;font-size:12px;margin-top:15px;}

.Demo-page-right table{width:100%;border:0;padding:10px 0;}
.Demo-page-right th{text-align:left;border:0;}
.Demo-page-right td h3{font-size:18px;color:#89488b;}
.Demo-page-right td{border:0;width:50%;}
.Demo-page-right td p{line-height:2;}

.D-form{max-width:100%;height:auto;margin-top:20px;}
.D-input{float:left;width:100%;}
.D-input input{float:left;line-height:40px;height:40px;padding:0 15px 0 35px;color:#bbbbbb;font-size:14px;float:left;}
.D-input input:focus{box-shadow: inset 0px 0px 3px #ccc;}
.D_form_title{background:url(../images/input_01.png) left center no-repeat;width:100%;border:1px solid #ccc;border-bottom:0;}
.D_form_name{background:url(../images/input_02.png) left center no-repeat;width:50%;border:1px solid #ccc;border-right:0;border-bottom:0;}
.D_form_tel{background:url(../images/input_03.png) left center no-repeat;width:50%;border:1px solid #ccc;border-bottom:0;border-bottom:0;}
.D_form_phone{background:url(../images/input_04.png) left center no-repeat;width:50%;border:1px solid #ccc;border-right:0;}
.D_form_email{background:url(../images/input_05.png) left center no-repeat;width:50%;border:1px solid #ccc;}
.D-textarea{width:100%;float:left;}
.D-yanzheng{float:left;width:100%}
.D-yanzhenginput{border:1px solid #ccc;} 
.D-textarea textarea:focus{box-shadow: inset 0px 0px 3px #ccc;}
.D-textarea textarea{width:100%;border:1px solid #ccc;min-height:150px;margin:0;padding:10px;border-top:0;color:#bbbbbb;font-size:14px;}
.D-sub button{float:left;border:0;width:100%;text-align:center;font-size:15px;padding:10px 0;background:#ececec;cursor:pointer;margin-top:10px;}
.D-sub i {font-size:20px;padding-right: 5px;outline: none;}
.phone-message{display:none;color:#fff}
.Nextpage{padding-bottom:15px;}
.D_textarea img{width:auto;height:auto;}
.D_textarea .hvr-bounce-to-right{border:0;}

@media screen and (max-width:1024px)  {   
    .D-pcnav{display:none;}
    .Demo-page-Contont,.Demo-footerboxtwo,.D-copybox,.D-aboutbox,.D-casebox{padding-left:20px;padding-right:20px;}
    .D-newstoprightbox{padding-left:150px;}  
    .Demo-headerbox{padding-top:10px;padding-bottom:10px;}


    .D-pcnavbox{display:none;}
    .D-topcontact{margin-top:10px;margin-left:0;display:none;}
    .D-ts-input{width:150px;}
    .D-header-fl{float: left;width:auto;clear:both}
}  
@media screen and (max-width:768px){
  .Demo-page-left{width:100%;padding:0;} 
  .Demo-page-right{width:100%;margin-top:10px;min-height:100%;padding-left:0;border-left:0;} 
  .D-page-news{display:none;}
  .D-p-leftnav .D-title{line-height:21px;float:left;width:100%;background:#ccc;padding:10px 10px;color:#fff;cursor:pointer;font-size:18px;}
  .D-p-leftnav .D-title i{display:inline-block;color:#fff;font-size:15px;}
  .D-p-leftnav ul{display: none;}
  .D-product-leftnav .D-title{line-height:21px;float:left;width:100%;background:#ccc;padding:10px 10px;color:#fff;cursor:pointer;font-size:18px;}
  .D-product-leftnav .D-title i{display:inline-block;color:#fff;}
  .Demo-JS-leftnavbox{display:none;}  
  .Demo-footnav li{width:100%;padding:10px 0 10px 0;border-left:0;} 
  .Demo-footnav li li{padding-top:0px;}
  .Demo-footfr{width:100%;border:0;padding-left:0;}
  .Demo-footcontact{width:100%;padding:0;}
  .JS-footnav{display:none;}
  .Demo-footnav li a:first-child{font-size:15px;}
  .Demo-footnav li a:first-child i{transition: all 0.3s;-moz-transition: all 0.3s;  /* Firefox 4 */-webkit-transition: all 0.3s;   /* Safari 和 Chrome */-o-transition: all 0.3s;    /* Opera */}
  .Demo-footnav li li a:first-child{padding-bottom:0px;padding-left:20px}
  .D-header1200{position:relative;float: left;width:100%;padding: 10px 10px 10px 10px ;}
  .D-topsearch{margin-left:0;}
  .D-newsbox{width:100%;padding-right:0;}
  .D-news{padding:10px;}
  .D-newsbr{padding:5px;padding-bottom:40px;}
  .D-productbox{width:100%;margin-top:10px;padding-left:0;}
  .D-product{padding:10px;}
  .D-productbr{padding:5px;padding-bottom:40px;}
  .D-npbox{padding:10px;}
  .D-newproduct li{width:33.33333333333%;padding:5px;}
  .Demo-page-search-select{margin-left:0;}
}
@media screen and (max-width:480px)  { 
  .D-logo img{width:100%;height:100%;}
  .D-newproduct li{width:50%;padding:5px;}
}
@media screen and (min-width:480px)  and (max-width:1024px){ 
}